@charset "utf-8";
@import url("style.css");



@media (max-width: 1390px){
	.mainWrap{
		padding:0 40px;
	}
}
@media (max-width: 1060px){

}


@media (max-width: 980px){
	.logo {
		display: block;
		float: none !important;
		margin: 0 auto;
		max-width: 82px;
		width: 100%;
	}
	.logo  img{
		width: 100%;
	}
	.loginBanner{
		overflow:hidden;
	}
	.loginBanner img {
		width: 100%;
		height: auto;
		min-height: 286px;
		min-width: 1129px;
		margin-left: -128px;
		margin-top: -30px;
	}

	body .loginContent .loginBtn{
		display:none !important;
	}
	body  .loginContent .forMobile{
		display:block !important;
	}

	.loginPage .row .column{
		width:100% !important;
		float:none !important;
	}


	.topInfoDiv{
		float:none !important;
		max-width: none;
	}
	.profileInfoDiv{margin:0;}
	.profileInfoDiv{
		position: relative;
		top: 0;
		right: 0;
		max-width: 290px;
		margin: 12px auto;
	}
	.greetDiv {
		clear: none;
		float: left;
		margin: 6px 0 0;
	}
	.srcDiv {
		height: 32px;
		width: 184px;
		position: absolute;
		top: -37px;
		right: 8px;
	}
	.srcDiv .srcInptDiv,
	.srcSubmit{border:1px solid #ffffff !important;}
	.srcSubmit {border-left:0 !important;min-height:32px !important;}
	.btmRight.right{display:none;}


	.mainWrap .LHS,
	.LHS.column{/*display:none;*/}
	.topNavigation{
		display:none;
	}
	.homePage .column{
		float:none !important;
		margin:0 !important;
		padding:0 !important;
		width:auto !important;
	}
	.lbl {
		text-align: left;
	}
	.mainWrap .RHS{max-width:none;}
	.RHS.column{width:auto !important;float:none;}

	.mainWrap{
		/*margin-left:20px;
		margin-right:20px;*/
		padding:0 30px;
	}
	.adminDashboard .column{
		float:none !important;
		width:100% !important;
		margin-bottom:20px !important;
	}
	.adminDashboard .column .width_1\/16{
		display:none;
	}
	.adminDashboard .DB_iconWrap{max-width:100%;}
	.adminDashboard .announcementDiv{padding:0;}

	.RHS.column, .DB_iconWrap {
		float: none;
		width: auto !important;
		display: block;
		max-width: none;
		margin: 0 10px;
	}

	.pageWrapper{position:relative;width:auto;}
	.sideMenu{display:block;height:49px;background:#000000 url("../proimages/sideMenuBar.png") left top repeat-x;margin:0 0 -1px;}
	.showMenu, .hideMenu{cursor:pointer; background:url("../proimages/menuclickBtn.png") left top no-repeat;width:38px;height:29px;margin:11px 0 0 15px; float:left;border-radius:5px;border:1px solid #999999;}
	.showMenu.hover{background:url("../proimages/menuclickBtnHover.png") left top no-repeat;}
	.sidePanel{display:block;position:absolute;width:70%;height:100px;top:0px;left:0px;min-height:100%;background:url("../proimages/mobile-nav.png") repeat;margin:0 0 0 -70%;overflow-y:auto;}
	.sidePanel ul{list-style:none;padding:0px; margin:0px;}
	.sidePanel ul ul{display:none;}
	.sidePanel ul li{list-style:none;padding:0px; margin:0px;}
	.sidePanel ul li a{padding:14px 15px; margin:0px;color:#dddddd;display:block;text-decoration:none;content:attr(data-icon);font-family:icomoon, Arial;font-weight:normal;font-size:15px;}
	.sidePanel ul li a:hover, .sidePanel ul li a.active{background: rgba(0,0,0,0.1);}
	.sidePanel ul li a i{float:right;margin:0 0 0 0;font-size:10px;}
	.sidePanel ul li ul li{}
	.sidePanel ul li ul a{padding-left:30px;}
	.sideSubUl{display:none;}

	.headerLine{display:none;}
	.header{border-bottom:1px solid #3C3C3C;padding:0 10px;}
	.innerPadding{padding:0 10px;}

	.announcementDiv {
		display: block;
		margin: 15px 0 0;
		max-width: none;
		padding: 0 10px;
		width: auto;
	}

	.annoContentWrap, .ancContent {
		min-width: inherit;
	}

	.widget1, .widget2{
		float:none !important;
		margin:0 auto;
	}

	.footer .footerLeft {
		max-width: 270px;
	}
	.footer .footerRight {
		max-width: 215px;
	}


	#content[data-class="facility"] .dataTables_wrapper{
		overflow-x: auto;
	}
	#content[data-class="vms"] .dataTables_wrapper{
		overflow-x: auto;
	}
}

@media (max-width: 965px){
	.flexslider .slides img{min-height:200px;}
	.imgCaption{height:80% !important;}
	.imgCaption .captionTitle{font-size:17px;margin:0 0 10px 0;}
	.content .imgCaption p{font-size:14px;line-height:14px;}

	.sectionHeader {max-width: none;}
}
@media (max-width: 840px){
	.dataTable td.hideDataCol, .dataTable th.hideDataCol{
		display:none;
	}
	ol#content-tbs{
		float:none!important;
	}
}

@media (min-width: 721px) and (max-width: 960px){
}

@media (max-width: 740px){



	ol#content-tbs li {
		width: 100% !important;
		box-sizing: border-box;
	}
	ol#content-tbs li a {
		display: block;
		width: 100%;
	}

	.announcementWrap .flexslider .anc_img{
		float:none;
	}
	.announcementWrap .flexslider .anc_content{
		padding:0 0 15px 0;
	}
	.announcementWrap .flexslider .anc_img{
		max-width:373px;
	}
	.announcementWrap .flexslider .slides img{
		min-height: 179px;
	}
}


