body {
	background-color: #e4cf00;
	font-family : "Trebuchet MS", Verdana, Arial, sans-serif; 
	margin: 20px 0;
}

div {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
}

h1 #footpath { 
    color: #576933;
}

h1 #tilda {
    color: #687f3e;
}

h1 #dash {
    color: #829e4d
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

h4 {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

p.space {
	margin: 0 0 5px 0;
}

li {
	font-size: 0.8em;
}

input, select {
	font-size: 0.7em;
	width: 80px;
	border: solid 2px #aed367;
	margin: 2px;
}

input.checkbox {
	border: none;
	width: auto;
}

textarea {
	font-size: 0.7em;
	border: solid 2px #aed367;
	margin: 2px;
}

sub {
	font-size: 70%;
}

caption {
	display: none;
}

hr {
	margin: 10px 0 10px 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 1px;
	color: #fff;
	clear: both;
	background: #fff;
}

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

.green {
	color: #446C00;
	font-weight: bold;
}

.skiplink {
	display: none;
}
		
#container {
	width: 683px;
	border: none;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/bg.gif) repeat-y #e4cf00;
}

#top {
	background: no-repeat url(/images/top.gif);
	width: 683px;
	height: 28px;
}

#content {
	width: 590px;
	border: none;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* standard tools navigations */
#navTools {
	position: absolute;
	right: 0px;
	top: 13px;
	width: 147px;
	height: 19px;
}

#toolSprites {
  	margin: auto;
 	padding: 0;
  	position: relative;
}

#toolSprites li {
  	margin: 1px; 
 	padding: 0; 
 	list-style: none;
  	position: absolute; 
 	top: 0;
}

#toolSprites li, #toolSprites a {
  	height: 19px; 
 	display: block;
}

#toolsAbout {
	left: 0; 
	width: 47px;
	background: url(/images/butAbout.gif) no-repeat;
}

#toolsContact {
	left: 49px; 
	width: 47px;
	background: url(/images/butContact.gif) no-repeat;
}

#toolsLogout {
	left: 98px; 
	width: 47px;
	background: url(/images/butLogout.gif) no-repeat;
}

	 
/* status bar */
#status {
	background-color: #d7e9b3;
	margin: 5px 0 5px 0;
}

#statusTop {
	background: url(/images/statusTop.gif) no-repeat;
	width: 590px;
	height: 3px;
	font-size: 1px;
}

#statusBot {
	background: url(/images/statusBot.gif) no-repeat;
	width: 590px;
	height: 3px;
	font-size: 1px;
	clear: both;
}

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

#statusList {
  	/* margin: auto; */
 	padding: 0;
	margin: 0;
  	position: relative;
}

#statusList li {
  	margin: 0; 
 	padding: 0; 
	border: none;
	display: inline;
 	list-style: none;
	font-weight: bold;
	width: 190px;
	float: left;
}

#statusName {
}

#statusJoined {
	text-align: center;
}

#statusTotal {
	text-align: right;
}


/* Main navigation tabs */
#tabs {
	margin: 21px 0 0 14px;
  	height: 23px; 
}

#tabSprites {
  	margin: auto;
 	padding: 0;
  	position: relative;
}

#tabSprites li {
  	margin: 0; 
 	padding: 0; 
 	list-style: none;
  	position: absolute; 
 	top: 0;
}

#tabSprites li, #tabSprites a {
  	height: 23px; 
 	display: block;
}

#tabHome {
	left: 0; 
	width: 52px;
	background: url(/images/tabHomeOff.gif) no-repeat;
}

#tabEnergy {
	left: 64px; 
	width: 107px;
	background: url(/images/tabEnergyOff.gif) no-repeat;
}

#tabFootpath {
	left: 183px; 
	width: 107px;
	background: url(/images/tabFootpathOff.gif) no-repeat;
}

#tabProfile {
	left: 302px; 
	width: 80px;
	background: url(/images/tabProfileOff.gif) no-repeat;
}	 


/*#tabWhat {
	left: 394px; 
	width: 64px;
	background: url(/images/tabWhatOff.gif) no-repeat;
}
#tabTarget {
	left: 470px; 
	width: 77px;
	background: url(/images/tabTargetsOff.gif) no-repeat;
}*/


#tabTarget {
	left: 394px;
	width: 77px;
	background: url(/images/tabTargetsOff.gif) no-repeat;
}


#tabHome a:hover { background: url(/images/tabHomeOn.gif) no-repeat; }
#tabEnergy a:hover {	background: url(/images/tabEnergyOn.gif) no-repeat; }
#tabFootpath a:hover { background: url(/images/tabFootpathOn.gif) no-repeat; }
#tabProfile a:hover { background: url(/images/tabProfileOn.gif) no-repeat; }
#tabWhat a:hover { background: url(/images/tabWhatOn.gif) no-repeat; }
#tabTarget a:hover {	background: url(/images/tabTargetsOn.gif) no-repeat; }


