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

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

.menu_top { background:none; }
.skin_menu { background:none; }
.menu_style { width:98%; margin:0 1%; padding:0 0 5px 0; }
.breadcrumb_bar { background:#007FC1; padding:5px; margin-bottom:5px; }
.breadcrumb_style {float:none;}
.back_style .back{ display:none; float:none; background:none; height:0; width: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_light.png) no-repeat top, 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; padding:0; }
#standardMenu .rootMenu li.selected a,#standardMenu .rootMenu li.breadcrumb a,#standardMenu .rootMenu li.rmHover a,#standardMenu .rootMenu li a:hover, #standardMenu .rootMenu li:hover a{ text-decoration:none; background:url(../images/mobile_menu_light.png) no-repeat top, 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; margin-right:0; 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; margin:0; }

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/down2.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/down2.png) no-repeat center 0; }

#standardMenu .rootMenu a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/down2.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/down2.png) no-repeat center -42px; }

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; margin:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:1px;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; margin:0; padding:0; height:auto; background:#4C4C4C; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1; }
#standardMenu .subMenu li.haschild > a { background:#4C4C4C;}
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a { border-bottom:none; }
#standardMenu .subMenu li li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; }
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; background:none;}
#standardMenu .subMenu li.item a:hover span { background:#222222; color:#FFFFFF; cursor:pointer; }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{background:none;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background: #222222;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#222222;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 30px; background:none; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 45px; background:none; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 60px; background:none; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#222222;}

#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;}

/*--------- pane style ----------*/
.bannerpane { padding:0 0 25px 0;}

.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_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;}

.nb_toppane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_topleftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_toprightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_contentpane{width:auto;clear:both;padding:5px 0;margin:0;}
.nb_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_contentpane2{width:auto;clear:both;padding:5px 0;margin:0;}
.nb_boxapane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_boxbpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_boxcpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_boxdpane {width:auto;clear:both;padding:5px 0;margin:0;}
.nb_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.footerone {width:auto;clear:both;padding:15px 0 5px 0;margin:0; color:#FFFFFF;}
.footertwo {width:auto;clear:both;padding:5px 0;margin:0; color:#FFFFFF;}
.footerthree {width:auto;clear:both;padding:5px 0;margin:0; color:#FFFFFF;}
.footerfour {width:auto;clear:both;padding:5px 0;margin:0; color:#FFFFFF;}

/*--------- Content Style ----------*/
.Social-Links{padding:0 5px; position:relative; overflow:hidden; }
.Social-Links ul li{ float:left; width:120px; }

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