@font-face {
    font-family: 'Lato-Light';
	src:url('fonts/Lato-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	padding:0px;
	margin:0px;
	background: url('images/bright_squares.png');
	background-repeat: repeat;
	font-family: "Helvetica";
}

.grid-940{
	margin:0px auto;
	width:940px;
	background-color: #999999;
	margin-bottom:20px;
	overflow: hidden;
	padding:10px;
}

.semifluid{
	margin:0px auto;
	width:95%;
	background-color: #999999;
	margin-bottom:20px;
	overflow: hidden;
	padding:10px;
}

.tables{
	margin:30px auto;
}

#header{
	height:120px;
	margin-bottom:0px;
	background: rgb(44,83,158); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */

}
#header h1{
	display:inline-block;
	margin:0px;
	padding:60px;
	background:url('images/jlr_logo.png');
	background-repeat: no-repeat;
	background-size: 110px, 90px;
	margin:0px 10px;
}

#header h2{
	display:inline-block;
	position:relative;
	top:-27px;
	margin-left:5px;
	font-weight: bolder;
	font-style: italic;
	color:#333;
}

#header p{
	display:inline-block;
	position:relative;
	top:-10px;
	left:-207px;
	margin-left:5px;
	font-size:12px;

	color:#333;
}

#banner-left{
	float:left;
	width:500px;
	padding:10px;
}

#banner-left h1{
	padding:0px;
	margin:0px;
	font-size: 18px;
	color:#333;
}

#banner-left p{
	padding:0px;
	font-size: 14px;
	margin:0px;
	color:#333;
}

#banner-right{
	width:180px;
	float:right;
}

#content{
	background-color: #fff;
}

#content h2,h3{
	background-color: #FFFF99;
	padding:5px 10px;
	width:auto;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	
	color:#333;
}

#content h2 span,h3 span{
	font-size: 14px;
	
	color:#600;
}

.content-body{
	padding:10px 10px;
	margin-top: 20px;
}

/*
|------------------------------------------------
| Navigation style
|------------------------------------------------
| style for the navigation links are below here
|
| 
*/
#useroption p{
	padding:0px;
	margin:0px;
	margin-bottom: 5px;	
}

#useroption a#option{
	text-decoration: none;
	padding:3px 5px;
	background-color: #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	color:#333;
}

#useroption a#option:hover{
	background-color: #999;
}


#submenu{
	display: none;
	position:absolute;
	width:150px;
	background-color: #999;
	font-size: 13px;
	padding:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

#submenu ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


#submenu ul li a{
	display: block;
	text-decoration: none;
	padding:3px;
	background-color: #ccc;
	color:#666;
	margin:1px 0px;

}

#submenu ul li a:hover{
	
	background-color: #f3f3f3;
	

}


div#navigation{ 
    
    border-radius: 4px;
    margin:10px auto;
   	height:37px;
   	width:940px;
   	padding:10px;

  	background: rgb(51,51,51); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */


}
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{ float:left; position:relative; }
#navigation ul li a{ 
    display:block; 
    padding:8px 12px; 
    margin:1px; 
    font-size:18px; 
    white-space:nowrap; 
    border-radius:3px;
    text-decoration: none;
    color:#ccc;
    font-family: "Helvetica";
    font-size: 16px;
    background-color:#393838;
    z-index: 1000;
    
}

#navigation ul li a:hover{ background:#222;}
#navigation ul li a.active{
	background:#222;
}

#navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    background:#333; 
    padding: 2px; 
    border:1px solid #444; 
    border-top:none; 
    box-shadow:#111 0 3px 4px; 
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px;
    z-index:1000; /*syaro*/
}

#navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:100%; 
    opacity: 0; 
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
    border:1px solid #444;
}

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; z-index: 499;}
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:1000; background:#333; }

p#onleavedate{
	padding:0px;
	margin:0px;
	font-size: 12px;
}

p#onleave-reptgen{
	display: none;
	float:right;
	padding:0px;
	margin:0px;
	font-size: 10px;
	margin-right:15px;
	margin-top:-45px;
}

#leave-table{
	margin-top:20px;
	margin-bottom:10px;
	width:97%;
	color:#333;
	font-size: 12px;
	border-spacing:0px;
}

/* --------------------
|	table header styles
*/ 

#leave-table tr#head th#left-head{
	border:1px solid #666;
	
}

#leave-table tr#head th#right-head{
	border:1px solid #666;
	border-right:none;
	
}

#leave-table tr#head th.heading{
	border:1px solid #666;
	border-right:none;
	height:40px;
	color:#333;

	
}

#leave-table tr#head{
	background: rgb(222,239,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

}

#leave-table tr#head th#left-head{
	
}



/* --------------------
|	table items styles
*/ 

#leave-table tr.items a{
	text-decoration: none;
	color:#06c;
}

#leave-table tr.items td{
	border:1px solid #666;
	border-right:none;
	border-top:none;
	height:25px;
	font-size: 12px;
	
}

#leave-table tr.items td#left{
	border-right:1px solid #666;
}

#leave-table tr.items td#left-item{
	text-indent: 10px;
}

#leave-table tr.items{
background-color: #e5e5e5;

}
#leave-table tr.items:hover{
	background-color: #ccc;
}

#leave-table tr.items td p{
	font-size:12px;
	margin:0px;
}

#leave-table tr.items td p span{
	font-weight: bold;
}

#leave-table tr.items td p{
	margin-left:10px;
	margin-top:3px;
	margin-bottom:3px;
}

#leave-table tr.search-summary{
	background: rgb(222,239,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

}


/*
|------------------------------------------------
| Footer style
|------------------------------------------------
| style for the footer are below here
|
| 
*/

#footer{
	padding:0px 10px;
	margin-bottom:0px;
	background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */

}
#footer p{
	color:#999;
	font-size: 12px;
}



/*
|------------------------------------------------
| Form styles
|------------------------------------------------
| style for the forms(inputs,select,labels) are below here
|
| 
*/

#employee_list_filter select{
	width:150px;
}

.form-field{
	width:700px;
	margin:10px auto;
	padding:10px;
}

.form-field label{
	display:inline-block;
	font-size: 14px;
	
	width:150px;
	text-align: right;
	

}

.form-field input.input-fields{
	display:inline-block;
	width:200px;
	margin-left:20px;
	height:25px;
	border:1px solid #666;
	text-indent: 5px;

}

.form-field select.input-fields{
	display:inline-block;
	width:200px;
	margin-left:20px;
	height:25px;
	

}



.form-field input.timepicker{
	width:60px;
	text-align: center;
}


.form-field input#reason{
	width:400px;
}

.form-field select#addleave_paytype{
	width:110px;
}



.submit-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	cursor: pointer;

}

.submit-button :hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}

.submit-button :active {
	position:relative;
	top:1px;
}



.form-field img{
	position:relative;
	top:7px;
	margin-left:20px;
}

.alt-field{
	background-color:#f3f3f3;
}

.form-field p#pay-note{
	color:#333;
	margin-left:173px;
	font-size: 10px;
	
}

.error-notify{
	background-color:#fcbad5;
	border:1px solid #b88081;
}

.error-notify p{
	padding:5px 10px;
	font-size: 12px;
	color:#972a2d;
}

#leave-records-form{
padding:0px;
margin:0px;
}

#leave-records-form input#leave-records-edit{
	
}

#approve-pending{
	position:relative;
	top:18px;
	left:-2px;
	display:block;
	float:right;
	width:160px;
	padding:3px 8px;

	background-color: #CCC;
	border-radius: 4px;
	text-decoration: none;
	color: #555 !important;
	font-size: 13px;
	border: 1px solid #BBB;
	font-weight: bold;
}

#approve-pending:hover{
	background-color: #999;
	border:1px solid #666;
}


#search-name,#search-year{
	display:inline-block;
}


/*
|------------------------------------------------
| EDIT Form styles
|------------------------------------------------
| style for the EDIT forms(inputs,select,labels) are below here
|
| 
*/

.edit-content-body{
	width:700px;
	margin:0px auto;
}

.edit-form{
	overflow: hidden;
}

.edit-form-field,.edit-form-field2{
	width:340px;
}
.form-reason{
	width:690px;
	margin-left:10px;
}

.edit-form-field{
	float:left;
	margin-left:10px;
}

.edit-form-field2{
	float:right;
}

.alt-edit-field{
	background-color: #ccc;
	padding:3px 0px;
	margin:5px 0px;
	overflow: hidden;

}

.alt-edit-field2{
	background-color: #f3f3f3;
	padding:3px 0px;
	margin:5px 0px;
	overflow: hidden;
}

.edit-form-field label,.edit-form-field2 label,.form-reason label{
	display:inline-block;
	width:100px;
	font-size:12px;
	margin-right:15px;
}

.edit-form-field select,.edit-form-field2 select,{
	display:inline-block;
	width:100px;
	font-size:12px;
	height:25px;
}


input.reason-input{
	width:503px;
	margin-left:2px;
}

.short-select{
	width:300px;
	margin:0px;
	margin-left:10px;
	float:left;
}

.short-select label{
	display:inline-block;
	width:100px;
	font-size:12px;
	margin-right:15px;

}
.short-select select{
	margin:0px!important;
	width:156px;
	margin-left:2px;
	height: 22px;
}
label.short-label{
	width:50px;
	
}

.short-select2{
	width:320px;
	float:right;
	margin-right:20px;
}

.short-select2 label{
	width:50px;
	margin-right:5px;
	font-size: 12px;
	
}

.short-select2 select,.amount{
	width:60px;
	height:22px;
	margin-left:10px;
}

.short-select2 select{
	margin-right: 18px;
	width:90px!important;
}

.edit-form-field3{
	width:700px;
}
.edit-form-field3 p{
	display:block;
	font-size: 12px;
	color:#333;
	margin:5px 0px;

}



.notice-success{
	color: #4F8A10;
  	background-color: #DFF2BF;
  	border:1px solid #4f8a10;
  	padding:3px 10px;
  	font-size: 12px;
}

#gendate{
	display:inline;
	float:right;
	font-size:14px!important;
	font-style: normal!important;
	font-weight: normal!important;
}

#gendate2{
	display:inline;
	float:right;
	font-size:14px!important;
	font-style: normal!important;
	font-weight: normal!important;
	padding:0px;
	margin:0px;
	margin-top:-35px;
}

#update-credits,#edit-credits,#add-credits{
	margin-left:10px;
	background-color: #999;
	text-decoration: none;
	padding:5px 7px;
	color:#333;
	font-weight: bold;
	font-size: 12px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#update-credits:hover,#edit-credits:hover,#add-credits:hover{
	
	background-color: #666;
}

#get_leave_credits_result{
	background-color: #ccffcc;
	width:140px;
	padding:4px;
	margin-left:10px;
	text-align: center;
	color:#669966;
}



