﻿/***** Global Settings *****/
body { color: #333; font-size: 1.0em; background: #F2F2F2 url(../../images/bg.jpg) repeat-y; }
html { min-height: 100%; margin-bottom: 1px; }  /* makes the scroll bar always on for Firefox */

/***** Common Positioning *****/
DIV#wrapper { width: 828px; margin-top: 30px; position: relative; padding: 14px 0px 14px 0px; background: #0781c5 
url(../../images/bg_wrapper.jpg) repeat-y; }
DIV#wrapper_inner { margin: 0px 14px 0px 14px; position: relative; background: #fff; }
DIV#wrapper_content { margin: 0px 16px 0px 20px; position: relative;  } 
DIV#wrapper_content2 { margin: 0px 0px 0px 20px; position: relative; padding-bottom: 50px; background: 
url(../../images/bg_wrapper_content.gif) repeat-y;} 
DIV#wrapper_content4 { margin: 0px 16px 0px 20px; position: relative; padding-bottom: 50px; } 

DIV#header { height: 118px; position: relative; padding-bottom: 29px;} /* margin-bottom is the height of the main nav */
DIV#header DIV#logo { float: left; padding: 28px 0px 0px 31px; } 
DIV#header DIV#banner { float: right; } 
 
DIV#mainnav { position: absolute; left: 0px; top: 132px; width: 828px; z-index: 100; border-bottom: 1px solid #fff; 
background: #364c93 url(../../images/bg_mainnav.jpg) repeat-y; }
DIV#mainnav DIV#itemsblock { margin: 0px; padding: 0px; }
DIV#mainnav DIV#itemsblock a, a:visited { font-size: 0.9em; }
DIV#mainnav DIV#itemsblock a:hover, a:active { font-size: 0.9em; }

DIV#mainnav DIV#searchblock { margin: 0px; padding: 0px; }
DIV#mainnav DIV#searchblock INPUT { margin: 4px 0px 0px 5px; }

DIV#footer { width: 814px; padding: 8px 14px 8px 0px; margin: auto; color: #666; text-align: right; }

