/*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;
}
#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;
}
#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:23px;
	font-size: 20px;
	background-color: #a1d9ff;
	border: 1px solid #808080;
}
input.filter
{
	width: 90%;
	height:23px;
	font-size: 20px;
	background-color: #a1d9ff;
	border: 1px solid #808080;
}
img.filter
{
	vertical-align: bottom;
}

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