@media (max-width: 720px){
	.annoContentWrap{overflow:auto;}
	.footerWrap {
		margin-top:20px;
		position: relative;
		height:auto;
	}
	.footerImg, .footerLinks{
		float:none !important;
		width:auto !important;
		text-align:center !important;
		margin:0 10px;
	}
	.footerLinks a{margin-bottom:10px;}

	.flurid{width:100%;}


	.footer .left, .footer .right{
		float:none !important;
		text-align:center;
		display:block;
	}
	.footer{padding:15px 10px 52px;}
}

@media (max-width: 630px){
	.tabs{text-align:center;}
	.tabs a{
		display:inline-block;
	}
}

@media (max-width: 580px){
	body {font-size:17px;}

	h2{font-size:22px;}
	h2{font-size:21px;}
	h3{font-size:20px;}
	h4{font-size:29px;line-height:24px;}
	h5{font-size:18px;line-height:24px;}
	h6{font-size:17px;line-height:24px;}

	.title{
		font-size:22px;
	}

	.mainWrap{
		margin-left:0;
		margin-right:0;
	}
	.loginBanner{
		background:url("../proimages/loginBanner.jpg") no-repeat left center / auto 100%;
		height: 152px;
		width: 100%;
	}
	.loginBanner img{
		/*opacity:0;*/
	}

	.loginBanner img {
		width: 100%;
		height: auto;
		min-height: 140px;
		min-width: 900px;
		margin-left: -115px;
		margin-top: -42px;
	}

	.column{
		float:none !important;
		margin:0 !important;
		padding:0 !important;
		width:auto !important;
	}

	.announcementWrap .flexslider{
		margin-top:36px;
		margin-bottom:0;
	}
	.announcementWrap .flex-control-nav{
		width:100%;
		max-height: 30px;
	}
	.announcementWrap .flex-control-nav li{
		margin:0 5px;
	}
	.flex-viewport{max-height:none !important;}

	.btm-H h1{font-size:20px;line-height:42px;}
	.btm-H h1 span{font-size:16px;margin:0px;}
	.RHS .Title{font-size:18px;}

	.logo{float:none !important; margin:0 auto 5px auto;}
	.logo img{margin:0;}
	.link1, .link2{display:none;}

	.footer {
		text-align:center;
	}
	.footer .footerLeft,
	.footer .footerRight {
		float:none;
		margin:0 auto
	}
}

@media (max-width: 480px){
	.header {
		min-height: 130px;
	}
	.loginBanner{
		background:url("../proimages/loginBanner.jpg") no-repeat -64px center / auto 100%;
	}
	.login_popup .wrap{
		padding:45px 20px;
	}
	.topInfoDiv{text-align:center;}
	.profileInfoDiv, .greetDiv {
		/*display: inline-block;
		float: none !important;
		margin: 0 auto 5px;
		width: auto;*/
	}
	.profilePic.active .profOptionsMenu {text-align: left;}
	.greetDiv{width:100%;}
	.imgCaption{display:none;}
	.flexslider .slides img{min-height:150px;}

	.mobileTbl{display:block;}
	.desktopTbl{display:none;}

	#after{margin:10px 0 0 0;}

	#calendar .fc-header .fc-header-title h2{font-size:14px;}
	#calendar .fc-header .fc-button-prev,
	#calendar .fc-header .fc-button-next{padding:0 2px;}

	.mobTable{display:block;}
	.desktopTable{display:none;}
	/*.dataTable td.hideDataCol, .dataTable th.hideDataCol,*/
	.dataTable td.altShowCol, .dataTable th.altShowCol{
		display:none;
	}
}

@media (max-width: 320px){
	.loginBanner{
		background:url("../proimages/loginBanner.jpg") no-repeat -54px center / auto 100%;
		height: 130px;
		width: 100%;
	}
}

@media (max-width: 600px){
	body #confirmOverlay{text-align:center;}
	body #confirmBox {
		background: none repeat scroll 0 0 #3c3c3c;
		border: 5px solid #ffffff;
		display: inline-block;
		left: auto;
		margin: 0 auto;
		max-width: 460px;
		padding: 0 !important;
		position: relative;
		top: 20%;
		width: 90%;
	}
	#confirmBox .button {float: none !important;}
}

@media (max-width: 715px){
	.dataTable .hideDataCol{display:none;}
	.dataTable tr td:last-child.showDataCol div{margin: 0 auto;}
}