
body {background: #ABCD48 url(http://getdowntown.org/images/misc/bg.gif);  margin: 0px; padding: 0px; }

div,td, textarea, input{
  font-family: verdana,geneva,lucida,arial,sans-serif;
}

/* PAGE LAYOUT FORMATTING*/
#ctr {margin-left: auto; margin-right: auto; text-align: center; }
#outer_green {border-left: 5px solid #B1BD87; border-right:  5px solid #B1BD87;}
#main  {
 color: #000; 
 text-align: left;
 margin-left: auto;  
 margin-right: auto;  
 width: 964px; 
 background: #fff; 
 border-left: 1px solid #AEC665; border-right: 1px solid #AEC665;
 /*border-left: 5px solid #AEC665; border-right: 5px solid #AEC665;*/
 font-family: verdana,geneva,lucida,arial,sans-serif;
 font-size: 70%; 
}

#border {padding: 0px 6px 6px 6px;border-left: 1px solid #999; border-right: 1px solid #999; }

/************* MIDDLE COLUMN (HOME) & MAIN CONTENT (SUB) *****************/

#home_content_1 {padding: 30px 0px 0px 20px; margin-right: 10px;}
#home_content_2 {padding: 10px 0px 15px 20px; line-height: 16px; margin-right: 10px;}
#content {padding: 10px 20px 15px 20px; line-height: 16px;}
#content_noright {padding: 10px 0px 15px 20px; line-height: 16px;}

