/*mList default style--------------------------------------------------------------------*/

.ui-content{
	margin: 0;
	padding: 0;
}
.ui-content ul.ui-listview{
	padding:6px 10px;
}
.ui-content form h3.ui-collapsible-heading {
	padding:0 10px;
}
table.mlist-default {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	border-bottom: 2px solid #808080;
}
.mlist-default-title {
	width: 100%;
	text-align:left;
	border-bottom: 2px solid #808080;
}
.mlist-default-title-text {
	font-weight: bold;
	font-size: 18px;
	margin-top:10px;
	margin-left:4px;
}
.mlist-default tr {
	
}

.bgRed {background-color:#ff9999}
.bgAmber {background-color:#ffbf66}
.bgGreen {background-color:#99ff99}

.mlist-default td {
	border-bottom: 1px solid #aaaaaa;
	/*background-image: url('/images/bg/mlist_td_bg.png');
	background-repeat:repeat-x;
	background-position: left center;*/
	height:60px;
}
.mlist-default td.icon {
	width: 68px;
	text-align: center;
}
.mlist-default td.action {
	width: 68px;
	text-align: center;
	vertical-align: top;
}
.mlist-default td.content {
	vertical-align: top;
	padding: 0px 0px 0px 4px;
	text-align: left;
}
.mlist-default td.checkbox {
	vertical-align: middle;
	padding: 0px 2px 0px 2px;
	width: 115px;
	text-align: center;
}
.mlist-default h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom:3px;
	margin-top: 0px;
	color: #222222;
}
.mlist-default h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom:3px;
	margin-top: 0px;
	color: #222222;
}
.mlist-default img.icon {
	width: 64px;
}
.mlist-default img.link {
	width: 14px;
	margin-bottom: -21px;
	float:right;
}
.mlist-default img.action {
	width: 64px;
	margin: 2px;
}

/*JOBS DETAILS--------------------------------------------------------------------*/
.job-details {
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	font-size: 14px;
	width: 100%;
	text-align: left;
	border-bottom: 2px solid #808080;
}
.job-details th {
	background-color: #d2dbd9;
	padding: 2px;
	border-bottom: 1px solid #808080;
	font-size: 16px;
}
.job-details td {
	padding: 0px 2px 1px 2px;
	font-size: 16px;
}
.job-details-short th {
	background-color: #e2ebe9;
	padding: 2px;
	border-bottom: 1px solid #808080;
	font-size: 16px;
}
#actions-menu {
	padding: 0px;
	margin: auto;
	border: 0px;
	border-collapse: collapse;
	font-size: 14px;
	text-align: center;
	width:100%;
}
#actions-menu div {
	padding: 1px 2px 1px 2px;
	font-size: 16px;
	display:inline-block;
}
#actions-menu img {
	width: 59px;
}
#serials-info {
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	font-size: 14px;
	width: 100%;
	text-align: left;
	width:100%;
	
}
#serials-info tr {
	border-bottom: 1px solid #808080;
}
#serials-info tr.PR {
	background-color: #ffffb5;
}
#serials-info tr.S {
	background-color: #bbebff;
}
#serials-info tr.P {
	background-color: #b3ff99;
}
#serials-info tr.PREJ {
	background-color: #ffbbbb;
}
#serials-info tr.NA {
	background-color: #ffffff;
}
.job-details-short #serials-info tr {
	background-color: #FFFFFF;
}
#serials-info td {
	padding: 0px 2px 1px 2px;
}
img.map {
	width: 100%;
}
#job-notes {
	width: 80%;
	height: 30px;
}
#job-notes-save {
	height: 32px;
	vertical-align: bottom;
}
img.img-call {
	height:64px;
}

