/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}
.mobile_nav{ display:none;}

/*skin layout*/
.skin_wrapper {width:100%;margin:0 auto;position:relative;/*z-index:1*/;padding:0; background:#fff;}
.skin_width { width:100%; max-width:1150px;min-width:767px;margin:0 auto!important;position:relative;}

@supports (-ms-accelerator:true) {
	.skin_width { max-width:1050px;}
}

.skin_top{ padding:5px;}
.logo_style{ float:left; /*padding:15px 5px;*/}
.header_right{float:right; /*margin-top:30px;*/ margin-top:20px; padding-right:15px; }
.top-right-share-container{ margin-top:15px; }

#skin_menu{padding:0; background:#005999;-webkit-box-shadow:0 0 4px rgba(0,0,0,.7);-moz-box-shadow:0 0 4px rgba(0,0,0,.7);box-shadow:0 0 4px rgba(0,0,0,.7); }
.menu_bar { position:relative; }
.menu_box{float:left; padding-right:250px;}

.breadcrumb_style{ padding:13px 5px ;}
.home_position { float:left; }
.home_style { background:url(../images/home.png) no-repeat left center; height:18px; width:25px; cursor:pointer; }

.banner_style{ /*background-color: #EEEEEE; background:url(../images/banner_bg.png) repeat center center;text-align:center;*/ }

.skin_main {min-height:550px;background:#fff;}
.skin_content{/*padding:30px 20px;*/}
.skin_main_padding{padding:0 20px;}

.skin_footer{background:#005999;}
.copyright_bar{padding:25px 15px;}
.footer_left{float:left; color:#fff;}
.footer_right{float:right; }
.user_style{ float:right; }
#skin_menu .menu_bar .navbar-collapse{padding-left: 0px; padding-right: 0px;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; }
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style:none; }

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#standardMenu .rootMenu > li > a > span { 
    display:block;
    padding:0 18px;
    height:40px;
    line-height:40px;
    color:#fff; 
    white-space:nowrap;
    font-size:14px;
    font-family:'Montserrat',Arial, Tahoma, sans-serif;
    font-weight: 800 !important;
    border-right:solid 1px #00394a;
    text-transform:uppercase;
}
#standardMenu .rootMenu > li.first > a span { border-left:solid 1px #00394a; }
#standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span{ color:#fff; background:#01477a; }
#standardMenu .rootMenu > li.selected > a span, #standardMenu .rootMenu > li.breadcrumb > a span { background:#8CC63E; }


/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:230px; top:auto;z-index:1210;display:none;padding:0;}
#standardMenu .subMenu ul{ margin:0; padding:0; padding:15px 0; position:relative; z-index:1200; background:#01477a;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.5);-moz-box-shadow:0 3px 3px rgba(0,0,0,.5);box-shadow:0 3px 3px rgba(0,0,0,.5); }
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border:none; padding:0!important; margin:0; background:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; font-size:13px; background:none; color:#fff; white-space:normal; height:auto; line-height:1.5em; padding:7px 8px; text-transform:uppercase; margin:0 15px; border:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { cursor:pointer;color:#fff; background:#8CC63E;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat; position:absolute; right:15px; top:13px; width:15px; height:7px;z-index:9999;}

#standardMenu ul li ul li ul{ display:none; width:230px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:230px; top:0; }
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:230px;top:0; }
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:230px;top:0; }
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:230px;top:0; }

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*-- Megamenu --*/

@media handheld, only screen and (min-width: 768px){

#standardMenu .megamenu .subMenu{
	background-color: #01477a;
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,.5);-moz-box-shadow:0 3px 3px rgba(0,0,0,.5);box-shadow:0 3px 3px rgba(0,0,0,.5);
}

#standardMenu .megamenu .subMenu li{
	display: inline;
}

#standardMenu .megamenu .subMenu ul{
	padding: 0;
}

