﻿/**For Global CSS used in the Master Page **/
/** reset **/
	*{
	padding:0;
	margin:0;
	}
body{
	font-family:arial;
	color:#16161d;
	overflow:auto;
}
html{
	height:100%;
}
body{
	height:100%;
}
#aspnetForm{
	height:100%;
}
/*.body-container{
	height:100%;
}*/

#s4-bodyContainer {
    height: 100%;
    padding-bottom: 0;
}

/** Red Bullet **/
ul.dfwp-list > li > div.bullet{
	 background-image: url("/_layouts/images/lstbuletred.gif");
}

.clearboth {
	clear: both;
	display: block;
	margin-bottom: 3px;
}

/** video **/

.videocontent {
	width: 90%;
    max-width: 560px;
	margin: 0 auto;
}

/** reset **/
.font10{
	font-size:10px !important;
}
.font12{
	font-size:11pt !important;
}
.font13{
	font-size:13px !important;
}
.font14{
	font-size:14px !important;
}
.font16{
	font-size:16px !important;
}
.font18{
	font-size:18px !important;
}

.body-container{
	background: url("../img/body-bg-40p.png") no-repeat scroll 0 0 transparent;
}
.header-container, .content-container, .footer-container{
	max-width:940px;
	margin-right:auto;
	margin-left:auto;
}
.header{
	 height: 89px;
}
.logo-wrapper{
	width: 49%;
}

.logo-wrapper img{
	max-width:100% !important;
    height:auto;
    display:block;
}
/* reduce left margin */

/** top-navbar **/
.navbar .nav{
	margin:0;
}
#top-navbar{
	height:25px;
	width: auto;
	background:#2897E4;
}
.top-menu-bar{
	height:25px;
}
.top-menu-bar > ul{
	width: auto;
	font-family: arial;
    font-size: 12pt;
}
.top-menu-bar >  ul > li{
	background: none repeat scroll 0 0 #2897E4;
    display: inline-block;
    float: left;
    height: 25px;
    padding:0 18px;
    -moz-padding-start:18px;
    -moz-padding-end:18px;
}
.top-menu-bar > ul > li{
	padding:0 18px\9;
} 
.navbar-inner{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2897E4', endColorstr='#2897E4', GradientType=0);
}
.top-menu-bar >  ul > li >ul li{
	color: #000;
	padding:2px 0px;
}
.top-menu-bar > ul > li:last-child{
	border-right: none;
	
}
.top-menu-bar > ul > li:last-child:hover{
	background: none repeat scroll 0 0 #2897E4
}
.top-menu-bar > ul > li:hover{
	background: none repeat scroll 0 0 #01395A;
}
.top-menu-bar > ul > li.top-menu-active{
	background: none repeat scroll 0 0 #01395A;
}
form{
	margin:0 !important;
}
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;    
}
a.menu:after, .dropdown-toggle:after {
    content: none;
}
.dropdown-menu {
padding:2px 2px 2px 10px;
border-radius:0px !important;
border-bottom:2px solid #01395A;
}
.dropdown-menu > li > ul a{
	word-wrap:break-word;
	line-height:20px;
	color:#002d36;
}
.dropdown-menu > li > ul a:hover{
	text-decoration:none;
}
.dropdown-menu .mega-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.dropdown-menu li a div{
	background: url(../img/icons/arrowSmall_icon_blue.png) no-repeat scroll 0% 7px transparent;
    padding: 5px 0 0 10px;
    display:inline;
    float:left;
}

.dropdown-menu li a font {
    position: relative;
    left: 5px;
}

.row-fluid #mainbody.span9{
	margin-left:1.12766%;
	padding-right:5px;
}

/* template global style */
h1 {
	font-weight:bold;
	font-size:18pt;
	color:#2897E4!important;
}

.page-title h1{
	font-size: 22pt;
	color: #84042C!important;
	line-height:21pt;
	margin:5px 0;
	font-family:arial;
	font-weight:normal;
}

