/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	font-family: Arial, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited {
	color: #005FA9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/************** header tag styles **************/
h1 {
	font: bold 120% Arial, sans-serif;
	color: #FFCC33;
	margin: 0px;
	padding: 0px;
}

h2 {
	font: bold 114% Arial, sans-serif;
	color: #FFCC33;
	margin: 0px;
	padding: 0px;
}

h3 {
	font: bold 100% Arial, sans-serif;
	color: #6699CC;
	margin: 0px;
	padding: 0px;
}

h4 {
	font: 100% Arial, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5 {
	font: 100% Arial, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

/*************** list tag styles ***************/
ul {
	list-style-type: square;
}

ul ul {
	list-style-type: disc;
}

ul ul ul {
	list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1 {
	position: absolute;
	top: 120px;
	left: 35px;
	right: 2%;
	width: 100%;
	height: 95%;
	background-color: #ffffff;
}

#tl {
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position: absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead {
	position: absolute;
	top: 0px;
	left: 34px;
	right: 2%;
	width: 90%;
	height: 70px;
}

#pageNav {
	float: left;
	width: 110px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana, sans-serif;
}

#content {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 110px;
	border-left: 1px solid #ccd2d2;
}

#empcontent {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #ccd2d2;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName {
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #FF9933;
	font-weight: normal;
}

/************** utility styles *****************/
#utility {
	font: 75% Verdana, sans-serif;
	position: absolute;
	top: 32px;
	right: 0px;
	color: #919999;
	left: 481px;
	width: 256px;
}

#utility a {
	color: #ffffff;
}

#utility a:hover {
	text-decoration: underline;
}

/************** pageName styles ****************/
#pageName {
	padding: 0px 0px 5px 5px;
	margin: 0px;
	border-bottom: 1px solid #ccd2d2;
}

#pageName h2 {
	font: bold 175% Arial, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#pageName img {
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/
#globalNav {
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image: url("../img/glbnav_background.gif");
}

#globalNav img {
	margin-bottom: -4px;
}

#gnl {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 7px;
	height: 32px;
}

#gnr {
	position: absolute;
	top: 5px;
	right: 0px;
	left: 1238px;
}

#globalLink {
	position: absolute;
	top: 5px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 17px;
	z-index: 100;
	width: 430px;
}

a.glink, a.glink:visited {
	font-size: small;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover {
	background-image: url(../img/glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {
	display: none;
}

/*************** search styles *****************/
#search {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input {
	font-size: 70%;
	margin: 0px 0px 0px 10px;
}

#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
}

#search a:hover {
	margin: 0px;
}

/************* breadCrumb styles ***************/
#breadCrumb {
	padding: 5px 0px 5px 10px;
	font: small Verdana, sans-serif;
	color: #AAAAAA;
}

#breadCrumb a {
	color: #AAAAAA;
}

#breadCrumb a:hover {
	color: #005FA9;
	text-decoration: underline;
}

/************** feature styles *****************/
.feature {
	padding: 0px 0px 5px 5px;
	font-size: 80%;
	min-height: 100px;
	height: 100px;
}
/*html>body .feature {height: 90%;} */
.feature h3 {
	font: bold 150% Arial, sans-serif;
	color: #6699CC;
	padding: 20px 0px 5px 0px;
}

.feature h4 {
	font: bold 120% Arial, sans-serif;
	color: #6699CC;
	padding: 30px 0px 5px 0px;
}

.feature img {
	float: left;
	padding: 0px 10px 0px 0px;
}

/*************** story styles ******************/
.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3 {
	font: bold 125% Arial, sans-serif;
	color: #FF9933;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule {
	font: bold 1em Arial, sans-serif;
	color: #005FA9;
	display: block;
	padding-bottom: 5px;
}

.story a.capsule:hover {
	text-decoration: underline;
}

td.storyLeft {
	padding-right: 12px;
}

/************** siteInfo styles ****************/
#siteInfo {
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 5px 5px 5px 5px;
	margin-top: 0px;
}

#siteInfo img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/************ sectionLinks styles **************/
#sectionLinks {
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(../img/bg_nav.jpg);
	font-weight: bold;
	padding: 2px 0px 2px 9px;
	color: #21536A;
}

#sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/************* relatedLinks styles **************/
.relatedLinks {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3 {
	padding: 10px 0px 2px 0px;
}

.relatedLinks a {
	display: block;
}

/**************** advert styles *****************/
#advert {
	padding: 10px;
}

#advert img {
	display: block;
}
/* the div that holds the date picker calendar */
/*.dpDiv {
	}*/

/**************** DATE PICKER *****************/

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
/*.dpTR {
	}*/

/* the top table row that holds the month, year, and forward/backward buttons */
/*.dpTitleTR {
	}*/

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
/*.dpDayTR {
	}*/

/* the bottom table row, that has the "This Month" and "Close" buttons */
/*.dpTodayButtonTR {
	}*/

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: green;
}

/* the table cell that holds the name of the month and the year */
/*.dpTitleTD {
	}*/

/* a table cell that holds one of the forward/backward buttons */
/*.dpButtonTD {
	}*/

/* the table cell that holds the "This Month" or "Close" button at the bottom */
/*.dpTodayButtonTD {
	}*/

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

/********************* end **********************/
/***************Tabell*************/
table.helpT {
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 500px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.helpHed {
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #BEC8D1;
	text-align: left;
	vertical-align: middle;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

td.helpInt {
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #ffff99;
	text-align: left;
	vertical-align: middle;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

td.helpRO {
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #999999;
	text-align: left;
	vertical-align: middle;
	text-indent: 0px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #404040;
}

td.helpBod {
	border-bottom: 1px solid #9CF;
	border-top: 1px;
	border-left: 1px solid #9CF;
	border-right: 1px;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #fafafa;
}

td.white {
	border-bottom: 0px;
	border-top: 1px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

table.sofT {
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 665px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.reviewtable {
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 700px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.reviewadmintable {
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 200px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}