/* 	The following selectors change ALL text on the site to relative-sized, scaleable font EXCEPT for the navigation styles -- those should still be defined with pixel-based sizing */

html {
	margin : 0;
	}

body {
	height : auto;
	font : 74%/120% verdana, arial, helvetica, sans-serif;
	margin : 0;
	}

div, p, span, li, td, table	{
	font-size : 1em;
	}

#skip	{
	position : absolute;
	left : -999px;
	width : 990px;
	}
	
#banner	{
	height: 83px;
	margin: 0;
	padding: 10px 0 10px 10px;
	vertical-align:middle;
	background: #dee7cd;
	}
	
* html #banner	{
	padding: 10px 0 0 10px;
	}
	
#banner h1	{
	line-height: 83px;
	margin-left: 220px;
	}
	
.logo	{
	float: left;
	width: 200px;
	}
	
.mid	{
	clear: both;
	height: 20px;
	background: #618261;
	border-bottom: 1px dashed #bbb;
	}
	
.hd	{
	border-bottom: 1px solid #000;
	padding-bottom : 5px;
	margin-bottom : 20px;
	}

.contentArea	{
	margin : 15px 20px;
	}
	
.contentAreaNologin	{
	width : 545px;
	margin : 15px 20px;
	}
	
.designMainText	{
	padding: 0 8px;
	}
	
#myPageBody_PageTemplate_myNavigationControl_panelRegisterWithUs	{
	font: bold 100%/150% verdana;
	padding: 0 20px 0 0;
	margin: -20px 0 -10px 0;
	}

.logo	{
	width : 198px;
	height: 0;
	margin : 0;
	padding : 0;
	text-align : center;
	}

div.designUserName, table.designUserName	{
	width : 198px;
	height: 85px;
	border:solid 1px #999;
	margin: 20px 8px 0 18px;
	background:#dee7cd;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}

table.designUserName div.designUserName	{
	width : 173px;
	height: 16px;
	border: 0;
	margin: 0;
	padding-top: 6px;
	background: none;
	font-weight: normal;
	text-align: center;
	}

#myPageBody_PageTemplate_myLogonControl_Username, #myPageBody_PageTemplate_myLogonControl_Password	{
	margin: 0 0 -4px 0;
	background: #fff;
	}

.designUserName a.leftNavText	{
	text-decoration : none;
	font-weight : normal;
	}
	
.designUserName input	{
	margin-bottom : 5px;
	text-align : left;
	background : #fff;
	}

.designUserName a.designProfileText:visited	{
	text-decoration : none;
	font-weight : normal;
	}

.designUserName a.designProfileText:hover	{
	text-decoration : underline;
	}

.designUserName a.designProfileText:link	{
	text-decoration : none;
	font-weight : normal;
	}
	
.NavigationTable	{
	width : 198px;
	\width : 198px;
	w\idth : 198px;
	background:url(/SiteCustom/LmsDemo/images/top_nav.jpg) no-repeat top left #f2f2f2;
	border-bottom:solid 1px #999999;
	text-align: left;
	margin : 20px 20px -20px 0;
	height: 19px;
	font-weight : bold;
	}

.NavigationTable td	{
	padding: 5px 6px 3px 0;
	}

.NavigationTable td a img	{
	margin: 1px 0 0 0;
	}

.NavigationTable .designUserText	{
	padding: 0 0 0 7px;
	}

ul#designNavList	{
	width : 198px;
	\width : 198px;
	w\idth : 198px;
	text-align: left;
	list-style-type : none;
	margin : 20px 2px 0 0;
	padding : 0 0 11px 0;
	background:url(/SiteCustom/LmsDemo/images/bottom_nav.jpg) no-repeat bottom left #eee;
	}

ul#designNavList li	{
	width : 196px;
	list-style:none;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	padding:0;
	margin: 0;
	}
	
ul#designNavList li a	{
	width : 178px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	padding: 4px 9px;
	margin: 0 0 -13px 0;
	background: rgb(242,242,242);
	color: #040;
	font-weight:normal;
	text-decoration:none;
	}

* html ul#designNavList li a	{
	width : 196px;
	margin: 0 0 -16px 0;
	}
	
ul#designNavList li a:hover	{
	background: #dee7cd;
	color: #000;
	text-decoration:none;
	}
	
ul#designNavList li a:visited
	{
	color:#040;
	text-decoration:none;
	}