/* main content part of the page */

#mainPane {
	background: #dfedc2;
	margin: 0;
	padding: 0;
}

#mainPaneTop {
	background: url(/images/mainPaneTop.gif) no-repeat;
	width: 590px;
	height: 3px;
	font-size: 1px;
}

#mainPaneContent {
	margin: 10px 15px 10px 15px;
	padding: 0 0 0 0;
}

#mainPaneBot {
	background: url(/images/mainPaneBot.gif) no-repeat;
	width: 590px;
	height: 3px;
	font-size: 1px;
	clear: both;
	margin: 15px 0;
}

#mainPaneBlurb {
	margin: 0 0 10px 23px;
}

p.blurb {
	margin: 15px 0 5px 0;
	font-weight: bold;
}


ul.blurbButtons {
 	padding: 0;
	margin: 15px 0 15px 0;
  	position: relative;
}

.blurbButtons li {
  	margin: 0; 
 	padding: 0; 
	border: none;
	display: inline;
 	list-style: none;
	width: 260px;
	/* float: left; */
}

#mainPaneFootpath {
	margin: 0 0 10px 23px;
}


/* footer */
#bot {
	background: #e4cf00 no-repeat top url(/images/bot.gif);
	width: 683px;
	height: 28px;
	margin: 0;
	padding: 18px 0 0 0;
}

#bot p {
	margin: 0 12px 0 0;
	text-align: right;
	font-size: 0.6em;
	color: #897c00;
}

#bot a {
	color: #897c00;
}

#bot a:hover {
	color: #333;
}


#homeThumb {
    float: right;
    padding: 10px 15px 0 15px;
}

#cmsTop { 
    background: url(/images/energyTop.gif) no-repeat;
    width: 556px;
    height: 3px;
    font-size: 1px;
    clear: both;
    margin: 30px 0 0 0;
}

#cmsContent {
    width: 536px;
    margin: 0; 
    padding: 10px;
    background: #f2f8e7;
}

#cmsBot {
    background: url(/images/energyBot.gif) no-repeat;
    width: 556px;
    height: 3px;
    font-size: 1px;
    clear: both;
}

#homeCMS {
    float: right;
    padding: 0 15px 0 15px;
}

.clearEmpty {
    clear: both;
    font-size: 1px;
}

/* energy tab */
#tabsEnergy {
	margin: 10px 0 0 0;
  	height: 19px; 
        clear: left;
}

#tabEnergySprites {
  	margin: auto;
 	padding: 0;
  	position: relative;
}

#tabEnergySprites li {
  	margin: 0; 
 	padding: 0; 
 	list-style: none;
  	position: absolute; 
 	top: 0;
}

#tabEnergySprites li, #tabEnergySprites a {
  	height: 19px; 
 	display: block;
}

#tabEnergyElectricity {
	left: 10px; 
	width: 74px;
	background: url(/images/tabEnergyElecOff.gif) no-repeat;
}

#tabEnergyElectricity a img { width: 74px; height: 19px; }

#tabEnergyGas {
	left: 100px; 
	width: 37px;
	background: url(/images/tabEnergyGasOff.gif) no-repeat;
}

#tabEnergyGas a img { width: 37px; height: 19px; }

#tabEnergyCoal {
  left: 153px;
  width: 42px;
  background: url(/images/tabEnergyCoalOff.gif) no-repeat;
}

#tabEnergyCoal a img { width: 42px; height: 19px; }

#tabEnergyOil {
  left: 211px;
  width: 85px;
  background: url(/images/tabEnergyOilOff.gif) no-repeat;
}

#tabEnergyOil a img { width: 85px; height: 19px; }

#tabEnergyWood {
  left: 312px;
  width: 52px;
  background: url(/images/tabEnergyWoodOff.gif) no-repeat;
}

#tabEnergyWood a img { width: 52px; height: 19px; }

#tabEnergyLPG {
	left: 312px; 
	width: 42px;
	background: url(/images/tabEnergyLPGOff.gif) no-repeat;
}

#tabEnergyLPG a img { width: 42px; height: 19px; }

#tabEnergyCar {
	left: 10px; 
	width: 61px;
	background: url(/images/tabEnergyCarOff.gif) no-repeat;
}

#tabEnergyCar a img { width: 61px; height: 19px; }

#tabEnergyFlight {
	left: 87px; 
	width: 58px;
	background: url(/images/tabEnergyFlightsOff.gif) no-repeat;
}	 

#tabEnergyFlight a img { width: 58px; height: 19px; }

