/*=======================================================================================
	SAVE THE STREETS Website CSS
	
	Author jpdguzman <jpdguzman@gmail.com>
	Date created July 18,2007
=======================================================================================*/

/*=======================================================================================
	HTML CSS STYLES
=======================================================================================*/
body {
	margin:0 0 0 0;
	
	font-family:Georgia;
	font-size:12px;
	color:#444041;
	
	line-height:23px;
}
a img {
	border-bottom:0px #ccc solid;
}

div.text a:link, div.text a:active, div.text a:visited {
	border-bottom:1px #18903b dashed;
	color:#18903b;
	font-weight:bold;
	text-decoration:none;
	
}


/*=======================================================================================
	Main Content CONTAINER
=======================================================================================*/
div.container {
	width:1024px;
}

div.header {
	background:#22b24c;
	width:1008px;
	height:126px;
	
	padding-left:16px;
	padding-top:2px;
}


/*=======================================================================================
	Main Content CONTAINER
=======================================================================================*/
div.content {
	padding-top:8px;
	padding-left:19px;
	padding-right:19px;
	
	margin-bottom:20px;
}
	div.content div.info {
		width:683px;
		
		border:2px #19af45 solid
	}
	
/* INFO TEXT */
div.info div.text {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:2px;
	
}

div.content_header {
	padding-top:10px; 
	padding-bottom:3px;
	
	border-bottom:2px #19af45 solid;
	padding-right:54px;
	
	padding-left:15px;
	margin-bottom:10px;
}
	
	/* Flip image for IE */
	div.info div.flip {
		margin-top:-7px;
		margin-left:172px;
		z-index:999;
		position:absolute;
	}
	
	/* Flip image for MOZILLA */
	div.info > div.flip {
		margin-top:-3px;
		margin-left:614px;
		z-index:999;
		position:absolute;
	}
	

/*=======================================================================================
	SIDE PANEL
=======================================================================================*/
div.side_panel {
	width:292px;
	margin-left:7px;
}
	div.side_panel a:link, div.side_panel a:active, div.side_panel a:visited {
		border-bottom:1px #18903b dashed;
		color:#18903b;
		font-weight:bold;
		text-decoration:none;
	}


	/* PANEL Section */
	div.panel {
		width:292px;
		margin-bottom:10px;
	}
		
	
		/* For Green Content */
		div.panel div.content_green {
			padding-left:36px;
			padding-right:20px;
			color:#fff;
			
			font-weight:bold;
		}
		/* For White panel content */
		div.panel div.content {
			padding-left:36px;
			padding-right:20px;
			color:#19af45;
			
			font-weight:normal;
		}
		
	
	/* WHITE PANEL */
	div.white {
		border:2px #19af45 solid;
	}
		div.white div.head {
			padding-top:10px;
			border-bottom:2px #19af45 solid;
			padding-right:37px;
			padding-left:13px;
			padding-bottom:3px;
			margin-bottom:10px;
		}
		
		div.white div.flip_spacer {
			height:70px;
		}
		div.white div.base_flip {
			position:absolute;
			margin-top:-65px;
			margin-left:-2px;
		}
		
	
	/* GREEN PANEL */
	div.green {
		background-color:#22b24c;
	}
		div.green div.head {
			padding-top:10px;
			border-bottom:2px #fff solid;
			padding-right:37px;
			padding-left:13px;
			padding-bottom:3px;
			margin-bottom:10px;
		}


/*=======================================================================================
	FORMATTING TAGS
=======================================================================================*/
ol {
	margin: 0px;
	margin-left:36px;
}
ol li {
	border-bottom:1px #EFEFEF solid;
	padding-bottom:5px;
	padding-top:5px;
}
.h1 {
	font-size:20px;
	color:#484848;
}
.h3 {
	font-size:17px;
	color:#484848;
}
.h4 {
	font-size:17px;
}

.ctnx div strong {
	color:#595959;
}

div.field {
	margin-bottom:5px;
}
div.field div.lbl {
	float:left;
	width:70px;
}
div.field input {
	width:162px;
	border:1px #666666 solid;
}

div.nf {
	font-weight:normal;
}


.button {
	width:100%;
	border:2px #FFFFFF solid;
	font-size:20px;
	
	font-family:Georgia;
	color:#FFFFFF;
	background:#22b24c;
}

.err_field {
	color:#FFFF99;
}

.supporters{
}
div.supporters div {
	border-bottom:1px #EAEAEA solid;
	padding-left:10px;
	padding-bottom:2px;
}

.rs_header {
	font-family:Arial;
	font-size:20px;
	color:#FFFFFF;
	background:#3F3F3F;
	text-align:left;
	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
}

.tb_head td {
	background:#666666;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	
	padding:3px 10px 3px 10px;
}
.rec_found td{
	background:#FDEFC6;
	font-size:11px;
	font-family:"Trebuchet MS";
	padding-left:10px;
}
.datarow td {
	border-bottom:1px #CCCCCC solid;
	font-size:11px;
	padding-left:10px;
	font-family:Arial;
}

.row0 td{
	background:#FEFAEB;
}
.datarow td a {
	text-decoration:none;
	color:#666666;
}
/*=======================================================================================
	POSITIONING SECTIONS
=======================================================================================*/
.left {	float:left; }
.right { float:right; }
.clear { clear:both; }