a.leftNavText:hover	{
	text-decoration : underline;
	}

.floatRight	{
	width : 133px;
	float : right;
	margin : 0 0 50px 8px;
	}

.floatRight img	{
	border: 1px solid #006;
	}
	
.homeText	{
	margin-top : 20px;
	}

.floatLeft	{
	width : 106px;
	float : left;
	margin : 0 20px 110px 0;
	}

.floatLeft img	{
	border: 1px solid #006;
	}
	


/*	Standard Styles */


th {
	text-align:center;
	font-weight:bold;
	padding: 6px 4px;
	}

h1 {
	font-size: 1.8em;
	font-family: Trebuchet, Trebuchet MS, Arial, Helvitica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #c24000;
	margin-top: 0;
	margin-bottom: .6em;
	padding: 0;
}

h2 {
	font: normal 1.3em Trebuchet, Trebuchet MS, Arial, Helvitica, sans-serif;
    color: #c24000;
	text-transform: uppercase;
}

h3 {
	font-family: Trebuchet, Trebuchet MS, Arial, Helvitica, sans-serif;
    color: #c24000;
	font-size: 1em;
}

a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #040;
	text-decoration: underline;
}

a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #040;
	text-decoration: none;
}

a:link {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #040;
	text-decoration: underline;
}

.footer	{
	border-top : 1px solid #ddd;
	color : #777;
	font : 86% verdana, sans-serif;
	margin : 20px 10px;
	padding: 10px 0 0 0;
	}

#footerbuttons
	{
	padding:0px 0px 0px 0px;
	float:left;
	}

#footerbuttons ul
	{
	margin:0;
	padding:0;
	}

#footerbuttons li
	{
	list-style:none;
	border-right:solid 1px #cccccc;
	float:left;
	padding:0px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	}

#footerbuttons a
	{
	display:block;
	font-size:10px;
	}

/* Commented Backslash Hack

hides rule from IE5-Mac \*/

#footerbuttons a {float:none;}

/* End IE5-Mac hack */

/*END FOOTERBUTTONS STYLE*/


/* Table Designs */



.noBorderTable {
	border: 0;
	border-style:none;
	border-width:0px;
	}

.noBorderTable th {
	border: 0;
	}

.horizontalTable 	{
	background:url(/SiteCustom/LmsDemo/images/table_top.jpg) no-repeat top left #f2f2f2;
	margin: 20px 0;
	border-spacing: 0;
	border: 0;
	border-collapse:collapse;
	empty-cells: show;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	padding: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}
	
html .horizontalTable	{	
	margin: 25px 30px 25px 0;}

.horizontalTable td {
	margin: 0;
	padding: 11px 16px;
	background-color: #f2f2f2;
	empty-cells: show;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	border-top: 1px dashed #999;
	border-left: 1px solid #999;
	}

.horizontalTableHeader td, .horizontalTableHeader th {
	text-align:center;
	font-weight:bold;
	padding: 6px 3px;
	border: 0;
	}
	
.horizontalTableAlternateRow td {
	background-color: #fff;
	}
	
table.horizontalTable tr:hover td { background: #ffe; }

#myPageBody_PageTemplate_myNamingPlaceHolder_myCompetencyAreasDisplayControl_CompetencyAreaList	{
	}

.resultsTable {
	font-family: verdana, arial, sans-serif;
	border: 1px solid #999;
	padding: 5px;
	margin: 0;
	background-color: #f2f2f2;
	empty-cells: show;
	}
	
html .resultsTable	{	
	margin: 0 30px 0 0;}

.resultsTableHeader {
	text-align:center;
	font-weight:bold;
	border: 1px solid #999;
	background-color: #f2f2f2;
	}

.resultsTable td {
	font-family: verdana, arial, sans-serif;
	color: #000;
	padding: 3px;
	margin: 0px;
	background-color: #f2f2f2;
	}
.searchTable {
	font-family: arial, sans-serif;
	padding: 0;
	border: 1px solid #5d72a2;
	background-color: #f7f7f2;
	margin: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
	}
	

.searchTable td {
	font-family: arial, sans-serif;
	margin: 0;
	padding: 4px 0;
	border: 0;
	}


.searchTable td {
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 4px 0;
	border: 0;
	}
	
