.border {
	border: 1px solid #a3a2a2;
}

.logText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.logText2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #959595;
	text-decoration: none;
}
a.logText2:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #338098;
	text-decoration: none;
}
a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #338098;
	text-decoration: none;
}
a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #338098;
	text-decoration: underline;
}
.border2 {
	border: 1px solid #DCDCDC;
}
a.Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FEA10F;
	text-decoration: none;
}
a.Title:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FEA10F;
	text-decoration: underline;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5D5954;
	text-decoration: none;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5D5954;
	text-decoration: none;
}
.time {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5D5954;
	text-decoration: none;
}
.menuTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4D8EEE;
	text-decoration: none;
}
a.menuText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #656567;
	text-decoration: none;
}
a.menuText:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.timetableTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.hari {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.masa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.days {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tbText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.timeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
a.submenuA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.submenuA:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.submenuB {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.ssHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009ddc;
	text-decoration: none;
	text-align: left;
}
.ssTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009ddc;
	text-decoration: none;
}
.ssTitle a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #009ddc;
	text-decoration: none;
}
.ssTitle a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #009ddc;
	text-decoration: underline;
}
.ssDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.ssDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.ssHeader2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fea10f;
	text-decoration: underline;
}
.ssText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.ssText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color:#D8E8FE
}
.ssTextInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #009DDC;
	text-decoration: none;
}
.ssfield {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #656567;
	text-decoration: none;
}
.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #656567;
	text-decoration: none;
}
.editedTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none;
	background-color:#ABCDFF
}
.editedViewRowAlt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration: none;
	background-color:#D8E8FE
}
.loginText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.loginTextRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #cc3333;
	text-decoration: none;
}

.outsiderLoginText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #85b7ff;
}

.outsiderLoginTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7e7fe;
	font-weight: bold;
}

.outsiderLoginTextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;	
}

a.loginWhiteLink10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
a.loginWhiteLink10:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
}


#page {	padding: 2px; height: auto; width: 1000; float: left;}
#top{float: left; margin-left : 10;width: 980; height: 102; padding: 0;}
#topMenu{float: left; margin-left:10; width: 980; padding: 0;}
#timetable{float:left ;margin-left: 10;width: 980; height:100;padding:0;}
#portlets{float:left ;margin-left: 10;width: 980;padding:0;}
#body { margin:0;  height:100%; width: 100%; z-index: 0;} 
.tabmenu1 { text-align: left; padding-top: 20; position: absolute; display: none; top: 90; background: #C2DBFF; border: 1px solid #a3a2a2;z-index: 500;}
.tabmenu { text-align: left; padding-top: 20; position: absolute; display: none; top: 90; background: #FFFFFF; border: 5px solid #C2DBFF;z-index: 10;}
.tabInnerMenu {margin-left:5; margin-right:5; margin-bottom:5;margin-top:-10; background:#FFFFFF; width: 540; height: 360; }
.tabmenuleft {float: left; width: 50%; }
.tabmenuright {float: right; width: 50%; }
.navListImage {float: left; }
.navListMenu {float: left; width:80%; }
.subMenu {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #4D8EEE;text-decoration: none;}
.navList {float:left;left:0;padding:0; margin-left:0;margin-top:1; margin-bottom:0;list-style-image: url(/images/ic_dot.gif); list-style-position: inside; }
.navList li a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #656567;text-decoration: none;}
div#breadcrumb {float :left ; margin-left:20; width:960; height:20;vertical-align: middle}
.bc {float :left; margin-left:0;  font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #000000;text-decoration: none;vertical-align:middle}
.bc img {width:10}
.bc a{margin-left:5; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #000000;text-decoration: none;vertical-align:middle}
div#dottedLine {float :left ; margin-left:20; width:960;height: 15;}
div#content {float :left ; margin-left:20; width:96%; height: 100%;}
div#contentLeft {width:216; float :left; clear: both; background-color: #eaf2fe; height: 100%;overflow:visible;background-repeat: repeat-y;}
div#contentTop{width:100%;}
div#contentCenter1{margin-left:180; width: 660;}
div#contentCenter{ float:left; height: auto; width: 720; overflow: auto; }
div#contentRight{width: 17; float: right; height:100%; background-image:url(/images/sr_bodyright.gif); background-color:#eaf2fe;}
div#contentBottom{width:100%; float:left;padding: 0px;background-color:#eaf2fe }
table#viewFilter {background-color: #D7E7FE;}
table#viewAction {background-color: #D7E7FE;}
tr#viewHeader {background-color: #ABCDFF;}
tr#viewHeader td span{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #FFFFFF;text-decoration: none;}
.viewRowAlt { background-color:#D8E8FE; }
.viewRow { background-color: #D8E8FE; }
td#viewFooter {background-color: #D7E7FE; }
.viewRowHilite { background-color: #EAEAEA;}
.boldText { height:24; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #333333;text-decoration: none;}
.tableData { height:24; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #333333;text-decoration: none;}
div#title { width: 900; height: 20; text-align: left; vertical-align: middle; background-color: lightblue; font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
.bodyHead { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	color: #7CB1FF;	text-decoration: none;}
.fieldError { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #000000;	text-decoration: none;}
.formTitle { font-weight:bold;  font-size:11pt; text-align:center; color:white; background-color:#003366; }
.tableTitle {float:left;width: 710; TEXT-DECORATION: none;background: #408aaa; padding: 4px; margin-bottom:2px; text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #ffd34d;}
.tableTitle a {float:left; TEXT-DECORATION: none; background: #408aaa; text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #ffd34d;}
.tableData1 { height:24; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #333333;text-decoration: none;}
tr#viewHeader1 {background-color: #4779AB;}
tr#viewHeader1 td span{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: none;}
.box2 {	BORDER-RIGHT: inactivecaption 1px solid; BORDER-TOP: inactivecaption 1px solid; BACKGROUND:#D7E7FE; FONT: lighter xx-small Verdana; BORDER-LEFT: inactivecaption 1px solid; BORDER-BOTTOM: inactivecaption 1px solid}
.shadetabs {PADDING-RIGHT: 0px; MARGIN-TOP: 1px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 3px; FONT: bold 12px Verdana; MARGIN-LEFT: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left}
.shadetabs LI {	DISPLAY: inline; MARGIN: 0px ;}
.shadetabs LI A {BORDER-RIGHT: #778 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #778 1px solid; PADDING-LEFT: 7px; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; BORDER-LEFT: #778 1px solid; COLOR: #2d2b2b; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #778 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.shadetabs LI A:visited {	COLOR: #2d2b2b}
.shadetabs LI.selected {POSITION: relative; TOP: 1px}
.shadetabs LI.selected A {FONT-WEIGHT: bold; FONT-SIZE: 9pt; background-color:#003366; BORDER-BOTTOM-COLOR: white; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.shadetabs LI.selected A:hover {TEXT-DECORATION: none}
.tabcontent2 { margin-top: 20; width: 100%; border: black 0px solid }
div#viewFilter {background-color: #D7E7FE;; float:right ; text-align:right; padding-top:2px;padding-bottom:2px}
div#viewAction {background-color: #D7E7FE;; float:right ; text-align:right; padding-top:2px;padding-bottom:2px}
.menuLink {font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 10pt; color: rgb(51, 51, 51);}
thead {display: table-header-group; color:#000000;}
.teacherReplacementTablebackground {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: thin;
	border-color: #D6D6D6;
}