/* CSS Document */
body{
background-image:url(images/bg8.gif);
margin:0;
padding:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
#topbar{
background-image:url(images/topBarBG4.gif);
height:80px;
border-bottom:1px solid #666;
}
#wrapperwrapper{
width:724px;
margin:0 auto;
background:#FFF;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;
}
#wrapper{
width:700px;
margin:0 auto;
background:#FFF;
/*border-left:8px solid #ccc;
border-right:8px solid #ccc;
border-bottom:12px solid #ccc;*/
padding:4px;
}
#marginizer {
margin:20px 50px 10px 30px;
}
.logo{
margin:3px 0 0 6px;
}
.success{
padding:4px;
border:1px #999 solid;
background:#FFFFCC;
font-size:14px;
}
.failure{
padding:4px;
border:1px #999 solid;
background:#ffcccc;
font-size:14px;
}
.titleRight{
color: #333;
background: #F0BD33 url(images/rounded_top_250.gif) no-repeat top;
border-bottom: 1px solid #97bd78;
font-weight:bold;
margin: 0;
font-size:125%;
padding: 3px 11px;
}
.colorkey{
font-size:0.7em;
color:#000;
}
.keycomplete{
background-color:#8FBC8F;
}
.keytoday{
background-color:#FFDEAD;
}
/*.centered{
margin-left:50px;
}*/
#clientaccess{
border:1px solid #ccc;
padding:6px;
margin-top:2px;
margin-bottom:10px;
background:#EEE;
text-align:left;
}
#clientaccessNB{
padding:6px;
margin-top:2px;
margin-bottom:10px;
background:#EEE;
text-align:left;
}
.restricted {
/*margin:50px, auto;*/
padding:10px;
width:99%;
height:300px;
text-align:center;
}
.nudgev2{
margin-left:100px;
}
.rightbox{
float:right;
padding-right:10px;
}
#register{
float:right;
color: #333;
background: #EEE url(images/rounded_bottom_250.gif) no-repeat bottom;
margin: 18px;
line-height: 1.6em;
width:250px;
}
#register h3{
color: #333;
background: #F0BD33 url(images/rounded_top_250.gif) no-repeat top;
border-bottom: 1px solid #97bd78;
font-weight:bold;
margin: 0;
font-size:125%;
padding: 3px 11px;
text-align:left;
}
#paddit{
padding:15px;
}
#newsbox{
float:right;
padding-right:25px;
margin-top:15px;
}
#newsbox2{
float:right;
padding-right:25px;
margin-top:150px;
}
#news{
color: #333;
background: #EEE url(images/rounded_bottom_250.gif) no-repeat bottom;
margin-bottom: 0px;
line-height: 1.6em;
width:250px;
}
#news h3{
color: #333;
background: #F0BD33 url(images/rounded_top_250.gif) no-repeat top; /*#A14944*/
border-bottom: 1px solid #97bd78;
font-weight:bold;
margin: 0;
font-size:125%;
padding: 3px 11px;
}
#clientnews{
color: #333;
line-height: 1.6em;
width:500px;
}
h1, h2, h3  {
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal;
letter-spacing: -1px;
margin-left: 10px;
padding: 0.5em 0;
}
h2{
margin-left:15px;
margin-top:0px;
font-size: 200%;
color: #002F7E;
}
h2 span{
font-weight:800;
font-size:125%;
}
.closespace{
margin-bottom:-15px;
}
h4{
font-size:16px;
color:#036;
margin-bottom:-4px;
}
h5{
font-size:16px;
color:#000;
}
.posts{
margin:2px 0 2px 0;
color:#000;
}
.postauthor {
font-size:10px;
color:#666;
}
/*h5 {
font-size:12px;
margin:15px 0 1px 0;
}*/
.greyText{
color:#666;
}
.greyBG{
background-color:#ddd;
text-align:center;
}
OL.withdecimal { 
list-style-type:decimal;
line-height:2em;
}
OL.withalpha {
list-style-type:upper-alpha;
}
.nudge{
margin-left:20px;
}
.highlighter {
background-color:#FFFFCC;
}
#footer{
height:30px;
margin:20px 2px 2px 2px;
border:1px solid #ccc;
background-color:#EEE;
}
.productlayout{
width:100%;
}
.prodcell{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
.admincell{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-align:center;
}
.boxit {
display:inline;
/*border:1px solid #CCC;*/
padding:8px;
margin:4px;
}
/*#boxitcenter {
text-align:center;
display:inline;
padding:4px;
}*/
.liftit15{
margin-left:-20px;
}
.boxitblock {
display:block;
width:70px;
height:70px;
text-align:center;
float:left;
/*border:1px solid #CCC;*/
padding-top:8px;
margin:7px 2px 16px 10px;
}
.spacer {
height:200px;
width:1px;
}
.submit {
text-align:right;
}

#login {
	background: #fff;
	border: 2px solid #a2a2a2;
	margin: 5em auto;
	padding: 1.5em;
	width: 20em;
}

