/********************************************************************************
 *
 * General, HTML specific classes
 * * html, body, default links
 *
 *******************************************************************************/
html {
	height: 100%;
	width: 100%;
	margin: 0;
}

body { 
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
	width: 100%;
	margin: 0;
	}

a {
	color: #336600; 
	text-decoration: none; 
	}
	
a:link { 
	color: #0000FF; 
	text-decoration: none; 
	}
	
a:visited { 
	color: #0000FF; 
	text-decoration: none; 
	}
	
a:hover { 
	color: #FF00FF; 
	text-decoration: none; 
	}

/********************************************************************************
 *
 * Link class used for any header links
 *
 *******************************************************************************/
.header_div {
	background-color:#000099;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

a.header_link:link {
	color: #FFFFFF; 
	text-decoration: none; 
	}

a.header_link:active {
	color: #FFCC99; 
	text-decoration: none; 
	}

a.header_link:visited {
	color: #FFFFFF; 
	text-decoration: none; 
	}

a.header_link:hover {
	color: #FFFF00; 
	text-decoration: none; 
	}

/********************************************************************************
 *
 * Classes that define buttons used for YES / NO
 *
 *******************************************************************************/
.yesno_normal {
	color: #0000FF;
	background-color: #FFFFFF;
	border-style: outset;
	border-width: thin;
}

.yesno_hover {
	color: #000000;
	background-color: #AACCFF;
	border-style: solid;
	border-width: thin;
	border-top-color: #667799;
	border-left-color: #667799;
	border-bottom-color: #000099;
	border-right-color: #000099;
}

/********************************************************************************
 *
 * Classes that define standard button appearances
 *
 *******************************************************************************/
.stdbtn_normal {
	color: #0000FF;
	background-color: #FFFFFF;
	border-style: outset;
	border-width: thin;
}

.stdbtn_hover {
	color: #000000;
	background-color: #AACCFF;
	border-style: solid;
	border-width: thin;
	border-top-color: #667799;
	border-left-color: #667799;
	border-bottom-color: #000099;
	border-right-color: #000099;
}

/********************************************************************************
 *
 * Classes used for the menu, menu bar, and submenu bar
 *
 *******************************************************************************/
.menu_normal {
	color: #0000FF;
	background-color: #FFFFFF;
}

.menu_hover {
	color: #000000;
	background-color: #AACCFF;
}

.menu_seperator {
	border-style:solid;
	border-width:thin;
	border-color:#9999FF;
}

.menubar {
	color: #FFFFFF;
	background-color: #000099;
	
}

.menubar_cell_label {
	color: #00FFFF;
	background-color: #000099;
	font-weight:bold;
}

.menubar_cell_normal {
	color: #FFFFFF;
	background-color: #000099;
}

.menubar_cell_hover {
	color: #000000;
	background-color: #AACCFF;
}

.submenubar {
	color: #000000;
	background-color: #BBDDFF;
}

.submenubar_cell_label {
	color: #000000;
	background-color: #BBDDFF;
	font-weight:bold;
}

.submenubar_cell_normal {
	color: #000000;
	background-color: #BBDDFF;
}

.submenubar_cell_hover {
	color: #FFFFFF;
	background-color: #336699;
}

a.submenu_link:link {
	color: #000000;
	background-color: #BBDDFF;
	}

a.submenu_link:active {
	color: #FFFFFF;
	background-color: #336699;
	}

a.submenu_link:visited {
	color: #000000;
	background-color: #BBDDFF;
	}

a.submenu_link:hover {
	color: #FFFFFF;
	background-color: #336699;
	}


/********************************************************************************
 *
 * Classes used for the login box
 *
 *******************************************************************************/
.loginbox {
	border-color:#000099;
	border-style: inset;
	background-color: #0066CC;
	color: #FFFFFF;
	font-weight: bold;
}

.loginheader {
	border-style:none;
	color: #FFFF00;
	font-size: 14px;
	font-weight: bold;
}

.loginbutton {
	border-style:outset;
	background-color: #CCCCCC;
}

.loginbutton:hover {
	border-style:outset;
	background-color: #FFFF00;
}

.loginbutton:active {
	border-style:inset;
	background-color:#FFCC99;
}

/********************************************************************************
 *
 * Classes used for the popup calendar
 *
 *******************************************************************************/
.changenotify_calPopup_DIV {
	position:absolute;
	visibility:hidden;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}
.calPopupcpYearNavigation,
.calPopupcpMonthNavigation
{
	background-color:#6677DD;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.calPopupcpDayColumnHeader,
.calPopupcpYearNavigation,
.calPopupcpMonthNavigation,
.calPopupcpCurrentMonthDate,
.calPopupcpCurrentMonthDateDisabled,
.calPopupcpOtherMonthDateDisabled,
.calPopupcpOtherMonthDate,
.calPopupcpTodayTextDisabled,
.calPopupcpTodayText,
.calPopupcpCurrentDate,
.calPopupcpCurrentDateDisabled,
.calPopupcpText
{
	font-family:arial;
	font-size:8pt;
}

TD.calPopupcpDayColumnHeader
{
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
}

.calPopupcpCurrentMonthDate,
.calPopupcpCurrentDate
{
	text-align:right;
	text-decoration:none;
}

.calPopupcpOtherMonthDate,
.calPopupcpCurrentMonthDateDisabled,
.calPopupcpOtherMonthDateDisabled,
.calPopupcpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}

.calPopupcpCurrentMonthDate
{
	color:#6677DD;
	font-weight:bold;
}

.calPopupcpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}

