/************ TEC Style Sheet **************

	Developed By Stella International, Inc.
	2005.  First Edition.
	2006.  Second Edition.  Powertrak Integration & .NET2.0
	2007.  Third Edition.  New refined website design.
/************ PRINT STYLES *************/
/* Styles for print and screen differences */
@media print {
    .printhide { 
		display:none; 
	}
	body {
	  font-family: Arial, helvetica, sans-serif;
	  color: #000000;
	  background-color: #ffffff;
	  margin: 0px 0px 0px 0px;
	  font-size: 0.8em;
	}
	.printmain {
		width: 650px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.popupmain {
		width: 650px;
		background-color: #FFFFFF;
		padding: 0px;
		margin: 0px;
	}
	.printheader {
		border-bottom: 1px solid #bdd1ec;
		padding-bottom: 20px;
	}
	.printfooter {
		font-size: smaller;
	}	
	.rowheader {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #2d5c9d;
		color: #FFFFFF;
		font-weight:bold;
		border: 1px solid #bdd1ec;
		padding: 3px;
	}
	.row2 {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #e6edf8;
		border: 1px solid #bdd1ec;
		padding: 3px;
	}
	.row1 {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
		border: 1px solid #bdd1ec;
		padding: 3px;
	}
  }
@media screen {
    .printhide { /* show */ }
	body {
	  font-family: Arial, helvetica, sans-serif;
	  color: #000000;
	  background-color: #c8c8c8;
	  background-position: top;
	  background-image: url(/images/bg_page_fade.jpg);
      background-repeat: repeat-x;
	  margin: 0px 10px 0px 10px;
	  font-size: 13px;
	}
	.bgmaintable {
		background-color: #FFFFFF;
		border-left: 1px solid #5175a2;
		border-right: 1px solid #5175a2;
		border-bottom: 1px solid #5175a2;
	}
	.popupmain {
		background-color: #FFFFFF;
		border: 1px solid #5175a2;
		padding: 10px;
		margin: 10px 0px 10px 0px;
	}
	.rowheader {
		background-color: #2d5c9d;
		color: #FFFFFF;
		font-weight:bold;
		border-right: 1px solid #ffffff;
		padding: 3px;
	}
	.row2 {
		background-color: #e6edf8;
		border-right: 1px solid #bdd1ec;
		padding: 3px;
	}
	.row1 {
		background-color: #ffffff;
		border-right: 1px solid #bdd1ec;
		padding: 3px;
	}
	
  }

/************ HTML Styles **************/
a:link, a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}

td {
	font-family:Arial, helvetica, sans-serif;
}
p {
	font-family:Arial, helvetica, sans-serif;
}

th {
	font-family:Arial, helvetica, sans-serif;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	padding-bottom: 2px;
	border-bottom: 1px solid #686868;
}

h2 
{
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	padding: 3px;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	background-color: #81a7da;
	padding: 3px;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	background-color: #629b87;
	padding: 3px;
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding: 3px 3px 3px 3px;
	margin:0px;
	
	background-color: #BBCCC2;
	border-bottom: 1px solid #007553;
	/* blue 
	background-color:#BFD0EC;
	border-bottom: 1px solid #718ED0;*/
}
h6 
{
	
	font-size: 1em;
	font-weight: bold;
	color: White;
	margin:0px;
	padding: 3px 0px 3px 4px;
	background-color: #005e3d;
}