/*FORMS-----------------------------------------------*/
textarea.filter {
	width: 80%;
	height:26px;
	font-size: 18px;
	background-color: #a1d9ff;
	border: 1px solid #808080;
	display:inline;
	margin-left:4px;
	padding:2px;
}
input.filter {
	width: 90%;
	height:23px;
	font-size: 20px;
	background-color: #a1d9ff;
	border: 1px solid #808080;
}
img.filter {
	vertical-align: bottom;
	margin-left:4px;
	height:26px;
}
input.mobile {
	font-size: 20px;
	height: 43px;
	margin: 0px 10px;
	padding: 10px;
	width: 160px;
}

/*INTERNAL ORDERS------------------------------------*/
table#orderitems {
	width: 100%;
	text-align: left;
	font-size: 14px;
}
#orderitems th {
	background-color:  #ededed;
}

/*HEADERS ---------------------------------------------------*/
h2.mmessage {
	font-size: 18px;
	margin: 10px 2px 10px 2px;
}
h4.mmessage {
	white-space:normal
}
.mobile-hide {
	display:none;
}
button.button-mobile {
	font-size:16px;
	line-height:16px;
	padding:3px 8px;
	width:100px;
}
#close-icon img {
	width:64px;
	height:64px;
	margin:2px
}
.job-details-html {
	width:100%;
	background-color:white;
}
.job-details-html td {
	font-size:14px;
}
.mobile-prompt .ui-dialog-content {
	background-color:#333333;
	color:#ffffff;
	font-size:13px;
	z-index:2000;
}
.ui-controlgroup-vertical .ui-radio .ui-btn {
	padding-top:8px;
	padding-bottom:8px
}
.flag-fg-blue h2, .flag-fg-blue h3 {
	color:#0000dd;
}
div.small-icon  {
	max-width:32px;
	display:inline-block;
}
.small-icon img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
table.mobile-list td {
	vertical-align:top;
	padding:0 0 4px 0;
	font-weight:normal;
}
 
.ui-body-c, .ui-bar-c {background:white;background-color:white;}
textarea.ui-body-c, input.ui-input-text, .ui-select .ui-btn-inner, .ui-radio .ui-btn-inner {background:#e3e3e3}
.ui-collapsible-heading .ui-btn-inner {background-color:#888888;color:white;text-decoration:none;text-shadow: none;}
.ui-collapsible-heading .ui-btn-inner span {white-space:normal;}
.ui-body-c, .ui-overlay-c { text-shadow:none; }
div.ui-page  a{ text-shadow:none; }
a:hover {text-decoration:none;color:red}
.ui-li-desc, .ui-br {border:0;margin:0;padding:1px 0}
.ui-li {padding-right:0;}
.ui-controlgroup-vertical .ui-radio .ui-btn {padding-top:0px;padding-bottom:0px; border:1px solid #999;border-width:1px 1px 0 1px}
.ui-controlgroup-vertical .ui-radio .ui-btn.ui-corner-bottom {border:1px solid #999;border-width:1px 1px 1px 1px}
.ui-controlgroup-vertical .ui-radio .ui-btn-inner {line-height:30px; padding-left:14px;text-shadow: none;}
.ui-radio .ui-radio-on .ui-btn-inner {background-color:#65a7db;color:white;}
.ui-radio .ui-radio-on .ui-btn-inner span img {line-height:30px}
.ui-controlgroup-vertical .ui-radio .ui-btn .ui-icon-radio-off, .ui-controlgroup-vertical .ui-radio .ui-btn .ui-icon-radio-on {display:none}
.mobipick-main {z-index:3000}
.center {text-align:center;}
.userSummary {
	width: 100%;
	border-collapse: collapse;
}
.userSummary th, .userSummary td {
	border:2px solid gray;
	border-width:1px 2px 0 2px;
	padding:1px;
}
input.engineerRevenue {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 4px;
    height: 30px;
    border-color: #1f1f1f; 
    border-style: solid; 
    border-width: 1px;
    margin:5px 0;
    
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, red , yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, red , yellow, green); /* Standard syntax */
}
input.engineerRevenue::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -webkit-border-radius: 2px;
    background-color: blue;
    height: 31px;
    width: 9px;
}
.jobStatus {
	border-bottom:none !important;
}