@charset "utf-8";

body {background: url(../imgs/bg.gif) repeat-x #fff;}

td {font-family:arial,tahoma; font-size:12px}

img {border:0px}

hr {height:1px; color:#ccc;}

/*needed everytime you are displaying a list creates */
.tables {border:1px solid #0066CC; margin:10px; width:790px; border-spacing:0px; border-collapse:collapse}
.tables td {border:1px solid #06c; padding:4px; border-spacing:0px;}	/*compatible borders for all browsers*/
.tables td div { overflow: auto; width:775px;}
.headerRow td {background:#E3F2FD; font-weight:bold; color:#003366}

td.fn {font-family:tahoma,arial; font-size:11px; padding-left:10px; padding-right:5px; width:120px; text-align:right; line-height:190%}
.bold {font-weight:bold}

.bottom {font-size:12px; font-family:tahoma,arial; color:#333}

.paratitle {font-size:16px; color:#666; font-weight:bold; margin:10px; margin-bottom:0px}
.smallparatitle {font-weight:bold; margin-left:10px; font-size:14px}
.para {font-size:12px; text-align:justify; line-height:180%; margin:5px 15px; color:#333}

.textbox, textarea, select {border: #2c667d 1px solid; font-size:12px; font-family:tahoma,arial; height:25px; padding:5px}
.filetxtbox {border:#2c667d 1px solid; font-size:12px; font-family:tahoma,arial; height:25px; padding:3px}
select {font-size:13px; padding:3px}

.button {background:#2c667d; color:#fff; font-family:tahoma,arial; border:1px solid #2c667d; font-size:12px; padding:3px; text-decoration: none;}

.notes {
    font-size: 11px;
    color: #dd0000;
    font-family: Arial, Tahoma}

.highlight {
	color: #ff0000;
	font-weight:bold
}

.disp {background:#eef7fd; border:1px solid #0066CC; color:#003366; padding:5px; margin:10px; line-height:150%; font-size:12px; font-family:arial,tahoma}
.disp a {color:#003366; font-size:11px; margin-left:3px; margin-right:3px}

.reportTable {margin-left:25px; line-height:180%}
.reportTable td {padding-left:20px; padding-right:20px}

.cmsg {background:#eef7fd url(../imgs/okay.png) no-repeat 7px 6px; border:1px solid #0066CC; color:#003366;
				padding:5px; padding-left:32px; margin:10px; line-height:150%; font-size:12px; font-family:arial,tahoma}
.cmsg a {font-weight:bold; color:#003366;}

.emsg {background:#feebeb url(../imgs/error.png) no-repeat 7px 6px; border:1px solid #9f2d0b; color:#770e09;
				padding:5px; padding-left:32px; margin:10px; line-height:150%; font-size:12px; font-family:arial,tahoma}
.emsg a {font-weight:bold; color:#770e09}

.wmsg {background: #ffffcc url(../imgs/warning.png) no-repeat 7px 6px; border:1px solid #ff9900; color:#000;
				padding:5px; padding-left:32px; margin:10px; line-height:150%; font-size:12px; font-family:arial,tahoma}
.wmsg a {font-weight:bold; color:#ff6600}
.wmsg b {color:#ff0000} /*so that the caption, WARNING can be red to draw attention*/

a.menu:link {color: #003366; text-decoration: none; font-family:Arial, Tahoma; font-size:11px}
a.menu:visited {color: #003366; text-decoration: none; font-family:Arial, Tahoma; font-size:11px}
a.menu:hover {color:#ff0000; text-decoration: underline; font-size:11px}

.sidemenu a {color: #2c667d; text-align:left; display:block; text-decoration:none; padding:7px; width:inherit; font-size:12px}
.sidemenu a:hover {color: #fff; text-decoration: none; text-align:left; background: #2c667d; padding:7px; font-weight:bold;}
.sidemenu a:visited {text-decoration:none}

.selsmenu a {color:#fff; text-decoration:none; text-align:left; display:block; background:#2c667d; padding:7px; font-size:12px}
.selsmenu a:hover {color:#fff; text-decoration:none; text-align:left; display:block; background:#2c667d; padding:7px}
.selsmenu a:visited {color:#fff; text-decoration:none; text-align:left; display:block; background:#2c667d; padding:7px}

#tablist{ padding: 3px 0px; margin: 0px; float:right }
	#tablist li{ list-style: none; display: inline; margin: 0; font-size:11px; }
	#tablist li a{
		text-decoration:none; padding:4px 22px; margin-right: 2px;
		background:#808080 url(../imgs/corner.gif) no-repeat top right; color:#fff;
	}
	#tablist li a:hover{
		background: #6495AB url(../imgs/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(../imgs/corner.gif) no-repeat top right;
		color: #036; /* formerly: 2F637A */
		padding: 6px 22px;
	}
	#tablist .key { text-decoration: underline; }

#loginbutton a { text-decoration: none; width: 24px; padding: 7px 10px; margin: 0 0 0 8px; height: 28px; background: #fff url(../imgs/lb.gif) no-repeat; color: #000; float:right}
#loginbutton a:hover{background: #fff url(../imgs/lbhover.gif) no-repeat; color: #000;}

.school_name {font-size:24px; font-family:tahoma,arial; color:#333; padding-left:5px}
.top_info {line-height: 27px; color: #808080; float: right; text-align: right}
.tiptitle {float:left; margin-left:10px; color:#fff; font-family:tahoma,arial; font-weight:bold; font-size:12px}
.tipcontent {float: left; color:#2c667d; font-size:10px; padding-left:2px}

.bottom_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
		font-size:12px
	}
.bottom_box a {color: #808080; font-size:12px; text-decoration:none; font-weight:bold}
.bottom_box span {color: #808080; font-size:14px; font-weight:bold; margin-left:5px; margin-right:5px}