#login #login_error {
	background: #c00;
	border: 1px solid #a40000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: .5em;
	text-align: center;
}

#login input {
	padding: 3px;
}

#login ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#login ul li {
	display: inline;
	margin-left: 1.4em;
	text-align: center;
}

.prodHeader {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
}

.prodBody {
}

.tablewidth420 {
width:410px;
}

.clearit{
clear:both;
}

.numbullet {
margin-bottom:-10px;
margin-right:5px;
}


/* Navigation styles */

#navcontainer
{
width:700px;
margin: -17px auto 0 auto;
padding: 0 5px 0 0;
text-align:center;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: right;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: 50px;
text-decoration: none;
background: #FC3;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #EEE; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }

/* Table styles for displaying tables of data */

.tableprod { font:1.1em Arial, Helvetica, sans-serif; background-color:#F2F2F2; margin-left:20px; }
.captionprod { background-color:#5A666E; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:1.2em; border:1px solid #000; }
.headprodth, .headprodth2 { background-color:#F5B348; color:#724809; padding:2px; text-transform:uppercase; border-top:1px solid #F4D39E; border-left:1px solid #F4D39E; border-bottom:1px solid #B76E00; border-right:1px solid #B76E00; }
.headprodth2 {
border-top:#fff 15px solid; border-right:0; border-left:0; color:#333; font-size:14px;
}
.subheadprodth { background-color:#f5dbb1; color:#724809; padding:2px; font-weight:bold; border-top:1px solid #F4D39E; border-left:1px solid #F4D39E; border-bottom:1px solid #B76E00; border-right:1px solid #B76E00; }
.footprodth { background-color:#F29601; color:#724809; padding:2px; text-transform:uppercase; font-size:1.2em; }
.footprodtd { background-color:#FC0; color:#724809; font-weight:bold; text-transform:uppercase; font-size:1.2em; padding:0px 5px; }
.odd {  }
.tbodytd { background-color:#D7DBDD; color:#000; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
.tbodytddelivered { background-color:#8FBC8F; color:#000; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
.tbodytdtoday { background-color:#FFDEAD; color:#000; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
.tbodytdcomp { background-color:#4682B4; color:#000; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
.tbodytdcomptoday { background-color:#4682B4; color:#000; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
.tbodyth { background-color:#5A666E; color:#D7DBDD; padding:2px; text-align:center; border-top:1px solid #93A1AA; border-left:1px solid #93A1AA; border-bottom:1px solid #2F3B42; border-right:1px solid #2F3B42; }
/*tbody td a {  color:#724809; text-decoration:none; font-weight:bold; }
tbody td a:hover { background-color:#F5B348; color:#FFF; }
tbody th a { color:#FFF; text-decoration:none; font-weight:bold; }
tbody th a:hover { color:#FC0; text-decoration:underline; }*/


/* a more subtle table style */

.tablesub {font:0.7em Verdana, Arial, Helvetica, sans-serif; background-color:#FFF; }
.headsub {text-shadow:#333 2px 2px 2px; text-align:left; color:#FFF; padding:2px; font-size:16px; background: url(images/tableBG.gif) repeat-x; }
.headsubsub {background-color:#eee; color:#000; padding:2px; font-weight:bold; border: #ddd 1px solid; font-size:12px; }
.tdsub {color:#333; padding:2px; font-size:11px; border:#ddd 1px solid; }


/* Featured plant page stuff */
.plantpageContainer{
padding:10px 20px;
background:#FFF;
}

.rightside{
float:right;
width:300px;
}

.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.box1 {
background-color:#EFEFEF;
border:#CCC solid medium;
padding:8px 15px;
margin-bottom: 20px;
}
.box1 h3 {
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
margin:0px;
padding:0px;
letter-spacing:.05em;
}
.box1 p{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.skinnify{
margin:0px;
padding:0px;
}
.skinnify p {
margin:0px;
padding:0px;
}
.ownnews{
padding:2px 8px 6px 10px;
}
.ownnews p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
line-height:1.4em;
margin:4px 0;
}
.headline{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin:4px 0 1px 0;
}

/* Used in headerMain.php */
#dashboard ul{
padding:0;
}
#dashboard ul li{
display:inline;
margin:0 6px;
}
#dashboard a{
text-decoration:none;
height:30px;
color:#666;
padding:4px 8px;
background-color:#FFC;
border:1px solid #FC3;
border-left-width:4px;
}
#dashboard a:hover{
color:#CCC;
background-color:#FFFFEC;
border:1px solid #FFDF81;
border-left-width:4px;
}
#dashboard h2{
padding:0.4em 0 0 0;
margin:0 0 6px 0;
}
/* end */

/* Used in clientdetails.php */
.projectsContainer{
float:left;
width:330px;
}
.subcontainer{
float:left;
width:160px;
display:inline;
}
.pcLeft{
text-align:right;
color:#999;
}
.pcRight{
text-align:left;
padding-left:2px;
}
/* end */

a{
color:#0240A3;
}