/*
	Exweb Login CSS
	Mike Hearfield
	November 2006
*/

	html{height:100%}
	body{margin:0px; font:0.8em/1.45em arial, sans-serif; color:#222222; min-height:100.1%}

/*======== LINKS ========*/
	a{color:#248; }
	a:hover{color:#b00; text-decoration:underline; }

/*======== TAG DEFINITIONS ========*/
	h1, h2, h3, h4, h5{font-family:'trebuchet ms', verdana, arial, helvetica, sans-serif; }
	h1{font-size:1.4em;}
	h2{font-size:1.3em;}
		#default_menu{margin:10px 10px;}
	h1, h2, h3, h4{margin:5px 0px 5px 0px;}
	h2 a{text-decoration:none; color:#000; }
	h3{font-size:1.2em; margin-top:10px;}
	h4{font-size:1.1em; margin:4px 0px 0px 0px; }
	h5{font-size:1em; margin:0; }

	p.midPageHighlightText{font-size:1.4em; color:#0099CC; text-align:center; margin:15px; font-style:italic;}

	em big{font-size:1.8em; line-height:1em; font-weight:normal; padding-bottom:5px; vertical-align:middle;}

	ul{margin:0px 0px 10px 0px; padding:0px 0px 0px 20px; list-style:none; list-style-image:url(/content/public/login/images/common/login_li.gif); list-style-position:outside;}
		ul li{background-image:none; margin-bottom:2px; text-align:left;}
			ul li b{color:#0099CC;}
	ul.lstMinimal{margin-left:10px; list-style-image:none; list-style:disc; list-style-position:inside;}
	dl{margin-top:5px;}
		dt{cursor:pointer; padding-left:20px; background:url(/content/public/login/images/common/dt.gif) 4px 3px no-repeat; text-decoration:underline;}
				dt.hover{background-color:#E1F0FF !important; text-decoration:none; }
		dd{}

	hr{clear:both; width:1px; background-color:#ffffff; color:#ffffff; height:1px; border:none;}

	img{border:none; }

	i{color:#b00; }

	p{margin:2px 0px 8px 0px; text-align:justify; }

	table{clear:left; width:100%; margin:4px 0 8px 0; border-collapse:collapse; }
	td, th{text-align:left; vertical-align:top; font-size:0.85em; }
	table th{padding:3px 4px; font-weight:bold; text-align:left; border-bottom:2px #888 solid; background:url(../../images/menu/menu_bg.jpg) 0 0 no-repeat; color:#FFFFFF}
	table th a{color:#000; }
	table td{padding:3px 4px; border-bottom:1px #888 solid; background:#fff; }
	table caption{text-align:left; font-size:90%;}
	tbody th{border-bottom:1px solid #888; background:none; background-color:#ddd; color:#222222;}

	table.tblChargeableServices{width:620px; margin-left:10px;}
		table.tblChargeableServices th.col1, table.tblChargeableServices td.col1{width:330px;}
		table.tblChargeableServices caption{display:none;}
		table.tblChargeableServices tbody th{background:none;}

	table.tblLicences{width:620px; margin-left:10px;}
		table.tblLicences caption{display:none;}
		table.tblLicences th.col1, table.tblLicences td.col1{width:240px; background:none; color:#222222;}

	dd table{color:#222222;}
	dd table.tblChargeableServices{margin-left:0px; width:610px;}

	td.noBottomBorder{border-bottom:none;}

	blockquote{clear:both; margin:0px 0px 10px 0px; padding:0px; color:#666666; font-style:italic; overflow:hidden;}
		blockquote span b{display:none;}
		blockquote span.leftQuote{background:url(/content/public/login/images/common/leftQuote.gif) 0 0 no-repeat; padding:0px 10px 0px 5px;}
		blockquote span.rightQuote{background:url(/content/public/login/images/common/rightQuote.gif) 100% 0 no-repeat; padding:0px 8px 0px 10px;}
		cite{clear:both; display:block; text-align:right; font-style:normal; font-weight:bold; color:#000000; font-size:0.8em;}

/*======== POPUP DIVS ========*/
	.divPopupBlanker{position:absolute; top:0px; left:0px; background-color:#999999; display:none; width:600px; height:400px; margin:0px auto 0px auto; text-align:center; padding:5px 0px 0px 0px; overflow:hidden; z-index:10000; display:none; border:1px solid #ccc; border-right-color:#333333; border-bottom-color:#333333;}
		.divPopupBlanker h3{position:absolute; left:5px; top:6px; color:#fff; margin:0px;}
		.divPopupBlanker p.closeWhite{cursor:move; margin:-5px 0px 0px 0px; padding:5px 0px 5px 0px}
	.divPopup{background-color:#ffffff; width:580px; height:360px; overflow:auto; margin:0px auto 0px auto; border:1px solid #999999; padding:5px; text-align:left;}

/*======== OUTER ========*/
	#div_outer{margin:0px auto -2px auto; }

/*======== HEADER ========*/
		#div_header{width:988px; /*height:132px; */margin:0px auto -2px auto; padding-bottom:10px; background:#ffffff url(../../images/body/header_bg.gif) 100% 0 repeat-y;}

			#div_logoOuter{float:left; width:242px; margin:0px; padding:0px;}
				#div_logoOuter #div_logoInner{height:70px; width:184px; margin:20px auto 0px auto; background:url(../../images/logos/logo_new.jpg) 0 0 no-repeat; padding:0px;}
					#div_logoOuter #div_logoInner h1{display:none;}
					#div_logoOuter #div_logoInner p{display:none;}

/*======== BODY ========*/
		#div_body{width:988px; margin:0px auto 0px auto; padding-bottom:0px; background:#FFFFFF url(../../images/body/main_bg.gif) 100% 0 repeat-y;}

/*======== MENU ========*/
			#div_header #div_menu{clear:both; min-height:28px; width:980px; padding:0px; margin:0px 0px 0px 2px; background:#d1d1d1 url(/images/public/login/menu_bg.gif) 0px 0px repeat-x; overflow:hidden;}
				#div_header #div_menu ul{padding:0px; margin:0px; float:left; list-style-image:none; }
					#div_header #div_menu ul li{float:left; padding:0px; margin:0px; }
						#div_header #div_menu ul li a,
						#div_header #div_menu ul li.selected{float:left; color:#000000; font-size:0.9em; font-weight:bold; padding:4px 12px 0px 10px; margin:0px; height:24px; color:#FFFFFF; background:#d1d1d1 url(/images/public/login/menu_item_bg.gif) 100% 0px repeat-x;}
							#div_header #div_menu ul li a:hover,
							#div_header #div_menu ul li.selected{text-decoration:none; background-position:100% -100px !important;}

/*======== LEADERBOARD ========*/
			#div_leaderboard{float:left; text-align:center; width:738px; height:104px; background-color:#FFFFFF;}
				#div_leaderboard iframe{text-align:center; margin:7px 7px 0px 0px;}

/*======== CONTENT ========*/
		#div_crossPage{width:966px; margin:0px 10px 0px 5px; padding:10px 0px 0px 0px; background-color:#FFFFFF; overflow:hidden; border-bottom:1px solid #cccccc;}
			#div_crossPage #div_logoInner{height:60px; width:184px; margin:10px 0px 20px 0px; background:url(../../images/logos/logo_mh.gif) 0 0 no-repeat; padding:0px;}

		#div_content{clear:both; float:left; display:inline; width:635px; overflow:hidden; margin:10px 10px 0px 5px; padding:0px 10px 0px 0px;}
			#div_content h1{ color:#0099CC; margin:15px 0px 5px 15px;}
			#div_content dd.expand{margin:5px 0px 10px 20px; border-bottom:1px solid #EEEEEE; color:#666666;}
			#div_content p, #div_content ul{margin-left:5px;}

			#div_content #div_content_banner{margin-top:0px; margin-bottom:0px;}

/*======== PAGE TITLE ========*/
			#div_content #div_pageTitle{}
				#div_content #div_pageTitle h1{float:left; margin:0px 0px 10px 0px; padding:0px; color:#0099cc;}
				#div_content #div_pageTitle h2{float:right; margin:0px 0px 10px 0px; padding:0px; color:#0099cc;}

/*======== APPLICATION FORM ========*/
				#div_content fieldset{margin:5px 0px 10px 7px; padding-bottom:10px; background:#F0F0F0 url(../../images/highlights/form_bg.jpg) repeat-x; border:0; border-bottom:1px solid #0099cc; }
					#div_content legend {font-weight:bold; color:#222222; font-size:1.2em; margin:0 0 5px 0;}
					#div_content label{clear:both; margin:0 10px 0 0; display:inline; float:left; width:275px; font-size:0.95em; text-align:right;}
					#div_content input, #div_content textarea {width:250px; margin:2px;}
					#div_content select {margin:2px;}
					#div_content .radioGroup {display:block; margin:4px 0px 4px 0px; clear:both;}
					#div_content .radioGroup label.inline {clear:none; width:40px; float:none;}
					#div_content input.radio, #div_content input.checkbox {margin:0; width:20px;}
					#div_content fieldset p { padding:0px 10px 0px 10px; }
					#div_content fieldset p a { padding-left:10px; }
					#div_content fieldset b { display:none; color:#900; font-weight:normal; font-style:italic; margin-top:-5px; }
					#div_content fieldset b.showError { display:block; margin-left:290px; padding-top:4px;}
					#div_content fieldset.selected { background:#D9F2F9 url(../../images/forms/onfocus_bg.jpg) repeat-x;}
					#div_content form input.submit, #div_content form input.reset, #frm_callback input.button {width:144px; height:22px; line-height:22px; border:none; font-family:arial, sans-serif; background:url(/content/public/login/images/common/gelButton_shortGrey.jpg) 0 0 no-repeat; color:#FFFFFF; font-weight:bold; margin:20px 0px 0px 20px; padding:0px;}

/*======== SIDEBAR ========*/
		#div_sideBar{float:left; display:inline; width:310px; max-width:310px; overflow:hidden; margin:0px}
			#div_sideBar p{clear:both;}
			#div_sideBar #div_sideBar_ad{clear:both; margin:10px 5px 10px 5px; overflow:hidden;}
			#div_sideBar #div_callback, #div_sideBar #div_signup{clear:both; width:300px; padding:0px 5px 5px 0px; border-bottom:1px solid #0099cc; background:url(../../images/highlights/callback_bg.jpg) 0 0 repeat-x; margin-bottom:5px; overflow:hidden;}
			#div_sideBar #div_callback label, #div_sideBar #div_signup label{clear:both; display:inline; float:left; width:110px; font-weight:bold; font-size:0.9em;}
			#div_sideBar input.txt{width:174px;}
			#div_sideBar hr{ background-color:#0099cc; color:#0099cc; height:1px; border:0px solid #ffffff; margin:5px auto 5px auto; width:294px;}
			#div_sideBar h2{margin-top:0px; }

/*======== LOGIN ========*/
			#div_login{width:312px; padding:0px; background:url(../../images/highlights/loginBox_bg.jpg) 0px 100% no-repeat;  margin-bottom:10px;}

				#div_login.selected{}
				#div_callback.selected{background:#E1E4FE url(../../images/highlights/callbackSelected_bg.jpg) 0px 0px repeat-x !important;}

				#div_login h2{position:relative; text-align:right; margin:0px !important; background:url(../../images/highlights/loginBoxTitle_bg.jpg) 0px 0px no-repeat; padding:10px 8px 0px 8px;}
				#div_login form, #div_login div{margin:0px; padding:0px;}
				#div_login form{overflow:hidden; padding:4px 8px 4px 8px; margin-bottom:4px;}
				#div_login form label{font-weight:bold; }
				#div_login form div.username, #div_login form div.password, #div_login form div.remember, #div_login form div.submit{clear:both; margin:0px; padding:0px;}
				#div_login form div.submit, #div_login form div.unipass{margin:8px 0px 8px 0px;}
				#div_login form div.username label, #div_login form div.password label{float:left; width:6em; margin:0px;}
				#div_login form div.username input, #div_login form div.password input{float:right; width:14.13em; margin:2px 0px 2px 0px;}
				#div_login form div.remember{font-size:0.85em; margin:0px; padding:0px; width:250px;}
					#div_login div.remember label{float:none; width:200px;}
				#div_login form div.submit input, #div_login form div.unipass input{width:144px; height:22px; line-height:22px; border:none; font-family:arial, sans-serif; background:url(/content/public/login/images/common/gelButton_shortGrey.jpg) 0 0 no-repeat; color:#FFFFFF; font-weight:bold; margin:0px; padding:0px;}
/*				IE7 does bad things with padding on related elements if the background image of a button is repositioned.
				#div_login form div.submit input:hover, #div_login form div.unipass input:hover{background-position:100% 100%; cursor:pointer;}
*/				#div_login form div.submit{float:left;}
				#div_login form div.unipass{float:right;}

/*======== AWARDS LIST ========*/
		#divAwardsList{}
			#divAwardsList h3{clear:both; }
			#divAwardsList p{clear:both; overflow:auto;}
			#divAwardsList img{border:none; margin:5px;}
			#divAwardsList .awardsImageHolder{float:left; display:inline; width:190px; text-align:left; text-align:center;}
			#divAwardsList .awardsTextHolder{float:right; display:inline; width:350px; text-align:left; border-top:1px solid #CCCCCC;}
				#divAwardsList p span.awardsTextHolder ul{}

				#divAwardsList ul{list-style-image:none;}
				#divAwardsList ul li{clear:both;}
				#divAwardsList ul li li{clear:none;}

				#divAwardsList ul.awardsTextHolder{list-style-image:url(/content/public/login/images/common/login_li.gif);}

			#awardsSmall{padding:0px 0px 8px 10px; background:#FFFFFF url(../../images/body/header_bg.gif) 100% 0px repeat-y; margin:0px;}
				#awardsSmall p{border-top:1px dashed #CCCCCC; text-align:center; width:99%; padding:0px;}
				#awardsSmall img{margin:5px; vertical-align:middle; }

/*======== FOOTER ========*/
		#div_footer{clear:both; width:988px; margin:-7px auto 0px auto; color:#999999; font-size:0.85em; background:#FFFFFF url(../../images/body/mainBottom_bg.gif) 100% -255px no-repeat; }
			#div_footer #div_menu{float:none; text-align:center; width:98%; margin:0px auto 5px auto; border-top:1px dashed #CCCCCC; padding-top:10px; overflow:hidden;}
			#div_footer #div_menu ul{float:none; height:20px;}
				#div_footer #div_menu ul li{float:none; background:none; display:inline; padding-left:4px;}
					#div_footer #div_menu ul li a{color:#666666;}

			#div_footer p{text-align:center;}

/*======== LINKS - GEL BUTTON ========*/
	a.gelButton, a.gelButtonRight, a.gelButtonGrey{display:block; width:186px; height:1.74em; line-height:20px; text-align:center; background:url(/content/public/login/images/common/gelButton.jpg) 0 0 no-repeat; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	a.gelButtonGrey{background:url(/content/public/login/images/common/gelButton_grey.jpg) 0 0 no-repeat;}
	a.gelButton:hover, a.gelButton:visited:hover, a.gelButtonRight:hover, a.gelButtonRight:visited:hover, a.gelButtonGrey:hover, a.gelButtonGrey:visited:hover{color:#FFFFFF; text-decoration:none; background-position:0 -150px;}

/*======== GENERAL UTILITIES ========*/
	.collapse{display:none;}
	.expand{display:block;}
	span.expand{display:inline;}
	p.indent{margin-left:16px;}
	.clr {clear:both;}
	div.clr, span.clr {clear:both; line-height:0px; height:0px !important; padding:0px; margin:0px; font-size:0.01em;}
	hr.clr{clear:both; width:1px; color:#FFFFFF; background-color:#FFFFFF; border:1px solid #FFFFFF; height:0px; margin:0px; padding:0px;}
	.mt25{margin-top:25px;}
	.mt20{margin-top:20px;}
	.mt15{margin-top:15px;}
	.mt1{margin-top:1px;}
	p.close{text-align:right; margin-top:-18px; margin-bottom:-2px;}
		p.close a{color:#0099CC; text-decoration:none;}
	p.closeWhite{text-align:right;}
		p.closeWhite a{color:#ffffff; text-decoration:none;}
	.leftFloat{float:left; }
	.rightFloat{float:right; }
	.noFloat{float:none !important;}
	.hidden{display:none;}
	.center{text-align:center;}
	.left{text-align:left;}
	.right{text-align:right;}
	.blue{color:#0099CC;}
	.smaller{font-size:85%}
	.paleGrey{color:#999999;}
	.headerSubtitleText{color:#ddd;}
	.whiteText{color:#FFFFFF;}

/*======== KEY TEXT BLOCKS ========*/
	.keyTextBlock{background:url(/content/public/login/images/highlights/keyTextBlock_bg.jpg) 0px 100% no-repeat; padding-bottom:8px; padding-right:8px; margin-left:5px;}
	.keyTextBlock h2{background:url(/content/public/login/images/highlights/keyTextBlockTitle_bg.jpg) 0px 0px no-repeat !important; padding:12px 4px 1px 6px; margin:0px !important; width:100%;}
	.keyTextBlock ul{padding:0px 4px 0px 25px;}

	.keyTextBlockWithImage{background:url(/content/public/login/images/highlights/keyTextBlockWithImage_bg.jpg) 0px 100% no-repeat; padding-bottom:8px; padding-right:8px; margin-left:5px;}
	.keyTextBlockWithImage h2{background:url(/content/public/login/images/highlights/keyTextBlockWithImageTitle_bg.jpg) 0px 0px no-repeat !important; padding:12px 4px 1px 6px; margin:0px !important;}
	.keyTextBlockWithImage ul{padding:0px 4px 0px 25px; width:422px;}/*Any wider than 422 causes probs in IE6*/

/*======== LEGACY LOGIN CSS ========*/
	#session, #exwebde{display:none; }
	#showError{text-align:center; }
	#showError .logo{width:450px; height:60px; padding:8px; background:url(/images/public/login/ex_logo.gif) no-repeat top right;  margin:100px auto 0 auto;}
	#showError .error{width:400px; padding:8px; text-align:left; border:1px #333 solid; background:#eee; margin:0 auto; }
	#showError h1{margin:0 0 8px 0; }
	#showError h2{border:0;  padding:0; }
	#showError p{margin:4px 0 12px 0; }
	#showError li{margin:0 0 5px 0; }

/*======== MESSAGES ========*/
	#div_messages{position:absolute; top:23em; z-index:21000; width:310px; }
		#div_messages #loggedout, #div_messages #session, #div_messages #exwebde{position:relative; background-color:#FFFFCC; border:1px solid #990000; padding:10px; margin:0px auto 0px auto;}

/*======== LOGIN PAGE SPOTLIGHT BOX ========*/
.spotlight { border:#0099CC 1px solid; padding:8px 16px 8px 8px; margin:6px 0 6px 7px; }
.spotlight .spotImage { float: left; margin-top: 3px; }
.spotlight h2 { color:#0099CC; font-size: 1.13em; margin:0px;}
.spotlight p.link { text-align: right; margin-top: -8px; }
.spotlight p.link a { margin-left: 2ex; }
.spotlight strong { color:#0099CC; }

/*======== UEP ========*/
/*--- BODY ---*/
		#div_body_uep{width:688px; margin:0px auto 0px auto; padding-bottom:0px; background:#FFFFFF url(../../images/body/main_bg_uep.gif) 100% 0 repeat-y;}

/*--- UEP FOOTER ---*/
		#div_footer_uep{clear:both; width:688px; margin:-7px auto 0px auto; color:#999999; font-size:0.85em; background:#FFFFFF url(../../images/body/mainBottom_bg_uep.gif) 100% -100px no-repeat; padding-bottom:20px}
			#div_footer_uep #div_menu{float:none; text-align:center; width:98%; margin:0px auto 5px auto; border-top:1px dashed #CCCCCC; padding-top:10px; overflow:hidden;}
			#div_footer_uep #div_menu ul{float:none; height:20px;}
				#div_footer_uep #div_menu ul li{float:none; background:none; display:inline; padding-left:4px;}
					#div_footer_uep #div_menu ul li a{color:#666666;}

		#div_footer_uep p{text-align:center; margin:-30px 10px 10px 10px}

/*--- OTHER ---*/
	a.gelButtonWide:hover, a.gelButtonWide:visited:hover{color:#FFFFFF; text-decoration:none; background-position:0 -79px;}
	a.gelButtonWide{display:block; width:250px; height:1.74em; line-height:20px; text-align:center; background:url(/content/public/login/images/common/gelButton_wide.jpg) 0 0 no-repeat; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	mr10{margin-right:10px;}
	#uep_add_services input {width:20px; margin:2px;}
	#uep_add_services li{padding:0px 20px 0px 0px; margin:0px; float:left; list-style-image:none;}
	#frmQuestions{margin: 0px 0px 0px 20px; background:#FFFFFF url(../../images/body/side_banner_1.gif) 100% 620px no-repeat;}

/*--- ARTICLE LINK ---*/
#div_article { width: 260px; margin: 90px auto; overflow: hidden; }
#div_article #div_logoOuter { width: 260px; }
#div_article #div_logoInner { margin-left: 0; }
#div_article_content { width: 260px; margin-top: 16px; }
#div_article h1 { color: #09c; }
#div_article p { margin-bottom: 8px; }
#div_article form { margin: 0; }
#div_article .username, #div_article .password { margin-bottom: 6px; }
#div_article .remember { margin-bottom: 8px; }
#div_article .username label, #div_article .password label { float: left; width: 80px; margin: 0; font-weight: bold; color: #333; }
#div_article .username input, #div_article .password input { width: 170px; }
#div_article .remember { font-weight: bold; color: #333; }
#div_article .submit { float: left; }
#div_article .unipass { float: right; }
#div_article .submit input, #div_article .unipass input {width:125px; height:22px; line-height:22px; border:none; font-family:arial, sans-serif; background:url(/content/public/login/images/common/gelButton_shortGrey.jpg) 0 0 no-repeat; color:#FFFFFF; font-weight:bold; margin:0px; padding:0px;}
#div_article #exwebde { margin-top: 12px; }