html,
body {
  height:				100%;
  min-width:			1240px;
  margin:				0px;
  padding:				0px;
  font-family:			Arial, Helvetica, sans-serif;
  font-size:			12px;
  color:				#3b3b3b;
  background:			#ffffff;
}

/*
#######################################
# Resets
#######################################
*/

h1, h2, h3, h4, p {
  margin-top:			0px;
}
h1 {
  font-size:			18px;
}
ul, ol, li {
  margin:				0px;
  padding:				0px;
}
td, th {
  text-align:			left;
}
a, .link {
  border:				none;
  color:				#a73441;
  text-decoration:		none;
  cursor:				pointer;
}
a:focus {
  outline:				none;
}
form {
	margin:				0px;
	padding:			0px;
}
legend {
	display:			none;
}
/*
#######################################
# Login/Logout
#######################################
*/

#LoginHeadWrapper {
  height:				100px;
  background:			#4F4F4F;
  text-indent:			-2000px;
}
#LoginContentWrapper {
  position:				absolute;
  top:					100px;
  left:					0px;
  right:				0px;
  bottom:				20px;
  overflow:				hidden;
  background:			#f8f9ec;
}
#Claim {
  padding:				7px 0px 7px 0px;
  background:			#a73441;
  text-align:			center;
  font-size:			14px;
  font-weight:			bold;
  color:				#4F4F4F;
  border-bottom:		1px solid #4F4F4F;
}
#LoginWrapper {
  position:				absolute;
  left:					50%;
  width:				600px;
  margin:				30px 0px 0px -325px;
  padding:				10px;
  background:			#4F4F4F;
  overflow:				hidden;
}
#LoginWrapper h1 {
  margin:				0px 0px 15px 0px;
  font-size:			16px;
}
#Login {
  float:				right;
  width:				400px;
  padding:				20px 10px 20px 10px;
  background:			#ffffff;
}
#LoginForm div {
  overflow:				hidden;
  padding:				3px 0px 3px 0px;
}
#LoginForm label {
  display:				block;
  float:				left;
  width:				100px;
  margin:				2px 0px 4px 0px;
}
#LoginForm input,
#LoginForm select {
  width:				180px;
}
#LoginLostPassword {
  margin-top:			20px;
  padding:				2px 5px 2px 5px;
  background:			#eeeeee;
  border:				1px solid #dddddd;
}
#LoginLostPassword a {
  font-weight:			bold;
}
#LoginForm .failure {
  padding:				5px 10px 5px 30px !important;
  margin-bottom:		15px;
  background:			#fdc7d2;
  border:				1px solid #d87b8c;
  background-image:		url("/img/icons/exclamation.png");
  background-position:	6px 4px;
  background-repeat:	no-repeat;
}
#LoginLink {
  cursor:				pointer;
  color:				#a73441;
}
#SelectLanguage {
  float:				left;
  width:				150px;
  padding:				20px 20px 20px 10px;
  color:				#ffffff;
}
#SelectLanguage label {
  display:				block;
  margin-bottom:		5px;
}
#SelectLanguage select {
  width:				100%;	
}
#Logout {
  position:				absolute;
  left:					50%;
  width:				400px;
  margin:				30px 0px 0px -200px;
  padding:				10px;
  background:			#ffffff;
  overflow:				hidden;
}

/*
#######################################
# Head
#######################################
*/

#HeadWrapper {
  height:				48px;
}

#Ident {
  height:				48px;
  margin:				0px auto 0px auto;
  padding:				0px 0px 0px 20px;
  background:			#4F4F4F;
}
#IdentLeft {
  float:				left;
  width:				50px;
  height:				48px;
  overflow:				hidden;
}

#Ident h1 {
  margin:				0px;
  float:				left;
  width:				120px;
  height:				31px;
  padding:				17px 0px 0px 45px;
  font-size:			14px;
  font-weight:			normal;
  color:				#ffffff;
}

#AjaxWorking {
  display:				none;
  width:				50px;
  height:				48px;
  float:				left;
  background-image:		url("/img/loading.gif");
  background-repeat:	no-repeat;
  background-position:	center center;
  text-indent:			-3000px;
}

#User {
    color: #ffffff;
    float: right;
    margin: 10px 0 0;
    padding: 5px 20px;
    text-align: right;
    width: 140px;
}

#LogoutLink {
  padding-left:			20px;
  color:				#ffffff;
  background-image:		url("/img/icons/logout2.png");
  background-position:	2px center;
  background-repeat:	no-repeat;
  cursor:				pointer;
}

