/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body { -webkit-text-size-adjust:none;}
#skin_wrap { width:auto!important;}
.skin_width,body{ width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}

/*-------- design style --------*/
.skin_top_line { background:#283B82; height:auto; padding:5px; width:100%; text-align:center; color:#FFFFFF; font-weight:bold; font-size:13px; text-decoration:none;}
.icons_menu { display:none;}
.logo_style { float:none; text-align:center; padding:10px; margin:0;}
#skin_nav { float:none; padding:0;}
#nav_box { display:none; width:98%; margin:0 1%; padding:5px 0;}
.banner_shadow { background:none; width:0; height:0;}
.banner_style { min-height:0;}
.copyright_style { float:none; text-align:center; padding-bottom:5px;} 
.socialp_style { float:none; text-align:center;}
.mobile_UI { display:block; height:35px; margin:5px 1% 10px 1%;}
.mobile_UI img { vertical-align:middle;}
.mobile_UI .mobile_menu, .mobile_UI .mobile_search, .mobile_UI .mobile_login, .mobile_UI .mobile_user, .mobile_UI .mobile_language { background:#808080; padding:6px 8px; margin:0 2px; cursor:pointer;}
.mobile_UI .mobile_menu { display:block; float:left;}
.mobile_UI .mobile_search { display:block; float:right;}
.mobile_UI .mobile_login { display:block; float:right;}
.mobile_UI .mobile_user { display:block; float:right;}
.mobile_UI .mobile_language { display:block; float:right;}

/*--------- RF Menu ---------*/
.rfmenumobile {color:#FFFFFF; vertical-align:bottom; text-align:center; font-size:20px; visibility:visible;} 
.rfmenu {visibility:hidden; height:0px;} */

/*--------- StandardMenu style ----------*/
#standardMenu { width:auto;}
#standardMenu ul { padding:0;}
#standardMenu .rootMenu { float:none;border:none;}
#standardMenu .rootMenu li{ width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#standardMenu .rootMenu > li { background:#808080;}
#standardMenu .rootMenu li a{ background:#444444; display:block; padding:0;}
#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 { background:none; text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; margin:0; padding:0 20px; color:#FFFFFF!important; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { text-decoration:none;}

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

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

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#standardMenu .subMenu ul{ width:auto; border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; margin:0; padding:0; *margin-bottom:-3px; position:relative; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ background:url(../images/mobile_subnav_bg.png)!important; border-bottom:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:url(../images/mobile_subnav_bg.png)!important);}
#standardMenu .subMenu li.last > a { border-bottom:none;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#111111!important; background:none!important; height:35px; line-height:35px;}
#standardMenu .subMenu li.item a:hover span { background:#444444!important; color:#FFFFFF!important; cursor:pointer;}
#standardMenu .subMenu li.selected > a span { color:#FFFFFF!important;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none!important;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:#444444!important;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#444444!important;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 25px; background:none!important; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 35px; background:none!important; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 45px; background:none!important; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#444444!important;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}

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

/*--------- MegaMenu style ----------*/
#megaMenu { width:auto;}
#megaMenu ul { padding:0;}
#megaMenu .root { float:none;border:none;}
#megaMenu .root li{ width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#megaMenu .root > li { background:#808080;}
#megaMenu .root li a{ background:#444444; display:block; padding:0;}
#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 { background:none; text-decoration:none;}

#megaMenu .root li a span { display:block; margin:0; padding:0 20px; color:#FFFFFF!important; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { text-decoration:none;}

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

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

/*-- submenu --*/
#megaMenu .category{ background:none; left:0; position:static; width:auto; margin:0; padding:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ background:url(../images/mobile_subnav_bg.png)!important; border-bottom:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; height:auto; filter:Alpha(Opacity=100); opacity:1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#megaMenu .category li.haschild > a { background:url(../images/mobile_subnav_bg.png)!important);}
#megaMenu .category li.last > a { border-bottom:none;}
#megaMenu .category li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .category li.item a span{ padding:0 35px 0 15px; color:#111111!important; background:none!important; height:35px; line-height:35px;}
#megaMenu .category li.item a:hover span { background:#444444!important; color:#FFFFFF!important; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF!important;}
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{ background:none!important;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background:#444444!important; }
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ background:#444444!important;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .leaf li.item a span{ display:block; background:none!important; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 25px; text-transform:none;}
#megaMenu .leaf li li.item a span { padding:0 35px 0 35px;}
#megaMenu .leaf li li li.item a span { padding:0 35px 0 45px;}
#megaMenu .leaf li.selected > a span{ background:#444444!important;}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}

/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid9 {}
.eight_grid3 {}
.footer_grid3a { margin:5px 0;}
.footer_grid3b { margin:5px 0;}
.footer_grid3c { margin:5px 0;}
.footer_grid3d { margin:5px 0;}
.footerpane {margin:5px 0;}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}


/*--------- Mobile Search Style ----------*/
#Search2{ float:none; display:none; position:relative; padding:0; right:1%; bottom:0; margin:5px 0; height:35px;}
.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:130px; 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_position2 {position:absolute;right:0;}
#Search2 input[type="text"] { background: #fff; border: 1px solid #c7c7c7; font-size:12px; color: #333333; width: 140px; padding: 8px 40px 8px 8px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#Search2 a{ display: block; position:absolute; right:2px; top:5px;height:30px; width:35px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 10px 5px;z-index:1;cursor:pointer;}

/*--------- Mobile Login Style ----------*/
#Login2 { display:none;}

/*--------- Mobile User Style ----------*/
#User2 { display:none;}

/*--------- Mobile Profile Style ----------*/
#Mobile_Profile { margin:0 5px 0 0;}
.mobile_profile_style { float:right; position:relative;}
.mobile_profile_style { background:#808080; border: 1px solid rgba(255,255,255,0.3); cursor: pointer; display: block; height: 30px; margin: 5px 0;}
.mobile_profile_style ul { margin:0; padding:0;}
.mobile_profile_style .registerGroup, .mobile_profile_style .registerGroup *{ display:block;} 
.mobile_profile_style .registerGroup{ float:left;padding:0;margin:0;}

/* Register Group Styles */
.mobile_profile_style .registerGroup li{ float:left;height:30px; border-right:1px solid rgba(255,255,255,0.3);}
.mobile_profile_style .registerGroup .buttonGroup{ margin-right:0;}
.mobile_profile_style .registerGroup a{ position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#FFFFFF!important; height:30px; vertical-align:middle;line-height:30px;}
.mobile_profile_style .registerGroup a:hover{ background:rgba(0,0,0,0.2); color:#FFFFFF!important; text-decoration:none;}
.mobile_profile_style .registerGroup a:active{ color:#fff;padding:0 9px;}
.mobile_profile_style .registerGroup a strong{ position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.mobile_profile_style .userMessages,.mobile_profile_style .userNotifications { background:none;}
.mobile_profile_style .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 9px -92px;}
.mobile_profile_style .userNotifications strong{ background-position:-91px -93px;}
.mobile_profile_style .userMessages strong:hover{ background-position:9px -92px;}
.mobile_profile_style .userNotifications strong:hover{ background-position:-91px -93px;}
.mobile_profile_style .userMessages strong:active{ background-position:9px 10px;}
.mobile_profile_style .userNotifications strong:active{ background-position:-91px 8px;}	
.mobile_profile_style .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; }
.mobile_profile_style .registerGroup li.userProfileImg{ border-right:none;}	
.mobile_profile_style .registerGroup .userProfileImg a{ padding:0;background:none;min-width:25px;}
.mobile_profile_style .registerGroup a img{ border:none;height:30px; width:30px; background:none;}

/*--------- Mobile Language Style ----------*/
.mobile_language { display:none;}
#Language2 { display:block; position:relative; height:30px;}
#Language2 .language-object { float:right;display:block; margin:5px 8px 5px 5px;padding:0;}
#Language2 .language-object span img{ border:2px solid transparent;}

/*--------- Color Picker Style ----------*/
#custom-button { display:none;}

/*--------- Togglable Tabs Style ----------*/
.nav-tabs li { float:none; width:100%;}
.nav-tabs li a { border:1px solid #CECECE; margin-right:0;}
.nav-tabs li a:hover { border:1px solid #CECECE;}

/*--------- DNN default Style Reset ----------*/
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}

div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}

}
@media handheld, only screen and (max-width: 360px) { 
/*--------- Content Style ----------*/
.tipsy { padding:0;}

}