h2{
	color:#16161D !important;
	font-weight:bold;
	font-size:14pt;
}
h3{
	font-weight:bold;
	font-size:12pt;
	color:#777777;
}
h4{
	font-weight:bold;
	font-size:12pt;
	color:#2897E4!important;
}

.section-title{
	color: #00aeef;
	font-size:14px;
}
h2.ms-webpart-titleText{
	line-height:20px;
	margin:0px;
	font-size:11pt;
	/*background:#82C8DC;*/
	background:#99ccff;
	padding:3px 5px;
	color:#fff !important;
	font-family:arial !important;
}
.ms-webpart-titleText span {
    color: #000;
    white-space:normal;
}
h2.ms-webpart-titleText img{ 
	padding:0 5px 0 0;
}
.ms-webpart-zone .ms-webpart-chrome{
	background:#f5fcff;
}
.ms-webpart-zone .ms-webpart-chrome-title{
	margin-bottom:0px;
}
.ms-webpart-zone .ms-wpContentDivSpace{
	padding:0 5px 0 5px;
	line-height:1.4;
	font-family:arial;
	font-size:11pt;
}
.field-heading{
	color:#00aeef;
	font-size:14px;
}

.ms-rtestate-field p, p.ms-rteElement-P, .ms-rtestate-field{
line-height:1.4;
font-size:11pt;
font-family:arial;
margin: 10px 0;
}


#footer-links .ms-rtestate-field{
	font-size:9pt;
	line-height:normal;
}
#mobileShowContent, #mobileHideContent{
	line-height:1.4;
	font-size:12px;
	font-family:arial;
}
.info-title{
	color:#00aeef;
}
.mtop10{
	margin-top:10px;
}
.field-content-area{
	float:left;
	width:67%;
}
.field-image-area{
	float:left;
	width:30%;
}
.field-image-area img{
	height:auto;
	width:auto;
	margin:2px;	
} 
/* template global style */

