/* -------------------------------------------------------------------------------------------- */
/* DEFINE COLORS USED IN BP WEB PAGE
JASNY  GREEN: #99CC00
CIEMNY GREEN: #056767
BRUDNY GREEN: #E7F7E7*/
/* -------------------------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------------------------*/
* {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*---FORMS--------------------------------------*/

select
{
	/*border: 1px solid #4dadad;*/
	/*width: 100px;*/
}

input[type="button"] {
	width: 100px;
}

input[type="text"] {
	width: 100px;
	/*border: 1px solid #4dadad;*/
	padding: 1px;
}

input[type="number"] {
	width: 100px;

}

input[type="password"] {
	width: 100px;

}

input#txtscan
{
	font-size: 24px;
	height: 40px;
	margin: 0px 10px;
	padding: 0;
	width: 300px;

}

input.scan
{
	width:300px;
	height:30px;
	font-size:20px;
	padding: 7px 7px 0px 7px;
}

/*----------------------------------------------------------------------------------------------*/
h1 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0px;
}

h2 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px;
}

h3 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px;
}

/*----------------------------------------------------------------------------------------------*/
p {
}

blockquote {
}

/*----------------------------------------------------------------------------------------------*/
ul {
}

ul li {
}

ul li a {
}

ul li a:hover {
}

/*----------------------------------------------------------------------------------------------*/
ol {
}

ol li a {
}

ol li a:hover {
}

/*----------------------------------------------------------------------------------------------*/
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------------------------*/
/*images formatting*/
img {	
	border: 0px !important;
	vertical-align: middle;
}
img.buttonimage
{
	border: 0px;
	vertical-align: bottom;
	width: 64px;
}

/* -------------------------------------------------------------------------------------------- */

.clearfix{
	clear: both;
}
.clearLeft{
	clear: left;
}
.clearRight{
	clear: right;
}
.default
{
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
}

.default th
{ 
	background-color:  #d2dbd9;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 2px;
	border-bottom: 1px solid #808080;
}

.default tr.oddcell
{
	background-color:  #fff;
}

.default tr.evncell
{
	background-color:  #eaeaea;
}

.default tr.errcell
{
	background-color:  #ffd700;
}

.default tr.errcell td
{
	border-bottom:0px;
}

.default tr.red
{
	background-color:  #fd7e7e;
}

.default tr.green
{
	background-color:  #adffa2;
}

.default td
{
	font-size: 12px;
	padding: 2px 2px;
	border-bottom: 1px solid #a0a0a0;
	vertical-align: top;
	text-align: left;
}

/* -------------------------------------------------------------------------------------------- */
#header {

	height:	82px;
	width:	100%;
	
	padding-top: 3px;
		
	background-repeat: repeat-x;
	
	font-size:   20px;
	text-align:  left;
}

/* -------------------------------------------------------------------------------------------- */
#header li
{
	display: inline;
	list-style-type: none;
	
	padding-left:  15px;
	padding-right: 15px;
}

/* -------------------------------------------------------------------------------------------- */
#header .liborder {

	border-left-color:#056767;
	border-left-style:solid;
	border-left-width:1px;

}

/* -------------------------------------------------------------------------------------------- */
a {
	color: 		 #056767;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------- */
a:hover {
	color:		 #056767;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#footer {

/*	margin:	0 auto; /* center screen */
	width:100%;
	
	/* move text 10px below the top border */
	padding-top:10px;
	
	border-top-color: #056767; /* no bottom border */
	border-top-style: solid;
	border-top-width: 1px;

	font-size:   11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:  left;
	color:		 #056767;

	clear: both; /* to be placed below middle part */
}

/* -------------------------------------------------------------------------------------------- */
#footer li
{
	display: inline;
	list-style-type: none;
	
	padding-left:  15px;
	padding-right: 15px;
	
}

/* -------------------------------------------------------------------------------------------- */
#footer .liborder {

	border-right-color: #056767;
	border-right-style: solid;
	border-right-width: 1px;
}

/* -------------------------------------------------------------------------------------------- */
#footer a {

	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:  left;
	color: 		 #056767;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------- */
