/* FIXME: Insert font-family rules in each selector */

/* Global HTML Selectors */

BODY { 
	margin: 0px; 
	padding: 0px;
	background-color: #fff;
}

BODY, LI, P, TH, TD, DIV, A, FORM {
	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 9pt;
}

H1 { 
	margin: 0px 0px 0px 15px;
	color: #fff;
	padding-top: 13px;
	font-weight: normal;
}

H2 {
	margin: 0px;
	background-color: #aba;
	float: left;
	padding-top: 10px;
	margin-right: 15px;
/*	font-size: 120%; */
	font-size: 12pt;
}

FORM {
	padding: 0;
	margin: 0;
}
	 
TD {
	padding: 3px;
	white-space: nowrap;
}

A:link { 
	color: #000; 
	text-decoration: none;
}

/* Used by the Special Ed Category editor */
A.editLink { 
	color: #00f;
	text-decoration: underline;
}

A:active {
	color: #000; 
	text-decoration: none;
	}

A:visited { 
	color: #000; 
	text-decoration: none;
}

A.navbar:hover {
	color: #fff;
}

/* used by the personnel pages */
A IMG {
	border: 0;
	vertical-align: middle;
	margin-right: .3em;
}


.header { 
	margin: 0px 0px 0px 0px;
	background-image: url(img/blackboard.jpg);
	background-repeat: repeat-x;
	background-color: #454;
	padding: 0px 0px 5px 0px;
	font-family: Lucida Grande, Verdana, sans-serif; 
	}
	
.login_header{
	margin: 0px;
	background-color: #aba;
	height: 15px;
}

.content_header {
/*	padding: 10px 10px 3.2em 10px;*/
	margin: 0px;
	background-color: #aba;
	color: #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

table.content_header {
	/*padding: 1px 1px 5px 10px;*/
}
	
.content_toolbar {
	background: #efefef;
	border-bottom: 1px #333 outset;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
/*	padding: 8px 10px 8px 10px;*/
	white-space: nowrap;
	width: 100%;
	}

.right {
	text-align: right;
	width:100%;
	padding-right: 10px;
}

.left {
	padding-left: 10px;
}
	
.form_input_bar {
	padding: 10px 0px 0px 10px;
	}

/* NAV AND SUBNAV CONTAINERS 
 * Note subclassing of .subnav_container.
 */

.nav_container, .subnav_container {
	padding: 2px 5px 3px 0px;
	background-color: #898;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	white-space: nowrap;
}

table.subnav_container {
	border: 0px;
	padding: 0px;
	border-collapse:collapse;
	white-space: nowrap;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.subnav, .active_subnav {
	padding-right: 10px;
	padding-left: 10px;
/*	font-size: 90%; */
	white-space: nowrap;
	text-align: center;
}
	
.subnav {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #cdc;
	background: #cdc;
}
	
.active_subnav {
	background: #efefef;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #efefef;
	font-weight: bold;
}

.bg_subnav {
	background-color: #898;
	width:100%;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

TABLE.maincontent {
	margin: 0px;
	width: 100%;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

/* Main navigation */

.nav ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	}

.nav ul li { 
	padding: 4px 15px 4px;
	margin: 0px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background-color: #cdc;
/*	font-size: 90%; */
	font-weight: normal; 
	list-style: none;
	display: inline;
	}

.nav ul li.active { 
	border-bottom: 1px solid #fff;
	border-top: 3px solid #fc0;
	background: #fff;
	font-weight: bold;
	}

.nav ul li A:hover { 
	color: #fff;
	text-decoration:none;
	backround-color: #000;
	}
	
.nav ul li.active A:hover { 
	background-color: #fff;
	}

TR.alt {
	background: #eee;
}

/**********************************************/
/* used by scoring */
/**********************************************/
/* the new CAA widget, for tables */

.caaTable {
	text-align: center;
	border-spacing: 0;
}
	
TABLE.caaTable {
	border-collapse: collapse;
	border: 0;
}

TH.caaTable {
	background: #000;
	color: #fff;
/*	font-size: 70%;*/
	font-size: 7pt;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	border: solid black 1px;
}

TD.caaTable {
	background: #dedede;
	color: #000;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	border: solid black 1px;
}

/* SCORING TABLE */

TR.section {
	background: #cdc;
	}

TH.section {
	padding: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
	}

TD.target_title {
	padding-left: 10px;
	font-weight: bold;
/*	font-size: 80%;*/
	font-size: 8pt;
	width: 40%;
	font-family: Lucida Grande, Arial, sans-serif;
	}

TD.description, TD.description_last {
	padding: 3px 10px 7px 10px;
	border-bottom: 1px dotted #666;
	color: #000;
	font-family: Lucida Grande, Arial, sans-serif;
/*	font-size: 80%;*/
	font-size: 8pt;
/*	font-style: italic; */
}

TD.description_last {
	border-bottom: 1px solid #000;
}

TD.timestamp {
	padding-right: 10px;
/*	font-size: 70%;*/
	font-size: 7pt;
	font-family: Lucida Grande, Arial, sans-serif;
	width: 100%;
}

/* NAMED ELEMENTS */

#leftcontent { 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#maincontent {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	background-color: #fff;
	}

#resizable {
	border-left: 1px solid #000;
	border-bottom: 1px outset #333;
	border-right: 1px solid #000;
 	overflow: auto;
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
 	}
 
#login { 
	float: right;
	margin: 8px;
	margin-right: 15px;
	border: solid 1px #000;
	border-top: solid 3px #000;
	background-color: #efe;
	padding: 5px 10px;
	font-size: .9em; 
	white-space: nowrap;
}

