﻿/* global styles */
*
{
	padding: 0;
	margin: 0;
}
html
{
	background: url(../../images/leftNav.jpg) repeat-y -4px 0;
	margin: 0;
	padding: 0;
	height: 100%;
}
body
{
	background: transparent url(../../images/headerBackGround.jpg) repeat-x;
	font-family: Trebuchet MS, Arial;
	font-size: 90%;
	margin: 0;
	height: 100%;
}
form
{
	height: 100%;
	margin: 0;
	padding: 0;
}
a:link
{
	color: #203F5C;
}
a:visited
{
	color: #203F5C;
}
a:hover
{
	background: #B5C6D8;
	color: #203F5C;
}
a:active
{
	color: #203F5C;
}
h1
{
	color: #203F5C;
	font-style: italic;
	clear: both;
	margin-bottom: 10px 0;
}
h2
{
	color: #203F5C;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	padding: 15px;
	clear: both;
	margin-bottom: 10px;
	border-bottom: dotted 1px black;
}
h3
{
}
/* main layout styles*/
#container
{
	overflow: hidden;
}

/* logo */
#logo
{
	position: relative;
	top: 0 !important;
	top: 5px;
	width: 100%;
	height: 150px;
	z-index: 0;
}
#logo h1
{
	width: 419px;
	height: 128px;
}
#logo h1 a
{
	width: 437px;
	height: 100px;
	text-indent: -2000em;
	left: 0;
	top: 10px !important;
	top: -12px;
	position: absolute;
	background: url(../../images/ewiTrainingLogo.png) no-repeat !important;
	background: url(../../images/ewtraininglogo.gif) 0 20px no-repeat;
	z-index: 0;
}
#logo a
{
	color: #fff;
	text-decoration: none;
}

/* stats */
#stats
{
	position: absolute;
	top: 15px !important;
	top: 15px;
	left: 475px;
	height: 150px;
	z-index: 0;
}

/* ad */
#ad
{
	position: absolute;
	top: 20px !important;
	top: 20px;
	left: 675px;
	height: 85px;
	z-index: 0;
	/* border: solid 1px black; */
}

/* navigation */
#adminNav
{
	position: absolute;
	top: 111px;
	height: 10px;
	background-color: white;
	font-size: 85%;
	line-height: normal;
	z-index: 50;
	right: 0;
}

