div#new_todo textarea {
  width: 132px;
  height: 40px;
}

/* =form errors */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#error, .error {
	color: red;
	font-weight: bold;
}

#notice, .notice {
	color: green;
	font-weight: bold;
  background-color: #FFFFCC;
  padding: 5px;
  margin: 10px;
  border: 1px solid red;
}

.gca div.invite_me a {
  text-decoration: none;
  color: #fff;
}

td.map {
	vertical-align: top;
	padding-left: 10px;
}

td.map div.actual_map {
	width: 100%;
	border: 1px solid #666;
}

table.map_search_results {
  width: 100%;
  margin-top: 15px;
}

table.map_search_results td.list {
  width: 275px;
}

table.map_search_results td.list li.selected {
  background-color: #efefef;
  border: 1px solid #58A327;
}

table.map_search_results td.list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.participant {
	width: 331px;
}

.roster table.participant {
  width: 100%;
}
.participant td {
	vertical-align: top;
}

.participant td.name {
	vertical-align: middle;
}

.participant td.image {
	width: 40px;
	text-align: center;
	padding: 5px;
	vertical-align: top;
}

.participant td.image img {
	margin-bottom: 0.7em;
}

.participant .name {
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	padding: 5px;
}

.participant .name a {
	color: #000;
}

.participant .name a:hover {
	color: #FFCC00;
}

.participant img.flag {
	float: right;
	margin-top: 2px;
}

.participant .type {
	font-weight: bold;
	font-style: italic;
	font-size: .9em;
	color: #6FF;
}

.participant .info, .participant .empty_info {
	font-size: .9em;
	padding: 10px;
}

.participant .empty_info {
	background-color: #ffc;
}

.participant .info ul {
	margin: 0 0 0 25px;
	padding: 0;
}

.participant .info ul li h4 {
	display: inline;
	font-weight: bold;
	font-size: 1.2em;
}

.participant .info ul li.team {
	list-style-image: url(../images/team.png);
}

.participant .info ul li.team ul li{
	list-style-image: url();
}

.participant .info ul li.looking_for_team {
	list-style-image: url(../images/looking_for_a_team.png);
}

.participant .info ul li.add_to_friends {
	list-style-image: url(../images/user_add.png);
}

.participant .info ul li.interests {
	list-style-image: url(../images/palette.png);
}

.participant .info ul li.email {
	list-style-image: url(../images/email.png);
}

.participant .info ul li.location {
	list-style-image: url(../images/icon_world.png);
}

.participant .info a.showhide {
	float: right;
	color: #39F;
	font-weight: bold;
}

.participant .info a.showhide:hover {
	color: #2e3989;
}

.map_search_results .map {
	vertical-align: top;
	padding-left: 10px;
}

.map_search_results .map div.actual_map {
	width: 100%;
	border: 1px solid #666;
}

/* =roster */
.team_info {
	border: 1px solid #AFAFAC;
	border-width: 1px 0;
	background-color: #ececec;
	margin: 0 5px;
	padding: 8px 16px 8px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #666;
}

.team_info label {
	color: #000;
	margin-left: 1.5em;
}

.team_info img {
	vertical-align: middle;
}

.team_info a {
	padding: 0 .5em;
}

table.roster {
	width: 100%;
	border-collapse: collapse;
}

table.roster > tbody > tr > td {
	width: 25%;
	vertical-align: top;
}

table.roster table.participant {
	margin: 0 5px;
	height: 170px;
}

table.participant td.name {
	height: 2em;
}

table.roster table.participant ul.membership_requests {
	margin: 0 0 0 2em;
	padding: 0;
}


span.button {
  position: absolute;
  background: url(../images/button/middle.png) left top repeat-x;
  padding: 0;
}


span.button img {
  float: left;
  vertical-align: middle;
}

span.button span {
  float: left;
  font-size: 12px;
  margin: 0 5px 0 5px;
}

span.button span a {
  color: #fff;
  text-decoration: none;
}

span.button span a:hover {
  text-decoration: underline;
}

a.user-name {
  color: #000;
  font-size: 1.1em;
}

.gca div.team_info a {
  margin: 0 10px !important;
}


/* =recordset */
.recordset {
	background: #fff !important;
	width: 100%;
}

.gca table.recordset, .gca table.recordset td, .gca table.recordset th {
	border: 1px solid #ccc;
}

.gca table.recordset th {
	background: #2C6D27;
	color: #fff;
}

.gca table.recordset tr th, .gca table.recordset tr td {
	padding: .5em;
}

.gca table.recordset td.empty {
	font-style: italic;
	text-align: center;
}

.gca table.recordset td.legend {
	text-align: center;
}

.gca table.recordset td.legend img {
	margin-left: 1em;
}

.gca table.recordset td.state, .gca table.recordset td.icons {
	text-align: center;
}

/* =autocomplete */
div.auto_complete {
  z-index: 9999 !important;
}
.auto_complete ul {
	list-style: none;
	padding: 0px;
	margin: 0;
	border: 1px solid #979703;
  color: #251D1B;
	background: #EEECCE;
	z-index: 1000;
}

.auto_complete ul li {
	padding: 3px 10px;
	margin: 0;
	display: block;
}

.auto_complete ul li.selected {
	background: #A7A68F !important;
}

.gca #container div#leftnav div.help_text {
  padding-bottom: 15px;
  text-align: left;
}

.gca #container div#leftnav div.help_text p {
  font-size: 1.4em;
  line-height: 1.3em;
}

.gca #container div#leftnav div.help_text ul {
  padding: 0 0 0 15px;
  margin: 0;
}

.gca #container div#leftnav div.help_text strong {
  background-color: #ffff99;
  line-height: 1.5em;
  padding: 4px;
}

div.help_text ul li {
  margin: 5px 0;
}

strong.highlight {
 background-color: #f0eb5d;
}

div.cssbox_body_points {
  margin-right: 5px;
}

div#rightnav {
  padding-top: 2px;
}

td.good {
  font-size: 25px;
  color: green;
  font-weight: bold;
  padding: 0;
}

td.missing {
  font-size: 25px;
  color: red;
  font-weight: bold;
  padding: 0;
}
