html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

sup {
  vertical-align: super;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}

td {
  padding: 1px 7px 1px 1px;
}

select, input {
  font-size: inherit;
}

input[type="submit"], input[type="reset"] {
  font-size: 1.2em;
}

/* Link styles */

a {
  text-decoration: none;
}

a:link {
	color: #178221;
}

a:visited {
  color: #178221;
  text-decoration: none;
}

a.no_spaces {
	white-space: nowrap;
}


/* General styles */

h1 {
	font-size: 1.6em;
  margin: 1em 0;
}

h2 {
	font-size: 1.4em;
  margin: 1em 0;
}

h3 {
	font-size: 1.2em;
  margin: 1em 0;
}

h4 {
  font-size: 1.1em;
  margin: 0.5em 0; 
}

h5 {
  font-size: 1em;
  margin: 0.4em 0;
}

img.sorter {
  padding: 0.2em 0.3em 0.2em 0.3em;
  vertical-align: top;
}

img.icon {
  padding-left: 0.2em;
  padding-right: 0.2em;
  vertical-align: middle;
}

/* Block styles */

span {
	margin-left: 0.2em;
	margin-right: 0.2em;
}

p {
	max-width: 60em;
}

p.match_timings {
	font-size: small;
}

span.time_span {
  margin: 0;
}

.inline {
	display: inline;
}

body {
	min-width: 800px;
  margin: 0;
	padding: 0;
  font-family: Arial, Helvetica;
  font-size: 12px;
}

div.errorExplanation {
  border: #736719 dashed 1px;
  padding: 0.5em;
  padding-bottom: 1em;
  margin-bottom: 1em;
  width: 35em;
}

div.errorExplanation h3 {
  margin: 0;
  padding: 0;
  color: #736719;
}

div.errorExplanation ul {
  padding-left: 3em;
}

div.fieldWithErrors {
  display: inline;
  color: #736719;
}

div.fieldWithErrors input {
  color: #736719;
}

div.pagination {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div.options {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div.options_footer {
	padding-left: 4em;
	padding-right: 4em;
}

ul.options {
	padding-left: 1em;
}

ul.options, 		
.options p,
.options ul,
.options li {
	display: inline;
	padding-right: 1em;
}

ul.options_list li {
	padding-bottom: 0.2em;
}

div.button_list form {
	float: left;
	padding-right: 1.5em;
}

div.button_list {
	padding-bottom: 2em;
}

div.filter {
  border: #ededed solid 1px;
  padding: 0.3em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

div.filter div.expandable_body {
  border-top: #ededed solid 1px;
}

div.filter div {
  padding-bottom: 0.5em;
}

div.filter form {
  padding-top: 0.5em;
}

div.player_view, h3.player_view {
	clear: both;
	padding-top: 1em;
	padding-bottom: 0.3em;
}

div.player_view div.strengths {
  width: 20em;
}

div.player_contractual {
  border: #ededed solid 1px;
  padding: 0.3em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

div.player_contractual div.expandable_body {
  border-top: #ededed solid 1px;
}

.bid_form label {
	padding-right: 0.5em;
}

#show_friendly_request span.label {
	float: left;
	width: 9em;
}

#show_friendly_request div {
	padding-top: 1em;
}

div#header, div#footer {
	padding-right: 1em;
	border-style: solid;
	border-color: #364c1a;
	border-width: 0;
}

div#header {
	background-color: #668b35;/* #6f973c; */
	border-bottom-width: 1px;
	height: 60px;
}

div#footer {
  clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height: 30px;
	background-color: #a4bd84;
  padding-left: 4em;
}

div#footer div {
  float: left;
  padding-right: 2em;
  padding-top: 0.5em;
}

div#logo {
	position: absolute;
	top: 1em;
	left: 4em;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}

div#logo a {
  color: #FFFFFF;
}

div#flash {
	padding-left: 2em;
  margin: 0.5em 1em 0.5em 0;
  border: 0.3em solid #736719;
  font-size: larger;
}

div#main {
	margin-left: 4em;
	float: left;
	display: inline;
	width: 60%;
}

iframe#game_time_frame {
	display: none;
	position: absolute;
	right: 4em;
	top: 1em;
}

div.policy ul {
  list-style-type: disc;
  padding-left: 4em;
}

