/* ======================================================================================================================
 :: Computing Project - Colin Watts - mmc02cw - P02320674                                          <<< england.css >>>
====================================================================================================================== */

/* FOUNDATIONS                                                                                          FOUNDATIONS ::
---------------------------------------------------------------------------------------------------------------------- */
*
{
  margin:           0;
  padding:          0;
  }
body
{
  background:       #fff url('../img/bg.jpg') top repeat-x;
  text-align:       center;
  }
ul
{
  list-style:       none;
  }
img
{
  border:           0;
  }
abbr
{
  cursor:           help;
  border-bottom:    0;
  }
/* BOUNDARIES                                                                                            BOUNDARIES ::
---------------------------------------------------------------------------------------------------------------------- */
#frame
{
  width:            785px;
  margin:           0 auto;
  position:         relative;
  z-index:          1;
  }
#page
{
  float:            left;
  background:       #eee;
  }
#sliding_tabs
{
  position:         relative;
  top:              150px;
  width:            23px;
  float:            right;
  }
#sliding_tabs ul li
{
  margin-bottom:    3px;
  }
#sliding_tabs ul li a
{
	height:			      40px;
	width:            23px;
	display:		      block;
	text-indent:      -9999em;
	text-decoration:  none;
	overflow:         hidden;
	}
#sliding_tabs ul li a#next
{
	background:		    url('../img/next.gif');
	}
#sliding_tabs ul li a:hover#next
{
  background:       url('../img/next.gif') -23px 0px;
  }
#sliding_tabs ul li a#prev
{
	background:		    url('../img/prev.gif');
  }
#sliding_tabs ul li a:hover#prev
{
  background:       url('../img/prev.gif') -23px 0px;
  }
#tigerstyle
{
  width:            42px;
  height:           230px;
  background-image: url(../img/tigerstyle.png);
  position:         absolute;
  top:              230px;
  right:            30px;
  z-index:          0;
  }
/* HEADER                                                                                                    HEADER ::
---------------------------------------------------------------------------------------------------------------------- */
#header
{
  width:            755px;
  height:           80px;
  background:       #eee url('../img/header.jpg');
  }
#header h1
{
  text-indent:      -99999px;
  }
/* PRIMARY NAVIGATION                                                                            PRIMARY NAVIGATION ::
---------------------------------------------------------------------------------------------------------------------- */
#nav ul
{
  width:            755px;
  background:       #333 url('../img/menubar.gif');
  text-align:       center;
  height:           27px;
  border-bottom:    3px solid #f30;
  }
#nav ul li
{
  display:          inline;
  position:         relative;
  top:              3px;
  }
#nav ul li a
{
  color:            #ccc;
  text-decoration:  none;
  font-size:        1.2em;
  line-height:      1.7em;
  font-weight:      bold;
  padding:          6px 15px 7px 15px;
  }
#nav ul li a:hover
{
  color:            #fff;
  background:       #666;
  }
body.latest #nav li.latest a,
body.about #nav li.about a,
body.players #nav li.players a,
body.fixturesResults #nav li.fixturesResults a,
body.averages #nav li.averages a,
body.records #nav li.records a,
body.contact #nav li.contact a
{
  background:       #eee;
  color:            #006;
  font-weight:      bold;
  border:           3px solid #f30;
  border-bottom:    3px solid #eee;
  }
/* SUB NAVIGATION                                                                                    SUB NAVIGATION ::
---------------------------------------------------------------------------------------------------------------------- */
#subnav ul
{
  width:            730px;
  margin:           0 12.5px;
  margin-bottom:    10px;
  text-align:       center;
  clear:            both;
  }
#subnav ul li
{
  display:          inline;
  }
#subnav ul li a
{
  color:            #333;
  background:       #ddd;
  font-size:        1.2em;
  line-height:      1.7em;
  font-weight:      bold;
  padding:          3px 85px;
  border-bottom:    3px solid #ccc;
  }
#subnav ul li a:hover
{
  color:            #fff;
  background:       #999;
  border-bottom:    3px solid #666;
  }
#subnav ul li a#current
{
  color:            #fff;
  background:       #666;
  border-bottom:    3px solid #333;
  }
/* PRIMARY_CONTENT                                                                                  PRIMARY CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */
div#primary_content
{
  float:            left;
  width:            750px;
  margin:           15px 2.5px;
  }
