body {font-family:Arial; }
img{border:none;}
*{margin:0px; padding:0px;}
a{outline:none;}
a img{font-decoration:none;}
a:link a:active a:visited img{font-decoration:none;}
.overdue{color:red;}
 
/**LIST ITEMS ***********************************/
.none_found{
	width:100%;
	font-weight: bold;
	font-size:16px; 
	text-align:center;
	margin:15px 0px 15px 0px;
	height:200px;
}
.task_list{
  min-height:275px;
}
/**END LIST ITEMS ***********************************/
 
/***************** GOOD STUFF *****************************/ 
.bb_footer{ height:30px; float:left; text-align:center; color:#FFF;  background-color:#000; position:relative; width:100%; padding:10px 0px 0px 0px; margin-top:5px;}	 

.bb_footer h2{
text-align: center; 
font-size: 16px; 
font-weight:strong;
display: block; 
margin-top: 0em; 
margin-right: 90px; 
margin-bottom: 1.3em; 
margin-left: 90px;      
outline-color: -moz-use-text-color;  
color:#FFF;
} 

.bb_header{height:30px;background-color:#147EC2;padding:10px 0px 0px 0px;}
.wo_header{background-color:#4970A6;}
.pm_header{background-color:#EE680F;}
.it_header{background-color:#E9B105;}
.insp_header{background-color:#82419A;}
.com_header{background-color:#777777;}

.bb_header .right{
display: inline-block;
position:absolute;
right:10px;
top:0.4em; 
}	 
.bb_header .left {
  display: inline-block;
  left: 10px;
  position: relative;
  top: -4px;
  float:left;
} 
.bb_header h2 {
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  margin-left: 90px;
  margin-right: 90px;
  margin-top: 0;
  outline-color: -moz-use-text-color;
  position: relative;
  text-align: center;
}  
.bb_header h2.left_title{
	text-align:left;
	margin-left:10px;
	margin-right:0px;
}

.pm_header_edit h2{ 
text-align:left;
margin-right: 30px;  
}

.insp_header h2{ 
margin-left: 70px;      
margin-right: 0px;  
}

.sub_header{
 height:30px;
 background-color:#e1e1e1;
 padding:7px 10px 7px 10px; 
}

.sub_header .left{
  float:left; 
}
.sub_header .right{
  float:right; 
}

/****TABS **********/
.accordion { 
	margin-top:2px;
	width:100%;
	color:#000;
}

.accordion li {
} 
.accordion li.top_border {
	border-top:1px solid #ccc;
} 
.accordion li.first_child { 
	margin-top:8px;
} 
.accordion li.last_child{  
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.accordion li div.sub_tab{ 
	margin:10px 0px; 
	border:1px solid #666;  
	padding:10px 4px 0px 4px;  
	zoom:1;
} 
.accordion li h3 {   
	width:100%;
	background: url('/icons/tab_gray_bg.png') repeat-x top left;   
	height:30px; 
	padding-top:8px;
	border-top:1px solid #999;
	border-bottom:none;  
	color:#FFF;
	cursor:pointer;  
	z-index:90;
}

.accordion li .floorSection .fsTitle {
  background: none repeat scroll 0 0 #F3F3F3;
  border-bottom: 1px solid #D5D5D5;
  border-top: 1px solid #D5D5D5;
  color: #000000;
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 30px;
  padding-left: 20px;
  padding-top: 8px;
  z-index: 90;
} 

.accordion li .floorSection .qSection {
  display:none;
  }
.accordion li .floorSection .qSection .title{
  padding-left:25px;
}
.accordion li .qSection .title {
  border-bottom: 1px solid #D5D5D5;
  border-top: 1px solid #D5D5D5;
  color: #000000;
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 30px;
  margin-top: -1px;
  padding-left: 15px;
  padding-top: 8px;
  z-index: 90;
}

.accordion li.last_child h3{ 
	border-bottom:1px solid #999;
}
.accordion li h3.hover{ 
	background-color:#CCC; 
} 

.accordion li .down_arrow{   
	background: url('/icons/tab_arrow_down.png') no-repeat right;    
	width:18px;
	height:18px;
	float:right;
	margin-top:4px;
	margin-right:10px;
}

.accordion li .up_arrow{   
	background: url('/icons/tab_arrow_up.png') no-repeat right;    
	width:18px;
	height:18px;
	float:right;
	margin-top:4px;
	margin-right:10px;
} 
 
.accordion li h3.errorTab {  
	float:left;  
	width:100%;
	background-color:#9E2325;  
	height:30px; 
	text-align:center; 
	padding-top:9px; 
	color:#9E2325;
	z-index:91;
} 
.accordion li h3.successTab {  
	float:left;  
	width:100%;
	background-color:#DEF3BD;  
	height:30px; 
	padding-top:9;
	text-align:center; 
	color:#DEF3BD;
	z-index:91; 
} 

.accordion li.collapse h2 { 
	float:left;    
	margin-left:8px;  
	font-weight:none;
}
 
.accordion h4 { 
	float:left; 
	height:15px; 
	padding:0 0 0 25px; 
}

.accordion h5 { 
	float:left; 
	height:15px;  
}

.accordion h8 {
  display:block;
  font-size:20px;
  margin:5px 0;
  font-weight:bold;
}

.accordion h8 .delete{
  display:inline-block;
  *display:inline;zoom:1;
  color:#FF0000;
  cursor:pointer;
  margin:0 3px;
}

.accordion h8 .delete:hover{
  opacity:.5;
} 

.accordion li .content{
  overflow:none;
  clear:both;
  padding:5px 5px;
}

.accordion li #mp-questions.content {
  padding: 0;
}
.accordion li #mp-questions .btn_row{
  padding:5px;
}
.collapse h3 {
	background-position:left bottom
} 

.collapse .content {
	display:none;
} 
 
h4.msg_tab{
   display:none;
}

.list_header{ 
  font-weight:bold; 
} 

.list_param{ 
  margin:3px 0px;
} 
.list_param select{
 width:97%;
 margin-bottom:4px;
 margin-right:5px;
}
ul.list_content li h3 {  
	float:left;  
	width:100%; 
	padding:3px 0 0px 20px;
	cursor:pointer;   
	margin-left:8px; 
} 
 
.home_tab { 
	margin-top:2px;
	width:100%;
}

.home_tab li {
	background: url('/icons/tab_gray.png') repeat-x top left;   
	width:100%;
	height:35px; 
	border:1px solid #CCC; 
	margin-bottom:10px;
} 
 
.home_tab li h3 {   
	padding-top:8px;
	color:#000;
	cursor:pointer;  
	margin-left:50px;
	z-index:90;
}   

.home_tab:first-child{
	margin-top:10px;
}
.home_tab li .wo_logo{ 
	position:absolute;
	background: url('/icons/icon_blue_clipboard.png') no-repeat left;    
	height:35px;
	width:47px;
}
.home_tab li .pm_logo{ 
	position:absolute;
	background: url('/icons/icon_orange_toolbox.png') no-repeat left;    
	height:35px;
	width:47px;
}
.home_tab li .it_logo{ 
	position:absolute;
	background: url('/icons/icon_yellow_exclamation.png') no-repeat left;    
	height:35px;
	width:47px;
}
.home_tab li .insp_logo{ 
	position:absolute;
	background: url('/icons/icon_purple_mag.png') no-repeat left;    
	height:35px;
	width:47px;
}
.home_tab li .com_logo{
	position:absolute;
	background: url('/icons/icon_orange_bull.png') no-repeat left;    
	height:35px;
	width:47px;
}
.home_tab li h3 .right_arrow{   
	background: url('/icons/tab_arrow_right.png') no-repeat right;    
	width:18px;
	height:18px;
	float:right;
	margin-top:4px;
	margin-right:20px;
} 

.footer_bar{
	background: url('/icons/grad_gray.png') repeat-x top left;  
	height:45px; 
	width:100%; 
	font-size:12px;
	font-weight:bold; 
    margin-bottom:8px;
}

.footer_bar button{
    margin-top:15px;
    margin-right:15px;
	float:right;
}
.footer_bar a.full {
  color: #585858;
  float: right;
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
  margin-right: 10px;
}
.footer_bar #logo{
  float:right;
  margin-top:3px;
  margin-right:6px;
}

#bei_logo{
   width:238px;
   background: #FFF url('/icons/bei_logo_238x41-mobile.png') no-repeat left; 
   height:43px;
   text-align:center; 
   margin:4px auto;
   background-size: 238px 41px;
}

.seperator{ 
	background: url('/icons/grad_gray_b.png') repeat-x top left;  
	height:12px; 
	width:100%; 
	margin-bottom:5px;
}
  
/************************END TABS *************************/

/************************BUTTONS *************************/
.btn_row{
	margin:5px 0px;
}
.btn_row_top{
	margin:8px 0px;
}  
.cen_button .btn_row{
	text-align:center;
}
button {
	font-family:Arial; 
	background: url('/icons/btn_gold_tall.png') repeat-x top left; 
    padding: 11px 10px 8px 6px; 
    font-size:13px;
    font-weight:bold;
	color: #000; 
    -webkit-appearance: none; 
    text-transform:uppercase;
    cursor: pointer; 
    border: 1px solid #bba54B;
} 
a.button {
  background: url("/icons/btn_gold_tall.png") repeat-x scroll left top transparent;
  border: 1px solid #BBA54B;
  text-decoration:none;
  color: #000000;
  cursor: pointer;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  outline: medium none;
  padding: 13px 13px 9px 14px;
  text-transform: uppercase;
}
button.gold{
	background: url('/icons/btn_gold_tall.png') repeat-x top left; 
	border: 1px solid #bba54B; 
} 
button.thin { 
	background-color:#FEDF66;
	padding: 6px 10px; 
    font-size:13px;
    font-weight:bold;    
    border: 1px solid #bba54B;
} 
button.add {
  padding: 8px 5px 5px 25px;
  border: 1px solid #bba54B;
  color:#000;
  text-decoration:none;
  background: #FEDF66 url(/icons/btn_add_grn.png) no-repeat scroll 5px;
} 

button.disabled{
	opacity:.5;
}

button.check {
  padding: 8px 5px 5px 25px;
  border: 1px solid #bba54B;
  color:#000;
  text-decoration:none;
  background: #FEDF66 url(/icons/btn_yellow_check.png) no-repeat scroll 5px;
} 

button.remove {
  padding: 8px 5px 5px 25px;
  border: 1px solid #b9beba;
  color:#000;
  text-decoration:none;
  background: #e5e5e5 url(/icons/btn_remove_red.png) no-repeat scroll 5px;
} 
 
.backButton { 
  background: url(/icons/back_left.png) no-repeat 5px; 
  min-width:75px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none; 
  padding-top:8px; 
  padding-left:15px;
  margin-left:-10px;
  color: white;
  margin-bottom:3px;  
  margin-top:-2px;
  border:none;
} 

.wo_header .backButton { 
  background: url(/icons/back_left.png) no-repeat 5px;  
} 
.pm_header .backButton {  
  background: url(/icons/back_left_orange.png) no-repeat 5px;   
} 
.it_header .backButton {  
  background: url(/icons/back_left_yellow.png) no-repeat 5px;   
} 
.insp_header .backButton {  
  background: url(/icons/back_left_purple.png) no-repeat 5px;   
}
.com_header .backButton {  
  background: url(/icons/back_left_grey.png) no-repeat 5px;   
}  
 
 
/************************ END BUTTONS***************************/

/************************FORM ITEMS *************************/
.alertText{margin-left:5px; color:red;font-weight:bold;} 
.error{color:red; display:none;padding-left:5px;} 
.success{color:green; display:none;padding-left:5px;} 

form select{
 padding:4px 0px;
 font-size:16px;
 width:99%;
}
form select.inline{
 width:auto!important;
 margin-right:10px;
}

.list_param select{ 
 margin-left:8px; 
}

form input[type=text],input[type=password],input[type=number]{ 
 padding:4px 0px;
 font-size:16px;
}

form label{
 font-weight:bold;
 margin:0px 0px 7px 0px;
} 

input.full { 
	width:99%;
} 
textarea.full { 
	width:100%;
    height:100%;
    font-size:12px;
} 
 
.warnField {
	border: 2px solid orange;    
��� background:#EFF5FF; 
} 

form dt{
  font-weight:bold;
}
form dd{
  padding:0px 0px 4px 0px;
} 

#mp-formdata input{
  height:16px;
  font-size:14px;
}
.min_text{
margin-top:-9px;
font-size:14px;
float:left;
font-weight:bold;
color:#FFF;
margin-left:30%;
}
 
/************************END FORM ITEMS *************************/

/**********************LIST ITEMS**********************************/
.task_list p{
  font-size:14px;
  margin-left:.9em;
  margin-bottom:.5em;
}

.task_list .right{
	position: relative;   
	float:right;
	margin-top:5px;
	right:10px;
}
.task_list .right p{text-align:right;}
.task_list .right p span.smallfont{font-size:12px;}

.task_list .left .ui-li-desc{
  margin-left:10px;
}

.ui-li-desc .delete {
  color: #FF0000;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 3px;
}

.task_list .right .ui-li-desc .overdue{
  color:#FF0000;
}

.task_list li{
  background-color: #FFF;
  color:#000;
}

.task_list li:first-child{
  clear:both;
  position:relative;
  top:-4px;
}

.quick_list{
clear:both;margin-top:-2px;
}
.quick_list li{
  height:40px;
  background-color: #FFF;
  color:#000;
}

.quick_list .right{
	position: absolute;   
	float:right;
	margin-top:15px;
	right:4px;
}

#mp-wo .quick_list .ui-li-heading-min {
  background: none repeat scroll 0 0 transparent;
  border-top: 0 none;
  color: #000000;
  margin: 0.6em 0 0 0.6em;
  padding-top: 0;
}
#mp-wo .quick_list .ui-li-heading-min:hover{
background:none;
}

#mp-wo .ui-btn-icon-left .ui-icon, #mp-wo  .ui-btn-icon-right .ui-icon{
  margin-top:-2px;
}
#mp-wo{
  padding:0;
  width:100%;
}
#mp-wo .sr {  display: inline-block;  *display:inline;zoom:1;font-size: 12px;  position: relative;  top: -1px;}
#mp-wo .itass {  display: inline-block;   *display:inline;zoom:1;float: right;  font-size: 12px;  margin-right: 50px;  margin-top: -48px;}

