/************ base styles **************/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #FFFFFF;
  margin: 5px;
  
}

td, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 10px 0px 10px 0px;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 10px 0px 10px 0px;
}

h1 {
	font-size: medium;
	font-weight: bold;
	color: #7b5454;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	margin: 20px 0px 0px 0px;
}

h2 {
	font-size: small;
	font-weight: bold;
	color: #7b5454;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	margin: 20px 0px 0px 0px;
}

h3 {
	font-size: x-small;
	font-weight: bold;
	color: #7b5454;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	margin: 20px 0px 0px 0px;
}


/*********************** Classes **************************/
.error {
	color: #CC0033;
}
.centered {
	text-align: center;
}
.justified {
	text-align: justify;
}
.footer {
	display: block;
	font-size: xx-small;
	color: #666666;
	text-decoration: none;
	margin-top: 10px;
	padding: 10px;
	border-top: 1px solid #cccccc;
}
.small {
	/*display: block;*/
	font-size: xx-small;
	text-decoration: none;
}
.title {
	font: Garamond, Georgia, "Times New Roman", serif;
	font-size: medium;
	color: #7b5454;
	font-weight: bold;
	margin-left: 17px;
}
.orderid {
	font-size: medium;
	color: #CC0000;
	font-weight: bold;
}
a:link, a:visited {
	color: #014676;
	text-decoration: none;
}
a:hover {
	color: #014676;
	text-decoration: underline;
}
.homepagetext {
	margin: 10px 0px 10px 15px;
}


.tableheader {
	display: block;
	/*border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("/images/bg_nav.jpg");*/
	background-color: #DAB332; /*#996633;*/
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #ffffff;
	text-decoration: none;
}

.invoice {
	font-size: x-large;
	font-weight: bold;
	color:#CCCCCC;
}
.jobdetails {
	border: 1px solid #999999;
}

.main {

	padding: 5px;

}
FORM.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #666666;

padding: 5px;
width: 167px;
/*background: #CDCDCD;
border: 3px double #FF0000;*/
}

/************ background graphics ******************/
.headertop {
    BACKGROUND-COLOR: #e6ddc7;
}
.menubottom {
	BACKGROUND-POSITION: left bottom;
    BACKGROUND-IMAGE: url(/images/bg_menufooter.jpg);
    BACKGROUND-REPEAT: repeat-x;
	background-color: #fdfbeb;
}
.pagetitle {
	BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(/images/bg_header.jpg);
    BACKGROUND-REPEAT: repeat-x;
}
.homepagegraphic {
	BACKGROUND-POSITION: right top;
    BACKGROUND-IMAGE: url(/images/bg_homepage_right.jpg);
    BACKGROUND-REPEAT: repeat-y;
}
.leftcolumn {
    BACKGROUND-COLOR: #e5ddc8;
}
.imageframe {
	border: 1px solid #fdfbeb;
	padding: 10px 10px 10px 10px;
}
/************ menustyles **************/

.menubackground {
	background-color: #fdfbeb;
}

.menu a:link {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding: 7px 0px 7px 0px;
	color: #014676;
	text-decoration: none;
	border-top: 1px solid #ccbca3;
	border-left: 1px solid #ccbca3;
	
}

.menu a:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding: 7px 0px 7px 0px;
	color: #014676;
	text-decoration: none;
	border-top: 1px solid #ccbca3;
	border-left: 1px solid #ccbca3;
	
}

.menu  a:hover {
	display: block;
	border-bottom: 1px solid #AD282E;
	padding: 7px 0px 6px 0px;
	background-color: #e5ddc8;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	
	
}

.submenu a:link {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: x-small;
	margin-left: 17px;
	margin-right: 17px;
	padding: 7px 0px 7px 0px;
	color: #014676;
	text-decoration: none;
	border-top: 1px solid #e5ddc8;
	border-bottom: 1px solid #e5ddc8;
	text-align: left;
}

.submenu  a:visited {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: x-small;
	margin-left: 17px;
	margin-right: 17px;
	padding: 7px 0px 7px 0px;
	color: #014676;
	text-decoration: none;
	border-top: 1px solid #e5ddc8;
	border-bottom: 1px solid #e5ddc8;
	text-align: left;
}

.submenu a:hover {
	display: block;
	border-top: 1px solid #ccbca3;
	border-bottom: 1px solid #ccbca3;
	margin-left: 17px;
	padding: 7px 0px 7px 0px;
	background-color: #e5ddc8;
	background-image: none;
	font-family: "Times New Roman", Times, serif;
	font-size: x-small;
	text-decoration: underline;
	text-align: left;
	
}

/************ report row styles **************/