/* SUBSIDIARY_CONTENT                                                                            SUBSIDIARY CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */
div#subsidiary_content
{
  float:            left;
  width:            730px;
  background:       #ccc;
  margin:           15px 10px;
  padding:          15px 0;
  }
div.subsidiary_entry
{
  width:            700px;
  margin:           0 auto;
  }
/* FOOTER                                                                                                    FOOTER ::
---------------------------------------------------------------------------------------------------------------------- */
div#footer
{
  float:            left;
  width:            750px;
  margin:           15px 2.5px;
  }
#footer ul
{
  width:            730px;
  height:           40px;
  background:       #eee url('../img/footer.jpg');
  margin:           0 10px;
  text-align:       center;
  }
#footer ul li
{
  display:          inline;
  font-size:        1.2em;
  line-height:      1.7em;
  float:            left;
  position:         relative;
  top:              11px;
  margin-left:      40px;
  }
#footer ul li a.top
{
  background:       url('../img/top.gif') 0 1px no-repeat;
  padding-left:     18px;
  }
#footer ul li a.feed
{
  background:       url('../img/feed.gif') 0 2px no-repeat;
  padding-left:     18px;
  }
#footer ul li a.print
{
  background:       url('../img/print.gif') 0 1px no-repeat;
  padding-left:     18px;
  }
/* LATEST                                                                                                    LATEST ::
---------------------------------------------------------------------------------------------------------------------- */
div.entry
{
  width:            700px;
  clear:            both; 
  float:            left;
  position:         relative;
  left:             25px;
  margin:           15px 0;
  padding:          10px 0;
  background:       #ddd;
  border-top:       1px solid #999;
  border-bottom:    1px solid #999;
  }
span.author
{
  float:            right;
  position:         relative;
  right:            40px;
  margin:           10px 0 15px 0;
  font-size:        1.3em;
  color:            #666;
  }
div.entry img
{
  border:           1px solid #999;
  }
div.archiveEntry
{
  width:            100%;
  float:            left;
  }
/* LATEST ARCHIVE                                                                                    LATEST ARCHIVE ::
---------------------------------------------------------------------------------------------------------------------- */
ul.categories, ul.archive
{
  margin:           10px 40px;
  }
ul.categories li
{
  display:          inline;
  font-size:        1.4em;
  font-weight:      bold;
  padding:          4px 20px;
  }
ul.archive li
{
  font-size:        1.4em;
  text-align:       right;
  color:            #777;
  border-bottom:    1px solid #ccc;
  padding:          4px 0 6px 0;
  }
ul.archive li a
{
  float:            left;
  }
ul.archive li span
{
  float:            left;
  font-size:        .8em;
  color:            #777;
  margin:           3px 0 0 10px;
  }
/* ABOUT                                                                                                      ABOUT ::
---------------------------------------------------------------------------------------------------------------------- */
dl.committee
{
  width:            700px;
  float:            left;
  position:         relative;
  left:             25px;
  margin:           10px 0;
  padding:          10px 0;
  background:       #ddd;
  border-top:       1px solid #999;
  border-bottom:    1px solid #999;
  }
dl.committee dt
{
  float:            left;
  width:            345px;
  font-size:        1.3em;
  font-weight:      bold;
  text-align:       right;
  padding:          3px 0;
  }
dl.committee dd
{
  float:            left;
  font-size:        1.3em;
  margin-left:      10px;
  padding:          3px 0;
  }
/* TEAMSHEET                                                                                              TEAMSHEET ::
---------------------------------------------------------------------------------------------------------------------- */
ul.teamsheet
{
  width:            700px;
  margin:           0 auto;
  margin-top:       10px;
  }
ul.teamsheet li
{
  width:            340px;
  clear:            left;
  float:            left;
  border-top:       1px solid #999;
  margin-bottom:    10px;
  }
ul.teamsheet li.alt
{
  clear:            none;
  float:            right;
  }
ul.teamsheet li img
{
  float:            left;
  padding:          10px;
  background:       #ddd url('../img/no-profile-pic_small.gif') 14px 10px no-repeat;
  border-bottom:    1px solid #999;
  }
ul.teamsheet li p
{
  clear:            none;
  float:            left;
  margin-left:      5px;
  padding:          0;
  font-weight:      bold;
  }
dl.featuredPlayer, dl.player
{
  float:            left;
  background:       #ddd;
  padding:          5px;
  text-align:       left;
  border-bottom:    1px solid #999;
  }