.leave-report-wrappers{
	background-color: #f2f2f2;
}




#leave-report {
	float:right;
	margin-right:10px;
	margin-top:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

#leave-report:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

#leave-report:active {
	position:relative;
	top:1px;
}

/* MASS LEAVE STYLES */
#massleave-table{
	float:left;
	width:100%;
	height:auto;
	padding:5px;
	margin:0px auto;
}

.massleave-dept-wrapper{
	padding:1px;
	float:left;
	background-color: #ccc;
	margin:3px 3px !important; 
	overflow: hidden;
	width:165px;
}

.massleave-dept-wrapper h1{
	margin:0px;
	padding:0px;
	font-size:14px;
	padding:2px;
	color:#333; 
}



.massleave-item-wrapper{
	padding:1px;
	display:block;
	background-color: #f2f2f2;
	margin:1px; 
	overflow: hidden;
	width:161px;
}

.massleave-item-wrapper p{
	padding:0px;
	margin: 0px;
	font-size:9px;
	font-family: "Arial";
}
#mass-leave-but {
	float:right;
	margin-right:10px;
	margin-top:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

#mass-leave-but:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

#mass-leave-but:active {
	position:relative;
	top:1px;
}


#massleave-form{
	overflow: hidden;
}

#massleave-inputs-wrapper{
	float:left;
}

.massleave-itemswrapper label{
	display:inline-block;
	width:100px;
	text-align:right;
	margin-right:5px;
	font-size: 14px;
	font-family: "Helvetica"; 
}

.massleave-itemswrapper input{
	text-indent: 5px;
	width: 200px;
}

.massleave-itemswrapper input#massleave-reason{
	display: inline-block;
	text-indent: 5px;
	width: 300px;
}

#massleave-selectall{
	background-color:#666;
	padding:2px 0px;
}
#massleave-selectall label{
	font-size: 12px;
	color:#f2f2f2;

}


#undertime-hours-wrapper{
	display: inline-block;
}


.addleave-error{

	position:relative;
	top:-20px;
	left:530px;
	margin:0px;
	color:#ff2266;
	font-family: "Verdana";
	font-size: 10px;
}


/*
|------------------------------------------------
| LOGIN Form styles
|------------------------------------------------
| style for the LOGIN forms(inputs,select,labels) are below here
|
| 
*/

#login-box{
	display:block;
	width:	400px;
	height: 281px;
	background-color: #f4f4f4;
	margin:0px auto;
	margin-top:50px;
	margin-bottom:30px;
}

#login-box form{
	padding:20px;
}

.login-fields{
	margin-bottom:20px;
}

#login-box form input.login-input{
	width:360px;
	height:40px;
	text-indent: 10px;
	font-size: 16px;
}

#login-box form label{
	font-size: 18px;
	font-family: "Helvetica";
	font-weight: bold;
}

#login-box form input#login-button{
	float:right;
	
	width:100px;
	height:35px;
	font-size: 16px;
	background-color: #06C;
	border: none;
	color:#fff;
	border:1px solid #ccc;
}

#login-box form input#login-button:hover{
	background-color: #999;
}

#login-error{
	background-color:#fcbad5;
	border:1px solid #b88081;
	padding:10px 20px;
	margin:0px;
	color:#990000;
}


/*    Alphabetical sorting of the employee list    */

#leaves-sort-alpha{
	display: block;
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	margin-left: 315px;
}

#leaves-sort-alpha p{
	margin:0px;
	padding:0px;
	display: inline;
	font-size: 14px;
}

#leaves-sort-alpha li{
	display: inline-block;
	list-style-type: none;
}

#leaves-sort-alpha li a{
	font-size: 10px;
	text-decoration: none;
	padding:3px 5px;
	border:1px solid #666;
	color: #333;

}

#leaves-sort-alpha li a:hover{
	background-color: #ccc;
}

.employee-list-table{
	margin-top:5px!important;
}


/*LEAVE REPORT PRINTONLY STYLES*/
#leaverep-content{
	margin-top:0px!important;
	padding-top:0px!important;
}
#printonly{
	display:none;
}
p#leaverep-header{
	margin:0px;
}
p#leaverep-header span{
	font-size: 12px;
}
p#leaverep-gendate{
	margin:0px;
	font-size: 12px!important;
}







/* -----------------------------------------------------
|
|	FOR THE CSS MEDIA QUERY STYLES
|
*/

@media screen and (max-width: 321px) { 
/* Styles */
	#banner-fluid{
		display: none!important;
	}
	#navigation{
		display: none!important;
	}
	#content-fluid,#chat-wrapper{
		display: none!important;
	}
	.footer{
		display:none!important;
	}

	#mobile-nav {
		display:block;
	}
	

	#main-container-mobile,#table-wrapper-fix{
  		display: block;
  	}
  	#table-wrapper-fluid{
  		display:none;
  	}

  	.mobile-approve-wrapper{
		margin:4px!important;
	}
}

@media (min-width: 1024px) {
  #main-container-mobile{
  	display: none!important;
  }

    #banner-fluid{
		display: block;
	}
	#navigation{
		display: block;
	}
	#content-fluid,#chat-wrapper{
		display: block;
	}
	.footer{
		display: block;
	}

	#mobile-nav {
		display:none;
	}
}


@media (max-width: 800px) and (min-width: 321px) {
	#banner-fluid{
		display: none!important;
	}
	#navigation{
		display: none!important;
	}
	#content-fluid,#chat-wrapper{
		display: none!important;
	}
	.footer{
		display:none!important;
	}

	#mobile-nav {
		display:block;
	}



	#main-container-mobile,#table-wrapper-fluid{
  		display: block;
  	}
  	#table-wrapper-fix{
  		display:none;
  	}
}



	#main-container-mobile{
  		width:100%;
  		overflow: hidden;
  	}

  	#header{
  		width:100%;
		height:auto;
		background-color: #006699;
		padding:10px;
	}

	#header h1#brand{
  		font-size: 1em;
  		padding:0px;
  		color:#fff;
  		margin:0px;
  		background:none;
	}

	#nav{
		width:100%;
		height:auto;
		background-color: #333;
		padding:10px;
	}

	#nav ul{
		padding:0px;
		margin:0px;
		list-style-type: none;
		/*
		padding-top:15px;
		padding-left:10px;
		*/
	}
	
	#nav ul li{
		display: inline;
		margin-right:10px;
	}

	#nav ul li.divider{
		border-right:1px solid #666;
		padding:3px 0px;
		padding-right:10px;
	}
	
	#nav ul li a{
		text-decoration: none;
		color:#fff;
		font-size: .8em;
	}

	#nav ul li a:hover{
		background-color:#666;
	}

	#mobile-logout{
		float:right;
		margin-right:20px;
		font-size: 10px;
		text-decoration: none;
		background-color: #E84C3D;
		color:#fff;
		padding:4px;
	}

	#content-wrapper{
		display:block;
		width:100%;
	}

	#pouringtoday{
		display: block;
		width:95%;
		height:auto;
		margin:2em auto;
	}

	#pouringtoday div#title{
		background-color: #666;
		height:auto;
		margin:0px;
		padding:3px;
		overflow: hidden;
	}

	#pouringtoday div#title h2{
		margin:0px;
		float:left;
		font-size: 1.1em;
		color:#ccff33;
		padding:5px;

	}

	#pouringtoday div#title h2 span{
		padding:0px;
		margin:0px;
		font-size: .7em;
		color:#e7e5e5;
	}

	#pouringtoday div#title p{
		margin:0px;
		float:right;
		font-size: .8em;
		color:#E7E5E5;
		padding:5px;
		text-align:right;
	}

	#pouringtoday div#title p span{
		font-weight: bolder;
		font-size: 1.3em;	
		color:#ccff33;
		
	}

	#summary-south{
		float:left;
		width:50%;
		height:auto;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
		background: linear-gradient(to right,  #ffffff 0%,#e5e5e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */

	}
	#summary-north{
		float:left;
		width:50%;
		height:auto;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
		background: linear-gradient(to right,  #ffffff 0%,#e5e5e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */

	}

	#summary-south h3,#summary-north h3{
		float:left;
		font-size: 1em;
		padding:3px;
		margin:0px;
		padding-top:12px;
		color:#006699;
		margin-left:5px;
		background:none;
		text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
	}
	.summary-details{
		float:right;
		padding:3px;
		margin-right:10px;
	}

	.summary-details p{
		padding:0px;
		margin:0px;
		font-size: .8em;
		color:#666;
	}

	.summary-details p span{
		font-weight: bold;
		color:#666;
	}

	

	.mytable-wrapper-north
	{  
	    position: relative;  
	    display: block;
		float:left;
		height:auto;
		width:100%;  
	    background-color:#666666;
	    margin-top:10px;
	    color:#fff;

	} 

	.mytable-wrapper-north:before  
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    left: 40px;  
	    top: -25px;  
	    border: 13px solid; 
	    border-color: transparent transparent #666666 transparent;  


	} 

	


	.mytable-wrapper-south
	{  
	    position: relative;  
	    display: block;
		float:left;
		height:auto;
		width:100%;  
	   	background-color:#666666;
	    margin-top:10px;
	    color:#fff;

	} 

	.mytable-wrapper-south:before  
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    right: 40px;  
	    top: -25px;  
	    border: 13px solid;  
	    border-color: transparent transparent #666666 transparent;  
	} 

	




	table#mdpstable-fluid {
		border-spacing: 0px;
		border-collapse: collapse;
		border:1px solid #666;
		width:99%;
		/*margin:10px auto;*/
	}

	table#mdpstable-fluid tr th{
		background-color: #006699;
		font-size: 10px;
		color:#fff;
		/*padding:3px;*/
		font-family: 'Cabin', sans-serif;
	}
	table#mdpstable-fluid tr td{
		border:1px solid #666;
		position: relative;

	}
	table#mdpstable-fluid tr td p{
		margin:0px;
		padding:0px;
		font-size: 10px;
		font-family: 'Cabin', sans-serif;
	}

	table#mdpstable-fluid tr td ul{
		padding:0;
		margin:0;
		list-style-type: none;
		font-size: 10px;
	}

	table#mdpstable-fluid tr td ul li{
		display: inline;
		/*margin:0px 5px;*/
	}




	table#mdpstable-fix {
		border-spacing: 0px;
		border-collapse: collapse;
		border:1px solid #666;
		width:98%;
		margin:10px auto;
	}

	table#mdpstable-fix tr th{
		background-color: #006699;
		font-size: 8px;
		color:#fff;
		padding:3px;
		font-family: 'Cabin', sans-serif;
	}
	table#mdpstable-fix tr td{
		border:1px solid #666;
		position: relative;
	}
	table#mdpstable-fix tr td p{
		margin:0px;
		padding:0px;
		font-size: 8px;
		font-family: 'Cabin', sans-serif;
	}

	table#mdpstable-fix tr td ul{
		padding:0;
		margin:0;
		list-style-type: none;
		font-size: 8px;
	}

	table#mdpstable-fix tr td ul li{
		display: inline;
		margin:0px 5px;
	}
	
	

	.mtable-alt1{
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
		background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

	}

	.mtable-alt2{
		background: #eeeeee; 
		background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
		background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
		background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
		background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
		background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

	}

	.mobile-nodpsdata{
		padding:10px;
		margin:10px;
		background-color: #FCBAD5;
		border: 1px solid #B88081;
		color:#972A2D;
		font-size: 1em;
		font-weight: bolder;
	}

	#mfooter{
		display: block;
		float:left;
		width:100%;
		height:auto;
		margin-top:20px;
		background-color: #333333;
	}

	#mfooter p{
		padding:3px;
		font-size: .7em;
		margin-left:10px;
		color:#f2f2f2;
	}

	#mobilepouring-div{
		display: block;
		float:left;
		width:100%;
		height:10px;
		margin:30px;
	}









