/* CSS Document */

/* Color reference guide

	bright orange:	#FF6600 --- highlight very important things
	turqoise:       #339999 --- the old background for sidebar_top
        light turqouise: #66cc99 --- the background for sidebar_top
        light orange: #EEE5A4 --- background color for the "notice" area
        light leaf green: #99CC66 --- background color for the "nav" bar and sidebar_bottom
        dark text color: #005555 --- color for headers; table text; etc
        light text color: #006666 --- color for links; etc
        other text is black

/*helps center content in IE*/

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

a {
	text-decoration: none;
#	color: #006666;
	color: #006655;
}

a:hover {
    color:#339999;
    text-decoration: underline;
}

a:visited {
    color:#004444;
}

a:active {
    color:#FF6600;
}

/*site structure IDs -----------------------------------------*/

#main {  /*holds all the content and centers it*/
	width:865px;
	height: 100%;
	margin:0px auto;
	text-align:left;
	padding:0px;
/*	border-style:solid;
	border-width: 0 1px 1px 1px;
	border-color:#006666; */
}

/* 
 * I can't figure out what this was supposed to be for
 * except maybe to show that background image ... which should anyway
 * not have been handled as a background image...
 * #header {
 * 	height: 83px;
 * 	width: 865px;
	background-image:url(../images/stepgreen_header.jpg);
 * }
 */

#vis {
	height: 210px;
	width: 865px;
	border-bottom: 1px solid #669900;
}

#action_detail {
    margin: 20px;
}

#user_recent_activity {
    margin: 20px;
}

#footer {
	font-size: 0.56em; /* 9px */
	margin:10px auto;
	width: 865px;
	border-top: 1px solid #003333;
    padding: 5px 0px 0px 0px;
	display: block;
	clear: both;
	background: #fff; 
}

#error{
	color:red;
	font-weight:bold;
	background-color:white;
}

/* notice ----------------#FEE4A9 or EEE5A4 --------------------*/
#notice {
	background-color:#EEE5A4;
	border: 1px solid #003333;
	font-size: 1em; /* 12px */
	padding: 5px;
	width: 98%;
}

/*navigational bar  -------------------------------------------*/
#nav {
	border-top: 1px solid #006666;
	border-bottom: 1px solid #006666;
	background-color: #99CC66;
    padding-top: 10px;
    padding-bottom: 10px;
	height: 18px;
	width: 865px;
	font-size: 0.75em; /* 12px */
	color:#005555;
}

#splash_content {
	height: 100%;
	font-size: 0.63em; /* 10px */
	width: 865px;
}

#nav b {
	color: #005555;
	padding-left: 4px;
	padding-right: 4px;
}

#nav a {
	text-decoration:none;
#	color:#006666;
	color:#006655;
	padding-left: 6px;
	padding-right: 6px;
}

#nav a:hover {
	color:#ffffff;
}

#userinfo{
	float:right;
}

/*main site content - text formatting   ------------------------*/
#content {
	height: 100%;
	font-size: 0.63em; /* 10px */
	width: 665px;
    float: right;
}

#content_sub {
	height: 100%;
	font-size: 0.63em; /* 10px */
	width: 100%;
	padding-left: 4px;
	color:#005555;
	font-weight:bold;
	width: 650px;
}

#info{
    padding: 20px;
    line-height: 150%;
    font-size: 1.1em;
}

#content h1, #content_sub h1 {
	font-size: 1.6em;
	margin-bottom: 2px;
	color:#005555;
}

#content h2, #content_sub h2 {
	font-size: 1.2em;
	color: #99cc66;
}

#content h3, #content_sub h3 {
	font-size: 1em;
}

/*reporting table and its button styles  ----------------------*/
#content table, #content_sub table {
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

#content td, #content_sub td {
	padding: 5px;
	vertical-align: middle;
	padding-left: 10px;
}

/* actions table ------------------ */
table.user_action {
    background-color: #99CC66;
    color: #005555;
    padding: 4px;
    padding-left: 15px;
/*    border: 4px solid #fff; */
}

table.user_action td{
    /*font-weight: bold;
    font-size: 1.2em;*/
}

table.actions_table {
	width:100%;
	margin-left: auto;
	margin-right: auto;    
  border-collapse: collapse;
  font-size:1.15em;
}

table.actions_table td {
    border-bottom: 1px solid #FFFFFF;
	border-left: 0px solid #66cc99;
	padding-left: 2px;
}

.actions_header a {
    font-weight: bold;
    color: white;
}

.actions_header {
	background-color:#99CC66;
    font-weight: bold;
    color: white;
    font-size: 1.2em;
}

.actions_entry {
	background-color:#66cc99;
    font-weight: bold;
}

.current {
/*	background-color:#66CCCC;*/
	text-decoration: underline;
}

.name {
    width: 36%;
}

.report_name {
	width: 50%;
}

.popularity {
	width: 16%;
}

/*
.onetime{
	width: 15%;
}

.category{
	width: 13%;
	text-align: center;	
}
*/

.co2{
	width: 20%;
}

.commit {
    width: 22%;
}

.icon {
    width: 5%;
}

.normal{
	height: auto;
}

.date_committed {
	width: 30%;
}

.last_report {
	width: 30%;
}

.lastreport_old {
	background-color: #FFE0B2;
}

