@charset "utf-8";
/* CSS Document */


body{
	behavior:url(../pngIEFix/csshover3.htc);
	background-color:#413448;
	margin:0px 0px 10px 0px;
	padding:0px;
	color: #464647;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
img {
	border: none;
}
img, div, ul, span, input{behavior: url(../pngIEFix/iepngfix.htc) }
a {
	text-decoration:none;
	color: #464647;
	}
input{height:20px;}
h1{
	font: bold 21px Georgia, "Times New Roman", Times, serif;
	color:#231f20;
	font-variant:small-caps;
	margin:0px;
	padding:0px;
	}
h2{
	font: bold 15px Arial, Helvetica, sans-serif;
	margin-left:5px;
}
div .listRed{
	font: italic bold 15px Arial, Helvetica, sans-serif;
	color:#dd3f20;
	margin: 0px 0px 10px 5px;
	padding:0px;
	width:680px;
	display: inline-block;
	height:16px;
}

#div a:link{
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#dd3f20;
	margin: 0px 0px 10px 5px;
	padding:0px;
	width:680px;
	display: inline-block;
	height:16px;
}



input, select{
	/*border:1px solid #bdbabd;*/
	margin:0px;
	padding:0px;
	z-index: 1;
	left: 2px;
	top: -3px;
	position: relative;
}
.alert{
	width:175px;
	color:dd3f20;
	padding:20px 20px 0px 5px;
}
.alertForgotPW{
	width:150px;
	color:dd3f20;
	float:left;
	padding:0px;
	margin:0px 0px 0px 15px;
	color:#dd3f20;
}
.red{
	color:#dd3f20;
	font:12px Arial, Helvetica, sans-serif;
	}
#btnSubmit{
  background: url(../images/btnSubmit.png) no-repeat;
	width:86px;
	border:1px solid blue;
	height:25px;
	border:none;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px;
}


#clear{
	clear:both;
	}
#container{
	margin: 0px auto 0px auto;
	padding:0px;
	width: 775px;
	background-color:#ffffff;
}
#container .heading{
	background: url(../images/headerBG.gif) repeat-x;
	width:775px;
	height:107px;
}
#container .logo{
	width:378px;
	float:left;
}
#container .hdrButtons{
	width:379px;
	float:left;
	margin-top:25px;
}
#container .logoutBtn{
	 height:50px;
	 width:107px;
	 float:right;
	 margin-bottom:5px;
	 padding-right:12px;
}
#container .loginBtn{
	 height:50px;
	 width:188px;
	 float:right;
	 margin-bottom:5px;
	 padding-right:12px;
}


#pgContainer{
	background: url(../images/pgBG.gif) repeat-x;
	width:775px;
	min-height:450px;
	height:auto;
	margin:0px;
	padding:16px 0px 25px 0px;
}

#container .footer{
	background: url(../images/footer.gif) no-repeat;
	width:775px;
	height:65px;
	margin-top:20px;
}
#content {
	width: 628px;
	min-height:450px;
	height:auto;
	margin: 0px 41px 0px 41px;
	padding:30px 33px 30px 33px;
	background-color: #ffffff;
  }

/* ################ >>>> Login Page <<<< ################## */
/* ######################################################## */
#loginBox{
	background: url(../images/loginBoxBG.gif) no-repeat;
	width:186px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
#loginBox form{
	width:151px;
	padding:45px 16px 0px 16px;
	margin:0px;
	font: bold 14px Arial, Helvetica, sans-serif;	
}
#loginBox label{
	padding:0px 0px 0px 2px;
	margin:0px;
}
#loginBox input{
	border:1px solid #bdbabd;
	margin:2px 0px 5px 0px;
	width:151px;
}
#loginBox .cmdSubmit{
	width:86px;
	height:25px;
	border:none;
	float:right;
	margin:0px 0px 0px 0px;
}
#loginBox form a{
	color:#7b638f;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	letter-spacing:-1px;
	float:left;
	clear:both;
	margin-top:10px;
}
#loginInst {
	width:228px;
	float:left;
	display:block;
	margin:0px 0px 0px 25px;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
#loginInst h2{
	display:inline-block;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin:0px 0px 15px 0px;
	padding:0px;
}
#loginInst .red{
	font: bold 14px Arial, Helvetica, sans-serif;
	}
p.questions {
	width: 161px;
	float: left;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 20px;
}
p.questions strong{
	display:inline-block;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
p.questions a{
	font: 10px Arial, Helvetica, sans-serif;
}

/* ################ >>>> Forgot Page <<<< ################## */
/* ######################################################## */
#forgotBox{
	background: url(../images/forgotBoxBG.gif) no-repeat;
	width:341px;
	height:142px;
	float:left;
}
#forgotBox h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#dd3f20;
	margin: 15px 0px 5px 25px;
	width:320px;
}