.dps-addproject-div{
	width:900px;
	height:auto;
	margin:0px auto;
	margin-bottom:10px;
	border:1px solid #999;
	overflow: hidden;
	background: rgb(233,246,253); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,246,253,1)), color-stop(100%,rgba(211,238,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=1 ); /* IE6-9 */
}


.addproject-lock{
	background-color: #ccc!important;
}

.dps-addproject-div label{
	display:inline-block;
	font-size: 12px;
	text-align: right;
	width:100px;
	color:#333;
	font-weight: bold;
}	

.dps-addproject-div input,.dps-addproject-div select#cust-name.name{
	height:25px;
	margin-left:5px;
	text-transform: uppercase;
}

.dps-addproject-div input.address,.dps-addproject-div select#cust-name.name{
	width:311px;
	text-transform: uppercase;
}

.dps-addproject-div input.name{
	width:250px;
	text-transform: uppercase;
}


#dps-addproject-fields{
	display:block;
	padding:5px;
}



.dps-fields-left{
	display:inline-block;
	width:430px;
	margin: 0px;
}

.dps-fields-right{
	width:430px;
	margin: 0px;
	float:right;
}

#dps-project-designinfo div#design{
	width:900px;
	overflow: hidden;
	background-color: #f5f5f5;
}

#dps-project-designinfo div#contract{
	width:900px;
	height: 50px;
}
#contract div#dps-addproject-fields{
	float:left;
	margin:0px;
	padding: 0px;
	margin:15px 17px;
}

#contract label{
	width:auto;
	color:#333;
	font-weight: bold;
}

 /* for chckbox prepaid */

#contract div#dps-addproject-fields label#lblprep{
	float:right;
	margin:8px 0px;
}



.dps-addproject-div input.phonenum{
	width:110px;
	float:right;
}

.dps-addproject-div input.num{
	width:115px;
	height:20px;
}

#dps-addproject-fields img{
	position: absolute;
	margin-left: 20px;
	margin-top: 2px;
}

/*    TABLE ONLY       */
table#dps-addproject{
	font-size: 12px;
	border-spacing: 0px;
	margin:10px auto;
	width: 880px;
}

table#dps-addproject select,table#dps-addproject input.design-inputbox-volume{
	display: block;
	margin:0px;
	padding:0px;
	width:70px;
	margin:0px auto;
	font-size: 11px;
	height:20px;
}

table#dps-addproject select.form-time{
	width:50px;
}
table#dps-addproject select.form-struct{
	width:150px;
}
/*Change Dropdownlist to Textbox*/
table#dps-addproject input.form-struct{
	width:150px;
	height:20px;
	margin:0px auto;
	font-size: 11px;
}
table#dps-addproject input.form-volume{
	width:40px!important;
}

table#dps-addproject select.form-pouring{
	width:90px!important;
}

input.design-inputbox-volume{
	width:50px!important;
	text-align: center;
}


table#dps-addproject input.design-inputbox-date{
	display: block;
	margin:0px;
	padding:0px;
	width:70px;
	margin:0px auto;
	font-size: 11px;
	height:20px;
	text-align: center;
}

table#dps-addproject tr th{
	font-size: 12px;
	font-weight: bold;
	padding:10px 10px;
	background: rgb(180,223,91); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(180,223,91,1) 0%, rgba(180,223,91,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(180,223,91,1)), color-stop(100%,rgba(180,223,91,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=1 ); /* IE6-9 */

	border:1px solid #999;
	border-right:none;
}

table#dps-addproject tr th#right{
	border-right:1px solid #999;
}

table#dps-addproject tr td{
	font-size: 10px;
	border:1px solid #999;
	border-top:none;
	border-right:none;
	height: 30px
}

table#dps-addproject tr td#right{
	border-right:1px solid #999;
}


#permits{
	width:900px;
	
}

#equip{
	width:880px;
}

#special2{
	width:500px;
}

#special2-half{
	width:auto;
}

#landmark1,#special1{
	width:900px;
}

#landmark1 div{
	float:left;
	margin:5px 20px;
}

#landmark1 div label{
	width:auto;
}

#landmark1 div textarea{
	width:225px;
	resize:none;
}





.check-wrapper{
	margin:0px;
	padding:0px;
	display: inline-block;
	margin-left:20px;
	width:auto;
}

.check-wrapper label.check-label{
	position: relative;
	top:-2px;
	margin:0px;
	padding:0px;
	text-align: left;
	width:auto;
	margin-left:5px;

}

.check-wrapper input.checkbox{
	margin:0px;
	padding:0px;
	height: auto;

}


#permits p#title,#equip p#title,#special2-half p#title,#landmark1 p#title,#special1 p#title{
	float:left;
	margin:0px;
	padding:10px 15px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	font-size: 13px;
	
	color:#999;
	border-right:1px solid #ccc;
	
}


.addproject-table p#customer{
	font-size: 12px!important;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

.addproject-table p.cust-details{
	font-size: 10px!important;
	font-weight: normal;
	margin:0px;
	padding:0px;
}


.dps-addproject-div input#addproject-submit{
	display:block;
	height:40px;
	margin:0px auto;
}

.sampling-input{
	width:50px;
}



/* ==========   BUTTONS   ============ */

p#submit-beforenote{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #999;
}

.dps-buttons {
	
	margin-left:20px;
	margin-top:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.dps-buttons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.dps-buttons:active {
	position:relative;
	top:1px;
}

#add-new-customer-button{
	margin-bottom:20px;
}






#add-table-row{
	background: #30a146; 
	background: linear-gradient(top, #30a146 0%, #249334 100%); 
	background: -moz-linear-gradient(top, #30a146 0%, #249334 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30a146), color-stop(100%, #249334)); 
	background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%);
}

#remove-last-table-row{
	background: #c60000; background: linear-gradient(top, #c60000 0%, #b20000 100%); 
	background: -moz-linear-gradient(top, #c60000 0%, #b20000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c60000), color-stop(100%, #b20000)); 
	background: -webkit-linear-gradient(top, #c60000 0%, #b20000 100%);
}

#add-table-row:hover,#remove-last-table-row:hover,#addproject-submit:hover{
	color: #fff; 
	opacity: .8;
}



.addproject-tablebuttons{
	text-decoration: none;
	font-size:10px;
	position:relative;
	top:-5px;
	left:20px;

	border: 1px solid rgba(0, 0, 0, .2); 
	color: #fff; display: inline-block; 
	padding: .5em .8em; text-decoration: none; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); 
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

#addproject-submit{
	background: #464646; 
	background: linear-gradient(top, #464646 0%, #343434 100%); 
	background: -moz-linear-gradient(top, #464646 0%, #343434 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #343434)); 
	background: -webkit-linear-gradient(top, #464646 0%, #343434 100%);

	border: 1px solid rgba(0, 0, 0, .2); 
	color: #fff; 
	display: inline-block; 
	padding: .5em .8em; 
	text-decoration: none; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); 
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);

	margin:5px auto!important;

}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.column3{
	float: left;
	width:278px;
	height:auto;
	background-color: #f3f3f3;
	margin:10px;
	border:1px solid #ccc;
}

.column3 p#title{
	margin:0px;
	padding:5px 10px;
	background-color: #f3f3f3;
	font-size: 14px;
	font-weight: bold;
	color:#333;

	background: rgb(180,223,91); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(180,223,91,1) 0%, rgba(180,223,91,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(180,223,91,1)), color-stop(100%,rgba(180,223,91,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=1 ); /* IE6-9 */

}



/*++++++++++++++++++++++++++++++++++*/

#more-contacts-button{
	position: absolute;
	text-decoration: none;
	color:#666;
	font-size: 12px;
	padding:4px;
	background-color: #f3f3f3;
	height:62px;
	
}

#more-contacts-button:hover{
	background-color: #ccc;
}

#more-contacts{
	background-color: #f3f3f3;
}


#preview-wrapper{
	margin:10px auto;
	width:900px;
	height:auto;
	background-color: #fff;
	border:1px solid #999;
	padding:20px 0px;

	background: rgb(233,246,253); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,246,253,1)), color-stop(100%,rgba(211,238,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=1 ); /* IE6-9 */

}

#preview-wrapper output img{
	margin:10px auto;
	display: block;
	padding:10px;
	background-color:#ccc;
	
}

.samp-wrapper{
	display:block;
	width:auto;
	margin-left: 15px;
}

.samp-wrapper input,.samp-wrapper label{
	margin:0px;
	padding:0px;
	height:auto!important;

}

.samp-wrapper label{
	margin:0px;
	padding:0px;
	height:auto!important;
	margin-left: none!important;
	display: inline!important;
}

.samp-wrapper label span{
	font-size: 12px!important;
	font-style: italic;
	font-weight: normal!important;
}

.samp-wrapper input.samp-input-others{
	width:40px;
}

#samp-others-wrapper{
	margin-left:30px;
}

.check-wrapper input.test-check{
	height:auto!important;
	margin-left: none!important;
}

.check-wrapper label.test-check{
	display:inline!important;
	font-weight: normal!important;
}

.checksub-check{
	margin-left:50px;
	width:auto;
	overflow: hidden;
}

.witness-wrapper{
	margin-top:5px;
}

#permit-check-wrapper{
	margin-top:8px;
}

input#check-entfee,input#check-others{
	height:auto!important;
}

select#special-sales-engg{
	
	margin-top:7px;
	margin-left:10px;
}

#form-num-wrapper{
	float:right;
	margin:5px;
}

#form-num-wrapper input#form-num{
	width:70px;
}

#project-list-select{
	float: left;
}

#project-list-customer{
	float:left;
}



#recent-pour-select {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;

	margin-top:10px;
}
#recent-pour-select:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}
#recent-pour-select:active {
	position:relative;
	top:1px;
}

