/*
 * 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_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}

/*-------- design style --------*/
.currentdate_style { display:none; }
.user_style { float:right; padding-right:1%; line-height:30px;}

.logo_style { float:none; text-align:center; padding:1.5%;}
.headerp_style { float:none; margin:0; padding:1.5%; }
.socialp_style { float:none; padding:1.5%; margin-right:0; min-width:200px;}
.search_style { position:relative; float:right; top:13px; margin-right:1.5%; min-height:40px; }
.mobile_nav { display:block;  position:relative; float:left; width:61px; height:34px; margin:10px 10px 10px 1.5%;}
.menuclick { background:url(../images/mobile_nav_button.png) no-repeat 0 0 rgba(0, 0, 0, 0.2); width:61px; height:34px; padding:0; margin: 0 auto; display: block; text-decoration: none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); cursor:pointer; }
.mobile_nav_up { background:url(../images/mobile_nav_button.png) no-repeat 0 -34px rgba(0, 0, 0, 0.4); }
.click_img { width:61px; height:34px;}
#nav_box { display:none; }


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

#standardMenu .rootMenu li a{ background:rgba(0, 0, 0, 0.2); display:block; padding:0; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);}
#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:rgba(0, 0, 0, 0.4); margin:0; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}
#standardMenu .rootMenu > li.breadcrumb > a:hover, #standardMenu .rootMenu > li.selected > a:hover{background:rgba(0, 0, 0, 0.4);}

#standardMenu .rootMenu li a span {  display:block; margin:0; padding:0 15px; color:#FFFFFF; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:34px; line-height:34px; 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; background:none;margin:0;padding:0 15px;color:#FFFFFF; -moz-transition:none; -webkit-transition:none; transition:none;}
#standardMenu .rootMenu > li.breadcrumb > a:hover span, #standardMenu .rootMenu > li.selected > a:hover span{ background:none; margin:0; color:#FFFFFF; padding:0 15px;}


#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:34px; 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:34px; 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; margin:0; border:none; margin-top:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#standardMenu .subMenu ul{ width:auto; border:none; box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1);}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px; position:relative;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ background:rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.05); 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:rgba(0, 0, 0, 0.2);}
#standardMenu .subMenu li.last > a { border-bottom:none;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid rgba(255, 255, 255, 0.05);}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; background:none;}
#standardMenu .subMenu li.item a:hover span { background:rgba(0, 0, 0, 0.4); color:#FFFFFF; cursor:pointer; -webkit-transition: background 0.2s ease-in 0s; -moz-transition: background 0.2s ease-in 0s; transition: background 0.2s ease-in 0s;}
#standardMenu .subMenu li.selected > a span { color:#FFFFFF;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:rgba(0, 0, 0, 0.4);}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:rgba(0, 0, 0, 0.4);}
#standardMenu .level1 li.item a span{ padding:0 35px 0 25px; background:none; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 35px; background:none; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 45px; background:none; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:rgba(0, 0, 0, 0.4);}
#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:4px; text-align:left; background:none;}

#megaMenu .root li a{ background:rgba(0, 0, 0, 0.2); display:block; padding:0; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);}
#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:rgba(0, 0, 0, 0.4); margin:0; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}
#megaMenu .root > li.breadcrumb > a:hover, #megaMenu .root > li.selected > a:hover{background:rgba(0, 0, 0, 0.4);}

#megaMenu .root li a span {  display:block; margin:0; padding:0 15px; color:#FFFFFF; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:34px; line-height:34px; 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; background:none;margin:0;padding:0 15px;color:#FFFFFF; -moz-transition:none; -webkit-transition:none; transition:none;}
#megaMenu .root > li.breadcrumb > a:hover span, #megaMenu .root > li.selected > a:hover span{ background:none; margin:0; color:#FFFFFF; padding:0 15px;}


#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:34px; 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:34px; 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; border:none; padding:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:1px;}
#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:rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.05); 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:rgba(0, 0, 0, 0.2);}
#megaMenu .category li.last > a { border-bottom:none;}
#megaMenu .category li li.item a{ border-bottom:1px solid rgba(255, 255, 255, 0.05);}
#megaMenu .category li.item a span{ background:none; font-weight:normal; padding:0 35px 0 15px; color:#FFFFFF;}
#megaMenu .category li.item a:hover span { background:rgba(0, 0, 0, 0.4); color:#FFFFFF; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF;}
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{ background:none;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background:rgba(0, 0, 0, 0.4); }
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ background:rgba(0, 0, 0, 0.4);}

#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(255, 255, 255, 0.05);}
#megaMenu .leaf li.item a span{ display:block; background:none; 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:rgba(0, 0, 0, 0.4);}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}

/*--------- pane style ----------*/
.bannerpane {}
.headerpane { padding:10px 0;}
.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_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.footer_grid3a { margin:5px 0;}
.footer_grid3b { margin:5px 0;}
.footer_grid3c { margin:5px 0;}
.footer_grid3d { margin:5px 0;}
.footerpane {margin:5px 0;}
.footerlinks { margin:10px 1.5%;}

.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 {}

/*--------- Grid Style ----------*/
.row-fluid [class*="span"] { float:none; margin-left:0;}
.row-fluid .span12 {width:auto; }
.row-fluid .span11 {width:auto; }
.row-fluid .span10 {width:auto; }
.row-fluid .span9 {width:auto; }
.row-fluid .span8 {width:auto; }
.row-fluid .span7 {width:auto; }
.row-fluid .span6 {width:auto; }
.row-fluid .span5 {width:auto; }
.row-fluid .span4 {width:auto; }
.row-fluid .span3 {width:auto; }
.row-fluid .span2 {width:auto; }
.row-fluid .span1 {width:auto; }

/*--------- Color Picker Style ----------*/
#custom_wrapper,#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;}

/*--------- Scroll Top Style ----------*/
#top-link { bottom: 12px; right: 25px; }

/*--------- 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:380px) {
#Login { width:100%; border-bottom:1px solid #555555;}
.language_position {float:left; padding-left:5px; }
}