/**************************
*  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;
}
.body {clear: both;}
.mat10 {margin-top:10px;}
.mat5 {margin-top:10px;}
#autocomplete-ajax {right:6px;top:34px;z-index:3;}
#ottocomplete-ajax, #out-tag-ajax, #feedback-tag-ajax {right:15px;top:34px;z-index:3;}
#dropdown-complete  {padding-right:72px;z-index:3;display:none;}
#o-dropdown-complete {padding-right:13px;z-index:3;display:none;}
#dropdown-complete-html, #o-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:7px;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;}
.login_error_box, .login_success_box {padding-top:10px;}
.r-course, .r-course-lvl2, .register-ajax-box {display:none;}
.the-student-div {padding-left:70px;}
.the-entry-div {border-top:1px solid #cbd4e2;margin-top:16px;}
.the-number {width:24px;height:24px;background-color:#244ea1;color:#fff;padding:4px 1px 0 0;left:-12px;top:-12px;}
#out-box {display:none;}
.find-button, .feedback-find-button {top:31px;right:13px;z-index:3;background-color:#1c8d3b;color:#fff;padding:4px 12px;height:24px;}
.find-button:hover, .feedback-find-button:hover {color:#eee;}
#o_student {background-color:#f0f3ff;}
.small-floor {font-size:18px;}
#floor-select {bottom:0;right:0;padding:5px 7px;}
#floor-select i {font-size:11px;}
#floor-select select {font-size:15px;}
.logout_error, .feedback_error {margin-top:10px;}

.pf_boxes_cont .pf_u_boxes {width:115px;height:90px;padding-left:10px;left:-15px;background-color:#1d7e14;color:#fff;line-height:0;border:1px solid #0c5f0a;font-size:16px;}
.pf_boxes_cont .pf_u_boxes:hover {color:#fff;background-color:#278e1d;}
.pf_boxes_cont .pf_u_login {top:60px;}
.pf_boxes_cont .pf_u_out {top:160px;}
.pf_boxes_cont .pf_u_register {top:260px;}

body .pf_boxes_cont .pf_u_boxes {top:-10px;z-index:100;width:70px;height:70px;font-size:12px;left:auto;padding:10px 0 0 0;}
body .pf_boxes_cont .pf_u_login {right:230px;}
body .pf_boxes_cont .pf_u_out {right:155px;}
body .pf_boxes_cont .pf_u_register {right:80px;}
body .pf_boxes_cont .pf_u_feedback {right:5px;line-height:1.1;}
body .pf_boxes_cont .pf_selected {top:0px;padding-top:0px;}

.pf_boxes_cont .pf_selected {padding-left:0;left:0px;color:#127f44;background-color:#fff;font-size:20px;font-weight:bold;}
.pf_boxes_cont .pf_selected:hover {color:#147511;background-color:#fff;}

#out_rating_box_div {padding-top:18px;}
.out_rating_box {padding-top:3px;}
.out_rating_box .percent25 {width:25%;padding:4px 0;}
.out_rating_box .percent25 input {height:auto;}
.out_rating_box .percent25 span {padding-top:0px;font-weight:bold;font-size:12px;}

.o_rating {background-color:#244ea1;color:#fff;font-size:13px;padding:6px;}
.o_rating:hover {color:#eee;background-color:#3460b7;}

.the-rem {text-align:center;}
.the-rem-igcse {top:40px;left:50%;margin-left:-510px;}
.the-rem-ib {top:40px;right:50%;margin-right:-485px;}
.the-rem-ap {top:290px;left:50%;margin-left:-510px;}
.the-rem-a-level {top:290px;right:50%;margin-right:-485px;}
.the-rem-round {
	line-height:0.9;
	margin-top:15px;
	margin-left:15px;
	background-color:#f24800;
	width:230px;
	height:215px;
	padding-top:15px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	color:#fff;
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite;
}
.enter-style {
	padding-bottom:2px;
	font-weight:bold;
	font-size:15px;
	color:#0d6f2f;
	line-height:20px;
}
.enter-style div {padding-bottom:9px;}
/*
.the-rem-igcse .the-rem-round {padding-top:50px;height:190px;}
.the-rem-ib .the-rem-round {padding-top:50px;height:190px;}
.the-rem-a-level .the-rem-round {padding-top:50px;height:190px;} 
.the-rem-round .the-rem-dear {
	line-height:1.2;
	font-size:30px;
}
*/
@-webkit-keyframes rotating {
    0%{
		opacity:1.0;
    }
    25%{
		opacity:0.8;
    }
    50%{
		opacity:0.0;
    }
    75%{
		opacity:0.8;
    }
    100%{
		opacity:1.0;
    }
}

