/*** RESET DOCUMENT RULES ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;	padding: 0;	font-size:100%;}
table { border-collapse: collapse; border-spacing: 0;}
td, th { vertical-align:top;}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }


/*** GLOBAL FORMATTING RULES ***/
html, body { height: 100%; } 
body{ font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;	 line-height: 1.4em; margin: 0; border: 0; padding: 0; width:100%; }
body *, td *, td form *, li *, p *, pre *, form span *, form label *, dd *, dt *, form legend * {  font-size: 100%;}

a { color: #0066CC; text-decoration: none; }
a:hover { color: #CC0033; text-decoration: underline; }

h1 { font-size:1.45em; font-weight:bold; color:#990033; 
	background:url(/clients/shared/images/siteTitle.gif) no-repeat; 
	width:250px; height:30px; text-indent:-9999em; overflow:hidden; margin:10px; float:left; 
}
h2 { font-size:1.45em; font-weight:bold; margin-bottom:.7em;}
h3 { font-size:1.25em; font-weight:bold; margin-bottom:.7em;}
h4 { font-size:1.1em; font-weight:bold; margin-bottom:.6em;}
h5 { font-size:1em; font-weight:bold; margin-bottom:.5em;}

small { font-size:.9em; color:#666;}

p { margin: 0 0 .7em 0; line-height:1.7em;}


/*** STYLES FOR COMMON ELEMENTS ***/
ol.topLinks { clear:right; }
ol.topLinks li { float:right; border-right:solid 1px #CCCCCC; padding:0 .7em; white-space:nowrap; margin:2px -1px 1px 0; }
ol.topLinks li.last { border-right:none; padding-right:1em;}

ol#newEdit li { padding:0 1.2em; }
ol#newEdit li a { background:url(/clients/shared/images/icon_newEdit.gif) no-repeat .15em top; padding-left:1.5em; font-weight:bold; }
ol#newEdit li.last a { background-image:url(/clients/shared/images/icon_newEdit.gif); background-position: .15em -20px;}
.newEditHide { position:absolute; left:-9999em;}

.srcInfo {
  display:-moz-inline-box;
  display:inline-block;
  background:transparent none 0 0 no-repeat;
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);
  vertical-align: text-bottom;
	margin-bottom:-2px; margin-top:2px; 
}
a.srcInfo { background: url(/clients/shared/images/icon_srcInfo.gif) no-repeat; width: 15px; height: 20px; }

.footerSpace { clear:both; height:6em; margin-top:2em; }
.footer { margin-top:0; margin-bottom:0; width:100%; height:6em; }
.footerTable { width:100%;}
.footerLogo { width:129px; }
.footerDivider { background-color:#dfdfdf; width:1px;}
.footerText {font-size:.9em; padding:10px 10px 10px 0;}
.footerText font { line-height:1.4em;}
a.footerLink:link, a.footerLink:visited, a.footerLink:active { color: #0066CC; text-decoration: none;}
a.footerLink:hover { color: #CC0033; text-decoration: underline;}
.footerLinkDivider { padding:0px 0px 0px 0px; color:#666666;}
.clientLogo { border-left:solid 1px #dfdfdf; padding:7px 15px; text-align:right; width:10px; }


/*** TAB STYLES ***/
#tabs {	
	float:left;	
	width:100%;	
	line-height:normal; 
	background:url(/clients/shared/images/tabLine.gif) repeat-x left bottom;	
	padding-bottom:6px;
}
#tabs ol { margin:0; padding:0; list-style:none; margin-left:10px; }
#tabs li { 
	float:left; 
	background-image:url(/clients/shared/images/tabRightBG.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0 2px 0 0; padding:0;
	display: block;
}
#tabs li a { 
	background-image:url(/clients/shared/images/tabLeftBG.gif);
	background-repeat:no-repeat;
	background-position:left top; 
	display:block; 
	padding:5px 12px; 
	width:.1em;  
	white-space:nowrap;
	font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#4b4b4b;
}
#tabs ol li a:focus { outline:none;}
#tabs ol li.active { 
	background-image:url(/clients/shared/images/tabRightBG.gif);
	background-color:#cc0033;
	background-repeat:no-repeat;
	background-position:right -150px;
	margin-top:1px;
}
#tabs ol li.active a { 
	background-image:url(/clients/shared/images/tabLeftBG.gif);
	background-repeat:no-repeat;
	background-position:left -150px;
	color:#FFFFFF;
}
#tabs ol li.hover { 
	background-image:url(/clients/shared/images/tabRightBG.gif);
	background-repeat:no-repeat;
	background-position:right -450px;
}
#tabs ol li.hover a { 
	background-image:url(/clients/shared/images/tabLeftBG.gif);
	background-repeat:no-repeat;
	background-position:left -450px;
}
#tabs a span { position:relative; top:2px; display:block;}
#tabs ol li.active a span { position:relative; top:-1px; display:block;}
#tabs > ol a {width:auto;}
#tabs ol li ol { display:none;}

#tabs ol li.BannerLogo { display:none;}

#tabs a span i { font-style:normal; margin:-1.2em 0 -1em 0; height:0; padding:0 0 0 .3em; font-size:.8em; cursor:hand;}
#tabs ol.flyout1 { border:solid 1px #b4b4b4; margin:0px 0 0 12px; background-color:#FFF; }
#tabs ol.flyout1 li{ background-image:none; font-weight:normal; background-color:#FFF; margin-right:-5px; line-height:.9em; }
#tabs ol.flyout1 li  a  { background-image:none; color:#06c; font-weight:normal; width:auto;}
#tabs ol.flyout1 li.flyoutHover  { background-color:#4190df; width:auto;}
#tabs ol.flyout1 li.flyoutHover a { color:#FFF;}
.hiddenMenu { display: none; }
.menu { position: absolute;}

/* Other Tab Colors   */
#tabs ol.redGrey li { background-position:right -300px;}
#tabs ol.redGrey li a { background-position:left -300px;}
#tabs ol.redGrey li.active { background-position:right -150px;}
#tabs ol.redGrey li.active a { background-position:left -150px;}


/*** LAYOUT STYLES ***/
div#header { float: left; width: 100%; clear: both; }

div#content {
	width:auto;
	padding:1em 1.5em 0 1.5em;
	min-height: 97%; 
	height: auto !important; 
	height: 100%; 
	margin-bottom: -6em;
}

div.box { position: relative; width: 63em; margin-bottom:1.5em; overflow:hidden;}
div.boxContent { position: relative; margin: 1em 1em; padding:0 0 0 .1em; clear: left;}
#col1, #col2, #col3 { float: left; margin: 0 0 0 .5em; }


/*** FORM STYLES ***/
form { position: relative; width: 100%; font-size: 100%; clear: left;}
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:.5em; color:333;}
form label input { margin: .3em .5em .3em .3em; width:auto;}
.radioChecks input { margin: .3em .5em .3em .3em; width:auto;}
input { width:18em;}
textarea { height: 5em; width:34em; padding:.2em;}

