/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ======================================================================================================== */
/* ----------------------------------------------------------------------------------- STYLES FOR ALL PAGES */
/* ======================================================================================================== */


/* ----- END OF ALL PAGES STYLE ----- */
#uber
{
	margin:auto;
	width:950px;
}
/* --- Contains navigation and logos in header --- */
#header
{
	height:116px;
	position:relative;
	width:950px;
	z-index:50;
}
/* --- Holds the MiHR Logo --- */
#TopLeft
{
	float:left;
	height:116px;
	position:relative;
	width:270px;
	z-index: 1000;
}
#MiHR_Logo
{
	float:left;
	height:63px;
	padding:38px 0 0;
	width:269px;
}
/* --- Holds top and main navigation, and searchbox --- */
.emailImage
{
	 padding: 0px 10px 5px 25px;
}
#TopRight
{
	float:right;
	height:116px;
/*	position:relative; */
/*	width:665px; */
	position:absolute;
	right: 0;
	z-index: 1001;
}
#TopNav
{
	color:#666666;
	float:right;
	height:34px;
	padding:17px 20px 0 0;
/*	width:430px; */
	position: relative;
	z-index: 1000;
}
#SearchBox
{
	background:transparent url(/en/images/structure/search_background.jpg) no-repeat scroll 0 0;
	float:right;
	height:22px;
	margin:12px 0 0;
	padding:0;
	width:207px;
}
.searchText
{
	background-color:transparent;
	border:0 none;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin:5px 0 0 10px;
	padding:0;
	width:167px;
}

#SearchBox a:link, #SearchBox a:active, #SearchBox a:visited
{
	background:transparent url(/en/images/structure/btn_search.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:22px;
	overflow:hidden;
	width:24px;
}

#SearchBox a:hover
{
	background-position:0 -22px !important;
}

/* Styling for the member login section */
#memberLoginBar{
	width:192px;
	height:50px;
	background:#015299 url(/en/images/structure/login-background.gif) top left no-repeat;
	float:left;
	padding:18px 0 0 758px;
}
.loginBox{
	background:transparent url(/en/images/structure/login-box.gif) no-repeat scroll 0 0;
	float:right;
	height:24px;
	margin:13px 4px 0 0;
	padding:0;
	width:158px;
}
#memberLoginBar p{
	float:right;
	margin:19px 7px 0 0;
	font-size:10px;
	padding:0;
	color:#FFF;
	text-transform:uppercase;
}
.loginBox a:link, .loginBox a:active, .loginBox a:visited
{
	background:transparent url(/en/images/structure/login-button.gif) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:24px;
	overflow:hidden;
	width:20px;
}

.loginBox a:hover
{
	background-position:0 -24px !important;
}

.loginText
{
	background-color:transparent;
	border:0 none;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin:5px 0 0 10px;
	padding:0;
	width:120px;
}
/* --- Footer Styles --- */
#footer{
	padding-bottom: 20px;
	float: left;
	width: 100%;
}
#address{
	float:left;
	font-size:11px;
	padding:7px 0px 0px;	
}
#links{
	float:left;
	font-size:11px;
	color:#01539A;
	padding:7px 0px 0px 45px;
}
#links a:hover{
	color:#01539A;
	text-decoration:underline;
}
#links span{
	padding:0px 7px;	
}
#esolutionsLogo{
	float:right;
	font-size:11px;
	vertical-align:top;
	padding:6px 0px 0px;
}
#esolutionsLogo span{
	margin-bottom:2px;
}

#footer .designedby {
	float: right;
	padding-top: 7px;
	list-style-type: none !important;
}

#footer .designedby li {
	float: left;
	font-size: 11px;
}

#footer .designedby li img {
	padding: 1px 0px 0px 5px;
}


/* ======================================================================================================== */
/* ------------------------------------------------------------------------------ STYLES FOR HOME PAGE ONLY */
/* ======================================================================================================== */

