BODY
{
  color: #666666;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 0.8em;
  background: #ededed;/* url(../img/bg.gif) repeat-y scroll center;*/
  padding: 0px;
  margin: 0px;
	text-align: center;
	height: 100%;
}


A,
A:link,
A:active,
A:visited,
GridHeader A:visited
{
  text-decoration: none; /*color: #000033;*/
  color: #330099;
}

A:hover
{
  text-decoration: underline;
}

H1
{
  color: #000099;
  margin: 15px 0px 15px 5px;
  font-size: 110%;
}

H2
{
  color: #330099;
  font-weight: bold;
}

H3
{
  color: #000099;
  font-weight: bold;
  font-size: 100%;
}

H4
{
  font-size: 110%;
  margin-bottom: 5px;
}

H1,
H4
{
  font-weight: bold;
}

/*  Master Page Styles  */

.mainTable
{
	height:100%;
}

.mainTable .ligthBorder
{
	background-color:#FFF;	
	width:10px;
}

.mainTable .darkBorder
{
	background-color:#e6e6e6;	
	width:10px;	
}

#mainframe 
{
	height: 100%;
	min-height:100%;
	background-color: #41423c;
	width:900px;
} 

#header {
	width: 100%;
	height: 75px;
	background: #ffffff url(../img/bg_header.jpg) repeat-x scroll top;
}

.lessonview .header
{
	width: 100%;
	height: 39px;
	background: #ffffff url(../img/bg_header_small.jpg) repeat-x scroll top;	
}

#logo,
.lessonview .logo
{
	float: left;
}

#headermenu,
.lessonview .headermenu 
{
	text-align: right;
	top: 5px;
	right: 10px;
	position: relative;
	font-family:arial;
	font-size:80%;
	color: #ffffff;
}

#headermenu a, 
#headermenu a:link, 
#headermenu a:visited, 
#headermenu a:active, 
.lessonview .headermenu a, 
.lessonview .headermenu a:link, 
.lessonview .headermenu a:visited, 
.lessonview .headermenu a:active
{
	color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
}

#headermenu a:hover,
.lessonview .headermenu a:hover
{
	color: #b8ef4b;
	text-decoration: underline;
}

#breadcrumb
{
	text-align: right;
	top: 72px;
	right: 10px;
	position: relative;
	font-family:arial;
	font-size:11px;
}

#contentholder {
	background-color: #ffffff;
	text-align:left;
}
#footer 
{
  padding:10px 0 0 10px;
}

.footerleft 
{
  float:left;
	text-align: left;
	font-family:arial;
	font-size:11px;
	color: #cccccc;
}

.footerleft a, .footerleft a:link, .footerleft a:visited, .footerleft a:active {
	color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
}

.footerleft a:hover {
	color: #b8ef4b;
	text-decoration: underline;
}


.footerright 
{
  float:right;
	text-align: right;
	font-family:arial;
	font-size:11px;
	color: #cccccc;
	font-weight: bold;	
}
.nav 
{
	float: left;
}

#pageTitle
{
	
	background:#cdddae url(../img/bct_bg.gif) repeat-x;
	height:87px;
	width:100%;
}

#pageTitle .pageTitleText
{
	color:White;
	position:relative;
	left:-50px;
	top:27px;
	font-size:30px;
	font-weight:bold;
	text-transform:none;
}

.content {
}

.contentpad {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
}
.contentpad2 {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
}


/*
  F R A M E W O R K   C O N T R O L styles
*/

/*
  M E S S A G E   L I S T  styles
*/

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

.error
{
  color: Red;
}

.error A,
.error A:visited
{
  font-weight: bold;
  text-decoration: underline;
}

.error A:hover
{
  text-decoration: none;
}

.info
{
  color: Green;
}

.message,
.mainMessages
{
  margin: 1px;
  background-color: #FFFFEE !important;
  border: 1px solid Red;
  text-align: left;
  width: auto;
  border-width: 1px;
  -moz-border-top-colors: Red #ffffff Red;
  -moz-border-right-colors: Red #ffffff Red;
  -moz-border-bottom-colors: Red #ffffff Red;
  -moz-border-left-colors: Red #ffffff Red;
}

.mainMessages
{
  width: 98%;	
}
	
