/**************************
*  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 {
	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: 14px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
	line-height: 1.2;
	text-align: left;
	position:relative;
	color:#444;
}
.body {clear: both;}
.mat10 {margin-top:10px;}
.mat5 {margin-top:10px;}
#dropdown-complete {padding-right:13px;z-index:3;display:none;}
#dropdown-complete-html {min-height:30px;border:1px solid #ff9773;background-color:#fff8f0;max-height:180px;overflow-y:auto;overflow-x:hidden;}
.student-div {padding:4px 6px 4px 6px;color:#444;font-size:13px;}
.student-div:hover {color:#444;background-color:#ffd8b5;}
.student-div-grade {font-size:11px;color:#4372d1;}
.student-div-school {font-size:11px;color:#da4f4f;}
#autocomplete-ajax {right:16px;top:32px;z-index:3;}
.login_error_box, .login_success_box {padding-top:10px;}
.r-course, .r-course-lvl2, .register-ajax-box {display:none;}

/****************
 * 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:8px 0 4px 0;color:#555;}
ul {margin:0;padding:0;}
ul li {list-style:none;}
input, select {height:32px;}
select {padding:4px 5px;color:#585670;border:1px solid #bdc7d8;font-size:14px;margin-top:2px;}
input,textarea,.input-div {padding:5px;max-width:100%;font-family:Arial;margin-top:2px;color:#585670;border:1px solid #bdc7d8;font-size:14px;}
input, .input-div {
	height:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.input-div {background-color:#f0f3ff;font-size:13px;}
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%;mu_registerargin:auto;}
img {max-width:100%;height:auto;}

.checkbox-item {padding:9px 0 1px 0;}
.checkbox-item span {padding:3px 8px 1px 8px;font-size:15px;}
.checkbox-item-qual {height:32px;}
.r_subj {width:22px;height:22px;border:1px solid #aaa;background-color:#fff;line-height:20px;}
.r_subj b {display:none;color:#109113;font-size:19px;padding-right:1px;}
.r_subj.checked-option b {display:block;}

.checkbox-item-qual-other {padding:10px 0 0 88px;height:39px;}
.other-qual {width:88px;top:10px;left:0px;}
#r_other_qual {padding:2px 6px;height:22px;border:none;border-bottom:1px solid #bbb;background-color:#e0e2e9;color:#444;font-size:15px;}

.r_option {width:25px;height:25px;border:1px solid #aaa;background-color:#fff;padding:5px;}
.r_option div {display:none;background-color:#1ba91e;width:13px;height:13px;}
.r_option.checked-option div {display:block;}


/************
 * Reusable *
 ************/