#myPageBody_PageTemplate_myNamingPlaceHolder_myCatalogControl_CourseBasicSearchControl_keyWordSearchLabel, #myPageBody_PageTemplate_myNamingPlaceHolder_myCatalogControl_CourseBasicSearchControl_KeywordSearchBox	{
	margin-left: 7px;}

.formTable {
	font-family: verdana, arial, sans-serif;
	border: 1px solid #999;
	padding: 1px;
	margin: 0;
	background: #f2f2f2;
	empty-cells: show;
	}
	
html .formTable	{	
	margin: 0 30px 0 0;}

.formTable th {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	padding: 1px 3px;
	margin: 0px;
	background: #f2f2f2;
	text-align:right;
	font-weight:bold;
	}

.evaluationQuestionTable {
	border : 1px solid #bbb;
	margin-bottom : 25px;
	}

.evaluationQuestionTable th	{
	background : #ddd;
	padding : 4px 8px;
	border-bottom : 1px solid #bbb;
	text-align : left;
	}

.evaluationQuestionTable td	{
	background : rgb(248,248,248);
	padding : 8px;
	}


/* Form Designs - Custom */

.errorText {
    font-weight: bold;
	color: Red;
	}

.errormessage	{

    font-weight: bold;
	color: Red;
	}

.requiredField {
	color: Red;
	}

th.requiredField {
	color: Red;
	}

a.selectedSubNavigation:visited {
	color: Black;
	}

a.selectedSubNavigation:hover {
	color: Black;
	}

a.selectedSubNavigation:link {
	color: Black;
	}

.hidden {
	display:none;
	}

.title	{
	font-weight: bold;
	}

a.gridLink:visited {
	font-family: verdana, arial, sans-serif;
	color: #7D1717;
	text-decoration: underline;
	}

a.gridLink:hover {
	font-family: verdana, arial, sans-serif;
	color: #000;
	text-decoration: underline;
	}

a.gridLink:link {
	font-family: verdana, arial, sans-serif;
	color: #7D1717;
	text-decoration: underline;
	}

.smallPrint	{
	font: .86em verdana, arial, sans-serif;
	color: #000;
	padding : 1px 3px; 
	margin: 0px;
	}

.buttonLink a	{
	font-size: 1em;
	color: #666666;
	}

.footNote	{
	font: .86em verdana, arial, sans-serif;
	}


/* Service Pack 3 enhancements - new styles, starting with the home page     */



.centerHomeColumn{
	padding : 10px 25px 20px 0;
	}

.announcementsHomePage	{
	margin : 20px 25px 25px 0px;
	padding : 8px 12px 0;
	background: #dee7cd;
	width : 95%;
	border : 1px solid #618261;
	}
	
.announcementsHomePage td	{
	padding : 5px 8px;
	}
	
.announcementsHomePage b	{
	text-transform: uppercase;
	color: #C24000;
	}

.rightHomeColumn	{
	margin-left: 20px;
	padding-top: 10px;
	}

.myHeader	{
	background: url(/SiteCustom/LmsDemo/images/my_C_top.jpg) no-repeat top left #eee;
	border-bottom: 1px dashed #999;
	font-weight : bold;
	font-size : 121%;
	color: #c24000;
	padding : 10px 6px 7px 14px;
	}
	
.myHeader a	{color: #c24000;}
.myHeader a:visited	{color: #c24000;}

.myContent	{
	padding : 24px 14px 14px 14px;
	background : rgb(246,246,246);
	margin-bottom: 15px;
	border-left : 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px dotted #999;
	font: 91%/130% Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
	}
	
#a	{
	padding-bottom : 1px;
	background : url(/SiteCustom/LmsDemo/images/my_C_bttm.jpg) no-repeat bottom left rgb(246,246,246);
	}
	
#b	{
	padding-bottom : 1px;
	background : url(/SiteCustom/LmsDemo/images/my_C_bttm.jpg) no-repeat bottom left rgb(246,246,246);
	}
	
#c	{
	padding-bottom : 1px;
	background : url(/SiteCustom/LmsDemo/images/my_C_bttm.jpg) no-repeat bottom left rgb(246,246,246);
	}

#myPageBody_PageTemplate_myNamingPlaceHolder_myHomePageControl_loginTable	{
	width: 300px;
	padding-top: 8px;
	margin-bottom: 9px;
	}
	
a.courseName	{
	font-weight : bold;
	padding : 18px 0px;
	text-decoration : none;
	}

