/**
 * Stylesheet
 * 
 * @author Ian Haycox - ian.haycox@gmail.com
 * @version $Id: style.css 655 2013-05-03 10:40:52Z ian $
 * @package	 Motor-Sport-Results
 * @copyright Copyright 2009
 *
 */


/*
Styling
=======

By default this plugin supplies a default CSS stylesheet,

	wp-content/plugins/motor-sport-results/css/style.css

to style the widgets and result tables.

If you wish modify the style, then do not edit the supplied CSS file as it will
get over-written on plugin upgrades. Instead, copy the supplied stylesheet to the
root directory of your theme and name it motor-sport-results.css

For example, copy style.css to wp-content/themes/your-theme/motor-sport-results.css

The stylesheet motor-sport-results.css will be used in preference to the default stylesheet


Hiding columns and rows
=======================

By using CSS it is possible to hide columns and rows displayed by the shortcode output.

Each table displayed has a class name the same name as the shortcode function name and
each column named msr_col1, msr_col2, ...

Therefore to hide a column a simply add the following CSS rule to your stylesheet,

table.msr_teams_champ .msr_col1 {
    display:none;
}
to hide column 1 (the position) from the output.

For shortcodes with an output similar to msr_driver_stats, i.e. those with two columns displaying
a list, use the CSS class msr_row1 instead.


Highlighting drivers or teams
=============================

Within the msr_teams_champ and msr_drivers_champ tables each row can be
styled on a per driver or per team basis via the following CSS

tr.msr-driver-HAM {
	background-color: red;
}

tr.msr-team-FER {
	background-color: yellow;
}

The driver shortcode HAM should be replaced with the shortcode you used for the driver definition. So for example
if the driver shortcode for John Paul Smith is  JPS then to style use tr.msr-driver-JPS {}  

Note: It is case-sensitive.


*/

@CHARSET "UTF-8";

.motor-sport-results-form fieldset {
	margin-top:1em;
	padding-bottom:1em;
	border: thin solid black;
	width:70%;
}

.motor-sport-results-form legend {
	margin-left:1em;
}

.motor-sport-results-submit {
	padding:0.5em 0;
}

table.motor-sport-results.listresults, table.motor-sport-results-browser {
	width: 100%;
}

.motor-sport-results-form table td {
	padding: 2px 10px 2px;
}

table.motor-sport-results td img {
	display:inline;
}

.motor-sport-results-form table th {
	padding: 6px 10px 2px;
}

.motor-sport-results-form table tr {
	line-height: 1em;
}

table.motor-sport-results {
    text-align: center;
    border: 0;
    border-collapse: collapse;
    margin: 0 auto;
    background: #C0C0C0;
    color: #fff;
    width:96% !important;
    font-size:13px !important;
}

table.motor-sport-results a{
color:#000 !important;
}

table.motor-sport-results th {
    padding: 7px 5px 7px 5px !important;
    color: #000;
    font-weight:500;
    margin: 0;
    background: #f70;
}


table.motor-sport-results th a {
	color:white !important;
}


table.motor-sport-results td {
    vertical-align: top;
    padding: 7px 5px 7px 5px !important;
    border: 0;
    margin: 3px;
    border-right: 1px solid #bbb !important;
    border-bottom: 1px solid #bbb !important;
    background:#eee;
    color:#000;

}


table.motor-sport-results td img {
    display: inline;
    float: right;
    margin:auto;
    width:20px !important;
}



table.motor-sport-results caption {
    font-weight: bold;
    background: #fff !important;
    border-right: 1px solid white;
    /* white-space: nowrap; */
    padding: 10px 5px 10px 5px;
    font-size:15px;

}

.flag {
	float: left;
	margin: 0.3em; 
	padding: 0.3em; 
	font-size: 10px;
}

div.motor-sport-results-shortcode {
	background:white;
}

table.motor-sport-results-shortcode th {
	padding-right:3em;
}


.motor-sport-results-error {
	color:red;
	font-weight: bold;
}

td.numeric {
	text-align:right;
}

.team_mate {
	background-color: #393d3f;
}

#msr_default_points input.del, #msr_default_user_points input.del {
	background: url('del.png') no-repeat;
	text-indent: -100px;
	cursor:pointer;
	width:16px;
	height:16px;
	border:none;
	
}

table.tablesorter thead tr .header {
	background-image: url('bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url('asc.gif');
}

table.tablesorter thead tr .headerSortDown {
	background-image: url('desc.gif');
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    padding-right: 16px;
}

table.tablesorter tbody td {
    padding-right: 16px;
}

.msr_pos {
	font-weight: bold;
}

.msr_position {
	text-align:center;
	background-color: #CFCFFF;
	color:#777;
}

/* First second third */

.msr_position.msr_position_1 {
    text-align: center;
    background-color: #ffab4c !important;
    color:#000 !important;
 }

.msr_position.msr_position_2 {
    text-align: center;
    background-color: #bbb !important;
    color:#000 !important;
}

.msr_position.msr_position_3 {
    text-align: center;
    background-color: #cd7f32 !important;
    color:#000 !important;
}

.msr_pole {
	font-weight:bold;
}

.msr_points {
	background-color: #d3d3d3 !important;
	color:#000 !important;
}

.msr_retired {
	background-color: #daa !important;
	color:#000 !important;
}

.msr_unclassified {
	background-color: white;
	color: #844 !important;
}

.msr_total {
	font-weight: bold;
	text-align:right;
}

table.msr_season_driver_results td, table.msr_season_team_results td,
	table.msr_season_driver_results th, table.msr_season_team_results th {
	padding:1px;
	font-size:inherit;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 300px;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}

/* Width of auto complete box */
#msr-search .ui-autocomplete-input { 
    width: 400px;
}

a.msr-autocomplete-link {
	text-decoration: none !important;
	color:#1982D1 !important;
}