
 
/* default styles */
body { padding: 0 0 0 0; margin: 0; font: .7em Verdana, Tahoma, Arial, sans-serif; line-height: 1.7em; color: #696969;}
#content { padding: 5px 0 0 10px; margin: 0; color: #000000; width:780px;}
a { color: #78A22F; background: inherit; }
a:hover { color: #7D7D7D; background: inherit; }
img { border: none; }


/* layout */
#logo { margin: 14px 0 10px 0; background:url(../images/Computershare_Logo_White.gif) no-repeat; width:272px; height:50px;}
/*#top_info { line-height: 27px; float: right; color: #fff; margin: 14px 5px 7px 0; text-align: right; height: 74px; }*/
#header { background: #fff url(../images/computershare_bg.gif) repeat-x; width:780px; height:95px;}
#placeHolder { padding: 0 10px 0 10px; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(../images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(../images/lbhover.gif) no-repeat; color: #000;}


.itemHeading
{
	font: bold 1.2em Verdana, Tahoma, Arial, sans-serif;
	color: #7E0C64;
}

.lblHeading
{
	font: bold 1.2em Verdana, Tahoma, Arial, sans-serif;
	color: #7E0C64;
}

.lblText
{
    font: 1.2em  Verdana, Tahoma, Arial, sans-serif;
    color: #7E0C64;
}
.lblLargeHeading
{
	font: bold 1.6em Verdana, Tahoma, Arial, sans-serif;
	color: #7E0C64;
}


.msg
{
	font: bold 1.2em Verdana, Tahoma, Arial, sans-serif;
	color: Green;
}
.err
{
	font: bold 1.2em Verdana, Tahoma, Arial, sans-serif;
	color: Red;
}

.multiTextBox
{
	font: 1em Verdana, Tahoma, Arial, sans-serif; 
	color: #000000;
}

input
{
	font: 1em Verdana, Tahoma, Arial, sans-serif; 
	color: #000000;
}

.markAllInput
{
	margin: 0; 
	font: bold 1em Verdana, Tahoma, Arial, sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #7E0C64;	
	cursor: pointer;
	width: 70px;
}

.markAllInputWide
{
	margin: 0; 
	font: bold 1em Verdana, Tahoma, Arial, sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #7E0C64;	
	cursor: pointer;
	width: 150px;
}

.markAllBoard
{
	margin: 0; 
	font: bold 1em Verdana, Tahoma, Arial, sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #7E0C64;	
	cursor: pointer;
	width: 220px;
}

.button 
{ 
	margin: 0; 
	font: bold 1em Verdana, Tahoma, Arial, sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #7E0C64;	
	cursor: pointer;
    text-decoration:none;
}

.buttonMulti
{ 
	margin: 0; 
	font: bold 1em Verdana, Tahoma, Arial, sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #7E0C64;	
	cursor: pointer;
	height: 65px;
}

select
{
	font: 1em Verdana, Tahoma, Arial, sans-serif;
	color: #696969;
}
blockquote 
{
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #F2F2F2; 
	border-left: 4px solid #0076BF;   
	color: #0076BF;
	font: bold 1.2em/1.5em Verdana, Tahoma, Arial, sans-serif; 
}
code 
{
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em Verdana, Tahoma, Arial, sans-serif, Monaco, "Luxi Mono", "Courier New", Courier, monospace;
  white-space: pre;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #7E0C64; 
}
.code_block
{
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  /*display: block;
  white-space: pre;
  overflow: auto;*/
  font: 500 1em/1.5em Verdana, Tahoma, Arial, sans-serif, Monaco, "Luxi Mono", "Courier New", Courier, monospace;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #7E0C64; 
}


/* footer */
#footer 
{ 
	clear: both; 
	color: #7D7D7D;
	background: #FFF;
	/*padding: 10px 15px;*/
	border-top: 1px solid #ccc;
	width: 780px;
}

#footer .right 
{ 
	float: right; 
}
	
	
.reallyBadLine
{
	width: 1px;
	height: 100%;
	background: url(../images/dot.gif);
}

.smalltext
{
	font: bold 10px Arial;
	border: 2px solid #F2F2F2;
	color: #000;
	text-align: left;
}

.smalltext_selected
{
	font: bold 10px Arial;
	border: 2px solid #7E0C64;
	color: #000;
	text-align: left;
}

div#multicard
{
	width: 520px;
	height:65px;
	background-color:#FFF;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#multicard clr
{
	clear:both;
	font-size:1px;
	line-height:1px;
}

#multicard ul
{
	float: left;
	width:100%;
	margin-left: 0px;
	padding: 0;
}
#multicard ul li
{
	display:block;
	float:left;
	padding: 0 2px 0 2px;
	margin-left:0px;
}
#multicard ul li a
{
	text-decoration: none;
}
#multicard ul li a:hover
{
	text-decoration: underline;
}


div#left 
{
    float: left;
    width: 21px;
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
div#right 
{
    float: right;
    width: 21px;
    padding: 0;
    margin: 0;
    background-color: #FFF;
}


.proposalNumber
{
    width:50px;
    vertical-align:top;
}

.proposalText
{
    width:530px;
    border-right:1px solid #696969;
    vertical-align:top;
    
}

.proposalOptions
{
    width:200px;    
}

.justifyLeft{text-align:left;}

.justifyCenter{text-align:center;}

.proposalBorderTop
{
    border-top:1px solid #696969;
}


.proposalSection
{
	font: bold 1.2em Verdana, Tahoma, Arial, sans-serif;
	color: #7E0C64;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.content_row
{
    float:left;
    width:100%;
    display:block;
}
.edelivery_row
{ 
  float:left;
  width:100%;
  display:block;
  text-align: left;  
  font: 500 1em/1.5em Verdana, Tahoma, Arial, sans-serif, Monaco, "Luxi Mono", "Courier New", Courier, monospace;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #7E0C64; 
  margin-bottom:10px;    
}

.edelivery_box
{
  width:auto;        
  padding:10px 10px 10px 10px;
}

h1.edelivery_header
{
    font-size:11pt;
    font-weight:normal;
}

h3.edelivery_header
{
    color:#7E0C64;
    font-size:10pt;
    margin:0px 0px 5px 0px;
}

.edelivery_help_text
{
    margin-bottom:10px;
}
.error_text
{
    color:Red;
    font-weight:bold;
}

.success_text
{
    color:Green;
    font-weight:bold;
}
.edelivery_fieldleft
{
    text-align:right;
    padding-right:2px;   
    vertical-align:top;
    padding-bottom:5px;
    font-weight:bold;
}

.edelivery_fieldright
{
    text-align:left;
    vertical-align:top;
    padding-bottom:5px;
}