#landmark-title{
	float:left;
	margin:0px;
	padding:10px 15px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	font-size: 13px;
	
	color:#999;
	border-right:1px solid #ccc;
}

.landmark-inputbox{
	float:left;
	margin:10px 15px;
	text-align: left;
}

.landmark-inputbox textarea{
	width:235px;
	resize:none;
}

.landmark-inputbox label{
	text-align: left;
}

#upload-wrapper{
	display:block;
	background-color:#f3f3f3;
	width:820px; 
	margin:20px auto;
	margin-top:80px;
	padding:5px;
	border:1px solid #999;

}

#upload-wrapper label{
	width:auto!important;
}



/* SCHEDULER styles here */

input.sched-datetime-input,select.sched-time-updater{
	border:none;
	margin:1px!important;
	background-color: #D6EAF2;
	text-align: center;
	width:99%;
}

p#orig-date{
	margin:1px!important;
	background-color:#F4E447;
	color:#333;
}

p.smd-mod-datetime{
	margin:0px!important;
	padding:0px!important;
	border:none;
	padding-top:4px!important;
	padding-bottom:4px!important;
	background-color: #D6EAF2;
	text-align: center!important;
	width:100%;
	font-size: 12px;
	font-family: "Helvetica";
}

p.smd-orig-datetime{
	margin:0px!important;
	padding:0px!important;
	border:none;
	padding-top:4px!important;
	padding-bottom:4px!important;
	background-color:#F4E447;
	text-align: center!important;
	width:100%;
	font-size: 12px;
	font-family: "Helvetica";
}


.scheduler-left-item{
	text-indent: 0px!important;
	margin:0px!important;

}

.scheduler-approved-submit,.acctg-multiupdate-but {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}
.scheduler-approved-submit:hover,.acctg-multiupdate-but:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}
.scheduler-approved-submit:active,.acctg-multiupdate-but:active {
	position:relative;
	top:1px;
}

.approvedbut-wrapper{
	float:right;
	margin-right:10px;
}

.scheduler-legend-wrapper{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.scheduler-legend-wrapper li{
	display: inline-block;
	font-size: 11px;
	font-family: "Helvetica";
	background-color: #ccc;
	padding:5px;
	margin-right:5px;
}


.scheduler-legend-wrapper li#approved{
	background-color: #99CB5C;
}

.scheduler-legend-wrapper li#waiting_smd{
	background-color: #BFD18C;
}

.scheduler-legend-wrapper li#updated{
	background-color: #DFF2BF;
}

.scheduler-legend-wrapper li#selected{
	background-color: #FEEFB3;
}

.scheduler-legend-wrapper li#origdate{
	background-color: #F4E447;
}

.scheduler-legend-wrapper li#moddate{
	background-color: #D6EAF2;
}

.scheduler-legend-wrapper li#desforp4{
	
	/*background-color: #D60000;*/
	background-color: #6f00d6;
	color : white;
}

/* edited by ralph september 9, 2014 for the holiday legend */
.scheduler-legend-wrapper li#holiday-active{
	background-color: #A8CF53;
}
.scheduler-legend-wrapper li#holiday-inactive{
	background-color: #D74937;
}



/*------------------------FOR batch upload--------------------------*/
/*-------------------Added by :WBSOLON 9/10/2018  -----------------*/
.approvedupbut-wrapper{
	float:right;
	margin-right:10px;
}
.upload-approved-submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.upload-approved-submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.upload-approved-submit:active {
	position:relative;
	top:1px;
}
#btn-top {
	position: fixed;
    bottom: 20px;
    right: 10px;
   	background-color: grey;
    width: 	50px;
    height: 50px;
    z-index: 99;
    border-radius: 10px;
    cursor: pointer;

}
#btn-top:hover{
	background: #555;
}

.batch-legend-wrapper{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.batch-legend-wrapper li{
	display: inline-block;
	font-size: 11px;
	font-family: "Helvetica";
	background-color: #ccc;
	padding:5px;
	margin-right:5px;

}
.batch-legend-wrapper li#approved{
	background-color: #99CB5C;
	border-radius: 25px;
}

.batch-legend-wrapper li#selected{
	background-color: #FEEFB3;
	border-radius: 25px;
}

.batch-legend-wrapper li#origdate{
	background-color: #F4E447;
	border-radius: 25px;
}

.batch-legend-wrapper li#moddate{
	background-color: #D6EAF2;
	border-radius: 25px;
}

.batch-legend-wrapper li#desforp4{
	/*background-color: #4169e1;*/
	background-color: #D60000;
	border-radius: 25px;
	color: white;
	
}
.batch-legend-wrapper li#desforp4upload{
	/*background-color: #D60000;*/
	background-color: #6f00d6;
	border-radius: 25px;
	color: white;
}
p.batch-mod-datetime{
	margin:0px!important;
	padding:0px!important;
	border:none;
	padding-top:4px!important;
	padding-bottom:4px!important;
	background-color: #D6EAF2;
	text-align: center!important;
	width:100%;
	font-size: 12px;
	font-family: "Helvetica";
	}
p#b-orig-dt{
	border-top-left-radius: 10px;
}
p#b-orig-dt1{
	border-top-right-radius: 10px;
}
p#b-mod-dt{
	border-bottom-left-radius: 10px;
}
p#b-mod-dt1{
	border-bottom-right-radius: 10px;
}
p.batch-orig-datetime{
	margin:0px!important;
	padding:0px!important;
	border:none;
	padding-top:4px!important;
	padding-bottom:4px!important;
	background-color:#F4E447;
	text-align: center!important;
	width:100%;
	font-size: 12px;
	font-family: "Helvetica";
	
}
#mytable p.bschedulerp{
	padding:1px;
	margin:3px;

}
/*
#mytable p#bcust-item{
	color: #ffffff;
	background-color: grey;
	padding: 2px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	padding-right: 10px;
}*/
#mytable p#bcust-item{
	font-size: 12px;
	color: blue;
}







/*  TEST FLUID LAYOUT FOR THE DPS PAGE */

#content-fluid{
	display: block;
	height:auto;
	background-color:#ffffff;
	margin:0px 20px;
	padding:10px 0px;
	margin-bottom:20px;
	overflow: hidden;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#banner-fluid{
	display: block;
	width:960px;
	margin:0px auto;
	overflow: hidden;
	margin-top:10px;
}


.dps-table tr#head th.heading,.dps-table tr td.heading{
	font-size: 10px!important;
	font-weight: normal;
}

.dps-table tr.items td,.dps-table tr.items td p{
	font-size: 10px!important;
	font-weight: normal;
}

.dps-table tr.items td p#customer{
	font-size: 11px!important;
}

#dps-tables-wrapper{
	margin-top: 40px;
}

h1.north,h2.north,h1.south,h2.south,h1.forconfirm{
	display: block;
	margin:0px;
	padding:0px;
	font-size: 29px;
	font-family: "Helvetica";
	margin:0px auto;
	text-align: center;
	color:#999;
	border-bottom:3px solid #666;
	text-shadow:2px 2px 1px #666 ;
}

h2.north,h2.south{
	display: block;
	margin:0px;
	padding:0px;
	font-size: 20px;
	font-family: "Helvetica";
	padding:10px;
	background-color: #FFDD79;
	margin:0px auto;
	width:30%;

}







/* Style for Usual tabs */
.usual {
  width:99%;
  margin:0px auto;
}

.usual ul{
	padding:0px;
}

.usual li { list-style:none; float:left; }

.usual ul a {
  display:block;
  padding:8px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:1em Helvetica;
  color:#FFF;
  background:#444;
  font-weight: bold;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#333;
  background:#f3f1f1;
  border-bottom:1px solid #f3f1f1;
  cursor:default;
  text-decoration: underline!important;
  }
.usual div { 
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#f3f1f1;
}
.usual div a { color:#000; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }


/* EDIT DPS STYLES  */


.edit-dps-updatebut {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff!important;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}

.edit-dps-updatebut:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}

.edit-dps-updatebut:active {
	position:relative;
	top:1px;
}


.dps-table{
	font-family: "Helvetica"!important;
}


.dpsmain-notification{
	width:30%!important;
}


.error-info{
	display: block;
	margin:10px auto;
	width:50%!important;
	color: #9F6000!important;
  	background-color: #FEEFB3;
  	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 20px center;
  	background-image: url('images/warning.png');
}

.error-info p{
	margin-left:60px;
	padding:0px;
}

.insert-schedule{
	background-color: #FFFF99!important;
}

.resched-schedule{
	background-color: #FFCC99!important;
}

.forconfirm-schedule{
	background-color: #FFEFEF!important;
}

#trow2{
	border:1px solid #666;
	border-top: none;
	font-size: 12px;
	font-weight: bold;
	color:#CD0000;
}

.dpspanel-warning{
	display:block;
	margin:5px auto!important;
	width:40%;
	padding:3px;
	text-align: center;
	background-color: #F2DEDE;
	font-size:13px;
	border: 1px solid #EED3D7;
	color: #B94A48;
}

.dpspanel-warning span{
	font-weight: bold;
}

.dpspanel-notification{
	display:block;
	margin:5px auto!important;
	width:98%;
	padding:5px;
	text-align: center;
	background-color: #fefccb;
	font-size:13px;
	border: 1px solid #e5db55;
	color: #878314;
}

.dpspanel-notification span,.dps-update-notify span{
	font-weight: bolder;
}

.dpspanel-notification a,.dps-update-notify a{
	text-decoration: none;
	color:#666;
}

.dpspanel-notification a:hover{
	background-color:#ccc;
}

.dps-update-notify{
	display:block;
	margin:5px auto!important;
	width:98%;
	padding:5px;
	text-align: center;
	background-color: #D13B1A;
	font-size:14px;
	border: 2px solid #363636;
	color: #ffffff;
}

.dps-index{
	margin:5px;
	padding:5px;
	
}

.dps-index h1.head{
	font-size: 16px;
	font-family: "Helvetica";
	padding:0px;
	margin: 0px;
	margin-top: 10px;
}

.dps-index h2{
	font-size: 16px;
	font-family: "Helvetica";
	padding:0px;
	margin: 0px;
	border-bottom:3px solid #666;
	color: #666;
}

.dps-index p.title-date{
	padding:0px;
	margin: 0px;
	font-size: 14px;
	font-family: "Helvetica";
	font-weight: normal;
	margin-bottom: 20px;
}

.dps-approvelvl-wrapper{
	margin-left:10px;
	margin-bottom: 3px;
}

.dps-approvelvl-wrapper a{
	float: right;
	margin-top:-5px;
}

.dps-approvelvl-wrapper p.approve-lvl{
	width:8px;
	height:8px;
	margin:0px!important;
	display: inline-block;
	margin-right:3px!important;
}