dl.featuredPlayer dt, dl.player dt
{
  float:            left;
  width:            247px;
  font-size:        1.4em;
  font-weight:      bold;
  margin-bottom:    5px;
  }
dl.player dt
{
  width:            330px;
  }
dl.featuredPlayer dd
{
  clear:            left;
  float:            left;
  width:            246px;
  font-size:        1.2em;
  margin-bottom:    2px;
  }
dl.featuredPlayer dd span
{
  float:            left;
  width:            65px;
  }
/* PLAYER PROFILE                                                                                    PLAYER PROFILE ::
---------------------------------------------------------------------------------------------------------------------- */
ul.profile, div.profileDescription
{
  width:            700px;  
  float:            left;
  position:         relative;
  left:             25px;
  margin:           15px 0;
  padding-top:      15px;
  background:       #ddd;
  border-top:       1px solid #999;
  border-bottom:    1px solid #999;
  }
ul.profile li
{
  width:            480px;
  float:            right;
  font-size:        1.2em;
  text-align:       left;
  padding:          5px 0;
  margin-right:     10px;
  }
ul.profile li span
{
  float:            left;
  width:            145px;
  font-weight:      bold;
  text-align:       right;
  padding-right:    10px;
  }
ul.profile li.profilePic
{
  float:            left;
  width:            170px;
  height:           215px;
  margin-right:     0;
  padding:          0 15px 15px 15px;
  background:       #ddd url('../img/no-profile-pic.gif') 25px 0 no-repeat;
  }
div.profileDescription
{
  margin:           15px 0;
  padding:          10px 0;
  }
/* GAME_DETAILS                                                                                        GAME DETAILS ::
---------------------------------------------------------------------------------------------------------------------- */
ul.game_details
{
  border:           2px solid #ddd;
  background:       #fff;
  width:            700px;
  float:            left;
  position:         relative;
  left:             25px;
  margin:           5px 0;
  padding:          10px 0;
  text-align:       left;
  }
ul.game_details li
{
  float:            left;
  position:         relative;
  left:             10px;
  width:            380px;
  font-size:        1.2em;
  font-weight:      normal;
  color:            #333;
  margin-bottom:    5px;
  }
ul.game_details li.col2
{
  width:            300px;
  }
ul.game_details li#fixture
{
  width:            680px;
  font-size:        1.8em;
  font-weight:      bold;
  color:            #006;
  margin-bottom:    3px;
  }
ul.game_details li#competition
{
  width:		      	680px;
  font-size:        1.4em;
  margin-bottom:    10px;
  }
/* SCORECARD                                                                                              SCORECARD ::
---------------------------------------------------------------------------------------------------------------------- */
div.scorecard
{
  clear:            both;
  width:            680px;
  margin:           0 auto;
  padding-top:      10px;
  }
.scorecard ul
{
  float:            left;
  margin:           15px 0 15px 0;
  }
.scorecard ul li.bowling
{
  float:            left;
  width:            465px;
  }
.scorecard ul li.fallofwicket
{
  float:            right;
  width:            200px;
  }
/* RECORDS                                                                                                  RECORDS ::
---------------------------------------------------------------------------------------------------------------------- */
dl.records
{
  width:            700px;
  float:            left;
  position:         relative;
  left:             25px;
  margin:           10px 0;
  padding:          10px 0;
  background:       #ddd;
  border-top:       1px solid #999;
  border-bottom:    1px solid #999;
  }
dl.records dt
{
  float:            left;
  width:            345px;
  font-size:        1.3em;
  font-weight:      bold;
  text-align:       right;
  padding:          4px 0;
  }
dl.records dd
{
  float:            left;
  font-size:        1.3em;
  margin-left:      10px;
  padding:          4px 0;
  }
/* CONTACT                                                                                                  CONTACT ::
---------------------------------------------------------------------------------------------------------------------- */
div.contact
{
  width:            670px;
  float:            left;
  position:         relative;
  left:             40px;
  background:       #ddd;
  border-top:       1px solid #999;
  border-bottom:    1px solid #999;
  margin:           10px 0;
  }
div.contact ul
{
  width:            320px;
  clear:            left;  
  float:            left;
  padding:          15px 0;
  }
div.contact ul.right
{
  clear:            none;
  float:            right;
  }
div.contact ul li
{
  font-size:        1.2em;
  padding:          2px 0;
  }