.fullWidth {width:100%;max-width:100%;}
.fullHeight {height:100%;}
.mainWidth {width:1080px;max-width:100%;}
.halfWidth {width:50%;}
.w32 {width:32%;}
.ml2 {margin-left:2%;}
.mv-icons {background-image:url(../images/my-mv-icons.png);background-repeat:no-repeat;}
.au:hover {text-decoration:underline}
.clip-note {color:#888;font-size:12px;}
.extra-clip-note {color:#666;font-size:12px;}
.extra-clip-note b {color:#555;}
.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;}
.rad1 {-webkit-border-radius:1px;-khtml-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.rad2 {-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.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;
	top:50%;
	-webkit-transform:-webkit-translateY(-50%);
	-moz-transform:-moz-translateY(-50%);
	-ms-transform:-ms-translateY(-50%);
	transform:translateY(-50%);
}
.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: #f24800;
}
.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:24px;font-weight:bold;}
.idesc i {color:#777;font-style:normal;font-weight:normal;}
.itextbox-error {border-color:#e47878;}
.itextbox-valid {border-color:#5cb467;}
.irequired {color:#f30000;}
.padding-box, .padding-box-small {
	padding:55px 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 0 1px;width:100%;color:#d33838;}
.ajax-loader {display:none;}

.popup-overlay {background:#000000;z-index:150;top:0;left:0;display:none;}
.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:900px;height:600px;left:50%;margin-left:-450px;top:50%;margin-top:-300px;z-index:155;background-color:#fff;display:none;}
.popup-overlay-box-left {overflow:scroll;}
.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-left-box {width:700px;background-color:#efefef;padding:18px 15px 26px 15px;overflow:auto;}
.popup-left-box .input-div {background-color:#dfdfdf;}
.popup-note {width:700px;bottom:0;left:0;padding:6px 10px 6px 8px;font-size:12px;z-index:156;background-color:#dfdfdf;border-top:1px solid #cdcdcd;}
.popup-title-text {width:700px;color:#f24800;font-size:16px;font-weight:bold;z-index:156;top:0;left:0;padding:15px 15px 10px 15px;border-bottom:1px solid #cdcdcd;background-color:#dfdfdf;}
.popup-title-close {color:#f24800;z-index:156;top:0;right:0;font-size:16px;width:30px;height:30px;padding:4px 0;}
.popup-title-close:hover {color:#f24800;}
.popup-right-box {width:200px;background-color:#01113a;padding:28px 15px;}
.popup-right-box a.picture-link {padding:3px 0;}

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

/*******************
 * Main Containers *
 *******************/
#main {padding-top:36px;}

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

/************
 * Register *
 ************/
#sidebar {width:620px;max-width:100%;line-height:1.2;padding:0 8px;}
.sidebar_web {padding:6px 0;margin:3px 0 4px -1px;color:#141823;font-size:26px;line-height:28px;}
.sidebar_web span {font-size:20px;color:#345ea2;}
.register-complete-box,
.register-ajax-box {border-top:1px solid #ccc;margin-top:10px;}
.register-ajax-box {font-size:15px;}
.register-ajax-box b {color:#065a91;}

.category-box-div {padding:5px 10px 0 1px;}
.category-box {height:70px;background-color:#aaa;color:#fff;font-size:15px;font-weight:bold;line-height:13px;}
.category-box:focus, .category-box:active, .category-box:hover {color:#fff;outline:none;}
.category-box i {font-size:11px;}

.register-field-header {color:#f21d00;font-size:18px;padding:16px 0 2px 0;}
.register-field-full {width:100%;padding:0 10px 0 1px;}
.register-field {float:left;width:50%;padding-right:10px;padding-left:1px;}
#user_register {height:28px;padding:6px;width:250px;max-width:100%;margin-top:20px;}
.register-error-message {
    display:none;
    padding: 10px 10px 0 1px;
    color: #d33838;
}


/***********
 * Content *
 ***********/
#content {padding:25px 5px 50px 4px;line-height:0;}

/***************
 * The Content *
 **************/
.the-content {color:#203360;text-align:justify;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 *
 **********/



/**********
 * Footer *
 **********/
#footer {background-color:#3551aa;height:32px;bottom:0;left:0;z-index:50;}
#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 : 100px) and (max-width : 1080px)
{
	body #timeline-control-student {left:0;margin-left:0;}
	body #timeline-tab {left:0;margin-left:0;}
}

@media only screen and (min-width : 520px) and (max-width : 860px)
{
}

@media only screen and (min-width : 100px) and (max-width : 860px)
{
	body #content {padding:25px 3px 50px 3px;}
	body #sidebar, body #sideintro {float:none;width:100%;}
	body #sidebar {border-right:none;border-bottom:1px solid #ccc;padding-bottom:25px;margin-bottom:15px;}
	body .the-content p {padding:5px 20px 15px 20px;}

	body #new-report .add-col-2-3-a {width:33%;padding:5px 10px 10px 0;}
	body #new-report .add-col-2-3-b {width:34%;padding:5px 0 10px 0;}
	body #new-report .add-col-2, body #new-report .add-col-3-a, body #new-report .add-col-3-b,
	body #new-report .add-col-3-c {float:none;width:100%;padding:5px 0 10px 0;}

	body #new-report #cancel-report {margin-left:130px;}
	body #new-report #submit-report {margin-right:1px;}
}

@media only screen and (min-width : 100px) and (max-width : 519px)
{
	body #content {padding:25px 2px 50px 2px;}
	body #sideintro {padding-top:20px;}
	body select, body input {height:36px;font-size:16px;}
	body .sep {margin-top:24px;padding-bottom:18px;}
	body .idesc {padding-top:16px;}
	body .idesc-con {padding-top:4px;}

	body .rating-box {min-height:95px;}
	body .rating-not-good {left:5px;top:64px;width:30px;height:30px;background-position:-96px -70px;}
	body .rating-good {right:5px;top:61px;width:30px;height:30px;background-position:-96px -40px;}
	body .rating-bar {margin-top:5px;padding:0 1px;}
	body .rating-bar .rating-area {padding:1px 2px 1px 1px;}
	body .rating-bar .rating-area-box a {font-size:12px;}

	body .login-field {float:none;width:100%;padding:0 5px;height:66px;}
	body .login-button {float:none;width:100%;padding:5px;height:56px;}
	body .login_error_box, body .facebook_login_error_box {padding:0 5px 10px 5px;}
	body #user_login {height:33px;padding:8px 0;margin-top:7px;}
	body #u_forgot_password {padding:0 5px;}
	body .facebook-login-ajax-box {padding:0 5px;}
	body .mv-social-desc {padding:6px 10px 12px 10px;}
	body .mv-social-link {width:100%;}
	body .register-field-header {padding:26px 0 1px 0;}
	body .register-field-full {padding:0 5px;}
	body .register-field {float:none;width:100%;padding:0 5px;}
	body #user_register {height:33px;padding:8px 0;width:100%;margin:25px 0 5px 0;}

	body #header .my-mv-logo {width:31px;}

	body .the-content p {padding:5px 12px 15px 12px;}
	
	body .for-web {display:none;}
	body .for-mobile {display:inline-block;}
}