a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:active {color: #0000ff;}
a:hover {background-color: #eeeeee;}

body {
	font-family : Courier New;
	text-align: left;
	margin-top : 0;
	margin-left : 0;
	font-size : 12px;
	background-color: #ffffff;
}

td {
	color : #000000;
	font-family : Courier New;
	margin-top : 0;
	margin-left : 0;
	font-size : 12px;
}

.bold_title {
	background: #FFFFFF;
	color : #000000;
	font-family : Courier New;
	margin-top : 0;
	margin-left : 0;
	font-weight : bold;
	font-size : 16px;
}

.signup_help {
	background: #FFFFFF;
	color : #FF0000;
	font-family : Courier New;
	margin-top : 0;
	margin-left : 0;
	font-weight : bold;
	font-size : 16px;
}

.error {
	color : Red;
	font-family : Courier New;
	text-align: center;
	margin-top : 0;
	margin-left : 0;
	font-size : 12px;
	font-weight : bold;
}

.small_text_footer {
	font-size : 12px;
	font-family : Courier New;
	text-align: center;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font: normal 10pt Courier New;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.iconspan{
float: left;
margin: 0px;
cursor:pointer;
font-weight: bold;
}

.iconspan{
float: left;
margin: 0px;
cursor:pointer;
font-weight: bold;
}



<!--- .icongroup1{
background-color: #FFFFFF;
width: 680px;
margin: 5px;
padding: 5px;
} --->

.au_error {
font-family: arial, Courier New, ms sans serif;
font-weight: bold;
color: red;
font-size: 10pt
}

.text2 {
background-color: white;
border: 0px;
font-family: arial, Courier New, ms sans serif;
font-weight: normal;
color: silver;
font-size: 8pt
}

.selected_feature {
	background: #FFFFFF;
	color : #000000;
	font-family : Courier New;
	margin-top : 0;
	margin-left : 0;
	font-weight : normal;
	font-size : 12px;
}

.not_selected_feature {
	background: #FFFFFF;
	color : #BBBBBB;
	font-family : Courier New;
	margin-top : 0;
	margin-left : 0;
	font-weight : normal;
	font-size : 12px;
}

.iconspan{
float: left;
margin: 0px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #3C7A3D;
font-weight: normal;
color: #FFFFFF;
font-size: 12px;
border: 1px solid black;
padding: 2px;
}

div.eg-bar{
width: 560px;
}

.eg-bar1{
background-color: #FF4F4F;
font-weight: normal;
font-size: 12px;
border: 1px solid black;
padding: 2px;
}

div.eg-bar1{
width: 560px;
}

.icongroup1{
background-color: #EEEEEE;
width: 540px;
margin: 5px;
padding: 5px;
}

/* icongroup2 is for the list of showings on the HTML listing report */

.icongroup2{
background-color: #EEEEEE;
width: 540px;
margin: 5px;
padding: 5px;
}

.smallfieldcell select {    
 font: 8pt Arial, sans-serif;    
 background-color: #ded7cd;    
 color: #102132;    
 border: 2px solid #316499;    
}

input.check_sample {color:000000;background-color:FFFFFF;font-size:9}


<!--- THIS IS FOR THE QR CODE MOUSEOVER --->

<!--- {margin:0px auto;
            padding:0px;} --->
			
			.main_section {
			z-index: -1;}

            .container {position:absolute;
			top:0px;
			left:0px;
			width:37px;
            height:37px;
			z-index: 0;
			}

            .div01 {position:absolute;
			background:#ffff51;
			top:37px;
			left:37px;
            height:350px;
            width:350px;
            display:none;
			z-index: 1;}

            .div02 {float:right;
            background:#FF0;
            height:60px;
            width:60px;
            display:none;}

            .div03 {float:right;
            background:#FFF;
            height:40px;
            width:40px;
            display:none;}

            div.container:hover div.div01 {display:block;}
            <!--- div.container div.div01:hover div.div02  {display:block;}
            div.container div.div01 div.div02:hover div.div03 {display:block;} --->