.dps-approvelvl-wrapper p#lvl1{
	background-color:#99E5FF;
}

.dps-approvelvl-wrapper p#lvl2{
	background-color:#26C9FF;
}

.dps-approvelvl-wrapper p#lvl3{
	background-color:#0085B2;
}

.dps-approvelvl-wrapper p#lvl4{
	background-color:#004C66;
}

.dpsnotes-wrapper,.dpscontacts-wrapper,.dpssmdsched-wrapper{
	position: relative;
}

.dpsnotes-form{
	position: relative;
	display:none;
}



div.addnote-form{
	
	width:auto;
	margin:0px auto;
	padding:5px;
}

div.addnote-form textarea{
	display:block;
	width:290px;
	height:40px;
	resize:none;
}

div.addnote-form label{
	font-size: 10px;
}

div.addnote-form label span{
	color:#333;
	font-weight: bold;
}

.dpsnote-submit{
	text-decoration: none;
	color:#333!important;
	font-weight: bold;
	padding:5px;
	background-color: #ff2266;
	float:right;
	margin-top:3px;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */


}

.dpsnote-submit:hover{
	background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */

}

#testvolume{
	text-align: center!important;
}


/* NEXT POURING JUMP DATE STYLES */
#nextpouring-jumpdate {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#nextpouring-jumpdate:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
#nextpouring-jumpdate:active {
	position:relative;
	top:1px;
}

#datejump{
	display: block;
	background-color: #fafaf9;
	padding:5px;
	margin-bottom: 40px!important;
}

#datejump label{
	font-size: 14px;
	font-family: "Helvetica";
	color:#333333;
}

#datejump input{
	width:90px;
}

/* MAINTENANCE STYLES */

#hdays-wrapper{
	display:block;
	width:940px;
	overflow: hidden;
	margin-bottom:10px;
}

#hdays-wrapper a{
	float:left;
	width:50px;
	margin:10px 5px;
	text-align: center;
	padding:3px;
	text-decoration: none;
	color:#333;
}

#hdays-wrapper a:hover{
	background-color:#ccc;
}

#hdays-action-wrapper{
	display: block;
	padding:3px;

	
}

a.hday-inactive{
	background-color: #D74937;
}

a.hday-active{
	background-color: #A8CF53;
}


.hdays-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 11px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}
.hdays-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}
.hdays-button:active {
	position:relative;
	top:1px;
}

.hdaysedit-form{
	height:auto;
	background-color:#f7f7f7;
	padding:10px;
}

.hdaysadd-error{
	display: inline;
	font-size: 12px;
	margin-left:20px;
}

#inserted{
	color:#A8CF53;
}
#exist{
	color:#D94A38;
}

.maintenance-form{
	display:block;
	width:800px;
	margin:10px auto;
	padding:10px;
}

.maintenance-form div.fields{
	margin:10px 0px;

}

.maintenance-form div.fields label{
	width:150px;
	text-align: right;
    display: inline-block;
    margin-right: 10px;
}

.maintenance-form div.fields input.long{
	width:550px;
}
.maintenance-form div.fields input.short{
	width:250px;
}

.maintenance-form div.fields input.radio{
	width:auto;
}
.maintenance-form div.fields input.check{
	width:auto;
}

.mnt-submit-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 11px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}
.mnt-submit-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}
.mnt-submit-button:active {
	position:relative;
	top:1px;
}

.maint-selection-wrapper{
	background-color: #FFDD79!important;
}

.maint-selection-wrapper2{
	background-color: #fcf3da;
	margin:10px;
	padding:5px;
}

.maint-selection-wrapper2 input{
	text-indent: 5px;
	width:250px;
}

.maint-selection-wrapper2 input.agg{
	text-indent: 5px;
	width:100px;
}

.maint-selection-wrapper2 label.title{
	font-size: 12px;
	color:#666;
}

.maint-selection-wrapper2 label.exist{
	margin-left:200px;
	font-size: 12px;
	font-style: italic;
	color:#666;
}
.indentedfields{
	margin-left:153px;
}

/* PRINT REPORTS STYLE	*/

#print-header-wrapper{
	display: block;
	height:100px;
	padding:25px;
	padding-bottom:0px;
}

#dpsreport-headleft{
	display: block;
	float:left;
}

#dpsreport-headright{
	display: block;
	float:right;
}




#print-header-wrapper img{
	float:left;
}

#print-header-wrapper p{
	float:left;
	font-size: 12px;
	margin-left:20px;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

table#agg_summ{
	float:left;
	border-spacing: 0px;
	font-size:9px;
	font-family: "Trebuchet MS";
	width:270px;
	margin-right:100px;
	border-collapse:collapse
}

#print-header-wrapper h1#total-vol{
	float:left;
	font-size: 14px;
	margin-right: 50px;
	text-align: center;
}

#print-header-wrapper h1#total-vol span{
	font-size: 12px!important;
}

.unheading{
	height:0px!important;
	font-weight: normal!important;
	font-size: 7pt!important;
}

#dps-report-wrapper{
	padding:0px;
	margin:0px;
	border:1px solid #666;
	border-top:none;
	border-spacing: 0px;
}

#dpsreport-sig{
	font-family: "Verdana";
	width:100%;
	border-spacing: 0px!important;
}

#dpsreport-sig td{
	padding:0px 5px;
	margin:0px;
	font-size: 9px!important;
}

.report-td-right{
	border-right:1px solid #666;
}

#rept-wrapper h2{
	font-size: 16px;
	margin:0px;
}

/* Styling for the Report table of DPS */

.dpsrept-table{
	font-size: 10px!important;
	margin-top:0px!important;
}

.dpsrept-table td p{
	font-size: 10px!important;
	margin:0px!important;
}

.dpsrept-table td p.toink{
	margin:0px!important;
}

#shit{
	font-size: 6pt!important;
}

/* DOB styling */
#dob-wrapper{
	background-color: #fff;
	overflow:hidden;
}

#dob-header{
	display:block;
	width:940px;
	overflow: hidden;
}

#dob-logo{
	float:left;
	width:500px;
}

#dob-logo img{
	float:left;
}
#dob-logo p{
	float:left;
	margin-left:20px;
}

#dob-volume{
	float:right;
	width:400px;
}

#dob-volume h1{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#dob-volume h1 span{
	font-weight: normal;
}

#dob-table-wrapper{
	width:940px;
}

#dob-table-wrapper table{
	border:1px solid #333;
	border-collapse: collapse;
	border-spacing: 0px;
	width:938px;
	font-family: ‘Arial Black’, Gadget, sans-serif;
}

#dob-table-wrapper table tr th{
	font-size: 16px;
	font-weight: bold;
	background-color:#3F82C8;
	color:#f2f2f2;
	border-bottom:2px solid #333;
	border-left:1px solid #333;
}

#dob-table-wrapper table tr td{
	border-bottom:1px solid #333;
	border-left:1px solid #333;
}

#dob-table-wrapper table tr td p.items{
	padding:3px;
	margin:0px;
	font-size: 18px;
	font-weight: normal;
	color:#333;
}

#dob-table-wrapper table tr td p.info{
	padding:0px;
	margin:0px;
	margin-left:10px;
}

#dob-table-wrapper table tr td p#custname{
	font-size: 22px;
}


/*	DPS TABLE STYLES */
#mytable{
	width:100%;
	background-color: #f2f3f2;
	font-size: 10px;
	border-spacing: 0px!important;
	border-collapse: collapse;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
	padding:3px;
}

#mytable tr#heading{
	background-color: #3F82C8;
	color:#fff;
	font-size: 10px;
}

#mytable tr.items{
	padding:0px;
	background-color: #f8F8F8;
	border-bottom:1px solid #999999;
	height:50px;
}



#mytable tr.items td{
	padding:0px;
	padding-top:5px;
}

/* FOR SCHEDULEr TABLE ONLY */
#mytable tr.scheduler{
	font-size: 11px;
}

#mytable tr.scheduler td p.schedulerp{
	padding:0px;
	margin:3px;
	
}

#mytable tr.items td input,#mytable tr.items td select{
	padding:0px;
	margin:0px;
	font-size: 11px;
}


#mytable tr.items p.info{
	margin:0px;
	padding:0px;
	font-size: 10px;
	margin-left:5px;
}

#mytable tr.items p.info a{
	text-decoration: none;
	color:#000;
}

#mytable tr.items p.info a.dpscust-item:hover,a.dpsproj-item:hover,a.smdcust-item:hover{
	padding:3px;
	background-color: #FF9900;
	font-size: 14px;
}

/*for FID table */
#mytablefid tr#heading{
	background-color: #3F82C8;
	color:#fff;
	font-size: 10px;
}
#mytablefid{
	width:100%;
	background-color: #f2f3f2;
	font-size: 10px;
	border-spacing: 0px!important;
	border-collapse: collapse;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
	padding:3px;
}
#mytablefid tr.items{
	padding:0px;
	background-color: #f8F8F8;
	border-bottom:1px solid #999999;
	height:50px;
	color: #5b5959;
	 
}

#mytablefid tr.items:hover {
	background-color: #a4d3f9 !important;
	font-size: 11px;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
	color: #000000;
	width:30%;	

}
#mytablefid tr.items:hover .insert-schedule {
	background-color: #a4d3f9 !important;
	font-size: 11px;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
	color: #000000;
	width:25%;	

}
#mytablefid tr.items:hover .resched-schedule {
	background-color: #a4d3f9 !important;
	font-size: 11px;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
	color: #000000;
	width:25%;	

}
#mytablefid tr.items:hover .forconfirm-schedule {
	background-color: #a4d3f9 !important;
	font-size: 11px;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
	color: #000000;
	width:25%;	

}

/*#mytablefid tr.items:nth-child(odd) {background-color: #4fa9f2;}*/
#mytablefid tr.items:nth-child(even) {background-color: #eaedef;}
#mytablefid tr.items:nth-child(odd):hover {background-color:#a4d3f9;}
#mytablefid tr.items:nth-child(even):hover {background-color:#a4d3f9;}

#mytablefid tr.items td{
	padding:0px;
	padding-top:5px;
}

#mytablefid tr.items p.info{
	margin:0px;
	padding:0px;
	font-size: 10px;
	margin-left:5px;
}

#mytablefid tr.items p.info a{
	text-decoration: none;
	color:#000;
}

.designtd{
	width:160px;
	font-weight: normal;
	font-size: 10px;
	padding:0px;
	margin:0px;
}

#tdwrapper{
	display: block;
	width:160px;
	height:50px;
	background-color: #ccc;
}

#designtd div#design{
	display:block;
	background-color: #0A76B7;
	height:25px;
	width:160px;
	border-bottom:1px solid #fff;
}

#designtd div#design span{
	float:left;
	height:25px;
	width:40px;
	text-align:center;
}

