/* Edited with EditCSS */
/**** LINK-tag style sheet common.css ****/

a { 
color: Navy;
text-decoration: underline; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

A:hover {
color: #27489B;
text-decoration: underline; 
font-weight: bold;
} 
			
			
a.light {
font-size: 12px; 
color: #666699;
font-weight: bold; 
text-align: center;
text-decoration: underline; 
}

a.light:hover { 
color: #666699;
text-decoration: underline; 
font-weight: bold;
} 
a.title { 
text-decoration: underline;
color: #EFEFEF;
font-weight: bold;
} 

a.title:hover { 
text-decoration: underline; 
font-weight: bold; 
} 



a.menuItem:link {text-decoration: none; color: black;font-weight: normal;}
a.menuItem:hover {text-decoration: none; color: blue;font-weight: bold;}
a.menuItem:visited {text-decoration: none; color: black;font-weight: normal;}
a.menuItem:active {text-decoration: none; color: black;font-weight: normal;}


.maintbutton {
color: black;
font-weight: normal;
width: 65px;
}





option.priorityRush {
color: red;
background: #FFFFFF;
font-weight: normal;
}

option.priorityWarranty {
color: #d9801b;
background: #FFFFFF;
font-weight: normal;
}

option.priorityNeedInfo {
color: #488282;
background: #FFFFFF;
font-weight: normal;
}

option.priorityExpedite {
color: #990099;
background: #FFFFFF;
font-weight: normal;
}

option.priorityNormal {
color: green;
background: #FFFFFF;
font-weight: normal;
}

option.priorityLow {
color: #CCC630;
background: #FFFFFF;
font-weight: normal;
}

option.priorityNonTag {
color: black;
background: #FFFFFF;
font-weight: normal;
}

.uncertainty
{
}

input.maint {
	width: 75px;
}
body, td, th, p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #202A82;
	}

