/*============================================ Start General Classes ============================================*/
body{color:#555;font-family:arial;font-size:15px;margin:0;padding:46px 0 0 0;background:#eeeeee;line-height:18px}

a, div, td, li, p, span, input, select, textarea{font-family:inherit}

a:link,a:active,a:visited{color:#367fc9;text-decoration:none;cursor:pointer!important}
a:hover{color:#367fc9;text-decoration:underline}

a.more{color:#962e32;text-decoration:none}
a.more:hover{text-decoration:underline}

ul, ol{width:100%;float:left;padding:0;margin:0;margin:0 0 15px 0;padding:0 0 0 15px}
p, div, form{margin:0px;padding:0px}
img, a img{border:0px}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;font-family:"Times New Roman"}

h1{color:#2d3554;margin:0 0 60px 0;padding:0 0 15px 0px;border-bottom:1px solid #bbbfce;width:100%;float:left}
h1 a{color:#2d3554!important;cursor:pointer!important}
h2{color:#2d3554;margin:0 0 25px 0;padding:0 0 15px 0px;float:left;width:100%;border-bottom:1px solid #2d3554;font-family:arial}
h2 a{color:#2d3554!important;cursor:pointer!important}
h3{color:#1e2b5b;margin:0 0 8px 0;padding:0 0 5px 0px}
h3 a{color:#1e2b5b!important;cursor:pointer!important}
h4{color:#000;margin:0 0 8px 0;padding:0 0 5px 0px}
h4 a{color:#000!important;cursor:pointer!important}
h5{color:#464646;margin:0 0 8px 0;padding:0 0 5px 0px}
h5 a{color:#464646!important;cursor:pointer!important}
h6{color:#000;margin:0 0 8px 0;padding:0 0 5px 0px}
h6 a{color:#000!important;cursor:pointer!important}

h1,.h1{font-size:24px}h2,.h2{font-size:20px}h3,.h3{font-size:18px}h4,.h4{font-size:14px}h5,.h5{font-size:14px}h6,.h6{font-size:10px}

input, textarea, select{}
textarea{resize:none}

.imageBorder{border:1px #aaa solid}
.imageBorder5px{border:5px #aaa solid}
.imageLeft{float:left;margin:0px 7px 0px 0px}  
.imageRight{float:right;margin:0px 0px 0px 7px}

.floatL{float:left}
.floatR{float:right}

.clr{clear:both;padding:0!important;margin:0!important}

.readMoreBut{width:auto;font-size:13px;margin:0}
.readMoreBut a{color:#fff;padding:6px 16px;display:block;background:#962e32;border-radius:3px}
.readMoreBut a:hover{background:#84282c;text-decoration:none}

.mt6{margin-top:6px}
.mr6{margin-right:6px}
.ml6{margin-left:6px}
.mb6{margin-bottom:6px}

/*============================================ End General Classes ============================================*/

/*-- Start Loading Page --*/
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader{display:none}
.js #loader{display:block; position:absolute; left:100px; top:0}
.se-pre-con{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999; background:url(../images/loading-x.gif) center no-repeat #fff}
/*-- End Loading Page --*/

.topBar{width:100%;background:#f2f2f2}

.toplink div{width:100%;color:#c8cad4;font-size:13px;margin:0;line-height:45px;float:left;padding:0;font-family:"Times New Roman";text-transform:uppercase}
.toplink div a{color:#4c5269;margin:0 10px}

.topControlBar ul{margin:0 10px 0 0;padding:0;width:auto;float:right}
.topControlBar ul:first-child{margin:0;padding:0}
.topControlBar ul.nav>li{margin:6px 0 6px 12px;padding:0;display:inline-block;line-height:normal;float:right}
.topControlBar ul.nav>li>a{margin:0;padding:0;position:relative;background:none;border:0px solid #f00}
.topControlBar ul.nav>li>a:hover, .topControlBar ul>li>a:focus, .topControlBar ul>li.open>a{background:none !important}
.topControlBar ul.nav>li>a i{color:#969db3;font-size:20px;text-align:center;background:#e5e5e5;border-radius:50%;width:35px;height:35px;line-height:37px}
.topControlBar ul.nav>li>a:hover i{color:#fff}
.topControlBar ul.nav>li>a span{position:absolute;right:-5px;top:0px;background:#d40006;border-radius:50%;width:20px;height:20px;padding:0;margin:0;text-align:center;line-height:20px}

.searchBox{width:230px;position:relative;margin:0;border:0px solid #f00}
.searchBox input{height:35px;color:#7d8298;padding:0px 29px 0px 12px;background:#fff;border:0;display:inline-block;border-radius:20px;margin:6px 0 0 0;width:100%}
.searchBox button{width:35px;background:none;border:0;cursor:pointer;padding:0;margin:0;position:absolute;top:6px;right:0;z-index:2;display: inline-block}
.searchBox button i{color:#969db3;font-size:18px;text-align:center;width:35px;height:35px;line-height:37px}
.searchBox ::-webkit-input-placeholder{color:#7d8298}
.searchBox :-moz-placeholder{/* Firefox 18- */color:#7d8298}
.searchBox ::-moz-placeholder{/* Firefox 19+ */color:#7d8298}
.searchBox :-ms-input-placeholder{color:#7d8298}

.logoBar{width:100%;padding:0;border-bottom:2px solid #e9e9e9;margin:0;background-color:#fff}

.logo{width:auto;margin:16px 0}
.txtLogo{width:auto;font-family:"Times New Roman";font-size:22px;text-transform:uppercase;line-height:93px;padding:16px;color:#1d2a5c}

.applyBotton>div{width:auto;float:right;margin:30px 0 0 0}
.applyBotton span {font:400 20px "times new roman";display:block;color:#1d2a5c}
.headerClick{display: block;margin-top:6px;width: 113px;height: 22px;background: url("../images/header.png");font-size: 0;background-position: 0 44px;}
.headerClick:hover {background-position: 0 bottom}

.mainContainer{width:100%;margin:30px 0 0 0}
.mainContainer>.container{position:relative}

.mainContent{width:100%;float:left;background:#fff;padding:50px 40px 80px;margin:0 0 0px 0;border-top:7px solid #2d3554}

.loginContainer{width:100%; float:left;background:#eeeeee;border:1px solid #d0d0d0;border-radius:3px;padding:40px 40px 60px}
.loginContainer a{margin:0 0 20px 0;width:100%; float:left;color:#666666;font-size:13px;cursor:pointer}

.form-group{margin:0; padding:0}
.form-group input[type=text], .form-group input[type=password]{margin:0 0 20px 0;height:40px}

button, input[type="submit"]{margin:0;padding:0px 30px;background:#1e2b5b;color:#78809d;font-size:12px;line-height:32px;border-radius:3px;transition:all .4s ease;border:0;width:auto;float:left; margin-right:6px}
button:hover, input:hover[type="submit"]{text-decoration:none;color:#fff}

.contentContainer{width:100%; float:left;padding:40px 0 0 0}

/*-- Start Cahnge Icon for radio and checkbox --*/
.checkbox label, .radio label{padding-left:0}
input[type="checkbox"], input[type="radio"]{display:none}
input[type="checkbox"] + label, input[type="radio"] + label{margin:0;cursor:pointer;line-height:21px;padding:0 0 0 30px;min-height:21px}

input[type="checkbox"] + label{background:url(../images/check_sheet.png) left top no-repeat}
input[type="radio"] + label{background:url(../images/radio_sheet.png) left top no-repeat}
input[type="checkbox"]:checked + label{background:url(../images/check_sheet.png) left -600px no-repeat}
input[type="radio"]:checked + label{background:url(../images/radio_sheet.png) left -600px no-repeat}
/*-- End Cahnge Icon for radio and checkbox --*/

.footer{width:100%;background:#dfdfdf;text-align:center;color:#656565;padding:40px 0;margin:0px 0 0 0;font-size:13px}
.footer a{color:#4c4c4c;font-weight:bold}

.portal-list, .apply-landing a{background:#2d3554; width:212px; height:28px; color:#FFF; padding-left:12px; line-height:28px; font-size:12px; position:relative; margin-top:15px; cursor:pointer}
.apply-landing a{float:left; margin-right:20px; background: #a60f15 url('../images/portal-list.png') no-repeat 204px -62px; margin-top:40px}
.apply-landing a:hover{background-color:#9d0e14}
.portal-list ul{display:none;position:absolute;left:0;border:1px solid #CCC;background: #FFF;padding:0}
.portal-list ul li{padding:0 10px; cursor:pointer}
.portal-list ul li:hover{background:#EEE}
.portal-list ul li:hover a{color:#333}
.portal-list ul li a{display: block}
.portal-list span{background:url('../images/portal-list.png') no-repeat 0 0; width:22px; height:17px; float:right; margin-top:6px; margin-right:14px}
.portal-list span.down{background: url('../images/portal-list.png') no-repeat 0 -35px}




/*-- Start Home Popup Window --*/
.md-modal{position:fixed;top:50%;left:50%;width:40%;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.md-show{visibility:visible}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1100;opacity:0;background:rgba(0,0,0,0.6);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.md-show ~ .md-overlay {opacity:1;visibility:visible}
button.md-close, .innerCenterBar button.md-close{position:absolute!important;top:12px!important;right:10px!important;background:#1e2b5b!important;color:#fff!important;border:0!important;border-radius:50%!important;width:25px!important;height:25px!important;margin:0!important;padding:0!important;line-height:18px!important}
button.md-close i, .innerCenterBar button.md-close i{padding:2px 0 0 0 !important; margin:0!important;color:#fff !important; font-size:13px}

/* Content styles */
.md-content{background:#fff;position:relative;border-radius:0px;margin:0 auto}
.md-content>h1{margin:0;padding:12px 18px;background:rgba(225,225,225,1);border-radius:0}
.md-content>div{margin:0;padding:20px;background:#fff;float:left;width:100%;overflow-y:scroll;max-height:400px;}
.peopleWhoLikeThis>div{position:relative;border-bottom:1px solid #ddd;float:left;width:100%;padding:8px 0}
.peopleWhoLikeThis>div:last-child{border:0}
.peopleWhoLikeThis>div>img{width:55px;height:55px;margin:0 10px 0 0;padding:5px;background:#fff;border:1px solid #e9e9e9;border-radius:50%;float:left;}
.peopleWhoLikeThis>div>h1{margin:0;padding:20px 0 0 0;font-size:18px}
.peopleWhoLikeThis>div>h1>span{line-height:26px;font-size:11px;color:#bcbcbc;font-family:Arial}

.md-effect-3 .md-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.md-show.md-effect-3 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}

.searchAboutStudent .form-inline{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd}
.searchAboutStudent .form-inline .form-group{width:37%}
.searchAboutStudent .form-inline .form-group input{width:100%}
.searchAboutStudent .checkbox-inline{font-weight:normal;padding-left:17px;margin:0 0px 16px 0;width:47%}
.searchAboutStudent .checkbox-inline input[type=checkbox]{margin:2px 0 0 -17px}
.searchAboutStudent button, .searchAboutStudent button:hover, .searchAboutStudent button:active{border-radius:3px;padding:0 30px; line-height:34px;border:0;background:#1e2b5b;color:#fff}

.wikipediaSearch .form-inline{border-bottom:0}
.wikipediaSearch .form-inline .form-group{width:80%;margin:10px 0}

.profilPopup{padding-left:220px!important}
.profilPopup img{margin:0 0 0 -200px;background:#fff;border:1px solid #e9e9e9;padding:5px;width:180px;height:180px;border-radius:50%;float:left}
.profilPopup p{font-size:15px;padding:10px;border-bottom:1px solid #eee;float:left;width:100%;letter-spacing:1px}
.profilPopup p strong{font-size:16px;color:#1e2b5b;font-weight:normal}
.profilPopup p:nth-child(2){margin-top:27px}
/*-- End Home Popup Window --*/


@media screen and (max-width: 1199px) {


}


@media screen and (max-width: 1024px) {


}


@media screen and (max-width: 991px) {

.form-horizontal .control-label:not(:first-child){margin-top:20px}
.form-horizontal{margin: 0 0 20px 0;}

.otherInformation .form-horizontal, .otherInformation .form-group{margin-bottom:0px}

}


@media screen and (max-width: 767px) {

body{padding:42px 0 0 0}
.logo{margin:6px 0}
.txtLogo{line-height:70px}

.toplink div{font-size:12px;line-height:42px}
.toplink div a{margin:0 5px}

.topControlBar ul{margin:0 5px 0 0}
.topControlBar ul.nav>li{margin:6px 0 6px 5px}
.topControlBar ul.nav>li>a i{font-size:16px;width:30px;height:30px;line-height:32px}

.searchBox{width:170px}
.searchBox input{height:30px;font-size:12px}
.searchBox button i{width:30px;height:30px;line-height:29px}



}


@media screen and (max-width: 603px) {
	
.applyBotton span {font:400 16px "times new roman"}



}


@media screen and (max-width: 568px) {
	
body{padding:62px 0 0 0}
	
.toplink, .topControlBar{width:100%}
.toplink div{line-height:28px}

.topControlBar ul.nav>li, .searchBox input{margin-top:0}
.searchBox button{top:0}

}


@media screen and (max-width: 480px) {
	
.logoBar .col-lg-6{width:100%}
.applyBotton>div{margin:0 0 10px 0}
.applyBotton span {float:left;font-size:18px;margin:3px 5px 0 0}
.headerClick{display:inline-block; margin-top:0px;float:right}
.headerClick:hover {background-position: 0 bottom}

}


@media screen and (max-width: 384px) {

.txtLogo{font-size:18px;padding-right:0}

.topControlBar ul.nav{display:none}
.searchBox{margin-bottom:6px;width:100%}

}



@media screen and (max-width: 320px) {


.txtLogo{display:none}


}


@media screen and (max-width: 318px) {



}


@media screen and (max-width: 240px) {


}