/*
#######################################
# MainNavigation
#######################################
*/
#MainNav {
 float: left;
    height: 48px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 0;
    width: calc(100% - 230px);
}

#MainNav ul {
  height:				34px;
  padding:				14px 20px 0px 20px;
  list-style:			none;
}

#MainNav ul li {
  float:					left;
  height:					20px;
  width:					100px;
  margin:					0px 5px 0px 0px;
  padding:					9px 0px 0px 0px;
  font-size:				12px;
  color:					#ffffff;
  background-color:			#404040;
  background-position:		left center; 
  background-repeat:		no-repeat;
  background-position:		10px 7px;
  cursor: 					pointer;
  text-align: center;
}

#MainNav li.selected,
#MainNav li.selected:hover {
  font-weight:				bold;
  height:					36px;
  background-color:			#a73441;
  color:					#ffffff;
}

#MainNav li:hover {
  background-color:			#242424;
  color:					#a73441;
}
#MainNav li#Start.selected,
#MainNav li#Settings.selected {
  background-color:		#ffffff !important;
  color:				#8e212e !important;
}


/*
#######################################
# Footer
#######################################
*/

#FooterWrapper {
  position:				absolute;
  bottom:				0px;
  left:					0px;
  right:				0px;
  height:				20px;
  padding:				6px 20px 0px 20px;
  font-size:			11px;
  color:				#dddddd;
  background:			#333333;
}

#FooterWrapper a {
	color:				#ffffff;
}

/*
#######################################
# Content
#######################################
*/

.contentWrapper {
  position:				absolute;
  top:					48px;
  left:					0px;
  right:				0px;
  bottom:				26px;
  overflow:				hidden;
  background:			#ffffff;
}
.content {
  position:				absolute;
  top:					42px;
  left:					0px;
  right:				20px;
  bottom:				10px;
  padding:				0px 0px 0px 20px;
  overflow:				auto;
}
.contentLeft {
  position:				absolute;
  width:				210px;
  top:					42px;
  left:					0px;
  bottom:				10px;
  padding:				0px 10px 0px 20px;
  overflow:				auto;
}
.contentRight {
  position:				absolute;
  top:					42px;
  left:					250px;
  right:				20px;
  bottom:				10px;
  padding:				0px 10px 0px 1px;
  overflow:				auto;
}

ul.leftNav {
  list-style:			none;
}
ul.leftNav li {
  margin-bottom:		5px;
}
ul.leftNav li span {
  display:				block;
  padding:				5px 5px 5px 10px;
  background:			#5a5a5a;
  color:				#ffffff;
  font-weight:			bold;
}
ul.leftNav li span:hover,
ul.leftNav li.selected span:hover {
  background-color:			#a73441;
  color:					#373737;
}
ul.leftNav li.selected span {
  background:			#000000;
}

/*
####################
# Auflistungstabellen
####################
*/

.listTableWrapper {
  position:				absolute;
  top:					0px;
  left:					0px;
  right:				0px;
  bottom:				0px;
  overflow:				auto;
  clear:				both;
  background:			#f8f9ec;

}