.style1 {
	color: #FFFFFF;
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.style2 {
	color: #8C2942;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
}

input:focus {
	background-color: #DCE6E3;
	border: 1px solid #527A60;
}

.style3 {
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
} 

P {
color: black
} 

H1 {
Color: navy; 
font-weight: bold; 
font-family:serif;
}

h1.top { 
font-size: 17px; 
color: #FFFFFF; 
font-weight: bold; 
margin: 0px; 
} 

H3 {
Color: black; 
font-weight: bold;
} 

H6 {
Color: black; 
font-weight: bold; 
font-family: serif; 
font-size: 10pt;
} 

UL {
color: black;
} 

table.hidden { 
padding:0px;
margin: 0; 
width:100%;
font-family: Arial; 
font-size: 9pt;
/*text-align: center;*/
} 


th.Title {
font-size: 17px; 
color: #EFEFEF;
font-weight: bold; 
background-color:#527A60;
text-align: center;
background-image: url(../docs/greenback.gif);
}

th.debug {
font-size: 17px; 
color: #efefef; 
font-weight: bold; 
background-color:#8B7765;
text-align: center
}



th.inactiveTitle {
font-size: 17px; 
color: #efefef; 
font-weight: bold; 
background-color:black;
text-align: center
}


td.title {
font-size: 17px; 
color: #202A82; 
font-weight: bold; 
background-color:#20296F;
text-align: center
}

.chart_objective_complete {
	color: #A0522D;
	font-size: 10pt;
	font-weight: bold;
	font-family: sans-serif;
}

.chart_objective {
	color: #A9A9A9;
	font-family: sans-serif;
	font-size: 9pt;
}

div.panel {
background-color:#FFFFFF; 
}

table {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}
	
.panel { 	
background-color:#FCFCFF; 
border: 2px outset #FCFCFF;
border-left: 1px solid #969696;
border-top: 1px solid #969696;

padding: 0px; 
width:100%;
border-spacing: 0px;
border: 1px solid #2A2A2A;
margin: 0px;
} 

table.sqlDebug { 
/*
border-left: 1px solid #969696;
border-top: 1px solid #969696;
border-spacing: 2px;
*/
background-color:#F5DEB3; 
border: 2px outset #DEDEDE;
padding: 1px; 
width:100%;
} 

table.subpanel { 
background-color:#DEDEDE; 
border: 0px outset #DEDEDE;
border-left: 0px solid #969696;
border-top: 0px solid #969696;
padding: 0px; 
width:100%;
border-spacing: 0px;
} 

table.box { 
border-top: 1px solid #9a9a9a; 
border-bottom: 1px solid #9a9a9a; 
padding: 0; 
margin: 0; 
width:100%;
font-family: Arial; 
font-size: 9pt
}  

table.sbox { 
border: 2px solid #000000; 
padding: 0; 
margin: 0; 
font-family: Arial; 
font-size: 9pt
} 

td {
	font-size: 9pt;
    padding: 0px;
	margin: 0px;
	vertical-align : top;
           
} 

tr.colheader {
	padding: 0px;
	margin: 0px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background-color: #BBBFDA;
	text-decoration: underline;
	
}



tr.colfooter {
	padding: 0px;
	margin: 0px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background-color: #C0C0C0;
}

.itemprioritycode {
	width: 150px;
	font-weight: bold;
	font-size:12pt; 
}

tr.datarow {
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	vertical-align : top;
	padding: 0px;
	margin: 0px;
	
}

tr.datarowalt {
	padding: 0px;
	margin: 0px;
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	vertical-align : top;
}
tr.datarowhighlight {
	padding: 0px;
	font-size: 9pt;
	background-color: #BBBFDA;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}


td.highlight {
	background-color:#efefef;
}

td.box { 
font-family: Arial; 
font-size: 9pt; 
border: 0px none; 
padding: 0; 
margin: 0
} 

td.formlabel {
	vertical-align : top;
	text-align: right;
	font-weight: bold;
	padding: 3px;
	width: 20%;
}

td.formdata {
	vertical-align: top;
	text-align: left;
	padding: 3px;
}


tr.bottomline {
	border-left:0px none;
	border-right:0px none;
	border-top:1px solid #B1B1B1;
	border-bottom:1px solid #B1B1B1;
}

tr.bottomnoline {
	border-left:0px none;
	border-right:0px none;
	border-top:0px none;
	border-bottom:0px none;
}

.PopupDiv {
	border-style: solid;
	border-width: 2px;
	border-color: #CD6600;
	background-color: #D2B48C;
	padding: 10px 10px 10px 10px;
	position: absolute;
	display: none;
}

	
td.boxleft {
font-weight: bold;
text-align: left;
padding: 3px;
}
td.boxright {
text-align: right; 
padding: 3px;
}

span.right {
text-align:right; 
width:100%; 
vertical-align: text-top; 
font-family: Arial; 
font-size: 8pt;
} 

.itemText { 
text-decoration: none; 
color: #000000; 
font: 12px Arial, Helvetica 
} 

.itemSubText { 
text-decoration: none; 
color: #FFFFFF; 
font: 12px Arial, Helvetica 
} 

.itemHover { 
text-decoration: none; 
color: #6487DB; 
font: 12px Arial, Helvetica 
} 

.itemBorder { 
border: 1px solid black 
} 

form {
padding:0; 
margin:0;
}

#dropmenudiv{
border: 1px solid #90A598;
position:absolute;
background-color: #EFEFEF;
line-height:18px;
z-index:100;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:12px; 
font-family:Verdana
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7D3CC;
}

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
	text-align: center;
	cursor:pointer;
	background-color: #EFEFEF;
	border: 1px solid #EFEFEF;
}

#calendarDiv td.day{
	border: 1px solid #EFEFEF;
}

#calendarDiv td.today{
	border: 1px solid #EFEFEF;
	background-color: #EDD2D2;
}

#calendarDiv td.dayhover{
	padding:3px;
	margin:0px;
	font-size:10px;
	background-color: #B0AFCA;
	border: 1px solid #8EA7E6;
}
#calendarDiv td.title{
	width: 28px;
	padding:3px;
	margin:0px;
	font-size:10px;
	color: #000000;
	background-color: #DCDCDC;
	border: 1px solid #DCDCDC;
}

#calendarDiv td.selected{
	padding:3px;
	margin:0px;
	font-size:10px;
	background-color: #B0AFCA;
	border: 1px solid #FFFFFF;
}

#calendarDiv td.othermonth{
	padding:3px;
	margin:0px;
	font-size:10px;
	background-color: #A0A0A0;
	border: 1px solid #A0A0A0;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFFFFF;
	background-color: #20296F;
	color: #FFFFFF;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #20296F;
}

#calendarDiv .monthYearPicker{
	background-color: #B0AFCA;
	border:1px solid #000000;
	position:absolute;
	color: #20296F;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
	background-color:#B0AFCA;
}
#calendarDiv .monthYearActive{
	background-color:#E5ECFD;
	color: #000000;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

td.marginHigh{
color: #00BB00;
text-align: right;
font-weight: bold;
}