/** bootstrap overide script.**/
	#top-navbar .container{
		width: auto;
	}
	#top-navbar .navbar-inner{
		background-color: #2897E4;
	    background-repeat: repeat-x;
	    border: none;
	    border-radius: 0px;
	    box-shadow: none;
	    min-height: 23px;
	    padding-left: 0px;
	    padding-right: 0px;
	    background-image: linear-gradient(bottom, #2897E4, #2897E4);
		background-image: -o-linear-gradient(bottom, #2897E4, #2897E4);
		background-image: -moz-linear-gradient(bottom, #2897E4, #2897E4);
		background-image: -webkit-linear-gradient(bottom, #2897E4, #2897E4);
		background-image: -ms-linear-gradient(bottom, #2897E4, #2897E4);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1.0, #2897E4),
			color-stop(1.0, #2897E4)
		);
	}
	#top-navbar .navbar .nav > li > a {
		padding: 0 15px;
	}
	.row-fluid [class*="span"] {
		min-height: 23px;
	}
	#top-navbar .navbar .nav > li > a {
		color: #FFF;
		text-shadow: none;
		line-height:24px;
		font-size:12pt;
	}
	
/**/		
.content-container{
	background: none repeat scroll 0 0 #FFF;
}
.content-area{
	padding: 0px 0px 0px 0px !important;
}
.content-container .container-fluid{
	padding-left:0px !important;
	padding-right:0px !important;
}

.footer{
	background: url("../img/footer_bg.jpg") no-repeat scroll 0 0 #01395a;
    min-height: 116px;
}
ul.footer-list{
	display:block;
	width: auto;
	color:#FFF;
	margin-left:0px;
}
ul.footer-list > li{
	display: inline-block;
    padding: 45px 15px 5px 10px;
}
ul.footer-list > li:last-child{
	padding: 10px 5px 5px 5px;
}
ul.footer-list > li > ul{
	width:auto;
	margin:0;
	padding: 0;
}
ul.footer-list > li > ul > li{
	line-height: 12px;
	list-style:none;
}
.footer-icons{
	color: #FFFFFF;
    margin-left: 0 !important;
    padding-top: 35px;
}
#followUs{
	display:none;
}
.share-this{
    padding: 10px 0 0 20px;
}
.share-this img{
    padding: 0px 10px 0 0px;
}
.footer-space{
	background: none no-repeat scroll 0 0 transparent;
	height:40px;
}
.social-icon{
	padding: 10px 0 0;
}
.social-icon ul{
	margin:0px;
}
.social-icon ul li{
	display:inline-block;
	list-style:none;
	padding-right:3px;
}
ul.footer-list li a{
		color:#FFF;
}
/*search box*/
.searchBox{
	width: auto;
	padding: 2px 2px 0 2px;
}
.searchBox input{
	-webkit-box-shadow: 
      inset 0 0 1px  rgba(0,0,0,0.1),
            0 0 4px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 1px  rgba(0,0,0,0.1),
            0 0 4px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 1px  rgba(0,0,0,0.1),
            0 0 4px rgba(0,0,0,0.1); 
    height: 15px;
    width: 77%;
    border-radius:0px;
    line-height: 11px;
    font:12px arial;
    margin-bottom: 5px;
    padding:3px 6px 4px 6px;
    position:relative;
    bottom:3px;
}
.searchBox-icon{
	background: url("../img/search_icon.png") no-repeat scroll 100% 0 transparent;
	padding: 1px 17px 1px 4px;
}
/*only desktop version */
.searchBox-Desktop{
    padding: 2px 2px 0;
    position: relative;
    width: auto;
}
.input-searchbox{
	border-radius: 0 0 0 0 !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(0, 0, 0, 0.1) !important;
    font: 12px arial !important;
    height: 10px !important;
    margin-bottom: 5px !important;
    width: 100%;
    z-index: 0;
}
.searchBox-icon-desktop {
    background: url("/_layouts/15/images/searchresultui.png?rev=23") no-repeat scroll -36px -59px transparent;
    display: block;
    height: 16px;
    width:16px;
    left: 95%;
    position: absolute;
    top: 4px;
    z-index: 37;
    cursor:pointer;
}

.searchbox-go-btn-wrapper {
    height: 30px;
}

/*only desktop version */
.mobile-menu-wrapper{
	display: none;
}
.mobile-menu-items{
	display:none;
}
ul.nav li.dropdown > ul.dropdown-menu {
    display: none;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
#aspnetForm{
		margin-bottom:0px;
}
object[id$="sharepoint-uc"]{
	display:none;
}
#expand-icon-container{
   display:none;
} 
.expand-icon{
	background: url(../img/icons/expand_icon.png) no-repeat 0 0 transparent;
	margin: 10px 1% 0 90%;
	padding: 5px 0px 0px 20px;
	float: right;
	cursor: pointer;
	color:#006799;
	font:11px arial;
}
.collapse-icon{
	background: url(../img/icons/collapse_icon.png) no-repeat 0 0 transparent;
	margin: 10px 1% 0 90%;
	padding: 5px 0px 0px 20px;
	float: right;
	cursor: pointer;
	color:#006799;
	font:11px arial;
}
#expand-icon-container{
    margin:-10px 0 0 30px !important;
}
.fontInc-print-wrapper{
	float:right;
	padding-right:10px;
}
.font-inc{
float:left;
font-size:16px;
font-weight:bold;
padding:5px 0px 0px 0px;
}
.fontInc-print-wrapper .divider{
background: url(../img/seperator_img.png) no-repeat 100% 100% transparent;
padding-left:1px;
position:relative;
top:5px;
}
.font-inc .fontIncrease{
	font-size:20px;
	padding-right:10px;
}
.fontIncrease, .fontDecrease{
	cursor:pointer;
}
.print-icon{
	background: url(../img/print_icon.png) no-repeat 0 0 transparent;
	padding: 8px 10px 8px 8px;
	margin-top:8px;
	margin-left:8px;
	float:right;
	cursor:pointer;
}
.bottom-print-icon{
	background:#fff;
}
.pause-print-icon{
	cursor:pointer;
}
/** Breadcrumb Style **/
ul.s4-breadcrumb ul.s4-breadcrumbNode{
	margin:0px !important;
}
/** Breadcrumb Style **/
/** side nav bar global style**/
#sideNavBox  ul{
	list-style-type:none;
	margin:0 0 0 5px;
	padding:0;
}
#sideNavBox ul li{
	position:relative;
	padding:3px 5px;
	margin-bottom:1px;		
	background:none repeat scroll 0 0 #99CCFF;
}
#sideNavBox ul li a{
	color:#002d36;
	text-decoration:none;
	background-color:inherit;
	font-size:11pt;
	font-family:arial;	
}
#sideNavBox ul li a:hover{
		color:#002d36;
		background:#ffffff;

}
#sideNavBox ul li a > span {
    width: 100%;
    display:inline-block;
}
#sideNavBox ul > li,#sideNavBox ul > li:hover {
    background-position: 0.5em 0.6em;
   /* background-image: url("/SiteAssets/menu/arrow2_icon.png");
    background-repeat: no-repeat; */
}
/*#sideNavBox ul li ul li, #sideNavBox ul li ul li:hover {
	background-image: url("/siteAssets/menu/leftmenu_level1.png");
	background-size:8px 8px;
	border-bottom: 1px none  #DCF2F7;
	background-repeat:no-repeat;
}*/
#sideNavBox ul li ul li, #sideNavBox ul li ul li:hover, #sideNavBox ul li ul li ul li, #sideNavBox ul li ul li ul li:hover {
	background-image: url("../img/icons/arrowSmall_icon_white.png");
	border-bottom: 1px none  #DCF2F7;
	background-repeat:no-repeat;
	padding:1px 0px 3px 15px;
}

