/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
#skin_header{ background:#fff; background:rgba( 255,255,255,0.92); border-bottom:1px solid #e5e5e5; position:relative; }
.logo_style{ float:left; padding:0 1.5%; line-height:70px;}
.logo_style img { max-height:70px; }
.menu_style{ float:right; margin-right:15px; }

/*top right icons*/
.icons_menu{ float:right; margin-right:1.2%; margin-top:20px; position:relative; z-index:1000;}
.icon_search{ display:block; background:url(../images/icon_search.png) no-repeat; width:30px; height:30px; float:left; position:relative; padding-right:5px; cursor:pointer; margin-right:5px; }
.icon_search_style{ display:none; width:200px;position:absolute; left:-83px; top:35px; padding:15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon_search_style:before {width:0; height:0; position: absolute; left:92px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

.icon_user{ position:relative;float:left; padding-right:5px; cursor:pointer; }
.icon_user_hover{ display:none; width:180px;position:absolute; left:-63px; top:35px; padding:0; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.icon_user_hover:before {width:0; height:0; position: absolute; left:72px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

.icon_login{ float:left; padding-right:5px; }
.icon_lang{ display:none; background:url(../images/icon_lang.png) no-repeat; width:30px; height:30px;float:left; position:relative; cursor:pointer;}
.icon_lang_style{display:none; width:60px;position:absolute; left:-13px; top:35px; padding:0 0 15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.icon_lang_style:before {width:0; height:0; position: absolute; left:22px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

/*page name*/
.page_name { background:#f4f4f4; position:relative; min-height:70px; border-bottom:1px solid #e3e3e3;}
.pagename_style { position:relative; z-index:913; }
.pagename_style h1{ float:left; padding-left:15px; color:#7c7c7c; line-height:70px; font-size:22px; font-weight:normal; margin:0;}
.breadcrumb_style {float:right; padding-right:15px; color:#cccccc; line-height:70px;}
.breadcrumb_shadow { background:none; width:100%; height:45px; position:absolute; top:0; z-index:912; filter:Alpha(Opacity=80);opacity:0.8;}
.breadcrumb_shadow img { text-align:center; vertical-align:top; }

/*menu hover effect*/
.setHover { position:absolute; left:0; bottom:0;width:0; height:5px; transition: width 0.4s ease 0s; -webkit-transition: width 0.4s ease 0s; -moz-transition: width 0.4s ease 0s; z-index:1;}

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

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; padding:0 17px; height:70px; line-height:70px; color:#6b6b6b;  white-space:nowrap; font-size:13px; font-weight:normal; text-transform:none;}
#standardMenu .rootMenu li:hover .setHover { width:100%;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:200px; top:auto;z-index:1210;display:none;padding:0; background:#fff; background:rgba(250,250,250,0.92);  border:1px solid #ddd; border:1px solid rgba(0,0,0,.18);}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border:none; border-top:1px solid #ddd;  border-top:1px solid rgba(0,0,0,.18);  padding:0; background:none; }
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span {color:#fff !important; cursor:pointer;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}
#standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:200px; margin:0; background:#fff; background:rgba(250,250,250,0.92);  border:1px solid #ddd; border:1px solid rgba(0,0,0,.18);}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:198px; top:0; padding:0;}
#standardMenu ul li ul li.child-1 ul.level1 { top:-1px; }
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:198px;top:0; padding:0;}
#standardMenu ul li ul li ul li.child-1 ul.level2 { top:-1px; }
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:198px;top:0; padding:0;}
#standardMenu ul li ul li ul li ul li.child-1 ul.level3 { top:-1px; }

#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 style ----------*/
#megaMenu { position:relative; margin:0 auto; }
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none; }

#megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}

#megaMenu .root li a span { display:block; padding:0 17px; height:70px; line-height:70px; color:#6b6b6b;  white-space:nowrap; font-size:13px; font-weight:normal; text-transform:none; }
#megaMenu .root li:hover .setHover { width:100%;}

/*-- category --*/
#megaMenu .category { position:absolute;left:0;top:auto;z-index:1210;width:378px; display:none; padding:5px 8px 12px 8px; background:#fff; background:rgba(255,255,255,0.92); border:1px solid #ddd; border:1px solid rgba(0,0,0,.18);  }
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ background:none; margin:0 8px; width:164px; padding:0; float:left;}
#megaMenu .category li.item a{ border:none; border-bottom:1px dashed #ddd; border-bottom:1px dashed rgba(0,0,0,.18);  background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:600; white-space:normal; height:auto; line-height:1.5em; padding:10px 0 8px 0; margin:0; text-transform:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none;cursor:pointer; }

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none; width:160px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 6px; line-height:1em; background:url(../images/right.gif) left 17px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:normal; height:auto; line-height:1.5em; padding:10px 0; text-transform:none; }
#megaMenu .leaf li li{ clear:both;float:none; width:155px; }
#megaMenu .leaf li.selected > a span{cursor:pointer;}

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

/*--------- User Profile Style ----------*/
.user_profile{  cursor: pointer; display: block; }
.user_profile ul { margin:0; padding:10px 0; border:none;}
.user_profile .registerGroup, .user_profile .registerGroup *{ display:block;} 
.user_profile .registerGroup{ float:left;padding:0;margin:0;} 

/* Register Group Styles */
.user_profile .registerGroup li{ width:180px; margin:0; padding:5px;border:none; border-bottom:1px solid #d9d9d9; border-top:1px solid #f5f5f5; }
.user_profile .registerGroup li:first-child { border-top:none; }
.user_profile .registerGroup li:last-child { border-bottom:none; }
.user_profile .registerGroup .buttonGroup{ margin-right:0;}
.user_profile .registerGroup a{ position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#333!important; height:28px; vertical-align:middle;line-height:28px;}
.user_profile .registerGroup a:hover{  color:#444!important; text-decoration:none;}
.user_profile .registerGroup a:active{ color:#444;padding:0 9px;}
.user_profile .registerGroup a strong{ position:absolute;left:0; top:0; padding-left:30px; height:100%;display:block;font-size:12px;font-weight:normal;overflow:hidden;}
.registerGroup .userMessages,.registerGroup .userNotifications { background:none;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite2.png) no-repeat 9px 10px;}
.registerGroup .userNotifications strong{ background-position:-91px 7px;}
.registerGroup .userMessages strong:hover{ background-position:9px -41px;}
.registerGroup .userNotifications strong:hover{ background-position:-91px -44px;}
.registerGroup .userMessages strong:active{ background-position:9px 11px;}
.registerGroup .userNotifications strong:active{ background-position:-91px 8px;}	
.user_profile .registerGroup a span{ position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:20px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;
/*CSS3*/	
background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */			
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; }
.user_profile .registerGroup li.userDisplayName { border-bottom:none; padding-top:10px;}
.user_profile .registerGroup li.userDisplayName a{ padding-left:32px;}
.user_profile .registerGroup li.userProfileImg{ border-top:none; margin-top:-38px; }	
.user_profile .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
.user_profile .registerGroup a img{border:none;height:28px; width:28px;background:#ccc;}

/*--------- Login Style ----------*/
.login_style { float:left; position: relative;}
.login_style .login-button { display: block; cursor: pointer; }
.login_style .logout-button  { display: block; cursor: pointer; }
.login_style .login-button span { background:url(../images/icon_login.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}
.login_style .logout-button span { background:url(../images/icon_logout.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}
.login_style .login-button span a, .login_style .logout-button span a {filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; padding:10px 0;}
.user_login{ display:none;}

/*--------- User Style ----------*/
.icon_user { float:left;}
.icon_user .user-button { display: block; cursor: pointer; }
.icon_user .user-button span { background:url(../images/icon_user.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}
.icon_user .user-button span a { filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; padding:10px 0; }
.icon_user .user-back span { background:url(../images/icon_user.png) no-repeat center; display: block; height: 30px; width: 30px;overflow:hidden;}
.user_register { display:none;}
[id*="dnnUSER3_registerLink"] { float:left; display:block;filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:2px; }


/*--------- Search style ----------*/
#Search{ float:right;margin:0; position:relative; padding:0; padding-top:5px;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:33px; height:33px; 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:15px; }
#Search input[type="text"] {background: #fff; border: 1px solid #d1d1d1; font-size:15px; color: #888888; width:175px; padding: 7px 34px 7px 7px; outline-style:none;}
#Search a{ display: block;position:absolute;right:0; top:0;height:35px; width:34px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 5px 15px;z-index:1;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText {right: 30px !important; top:3px;}

/*--------- Language Style ----------*/
.language-object{ text-align:center;display:block; margin:0; }
.language-object span {display:block; width:100%;}
.language-object .Language {margin:0 2px;}
.language-object span img{height:18px; width:27px;opacity:0.9; margin:10px 0 0 0; border:2px solid transparent;}
.language-object span:hover img{opacity:1;}
.language-object .Language.selected img{ opacity:1; border-color:#555; border-color:rgba(0,0,0,.1); -webkit-border-radius: 2px;border-radius: 2px;}
#Language { float:right; display:inline-block; display:block\9; filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:3px;}

/*--------- Tipsy Style ----------*/
.tipsy { display:block; float: left; padding:5px 2px; font-size: 12px; background-repeat: no-repeat; background-image: url(../images/tipsy.png);}
.tipsy-inner { padding:8px; background:#e9e9e9; color: #555; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.tipsy-up { background-position: top center;}
.tipsy-down { background-position: bottom center;}
.tipsy-right { background-position: right center;}
.tipsy-left { background-position: left center;}

/*--------- Contact Style ----------*/
.contact_style{ display:block; }
.contact_style p{ padding-top:9px;}
.contact_style p a{ color:#fff !important; }
.contact_style p a:hover{ color:#eee !important; }
.contact_style p span{ margin:0 8px 0 12px; color:#fff !important; }


@media handheld, only screen and (max-width: 1140px){
#standardMenu .rootMenu >li a span, #megaMenu .root >li a span { padding:0 7px;}	
}


@media handheld, only screen and (max-width: 991px){
#skin_header{ position:static; width:100%; margin:0 auto; padding:0; }
.header_main{ position:static;}
.menu_box{ min-height:0; display:none; float:none; padding:0; margin:0; }
.logo_style{ float:none; padding:15px; line-height:none; width:auto; }
.site_logo { text-align:center; }
.menu_style{margin:0 ; float:none; line-height:0; padding:5px 0 0; width:auto; }
.top_spacer{ min-height:0; }
.skin_banner{ min-height:0;}
.icons_menu { float:right; padding-right:10px; margin-top:0; }

/*--------- mobile menu style ----------*/
.mobile_nav { display:block; padding-left:10px; }
.menuclick {background:url(../images/btn_menu.png) no-repeat center center; width:40px; height:40px; display: block; }

/*--------- StandardMenu style ----------*/
#standardMenu {  padding-bottom:0;}
#standardMenu li{ float:none; border-bottom:1px solid #ccc; margin:0; }
#standardMenu li.back{ display:none;}

#standardMenu .rootMenu li a{ background:#6b6b6b;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; border:none;}

#standardMenu .rootMenu li a span .navarrow{ position:absolute; width:60px; height:38px; right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu a span .navarrow2{ background-position:center -42px;}
#standardMenu .rootMenu li:hover .setHover{ width:0;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; }
#standardMenu .subMenu ul{ background:none; border:none;}
#standardMenu .subMenu ul li {border:none;}
#standardMenu .subMenu li.item a{ background:#f5f5f5; border:none; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span { background:#ddd!important; color:#333!important;}
#standardMenu .subMenu li.selected > a, #standardMenu .subMenu li.item a:hover { background:#ddd!important;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level3 li.item a span{ padding-left:70px; }
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ display:block;width:auto;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu {  padding-bottom:0;}
#megaMenu li{ float:none; border-bottom:1px solid #ccc; margin:0;}
#megaMenu li.back{ display:none;}

#megaMenu .root li a{ background:#6b6b6b;}
#megaMenu .root li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; border:none; }
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span {border-radius:0;}

#megaMenu .root li a span .navarrow{ position:absolute; width:60px; height:38px; right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root a span .navarrow2{ background-position:center -42px;}
#megaMenu .root li:hover .setHover { width:0;}

/*-- category --*/
#megaMenu .category{position:static; width:auto!important; padding:0;}
#megaMenu .category ul{background:#f5f5f5;  border:none; padding:0;}
#megaMenu .category li{ width:auto; padding:0; margin:0; float:none; border:none; }
#megaMenu .category li.item a{ background:none; border:none; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#megaMenu .category li.selected > a, #megaMenu .category li a:hover { background:#ddd;}
#megaMenu .category li.item a span{ padding:0 15px 0 25px; color:#333!important; background:none; height:35px; line-height:35px;}
#megaMenu .category li li.item a span{ padding-left:40px; }
#megaMenu .category li li li.item a span{ padding-left:55px; }
#megaMenu .category li li li li.item a span{ padding-left:70px; }

#megaMenu .leaf li{ width:auto; margin:0; padding:0; }
#megaMenu .leaf li.item a{ padding:0;}
#megaMenu .leaf li li{width:auto; }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
/*page name*/
.page_name { min-height:50px;}
.pagename_style { min-height:50px; top:0; padding:0; }
.pagename_style h1{ line-height:50px; font-size:20px; padding-top:0; }
.breadcrumb_style{ line-height:50px; display:none; padding-top:0; }
}

/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {

.menuclick { background-image:url(../images/retina/btn_menu@2x.png); -webkit-background-size:25px 19px; -moz-background-size:25px 19px; background-size:25px 19px; }
.icon_lang{ background-image:url(../images/retina/icon_lang@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px; }
.login_style .login-button span{ background-image:url(../images/retina/icon_login@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.login_style .logout-button span{ background-image:url(../images/retina/icon_logout@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.icon_user .user-button span{ background-image:url(../images/retina/icon_user@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.icon_user .user-back span{ background-image:url(../images/retina/icon_user@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.icon_search{ background-image:url(../images/retina/icon_search@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
}