.Grid TR.AltDataRow .editPanel .message TR TD
{
  background-color: #FFFFEE;
}

DIV.mainMessages
{
  margin: 5px;	
}

.message .img
{
  width: 10px;
}

.message TR TD,
TABLE.mainMessages TR TD,
.innerMessage TR TD
{
  border: none !important;
  padding: 4px;
  font-size: 0.9em;
}

/*
  Common Edit Control styles
*/

SELECT
{
  background-color: White;
}

.txtEditable
{
  background-color: White;
}

.txtAsLabel
{
  color: black;
  font-weight: normal;
}

.txtReadonly
{
  background-color: #eeeeee;
  width: 15em;
}

SELECT.txtEditable
{
  width: auto;
}

/* control width sub classes */
.wide
{
  width: 30em;
}

.middle
{
  width: 20em;
}

.narrow
{
  width: 10em;
}

TEXTAREA.wide
{
  width: 98%;
  height: 10em;
}

TEXTAREA.middle
{
  height: 7em;
  width: 20em;
}

TEXTAREA.narrow
{
  width: 10em;
  height: 5em;
}

.txtDate
{
  width: 5em;
}

.txtMoney
{
  width: 5.6em;
  text-align: right;
}

.notes
{
  padding-left: 10px;
  font-style: italic;
}


/*
  Flat Button Style
*/

/*
  Flat Button Style
*/
.flatButton
{ 
  background-color: #cdddae;
  border:solid 1px #41423c;
  padding: 0px 0.5em;
  color: #000;
  font-weight: bold;
}

.flatButtonHover
{
  background-color: #5d9a34;
  border:solid 1px #41423c;
  padding: 0px 0.5em;
  color: #FFF;
  font-weight: bold;
}

.flatButtonDisabled
{
  background-color: #fff;
  border:solid 1px #ccc;
  color: #ccc;
  padding: 0px 0.5em;
}

/*
  End Framewrok content styles
*/

/*
  Project related styles
*/
.body
{
}

.header1
{
  margin-top: 0px;
  font-size: 130%;
  font-weight: bold;
  color: #777;
  padding-bottom:19px;
}

/*
  Section styles
*/
.filterPanel
{
  font-size: 90%;
  font-weight: bold;
  border: none;
  padding: 0 0 0.5em 0.5em;
}

.editPanel
{
  color: black;
  padding: 5px 5px;
}

/*
  Misc styles
*/
.spacer,
.separator
{
  height: 10px !important;
}

/*
  G R I D  styles
*/
.Grid
{
  margin-top: 10px;
  margin-bottom: 10px;
  
  border: solid 1px #41423c;
  border-collapse: collapse;
  color: Black;
  width: 98%;
}

.Grid .GridHeader,
.Grid .GridHeader:hover
{
  color: White;
  
  text-align: center;
  
  font-weight: bold;
}

.Grid TD
{
  padding:5px;
  border: solid 1px #000;
}
.Grid TH
{
  padding:3px;
}

.AltGrid TD
{
  padding:5px;
  border: none;
}


.Grid .GridHeader
{
  padding:5px;
  background-color: #41423c; /*#93c838;*/
  font-size: 100%;
}

.Grid .DataRow
{
  background-color: #FFFFFF;
}

.Grid .AltDataRow,
.AltDataRow
{
  background-color: #e6e6e6;
}

.Grid .noBorder,
.Grid TD.noBorder,
.Grid TD.noBorder, .noBorder TABLE TR, .noBorder TABLE TR TD,
.Grid TR.noBorder TD
{
  border:none !important;   
}

.Grid .GridHeader A, 
.Grid .GridHeader A:link, 
.Grid .GridHeader A:visited
{
	color: #FFF;
	font-family: Tahoma;
	font-size: 100%;
	white-space: nowrap;
	text-align: center;
	height: 23px;
}

.emptyGrid
{
	padding-bottom:25px !important;
}

.recordsNotFound
{
	padding-bottom:5px;
}

/*
  grid column types
*/
.date
{
  text-align: center;
  padding: 0px 5px;
  width: 5em;
}

.name
{
  text-align: left;
}

.number, .currency, .percent
{
  text-align: right;
  width: 7em;
}

.action
{
  white-space: nowrap;
  width: 7em;
}

.narrow
{
  width: 4em;
  white-space: nowrap;  
}