#designtd div#design span a{
	display:block;
	margin-top:5px;
	
}

#designtd div#design span.alt{
	background-color: #edebeb;
}
#designtd div#design span.alt2{
	background-color: #e2e1e1;
}

#designtd div#code{
	background-color: #F1F1F1;
	height:25px;
	width:160px;
}

#code span#code1{
	float:left;
	height:25px;
	width:120px;
	background-color: #e2e1e1;

}


#code span#code2{
	float:left;
	height:25px;
	width:40px;
	background-color: #edebeb;

}

#code span{
	text-align: center;
}

#code span a{
	display:block;
	margin-top:5px;
}


/* concrete design header styles */
#condes-header{
	width:160px;
	border-top: 1px solid #888;
	margin-top:5px;
}

#condes-header span{
	width:40px;
	float:left;
	background-color: #999;
}

#condes-header span a{
	text-align: center;
	color:#fff;
}

.inserted-heading{
	border:none;
	border-bottom:1px solid #dbdada;
	font-size: 12px;
	font-weight: bolder;
	color: #333;
}

.altcol{
	background-color: #f1f1f1;
}

p#other-rems-info{
	padding:0px;
	margin:0px;
	font-size: 9px;
	width:150px;
}

p.othremarks-header{
	padding:0px;
	margin:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#e2e2e2;
	color:#666;
	padding:2px;
	font-size: 8px;
}

.otherrem-text{
	margin-top:5px!important;
	width:60%;
	text-transform: uppercase;
	text-align: center;
}


/* NOTes STYLING */

.notes-wrapper,.contacts-wrapper,.smdsched-wrapper
{  
    position:absolute;
	top:-10px;
	left:-80px;
    width: 300px;  
    height: auto;   
    background-color: #3F82C8;  
    border: 1px solid #666;  
    margin-left:100px;
    margin-top:10px;
    color:#fff;

} 

.notes-wrapper:before,.contacts-wrapper:before,.smdsched-wrapper:before
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 40px;  
    top: -15px;  
    border: 7px solid;  
    border-color: transparent transparent #666 transparent;  
} 

.notes-wrapper:after,.contacts-wrapper:after,.smdsched-wrapper:after
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 40px;  
    top: -14px;  
    border: 7px solid;  
    border-color: transparent transparent #3F82C8 transparent;  
}

.notes-wrapper p#title,.contacts-wrapper p#title, .smdsched-wrapper p#title{
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding:5px;
}

.notes-wrapper p.items,.contacts-wrapper p.items,.smdsched-wrapper p.items{
	margin:0px;
	padding:0px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	padding:5px;
	padding-bottom:0px;
}

/* ADD NOTEs STYLE */
#dpsaddnotes
{  
    position:absolute;
	top:-10px;
	left:50px;
    width: 300px;  
    height: auto;   
    background-color: #3F82C8;  
    border: 1px solid #666;  
    margin-left:100px;
    margin-top:10px;
    color:#fff;

} 

#dpsaddnotes:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 40px;  
    top: -15px;  
    border: 7px solid;  
    border-color: transparent transparent #666 transparent;  
} 

	#dpsaddnotes:after 
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    left: 40px;  
	    top: -14px;  
	    border: 7px solid;  
	    border-color: transparent transparent #3F82C8 transparent;  
	}

	h1#testdesktop{
		display:block;
	}
	h1#tests3{
		display:none;
	}

	#search-menu-wrapper{
		display: block;
		width:960px;
		margin:0px auto;
		overflow: hidden;
		padding:10px;
		height:auto;
	}

	#searchbyform-wrapper{

	}

	.searchproj_menudiv{
		float:left;
		padding:5px;
		height:auto;
		overflow: hidden;
		width:250px;
		margin:10px;
		border-top:5px solid #666;
	}
	/*FID */
	.searchprojfid{
		float:center;
		align-content: center;
		position: relative;
		padding:0px;
		height:auto;
		overflow: hidden;
		width:300px;
		margin:10px;
		border: 0px solid gray;
		background-color: #fcf7f7;
		/*display: inline-block;*/
		clear:both;
		display: flex;

	/*list-style-type: none;*/
	}
	#btn-srch-fid{
		margin:0px 0px 0px 10px
	}
	.searchproj_menudiv p{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight: bolder;
		margin-bottom: 10px;
		color:#666;
	}

	.searchproj_menudiv input{
		text-align:center;
	}

	p#search_or{
		float:left;
		margin:20px;
		font-size: 3em;
		font-style: italic;
		color:#999;
	}

	#bycust-cust{
		width:90%;
	}
		/*FID*/
	.searchbutton2 {
	background-color: #4cdd39;
	text-decoration: none;
	color:#404240;	
	padding:6px 9px;
	font-family: arial;
	font-size: 11px;
	border:1px solid #dcdcdc;
	border-radius:6px;	
	display:inline-block;
	font-weight: bold;

	}
	.searchbutton2:hover {
		color:white;
		background-color:#0b470b;
	}
	.searchbutton2:active {
		top:2px;
		position:relative;
	}
	
	.searchbutton {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		color:#777777!important;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		padding:6px 9px;
		text-decoration:none;
		text-shadow:1px 1px 0px #ffffff;
		margin-top:5px;

	}
	.searchbutton:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}
	.searchbutton:active {
		position:relative;
		top:1px;
	}

	#searchby-result-wrapper{
		width:98%;
		padding:10px;
	}

	#searchbyform-result{
		width:600px;
		height:auto;
		margin:10px auto;
	}

	#searchbyform-result p{
		margin:0px;
		padding:0px;
		font-size:14px;
		margin-bottom:5px;
		color:#333;
	}

	#searchbyform-result p span{
		font-weight: bolder;
	}

	#searchbyform-result h1,#searchbydate-result h1{
		font-size:16px;
		color:#666;
		border-bottom:3px solid #666;
		margin-bottom:10px;
		padding:5px;
	}
	/*FID*/
	#searchbydate-result-FID h1{
		font-size:16px;
		color:#666;
		border-bottom:3px solid #666;
		margin-bottom:10px;
		padding:5px;

	}

	/* MANAGER APPROVAL STYLES	*/

	#manager-approved-wrapper{
		padding:5px;
		margin:20px auto;
		background-color:#333;
	}

	input#manager-approved-check{
		display: none;
	}

	.blink{
		position:relative;
		top:30px;
		font-size: 16px;
		font-weight: bold;
		color:#D34231;
		text-transform: uppercase;
		text-shadow:1px 1px 0px #666;
	}

	.managerapprove{
		position:relative;
		top:30px;
		font-size: 16px;
		font-weight: bolder;
		color:#8FAD33;
		text-transform: uppercase;
		text-shadow:1px 1px 0px #666;
	}

	/* COOR EDIT PROJECT ---> OTHERS BOX */

	.coorotheredit-wrapper{
		position: relative;
		display:block;
	}

	.coor-other-edit
	{  
	    position:absolute;
		top:5px;
		left:-300px;
	    width: 1160px;  
	    height: auto;   
	    background-color: #3F82C8!important;  
	    border: 1px solid #666;  
	    margin-left:100px;
	    margin-top:10px;
	    color:#fff;

	} 

	.coor-other-edit:before  
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    left: 215px;  
	    top: -15px;  
	    border: 7px solid;  
	    border-color: transparent transparent #666 transparent;  
	} 

	.coor-other-edit:after 
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    left: 215px;  
	    top: -14px;  
	    border: 7px solid;  
	    border-color: transparent transparent #3F82C8 transparent;  
	}

	.coor-other-edit input.others{
		margin:2px 0px!important;
		width:50px;
	}

	.coor-other-edit input.others1{
		margin:2px 0px!important;
		width:380px;
	}

	.coor-other-edit label.others-label{
		font-size: 8px;
		margin-left: 10px
	}

	#getproject-result-wrapper{
		display: inline-block;
	}
	#getproject-result-wrapper select{
		margin-left:5px;
		width: 311px;
		padding:2px;
	}

	input.searchbydate-date{
		margin:2px!important;
		padding:1px!important;
		width: 70px;
		text-align: center;
	}
		/*FID*/
	input.searchbydate-date-fid{
		margin:2px!important;
		padding:1px!important;
		width: 80px;
		text-align: center;
		background-color: #e5e5e5;
		border-radius: 6px;
	}


	.searchbydate-updatebut,.pendingsched-updatebut {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:8px;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}