.lastreport_med {
	background-color: #FFF0B2;
}

.lastreport_new {
	background-color: #E5FFCC;
}

.report_textfield {
	border: 1px solid #003333;
}

.commited_action {
	background-color: #EEEEEE;
}

.pale_btn {
	border: 1px solid #99CC33;
	background-color:#D9ECAD;
/*	margin:1px; */
    margin: 1px;
    padding: 1px;
	border-style: outset; 
	cursor:pointer;

/* corners all rounded */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.dark_btn {
	border: 1px solid #336600;
	background-color:#99CC66;
    margin: 1px;
    padding: 1px;
	border-style: outset;
	cursor:pointer;

/* corners all rounded */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* highlight searched term on discussions and actions pages */
.highlight_search {
	background-color: #99CC66;
}

/* comments table */
#comments_table table, #comments_table td {
	border-left: 0px solid #000000;

/* corners all rounded */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#comment_detail table {
	background-color: #E5FFCC;
	border: 1px solid #336600;
	margin: 2px;
}

#comment_detail td {
	background-color: #E5FFCC;
	border: 1px solid #336600;
	margin:1px;
}

/*Side content ------------------------------------------------*/
#sidebar {
    float: left;
    height: 100%;
	background-color:#A7D8C3;
}

    
#sidebar_top {
/*	background-image:url(../images/backgrounds/sidebar_top_background.jpg);
	background-position:bottom;
	background-repeat:no-repeat; */
	background-color:#A7D8C3;
    width: 200px;
	line-height: 1.6;
	min-height: 750px;	
}

/* background was #669933 */
#sidebar_bottom {
/*	background-image:url(../images/backgrounds/sidebar_bottom_background.jpg);
	background-repeat:no-repeat;
	background-position:top; */
	background-color:#A7D8C3; 
	width: 200px;
	color:#FFFFFF;
	text-align: right;
	line-height: 1.6;
	min-height: 750px;
	height: 100%;
}

#tagcloud {
    margin: 15px;
    padding: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
    background-color: #E5FFCC;
}

#tagcloud a:hover{
    color: black;
}

.actions_menu{
    font-size: 1em;
    margin: 20px;
    color: black;
}
.actions_menu a{
    color: black;
}

#menu_title {
    padding-top: 30px;
    padding-left: 25px;    
    font-weight: bold;
    color: #000;
}

/* Uncomment this to see the shape of all the transparent images
#sidebar_bottom img {
	border: 1px solid; 
}
*/

#sidebar_bottom_label {
	float: right;
}

.box {
    border: solid;
    border-width: 1px;
    border-color: #99CC66;
    padding: 10px;
    margin: 10px;

/* corners all rounded */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#user_box {
    border: solid;
    border-width: 1px;
    border-color: #99CC66;
    padding: 2px;
    margin-right: 10px;

/* corners all rounded */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#site_announcements {
    width: 600px;
    float: left;
    border: solid;
    border-width: 1px;
    border-color: #99CC66;
    padding: 5px;
	margin-bottom: 10px;

/* corners all rounded */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*Table for changing the user's password*/
#changePass {
}

#changePass td{
	border: none;
	width:50px;
}

/*Table for changing the user's email opt-outs*/
#emailOptOut {
}


#emailOptOut td{
	border:none;
	width:50px;
}


.user_data_table table{
		border: 0px
}

.user_data_table th{
	white-space:nowrap;
}

.user_data_table td{
	border: none;
	vertical-align: top;
}

/* Adding outside accounts table*/
.add_account_row td{
}
	
.add_account_row a:hover{
	border-bottom:thin dotted #006666;
}

.add_account_row .redText{
	color:#FF0000;
}

/* the id's below are for the spacing of the bottom sidebar - these will need tweaking based on the final font sizes */
#sb_1 {
	width: 180px;
	height: 50px;
	float: left;
}

#sb_2 {
	width: 100px;
	height: 15px;
	float: left;
	clear: left;
}

#sb_3 {
	width: 60px;
	height: 15px;
	float: left;
	clear: left;
}

#sb_4 {
	width: 40px;
	height: 30px;
	float: left;	
	clear: left;
}

#sb_5 {
	width: 16px;
	height: 55px;
	float: left;	
	clear: left;
}

/* pagination style */
.pagination {
    background-color: #99CC66;
    font-size: 1em;
    padding: 8px;    
    float: bottom;
}
.pagination a{
    padding: 2px 8px;
    border: solid 1px white;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: black;
}
.prev_page{
    padding: 2px 8px;
    border: solid 1px white;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
    
}
.pagination .current {
    font-weight: bold;
    padding: 2px 8px;    
    text-decoration: none;
}
.next_page{
    padding: 2px 8px;
    border: solid 1px white;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.disabled{
    border: solid 1px #eee;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* auto-complete */
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
	color: #000;
	font-weight:normal;
	font-size:1em;
}
div.auto_complete ul li.selected {
	background-color: #ffb;
}
div.auto_complete ul strong.highlight {
	color: #800;
	margin:0;
	padding:0;
}

/* form table */
#form_table td {
	vertical-align:top;
}

#form_table .help {
	width:30%;
	font-size:0.75em;	
}

pre.code {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #D7D7D7;
margin:1em 1.75em;
overflow:auto;
padding:0.25em;
}