/*** Copyright Freedom Title 2006-2011 *****************************/
/* 2010 jul 19 - lae - commented out the ul info around lines 18-20
do not remember what it was for at the moment but it messed up the registration

2011 mar 7 look at the alert bar added at the bottom
 is the  *  supposed to be on line 8 ??????????????
*/
*{margin:0}
html {
font-size:82%;
}/*
input, select, textarea {
font-size:1em;
}*/
body {
	background: url(../images/bg_rust.jpg) repeat-x 0 0 #EEEEEE;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Sans-Serif, Helvetica, Arial;
}
p { font-size: 0.8em; color: #000000; line-height: 1.3em; margin: 0 0 1.2em 0; text-align: left; }
h1 { color: #0000ff; font-weight: normal;}
h2 h3 { color: #0678A9; font-weight: normal; }
h3 a { color: #660000; font-weight: normal; }
h2 { font-size: 1.0em; margin: 0px 0px 4px 0px; }
h3 { font-size: 0.8em; font-weight: bold; color: #0000CC; }
h3 a { font-weight: bold; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
a img { border: none; }

/* ul {  float: left; margin: 0px 0px 10px 30px; padding: 0px; }
 ul li {list-style-type: disc; font-size: 0.8em; }
 */
#main { 
	background: url(../images/header4.jpg) no-repeat left 0px; 
	width: 100%;
	float: left;
	min-width: 995px;
}
#workarea { width: 995px; margin: 0px auto; }
#totsheader { width: 995px; float: left; height: 100px; }

#header { width: 995px; float: left; height: 200px; }
#content { width: 953px; float: left; padding: 0px 21px; }
#content2 { width: 98%; float: left; padding: 0px 10px; text-align: justify; }

#left { float: left; width: 620px; }
/*#left2 { float: left; width: 750px; }*/
#right, #right2 { width: 287px; float: right; margin: 0px 0px 10px 0px; }
#right2 { width: 310px; }

table { font-size: 11px; color: #000; border-collapse: collapse;  /*border-bottom: solid 1px #FF9900; border-left: solid 1px #99c4d5; */ width: 100%; }
table.data {font-family: sans-serif;}
table th { background: #c5e3e9; border: solid 2px #99c4d5; border-left: none; 
	padding: 6px 8px; text-align: left; }
table caption, table th, table td {
margin-bottom:0.1em;
margin-left:0.1em;
margin-right:0.1em;
margin-top:0.1em;
padding-bottom:0.1em;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.1em;
vertical-align:center;
}
img, input, select, button {
vertical-align:middle;
}
td.emphisiz { background: #ffdab1; font-size: 14px;  padding: 6px 20px 6px 8px; } 
tr.shiftrt { background: #ffdab1; font-size: 11px;   } 
td.shiftrt { background: #ffdab1; font-size: 11px;   padding: 2px 0px 2px 50px; } 
td.dreihundert { width: 320px; }
td.betonen { background: #ffdab1; font-size: 11px;  /*padding: 6px 20px 6px 8px;*/ } 
/*eadbc4 a peachy color - not obnoxious// cdc3c4 nice brownish-goldish // foe6d5 pinkish little girley but better than pink*/
/*table tr { background: #669966; border-right: solid 10px #FF9900; border-top: solid 1px #99c4d5; padding: 6px 20px 6px 8px; } 
*/
td.ll { font-size: 11px; color: #005883;  }

#content .centered span { text-align: center; }
#content2 table  { background: #ccccff; border-top: solid 1px #6699cc; border-right: solid 1px #000066;border-bottom: solid 1px #ffffff; border-left: solid 1px #ffffff; padding: 0px 0px 0px 4px; } 
#content2 td.hghlight { background: #6699CC; color: #000066; font-weight: bold;}
#content2 tr.hghlight { background: #6699CC; font-weight: bold;}

#content2 td.hghfile { background: #cc3300; font-size: 10px; }
#content2 td.warning { background: #FFCC66; font-size: 10px; }
#content2 td.late { background: #F80000; font-size: 10px; }
#content2 tr.lcolor1 { background: #E5E5E5; font-size: 10px;} /*was e0e0e0*/
#content2 tr.lcolor2 { background: #D5D5D5; font-size: 10px;} /*was eeeeee*/
#content2 .lcolor1:hover,
#content2 .lcolor2:hover,
#content2 tr:hover,
#content2 .hover {
    background: #ffdab1;/*was #CCFFCC*/
    color: #000000;
}
/*#content2 tr.marked { background-color: #FFCC99; font-size: 10px; } /*see master3 from pma*/
*/
#content2 span.curpage  { padding: 0px 0px 0px 50px; font-size: 13px; color: #000066; font-weight: bold; text-align: center; }
#content2 a {font-size: 12px; font-weight: bold; text-decoration: none; color: #993300; }
#content2 a.reg { font-weight: normal; }
#content2 a:hover { text-decoration: underline; font-size: 12px; color:#0000FF;}
#content2 a.hilite { text-decoration: none; font-size: 16px; color:#0000FF;}
#content2 .clearfloat { padding: 10px 3px;
    /*background: #ffdab1;was #CCFFCC*/
    color: #000000;}
input.rad[type="radio"]  {  
margin-left:16px;
margin-right:1px;
}
/* what pma has for ckboxes and radios
input[type="radio"], input[type="checkbox"] {

-moz-binding:none;
-moz-box-sizing:border-box;
background-color:-moz-field !important;
border-bottom-color:threedface !important;
border-bottom-style:inset !important;
border-bottom-width:2px !important;
border-left-color-ltr-source:physical !important;
border-left-color-rtl-source:physical !important;
border-left-color-value:threedface !important;
border-left-style-ltr-source:physical !important;
border-left-style-rtl-source:physical !important;
border-left-style-value:inset !important;
border-left-width-ltr-source:physical !important;
border-left-width-rtl-source:physical !important;
border-left-width-value:2px !important;
border-right-color-ltr-source:physical !important;
border-right-color-rtl-source:physical !important;
border-right-color-value:threedface !important;
border-right-style-ltr-source:physical !important;
border-right-style-rtl-source:physical !important;
border-right-style-value:inset !important;
border-right-width-ltr-source:physical !important;
border-right-width-rtl-source:physical !important;
border-right-width-value:2px !important;
border-top-color:threedface !important;
border-top-style:inset !important;
border-top-width:2px !important;
color:-moz-fieldtext !important;
cursor:default;
height:13px;
padding-bottom:0 !important;
padding-left:0 !important;
padding-right:0 !important;
padding-top:0 !important;
width:13px;
}*/

/*what phpadmin has for the rows (marked)
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:#FFCC99;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#000000;
*/
 /* pre-defined tags will be ok in html5
 em strong dfn code samp kbd var cite
#content kbd {
color:#A70000;
font-family:Lucida Grande,Verdana,Geneva,Sans-serif;
font-style:normal;
font-weight:bold;
}
*/
/*** menu ********************************************
 *****************************************************/

#menu {  float: left; width: 100%; }
#menu ul {  float: right; margin: 0px 21px 0px 0px; padding: 0px; border-left: 1px solid #FF9900;}
#menu ul li { float: left; list-style-type: none; }
#menu ul li a {
	float: left;
	height: 23px;
	padding: 12px 18px 0px 18px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #FF9900;
}
#menu ul li a:hover { text-decoration: underline; color:#0000ff}

/*** Header ************************************************/
/***********************************************************/

#header .slogan { 
	width: 408px;
	height: 46px;
	float: right;
	margin: 56px 20px 0px 0px;
}
#header .slogan span { display: none; }

#logo { margin: 52px 0px 0px 21px; display: inline; float: left; }
#logo a {  width: 201px; height: 50px; display: block; text-indent: -5000px; }
#logoP { height: 0px; overflow: hidden; float: left; }

/*** Left **************************************************/
/***********************************************************/

#left p { line-height: 1.3;}
 .inform {
font-family:"Lucida Grande",Sans-Serif,Arial;
font-size:0.7em;
line-height:1.4em;

margin-bottom:6px;
margin-left:0;
margin-right:0;
margin-top:2px;
}



#left h1 { font-size: 1.35em; color: #03558c; font-weight: normal; letter-spacing: -0.03em; margin: 0 0 0.7em 0; }
#left #h1-sm { font-size: 1.1em; margin: 15px 0 10px 0; }
/*#left .posted { margin: 10px 0px 20px 0px; font-size: 0.7em; }*/
#left .posted span { font-weight: bold; color: #6b9800; }
#left .errormsg span { font-weight: bold; color: #FF3300; }
#left .greenmsg span { font-weight: bold; color: #009900; }
#left ol { font-size: .80em;}
#left a { font-size: .89em;}
#left p a { text-decoration: none; color: #03558c; }
#left p a:hover { background-color: #c5e3e9; color: #0678a9; }
#left .lg { font-weight: bold; }
#left h2 { color: #2b739f; font-weight: bold; font-size: 1.00em; }
#left h3.services { color: #cc3300; font-weight: bold; }
/*#ftHome #left h2 { font-weight: normal; color: #cccccc; }*/
#ftrow #left  { float: left; width: 540px; }

#left .headermsg ol{	font-size: 12px; color: #000000;
	background-color: #eeeeee;
 line-height: .89em; margin-left:0px; }
#left .headermsg ol li{
	font-family: Verdana, Arial, Sans-Serif;
	padding: 5px; 
		height: expression('1%'); /* IE Peek-a-boo bug fix */
	font-size: .89em; color: #000000; line-height: .89em; 
	margin-left:20px;	
display:list-item;
list-style-type:decimal;
} 

#pServices .shiftP { margin: 0px 0px 6px 0px; display: block; color: #5c882e; font-size: 0.8em; background: url(../images/icon-arrow.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
#pAbout #left h2 { color: #5c882e; font-size: 0.8em; padding: 10px 0; }
#pServices #left { padding-bottom: 20px; }
#pServices .servicesBox { float: left; width: 100%; padding-bottom: 10px; }
.rightMargin { margin-right: 50px; display: inline; }

.imgB { padding: 4px; background-color: #fff; border: 1px solid #8cbcdc; margin: 0px 0px 10px 15px; }
.imgRight { margin-left: 23px; }
.imgBtm { margin: 5px 0 25px 0; }

#tLeft { float: left; width: 100%; }
#tRight { width: 170px; padding: 20px 20px 12px 20px; float: right; background: #bfe8eb; margin-top: 30px; }

#tRight p { color: #2b739f; font-style: italic; line-height: 1.4em; font-size: 0.75em; }
#tRight p a, #tRight p a:hover { color: #2b739f; background: none; }
#tRight span { font-style: normal; }

#awards { float: left; width: 100%; height: 60px; }
#recognition { background: url(../images/../images/h2-awards.gif) no-repeat 0px 15px; float: left; display: block; width: 100%; height: 34px; text-indent: -5000px; border-top: solid 1px #99c4d5; }
#recognition span { display: none; }

.padRight { margin-right: 7px; display: inline; }

#rowlist { margin: 0 0 25px 60px; padding: 0; }
#rowlist li { list-style: none; font-size: 0.6em; color: #4e4e4e; line-height: 1.5em;/* list-style-type: none;*/ padding: 0px 0px 0px 20px; background: url(../images/tick.gif) no-repeat 0px center; }
#rowlist dd {  font-size: 0.6em; color: #4e4e4e; line-height: 1.5em;/* list-style-type: none;*/ padding: 0px 0px 0px 20px; background: url(../images/tick.gif) no-repeat 0px center; }

#noMargin { margin: 0 0 0.3em 0; }
#divider, #cDivider { border-top: 1px solid #99c4d5; margin: -10px 0 0px 0; float: left; width: 100%; height: 30px; }


/*** Right *************************************************/
/***********************************************************/

#right h2 { font-size: 17px; color: #03558c; font-weight: normal; margin: 0px 0px 5px 0px; }
#right h3 { margin: 0px; color:#660000;}
#right p {font-family:"Lucida Grande", Sans-Serif, Arial; font-size: 0.7em; line-height: 1.4em; }
#right p span { color: #6b9800; font-weight: bold; }
#right p.addcolor span { color: #FF0000;}
#right p a { color: #4e4e4e; }

.article { /*border-bottom: 2px dotted #FF9966; background: url(../images/underline.gif) repeat-x 0 0;*/ padding: 12px 0px 4px 0px; float: left; width: 287px; 
border-bottom-color:#fde1c5;
border-bottom-style:solid;
border-bottom-width:1px;}

.team {  border-bottom: 2px dotted #FF9966; padding: 12px 0px 4px 0px; float: left; } 

.added { margin: 2px 0px 6px 5px; }
#tots h2 {
	width: 100%;
	float: left;
	margin: 0 0 0 0; 
}
#tots h2 span { display: none; }


/*****************************************/
#news {	margin: 15px 0 0 0; }
#news h2 {
	background: url(../images/tattler.gif) no-repeat 0 0;
	width: 100%;
	height: 30px;
	float: left;
	margin: 5px 0 0 0; 
}
#news h2 span { display: none; }

/*****************************************/
#scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}
/**********************************************/
#LoginBox {

  background: url(../gallery/nest2egg.png) no-repeat right center;
	border: 3px solid #FF9900;
	padding:19px 12px 12px 20px;
	margin: 0px;
        width: 190px;
}
.ftlogin { display: inline; 	height: 52px;}
/*** Client Login ******************************************/
/***********************************************************/


#cLoginForm {
	border: 3px solid #FF9900;
	padding: 0px 12px 12px 12px;
	margin: 0px;
  width: 190px;
 }
#cLoginForm input .inpentry { border: 12px solid #000000; height: 12px;	margin: 2px 0;} 
#cLogin .inplog { border: 12px solid #000000; height: 22px;	margin: 2px 0;} 
#cLogin .field, #cLogin .fieldU { width: 160px; padding: 3px; border: 1px solid #b3d1db; font-size: 11px; }
#cLogin label { font-size: 12px; color: #0678a9; width: 88px; display: block; float: left; padding-top: 4px; }
#cLogin p { margin: 5px 0px; } 
#cLogin .pRight { text-align: right; width: 76px; padding: 2px 0 0 0; }
.mTop { padding-top: 10px; }
.cl_login {
	width: 93px;
	height: 18px;
}
.cl_login span { display: none; }

/*** Footer ************************************************/
/***********************************************************/

#footer { border-top: 4px solid #660000; float: left; width: 953px; padding: 10px 0px; margin: 0px 21px 20px 21px; display: inline; height: 40px; }
#footer hr { display: none; }
#footer p, #footer ul { font-size: 0.7em; margin: 0px; }
#footer p a, #footer ul li a { color: #03558c; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer ul { float: right; }
#footer ul li { padding-left: 8px; list-style-type: none; float: left; }
#footer ul li span { padding-right: 8px; border-right: 1px solid #84acc7; }
#footer p a:hover, #footer ul li a:hover { color: #062b44; }

/*** Modules ************************************************/
/***********************************************************/
#exam form {padding: 0 0; margin: 0 0 0 0; width:800px; text-align: center;}
/*.centered { text-align: center; }*/
#exam ul { padding: 0 0; margin: 0 0 12px 0; display: block; list-style-type:none; float:left; }
#exam li { margin: 2px 2px 2px 2px;}
#exam ul li span{ display: block; margin-left: 12px; list-style-type:none; float:left; font-size: 11px;}
#exam span label { padding-right: 4px; font-size: 11px; }
#exam .blu {color:#580000; font-size: 11px;}
#exam .worthy {margin: 12px 0 2px -4px; color:#003399; font-size: 10px; font-weight:bold;}
#exam .actionarea {margin: 0 0 0 14px; color:#993300; font-size: 18px; font-weight:bold; background-color:#FF9933;}
#exam input {font-size:10px;}
#itemize { width:798px;padding-top: 4px; float: left; position: relative;}
#queue { margin: 2px 2px 2px 2px; float: left; position: relative;}
#container { margin: 2px 2px 2px 2px; float: left;}
/*** alerts *********from sunpass***************************************/
/***********************************************************/

#ei_alert_bar {
background-image:url(../images/ei_alert_bar_bg.png);
background-repeat:no-repeat;
color:#FFFFFF;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:18px;
font-weight:bold;
height:30px;
margin-bottom:15px;
padding-top:7px;
text-align:center;
width:882px;
}

#ei_alert_bar {
background-image:url(../images/ei_alert_bar_bg.png);
background-repeat:no-repeat;
color:#FFFFFF;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:18px;
font-weight:bold;
height:30px;
margin-bottom:15px;
padding-top:7px;
text-align:center;
width:882px;
}
/*** sIFR styles ******************************************/
/**********************************************************/

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #left h1 { visibility: hidden; letter-spacing: -9px; }