#standardMenu .megamenu .subMenu li a{
	float: left; 
	height:40px;
	border-bottom: 1px solid #5494C2;
	margin: 5px 10px;
}

#standardMenu .megamenu .subMenu li a span{
	display: table-cell;
	height: 30px;
	text-align:center;
	vertical-align:middle;
	font-size: 11px;
	-webkit-text-stroke: 0px;
}

#menuLoadingImage{
	margin-top: 74px;
}

.megamenuDescDiv {
	background-color: #F5F5F5; 
	position: absolute;
	width: 100%;
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,.5);-moz-box-shadow:0 3px 3px rgba(0,0,0,.5);box-shadow:0 3px 3px rgba(0,0,0,.5);
}

.megamenuDesc{
	text-align: left;
}

.megamenuDescMarginBottom{
	margin-bottom: 20px;
}

.megamenuDescMarginTop{
	margin-top: 10px;
	font-size: 15px;
}

.megamenuImage{
	margin-top: 20px;
	float: right;
	text-align: center;
	-webkit-box-shadow:1px 1px 3px 1px #CCCCCC;-moz-box-shadow:1px 1px 3px 1px #CCCCCC;box-shadow:1px 1px 3px 1px #CCCCCC;
	width: 100%;
	background-color: #E0E0E0;
}

.megamenuImage img{
	max-height: 150px;
	max-width: 272px;
}

.megamenuDescriptionTitle{
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Montserrat',Arial,Tahoma,sans-serif;
	color: #005999;
}

}

@media handheld, only screen and (min-width: 768px) and (max-width: 940px){
	#standardMenu .megamenu .subMenu li a {
		height:55px;
	}
	
	#standardMenu .megamenu .subMenu li a span{
		height: 45px;
	}
	
	.megamenuDescriptionTitle{
	font-size: 15px;
	
}
	.megamenuDescMarginTop{
		font-size: 12px;
	}
	
	.megamenuImage img{
	max-height: 120px;
	max-width: 160px;
}
}

/*-- End mega menu -- */


/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane > [class*="col-sm"],.dnnpane > [class^="col-sm"] { /*padding: 10px 15px; */}
.headerpane { }
.headerrightpane{ padding:15px; }
.footerrightpane{ }
.bannerpane {}
.bannerpane p{ margin:0;}

.content_grid12 {}
.one_grid4a {}
.one_grid4b {}
.one_grid4c {}
.two_grid3a {}
.two_grid3b{}
.two_grid3c {}
.two_grid3d {}
.three_grid12 {}
.four_grid8{}
.four_grid4{}
.five_grid4{}
.five_grid8{}
.six_grid6a{}
.six_grid6b {}
.seven_grid9 {}
.seven_grid3 {}
.eight_grid3{}
.eight_grid9 {}
.nine_grid3a{}
.nine_grid3b {}
.nine_grid3c {}
.nine_grid3d{}
.ten_grid12{}


/*--------- Search Style ----------*/
#Search{position:absolute;top:1.5px;right:3px;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:30px; right:2px; top:4px; text-indent:-99999px; overflow:hidden; }
.searchSite {text-indent:-99999px; }
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
#Search input[type="text"] {background: #fff; border: 1px solid #d1d1d1; font-size:14px; font-weight:bold; color: #222; width: 245px; padding: 7px 15px 7px 7px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;outline:none; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1) inset; -moz-box-shadow:0 0 3px rgba(0,0,0,.1) inset; box-shadow:0 0 3px rgba(0,0,0,.1) inset;}
#Search a{ display: block; position:absolute; right:0; top:0;height:31px; width:25px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search.png) no-repeat 5px 10px; z-index:1;cursor:pointer;color:#333;}
ul.searchSkinObjectPreview { z-index:999!important;}
#Search .searchInputContainer a.dnnSearchBoxClearText {right:25px !important; top:2px;}

