html {font-size:62.5%; height:100%; margin-bottom:1px;}
body {font-family:Tahoma,Arial,sans-serif; color:#666; font-size:1.2em; background:#EEE url("/images/bg_page.jpg") repeat-x;}
a {text-decoration:none; color:#666; outline:none;}
a:hover {text-decoration:underline;}

.hide {display:none;}

#page {width:980px; margin:0px auto;}

#header {height:110px; position:relative; padding:0px 10px; background:url("/images/bg_content-top.jpg") bottom no-repeat;}
#header a:hover  {text-decoration:none;}

a#league_name {color:#E2E2E2; font-size:1.8em; float:left; margin-top:5px;}

#logo {position:absolute; right:10px; top:16px; height:46px; width:99px; background:url("/images/img_footify-logo.jpg") center no-repeat;}
#logo {text-indent:-3000em; overflow:hidden;}

#tools {position:absolute; right:120px; top:16px;}
#tools li {display:inline;}
#tools li a {color:#E2E2E2; border-right:1px solid #666; padding:0 8px 0 4px;}
#tools li a:hover {color:#FFF; text-decoration:underline;}

#navigation {position:absolute; bottom:30px; left:10px; width:960px;}
#navigation li {display:inline; float:left; cursor:pointer; position:relative;}
#navigation li a {float:left; outline:none; color:#E0E0E0; padding:0px 25px; line-height:35px; font-size:1.1em;}
#navigation li a:hover {color:#FFF;}
#navigation li.active {background:url("/images/bg_tab_active.jpg") right bottom no-repeat;}
#navigation li.active a {color:#333;}
#navigation li.active a:hover {}
#navigation li.last {border-right:none;}

/*
#navigation li.reveal {padding-right:15px;}
#navigation li.reveal li {background:url("/images/bg_nav-level1.gif") repeat-x; padding-right:0px;}
#navigation li.reveal a {background:url("/images/bg_nav-down.png") center right no-repeat; color:#E0E0E0;}
#navigation li.reveal.active a {background:url("/images/bg_nav-down-selected.png") center right no-repeat; color:#333;}
#navigation li.reveal.active:hover a {background:url("/images/bg_nav-down.png") center right no-repeat; color:#E0E0E0;}
#navigation li.reveal.active:hover li a {background-image:none;}
#navigation li.reveal li a {background-image:none;}
#navigation li.reveal li.reveal a {background:url("/images/bg_nav-right.png") 185px 10px no-repeat;}
#navigation li.reveal li.reveal li {background:url("/images/bg_nav-level2.gif") repeat-x;}
#navigation li.reveal li.reveal li a {background-image:none;}
#navigation li.reveal:hover {background:url("/images/bg_nav-level1.gif") repeat-x;}
#navigation li.reveal:hover a {color:#E0E0E0 !important;;}
#navigation li.reveal:hover a:hover {color:#FFF !important;;}
#navigation li.reveal:hover ul {display:inline;}
#navigation li.reveal:hover ul ul {display:none;}
#navigation li.reveal:hover li:hover {background:url("/images/bg_nav-level2.gif") repeat-x;}
#navigation li.reveal:hover li:hover ul {display:inline;}
#navigation ul {position:absolute; top:35px; left:0px; width:200px; display:none; z-index:100;}
#navigation ul {
	box-shadow:				 1px 1px 1px #333; 
	-o-box-shadow:		 1px 1px 1px #333; 
	-moz-box-shadow:	 1px 1px 1px #333; 
	-webkit-box-shadow:1px 1px 1px #333;
}

#navigation ul a {padding:0px; width:175px; padding-left:25px;}
#navigation li.active ul a {}
#navigation ul ul {position:absolute; top:0px; left:200px; width:200px; display:none;}
*/

.sub_navigation_wrapper {height:55px;}
.sub_navigation {background:url("/images/bg_sub-navigation.gif") no-repeat; position:absolute; width:730px; height:52px;}
.sub_navigation li {display:inline; float:left; height:52px;}
.sub_navigation li.selected {background:url("/images/bg_sub-navigation-selected.gif") 50% 33px no-repeat;}
.sub_navigation li a {float:left; outline:none; padding:0 15px; line-height:33px; color:#333; background:url("/images/bg_sub-navigation-divider.gif") right no-repeat; font-size:1.1em;}

#content {width:960px; padding:5px 10px 10px 10px; background:#FFF url("/images/bg_content-repeat.jpg") repeat-y;}

#main {width:720px; float:left; display:inline; overflow:hidden;}

#side {width:180px; padding-right:19px; float:left; margin:0 20px; display:inline; overflow:hidden;}

#side h2 {margin-bottom:15px; color:#333;}

#side #find_competition {border-top:1px dotted #CCC; margin-top:15px; padding-top:15px;}
#side #find_competition ul {}
#side #find_competition ul li {line-height:18px; margin-bottom:5px; padding-left:20px;}
#side #find_competition ul li.standard_division {background:url("/images/icons/application_view_list.png") 0px 0px no-repeat;}
#side #find_competition ul li.standard_knockout_cup {background:url("/images/icons/medal_gold_1.png") 0px 0px no-repeat;}

#side #find_team {border-top:1px dotted #CCC; margin-top:15px; padding-top:15px;}
#side #find_team input {}
#side #find_team ul {}
#side #find_team ul li {background:url("/images/icons/user.png") 0px 0px no-repeat; margin-bottom:5px; padding-left:20px;}
#side #find_team form#quicksearch {margin-bottom:10px;}
#side #find_team form#quicksearch input {width:95px; margin-left:5px;}
#side #find_team #team_list li {display:none;}

#yield_wrapper {overflow:hidden; position:relative;}
#yield {position:relative; left:0px; top:0px; width:720px;}

#team_assets {float:left; width:350px;}

.goal_count {font-weight:bold; text-align:center;}
div.man_of_the_match {margin-top:5px; font-size:0.9em; text-align:center;}
div.man_of_the_match span {background:url("/images/icons/bullet_star.png") 0px -1px no-repeat; padding:0px 15px;}

.slim_league_table .name {width:130px;}
#footer {background:url("/images/bg_content-bottom.jpg") top no-repeat; padding-top:30px;}
#footer p {text-align:center; color:#999;}
#footer p a {}

.read_more {font-weight:bold;}
.information {background:url("/images/icons/information.png") 0px 5px no-repeat; padding:5px 20px; margin:5px;}
.abandoned_text {font-size:0.9em; font-style:italic; margin-top:5px;}
.articles .box_content dd a {background:url("/images/icons/bullet_toggle_plus.png") 0px 1px no-repeat; padding-left:15px;}

.article .info {font-weight:bold; margin:5px 0;}
.article .info a {float:right; background:url("/images/icons/bullet_toggle_plus.png") 0px 1px no-repeat; padding-left:15px;}

#preloader {margin:50px 0px 400px 290px;}

.actions {}
.actions a {text-transform:lowercase; text-decoration:underline;}
.actions .negative {color:#CC3300;}
.actions .positive {color:#529214;}


/*************************************/
/************ Headings ***************/
/*************************************/

h1 {font-size:1.7em; margin-bottom:15px; color:#333;}
h2 {font-size:1.0em;}

/*************************************/
/*************** Modal ****************/
/*************************************/

/*
	iframe.modal_content {width:700px; height:300px; position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:-150px;}
	body.modal {background:#FFF; padding:10px;}
*/

/*************************************/
/*************** Boxes ****************/
/*************************************/

.box {border:1px solid #DEDEDE; position:relative; clear:both;}
.box .box_heading {border:1px solid #FFF; background:url("/images/bg_header.gif") repeat-x; line-height:30px; padding:0 10px; color:#333;}

.box .box_heading a {color:#333; display:block;}
.box .box_heading a:hover {text-decoration:none;}

.box .box_content {padding:10px; overflow:hidden; border-top:1px solid #DEDEDE;}
.box .box_content ul {margin-top:-10px;}
.box .box_content ul.two_column li {width:50%; float:left;}
.box .box_content ul li {border-bottom:1px solid #DEDEDE; padding:7px 0;}
.box .box_content ul li p.title {line-height:30px; float:left;}
.box .box_content ul li .buttons {float:right; padding:0px; margin-top:-7px;}
.box .box_content ul li .buttons a {margin-top:7px;}
.box .box_content h3 {font-size:1.1em; font-weight:bold;}
.box .box_content dl {margin-top:-5px;}
.box .box_content dl.matches dt {text-align:center;}
.box .box_content dl.matches ul {margin-top:0px; border-bottom:1px solid #DEDEDE; padding-bottom:5px;}
.box .box_content dl ul li {border-bottom:0px; padding:3px 0; text-align:center;}
.box .box_content dt {font-weight:bold; padding:5px 0;}
.box .box_content dd {padding-left:5px;}
.box .box_buttons {position:absolute; top:1px; right:-5px; padding-top:0px!important;}
 
.box .form_label {float:left; width:220px; padding:0px; margin:0px;}
.box .form_label label {padding:5px; margin:0px; font-size:1.1em;}
.box .form_field {float:left; width:650px; padding:0px; margin:0px;}
.box .form_field ul {padding:10px 0 5px 0;}
.box .form_field ul li {border-bottom:0px;}
.box .form_field select {}
.box .form_field input {font-size:1.2em; width:200px; padding:5px; border:1px solid #CCC; color:#666;}
.box .form_field input.checkbox {width:auto; padding:0px; border:0px solid #CCC; color:#666;}
.box .checkbox input {width:auto; padding:0px; border:0px solid #CCC; color:#666;}
.box .form_error {color:#C30; padding:10px; font-size:1.0em; float:none; width:auto; clear:both;}
.box .buttons {padding:10px 0px 0px 0px;}
.box table .buttons {padding:2px; float:right;}
.box table .buttons a {margin:0 0 0 2px;}
.box .form_item_with_errors {border:2px solid #C30; margin-top:-2px;}
.box .form_item_with_errors label {padding-left:10px; color:#C30;}

.box .double_column .form_label,
.small_box .form_label {width:100px;}
.box .double_column .form_field,
.small_box .form_field {width:300px;}

.box .box_content ul.fixture_list li {font-weight:bold; text-align:center;}
.box .box_content ul.fixture_list ul {margin-top:10px;}
.box .box_content ul.fixture_list li li {border-bottom:0px; font-weight:normal;}

.box, .tabs, .small_box, .small_tabs {float:left; clear:none;}

.box,
.tabs,
.section {width:97.5%; margin:1% 2% 1% 1px;}

.small_box,
.small_tabs {width:47.75%; margin:1% 2% 1% 0;}

.small_tabs .small_box, 
.small_tabs .box,
.tabs .box,
.ajax_tabs .box {width:100%; margin:-1px 0 0 0;}

.ajax_tabs .box {margin:-1px 0 0 0;}

/*************************************/
/************** Tabs ****************/
/*************************************/

.tabs {border-top:1px solid #DEDEDE; position:relative; float:left;}
.closed .box_content {display:none;}
#main .closed h2 {border-bottom:0px;}
.tab h2 {cursor:pointer;}
span.box_icon {position:absolute; right:0px; top:0px; width:30px; height:30px;}
.tab h2 span.box_icon,
.open h2 span.box_icon {background:url("/images/icons/bullet_arrow_down.png") 5px 9px no-repeat;}
.closed h2 span.box_icon {background:url("/images/icons/bullet_arrow_up.png") 5px 9px no-repeat;}
.loading .box_content {display:block; background:url("/images/msc_preloader.gif") center center no-repeat; height:50px;}

.small_tabs {float:left;}

.photo img {padding:4px; border:1px solid #DEDEDE; margin-bottom:20px;}
.videos li {text-align:center;}
.videos .photo img {margin-bottom:0px;}

.ajax_tabs {border-top:1px solid #DEDEDE; float:left; position:relative; margin:1% 2% 1% 1px; width:97.5%; clear:none;}

/*************************************/
/************** Flash ****************/
/*************************************/

.flash {padding:10px 10px 10px 35px; float:left; width:651px; margin-right:20px; color:#666; margin-bottom:10px; border:2px solid #DEDEDE;}
.flash_notice {background:url("/images/icons/error.png") 10px 10px no-repeat;}
.flash_error {background:url("/images/icons/exclamation.png") 10px 10px no-repeat; color:#C30; border:2px solid #C30;}
.flash_success {background:url("/images/icons/accept.png") 10px 10px no-repeat; color:#090; border:2px solid #090;}

/*************************************/
/************** Errors ***************/
/*************************************/

#main .errorExplanation {margin-bottom:20px;}
#main .errorExplanation h2 {color:#CC3300; background:none; border-bottom:0px; padding:0px; line-height:20px;}
#main .errorExplanation p {display:none;}
#main .errorExplanation ul {list-style:circle inside; margin:10px;}

/*************************************/
/************** Forms ****************/
/*************************************/

form {}
form fieldset {border-top:1px solid #E2E2E2;}
form legend {color:#333; font-size:1.1em; padding:0 10px; background:#FFF;}
form .form_item {border-bottom:1px solid #E2E2E2; padding:7px 0 5px 0;}
form .focus {background:#F3F3F3;}
form .form_label {float:left; width:220px; padding:0px 10px;}
form .form_label label,
form .form_label .example {margin:7px 5px 0 0; float:left;}
form .form_label .required {float:left; margin:0 5px 0 -5px;}
form .form_field {float:left; width:200px; padding:0px 5px 3px 0px; position:relative;}
form .checkbox {background:none;}
form .checkbox input {margin:7px 0;}
form .form_field input {font-size:1.3em; width:190px; padding:5px; border:1px solid #CCC; color:#666;}
form .form_field input.checkbox {width:auto; border:0px;}
form .checkbox input {width:auto; border:0px;}
form .form_field select {width:203px; color:#666; margin-top:4px;}
form .focus .form_field {background:none;}
form .focus .form_field input {background:#FFF; color:#333;}
form .fieldWithErrors input {}
form .form_error {float:right; color:#C30; width:220px; margin-top:5px; font-size:0.8em;}

form.double_column fieldset {float:left; width:50%;}
form.double_column fieldset.single_column {width:700px;}
form.double_column .form_label {width:100px;}
form.double_column .form_field input {width:190px;}
form.double_column .form_error {width:auto;}

form .buttons {padding-top:10px; clear:both;}

#ui-datepicker-div {width:203px;}
.ui-datepicker-trigger {position:absolute; top:7px; right:10px;}

/*************************************/
/************** Tables ***************/
/*************************************/

table {width:100%;}
table thead tr {color:#333;}
table thead tr th {padding:0 7px; line-height:30px; font-style:italic;}
table tbody tr.even {background:#F3F3F3;}
table tbody tr.focus  {color:#333;}
table tbody tr.selected {background:red;}
table tbody tr.row_link {cursor:pointer;}
table tbody tr.row_link a.active {color:red}
table tbody tr td {padding:0px 7px; height:30px;}

/*************************************/
/************* Buttons ***************/
/*************************************/

.buttons {padding:5px 0; text-transform:uppercase;}

.buttons a, .buttons button {
	display:block;
	float:left;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-size:80%;
  line-height:180%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 7px; /* Links */
  outline:none;
}

.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

button {
  outline:none;
}

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

button.positive, .buttons a.positive{
  color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

a.delete_button {
  display:block;
  float:left;
  margin:0;
  background-color:#fff;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:3px; /* Links */
  outline:none;
  background-position: 5px center;
  background-repeat:no-repeat;
  padding-left:25px;
	width:0;
	padding-right:0;
	overflow:hidden;
}

a.delete_button:hover {
  border-color:#bababa;
  background-color:#f7f7f7;
}