@page {
    margin: 15mm;
}

html {
  width: 100%;
}
body {
	/*margin: 0;*/
  padding: 0;
  background: #fff;
  color: #000;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt !important;
  text-align: left;
	line-height: 120%;
	border: 0;
	border-top: 0;	
	padding: 0;
}
#header, #leftcol, #rightcol, #printthispage, #menu, #breadcrumb, #footer, #credits, #disclaimer, .noprint {
	display: none;
}

#printdisclaimer{
	text-align		: center;
	font-style		: italic;
	color					: #c0c0c0;
  font-family		: "Times New Roman", Georgia, serif;
	font-size			: 13pt;
	height: 16px;
	padding: 22px 0px;
	background-image: url(/images/mailing/dividendfactory_print.gif);
	background-position: top center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.onlyprint {
	display: block;
}


/* ---( images )----------------------------- */
img.normal {
  display: inline;
  border: none;
  margin: 1em 0;
}

img.left {
  display: inline;
  border: none;
  float: left;
  margin: 0 1.2em 1em 0;
}

img.right {
  display: inline;
  border: none;
  float: right;
  margin: 0 0 1em 1.2em;
}

img.normal_border {
  display: inline;
  margin: 0 0 1em 1.2em;
  border: 1px solid #227D5E;
}

img.left_border {
  display: inline;
  float: left;
  margin: 0 1.2em 1em 0;
  border: 1px solid #227D5E;
}

img.right_border {
  display: inline;
  float: right;
  margin: 0 0 1em 1.2em;
  border: 1px solid #227D5E;
}

img.right_border {
  display: inline;
  float: right;
  margin: 0 0 1em 1.2em;
  border: 1px solid #227D5E;
}

#header img {
	display: block;
	margin-bottom : 20px;
	margin				: 0 auto;
}

/* ------------( headings ) ----------- */
h1, h2, h3, h4, h5, h6	{
	color                 : #00618b;
	font-family						: Times New Roman, georgia, sans-serif;
}
h1 {
  margin							: 0 auto;
  padding							: 0;
  font-size						: 26pt;
	line-height					:	26pt;
  font-weight					: bold;
	color								: #00618b;
	text-align:center;
}

h2 {
  font-size						: 14pt;
  font-weight					: bold;
  padding							: 0;
  margin							: 0;
}

h3 {
  font-size						: 15pt;
  font-weight					: bold;
  padding							: 0;
  margin							: 0;
}
h4 { 
  font-size						: 14pt;
  font-weight					: bold;
  padding							: 0;
  margin							: 14px 0;
	color								: #000;
	text-align					: center;
	text-decoration			:	underline;
	font-family         : Verdana,Arial, Helvetica,sans-serif;
}

/* ------------( portfolio ) ----------- */
table#main td.pfx h1 {
	margin-bottom				: 10px;
}

table#main td.pfx table {
	width								: 100%;
	/*page-break-after		: always !important;*/
/*	border							: 1px solid #000;*/
}

table#main td.pfx table th,
table#main td.pfx table td {
	vertical-align			: top;
	border							: 1px solid #000;
	padding							: 0;
	margin							: 0;
}

/*table#main td.pfx p {*/
   /*display							: none;*/
/*}*/

table#main td.pfx table th p,
table#main td.pfx table td p {
 	display							: block;
}
div#account_details{
	visibility: hidden;
}

table.portfolio_listing {
  width: 100%;  
}

table.portfolio_listing td,
table.portfolio_listing th {
  font-size           : 11px;
	vertical-align      : top;
	padding             : 2px;
  border							: 1px solid #000;
}

tr.odd {
	background-color: #eee;
}

table.portfolio_listing td span.green {
	color								: green;
}

table.portfolio_listing td span.red {
	color								: rgb(170, 0, 51);
}

table.portfolio_listing td.green {
	background-color		: green;
	width								: 5px;
	padding							: 0;
}

table.portfolio_listing td.red {
	background-color		: rgb(170, 0, 51);
	width								: 5px;
	padding							: 0;
}

table.portfolio_listing td.narrow {
	width								: 75px;
}

table.portfolio_listing td.wide {
	width								: 200px;
}

table.portfolio_listing td.center {
	text-align: center;
}
table.portfolio_listing td.right {
	text-align: right;
	padding-right: 25px;
}

table.portfolio_listing td div.left {
	text-align: left;
	float:right;
}

h1.portfolio_header {
  margin              : 25px 0 8px 0 !important;
}


/**
 * My Portfolio
 */

#my-portfolio-container table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;    
}
#my-portfolio-container table,
#my-portfolio-container tr,
#my-portfolio-container td,
#my-portfolio-container th,
#my-portfolio-container tbody,
#my-portfolio-container thead,
#my-portfolio-container tfoot {
    page-break-inside: avoid !important;
}
#my-portfolio-container table th,
#my-portfolio-container table td {
    vertical-align: top;
    border: 1px solid black;
    text-align: center;
    font-size: 11px;
}
#my-portfolio-container table td{
    vertical-align: middle;
    height: 2em;
    line-height: 2em;
    text-align: right;    
}
#my-portfolio-container table td.left {
    float: none;
    text-align: left;
}
#my-portfolio-container table td.center {
    float: none;
    text-align: center;
}
#my-portfolio-container table th.amount{
    width: 4%;
}
#my-portfolio-container table th.ticker{
    width: 1%;
}
#my-portfolio-container table th.stock{
    width: 20%;
}
#my-portfolio-container table th.total{
    width: 6%;
}

#my-portfolio-container table th.category{
    width: 12%;
}
#my-portfolio-container table th.date {
    width: 8%;
}
#my-portfolio-container table th.currentvalue,
#my-portfolio-container table th.historic,
#my-portfolio-container table th.price,
#my-portfolio-container table th.appreciation{
    width: 6%;
}
#my-portfolio-container select[name=stockid]{
    width: 100%;
}

#my-portfolio-container input[name=amount] {
    width: 65%;
}
#my-portfolio-container input[name=price] {
    width: 80%;
}
#my-portfolio-container input[name=date] {
    width: 80%;
}
#my-portfolio-container.editMode td{
    color: #aaa;
}
#my-portfolio-container tfoot td {
    font-weight: bold;
}
#my-portfolio-container tfoot td.empty {
    border-left: none;
    border-right: none;
}
#my-portfolio-container form ~ h2{
    margin-top: 20px;
}
#my-portfolio-container .formbutton {
    padding: 5px 10px;
}
#my-portfolio-container .tablescroll {
    margin-bottom: 10px;
}
#my-portfolio-container .tablescroll table {
    margin-bottom: 1px;
}
#my-portfolio-container tr[data-sold="1"] td:first-child{
    position:relative;
}

#my-portfolio-container tr[data-sold="1"] td:first-child:after {
    position:absolute;
    top: 0;
    right:0;
    display:block;
    width: 0px;
    height: 0px;
    border-top: 20px solid #cc0000;
    border-left: 20px solid transparent;
	content:'';
}
#my-portfolio-container .buttonbar {
    display: none;
}