/****************************
* Name:	    Mike Barley
* Company:  HortPlus
* Script:   style.css
* Edited:   10/03/2007
*****************************/

/**** <GLOBAL STYLES> ****/
html,body{
    margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	background-color: #004080;
}

img{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

form{
    margin: 0px;
    padding: 0px;
}

p,h1,h4,td,th{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

pre{
	font-family: sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

a, .link {color: #326496; text-decoration: underline;}
a:link {color: #326496;}
a:visited {color: #326496;}
.linkon {color: #004080; text-decoration: none;}
a:hover {color: #004080; text-decoration: none;}
a:active {color: #004080; text-decoration: none;}

.imageLink {
	vertical-align: middle; border: 0px; margin-right: 3px;
}
/**** </GLOBAL STYLES> ****/

/**** <DISPLAY & LAYOUT> ****/
.layout {width: 750px; background-color: #FFFFFF;}
.layout_l {width: 15px; background: #004080 url(../image/layout_l.jpg) repeat-y top left;}
.layout_r {width: 15px; background: #004080 url(../image/layout_r.jpg) repeat-y top right;}

#title {line-height: 30px; background: #004080 url(../image/title.jpg) repeat-x top left; border-bottom: 1px solid #000000; color: #FFFFFF; text-align: center; font-size: 26px;}
/*#subTitle {line-height: 20px; background: #C0C0C0 url(../image/sub_title.jpg) repeat-x top left; border-bottom: 1px solid #000000; text-align: center; font-size: 14px; font-weight: bold;}*/
#menu {line-height: 25px; font-size: 14px; background: #C0C0C0 url(../image/sub_title.jpg) repeat-x top left; border-bottom: 1px solid #000000;}
#content {background-color: #FFFFFF;}
#footer {border-top: 1px solid #000000; text-align: center; font-size: 12px; background-color: #FFFFFF;}

#menu2 {background-color: #FFFFFF;}
#menu2 td {padding-left: 3px; padding-right: 3px;}

#packer {height: 0px; width: 100%; background-color: #FFFFFF;}
/**** <DISPLAY & LAYOUT> ****/

/**** <GENERIC STYLES> ****/
#reminder {font-size: 12px; font-style: italic; color: #800000;}
.small {font-size: 10px;}
.warning {font-style: italic; color: #FF0000;}
.small_warning {font-size: 11px; color: #FF0000;}
.abyss {visibility: hidden; display: none;}
.hidden {visibility: hidden;}
.visible {visibility: visible; display: block;}
.boxMe {border: 1px solid #808080;}
.line {color: #000000; background-color: #000000; height: 1px;}
/*.editText {color: #1E643C;}*/
.editText {color: #DF7000;}

.google-advert {background: FFF; text-align: center;}
/**** </GENERIC STYLES> ****/

/**** <OPACITY> ****/
img.off{
	border: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

img.on{
	border: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

a.opacity img{
  border: none;
  filter:alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

a.opacity:hover img{
  border: none;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}



/**** </OPACITY> ****/

/**** <ROUNDED CORNERS> ****/
.t {background: url(../image/dot.jpg) 0 0 repeat-x;}
.b {background: url(../image/dot.jpg) 0 100% repeat-x}
.l {background: url(../image/dot.jpg) 0 0 repeat-y}
.r {background: url(../image/dot.jpg) 100% 0 repeat-y}
.bl {background: url(../image/bl.jpg) 0 100% no-repeat}
.br {background: url(../image/br.jpg) 100% 100% no-repeat}
.tl {background: url(../image/tl.jpg) 0 0 no-repeat}
.tr {background: url(../image/tr.jpg) 100% 0 no-repeat;}

.i {padding: 5px;}

p.roundedHeader {width: 100%; border-bottom: 1px solid #C0C0C0; padding: 2px 0px 2px 0px; text-align: left; font: italic normal bold 16px sans-serif; color: #808080;}
table.roundedHeader {width: 100%; border-bottom: 1px solid #C0C0C0;}
table.roundedHeader th {font: italic normal bold 16px sans-serif; color: #808080;}
.roundedHeader input {font-size: 10px; width: 50px;}
/**** </ROUNDED CORNERS> ****/

/**** <HOME> ****/
.homeLayout {width: 100%;}
.homeLayout .i {width: 50%; padding: 5px;}
/**** </HOME> ****/

/**** <WIZARD> ****/
#wizard {width: 100%;}
#wizard td {text-align: center;}
#wizard .packer {border-bottom: 1px solid #808080;}
#wizard .inactive {padding: 2px; color: #808080; border-bottom: 1px solid #808080;}
#wizard .active {padding: 2px; font-style: italic; border-left: 1px solid #808080; border-right: 1px solid #808080; border-top: 1px solid #808080;}
#wizard .status {height: 9px; border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080;}

#wizard .done {height: 7px; background-color: #00CA00; border-top: 1px solid #808080; border-bottom: 1px solid #808080;}
#wizard .todo {height: 7px; background-color: #C0C0C0; border-top: 1px solid #808080; border-bottom: 1px solid #808080;}

.formTable th {text-align: right; padding-right: 5px; width: 100px; vertical-align: top;}
.formTable td {text-align: left;}

.required {padding-left: 5px; padding-right: 5px; font-size: 18px; color: #FF0000;}

.wizButton {width: 100px;}
/**** </WIZARD> ****/

/**** <FUNCTION REPORT TABLE> ****/
.defaultRT th {padding-right: 5px;}
.padRT th {padding-right: 5px; padding-bottom: 8px; font-weight: normal; font-style: italic;}
.padRT td {padding-bottom: 8px;}

.iconRT .titleRow th {text-align: center;}
.iconRT .titleRow td {text-align: center;}
.iconRT th {font-weight: normal; font-style: italic;}
/**** </FUNCTION REPORT TABLE> ****/

/**** <QUICK SEARCH> ****/
#dpQSD {visibility: hidden; display: none; position: absolute; background-color: #E5E5E5; border: 1px solid #808080;
/*opacity:.85;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
*/
}
#productQSD {

visibility: hidden;
display: none;
position: absolute;
background-color: #E5E5E5;
border: 1px solid #808080;
/*
opacity:.85;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
*/
}
#productQSD.text{
    width: 245px;
    overflow: hidden;
}
/**** </QUICK SEARCH> ****/

/**** <DATA TABLE> ****/
.dataTable{
    border-top: 1px solid #004080;
    border-left: 1px solid #004080;
    border-bottom: 1px solid #004080;
}

.dataTable th{
	background-color: #004080;
    border-right: 1px solid #004080;
    border-bottom: 1px solid #004080;
    color: #FFFFFF;
    padding: 2px;
}

.dataTable td{
	border-right: 1px solid #004080;
	padding: 2px;
}

.evenRow{
	background-color: #DFDFDF;
}
.oddRow{
	background-color: #FFFFFF;
}
.highlightRow{
	background-color: #D8E098;
}
.selectRow{
	/*background-color: #D6444E;*/
	background-color: #D8E098;
}
.subtitleRow{
	border-top: 1px solid #004080;
	border-bottom: 1px solid #004080;
	background-color: #D8E098;
}
.subtitleRow td{
    text-align: center;
    font-style: italic;
    font-size: 12px;
}
/**** </DATA TABLE> ****/


.painterDiv{
    border: 1px solid #000000;
    background-color: #C0C0C0;
    padding: 3px 3px 0px 3px;
}

.painterDiv p{
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    padding-bottom: 3px;
}

/**** <PRINT STYLE CHANGES> ****/
@media print{
    .rounded {border: 1px solid #B8B8B8;}
}
/**** </PRINT STYLE CHANGES> ****/