/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
#skin_header{ position:relative; border-top:3px solid;background:#111; background:rgba(0,0,0,0.8); width:100%;padding:0; z-index:999;}
.logo_style{ padding:0; float:left; }
.site_logo { padding:5px 10px 5px 15px; line-height:54px; }
.menu_box{ margin:0; float:right; padding:8px 15px; display:block; }
.footer_logout{ display:inline-block;}

/*page name*/
.page_name { position:relative; background-color:#fff!important; }
.pagename_style { position:relative; z-index:913; min-height:70px; border-bottom:1px solid #e3e3e3; padding-top:10px; }
.pagename_style h1{ float:left; padding-left:15px; color:#555; line-height:60px; font-size:32px; margin:0; }
.breadcrumb_style {float:right; padding-right:15px; color:#555; line-height:60px;}

/*--------- 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.selected 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 22px; height:48px; line-height:48px; color:#fff;  white-space:nowrap; font-size:13px; font-weight:bold;text-transform:none;}
#standardMenu > .rootMenu > li.haschild > a span { padding-right:27px;}
#standardMenu .rootMenu >li a span .navarrow{background:url(../images/menu_icon.gif) no-repeat center center;position:absolute; width:30px; height:50px; right:5px; top:1px}

/*-- submenu --*/
#standardMenu .subMenu {display:none; position:absolute; left:0; top:auto; width:200px; z-index:1210; padding:8px 0 0 0;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#111; background:rgba(0,0,0,.8); border:1px solid #eee; border:1px solid rgba(255,255,255,.1); border-bottom:none;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; margin-bottom:0;}
#standardMenu .subMenu li.item a{ border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,.1); padding:0; background:none; }

#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#fff; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span {cursor:pointer; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#standardMenu .subMenu .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;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:198px; top:-1px;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:198px;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;}
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{position:relative; display:block; float:left; margin:0; list-style: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.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover {  text-decoration:none;}
#megaMenu .root > li a span {  display:block; padding:0 22px; height:48px; line-height:48px; color:#fff;  white-space:nowrap; font-size:13px; font-weight:bold;text-transform:none;}
#megaMenu > .root > li.haschild > a span { padding-right:27px;}
#megaMenu .root >li a span .navarrow{background:url(../images/menu_icon.gif) no-repeat center center;position:absolute; width:30px; height:50px; right:5px; top:1px}

/*-- category --*/
#megaMenu .category{ position:absolute;left:0;top:auto;z-index:1210;width:380px; display:none; padding:8px 0 0 0; border:none;}
#megaMenu .category > ul{ margin:0; position:relative; z-index:1200; padding:5px 9px 20px; background:#111; background:rgba(0,0,0,.8);}
#megaMenu .category li{ background:none; margin:0; width:180px; padding:0 10px; float:left;}
#megaMenu .category li.item a{ border:none;border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,.1);background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#fff; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:11px 0 8px 2px; margin:0; text-transform:none; border:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none;  cursor:pointer;}

#megaMenu .leaf li{ clear:both; float:none; width:175px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ padding:0 0 0 8px; background:url(../images/right.gif) left 15px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ padding:8px 0; font-weight:normal; }
#megaMenu .leaf li li{ clear:both;float:none; width:170px; }

#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;}

/*--------- Search Style ----------*/
.top_search_style { float: right; position: relative; top:16px; right:2px;}
.top_search_style .search_button_close { display:none;}
.top_search_style .search_button span { background:url(../images/icon_search.png) no-repeat scroll center 7px transparent;}
.top_search_style .search_button_close span { background:url(../images/search_close.png) no-repeat scroll center 7px transparent;}
.top_search_style .search_button span, .top_search_style .search_button_close span { display: block; height: 28px; width: 28px; cursor:pointer; }

#Search { display:none; position:absolute; right:0; top:48px;}
.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:28px; right:2px; top:4px; text-indent:-99999px; overflow:hidden;}
.searchSite { text-indent:-99999px;}
a.searchcss:hover{ color:#666; text-decoration:none; font-weight:normal; font-size:12px; }
.search_position {position:absolute;right:0;}
#Search input[type="text"] {background: #000;background:rgba(0,0,0,0.8);border:3px solid #ccc;border:3px solid rgba(204,204,204,.8);font-size:12px; color: #fff; width: 180px; padding: 7px 30px 7px 8px; position:relative; z-index:999;}
#Search a.searchcss{ display: block; position:absolute; right:0; top:0;height:28px; width:40px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search.png) no-repeat 18px 10px; z-index:1001;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText{ margin-right:16px; margin-top:8px; z-index:1002; top:5px;}


@media handheld, only screen and (max-width: 1140px){
#standardMenu .rootMenu > li a span { padding:0 10px;}	
#standardMenu > .rootMenu > li.haschild > a span { padding-right:15px;}
#standardMenu .rootMenu > li a span .navarrow{ right:-2px;}

#megaMenu .root > li a span { padding:0 10px;}	
#megaMenu > .root > li.haschild > a span { padding-right:15px;}
#megaMenu .root > li a span .navarrow{  right:-2px;}
}


@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; min-height:50px; position:relative; }
.site_logo { padding:10px; text-align:left; margin-right:40px; line-height:none; }
.menu_box{ margin:0 ; float:none; line-height:0; padding:0;}
.top_spacer{ min-height:0; }
.skin_banner{ min-height:0;}
.top_search_style{ display:none;}

/*--------- mobile menu style ----------*/
.mobile_nav { display:block; position:absolute; width:40px; height:40px; bottom:10px; right:10px; z-index:999; }
.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 > a > span:after {display:none;}

/*-- 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-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 > a > span:after {display:none; }


/*-- 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; float:none; border:none; }
#megaMenu .category li.item a{ background: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*/
.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; }
}

@media handheld, only screen and (max-width:400px) {
#Login .registerGroup .userProfileImg{ display:none; }
}