body {
  /*font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";*/
  font-family: "Verdana";
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
  background-color: #f2f2f2;
}


#mobile_top_menu {
    width: 100%;
    clear: both;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    vertical-align: bottom;
}

#mobile_top_menu::-webkit-scrollbar { 
    display:none;
}

::-webkit-scrollbar-thumb {
    visibility: hidden;
}

#mobile_top_menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0; 
    text-align: justify;
}

#mobile_top_menu ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#mobile_top_menu li {
    float: left; 
    display: inline-block;
}

#mobile_top_menu li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }

#mobile_top_menu li:first-child a {
    border-left: 1px solid #ccc; }

#mobile_top_menu li a:hover {
    color: #c00;
    background-color: #fff; }

::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(/theme/image_en/Arrows-Right-icon.png);
}

::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(/theme/image_en/Arrows-Left-icon.png);
}

.mobile_nav_list {
	box-shadow: 5px 5px 15px #888888;
	font-size: 14px;
}

.slide-trigger { display: block; }
.no-js .slide-trigger { display: none; }
#navmenu { display: none; z-index:10;}
.no-js .navigation { display: block; }
.navigation { margin: 0 15px; }
.navigation li { float: none; }
.navigation li a { border-bottom: 1px solid #fff; }

.greyBar{
    padding: 5px 5px;
    margin: 0px;
    background-color: #A1A1A1;
    background-image: linear-gradient( to bottom, #A1A1A1 0%, #A1A1A1 85%, #929292 100%);
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color:#fff;
}
.greyBar > a,
.greyBar > a:link,
.greyBar > a:visited{
    color:#fff;
    text-decoration: none;
}
.greyBar > a:hover{
    color:#fffd56;
}

a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:focus {
    color: #0033CC;
    text-decoration: none;
}

.toggle_panel_profile {
	cursor: pointer;
}

.link_text {
	color: #337ab7;
}

.link_text:hover {
    color: #FF0000;
    text-decoration: none;
}

a.link_text, button.link_text {
    color: white;
}

a.link_text:hover {
    color: red;
}

.link_profile {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 3px 3px 3px 0px;
    width: 108px;
    height: 45px;
    vertical-align: middle;
    padding-top: 3px;
}

.link_color_demographic {
	background-color: #4C6A92;
}

.link_color_medical {
	background-color: #B93A32;
}

.link_color_attendance {
	background-color: #AF9483;
}

.link_color_timetable {
    background-color: #006E51;
}

.link_color_arr {
	background-color: #9E4624;
}

.link_color_assessment {
    background-color: #F7786B;
}

.link_color_activity {
    background-color: #5B5EA6;
}

.link_color_he {
    background-color: #AD5D5D;
}

.link_color_foundationactivity {
    background-color: #D65076;
}

.link_color_activityreport {
    background-color: #ffa500;  
}

.link_color_riskassessment {
    background-color: #00fd00;
}

.link_color_commitment{
    background-color: #91A8D0;
}

.link_color_epayment {
	background-color: #009B77;
}

.link_color_studentoption {
	background-color:#B565A7;
}


.link_color_schoolbus {
	background-color: #34f883;
}

.link_color_crtransferyr7 {
	background-color: #ADD;
}

.link_color_croptin {
    background-color: #f3d3b4;
}

.link_color_afterschool {
    background-color: #98B4D4;
}


.link_color_paymentsystem {
    background-color: #920000;
}

.link_color_absencerequest {
    background-color: #59afd0;	
}


td.row_click {
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
}

td.row_click_start {
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;    
}

td.row_click_end {
    padding-left: 0px;
    padding-right: 5px;
    cursor: pointer;    
}


.animate_left {
	vertical-align: bottom;
}

.student_profile_photo {
    display: inline-block;
    width: 60px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;	
    background-size: 100% 100%;
}

.attendancetable.table > tbody > tr > td {
	padding: 0px;
}

.news_breadcrumb {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
}

input[type=button]._btn, input[type=reset]._btn,
input[type=button].notice_btn, input[type=reset].notice_btn {
    width: 132px;
    height: 35px;
    color: #fff;
    font-size: 12pt;
    margin-right: 5px;
}
input[type=button]._btn:hover,
input[type=button].notice_btn:hover, input[type=reset].notice_btn:hover {
    color: red;
}

.notice_btn_sign {
    background-color: #337ab7;
}

.notice_btn_cancel {
    background-color: #999;
}

._btn_back,
.notice_btn_back {
	background-color: #999;
}
/* ESF Timestamp=2016-07-14Z16:41:23T+0800 ; 20160714-mobile_ui_parent_and_student-UploadBy_matthewmak - 16dd53aea7d3d7afd3814633142865e0 */
/* ESF Timestamp=2016-07-18Z09:33:49T+0800 ; 20160718-mobileui_fix-UploadBy_matthewmak - 1be9c3c1070368435497b4e11dffa4a0 */