/*************
  Blue Theme
 *************/

/* overall */
.tablesorter-blue {
	width: 80%;
	background-color: #fff;
	margin: 10px 0 15px;
	text-align: left;
	border-spacing: 0;
	border: #cdcdcd 1px solid;
	border-width: 1px 0 0 1px;
}
.tablesorter-blue th {
	border: #cdcdcd 1px solid;
	border-width: 0 1px 0px 0;
	}

.tablesorter-blue td {
	border: #cdcdcd 1px solid;
	border-width: 0 2px 0px 0;
}
.tablesorter-blue tr {
	border-collapse: collapse;
	background-color: #fff;
	padding: 0px;
}
/**/

/* header */
.tablesorter-blue th,
.tablesorter-blue thead td {
	font: 12px/18px Arial, Sans-serif;
	/*cellpadding:0;*/
	font-weight: bold;
	color: #000;
	background-color: rgba(0, 255, 0, 0.1); /*#99bfe6;*/
	border-collapse: collapse;
	padding: 2px;
	text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7);
}
.tablesorter-blue tbody td,
.tablesorter-blue tfoot th,
.tablesorter-blue tfoot td {
	padding: 0px;
	vertical-align: center;
}

/* table processing indicator */
.tablesorter-blue .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(images/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-blue tbody tr.odd > td {
	background-color: #ebf2fa;
}
.tablesorter-blue tbody tr.even > td {
	background-color: #fff;
}

/* Column Widget - column sort colors */
.tablesorter-blue td.primary,
.tablesorter-blue tr.odd td.primary {
	background-color: #99b3e6;
}
.tablesorter-blue tr.even td.primary {
	background-color: #c2d1f0;
}
.tablesorter-blue td.secondary,
.tablesorter-blue tr.odd td.secondary {
	background-color: #c2d1f0;
}
.tablesorter-blue tr.even td.secondary {
	background-color: #d6e0f5;
}
.tablesorter-blue td.tertiary,
.tablesorter-blue tr.odd td.tertiary {
	background-color: #d6e0f5;
}
.tablesorter-blue tr.even td.tertiary {
	background-color: #ebf0fa;
}

/* caption */
.tablesorter-blue > caption {
	background-color: #fff;
}

/* filter widget */
.tablesorter-blue .tablesorter-filter-row {
	background-color: #eee;
}
.tablesorter-blue .tablesorter-filter-row td {
	background-color: #eee;
	line-height:normal;
	row-height:0;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-blue .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-blue .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-blue .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-blue input.tablesorter-filter,
.tablesorter-blue select.tablesorter-filter {
	width: 98%;
	height: auto;
	margin: 0;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}

/*************
  end Blue Theme
 *************/
 
 /*************
/* pager wrapper, div */
.tablesorter-pager {
	padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
	background-color: #e6eeee;
	margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
	vertical-align: middle;
	margin-right: 2px;
	cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
	padding: 0 5px 0 5px;
	width: auto;
	white-space: nowrap;
	text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
	margin: 0;
	padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
	display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
	/* visibility: hidden */
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}
/* end pager wrapper, div */


/*************
  used for hovering
 *************/
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  font-size:12px;
  background-color: #fff;
  color: black;
  text-align: left;
  padding: 5px 4;
  border-radius: 6px;
  top:-6;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* Tooltip text */
.tooltip .tooltipRank {
  visibility: hidden;
  
  background-color: #fff;
  color: black;
  text-align: left;
  padding: 5px 4;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  top:-100px;
  right:-120px;
  width:300px;
  height:40px;
  align-content:center;
  background:rgba(0, 255, 0, 0.1);   
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltipRank {
  visibility: visible;
}



.main {
width:auto;
height:20;

position:relative;
background:auto;   
}
.main:hover .hidden {
display:block;   
}
.visible {
position:absolute;
align:center;
top:0;
left:-20;

width:100px;
height:100px;   
}
.hidden {
position:absolute;
top:-80;
right:-40px;
width:200px;
height:50px;
radius:25px;
display:none;

background:rgba(0, 255, 0, 0.1);   
}


.runner tr {font-family: Arial; border-width: 1px 0px 0px 1px; row-height:10; border-collapse: collapse; padding: 0px;}

.runner-headerfld1 {width:25px;text-align:center; font-size: 11px;font-family: Arial;text-overflow: clip;border-spacing: 0;
	border: #cdcdcd 1px solid;	border-width: 0 0 0 1px;
	/*BGCOLOR:#ffffff; */
	COLOR:#000000;
	}
.runner-dt1 {width:25px;text-align:center; font-size: 11px;font-family: Arial;text-overflow: clip;border-spacing: 0;
	border: #cdcdcd 1px solid;	border-width: 1px 0px 0px 1px;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.runner-form {width:60px; text-align:right; font-size: 10px;font-family: Arial;text-overflow: clip;
	border: #cdcdcd 1px solid;	border-width: 2px 0px 0px 0px;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:red;
	}
.runner-AgeWtDr {width:70px;text-align:center;  font-size: 12px;font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
	
	


.form-tr tr {bgcolor:#e6ffe6; row-height:10; border-collapse: collapse;	padding: 0px;}
			
.form-Jockey {width:85px;text-align:left;font-size: 10px;font-family: Arial;text-overflow: clip;
	bgcolor:#e6ffe6;
	}	
.form-Trainer {width:85px;text-align:left;font-size: 10px;font-family: Arial;text-overflow: clip;
	bgcolor:#FF0000; 
	COLOR:#000000;
	}	
.form-MFY {width:50px;	text-align:center; font-size: 11px; font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.runner-MFY {width:50px;	text-align:center; font-size: 11px; font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.form-CRS {width:30px;	text-align:center; font-size: 11px; font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.form-SURF {width:30px;	text-align:center; font-size: 11px; font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.form-gen {width:20px;	text-align:right; font-size: 11px; font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.form-Result {
	width:200px;
	text-align:right;  
	/*BGCOLOR:#ffffff;*/ 
	font-size: 12px;
	font-family: Arial;
	
	COLOR:#000000;
	text-overflow: clip;
}
.form-AgeWtDr {width:70px;text-align:center;  font-size: 12px;font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	}
.form-Date {
	width:30px;
	text-align:center;  
	/*BGCOLOR:#ffffff;*/ 
	font-size: 11px;
	font-family: Arial;
	
	COLOR:#000000;
	text-overflow: clip;
}
.form-Prize {width:60px; text-align:center; font-size: 10px;font-family: Arial;text-overflow: clip;
	/*BGCOLOR:#ffffff;*/ 
	COLOR:#000000;
	
}


	
.form-Time {
	width:40px;
	text-align:right;  
	/*BGCOLOR:#ffffff;*/ 
	font-size: 10px;
	font-family: Arial;
	
	COLOR:#000000;
	text-overflow: clip;
}
.form-dt {
	width:22px;
	text-align:center;  
	/*BGCOLOR:#ffffff;*/ 
	font-size: 12px;
	font-family: Arial;
	
	COLOR:#000000;
	text-overflow: clip;
}
.form-dt1 {
	width:30px;
	text-align:center;  
	bgcolor:#e6ffe6;
	font-size: 12px;
	font-family: Arial;
	border: #cdcdcd 1px solid;	border-width: 0 1px 0 1px;
	COLOR:#000000;
	text-overflow: clip;
}
.form-dt2 {
	width:22px;
	text-align:right;  
	/*BGCOLOR:#ffffff;*/ 
	font-size: 10px;
	font-family: Arial;
	
	COLOR:#000000;
	text-overflow: clip;
}

.crop{
  height: 150px;
  width: 200px;
  overflow: hidden;
}