div.contact ul li.heading
{
  font-size:        1.4em;
  font-weight:      bold;
  color:            #006;
  padding:          5px 0;
  }
/* TABLES                                                                                                    TABLES ::
---------------------------------------------------------------------------------------------------------------------- */
table
{
  font-size:        1em;
  }
table.tabular_data
{
	width:            710px;
	padding:          1px;
	margin:           0 auto;
	margin-bottom:    20px;
  }
#scorecard table.tabular_data
{
  width:            100%;
  padding:          1px;
  margin:           0;
  }
#records table.tabular_data
{
  margin-top:       10px;
  }
.tabular_data tr.hidden, .tabular_data tr.hidden:hover, .tabular_data tr.hidden td
{
  background:       #eee;
  line-height:      8px;
  padding:          0 0 4px 0;
  }
.tabular_data tr.heading, .tabular_data tr.heading:hover
{
  background:       #333;
  }
.tabular_data tr.heading td
{
  color:            #fff;
  }
.tabular_data tr.subheading, .tabular_data tr.subheading:hover
{
  background:       #666;
  }
.tabular_data tr.overall, .tabular_data tr.overall:hover
{
  background:       #070;
  }
.tabular_data tr.subheading th, .tabular_data tr.subheading td, .tabular_data tr.overall td
{
  color:            #fff;
  }
.tabular_data tr.overall a
{
  color:            #ff0;
  }
.tabular_data tr.overall a:hover
{
  color:            #f30;
  }
.tabular_data tr
{
  background:       #ddd;
  }
.tabular_data tr.alt
{
  background:       #ccc;
  }
.tabular_data tr.highlight
{
  background:       #ff0;
  }
.tabular_data tr.highlight:hover
{
  background:       #ff0;
  }
.tabular_data tr:hover, .tabular_data tr:hover td.highlighted, .tabular_data tr.alt:hover td.highlighted
{
  background:       #fff;
  }
.tabular_data th
{
  font-size:        1.2em;
  font-weight:      bold;
  color:            #fff;
  text-align:       center;
  padding:          2px 3px 3px 3px;
  }
#scorecard .tabular_data th
{
  text-align:       left;
  padding:          2px 0 3px 3px;
  }
#subsidiary_content .tabular_data th
{
  text-align:       center;
  padding:          2px 0 3px 3px;
  }
#records .tabular_data th
{
  padding:          5px;
  }
.tabular_data td
{
  font-size:        1.2em;
  font-weight:      normal;
  color:            #333;
  text-align:       center;
  padding:          4px 3px 4px 3px;
  }
#scorecard .tabular_data td
{
  text-align:       left;
  padding:          2px 0 2px 3px;
  }
#subsidiary_content .tabular_data td
{
  text-align:       center;
  padding:          2px 0 2px 3px;
  }
#records .tabular_data td
{
  padding:          8px 5px;
  }
#scorecard .tabular_data th.center,
#scorecard .tabular_data td.center,
#scorecard li.bowling table th,
#scorecard li.bowling table td,
#scorecard li.fallofwicket table th,
#scorecard li.fallofwicket table td
{
  text-align:       center;
  }
.tabular_data th.left,
.tabular_data td.left,
#subsidiary_content .tabular_data th.left,
#subsidiary_content .tabular_data td.left,
#scorecard li.bowling table th.left,
#scorecard li.bowling table td.left,
#scorecard li.fallofwicket table th.left,
#scorecard li.fallofwicket table td.left
{
  text-align:       left;
  }
#scorecard .tabular_data th.right,
#scorecard .tabular_data td.right
{
  text-align:       right;
  }
.tabular_data td.highlighted
{
  background:       #ff0;
  }
.tabular_data tr.alt td.highlighted
{
  background:       #ee0;
  }
/* FORMS                                                                                                      FORMS ::
---------------------------------------------------------------------------------------------------------------------- */
form
{
  width:            670px;
  float:            left;
  position:         relative;
  left:             40px;
  margin:           10px 0;
  padding:          20px 0;
  background:       #ddd;
  border-top:       1px solid #999;
  border-bottom:    1px solid #999;
  }
form.filter
{
  width:            680px;
  margin:           0 0 15px 0;
  padding:          0;
  background:       none;
  border:           none;
  }
form.filter select
{
  width:            260px;
  background:       #ddd;
  color:            #666;
  border:           1px solid #999;
  text-align:       center;
  }