#sideNavBox .ms-listMenu-editLink{
	display:none;
}
#sideNavBox .ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item{
	padding:0px;
}
#sideNavBox .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item{
	padding-left:0px;
}
#sideNavBox ul li > ul{
	margin:0px;
}
ul.mobile-footer-link-list{
	display:none;
}
#shareSpan{
	cursor:pointer;
}
.ms-core-needIEFilter #suiteBarLeft{
	background-color: rgba(239,239,239, 0.78);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2f2,endColorstr=#f2f2f2f2);
}
.searchBox span{
	width:87%;
}
.searchbox-go-btn-wrapper{
	float:right;
}
span.search-control-span{
	margin-left:0px;
}
.pause-play-icon img{
height:auto;
width:auto;
}
#pauseIcon{
    bottom: 20px;
    position: absolute;
    right: 40px;
    z-index: 1;
    cursor:pointer;
}
.you-are-here{
	margin-left:20px;
}
/*.ms-webpart-zone,
.ms-webpart-zone .ms-webpart-chrome .ms-WPBody,*/
.mediaPlayerContainer,
.mediaPlayerContainer video {
	height:auto !important;
	width:100% !important;
}
.mediaPlayerContainer object {
	height:300px;
	width:100% !important;
}

.ms-cui-smenu-inner .ms-cui-menusection a.ms-cui-ctl img {
	max-width:none !important; position:absolute !important;
}

 .ms-cui-img-cont-float img {
	max-width:none !important; position:relative !important;
}



/** side nav bar global style**/
@media (min-width:980px){
	.tile-container{
	width:auto;
	padding: 25px 50px;
	}

	.tile-container div.tiles{
		width:235px;
		margin:5px 22px !important;
	}
	.margin-div{
		padding:0 4%;	
	}
	.footer-icons {
    	float: right;
    	padding-right: 50px;
	}
	.social-icon{
	padding:15px 0 0 0;
	}
	.row-fluid #sideNavBox.span3{
	width:22.4043%;
	}
	.row-fluid #mainbody.span9{
	width:76.359%;
	}
	.ms-siteicon-a{
    	max-width: 218px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
#footer .margin-div{
		padding:0 5%;	
	}
