/*============================================ Start General Classes ============================================*/
body{color:#555;font-family:arial;font-size:15px;margin:0;padding: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:#b31b1b;margin:0 0 8px 0;padding:0 0 5px 0px}
h1 a{color:#1e2b5b!important;cursor:pointer!important}
h2{color:#000;margin:0 0 20px 0;padding:0 0 20px 0px}
h2 a{color:#000!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:26px}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:#1e2b5b}

.topNewsTicker div{width:10%;background:#35416c;color:#969daa;font-size:22px;margin:6px 1% 6px 0;line-height:35px;float:left;border-radius:4px;padding:0;font-family:"Times New Roman";text-align:center}
ul.marquee{/* required styles */display:block; padding:0; margin:0; list-style:none; line-height:1; position:relative; overflow:hidden;/* optional styles for appearance */width:89%;float:left; height:42px; /* height should be included to reserve visual space for the marquee */}
ul.marquee li {/* required styles */position:absolute; top:-999em; left:0; display:block; white-space:nowrap; line-height:47px; color:#9aa0b6; font-size:13px /* keep all text on a single line */	/* optional styles for appearance */}


.logoBar{width:100%;padding:0;border-bottom:2px solid #e9e9e9;margin:0;background-color:#f8f8f8;
background: -webkit-linear-gradient(#eaeaea, #fff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#eaeaea, #fff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eaeaea, #fff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#eaeaea, #fff); /* Standard syntax (must be last) */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fff',GradientType=0 )progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310) progid:DXImageTransform.Microsoft.Blur(pixelradius=2) progid:DXImageTransform.Microsoft.Wheel(duration=3); /* IE6-9 */}

.logo{width:auto;margin:16px 0}


.userImg{width:auto}
.userImg img{width:77px;height:77px;border-radius:50%;border:1px solid #dedede}



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

.mainContainer input, .mainContainer textarea{border:1px solid #d5d5d5;border-radius:3px}
.homeLeftBar input, .homeLeftBar textarea{width:100%}

.homeLeftBar button{margin:20px auto -35px;padding:0px 30px;background:#1e2b5b;color:#78809d;font-size:12px;line-height:32px;border-radius:3px;transition:all .4s ease;border:0;width:auto;display:table}
.homeLeftBar button:hover{text-decoration:none;color:#fff}
.homeLeftBar button i{font-size:15px;margin:0 5px 0 0;color:#78809d;padding:5px 0 0 0}

.btnStyle {
	margin: 30px auto;
	width: 100%;width: auto;
	display: table;
	padding: 0px 18px;
	background: #b31b1b;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	border-radius: 5px;
	margin: 0 auto;
	transition: all .4s ease
}


.botBoxReadMor a{width:auto;display:table;padding:0px 18px;background:#b31b1b;color:#fff;font-size:14px;line-height:36px;border-radius:5px;margin:0 auto;transition:all .4s ease}
.botBoxReadMor a:hover{text-decoration:none;background:#c03232}
.botBoxReadMor a i{float:left;font-size:18px;margin:2px 5px 0 0;color:#78809d;padding:5px 0 0 0}
.botBoxReadMor a p{float:left}
.chart-wrap .botBoxReadMor a{float:right;margin:0 8px;cursor:pointer}

div.titleLine{width:100%;float:left;padding:10px 0px 15px}
div.titleLine div{width:100%;float:left;height:1px;background:#e2e2e2}

/*-- Start Home Left Bar --*/
.homeLeftBarGlobal{}
.homeLeftBar{}
.homeLeftBar>div{width:100%;float:left;background:#fff;}
.homeLeftBar>div:not(:first-child){margin-top:25px;padding:20px 15px}
.homeLeftBar>div:not(:first-child) h1{margin:0;padding:0}

.homeProfile{margin:0 0 15px 0;padding-top:20px}
.homeProfile div.verifiedTitle{width:100%;float:left;padding:0 25px;text-align:center}
.homeProfile div.verifiedTitle h1, .homeProfile div.verifiedTitle span{margin:0;padding:0}
.homeProfile div.verifiedTitle span{font-size:14px}
.homeProfile div.titleLine{padding:20px 15px}
.homeProfile div.verifiedTitle span.floatR{color:#1e2b5b}
.homeProfile>h1{width:100%;float:left;margin-bottom:12px}
.homeProfile>h1 a{color:#888 !important}
.homeProfile>h1 a i{color:#bf9d40;background:#f8cd53;text-align:center;width:44px;line-height:40px;margin:0 10px 0 0;transition:all .4s ease}
.homeProfile>h1 a:hover{text-decoration:none;color:#1e2b5b!important}
.homeProfile>h1 a:hover i{margin:0 20px 0 0;color:#fff}
.profileImg img{margin:0 auto;background:#fff;border:1px solid #d8d8d8;padding:5px;width:180px;height:180px}

/*-- Start Home Center Bar --*/
.homeCenterBar{}

.homeCenterBar .homeWritePost{width:100%;float:left;background:#fff;padding:15px;margin:0 0 50px 0;position:relative;overflow:visible !important}
.homeCenterBar .homeWritePost::after{content:'';position:absolute;top:30px;left:-60px;width:0;height:0;border-top:0px solid transparent;border-bottom:35px solid transparent;border-right:60px solid #fff}
.homeCenterBar .homeWritePost>input{width:100%;float:left;padding:0 8px;line-height:50px;margin-bottom:10px;font-size:15px;height:50px}
.homeCenterBar .homeWritePost>button{border-radius:3px;padding:0 30px; line-height:30px;border:0;background:#1e2b5b;color:#fff;float:right}
/* Attach File*/
.js .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.homeCenterBar .homeWritePost .box{margin:0 5px 0 0;width:35px;height:35px;cursor:pointer}
.homeCenterBar .homeWritePost .box label{font-size:22px}
.inputfile-4 + label{cursor:pointer}
.inputfile-4:focus + label, .inputfile-4.has-focus + label, .inputfile-4 + label:hover{color:#722040}
.inputfile-4 + label figure{width:35px;height:35px;border-radius:50%;background-color:#d2d2d2;display:block;padding:0px;margin:0;text-align:center;line-height:35px}
.inputfile-4 + label:hover figure{background-color:#ddd}
.inputfile-4 + label svg{width:60%;height:88%;fill:#fff}
@media screen and (max-width:50em){.inputfile-6 + label strong{display:block}}
/* Attach File*/
.homeCenterBar .homeWritePost a,.homeCenterBar .homeWritePost label{float:left;width:35px;height:35px;margin:0 5px 0 0;cursor:pointer;border-radius:50%;background:#d2d2d2;padding:0px;color:#fff;text-align:center;line-height:35px;font-size:19px;cursor:pointer;display:block}
.homeCenterBar .homeWritePost a:hover,.homeCenterBar .homeWritePost label:hover{text-decoration:none;background-color:#ddd}

.homeCenterBar .homePostes>div{width:100%;float:left;background:#fff;padding:15px;margin:0 0 55px 0}
.homeCenterBar .homePostes>div:last-child{margin:0}
.homeCenterBar .homePostes>div div.postContent{width:100%;float:left;position:relative;padding:0 0 0 90px}
.homeCenterBar .homePostes>div div.postContent>img{width:80px;height:80px;margin:0;padding:5px;background:#fff;border:1px solid #e9e9e9;border-radius:50%;position:absolute;top:-50px;left:0}
.homeCenterBar .homePostes>div div.postContent h1{margin:0;padding:0;font-size:22px}
.homeCenterBar .homePostes>div div.postContent span{line-height:26px;font-size:11px;color:#bcbcbc;font-family:Arial}
.homeCenterBar .homePostes>div div.postContent>div{width:100%;float:left;padding:0;margin:10px 0 20px 0;position:relative}
.homeCenterBar .homePostes>div div.postContent>div p{width:100%;float:left;padding:0;margin:0}
.homeCenterBar .homePostes>div div.postContent>div img{padding:0 0 10px}
.homeCenterBar .homePostes>div iframe{width:100%;height:260px;float:left;border:0;position:relative}

.homeCenterBar .homePostes>div div.postControls{width:100%;float:left;border-top:1px solid #ddd;padding:10px 0 0 0;font-size:12px}
.homeCenterBar .homePostes>div div.postControls>div>a{margin:0 15px 0 5px;cursor:pointer}
.homeCenterBar .homePostes>div div.postControls>div>a:last-child{margin:0 0 0 5px}
.homeCenterBar .homePostes>div div.postControls>div:first-child>a{color:#888;float:left}
.homeCenterBar .homePostes>div div.postControls>div:first-child>a:hover{text-decoration:none}
.homeCenterBar .homePostes>div div.postControls>div>i{font-size:14px;color:#f8cd53;float:left}

.homeCenterBar .homePostes>div div.postControls>div .likeWord{}
.homeCenterBar .homePostes>div div.postControls>div .displayNone{display:none}
.homeCenterBar .homePostes>div div.postControls>div .unlikeWord{color:#ccc!important}

.homeCenterBar div.accordion, .homeCenterBar div.accordion1{overflow:hidden}
.homeCenterBar .accordion-section-title, .homeCenterBar .accordion-section-title1{transition:all linear 0.15s}
.homeCenterBar .postComents{float:left;width:100%;display:none;margin:5px 0 0 0}
.homeCenterBar .postComents>div:first-child{float:left;width:100%;padding:15px;background:#eee;margin:15px 0 0;position:relative}

.postComents .addComment div{overflow:hidden;padding-right:70px}
.postComents .addComment input{width:100%;padding:0 8px;line-height:30px;height:32px}
.postComents .addComment button{position:absolute;top:15px;right:15px;z-index:20;padding:0 24px; line-height:32px;border:0;background:#1e2b5b;color:#fff}

.homeCenterBar .homePostes>div div.postControls .postComents>div:not(.addComment)>div{float:left;width:100%;padding:15px 15px 15px 75px;background:#eee;margin:15px 0 0;position:relative}
.homeCenterBar .homePostes>div div.postControls .postComents>div>div>img{width:55px;height:55px;margin:0;padding:5px;background:#fff;border:1px solid #e9e9e9;border-radius:50%;position:absolute;top:8px;left:10px}
.homeCenterBar .homePostes>div div.postControls .postComents>div>div h1{margin:0;padding:0;font-size:18px}
.homeCenterBar .homePostes>div div.postControls .postComents>div>div span{line-height:26px;font-size:11px;color:#bcbcbc;font-family:Arial}
.homeCenterBar .homePostes>div div.postControls .postComents>div>div p{width:100%;float:left;margin:0}
.homeCenterBar .homePostes>div div.postControls .postComents>div>div>a{width:100%;float:right;margin:0;text-align:right}

/*-- Start Home Popup Window --*/
.md-modal{position:fixed;top:50%;left:50%;width:40%;height:auto;z-index:2000;-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%;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:#b31b1b!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(0,0,0,0.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{}
.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;font-weight:normal}
/*-- End Home Popup Window --*/

/*-- End Home Center Bar --*/

/*-- Start Home Right Bar --*/
.homeRightBarGlobal{}
.homeRightBar{}
.homeRightBar>div:not(:first-child){margin-top:25px}
.homeRightBar>div{width:100%;float:left;background:#fff;border-color:#1e2b5b;padding:20px 15px}
.homeRightBar>div h1{margin:0;padding:0}

.homeBarLink{padding:0!important;line-height:14px}
.homeBarLink a{width:100%;float:left;display:block}
.homeBarLink a i{text-align:center;float:left;width:60px;line-height:65px;position:relative;margin:0 20px 0 0;font-size:30px;transition:all .4s ease}
.homeBarLink a:hover i{margin:0 30px 0 0}
.homeBarLink a i::after{content:'';position:absolute;top:14px;right:-10px;width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 15px;transition:all .4s ease}
.homeBarLink a:hover i::after{right:-15px}
.homeBarLink a div{width:auto;float:left;padding:8px 0 0 0}
.homeBarLink a div h1{padding:0;margin:0}
.homeBarLink a div span{font-size:13px;color:#bcbcbc}

.hometimeTable{}
.hometimeTable a{cursor:pointer}
.hometimeTable i{background:#1e2b5b;color:#a5aabd}
.hometimeTable i::after{border-color: transparent transparent transparent #1e2b5b}

.homeGalleryBar{}
.homeGalleryBar a{cursor:pointer}
.homeGalleryBar i{background:#f8cd53;color:#bf9d40}
.homeGalleryBar i::after{border-color:transparent transparent transparent #f8cd53}
.homeGalleryBar h1{color:#bf9d40}

.homeNews{border-top:2px solid;font-size:13px;margin-bottom:15px}
.homeNews>a{width:100%;float:left;color:#888}
.homeNews img{margin:0 0 8px 0}
.homeNews h3{padding:0;margin:0;font-family:Arial;font-size:15px;width:100%;float:left}
.homeNews span{font-size:12px;color:#bcbcbc;margin-bottom:6px;width:100%;float:left}
.homeNews .botBoxReadMor{margin:30px auto -35px}
/*-- End Home Right Bar --*/

.footer{width:100%;background:#b31b1b;text-align:center;color:#fff;padding:40px 0;margin:20px 0 0 0}
.footer a{color:#f8cd53}

.homeLeftBarGlobal, .homeRightBarGlobal{position:relative}
.homeLeftBar, .homeRightBar{float:left;width:100%;bottom:200px;transition:all 0.8s ease 0s}
.scrollBottom{position:fixed;bottom:119px!important;transition:all 0.8s ease 0s}

/*-- Start Home Poll --*/

.homePoll{position:relative;overflow:hidden}
.homePoll .pollQuestion p{width:100%;float:left;background:#eee;padding:12px 8px;margin:0 0 10px 0}
.homePoll input{width:auto}
.homePoll div.radio{width:100%;float:left;margin:5px 0;font-size:12px}
.pollQuestion, .pollViewResults{width:100%;float:left;position:absolute;padding:25px 15px}
.pollQuestion button, .pollViewResults button{margin:6px 0 0 0;float:right}

.pollViewResults h1{width:100%;float:left;font-size:30px;text-transform:uppercase;text-align:center;margin:0 0 10px 0 !important}
.pollViewResults h1 span{width:100%;float:left;font-size:20px}
.pollViewResults .progress{height:6px}
.pollViewResults .progress .progress-bar{background-color:#f8cd53}

.pollQuestionStand{left:0}
.pollQuestionAim{left:100%;transition:all 0.5s ease 0s}
.pollViewResultsStand{right:-100%}
.pollViewResultsAim{right:0%;transition:all 0.5s ease 0s}


/*-- End Home Poll --*/


/*-- End Home Page --*/




/*-- Start Inner Pages --*/

.innerSubMenu{width:100%;float:left;background:#e3e3e3}
.innerSubMenu .container div{width:auto;float:right}
.innerSubMenu .container div a{width:auto;float:left;display:block;padding:0 15px;line-height:49px;font-size:15px;color:#858585;border-bottom:2px solid #e3e3e3;margin:0 2px}
.innerSubMenu .container div a:hover{text-decoration:none;border-bottom:2px solid #f8cd53}
.innerSubMenu .container div a.selectedInnerMenu, .innerSubMenu .container div a.selectedInnerMenu:hover{background:#eee;border-bottom:2px solid #eee}

.innerCenterBar>h1{width:100%;float:left;padding:0;margin:59px 0 0 0;font-size:45px;line-height:31px}
.innerCenterBar>div{width:100%;float:left;background:#fff;padding:30px 20px 20px}

.innerCenterBar>div> h1{margin:0}
.innerCenterBar div.tabs, .innerCenterBar .myInfo, .innerCenterBar table, .innerCenterBar div.chart-wrap, .innerCenterBar .controlBottons, .innerCenterBar .evaluation, .innerCenterBar .timetable, .innerCenterBar .messagingInbox{margin-bottom:40px}

.myInfo{float:left;width:100%}
.myInfo>div{border-bottom:1px solid #ddd;padding:12px 0;width:100%;float:left}
.myInfo>div:last-child{border-bottom:0px}

















@media screen and (max-width: 1366px) {
.homeProfile div.verifiedTitle img {width:100%}

}





@media screen and (max-width: 1199px) {
.md-modal{width:50%}
.homeLeftBar, .homeRightBar{}


}


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



}


@media screen and (max-width: 991px) {
.homeProfile div.verifiedTitle img {width:auto}


.homeLeftBar, .homeRightBar{width:100%}


.md-modal{width:74%}

.homeLeftBar, .homeCenterBar{margin-bottom:0}



}


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


.logo{margin:12px auto;text-align: center;width: 100%}
.logo img{margin:0px auto}

.md-modal{width:90%}


}


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


}


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


}


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


}


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






}




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





}


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



}


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


}