/* global navs */
#navs {padding-top: 27px; padding-bottom: 15px; }
#navs img {padding-top: 3px;}
.sub_navs {font-weight: bold; background: #F0F0F5;  padding: 8px; border-left:1px solid #C4C4C7; border-right:1px solid #C4C4C7; border-bottom:1px solid #C4C4C7;}
.sub_navs a {color: #333; text-decoration: none; padding-bottom: 2px; display: block;}
.sub_navs a:hover, .sub_on a{text-decoration:none; color: #7CB901;}

.sub_navs .sub_navs {border: none; padding: 2px 5px 3px 15px; color: #333399;}
.sub_navs .sub_navs a {padding-bottom: 2px; color: #333399;}
.sub_navs .sub_navs a:hover, .sub_navs .sub_navs .sub_on a {color: #F8971D;}

#home_content_2 #announcements {border-bottom:1px dotted #ccc; padding-bottom:10px;}
#home_content_2 .post_title {font-size: 1.3em; font-weight: bold;}
#home_content_2 .post_date, #home_content_2 .post_comments {font-style: italic; color: #666;}

/*************** UTILITIES (TOP LINKS)***********/
/*#utilities_outer {magin-bottom: 15px;}*/
#utilities_outer {
 border-right: 1px solid #999; 
 border-left: 1px solid #999; 
 padding: 6px 0px 2px 0px;
 text-align: right;
}
#utilities_bottom{border-bottom: 1px solid #999; width: 100%;}
 
#utilities{
 font: 9px verdana,geneva,lucida,arial,sans-serif;
 color: #000;
 font-weight: 600;
 text-align: center!important;
}

#utilities a{
 font: 9px verdana,arial,sans-serif;
 color: #284270;
 text-decoration: none;
 font-weight: 600;
}

#utilities, #utilities a{font-size: 9px; voice-family: "\"}\""; voice-family:inherit; font-size: 9px;}
html>body #utilities, #utilities a{font-size: 10px;}

#utilities a:hover , .utilities_on {
 color: #E94E06;
 text-decoration: none;
 font-weight: 600;
}

.pipe {
 padding-right: 3px;
 padding-left: 3px;
}

/* Utility Sub Nav */
.utility_sub_navs {margin:10px 0 5px 20px;font-weight:bold;}
.utility_sub_navs a {background:#80C701;color:#fff;border:1px solid #80C701;text-decoration:none;display:inline;padding:2px;}
.utility_sub_navs a:hover, .utility_sub_navs .sub_on a {background:#EEFACA;color:#462A81;border:1px solid #80C701;text-decoration:none;display:inline;padding:2px;}


/* footer */
#footer {
 margin-left: 20px;
 border: 1px solid #999999;
 background: #D6D6EB;
 padding: 7px; 
 text-align: center;
 line-height: 18px;
 font-weight: normal;
 color: #666666;
 font-size: 10px;
}

#footer a {color: #666;}
#footer a:hover, #footer_on a {color: #000; text-decoration: underline;}
 
/* left column */
#home_contact {
 color: #6E3D8E; padding: 10px 10px 10px 10px; 
}
  
/* right column */
#right_col {padding-top: 3px;}
#right_box {background: #EFF8D6; border: 1px solid #CDD2BE; margin-top: 10px; padding: 5px; font-size: 10px;}
#events {border: 1px solid #CDD2BE; background: #EFF8D6; width: 181px; padding: 5px 5px 5px 5px; margin-top: 5px;}
#events-google {border: 1px solid #CDD2BE; background: #EFF8D6; margin-top: 10px;}
#events a {font-weight: bold;}

.profile_box {background: #f7fbeb; border: 1px solid #ccc; padding: 10px; margin: 10px 10px 5px 0;}
#profile_picture{margin: 0px 15px 0 0px; float: left; border: 1px solid #999;}
#profile_text {padding: 10px; margin-top: 10px; font-size: 1.1em;}
#profile_title {background: url(http://getdowntown.org/images/misc/title_dots.gif) repeat-x 0 100%; 
font: 20px verdana,Trebuchet MS,geneva,lucida,arial,sans-serif; 
font-weight: bold; color: #482996; 
padding: 10px 0 5px 0; margin: 15px 10px 10px 0;}

.profile_link {margin-top: 15px;}
.profile_link a {background: url(http://getdowntown.org/images/misc/orange_arrow.gif) no-repeat 0 0px;
 margin: 0px 0 0 0; padding: 3px 0 3px 20px;
line-height: 130%;
}


/*boxes*/
#discussion_box {border: 1px solid #C5C5C8; background: #E4E3F0; font-size: 10px; padding: 5px; margin-top: 5px;}
#editable_box {border: 1px solid #C5C5C8; background: #DAE9B1; font-size: 10px; padding: 5px; }
#check_calendar_box{border: 1px solid #C5C5C8; background: #fff; font-size: 10px; padding: 5px; margin-top: 5px;}
#challenge_goal_box{border: 1px solid #C5C5C8; background: #fff; padding: 5px; font-size: 10px; margin-top: 5px;}
.miles_percent {padding: 5px 0; font-size: 13px!important; color: #6EA400; font-weight: bold;}
.updated_daily {font-size: 13px!important; color: #6EA400; font-weight: bold; font-style: oblique; padding-bottom: 5px;}

/*login */
#login, .register {background: #F8F8FA; border: 1px solid #C4C4C7; padding: 10px; font-size: 10px; margin: 5px 0;} /*width: 350px;*/
.login_title {font-size: 11px; color: #472987; font-weight: bold;}
.login input {font-size: 10px; width: 155px; border: 1px solid #C4C4C7;}
.login select, .register select {font-size: 10px; width: 350px; border: 1px solid #C4C4C7;}
.register_btn {margin-top: 5px;}
/*.login .option {overflow:visible; font-size: 10px; width: auto; border: 1px solid #C4C4C7;}*/
.login_btn, .register_btn {background: #DDDCED; border: 1px solid #C4C4C7; padding: 1px; text-align: center; font-size: 10px; font-weight: bold; width: auto;}
.login input.login_btn {width: auto;}
/* forms */
form {display: inline;}
.search_box {border:1px solid #666666;background:#fff;font-size:10px;width:150px;}
.search {color:#284270;font-size:10px;font-weight: bold;}
#go {
 width: 25px;
 height: 17px;
 background: #E9FDAC;
 border: 1px solid #666;
 color: #1F2217;
 margin-left: 3px;
 text-align: center;
 font: 9px verdana,arial,geneva,lucida,sans-serif;;
 font-weight: bold;
}

/* Unordered List */
ul.orange_arrow{
 list-style-image: url(http://getdowntown.org/images/misc/orange_arrow.gif); 
 padding-top: 0px;
 margin-top: 10px;
 margin-left: 15px;
 padding-left: 15px; 
}

ul.orange_arrow li {
 padding-bottom: 8px;
}

/*
ul.orange_arrow{line-height: 17px; voice-family: "\"}\""; voice-family:inherit; line-height: 100%;}
html>body ul.orange_arrow {line-height: 17px;}
*/

ul.yellow_arrow {
 list-style: none;
 padding-top: 0px;
 margin-top: 10px;
 margin-left: 0;
 padding-left: 0; 
}

ul.yellow_arrow li {
 background: url(/images/misc/yellow_arrow.gif) no-repeat; 
 padding-bottom: 5px;
 padding-left: 15px;
 overflow:hidden;
 width:165px;
}

ul.blue_single_arrow{
 list-style-image: url(http://getdowntown.org/images/misc/blue_single_arrow.gif); 
 padding-top: 0px;
 margin-top: 10px;
 margin-left: 10px;
 padding-left: 10px; 
 margin-bottom: 2px;
}

ul.blue_single_arrow li {
 padding-bottom: 5px;
}

ul.no_style {
  list-style: none;
}

/*misc */
.bld {font-weight: bold;}
.msg, .msg a {color: #CC0000; font-weight: bold; font-style: italic;}
.msg a {text-decoration:underline;}
.alignright {text-align:right;}
#formtable .alignright {text-align:left;}
#formtable td {font-size: 1em;}
/*#formtable input {width:200px;}*/
#formtable textarea {width:300px;}
#formtable input.submit, #formtable input.checkbox, #formtable input.radio {width:auto;}
#formtable input.formbutton {width:auto;}
.email_form_confirm td {border-bottom:1px solid #000;}
.blog_icon {float: right; margin: 5px 20px 10px 10px;}
.blog_link {border: 1px solid #ccc; margin: 10px 20px 15px 0; padding: 5px 15px; background: #ebe9f3;}
.clear {clear: both; height: 1px;}

/* page title */

h1 {color:#472987;font-size:1.5em;}
h2 {color:#FF6600;font-size:1.3em;}
h3 {font-size: 1.3em;}
h1.subtitle {font: 20px verdana,Trebuchet MS,geneva,lucida,arial,sans-serif; font-weight: bold; color:#472987; margin: 0 0 10px 0; padding: 10px 0px 5px 0; border-bottom: 1px solid #c4c3c8;}
#login h2, .register h2 {font-size:1.4em; display:inline;}
.breadcrumbs {background: url(http://getdowntown.org/images/misc/title_dots.gif) repeat-x; font: 18px verdana,Trebuchet MS,geneva,lucida,arial,sans-serif; font-weight: bold; color: #84C501; padding-top: 27px; margin-left: 20px; padding-bottom: 5px; vertical-align: bottom; margin-bottom: 0px;}
.breadcrumbs a {color: #84C501;}
.breadcrumbs a:hover {text-decoration: none;}

/* default links */
a { text-decoration: none; color: #0066CC; font-weight: bold;}
a:hover {text-decoration: underline;}

div,table{font-size: 99%; voice-family: "\"}\""; voice-family:inherit; font-size: 100%;}
html>body div,table {font-size: 100%;}


/* COMMUTE CALCULATOR */
#commute_calc {background:#D5E2A3;border:1px solid #BBD06C;}
#commute_calc td {vertical-align:top;font-size:10px;font-family:verdana;}
#commute_calc th {color:#4A0C72;font-size:1.2em;background:#BBD06C;}



/* COMMUTER CHALLENGE */
.stats_msg {font-size:1.1em; background:#DAE9B1; padding:4px; font-style:italic; border:1px dotted gray;}
.rt_align {text-align:right!important;}
.ctr_align {text-align:center;}
.small {font-size:10px;}
.or {margin-bottom:10px;font-size:1.2em;font-weight:bold;color:#472987;}
.org_name, .commuter_name {font-size:1.4em;font-weight:bold; padding: 10px 0;}
.commuter_name {float: left;}
.org_name {padding: 15px 0;}
.title {font-size:1.4em;color:#472987;font-weight:bold;margin-bottom:10px;}
.subtitle {font-size: 1.2em; font-weight: bold; margin: 10px 0 7px 0;}
.line {border-bottom:1px solid #C4C3C8;margin:3px 0}
.stats_txt {font:1.2em;font-weight:bold;color:#472987;padding-left:10px!important; border-left: 1px solid #fff;}
.signup {font-size:1.2em;padding:6px 0 8px 0;}
.commuter_form_sidetext {margin:0 0 8px; font-size:9px; color:#472987; line-height:12px; font-style:italic;}
.step_title {font-size: 1.2em; color: #472987; font-weight: bold; padding: 5px 0 0 0;}

.commuter_logs_table {border:1px solid #c4c4c7;}
.commuter_logs_headfoot {background: #dae9b1;font-weight:bold;font-size:1.2em;}
.commuter_logs_bg1 {background:#ecf4d8;}
.commuter_logs_bg2 {background:#fff;}

.commuter_quickstats_table {margin-left:7px;border:1px solid #c4c4c7;background:#feead2;}
.commuter_quickstats_table td {border-bottom:1px solid #fff; padding: 3px 0 3px 10px;}
.commuter_quickstats_head {background:#fcd5a5;font-size:1.2em;font-weight:bold;color:#472987;}
.commuter_quickstats_foot {background:#fcd5a5;}
.commuter_quickstats_foot td {border-bottom:none;}
.commuter_quickstats_head td {padding:4px;}
.commuter_quickstats_table .rt_align .small {padding-right: 10px;}
.commuter_quickstats_table .head {font-size: 1.3em; font-weight: normal; text-align: center!important; color: #472987!important; margin: 0; padding: 5px 10px;}
.commuter_quickstats_table .bonusPoints {font-weight: normal;}

.commuter_quickstats_table_2 {margin-left:7px;border:1px solid #c4c4c7;background:#e6f5f4;}
.commuter_quickstats_table_2 td {border-bottom:1px solid #fff; padding: 3px 5px; line-height: 120%;}
.commuter_quickstats_head_2{background:#c4eeec;font-size:1.2em;font-weight:bold;color:#472987;}
.commuter_quickstats_foot_2 {background:#c4eeec;}
.commuter_quickstats_foot_2 td {border-bottom:none;}
.commuter_quickstats_head_2 td {padding:4px;}
.commuter_quickstats_table_2 .rt_align .small {padding-right: 7px;}
.commuter_quickstats_table_2 .head {font-size: 1.3em; font-weight: normal; text-align: center!important; color: #472987!important; margin: 0; padding: 5px 10px;}
.commuter_quickstats_table_2 .view {padding: 7px 10px;}
.commuter_quickstats_table_2 .view a {text-decoration: none;}

.commuter_stats_table {border:1px solid #c4c4c7;background:#feead2;}
.commuter_stats_table td {text-align: center; padding: 5px;}
.commuter_stats_table td.txt_left {text-align: left!important;}
.commuter_stats_head {background:#dae9b1;font-weight:bold;font-size:1.2em;}
.commuter_stats_foot {background:#fff;font-weight:bold;font-size:1.2em;}
.commuter_stats_foot td {border-top:1px solid #c4c4c7;}
.commuter_stats_head td {padding:4px;}
.commuter_stats_bg1 {background:#fff;}
.commuter_stats_bg2 {background:#ecf4d8;}
.commuter_stats_table .bonusPoints {font-weight: bold; color: #990000;}

.commuter_profile_options {margin: 7px 0;}
.commuter_profile_options select {font-size: 10px; width: 120px; border: 1px solid #C4C4C7;}
.commuter_profile_options .profile_btn {background: #DDDCED; border: 1px solid #C4C4C7; padding: 1px; text-align: center; font-size: 10px; font-weight: bold; width: auto;}
.commuter_profile {float: right; margin: 0 0 10px 7px;}
.commuter_profile .modify_btn, .commuter_profile .back_dashboard  {margin-right: 5px; float: left; line-height: 120%; width: 150px; text-align: center; color: #000; background: #f9961e; border: 1px solid #c4c4c7; padding: 3px;} 
.commuter_profile .back_dashboard {}
.commuter_profile .modify_btn a, .commuter_profile .back_dashboard a  {color: #000; text-decoration: none;}
.commuter_profile .modify_btn a :hover {text-decoration: none!important;}
button.log_miles, button.view_miles, button.modify, button.delete, button.copy  {
	font-weight: bold; background: #90cb1a; border: 1px solid #c4c4c7; color: #010101; margin: 0 5px 0;
}
button.log_miles a, button.view_miles a, button.modify a, button.delete a {color: #010101;}

.commuter_steps {font-size:1.3em; color:#472987; margin:3px; font-weight: bold; }
.commuter_steps .step_1 {background: url(http://getdowntown.org/images/buttons/button_one.gif) no-repeat 0 3px; padding: 5px 0 5px 25px;}
.commuter_steps .step_2 {background: url(http://getdowntown.org/images/buttons/button_two.gif) no-repeat 0 3px; padding: 5px 0 5px 25px;}
.commuter_steps .step_3 {background: url(http://getdowntown.org/images/buttons/button_three.gif) no-repeat 0 3px; padding: 5px 0 5px 25px;}
.commuter_form_border {border:1px solid #c4c4c7;padding:6px;margin-bottom:10px; }
.commuter_form_border_bg  {background:#F8F8FA;border:1px solid #c4c4c7; padding:15px 16px 5px 15px; margin-bottom:10px;}
.commuter_form_border input, .commuter_form_border textarea {font-size:11px;background:#F4F5FA;border:1px solid #C4C3C8;}
.commuter_form_border .radio, .commuter_form_border .checkbox {background:none;border:none;}
.commuter_form_border .radio {float:left;}
.commuter_form_border select, .commuter_form_border_bg select {font-size: 10px; width: 200px; border: 1px solid #C4C4C7;}
input.commuter_submit {background:#c0dc70;height:28px;text-align:center;font-weight:bold;}
input.commuter_submit_sm {font-size:10px;background:#c0dc70;text-align:center;font-weight:bold;}
input.commuter_submit_img {border:0px;}
div.logout {float: right;}
div.logout a {margin: 0; text-decoration:none; border:1px solid #C4C3C8; padding: 3px 5px; font-size:10px;color:#000;background:#9fd139;text-align:center!important ;font-weight:bold;}
.commuter_profile div.logout a {width: 70px; float: right; border: 1px solid #c4c4c7; font-size: 1em; padding: 8px 5px 9px 5px!important; text-align: cener!important;}
.commuter_form_border_bg .anchor {float: left; font-size: 1.1em; margin: 5px 25px 15px 0;}
.commute_right_box_1 {margin: 0 0 10px 4px;}
.commute_right_box_2 {float: right; width: 255px; margin-left: 10px;}
.log_commute_left {float: left; width: 475px;}
.log_commute_step_box  {background:#F8F8FA;border:1px solid #c4c4c7; padding:5px 10px; margin:10px 0 15px 0;}
.log_commute_step_content {padding: 10px 0 10px 25px;}
input.commuter_submit_log {background: #c1c1d9; border: 1px solid #b0afb6; padding: 5px 7px; font-weight: bold;}
.log_commute_left .view_mile_btn { float: right; background: #a5e9e5; border: 1px solid #c4c3c8; padding: 8px 5px 9px 5px!important;}
.log_commute_left .view_mile_btn a {text-decoration: none;}

/* new css buttons */
div.challenge_buttons {float:right; width: 240px;}
ul.challenge_buttons_list {
	padding: 0 5px;
	margin: 0px;
	list-style: none;
	background-color: #fff;
	float: right;
	clear: left;
}
ul.challenge_buttons_list li {
	float: left;
}
ul.challenge_buttons_list li a {
	float: left;
	text-decoration: none;
	padding: 4px 8px 0 0;
	margin-right: 6px;
	line-height: 3em;
	color: #333; 	/*color: #0d5f83;*/
	background: url(/images/buttons/orange.png) no-repeat top right;
}
ul.challenge_buttons_list li a span {
	float: left;
	padding-right: 8px;
	display: block;
	margin-top: -4px;
	height: 39px;
	background: url(/images/buttons/orange.png) no-repeat top left;
}
ul.challenge_buttons_list li a:hover {
 	color: #333;
	background: url(/images/buttons/green.png) no-repeat top right;
}
ul.challenge_buttons_list li a:hover span {
	background: url(/images/buttons/green.png) no-repeat top left;
}


/* CALENDAR */
table#calendar {border-left:1px solid #C1C1C9; border-top:1px solid #C1C1C9;}
table#calendar td {border-right:1px solid #C1C1C9; border-bottom:1px solid #C1C1C9; padding-bottom:10px;}
.calendar_header {height:40px;}
/* a.navlink {font-weight:none;} */
a.eventlink {font-weight:400;font-size:10px;line-height:100%;}
table#calendar td table.day td {font-size:16px; font-weight:bold; color:#472987; border:0; width:10%;}
.event {font-size:9px;}
.navText, .navText a {font-size:13px; font-weight:bold; color:#fff;}
.nav2Text, .nav2Text a {font-size:13px; font-weight:bold; color:#0066CC;}
.daysText {font-size:11px; font-weight:bold; color:#000;}


/* Google Calendar */
#calendarTitle {background: url(http://getdowntown.org/images/misc/title_dots.gif) repeat-x 0 100%; 
font: 18px Trebuchet MS,geneva,lucida,arial,sans-serif; font-weight: bold; color: #482996; padding: 0; margin: 0;}
#eventsList {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#entryTitle {}
#entryWhen {padding: 5px 0;font-style: italic; font-weight: bold;}
#entryContent {}