.tile-container{
		margin:10px 5px 0px 5px;
	}	
}
@media (max-width: 480px) {
	#mobileHideContent{
		display:none;
	}
	.row-fluid #mainbody.span9{
		margin-left:auto;
	}
	#myCarousel div h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 2px;
	}
	.fontInc-print-wrapper{
	display:none;
	}
	.page-title h1{
	font-size:20px;
	}
	.tile-container{
		margin: 0 !important;
	}
}
@media (max-width: 767px) {
	#signinLink{
		display:none;
	}
	.page-title h1 {
		margin:5px;
	}
	.pause-play-icon{
		display:none;	
	}
	.logo-wrapper{
		margin-top: 0px !important;
	}
	.mobile-menu-items ul{
		margin:0;	
	}
	.footer-space {
    	display: none;
	}
	.header{
		height:80px;
	}
	.right-info-nav{
		padding-top:0px;
	}
	.carousel-rowfluid > .span3{
		width:100%;
		float:left;
	}
	.carousel-rowfluid > .span9{
		float:left;
	}
	.right-info-nav > div:first-child
	{
		margin:5px 0 10px 0;
	}
	.tile-container{
		padding: 0;
		margin:0px 5px;
	}
	.tile-container div.tiles{
		width:auto;
		margin-right:0;
		margin-bottom:5px;
	}
	/*ul.footer-list{
		padding-top:0;
		display:none;
	}*/
	ul.footer-list{
		padding-top:0;
		margin: 0 0 5px 5px;
		/*display:none;*/
	}
	ul.footer-list > li{
    list-style-type: none;
    display:block;
    margin: 0;
    padding:0;
    }
	/* Above changes are for full screen footer */
	
	#top-menu-bar{
		height: auto;
	}
	#top-navbar{
		display:none;
	}
	.right-info-nav > div {
		background: url("../img/white_Larrow_icon.png") no-repeat scroll 2% 50% #CCECFC;
    	padding: 10px 0 10px 30px;
	}
	.right-info-nav > div.active-info-nav {
   	 	background: url("../img/white_Larrow_icon.png") no-repeat scroll 2% 50% #E51837;
    	padding: 10px 0 10px 30px;
	}
	.footer{
		background:none no-repeat scroll 0 0 #00395A;
		margin-top:0px;
		height:auto;
	}
	.footer-icons{
		padding-top:20px !important;
		float:right !important;
	}
	#mobileShowContent, #mobileHideContent {
		margin-top:25px;
	}
	ul.mobile-footer-link-list{
		display:none;
		padding:0 5px; 
		margin:10px 0px 0px 0px;
	}
	ul.footer-list > li:last-child {
	    padding: 0px;
	}
	ul.mobile-footer-link-list li{
		list-style:none;
	}
	ul.mobile-footer-link-list a{
		color:#FFF !important;
	}
	.share-this{
		padding:10px 0 0;
	}
	.footer-icons{
		padding-top:0px !important;
	}
	.social-icon{
		padding: 5px 10px 2px 0px;
	}
	#sideNavBox  ul{
		margin:5px !important;
	}
	#breadcrumbRowDiv{
		display:none;
	}
	#expand-icon-container{
   		display:block;
	}
	#mobileShowContent, #mobileHideContent{
		padding:5px;		
	}
	/*#shareSpan{
	*display:none;
	}*/
	#followUs{
	/*display:block;*/
	}
}
@media (max-width: 979px) { 
	.nav-collapse.collapse {
    	height: auto !important;
    	overflow: visible !important;
  	}
  	div.header-container > div.row-fluid > div.span12 {
		display:none;
	}
  	.ms-srch-sb > .ms-srch-sb-searchLink {
    	height: 20px;
    	left: 125px;
    	position: relative;
    	top: -31px;
	}
  	.search-control-span{
		display:block;
		float:right;
 	}
	#top-navbar{
		display:none;
	}
	.mobile-menu-wrapper{
		display:block;
	}
	.right-info-nav{
		margin:0 5px 0 5px;
	}
	.mobile-menu{
		width:auto;
		min-height: 40px;
		background-color: #00AEEF;
	    background-image: linear-gradient(to bottom, #00AEEF, #00AEEF);
	}
	.mobile-menu-btn{
		background-color: #00395a;
    	color: #FFFFFF;
	    float: left;
	    margin-left: 5px;
	    margin-right: 5px;
	    margin-top: 3px;
	    padding: 7px 15px;
	    border-radius: 4px;
	}
	.mobile-search-go-btn{
		background-color: #00395A;
    	border-radius: 4px 4px 4px 4px;
    	color: #FFFFFF;
    	float: right;
    	margin-right: 5px;
    	margin-top: 3px;
    	padding: 7px 9px;
	}
	.searchBox {
    	float: left;
    	padding: 11px 10px 2px;
    }
    .mobile-menu-items{
    	line-style:none;
    	padding:2px;
    }
    .mobile-menu-items ul{
    	margin-left: 0px !important
    }
    .mobile-menu-items ul li{
    	background: url("../img/right_arrow.png") no-repeat scroll 98% 50% #00AEEF;
    	padding:2px;
    	margin-bottom:1px;
    	list-style:none;
    }
    .mobile-menu-items ul li:last-child{
    	margin-bottom:none;
    }
    .mobile-menu-items ul li a{
    	color:#FFF;
    	text-decoration:none;
    	text-transform: uppercase;
    }
    .searchBox-icon{
    position:relative;
    top:12px;
    margin-right:10px;
    }
    .searchBox input{
		width:130px !important;
	}
}
li div.img-wrapper-red{
	border:1px solid #ef3f35;
}
li div.img-wrapper-red > div{
	background:#ef3f35;
	height:25px;
}
li div.img-wrapper-yellow{
	border:1px solid #f0b310;
}
li div.img-wrapper-yellow > div{
	background:#f0b310;
	height:25px;
}
li div.img-wrapper-purple{
	border:1px solid #a54399;
}
li div.img-wrapper-purple > div{
	background:#a54399;
	height:25px;
}
li div.img-wrapper-blue{
	border:1px solid #00adef;
}
li div.img-wrapper-blue > div{
	background:#00adef;
	height:25px;
}
li div.img-wrapper-pink{
	border:1px solid #f6adcd;
}
li div.img-wrapper-pink > div{
	background:#f6adcd;
	height:25px;
}
li div.img-wrapper-green{
	border:1px solid #47aa42;
}
li div.img-wrapper-green > div{
	background:#47aa42;
	height:25px;
}

