/*
 * 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_wrapper { 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 --------*/
.header_top { height:35px;}
.menu_style { display:none;}
.logo_style{ float:none; text-align:center; padding:15px;} 
.header_right{ position:absolute; top:-45px;  float:none; text-align:center; width:100%; margin:0; padding-right:0;}
.headerpane_style{ float:none; padding:0 1.5%;}
.user_style{ border:none;}
.language_position {float:left; padding:7px 0 4px 2px;  }
.skin_content { padding:15px 1.5%;}
.footerpane_style, .bannerpane { padding:0 1.5%;}
.footer_left { float:none; text-align:center;}
.footer_right{ float:none; text-align:center; line-height:30px;}
#Login{ border:none;}
#Search { display:none;}

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

/*--------- Mobile Menu Style ----------*/
#mobile_nav { display:block; padding:7px; }
#mobile_nav .mobile_nav_box{ margin:0px auto 10px auto;width:250px;-webkit-user-select:none;-moz-user-select:none;background:#f5f5f5; background:rgba(255,255,255,.7);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 ----------*/
.headerpane { }
.bannerpane p{ }
.bannerpane { }

.content_grid12 {}
.one_grid3a{}
.one_grid3b{}
.one_grid3c{}
.one_grid3d{}
.two_grid8 {}
.two_grid4 {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid4 {}
.five_grid8 {}
.six_grid6a {}
.six_grid6b {}
.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 {}

/*----------Rotate Image Style -----------*/
.demo_top{ cursor: text; padding-top: 15px!important;  }

/*--------- Zaccordion Style ----------*/
#zaccordion .leftimg { padding:10px 0;}
#zaccordion .rightcon h2 { font-size:16px;}

/*--------- 3D Transform Style ----------*/
.transform_style { width: 222px; margin:0 auto;}
.transform_style ul li { width: 222px;}

/*--------- Register and Login Style ----------*/
#Login .registerGroup a { padding:0 4px;  }
#Login .loginGroup a{ padding:0 4px; }
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat -5px -30px;}
.registerGroup .userMessages strong:hover{background-position:-5px -1px;}
.registerGroup .userNotifications strong{ background-position:-33px -30px;}
.registerGroup .userNotifications strong:hover{ background-position:-33px -1px;}
.registerGroup .userMessages strong:active{background-position:-5px -30px;}
.registerGroup .userNotifications strong:active{ background-position:-33px -30px;}	

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

@media handheld, only screen and (max-width:620px) {
.rotate_image .icon { margin-top:20px!important;}
}

@media handheld, only screen and (max-width:380px) {

.rotate_image .icon { margin-top:30px!important;}

}