/*** 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; }

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;
}
.buttonArea input.disabledButton {
	background-position: right -300px; 
	background-color:#cccccc; 
	border-color:#cccccc; 
	outline:none;
}
.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 */
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)
{
	textarea {resize:none;} /*Removes draggable handle from textareas in safari*/
}

/* Lexis UI Refresh */
.lexisUI div.box {
	border-top:2px solid #990033;
} 
.lexisUI h2 {
	background:none;
	color:#333;
	border-bottom:1px solid #ccc;
	font-size:1.1em;
}
.lexisUI .buttonArea input {
	background:url(/clients/shared/images/GradButPri.gif) repeat-x left top #255890;
	border:1px solid #255890;
	#border-color:#FFFFFF;
	padding:1px 4px;
	outline:none;
}
.lexisUI .buttonArea input.button2 {
	background:url(/clients/shared/images/GradButSec.gif) repeat-x left top #B7B7B7;
	border:1px solid #999;
	#border-color:#FFFFFF;
	color:#333;
}
.lexisUI a:link, .lexisUI a:active, .lexisUI a:visited {color:#004B91;}
.lexisUI a:hover {color:#CC0033;}
.lexisUI #tabs {
	background:url(/clients/shared/images/GradMainNav.gif) repeat-x top left;
	border-bottom:2px solid #B0012D;
	border-top:1px solid #ccc;
	padding:0;
	height:30px;
}
.lexisUI #tabs a span {
	top:0;
}
.lexisUI #tabs ol li.active a span {
	top:0;
}
.lexisUI #tabs li {
	background-image:none;
	padding:0 1px 0;
	margin:0;
	display:inline;
	border-right:1px solid #999;
}

.lexisUI #tabs li a {
	background-image:none;
	height:15px;
	padding:8px 10px 7px;
	color:#333;
}
.lexisUI #tabs ol li.active, .lexisUI #tabs ol li.active a {
	background:url(/clients/shared/images/GradMainNav_Active.gif) center center repeat-x;
	margin-top:0;
}
.lexisUI #tabs ol li.hover { 
	background:url(/clients/shared/images/GradMainNav_Hover.gif) center center repeat-x;
}
.lexisUI #tabs ol li.hover a { 
	background:url(/clients/shared/images/GradMainNav_Hover.gif) center center repeat-x;
}
.lexisUI #tabs ol.flyout1 { border:solid 1px #ccc; margin:0px 0 0 10px; background-color:#FFF; font-size:1em; }
.lexisUI #tabs ol.flyout1 li{ background-image:none; font-weight:normal; background-color:#FFF; margin-right:-5px; line-height:.9em; }
.lexisUI #tabs ol.flyout1 li  a  { background-image:none; color:#004B91; font-weight:normal; width:auto; font-size:1em; padding:5px 12px;}
.lexisUI #tabs ol.flyout1 li.flyoutHover  { background-color:#004B91; width:auto;}
.lexisUI #tabs ol.flyout1 li.flyoutHover a { color:#FFF;}
.lexisUI .hiddenMenu { display: none; }
.lexisUI .menu { position: absolute;}