.searchbydate-updatebut:hover,.pendingsched-updatebut:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
.searchbydate-updatebut:active,.pendingsched-updatebut:active {
	position:relative;
	top:1px;
}

	/* import of batch schedule to batch request styling */
	.index-importbut {
		-moz-box-shadow:inset -1px 1px 0px 0px #c1ed9c;
		-webkit-box-shadow:inset -1px 1px 0px 0px #c1ed9c;
		box-shadow:inset -1px 1px 0px 0px #c1ed9c;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
		background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
		background-color:#9dce2c;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #83c41a;
		display:inline-block;
		color:#ffffff;
		font-family:arial;
		font-size:8px;
		font-weight:bold;
		padding:2px 5px;
		text-decoration:none;
		text-shadow:1px 0px 0px #689324;
	}
	.index-importbut:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
		background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
		background-color:#8cb82b;
	}
	.index-importbut:active {
		position:relative;
		top:1px;
	}

	/* DPS EDIT added style for pending items */
	.dpsedit-pending{
		background-color: #ffcccc;
	}

	/* CHAT styles here */

	#chat-wrapper{
		position: fixed;
		bottom:0px;
		right:0px;
		width:300px;
	}

	#chat-header{
		height:20px;
		width:300px;
		background-color: #3F82C8;
	}

	#chat-header a{
		text-decoration: none;
		font-size: 12px;
		float:right;
		color:#f2f2f2;
		padding:3px;
	}

	#chat-header a:hover{
		background-color: #666;
	}

	#chat-header p{
		float: left;
		font-size: 12px;
		color:#f2f2f2;
		padding:3px;
		margin:0px;
	}

	#chat-header p span{
		font-weight: bold;
		color:#8EBA2B;
	}

	#chat-online-wrapper{
		float:right;
		width:55px;
		background-color: #FCFCFC;
		height:230px;
		padding:1px;
	}
	#chat-online-wrapper li{
		list-style-type: none;
		padding:0px;
		margin:0px;
		font-size: 10px;
		padding:1px;
		font-family: "Verdana";
		color:#666;
	}

	#chat-content-wrapper{
		height:250px;
		width:300px;
		background-color: #e1e1e1;
		border-top:1px solid #666666;
		display:none;

	}

	#chat-content-wrapper p{
		margin:0px;
	}

	#chat-messages{
		float:left;
		width:240px;
		margin:1px;
		height:230px;
		font-size: 10px;
		outline:none;
		font-family: "Verdana";
		overflow-y: auto;
		overflow-x: hidden;
	}

	#message-box{
		width:298px;
		margin:1px;
		font-size: 10px;
		outline:none;
		padding:0px!important;
		font-family: "Verdana";
	}

	.msg-wrapper{
		height:auto;
		width:298px;
		background-color: #ffffff;
	}

	#msg-header p#name,#msg-header p#time{
		padding:2px;
		margin:0px;
		font-size: 9px;
	}

	p#name{
		display: inline;
		font-size: 10px;
		font-weight:bolder;
		color:#999;
	}
	p#time{
		display: inline;
		margin-left:105px!important;
		font-size: 8px;
		color:#ccc;
	}

	#msg-content{
		height:auto;
		width:230;
		background-color: #fcfcfc;
		padding:5px;
		color: #666;
		border-bottom:1px solid #999;
	}

	#project-list-formwrapper{
		background-color:#f2f2f2;
		padding:10px; 
	}

	#project-list-formwrapper p{
		background-color:#ccc;
		padding:5px;
		margin:0px;
		font-size: 12px;
		border-bottom: 1px solid #999; 
	}

	/* DPS maintenance sketch styles here */
	input#sketch{
		border:1px solid #666;
	}

	#upload-sketch-but{
		background-color: #333;
		padding:6px;
		color:#f2f2f2;
		text-decoration: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 12px;
	}

	#upload-sketch-but:hover{
		background-color: #666;
	}

	#uploadsketch-wrapper{
		width:98%;
		height:auto;
		padding:10px;
		background: #e5e5e5; /* Old browsers */
		background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 51%, #e5e5e5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(51%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 51%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 51%,#e5e5e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 51%,#e5e5e5 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 51%,#e5e5e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}

	#uploadsketch-wrapper span{
		display: inline-block;
		width:100px;
	}

	/* styling for the location sketch browser for form1a */
	.bigsquares{
	float:left;
	text-decoration: none;
	background-color: #f3f3f3;
	border: 1px solid #666;
	margin:1px;
	margin-right:10px;
	margin-top:10px;
	padding:5px;
	width:175px;
	height:280px ;

	}

	#imageexplorer-container{
		height:300px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.img-selectbox{
		position: relative;
		top:10px;
		left:10px;
		display:none;
	}

	.selectable img{
		width:200px;
		height:100px;
	}

	#img-info-wrapper{
		height:25px;
		background-color: #666;
	}

	a.expand{
		display: block;
		text-decoration: none;
		font-size: 12px;
		color: #f2f2f2;
		text-align: center;
		padding:5px;
		margin:2px;
	}

	a.expand:hover{
		background-color: #666;
	}

	p#pew{
		font-size: 8px;
		margin:0px;
		padding:2px;
		color:#333;
	}

	#upload-sketch-notify{
		padding:3px;
		background-color: #83C47C;
		color:#333;
		font-size: 12px;
	}

	#upload-sketch-notify{
		padding:5px;
		background-color: #99CB5C;
	}

	#upload-sketch-notify p{
		margin:0px;
		color:#333;
		font-size: 12px;
		font-weight: bold;
	}

	#upload-sketch-notify p a{
		text-decoration: none;
		color: #409145;
	}
	#upload-sketch-notify p a:hover{
		text-decoration: underline;
	}

	#select-sketch-notify{
		padding:5px;
		background-color: #99CB5C;
		font-size: 12px;
	}

	.plant-color{
		float:left;
		height:65px;
		width:5px;
		/*background-color: #D60000!important;*/
		background-color: #6f00d6!important;
		margin-right:5px;
	}
	
	/*UPLOAD PLANT COLOR WBSOLON*/
	.plant-color-upload{
		float:left;
		height:65px;
		width:5px;	
		background-color: #6f00d6;
		margin-right:5px;
	}
	
	#useroption-wrapper
	{  
	    position:absolute;
		left:-110px;
	    width: auto;  
	    height: auto;   
	    background-color: #f3f3f3;  
	    border: 1px solid #666;  
	    margin-left:100px;
	    margin-top:10px;
	    color:#333;
	    padding:15px 10px;

	}
	#useroption-wrapper:before  
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    left: 40px;  
	    top: -15px;  
	    border: 7px solid;  
	    border-color: transparent transparent #333 transparent;  
	} 

	#useroption-wrapper:after 
	{  
	    content: ' ';  
	    position: absolute;  
	    width: 0;  
	    height: 0;  
	    left: 40px;  
	    top: -14px;  
	    border: 7px solid;  
	    border-color: transparent transparent #f3f3f3 transparent;  
	}

	#useroption-wrapper div.fields{
		margin:0px 10px;
		padding:2px;
		font-size: 12px;
	}

	#useroption-wrapper div.fields label{
		display:block;
		width:150px;
	}

	#useroption-wrapper div.fields input{
		display:block;
		width:150px;
		height:20px;
		text-align: center; 
	}

	#useroption-wrapper div.fields a {
		-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
		-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
		box-shadow:inset 0px 1px 0px 0px #bee2f9;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
		background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
		background-color:#63b8ee;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #3866a3;
		display:inline-block;
		color:#14396a;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #7cacde;

	}
	#useroption-wrapper div.fields a:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
		background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
		background-color:#468ccf;
	}
	#useroption-wrapper div.fields a:active {
		position:relative;
		top:1px;
	}

	#useredit-error,#useredit-passerror{
		display: block;
		margin: 0px auto;
		padding:3px;
		background-color:#ffd2d3;
		border:1px solid #cc9999;
		color:#990000;
		font-size: 10px;
	}

	#useredit-success{
		display: block;
		margin: 0px auto;
		padding:3px;
		background-color:#d4ffcd;
		border:1px solid #9adf8f;
		color:#258815;
		font-size: 10px;
	}

	/* other print styles */

	body#dps-print{
		background:none!important;
	}

	.img-bg{
		background: url('images/design-hilyt.png');
		background-repeat: repeat;
	}

	

	#dpsreport-table{
		margin-top:10px;
		margin-bottom:10px;
		width:97%;
		color:#333;
		font-size: 12px;
		border-spacing:0px;
	}

	/* --------------------
	|	table header styles
	*/ 

	#dpsreport-table tr#head th#left-head{
		border:1px solid #666;
		
	}

	#dpsreport-table tr#head th#right-head{
		border:1px solid #666;
		border-right:none;
		
	}

	#dpsreport-table tr#head th.heading{
		border:1px solid #666;
		border-right:none;
		height:40px;
		color:#333;
		font-weight: bold;
		background-color: #e1e1e1;
	}

	#dpsreport-table tr td.heading{
		background-color: #e1e1e1;
	}

	#dpsreport-table tr.items a{
		text-decoration: none;
		color:#06c;
	}

	#dpsreport-table tr.items td{
		border:1px solid #666;
		border-right:none;
		border-top:none;
		height:25px;
		font-size: 12px;
		
	}

	#dpsreport-table tr.items td#left{
		border-right:1px solid #666;
	}

	#dpsreport-table tr.items td#left-item{
		text-indent: 10px;
	}

	
	#dpsreport-table tr.items:hover{
		background-color: #ccc;
	}

	#dpsreport-tabletr.items td p{
		font-size:12px;
		margin:0px;
	}

	#dpsreport-table tr.items td p span{
		font-weight: bold;
	}

	#dpsreport-table tr.items td p{
		margin-left:10px;
		margin-top:3px;
		margin-bottom:3px;
	}

	.pendingsched-date{
		width:70px;
		text-align: center;
	}

	.revisestatus{
		color: #D34231;
	}

	.unapproved-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d) );
	background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:normal;
	padding:0px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}
.unapproved-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83) );
	background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
	background-color:#e4685d;
}
.unapproved-button:active {
	position:relative;
	top:1px;
}

/*For prepaid button SMD*/
.prep-but{
	font-size: 11px;
	background-color:#fc8d83;
	font-family:Trebuchet MS;
	border-radius:6px;
	text-shadow:1px 1px 0px #b23e35;
	border:1px solid #d83526;
	color:white;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.prep-but:hover{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83) );
	background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
	background-color:#e4685d;

}
/*For mobile prepaid button smd*/
.mobile-prep-but{
	font-size: 8px;
	background-color:#fc8d83;
	font-family:Trebuchet MS;
	border-radius:6px;
	text-shadow:1px 1px 0px #b23e35;
	border:1px solid #d83526;
	color:white;
	/*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
}


/* added by ralph august 20, 2013 to easily distinguished the plant assignment in the edit page of the dps*/
#plantcoloredit{
color:#ff2266;
font-weight:bold;



}



#mobilerolling-info{
	display: block;
	width:700px;
	height:auto;
	border:1px solid #ff9900;
	margin:0px auto;
	background-color: #ffcc33;
	padding:5px;
}

#mobilerolling-info p{
	display: block;
	font-size: 12px;
	color:#333;
	margin:0px;
	padding:0px;
	font-weight: bolder;
}


/* added by ralph 9-12-2013 */
.m-insert{
	background-color: #FFFF99;
}

.m-resched{
	background-color: #FFCC99;
}

.mobile-approve-wrapper{
	display:block;
	height: auto;
	margin:7px;
	overflow: hidden;
}

.m-unapproved{
	/*color:#C1392B;*/
	color: #f2baac;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	margin-top:10px;
	text-shadow: 2px 2px 1px #c9401e;
}

.m-approved{
	color:#2FCC71;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}


.m-approvalbut{
	float:right;
	background-color: #2FCC71;
	font-size: 10px;
	padding:10px 20px;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	border:none;
}

.arrow-up {
	position: absolute;
	bottom:0px;
	left:0px;
	width: 0; 
	height: 0; 
	border-right: 20px solid transparent;
	border-bottom: 20px solid rgba(255, 0, 0, 0.5);

}

form {
margin-bottom: 0px;
}


.plantcast{
	color: #D34231;
}


/* ===========================================
added by ralph march 11. 2014  
*/


a.smdcust-item{
	text-decoration: none;
	color:#003366;
}

a.smdcust-item:hover{
	padding:3px;
	background-color: #FF9900;
	color:#ffffff;
	font-size: 14px;
}


/* =========================================
added by ralph april 7, 2014 for the smd approval */

#smd-mobilewrapper{
	margin:20px 0px;
}

#smd-mobile-table{
	width:100%;
	border-collapse: collapse;
	font-family: 'Lato-Light', sans-serif;
	font-size: .7em;
	border-spacing: 0;
}

#smd-mobile-table tr#heading{
	background-color: #3F82C8;
	text-align: center;
	height: 30px;
	color: #FAFAFC;
	border-left:none;
	border-right:none;
}

#smd-mobile-table tbody.row{
	background-color: #ededed;
}

#smd-mobile-table tbody.rowalt{
	background-color: #cbcaca;

}

