/*
 * 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_header { background:none;}
.logo_style { text-align:center; padding:10px;}
.search_style { margin-top:0; margin:0 auto; width:200px; min-height:35px; display:none;}
.headerpane_style { padding:5px 1.5%;}
.user_style { display:none;}
#skin_nav { background:none; min-height:0;}
#nav_box { display:none; width:98%; margin:0 1%; padding:5px 0;}
.nav_shadow { display:none;}
.breadcrumb_right {display:none;}
.skin_banner { padding:0;}
.copyright_style { text-align:center; padding:10px 0;}
.privacy_style { text-align:center; padding:0 0 10px 0;}
.socialp_style { position:relative; top:0; right:0; text-align:center; padding:0 1.5%; }

.LM_position { float:none; width:auto; padding:0 1.5%; }
.LM_skin_content { float:none; width:auto; padding:0 1.5%; }
#leftMenu { display:none;}

/*--------- Mobile Menu Style ----------*/
#mobile_nav { display:block; margin-bottom:20px;}
#mobile_nav .mobile_nav_box{ margin:0px auto 10px auto;width:250px;-webkit-user-select:none;-moz-user-select:none;background:#fff;border:1px solid #ccc;}
#mobile_nav select{ text-transform:none;display:block;width:253px;min-width:150px;max-width:100%;-webkit-appearance:none;-moz-appearance:normal;appearance:normal;font-size:13px;line-height:18px;border:none;color:#666;padding:7px 9px 7px 5px;background:url(../images/mobile_nav_arrow.png) 98% 50% no-repeat;margin-bottom:0px;}
#mobile_nav option{ padding-left:9px;}

/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.socialpane { 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_grid8 {}
.eight_grid4 {}
.footer_grid3a { margin:6px 0;}
.footer_grid3b { margin:6px 0;}
.footer_grid3c { margin:6px 0;}
.footer_grid3d { margin:6px 0;}
.footerpane { margin:6px 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 {}

.leftsidepane {}
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_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; }

/*--------- Search Style ----------*/
#Search { position:relative; margin:0;}
.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:#000000; text-decoration:none; font-weight:normal; font-size:12px;}
#Search input[type="text"] { background:#f8f8f8; position:absolute;right:0; border: 1px solid #ccc; font-size:12px; color: #888; width: 160px; padding: 8px 30px 8px 8px;}
#Search input[type="text"]:active, #Search input[type="text"]:focus { background:#fff; }
#Search a{ 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_search2.png) no-repeat 14px 11px; background:url(../images/icon_search2.png) no-repeat 14px 8px\9; z-index:1;cursor:pointer; opacity: 0.5;}
#Search a:hover { opacity:1;}

/*--------- Mobile Profile Style ----------*/
#Login { display:none;}
.mobile_profile{ display:block; padding-right:0; margin-right:0; height:32px; border:none; border-bottom:1px solid #ccc; background:#fff url(../images/LoginLinksBg.png) repeat-x 0 0; border-radius:0;}
.mobile_profile ul { margin:0; padding:0;}
.mobile_profile .registerGroup, .mobile_profile .registerGroup *, .mobile_profile .loginGroup, .mobile_profile .loginGroup *{ display:block; } 
.mobile_profile .registerGroup, .mobile_profile .loginGroup{ float:left; padding:0; margin:0;} 
.mobile_profile .registerGroup li{ float:left; height:32px; border:none;}
.mobile_profile .registerGroup .buttonGroup{ margin-right:0;}
.mobile_profile .registerGroup a { border-right:1px solid #ccc; position:relative; display:block; padding:0 5px; min-width:15px; height:32px; font-weight:bold; font-size:11px;vertical-align:middle;line-height:32px; color:#666; }
.mobile_profile .loginGroup a{ position:relative; display:block; padding:0 5px; min-width:15px; font-weight:bold; font-size:11px;vertical-align:middle; height:32px; line-height:32px; color:#666;}
.mobile_profile .registerGroup a:hover,.mobile_profile .loginGroup a:hover{ color:#333;text-decoration:none;}
.mobile_profile .registerGroup a:active,.mobile_profile .loginGroup a:active{ color:#333;}
.mobile_profile .registerGroup a strong,.mobile_profile .loginGroup 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 .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 6px 12px;}
.registerGroup .userNotifications strong{ background-position:-95px 10px;}
.registerGroup .userMessages strong:hover{background-position:6px -39px;}
.registerGroup .userNotifications strong:hover{ background-position:-95px -41px;}
.registerGroup .userMessages strong:active{background-position:6px -39px;}
.registerGroup .userNotifications strong:active{ background-position:-95px -41px;}	
.mobile_profile .registerGroup a span{ position:absolute; right:5px; top:-7px; display:inline-block; padding:2px 4px; min-width:7px; line-height:18px; text-align:center; margin-right:3px; background:rgb(31,152,241); font-size:9px; color:#fff; text-shadow: 0px 1px 0px #333333;}
.mobile_profile .registerGroup .userProfileImg a{ padding:0; background:none; min-width:25px;}
.mobile_profile .registerGroup a img{ border:none; height:32px; width:32px; background:#555;}

/*--------- Mobile Language Style ----------*/
.mobile_profile .language-object{ float:left; display:block; margin:0; padding:0; border-left:1px solid #d5d5d5;}
.mobile_profile .language-object span{ float:left; padding:7px 2px 7px 0; *padding:8px 8px 6px 0; margin:0;}
.mobile_profile .language-object span:first-child{ padding-left:8px;}
.mobile_profile .language-object span img{ height:14px; width:20px; opacity:0.5;}
.mobile_profile .language-object span:hover img{ opacity:1;}
.mobile_profile .language-object .Language.selected img{ border:1px solid #ccc; padding:1px; opacity:1;}

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

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

/*--------- Center Title Style ----------*/
.title_center{ margin: 0;padding: 0; padding-top:8px;}

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