body {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height:18px;
  color: #5a5858;
}

h1 { font-size: 120%;padding:10px 0 10px 0 }

h2 { font-size: 110%;padding:5px 0 5px 0 }

p {margin: 5px 0 5px 0}

a, a:visited {font-weight:bold; color: rgb(35, 152, 201)}

a.button, a.button:visited {
  color:#000;
  font-weight:normal;
  padding:3px; 
  text-decoration:none;
  background:#eee;
  border:1px solid #999;
  line-height:30px;
}

a.button:hover { background:#F0FFFF }

a.delete, a.delete:visited { border:1px solid #CD5C5C; color: #CD5C5C}
a.delete:hover { color: #fff; background: #CD5C5C }

ul {margin:5px 0 5px 0}

ul.flat li {display:inline }

ul.dots li {list-style-type: disc; margin-left:15px}

h1.tagline { font-size:200%; color: #50A6C2; text-align:center }

#header {background-color: #50A6C2; border-bottom:1px solid #6996AD; height:110px }

#logos {width: 240px; float:left; } 

#menu { float: right; margin-right:10px; padding:10px; background-color: #ddd}

#admin_nav { margin-bottom: 10px }

#admin_season {
  margin:5px 0 5px 0;
  background-color:#ddd;
  padding:10px;
}

textarea.widget {width:400px}

#content {
  padding-left:20px;
  margin: auto;
  width:950px;
}

#content_left {
	width:550px;
	margin-right:20px;
	float:left;
}
		
#content_right {
	width:380px;
	float:left;
}

#footer {
  margin-top: 20px;
  border-top: 3px solid #dcdcdc;
  font-size: 10px;
  color: #666;
  text-align: center;
}

#login-prompt { background-color:#FFE4E1;margin:10px 0 5px 0;padding:5px }

#season_selector {background-color: #6996AD;color:#fff}

#start_group, #join_group {
  min-height:300px;padding:15px 0 0 10px;border: 1px solid #666;
}
#join_group, #join_group_button {background-color:#E6E8FA;}
#start_group, #start_group_button {background-color:#BDFCC9;}
#start_group_button, #join_group_button {line-height:25px;padding:5px;margin-right:10px;font-weight:bold;text-align:center;border-top:1px solid #666;border-left:1px solid #666; border-right:1px solid #666; margin-bottom:-1px; z-index:2}
#start_group_button { border-bottom:1px solid #666; }
#join_group_button { border-bottom:1px solid #E6E8FA; }
#start_group { display:none }

table.full { width:100% }

table.clean {margin-top:10px}
table.clean th { padding: 5px; text-align:left }
table.clean td { padding: 5px; }

table.grid { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.grid th { border-right: 1px solid #ccc; border-top: 1px solid #ccc;  }
table.grid td { border-right: 1px solid #ccc; border-top: 1px solid #ccc }

/* Clear styling for a data table with headers on the left column */
table.left_header {margin-top:10px}
table.left_header th { padding:5px 20px 5px 0; text-align:left }
table.left_header td { padding-right:5px }

.module {
  margin:5px 5px 5px 0; border:1px solid #bbb; 
  background-color:#FFFAF0; padding:5px;
}

.required:after { content: " *"; color:red }

.helpbox {
  border: 2px solid #FFFFAA;
  background-color: #FFFFCC;
}

.helpbox .title { background-color: #FFFFAA; padding:3px; font-weight:bold }

.helpbox p {
  padding:5px;
  border: 4px solid #FFFFAA;
  margin:0;
}

.clear { clear:both }

.padded { padding: 5px 0 5px 0 }

#compose_to {width:600px}
#compose_subject {margin:10px 0 10px 0;width:600px}
#compose_subject div {float:left;width:70px}
#compose_subject input {width:520px}
#compose_email textarea {width:600px; height:200px}

table#team_players td { vertical-align:middle; padding:5px }

#create_division_prompt, #create_season_prompt {font-weight:bold;color:green}

#reg_chart {float:right; margin:5px; border:2px solid #ccc}

#season_message { border:3px solid #C3E4ED; padding:5px; margin-top:10px; }

#fb_promo { border:3px solid #C3E4ED; padding:5px; margin-top:10px; text-align:center; }

#fb_promo img, #fb_promo span, #fb_promo a {vertical-align:middle;}

#profile th {
  width:160px;
}

.leaguelist {list-style-type: none; margin: 0; padding: 0;}

.leaguelist li {margin: 3px; padding: 1px; float: left; height: 100px; position:relative;}

.leaguelist li div {
  position:absolute; bottom:0;left:0;color:#666;background-color:#ddd;padding:0 2px 0 2px;font-size:10px;width:100%;text-align:center;font-weight:bold;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9; 
}

#beta-footer {
  position:fixed;bottom:0;right:0;opacity: 0.5;filter:alpha(opacity=50); }

#recent-regs {width:300px;padding:5px}
.commish-reg-item {margin-bottom: 10px }
.commish-reg-message {width:240px;float:right}
.commish-reg-time {color:#ccc}
/*********** Standings CSS **********/

#commish-standings {border:3px solid #999; margin-bottom:10px}
#commish-standings th, td {padding:3px; text-align:left}
#commish-standings th {font-weight:bold}

/*********** Schedule CSS **********/

#commish-schedule {border:3px solid #999; width:500px;margin-bottom:10px}
.commish-schedule-week {background:#999;color:#fff;}
.commish-schedule-day {background:#999;color:#fff;}
#commish-schedule th, td {padding:3px 10px 3px 3px; text-align:left}



/*********** Error CSS **************/

#flash_messages { display:none; position:absolute; top:72px; left:350px; padding:10px }

.notice { background-color: #BCED91; }
.warning { background-color: #FFFF7E; }
.error { background-color: #E9967A; }

.message {border:1px solid #bbb; padding:5px}

.fieldWithErrors { display: inline; }
.fieldWithErrors input, .fieldWithErrors select { background-color: #FFFF7E; }

#errorExplanation {
  width: 400px;
  border: 2px solid #c00;
  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;
  margin-left:20px;
}