/**************************
*  Dexaj Main CSS         *
*  Author: rekkuzu@dexaj  *
**************************/
::selection{ background-color:#f38b39;color:#fff;}
::moz-selection{ background-color:#f38b39;color:#fff;}
::webkit-selection{ background-color:#f38b39;color:#fff;}
select::-ms-expand {display:none;}

/**************
 * Body style *
 **************/
html {background-color:#567ccb;}
body, html {min-height:100%;}
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-y:scroll;	
	overflow-x:hidden;
	background-image: -moz-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: -ms-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: -webkit-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: -o-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: linear-gradient(top, #ebebeb, #d5dae9);
	background-color: #d5dae9;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
	line-height: 1.2;
	text-align: left;
	position:relative;
	color:#555;
}


/*******************
 * Main Containers *
 *******************/
#main {background-color:#567ccb;}

/***********
 * Headers *
 ***********/
#header-for-web {border-bottom:2px solid #f24800;top:0;left:0;z-index:100;height:40px;}
#header {height:40px;}
#header .my-mv-logo {height:40px;width:168px;}

/********
 * Menu *
 ********/
#the-menus {line-height:0;padding:2px 0;}
#the-menus a {width:32px;height:34px;margin-right:5px;}
#the-menus .menu-account-divider {border-left:1px solid #25427c;margin:0 4px;padding-left:8px;}

#menu-account {background-position:0 -40px;}
#menu-account:hover {background-position:-32px -40px;}
#the-menus .account-menu-toggled {background-position:-64px -40px;}
#header #the-menus #account-box {width:230px;}
#the-menus #account-box .account-box-cont {height:101px;}
#the-menus #account-box .account-box-cont a.header-image {height:54px;border-bottom:1px solid #eee;padding-left:56px;padding-top:0px;margin-bottom:6px;}
#the-menus #account-box .account-box-cont a.header-image .timeline-tab-pending-image {left:1px;top:1px;z-index:10;}
#the-menus #account-box .account-box-cont a.header-image img {left:0;top:0;}
#the-menus #account-box .account-box-cont a.header-image-last {margin-bottom:0px;border-bottom:none;}
#the-menus #account-box .account-box-cont a.header-image i {padding-top:3px;font-size:10px;}
#the-menus #account-box .account-box-cont a.header-addmore {height:42px;border-bottom:1px solid #eee;padding-top:12px;margin-bottom:6px;font-size:11px;border-top:1px solid #eee;}
#user_account {margin:8px 0 10px 0;}
.account-student-box {max-height:200px;overflow:auto;}

#menu-pdf {background-position:-1px -168px;}
#menu-pdf:hover {background-position:-33px -168px;}
#the-menus .report-menu-toggled {background-position:-65px -168px;}

.menubox-ctr-1 {right:0px;}
.menubox-ctr-1 .arrow_div .the-arrow {right:7px;}
.menubox-ctr-1 .arrow_div .the-arrow-bg {right:8px;}

#the-menus .menu-box {width:200px;display:none;}
#the-menus .menu-box .arrow_div {height:13px;}
#the-menus .menu-box .arrow_div .the-arrow {
	width:0;
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #bcbdbf;
	z-index:5;
}
#the-menus .menu-box .arrow_div .the-arrow-bg {
	width:0;
	height: 0; 
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #fff;
	top:1px;
	z-index:10;
}

#the-menus .menu-box .menu-box-cont {background-color:#fff;border:1px solid #bcbdbf;min-height:40px;line-height:1.3;padding:10px;}
#the-menus .menu-box .menu-box-cont a {width:auto;height:auto;padding:4px 0 6px 0;margin-right:0px;}

#account-image-holder {height:50px;padding-top:10px;}
#account-image-holder img {left:0;top:0;}

/**************
 * Page Title *
 **************/
.page-title-box {border-bottom:1px solid #246bd6;top:40px;left:0px;height:38px;background-color:#fafafa;}
.page-title-box .page-title-name {font-size:15px;color:#444;padding:9px 3px;font-weight:bold;}
.page-title-box .page-title-name .page-title-num {color:#1554b3;font-size:16px;}

/*************
 * Sub Menus *
 *************/
.sub-menu-box {bottom:0px;left:0px;height:40px;background-color:#f24800;}
.sub-menu-box a.sub-menu, .sub-menu-box span.sub-menu {color:#fff;border-bottom:1px solid #f24800;}
.sub-menu-box a.sub-menu:hover, .sub-menu-box a.sub-menu:focus, .sub-menu-box a.sub-menu:active {outline:none;color:#fff;}
.sub-menu-box a.sub-menu:hover,
.sub-menu-box span.sub-menu {background-color:#ab3201;border-bottom:1px solid #ff783f;}
.sub-menu-box-slice {margin:0 1%;}
.sub-menu-box-slice .halfWidth {width:47%;margin:0 1%;}
.sub-menu-box .mv-icon-text {padding-top:11px;font-size:15px;font-weight:bold;}
.sub-menu-box .mv-white-paper {background-position:-65px -168px;width:32px;height:32px;margin-top:3px;}
.sub-menu-box .mv-white-assign {background-position:-65px -135px;width:32px;height:32px;margin-top:3px;}

/*************
 * Sub Menus *
 *************/
#display-box {padding-top:38px;}

/******/
#filter {border-bottom:1px solid #94a1be;padding-bottom:3px;}
#the-date-text {padding:13px 3px 0 0;}
#the-date-button {background-color:#3458aa;color:#fff;font-size:13px;padding:0 15px;display:none;}
#the-date-button:hover {background-color:#4366b5;}
#the-date-calendar{top:8px;right:6px;} 
.the-date-picker-info {font-size:11px;color:#888;padding:2px 3px;}

#popup-date-picker {margin-top:0px;top:40px;z-index:300;visibility:hidden;}
#change-date {top:50px;left:7px;z-index:301;}

#unique-students {margin-top:0px;color:#3458aa;font-size:12px;}
#unique-students b {font-size:30px;}

#entries-students {margin-top:0px;color:#555;font-size:11px;padding:5px 9px 0 0;}
#entries-students b {font-size:22px;}

.filter-call-box {padding-top:8px;}
.filter-call-box select {margin-bottom:5px;}
#filter-student {width:268px;max-width:100%;}

#lr-table {margin-top:12px;line-height:0;border-bottom:1px solid #aaa;}
#lr-table .not_unique .lr-td-1 {background-color:#db3f3f;color:#fff;}
.lr-theader {height:42px;}
.lr-theader .lr-td {background-color:#d2e2fa;font-weight:bold;color:#333;border-top:1px solid #aaa;}
.lr-theader .lr-td-1 span {font-size:10px;}
.lr-theader .lr-tag {font-size:9px;padding:8px 0;}
.lr-theader .lr-td-4 {border-left:1px solid #aaa;}
.lr-theader .lr-td-4 .lr-sub-td {background-color:#d2e2fa;}
.lr-tr {border-top:1px solid #aaa;}
.lr-td {padding:7px 8px;background-color:#fff;border-left:1px solid #aaa;height:42px;line-height:1;}
.lr-tag {width:3%;font-size:11px;color:#3458aa;}
.lr-td-1 {width:20%;}
.lr-td-1 b {color:#3458aa;font-size:12px;}
.lr-td-2 {width:5%;}
.lr-td-3 {width:12%;}
.lr-td-4 {width:60%;height:auto;padding:0;line-height:0;}

.i-am-red-tr .lr-td, .i-am-red-tr .lr-sub-td {background-color:#ffeaea;}

.td-border-bot {border-bottom:1px solid #aaa;}

.loading-box, .none-on-filter {background-color:#fff;border:1px solid #aaa;border-bottom:none;}
.lr-sub-tr {height:42px;line-height:1;}
.lr-sub-tr-border {border-bottom:1px solid #aaa;}
.lr-sub-td {padding:7px 8px;background-color:#fff;border-right:1px solid #aaa;height:42px;line-height:1;}
.lr-sub-td-1 {width:46%;}
.lr-sub-td-2 {width:18%;}
.lr-sub-td-3 {width:18%;}
.lr-sub-td-4 {width:18%;}
.lr-sub-td-1 i, .lr-sub-td-2 i {color:#888;font-size:12px;margin-top:3px;display:block;}
.lr-tcontent .lr-sub-td-2 i {color:#3e3ba3;font-size:10px;font-weight:bold;}

#sr-table {margin-top:12px;line-height:0;border-bottom:3px solid #aaa;}
.sr-theader {height:28px;}
.sr-theader .sr-td {height:28px;background-color:#d2e2fa;font-weight:bold;color:#333;border-top:3px solid #aaa;}
.sr-theader .sr-td-1 span {font-size:10px;}
.sr-theader .sr-td-4 {border-left:1px solid #aaa;}
.sr-theader .sr-td-4 .lr-sub-td {background-color:#d2e2fa;}
.sr-theader .sr-sub-tr, .sr-theader .sr-sub-td {height:28px;}

.sr-tr {border-top:3px solid #aaa;}
.sr-td {background-color:#fff;border-left:1px solid #aaa;height:224px;line-height:1;}
.sr-td-1 {width:25%;}
.sr-td-1 b {color:#3458aa;font-size:12px;}
.sr-td-2 {width:15%;}
.sr-td-3 {width:60%;}
.sr-tr .sr-td-2 {font-size:26px;}

.sr-sub-tr {height:20px;line-height:1;}
.sr-sub-tr-border {border-bottom:1px solid #aaa;}
.sr-sub-td {border-right:1px solid #aaa;border-bottom:1px solid #ccc;height:25px;line-height:1;}
.sr-sub-td-1, .sr-sub-td-3 {width:70%;}
.sr-sub-td-2, .sr-sub-td-4 {width:30%;}
.sr-sub-td-total {background-color:#eee;border-top:1px solid #ccc;font-size:14px;}

.has-inc-time-ctr {font-size:14px;font-weight:bold;color:#3458aa;}
.no-inc-time-ctr {font-size:9px;color:#aaa;}

.display-results-above {padding:15px 6px 6px 6px;height:19px;font-size:11px;}
.display-results-above b {font-size:14px;}
.display-results-below {padding:6px;height:28px;background-color:#d2e2fa;border:1px solid #aaa;border-top:none;font-size:11px;}
.display-results-below b {font-size:14px;}

.remaining-students {bottom:0;right:10px;padding:6px 10px;color:#fff;background-color:#3458aa;height:44px;line-height:0.9;font-size:11px;border-bottom:none;z-index:-1;}
.remaining-students b {font-size:24px;}

.filter-den {display:none;}
.sort-div {padding:8px 2px 2px 12px;}
.makebold {font-weight:bold;}

.edit-enter {width:20px;height:20px;right:-20px;top:0px;background-position:0 -256px;}
.delete-enter {width:20px;height:20px;right:-44px;top:0px;background-position:-20px -256px;}

.alert {display:none;}
.lr-sub-tr .will-blink .blinking {
  color:#b83434;
 }
.lr-sub-tr .will-blink .blinking .alert {
  display:inline-block;
  background-color:#b83434;
  color:#fff;
  padding:2px 7px 2px 5px;
  font-size:10px;
  -moz-animation-duration: 1000ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-delay: 500ms;
  
  -webkit-animation-duration: 1000ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-delay: 500ms;
  
  animation-duration: 1000ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 500ms;
}
@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  from {
    opacity: 1.0;
  }
  
  to {
    opacity: 0;
  }
}
@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

/****************
 * Default Tags *
 ****************/
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:15px;}
h5 {font-size:14px;}
h6 {font-size:13px;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
a {text-decoration:none;color:#4372d1;}
a:hover {color:#6490e9;}
a img {border:0px;text-decoration: none;}
p {margin:0;padding:5px;}
ul {margin:0;padding:0;}
ul li {list-style:none;}
select {padding:5px;color:#585670;border:1px solid #bdc7d8;font-size:14px;}
input,textarea,.input-div {padding:5px;max-width:100%;font-family:Arial;margin-top:5px;color:#393854;border:1px solid #bdc7d8;font-size:14px;}
input, .input-div {height:30px;}
.input-div {background-color:#f0f3ff;font-size:14px;}
input:focus,textarea:focus{outline:0;}
button {width:100px;max-width:50%;padding:5px;cursor:pointer;}
textarea {height:60px;}
nav {display:inline-block;}
content {display:inline-block;width:100%;margin:auto;}
img {max-width:100%;height:auto;}

/************
 * Reusable *
 ************/
.fullWidth {width:100%;max-width:100%;}
.fullHeight {height:100%;}
.mainWidth {width:1080px;max-width:100%;}
.halfWidth {width:50%;}
.mv-icons {background-image:url(../images/my-mv-icons.png);background-repeat:no-repeat;}
.au:hover {text-decoration:underline}
.fl {float:left;}
.fr {float:right;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.tj {text-align:justify;}
.pr {position:relative;}
.pa {position:absolute;}
.pf {position:fixed;}
.dib {display:inline-block;}
.db {display:block;}
.dn {display:none;}
.oh {overflow:hidden;}
.ma {margin:auto;}
.rad3 {-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.rad5 {-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.rad10 {-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.round {-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.rad5bot {-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.rad3,.rad5,.rad10,.round {-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.trans500 {
  -webkit-transition: 500ms linear 0s;  
  -moz-transition: 500ms linear 0s;  
  -o-transition: 500ms linear 0s;  
  transition: 500ms linear 0s;  
}
.trans150 {
  -webkit-transition: 150ms linear 0s;  
  -moz-transition: 150ms linear 0s;  
  -o-transition: 150ms linear 0s;  
  transition: 150ms linear 0s;  
}
.trans150, .trans500 {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.sh-txt {
	-moz-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
}
.sh-box {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}
.sh-box-thin {
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.sh-box-no-top {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}

.sh-bot {
	-webkit-box-shadow: 0 1px 1px -1px black;
	-moz-box-shadow: 0 1px 1px -1px black;
	box-shadow: 0 1px 1px -1px black;
}
.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:box;
	box-pack:center;
	box-align:center;
}
.lh11 {line-height:1.1;}
.theBg {
	background-image: -moz-linear-gradient(top, #4e69b4, #204ba2);
	background-image: -ms-linear-gradient(top, #4e69b4, #204ba2);
	background-image: -webkit-linear-gradient(top, #4e69b4, #204ba2);
	background-image: -o-linear-gradient(top, #4e69b4, #204ba2);
	background-image: linear-gradient(top, #4e69b4, #204ba2);
	background-color: #204ba2;
}
.theRate {
	background-image: -moz-linear-gradient(left, #b54040, #3f63b3);
	background-image: -ms-linear-gradient(left, #b54040, #3f63b3);
	background-image: -webkit-linear-gradient(left, #b54040, #3f63b3);
	background-image: -o-linear-gradient(left, #b54040, #3f63b3);
	background-image: linear-gradient(left, #b54040, #3f63b3);
	background-color: #3f63b3;
}
.red_rate {background-color:#b54040;}
.blue_rate {background-color:#3f63b3;}
.red_rate_text {color:#b54040;}

.red-link {color:#bb3636;}
.red-link:hover {color:#d14343;}
.white-link {color:#eee;}
.white-link:hover {color:#cdcdcd;}
.black-link {color:#555;}
.black-link:hover {color:#777;}
.orange-link {color:#f24800;}
.orange-link:hover {color:#ff7438;}

.sep {margin-top:15px;border-top:1px solid #cbd4e2;height:1px;padding-bottom:12px;}
.sep-small {margin-top:7px;border-top:1px solid #ddd;height:1px;padding-bottom:3px;}
.desc {display:block;width:100%;padding:5px 0 2px 0;}
.idesc {display:block;width:100%;padding-top:5px;font-weight:bold;font-size:14px;}
.idesc i {color:#888;font-size:11px;}
.itextbox-error {border-color:#e47878;}
.itextbox-valid {border-color:#5cb467;}
.irequired {color:#f30000;}
.padding-box, .padding-box-small {
	padding:65px 35px 85px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-box-small {padding:15px 35px 25px 35px;}
.search-text {font-weight:bold;color:#d36500;}
.small-text {font-size:9px;line-height:0.9}
.gray-text {color:#777;font-weight:normal;}
.gray-blue-text {color:#8a9fd6;font-weight:normal;}
.blue-text {color:#4c68b3;}
.red-text {color:#b62f24;}
.red-box {background-color:#b62f24;color:#fff;font-size:13px;}
.red-box:hover {background-color:#c43a2f;color:#eee;}
.red-box-border {border-top:1px solid #880a00;}
.red-box-border:hover {border-top:1px solid #a51d12;}
.light-blue-box {background-color:#455fa8;color:#fff;font-size:12px;}
.light-blue-box:hover {background-color:#5e78c3;color:#eee;}
.blue-box {background-color:#244ea1;color:#fff;font-size:13px;border:1px solid #284981;}
.blue-box:hover {background-color:#295abd;color:#eee;border:1px solid #2150af;}
.blue-box-border {border-top:1px solid #002369;}
.blue-box-border:hover {border-top:1px solid #244ea1;}
.orange-box, .orange-box:hover {background-color:#dd4808;cursor:default;color:#fff;}
.orange-box-border, .orange-box-border:hover {border-top:1px solid #a83300;}
.error-box-cont {padding-top:12px;}
.error-box-cont .error-box {width:70%;}
.error-box {display:none;background-color:#ffcbcb;color:#bd3939;border:1px solid #db5d5d;padding:8px 10px;font-size:14px;}
.success-box {display:none;background-color:#dcfde0;color:#10911a;border:1px solid #27a322;padding:5px 8px 6px 8px;margin-bottom:8px;}
.ierror {display:none;padding:1px 0 7px 1px;width:100%;color:#d33838;}
.ajax-loader {display:none;}

.for-web {display:inline-block;}
.for-ipad {display:none;}
.for-ipad-mobile {display:none;}
.for-mobile {display:none;}

.popup-overlay {background:#000000;z-index:150;top:0;left:0;display:none;}
.popup-close {top:8px;right:10px;color:#ff824c;font-family:Arial;font-weight:bold;font-size:14px;}
.popup-close:hover {color:#ff824c;}
.popup-ajax {top:0;left:0;display:none;z-index:155;}
.popup-ajax img {top:49%;margin-top:-10px;height:15px;}
.popup-overlay-box {width:700px;height:400px;left:50%;margin-left:-350px;top:50%;margin-top:-200px;z-index:155;background-color:#eee;display:none;}
.popup-overlay-box-left {overflow:scroll;}
.popup-overlay-header {padding:8px;border-bottom:2px solid #f24800;color:#ff824c;font-size:14px;font-weight:bold;background-color:#3a65c7;height:35px;}
.opc-80 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.popup-tr {padding:5px 5px 4px 5px;}
.popup-td {padding-right:15px;}
.popup-td .input-div, .popup-td select, .popup-td input {margin-top:2px;}
.popup-date {top:48px;left:8px;z-index:5;}
.popup-day {background-color:#3a65c7;color:#fff;width:46px;height:43px;font-size:20px;padding:9px 2px 0 0;}
.popup-month-year {margin-left:5px;}
.popup-month-year div {background-color:#3a65c7;color:#fff;width:46px;height:19px;padding-top:2px;}
.popup-month {margin-bottom:5px;}

#enter-content-edit {padding:5px 5px 0 115px;height:365px;}
#time-in-hour,
#time-in-minute {width:58px;}
.time-sep {padding:8px 2px;font-weight:bold;}
.time-am-pm-sep {margin-left:6px;}
.popup-td div input.time-height, .popup-td div select.time-height {height:32px;}

/*
#autocomplete-ajax, #t-autocomplete-ajax {right:6px;top:30px;z-index:3;}
#dropdown-complete {padding-right:67px;}
#t-dropdown-complete {padding-right:2px;}
#dropdown-complete, #t-dropdown-complete  {z-index:3;display:none;}
#dropdown-complete-html, #t-dropdown-complete-html {min-height:30px;border:1px solid #ff9773;background-color:#fff8f0;max-height:220px;overflow-y:auto;overflow-x:hidden;}
.student-div, .teacher-div {padding:5px;color:#444;font-size:15px;}
.student-div:hover, .teacher-div:hover {color:#444;background-color:#ffd8b5;}
.student-div-grade, .teacher-div-incharge {font-size:11px;color:#4372d1;}
.student-div-school, .teacher-div-status {font-size:11px;color:#da4f4f;}
.the-student-div {padding-left:60px;}

#autocomplete-ajax, #autocomplete-o-ajax {right:11px;top:11px;z-index:3;}
#dropdown-complete,
#dropdown-o-complete {text-align:left;z-index:3;display:none;}
#dropdown-complete-html, #dropdown-o-complete-html {
	min-height:30px;
	padding:0 6px;
	border:1px solid #ff9773;
	background-color:#fff8f0;
	max-height:220px;
	overflow-y:auto;
	overflow-x:hidden;
}
.staff-div {padding:7px;color:#444;font-size:15px;}
.staff-div:hover {color:#444;background-color:#ffd8b5;}
.staff-div-status {font-size:10px;color:#009b0c;font-weight:bold;}
.staff-div-teacher-status {font-size:11px;color:#4372d1;}
.staff-div-incharge {font-size:11px;color:#da4f4f;}
*/

#save-record {bottom:15px;right:15px;background-color:#3a65c7;color:#fff;height:25px;width:100px;padding-top:4px;}
#save-record-ajax {bottom:20px;right:15px;width:100px;height:25px;}


/*******************
 * Login, Register *
 *******************/
#sidebar {width:50%;line-height:1.3;}
.sidebar_web {color:#bac6e9;font-size:22px;padding-top:10px;}
.login-ajax-box {padding:40px 1px 5px 1px;}
.login-field {float:none;width:70%;height:60px;margin:auto;}
.login-field input {height:36px;padding:8px;font-size:15px;}
.login-button {float:none;width:40%;padding-top:12px;height:60px;margin:auto;}
#the-login-submit {height:36px;padding:6px 0;margin-top:0px;font-size:15px;}
#login-box {width:400px;max-width:100%;padding:0 10px;margin-top:45px;}
#scheduling_title {color:#eaf3ff;font-size:30px;font-weight:bold;}
.exporting-data {color:#fff;}

.mv-social-desc {padding-bottom:6px;}
.mv-social-link {
	height:32px;
	width:200px;max-width:100%;
}
.mv-social {
	width:33px;
	height:32px;
	z-index:15;
}
.mv-social-fb {
	background-color:#113988;
	background-position:-136px -40px;
}
.mv-fb-text {color:#3b5998;}
.mv-fb-box {padding:10px 0;}
.mv-social-text {
	height:32px;
	top:0;
	left:0;
	padding-left:36px;
	line-height:31px;
	background-color:#244ea1;
	color:#fff;
	font-size:13px;
	z-index:5;
}
.mv-social-link:hover .mv-social-fb {background-color:#1e489b;}
.mv-social-link:hover .mv-social-text {background-color:#2f5aaf;}


/***********
 * Content *
 ***********/
#content {padding:0 0 40px 0;line-height:1;}

/***************
 * The Content *
 **************/
.the-content {color:#203360;text-align:left;font-size:13px;line-height:1.4;}
.the-content p {padding:5px 25px 15px 25px;}
.the-content ol {margin:0;padding:5px 35px 15px 45px;}
.the-content ol li {padding-bottom:5px;}

/**********
 * Ajaxes *
 **********/


/***********
 * Account *
 ***********/



/**********
 * Footer *
 **********/
#footer {background-color:#3551aa;height:32px;bottom:0;left:0;z-index:50;display:none;}
#foot-menu {
	margin:0;
	line-height:0;
	display:inline-block;
}
#foot-menu li {
	float:left;
	margin:0;
	padding:0;	
	line-height:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
#foot-menu li.mv-footer-img:hover {background-color:#3551aa;}
#foot-menu li a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:500;
	padding:8px 11px 11px 25px;
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:1.3;
	-moz-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
}
#foot-menu li:hover {background-color:#f24800;}
#foot-menu li a.mv-footer-img-link {
	padding:4px 7px;
	line-height:0;
}
#foot-menu li a.mv-footer-img-link div {
	width:100px;
	height:24px;
	background-position:0 -232px;
}
#foot-menu li .sub-menu {
	width:140px;
	position:absolute;
	bottom:32px;
	background-color:#f24800;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	border:1px solid #f24800;
	border-bottom:none;
	display:none;
}
#foot-menu li .sub-menu li a {padding-left:9px;padding-right:10px;}
#foot-menu li .sub-menu-students {left:-25px;}
#foot-menu li .sub-menu-parents {width:132px;left:0;}
#foot-menu li .sub-menu-test {width:97px;left:0;}
#foot-menu li .sub-menu-uni {width:133px;left:0;}
#foot-menu li .sub-menu-gallery {width:100px;left:-10px;}
#foot-menu li .sub-menu-results {width:110px;left:-16px;}

#foot-menu li:hover .sub-menu {display:inline-block;}
#foot-menu li .sub-menu li {width:100%;position:relative;}
#foot-menu li .sub-menu li:hover {background-color:#ffe7D0;}
#foot-menu li .sub-menu li:hover a {color:#fc401d;background-color:#ffe7D0;}
#foot-menu li .sub-menu li .sub-sub-menu {
	position:absolute;
	right:133px;
	width:150px;
	bottom:0;
	border:1px solid #f24800;
	background-color:#f24800;
	display:none;
}
#foot-menu li .sub-menu li:hover .sub-sub-menu {display:inline-block;}
#foot-menu li .sub-menu li:hover .sub-sub-menu,
#foot-menu li .sub-menu li:hover .sub-sub-menu li,
#foot-menu li .sub-menu li:hover .sub-sub-menu li a {background-color:#f24800;color:#fff;}
#foot-menu li .sub-menu li .sub-sub-menu li:hover {background-color:#ffe7D0;}
#foot-menu li .sub-menu li .sub-sub-menu li:hover a {color:#fc401d;background-color:#ffe7D0;}
.wp-admin-mobile-menu {
	float:right;
	display:none;
	width:145px;
	height:35px;
	padding:6px 5px;
}
.wp-admin-mobile-menu:hover, .toggled-menu {background-color:#e23f00;}
.wp-admin-mobile-menu:hover .wp-admin-mobile-img, .toggled-menu .wp-admin-mobile-img {background-position:0 -24px;}
.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mv-footer-icon-1 {
	background-position:-168px 0;
}
.mv-footer-icon-2 {
	background-position:-168px -32px;
}
.mv-footer-icon-3 {
	background-position:-168px -64px;
}
.mv-footer-icon-4 {
	background-position:-168px -96px;
}
.mv-footer-icon-5 {
	background-position:-168px -128px;
}
.mv-footer-icon-6 {
	background-position:-168px -160px;
}
.mv-footer-icon-7 {
	background-position:-168px -192px;
}
.mv-footer-icon-8 {
	background-position:-168px -224px;
}
.mv-footer-icon-9 {
	background-position:-168px -256px;
}
.mv-footer-icon-10 {
	background-position:-168px -288px;
}


/*********
 * Pages *
 *********/


/*************
 * Media CSS *
 *************/
@media only screen and (min-width : 861px) and (max-width : 1200px)
{
}

@media only screen and (min-width : 540px) and (max-width : 860px)
{
	body #content {padding:0 0 50px 0;}
}

@media only screen and (min-width : 100px) and (max-width : 860px)
{
	body .for-web {display:none;}
	body .for-ipad-mobile {display:block;}
}

@media only screen and (min-width : 100px) and (max-width: 720px)
{
}


@media only screen and (min-width : 100px) and (max-width : 539px)
{
	body #content {padding:0 0 50px 0;}
}