/* mobile for new brand iron bars */
body{margin-top:0px;}
div#page{
width:100%;
position:static;/* override relative */
}
/* header */
div#topLeft{/* logo is inside */
left:0;
top:0;
position:static;/* normal position */
margin:5px auto 15px auto;/* center the logo */
}
div#topRight{/* box top right on header containing links and contact info */
left:0;
top:0;
position:static;/* normal position */
width:100%;
text-align:left;
}
/* top info 2 lines */
div#topRight div.topinfo{text-align:left;}
div#topRight div.topinfo:nth-child(2){
margin-top:10px;
text-decoration:underline !important;
}
/* top buttons */
div#topButtonContainer{float:none;margin-top:20px;}
div#topButtonContainer div#topButtonLanguage{display:none;}/*no language switcher for mobile?*/
div#topButtonContainer table{margin:0 auto 0 auto;}

div#topButtonContainer div.topButton,
div#topButtonContainer div#topButton{margin:0 15px 0 15px;}

div#topButtonContainer div.topButton:last-child,
div#topButtonContainer div.topButton.last{margin:0 15px 0 15px;}
/* top links */
div#topLinkContainer{float:none;text-align:center;}
div#topLinkContainer span.link{
margin-left:8px;
margin-right:7px;
line-height:32px !important;
}
div#topLinkContainer span.last{margin-right:7px;}
div#topLinkContainer span.link a,
div#topLinkContainer span.link a:link,
div#topLinkContainer span.link a:active,
div#topLinkContainer span.link a:visited{text-decoration:underline !important;}   
/* top underline */
div#topUnderline{
left:0;
top:0;
position:static;/* not absolute or relative: normal position on page */
width:100%;
border-bottom:2px solid #46A147;/* normal green color,*/
margin-top:15px;
margin-bottom:20px;
}
/* body container thru end, including footer*/
div#bod{
left:0;
top:0;
position:static;/* not absolute or relative: normal position */
width:100%;
}
div#bod p{font-size: 18px;}
#join4Page #inputTable td{width:100%;}
#join4Page #inputTable td.success{/* successful transaction */
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
}
#join4Page #inputTable td.unsuccess{/* successful transaction */
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
}
/* homepage */
div.home_main{height:auto;positon:static;}
div.home_bg{display:none;}
div.home_hand{display:none;}
div.home_words{
left:0;
top:0;
position:static;/* not absolute or relative: normal position */
width:auto;
}
div.videopage.video div.home_words{width:100% !important;}
div.videopage.video div.home_words iframe.videoClass{width:100%;height:350px;}
div#home_green{height:auto;}/* bodyHalf */
div#home_reports{height:auto;}/* bodyHalf */
img.home_stats{
width:100%;
height:auto;
margin:20px auto 20px auto;
}
img.home_45{
width:33%;
height:auto;
margin:20px auto 20px auto;
}
img.home_report_white{
width:100%;
height:auto;
margin:10px auto 15px auto;
}
img.home_report_gray{
width:100%;
height:auto;
margin:10px auto 15px auto;
}
div#home_report_slide_space{/* contains both reports on right */
width:100%;
height:auto;
overflow:visible;
position:relative;
}
img.home_reports_enlarged_mobile{width:100%;height:auto;}
div.click_to_enlarge_1{
min-width:40%;
max-width:90%;
white-space:nowrap;
overflow:hidden;
border-radius:10px;
-moz-border-raduis:10px;
}
div.click_to_enlarge_2{
min-width:40%;
max-width:90%;
overflow-x:hidden;
border-radius:10px;
-moz-border-raduis:10px; 
white-space:nowrap;
overflow:hidden; 
}
div#home_report_1{overflow:visible;}/* green background area on right - in case slide in report is larger */ 
div#home_report_2{overflow:visible;}/* white background area on right -  in case slide in report is larger*/ 
img#home_employee{width:100%;height:auto;}
div#text_next_to_employee{width:100%;height:auto;}
/* HOW IT WORKS */
div.howItWorks_left{height:auto;}
img#howItWorks_graphic{
width:100%;
height:auto;
}
div.howItWorks_right{
margin-top:10px;/* overrides */
height:auto;/* overrides */
overflow:visible;/* overrides */
}
img.howItWorks_bxImage{width:100%;height:auto;}
div.howItWorks_video iframe{
width:100%;
height:230px;
border:1px solid #999999;
margin-bottom:0;
}
/* training page */
div#training_page .bodyPad{
padding-top:20px;
padding-bottom:20px;
}
div.train_green_box{height:auto;}
div.train_white_box{height:auto;}
div.train_logobox{
/*height:150px;*/
width:280px;
margin:20px auto 0 auto;
height:auto;
text-allign:center;
}
div.train_logo{
float:none;
display:block;
width:220px;
height:auto;
margin:15px 0 15px 0;
}
img.train_logo{width:100%;height:auto;}
div.train_logo_bars{
float:none;
width:180px;
height:auto;
margin-left:auto;
margin-right:auto;
}
img.train_logo_bars{width:180px;height:auto;}
div#contactRelative{width:100%;}
div#contactFormFields{width:100%;}
div#contactFormFields TEXTAREA, 
div#contactFormFields SELECT, 
div#contactFormFields INPUT[type="text"],
div#contactFormFields INPUT[type="email"],
div#contactFormFields INPUT[type="tel"]{width:90%;}
div#submitContactButton{
margin-top:0;
margin-right:0;
margin-left:0;
margin:0 auto 0 auto;
}
div#footer{
height:auto;
background-image: url("https://www.barsprogram.com/images/ba/spacer.png");
}
img.footer_logo{margin:0 auto 0 auto;}
div#footer_logo{text-align:center !important;}
#footer p{font-size:14px !important;}
div.footer_buttons_container{width:100px;}
div.footer_buttons{
float:none;
width:100px;
margin-right:0px;
margin-left:0px;
margin-top:15px;
margin-bottom:20px;
border-radius:10px;
-moz-border-raduis:10px;
}
div.footer_buttons:last-child{margin-bottom:0px;}
h1{font-size:30px;}
h2{font-size:25px;}
h3{font-size:20px;}
#backToTop{margin:30px 0 0 0;}
/* copyright info */
div#copyInfo{
margin:40px 0 30px 0;
font-size: 13px;
color:#808080 !important;
}
div#copyInfo div:nth-child(1){
float:none;
margin:0 0 15px 0;
text-align:center;
}
div#copyInfo div:nth-child(2){
float:none;
text-align:center;
margin:0 0 30px 0;
}
.noMobile{display:none;}
.mobileOnly{display:block;}
.bodyPad{padding:10px;}
.bodyThird,
.bodyThirdLast,
.bodyHalf{width:100%;float:none;}
img.bodyImg{width:100% !important;height:auto !important;margin:0;}
div#text_next_to_employee{margin-top:0px;}