#forgotBox form{
	width:341px;
	padding:0px 16px 0px 16px;

}
#forgotBox input{
	border:1px solid #bdbabd;
	margin:5px 0px 5px 8px;
	width:300px;
}
#forgotBox .cmdSubmit{
	width:86px;
	background-image:url(../images/btnSubmit.png);
	height:25px;
	border:none;
	float:right;
	margin:5px 32px 0px 0px;
}


/* ############### >>>> Welcome Page <<<< ################# */
/* ######################################################## */

#welcome {
	width: 628px;
	min-height:450px;
	height:263px;
	margin: 0px 41px 0px 41px;
	padding:20px 33px 30px 33px;
	background: url(images/welcomeBG.gif) repeat-x;
	font: bold 14px/21px Arial, Helvetica, sans-serif;
  }
#welcome form{
	margin:0px;
	padding:0px;
}
#welcome form .radio {
	border:none;
}
#welcome p{
	margin:15px 0px 10px 0px;
	padding:0px;
}
#welcome .red{
	font: bold 14px Arial, Helvetica, sans-serif;
	
	}

/* ############### >>>> Purchase Order Page <<<< ################# */
/* ############################################################### */

#purchaseOrdr{
	width: 685px;
	min-height:500px;
	height:auto;
	margin: 0px 41px 0px 41px;
	padding:0px;
	float:left;
}

#purchaseOrdr .archiveFloat{
	float: left;
}
#poNav{
	/*background: url(images/poTopBG.gif) repeat-x;*/
	width:685px;
	background-color: #f7f6f9;
	border-bottom: 1px solid #a09aa4;
	height:88px;
	padding: 15px 0px 0px 0px;
	margin:0px;
}

#poNav .location{
	width:500px;
	float:left;
}
#poNav .location h1{
	padding:0px 0px 0px 16px;
	
}
#poNav .location p{
	margin:0px;
	padding:0px 0px 0px 16px;
}

#poNav form.selectProp{
	width:150x;
	height:33px;
	top:140px;
	float:right;	
	font: 11px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 18px 0px 0px;
}
#poNav .navButtons{
	width:390px;
	float:right;
	margin-top:8px;	
	height:33px;
}
#poNav .dropdown
{   
    margin:5px 20px 0px 0px;
    float:right;
}
#poNav .dropdownBox
{
    border:1px solid #e5e3e6;
    width:150px;
    height:22px;
    text-align:left;
    vertical-align: bottom;
}
#workOrderHeader{
	width:680px;
	height:30px;
	background-color: #ffffff;
	padding:15px 0px 0px 0px;
	margin:0px;
	/*border-bottom:2px solid #dbd9dd;*/
}
#workOrderHeader h2{
	width:400px;
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
	
}
#workOrderHeader .techName{
	width:200px;
	float:right;
	border:1px solid #dbd9dd;
	margin:0px;
	padding:0px;
}

#purchaseOrdr h2, #orderForm h2{
	width:680px;
	height:30px;
	/*border-bottom:2px solid #dbd9dd;*/
}
#purchaseOrdr h2 .date, #orderForm h2 .date{
	width:555px;
	float:left;
	display:block;
}
#purchaseOrdr h2 .number, #orderForm h2 .number{
	font: bold 16px Arial, Helvetica, sans-serif;
	float:right;
	padding:0px 16px 0px 0px;
}

.red{
	font: bold 15px Arial, Helvetica, sans-serif;
}
#frmPurchaseOrder{
	width:685px;
}
#frmPurchaseOrder .orderByBox{
	width: 153px;
	height: 280px;
	background-color: #f4f3f6;
	padding:18px;
	float:left;
	margin-right:30px;
}

#frmPurchaseOrder .orderByBox label{
	display:block;
	font: bold 14px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0px 0px 5px 4px;
	padding:0px;
	}
#frmPurchaseOrder .orderByBox input{
	border:1px solid #e5e3e6;
	height:18px;
	display:block;
	margin:0px 0px 5px 0px;
	padding: 2px 0px 2px 5px;
}

#frmPurchaseOrder .orderByBox textarea{
	border:1px solid #e5e3e6;
	height:90px;
	width:150px;
	display:block;
	margin:0px 0px 5px 0px;
	padding: 2px 0px 2px 5px;
}
#frmPurchaseOrder .orderFloat{
	width:466px;
	float:left;
}

#purchaseOrdr form.orderInfo{
	width: 165px;
	margin:15px 0px 15px 5px;
	padding:0px;
}


#orderForm{
	width: 685px;
	min-height:500px;
	height:auto;
	margin: 0px 41px 0px 41px;
	padding:0px;
}

