@media screen {
body {
	behavior:url('/camca/JScript/csshover.htc');
	font-size: 12px;
	font-family: Arial, Verdana, san-serif;
	color: #333333;
	margin: 5px;
	padding: 0px;
	border: 1px solid #999999;
	background-color:#FFFFFF;
	}
p {
	margin: 5px;
	padding: 2px;
	line-height: 1.2;
}
h1 {
font-size:1.4em;
margin: 5px;
}
h2 {
font-size:1.2em;
margin: 4px;
}
h3 {
font-size:1.2em;
margin: 10px 5px 5px;
color:#525388;}
a:link {
	color:#525388;
}
a:visited{
	color:#525388;
}
a:hover {
	color:#525388;
	text-decoration:none;
}
a:active{
	color:#525388;
	text-decoration: none;
}
form,select,input,textarea,option{font-family: Arial;font-size:12px}
td {
	vertical-align: top;
}
.phone {
	color: #006600;
	font-weight:bold;
	}
/*********COMMON INTERFACE IDs***********/	
.DetailsHeader{
background-color:#999999;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
.DetailsHeader a{
color:#FFFFFF;
}
.DetailTitle{
text-align:right;
font-weight:bold;
}
.DetailFields{
text-align:left;
}
.appGrade {
text-align:center;
}
.appCheck{
text-align:center;
}
/***************************************/
/***************BANNER******************/
/***************************************/
#banner img {
	margin: 0px;
	vertical-align: bottom;
	padding: 0px;
}
/*#banner a{
color: #666666;
padding: 0px 0px 0px 10px;
text-decoration:none;
}*/
.support {
	border: 1px solid #666666;
	background: #F3F3F3;
	padding: 0px 5px 0px 0px;
	vertical-align: middle;
}
.support a {
	background: #F3F3F3;
	padding: 0px 20px 0px 0px; margin:0px;
}
#bottombox {
background-image:url(graphics/bckgd_banner.gif);
background-repeat:repeat-x;
}
#bottombox2 {
background-image:url(graphics/bckgd_banner2.gif);
background-repeat:repeat-x;
}

/*********************************************/
/********** NAVIGATION ***********************/
/*********************************************/
#nav {
background-color:#525388;
padding: 0px; margin: 0px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
#nav img {
margin: 0px	5px 3px 30px;
padding: 5px;
vertical-align: middle;
display: inline-block;
}
#nav a {
color: #FFFFFF;
text-decoration:none;
}
#nav a:hover {
color: #FFFFFF;
text-decoration:none;}
#nav a:visited {
color: #FFFFFF;
text-decoration:none;}
/***********************************************/
/********** MAIN CONTENT ***********************/
/***********************************************/
#maincontent{
margin: 5px;
}
#maincontent img {
margin: 3px;
}
#maincontent h1 {
margin: 5px;
}
#maincontent p {
margin: 0px 3px 5px 3px;
}
#maincontent li {
	list-style: circle url(graphics/bullet.gif);
	line-height:1.5;
}

/********** LEFT COLUMN ***********************/
#leftcolumn {
	border: 1px solid #999999;
	margin:0px; padding:0px;
	vertical-align: top;
}
/********** MIDDLE COLUMN ***********************/
#middlecolumn {
	margin:0px; padding:0px;
	vertical-align: top;
	}
#middlecolumn img {
margin: 5px;}
/********** RIGHT COLUMN ***********************/
#rightcolumn {
	border: 1px solid #999999;	
	margin:0px; padding:0px;
	vertical-align: top;
}
/***********************************************/
/********** SUB SECTIONS ***********************/
/***********************************************/

/********** NEW ACCOUNT  ************************/
#newaccounttitle {
	background-color:#d85c5c;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	padding: 2px;
	margin:0px;
	border-bottom:1px solid #999999;
}
#newaccounttitle p {
margin: 0px;
padding: 0px;
}
/********** CONTACT US  ***********************/
#contactustitle{
	background-color:#5f8753;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	padding: 2px;
	margin: 0px;
	border-bottom:1px solid #999999;
	border-top: 1px solid #999999;
	}

/********** TEACHER LOGIN ***********************/
#teacherlogin{
	background-color:#d0dfcb;
	border-bottom:1px solid #999999;
	}