form.filter select.small
{
  width:            100px;
  }
form.filter option
{
  background:       #fff;
  color:            #000;
  }
label
{
  float:            left;
  font-size:        1.4em;
  line-height:      1.6em;
  text-align:       left;
  padding-bottom:   5px;
  margin-left:      23px;
  }
.textinput, .textarea
{
  width:            620px;
  padding:          3px;
  }
.textinput, .checkbox, .textarea
{
	border:					  3px double #ccc;
	background:       #eee;
	color:					  #333;
	margin:					  0 0 4px 0;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	}
.textinput:focus, .checkbox:focus, .textarea:focus
{
	border:					  3px double #aaa;
	background:       #fff;
	}
.radio
{
  margin:           0 2px 0 6px;
  }
.submit
{
  float:            right;
  margin-right:     23px;
  padding:          2px 12px;
  }
/* ERROR REPORT                                                                                        ERROR REPORT ::
---------------------------------------------------------------------------------------------------------------------- */
div.error_report
{
  width:            700px;
  float:            left;
  position:         relative;
  left:             22px;
  margin-top:       20px;
  margin-bottom:    20px;
  padding-bottom:   14px;
  text-align:       left;
  border:           2px solid #f30;
  background:       #fff;
  }
div.alert
{
  border:           2px solid #f30;
  background:       #fff;
  width:            636px;
  float:            left;
  position:         relative;
  left:             40px;
  margin:           5px 0 10px 0;
  padding:          15px;
  text-align:       center;
  font-size:        1.3em;
  font-weight:      bold;
  }
div.alert#success
{
  border:           2px solid #4a4;
  }
div.alert p
{
  font-size:        1em;
  padding:          0;
  }
/* TEXTUAL AESTHETICS                                                                            TEXTUAL AESTHETICS ::
---------------------------------------------------------------------------------------------------------------------- */
body
{
	font:					    normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	color:            #333;
	}
h1, h2, h3
{
  clear:            left;
  font-size:        2em;
  font-weight:      normal;
  color:            #006;
  text-align:       left;
  padding: 					0.2em 0 0.3em 0;
  margin-left:      20px;
  }
#contact h1
{
  margin-left:      40px;
  }
h2
{
  font-size:        1.7em;
  color:            #333;
  }
#fixtures h2
{
  padding:          0;
  }
#error h2
{
  font-size:        1.8em;
  color:            #006;
  margin:           1em 0 1em 0;
  }
#subsidiary_content h2
{
  font-size:        1.9em;
  margin:           0 0 15px 0;
  padding-left:     15px;
  border-bottom:    1px dashed #333;
  }
h3
{
  font-size:        1.4em;
  color:            #666;
  }
h3.right
{
  clear:            none;
  float:            right;
  position:         relative;
  right:            20px;
  }
p
{
  clear:            left;
  font-size:        1.3em;
  line-height:			1.5em;
  text-align:       justify;
	margin: 					0.3em 0 0.6em 0;
	padding:          10px 40px;
	}
p.small
{
  font-size:        1em;
  }
h2.center, p.center
{
  text-align:       center;
  margin-left:      0;
  }
blockquote
{
  clear:            left;
  font-size:        1.3em;
  line-height:			1.5em;
  color:            #222;
  text-align:       justify;
	margin: 					0.3em 50px 30px 50px;
	padding:          20px;
	border:           1px solid #aaa;
	background:       #eee;
	}
.entry ul, ol
{
  float:            left;
  margin: 					-35px 50px 0 80px;
  list-style:       square;
  font-size:        1.3em;
  color:            #444;
  }
.entry ol
{
  list-style:       decimal;
  }
span.hrule
{
  clear:            left;
  width:            720px;  
  float:            left;
  position:         relative;
  left:             15px;
  height:           1px;
  margin:           10px 0;
  background:       #ccc;
  font-size:		    .1em;
  }
/* HYPERLINKS                                                                                            HYPERLINKS ::
---------------------------------------------------------------------------------------------------------------------- */
a
{
  color:            #006;
	text-decoration:	none;
	}
a.discreet
{
  color:            #333;
	text-decoration:	none;
	}
a:hover
{
	color:					  #f30;
	}
.tabular_data tr.heading th a
{
  color:            #fff;
  }
.tabular_data tr.heading th a:hover
{
  color:            #f30;
  }