@charset "utf-8";
/* CSS Document */
body {font-family: 'Roboto', sans-serif; font-size:14px; }
.wrapper { width:100%; margin:0 px;}
.content { width:1000px; margin:0 auto;}
.clearfix { clear:both; display:block;}
.head { width:100%;}
.logo { width:auto; float:left}
.login-form-large { width:73%; margin:0 auto; border:1px solid #ccc; border-radius:3px; padding:20px; margin-top:20px;} 
.login-form { width:35%; margin:0 auto; border:1px solid #ccc; border-radius:3px; padding:20px; margin-top:20px;   overflow: hidden;} 
label { width:100%; font-family: 'Roboto', sans-serif; color:373737; font-size:14px; font-weight:300; margin-bottom:10px; float:left;} 
input {border:1px solid #ccc; background:#fafafa; width:93%; padding:5px 0px 5px 15px;  font-family: 'Roboto', sans-serif; color:#373737;  font-size:14px; font-weight:300; border-radius:3px;  margin-bottom:10px;	}
input[type="submit"] {background:#d60814; border-radius:3px; color:white; font-size:14px; text-transform:uppercase; font-family: 'Roboto', sans-serif; padding:5px; width:auto; border:0px;  }
input[type="radio"] {width:15px;margin-right:2px;}
.inputs-after-login { float:left; width:50%}
.inputs-after-login-small {float: left; margin-right: 2%; width: 21%;}
.search { float:left; width:8%}
.bottom-piller { overflow:hidden; border:1px solid #ccc; margin-top:15px; padding:10px; border-radius:5px;}
.welcome-user a {color: #e50915;float: right;font-size: 15px;margin-left: 15px;text-decoration: none;background: rgba(255,255,255,0.5); padding: 10px; border-radius: 5px;vertical-align: middle;margin-top: -9px;}
.welcome-user {color: #fff;float: right;font-size: 19px;margin-top: 30px;width: auto;vertical-align: middle;font-weight: bold;font-family: arial;}
.inputs > a{ text-decoration:none; font-size:15px; color:#373737; padding:5px 0px; clear:both; float:left;}
.bg-1 { background:#f2f2f2; float: left; overflow: hidden;padding-left: 15px; width: 96%;}
.bg-2 { background:#dfdfdf; float: left; overflow: hidden;padding-left: 15px; width: 96%;}
.full-bg {background:#f6f6f6;}
.bg-top {background:#eb0915;  float: left; width: 96%; padding-left: 15px;}
.inputs.bg-top > a { color:white;}
.pay > a {background: #d60814; border-radius: 3px; color: hsl(0, 0%, 100%); padding: 5px 10px; text-decoration: none; width: auto;}
#registration_fee {width: 117px;}
.inputs {float: left;}
.flo-left {float: right !important;}
.flo-none .inputs  { float:none;}
#cheque {float: left;}
#creditcard_2 input {margin-left: 3px;}
#tution_fee {width: 117px;}
.left-siders > a {font-size: 15px; margin-left: 15px;}
.left-siders {float: left; margin: 15px 0; font-size: 15px;}
.center {float: none; margin: 0 auto; text-align: center;width: 25%;}

	





@media screen and (max-width: 994px) {
.content { width:95%;}
input[type="radio"] {margin-right: 0;}
}
@media screen and (max-width: 860px) {
.inputs-after-login-small {width: 20.5%;}
.inputs-after-login {float: left; width: 100%;}
.pad-top-10 { padding-top:10px;}
.center { width:33%;}
}
@media screen and (max-width: 698px) {
.login-form { width:85%;}
.login-form-large { margin-bottom:20px;}
.inputs-after-login-small { width: 100%;}	
.welcome-user { float:left; margin-bottom:20px;}
.pay > a { padding:2px 3px;}
}
@media screen and (max-width: 547px) {
img {height: 100%;width: 100%;}
.ui-datepicker-trigger {width: auto;}
.logo img {height: auto;}
.ui-datepicker-trigger {height: auto;}
}
@media screen and (max-width: 478px) {
.hasDatepicker { width: 92% !important;}
.inputs-after-login.pad-top-10 > input {width: 92% !important;}
}