.instruction {	border-left: 3px solid #dddd99;   border-right: 3px solid #dddd99;	margin:auto 1% auto 1%;   padding:1% 2px 1% 2px; }
#help_text { height:100px; overflow:auto; position:absolute; right:10px; display:none; border:1px solid #dda;	padding:0.2em 1em 0.2em 1em; }
.instruction, #help_text {	background-color:#dfc; color:#000; }

.clearing { clear: both; height: 1px; }
.justified { text-align:justify; }
.totalteams  { float: left; width: 600px;}

/* Actions Bar **************************/

.current-role-actions ul li {
	display: inline;
	margin-left: 10px;
}
.current-role-actions ul li a, 
.current-role-actions ul li strong {
	background: #555;
	color: white;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}
.current-role-actions ul li strong {
	background: #aaa;
	color: #555;
}

.current-role-actions ul li a:hover {
	background: #777;
	color: white;
}

/* Breadcrumb ***************************/
.breadcrumb ul li,
.breadcrumb ul {
	display: inline;
	padding: 0; margin: 0;
}
.breadcrumb ul li a,
.breadcrumb ul li strong { padding: 2px 2px 2px 6px; }


/* General Data Display *************************/
/*
 This is a little bit nasty here. Basically, it's set up so that a list and a table can
 be both be given the "datagrid" class and be styled to look almost identical. This is
 further complicated by the fact that a lot of the LI rules filter down and apply to 
 sub-row lists such as the "actions" bar.
*/

.datagrid, .datagrid ul, .datagrid li {
	list-style: none;
	margin: 0;
	padding: 2px;
}
table.datagrid { padding: 0; }
.datagrid a { text-decoration: none; }
.datagrid a.facility { text-decoration: underline; }

table.datagrid td { vertical-align: top; }

.datagrid li { overflow: hidden; }
.datagrid li,
.datagrid tr {
	position: relative;
}

.datagrid li a,				/* linked row */
.datagrid form, 			/* form inline */
.datagrid .datagrid-row, 	/* non-linked row */
.datagrid li span.no-a		/* unlinked link. (ie, special facility or team) */
{	overflow: hidden; /* enclose floats */
	display: block;
	background: #eee;
	padding: 3px 4px 3px 4px;
	text-decoration: none;
	margin: 0;
}
table.datagrid tr
{
	/*background: #eee;*/
}

table.datagrid tr td {
	border-bottom: 4px solid white;
	background: #eee;
	padding: 2px 4px 2px 4px;
	position: relative;
}
.datagrid li a:hover {
	background: #ddd;
}
.datagrid form { position: relative; } 

.datagrid form .default label input,
.datagrid form label textarea,
.datagrid form label select { width: 65%; margin-left: 2%; }
/*.datagrid form .submit input { position: absolute; top: 8px; right: 8px; padding: 0; }*/
.datagrid form .submit { padding: 0; margin: 0; }
.datagrid form fieldset { margin: 0; padding: 0; border: 0; }
.datagrid form fieldset legend { display: none; }

.datagrid .actions {
  list-style: none;
  float: right;
  margin: 0;
}
ul.datagrid .actions { position: absolute; top: 0; right: 0; }
.actions li {
  float: left;
}
.actions li a {
  float: left;
  padding: 1px 3px;
  background: #ddd;
}
.actions li a:hover {
  background: #ccc;
}

table.datagrid td.date { width: 42px; padding-right: 0; }
.datagrid .datebox {
  display: block;
  float: left;
  text-align: center;
  /* -moz-border-radius: 8px; /* cool, but non-standard */
  border: 1px solid #ccc;
  border-top-color: #fff;
  border-left-color: #fff;
  width: 42px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 10px;  
}
.datagrid .datebox b {
  font-size: 24px;
  display: block;
  margin: -3px 0 6px 0;
  padding: 0 2px 0 2px;
}

.datagrid a:hover .datebox { background: #ddd; }

/* Generalized table/form for Admin/League/Season/Division **/
.datagrid form.thin label span { }
.datagrid form.thin label input { width: 170px; }
.datagrid form.thin .submit input { top: 7px; }

/* Players List *************************/

#players ul li a strong {
	/*float: left;
	text-align: center;
	width: 18px;*/
	background: #333;
	color: #fff;
	padding: 1px 2px;
	margin-right: 6px;
}
#players #form_player #player_jersey { width: 22px; }
#players #form_player #player_actual_name { width: 300px; }
#players #form_player #player_email_address { width: 300px; }
#players #form_player label span { display:block; }

#player #player_picture	{
	border:1px solid #cfcfcf;
	width:150px;
}
#player #player_picture_link {
	border:0px;
}
#player  .player_picture_thumb {
	width:50px;
}
#player {
	width:100%;
}
#player #player_pictures {
	width:300px;
	float:left;
	margin:5px;
}