#tabbedNav
{
	position: absolute;
	top: 111px;
	left: 0;
	width: 100%;
	height: 30px;
	background: #fff;
	font-size: 85%;
	line-height: normal;
	z-index: 50;
}
#tabbedNav ul
{
	margin: 0;
	padding: 2px 0 0 15px;
	list-style: none;
}
#tabbedNav li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#tabbedNav a
{
	float: left;
	background: url(../../images/tabLeft.gif) no-repeat 0 -30px;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
}
#tabbedNav a span
{
	float: left;
	display: block;
	background: url(../../images/tabRight.gif) no-repeat 100% -30px;
	padding: 7px 20px 4px 6px;
	color: #203F5C;
	margin: 0 3px 0 0;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabbedNav a span
{
	float: none;
}
/* End IE5-Mac hack */
#tabbedNav a:hover span
{
	color: #FFF;
}
#tabbedNav a:hover
{
	background-position: top left;
	color: #fff;
}
#tabbedNav a:hover span
{
	background-position: top right;
	color: #fff;
}

#tabbedNav #current a
{
	background-position: top left;
}
#tabbedNav #current a span
{
	background-position: top right;
	color: #fff;
}

/* horizontal nav */
#horizontalNav
{
	background: url(../../images/navBar.jpg) repeat-x;
	position: absolute;
	top: 142px;
	left: 0;
	height: 45px;
	width: 100%;
}
#horizontalNav ul
{
	list-style: none;
}
#horizontalNav, #horizontalNav *
{
	float: left;
}
#horizontalNav a
{
	line-height: 39px;
	padding: 0 8px;
	color: #fff;
	background: #536981 url(../../images/navBar.jpg) repeat-x;
	text-decoration: none;
}
#horizontalNav a:hover
{
	background-image: url(../../images/tabBarHighLight.jpg);
	cursor: hand;
}
#horizontalNav #HRCurrent a
{
	background-image: url(../../images/tabBarHighLight.jpg);
}
#horizontalNav ul li.last a
{
	position: absolute;
	right: 0px;
	width: 100px;
	background: url(../../images/bugReport.jpg) no-repeat;
	padding-left: 35px;
}
#horizontalNav ul li.last a:hover
{
	background: url(../../images/bugReportOver.jpg) no-repeat;
}

/* left nav */
#leftNav
{
	float: left;
	margin-top: 45px;
	width: 200px;
	padding-bottom: 20px;
}
#leftNav a
{
	color: #000;
	text-decoration: none;
}
#leftNav a span
{
	position: relative;
	top: 5px;
}
#leftNav .currentCourseIcon, #leftNav .protegeIcon, #leftNav .supportIcon, #leftNav .myAccountIcon, #leftNav .myLearningMethods, #leftNav .masteryIcon
{
	display: block;
	height: 35px;
	margin: -6px 0 0 0;
}
#leftNav .myAccountIcon
{
	background: url(../../images/loginIcon.png) no-repeat 160px -1px !important;
	background: url(../../images/ie6Login.gif) no-repeat 160px -2px;
}
#leftNav .myLearningMethods
{
	background: url(../../images/learningMethods.png) no-repeat 160px 0 !important;
	background: url(../../images/methodsLearning.gif) no-repeat 160px -2px;
}
#leftNav .currentCourseIcon
{
	background: url(../../images/currentCourseIcon.png) no-repeat 160px 1px !important;
	background: url(../../images/currentCourses.gif) no-repeat 160px -2px;
}
#leftNav .protegeIcon
{
	background: url(../../images/protegeIcon.png) no-repeat 160px 1px !important;
	background: url(../../images/protegeIcon.gif) no-repeat 160px -2px;
}
#leftNav .masteryIcon
{
	background: url(../../images/masteryIcon.png) no-repeat 160px 1px !important;
	background: url(../../images/ie6Mastery.gif) no-repeat 160px -2px;
}
#leftNav .supportIcon
{
	background: url(../../images/help.gif) no-repeat 160px -3px !important;
	background: url(../../images/help.gif) no-repeat 160px -2px;
}
#leftNav a:hover span
{
	background: none;
	text-decoration: underline;
}
/* ie 7 rules the world*/

*:first-child + html #leftNav li a
{
	position: relative;
	top: -7px;
	height: 32px;
}
*:first-child + html #leftNav .supportIcon
{
	background: url(../../images/help.gif) no-repeat 160px -2px !important;
}
/* end ie 7 haxors*/
#leftNav li
{
	list-style: none;
	margin: 0;
	font-weight: bold;
	background: url(../../images/leftNavHeading.gif) no-repeat 0 0;
	padding: 9px 0 0 8px !important;
	padding: 2px 0 0 8px;
	font-weight: bold;
}
#leftNav ul li ul li
{
	background: #F0E9D7;
}
.leftSubNav li a
{
	background: #F0E9D7 url(../../images/arrow.gif) no-repeat 15px 8px;
	font-weight: normal;
	display: block;
	height: 28px;
	margin: -8px 0 0 -15px;
}
.leftSubNav li a span
{
	margin: -15px 0 0 40px;
}
.leftSubNav li a:hover
{
	background: #F0E9D7 url(../../images/arrowOver.gif) no-repeat 25px 8px;
	font-weight: normal;
	display: block;
	height: 28px;
	margin: -8px 0 0 -15px;
}
.leftSubNav li a:hover span
{
	margin: -15px 0 0 50px;
}

/* content */
#centerAdminContent
{
	float: left;
	width: 70%;
	padding: 0 5px;
	overflow: visible;
	margin: 10px 0 0 10px;
	padding-bottom: 60px;
	height: 100%;
}

#centerContent
{
	float: left;
	width: 70%;
	padding: 0 5px;
	overflow: visible;
	margin: 45px 0 0 10px;
	padding-bottom: 60px;
	height: 100%;
}
#centerContent strong
{
	color: #203F5C;
}
.checkMarkUL ul
{
	list-style: none;
	padding: 2px 0 0 20px;
}
.checkMarkUL li
{
	list-style: none;
	padding-left: 30px;
	padding-bottom: 10px;
	background: url(../../images/checkMark.gif) no-repeat 0 0;
}
.checkMarkUL ul strong
{
	color: #203F5C;
}
.checkMarkUL ul li
{
	background: url(../../images/smcheckMark.gif) no-repeat 0 0;
	padding-bottom: 15px;
}

.tahitiAd
{
	display: none;
	float: right;
	border: 1px solid #1c405b;
	clear: right;
}

.tahitiAd a img
{
	border-style: none;
}

.noticeAd
{
	float: right;
	margin: 2px;
	width: 200px;
	padding: 10px;
	border: 1px solid #1c405b;
	background: #a1bad1;
	text-align: justify;
	font-size: 11px;
	clear: right;
}

/* footer */
#footer
{
	background: #C1D2E2;
	width: 100%;
	border-top: 1px solid #1F3E5C;
}
#footerNav
{
	font-size: 85%;
	font-family: Lucida Sans Unicode, Arial;
	color: #1F3E5C;
	padding: 15px;
}
#footerNav a
{
	margin: 0;
	text-decoration: none;
	color: #1F3E5C;
}
#footerNav a:hover
{
	text-decoration: underline;
	color: #1F3E5C;
	background: none;
}
#footerNav #footerCurrent a
{
	text-decoration: underline;
	color: #1F3E5C;
}
input[type=text], input[type=password], textarea
{
	border: 1px solid #213E5C;
	height: 20px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover
{
	border: 1px solid #203F5C;
	background: #C3D4E4;
	color: #203F5C;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus
{
	background: #FFDD78;
	border: 1px solid #203F5C;
	color: #203F5C;
}

input[type=submit]
{
	/*background: url(../../images/loginSubmit.jpg) no-repeat;     width: 85px;     height: 40px;     margin: -15px 0 0 90px; 	*/
	font-family: Trebuchet MS, Arial;
	border: solid 1px black;
}
input[type=submit]:hover
{
	/* background: url(../../images/submitbuttonOver.jpg) no-repeat; */
	border: solid 2px black;
	font-weight: bold;
}

input[type=file]
{
	font-family: Trebuchet MS, Arial;
	border: solid 1px black;
}
.mainText2
{
	background-color: #53569D;
	color: #ffffff;
	font-weight: bold;
}

.tableHeader
{
	background-color: #c1d2e2;
	color: White;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

.teleClassHeader
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #c1d2e2;
	font-size: larger;
	font-weight: bold;
	font-family: System, Trebuchet MS, Arial;
}

.teleClassScheduleItem, .teleClassScheduleItem td
{
	background-color: #FFFFCC;
	font-weight: normal !important;
	font-family: System, Trebuchet MS, Arial !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.MasterTable_Default a
{
	font-size: larger !important;
	font-weight: bold !important;
	font-family: System, Trebuchet MS, Arial !important;
}

.classContent
{
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}

.FAQList a:link, a:hover
{
	background: none;
	color: #000;
}

.SubmitBtn
{
	border: solid 1px black !important;
	background-color: #C1D2E2 !important;
	padding: 0px 5px 0px 5px !important;
}

.header
{
	font-weight: bold;
	font-size: 16px;
	border-bottom: solid 1px black;
	margin-bottom: 2px;
}

.subHeader
{
	font-weight: bold;
	font-size: 14px;
	border-bottom: solid 1px grey;
}


.description
{
	font-size: 12px;
	margin-bottom: 10px;
}

.section
{
	padding-left: 25px;
}

.faq
{
	text-decoration: none;
	cursor: text;
}

.label
{
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
}


.none ul
{
	list-style-position: inside;
	list-style-type: square;
	padding: 2px 0 0 20px;
}

.Error
{
	color: Red;
	padding-bottom: 10px;
}

.Message
{
	font-weight: bold;
}


.HWsubHeader
{
	font-weight: bold;
	font-size: 14px;
	border-bottom: solid 1px black;
}

.HWsubHeader2
{
	font-size: 13px;
	border-bottom: solid 1px black;
}