/************ Backgrounds **************/
.bgpromoheader {
	background-position: left top;
    background-image: url(/images/bg_r_col_header.jpg);
    background-repeat: repeat-x;
    background-color: #bdd1ec;
}
.promoblue {
	padding:10px;
	width:200px;
	border: 1px solid #718ED0;
}
.promogreen {
	padding:10px;
	width:200px;
	border: 1px solid #718ED0;
}
.bgheader {
	background-position: top;
    background-image: url(/images/img_bg_header.jpg);
    background-repeat: repeat-x;
    background-color: #bdd1ec;
}
.bgTopShade {
	background-image:url(/images/bg_top_shade.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
.bgHeaderBlue {
	border-bottom: 1px solid #718ED0;
	border-right: 1px solid #718ED0;
	background-position: top;
    background-image: url(/images/bg_header_bar_blue.jpg);
    background-repeat: repeat-x;
	height: 20px;
}
.bgHeaderGreen {
	border-bottom: 1px solid #333333;
	border-right: 1px solid #718ED0;
	background-position: top;
    background-image: url(/images/bg_header_bar_green.jpg);
    background-repeat: repeat-x;
	height: 20px;
}
.bgFooter {
	background-position: bottom;
    background-image: url(/images/bg_bottom_shade.jpg);
    background-repeat: repeat-x;
}


.bgmenublue {
	background-color: #bdd1ec;
	background-position: left;
    background-image: url(/images/bg_menu_blue.jpg);
    background-repeat: repeat-y;
    font-size: 0.85em;
	border-bottom: 1px solid #5175a2;
}
.bgmenugreen {
	background-color: #BBCCC2;
	background-position: left;
    background-image: url(/images/bg_menu_green.jpg);
    background-repeat: repeat-y;
    font-size: 0.85em;
	border-bottom: 1px solid #007553;
}
.bgpagefooter {
	padding: 0px 0px 3px 0px;
}

.rowheadertl {
	background-color: #2d5c9d;
	color: #FFFFFF;
	font-weight:bold;
	border-right: 1px solid #ffffff;
	background-position: left top;
    background-image: url(/images/img_data_htl.jpg);
    background-repeat: no-repeat;
}
/************ Custom Classes **************/
.error {
	color: #CC0033;
}
.errorbox 
{
	color: #CC0033;
	border: solid 2px #cc0033;
	padding: 10px;
	
} 
.price {
	color:#FF0000;
	font-weight: bold;
}
.highlight {
	background-color:#FFFF33;
}
.menu {
	color: #003399;
	background-color: #FFFFFF;
	padding: 1px 0px 1px 2px;
	border-top: 1px solid #bdd1ec;
	font-size:12px;
}

.menusub {
	color: #003399;
	background-color: #FFFFFF;
	padding: 0px 0px 1px 20px;
	font-size:12px;
}
.menuL {
	color: #333333;
	padding: 1px 0px 1px 5px;
	border-top: 1px solid #ffffff;
	font-size:12px;
}

.menusubL {
	color: #333333;
	padding: 0px 0px 1px 20px;
	font-size:12px;
}
.menuheader {
	color: #003399;
	background-color: #FFFFFF;
	font-size:1.0em;
}
.menusubsub {
	color: #003399;
	background-color: #FFFFFF;
	padding: 0px 0px 1px 31px;
	text-indent: -6px;

}

.footerbar {
	background-color: #CCCCCC;
	margin: 10px 0px 10px 0px;
	height:15px;
	background-position: top;
    background-image: url(/images/bg_gray_bar.jpg);
    background-repeat: repeat-x;
}
.title {
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.orderid {
	font-size: 1.6em;
	color: #CC0000;
	font-weight: bold;
}

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

.footer {
	font-size: 0.9em;
	color:#333333;
	padding: 5px 0px 20px 0px;
}
.gray {
	color: #CCCCCC;
}
.hint 
{
	color: #666666;
	border-top: solid 1px #cccccc;
	padding-top: 10px;
}
.headerlinks {
	color:#003399;
}
.headerlinks a:link {
	color: #003399;
	text-decoration: none;
}
.headerlinks a:visited {
	color: #003399;
	text-decoration: none;
}
.headerlinks a:hover {
	color: #005e3d;
	text-decoration: underline;
}

.rowheaderfixed {
	background-color: #2d5c9d;
	color: #FFFFFF;
	font-weight:bold;
	border-right: 1px solid #ffffff;
	padding: 3px;
	position: relative;
	top:expression(this.offsetParent.scrollTop);
	
}

.rowtop 
{
	border-top: 1px solid #bdd1ec;
}
.rowheaderblue 
{  
	background-color: #bdd1ec;
	color: #1d3a63;
	font-size: 1.2em;
	font-weight: bold;
}
.headerblue {
	color: #1d3a63;
	font-size: 1.2em;
	font-weight: bold;
}


/************form styles**********************/

input, textarea, select
{
	font-weight:bold;
}

.inputtextbox {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px outset #666666;
	padding: 3px;
	font-weight:bold;
}

.dotbottom 
{
	border-bottom: dotted 1px #cccccc;
}

.inputtextboxreadonly {
	
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(none);
	border: 0px none white;
	padding: 3px;
	font-weight:bold;

}

.inputdrowndown {

	font: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px outset #666666;
	font-weight:bold;
	
}
.formbuttongreen { 
	color: #FFFFFF; 
	font-family:Arial, Helvetica, sans-serif;
	background-color: #005e3d; 
	height:23px; 
	cursor: hand;
} 
.formbutton { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	height:23px; 
	cursor: hand;
} 

/************ Style Updates **************/
.menulogin {
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
	background-color:#CCCCCC;
	border:1px solid #ffffff;
	text-align:center;
	font-weight: bold;
	font-size: 12px;
}
.menulogin2 {
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
	text-align:center;
	font-weight: bold;
	font-size: 12px;
}
.whiteunderline {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 2px;
}
.grayunderline {
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 2px;
}
.directoryon {
	font-size: 1.5em;
}
.graybox {
	border: 1px solid #666666;
}
.whitebg {
	background-color: #ffffff;
}
.storeicon a {
	border: 1px solid #ffffff;
}
.storeicon a:hover {
	border: 1px solid #ff0000;
}

.logintitle {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	/* green 
	background-color: #BBCCC2;
	border-bottom: 1px solid #007553;
	*/
	background-color: #BFD0EC;
	border-bottom: 1px solid #718ED0;
	
	padding: 3px 3px 3px 3px;
	
	margin:0px;
}
.tableblue 
{
	background-color: #e6edf8;
	border: 1px solid #bdd1ec;
}
.landinglink 
{

	margin: 5px 0px 5px 0px;
	text-indent: 10px;
	font-size: 1.0em;
	border-bottom: 1px dotted #bdd1ec;
	
}

/******************** EVENTS and CRM STYLES *******************/

.guid 
{
	float: right;
	color: #cccccc;
	font-size: 11px;
}
.regbasket 
{
	float: right;
	border: 1px solid #5175a2;
}

/******************* New Basket Syles ************************/
#tecbasket fieldset {
	background-image: url(/images/bg_tecbasket.jpg);
    background-repeat: no-repeat;
	background-position:top left;
	border:0;
	padding: 0px 0px 0px 7px
}
#tecbasket legend {
	color: #1d3a63;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0px 0px 13px;
}
#tecbasket rowheader {
	background-color: #2d5c9d;
	color: #FFFFFF;
	font-weight:bold;
	background-image: url(/images/img_data_htl.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}
#tecbasket td {
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-top: 0px solid #f0f0f0;
	vertical-align:top;
}
#tecbasket th {
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-top: 0px solid #f0f0f0;
	vertical-align:bottom;
}
#tecbasketbuttons {
	padding:7px;
	text-align:center;
}
#tecbasketbuttons input {
	padding:0px 2px 0px 2px;
	text-align:center;
}
.tabletotals {
	border-top: 1px solid #2d5c9d;
	border-bottom: 1px solid #2d5c9d;
}
.tecbasketColPrice {
	width: 100px;
}
.tecbasketColLineButtons {
	width: 120px;
}
.tecbasketColQuantity {
	width: 75px;
}