legend { margin: 0 0 .7em -.2em; color:#333333; font-weight:bold; font-size:1.1em;}

form li { margin: 0 0 .75em 0; clear: both; }
form li.listItemRaised { margin-top:-.6em; float:left; } /* raises a row of the list up so it looks more connected with the row above it. */
form li.listItemRaised2 { margin-top:-1.5em; float:left; }

ol.listRow { display:inline;}
ol.listRow li { float:left; clear: none;}
ol.listRow li label { width:auto; margin-right:1.5em; }

div.columnContainer { width:46em; float:left;}
div.column1 ol.listColumn { width:96%;}
div.column2 ol.listColumn { width:47%;}
div.column3 ol.listColumn { width:31%;}
ol.listColumn { float:left; margin-right:1em; }
ol.listColumn li { margin:.15em 0;}
ol.listColumn label { width:auto; display:inline; float:none; }

.scrollingList { border:solid 1px #969696; height:8.5em; overflow: auto; overflow-x:hidden; padding:.1em 0 .5em 0; display:inline; float:left; margin-bottom:1.3em; }
.scrollingList li { margin:.15em 0; }
.scrollingList li label { width:auto !important; display:inline;}

form li label { display: block; float: left; font-weight: bold; width: 14em; }
form li label.hidden { visibility: hidden; }
.optionLabel label { display:inline; float:none; font-weight:normal; }

form li br { clear: both; height: auto; }

.masterDate { margin-bottom:-7px;}
.masterDate label { padding-top:3px; padding-bottom:17px;}
.masterDate select { margin-top:5px; }
.masterDate input { width:6.2em !important; margin:3px 0 0 -15px !important;}
.masterDate #connect1 { margin:0 15px 0 -5px}

.checkDropdownInput { width:17.2em; height:1.35em !important; border:solid 1px #969696; padding:.1em .5em 0 .3em; #padding:.2em .5em 0 .35em;
	background: url(/clients/Shared/images/checkdropdown_arrow.gif) 100% 50% no-repeat; cursor:default;}
.checkDropdownDropdown { border:solid 1px #000; margin:0; background-color:#FFFFFF; z-index:2; height: 8.6em; #margin-left:0 !important /*Needed to correct for the 3px left margin on the scrollingList class, which was need for an IE spacing fix.*/; }
.checkDropdownDropdown label { white-space: nowrap; margin-right: 5px; }
.checkDropdownDropdown ol { white-space: nowrap; }
.boxContent, .boxContent ol, .boxContent li {zoom:1;} /* This is needed to prevent IE6 from pushing the checkdropdown dropdown section out of alignment from the text box */

form ol.stackedLabels li label { float: none; width: auto; }
form ol.stackedLabels li.masterDate { margin:0 0 .75em 0; height:3.5em; }
form ol.stackedLabels li.masterDate label { padding:0; margin-bottom:-4px;}

.buttonArea { padding:0 0 1px 0;}
.buttonArea span { margin-right:.5em; }
.buttonArea input { 
	font-weight:bold; color:#FFFFFF;  width:auto; cursor:hand; margin-top:10px;
	padding: .2em 1em .2em 1em;
	background:url(/clients/shared/images/buttonBG.gif) no-repeat right top #CC0033; 
	outline:solid 1px #CCCCCC; 
	border:solid 1px #CC0033;
}
.buttonArea input.button2 { 
	color:#666666;
	background-color:#bfb388; 
	background-position: right -100px;
	outline:none;
	border:solid 1px #bfb388;
}
.buttonsInline input { margin-top:1px; }

/*** HACKS ***/
/* ie6 only */
h1 { -margin-left:5px; }
#tabs a span i { -font-size:1.2em; }
#tabs ol.flyout1 { -margin-top:2px; }
div#content { -width: 100%; } /*	fluid layout	*/

/* all ie versions */
body { #width:93%; #height:97%; } /* The checkdropdown feature doesn't work right if IE is in quirks mode, but the div layout to force the footer to the bottom doesn't work right if not in quirks mode so these percentages make up for that. */
legend { #margin: 0 0 .7em -.8em;}
.scrollingList { #margin-left:3px; #margin-bottom:.5em; }
form label input { #margin:0 .2em 0 0; }
.radioChecks input { #margin:0 .2em 0 0; }  /* Fix for IE/FF margin difference for radio buttons and check boxes. */
.masterDate select { #margin-top:4px; }
.buttonArea span { #background-color:#FFFFFF; #border:solid 1px #CCCCCC; }
.buttonArea input { #padding: .2em .35em; #border-color:#FFFFFF; }
.buttonArea input.button2 { #border-color:#FFFFFF; }
form li.listItemRaised { #margin-top:-.7em; #float:none; } /* raises a row of the list up so it looks more connected with the row above it. */
form li.listItemRaised2 { #margin-top:-2.05em; #float:none; }

/* All Firefox */
@-moz-document url-prefix()
{ 
	.checkDropdownDropdown { margin-left:1px; } /* Firefox was sliding the dropdown div part to the left 1px so this pushes it back to the right */
} 

/* All Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.srcInfo { vertical-align:top; margin-top:-1px;}
}