@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
html{height:100%}


/*----- CORE ELEMENTS -----*/
#mainBody {height:100%;background:url(../images/body_bg.png) repeat-y 0 0}
#mainBG{background:url(../images/bg.gif) repeat-x center top}



/*----- Text Styles -----*/
body, .text{font-size:16px;line-height:1.4em;}

a.formButton.bulky {padding:10px 15px; font-size:1.3em}
a.formButton.bulky span{margin-top:4px}

#t1 {min-width:0}


/*----- Left Column -----*/
#leftCol{overflow:scroll;-webkit-overflow-scrolling: touch}

/* t2 */
#sidenav ul li a, #sidenav ul li.on a{padding:10px 15px;min-height:42px;font-size:1em}

/* t3 */
#sidenav ul li.on ul li a{padding:10px 15px;font-size:.9em;}

/* t4 */
#sidenav ul li.on ul li.on ul li a{width:200px;padding:10px 15px 10px 25px}


/*----- Content -----*/
#contentCol{height:100%;min-width:0;overflow:scroll;-webkit-overflow-scrolling: touch}
#topBar{font-size:1em;padding:25px 30px;}
#topBar div.welcome{width:55%}
a.greenButton.changeLogin{width:310px}
.company span+span{font-size:1.3em}
.changeLogin{float:none;clear:none}
a.company span em, a.history span em{margin:3px 0 0 4px}
a.location span em{margin:22px 0 0 4px}

#twoColContainer div{padding-right:4px}
#twoColContainer div+div{padding-left:6px}
#twoColContainer .manage td, #twoColContainer .manage th{padding:12px}
  
#topPag{margin-top: 10px}

/*----- Manage -----*/
.manage{width:100%;float:left;clear:both}
@media screen and (max-width:768px){
  .manage{font-size:12px;line-height:1.4em}	
}
.manage td{padding:10px 20px 10px 10px;border-bottom:1px solid #d0cbc5;/*font-size:1.125em;*/color:#000;border-top:1px solid #f6f5f4;background:#edeae8}
.manage tr th:first-child{padding:12px 15px 12px 30px}
.manage tr td:first-child{padding:10px 10px 10px 30px;}
.manage th{padding:7px 20px 7px 0;font-size:1.125em;}
.manage tr td.number{white-space:nowrap}
.manage tr th.mIcon:first-child,.manage tr td.mIcon:first-child{padding:8px 5px 0 10px}
.manage tr th.mIcon,.manage tr td.mIcon{padding:8px 15px 0 15px}

@media screen and (max-width:768px){
		
  #topBar div.welcome{width:50%}
  a.greenButton.changeLogin{width:250px}
  #dashboardContent ul li img{max-width:150px;margin:0 0 10px 15px}
  .company span+span{font-size:1em}
  .manage tr td.number{white-space:normal}
  .search input{max-width:100px}
  .smallPad .search input{max-width:250px}
  #twoColContainer div{width:283px}
  #twoColContainer div+div{width:283px}
  .manage td, .manage th{padding:7px}
  #tabs ul li a{padding:4px 5px 5px 5px;font-size:.8em}
  #tabs ul li a span{margin:3px 3px 0 0}
  .smallPadTabs #smallPag{max-width:50%}
}