/* Generic Tag-Related Styles */
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table
{
	font-size: 12px;
}

label 
{
	font-size: 10px;
	font-weight: bold;	
}

h2
{
	border: 0px;
	margin: 5px 0px 5px 0px;
	padding: 4px;
	color: #FFFFFF;
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
}

h3 
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
}

.LeftColumn
{
	width: 190px;
	border-right: 2px solid FFCC00;
}

.CenterColumn
{
}

#Page
{
	width: 560px;
	text-align: left;
}

#CourseList 
{
	width: 400px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

#CourseList table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#CourseList table tr
{
	padding: 5px 0px 5px 0px;
}

.Box
{
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.ErrorText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: Red;	
}

.Label
{
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

.Button
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.Header
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.Header input 
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

table.Default
{
	width: 100%;
	border: 1px solid #CCCCCC;
}

table.Default th
{
	background-color: #999999;
	color: #FFFFFF;
	text-align: left;
}

th.Button
{
	text-align: right;
}

.HeaderTable 
{
	width: 100%;
	border: 1px solid #CCCCCC;
	background-color: #999999;
	color: #FFFFFF;
	text-align: left;
	font-weight:bold;	
}

.InnerTableHeader
{
	background-color: #ff4444;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ListBase
{
	width: 100%;
}

.ValidationSummary
{
	width: 100%;
	padding: 10px;
	border: 1px solid #CCCCCC;
	font-size: 10px;
}

/* CourseManagement Related Classes *****************************/
.CourseManagementCourseHeader
{
	background: #66aaaa;
}
.CourseManagementCourseControl
{
	font-weight: bold;
	border: solid 1px #000000;
	background: #99ffff;
}
.CourseManagementCourseList
{
	background: #66aaaa;
	border: solid 2px #66aaaa;
}
.CourseManagementChapterHeader
{
	background: #aa66aa;
}
.CourseManagementChapterControl
{
	font-weight: bold;
	border: solid 1px #000000;
	background: #ff99ff;
}
.CourseManagementChapterList
{
	border: solid 1px #aa66aa;
	background: #aa66aa;
}
.CourseManagementQuestionHeader
{
	background: #aaaa66;
}
.CourseManagementQuestionControl
{
	font-weight: bold;
	border: solid 1px #000000;
	background: #ffff66;
}
.CourseManagementQuestionList
{
	border: solid 1px #aaaa66;
	background: #aaaa66;
}
.CourseManagementAnswerChoiceList
{
	background: #ffee99;
}


/* Layout Related Classes *************************************/



.HeaderLoginInfo
{
	color: white;
	font-size: 9px;
	padding: 0 3px 0 0;
}

.headertop1, .headertop2{
	background-image: url("Assets/SiteImages/layoutImages/headerbg1.jpg");
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}
.headertop2{
	text-align: right;

}

.headerbottom1, .headerbottom2{
	background-image: url("Assets/SiteImages/layoutImages/headerbg2.jpg");
	background-repeat: repeat-x;
	border-bottom: 2px solid black;
	padding: 0;
	margin: 0;
}

.headerbottom2{
	text-align: right;
}

.menubg {
	background-color: #0079C2;
width: 130px;
}
.gutter{
	width: 32px;
	background-image: url("Assets/SiteImages/layoutImages/gutter.gif");
	background-repeat: repeat-y;
}
.rightmargin {
	width: 16px;
	background-image: url("Assets/SiteImages/layoutImages/rightmargin.gif");
	background-repeat: repeat-y;
}

.footer{
	background-color: #333333;}
.footer p{
	text-align: right;
	font-size: 9px;
	color: white;
	padding: 10px 10px 0 0;
border-top: 2px solid white;
}



/* Menu Related Classes **************************************/

.panelbarHeaderCollapsed, .panelbarHeaderHover, .panelbarHeaderExpand, .panelbarHeaderSelected
{ 		
	FONT-SIZE: 11px; 
	COLOR: #ffffff;
	font-weight: bold;
	height: 25px;
	padding-left: 24px;
	background: #6F8FAA;
	border-bottom: #fff 1px solid;
	border-top: #fff 1px solid;
	cursor: pointer;
}
.panelbarHeaderCollapsed {
	background: #444444;
}

.panelbarHeaderHover
{ 		
	background: gray;
	border-bottom: #000 1px solid;

}

.panelbarHeaderExpand
{
	background: #444444;
	border-bottom: #000 1px solid;
}

.panelbarHeaderSelected
{ 		
	background: #6190b3;
	border-bottom: #000 1px solid;
}

.panelbarItemGroup { }

.panelbarItem1,
.panelbarItem2,
.panelbarItemHover1,
.panelbarItemHover2,
.panelbarItemSelected1,
.panelbarItemSelected2,
.panelbarItemCollapsedFooter1,
.panelbarItemCollapsedFooter2,
.panelbarItemExpandedFooter1,
.panelbarItemExpandedFooter2,
.panelbarItemSelectedFooter1,
.panelbarItemSelectedFooter2

{
	FONT-SIZE: 11px; 
	cursor: pointer;
	COLOR: #fff;
	text-decoration: none;
	padding-left: 24px;
	height: 24px;
	box-sizing: border-box;
	moz-box-sizing: border-box;
	background: #0079C2;
	border-bottom: #fff 1px solid;
}
.panelbarItemHover1,
.panelbarItemHover2,
.panelbarItemExpandedFooter1,
.panelbarItemExpandedFooter2
{
	background: #666666;
}

.panelbarItemSelected1,
.panelbarItemSelected2,
.panelbarItemSelectedFooter1,
.panelbarItemSelectedFooter2
{
	font-weight: bold; 
	COLOR: #fff;
	background: #0397D7;
	border-top: #333 1px solid;
}



