html, body{
scrollbar-face-color:#FFE594;
scrollbar-base-color:#FBCC4C;
scrollbar-arrow-color:FBCC4C;
scrollbar-track-color:#FFE594;
scrollbar-shadow-color:#FBCC4C;
scrollbar-highlight-color:#FBCC4C;
scrollbar-3dlight-color:#FBCC4C;
scrollbar-darkshadow-Color:#FBCC4C;
}
/*==============================================TOP================================================*/
.schoolname {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #FFFFFF;
}
.langbtnlink {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #484848;
	text-decoration: none;
}
.langbtnlink:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.toptext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #FFFFFF;
}
.welcomestudent {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #FCFF00;
	font-weight: bold;

}
/*==============================================Calendar================================================*/
.monthtitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 24px;
	color: #BF6C01;
	font-weight: bold;
}
.weektitlesun {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #CB0000;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.weektitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;

}
.daysun {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	color: #FF0000;
}
.day {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	color: #000000;
}
.emotiontext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #000000;
}
.chartnum {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #3366CC;
}

.barchart {
	background-color: #95D9AB;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 2px solid #009900;
	border-left: 0px none;

}

.barchart2 {
	background-color: #ffaaa6;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 2px solid #ff9988;
	border-left: 0px none;

}

/*==============================================Footer================================================*/
.footertext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FFFFFF;
}
.footerlink {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FFF000;
	text-decoration: none;
}
.footerlink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FFF000;
	text-decoration: underline;
}




/*==============================================Form================================================*/
.btntext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #835600;
	text-decoration: none;
}
.btntext:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.btntext_grey {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #447292;
	text-decoration: none;
}
.btntext_grey:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.asterisk {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
}
.remarktext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
}

.tabon {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #990000;
}
.taboff {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;


}
.taboff:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;


}



/*==============================================Forum================================================*/
.forumtitlelink {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #0066CC;
	text-decoration: none;
}
.forumtitlelink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}
.forumreborder {
	border: 3px dotted #CCCCCC;
}
.forumwriter {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #993300;
}
.forumreplyname {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

.forumname {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.subtitlelink {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
.subtitlelink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bolder;
	color: #FF0000;
	text-decoration: none;
}
.subtitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #336600;
}

/*==============================================Private Message================================================*/
.privatetitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}
.privatelogclass {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #960031;
}

.unreadtext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #B20000;
}

.unreadmsgrow {
	background-color: #FFFF99;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #FFCC00;
	border-bottom-color: #FFCC00;
}

/*==============================================Internet Share ================================================*/
.sharemsg {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	color: #0066CC;
	font-weight: bold;

}
.sharelink {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-weight: bold;
	color: #339900;
	text-decoration: none;
}
.shareborder {
	border: 5px dotted #CCCCCC;
}



/*==============================================index page ===============================================*/


.privatelogname {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #E05A86;
}
.alertemoname {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	color: #787878;
}
.studentnamelist {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	color: #787878;
}

.morelink {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #959595;
	text-decoration: none;
}
.morelink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}

.alerttext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
}




/*==============================================Login page ===============================================*/
.logintext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #B05F10;
}
.loginbtntext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #7A570B;
	text-decoration: none;
}
.loginbtntext:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}


.emotiondel {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #FFFF00;
	text-decoration: none;
}
.emotiondel:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
.contenttext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #000000;
}

/*============================================== Sortable table ===============================================*/
a.sorttableTitle:link {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
a.sorttableTitle:visited {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
a.sorttableTitle:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
a.sorttableTitle:active {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}	
.odd {
  background-color: #FFFFFF;
}
.even {
  background-color: #EFEFEF;
}
/*==============================================Login page ===============================================*/

.tbclip {
	table-layout:fixed;
	border-collapse: collapse;
}
.tbclip td {
	padding: 2px 5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.ellipsis span {
   white-space:nowrap;
   text-overflow:ellipsis; /* for internet explorer */
   overflow:hidden;
   width:190px;
   display:block;
}

html>body .ellipsis {
   clear:both;
}

html>body .ellipsis span:after {
   content: "...";
}

html>body .ellipsis span {
   max-width:180px;
   width:auto !important;
   float:left;
}