/* @charset "utf-8";*/

a:visited
{
	text-decoration: none;
}

/* =LAYOUT
------------------------------------- */
#left-layout #main-wrap
{
	width: 100%;
	background: url(../images/SidebarL_BG.png) 0 0 repeat-y;
}
.fixed #left-layout #main-wrap
{
	width: 100%;
	margin: 0 auto;
	background: url(../images/SidebarL_BG.png) 0 0 repeat-y;
}
#left-layout #content-wrap
{
}
#left-layout #content
{
	margin-left: 264px;
	padding: 25px 25px 50px 0;
}
#left-layout #sidebar
{
	float: left;
	width: 252px;
	background: url(../images/SidebarL_BG.png) 100% 0 repeat-y;
}
#left-layout #footer
{
	clear: left;
	width: 100%;
}

#right-layout #main-wrap
{
	width: 100%;
	background: url(../images/SidebarR_BG.png) 100% 0 repeat-y;
}
.fixed #right-layout #main-wrap
{
	width: 100%;
	margin: 0 auto;
	background: url(../images/SidebarR_BG.png) 100% 0 repeat-y;
}
#right-layout #content-wrap
{
	padding: 25px 0 50px 25px;
}
#right-layout #content
{
	margin-right: 224px;
}
#right-layout #sidebar
{
	float: right;
	width: 212px;
	background: url(../images/SidebarR_BG.png) 0 0 repeat-y;
}
#right-layout #footer
{
	clear: left;
	width: 100%;
}


/* =HEADER COMMON
------------------------------------- */
#header
{
	width: 100%;
	background: #05b6d8 url(../images/header_BG.jpg) 0 -39px repeat-x;
}
.header-top
{
	width: 100%;
	height: 49px;
	overflow: hidden;
}
.header-top-inner
{
	margin: 0 16px;
}

.fixed .header-top
{
	width: 980px;
	height: 49px;
	overflow: hidden;
	margin: 0 auto;
}
.fixed .header-top-inner
{
	margin: 0;
}

#header .container
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.fixed #header .container
{
	margin: 0 auto;
}

#left-layout #logo
{
	float: left;
}
#left-layout #logo2
{
	float: right;
}
#left-layout #logo a
{
	padding: 10px 0 0 10px;
}
#left-layout #logo2 img
{
	padding: 10px 10px 0 0;
}
#left-layout #header-copy-wrap
{
	float: left;
	width: 100%;
}
#left-layout .byline-wrap
{
	height: 99px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: solid 1px #B0DDE3;
}

#right-layout #logo
{
	float: right;
	width: 200px;
}
#right-layout #header-copy-wrap
{
	margin-right: 212px;
}
#right-layout .byline-wrap
{
	height: 100px;
	overflow: hidden;
	text-align: left;
}

.byline-wrap .byline
{
	margin: 21px 16px 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.667em;
	font-style: italic;
	line-height: 1.2;
}
#logo img
{
	margin: 12px 0 0;
}
#logo2 img
{
	margin: 12px 0 0;
}


