/**************************
*  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 {}
html {
	/*
	background-image: -moz-linear-gradient(top, #e3e0e0, #f3f3f3);
	background-image: -ms-linear-gradient(top, #e3e0e0, #f3f3f3);
	background-image: -webkit-linear-gradient(top, #e3e0e0, #f3f3f3);
	background-image: -o-linear-gradient(top, #e3e0e0, #f3f3f3);
	background-image: linear-gradient(top, #e3e0e0, #f3f3f3);
	*/
	background-color: #ebebeb;
}
body {
	overflow-y:scroll;	
	overflow-x:hidden;
	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:5px;}
ul {margin:0;padding:0;}
ul li {list-style:none;}
input, select {height:30px;}
select {padding:4px 5px;color:#585670;border:1px solid #bdc7d8;font-size:13px;}
input,textarea,.input-div {padding:5px;max-width:100%;font-family:Arial;margin-top:5px;color:#585670;border:1px solid #bdc7d8;font-size:13px;}
input, .input-div {
	height:30px;
	-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 {min-height:75px;resize:none;line-height:19px;padding:6px 8px;}
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%;}
.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;}
.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, #ecece2, #d2cfd0);
	background-image: -ms-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: -webkit-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: -o-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: linear-gradient(top, #ecece2, #d2cfd0);
	background-color: #d2cfd0;
}
.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:9px;}
.idesc i {color:#888;}
.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 7px 1px;width:100%;color:#d33838;}
.ajax-loader {display:none;}
.sel-course-box {margin-top:5px;}
.add-course-a {margin:8px 0 0 2px;}

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

.courses-list {margin-top:5px;}
.c-bubble {
	margin:3px 0 0 3px;padding:6px 8px;
	border:1px solid #94d0a1;
	border-top:1px solid #afe2ba;
	border-bottom:1px solid #81c490;
	background-color:#ecffec;
	color:#464646;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
	box-shadow:0 1px 1px rgba(0,0,0,.04);
}

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

/***********
 * Headers *
 ***********/
#header-for-web {border-bottom:3px solid #71a948;top:0;left:0;z-index:100;height:50px;}
#header {padding:3px 0;height:40px;}
#header .sh-logo {
	margin-left:5px;
	width:205px;
	height:40px;
	background-image:url(../images/stuyhub_header.png);
	background-repeat:no-repeat;
}

/*******************
 * Login, Register *
 *******************/
#sidebar {padding:0 5px;width:520px;max-width:100%;line-height:1.2;}
.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;}
#user_login {height:30px;padding:8px 0;}
#the-submit {display:none;}

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

.register-field-header {color:#419301;font-size:18px;font-weight:bold;padding:16px 0 2px 0;}
.register-field-full {width:100%;padding:0 1px;}
.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 {height:28px;padding:6px;width:250px;max-width:100%;margin-top:20px;}
#sideintro {width:50%;}
.register-error-message {
    display:none;
    padding: 10px 10px 0 1px;
    color: #d33838;
}
#forgot-password-box .expand-box {padding:16px 1px;}
.facebook_login_error_box {margin-top:5px;width:370px;}


/***********
 * 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 *
 **********/


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


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

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