div.expandable_title {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

div.expandable_title img {
  padding-right: 0.6em;
}

div.expandable_title a {
  color: #000000;
}

div.filter_right div.expandable_title,
div.filter_right div.expandable_body {
  float: left;
  display: inline;
}

div.news_header,
div.news_footer {
  max-width: 40em;
}

div.news_header {
  margin-top: 1em;
  margin-bottom: 0.3em;
}

div.news_footer {
  margin-top: 0.3em;
  margin-bottom: 1em;
}

div.news_title {
	font-size: 1.2em;
  font-weight: bold;
  float: left;
}

div.news_datetime {
  float: right;
}

div.news_footer div,
div.news_footer div a {
  float: right;
  display: inline;
  font-size: smaller;
  color: #736719;
}

div.news_item {
  padding-bottom: 1em;
}

/* Table styles */

th.table_title {
	padding-bottom: 0.8em;
}

tr.table_title th {
	vertical-align: bottom;
}

tr.table_footer td {
	padding-top: 0.8em;
}

tr.with_icon td,
tr.with_icon td a,
tr.with_icon td span {
  vertical-align: middle;
}

.cycling {
  border-spacing: 0px;
}

.cycling td {
  padding-right: 0.5em;
}

.cycling td,
.cycling th {
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 2px;
}

td.icon_set img.icon {
  padding: 0;
}

tr.odd td {
  background-color: #ededed;
}

td {
  text-align: center;
	padding-right: 1em;
}

th {
  padding-right: 1em;
  vertical-align: top;
  text-align: center;
}

td.name {
  text-align: left;
  padding-right: 4em;
}

td.number {
	text-align: right;
}

td.date {
  text-align: right;
}

table.innings td {
  text-align: left;
  padding-right: 1em;
}

table.innings td.number {
	text-align: right;
}

table.innings th.name {
	text-align: left;
}

table.innings td.total {
  font-weight: bold; 
}

table.innings td.extras {
	text-align: center;
}

table.fixtures td {
  text-align: left;
  padding-right: 0.5em;
}

table.stats td {
  padding-right: 1em;
}

table.stats td.number {
  text-align: right;
}

div.stats table {
  padding-bottom: 1em;
}

div.stats td,
div.stats th {
  padding-right: 0.5em;
}

table.balance td.number {
  width: 7em;
}

table.balance td.name {
  width: 8em;
}

table.batsman_inn {
  padding-bottom: 1em;
}

table.batsman_inn td {
  text-align: right;
}

table.team_rankings tr.user_team td {
  font-weight: bold;
}

.innings_section,
.match_section,
.match_notes {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.innings_title {
  margin-top: 1.5em;
  margin-bottom: 0em;
}

table.match_teams {
  padding-left: 2em;
}

table.match_teams th {
  text-align: left;
  padding-left: 1em;
}

table.match_teams td {
  text-align: left;
  padding-right: 4em;
}

table.weather td.current,
table.weather th.current {
	background-color: #ededed;
}

.squad_table th {
  /* TODO Align top */
}

.squad_table td {
  padding-right: 0.5em;
}

.squad_table td.name {
  width: 16em;
}

.squad_table {
  border-spacing: 0px;
}

.squad_table td,
.squad_table th {
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 2px;
}

.squad_table a.strength_expander {
  padding-left: 0.2em;
}

.squad_table td.batting_strengths,
.squad_table td.bowling_strengths {
  text-align: left;
}

th.with_expander {
  white-space: nowrap;
}

div#mini_squad {
  height: 10em;
  max-height: 10em;
  overflow: auto;
  padding-left: 2em;
}

table.weather th.row {
	text-align: left;
}

table.weather th.second_half {
	padding-top: 2em;
}

.left_column {
  float: left;
}

.right_column {
  float: right;
}

.clear_columns {
  clear: both;
}

.name_column {
  padding-right: 0.5em;
  width: 10em;
  float: left;
}

.value_column {
  padding-right: 2em;
  width: 3em;
  float: left;
  text-align: right;
}

.left_menu {
	float: left;
	width: 20%;
	padding-top: 1em;
  min-width: 140px;
}

.left_menu input[type="text"],
.left_menu input[type="password"] {
	width: 12em;
}

.right_of_menu {
	width: 60%;
	padding-left: 2em;
	padding-top: 1em;
	float: left;
}

.left_menu h2 {
	padding-top: 0;
	margin-top: 0;
}

table.records td {
	text-align: left;
}

table.records td.score {
	text-align: right;
}


/* Squad styles */

.squad_list span {
  padding-right: 2em;
}

/* Form styles */

form.normal label {
	display: block;
}

form.normal div {
	padding-bottom: 1em;
}

form.normal div.compact {
	padding-bottom: 0.1em;
}

form.normal label.left {
	display: inline;
}

form.normal div.floating {
  width: 20em;
}

form#friendly_broker fieldset {
	width: 40em;
	margin-bottom: 1em;
}

