/* 	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 */

body {
	font : 76%/100% verdana, helvetica, sans-serif;
	margin : 0;
	}

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


/* 	Design Styles: CDPH LMS */

ul#designNavList li a:hover, ul#designNavList li#active a:hover	{
	background: transparent;
}

ul#designNavList	
{
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 140px;
	}


.designUserText
{
	color:White;
	font-weight:bold;
}
.designMainText	{
	width: 95%;
	padding: 10px;
	vertical-align: top;
	margin-right : 10px;
}

* html .designMainText	{
	width: 100%;
	margin-right : 0px;
	}

.designBgRed {
	background: #7D1717;
	}

.designBgBlue {
	background: #43678C;
	}	


/* 	Site Navigation Styles - these styles, unlike most other content, are sized using pixel values  */


.designUserName    {
    font: 11px verdana, arial, sans-serif;
    color: white;
    font-weight: bold;
    }

.designLeftNav {
	font: 12px verdana, arial, sans-serif;
	vertical-align: top;
	background: #43678C;
	width: 145px;
	}

.designLeftNavText {
	font: 11px verdana, arial, sans-serif;
	color: white;
	}

.designLeftNav p {
	font: 11px verdana, arial, sans-serif;
	color: white;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.designNavText {
	font: 11px verdana, arial, sans-serif;
	color: white;
	text-decoration: none;
	}

.designNavText:visited {
	font: 11px verdana, arial, sans-serif;
	color: white;
	text-decoration: none;
	}

.designNavText:link {
	font: 11px verdana, arial, sans-serif;
	color: white;
	text-decoration: none;
	}

.designNavText:hover {
	font: 11px verdana, arial, sans-serif;
	color: #FFFFB7;
	text-decoration: underline;
	}


/*	Standard Styles */


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

h1 {
	color: #555;
	font-size: 1.5em;
	font-weight:900;
	font-style: italic;
	margin-top : 0;
	}

h2 {
	color: #555;
	font-size: 1.2em;
	}

h3 {
	color: #555;
	font-size: 1em;
	}

a:visited {
	color: #7D1717;
	text-decoration: underline;
	}

a:hover {
	color: #000000;
	text-decoration: none;
	}

a:link {
	color: #7D1717;
	text-decoration: underlinee;
	}


/* Table Designs */


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

.noBorderTable th {
	border: 0;
	}

.horizontalTable 	{
	border: 1px solid #003464;
	background-color: #DAE5F4;
	margin: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	BORDER-COLLAPSE: collapse;
	PADDING: 1px;
	}

.horizontalTable td {
	margin: 0px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	background-color: #edf2fa;
	empty-cells: show;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	BORDER-COLLAPSE: collapse;
	border-spacing: 1px; 
	}

.horizontalTableHeader td {
	text-align:center;
	font-weight:bold;
	padding: 6px 4px;
	border: 1px solid #ccc;
	background-color: rgb(230,230,235); 
	}

.horizontalTableHeader th {
	text-align:center;
	font-weight:bold;
	padding: 6px 4px;
	border: 1px solid #ccc;
	background-color: rgb(230,230,235);  
	}

.horizontalTableAlternateRow td {
	background-color: #fff;
	}

.resultsTable {
	font-family: verdana, arial, sans-serif;
	border: 1px solid #5cadad;
	padding: 5px;
	BACKGROUND-COLOR: #edf2fa; 
	empty-cells: show
	}

.resultsTableHeader {
	text-align:center;
	font-weight:bold;
	border: 1px solid #5cadad;
	BACKGROUND-COLOR: #edf2fa; 
	}

.resultsTable TD {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	padding: 3px;
	MARGIN: 0px; 
	BACKGROUND-COLOR: #edf2fa;
	}

.searchTable {
	font-family: verdana, arial, sans-serif;
	border: 1px solid #339999;
	padding: 1px;
	background-color: #edf2fa;
	margin: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
	}

.searchTable TD {
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 1px;
	border: 0px;
	background-color: #edf2fa;
	}

.formTable {
	font-family: verdana, arial, sans-serif;
	border: #43678C 1px solid; 
	padding: 1px; 
	margin: 0px; 
	background: #EDF2FA; 
	empty-cells: show
}

.formTable TH {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	padding: 1px 3px; 
	margin: 0px; 
	background: #EDF2FA;
	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: #000000;
	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: #000000;
	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 : 0px 25px 20px 0px;
	}

.announcementsHomePage	{
	margin : 25px 25px 0px 0px;
	padding : 8px;
	background : rgb(243,243,243);
	width : 95%;
	border : 1px solid #000;
	}

.rightHomeColumn	{
	margin-left:20px;
	margin-right:5px;
	background : rgb(243,243,243);
	border-left : 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.myHeader	{
	background : #cacaca;
	font-weight : bold;
	font-size : 121%;
	padding : 7px 14px;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #fff;
	}
	
.myContent	{
	padding : 14px;
	}
					
.courseName	{
	font-weight : bold;
	padding : 3px 0px;
	}

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;
	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-bottom : 15px;
	}
	
.myCourseDetails {
font-size: 0.91em; margin-bottom: 2px;
	}
	
.myCurrentNote	{
	font-size : .91em;
	padding : 0px 0px 16px 0px;
	}
					
.myAssessmentsNote	{
	font-size : .91em;
	padding : 15px 0px;
	}
					
tr.pageRow td {
	text-align : right;
	background :  rgb(240,240,240); 
	padding : 10px 8px;
	font-size : 91%;
	}
	
tr.pageRow td a	{
	border : 1px solid #ccc;
	background : rgb(220,220,220);
	padding : 4px;
	text-decoration : none;
	margin : 0 -1px;
	}
	
tr.pageRow td a:hover	{
	background : rgb(200,200,200);
	text-decoration : none;
	}
	
tr.pageRow td a:visited	{
	text-decoration : none;
	}
	
tr.pageRow td span	{
	border : 1px solid #000;
	background :  #000;
	padding : 4px; 
	color : #fff;
	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 */
.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;
	text-decoration:none;
}
.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;
	text-decoration:none;
}
.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;
}
.tabstrip
{
	margin-left: -20px;
}
a.linkButton {
  padding: 3px 8px 2px 8px;
  background: url(../../../images/linkButton_bg.gif) bottom right no-repeat;
  border-left: 1px solid #bbb;
  text-decoration: none;
  color: #333;
  text-decoration: none;
  line-height: 22px;
  margin-left: 3px;
  }

a.linkButton:visited	{text-decoration:none;}

 #box {
	font: 80%/1.6 Arial, Helvetica, sans-serif;
	color: #2D486C;
	background-color: transparent;
	margin: 0 20px 10px 0;
}