/*
 * 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 --------*/
.logo_style { float:none; text-align:center; padding:43px 1.5% 10px 1.5%; }
.skin_header_right{ position:absolute; top:0; padding:0; float:none; border-bottom:1px solid #ccc; background:#f2f2f2; width:100%; height:33px; }

.language_position {padding:8px 0 4px 1.5%; }
.language-object span img{height:15px; width:21px;}
.user_style { padding:8px; }
.search_style { display:none;}
.headerpane_style { float:none; padding:0;}

.header_shadow{ display:none;}
.menu_style {display:none;}

/*--------- Mobile Menu Style ----------*/
#mobile_nav { display:block;}
#mobile_nav .mobile_nav_box{ margin:0px auto 10px auto;width:250px;-webkit-user-select:none;-moz-user-select:none;background:#f5f5f5;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/select-arrow.png) 98% 50% no-repeat;margin-bottom:0px;}
#mobile_nav option{ padding-left:9px;}


/*--------- pane style ----------*/
.socialpane{}
.headerpane { padding:5px 1.5%; }
.bannerpane {}
.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;}

.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; }

/*---------Mobile Search style ----------*/
#Search2{ position:absolute; right:1.5%; top:3px; float:right;margin:0; display:block; }
#Search2 input[type="text"] {background: #ffffff; background:rgba(255,255,255,.85); border: 1px solid #bbbbbb;  font-size:12px; color: #444444; width: 120px; padding: 6px 38px 6px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -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:0; top:0;width:38px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/search_icon.png) no-repeat 7px 5px;z-index:1;cursor:pointer;}

/*--------- 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;}
.tab_photo { float:none; width:auto;}
.tab_photo img { margin-bottom:7px;}
.tab_right_content{float:none; width:auto; margin:auto;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel ul li { min-height:150px; }

/*--------- Social Links Style ----------*/
.Social-Links{text-align:center;}

/*--------- 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: 20px; }

/*--------- Register and Login Style ----------*/
#Login { padding-right:5px; background:none; border:none; border-radius:0;-moz-border-radius:0; -webkit-border-radius:0; }

}

@media handheld, only screen and (max-width:380px) {
.language_position {padding:7px 0 4px 0; }
/*--------- Register and Login Style ----------*/
#Login { padding-right:5px; background:none; border:none; border-radius:0;-moz-border-radius:0; -webkit-border-radius:0; }
#Login .registerGroup a { padding:0 6px;}
#Login .registerGroup .userDisplayName a { padding:0 3px;}
#Login .loginGroup a{ padding:0 3px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 6px 12px;}
.registerGroup .userNotifications strong{ background-position:-94px 10px;}
.registerGroup .userMessages strong:hover{background-position:6px -39px;}
.registerGroup .userNotifications strong:hover{ background-position:-94px -41px;}
.registerGroup .userMessages strong:active{background-position:6px -90px;}
.registerGroup .userNotifications strong:active{ background-position:-94px -91px;}	
}