#footer a:hover {

	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:  left;
	color:		 #056767;
	text-decoration: underline;
}
/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#topmenu {

	height: 22px;
	margin:	0 auto; /* center screen */
	width:  100%;
	
	border-bottom-color: #056767;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	
	border-top-color: #056767;
	border-top-style: solid;
	border-top-width: 1px;
	
	border-left-color: #056767; /* no left border */
	border-left-style: solid;
	border-left-width: 0px;
	
	border-right-color: #056767; /* no right border */
	border-right-style: solid;
	border-right-width: 0px;
	
	background-color: #FFFFFF;
	vertical-align: bottom;
	text-align: center;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#content {
	width:  100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	
	overflow: auto;
	
	font-size:   12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
	text-align:center;
}

/* -------------------------------------------------------------------------------------------- */

.statusmsgs { /* div where status messages are shown */
	
	width: 90%;
	
	margin-top:    3px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	padding-left:  10px;
	padding-right: 10px;
}

/* -------------------------------------------------------------------------------------------- */

.datagrid { /* div where status messages are shown */
	
	max-width: 100%;
	overflow: visible;
	position: relative;
	padding-top: 	20px;
	/*padding-bottom: 20px;*/
	padding-left:   20px;
	padding-right:  20px;
	
	min-height: 50px;
	clear:both;
}

.datagrid h2 {
	padding-bottom: 5px;
}

.datagrid input[type="button"] {

	border: 1px solid #99CC00;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 150px;
	
	font-size: 12px;
}

.datagrid input[type="submit"] {

	border: 1px solid #99CC00;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 150px;
	
	font-size: 12px;
}

/* LOGIN PASSWORD-------------------------------------------------------------------------------- */

#loginpass { /* div in which login and password tables are shown */
	
	max-width: 100%;
	
	padding-top: 	40px;
	padding-bottom: 40px;
}

table.login {

	margin-left:  auto;
	margin-right: auto;
	
	width: 100%;
	
	border: 0px;
}

table.login th {
	
	padding: 5px 10px 5px 10px;
	
	color: 		 #056767;
	font-size:   20px;
	font-weight: 700;	
}

table.login td {
	
	padding: 10px 5px 10px 5px;
	
	text-align: center;
	vertical-align: top;
}

table.login input
{
	font-size: 20px;
	height: 43px;
	margin: 0px 10px;
	padding: 10px;
	width: 160px;
}
table.login img
{
	height: 64px;
	vertical-align: top;
}

/* -------------------------------------------------------------------------------------------- */
table.chpasswd {

	margin-left:  auto;
	margin-right: auto;
	
	border-color: #056767;
	border-style: solid;
	border-width: 0px;
	
	background-color: #FFFFFF;
	
	font-size: 14px;
	color: 	   #056767;
}