/* --- Holds homepage banner and recent news --- */
#mainContent {
	float: left;
	width: 950px;
}

/* --- Banner on home page --- */
#Banner
{
	position:relative;
	width:743px;
	height:287px;
	float:left;
}

#HomepageBanner
{
	visibility: hidden;
}

/* Styling for the Recent News Section */
#recentNews
{
	width:177px;
	height:242px;
	margin-top:16px;
	padding:14px 15px 15px;
	background:#015299 url(/en/images/structure/recent-news-header.jpg) top left no-repeat;
	float:right;
	overflow:hidden;
}
#recentNews h1
{
	margin:0px;
	padding:0 0 13px 0;
	color:#FFF;
	font-size:1em;
}
#recentNews ul
{
	list-style-type:none;
}
#recentNews li
{
	font-size:0.85em;
	color:#FFF;
	padding:10px 0 12px 0;
	background:url(/en/images/structure/recent-news-background.jpg) bottom left no-repeat;
}
#recentNews a
{
	color:#FFF;
}
#recentNews a:hover
{
	text-decoration:underline;
}
.Date /* styles the date portion of the recent news items */
{
	color:#C6D2E4;
}

/* ------ Styling for the User Focus or Information For: Section (employers, employees, etc.) ------ */
#userFocus
{
	width:950px;
	height:99px;
	background:#FFF;
}
#infoFor {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 99px;
	list-style-type: none;
}
#infoFor li {
	float: left;
	padding:0px;
}
#infoFor li a {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 99px;
	background: url(/en/images/structure/btn-information-for.jpg);
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}
li#infoFor_btn1 a {
	left: 0;
	width: 186px;
	background-position: 0 0;
}
li#infoFor_btn2 a {
	width: 180px;
	background-position: -186px 0;
}
li#infoFor_btn3 a {
	width: 190px;
	background-position: -366px 0;
}
li#infoFor_btn4 a {
	width: 187px;
	background-position: -556px 0;
}
li#infoFor_btn5 a {
	width: 207px;
	background-position: -743px 0;
}
/* Styling for the projects bar on the home page */
#projects{
	text-align:center;
	position:relative;
	float:left;
	width:950px;
	height:56px;
	background:url(/en/images/structure/projects-background.gif) top left repeat-x;
}

/* ----- END OF HOME PAGE STYLE ----- */



/* ======================================================================================================== */
/* -------------------------------------------------------------------------- STYLES FOR CONTENT PAGES ONLY */
/* ======================================================================================================== */

/* -------------------------------------------------- Tertiary Nav */

#tertiarynav {
	float: right;
	padding: 15px 207px 0 0;
}
#tertiarynav li {
	float: left;
	padding: 0 15px;
	border-right: 1px solid #c4c4c4;
	font-size: 11px;
}
#tertiarynav li.last {
	border-right: none;
}
#tertiarynav a {
	font-weight: bold;
	text-decoration: none;
}

/* -------------------------------------------------- Main Container */

#maincontainer {
	position: relative;
	width: 100%;
	background: url(/en/images/structure/i_mainbg.png) repeat-y;
}
#pageheader {
	float: left;
	width: 100%;
	height: 133px;
}

/* -------------------------------------------------- Sub Navigation */

#subnavWrap {
	float: left;
	width: 211px;
	margin: 0 1px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding-bottom: 20px;
	background: url(/en/images/structure/subnav_bg.png) repeat-x;
}
/* --- IE6 Hack --- */
* html #subnavWrap {width: 210px;}
/* ---------------- */
#subnav {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#subnav li {
	margin: 0;
	padding: 0;
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug. */
	list-style-type:none;
}
#subnav a {
	display: block; /* To increase the clickable area as a's default to inline. */
	padding: 10px 15px 12px 20px; 
	border-bottom: 1px solid #edad03;
}
#subnav li.on a {
	color: #edad03;
}

/* -------------------------------------------------- Content Container */

