/*
 * 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 --------*/
.header_top { padding:10px 1.5% 0 1.5%; }
.logo_style { float:none; text-align:center; padding:10px;}
.headerpane_style { float:none; text-align:center; padding:0; }
.right_icons { float:none; padding-top:0;}
#skin_nav { background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; box-shadow: 0 0 0 0 rgba(0,0,0,.0); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.0); min-height:0;}
#nav_box { display:none; width:98%; margin:0 1%; padding:5px 0;}
.mobile_menu { float:left; position: relative;}
.mobile_menu  .menu-button { background:rgba(0, 0, 0, 0.2);  border-bottom:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); cursor: pointer; display: block; float: left; height: 40px; width:40px; margin: 5px 2px;}
.mobile_menu  .menu-button:hover { background:rgba(0, 0, 0, 0.4);  -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;}
.mobile_menu  .menu-button span { background:url(../images/icon_menu.png) no-repeat scroll 10px 11px transparent; display: block; height: 32px; opacity: 1; width: 32px;}

/*--------- 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; border-radius:4px; -webkit-border-radius:4px; -moz-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.last a { background:rgba(0, 0, 0, 0.2);}
#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 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; background:none; color:#FFFFFF!important; -moz-transition:none; -webkit-transition:none; transition: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; 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)!important; 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)!important);}
#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!important; background:none!important; height:35px; line-height:35px; }
#standardMenu .subMenu li.item a:hover span { background:rgba(0, 0, 0, 0.4)!important; color:#FFFFFF!important; 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!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:rgba(0, 0, 0, 0.4)!important;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:rgba(0, 0, 0, 0.4)!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:rgba(0, 0, 0, 0.4)!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:4px; text-align:left; background:none;}

#megaMenu .root li a{ display:block; background:rgba(0, 0, 0, 0.2); padding:0; border-radius:4px; -webkit-border-radius:4px; -moz-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.last a { background:rgba(0, 0, 0, 0.2);}
#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 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; background:none; color:#FFFFFF!important; -moz-transition:none; -webkit-transition:none; transition: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; 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)!important; 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)!important;}
#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!important; padding:0 35px 0 15px; color:#FFFFFF!important; height:35px; line-height:35px;}
#megaMenu .category li.item a:hover span { background:rgba(0, 0, 0, 0.4)!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:rgba(0, 0, 0, 0.4)!important; }
#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)!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(255, 255, 255, 0.05);}
#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:rgba(0, 0, 0, 0.4)!important;}
#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:10px 0 0 0;}
.footer_grid3b { margin:10px 0 0 0;}
.footer_grid3c { margin:10px 0 0 0;}
.footer_grid3d { margin:10px 0 0 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 Profile Style ----------*/
.mobile_profile_style { display:block; float:right; margin-right:10px; position:relative;}
.mobile_profile_style .mobile_profile_button { background:rgba(0, 0, 0, 0.2);  border-bottom:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); cursor: pointer; display: block; height: 40px; width:40px; margin: 5px 0;}
.mobile_profile_style .mobile_profile_button:hover { background:rgba(0, 0, 0, 0.4);  -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;}
.mobile_profile_style .mobile_profile_button span { background:url(../images/icon_user.png) no-repeat scroll 10px 11px transparent; display: block; height: 30px; opacity: 1; width: 32px;}

.user_profile{ display:none;}
#Mobile_Profile { display:block; background:url(../images/profile_bg.png) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); float:right; cursor: pointer; display: block; position:relative; height: 33px; margin:10px 5px 0 0;}
#Mobile_Profile ul { margin:0; padding:0;}
#Mobile_Profile .registerGroup, #Mobile_Profile .registerGroup *{ display:block;} 
#Mobile_Profile .registerGroup{ float:left; padding:0; margin:0;} 

/* Register Group Styles */ 
#Mobile_Profile .registerGroup { padding-left:2px;}
#Mobile_Profile .registerGroup li{ float:left; height:33px; border-right:1px solid rgba(255,255,255,.15);}
#Mobile_Profile .registerGroup .buttonGroup{ margin-right:0;}
#Mobile_Profile .registerGroup a{ position:relative; display:block; padding:0 9px; min-width:15px; font-weight:normal; font-size:12px; vertical-align:middle; color:#FFFFFF; height:33px; vertical-align:middle; line-height:33px;}
#Mobile_Profile .registerGroup a:hover{ color:#CCCCCC; text-decoration:none;}
#Mobile_Profile .registerGroup a:active{ color:#FFFFFF; padding:0 9px;}
#Mobile_Profile .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;}
.registerGroup .userMessages,.registerGroup .userNotifications { background:none;}
.registerGroup .userNotifications{ border-left:1px solid rgba(0,0,0,.15);}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 1px -28px;}
.registerGroup .userMessages strong:hover{background-position:1px 1px;}
.registerGroup .userNotifications strong{ background-position:-27px -28px;}
.registerGroup .userNotifications strong:hover{ background-position:-27px 1px;}
.registerGroup .userMessages strong:active{background-position:1px -28px;}
.registerGroup .userNotifications strong:active{ background-position:-27px -28px;}	
.user_profile .registerGroup a span{ position:absolute; right:5px; top:-7px; display:inline-block; padding:2px 4px; line-height:15px; 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 .registerGroup li.userDisplayName { border-left:1px solid rgba(0,0,0,.15);}
#Mobile_Profile .registerGroup li.userProfileImg{ border-right:none; border-left:1px solid rgba(0,0,0,.15); padding-right:10px;}	
#Mobile_Profile .registerGroup .userProfileImg a{ padding:4px 0 0 5px; background:none; min-width:20px;}
#Mobile_Profile .registerGroup a img{ border:none;height:26px; width:26px;background:none;}

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

/*--------- 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;}


}