/**************************
*  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 {}
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;
}

/* Survey */
.survey-box {width:605px;padding:10px;max-width:100%;}
.survey-title {color:#f24800;padding:6px 0 9px 0;font-weight:bold;font-size:22px;}
.survey-text {color:#444;line-height:20px;padding:0 15px 13px 15px;}
.survey-text p {font-size:14px;padding:5px 5px 10px 5px;}
.survey-text p b {font-size:14px;}
.optional {font-size:14px;color:#4d77ce;}

.survey-option {padding:15px 15px;border-bottom:2px solid #ff6d2f;text-align:justify;}
.option-1 {border-top:2px solid #ff6d2f;}
.option-title {color:#204ba2;font-weight:bold;font-size:15px;padding:5px 5px 15px 5px;}
.option-title-2 {color:#204ba2;font-weight:bold;font-size:15px;padding:5px 5px 3px 5px;}
.option-details {padding:10px 0 6px 0;border-top:2px solid #ff6d2f;}
.option-details .option-detail-inp {width:360px;height:36px;padding:6px 9px;}
.option-name-box {width:360px;}
.option-details-pad {padding-bottom:12px;}
.option-box {
	padding:10px 8px;
	margin:0 4px 8px 4px;
	border:1px solid #60abe2;
	width:263px;
	height:94px;
	background-color:#f3f9fb;
	line-height:18px;
	cursor:pointer;
}
.option-box.selected-choice {background-color:#c4deff;}
.option-circle {margin:23px 10px 6px 4px;border:2px solid #aaa;background-color:#fff;width:21px;height:21px;}
.option-box.selected-choice .option-circle-2 {display:block;width:13px;height:13px;background-color:#60abe2;margin:2px;}
.option-lines {width:204px;font-weight:bold;}
.option-lines span {font-weight:normal;}
.option-5-lines {line-height:15px;}
.option-3-lines {line-height:21px;padding-top:5px;}

#error-message {padding-top:21px;font-size:14px;color:#800;font-weight:bold;}
#the-survey-submit {margin-top:15px;width:270px;height:38px;}
/* End of Survey */


#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:#585670;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;}
.blue-box:hover {background-color:#3869cc;color:#eee;}
.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 {display:none;background-color:#ffcbcb;color:#bd3232;border:1px solid #db5d5d;padding:5px 8px 6px 8px;margin-bottom:8px;}
.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:11px;top:11px;z-index:3;}
#dropdown-complete {text-align:left;z-index:3;display:none;}
#dropdown-complete-html {
	min-height:30px;
	border:1px solid #ff9773;
	background-color:#fff8f0;
	max-height:220px;
	overflow-y:auto;
	overflow-x:hidden;
}
.student-div {padding:8px 11px;color:#444;font-size:15px;}
.student-div:hover {color:#444;background-color:#ffd8b5;}
.student-div-grade {font-size:11px;color:#4372d1;}
.student-div-school {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;}

/*******************
 * Main Containers *
 *******************/
#main {}


/***********
 * Headers *
 ***********/
#header-for-web {border-bottom:3px 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:3px 0;}
#the-menus a {width:32px;height:32px;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 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-report {background-position:-1px -168px;}
#menu-report: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:55px;padding-left:55px;padding-top:6px;}
#account-image-holder img {left:0;top:0;}

/*******************
 * Login, Register *
 *******************/
#sidebar {width:50%;line-height:1.3;}
.sidebar_web {color:#141823;font-size:22px;padding-top:10px;}
.login-ajax-box {padding:10px 1px 5px 1px;}
.login-field {float:left;width:40%;padding-right:10px;height:60px;}
.login-button {float:left;width:20%;padding-top:24px;height:60px;}
#the-login-submit {height:30px;padding:7px 0;margin-top:0px;}
#login-box {width:520px;}
#scheduling_title {color:#f24800;font-size:26px;margin:20px 0;}

.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:2px 5px 40px 4px;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:5px 3px 50px 3px;}
}

@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)
{
	body .survey-option {padding:15px 15px 15px 8px;}
	body .survey-box {padding:10px 0;}
	
	body .survey-text {line-height:22px;padding:4px 15px 15px 15px;}
	body .survey-text p {font-size:17px;padding:6px 6px 13px 6px;}
	body .survey-text p b {font-size:18px;}

	body .option-title {color:#204ba2;font-weight:bold;font-size:17px;padding:6px 4px 16px 5px;}

	body .option-title-2 {font-weight:bold;font-size:17px;padding:6px 6px 4px 6px;}
	body .option-details {padding:16px 12px 10px 11px;border-top:2px solid #ff6d2f;}
	body .option-details .option-detail-inp {width:100%;height:42px;font-size:18px;}
	body .option-details-pad {padding-bottom:16px;}

	body .option-boxes {display:block;width:100%;}
	body .option-box {
		float:none;
		width:100%;
		padding:12px 10px;
		height:122px;
		line-height:22px;
		font-size:17px;
	}
	body .option-circle {margin:32px 13px 6px 7px;}
	body .option-lines {padding-top:4px;width:auto;font-weight:bold;}
	body .option-lines span {font-weight:normal;}
	body .option-5-lines {line-height:19px;padding-top:0px;}
	body .option-3-lines {line-height:25px;padding-top:8px;}
}


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