/**************************************************************/
/* WhatGreenCar - API Styles                                  */
/* @author: Steve Kirtley - steve@thinkingdifferently.co.uk   */
/* @date: 30th November 2007                                  */
/**************************************************************/

/***************/
/* GENERIC CSS */
/***************/

img {
	border: none;
}

* {
	padding: 0;
	margin: 0;
	font-family: helvetica, arial, sans-serif;
}

.offScreen {
	position: absolute;
	left: -5000px;
}

.clear {
	clear: both;
}

fieldset {
	border: none;
}

fieldset legend {
	display: none;
}

/***************/
/* VERSION ONE */
/***************/

body, html {
	border: 0;
	overflow: visible;
	/* this hides the annoying scroll bar and border in IE 6 /7 */
}

#default {
	font-size: 1em;
	border: 0;
	overflow: visible;
	width: 265px;
}

	#default #mainBody {
		float: left;
		background: url('../i/api/v1/bg_repeat.gif') repeat-y;
		overflow: visible;
	}

	#default h1 {
		background: url('../i/api/v1/wgc_header.gif') no-repeat;
		width: 264px;
		height: 47px
	}

	#default #mainBody h2 {
		color: #68ED01;
		font-family: helvetica, arial, sans-serif;
		font-weight: normal;
		padding-left: 20px;
		padding-top: 6px;
		padding-bottom: 10px;
		line-height: 1.1em;
		font-size: 1.4em;
	}

	#default #mainBody .hr {
		width: 264px;
		background: url('../i/api/v1/hr_image.gif') no-repeat;
		height: 4px;
		border: 0;
	}

	#default #mainBody form {
		padding-left: 14px;
		padding-top: 7px;
	}

		#default #mainBody form fieldset select {
			width: 167px;
			margin-bottom: 5px;
			margin-left: 2px;
			color: #000;
			font-size: 13px;
			float: left;
		}

			#default #mainBody form fieldset select option {
				padding-top: 5px: 10px;
				border: 0;
			}

			#default #mainBody form fieldset #submitButton {
				float: right;
				margin: 26px 17px 10px 0;
			}
			
			
			#default #mainBody form fieldset #submitButton:hover {
				cursor: pointer;
				cursor: hand;
				text-decoration: underline;
			}

	#default #mainBody #footLinks {
		width: 246px;
		margin-left: 11px;
		padding-top: 5px;
		padding-bottom: 5px;
		float: left;
		display: inline;
	}

	#default #mainBody #footLinks p {
		color: #F09434;
		font-size: 0.75em;
		float: left;
		display: inline;
		margin-left: 7px;
		margin-right: 7px;
		padding-top: 5px;
		font-weight: bold;
	}

	#default #mainBody #footLinks p a:link,
	#default #mainBody #footLinks p a:visited { text-decoration: none; color: #F09434;}
	#default #mainBody #footLinks p a:hover { text-decoration: underline}
		
	#default #mainBody #footLinks #rss {
		background: url('../i/api/small_rss_logo.gif') no-repeat;
		display: block;
		width: 19px;
		height: 19px;
		position: relative;
		float: right;
		padding-right: 10px; 
	}
	
	#default #mainBody #footLinks p { float: right; position: relative; top: -3px; text-align: right}

	#default #mainBody #footLinks #api {
		background: url('../i/api/getapi.gif') no-repeat;
		display: block;
		width: 59px;
		height: 21px;
		float: left;
		position: relative; left: 4px;
		
	}

	#default #bottom {
		clear: both;
		font-size: 1px;
		background: url('../i/api/v1/bgBottom.gif') no-repeat bottom left;
		width: 264px;
		height: 16px;
	}