@charset "utf-8";
/* CSS Document */


body
{
	background-color: white;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

#header
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 150px;
	border-bottom: 5px solid #333;
}

#middle
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: auto;
	background-color: #FFF;
}

#menubar
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 35px;
	background-color: #47A5DB;
}

#logindiv
{
	float: left;
	margin: 20px 0px 20px 250px;
	padding: 0px;
	width: 480px;
	height: auto;
}

.label01
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	color: #00488F;
}

.textbox01
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: 24px;
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #333;
	font-size: 13px;
}

.label02
{
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 250px;
	height: auto;
	font-size: 15px;
	font-weight: bold;
	color: #00488F;
}

.textbox02
{
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 250px;
	height: 24px;
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #333;
	font-size: 13px;
}

.btn_login
{
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

.loginborder
{
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 480px;
	height: auto;
	border: 1px solid #999999;
}

.logintop
{
	margin: 0px;
	padding: 8px 0px 0px 20px;
	width: 460px;
	height: 30px;
	background-color: #DFDFDF;
	border-bottom: 1px solid #CCC;
	font-size: 18px;
	font-weight: bold;
	color: #00488F;
}

.loginmain
{
	float: left;
	margin: 0px;
	padding: 20px;
	width: 378px;
	height: auto;
}

.loginleft
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 115px;
	height: auto;
}

.loginright
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: auto;
}

#footer
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 150px;
	border-top: 5px solid #333;
}

#footertop
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 100px;
	background-color: #CCCCCC;
}

#footerbottom
{
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 980px;
	height: 35px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}


a.menu:link, a.menu:active, a.menu:visited
{
	color: White;
	font: bold 12px Helvetica,Arial,sans-serif;
	text-decoration: none;
	margin-right: 20px;
	font-size: 12px;
}

a.menu:hover
{
	text-decoration: underline;
}

.gridtopBG
{
	background-color: #1D6891;
	height: 25px;
	color: #ffffff;
	padding-left: 5px;
	height: 15px;
}

.loginbox
{
	border: solid 1px #1D6891;
	border-collapse: collapse;
}

.middletable
{
	min-height: 400px; /* moz/FF/Opera */
	_height: 400px; /* IE-win */
	/* background:url(/images/accident-middle.jpg) left top repeat-x; */
	border-collapse: collapse;
}

.ui-widget-header
{
	border: 1px solid #666666;
	background-color: #0789BC;
	color: #ffffff;
	font-weight: bold;
}

table#nav td.submenu:hover ul, table#nav td.submenu a:hover + ul
{
	display: block;
	background-color: #666666;
}

.button {
    color: #FFFFFF;
    background-image: none;
    background-color: #15476a;
    font-weight: bold;
    border-style: none;
    width: auto;
    height: auto;
    padding: 10px 30px;
    font-size: 11px;
    font-family: Verdana;
	cursor: pointer;
    border-radius: 3px;
	transition: box-shadow .4s ease;
}

.button.button-small {
    padding: 5px 10px;
}

.button:hover {
    box-shadow: inset 0px -6px #47a7ba;
}

.button.button-green:hover {
    box-shadow: inset 0px -6px #55a93b;
}

.button.button-red:hover {
   box-shadow: inset 0px -6px #a93b3b;
}

.gridheader
{
	background-color: #0789BC!important;
	height: 30px;
	color: White;
}

	.gridheader a:link, .gridheader a:visited
	{
		color: White;
	}

.frmClassRoom label
{
	color: #15476A!important;
	/*  display: block; */
	font: bold 12px Helvetica,Arial,sans-serif;
	padding: 0 10px 0 0;
	text-align: right;
}

.frmClassRoom span
{
	color: #4591CC;
	display: block;
	font: bold 12px Helvetica,Arial,sans-serif;
	padding: 0 10px 0 0;
	text-align: right;
}

.logotext:link, .logotext:visited
{
	font-size: 30px;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #ffffff;
}

.logotext:hover
{
	text-decoration: none;
}