.the-rem-round b {font-size:85px;}
.the-rem-round b.its-done {font-size:60px;}
.the-rem-round span {font-size:35px;}
.the-rem-title {font-size:18px;padding:28px 0 4px 0;font-weight:bold;line-height:26px;}
.the-rem-title span {font-size:28px;}
.the-rem-title-2 {font-size:32px;line-height:32px;padding:20px 0 8px 0;font-weight:bold;}
.the-rem-for {font-size:18px;padding:1px 0;}
.the-rem-title.the-rem-title-2 {font-size:27px;line-height:26px;padding:10px 0;font-weight:bold;}

/*
.the-rem-ap .the-rem-title,
.the-rem-gcse .the-rem-title,
.the-rem-a-level .the-rem-title {font-size:32px;padding:5px 0;font-weight:bold;}
.the-rem-ap .the-rem-for,
.the-rem-gcse .the-rem-for,
.the-rem-a-level .the-rem-for {font-size:26px;padding:1px 0;font-weight:bold;}

.the-rem-igcse .the-rem-title.the-rem-title-edexcel,
.the-rem-a-level .the-rem-title.the-rem-title-edexcel {
	font-size:22px;
}
*/

/****************
 * 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, #2fcb56, #21980f);
	background-image: -ms-linear-gradient(top, #2fcb56, #21980f);
	background-image: -webkit-linear-gradient(top, #2fcb56, #21980f);
	background-image: -o-linear-gradient(top, #2fcb56, #21980f);
	background-image: linear-gradient(top, #2fcb56, #21980f);
	background-color: #21980f;
}

.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;}
.idesc-2 {display:block;font-size:13px;color:#777;}
.idesc-3 {display:block;font-size:13px;color:#777;}
.idesc-3 b {color:#555;}
.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;}
.not-so-small-text {font-size:13px;}
.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:#1c8d3b;color:#fff;font-size:13px;}
.blue-box:hover {background-color:#299f4a;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;}

.rating-box {min-height:40px;}
.rating-not-good {left:0;top:24px;width:30px;height:30px;background-position:-96px -70px;}
.rating-good {right:0;top:12px;width:30px;height:30px;background-position:-96px -40px;}
.rating-bar {margin-top:5px;padding:0 33px;}
.rating-bar .rating-area {padding:2px 3px 2px 2px;background-color:#bdc7d8;border:1px solid #bdc7d8;height:56px;}

.rating-bar .rating-area-box {background-color:#a8bbd9;}
.rating-bar .rating-area-box-extra {width:100.3%;}
.rating-bar .rating-area-box a {padding:2px;border-left:1px solid #9baecd;color:#234da2;background-color:#fff;font-weight:normal;line-height:1.2;}
.rating-bar .rating-area-box .r1of10 a {width:10%;}
.rating-bar .rating-area .rating-area-box .r1of10 a.the-first {border-left:none;width:10.5%;}
.rating-bar .rating-area .rating-area-box .r1of10 a.the-last {none;width:9.5%;}

.rating-bar .rating-area-box .r1of5 a {width:20%;}
.rating-bar .rating-area .rating-area-box .r1of5 a.the-first {border-left:none;}

.rating-bar .rating-area-box .r1of4 a {width:25%;}
.rating-bar .rating-area .rating-area-box .r1of4 a.the-first {border-left:none;}

.rating-bar .rating-area-box a.approach-sel,
.rating-bar .rating-area-box a.attendance-sel {font-size:11px;}

.feedback_checkboxes_1 {margin-top:20px;}
.feedback_checkboxes {padding:16px 8px;border-top:1px solid #647698;}
.feedback_checkboxes input {z-index:2;}
.the-feedback-33, .the-feedback-34 {float:left;padding:0 11px 0 1px;}
.the-feedback-33 {width:33%;}
.the-feedback-34 {width:34%;}
.the-feedback-span {padding:10px 0 0 24px;font-size:14px;}

.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;}

.popup-tr {margin-bottom:9px;}
.popup-tr-h2 {margin-bottom:0px;}
.popup-tr-no-margin, .popup-tr-no-margin .mv-subject-block {margin-bottom:0px;}
.popup-tr-no-margin .popup-td {padding-top:0;}
.popup-td {padding:4px 12px 1px 8px;}
.popup-td-h2 {padding:1px 8px 0px 4px;color:#f24800;font-weight:bold;}
.popup-td input {margin-top:3px;}
.popup-td-subject {padding-bottom:10px;}
.popup-title {padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid #cdcdcd;}
.popup-field-title {color:#244ea1;font-weight:bold;font-size:12px;}
.popup-field-title i, .popup-td-h2 i {font-size:11px;}
.popup-field-bday-2 {width:55px;}
.popup-field-bday-4 {width:70px;}
.popup-field-bday-2 span, .popup-field-bday-4 span {font-size:13px;color:#999;padding-top:5px;}
.popup-bubble {border:1px solid #bdc7d8;background-color:#fff;}
.popup-status-text {font-size:13px;}
.popup-green-text {color:#1fb825;}
.popup-blue-text {color:#648cd3;}
.popup-red-text {color:#d13e3e;}
.popup-subjects-note {font-size:11px;padding:3px;}

.update-status-box {left:0;top:170px;color:#fff;font-weight:bold;font-size:13px;padding:10px 10px 15px 10px;border-top:1px solid #353e5c;}
.update-status-change {padding-top:20px;font-weight:normal;font-size:11px;}
.update-profile-result-box, .update-profile-error-box {left:0;bottom:70px;display:none;}
.update-profile-box {left:0;bottom:25px;}
.update-student-button, .add-student-button, .update-parent-button {color:#fff;background-color:#d84000;width:120px;padding:8px 0;}
.update-status-block {padding-bottom:8px;}
.update-profile-age {font-size:14px;}

.profile-edit-link {font-size:13px;margin-top:15px;}
.profile-child-loop-div {overflow:auto;height:480px;border-bottom:1px solid #3c3b5c;padding:0 5px 5px 5px;}
.profile-child-loop {margin-bottom:15px;}
.profile-child-loop-note {font-size:10px;}
.fb-connected-yay {font-size:12px;color:#5e8f61;line-height:0.9;}
.fb-connected-yay-text {padding:11px 5px 0 0;}
#remove-fb-connect {padding:16px 0 0 0;font-weight:bold;color:#244ea1;}
#remove-fb-connect:hover {color:#436bbb;}

#mv_image_upload_form {display:none;}
#update-profile-ajax, #image-upload-ajax {padding:3px 0;}
#upload-image-error {color:#d33939;font-size:11px;display:none;}
#upload-image-error .round {background-color:#d33939;width:16px;height:16px;color:#fff;font-size:12px;font-weight:bold;padding-top:1px;}
#upload-image-error .upload-error-text {padding:0 10px 0 5px;}
.upload-image-gray-text {font-size:12px;}

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

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


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


/*******************
 * Login, Register *
 *******************/
