/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 760px) {
body {-webkit-text-size-adjust:none;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}

/*-------- design style --------*/
.headerpane_style {padding:5px 10px;}
.logo_style { text-align:center; padding:43px 10px 10px 10px; }
.user_style { float:none; text-align:center; padding:0;  position:absolute; top:0; left:0; width:98%; margin:0 1%;}
.search_style { float:none; position:relative; bottom:0; right:0; text-align:center; padding:2px 0 8px 0; width:100%; margin:0 auto;}
#Login{ float:none;}
.breadcrumb_bar { padding:0;}
.breadcrumb_style {float:none; padding:5px;}
.back_style .back{ display:none; float:none; background:none; height:0; width:0;}
.menu_left { background:none;}
.menu_right { background:none;}
.skin_menu { margin:0; background:#F3F3F3;}
.home_style { background:none; height:0; width:0;}
.menu_style { width:98%; margin:0 1%; padding:0; }
.menu_bottom { background:#F3F3F3;}
.skin_content{ padding:10px 5px 10px 5px;}
.copyright_style { float:none; text-align:center; padding:5px;}
.privacy_style { float:none; text-align:center; padding:0;}
.Social-Links{ text-align:center; padding:0 0 0 0; }

/*--------- Menu style ----------*/
#standardMenu { width:auto;}
#standardMenu .rootMenu li{width:100%; float:none; margin-bottom:2px; text-align:left }

#standardMenu .rootMenu li a,#standardMenu ul li.last a{display:block; background:url(../images/mobile_menu_bg.png) repeat-x center top; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#standardMenu .rootMenu li.selected a,#standardMenu .rootMenu li.breadcrumb a,#standardMenu .rootMenu li.rmHover a,#standardMenu .rootMenu li a:hover{ text-decoration:none; background:url(../images/mobile_menu_sel.png) repeat-x center top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#standardMenu .rootMenu li a span {display:block; padding:0 20px; height:38px; line-height:38px; }
#standardMenu .rootMenu li.selected a span,#standardMenu .rootMenu li.breadcrumb a span,#standardMenu .rootMenu li.rmHover a span,#standardMenu .rootMenu li a:hover span{ text-decoration:none; background:none; }
#standardMenu .rootMenu li.haschild > a span{ display:block; background:url(../images/down2.png) no-repeat right center;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0px; margin-top:1px; }
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0;}
#standardMenu .subMenu li.item a{ border-bottom: solid 1px #666666; padding:0; height:auto; background:#444444; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:url(../images/down2.png) no-repeat right center #444444;}
#standardMenu .subMenu li.selected.haschild > a span,#standardMenu .subMenu li.breadcrumb.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:url(../images/down2.png) no-repeat right center #4582AE; }

#standardMenu .subMenuRight{ display:none; position:static; width:auto; margin:0; border:none; top:0; }
#standardMenu .subMenuRight li.last > a{ border-bottom: solid 1px #666666;}
#standardMenu .subMenuRight li.item a span{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 25px; text-transform:none; }
#standardMenu .subMenu li.rmhover > .subMenuRight{ display:block; }

/*--------- pane style ----------*/
.bannerpane { padding:5px; color:#FFFFFF;}

.h_toppane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_topleftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_toprightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_contentpane{width:auto;clear:both;padding:5px 0;margin:0;}
.h_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_contentpane2{width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxapane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxbpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxcpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxdpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.i1_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.i2_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i2_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i2_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i2_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.i3_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i3_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i3_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i3_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

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