.myContent a:hover	{
	color: #c24000;
	}

ul.courseList	{
	margin : 0px 0px 0px -10px;
	}

* html ul.courseList	{
	margin : 0px 15px;
	}

li.courseName	{
	padding : 3px 0px;
	font-size : 91%;
	}

.assessAlert	{
	font : 91% verdana, sans-serif;
	padding : 8px 12px;
	border : 1px solid #000;
	background: rgb(248,248,248);
	margin : 6px 0px 20px 0px;
	}

.assessAlert a	{
	font-weight : bold;
	margin-bottom : 19px;
	}

.homeCourseDetails	{
	margin-top: 8px;
	margin-bottom : 18px;
	}

.myCourseDetails	{
	font-size : .91em;
	margin-top : 8px;
	}

.myCourseDetails a	{
	font-weight: bold;
	}

.myCurrentNote	{
	font-size : .91em;
	padding : 0px 0px 16px 0px;
	}

.myAssessmentsNote	{
	font-size : .91em;
	padding : 15px 0px;
	}

tr.pageRow td {
	background : url(/SiteCustom/LmsDemo/images/page.gif) no-repeat middle left rgb(247,247,247); 
	padding : 10px 8px 10px 62px;
	font-size : 91%;
	}

tr.pageRow td a	{
	border : 1px solid #999;
	background : #618261;
	padding : 4px;
	text-decoration : none;
	margin : 0 -1px;
	font-weight: bold;
	color: #fff;
	}

tr.pageRow td a:hover	{
	background : #fff;
	text-decoration : none;
	color: #040;
	}

tr.pageRow td a:visited	{
	text-decoration : none;
	}

tr.pageRow td span	{
	border : 1px solid #999;
	background : #fff;
	padding : 4px;
	color : #000;
	font-weight : bold;
	}

div.myCoursesCompletedHd	{
	margin : 5px 0;
	text-align:left;
	color:#000;
	}

.showHide	{
	font-size : .76em;
	font-weight : normal;
	}

h2.courseTitle	{
	color : #000;
	margin-top : 25px;
	}



/*  The styles in this section are for the LCMS  */

.participant	{
	margin-left : 10px;
	margin-bottom : 15px;
	}

.cmControl {
	border : 1px solid #dddddd;
	padding : 4px;
	margin : 0px;
	background-color : #eeeeee;
	}

#boxFloatRight {
	float : right;
	width: 200px;
	\width: 220px;     /*  The backslash next to the width declaration is there on purpose - it's a CSS box model hack for IE 5  */
	w\idth: 200px;     /*  The backslash inside the width declaration is there on purpose - please keep as-is  */
	margin: 20px 0px 10px 20px;
	border : 1px solid #339999;
	padding : 6px;
	background-color : #e4ecf8;
	}

.boxFloatRightList {
	margin-left : 20px;
	}

.boxFloatRightList li {
	margin-bottom : 8px;
	}

.hdCMS	{
	color : #000000;
	}

/*  This section is for star rating control*/
.star-image
{
	padding: 0px;
	margin: 0px;
	position: relative;
}
.star-rating {
	list-style:none;
	margin: 3px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(/images/star_rating.gif) top left repeat-x;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image:none;	
}
.star-rating li a:hover{
	background: url(/images/star_rating.gif) 0px -20px repeat-x;
	z-index: 1;
	left: 0px;	
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}
/* End of Star Rating styles */

/* Tab control styles */

.tabstrip	{
	margin-left: -20px;
	}

.tabcell	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#ccc;
	color:#000;
	text-align:center;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
	}
	
a.tabcell	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#ccc;
	color:#000;
	text-align:center;
	text-decoration: none;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
	}
	
.tabcell:visited	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#ccc;
	color:#000;
	text-align:center;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
	}
	
.tabcell:link	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#ccc;
	color:#000;
	text-align:center;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
	}
	
.tabcell:hover	{
	background-color:#666;
	color: #000;
	height: 26px;
}
.selectedtabcell	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#fff;
	color:#000000;
	text-decoration:none;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
}
.selectedtabcell:visited	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#fff;
	color:#000000;
	text-decoration:none;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
}
.selectedtabcell:link	{
	padding: 6px 12px;
	border: 1px solid #000;
	background-color:#fff;
	color:#000000;
	text-decoration:none;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
}