#player #player_pictures table {
	background-color:#f9f9f9;
	border:2px solid black;
}
#player #stats {
	float:left;
	width:45%;
	margin:5px 5px 5px auto;
}
#player #sponsor {
	float:left;
	width:45%;
	margin:5px 5px 5px auto;
}
#player #stats_sponsor_c #stats
{	width:300px;
}
/*#player .editable
{	position:static;
}*/
#player .info
{	width:250px;
	float:right;
}

/* Facilities/Fields List *************************/
#facility-list a strong { display: block; font-size: 13px; }
#facility-list a .address { display: block; font-style: italic; }
#facility-list #form_facility div { float: none; width: 80%; }
#facility-list #form_facility #address {	width:100%;}

#field-list #form_field div { float: none; width: 80%; }
#facility #facility-info { float: left; width: 50%; }
#facility #field-list { float: right; width: 45%; }


/* Division Home *********************************/
#division, #team { position: relative; float: left; width: 100%; }
#division #teams { float: left; width: 45%; }
#division .info { float: right; width: 50%; margin-right: 2%; }

/* Team Display *************************/
#team_page #team #players { float: left; width: 45%; }
#team_page #team .info { float: right; width: 50%; margin-right: 2%; }

#team_page #team_picture {
	border:1px solid #cfcfcf;
	width:150px;
}
#team_page #team_picture_link {
	border:0px;
}
#team_page .team_picture_thumb {
	width:50px;
	border:1px solid black;
}
#team_page {
	width:100%;
}
#team_page #team_pictures {
	width:300px;
}
#team_page #team_pictures table {
	background-color:#f9f9f9;
	border:1px groove black;
}
#team_page .sponsor_box {
	border:1px solid black;
	margin:5px 1px 1px auto;
	padding:5px 5px 5px 5px;
	height:270px;
	overflow:auto;
}
#team_page #sponsor_picture {
	border:1px solid #cfcfcf;
	width:150px;
}
#team_page #sponsor_picture_link {
	border:0px;
}
#team_page .sponsor_picture_thumb {
	width:50px;
	border:1px solid black;
}
#team_page #sponsor {
	width:100%;
}
#team_page #sponsor_pictures {
	width:300px;
	float:right;
}
#team_page #sponsor_pictures table {
	background-color:#f9f9f9;
	border:1px groove #9f9f9f;
}

/* Games/Practices List *************************/
#practices .datagrid,
#games .datagrid { width: 100%; }
#games .length, #practices .length {  }
#games .time, #practices .time { padding-left: 5px; display: block; font-style: italic; }
#games .facility, #practices .facility { font-weight: bold; padding: 0 5px 0 5px; display: inline; }
#games .grouping { display: block; padding-left: 5px; }

#practices ul.teams li , #games ul.teams li { padding: 0; margin: 0; }
#practices ul.teams a, #practices ul.teams .no-a , #games ul.teams a, #games ul.teams .no-a { display: inline; }

#games #form_game, #practices #form_practice{}

#games #form_game fieldset,
#practices #form_practice fieldset { width: 42%; float: left; display: inline; }
/*
#games #form_game fieldset.details,
#practices #form_practice fieldset.details { width: 42%; float: right; display: inline; }
*/
#games #form_game fieldset label,
#practices #form_practice fieldset label { display: block; width: 220px; }

#games #form_game fieldset label span,
#practices #form_practice fieldset label span { display: block; width: 50px; }

#games #form_score_game fieldset { width: 280px; float: left; }
#games #form_score_game fieldset label { width: 280px; }
#games #form_score_game fieldset label span { width: 100px; }
#games #form_score_game fieldset label input { width: 50px; }


/* Calendar/Event Display *************************/
#calendar #cal {
  float: right;
  width: 160px;
}
#cal form div.default span { text-align: left; width: auto; }
#cal form div.default input{ width: 155px; }
#cal table { border-collapse: collapse; }
#cal table td a {
display: block;
padding: 1px 3px 1px 3px ;
text-align: center;
}
#cal table tbody {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
#cal table tbody td a {
  background: #eee;
  text-decoration: none;
}
#cal table tbody td a:hover {
  background: #ddd;
}
#cal table tbody td a.no-events,
#cal table tbody td a.no-events:hover {
color: #ccc;
background: white;
}