.calPopupcpOtherMonthDate
{
	color:#808080;
}

TD.calPopupcpCurrentDate
{
	color:#FFFFFF;
	background-color: #6677DD;
	border-width:1;
	border:solid thin #000000;
}

TD.calPopupcpCurrentDateDisabled
{
	border-width:1;
	border:solid thin #FFAAAA;
}

TD.calPopupcpTodayText,
TD.calPopupcpTodayTextDisabled
{
	border:solid thin #6677DD;
	border-width:1 0 0 0;
}

A.calPopupcpTodayText,
SPAN.calPopupcpTodayTextDisabled
{
	height:20px;
}

A.calPopupcpTodayText
{
	color:#3344CC;
	font-weight:bold;
}

SPAN.calPopupcpTodayTextDisabled
{
	color:#D0D0D0;
}

.calPopupcpBorder
{
	border:solid thin #6677DD;
}

/********************************************************************************
 *
 * Class used to define the body DIV section
 *
 *******************************************************************************/
.div_body {
	margin-left: 5px;
	margin-right: 3px;
	overflow: auto;
}

/********************************************************************************
 *
 * DrawBasicGrid() classes
 *
 *******************************************************************************/
.basicgrid {
	border-style: none;
}

.basicgrid_title_normal {
	color: #000000;
	background-color: #CCFF99;
	font-weight: bold;
	border-style: outset;
	border-color: #336600;
	border-width: thin;
}

.basicgrid_edit_normal {
	background-color: #FFFFFF;
	color: #0000FF;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.basicgrid_edit_hover {
	background-color: #FFFFAA;
	color: #000099;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #999900;
}

.basicgrid_kill_normal {
	background-color: #FFFFFF;
	color: #FF0000;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.basicgrid_kill_hover {
	background-color: #FFFFAA;
	color: #FF0000;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #999900;
}

.basicgrid_text_normal {
	background-color: #FFFFFF;
	color: #000000;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.basicgrid_text_hover {
	background-color: #FFFFAA;
	color: #000000;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #999900;
}

.basicgrid2 {
	border-style: none;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.basicgrid_title_normal2 {
	color: #000099;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-style: outset;
	border-color: #336600;
	border-width: thin;
}

.basicgrid_edit_normal_border2 {
	background-color: #FFFFFF;
	color: #0000FF;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF;
}

.basicgrid_edit_hover_border2 {
	background-color: #FFFFAA;
	color: #000099;
	border-style: solid;
	border-width: thin;
	border-color: #CCCC88;
}

.basicgrid_kill_normal_border2 {
	background-color: #FFFFFF;
	color: #FF0000;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF;
}

.basicgrid_kill_hover_border2 {
	background-color: #FFFFAA;
	color: #FF0000;
	border-style: solid;
	border-width: thin;
	border-color: #999900;
}

.basicgrid_text_normal_border2 {
	background-color: #FFFFFF;
	color: #000000;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF;
}

.basicgrid_text_hover_border2 {
	background-color: #FFFFAA;
	color: #000000;
	border-style: solid;
	border-width: thin;
	border-color: #999900;
}


/********************************************************************************
 *
 * General purpose classes
 *
 *******************************************************************************/
.textbox {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.error {
	color: #FF0000;
}

.required {
	color:#6633FF;
}

.information {
	color: #990099;
}

.warning {
	color: #990000;
	font-weight: bold;
	text-decoration: blink;
}

.forminfo {
	color:#0000FF;
}

.instructions {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.title1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
}

.title1info {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #990099;
}

.title2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
}

.student_boxes {
	border-style: solid;
	border-width: thin;
	border-color: #9999DD;
}

.disabled_student_name {
	color:#8888DD;
}