/************************END LIST ITEMS *************************/  
.flag_icon{
	background: transparent url(/icons/smallIcon_Flag.png) no-repeat center center;
	width:16px;
	height:16px;
	padding-left:40px;
	padding-top:8px;
	float:left;
	}
.arrow_icon{
	background: transparent url(/icons/btn_arrow_red.png) no-repeat center center;
	width:17px;
	height:16px;
	padding-left:5px;
	padding-top:3px;
	float:left;
	}
#notify_holder{margin:10px 0px 25px 0px;}
#notify_holder .disabled{color:#666;}
#more_details{display:none; }
#less_link{display:none;} 
.secondary_text{font-size:14px; color:#666;}
.top_error{
	width:100%;
	background-color: #ffebe8; 
	border-bottom:1px solid #dd3c10;
	padding-top:10px;
	font-size:13px;
	font-weight:bold;
	margin-top:-15px;
	height:25px;
	margin-bottom:8px;
	padding-left:10px;
} 
#login{
  margin-left:10px;
  margin-right:10px;
 }
.srobut{
   margin-bottom:5px;
 } 
 
 
 /*********QUESTIONS *********************************/
 .qBody .hidden{display:none;}
 .question{margin:0px 0px 8px 0px;padding-left:10px;padding-top:10px;}
 .qSection .question{padding-left:15px;}
 .floorSection .qSection .question{padding-left:30px;}
 
 
 .question h6{font-size:16px;}