#contentContainer {
	float: left;
	margin: 3px 15px 25px 33px;
	width: 689px;
}

/* -------------------------------------------------- Breadcrumbs and Actions */

#contentTopWrap {
	float: left;
	width: 671px;
}
#actions {
	float: right;
	margin: 0px;
	width: 100%;
	text-align: right;
}
/* --- RSS Link --- */
a.rssLink, a.rssLink:active, a.rssLink:visited {
	display: block;
	float: right;
	width: 64px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/en/images/structure/rss_feeds.png) no-repeat 0px 0px;
}
a.rssLink:hover {background-position: 0px -19px;}

/* --- EMAIL Link --- */
a.emailLink, a.emailLink:active, a.emailLink:visited {
	display: block;
	float: right;
	width: 55px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/en/images/structure/email_version.png) no-repeat 0px 0px;
	margin: 0px 20px 0px 0px;
}
a.emailLink:hover {background-position: 0px -19px;}

/* --- Print Link --- */
a.printLink, a.printLink:active, a.printLink:visited {
	display: block;
	float: right;
	width: 83px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/en/images/structure/print_version.png) no-repeat 0px 0px;
	margin: 0px 20px 0px 0px;
}
a.printLink:hover {background-position: 0px -19px;}

/* --- Share Link --- */
a.shareLink, a.shareLink:active, a.shareLink:visited {
	display: block;
	float: right;
	width: 45px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/en/images/structure/share.png) no-repeat 0px 0px;
	/*margin: 0px 20px 0px 0px;*/
}
a.shareLink:hover {background-position: 0px -19px;}

/* --- Breadcrumbs --- */
#breadcrumbs {
	float: left;
}
#breadcrumbs li {
	float: left;
	padding: 0 4px 0 0;
	font-size: 11px;
	list-style-type:none;
}

/* -------------------------------------------------- Content */

#contentArea {
	float: left;
	clear: both;
	width: 100%;
}
#content {
	float: left;
	width: 469px;
}

#content_wide
{
	float: left;
	width: 100%;
}

#content ul li, #content_wide ul li, #printArea ul li {
	margin: 0 0 0 20px;
	list-style: disc;
}

#content ol li, #content_wide ol li, #printArea ol li
{
	margin: 0 0 0 30px;
	list-style: decimal;
}

#content img {
	/*
	padding: 3px;
	border: 1px solid #b9b9b9;
	*/
}

/* -------------------------------------------------- Additional Information */

#additionalInfo {
	float: right;
	width: 187px;
}
.additionalInfoHead {
	background: #4f80ab;
}
.additionalInfoHead .header {
	padding: 5px 16px 7px 16px;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#additionalInfo .content {
	padding: 0 15px;
	background: url(/en/images/structure/additionalInfo_bg.jpg) repeat-x;
	min-height: 300px;
	height: auto !important;
	height: 300px;		
}
#additionalInfo .content li {
	margin: 0;
	padding: 7px 0;
	background: url(/en/images/structure/additionalInfo_divide.jpg) center bottom no-repeat;
	list-style-type:none;
}






/* ---------------------------------------------------- TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */

/* ----- END OF TYPOGRAPHY AND LINKS STYLE ----- */

/* ----- end template ----- */


/*

	Site Map
	
*/
.siteMapSection
{
	width: 337px;
	float: left;
	margin-right: 15px;
}

.siteMapSection a, .siteMapSection span.heading a
{
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.siteMapSection span.heading
{
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #c5c5c5;
}

.siteMapSection span.heading a
{
	margin: 0px 0px 0px 0px;
}

/*

	Datagrid Styles (search page)

*/

.gridRow, .gridRow td
{
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
}

.gridAltRow, .gridAltRow td
{
	background-color: #f0f4fb;
	padding: 5px 5px 5px 5px;
}

.gridHeader, .gridHeader td
{
	background-color: #0e5ca1;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}