/* Code for colored Home Screen Compoentnt */

.tile-container{
	width:auto;
	padding: 10px 10px 10px 16px;
}
.tile-header{
	height:25px;
	text-align:center;
	line-height:24px;
	color: #FFF;
}
.tile-header a,.tile-header a:hover {
	color: #FFF;
	text-decoration:none;
}
.tile-body{
	color:#002D36;
	padding-top:10px;
	min-height: 125px;
	line-height:16px;
}
.tile-left-content{
	word-wrap:break-word;
	margin-left:5px;
	padding:5px;
	float:left;
	width:53%;
}
.tile-body-img{
	height:auto;
	width:auto;
	padding:5px;
	float:left;
	width:35%;
}
.orange-tile-header{
	background-color:#F0B310;
}
.orange-tile-body{
	background-color:#FAE4B7;
}
.green-tile-header{
	background-color:#47aa42;
}
.green-tile-body{
	background-color:#d7e9d1;
}
.blue-tile-header{
	background-color:#00aeef;
}
.blue-tile-body{
	background-color:#aae0fa;
}

/* Colored component code ends */

@media print
{
 #top-navbar, #sideNavBox,.mobile-menu-wrapper, .mobile-menu-items{
	display:none;
 }
  #mainbody {
        float:left !important;
        margin-left:0 !important;
    }
  .footer-container{
	display:none;
	}
	.body-container a:link:after,
    .body-container a:visited:after {
        content: "";
    } 
} 
