.error{
	color:#FF0000;
}
body{
font-family: Verdana, Arial;
font-size:0.9em;
background-color: #f0f0f0;
}
p {
	font-family: Verdana, Ariel;
font-size:0.9em;
	line-height: 12px;
	color: #000080;
	text-align: left;
}
p + p {
	margin-bottom: 1em;
}
pspace {
	font-size: 2px;
	line-height: 2px;
}
p.headerright {
	font-family: Verdana, Ariel;
	font-size: 12px;
	line-height: 12px;
	color: #000080;
	text-align: right;
}
/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:1400px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
background-color: #f0f0f0;
}
#wrapper {
/* faux-column technique, this is the right one */
background-color: #f0f0f0;
}
#header {
border:4px solid #99CC66;
color:#000080;
background:#99CC66;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px;
}
#container {
float:left;
width:70%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
margin-left:-200px
}
#container2 {
float:left;
width:40%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
margin-left:-200px
}
#container3 {
float:left;
width:85%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
margin-left:-200px
}
#left {
float:left;
width:350px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}
#leftthin {
float:left;
width:200px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}
#leftwide {
float:left;
width:700px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}
#leftreallywide {
float:left;
width:1000px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}
#main {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:550px;
background-color: #f0f0f0;
width:370px;
}
#mainthin {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:450px;
background-color: #f0f0f0;
width:400px;
}
#mainstart {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:550px;
background-color: #f0f0f0;
text-align:center;
}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebarnarrow {
float:right;
width:200px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:100px
}
#sidebar {
float:left;
width:400px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
//margin-left:100px
}
#sidebarold {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:75%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-200px
}
#sidebar3 {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:75%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-200px
}
#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}
#sidebar2 {
/* this is to keep the content of #sidebar2 to the right of #main even if the content of "main is shorter */
padding-left:50%;
/* this is to "bring back" the #sidebar2 that has been moved out of the viewport because of the padding value */
margin-left:-200px
}
#sidebar2 p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}
#footer {
/* see #outer_wrapper  */
text-align: center;
width:100%;
/* this is to clear #container */
clear:both;
border-top:1px solid #99CC66;
border-bottom:1px solid #99CC66;
background:#99CC66}
a.footer:hover{text-decoration:underline !important;}
a.header:hover{text-decoration:underline !important;}
a.footer, a.header, a.footer:active, a.header:visited:active, a.footer:visited:active, a.footer:hover, a.header:hover, a.header:active, #footer .selected, #header .selected {
	color:#000080;
	font-family: Verdana, Ariel;
	font-size: 110%;
}
a.headercenter {
	color:#000080;
	font-family: Verdana, Ariel;
	font-size: 110%;
	text-align: center
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}
.button {
    border: 1px solid #000080;
    background: #99CC66;
    color: #000080;
}
.button:hover {
    border: 1px solid #000080;
    background: #99CC66;
    color: #000080;
}
.rbutton {
    border: 1px solid #99CC66;
    background: #000080;
    color: #99CC66;
font-size:1.1em;
padding-left:20px;
padding-right:20px;
}
.rbutton:hover {
    border: 1px solid #99CC66;
    background: #000080;
    color: #99CC66;
font-size:1.1em;
padding-left:20px;
padding-right:20px;
}
.cbutton {
    border: 1px solid #99CC66;
    background: #000080;
    color: #99CC66;
font-size:20px;
padding-left:20px;
padding-right:20px;
}
.cbutton:hover {
    border: 1px solid #99CC66;
    background: #000080;
    color: #99CC66;
font-size:20px;
padding-left:20px;
padding-right:20px;
}
label {
    display: block;
    width: 100px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: left;
}
.label2 {
    display: inline;
    width: 120px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: left;
}
.label3 {
    display: inline;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: left;
}
.label4 {
    display: inline;
    width: 120px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: left;
}
.required input.txt, input.txt3, textarea, select, select.txt, form .required select{
	border-left:2px solid #99CC66;
	border-top:1px solid #99CC66;
	border-right:1px solid #99CC66;
	border-bottom:1px solid #99CC66;
}
#myphone{
	border-left:2px solid #99CC66;
	border-top:1px solid #99CC66;
	border-right:1px solid #99CC66;
	border-bottom:1px solid #99CC66;
}
textarea {
	background: #FFFFFF;
	border-left:2px solid #99CC66;
	border-top:1px solid #99CC66;
	border-right:1px solid #99CC66;
	border-bottom:1px solid #99CC66;
}
.required label{
	font-weight:bold;
	text-align: left;
}
acronym {
	color: #FF0000;
}
.lighttr {
    background: #F0E68C/*#FFB6C1 #FFE3B3*/;
	font-family: Verdana, Ariel;
	font-size: 12px;
	white-space: nowrap;
	height: 17px;
}
.darktr {
    background: #B0C4DE/*#87CEFA #BED890*/;
	font-family: Verdana, Ariel;
	font-size: 12px;
	white-space: nowrap;
	height: 17px;
}
.txt {
    border: 0.5px solid #99CC66;
    background: #fff;
	font-family: Verdana, Ariel;
	font-size: 12px;
	/*white-space: nowrap;*/
	height: 19px;
	width: 200px;
}
.txt400 {
	width: 400px;
}
.txt2 {
    border: 0.5px solid #99CC66;
    background: #fff;
	font-family: Verdana, Ariel;
	font-size: 12px;
	/*white-space: nowrap;*/
	height: 19px;
	width: 580px;
}
.txt3 {
    border: 0.5px solid #99CC66;
    background: #fff;
	font-family: Verdana, Ariel;
	font-size: 12px;
	/*white-space: nowrap;*/
	height: 19px;
	width: 75px;
}
.txt5 {
    border: 0.5px solid #99CC66;
    background: #fff;
	font-family: Verdana, Ariel;
	font-size: 12px;
	/*white-space: nowrap;*/
	height: 19px;
	width: 50px;
}
.txt4 {
    border: 0.5px solid #99CC66;
    background: #fff;
	font-family: Verdana, Ariel;
	font-size: 12px;
	/*white-space: nowrap;*/
	height: 19px;
	width: 25px;
}
.testsmall {
    border: 0px solid #99CC66;
    background: #fff;
	font-family: Verdana, Ariel;
	font-size: 9px;
		/*white-space: nowrap;
height: 17px;*/
}
.bwlighttr {
    background: #FFFFFF;
}
.bwdarktr {
    background: #E2E2E2;
}
a.chooser:hover{text-decoration:underline !important;}
.chooser{
	color:#000000;
	font-family: Verdana, Ariel;
	font-size: 11px;
}
.chooser .selected, a.chooser:active, a.chooser:visited:active, a.chooser:hover, #chooser .selected{
	color:#000000;
	font-family: Verdana, Ariel;
	font-size: 11px;
}
a.chooserred:hover{text-decoration:underline !important;}
.chooserred{
	color:#FF0000;
	font-family: Verdana, Ariel;
	font-size: 11px;
}
.chooserred .selected, a.chooserred:active, a.chooserred:visited:active, a.chooserred:hover, #chooserred .selected{
	color:#FF0000;
	font-family: Verdana, Ariel;
	font-size: 11px;
}
.login {
text-align: center;
 }
#info {
text-align: center;
 }
.print{
font-family: Verdana, Arial;
font-size: 13px;
}
.formfloatleft {
		float: left
}
.formfloatright {
		float: right
}
.left {
	text-align: left
}
#activity
{
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#activity td, #activity th 
{
font-size:1.1em;
border:1px solid #99CC66;
padding:3px 7px 2px 7px;
}
#activity th 
{
font-size:1.2em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#000;
}
#activity tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
padding: 4px 4px 4px 4px;
}
#terms_conditions_wrap{
	width: 80%;
	margin: 10px auto;
	padding: 20px;
	background-color: white;
}
#terms_conditions_wrap p{
	color: black;
}

#terms_conditions_header{
	display: inline-block; 
	width: 100%;
}

#terms_conditions_logo{
	display: block; 
	width: 100%;
	text-align: right;
}

.tooltip {
	position: absolute;
	background-color: #333;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	z-index: 9999;
  }