/* 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: #696969; 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;
}
.lblLargeHeading
{
	font: bold 1.6em Verdana, Tahoma, Arial, sans-serif;
	color: #7E0C64;
}

.proposalSection
{
	font: bold 1.2em 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: 80px;
}

.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: 235px;
}

.button 
{ 
	margin: 0; 
	font: bold 1em Verdana, Tahoma, Arial, sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #7E0C64;	
	cursor: pointer;
}

.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;
}