DIV.title_header { padding: 8px 8px 8px 8px; height: 25px; color: #333; border-bottom: 1px solid #fff; background: #eee 
url(../../images/bg_title_header.gif) repeat-x; }
DIV.title_header_lt { font-weight: normal; }
DIV.title_header_blue { color: #18426a; }
DIV.title_header_2line { padding: 2px 8px 2px 12px;  }
DIV.title_header_2line SPAN.subheader { font-weight: normal; color: #666; }

DIV#lhs_block { float: left; } 
DIV#lhs_block DIV.content_block { background: #eaf1fa; padding: 8px; border-bottom: 2px solid #fff; } 

DIV#lhs_block_login {float: left; width: 220px; } 
DIV#lhs_block_login DIV.content_block { background: #eaf1fa; padding: 8px; border-bottom: 2px solid #fff; } 

DIV#skinconditions_list { width: 160px; float: right; background: #eaf1fa; border-bottom: 2px solid #fff; } 
DIV#skinconditions_list DIV#list_outer { padding: 9px } 
DIV#skinconditions_list DIV#scroll_container_1 { position: relative; overflow: hidden; height: 300px; width: 131px; } 
DIV#skinconditions_list DIV#scroll_content_1 { position: absolute; } 
DIV#skinconditions_list DIV#dhtmlscrollbar { position: relative; float: right; width: 11px } 
DIV#skinconditions_list DIV#scroll_scrubber_1 { position: absolute; background: #6d6e71; width: 11px; height: 11px; }
DIV#skinconditions_list DIV#scroll_track_1 { position: absolute; width: 11px; height: 300px; background: #d2d5d9; }

#WorldwideLocation
{
	background-color: #d8e7ef;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #047391;
	padding: 10px;
	float: left;
	width: 300px;
}
#wwLeft
{
	font-size: 0.9em;
	float: left;
	padding-left: 5px;
}
#wwRight
{
	font-size: 0.9em;
	float: right;
	padding-right: 5px;
}

/***** Typography *****/
SPAN.titleBlue { display: block; font-weight: bold; color: #374c93; padding-bottom: 5px; } 
DIV.title_header h1 { font-weight: bold; padding: 0px; font-size: 1.0em; letter-spacing: 0px; } 
DIV.title_header h4 { font-weight: bold; padding: 0px; font-size: 1.2em; letter-spacing: 0px; margin-top:5px;} 

/***** Forms *****/
.textbox { background: #fff; padding: 3px 5px 3px 5px; border: 0px; font-size: 1.0em; font-family: Verdana, Trebuchet MS, 
Tahoma, Arial, Helvetica; }
.watermark { color: #999; }
/* all the values are 10px narrower due to the 5px padding */
INPUT.login { width: 134px; margin-bottom: 3px; }

.w50  { width: 40px; margin-top: 10px; }
.w60  { width: 50px; margin-top: 10px; }
.w70  { width: 67px; margin-top: 10px; }
.w80  { width: 70px; margin-top: 10px; }
.w100 { width: 90px; }
.w150 { width: 140px; }
.w180 { width: 170px; }
.w200 { width: 190px; }
.w250 { width: 240px; }
.w300 { width: 290px; }
.w350 { width: 340px; }
.w400 { width: 390px; }

SELECT#ddl_EgoBrandSites { width: 144px; background: #eaf1fa; margin-top: 3px; font-size: 1.0em; font-family: Verdana, 
Trebuchet MS, Tahoma, Arial, Helvetica; }

/***** Links *****/
/**a, a:visited { color: #000; }
a:hover, a:active { color: #374c93 }**/

a, a:visited { color: #374c93; font-size: 0.9em;}
a:hover, a:active { color: #949ec3; font-size: 0.9em;}

a.lightGrey, a.lightGrey:visited { color: #666; }
a.lightGrey:hover, a.lightGrey:active { color: #374c93 }

a.darkBlue, a.darkBlue:visited { color: #374c93; font-weight: bold; }
a.darkBlue:hover, a.darkBlue:active { color: #666; }

a.darkBlueThin, a.darkBlueThin:visited { color: #374c93; }
a.darkBlueThin:hover, a.darkBlueThin:active { color: #666; }

a.bluebox, a.bluebox:visited { color: #fff; padding: 2px 5px 2px 5px; font-size: 0.9em; background: #0781c5 
url(../../images/bg_a_bluebox.gif) repeat-x;}
a.bluebox:hover, a.bluebox:active { color: #ff0; padding: 2px 5px 2px 5px; font-size: 0.9em; text-decoration: none; }

DIV#mainnav a, DIV#mainnav a:visited { color: #fff; background: url(../../images/bg_mainnav_item.gif) no-repeat; 
background-position: right bottom; display: block; padding: 8px 1px 8px 12px; float: left; }
DIV#mainnav a:hover, DIV#mainnav a:active { color: #ccc; text-decoration: none; }

DIV#skinconditions_list a, DIV#skinconditions_list a:visited { color: #000; background: #f5f8fc; display: block; width: 
123px; padding: 3px 3px 3px 5px; }
DIV#skinconditions_list a:hover, DIV#skinconditions_list a:active { background: #e1eaf7; text-decoration: none; }

DIV#footer { font-size: 11px; font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica; letter-spacing: 0.5px; }
DIV#footer a, DIV#footer a:visited { color: #666; margin-left: 8px; font-size: 11px; font-family: Verdana, Trebuchet MS, 
Tahoma, Arial, Helvetica;;}
DIV#footer a:hover, DIV#footer a:active { color: #000; font-size: 11px; font-family: Verdana, Trebuchet MS, Tahoma, Arial, 
Helvetica;; }

a.lhs_highlighted, a.lhs_highlighted:visited, a.lhs_selected, a.lhs_selected:visited { font-size: 0.9em;color: #18426a; 
background-color: #ebf1fa; display: block; padding: 7px 12px 7px 12px; }
a.lhs_highlighted:hover, a.lhs_highlighted:active, a.lhs_selected:hover, a.lhs_selected:active { font-size: 
0.9em;background: #dbe6f5; text-decoration: none; }
a.lhs_selected, a.lhs_selected:visited { background: #dbe6f5 !important; }

.validator
{
	/**color: #364d93;**/
	padding-left: 5px;
	font-weight: bold;
}

.btnLogin
{
	color:#374c93;
	font-family:Verdana, Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:0.9em;
	font-weight:bold;
	background-color:Transparent; 
	border: none;
	margin: 0px;
	margin-left: -3px;
	margin-right: -3px;
	padding: 0px;
}
.btnLogin:hover
{
	color: #666;
	font-family:Verdana, Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:0.9em;
	font-weight:bold;
	background-color:Transparent; 
	border: none;
	margin: 0px;
	margin-left: -3px;
	margin-right: -3px;
	padding: 0px;
}
#Row
{
	height: 50px;
	overflow: hidden;
	background-color: #e0e0e0;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #aaa;
}
#Row a
{
	font-weight: bold;
}
#AlternatingRow
{
	height: 50px;
	overflow: hidden;
	background-color: #f0f0f0;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #ccc;
}
#AlternatingRow a
{
	font-weight: bold;
}