/*--------- Register and Login Style ----------*/
#Login{ float:right;margin-top:3px; height:33px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.15);  }
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block;} 
#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li{ float:left; height:31px;border:none;}
#Login .registerGroup li:hover, #Login .loginGroup:hover{}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a { border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.2); position:relative; display:block; padding:0 8px; min-width:15px; height:31px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:31px; color:#fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:31px; font-size:12px; font-weight:normal; vertical-align:middle;line-height:31px; color:#fff;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{color:#eee;text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#cecece;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:12px;vertical-align:baseline;overflow:hidden;text-indent:9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px -91px;}
.registerGroup .userNotifications strong{ background-position:-92px -92px;}
.registerGroup .userMessages strong:hover{background-position:9px -40px;}
.registerGroup .userNotifications strong:hover{ background-position:-92px -42px;}
.registerGroup .userMessages strong:active{background-position:9px -91px;}
.registerGroup .userNotifications strong:active{ background-position:-92px -92px;}	
#Login .registerGroup a span{position:absolute; right:0; top:0; display:inline-block; padding:2px; min-width:10px; line-height:12px; text-align:center; background:rgb(31,152,241); font-size:12px; color:#fff; text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{ padding:0 0 0 0; background:none;}
#Login .registerGroup a img{ border:none; height:31px; width:31px;}

/*--------- Language Object ----------*/
.language-object{ display:inline; float:left; margin:0 0 0 5px;}
.language-object .Language { margin:0 3px;}
.language-object span img{ height:18px; width:25px; opacity:0.5; margin:0; border:2px solid transparent; opacity:1; filter:Alpha(Opacity=100);}
.language-object span:hover img{ opacity:0.8; filter:Alpha(Opacity=80);}
.language-object .Language.selected img{ opacity:1; border:1px solid #ccc; padding:1px;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center -4px #999;  background:url(../images/scroll_top.png) no-repeat scroll center -4px rgba(0, 0, 0, 0.3); border: 0 none; border-radius: 2px; bottom: 10px; right: 55px; display:block; height:35px; padding:0; width:40px; position: fixed; text-decoration: none; z-index: 903;}
#top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center -42px  #666;  background:url(../images/scroll_top.png) no-repeat scroll center -42px rgba(0, 0, 0, 0.6);  -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}


/*--------- Header and Footer Links ----------*/
#divHeaderMenu{ padding:0; }
#divHeaderMenu .row div{ padding:0; font-family: 'Montserrat',Arial,Tahoma,sans-serif; color:#4e5975;font-size:13px;}
#divHeaderMenu a{ font-family:'Montserrat',Arial, Tahoma, sans-serif; color:#4e5975;font-size:13px;}
#divHeaderMenu .menu a{ margin-left:30px; }
#divHeaderMenu a{ margin:2px; }
/*Footer Links*/
#divFooterMenu { float:right;}
#divFooterMenu a{ font-size:13px; margin: 10px; color:#fff; text-transform:uppercase; }
#divFooterMenu a:hover { color:#ddd; }

/*--------- DNN Role Grid style ----------*/
.rgDataDiv, .rgDataDiv .jspContainer, .rgDataDiv .jspContainer .jspPane{
width:100% !important;
}
.rgDataDiv .jspContainer{
overflow-y: auto;
}

/*--------------Sunblog Article Styles---------------*/
.share-buttons .twitter a:hover {
    background-position: -140px -40px !important;
}

.share-buttons .facebook a:hover {
    background-position: -560px -40px !important;
}

.share-buttons .googleplus a:hover {
    background-position: -845px -40px !important;
}

.share-buttons .linkedin a:hover {
    background-position: -700px -40px !important;
}

.share-buttons .stumbleupon a:hover {
    background-position: -280px -40px !important;
}

.share-buttons .digg a:hover {
    background-position: -490px -40px !important;
}

.share-buttons .delicious a:hover {
    background-position: -630px -40px !important;
}

.share-buttons .pinterest a:hover {
    background-position: -772px -40px !important;
}