form#friendly_broker label {
	float: left;
	width: 9em;
}

form div.left_check_box input[type="checkbox"] {
  float: left;
  padding-right: 0.5em;
}

form div.left_check_box label {
  float: left;
}

form span.hint, form p.hint {
  font-size: 0.9em;
}

form.draft div.bowling_left {
  padding-left: 5em;
  padding-right: 2em;
}

form.draft div.bowling_right,
form.draft div.bowling_left {
  float: left;
  padding-top: 0;
}

form.draft div.bowling {
  padding-bottom: 0;
}

/* List styles */
ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

hr {
  padding: 0;
  margin: 0;
  margin-top: 20px;
  height: 1px;
}

div.text ul {
	list-style-type: circle;
	margin-left: 2em;
}


/* Statistics styles */
div.stats fieldset {
  max-width: 40em;
  margin-bottom: 2em;
}

div.stats h5 {
	margin-bottom: 0;
}

div.stats_threshold input {
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}

div.stats_threshold label {
  padding-right: 0.5em;
}


/* Column styles */

div.floating {
	display: inline;
	float: left;
	width: 10em;
}

.clearing {
	clear: both;
}

div#ads_rhs {
  margin-top: 1em;
  padding-left: 2em;
  margin-bottom: 1em;
}

/* Match styles */

.match_section > div {
  border: #bbbbbb solid 1px;
  width: 40em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
}

div.innings_description {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div.match_section div.floating {
	width: 20em;
}

div.match_section div.name {
	width: 14.5em;
	padding-right: 0.5em;
}

div.match_section div.value {
	width: 3em;
	text-align: right;
	padding-right: 2em;
}

div.not_out_batsmen {
	width: 30em;
}

/* Set to one pixel because I can't get IE to go to none by default */
div.match_notes div.clearing {
	padding: 1px;
}

div.records div.floating {
	padding-right: 2em;
	width: 4em;
	text-align: right;
}

div.records div.date {
  width: 9em;
}

/* League styles */
div.league_table, div.league_info {
	padding-bottom: 1em;
}

div.league_table tr.promote_above_and_including td {
  border-bottom: #ededed solid 1px;
}

div.league_table tr.relegate_below_and_including td {
  border-top: #ededed solid 1px;
}

div.league_info{
	padding-top: 1em;
}

div.league_info div.floating {
  width: 12em;
  padding-bottom: 0.5em;
}

div.league_info div.wide_column {
	width: 30em;
}

table#league_fixtures tr.date_row th {
  padding-top: 0.8em;
}

div#find_league {
	float: left;
	padding-right: 2em;
}

div#list_leagues {
	float: left;
}


/* Records styles */

div.records {
	padding-bottom: 1em;
}


/* Field setting styles */

img#ground_image {
	position: absolute;
	left: 160px;
	top: 150px;
}

img.field_position_icon {
	position: absolute;
}

/* Team styles */

div.rating {
  width: 15em;
  float: left;
}


/* Drag and drop styles */

.insert_above {
  border-top: 1px solid black;
}


/* Pagination styles */

div.date_graph_pagination {
  width: 300px;
  padding-top: 0.8em;
}

div.date_graph_pagination .prev_page {
  float: right;
}

div.date_graph_pagination .next_page {
  float: left;
}

.session_pagination {
}

.session_pagination div {
  width: 7em;
  float: left;
}

.session_pagination span {
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 2px;
}

.session_pagination span.day {
  display: block;
}

.session_pagination span.current {
  font-weight: bold;
  padding-right: 4px;
}

.session_pagination span {
  padding: 2px 5px 2px 4px;
  margin: 4px;
  border: 1px solid #eee;
}
  
.session_pagination span.disabled {
  color: #ddd;
}
  
/* Commentary submission */

div.commentary_submission label {
  display: block;
}

div.commentary_submission div {
  padding-bottom: 1em;
}

div.commentary_submission div.floating {
  width: 20em;
}

div.commentary_submission span {
  display: block;
  padding-left: 1em;
  padding-top: 0.5em;
  font-size: larger;
}

blockquote {
  background-color: #ededed;
  border: #bbbbbb solid 1px;
  margin: 0.3em;
  padding: 0.2em;
}

div.heading_with_widget h1 {
  margin-bottom: 0.5em
}

div.heading_with_widget div.widget {
  float: right;
  padding: 0 0 0.5em 0; 
  margin-top: 0em;
}