/* general website layout and  centered page container*/
/* used in: header.css*/
body{background-color: #ffffff;height: 100%;font-family: arial, tahoma, sans-serif;	font-size:10pt;text-align:center;padding:0px;margin: 0px;}
/*HTML body {overflow: -moz-scrollbars-vertical;} to fix firefox page shifting issue*/
body #container{margin: 0px;padding:0px;min-width:775px;}
body #container #contentWrap{clear:both;width: 100%;}
body #container #contentWrap #content{text-align:left;margin:0px auto;padding:0px;width:775px;border: solid 1px #EBF0FA;}
/*end general website layout and centered page container */
#twitter_div ul{margin:5px; padding-left:10px;}

/*general website font and html elements*/
h1{	font-size:14pt;	font-weight:bold;}
h2{	font-size:12pt;	font-weight:bold;}
h3{	font-size:10pt;	font-weight:bold;}
a{	color:#006699;	text-decoration:underline;}
ul{	margin:0px 5px;}
li{	clear:both; list-style-type: disc;}
img{vertical-align:middle;	border-style:none;}
strong{	font-weight:bold;}
em{	font-style:italic;}
underline{text-decoration:underline;}
input, select{font-family:arial; font-size:10pt;}
/*end general website font and html elements*/


/*page content layout*/
#pageHeading{padding-top:10px;margin:0px auto;width:760px;}
#paddedHeading{padding-top:10px;margin:0px auto;width:700px;}
#pageContent{padding:2px 0px 0px 0px;margin:0px auto;760px;}
#paddedContent{padding:2px 0px 0px 0px;margin:0px auto;width:700px;}
/*end page content layout*/

/*page content display and design*/
.clear{clear:both;margin:0px;border:none;padding:0px;}
.space{clear:both;	height:10px;}
.tip{font: 8pt arial;color: #666666;text-align:left;padding:0px;}
a.tip {font: 8pt arial; color: #006699;text-decoration: underline;}
.asterisk{color:#FF0000;}
.text {font: 10pt arial;}
.red{ color:red; }
.head2{	font-size:12pt;	font-weight:bold;}
.grey{ color:#808080;}
/*end page content display and design*/

/*form elements display*/
input.textField{width:270px;}
input.radioField{padding:0px; margin:0px;}
input.checkboxField{margin-left:0px;}
input.radioField, input.checkboxField{width:13px;margin-right:3px;}
input.button{margin:20px 4px 20px 4px;padding:4px 10px;font-weight:bold;font-size:12px;cursor:pointer;}
input.buttonField{padding:4px 10px;font-weight:bold;font-size:11px;cursor:pointer;}
select.selectField{width:276px; z-index:1;}
select.selectField{width:276px; z-index:1;}
/*end form elements display*/

/* general table layout */
/* table layout */
.pageRow {clear: both;text-align: top;vertical-align: top;padding: none;margin: none;border: none;width:100%;}
.colLeft {float: left;margin: 0px 0px 5px 5px;text-align: left;vertical-align: top;}
.colRight {float: left;margin: 0px 0px 5px 5px;text-align: right;vertical-align: top;}
.colColon {float: left;width: 1%;padding-right:2px;}
/* end general table layout */

/*interactive message display*/
.overlay {background: #ffffff url('../image/newarrow.gif') no-repeat scroll top left;padding: 0px 0px 2px 8px;font: 8pt arial;color: #666666;text-align:left;width: 200px;}
.errorReg {color: #FF0000;font-size: 8pt;font-family: arial;padding: 2px 0px 2px 18px; margin-left:0px;background: url('../image/erroricon1.gif') no-repeat 0px 2px;}
.errorReg span{color: #FF0000;font-size: 8pt;font-family: arial;}
.miniform { border: 1px #B6AFA9 solid;    background-color: #eeeeee;position: absolute;font-size:7.5pt;padding: 5px;filter: alpha(opacity=92);opacity: 0.95;z-index: 10000;}
.warn{background:url('../image/warn.gif') no-repeat scroll top left;padding:2px 0px 2px 18px;}
/*end interactive message display*/

/* Form Section Layout*/
.formSection {clear: both;border: 1px #D3DEE2 solid;width:700px;margin:auto;}
.formSection .name {clear: both;font-weight: bold; background-color:#D3DEE2;border-bottom: 1px #D3DEE2 solid;padding: 3px 3px 3px 15px;margin-bottom: 15px;}
.formSection .title {clear: both;font-weight: bold;padding: 5px 3px 3px 10px; margin-bottom: 10px;}
.formSection .body{vertical-align: top; margin: none;   border: none;     padding: none;}
.formSection .body .pageRow .colColon {float: left;width: 1%;}
.formSection .body .pageRow .colLeft {width: 20%;float: left;margin: 0px 0px 5px 0px;vertical-align: top;padding-left:5%;padding-bottom:4px;}
.formSection .body .pageRow .colNLeft {width: 15%;float: left;margin: 0px 0px 5px 0px;vertical-align: top;padding-left:5px;padding-bottom:4px;}
.formSection .body .pageRow .colMiddle {width: 40%;float: left; margin: 0px 0px 5px 0px; padding-bottom:4px;  vertical-align: top;}
.formSection .body .pageRow .colRight {width: 30%;float: left;margin: 0px 0px 5px 0px;vertical-align: top;text-align: left;}
.formSection .body .pageRow .colCenter {width: 95%; float: left; margin: 0px; padding: 5px 5px; vertical-align: top; text-align: center;}
.formSection .body .pageRow .colNumbering{ width: 4%; float: left; margin: 0px; padding-left: 5%; vertical-align: top; text-align: right;}
.rowButton {clear:both;	margin-left:35%;}
/* End Form Section Layout*/

/* Tip layout */
.tipBox { border:1px #ffcc66 solid; width:100%;background-color:#ffffcc;margin:auto;}
.tipBox .tipPad { padding:0px 10px 0px 10px; font-size:13px;background-color:#ffffcc;}

/* Twitter section */
#twitBox { padding-left:20px;position:absolute;visibility:hidden; }
#twitH { background: url('../image/twitter-header.gif') no-repeat;width:194px;height:52px; }
#twitC { float:right;margin-right:4px;margin-top:25px; }
#twitCImg { opacity:0.4;filter:alpha(opacity=40);cursor:pointer; }
#twitB { background: url('../image/twitter-bg.jpg') repeat-x; border:2px #000000 solid; border-bottom:0px; }
#twitter_div { padding:0px 10px;padding-top:15px;text-align:left; }
#twitter-link {display:block;text-align:right;}
#twitF { background: url('../image/twitter-bottom.gif') no-repeat;width:194px;height:12px; }

.tooltip{ 
	position: absolute;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid black;
	color: Black;
	text-decoration: none;
	font: 11px "Arial", sans-serif bold;
	visibility:hidden;
	z-index: 10000; 
}
