/*
.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1.4; 
}
*/
/*
#main {
    width: 1960px;
}
*/
body{
		font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
		color:#1779ba;
		margin: 5px;
		font-size: 1.5em;
	}

	.ticker {
		font-size: 12.5vw;
	}
	#demo {
		font-size: 4em;
	}
	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	select {
		width: 200px;
	}	
	.horseClass
	{
		white-space: nowrap;
		text-align:left;
	}	
	.myClass
	{
		white-space: nowrap;
	/*	background-color:#f0f0f0;*/
		text-align:left;
	}	
	.leftClass
	{
		text-align:left;	
		background-color:#fefefe;
	/*	background-color:#f0f0f0;*/
	}	
	.groupLeftClass
	{
		text-align:left;	
		background-color:#f0f0f0;
		font-weight: bold;
        font-size: 4.8vw;
	}	
	.groupClass
	{
		text-align:center;	
		background-color:#f0f0f0;
		font-weight: bold;
        font-size: 4.8vw;
    }	
	.todayClass
	{
		text-align:center;	
		background-color:#fefefe;
		font-weight: bold;
        font-size: 4.8vw;
    }	
	.baseClass
	{
		text-align:center;	
		background-color:#fefefe;
	}	
	.greenClass
	{
		text-align:center;		
		background-color:green;
        color:#f0f0f0;
	}	
	.greenMClass
	{
		text-align:left;		
		background-color:green;
        color:#f0f0f0;
	}	
	.yellowClass
	{
		text-align:center;		
		background-color:yellow;
	}	
	.yellowMClass
	{
		text-align:left;		
		background-color:yellow;
	}	
	.redClass
	{
		text-align:center;		
		background-color:red;
        color:#f0f0f0;	}
	.redMClass
	{
		text-align:left;		
		background-color:red;
        color:#f0f0f0;	
	    
	}
	.hideClass
	{
		text-align:center;		
		background-color:#fefefe;
        color:#fefefe;	
	    
	}
        
    input {
	color:#1779ba;
	box-sizing: border-box;
    font-size: 0.8em;
    }	
    
.main-main {
    width: max-content;
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    background: #F0F0F0;
    padding: 2px;
    padding-top: 0px;
}
#form-iframe {
    margin: 0px;
    width: 24rem;
    font-size: 2rem;
    border: none;
    overflow: hidden;    
}

#sort_1_filter, #aggr_1_filter
    { 
		color:#1779ba;
		white-space: nowrap; 
/*		background-color:#f0f0f0;*/
		font-size: 4.2vw;

    }
table.dataTables_wrapper table.dataTables_length, table.dataTables_wrapper table.dataTables_filter, table.dataTables_wrapper table.dataTables_info, table.dataTables_wrapper table.dataTables_processing, table.dataTables_wrapper table.dataTables_paginate {
    color:#1779ba;
}

table.dataTable.mcompact thead th,
table.dataTable.mcompact thead td {
  padding: 1px 10px 1px 1px;
}
table.dataTable.mcompact tfoot th,
table.dataTable.mcompact tfoot td {
  padding: 1px;
}
table.dataTable.mcompact tbody th,
table.dataTable.mcompact tbody td {
  padding: 1px;
}

table.dataTable.mcompact tbody tr {
		background-color:#f0f0f0;
}

h1.title {
	font-size: 2.0em;
	color: #666666;
	margin-bottom: 0.5em;
}
	.tableFormatter
	{
		vertical-align:top;
		text-align:center;
	}
	.raceHL
	{
		font: 120% "Trebuchet MS", sans-serif;
		background-color:lightgrey;
		vertical-align:top;
		text-align:left;
		width: 5%;
	}
	.raceH
	{
		font: 120% "Trebuchet MS", sans-serif;
		background-color:lightgrey;
		vertical-align:top;
		text-align:left;
		width: 95%;
	}

/* Ensure that the table scrolls */
    th, td, tr 
    { 
        white-space: nowrap; 
/*		background-color:#f0f0f0;*/
		font-size: 2.4vw;

    }
    
    div.dataTables_wrapper {
        margin: 0 auto;
    }
 
    div.container {
        width: 80%;
    }
    
    table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white}
div.DTFC_Blocker
{background-color:white}
div.DTFC_LeftWrapper 
table.dataTable,div.DTFC_RightWrapper 
table.dataTable{margin-bottom:0;z-index:2}
div.DTFC_LeftWrapper 
table.dataTable.no-footer,div.DTFC_RightWrapper 
table.dataTable.no-footer{border-bottom:none}

 
 #primary-nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1.9vw;
    vertical-align: baseline;
    background: transparent;
}
 
.frame-container {
    position: relative;
    width: 400px;
    overflow: hidden;
}

.frame-container iframe {
 position: absolute;
 top:0;
 left: 0;
 width: 100%;
 height: 100%;
}



/*
@media
only screen and (max-width: 760px) and (orientation: portrait)
{

	.ticker {
		font-size: 17vw;
	}
	#demo {
		font-size: 17vw;
	}
     th, td, tr 
    { 
        white-space: nowrap; 
		background-color:green;
		font-size: 2.2vw;

    }
} 

@media
only screen and (max-width: 760px) and (orientation: landscape)
{

	.ticker {
		font-size: 17vw;
	}
	#demo {
		font-size: 17vw;
	}
     th, td, tr 
    { 
        white-space: nowrap; 
		background-color:red;
		font-size: 2.2vw;

    }
}
*/
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
     th, td, tr 
    { 
        white-space: nowrap; 
/*		background-color:orange;*/
		font-size: 2.2vw;

    }
	.ticker {
		font-size: 13.5vw;
	}

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
     th, td, tr 
    { 
        white-space: nowrap; 
/*		background-color:orange;*/
		font-size: 2.2vw;

    }
	.ticker {
		font-size: 13.5vw;
	}

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
     th, td, tr 
    { 
        white-space: nowrap; 
/*		background-color:orange;*/
		font-size: 2.2vw;

    }
	.ticker {
		font-size: 13.5vw;
	}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
     th, td, tr 
    { 
        white-space: nowrap; 
/*		background-color:orange;*/
		font-size: 2.2vw;

    }
	.ticker {
		font-size: 13.5vw;
	}

}