/**********************************************/
/* used by the attendance page */
/**********************************************/
TABLE.calendar {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0;
	border-color: #000;
	border-width: 1;
	padding: 0;
	margin: 0;
}

TR.calendar_head {
	background-color: #afccae;
	font-weight: bold;
}


TR.calendar_head, TR.calendar {
	height: 1.5em;
	border-spacing: 0;
}

TD.calendar, TH.calendar, TD.calendar_selected {
	border-spacing: 0;
	border-style: outset;
	border-width: 1px;
}

TD.calendar, TD.calendar_weekend, TD.calendar_selected, TD.calendar_holiday {
	width: 2em;
	padding: 0;
	text-align: center;
	font-size: 7pt;
}

TD.calendar_weekend {
	background-color: #dedede;
	border: 1px outset;
}

TD.calendar_holiday {
	background-color: #aaa;
	border: 1px outset;
}

TD.calendar_selected {
	background-color: #ff0;
}

TH.calendar {
	width: 10em;
	padding-left: 1em;
	text-align: left;
}

/**********************************************/
/* used by the batch attendance page */
/**********************************************/

TABLE.attendance {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0;
	border-color: #fff;
	border-width: 0;
	padding: 0;
	width: 500;
	margin: 0;
}

TR.attendance_head, TR.attendance, TR.attendance_alt {
	height: 1.5em;
	border-spacing: 0;
}

TR.attendance_head {
	background-color: #afccae;
	font-weight: bold;
}

TR.attendance_alt {
	background-color: #eee;
}

TD.attendance, TD.attendance_blackout, TD.attendance_label, TH.attendance, TH.attendance_selected {
	border-spacing: 0;
	border-color: #eee;
	border-width: 1px;
	border-style:  outset;
}

TD.attendance, TD.attendance_blackout, TD.attendance_selected {
	text-align: center;
	width: 2em;
}

TD.attendance_label {
	text-align:left;
}

TD.attendance_blackout {
	background-color: #ccc;
}

TD.attendance_selected {
	background-color: #ff0;
}

TH.attendance, TH.attendance_head {
	width: 30em;
	text-align: center;
}

/**********************************************/
/* used by the sab page */
/**********************************************/

TABLE.sab {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px;
	padding: 0;
	width: 100%;
	margin: 0;
}

TH.standardArea, TH.levelNumber {
	background-color: #afccae;
	font-weight: bold;
	border-style: inset;
}

TH.levelNumber {
	padding: 0;
	text-align: center;
}

TH.levelNumber, TABLE.sab TD {
	width: 1.5em;
}

TABLE.sab TD, TABLE.sab TH {
	border-spacing: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	height: 2em;
}


TH.standardArea {
	width: 8em;
	padding-left: 10px;
	text-align: left;
}

TD.standardArea {
	width: 8em;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	border: 0px;
	border-color: #ffffff;
/*	font-size: 80%; */
	font-size: 8pt;
}