#s_school {overflow-y:hidden;font-size:13px;padding:7px 3px 6px 6px;}
#sidebar {width:505px;line-height:1.3;}
.sidebar_web {color:#141823;font-size:26px;}
.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;}
#skype-control {
	width:26px;
	height:26px;
	border:2px solid #bdc7d8;
	color:#059734;
	margin:6px 0 4px 1px;
	font-weight:bold;
	padding:0 0 0 2px;
	font-size:21px;
	line-height:22px;
	background-color:#fafafa;
}
#skype-control:hover, #skype-control:focus, #skype-control:active {outline:none;color:#059734;}
#skype-control span {display:none;}
#skype-control.skype-checked span {display:block;}
#user_login {height:30px;padding:8px 0;}
#the-submit {display:none;}

.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;}

.u_register_box {padding-bottom:8px;}
#u_forgot_password {padding-left:1px;font-weight:bold;font-size:14px;}
#u_forgot_password, .u_login {font-size:13px;}
#u_register, #u_out {font-size:16px;font-weight:bold;}

.register-field-header {color:#f21d00;font-size:18px;padding:16px 0 2px 0;}
.register-field-full {width:100%;padding:0 10px 0 1px;margin-bottom:3px;}
.register-field {float:left;width:50%;padding-right:10px;padding-left:1px;}
.register-field-bday-2 {margin-right:5px;}
.register-field-bday-2 span, .register-field-bday-4 span {font-size:13px;color:#999;padding-top:10px;}
#school_countries_box {display:none;padding-top:5px;}
#school_others_box {display:none;}
#user_register, .forgot-button a, #user_enter, #user_out, #user_feedback {height:28px;padding:6px;width:250px;max-width:100%;margin-top:20px;}
#sideintro {width:50%;}
#user_out, #user_feedback {display:none;}

#forgot-password-box .expand-box {padding:16px 1px;}

.facebook_login_error_box {margin-top:5px;width:370px;}

/***********
 * Content *
 ***********/
#content {padding:6px 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;}

/**********
 * Popup *
 **********/
#popup_overlay {top:0;left:0;background:#222;opacity:0.7;z-index:101;}
#popup_message {top:50px;left:50%;margin-left:-250px;padding:15px 20px;width:500px;height:360px;z-index:102;background-color:#fff;}
#popup_close {top:2px;right:2px;width:36px;height:36px;color:#adadad;padding:3px;font-weight:bold;font-size:22px;z-index:103;}
#popup_close:focus {outline:none;}
#popup_rate {font-size:15px;}
#popup_message textarea {resize:none;height:180px;width:425px;margin-left:26px;}
#popup_submit {margin-top:15px;padding:7px 0;width:120px;;color:#fff;}
#popup_sending {color:#244ea1;padding-top:15px;}
.checkbox_item {padding:14px 5px 10px 45px;text-align:left;border-top:1px solid #ddd;margin-top:5px;}
.checkbox_list_w_others .checkbox_item {padding:7px 5px 3px 45px;margin-top:2px;}
.checkbox_list_w_others .the_square_box {top:6px;width:16px;height:16px;font-size:13px;}
.the_square_box {font-size:16px;top:12px;left:16px;width:20px;height:20px;border:1px solid #aaa;z-index:103;color:#4caf50;cursor:pointer;}
.the_square_box.checked-box span {display:block;}

/**********
 * 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 : 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)
{
	body #autocomplete-ajax, body #ottocomplete-ajax, body #out-tag-ajax, body #feedback-tag-ajax {top:35px;}
}

@media only screen and (min-width : 100px) and (max-width : 860px)
{
	body #content {padding:15px 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;padding-right:0px;}
	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;}
	
	body .pf_boxes_cont .pf_u_boxes {top:-10px;z-index:100;width:65px;height:65px;font-size:11px;left:auto;padding:10px 0 0 0;}
	body .pf_boxes_cont .pf_u_login {right:215px;}
	body .pf_boxes_cont .pf_u_out {right:145px;}
	body .pf_boxes_cont .pf_u_register {right:75px;}
	body .pf_boxes_cont .pf_u_feedback {right:5px;}
	body .pf_boxes_cont .pf_selected {top:0px;padding-top:0px;}
	
	body .the-rem {display:none;}
}

@media only screen and (min-width : 100px) and (max-width : 519px)
{
	body #content {padding:25px 2px 50px 2px;}
	body #sideintro {padding-top:20px;}
	body input {height:33px;}
	body .sep {margin-top:24px;padding-bottom:18px;}
	body .idesc {padding-top:16px;}
	body .idesc-con {padding-top:4px;}
	body #student-image {margin-top:12px;}
	body .find-button, body .feedback-find-button {top:42px;right:8px;height:27px;padding-top:5px;}

	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;}
	body #autocomplete-ajax {right:4px;top:47px;}
	body #ottocomplete-ajax, body #out-tag-ajax, body #feedback-tag-ajax {right:10px;top:47px;}

	body .the-feedback-span {padding:13px 0 8px 26px;}
	body .the-feedback-33, body .the-feedback-34 {padding:0 5px;}
}