.headerrow {
	
	background-color: #e6ddc7;
	color: #000000;
	font-weight:bold;
	text-align:center;
	padding: 3px;
	border-bottom: 1px solid #000033;
	border-color: black black #ccbca3; 
	border-bottom-width: 1px;
}
.headerrowlink {
	
	background-color: #2b3b76;
	color: #FFFFFF;
	font-weight:bold;
	border: 1px single #ffffff;
	border-bottom: 2px double #ffffff;
	padding: 3px;
	text-decoration:underline;

}

.tablereport {
	
	border: 1px solid #ccbca3;
	
}
/************ for alternating display ********/

.row2 {

	background-color: #f4eee1;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 3px;

}
.row1 {

	background-color: #fdfbeb;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 3px;

}

/************ subSection styles **************/

#subLinks{
	margin: 0px;
	padding: 0px;

}

#subLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#subLinks a:link, #subLinks a:visited {
	font-size: xx-small;
	color: #0066cc;
	padding: 5px;
	width: 167px;
	
	text-decoration: none;/*display: block;
	border-top: 0px solid #ffffff;*/
	
	/*background-image:  url("/images/bg_nav.jpg");
	border-bottom: 1px solid #685337;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;*/
	/*padding: 3px 3px 3px 10px;
	color: #333333;
	*/
}

#subLinks a:hover{
	font-size: xx-small;
	color: #0066cc;
	padding: 5px;
	width: 167px;
	
	text-decoration: underline;
	/*display: block;
	border-bottom: 1px solid #685337;
	/*border-top: 0px solid #cccccc;
	background-color: #B8DB99;
	background-image: none;
	font-weight: bold;
	*/
	
}

/************ footer styles **************/

#footerLinks {
	margin: 0px;
	padding: 0px;

}

#footerLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#footerLinks a:link, #footerLinks a:visited {
	/*display: block;*/
	font-size: xx-small;
	color: #FFFFFF;
	text-decoration: none;
}

#footerLinks a:hover{
	font-size: xx-small;
	color: #FFFFFF;
	text-decoration: underline;
}
/************tab styles***********************/

TD.tabon
{
    BACKGROUND-POSITION: left top;
    FONT-SIZE: x-small;
    BACKGROUND-IMAGE: url(/designv2/css/dssconnect/imgs/img_tabon.jpg);
    COLOR: #666666;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD.taboff
{
    BACKGROUND-POSITION: left top;
    FONT-SIZE: xx-small;
    BACKGROUND-IMAGE: url(/designv2/css/dssconnect/imgs/img_taboff.jpg);
    COLOR: #666666;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD.tabnone
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(/designv2/css/dssconnect/imgs/img_tabnone.jpg);
    BACKGROUND-REPEAT: no-repeat
}



/************form styles**********************/
.formtable  {
	
	background-color: #dcdde9;
	padding: 5px;
	border: 1px #666666 solid;

}

.label {	
	font-size: x-small;
	font-weight: bold;
	color: #2b3b76;
}

.labelright { 
	font-size: x-small;
	font-weight: bold; 
	color: #2b3b76;
	text-align: right; 
	text-indent: 5px; 
	padding-right: 5px
}

form {
	
	

}

.altrow {

	background-color: #EAEBF2;
}

.inputtextbox {
	
	font: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #FFFFFF;
	border: 1px outset #666666;
	padding: 3px;

}

.inputdrowndown {

	font: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #FFFFFF;
	border: 1px outset #666666;
	
}

.formbuttongreen { 
	color: #FFFFFF; 
	font-weight: bold;
	border: thin outset #cccccc; 
	background-color: #66CC33; 
	height:25px; 
	border-style:solid; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	cursor: hand;

} 
.formbuttonred { 
	color: #FFFFFF; 
	font-weight: bold;
	border: thin outset #cccccc; 
	background-color: #87290e; 
	height:25px; 
	border-style:solid; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	cursor: hand;
} 
.formbuttonblue { 
	color: #FFFFFF; 
	font-weight: bold;
	border: thin outset #cccccc; 
	background-color: #2b3b76; 
	height:25px; 
	border-style:solid; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	cursor: hand;
} 

.formbuttonredsmall { 
	color: #FFFFFF; 
	font-weight: normal; 
	border: 1px #cccccc solid; 
	background-color: #87290e; 
	height:18px; 
	cursor: hand; 
	font-size: xx-small;
	}
.formbuttongreensmall { 
	color: #FFFFFF; 
	font-weight: normal; 
	border: thin outset #cccccc; 
	background-color: #66CC33; 
	height:18px; 
	border-style:solid;
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	cursor: hand;
	font-size: x-small;
	}
	
.formbuttonbluesmall { 
	color: #FFFFFF; 
	font-weight: normal; 
	border: thin outset #cccccc; 
	background-color: #2b3b76; 
	height:18px; 
	border-style:solid;
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	cursor: hand;
	font-size: x-small;
	}

.PageBreak { 
	page-break-after:always;
}