.listTableWrapper.filteredListTable {
	top: 65px;	
}
.listTableWrapper.filteredListTable2 {
	top: 150px;	
}
.listTable {
  width:				100%;
  table-layout:			fixed;
  background:			#ffffff;

}
.listTable col {
  display:				table-column;
}
.listTable tr {
  cursor:				pointer;
  height:				25px;
}
.listTable tr.odd {
  background:			#f9f9f9;
}
.listTable tr:hover,
.listTable tr.odd:hover {
  background:			#cccccc;
}
.listTable tr.selected {
	background:			#dddddd;
}
.listTable tr.selected:hover {
	 background:		#cccccc;
}
.listTable td {
  height:				20px !important;
  padding:				2px 5px 1px 5px;
  font-size:			11px;
  border-bottom:		1px solid #eeeeee;
  white-space:			nowrap;
  overflow:				hidden;
  -moz-user-select:		none; /* make text unmarkable - for doubleclick*/
}
.listTable td.leftborder {
	 border-left:			1px solid #f2f2f2 !important;
}
.listTable td.rightborder {
	 border-right:			1px solid #f2f2f2 !important;;
}
.listTable th {
  height:				25px;
  padding:				0px 5px 0px 5px;
  font-size:			12px;
  border-bottom:		1px solid #eeeeee;
  background:			#cccccc;
}
.listHeader th {
  height:				25px;
  padding:				0px 5px 0px 5px;
  font-size:			12px;
  color:				#ffffff;
  background:			#585858;
}
.listHeader th.header {
  background-repeat:	no-repeat;
  background-position:	center right;
  cursor:				pointer;
}
.listTable td.country {
  background-position:	center center;
  background-repeat:	no-repeat;
  text-indent:			-2000px;
}
.listTable td.USA,
.listTable td.US {
  background-image:		url("/img/flags/USA.jpg") !important;
}
.listTable td.CAN,
.listTable td.CA {
  background-image:		url("/img/flags/CAN.jpg") !important;
}
.listTable td.DEU,
.listTable td.DE {
  background-image:		url("/img/flags/DEU.jpg") !important;
}
.listTable td.ZAF,
.listTable td.SA {
  background-image:		url("/img/flags/ZAF.jpg") !important;
}
.listTable td.GBR,
.listTable td.UK {
  background-image:		url("/img/flags/GBR.jpg") !important;
}
.listTable td.IRL,
.listTable td.IE {
  background-image:		url("/img/flags/IRL.jpg") !important;
}
.listTable td.SWE,
.listTable td.SE {
  background-image:		url("/img/flags/SWE.jpg") !important;
}
.listTable td.SWP {
  background-image:		url("/img/flags/SWE2.jpg") !important;
}
.listTable td.FRA,
.listTable td.FR {
  background-image:		url("/img/flags/FRA.jpg") !important;
}
.listTable td.AUT,
.listTable td.AT {
  background-image:		url("/img/flags/AUT.jpg") !important;
}
.listTable td.ARE,
.listTable td.AE {
  background-image:		url("/img/flags/ARE.jpg") !important;
}
.listTable td.SGP,
.listTable td.SG {
  background-image:		url("/img/flags/SGP.jpg") !important;
}
.listTable td.ZWE,
.listTable td.ZI {
  background-image:		url("/img/flags/ZWE.jpg") !important;
}
.listTable td.MUS,
.listTable td.MU {
  background-image:		url("/img/flags/MUS.jpg") !important;
}
.listTable td.AUS,
.listTable td.AU {
  background-image:		url("/img/flags/AUS.jpg") !important;
}
.listTable td.NZL,
.listTable td.NZ {
  background-image:		url("/img/flags/NZL.jpg") !important;
}
.listTable td.TUR {
  background-image:		url("/img/flags/TRK.jpg") !important;
}
.listTable td.HUN {
  background-image:		url("/img/flags/HUN.jpg") !important;
}
/*
#######################################
# uebergreifende Klassen
#######################################
*/

.thLeft {
  position:				absolute;
  width:				5px;
  height:				5px;
}
.thRight {
  position:				absolute;
  right:				0px;
  width:				5px;
  height:				5px;
}
.fleft {
  float:				left;
}
.fright {
  float:				right;
}
.clear {
  clear: 				both;	
}
.tleft {
  text-align:			left;
}
.tright {
  text-align:			right;
}
.tcenter {
  text-align:			center;
}
.hidden {
	display:			none;
}
table.noborder,
table.noborder th,
table.noborder td {
  border:				none;
  padding:				0px 0px 0px 0px !important;
}
.infoBox {
  margin-bottom:		20px;
  padding:				5px 10px;
  background:			#a1ea94;
}
.warnBox {
  margin-bottom:		20px;
  padding:				5px 10px;
  background:			#a73441;
}

/*
#######################################
# tablesorter
#######################################
*/

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}
.tablesorter-default .tablesorter-header.sorter-false {
	background-image: none;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	background-color:		#757575;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	background-color:		#757575;
}

/* table processing indicator */
.tablesorter-default .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;
}

/* Force whitespace wrap */

.whitespace-wrap {
	white-space: normal;
}

.notFixed {
	table-layout: inherit;
}

#CrmWagersContent .tabContent .label,
#CrmTotowagersContent .tabContent .label {
  	font-weight:	bold;
  	width:	150px;
  	float:	left;
}
#CrmWagersContent .tabContent .row,
#CrmTotowagersContent .tabContent .row {
 	margin-bottom: 5px;
}


@media(max-width: 1366px){
  .listTable{
    width: auto;
  }
  .meetingRacesContent{
    overflow-x: auto;
  }
}