#teacherlogintitle{
	background-color:#5f8753;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	padding: 2px;
	margin: 0px;
	border-bottom:1px solid #999999;
	width: 200px;
	}
#teacherlogin a {
}
#teacherlogin img {
margin: 0px;
text-align: right;
}
#teacherlogin .LoginFields {
	border: 1px solid #003399;
	padding: 2px;	background: #EEEEEE;
	}
#rowConfirmCode
{display:none;
}
/***********************************************/
/********** SUB BOXES ***********************/
/***********************************************/
#subbox {
	margin: 10px;
}
#subbox td{
	vertical-align: top;
 }
#subbox a{
	text-decoration:none;
 }
#subbox p{
	border-bottom: 2px solid #525388;
 }
/********** SUB BOX RED ***********************/
#subboxred {
border: 1px solid #999999;
}
#subboxred img{
margin: 2px;
text-align:center;
}
#subboxredtitle{
	background-color:#d85c5c;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	padding: 2px;
	margin: 0px;
	border-bottom:1px solid #999999;
	}
/********** SUB BOX YELLOW ***********************/
#subboxyellow{
border: 1px solid #999999;
}
#subboxyellow img{
margin: 2px;
text-align:center;
}
#subboxyellowtitle{
	background-color:#efac0b;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	padding: 2px;
	margin: 0px;
	border-bottom:1px solid #999999;
	}
/***********************************************/
/********** WEB APPLICATION ********************/
/***********************************************/

/********** Search and Filter ******************/
.filterclass{
	background-color:#fff7e5;
	font-weight:bold;
	padding: 0px;
	border-bottom:1px solid #999999;
	border-top: 1px solid #999999;
	font-size: 12px;
	}
.filtertitle {
	font-size: 12px;
	background-color:#999999;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	padding: 2px;
	margin: 0px;
	border-bottom:1px solid #999999;
}
.filtertitle img{
text-align: right;
display: block;
}
.listingHighlite{
	background-color: #DFDFDF;
}
/*********************************************/
/********** MY ACCOUNT ***********************/
/*********************************************/
#appLogin {
margin: 0px;
padding: 2px;
}
#appLogin td{
padding: 2px;
}
.LoginTitle{
text-align:right;
font-weight:bold;
}
.LoginFields{
text-align:left;
}
.appTableTeachers {
border:1px solid #666666;
padding: 5px;
margin: 5px;
}
.appTeacherTable {
border:1px solid #666666;
padding: 0px;
margin: 2px;
}
.appTeacherTable td {
padding: 3px;
}
/***********************************************/
/********** New Account Page **************/
#formNewAccount table td{
padding: 6px;
}

#formNewaccount hr {
color: #000;
background-color: #000;
height: 2px;
}
td.formHeading {
font-weight:bold;
text-align: right;
padding: 6px;
}
tr.row1 {
background-color:#FFFFCA;
padding: 6px;
}
tr.row2 {
padding: 6px;
}

