span.caution {
	font-style: italic;
	font-weight: bold;
	color: #CC0000;	
}
span.ok {
	font-weight: bold;
	color: #00AA00;
}
span.waiting {
	font-style: italic;
	color: #777777;	
}
span.striked {
	font-style: italic;
	text-decoration: line-through !important;
}
span.event_name {
	padding-right: 20px;
}

/* ------------------------ ADMIN -> My applications -------------------------------*/

.my_application {
	font-size: 14px;	
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}

.my_application_header {
	font-weight: bold;
	font-size: 16px;	
}

.my_application .ui-accordion-header {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-right: 3px !important;
	padding-left: 2.2em;
}

.my_application .application_section {
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.my_application .administrator_section {
	background: rgb(255,240,240);
	padding: 0px 0px 0px 10px;
	margin: 10px 0px;
	border: solid 1px #333;
}

.application_table, .payment_table{
	min-width: 50%;
	margin-bottom: 10px;	
}


/* ------------------------ ADMIN -> Search -------------------------------*/
 .ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete {
	background: #FFF;
	font-size: 14px;	
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}

p.search_filter {
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.contain {
	display: inline-block;
	float: left;
}

.actionList {
	width: 100%;
}

@media (max-width: 975px) {
	.contain { width: 100%; }
}

.graphic-container {
	box-sizing: border-box;
}
.graphic-placeholder {
	width: 500px;
	height: 400px;
}

.legend table {
	border-spacing: 5px;
}

span.to {
	margin-left: 20px;
}

table.search,
table.export_table { width: 100%; }
table.search td,
table.export_table td { vertical-align: top; }

#search_result {
    margin-top: 20px;
}

/* --------------------------- ADMIN -> Ranking -----------------------------*/
.ranking_table, 
.ranking_application_table {
	width: 100%;
}

.ranking_table td,
.ranking_application_table td {
	width: 30%;
	border: solid 1px #333;
	vertical-align: top;
}
.ranking_table ul,
.ranking_application_table ul {
	list-style-type: none; 
	background: #eee; 
	margin: 0;
	padding: 5px;	
}
.rank_list {
	min-height: 30px;
}
.ranking_table li, 
.ranking_application_table li{ 
	margin: 5px; 
	padding: 5px;
	cursor: move;
}
.ranking_table li.ranked, 
.ranking_application_table li {
	cursor: default;
	font-style: italic;
	font-weight: bold;
}
.ranking_table li.canceled {
	background: #fbf9ee !important;
}

.ranking_tabs_list .check, 
.ranking_tabs_list .new, 
.ranking_tabs_list .error,
.ranking_tabs_list .edit, 
.ranking_tabs_list .time, 
.legende .check,
.legende .new, 
.legende .error,
.legende .edit,
.legende .time {
	padding-left: 25px !important;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

.ranking_tabs_list .check, 
.legende .check { background-image: url(../../images/icons/tick.png); }
.ranking_tabs_list .new, 
.legende .new { background-image: url(../../images/icons/new.png); }
.ranking_tabs_list .error, 
.legende .error { background-image: url(../../images/icons/error.png); }
.ranking_tabs_list .edit, 
.legende .edit { background-image: url(../../images/icons/user_edit.png); }
.ranking_tabs_list .time, 
.legende .time { background-image: url(../../images/icons/time.png); }

.legende {
	margin-bottom: 20px;
}
.legende span {
	margin: 0px 5px;
}