#tabEnergyBus {
    left: 161px;
    width: 52px;
    background: url(/images/tabEnergyBusesOff.gif) no-repeat;
}

#tabEnergyBus a img { width: 52px; height: 19px; }

#tabEnergyTrain { 
    left: 229px;
    width: 52px;
    background: url(/images/tabEnergyTrainsOff.gif) no-repeat;   
}

#tabEnergyTrain a img { width: 52px; height: 19px; }

#tabEnergyElectricity a:hover, #tabEnergyElectricity .selected { background: url(/images/tabEnergyElecOn.gif) no-repeat; }
#tabEnergyGas a:hover, #tabEnergyGas .selected { background: url(/images/tabEnergyGasOn.gif) no-repeat; }
#tabEnergyCoal a:hover, #tabEnergyCoal .selected { background: url(/images/tabEnergyCoalOn.gif) no-repeat; }
#tabEnergyOil a:hover, #tabEnergyOil .selected { background: url(/images/tabEnergyOilOn.gif) no-repeat; }
#tabEnergyLPG a:hover, #tabEnergyLPG .selected { background: url(/images/tabEnergyLPGOn.gif) no-repeat; }
#tabEnergyWood a:hover, #tabEnergyWood .selected { background: url(/images/tabEnergyWoodOn.gif) no-repeat; }
#tabEnergyCar a:hover, #tabEnergyCar .selected { background: url(/images/tabEnergyCarOn.gif) no-repeat; }
#tabEnergyFlight a:hover, #tabEnergyFlight .selected { background: url(/images/tabEnergyFlightsOn.gif) no-repeat; }
#tabEnergyBus a:hover, #tabEnergyBus .selected { background: url(/images/tabEnergyBusesOn.gif) no-repeat; }
#tabEnergyTrain a:hover, #tabEnergyTrain .selected { background: url(/images/tabEnergyTrainsOn.gif) no-repeat; }



/* layout for energy pages */
#energyTop {
	background: url(/images/energyTop.gif) no-repeat;
	width: 556px;
	height: 3px;
	font-size: 1px;
}

#energyContent {
	width: 536px;
	margin: 0;
	padding: 10px;
	background: #f2f8e7;
}

#energyBot {
	background: url(/images/energyBot.gif) no-repeat;
	width: 556px;
	height: 3px;
	font-size: 1px;
	clear: both;
}

#energyContent table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

#energyContent thead td {
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
	border-bottom: solid 1px #999;
}

#energyContent tbody td {
	font-size: 0.8em;
}

#energyContent tr.white {
	background: #f9fcf3;
}

#energyContent td.total {
	padding: 10px 0 0 0;
}

/*#createElecEntry {
	background: #dfedc2;
	border: solid 2px #aed367;
	padding: 3px;
}
*/

/* layout for footpath page */
#footpathTargets {
	margin: 15px 0 0 0;
}

#footpathCompare {
	margin: 15px 0 0 0;
}


/* layout for what if page */
#whatContent {
	position: relative;
	margin: 15px 0 0 0;
}

#whatGo {
	position: absolute;
	left: 270px;
	top: 60px;
}

#whatChart {
	position: absolute;
	left: 340px;
	top: 0px;
}

.inputbox
{
	position: relative;
	margin: 0px;
	width: 250px;
}

.pseudoselect {
	overflow: auto;
	margin: 3px;
	background: #FFFFFF;
	border: 2px inset #FFFFFF;
	height: 140px;
	width: 95%;
}

.pseudoselect .option
{
	padding: 2px;
	margin: 1px;
	clear: left;
}

.pseudoselect .check {
	float:left;
	display: block;
	margin: 0px;
}

.pseudoselect .check input {
	border: none;
	width: auto;
	margin: 0px;
}

.pseudoselect .clabel {
	margin: 0 0 0 21px;
	font-size: 0.7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.checklabel {
	margin: 0;
	padding: 0;
}

#energySprites {
        padding: 0; margin: 10px 0 10px 10px;
	height: 24px;
}

#energySprites li {
        padding: 0; margin: 0 10px 0 0;
 	list-style: none;
}

#energySprites li, #energySprites a {
  	height: 24px; 
 	display: block;
}

#energyDomestic {
	float: left;
	width: 73px;
	background: url(/images/butDomesticOff.gif) no-repeat;
}

#energyTransport {
	float: left;
	width: 73px;
	background: url(/images/butTransportOff.gif) no-repeat;
}

#energyDomestic a:hover, #energyDomestic a.selected { background: url(/images/butDomesticOn.gif) no-repeat; }
#energyTransport a:hover, #energyTransport a.selected {	background: url(/images/butTransportOn.gif) no-repeat; }

#energy_use_amount, #energy_use_num_people { width: 50px; }