#cal table tfoot td a {
  text-decoration: none;
}
#cal table tfoot td.back a { text-align: left; }
#cal table tfoot td.forward a { text-align: right; }


#events {
  margin-right: 170px;
}
#events ul, #events ul li { list-style: none; padding: 0; margin: 0; }
#events ul {
  padding-bottom: 15px;
}
#events ul li {
  padding-left: 75px;
}
#events ul li .time {
  float: left;
  display: inline;
  margin-left: -75px;
  text-align: left;
}
#events ul li span.extra { display: block; }

#form_event label span { float: none; margin: 0; text-align: left; width: auto; }
#form_event .submit { text-align: left; } 

div.editable { position: relative; }
div.editable a.edit-this { float: right; background: #ddd; padding: 1px 3px 1px 3px; }
div.editable a.edit-this:hover { background: #ccc; }

#form_note .textarea label span { float: none; text-align: left; }
#form_note .textarea label textarea { width: 90%; height: 150px; }

#standings table { 
  border-collapse: collapse;
  border:1px solid #ccc;
  width: 80%;
  margin: 1em;
}

#standings table tbody td, #standings table thead th
{	border-right:1px solid #ccc;
}
#standings table thead {
  background: #444;
  color: white;
  font-size:0.75em;
}
#standings table thead th {
  text-align: right;
  font-weight: normal;
  padding: 1px 4px 1px 4px;
}
#standings table tbody th {
  padding-left: 5px;
  text-align: left;
}
#standings table tbody td {
  padding: 1px 4px 1px 4px;
}
#standings table tbody td { text-align: right; }
#standings table tbody tr.alt {
  background: #eee;
}

#current_month	{  color: #000;   font-size:1.25em;   margin-left:0.5em;   margin-right:0.5em;   text-decoration: underline; }
.schedule-nav a:hover{	color:#000;}
.schedule-nav a, .schedule-nav span {	margin-right:0.25em;	margin-left:0.25em;	color:#999999;	text-decoration: none; }
.schedule-nav {	text-align:center;	width:100%;	display:block; }
#schedule-nav-left{	float:left;	width:230px;	font-size:10px;	text-align:right;}
#schedule-nav-right{	float:right;	width:230px;	font-size:10px;	text-align:left;}

#schedule-nav-middle{	width:100px;}


#geocode-this {	width:100%; text-align:center;}
#geocode-this #cont div {	margin:5px 5px 5px auto; }
#geocode-this input, #geocode-this select {	width:95%; }

#geocode-this #cont { text-align:left; margin-left:auto; margin-right:auto;}
#geocode-this #sn_c {	float:left; width:10%; }
#geocode-this #s_c {	float:left; width:87%; }
#geocode-this #ll_c {	width:99%; }
#geocode-this #ll_c #lat_c {	float:left; width:40%; }
#geocode-this #ll_c #lng_c {	float:right; width:40%; }
#geocode-this #map {	width:99%; height:300px; border:1px solid black; }
#geocode-this #col_left {	float:left; width:57%; }
#geocode-this #col_right {	float:right; width:35%; }
#geocode-this #ppc_c {	width:99%; }
#geocode-this #ppc_c #p_c {	width:48%; }
#geocode-this #ppc_c #pc_c {	width:48%; }


#sponsors .sponsor_box {	border:1px solid black;	margin:5px 1px 1px auto;	padding:5px 5px 5px 5px;	height:225px;	overflow:auto; }
#sponsors .sponsor_box .sponsor_picture {	border:1px solid #cfcfcf;	width:150px; } 
#sponsors .sponsor_box #sponsor_picture_link {	border:0px; }
#sponsors .sponsor_box .sponsor_picture_thumb {	width:50px;	border:1px solid black; }
#sponsors .sponsor_box #sponsor_pictures {	width:300px;	float:right; }
#sponsors .sponsor_box #sponsor_pictures table {	background-color:#f9f9f9;	border:1px groove #9f9f9f; }

/* List Children */
.div_row {	width:90%;	overflow:hidden; }
.div_row .div_row_left, .div_row .div_row_right {	overflow:hidden;	float:left;	margin-right:2px; }