TD.noLevel, TD.graduated, TD.aboveGraduation, TD.graduation {
	padding: 2;
	text-align: center;
}

TD.noLevel {
	background-color: black;

}

TD.aboveGraduation {
	background-color: gray;
}

TD.graduation {
	background-color: silver;
}

/**********************************************/
/* used by the demographics page */
/**********************************************/

.formLabelColumn {
	padding-left: 10px;
	text-align: left;
}

INPUT.zip {
    width: 5em;
}

INPUT.initial {
    witdth: 3em;
}

INPUT.date {
    width: 8em;
}
/**********************************************/
/* personnel pages (teacher & student list) */
/**********************************************/
TH.personnel {
    background: #afccae;
    padding: 5 5 5 10px;
    text-align:left;
    font-weight: bold;
  	white-space: nowrap;
    border: 1px outset #afccae;
/*    font-size: 80%; */
	font-size: 8pt;
}

/**********************************************/
/* graduation pop-up */
/**********************************************/
TABLE.graduate {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 0;
}

TABLE.graduate TH.header {
	background: #aabbaa;
	/* font-size: 120%; */
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid black;
}

TABLE.graduate td.level {
	padding: 10px;
	font-weight: bold;
}

TABLE.graduate td.subtable {
	padding: 10px;
	padding-top: 0px;
}

TABLE.graduateSubtable .gray {
	background: #dedede;
	border: 2px solid #ffffff;
	padding-left: 3px;
	white-space: nowrap;
}

TABLE.graduateSubtable .grayPadded {
	background: #dedede;
	border: 2px solid #ffffff;
	padding-left: 2em;
	white-space: nowrap;
}

/**********************************************/
/* used by the curriculum page */
/**********************************************/
.edit_target {
	text-align: left;
	width: 260px;
}

.edit_target_number {
	width: 100px;
}

.edit_target_strand {	
	text-align: left;
	font-size: .7em;
	font-weight:bold;
	padding-left:10px;
}

/**********************************************/
/* used by the levels to credits page                                     */
/**********************************************/
.credit {
	width: 3em;
}


/**********************************************/
/* used by the pages for creating/editing ILPs
/**********************************************/

INPUT.marginedButton {
	margin:10px 0px 0px 10px
}

TABLE.borderedTable {
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

TD.dottedPaddedSubForm {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	BORDER-bottom: #333 1px dotted;
	padding-top: 15px
}

TD.paddedSubForm {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 15px
}

/**********************************************/
/* used by the pages for creating SPL/TPL/ATL reports.
/**********************************************/
TABLE.staff_dashboard {
	background-color: black;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	padding: 0;
	width: 790px;
	margin: 0;
	empty-cells: show;
	font-size: 10pt;
}

TABLE.staff_dashboard TD {
	border: solid 2px black;
	text-align: center;
	padding: 1px;
	background: white;
	font-size:10pt;
}

TABLE.staff_dashboard TD.staff_dashboard_title {
	font-size: 20pt;
	font-weight: bold;
	background-color: black;
	color: white;
	padding: 5pt;
}

TABLE.staff_dashboard TD.empty {
	border: 0;
}

TABLE.staff_dashboard TD.staff_dashboard_content_area_position {
	padding-left: 10px;
	text-align: right;
}

TABLE.staff_dashboard TD.staff_dashboard_content_area {
	text-align: left;
}

TABLE.staff_dashboard TD.staff_dashboard_content_area_row {
	background-color: yellow;
	text-align: left;
}

TABLE.staff_dashboard TD.graduation_level {
	background-color: silver;
}

TABLE.staff_dashboard TD.above_graduation_level {
	background-color: gray;
}

TABLE.staff_dashboard TD.no_level {
	background-color: black;
}

TD.info_mesg {
	white-space: normal;
	font-style: italic;
}
TD.menuItem {
	font-weight: bold;
}

A.disabled
{
  text-decoration:line-through;
   color:grey;
 cursor:default;

}

A.whatever
{
color:navy;
text-decoration:underline;
}

TD.errorMessage {
    color:red;
    font-weight: bold;
    font-size: 10pt;
}
em::before { 
	content: "*"; 
	visibility: visible; 
 } 
 em { 
	color: red; 
	visibility: visible; 
 }