.orderGrid input.descBG {border:none; padding:0px 0px 0px 0px; margin-top:12px; height:12px;}
.orderGrid input.qtyBG {border:none; padding:0px 0px 0px 0px; margin-top:12px; height:12px;}
.orderGrid input.priceBG {border:none; padding:0px 0px 0px 0px; margin-top:12px; height:12px;}
.orderGrid input.amtBG {border:none; padding:0px 0px 0px 0px; margin-top:12px; height:12px;}

.orderGrid td.fldDesc{
	height:20px;
	padding:0px;
	margin:0px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:1px solid #e5e3e6;
	border-left:none;
	vertical-align:bottom;
}
.orderGrid td.fldPrice{
	height:20px;
	padding:0px;
	margin:0px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:1px solid #e5e3e6;
	border-left:1px solid #e5e3e6;
}
.orderGrid td.fldAmt{
	height:20px;
	width:100px;
	padding:0px;
	margin:0px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:none;
	border-left:1px solid #e5e3e6;
}
.orderGrid td.fldQty{
	height:20px;
	padding:0px;
	margin:0px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:1px solid #e5e3e6;
	border-left:1px solid #e5e3e6;
}

.orderGrid th.desc{
	/*background: url(../images/hdrDescBG.png) no-repeat top right;*/
	padding:0px 0px 2px 0px;
	height:37px;
	width:198px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:1px solid #e5e3e6;
	border-left:none;
}

.orderGrid th.price{
	padding:0px 0px 2px 0px;
	height:37px;
	width:72px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:1px solid #e5e3e6;
	border-left:none
}
.orderGrid th.qty{
	padding:0px 0px 2px 2px;
	height:37px;
	width:72px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:1px solid #e5e3e6;
	border-left:none
}
.orderGrid th.amt{
	padding:0px 0px 2px 2px;
	width:100px;
	height:37px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-right:none;
	border-left:none
}
.ordrFoot{
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	border-top:2px solid #e5e3e6;
	border-bottom:2px solid #e5e3e6;
	border-left:none;
	border-right:none;
	background-color:#fbe8e4;
	width:466px;
	height:35px;
	font: bold 15px Arial, Helvetica, sans-serif;
}

.orderGrid th {   
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	height:35px;
	text-align:left;
	vertical-align:bottom;
	}
/*#orderGrid{
	width:156px;
	display:block;
	letter-spacing:-1px;
	margin:0px 0px 5px 0px;
	padding:0px;

}*/
#purchaseOrdr form.orderInfo{
	width: 165px;
	margin:15px 0px 15px 5px;
	padding:0px;
}

#purchaseOrdr form.orderInfo label{
	width:156px;
	display:block;
	font: bold 14px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0px 0px 5px 0px;
	padding:0px;.
	}
#purchaseOrdr form.orderInfo input{
	width:156px;
	height:18px;
	display:block;
	margin:0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;

}
#purchaseOrdr form.orderInfo .cmdSubmit{
	width:86px;
	height:25px;
	border:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
}

#purchaseOrdr ul.archives{
	background-color:#ffffff;
	height: 24px;
	border-bottom:1px solid #a09aa4;
	border-top:1px solid #a09aa4;
	margin:0px;
	padding:0px;
}
#purchaseOrdr h2.archives{
	margin:0px 0px 0px 5px;
	padding:15px 0px 0px 0px;
}
#purchaseOrdr ul.archives li{
	background: url(../images/iconArrow.gif) no-repeat 0px 6px;
  display: inline-block;
	/*float:left;*/
	margin:0px 0px 0px 5px;
	padding:0px 20px 0px 15px;
	font: bold 13px/24px Arial, Helvetica, sans-serif;
	color:#62516c;
}
#purchaseOrdr ul.poArchives{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 20px 20px 0px;
	width:400px;
	/*float:left;*/
	
}

#purchaseOrdr ul.woArchives{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 90px 20px 0px;
	float:left;
}

#purchaseOrdr  li
{
	background: url(../images/iconWord.gif) no-repeat 0px 0px;
	font: 13px/20px Arial, Helvetica, sans-serif;
	margin: 0px 0px 3px 5px;
	padding:0px 0px 0px 25px;
	/*float:left;*/
}

#purchaseOrdr.delete 
{	
	background: url(../images/delete.gif) no-repeat; 
	font: 13px/20px Arial, Helvetica, sans-serif;
	margin: 0px 0px 3px 5px;
	padding:0px 0px 0px 20px;
	float:left;
}

#purchaseOrdr ul.poArchives a{
	text-decoration: underline;
}
#purchaseOrdr ul.woArchives a{
	text-decoration:none;
	}