#smd-mobile-table tbody.row tr td,#smd-mobile-table tbody.rowalt tr td{
	border-bottom:1px solid #dcdcdc;
	text-align: center;
	height:40px;
	border-left:none;
	border-right:none;
}

.app-button{
	padding:0px;
}

.app-button a{
	display: block;
	width: 100%;
	height: 30px;
	text-decoration: none;
	background-color: #3768B9;
	color: #333333;

}

.app-button a:hover{
	background-color: #4679BD;
}

.clientname{
	text-align: left!important;
}

.smdmobile-plant{
	/*border-left:5px solid #c0392b;*/
	border-left:5px solid #4169e1;
}

.smdmobile-sel-tbody{
	background-color: #F9CC8F!important;
}

.smdmobile-selapp{
	background-color: #FEEFB3!important;
}

.smdmobile-approved{
	background-color: #BFD18C!important;
}

.smdmobile-unapproved{
	background-color: #E75152!important;
}

.smdmobile-appbut{
	background-color: #27ae60;
	height: 40px;
	width:100px;
	border: none;
	margin:5px;
	float: right;
	color: #f1F1F1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Lato-Light', sans-serif;
}

.smdmobile-bcrumb{
	padding:5px;
	margin:0;
	background-color: #333333;
	color: #f2f2f2;
	font-size: .9em;
}


/*
|	added by ralph may 7, 2014
|
|
*/
#m-acctg-tbl{
	width:100%;
	font-size: .6em;
	border-collapse: collapse;
	font-family: 'Lato-Light', sans-serif;
}

#m-acctg-tbl tr#heading{
	background-color: #3F82C8;
	text-align: center;
	height: 30px;
	color: #FAFAFC;
	border-left:none;
	border-right:none;
}

#m-acctg-tbl tbody{
	background-color: #EEEEEE;
	border-bottom:1px solid #666;
}

#m-acctg-tbl tbody.m_dpsedit-pending{
	background-color: #ffcccc;
}

#m-acctg-tbl tbody tr td{
	border-bottom:1px solid #ccc;
}

#m-acctg-tbl tbody tr td.clientname p{
	margin:1px;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
}


/*.m-acctg-updatebut,.m_plant-updatebut{
	background-color:#27ae60;
	padding:10px 5px;
	margin:0px 3px;
	text-decoration: none;
	color:#f1f1f1;
	font-size: 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Lato-Light', sans-serif;
}*/
.m_plant-updatebut{
	background-color:#27ae60;
	padding:10px 5px;
	margin:0px 3px;
	text-decoration: none;
	color:#f1f1f1;
	font-size: 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Lato-Light', sans-serif;
}
.m-acctg-updatebut{
	font-size: 11px;
	background-color:#27ae60;
	padding:1px 12px;
	font-family:Trebuchet MS;
	border-radius:5px;	
	text-decoration: none;	
	text-shadow:1px 1px 0px #b23e35;
	border:1px solid #365b44;
	color:#f1f1f1;
	display: inline-block;
	/*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
}

.m_acctg-remarks,.m_plant-remarks{
	width: 100%;
	padding:4px;
	margin:3px;
}

.m-dept{
	display: block;
	padding:10px 5px;
	background-color: #e74c3c;
	margin:10px 2px;
	margin-top:20px;
	color:#f1f1f1;
	font-size: 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Lato-Light', sans-serif;
}

.upnotify{
	display: block;
	padding:10px 5px;
	color:#c0392b;
	font-size: .9em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #F2DEDE;
	width: 45%;
	margin: 0px auto;
	font-family: "Trebuchet MS";
}

.upnotify span{
	font-weight: bold;
}

/* added by ralph july 10 2014 - for customer coordinator color legend */
.cust-coor-plant{
	color:#9b59b6;
}

.cust-coor-acctg{
	color:#f1c40f;
}

.cust-coor-qa{
	color:#e67e22;
}

/*    Added by Ralph for the advance booking
*/

#advbooking-wrapper{
	width:98%;
	padding:10px;
	padding-bottom:0px;
}

#advbooking-wrapper h1{
	font-size:16px;
	color:#666;
	border-bottom:3px solid #666;
	margin-bottom:10px;
	padding:5px;
}

#advbooking-conwrapper{
	width:98%;
	padding:10px;
	padding-top:0px;
}

.prio-no{
	font-weight: bold!important;
	color: #000000;
	font-size: 12px;
	width:15px;
	height: 10px;
}



#gen-prio-button {
	-moz-box-shadow:inset -1px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset -1px 1px 0px 0px #9acc85;
	box-shadow:inset -1px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	margin-top: 10px;
	margin-bottom: 10px;
}
#gen-prio-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
#gen-prio-button:active {
	position:relative;
	top:1px;
}


.coor-cust{
	font-size: 11px;
	color: #ff0000;
}

.contract-update-but{
	background-color: #40d47e;
	padding:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #ecf0f1;

}

.contract-update-but:hover{
	background-color: #27ae60;
}

.contract-no-update{
	width:90px;
	margin-right:10px!important;
}

.contract-blank{
	background-color: #F2DEDE;
}


/* added by ralph september 29 for the form1 style fix */
#co_lab{
	width: 140px;
}

.samp-standard-wrapper input{
	width:50px;
}



/*  
	
	Styling for the Contract page
	Added by Ralph Ceriaco - Feb 23, 2016

*/

/*form styles*/
#msform {
	width: 70%;
	margin: 30px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea, #msform select {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}

#msform textarea{
	resize:vertical;
}

/*buttons*/
#msform .action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	/*margin-bottom: 10px;*/
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #27AE60;
	text-transform: uppercase;
	font-size: 10px;
	width: 20%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: white;
	/*background: white;*/
	background-color: #424242;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	/*background: white;*/
	background-color: #424242;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
}



/* 
	behind this line are customized style by ralph ceriaco
 */

 .contracts-container-bg{
 	background-color: #404040!important;
 	z-index: -2;
 }

 .hr-spacer{
 	margin-top:20px;
 	margin-bottom:20px;
 }



#contract-wrapper{
 	background-color: #27AE60;
 	


	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: relative;

	margin-top:10px;
 	margin-bottom:10px;
 	text-align: left;

 	padding-top:3px;
 	padding-bottom:3px;
}

#contract-wrapper input{
	padding:5px;
	font-size: 1.2em;
	font-weight: bolder;
	text-align: center;
}

#contract-wrapper div{
	display: inline-block;
	width:49%;
}

/*#contract-wrapper div#right{
	width:45%;
}*/

#contract-wrapper div span{
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
}

#design-tbl{
	border: 1px solid #cccccc;
	margin:20px 0px;

	font-style: normal;
	font-weight: normal;
	font-size: 13px;

	text-align: left;

	border-collapse: collapse
}

#design-tbl th{
	background-color: #cccccc;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	padding:2px;
}

#design-tbl tr{
	border: 1px solid #cccccc;
}

#design-tbl tr td{
	padding:2px;
}

#design-form-wrapper{
	background-color: #FDDD62;
	margin:10px 0px;
}

.design-tbox{
	width: 10%!important;
	margin:10px 5px;
}

.design-tbox.remarks{
	width: 23%!important;
	margin:0px 5px;
}

.design-tbox.button{
	width: 15%!important;
	margin:0px 5px;
	background-color: #A4D05F;
}

#lol input[type="submit"]:hover{
    background-color: #ff2266;
    color: #ff2266;
}

.contract-btn{
	display: block;
	padding:8px;
	color: #FFFFFF;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-decoration: none;
}

.contract-btn:hover{
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	/*color: #ff2266;*/
}

.green-btn{
	background-color: #5BD999;
}

.blue-btn{
	background-color: #00C0E4;
}

.red-btn{
	background-color: #E6567A;
}

.small-btn{
	font-size: .7em;
}

.medium-btn{
	font-size: 1em;
}


.enjoy-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 2px solid #00C0E4;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  font: normal 16px/normal "Times New Roman", Times, serif;
  color: #666666;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.enjoy-css:hover{
	background-color:#00C0E4;
}

/*  
	styles for the additional mobile features
	-agg summary table

*/

.mobile-aggsum-wrapper{
	display: block;
	margin:10px;
	margin-top:50px;
}

table#mobile_agg_summ{

	border-spacing: 0px;
	font-size: 9px;
	font-family: "Trebuchet MS";
	width:100%;
	border-collapse:collapse;
	color: #666;
}

table#mobile_agg_summ tr{
	border: 1px solid #C7BEBE;
}

table#mobile_agg_summ tr th{
	font-weight: bold;
}

.mobile-volume-badge{
	margin-left:5px;
	font-size: 14px;
	/*background-color: #006699;
    padding: 0px 5px;*/
    color: #006699!important;
   /* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/

}

.mobile-pouring-type{
	display:block;
	margin-top:2px;
	font-size: 9px;
	color: #f1f2f1;
	background-color: rgba(0, 102, 153, 0.52);
	padding:1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mobile-volume{
	color: #006699;

}

.mobile-acctg-terms-btn{
	text-decoration: none;
	color: #f1f2f1;
	background-color: #2FCC71;
	padding:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}

.mobile-acctg-terms-btn-notfix{
	text-decoration: none;
	margin-top:2px;
	color: #f1f2f1;
	background-color: #2FCC71;
	padding:1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 10px;
}
.mobile-acctg-terms-btn-notfix-unappr{
	text-decoration: none;
	margin-top:2px;
	color: #f1f2f1;
	background-color: #f05926;
	padding:1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 10px;
}
/* Style for the table of the pump summary */



table#pump-summ-tbl {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:9px;
	background:#eaebec;
	/*border:#ccc 1px solid;*/
	width: 100%;
	margin-bottom:5px;
}
table#pump-summ-tbl th {
	padding:4px;
	border-bottom:1px solid #e0e0e0;

	background: #2980b9;
	color:#fff;
}
table#pump-summ-tbl th:first-child{
	text-align: left;
	padding-left:3px;
}
table#pump-summ-tbl tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table#pump-summ-tbl tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table#pump-summ-tbl tr{
	text-align: center;
	padding-left:3px;
}
table#pump-summ-tbl tr td:first-child{
	text-align: left;
	padding-left:3px;
	border-left: 0;
}
table#pump-summ-tbl tr td {
	padding:3px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table#pump-summ-tbl tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table#pump-summ-tbl tr:last-child td{
	border-bottom:0;
}
table#pump-summ-tbl tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table#pump-summ-tbl tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table#pump-summ-tbl tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.pump-n{
	padding:2px;
	margin:2px;
	background-color: #ffff99;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	font-weight: bold;
	font-size : 11px;
}

.pump-s{
	padding:2px;
	margin:2px;
	background-color: #72a7c2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	color: white;
	font-weight: bold;
	font-size : 11px;
}