/* CSS document */

/* ------------------------ EVENT LIST -------------------------------*/
.eventList_nav {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 15px;
}

.eventList_nav .clear {
	clear: both;
	display: block;
}

.event {
	font-size: 14px;
	background: #f2f2f2;
	-webkit-box-shadow: 2px 2px 5px #CCC;
	-moz-box-shadow: 2px 2px 5px #CCC;
	box-shadow: 2px 2px 5px #CCC;
	margin-bottom: 20px;
	padding: 8px 15px;
}

.hidden_event {
	font-style: italic;
	padding-left: 25px;
	background: url(../../images/icons/error.png) no-repeat 5px 50%;
}

.event strong {
	font-size: 14px;
}
.event .title {
	font-size: 22px;
	font-weight: bold;
}
.event .date, 
.event .venue {
	font-size: 18px;
}
.event .summary{
	width: 100%;
	padding-bottom: 8px;	
}
.event .logo ,
.event_details .logo,
.serie_logo {
	max-width: 25% !important;
	text-align: right;
	float: right;
}
.event .logo img, 
.event_details .logo img, 
.edit_logo img,
.serie_logo img {
	max-width: 100%;
	max-height: 150px;
}

@media (max-width: 780px) {
	.event .description { display: none; }
}

.event .clear {
	clear: both;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/* ------------------------ NOTICE OF RACE --------------------------*/

.nor  {
	counter-reset: section;
}
.nor  h3{
	counter-increment: section;
	counter-reset: paragraphe 0;	
}
.nor  div.scroll-x{
	counter-increment: none;
	counter-reset: none;
}
.nor h3::before {
	content: counters(section,".") " ";
	margin-right: 20px;
}
.nor .count::before {
	counter-increment: paragraphe;
	content: counters(section,".")"."counters(paragraphe,".") " ";
	margin-right: 10px;
}

/* ------------------------ EVENT PAGE -------------------------------*/
.event_details {
	width: 100%;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.event_details strong {	font-size: 14px; }
.event_details .title {	font-size: 22px;	font-weight: bold; }
.event_details .date, .event_details .venue { font-size: 18px; }
.event_details .summary {
	float: left;
	width: 100%;
	padding-bottom: 8px;
}
.event_details .logo{
	width: 250px;
	text-align: right;
	float: right;
	overflow: hidden;
}

.page {
	display: block;
	float: left;
	width: 300px;
	font-size: 14px;
}

.events_list.hidden, .year{ 
	display: none;
}

/* ------------------------ APPLICATION FORM -------------------------------*/

.application_form th {
	text-align: left;
}

/* ------------------------ APPLICATIONS -------------------------------*/
/*.ui-tabs .ui-tabs-nav li {
	white-space: normal !important;
	max-width: 48%;
}*/

.applicationList table, 
.entryList .entry_list_tab {
	width: 100%;
	border-spacing: 0px;
}

.entryList td {	padding: 10px; }
.applicationList th, 
.entryList th { padding: 5px; }

.applicationList .country {
	font-size: 14px;
	color: #000;
	margin: 0px;
}
.applicationList .country th { padding: 8px; }
.applicationList .country_flag { width: 80px; }
.applicationList .extra { width: 200px; }
.applicationList .allocated_places { width: 200px; }

.applicationList .late_ranking_date, 
.applicationList .reserved_places, 
.applicationList .needed_extra {
	font-style: italic;
	font-size: 0.9em;
}
.applicationList .country_name { width: 150px; }
.applicationList .flag { height: 15px; }
.applicationList .ui-accordion-header {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	padding-left: 2.2em;
	overflow: hidden;
}
.applicationList tr.cancel, 
.entryList tr.cancel, 
.applicationList td.caution, 
.entryList td.caution, 
.applicationList td.willget, 
.entryList td.willget {
	font-style: italic;
}
.applicationList td.caution, 
.entryList td.caution {
	font-weight: bold;
	color: #CC0000;	
}
.applicationList td.willget, 
.entryList td.willget {
	color: #008800;	
}

.noneuropeanheader a{
	text-decoration: none;
	cursor: default;
	font-size: 14px;
	font-weight: bold;
}

.entry_list_tab tr:nth-child(even),
.application_list_tab tr:nth-child(even) {
	background: #F7F7F7;
}

.stats {
	font-size: 14px;
	margin: 10px 20px 20px;
	border-spacing: 0px;
}
.stats td {
	padding: 0px;
}
.stats .name {
	width: 150px;
	padding-left: 20px;
}
.stats .canceled_applications {
	padding-left: 20px;
	font-style: italic;
}
.stats .value {
	text-align: right;
	width: 30px;
}
.stats .header, .stats .footer {
	font-weight: bold;
	padding-left: 0px;
	border-bottom: #666 solid 1px;	
}
.stats .hr {
	border-bottom: #666 dashed 1px;
}
.stats .hr_top {
	border-top: #666 dashed 1px;
}

/* ------------------------ ALLOCATIONS / DOCS / CATEGORIES -------------------------------*/
.allocation,
.categories,
.documents {	
	border-spacing: 0px;
	border: 2px #CCC solid;
	margin-bottom: 20px;
}
.allocation, .categories { width: 100%; }
.documents { 
	width: 500px; 
	text-align: center;
}

.categories .subtitle {
	text-align: center;
}

.allocation td, 
.categories td,
.documents td {
	border: 1px #CCC solid;
	padding: 5px;
}
.allocation .country {
	text-align: left;
	font-weight: bold;
}
.allocation th, 
.categories th,
.documents th {
	padding: 8px;
	font-size: 14px;
	background: #CCC;
	text-align: center;
}

#doctable, 
#resultstable, 
#resultstable input {
	width: 100%;
}


/* -------------------------- Preview ----------------------*/

.preview {
	background: #FFFFAA;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
}

/* ------------------------- Edit events --------------------*/

.tabs {
	font-size:14px;
}

.export_result_fields {
	width: 100%;
	border-spacing: 0px;
	text-align: center;
	border: 2px #CCC solid;
	margin-bottom: 20px;
}
.export_result_fields th {
	padding: 8px;
	font-size: 14px;
	background: #CCC;
}
.export_result_fields td {
	border: 1px #CCC solid;
	padding: 5px;
}
.export_result_fields .content_column {
	text-align:left;
}

.edit_logo img {
	max-width: 250px;
	max-height: 150px;
}

.ui-widget-header { overflow: hidden; }


/* ----------------------- Results -----------------------*/
.results_top10 {
	vertical-align: top;
	padding: 0% 1%;
	position: relative;
}

@media (min-width: 900px) {
	.results_top10 {
		max-width: 48%;
		display: inline-block;
	}	
}

.results_row, 
.series_results {
	display: block;
	width: 100%;
}

@media (max-width: 720px) {
	.results_row, .series_results {
		overflow-x: scroll;
	}
}

.result_update, 
.result_header {
	float: right;
	font-style: italic;
}

.result_table,
.venues_table,
.age_categories_table,
.europacup_categories,
.cattable {
	margin: 10px 0pt 15px;
	text-align: left;
	border-spacing: 0px;
	border: 1px solid #CDCDCD;
	max-width: 980px;
}
.result_table,
.venues_table {
	width: 100%;
}

.result_table thead tr th, 
.result_table tfoot tr th,
.venues_table tr th,
.age_categories_table tr th,
.cattable tr th:first-of-type {
	border: 1px solid #CDCDCD;
	padding: 10px 5px;
	padding-right: 20px;
	background: #CCC;
}
.cattable tr th:not(:first-of-type) { 
	text-align: right;
}
.euromaster_results tr th,
.venues_table tr th {
	text-align: center;
}
.result_table thead tr .header {
	background-image: url(tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.result_table tbody td,
.euromaster_results tr th,
.venues_table tr td,
.age_categories_table tr td,
.cattable tr th,
.cattable tr td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;	
	border: 1px solid #CDCDCD;
	text-align: center;
}
.age_categories_table tr td,
.cattable tr td {
	text-align: left;
}

.euromaster_results tr td {
	font-size: smaller;
}

.europacup_categories td, 
.europacup_categories th { border: solid 1px #CDCDCD;	padding: 5px; }
.europacup_categories .header {	background: #e44332; color: #FFF; }
.europacup_categories .header th {	border-color: #c90000; }
.europacup_categories .none { background: #CDCDCD; }
.europacup_categories .open { background: #69F; color: #FFF; }

.result_table .name, 
.result_table .ISAF_Id {
	text-align:left;
}

.result_table tbody tr:nth-child(odd) td {
	background-color:rgba(240, 240, 246, 0.30);
}
.result_table thead tr .headerSortUp {
	background-image: url(tablesorter/asc.gif);
}
.result_table thead tr .headerSortDown {
	background-image: url(tablesorter/desc.gif);
}
.result_table thead tr .headerSortDown, .result_table thead tr .headerSortUp {
	background-color: #8dbdd8;
}