div#workorder{
	margin:0px;
	padding:0px;
	height:75px;
	width:680px;
	border-top:1px solid #e5e3e6;
}
.vertLines{
	width:695px;
	background: url(../images/bgVertLines.gif) repeat-y;
}
div#workorder form select{
	width:100px;
	margin:0px 0px 0px 5px;
}
div#workorder fieldset{
	margin:0px;
	padding:0px 0px 0px 10px;
	border:none;
	font: 12px/14px Arial, Verdana;	
	
}
div#Other{
	margin:0px 0px 10px 0px;
	padding:0px;
	height:35px;
	float:left;
	width:680px;
}
.borderDes{margin:0px;}
.borderDes a{color:#dd3f20;font-size:12px;}


/*div#workorder fieldset label
{   padding:0px 0px 0px 0px;
    margin:0px 0px 0px 5px;
    vertical-align:top;
}
div#workorder fieldset .topic {
	width:415px;
	margin:0px;
	padding:0px;
	float:left;
	border:1px solid orange;
	
}*/

/*
div#workorder fieldset .hours  {
	width: 126px;
	float: left;
	padding:0px;
	margin:0px;
}*/
.margin15
{
    margin-right:15px;
}
div#workorder h2.topic{
	border-bottom:1px solid #dad8dc;
	height:24px;
	margin:0px;
	padding:0px 0px 0px 5px;
	line-height:24px;
	width:440px;
	float:left;
}
div#workorder h2.suite{
	border-bottom:1px solid #dad8dc;
	height:24px;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	width: 130px;
	float:left;
}
div#workorder h2.hours{
	border-bottom:1px solid #dad8dc;
	height:24px;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	width:105px;
	float:left;
}
#cbJobDescription
{
    margin-left:25px;
}

#border{
	border-right:1px solid red;
}


div#workorder .topic a{
	color:#dd3f20;
	font: 14px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

#topicSection{
	width:680px; height:25px;float:left;
}
#topicSection .name{
	width:425px;
	float:left;
	}
#topicSection .name input{
	border:1px solid #cccccc;
	height:17px;
	vertical-align:middle;
}
#topicSection .suiteDD{width:125px;float:left;margin-left:5px;top:0;left:0;}

#topicSection .hoursDD{float:left;}
#topicSection INPUT[type="checkbox"] { height:12px;margin:6px 5px 0px 20px;padding:0px 0px 0px 20px;float:left;border:none;} 



.comment {
	padding:0px;
	margin:20px 0px 20px 0px;
}
.comment a{
	color:#dd3f20;
	font: 14px Arial, Helvetica, sans-serif;
}
.comment textarea{
	color:#dd3f20;
	font: 14px Arial, Helvetica, sans-serif;
	border:1px solid #dad8dc;
	overflow:hidden;
	width: 680px;
	height:100px;
	margin:0px 0px 0px 0px;
}
.borderDes
{
    width:678px;
    border-bottom:1px solid #dad8dc;
		vertical-align:middle;
		}

/*div#workorder label{
	width:350px;
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	height:16px;
	margin:0px 0px 5px 0px;
	padding:0px;
}*/
.yesno input{
	
	font: 12px Arial, Helvetica, sans-serif;
	float:left;
	height:28px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	padding:0px;
}
.yesno label
{
    float:left;
    height:25px;
    vertical-align:top;
    padding:0px 0px 0px 0px;
    margin:0px 20px 0px 5px;
}



/*	
div#workorder .textarea{
	height:24px;
	border:1px solid #dad8dc;
	padding:0px;
	margin:0px 3px 0px 15px;
	width: 375px;
}	*/
.cmdSubmit{
	width:86px;
	height:25px;
	border:none;
	float:left;
	margin:5px 0px 0px 18px;
	 
}
#topic1, #topic2, #topic3, #topic4, #topic5, #topic6, #topic7, #topic8, #topic9, #topic10, #topic11, #topic12, #Other{ 
	display:none;
	height:auto;
	
}
#editDel
{
    height:30px;
}
#editDel a
{
    color:#dd3f20;
    font:italic 11px Arial, Helvetica, sans-serif;
}

.popupMenu {
visibility:hidden;
overflow-x:hidden;
overflow-y: scroll;
opacity:.9;
filter: alpha(opacity=90);
height:120px;
width:110px;
z-index:1000;
background-color:#ffffff;
border:1px solid #cccccc;
margin:0px;
padding:0px;
}

.ddlMenu {
width:120px !important;
}
.popupHover {
background-position:left top;
background-color:#F5F7F8;
}



/*.popupMenu {
visibility:hidden;
background-color:#FFF;
opacity:.9;
filter: alpha(opacity=90);
overflow-x: hidden;
overflow: scroll hidden;
height:120px ;
width:117px;
border-style:solid;
border-color:Gray; 
border-width:1px;
}

.popupHover {
background-position:left top;
background-color:#F5F7F8;
width:120px !important;
}

.regularText
{
font-family:Verdana;
font-size:12px;
}

.ddlMenu 
{
width:125px;
float:left;
margin-left:5px;
overflow:auto; 
overflow-x:hidden;
}*/