td.marginLow{
color: #C4C427;
text-align: right;
font-weight: bold;
}

td.marginBad{
color: #BB0000;
text-align: right;
font-weight: bold;
}

.positive {
	background-color:#00BB00;
	text-align:center;
	font-weight:bold;
	
}
.negative {
	background-color:#BB0000;
	text-align:center;
	font-weight:bold;
}
.normal {
	background-color:#000000;
	
	}
	
td.menuItem
{
	text-align: left;
	width: 80px;
	height: 16px;
	padding-left: 10px;
	padding:0px;
}

.creditHold
{
	background-color: #d9801b;
}
.contractCustomer
{
	background-color: #9900FF;
	color: #FFFFFF;
	
}

.singleSource
{
	background-color: #FFD700
}

.singleSourceAndCOD
{
	background-color: #FF69B4
}

.inactiveCustomer
{
	background-color: #000000;
	color : #ffffff;
}

div.oldClient
{
	background-color: #483D8B;
	color:white;
}

.msgBox
{
	width: 500px; 
	height: 55px; 
	overflow: auto;
	position: absolute;
	top:0px;
	right:0px;
	display:none;
}

.msgClose
{
	position: absolute;
	top:0px;
	right:2px;
	cursor: pointer;
}
body.msgheader {
	border: 0px;
	padding: 0px;
	margin: 0px;
	background:#FCFCFF;
}

table.header {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	/*background:#FFFFFF;*/
	background-image: url('../images/greyline1.gif'); 
	/*background-image: url(http://www.rjbagan.com/images/greyline1.gif);*/
	background-repeat: repeat-y;
	background-position: left;
	background-color: #c4c4c4;
}

.header {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background:#FFFFFF;
}

.usermenu{
	text-align: right;
	
}

.userinfo{
	padding:5px;
	font-size: 14px;
	font-weight: bold;
	/*background:#FFFFFF;*/
}

img.usercustomer{
	vertical-align: middle;
	border: 0px;
}