/* =NAV - Top Tabs
------------------------------------- */
/* First span is for Sliding doors tabs and Inner span is used to place active arrow image */
.nav-wrap
{
	height: 48px;
	margin-left: 263px;
	clear: both;
	padding-top: 10px;
}
.nav
{
	height: 48px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.nav li
{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
}
.nav li a
{
	float: left;
	height: 48px;
	text-decoration: none;
	cursor: pointer;
}
.nav li a span
{
	float: left;
	height: 48px;
	padding: 0 30px;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 38px;
	background: url(../images/nav_divider.png) left top no-repeat;
}
.nav li.first a span
{
	background: none;
}
.nav li a span span
{
	display: none;
}
.nav li a:hover
{
	color: #fff;
	text-decoration: underline;
}
.nav li a.active
{
	background: url(../images/tabR.png) right top no-repeat; /* Negative margin to remove divider BG next to active tab */
	margin: 0 -1px 0 0;
	position: relative;
}
.nav li a.active span
{
	color: #6D6D6D;
	background: url(../images/tabL.png) left top no-repeat;
}
.nav li a.active span span
{
	display: block;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(../images/tab_arrow.png) 50% 100% no-repeat;
	position: absolute;
	left: 44%;
	bottom: -10px;
}
.nav li a.active:hover
{
	text-decoration: none;
}


/* =MENU LEFT LAYOUT
------------------------------------- */
#left-layout .menu
{
	width: 252px;
	float: left;
	margin: 0px 0 0 0;
	padding: 0;
	list-style-type: none;
	background: url(../images/menuL_divider.png) 100% 0 no-repeat;
}
#left-layout .menu li
{
	width: 252px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 2px 0;
	background: url(../images/menuL_divider.png) 100% 100% no-repeat;
	text-align: right;
}
#left-layout .menu li a, #left-layout .menu li a:visited
{
	width: 240px;
	float: left;
	display: inline;
	margin: 0 12px 0 0;
	color: #6d6d6d;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
	text-decoration: none;
	cursor: pointer;
}
#left-layout .menu li a span
{
	float: left;
	display: block;
	width: 210px;
	padding: 11px 20px 11px 10px;
	position: relative;
	font-size: 104%;
}
#left-layout .menu li a:hover
{
	color: #6d6d6d;
	background: url(../images/menuL_hover.png) 100% 0 repeat-y;
	text-decoration: none;
}
#left-layout .menu li a.active, #left-layout .menu li a.active:hover
{
	width: 252px;
	margin: 0;
	color: #fff;
	background: #45a6ee url(../images/menuL_active.png) 100% 0 no-repeat;
	text-decoration: none;
}
#left-layout .menu li a.active span
{
	color: #fff;
}


/* =MENU RIGHT LAYOUT
------------------------------------- */
#right-layout .menu
{
	width: 212px;
	float: left;
	margin: 72px 0 0 0;
	padding: 0;
	list-style-type: none;
	background: url(../images/menuR_divider.png) 0 0 no-repeat;
}
#right-layout .menu li
{
	width: 212px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 2px 0;
	background: url(../images/menuR_divider.png) 0 100% no-repeat;
}
#right-layout .menu li a, #right-layout .menu li a:visited
{
	width: 200px;
	float: left;
	display: inline;
	margin: 0 0 0 12px;
	color: #6d6d6d;
	font-size: 1.083em;
	font-weight: bold;
	line-height: 1.25;
	text-decoration: none;
	cursor: pointer;
}
#right-layout .menu li a span
{
	float: left;
	display: block;
	width: 170px;
	padding: 11px 10px 11px 20px;
	position: relative;
}
#right-layout .menu li a:hover
{
	color: #6d6d6d;
	background: url(../images/menuR_hover.png) 0 0 repeat-y;
	text-decoration: none;
}
#right-layout .menu li a.active, #right-layout .menu li a.active:hover
{
	width: 212px;
	margin: 0;
	color: #fff;
	background: #45a6ee url(../images/menuR_active.png) 0 0 no-repeat;
	text-decoration: none;
}
#right-layout .menu li a.active span
{
	padding: 11px 10px 11px 32px;
}



/* =CONTENT
------------------------------------- */
.content
{
	padding: 0 12px;
}


/* =ROUNDED CORNER STYLES
------------------------------------- */
.round
{
	margin: 0 0 1em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #EDFBFE;
	border: 1px solid #CDF4FB;
}
.round-top
{
	margin: 0 0 1em;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	background: #ececec;
	border: 1px solid #dbdbdb;
}
.round-bot
{
	margin: 0 0 1em;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	background: #ececec;
	border: 1px solid #dbdbdb;
}
.round-topleft
{
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	background: #ececec;
	border: 1px solid #dbdbdb;
}
.round-topright
{
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	background: #ececec;
	border: 1px solid #dbdbdb;
}

/* =TITLES and HEADERS
------------------------------------- */
.title-wrap .inner
{
	padding: 12px;
}
.title-wrap .title
{
	margin: 0;
	padding: 0;
	color: #13B3E7;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2;
}

.user
{
	color: #13B3E7;
	font-size: 1em;
	font-weight: normal;
}
.user span
{
	color: #E52412;
	font-style: italic;
	font-weight: normal;
}

.intro
{
	font-size: 1.167em;
	line-height: 1.3;
}

/* =BOX COMMON STYLES
------------------------------------- */
.box-head-wrap
{
	padding: 0;
}
.box-head
{
	width: 99%;
	margin: 0;
	padding: 0;
}
.box-head td
{
	padding: 0;
	vertical-align: middle;
}

.box-head td.stats
{
	width: 250px;
}
.box-head td.stats table
{
	width: 100%;
}

.box-head td.stats th
{
	padding: 2px;
	font-weight: normal;
	text-align: left;
}
.box-head td.stats td
{
	padding: 2px;
}


/* =BOX 1 - First level container
------------------------------------- */
.box1
{
	background: #EDFBFE;
	border-color: #CDF4FB;
}
.box1 .box-head td.control-btn
{
	width: 42px;
}
.box1 .box-head td.stats th
{
	color: #13B3E7;
}
.box1 .inner
{
	padding: 6px;
}
.box1 .box-head-wrap
{
	margin: 0 14px 0 0;
}
.box1 .box-head .header
{
	color: #13B3E7;
	font-size: 1.1em;
	font-weight: bold;
}


/* =BOX 2 - Second level container
------------------------------------- */
.box2
{
	background: #F4FADE;
	border-color: #E1F1A8;
	margin-top: 12px;
}
.box2 .box-head td.control-btn
{
	width: 35px;
}
.box2 .box-head td.stats th
{
	color: #81B910;
}
.box2 .inner
{
	padding: 6px;
}
.box2 .box-head-wrap
{
	margin: 0 7px 0 0;
}
.box2 .box-head .header
{
	color: #81B910;
	font-size: 1.1em;
	font-weight: bold;
}


/* =BOX 3 - Third level container
------------------------------------- */
.box3
{
	background: #E9FF8F;
	border-color: #BBE41C;
	margin-top: 12px;
}
.box3 .inner
{
	padding: 0;
}
.box3 .box-head-wrap
{
	margin: 0 7px 0 0;
}
.box3 .box-head .header
{
	color: #BBE41C;
	font-size: 1.1em;
	font-weight: bold;
}
.box3 .inner .results
{
	margin: 6px 0 0 0;
}
.box3 .box-head-pos
{
	margin: 0 6px;
	padding: 6px 0 6px;
}
.box3 .box-head td.control-btn
{
	width: 28px;
}
.box3 .box-head td.stats th
{
	color: #fff;
}
.box3 .box-head td.stats td
{
	color: #fff;
}

#main td.box-copy-head
{
	padding: 0;
	background-color: #bdb8b0;
	font-weight: bold;
}
td.box-copy-head div
{
	padding: 12px;
	background: #F4FADE url(../images/box-copy-head_BG.png) 0 0 repeat-x;
	border-color: #bdb8b0;
}
td.box-copy-head .round-top
{
	margin: 0;
}
td.box-copy-head div.round-topleft
{
	border-right: none;
}

.box3 .inner
{
	padding: 6px;
}
.box3 .box-head .header
{
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}


/* =RESULTS TABLE
------------------------------------- */
.results
{
	width: 100%;
}
.results tr:hover td
{
	background: #F4FADE;
}
.results th
{
	font-size: 0.917em;
	padding: 5px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: normal;
	text-align: left;
	background: #F4FADE;
	vertical-align: top;
}
.results td
{
	font-size: 0.917em;
	padding: 5px;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
	white-space: nowrap;
}
.results td td
{
	font-size: 0.917em;
	padding: 0;
	border: 0;
	background: #fff;
}
.results tr.level1 td
{
	background: #EDFBFE;
}
.results tr.level2 td
{
	background: #F4FADE;
}
.results tr.level3 td
{
	background: #eee;
}


.results table.ADTable
{
	width: 100%;
	border: solid 1px #e7e7e7;
	border-collapse: collapse;
}
.results table.ADTable td
{
	border: solid 1px #e7e7e7;
	text-align: center;
	margin: 1px;
	padding-left: 5px;
	padding-right:5px;
}
.resultssmall
{
	width: 100%;
}
.resultssmall tr:hover td
{
	background: #F4FADE;
}
.resultssmall th
{
	font-size: 0.917em;
	padding: 1px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: normal;
	text-align: left;
	background: #F4FADE;
	vertical-align: top;
}
.resultssmall td
{
	font-size: 0.917em;
	padding: 1px;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
	white-space: nowrap;
}
.resultssmall td td
{
	font-size: 0.917em;
	padding: 0;
	border: 0;
	background: #fff;
}
.resultssmall tr.level1 td
{
	background: #EDFBFE;
}
.resultssmall tr.level2 td
{
	background: #F4FADE;
}
.resultssmall tr.level3 td
{
	background: #eee;
}


/* =LOGIN TABLE
------------------------------------- */
.login
{
	width: 100%;
}
.login th
{
	width: 180px;
	padding: 10px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: normal;
	text-align: left;
	background: #F4FADE;
	vertical-align: top;
}
.login td
{
	padding: 10px;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
	vertical-align: top;
}
.login td td
{
	padding: 0;
	border: 0;
	background: #fff;
}


/* =FORM TABLE
------------------------------------- */
.form-table
{
	width: 100%;
}
.form-table th
{
	padding: 5px;
	font-weight: normal;
	text-align: left;
	background: #F4FADE;
}
.form-table td
{
	padding: 5px;
	background: #fff;
}
.form-table table th, .form-table table td
{
	padding: 5px;
	vertical-align: top;
}
.form-table table table th, .form-table table table td
{
	display: block;
}
.form-table table table table th, .form-table table table table td
{
	display: inline;
}

/* =FORM REPORT
------------------------------------- */
.form-report
{
	width: 100%;
}
.form-report tr:hover td
{
	background: #F4FADE;
}
.form-report th
{
	font-size: 0.917em;
	line-height: 22px;
	padding: 6px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: normal;
	text-align: left;
	background: #F4FADE;
}
.form-report td
{
	vertical-align: top;
	font-size: 0.917em;
	line-height: 22px;
	padding: 6px;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
}
.form-report td td
{
	font-size: 0.917em;
	padding: 0;
	border: 0;
	background: #fff;
}



/* =RADIO and CHECKBOX TABLE
------------------------------------- */
td.option-table-wrap
{
	width: 50%;
	vertical-align: top;
}
.option-table
{
	width: 100%; /* Float to align to top of cell */
}
.option-table td
{
	padding: 0 5px 8px 0;
}
.option-table td.opt
{
	width: 20px;
	padding: 0 0 8px 0;
}
.option-table td input
{
	position: relative;
	left: -3px;
}



/* =BUTTONS
------------------------------------- */
.btn-wrap
{
	overflow: hidden;
	width: 100%;
}
/* Clear btn floats */
a.btn
{
	float: left;
	padding-right: 15px;
	margin-right: 8px;
	color: #717171;
	font-size: 1.167em;
	font-style: italic;
	font-weight: bold;
	line-height: 33px;
	text-decoration: none;
	background: url(../images/btn_BG.png) 100% 0 no-repeat;
}
a.btn span
{
	float: left;
	display: block;
	height: 33px;
	padding-left: 15px;
	background: url(../images/btn_BG.png) 0 0 no-repeat;
}
a.btn:hover
{
	background-position: 100% -33px;
}
a.btn:hover span
{
	background-position: 0 -33px;
}
/* Position button right */
td.btn-right
{
	padding-bottom: 16px;
}
.btn-right a.btn
{
	float: right;
	margin-right: 0;
	margin-left: 8px;
}

/* =FOOTER
------------------------------------- */
#footer
{
	background: #fff;
	border-top: 1px solid #e7e7e7;
	padding: 16px 0;
}
#footer .container
{
	width: 980px;
	margin: 0 auto;
}
#footer p, #footer a, #footer a:hover
{
	color: #8f8f8f;
}

/* =Datepicker
------------------------------------- */
.dpDiv
{
}
.dpTable
{
	border-right: #064179 1px solid;
	border-top: #064179 1px solid;
	font-size: 11px;
	border-left: #064179 1px solid;
	color: #133c72;
	border-bottom: #064179 1px solid;
	background-color: #d8e4eb;
	text-align: center;
	font-weight: normal;
}
.dpTable td
{
	padding: 5px;
}
.dpTR
{
}
.dpTitleTR
{
}
.dpDayTR
{
}
.dpTodayButtonTR
{
}
.dpTD
{
	cursor: hand;
	font-size: 11px;
}
.dpDayHighlightTD
{
	cursor: hand;
	background-color: #e87007;
	border: 1px solid #FFFFFF;
}
.dpTitleTD
{
}
.dpButtonTD
{
}
.dpTodayButtonTD
{
}
.dpDayTD
{
	color: #133c72;
	background-color: #9dc2dd;
	border: 1px solid #f1edeb;
	font-size: 10px;
}
.dpTitleText
{
	font-weight: bold;
	font-size: 12px;
	color: #133c72;
}

.dpDayHighlight
{
	font-weight: bold;
	color: #FFFFFF;
}
.dpButton
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
	padding-bottom: 0px;
	color: #000000;
	padding-top: 0px;
	background-color: #f1edeb;
}
.dpTodayButton
{
	font-weight: bold;
	font-size: 11px;
	background: #133c72;
	color: #FFFFFF;
}

.updateProgress
{
	top: 50%;
	right: 50%;
	position: fixed;
}

li.drop-head
{
	position: relative;
}
ul.drop-menu
{
	width: 0px;
	position: absolute;
	left: -18px;
	top: 42px;
	z-index: 99;
}
ul.drop-menu li
{
	background-color: #05B6D8;
	border: solid 1px #E8E3E7;
	height: 40px;
	width: 200px;
}
ul.drop-menu li a
{
	text-align: left;
}
ul.drop-menu li a span
{
	background: none;
}