.question h6 .phoReq {  color: #FF0000;  display: block;  font-size: 10px;  font-style: italic;  margin-left: 25px;}
 .question h6.alert{color:#FF0000;}
 .qBody label{font-size:12px;}
 .qBody textarea{width:100%;} 
 .qBody input.text_input{width:100%;} 
 .qBody span.numeric_error{font-size:11px; color:#FF0000; } 
 .qBody span.prompt_label{font-size:12px;} 
 .qBody .prompt_cb, .hidden_qc{margin-bottom:-24px;}
 .qBody .prompt_sad{margin-top:2px;}
 .qBody .taq{font-family:Arial; font-size:14px;}
 .qBody .prompt_line{width:100%;} 
 
 
 .noscript {
  border: 1px solid #E77D7B;
  color: #AD5E5C;
  background-color: #FFE7E7;
  font-family: 'helvetica',Georgia,arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 10px auto;
  overflow: auto;
  padding: 5px 0;
  text-align: center;
  width: 80%;
  border-radius:2px;
}
.noscript img{
  position:relative;
  top:3px;
  }
.hidden{
  display:none;
}

.newCode{
  border-bottom: 1px solid #555555;
  padding-bottom:20px;
  width: 80%;
  margin: 20px auto 10px;
}

#jobList {
  clear: both;
  margin: 10px 0;
  min-height: 10px;
}
#jobList .ui-li-desc.first{
  margin-top:5px;
  font-weight:bold;
}

.narHolder{margin:10px 0;display:block;}
#mobileScore {  float: right;  font-size: 20px;  font-weight: bold;  margin-right: 20px;  position: relative;  top: 11px;}
.question .steps label {  display: block;  font-size: 14px;  font-weight: normal;  margin: 2px 2px 2px 6px;}
.question .steps li {  font-size: 13px;  font-weight: normal;  list-style: disc inside none;  margin: 5px;}
.berror{border:1px solid #FF0000;}
#comOpts div.inpWrap {  display: inline-block;  margin: 5px 10px;}

#photoWarn {  color: #FF0000;  padding: 0 10px;display:none;}


/* Forms Customization */
#formsContainer{margin-top:10px;}
#formsContainer .questionDivider{margin-top:20px;border-top:1px solid #000;margin-bottom:10px;}
#formsContainer h2 {  font-size: 23px;  margin-bottom: 10px;}
#formsContainer .innerBlock{}
#formsContainer .questiontitle{width:auto;margin: 0 0 8px;font-weight:bold;font-size:17px;}
#formsContainer .questionWrapper{display: inline-block;*display:inline;zoom:1;width:100%;}
#formsContainer .labelHolder{display: inline-block;*display:inline;zoom:1;}
#formsContainer .labelHolder label {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
#formsContainer input[type=text]{width:99%;}
#formsContainer textarea{width:99%;height:50px;}
#formsContainer .questiontitle.berror {  border: 0 none !important;  color: #FF0000;}


#appBanner{margin-bottom:10px;}
#appBanner .close {  display: block;  float: left;  margin-left: 10px; }
#appBanner .icon {  display: block;  float: left;  height: 50px;  margin-left: 10px;  margin-top: 13px;  width: 50px;}
#appBanner #appInfo{float:left;margin-left:10px;}
#appBanner #appInfo span{display:block;}
#appBanner #appInfo span.appName {  font-size: 13px;  margin-top: 10px;line-height:18px;font-weight:bold;}
#appBanner #appInfo span.appDesc{font-size:11px;line-height:13px;width:130px;}
#appBanner .download {  display: block;  float: right;  margin-right: 5px;  margin-top: 30px;}
#appBanner a:hover{opacity:.5;}

#appBanner #android {  background: url("/icons/android-bg.gif") repeat scroll 0 0 #3D3D3D;  border-top: 5px solid #88B131;  height: 85px;  width: 100%;padding-top:10px;}
#appBanner #android .close {  background: none repeat scroll 0 0 #1C1E21;  border: 0 none;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);  color: #B1B1B3;  font-size: 13px;  height: 17px;  line-height: 15px;  text-align: center;  text-decoration: none;  text-shadow: 0 1px 1px #000000;  width: 17px;}
#appBanner #android .icon{background:url("/icons/android-icon.png") no-repeat scroll 0 0 transparent;}
#appBanner #android #appInfo span.appName{color: #FFFFFF;text-shadow: 0 1px 2px #000000;}
#appBanner #android #appInfo span.appDesc{color: #CCCCCC;text-shadow: 0 1px 2px #000000;}
#appBanner #android .download {  background-color: #42B6C9;  background-image: -moz-linear-gradient(center top , #42B6C9, #39A9BB);  border: 1px solid #DDDCDC;  color: #D1D1D1;  font-size: 12px;  padding: 4px 10px;  text-decoration: none;  text-transform: uppercase;}

#appBanner #ios {  background: url("/icons/ios-bg.png") repeat-x scroll 0 0 transparent;  height: 85px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);padding-top:10px;}
#appBanner #ios .close {  background: none repeat scroll 0 0 #070707;  border: 2px solid #FFFFFF;  border-radius: 14px 14px 14px 14px;  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);  color: #FFFFFF;  font-family: 'ArialRoundedMTBold',Arial;  font-size: 12px;  height: 14px;  line-height: 13px;  text-align: center;  text-decoration: none;  text-shadow: none;  width: 15px;}
#appBanner #ios .icon{background:url("/icons/ios-icon.png") no-repeat scroll 0 0 transparent;}
#appBanner #ios #appInfo span.appName{color: #4D4D4D;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}
#appBanner #ios #appInfo span.appDesc{ color: #6A6A6A;   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
#appBanner #ios .download {  border: 1px solid #BFBFBF;  border-radius: 2px 2px 2px 2px;  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;  color: #6A6A6A;  font-size: 12px;  font-weight: bold;  height: 21px;  line-height: 21px;  padding: 5px 10px;  text-decoration: none;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);  text-transform: uppercase;}



#appBanner #bb {  background-color: #F4F4F4;  border-bottom: 1px solid #EBEBEB;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);  height: 85px;}
#appBanner #bb .close {  background: none repeat scroll 0 0 #070707;  border: 2px solid #FFFFFF;  border-radius: 14px 14px 14px 14px;  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);  color: #FFFFFF;  font-family: 'ArialRoundedMTBold',Arial;  font-size: 12px;  height: 14px;  line-height: 13px;  text-align: center;  text-decoration: none;  text-shadow: none;  width: 15px;}
#appBanner #bb .icon{background:url("/icons/android-icon.png") no-repeat scroll 0 0 transparent;}
#appBanner #bb #appInfo span.appName{color: #4D4D4D;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}
#appBanner #bb #appInfo span.appDesc{ color: #6A6A6A;   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
#appBanner #bb .download {  background-color: transparent;  background-image: url("/icons/bb-but.png");  background-repeat: repeat;  border-radius: 4px 4px 4px 4px;  color: #FFFFFF;  font-size: 12px;  font-weight: bold;  height: 28px;  line-height: 28px;  padding: 0 30px;  text-align: center;  text-decoration: none;  text-shadow: 0 1px 0 #68B2E9;  text-transform: uppercase;}