table.chpasswd td {
	
	text-align: left;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

table.messagesinfo { /* information messages table */

/*	margin-left:  0px; margins/padding specified in the div containing this table
	margin-right: 0px; */
	
	width: 100%;
	
	text-align: left;
	color: 		#000000;
	font-size:  12px; /* style of the table contents */
	
	border-color: #3399CC;
	border-style: solid;
	border-width: 1px;
	
	background-color: #FFFFFF;
}

table.messagesinfo th {
	
	padding: 2px 5px 2px 5px; /* top and bottom margins are smaller by 5px in contrast to the td */
	
	background-color: #3399CC;

	color: 		 #000000;
	font-size:   14px;
	font-weight: 700; /* style of the heading napis */
}

table.messagesinfo td {
	
	padding: 2px 2px 2px 2px;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

table.messageserror { /* error messages table */

/*	margin-left:  0px; margins/padding specified in the div containing this table
	margin-right: 0px; */
	
	width: 100%;
	
	text-align: left;
	color: 		#000000;
	font-size:  12px; /* style of the table contents */
	
	border-color: #FF3333;
	border-style: solid;
	border-width: 1px;
	
	background-color: #FFFFFF;
}

table.messageserror th {
	
	padding: 2px 5px 2px 5px; /* top and bottom margins are smaller by 5px in contrast to the td */
	
	background-color: #FF3333;

	color: 		 #000000;
	font-size:   14px;
	font-weight: 700; /* style of the heading napis */
}

table.messageserror td {
	
	padding: 2px 2px 2px 2px;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

table.messageswarn { /* warning messages table */

/*	margin-left:  0px; margins/padding specified in the div containing this table
	margin-right: 0px; */
	
	width: 100%;
	
	text-align: left;
	color: 		#000000;
	font-size:  12px; /* style of the table contents */
	
	border-color: #FF6600;
	border-style: solid;
	border-width: 1px;
	
	background-color: #FFFFFF;
}

table.messageswarn th {
	
	padding: 2px 5px 2px 5px; /* top and bottom margins are smaller by 5px in contrast to the td */
	
	background-color: #FF6600;

	color: 		 #000000;
	font-size:   14px;
	font-weight: 700; /* style of the heading napis */
}

table.messageswarn td {
	
	padding: 2px 2px 2px 2px;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.leftmenu {

	position: absolute;
	width:    200px;
	height:   200px;
	top:	  140px;
	z-index:  10;

	border-top:    1px solid #056767;
	border-bottom: 1px solid #056767;
	border-right:  1px solid #056767;
	
	background-color: #056767;
	
	margin:  10px 10px 10px 10px; /* left is zero */
	padding: 10px 10px 10px 10px; 

	font-size:   10px;
	color: 		 #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
	/* whether menu is visible or not */
	display: none;	
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.openmenu {

	position: absolute;
	width:    10px;
	height:   220px;
	top:	  140px;
	z-index:  11;
	
	border-top:    1px solid #056767;
	border-bottom: 1px solid #056767;
	border-right:  1px solid #056767;
	
	background-image:  url(../images/icons/menuopen.png);
	background-repeat: no-repeat;
/*	background-color:  #000099; */
	
	margin: 10px 10px 10px -1px; /* left is zero */
	
	font-size:   10px;
	color: 	     #000000;
	font-family: "Courier New", Courier, monospace;
}

/* -------------------------------------------------------------------------------------------- */
/* used for displaying de/select checjboxes under main grid------------------------------------- */
.gridchselect {

	padding-left:   30px;
	padding-right:  20px;
	padding-bottom: 20px;

	display: inline;
	overflow: hidden;
	
	color: #056767;
}

/* -------------------------------------------------------------------------------------------- */
/* used for displaying submit button with options under main grid------------------------------ */
.submitgrid {

	margin-left:   20px; /* horizontal green line starts from 20px and ends 20px before page */
	margin-right:  20px;
	margin-bottom: 25px;
	
	padding-top:    10px; /* space between de/select all and submit button */
	padding-bottom: 5px;
	border-bottom:  1px solid #056767;
	
	overflow: hidden;
	
	color: #056767;
	font-size: 12px;
	float:left;
}

.submitgrid input[type="button"] {

	border: 1px solid #4dadad;
	margin-right: 10px;
}

.submitgrid input[type="checkbox"] {

	margin-left:  15px;
	margin-right: 5px;
}

.submitgrid select {

	margin-right: 10px;
}


/* -------------------------------------------------------------------------------------------- */
/* used for displaying manage button in manage connections------------------------------------- */
.managegrid {

	margin-left:   20px; /* horizontal green line starts from 20px and ends 20px before page */
	margin-right:  20px;
	margin-bottom: 25px;
	
	padding-top:    10px; /* space between de/select all and submit button */
	padding-bottom: 5px;
	border-bottom:  1px solid #056767;
	z-index: 100;
	overflow: hidden;
	
	color: #056767;
	font-size: 12px;
}

.submitgrid input[type="button"] {

	border: 1px solid #4dadad;
	margin-right: 10px;
}

/* -------------------------------------------------------------------------------------------- */
.default {
	position: relative;
	font-size: 12px;
	color: 	   #000000;
	margin:   20px 20px 20px 20px;
	height: auto;
	overflow: auto;
}

DIV.divLoading
{
	position:absolute;
	width:200px; height:50px;
	border: 1px solid;
	background-color:#EFEFEF;
	top:40%;
	margin:0px -100px;
	text-align: center;
	padding-top:8px;
   	opacity: 0.8; 
}

div#overlay_bg
{
	visibility:hidden;
	position:fixed;
	width:100%;
	height:100%;
	border: 0px solid;
	background-color:#DDDDDD;
	top:0px;
	left:0px;
	margin:0px;
	text-align: center;
	padding:0px;
	/*filter:alpha(opacity=90);*/
   -moz-opacity: 0.9;
   opacity: 0.9;
	
}
div#overlay_content
{
	border: 3px solid #056767;
	background-color:#FFFFFF;
	margin:50px 50px 50px 50px;
	padding:15px;
	text-align: left;
	overflow: auto;
}
div#overlay_buttons
{
	position:relative;
	width:100%;
	height:auto;
	border: 0px;
	left:auto;
	margin:0px;
	text-align: right;
	padding:0px;
	right:0px;
}

div#menu_sequence
{
	position: relative;	
	margin: 20px;
	text-align:left;
	float:left;
}
div#menu_actions
{
	position: relative;
	margin: 20px;
	text-align: left;
	float:left;
}
img.menu_img
{
	cursor: pointer;
	vertical-align: middle;
	border: 0px;
}
div#status
{
	margin-top: 20px;	
}
.table_carriage_details th
{
	color: #e7f7e7;
	background-color: #056767;
	padding: 3px;
}
.table_carriage_details td
{
	font-size: 12px;
	padding: 3px;
}
.div_detailstable
{
	margin: auto;
	margin-top: 20px;
	text-align: center;
}

.div_detailstable table
{
	margin: auto;
	text-align: left;
}

.divDeviceDetails
{
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 20px;
	margin-bottom: 20px;
	
	width: 898px;
	height: 200px;
	position: relative;
	
	border: 0px;
	overflow: hidden;
	
}

.divDeviceDetailsBar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 24px;
	
	border-bottom: 0px;
	background-color: #222421;
}

.divDeviceDetailsBar_name
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80%;
	height: 24px;
	
	color: #ffffff;
	text-indent: 10px;
	text-align: left;
	font-size: 18px;
	padding: 1px;

	vertical-align: middle;
}
.divDeviceDetailsBar_controls
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 24px;
	text-align: right;
	vertical-align: middle;
}
.divDeviceDetailsBar_controls IMG
{
	margin: 1px;
	vertical-align: top;
}

.divDeviceDetailsContent
{
	position: absolute;
	top: 24px;
	left: 0px;
	width: 896px;
	height: 175px;
	
	border-bottom: 1px solid #222421;
	border-left: 1px solid #222421;
	border-right: 1px solid #222421;
	border-top: 0px;
	
}
.divDeviceDetailsImage
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 128px;
	height: 128px;
	overflow: hidden;
	
	border: 0px;
}

.divDeviceDetailsLocation
{
	position: absolute;
	top: 10px;
	left: 148px;
	width: 300px;
	height: 160px;
	overflow: hidden;
	text-align: left;
	border: 1px;
	border: 0px;
}

.divDeviceDetailsFields
{
	position: absolute;
	top: 10px;
	left: 458px;
	width: 300px;
	height: 160px;
	overflow: hidden;
	text-align: left;
	border: 1px;
	border: 0px;
}

#map
{
	position: relative;
	height: 900px;
	width: 76%;
	border: 1px solid #056767;
}
#map_menu
{
	position: absolute;
	height: 600px;
	width: 23%;
	border: 1px solid #056767;
	overflow: auto;
	right: 0px;
	top: 0px;
}
.left
{
	float: left;
}
.right
{
	float:right;
}

#tbl_job_photos, #tbl_complaint_photos
{
	width: 100%;
	border: 0;
	border-collapse:collapse;
}

#tbl_job_photos td, #tbl_complaint_photos td
{
	vertical-align:top;
}

#tbl_job_photos tr, #tbl_complaint_photos tr
{
	border-bottom:1px solid #cccccc;
}
#tbl_job_photos img
{
	padding:2px 2px 0 0 ;
}
.tbl_job_photos, .tbl_complaint_photos
{
	width: 100%;
	border: 0;
	border-collapse:collapse;
}

.tbl_job_photos td, .tbl_complaint_photos td
{
	
	border-bottom:1px solid #cccccc;
	vertical-align:top;
}
.tbl_job_photos img
{
	width:140px;
	height:140px;
	margin:0 auto;
}

#cpe-insp-detals
{
	width:100%;
}
#cpe-insp-detals TD
{
	border-bottom:1px solid #777777;
	
}

.job-start-end-hours,.job-start-end-minutes
{
	color:black;
	font-size:30px;
	height:34px;
	width:40%;
	margin:0;
	padding:0;
}
.job-start-end-hours
{
	float:left;
}
.job-start-end-minutes
{
	float:right;
}

.job-details input,.job-details textarea
{
	width:100%;	
}
.last-qcs
{
	border-bottom:2px gray solid;border-top:2px gray solid;text-align:left;padding-bottom:5px;padding:0 2px
}
.last-qcs h2
{
	text-align:left
}
.last-qcs p
{
	margin:0;margin-bottom:5px
}
.last-jobs
{
	border-bottom:2px gray solid;border-top:2px gray solid;text-align:left;padding-bottom:5px
}
.last-jobs p
{
	margin-left:2px;margin-bottom:5px;font-size:12px
}
.last-jobs h2
{
	margin-left:2px;text-align:center;
}
#return_other input, #return_other select
{
	width:240px;margin:6px
}
#return_other span
{
	width:100px;text-align:right;display:inline-block	
}
.ui-autocomplete
{
	font-size:12px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.job-photos-div
{	
	width:660px;
	height:122px;
	display:inline-block;
	float:left;
	margin:8px 0 8px;
	text-align:left;
	overflow:auto;
}
.job-photos-div-mobile
{	
	width:99%;
	margin:8px 0 8px;
	text-align:left;
	padding-left:1%;
	font-size:14px;
}
.job-photos-div div, .job-photos-div-mobile div
{
	float:left;
	margin:3px
}
.job-photos-div div strong
{
	font-size:11px;
}
.job-photos-div-mobile div strong
{
	font-size:14px;
}

.job-photos-div div img, .job-photos-div-mobile div img
{
	width:100px;height:100px;
}

.day-section-title
{
	width:100%;
	background-color:#000099;
	color:white;
	font-weight:bold;
	clear:both;
	line-height:30px;
	font-size:16px;
	margin:10px 0 10px;
	cursor:pointer;
}
.section-title, .section-title-other, .section-title-mobile, .section-title-other-mobile
{
	width:98%;
	color:white;
	font-weight:bold;
	clear:both;
	text-align:left;
	padding:0 1%;
}
.section-title-mobile, .section-title-other-mobile
{
	font-size:13px;
	padding:2px 1%;
	width:98%;
}

.section-title, .section-title-mobile
{
	background-color:#5555ff;
}
.section-title-other, .section-title-other-mobile
{
	background-color:#ff6600;
}

.text-content
{
	display:inline-block;
	width:340px;
	float:left;
	text-align:left;
	height:120px;
	overflow:auto;
	margin:8px 0 8px;
}

.text-content-mobile
{
	width:99%;
	text-align:left;
	margin:8px 0 8px;
	padding-left:1%;
	font-size:14px;
}

.mobile-prompt .ui-dialog-titlebar
{
	display:none;
}
.mobile-prompt .ui-dialog-content
{
	background-color:#333333;
	color:#ffffff;
	font-size:13px;
	z-index:2000;
}

.flag-fg-blue h2, .flag-fg-blue h3 {
	color:#0000dd;
}
.lightGreen{
	background: #d8ffd8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8ffd8 0%, #baffba 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8ffd8), color-stop(78%,#baffba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8ffd8 0%,#baffba 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8ffd8 0%,#baffba 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8ffd8 0%,#baffba 78%); /* IE10+ */
	background: linear-gradient(to bottom, #d8ffd8 0%,#baffba 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8ffd8', endColorstr='#baffba',GradientType=0 ); /* IE6-9 */
}
.white{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f2f7 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(78%,#f3f2f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f2f7 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f2f7 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f2f7 78%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f2f7 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f2f7',GradientType=0 ); /* IE6-9 */
}
.lightRed{
	background: #ffd3d3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd3d3 0%, #ffaaaa 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd3d3), color-stop(78%,#ffaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd3d3 0%,#ffaaaa 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd3d3 0%,#ffaaaa 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffd3d3 0%,#ffaaaa 78%); /* IE10+ */
	background: linear-gradient(to bottom, #ffd3d3 0%,#ffaaaa 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3d3', endColorstr='#ffaaaa',GradientType=0 ); /* IE6-9 */
}
.lightGrey{
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #bcbcbc 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(78%,#bcbcbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8d8d8 0%,#bcbcbc 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#bcbcbc 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#bcbcbc 78%); /* IE10+ */
	background: linear-gradient(to bottom, #d8d8d8 0%,#bcbcbc 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}
.lime{
	background: #dff9ca; /* Old browsers */
	background: -moz-linear-gradient(top, #dff9ca 0%, #9afc4e 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dff9ca), color-stop(78%,#9afc4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dff9ca 0%,#9afc4e 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dff9ca 0%,#9afc4e 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dff9ca 0%,#9afc4e 78%); /* IE10+ */
	background: linear-gradient(to bottom, #dff9ca 0%,#9afc4e 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff9ca', endColorstr='#9afc4e',GradientType=0 ); /* IE6-9 */
}
.yellow{
	background: #ffffd3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffd3 0%, #ffff80 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffd3), color-stop(78%,#ffff80)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffd3 0%,#ffff80 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffd3 0%,#ffff80 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffd3 0%,#ffff80 78%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffd3 0%,#ffff80 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffd3', endColorstr='#ffff80',GradientType=0 ); /* IE6-9 */
}
.blue{
	background: #badaff; /* Old browsers */
	background: -moz-linear-gradient(top, #badaff 1%, #adc3ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#badaff), color-stop(100%,#adc3ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #badaff 1%,#adc3ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #badaff 1%,#adc3ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #badaff 1%,#adc3ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #badaff 1%,#adc3ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#badaff', endColorstr='#adc3ff',GradientType=0 ); /* IE6-9 */
}
.lightBlue{
	background: #ddddff; /* Old browsers */
	background: -moz-linear-gradient(top, #ddddff 0%, #d3d3ff 79%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddddff), color-stop(79%,#d3d3ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ddddff 0%,#d3d3ff 79%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ddddff 0%,#d3d3ff 79%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ddddff 0%,#d3d3ff 79%); /* IE10+ */
	background: linear-gradient(to bottom, #ddddff 0%,#d3d3ff 79%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddddff', endColorstr='#d3d3ff',GradientType=0 ); /* IE6-9 */
}
.lightPeach{
		background: #ffffe5; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffe5 0%, #ffffc0 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffe5), color-stop(78%,#ffffc0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffe5 0%,#ffffc0 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffe5 0%,#ffffc0 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffe5 0%,#ffffc0 78%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffe5 0%,#ffffc0 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe5', endColorstr='#ffffc0',GradientType=0 ); /* IE6-9 */
}
.orange{
	background: #ffdaa0; /* Old browsers */
	background: -moz-linear-gradient(top, #ffdaa0 2%, #ffb53f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffdaa0), color-stop(100%,#ffb53f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffdaa0 2%,#ffb53f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffdaa0 2%,#ffb53f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffdaa0 2%,#ffb53f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffdaa0 2%,#ffb53f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdaa0', endColorstr='#ffb53f',GradientType=0 ); /* IE6-9 */
}
.bronze{
	background: #f2e0d0; /* Old browsers */
	background: -moz-linear-gradient(top, #f2e0d0 1%, #bc764b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2e0d0), color-stop(100%,#bc764b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2e0d0 1%,#bc764b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2e0d0 1%,#bc764b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2e0d0 1%,#bc764b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2e0d0 1%,#bc764b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e0d0', endColorstr='#bc764b',GradientType=0 ); /* IE6-9 */
}
.dirtyGreen{
	background: #dae579; /* Old browsers */
	background: -moz-linear-gradient(top, #dae579 1%, #b5ae67 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dae579), color-stop(100%,#b5ae67)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dae579 1%,#b5ae67 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dae579 1%,#b5ae67 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dae579 1%,#b5ae67 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dae579 1%,#b5ae67 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae579', endColorstr='#b5ae67',GradientType=0 ); /* IE6-9 */
}
.mediumaquamarine {
	background: #48d1cc; /* Old browsers */
}
.velvet{
	background: #e5dcde; /* Old browsers */
	background: -moz-linear-gradient(top, #e5dcde 0%, #eab2c2 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5dcde), color-stop(78%,#eab2c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e5dcde 0%,#eab2c2 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e5dcde 0%,#eab2c2 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5dcde 0%,#eab2c2 78%); /* IE10+ */
	background: linear-gradient(to bottom, #e5dcde 0%,#eab2c2 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dcde', endColorstr='#eab2c2',GradientType=0 ); /* IE6-9 */
}
.sunSet {
	background: #d39bf2; /* Old browsers */
	background: -moz-linear-gradient(top, #d39bf2 0%, #eab2c2 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d39bf2), color-stop(78%,#eab2c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d39bf2 0%,#eab2c2 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d39bf2 0%,#eab2c2 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d39bf2 0%,#eab2c2 78%); /* IE10+ */
	background: linear-gradient(to bottom, #d39bf2 0%,#eab2c2 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d39bf2', endColorstr='#eab2c2',GradientType=0 ); /* IE6-9 */
}
.peach{
	background: #ffead3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffead3 0%, #ffd4a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffead3), color-stop(100%,#ffd4a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffead3 0%,#ffd4a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffead3 0%,#ffd4a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffead3 0%,#ffd4a0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffead3 0%,#ffd4a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffead3', endColorstr='#ffd4a0',GradientType=0 ); /* IE6-9 */
} 
.hoverableTable {
	cursor: default;
	border-spacing: none;
	border-collapse: collapse;
}
.hoverableTable tr:hover{
	background: #ffead3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffead3 0%, #ffd4a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffead3), color-stop(100%,#ffd4a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffead3 0%,#ffd4a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffead3 0%,#ffd4a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffead3 0%,#ffd4a0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffead3 0%,#ffd4a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffead3', endColorstr='#ffd4a0',GradientType=0 ); /* IE6-9 */
}
.hoverableTable tr:first-child:hover{
	background: none;
	
}
.hoverableTable tr:first-child{
	border-bottom: 2px solid #4DADAD;
}
.hoverableTable {

}
.red{
	color: red;
}
.green{
	color: green;
}
.dark_yellow{
	color: #D7DF01;
}
.inline{
	display: inline-block;
}
.leftSide {
	float: left;
}
.rightSide {
	float: right;
}
.submitOrange {
	width: 120px;
	height: 30px;
	line-height: 28px;
	font-size: 17px;
	font-weight: bold;
	color: #333333;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: #FE9A2E;
	box-shadow: 0 0 8px #aaaaaa;
	cursor: pointer;
	border-radius: 8px;
	border: 1px solid #000000;
}
.submitOrange:hover {
	background: #FF8000;
	
}
.submitOrange:active {
	color: #EEEEEE;
	text-shadow: 1px 1px 1px #000000;
}
.ui-dialog .ui-dialog-title {
	width: 100%;
	text-align: center;
}
div#popupImage {
	position:fixed;top:0;left:0;width:100%;height:100%;background-color:#eeeeee;border-width:0;display:none;z-index:50000;
}
div#popupImage iframe {
	border-width:0;margin:auto;
}
div#popupImage #close-image {
	position:fixed;right:5px;top:5px;width:48px;height:48px;
}
a.mobile, button.mobile {
	border: 1px solid #CCCCCC;
	border-radius: 1em;
	color: #444444;
	font-weight: bold;
	cursor: pointer;
	margin: 0.5em 5px;
	padding: 0.5em 1em;
	position: relative;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 3px 3px 3px #AAAAAA;
	display: inline-block;
}
.height-transition {
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    overflow-y: hidden;            
}
.height-transition-hidden {            
    max-height: 0;            
}
img.action {
	width: 64px;
}
.hidden {
	display: none;
}
.job_status_C, .job-details .job_status_C {
	background-color: #b3ff99;
}
.job_status_CON, .job-details .job_status_CON {
	background-color: #bbebff;
}
.job_status_F, .job-details .job_status_F {
	background-color: #ff6666;
}
.job_status_PF, .job-details .job_status_PF {
	background-color: #dae579;
}
.job_status_REFR, .job-details .job_status_REFR {
	background-color: #ffbbbb;
}
.job_status_FR, .job-details .job_status_FR {
	background-color: #ffbbbb;
}
.job_status_DEFAULT, .job-details .job_status_DEFAULT {
	background-color: #bbebff;
}
.job_status_IP_PROVISIONED, .job-details .job_status_IP_PROVISIONED {
	background-color: #ffa100;
}
.job_status_IP_REJECTED, .job-details .job_status_IP_REJECTED {
	background-color: #d8bfd8;
}
.job_status_IP_INPROGRESS, .job-details .job_status_IP_INPROGRESS {
	background-color: #bdb76b;
}
.job_status_IP_INPROGRESS, .job-details .job_status_IP_INPROGRESS_OWNED {
	background-color: #bdb7bf;
}
.job_status_IP_DEFAULT, .job-details .job_status_IP_DEFAULT {
	background-color: #ffffb5;
}
.job_status_IP_STANDBY, .job-details .job_status_IP_STANDBY {
	background-color: #d87fd8;
}
.mmenu_success, .mlist-mmenu td.mmenu_success {
	background: #b3ff99;
}
.mmenu_error, .mlist-mmenu td.mmenu_error {
	background: #ffbbbb;
}
.mmenu_warning, .mlist-mmenu td.mmenu_warning {
	background: #FFFFB5;
}
.greenBG {
	background: #65FF65;
}
.orangeBG {
	background: #FFBB77;
}

.mJobsList-acceptedPending {
	padding: 2px;
}
.form-print {
	width:100%;
}
.formHeading {
	background-color:#66AFE9;
	border-bottom:1px solid #000000;
}
.formHeading h2 {
	padding:2px;
	margin:0;
}
.form-print .section_caption {
	color:#569FE9;
	font-weight:bold;
	font-size:13px;
}
.form-print .section_caption.form-data-json {
	color:#266fff;
	font-weight:bold;
	font-size:15px;
}
ul.form-section-content {
	margin:auto;
	width:100%;
	padding:0 10px;
	list-style-type: none;
}
ul.form-section-content select {
	height: 30px;
    line-height: 30px;
    padding: 3px 6px;
    width: 100%;
}
.overlay {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	display: none;	
}
.form-print tr td {
	border-top:1px solid #cccccc;
}
#formWrapper .section_description {
	font-weight:normal;
	font-size:13px;
}
.wordwrap {
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
	word-break: break-all;
	white-space: normal;
}
/* dwcalendar */
table.dwcalendar		{ border-left:1px solid #999; width:100%;}
table.dwcalendar tbody { }
tr.dwcalendar-row	{ }
td.dwcalendar-day	{ min-height:80px; font-size:11px; position:relative; word-wrap: break-word;} * html div.dwcalendar-day { height:80px; }
td.dwcalendar-day:hover	{ background:#eceff5; }
td.dwcalendar-day-np	{ background:#eee; min-height:80px; } * html div.dwcalendar-day-np { height:80px; }
td.dwcalendar-day-head { background:#ccc; font-weight:bold; text-align:center; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; text-align:center; display: inline-block; }
/* shared */
td.dwcalendar-day, td.dwcalendar-day-np { width: 14.28%; border-bottom:1px solid #999; border-right:1px solid #999; }
div.loaderOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.2);
	z-index: 1001;
	text-align: center;
	display: none;
}
div.loaderOverlay img {
	position: absolute;
	top: 50%;
	margin-left: -80px;
}
div.loaderOverlay div.hideLoaderOverlay {
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-decoration: underline;
	cursor: pointer;
	font-size: 10px;
}