body{
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	color: #323232;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

/** common styles **/
#horseData-sec .glyphicon{font-family: 'Open Sans',sans-serif;}
.padding0{ padding:0;}
.margin-zero{margin: 0;}
.margin-top-20{margin-top: 20px;}
.display-inblock{display: inline-block;}
.hand{cursor: pointer;}
.no-border{border: none;}
.table th, .table td {padding: 3px; font-size: 13px;}
.table th{text-align: center;}
.table th.text-left{text-align: left;}
.bold{font-weight: bold;}
.red{color: #FF0000;}
.gray{color: #999;}
.green-bg{background-color: #9BBB59;}
.blue-bg{background-color: #538ed5;}
.blue-bg-1{background-color: #b8cce4;}
.gray-bg{background-color: #d8d8d8;}
.black-bg{background-color: #333;}
.clear{clear:both;}
.font13{font-size:13px;}
.btn-green{background-color: #9BBB59; color: #FFF;}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {background-color: #81a041; color: #fff;}
.btn-inverse {
  	color: #fff;
  	background-color: #363636;
  	border-color: #222222;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active {
  	color: #fff;
  	background-color: #151515;
 	border-color: #222222;
}
.italic{font-style: italic;}
.semi-bold{font-weight: 600;}
a:focus, a:active, a:hover{outline: none;}
th span {color: #333; font-weight: normal;}
/** End of common styles **/

/** bootstrap override styles**/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #9bbb59;
}
/** end of bootstrap override styles **/

#topNav{background: #333; color: #FFF;}
.race-list{
	margin: 15px 0 0;
    overflow: hidden;
    padding: 0;
	font-size:12px;

}
.race-list li {
    background: none repeat scroll 0 0 #9bbb59;
    border-radius: 10px;
    cursor: pointer;
    float: left;
    height: 40px;
    list-style: none outside none;
    margin: 4px;
    padding: 2px 0 0 0;
    text-align: center;
    width: 45px;
}
.race-list li.active {background-color: #DDD; cursor: default;color:#333;}
.race-list li:first-child{margin-left: 0;}
.race-head{color: #FFF;}
#race-section{margin-top: 120px;}
#raceBullTable th{background-color: #9BBB59;color:#FFF;}
.race-name{height: 130px; padding-top: 20px;}
.race-name h1 span{background-color: #9BBB59; padding: 20px;border-radius:10px;}
.race-options img{margin: -5px 5px 0 10px;}
.race-options{margin: 10px 0; font-weight: 600;}
.horsePPsTable{background-color: #d8d8d8;}
#raceInfo{color: #FFF; margin-bottom: 0;}
#raceInfo .raceNumBig{font-size:40px;}
#settingsModal .modal-body{font-size: 14px;}
.settings-box span{font-weight: bold;}
.settings-box.btn-box{height: 116px;  line-height: 86px;}
#settingsModal .settings-box{margin-bottom: 10px; padding: 15px;}
.settings-box hr{border-color: #DDD; margin: 10px 0;}
#settingsModal input[type="radio"] {margin-right: 3px; cursor: pointer;}
#settingsModal input[type="radio"]:focus {outline: none;}
#settingsModal label{cursor: pointer; font-weight: 400;}
.settings-box .btn{min-width: 71px;}
.ioTabs li{width: 100px; height: 50px; text-align: center;}
.ioTabs li.tab-text{width: 220px; padding-top: 10px;}
.navbar-header .navbar-brand{height:50px;color: #FFF;}
.navbar-header .navbar-brand:focus,.navbar-header .navbar-brand:hover{color: #FFF;}
#horseDataTable th,#horseDataTable td, #RankingsTable th, #RankingsTable td{background-color: #9BBB59;}
#velocityTable th, #velocityTable td{background: #B8CCE4;}
#RankingsTable th, #velocityTable th, #horseDataTable th, #projectionsTable th{color: #FFF;}
#horseDataTable .horsePPsTable th{color: #333;}
#projectionsTable th, #projectionsTable td{background: #d2b48c;}
#horseDataTable .horsePPsTable th,#horseDataTable .horsePPsTable td{background: #d8d8d8;}
.pdfWrapper{
	border: 1px solid #DDDDDD;
    display: inline-block;
    font-weight: 600;
    padding: 10px 5px;
    text-align: center;
    width: 143px;
}
.text{
	font-size: 13px;
	font-style: italic;
	color: #AE4F5A;
	padding-left: 10px;
}
#accessDisableModal .modal-dialog{width: 400px;}
.help{margin-left: 5px;}
.help img{margin-left: 0px;}
.scratch-btn{padding: 2px 10px; width: 126px;}
 tr.strikeout td{background: url('/mph/img/red-strike.png') repeat-x 0 47%}
 tr.strikeout td:first-child,tr.strikeout td:last-child  {background: none;}
@media print{
	.table-responsive{overflow: visible;}
	.pdf-download .col-sm-5, .pdf-download .col-sm-6{width: 50%; float: left;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 600px){
	.navbar-header .navbar-brand{padding-left: 0;}
	#race-section{margin-top: 100px;}
	.navbar-header{padding-left: 15px;}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus,.navbar-header .navbar-brand:active{
		background: #9BBB59;
		border-color: #FFF;
		margin-top: 20px;
	}
	.navbar-default .navbar-toggle .icon-bar{background: #FFF;}
	.list-section{float: none !important;}
	.race-list li:first-child {margin-left: 5px;}
	.race-name {height: 50px;padding-top: 0;}
	.race-name h1 span {background: none; padding: 0; line-height: 40px;}
	.race-name h1{margin-top: 0;}
	.table-responsive{padding: 0;}
	.race-head{ background: #9BBB59;color: #FFFFFF; padding: 5px; heigght: 50px;}
    .race-head h1{font-size: 20px;margin: 0;}
    #settingsModal .modal-body{height: 220px; overflow: auto;}
    #accessDisableModal .modal-dialog{width: 280px;}
    .ioTabs li.tab-text {height: 25px; text-align: left; padding-top: 0px;}
}