/***********************************************/
/********** Application Navigation **************/
.appnav{
font-size:12px;
margin: 3px;
font-weight:bold;
}
.appnav a{
padding: 3px;
margin: 3px;
border: 1px solid #808080;
color:#ffffff;
text-decoration:none;
}
.appnav a:visited {
color:#ffffff;
text-decoration:none;
}
/********** Teacher Navigation **************/
.myaccount {
background-color:#d85c5c;
}
#appnavborderMyAccount {
background-color:#d85c5c;
margin: 0px 0px 5px 0px;
}
.editlessons {
background-color:#525388;
color: #FFFFFF;
}
a.editlessons {
background-color:#525388;
color: #FFFFFF;
padding: 3px;
margin:3px;
font-weight:bold;
}
#appnavborderEditLessons {
background-color:#525388;
margin: 0px 0px 5px 0px;
}
.edittraining {
background-color:#efac0b;
}
a.edittraining{
color:#FFFFFF;
padding: 3px;
margin:3px;
font-weight:bold;
}
#appnavborderEditTraining {
background-color:#efac0b;
margin: 0px 0px 5px 0px;
}
.uploadtemplate {
background-color:#5f8753;
}
#appnavborderTemplate {
background-color:#5f8753;
margin: 0px 0px 5px 0px;
}
#AddLessonandTraining{
margin: 10px;
}
#AddLessonandTraining a{
margin: 0px;
padding: 0px;
}
/********** Lesson Plan Subjects ***********************/
/***** Added when a teacher creates a new lesson plan***/
/***** in a particular subject**************************/
.appnavLessonPlan{
	width: 650px;
	font-size:12px;
	padding: 5px;
	margin: 5px 5px 5px 0px;
	font-weight:bold;
	display: block;
	word-wrap: break-word;
}
.appnavLessonPlan a{
	color:#003300;
	padding: 3px 5px 0px 3px;
	margin: 3px;
	border: 1px solid #333399;
	text-decoration:none;
	background-image:url(/graphics/bckgd_lpbuttons.gif);
	clear: none;
	display: inline-block;
	word-wrap: break-word;
}
/********** Lesson Plan Listing Table ********************/
.TableLessonPlan {
padding: 2px;
margin: 2px;
}
.TableLessonPlan td{
padding: 2px;
margin: 2px;
border: 1px solid #808080;
}
.appTableHeader{
background-color:#999999;
color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:12px;
text-decoration:underline;
}
.appTableHeader a{
color:#FFFFFF;
font-weight:bold;
text-decoration: underline;
}
/********** NEW/EDIT LESSON PLAN ***********************/
/***********************************************/
#appNewLesson{
margin: 5px;
}
#appNewLesson td{
padding: 8px;
}
#appNewLessonShade {
background-color:#CCCCCC;
}
#appNewLessonTable {
margin:0px;
}
#appNewLessonTable td{
margin: 8px;
}
#appNewLessonTable h2{
background-color:#CCCCCC;
padding: 5px;
}
/***********************************************/
/**********  TRAINING PAGES *******************/
/***********************************************/
#appNewTrainingTable {
margin:0px;
}
#appNewTrainingTable td{
margin: 8px;
}
#appTrainingTable h2{
background-color:#CCCCCC;
padding: 5px;
}
.totalTraining {
font-weight:bold;
}
.totalTraining {
text-align:right;
}
.hoursTraining {
text-align:right;
}
/********** Training Listing Table ********************/
/********** Details of each Training Listing **********/
#TableTrainingDetails {
padding: 2px;
margin: 2px;
}
#TableTrainingDetails td{
padding: 2px;
margin: 2px;
border: 1px solid #808080;
}
#appTableTrainingDetailsHeader{
background-color:#FFCC00;
color:#333333;
font-weight:bold;
text-align:center;
}
#appTableTrainingDetailsHeader a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	background: #FFCC00;
}

/*Optional Editing Section. This section shows all of the training details
on one page with the Edit. You click a date and it shows that training details.*/
#TrainingDetail {
	background-color:#fff7e5;
	margin: 6px;
	padding: 3px;
	border: 1px solid #666666;
}
#TrainingDetail td{
padding: 5px;
}
/***********************************************/
/********** ADMINISTRATION *********************/
/***********************************************/
#statistics {
	background-color:#000066;
	font-weight:normal;
	padding: 0px;
	border-bottom:1px solid #999999;
	border-top: 1px solid #999999;
	font-size: 1em;
	color: #CCCCCC;
}
#statistics ul {
margin: 0px 0px 0px 22px;
}
/***********************************************/
/********** FOOTER ***** ***********************/
/***********************************************/
#footer {
background-color:#525388;
font-size: 11px;
color:#ffffff;
line-height: .9px;
border: 1px solid #999999;
text-align:center;
}
#footer a {
color:#ffffff;
}
/***********************************************/
/********** PROGRAMMER NOTES *******************/
/***********************************************/
.programmer {
color: #990000;
font-style:italic;}
.error {
color: #990000;
font-style:italic;
font-weight: bold;}
tr#listing:hover{
	background-color: #DDE8F3;
}
}
@media print {
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
.noprint {
display: none;
}
#appNewLessonTable {
margin:0px;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}
#appNewLessonTable td{
margin: 8px;
}
#appNewLessonTable h2{
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
padding: 5px;
}
#tblTraining {
border: 2px solid #000000;
padding:3px;
}
.appTableHeader{
background-color:#999999;
color:#FFFFFF;
font-weight:bold;
text-align:left;
font-size:12px;
padding:5px;
}
}