div.usercustomer{
	display: block;
	left: 20px;
	vertical-align: middle;
	background-image: url('../images/greyline1.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #c4c4c4;
}
div.ProcDiv{
	display: none;
	vertical-align: middle;
	background:#FFFFFF;
}

.popupbox {
	position:absolute;
/*	width: 0px;  */
	display:none;                                                                                                          
	background-color: #EFEFEF;
	color: #90A598;
	border: 2px outset #90A598;
	font-size: 12px;
	padding:4px;
	margin: 0px;
	text-align: left;
	z-index: 100;
}

td.collists {
	padding:2px;
	margin: 2px;
	width: 12%;
	font-size: 9pt;
	color: #DB902E;
	border-bottom: 1px dotted  #227A42; 
}

tr.collists {
	padding:2px;
	margin: 2px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
/*	background-color: #CBD8D0; */
	border-bottom: 1px dotted  #227A42; 
	text-decoration: none;
}

div.headerlogo {
	background-image: url('../images/greyline1.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #c4c4c4;
	
	height: 55%;
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	/*background:#FFFFFF;*/
}


/** Start of styles for the "tabs" .tabmain, .tablist, .tab, .tabnot, a.tabs **/
.tabmain{
	border-spacing: 0px;
	border-collapse: collapse;
	width:100%;
	z-index: 0;
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

.tablist { 
	padding: 0px;
	margin: 0px;
	float: none;
	text-align: center;
	
	background-image: url('../images/greyline1.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #c4c4c4;
	
	height: 28px;
}
/*
.tab { 
	color: #E29828;
		width: 90px;
	float: left;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	height: 17px;
} 

.tabnot {
	width: 90px;
	float: left;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

a.tabs { 
color: #202a82;
font-weight: normal; 
}  
*/

.tab { 
	color: #E29828;

	padding: 0px;
	margin: 0px;
	
	float: left;
  display: table;

  width:  90px;
  text-align: center;

  height:      24px;
  line-height: 28px;
  vertical-align: middle;

  background: url('../docs/tabs.png') no-repeat -2px -31px;

  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 10px;
} 

.tabnot {
	color: navy;
	padding: 0px;
	margin: 0px;
	
	float: left;
  display: table;

  width:  90px;
  text-align: center;

  height:      24px;
  line-height: 28px;
  vertical-align: middle;

  background: url('../docs/tabs.png') no-repeat -2px -1px;

  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 10px;
}

a.tabs { 
text-decoration: none;
}

.tabnot:hover
{
	background: url('../docs/tabs.png') no-repeat -2px -31px;
}

/** End of styles for the "tabs" .tabmain, .tablist, .tab, .tabnot, a.tabs **/



tr.datarow {
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	vertical-align : top;
	margin: 2px;
}

tr.datarowalt {
	padding:2px;
	margin: 2px;
	background-color: #DCE6E3;
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	vertical-align : top;
}
tr.datarowhighlight {
	font-size: 9pt;
	background-color: #C7D3CC;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding:2px;
	margin: 2px;
}

a.userlist {
	font-weight: bold;
	color: #EFEFEF;
}

tr.colheader {
	padding: 0px;
	margin: 0px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #E29828;
	background-color: #CBD8D0;
	text-decoration: none;
	border-bottom: 1px dotted  #227A42; 
}
	
td.tl {
	border-bottom: 1px dotted  #227A42; 
	font-size: 9pt;
	padding:2px;
	margin: 0px;
           
} 

td.tlstatus {
	border-bottom: 1px dotted  #227A42; 
	font-size: 9pt;
	padding:2px;
	margin: 0px;
           
} 

td.tlstatusalert {
	border-bottom: 1px dotted  #227A42; 
	font-size: 9pt;
	font-weight: bold;
	color: red;
	padding:2px;
	margin: 0px;
           
} 

td.tllink {
	border-bottom: 1px dotted  #227A42; 
	font-size: 9pt;
 	padding:2px;
	margin: 0px;
           
} 

td.tlpercent {
	border-bottom: 1px dotted  #227A42; 
	font-size: 9pt;
 	padding:2px;
	margin: 0px;
           
} 


tr.colfooter {
	padding: 0px;
	margin: 0px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background-color: #B4C1B9;
}
	
.tasklist
{
	padding: 0px;
	margin: 0px;
}

.panel { 
background-color:#FFFFFF; 
padding: 0px; 
width:100%;
border-spacing: 0px;
margin: 0px;
} 
table.tasktable {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}


.calWarning{
	background-color: #CCC630;
}

.outOfTolerance{
	background-color: #FF0000;
}

.outOfToleranceFinish{
	text-align: left;
	color: #FF0000;
}

.inTolerance{
	background-color: #FFFFFF;
}

.inToleranceFinish{
	text-align: left;
	color: black;
}




.priorityRush{
background-image: url('../docs/rush.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted #227A42; 
    padding:2px;
	margin: 0px;
}

.priorityWarranty{
background-image: url('../docs/warranty.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted  #227A42;
    padding:2px;
	margin: 0px;
}

.priorityNeedInfo{
background-image: url('../docs/needinfo.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted  #227A42; 
	padding:2px;
	margin: 0px;
}

.priorityExpedite{
background-image: url('../docs/expedite.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted  #227A42; 
	padding:2px;
	margin: 2px;
}

.priorityNormal{
background-image: url('../docs/normal.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted  #227A42; 
	padding:2px;
	margin: 0px;
}

.priorityLow{
background-image: url('../docs/low.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted  #227A42;
    padding:2px;
	margin: 0px;
}

.priorityNonTag{
background-image: url('../docs/nontag.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border-bottom: 1px dotted  #227A42; 
	padding:2px;
	margin: 0px;
}

.moveJobInput
{
	width: 75px;
}
	
.notetext 
{
	border: 1px solid #227A42;
	width: 200px;
	height: 75px;
}

.imgbutton
{
	cursor: pointer;
}

.linkinput, .linkinput:focus
{
	border: 0px;
	cursor: pointer;
	text-decoration: underline;
	background-color: transparent;
	
}

div.TabView div.Tabs
{
	background-image: url('../images/greyline1.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #c4c4c4;
}

div.TabView
{
	background-image: url('../images/greyline1.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #c4c4c4;
}

div.TabView div.Tabs a
{
  float: left;
  display: table;

  width:  90px;
  text-align: center;


  line-height: 28px;
  vertical-align: middle;

  background: url('../docs/tabs.png') no-repeat -2px -1px;

  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 10px;
  color: navy;
}

div.TabView div.Tabs a:hover {
  background: url('../docs/tabs.png') no-repeat -2px -31px;
}

div.TabView div.Tabs a.Active {
  color: #E29828;
  background: url('../docs/tabs.png') no-repeat -2px -31px;
}

div.TabView div.Pages
{
  clear: both;
  border: 1px solid #404040;
  overflow: hidden;
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
}

.usermenuOver
{
	background: darkseagreen;
}

.usermenuNormal
{
	
}

pmWarning{
	background-color: #CCC630;
}