body { margin: 20px; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; background: #EEEEEE; height: 100%;}
a img,:link img,:visited img { border: none; }
.right{ float:right; }
.left{ float:left; }
.clear{ clear:both; }

#container { margin-left: 50px; width: 1042px;  background:#EEE;height: 100%; color:#FFFFFF;}
#container p { margin: 0px 0px 0px 17px; font-size:9pt; line-height:11pt;color:#777777;}
#container p a { color:#777777;}
#admin-container { margin-left: auto; margin-right: auto; width: 800px;  background:#FFFFFF;height: 100%; color:#FFFFFF;}

#header { height:146px; border-bottom:#fff 1px solid; }
#header h2, #header h1, #header hr { display:none; }

#main_title {font-size:16pt; line-height:40px; margin:0 0 0 17px;font-weight:normal;}
.client-logo { float:right; padding:15px 7px 0 8px; clear: both}


/****   NAVIGATION ****/
.nav{ margin: 0 0 0 4px; padding:0px; list-style:none; }

.navItem { float:left; height:136px; margin-right:4px; background:#FFFFFF; color:#777777; }
.navItem a{ float:left; text-decoration:none; text-transform:uppercase;  color:#777777; font-size:9pt; float:left; padding:87px 6px 0px 6px; height:49px; voice-family: "\"}\""; voice-family:inherit; height:39px;background: transparent;opacity:1; }
html>body .navItem a { height:39px; }

.subnav{ display:none; padding:0px; list-style:none; position:absolute; top:146px; margin:0px;  width:96px; padding:0px; overflow:hidden;width:150px;}
.subnavItem{ height:16px;  margin: 0px 0px 0px 0px; padding:0px; border-right: 0px; }
.subnavItemend{ height:16px; margin: 0px 0px 0px 0px; padding:0px; border-right: 0px; }
.subnavItem a, .subnavItemend a { float:left; text-decoration:none; text-transform:uppercase; background:#FFFFFF; color:#777777; font-size:0.8em; padding:2px 0px 0px 0px; float:left; }


#header a.legregSub { padding:2px 0px 0px 4px; width:100px; color:#FFFFFF; background:#33CCCC; }
#header a.legregSub:hover { color:#FFFFFF; }
#header a.legregSubEnd { padding:2px 0px 0px 4px; width:100px; color:#FFFFFF; background:#33CCCC;}
#header a.legregSubEnd:hover { color:#FFFFFF; }



#header a.managementSystemsSub { padding:2px 0px 0px 4px; width:200px; color:#FFFFFF; background:#33CCCC; }
#header a.managementSystemsSub:hover { color:#FFFFFF; }
#header a.managementSystemsSubEnd { padding:2px 0px 0px 4px; width:200px; color:#FFFFFF; background:#33CCCC;}
#header a.managementSystemsSubEnd:hover { color:#FFFFFF; }

#frontImage{ margin: 0px 0px 10px 0px; }

#clientLogin{ float:left; width:200px; height:280px; }
#clientLogin img.logo{ margin:15px 0px 0px 17px; }



#content { float:right; width:580px; margin:15px 0px 20px 0px; color:#777777; }
#left-content { float:left; width:600px; margin:15px 0px 20px 20px; color:#777777; }
#content h1{ font-size:16pt; font-weight:normal; margin:0px 0px 15px 0px; padding:0px; }
#content h2{ font-size:12pt; font-weight:normal; margin:0px 0px 15px 0px; padding:0px; clear:both }
#content hr  { display:none; }
#content hr.advert  { width: 60px; border-top: #D7D7D7 3px solid; }
#content p, #content ol{ margin: 0px 20px 10px 0px; font-size:10pt; line-height:11pt; }
#content p.second{ font-size:9pt; line-height:10pt; }
#content p.nob{ margin-bottom:1px; }
#content h3{ margin: 0px 20px 2px 0px; font-size:11pt; line-height:12pt; font-weight:bold; }
#content p.small{ font-size:8pt; line-height:8pt; }
#content li{ padding-top:3px; }
#content ul{  font-size:9pt; padding:0px 10px 0px 30px; margin:0px 0px 10px 0px; }
#content ol{  font-size:9pt; padding:0px 10px 0px 30px;  }
#content a{ text-decoration:none;color:#059C28;  }
#content a:hover{ text-decoration:underline;color:#000000;  }
#content div.row { width:550px; }
#content div.rowLabel { width:120px; padding:8px 4px 0px 0px; font-size:10pt; color:#777777; text-align:right; float:left; }
#content div.green-rowLabel { padding:8px 4px 0px 0px; font-size:10pt; color:#777777; text-align:right; float:left; width:60px; }
#content div.rowInput { padding:4px; font-size:10pt; color:#777777; text-align:left; float:left; width:400px;}
#content div.rowInput td { color:#777777;font-size:10pt;margin:4px 15px 0 0;padding:0 15px 0 0;}
#content div.rowText { padding:8px 0px 0px 0px; font-size:10pt; color:#333333; text-align:left; float:left; width:400px; }

#content div.homerow { padding: 0 0  10px 0;clear:both; border-top: #777777 1px solid; }
#content div.homerowlabel { width:320px; padding:4px; font-size:10pt; color:#000000; text-align:left; float:left; }
#content div.homerowtext { width:160px; padding:4px; font-size:10pt; color:#777777; text-align:left; float:left; }
#content div.homerowextratext { width:100px;padding:4px; font-size:10pt; color:#777777; text-align:left; float:left; }
#content div.homerowinfo { width:60px; padding:4px; font-size:10pt; color:#777777; text-align:left; float:left; }
#content div.clientnotes {  padding:4px; font-size:10pt; color:#777777; text-align:left; float:left; }
#content div.homerowfooter {height:30px; clear:both;  border-top: #777777 1px solid; }

/****   Page Classes ****/
.home{ color:#00285D; }
.legislationWizard{ color:#33CCCC; }
.clientWizard{ color:#00CC66; }
.showLegislation{ color:#33CC00; }
.viewReport{ color:#33CC99; }
.logout{ color:#99CC00; }
.options { color:#99CC00; }
.aboutUs{ color:#66cc66; }
.clientTestimonials{ color:#33CCCC; }
.contactUs{ color:#00CC66; }
.error404{ color:#99CC00; }
.links {color:#00CC66;}

.greenspace_home{ color:#00AF00; }
.greenspace_pol{ color:#00B813; }
.greenspace_bul{ color:#00C12B; }
.greenspace_lr{ color:#24C942; }
.greenspace_ar{ color:#48D15A; }
.greenspace_ims{ color:#67D973; }
.greenspace_use{ color:#67D973; }

.homealt{ color:#999999; }
.legislationWizardalt{ color:#999999; }
.clientWizardalt{ color:#999999; }
.showLegislationalt{ color:#999999; }
.viewReportalt{ color:#999999; }
.logoutalt{ color:#999999; }
.aboutUsalt{ color:#999999; }
.clientTestimonialsalt{ color:#999999; }
.contactUsalt{ color:#999999; }

.homealt:hover{ color:#66cc66; }
.legislationWizardalt:hover{ color:#33CCCC; }
.clientWizardalt:hover{ color:#00CC66; }
.showLegislationalt:hover{ color:#33CC00; }
.viewReportalt:hover{ color:#33CC99; }
.logoutalt:hover{ color:#99CC00; }
.aboutUsalt:hover{ color:#66cc66; }
.clientTestimonialsalt:hover{ color:#33CCCC; }
.contactUsalt:hover{ color:#00CC66; }

.admin{ color:#99CC00 }

.linksalt{ color:#999999; }
.ladminalt{ color:#999999; }

.linksalt:hover{ color:#00CC66; }
.ladminalt:hover{ color:#99CC00; }

.clientBg{ background:#00CC66; }

#footer{ clear:both; }
#footer h2, #footer hr  { display:none; }

#chalk { margin-left: 70px;  width: 800px; font-size:8pt; color:#BBBBBB; padding:2px 0px 0px 0px; text-align:right }
#chalk a, #chalk a:hover{ color:#BBBBBB; text-decoration:none; }

#terms { margin-left: 70px;  width: 800px; font-size:8pt; color:#BBBBBB; padding:2px 0px 0px 0px; text-align:right }
#terms a, #terms a:hover{ color:#BBBBBB; text-decoration:none; }


/** LEGISLATION BOX ITEM **/
.legislationDocuments { border-top:#777777 1px solid;}
#content div.legislationbox { border:#777777 1px solid; border-top:0px;background:#FBFBFB; margin-bottom:0px; padding:4px; }
.legislationExtra{ clear:both; border: #FFFFFF; margin:0px;  font-size:10pt; padding:0; }

/** Client Box Item **/

.clientList { border-top:#777777 1px solid;}
#content div.clientbox { border:#777777 1px solid; border-top:0px;background:#FBFBFB; margin-bottom:0px; padding:4px;}
.clientExtra{ clear:both; border: #FFFFFF; margin:0px;  font-size:10pt; padding:4px 0px 0px 0px; }


#content div.buttons{ clear:both; border:#FFFFFF 1px solid; padding:10px 0px 20px 6px; }
#content div.aspect-buttons{ padding:10px 50px 20px 6px; }
#content div.greenspace-buttons{ clear:both; border:#FFFFFF 1px solid; padding:10px 0px 20px 0px; width:500px;}

/** FORM INPUT ITEMS **/
#content select { width:200px; border:#777777 1px solid; color:#777777; }
#content input.text { width:350px; border:#777777 1px solid; color:#777777; font-size:9pt; padding:2px; }
#content textarea { width:350px; height:250px; border:#777777 1px solid; color:#777777; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9pt; padding:2px; }
#content textarea#site_address,#content textarea#notes  { width:350px; height:70px; border:#777777 1px solid; color:#777777; font-family: Helvetica,Arial, Verdana, sans-serif; font-size: 9pt; padding:2px; }
#content input.submit { border:#777777 1px solid; color:#777777; margin-top:20px; cursor:pointer; }
#content input.file { border:#777777 1px solid; color:#777777; margin-top:20px; cursor:pointer; }
#content input.checkbox { border:none; }
#content input { border:#777777 1px solid; color:#777777; margin:0px 2px 2px 0px; cursor:pointer; float:left; }
input#attachment_uploaded_data { border:#777777 7px solid; color:#777777; margin:0px 2px 2px 0px; cursor:pointer; float:left; }
th { padding: 4px 10px 4px 4px; text-align:left;vertical-align:top; }
#content input#attachment_uploaded_data { border:#777777 1px solid !important; color:#777777; margin:0px 2px 2px 0px; cursor:pointer; float:left; }
/** ERROR & STATUS BOXES **/
.status { border: #E2C822 1px solid; background:#FFF9D7; color:#222222; padding: 10px; margin: 10px 30px 30px 0px; font-size:1.1em; line-height:17px; }
.errorExplanation { border: #DD3C10 1px solid; background:#FFEBE8; color:#222222; padding: 10px; margin: 10px 30px 30px 30px; font-size:1.1em; line-height:17px; }

/**
 * Table
 */
 td{ padding: 4px 10px 4px 4px; }
/* table{ border:#C8C8C8 1px solid; margin:2px auto 2px auto; width:650px; }
 th{ background:#33CC00; text-align:left; font-weight:normal; color:#FFFFFF; padding:7px 4px 2px 4px; font-size:1.0em; border-bottom:#C8C8C8 1px solid;}
 td{ background:#F1F1F1; text-align:left; font-weight:normal; color:#888888; padding:8px 4px 2px 4px; font-size:0.9em;}*/
 .alt{ background:#E9E9E9; }
.tableHeader{  margin:10px auto 0px auto; width:646px; text-align:right; }
.tableFooter{  margin:0px auto 10px auto; width:646px; text-align:right; font-weight:bold; }

/* A to z list*/

a.a-z { color:#777777; border-right: 4px solid #fff;}

#busy {position: fixed;left:280px;display: block; }

/* pagination */

div.pagination {padding:10px 0 10px 0; font-size:11pt;}

#navlist li{margin:0;padding:0;}

#navlist li
{
display: inline;
list-style-type: none;
padding:20px 10px 50px 10px;
}

#navcontainer
{padding:20px 10px 50px 0px;}

input#color{margin:10px 0px 10px 0px;height:30px;width:190px !important;}

a.environmental {font-size:7.6pt; text-decoration:none; background: #003876; color:#fff; padding:3px 10px 2px 10px; }
div.logged {font-size:10pt;font-weight:bold;line-height:12pt;margin:5px 0 0 17px;color:#777777;}

div#left-panel {float:left; width:20px;background:#EEEEEE;height:100%;}
div#centre-panel {float:left; width:800px;height:100%;border: #DDDDDD 1px solid;overflow:auto;background:#FFF;}
div#right-panel {float:right; width:220px;height:100%;background:#EEEEEE;text-align:left;}

input.admin-button {font-size:11px; text-decoration:none; background: #838383; color:#fff !important; padding:0px 10px 0px 10px; width:90px; text-align:left;}
a.admin-link {font-size:11px; text-decoration:none; background: #838383; color:#fff !important; padding:4px 52px 3px 14px; text-align:left;line-height:20px;}
a.admin-link:hover {text-decoration:none  !important;}

div.ads {float:left; width:170px;padding:0px 0px 12px 10px;}
div.ads-title {font-size: 9pt;font-weight:bold;}
div.ads-text {font-size: 8pt;}
a.ads-link { padding:0px 0px 0px 0px; line-height:20px;font-size:8pt;}
.ad-grey {color: #909090;}

#header a.greenspaceSub { padding:2px 0px 0px 4px; width:90px; color:#FFFFFF; background:#33CCCC;height:16px; border-bottom: #fff 2px solid;}
#header a.greenspaceSub:hover { color:#FFFFFF; }
#header a.greenspaceSubEnd { padding:2px 0px 0px 4px; width:90px; color:#FFFFFF; background:#33CCCC;height:16px;}
#header a.greenspaceSubEnd:hover { color:#FFFFFF; }


#clientLogin form{ margin:4px 0px 4px 17px; }
#clientLogin h2{ font-size:14pt; font-weight:normal; margin:25px 0px 0px 17px; padding:0px; }
#clientLogin input{ width:130px; height:14px; border: #D7D7D7 1px solid; color:#666666; font-size:0.8em; margin-bottom:4px; }
#clientLogin input.submit{ width:49px; height:12px; }
#clientLogin label{  font-size:10pt; color:#777777 }
#loginInfo { font-size:10pt; color:#777777; }

#clientLogin form#login { border:1px solid gray; padding:6px;position:relative;}
#clientLogin div#username, div#password,div#submit {float:left;margin-right:3px;position:relative;clear:both;}
#clientLogin input#username-field, input#password-field {width:10em;}
#clientLogin label.overlabel {color:#999999;}
#clientLogin label.overlabel-apply {color:#999999;left:5px;position:absolute;top:3px;z-index:1;}

#sideBtns{ padding:10px 0px 0px 17px; clear:both;}
#sideBtns img{ margin:5px 0px 0px 0px; clear:both;}

td.white_text {background:#486060;color:#fff !important;font-size:10pt;}

td.border-rb {border-right: #bcbdc0 2px solid;border-bottom: #bcbdc0 2px solid;}
td.border-b {border-bottom: #bcbdc0 2px solid}
td.border-r {border-right: #bcbdc0 2px solid}
.border-lrtb {border: #bcbdc0 2px solid}
td.border-trb {border-right: #bcbdc0 2px solid;border-bottom: #bcbdc0 2px solid;border-top: #bcbdc0 2px solid;}
td.border-lbr {border-right: #bcbdc0 2px solid;border-bottom: #bcbdc0 2px solid;border-left: #bcbdc0 2px solid;}
td.border-aspect {border:#fff 2px solid;}


table.aspect td {vertical-align:top;color:#896e71;font-size: 10pt;margin:0;padding:4px 4px 4px 4px;}
table.aspect {border-collapse: collapse;margin:0;padding:0;}

#content a.link_button  { border:#777777 1px solid; color:#777777; margin:3px 0px 0px 0px; font-size:11px;line-height:18px;width:80px;font-weight:normal;background-color:#F0F0F0;display:block;text-align:center;}