.note
{
  font-style: italic;
  font-size: 1em;  
  padding-left: 10px;
}

.AltGrid .bottomActions TD
{
	padding-right:20px;
}
.AltGrid .bottomActions, .bottomActions TD
{
	border:none !important;
}
/*
  M E N U  styles
*/
.topMenu
{
	background-color:#ADDF42;
	float:none;
	white-space:nowrap;
	font-weight: bold;
	background-image:url(../img/menu_bg.gif);
	text-align:left;
}

.topMenu TD A, 
.topMenu TD A:link, 
.topMenu TD A:visited, 
.topMenu TD
{
	color:#FFF;
	font-family:Tahoma;
	font-size:100%;
	white-space:nowrap;
	text-align:center;
	height:23px;
}

.topMenu .item
{
	height:23px;
	width:100px;
	font-family:Tahoma;
}

.topMenu .selected
{
	background-image:url(../img/menu_selected_bg.gif);
}

.topMenu .lastCell
{
		
}

/*
  BCT styles
*/
.bct
{
  margin: 1em 0px 1em 1.5em;
  font-size: 110%;
  color: #232021;
}

.bct SPAN
{
  font-weight: bold;
}

.bct SPAN.bctSeparator
{
}

.bct A
{
  text-decoration: underline;
}

.bct A:hover
{
  text-decoration: none;
}

/*
  L O G I N   P A G E styles
*/
/***************
    Logon.aspx
****************/
.login
{
  text-align: center;
  width: 100%;
}

.loginBox
{
  margin: 5px;
  padding: 10px;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  padding-top: 0px;
}

.loginBox H1
{
  font-size: 120%;
  font-weight: bold;
  margin: 5px;
  display: inline;
}

.loginBox .validatorErrorMsg
{
  text-align: center;
  padding: 5px;
  margin: 3px;
  display: block;
}

.loginBox .message
{
  width: auto !important;
}

.loginBox .captionLabel
{
  margin-top: 10px;
  text-align: left;
}

.loginBox .forgotPasswordPanel
{
  margin-top: 5px;
  text-align: right;
}

.loginBox .buttonBox
{
  margin-top: 10px;
  text-align: right;
}

.login .classTitle
{
    margin:10px 0px 10px 0px;
    font-size:110%;
    font-weight:bold;
}
.login .student
{
    margin:10px 0px 10px 0px;    
}

/*
  Pages styles
*/

/*
  Common pages content styles
*/
.dateControl
{
  width: 6em;
}

.note
{
  font-style: italic;
  padding-left: 5px;
}

.contentLink A,
A.contentLink
{
  text-decoration: underline !important;
  font-size: 9pt;
  font-style:italic;
}

.noRightPadding
{
  padding-right: 0px !important; 
}

DIV.askNotice
{
  padding-top: 0.5em;
}

.mediaPlayer
{
    position1:absolute;
    left1:-1000px;
}
/*
  Page Styles
*/
.home .number,
.home .action
{
    width:1%;
} 

.home .Grid,
.home .Grid TD
{
	border: none;	
}

.home .categoryHeader A,
.home .categoryHeader
{
	border-bottom:	solid 2px #666;
	font-size:130%;
	font-weight:bold;
	color:#070;
	text-decoration:none;
}
.home .categoryHeader A {
	border:none;
}


.lessonPage {}
.lessonPage.buttonBox {margin-top:20px;}

.previewPage .buttonBox
{
    text-align:center;
}
.previewPage .buttonBox .button
{
    border:solid 1px #000;
}

/*
  question Section styles
*/

.questionText
{
    text-align: center;    
}

.opText,
.opText SPAN,
.opText DIV
{
    text-align: center;
}

.opText SPAN,
.opText DIV
{
  cursor: hand;    
  cursor: pointer;
}

.toggleButtonContainer DIV
{
  padding: 4px;
}

.highlightedOption A,
.highlightedOption2 A,
.toggleButtonContainer DIV A
{
   overflow:hidden;
   padding: 0px;
}

.highlightedOption
{
  border: solid 2px #1ab917;
  background-color: #fe9900;
  
  padding: 0px !important;
}

.highlightedOption2
{
  border: solid 2px #fe9900;
  background-color: #1ab917;
  
  padding: 0px !important;
}