@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

/*********** redefinition de la font ************/
@font-face
{
    font-family: 'calibri';
    src: url('/css/fonts/calibri-webfont.eot');
    src: url('/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/calibri-webfont.woff') format('woff'),
         url('/css/fonts/calibri-webfont.ttf') format('truetype'),
         url('/css/fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'calibri';
    src: url('/css/fonts/calibrib-webfont.eot');
    src: url('/css/fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/calibrib-webfont.woff') format('woff'),
         url('/css/fonts/calibrib-webfont.ttf') format('truetype'),
         url('/css/fonts/calibrib-webfont.svg#calibribold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'calibri';
    src: url('/css/fonts/calibrii-webfont.eot');
    src: url('/css/fonts/calibrii-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/calibrii-webfont.woff') format('woff'),
         url('/css/fonts/calibrii-webfont.ttf') format('truetype'),
         url('/css/fonts/calibrii-webfont.svg#calibriitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face
{
    font-family: 'calibri';
    src: url('/css/fonts/calibribi-webfont.eot');
    src: url('/css/fonts/calibribi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/calibribi-webfont.woff') format('woff'),
         url('/css/fonts/calibribi-webfont.ttf') format('truetype'),
         url('/css/fonts/calibribi-webfont.svg#calibribolditalic') format('svg');
    font-weight: bold;
    font-style: italic;
}



* {
	margin:0px;
	padding:0px;
	font-size: 14px;
	-webkit-tap-highlight-color: transparent;
}


/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	/*height: 100%;*/
}
/** General Style Info **/
html{
	height: 100%;
}

body {
	/*height: 100%;*/
	margin:0;
	padding:0;
	/*height:100%;*/
	clear:both;
	min-width:100%;
	/*min-height:100%;*/
	position:relative;
	background: #FFFFFF;
	color: #666666;;
	/* font-family:verdana; */
	font-family: calibri, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:78%;
	
	display:inline-block;
	overflow-x: hidden;
}
html, body{
	position: relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
}
a {
	color: #014786;
	text-decoration: none;
	font-weight: bold;
}
a.disabled {
    pointer-events: none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	color: #014786;
}
h1 {
}
h2 { 
}
h3 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	min-width:69px;
	height:26px;
	/*text-align:center;*/
	text-align:left;
	line-height:1.8em;
	display:inline-block;
	/*padding:0px 4px 0px 4px;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
h3.Upcoming, h3.Upcomming, h3.infos {
	/*background:#FF9900;*/
	color:#FF9900;
}
h3.Cancelled, h3.cancel {
	/*background:#000000;*/
	color:#AAAAAA;
}
h3.Live, h3.Fake, h3.problems {
	/*background:#ec2024;*/
	/*color:#FFFFFF;*/
	color:#ec2024;
}
h3.Replay, h3.nominal {
	/*background:#41b940;*/
	/*color:#FFFFFF;*/
	color:#41b940;
}
h3.Infinit, h3.neutral {
	/*background:#AAAAAA;*/
	/*color:#FFFFFF;*/
	color:#AAAAAA;
}
h3.inactif {
	/*background:#CCCCCC;*/
	color:#AAAAAA;
}
h4 {
	padding-top: 26px;
}

#mainMenu a.UpcomingLink {
	color:#FF9900;
}
#mainMenu a.LiveLink {
	color:#ec2024;
}

ul, li {
	margin: 0 12px;
}
p {
	margin: 0 0 1em 0;
}

/** Layout **/
#container {
	text-align: left;
}

#header{
    /*position:relative;*/
	/*background: #EEEDEB;*/
	/*height:80px;*/
	/*height:50px;*/
	/*border-bottom:1px solid #014786;*/
}
#header h1 {
	background-color: rgba(0,0,0,0);
	line-height:50px;
}
#header h1 a {
	color: #215295;	
	font-weight: bold;
	text-decoration: none;
	font-size: 25px;
}
#header h1 a:hover {	
	text-decoration: underline;
}
#header h1 a img{
	margin-right: 10px;
	height: 50px;
}
#header h1 a span{
	margin-left: 10px;
	color: #215295;	
	font-weight: bold;
	text-decoration: none;
	font-size: 25px;
	
}
#content{
	/*background: #fff;*/
	clear: both;
	color: #333;
	/*height:100%;*/
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	display:inline-block;
	width:100%;
	padding: 30px 20px 40px 20px;
	
	position:relative;
}
#footer {
	text-align: center;
	color:#666666;
	background:#EEEEEE;
	line-height:2em;
	z-index:999;
	width:100%;
	position: fixed;
	bottom:0px;
	height: 28px;
	clear:both;
}

#footer a{
	color: #666666;

}
#mainMenu{
	font-size: 17px;
	background-color:#FFF;
	color:#000000;
	position:absolute;
	left:0px;
	padding-left:142px;
	top:0px;
	text-transform: uppercase;
	white-space: nowrap;
		
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
		
    /*box-shadow: 0 4px 2px -2px #999999;*/
	
	z-index: 999;
	border-bottom:1px solid #ddd;
}
#mainMenu a, #mainMenu #user_connected a{	
	padding: 8px 8px;
	font-size: 15px;
	font-weight:900;
	/*margin-right:4px;*/
	color:#666;
	display:inline-block;
}
#mainMenu a:hover, #mainMenu #user_connected a:hover, #mainMenu .mainMenuCurrent{
	text-decoration:underline;
	color:#000;
}	
#arianne{
	padding: 10px 0px;
	/*position:absolute;*/
	/*left:0px;*/
	/*top: 28px;*/
	/*font-size:0.4em;*/
	/*z-index:9999;*/
	/*box-shadow:2px 0px 1px #999999;*/
	/*width:100%;*/
	/*background-color:#f3f3f3;*/
	
}
/*#arianne a, #arianne strong, #arianne strong a{
	font-weight:400;
	font-size:20px;
}*/
#arianne a{
	display: inline-block;
	font-size: 20px;
	
	/*padding:4px 12px 4px 12px;*/
	/*margin-right:-10px;*/
	/*border:solid 1px #014786;*/
	/*border-left:none;*/
	/*height: 10px;*/
    
    /*line-height: 0.8em;
	border-radius: 0em 1.5em 1.5em 0em;
	background-color:#AAA;
	position: relative;*/
}
#arianne a span{
	/*boder:none;
	font-size: 0.8em;*/
}
#arianne a:first-of-type{
	/*padding-left:4px;*/
}
#arianne a:first-of-type:after{
	/*content:" /";*/
}
#arianne a:last-of-type{
	color:#000;
	/*background-color:#014786;*/
	/*background-color:#DDD;*/
}

.news{
	padding:8px;
	background-color:#06F;
	color:#FFFFFF;
	box-shadow: 0 4px 2px -2px #999999;
	margin-bottom:8px;
}
#contentCenter #news{
	margin-top:8px;
	margin-bottom:0px;
}

#instructions{
	padding:8px;
	background-color:#FFF;
	color:#014786;
	margin-bottom:8px;
}
#instructions #instructions_title{
	display:block;
	width:100%;
	border-bottom:1px solid #014786;	
	text-transform:uppercase;
	margin-bottom:4px;
}

/** containers **/
div.index{
	/* margin: 10px; */
}
.sponsors.index{clear:both}
div.form,
div.index,
div.view {	
	display:inline-block;
	width:100%;
	position:relative;
	/*padding-bottom: 34px;*/
}
div.form .input,
div.form .elementGroup,
div.form .separator{
	text-align:left;
	/*overflow: auto;*/
	/*overflow: visible;*/
	
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
     page-break-inside: avoid; /* Firefox */
     break-inside: avoid; /* IE 10+ */
	 white-space: normal;
	 clear: inherit;
}
div[id^="div_add"], div[id*=" div_add"] {
    margin-bottom: 16px; 
	margin-top: 16px;
}

.input input, .input select, .input label{
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
     page-break-inside: avoid; /* Firefox */
     break-inside: avoid; /* IE 10+ */
}

div.form .separator{
	/*margin-top: 12px;*/
	font-size: 110%;
}
div.form .content_advanced_option .input.checkbox{
	/*margin-bottom:	26px;*/
}
.accordeonElement div.form,
.accordeonElement div.index,
.accordeonElement div.view {
	padding-bottom: 0px;
}
.accordeonElement #contentCenter{
	display: initial;
}

div.actions, div.problems, div.infos {
	/*height:28px;*/
	padding:0px;
	margin:0px;
}

div.actions h3 {
	padding-top:0;
	color:#777;
}

/** Tables **/
table {
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	border-collapse:collapse;
	
	background-clip: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	/*border: 1px solid #999;*/
}
th {
	border:0;
	text-align: left;
	line-height: normal;
	margin:0px 0px 0px 2px;
	padding: 2px 2px 2px 2px;
	font-size: 15px;
	font-weight: 900;
}
th a {
	display: block;
	text-decoration: none;
	font-size: 15px;
	font-weight: 900;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
td {
	text-align: left;
	padding: 2px 2px 2px 2px;
	width:auto; 
	white-space:nowrap;
	margin:0px 0px 0px 2px;
}

table tbody tr td:first-child, table thead tr th:first-of-type{
	padding-left:4px;
}

table tr td a{
	text-decoration: none;
	font-weight: 900;
}

table tr td span.line2 {
	font-size:12px;	
}

#contentCenter table thead{
 	/*background: #999 !important;*/
}
#contentCenter table thead tr th{
 	/*border-top:1px solid #AAAAAA;*/
}
#contentCenter table thead tr th:first-of-type{
	/*border-left:1px solid #AAAAAA;*/
}
#contentCenter table thead tr th:last-of-type{
	/*border-right:1px solid #AAAAAA;*/
}

#contentCenter table thead tr th:last-of-type,
#contentCenter table tbody tr td:last-of-type{
	border-right:1px solid #AAAAAA;
}

.activeEdit{
	background-color:#99bfcc !important
}
/*#contentCenter table thead tr{
	background: #FFFFFF !important;
	border: 1px solid #d3d3d3!important;
}*/

#contentCenter table tbody tr:nth-of-type(odd) {
	/*background: #d3d3d3;*/
	background: #f3f3f3;
}

#contentCenter table tbody tr:nth-of-type(even) {
	/*background: #fbfbfb;*/
	background: #ffffff;
}

#contentCenter table tbody tr td table thead tr{
	background: #FFFFFF !important;
}
#contentCenter table tbody tr td table tbody tr:nth-of-type(odd) {
	/*background: #d3d3d3;*/
	background: #f3f3f3;
}

#contentCenter table tbody tr td table tbody tr:nth-of-type(even) {
	/*background: #fbfbfb;*/
	background: #ffffff;
}


#contentCenter .tableNoAltern > tbody > tr:nth-of-type(even){
	background: #fbfbfb;
}
#contentCenter .tableNoAltern > tbody > tr:nth-of-type(odd){
	background: #dddddd;
}
/*#contentCenter table tbody tr:nth-of-type(3n+1):hover{*/
#contentCenter table tbody tr:hover{
	/*background:#F9F;	*/
	background-color:lightblue;
}

/*#contentCenter table tbody tr tbody tr:nth-of-type(odd),
#contentCenter table tbody tr tbody tr:nth-child(odd) #contentCenter {
	background: #F7F7F7;
} 
#contentCenter table tbody tr tbody tr:nth-of-type(even) {
	background: #FFFFFF;
}*/
#contentCenter table tbody tr #contentTop{
	margin-top: 0px;
	position:	initial;
} 
#contentCenter table tbody tr #contentTop h1{
	font-size: 20px;
	margin: 0px 20px 0px 0px;
}
#contentCenter table tbody tr #contentCenter{
	margin-top: 0px;
	background:none;
} 

#contentCenter table tbody tr tbody tr:nth-of-type(odd) > .actions {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#contentCenter table tr:nth-child(even) > .actions {
	/*opacity:0.6;*/
	/*filter:alpha(opacity=60);*/ /* For IE8 and earlier */
}
#contentCenter table tr:nth-child(even) > .actions a{
	/*background-color:#6394C5;*/
}

table td.actions {
	text-align: left;
	/*width:1%;*/
	width:1em;
	/*padding:2px 0px 2px 0px;*/
}
table td.actions a {
	/*margin: 0px 2px 0px 0px;*/
}

table tr{
	height:30px;
	border: 1px solid #999;
}

table tr.tr_visible{
	border-width: 0px 0px 0px 1px;
}
table tr.tr_edit{
	height:auto;
	border-width: 0px 1px 1px 1px;
}
table tr.tr_hidden{
	display:none;
	border:0px;
}

table tr#count{
	height:15px;
	background: #DDDDDD;
}
#contentCenter table tfoot tr td{
 	background: #FFFFFF !important;
	padding:4px;
	border-bottom: 1px solid #AAAAAA;
}
#contentCenter table tfoot tr td:first-of-type {
    border-left: 1px solid #AAAAAA;
}
#contentCenter table tfoot tr td:last-of-type {
    border-right: 1px solid #AAAAAA;
}


/* SQL log */
.cake-sql-log {
	background: #fff;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;
	float: left;
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl dd:nth-of-type(4n+2),
dl dt:nth-of-type(4n+1) {
	background: #f4f4f4;
}

dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 10em;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	/*border: 1px solid #ccc;*/
	clear: both;
	/*margin: 20px 0px 15px 0px;*/
	padding: 0px;
	display:inline-block;
	width:100%;
}
fieldset {
	border: none;
	margin: auto;
	/*margin-bottom: 1em;*/
}
fieldset table tbody tr:nth-child(odd) {
	background: #EEEEEE;
}

fieldset table tbody tr:nth-child(even) {
	background: #FFFFFF;
}

fieldset table tr:nth-child(even) .actions {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

fieldset legend {
	color: #215295;
	font-size: 22px;
	font-weight: bold;

}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}

form div {	
	/*margin-bottom: 1em;*/
	/*padding: .5em;*/
	vertical-align: text-top;
}

form .input {
	color: #444;
	/*margin-bottom:15px;*/
	margin-bottom:10px;
}
form .input label{
	float: left;
	width: 150px;
	white-space: initial;
}
form .required {
	/*font-weight: bold;*/
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	text-align:left;
}
/*div.actions, #contentTop div.actions {
	text-align:left !important;
}*/
.form form div.submit {
	border: 0;
	/*text-align:right;*/
	height: auto;
	margin-left: 158px;
}
.login form div.submit {
	width:auto;
}
label {
	display: inline;
	font-size: 110%;
	margin-right: 10px;
	margin-bottom:3px;
}
.elementGroup label{
	margin-bottom:0px;
}
input, textarea {
	clear: both;
	/*font-size: 90%;*/
	/*padding: 1%;*/
	/*width:50%;*/
	width: 300px;
	/*border:2px inset;*/
	margin: 0px;
	border: 1px solid #AAAAAA;
	padding:0px 2px 0px 2px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*
form .mapInput {
	float:right;
}*/
select {
	clear: both;
	/*font-size: 120%;*/
	vertical-align: text-bottom;
	width:300px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	vertical-align: middle;
}
select[multiple=multiple] {
	width: auto;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 5px 145px 0px 2px;
	width: auto;
}
.multicol input[type=checkbox] {
	margin: 0px 6px 7px 2px;
}

td div.checkbox {
	width:auto;
}
td div.checkbox label, td div.checkbox input {
	float:none;
	vertical-align: middle;
}
.checkbox_label{
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	height: 26px;
	text-align: center;
	/*border:1px solid black;*/
}

div.checkbox {
	display: block;
	width:172px;
	overflow:hidden;
	clear: both;
}

div.checkbox label {
	margin: 0px;
	float:left;
	margin-top: -4px;
}
div.checkbox input {
	margin: 0px;
	float:right;
	margin-bottom: 8px;
}

div.file {
	display: block;
}
div.number, div.numeric {
	display: block;
}

input[type=hidden] {
	display:none;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 6px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}
input[type=button] {
	float: right;
}
input[type=file] {
	border:0px;
	padding:0px;
	overflow:hidden;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.next  {
	float:left;
}

.next  input[type=button] {
	background: rgb(30,81,145); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzFlMmQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(30,81,145,1) 0%, rgba(30,45,115,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,81,145,1)), color-stop(98%,rgba(30,45,115,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5191', endColorstr='#1e2d73',GradientType=0 ); /* IE6-8 */
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 8px 10px;
	border:none;
}
.next  input[type=button]:hover {
	background: rgb(30,81,145); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzFlMmQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(30,81,145,1) 0%, rgba(30,45,115,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,81,145,1)), color-stop(98%,rgba(30,45,115,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,81,145,1) 0%,rgba(30,45,115,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5191', endColorstr='#1e2d73',GradientType=0 ); /* IE6-8 */
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 8px 10px;
	border:none;
}

.separator_form   {
	font-size: 18px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
	text-decoration:underline;
}

/* Form errors */
form .error {
	/*background: #FFDACC;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	/*color: #9E2424;*/
	color: #ec2024;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	/*
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	*/
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	/*
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	*/
	text-align: center;
	z-index:9999;
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #000;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	/*
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	*/
}
.success {
	clear: both;
	color: #000;
	border: 1px solid #000000;
	background: #3B8230;
	/*
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	*/
}

.message {
	clear: both;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px 18px 5px 14px;
	
	width:250px;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-141px;
	border-width:0px 1px 1px 1px;
	z-order:999;
}
.error-message, 
.success-message{
	/*position: absolute;
    margin: 0px;
    border: none;*/
    background: #FFF;
    padding: 0px;
    font-size: 17px;
    font-weight: normal;
    width: 550px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-align: center;
    z-index: 99999;
    min-height: 90px;
    top: 40vh;
    left: 50%;
    margin-left: -275px;
	box-shadow: 1px 3px 7px -3px rgba(0, 0, 0, 1);
}
.error-message #flashContent, 
.success-message #flashContent{
	padding:8px 0px;
	/*position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;*/
    /*width: 50%;*/
    height: 30%;
    margin: auto;
	font-size: 20px;
}

.error-message #flashContent input, 
.success-message #flashContent input{
	margin:8px 0px;
}

.error-message #flashContent #flashContentMessage, 
.success-message #flashContent #flashContentMessage{
	font-size: 20px;
	max-height: 200px;
	overflow: auto;
}

.error-message #flashHeader, 
.success-message #flashHeader{
	height:40px;
	color:#FFF;
	line-height: 40px;
	font-weight:900;
}

.error-message #flashHeader{
	/*color: #c43c35;*/
	background-color: #c43c35;
}
.error-message{
	/*border:2px solid #c43c35;	*/
}
.success-message #flashHeader{
	/*color: #3B8230;*/
	background-color: #3B8230;
}
.success-message{
	/*border:2px solid #3B8230;*/
}

#close_message {
	/*user-select:none;
	cursor:pointer;
	position:absolute;
	right:8px;
	top:3px;*/
	/*background-color:#FFF;*/
	/*height:20px; width:20px;*/
	/*border-radius:10px 10px;*/
	/*top:4px;*/
	
	/*text-align: center;
	line-height: 1.5em;*/
}

.error-message #close_message, .success-message #close_message{
	/*display:none;*/
}

p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

/**  Actions  **/
.actions ul {
	margin: 0;
	padding: 0;
}
.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}

/* Buttons and button links */
input[type=submit],
input[type=button]{
	border: none;
	width: auto;
	text-align:right;
	-webkit-appearance: none;
	display:inline-block;
	padding:4px 8px;
	height:26px;
}

input[type=submit],
input[type=button],
.actions ul li a,
.actions a,
.actions span, 
.actions #popupcancel,
.actions #connectedcancel {
	font-family: calibri, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
	font-weight:400;
	padding: 0px 6px 0px 6px;
	/*margin: 0px 4px 0px 0px;*/
	background: #014786;
	color:#FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	min-width: 60px;
	text-align:center;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:26px;
	margin-left:2px;
	/*line-height: 1.7em;*/
	border:1px solid #014786;
	line-height: 1.9em;
}
.actions a.imageLink {
	padding: 0px;
	border:none;
	background:none;	
}

tr.tr_visible td input[type=submit],
tr.tr_visible td input[type=button],
tr.tr_visible td.actions ul li a,
tr.tr_visible td.actions a,
tr.tr_visible td.actions span, 
tr.tr_visible td.actions #popupcancel,
tr.tr_visible td.actions #connectedcancel 
tr.tr_small td input[type=submit],
tr.tr_small td input[type=button],
tr.tr_small td.actions ul li a,
tr.tr_small td.actions a,
tr.tr_small td.actions span, 
tr.tr_small td.actions #popupcancel,
tr.tr_small td.actions #connectedcancel
{
	background: #FFFFFF;
	color:#014786;
	border:1px solid #014786;
}
tr.tr_visible td.actions span,
tr.tr_small td.actions span{
	color:#666;	
	border:1px solid #666;
}



.actions a.small, .actions span.small {
	width: 30px;
	padding: 4px;
	min-width: 15px;
	text-align: center;
} 
.actions a.small:hover, actions span.small:hover {
	padding:3px;
}
.actions a, .actions span, .actions #popupcancel, .actions #connectedcancel {
	display: inline-block;
	/*line-height:1.36em;*/
	min-width:40px;
	height:26px;
}
.actions input{
	/*margin-top:-1px;*/
}
.actions span {
	color:#FFFFFF;
	background-color:#CCCCCC;
	margin-right: 4px;
}


input[type=submit]:hover,
input[type=button]:hover{
	background: #FFFFFF;
	color:#014786;
	border:1px solid #014786;
}
.actions ul li a:hover,
.actions a:hover, 
.actions #popupcancel:hover,
.actions #connectedcancel:hover,
a.hover{
	background: #FFFFFF;
	color:#014786;
	border:1px solid #014786;
}
.multiActions input[type=submit],
.multiActions input[type=button] {
	height:27px;
	background: #666;
	color:#fff;
	border:1px solid #666;
}
.actions a.imageLink {
	padding: 0px;
	border:none;
	background:none;	
}
tr.tr_visible td.actions ul li a:hover,
tr.tr_visible td.actions a:hover, 
tr.tr_visible td.actions #popupcancel:hover,
tr.tr_visible td.actions #connectedcancel:hover,
tr.tr_visible td a.hover,
tr.tr_small td.actions ul li a:hover,
tr.tr_small td.actions a:hover, 
tr.tr_small td.actions #popupcancel:hover,
tr.tr_small td.actions #connectedcancel:hover,
tr.tr_small td a.hover
{
	background: #014786;
	color:#FFFFFF;
	border:1px solid #014786;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active,
.actions #popupcancel:active,
.actions #connectedcancel:active,
a.active{
	background: #FFFFFF;
	color:#014786;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}
.multiActions input[type=submit]:hover,
.multiActions input[type=button]:hover {
	background: #FFFFFF;
	color:#666;
	border:1px solid #666;
	cursor:pointer;
}
a.selected{
	padding: 3px 7px;
	background: #FFFFFF;
	color:#014786;
	border:1px solid #014786;
	text-decoration: none;
}
a.small.selected{
	padding:3px;
} 
/** Related **/
.related {
	clear: both;
	display: block;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 15px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
	padding: 0;
	position: relative;
}
.cake-debug-output > span {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 6px;
	color: #000;
	display: block;
	float: left;
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
	font-size: 16px;
	line-height: 20px;
	clear: both;
}
.cake-error > a {
	text-shadow: none;
}
.cake-error {
	white-space: normal;
}
.cake-stack-trace {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	margin: 10px 0 5px 0;
	padding: 10px 10px 0 10px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.cake-stack-trace a {
	text-shadow: none;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0px 4px 10px 2px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
	-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
.cake-context {
	margin-bottom: 10px;
}
.cake-stack-trace pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px 0 10px 0;
	padding: 1em;
	overflow: auto;
	text-shadow: none;
}
.cake-stack-trace li {
	padding: 10px 5px 0px;
	margin: 0 0 4px 0;
	font-family: monospace;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-wekbkit-border-radius: 4px;
	border-radius: 4px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
}
/* excerpt */
.cake-code-dump pre,
.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
.cake-code-dump .code-highlight {
	display: block;
	background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
.code-coverage-results div.covered span.content {
	background:#cec;
}
.code-coverage-results div.ignored span.content {
	color:#aaa;
}
.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
.code-coverage-results span.line-num strong {
	color:#666;
}
.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
.code-coverage-results div.realstart {
	margin-top:0px;
}
.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
.code-coverage-results span.result-bad {
	color: #a00;
}
.code-coverage-results span.result-ok {
	color: #fa0;
}
.code-coverage-results span.result-good {
	color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
	display:none;
}

/** ajaxContent **/
#ajaxContent {
	height:100%;
	min-height:100%;
	width:auto;
	box-sizing: border-box;
	display:block;
	/*margin-top:30px;*/
}

/** menu **/
#menu{
	/*position:absolute;*/
	/*left:189px;*/
	/*left:134px;*/
	/*top:56px;*/
	margin: 0 auto;
	display:inline-block;
	/*text-align:center;*/
	width:100%;
	float:none;
	white-space:nowrap;
}

/*
#menu #editAll, #menu #edit{ background-image: url(images/iconeMenu/edit.png); }
#menu #editAll.tabLinkActive, #menu #edit.tabLinkActive{ background-image: url(images/iconeMenu/edit_blue.png); }

#menu #actors, #menu #as{ background-image: url(images/iconeMenu/actors.png); }
#menu #actors.tabLinkActive, #menu #as.tabLinkActive{ background-image: url(images/iconeMenu/actors_blue.png); }

#menu #courseElements, #menu #ces{ background-image: url(images/iconeMenu/elements.png); }
#menu #courseElements.tabLinkActive, #menu #ces.tabLinkActive{ background-image: url(images/iconeMenu/elements_blue.png); }

#menu #races{ background-image: url(images/iconeMenu/races.png); }
#menu #races.tabLinkActive{ background-image: url(images/iconeMenu/races_blue.png); }

#menu #courses{ background-image: url(images/iconeMenu/course.png); }
#menu #courses.tabLinkActive{ background-image: url(images/iconeMenu/course_blue.png); }

#menu #courses{ background-image: url(images/iconeMenu/races.png); }
#menu #courses.tabLinkActive{ background-image: url(images/iconeMenu/races_blue.png); }

#menu #track{ background-image: url(images/iconeMenu/player.png); }
#menu #track.tabLinkActive{ background-image: url(images/iconeMenu/player_blue.png); }

#menu #passage_marks{ background-image: url(images/iconeMenu/detection.png); }
#menu #passage_marks.tabLinkActive{ background-image: url(images/iconeMenu/detection_blue.png); }

#menu #eventNews{ background-image: url(images/iconeMenu/news.png); }
#menu #eventNews.tabLinkActive{ background-image: url(images/iconeMenu/news_blue.png); }

#menu #eventMessages{ background-image: url(images/iconeMenu/news.png); }
#menu #eventMessages.tabLinkActive{ background-image: url(images/iconeMenu/news_blue.png); }

#menu #sponsors{ background-image: url(images/iconeMenu/sponsors.png); }
#menu #sponsors.tabLinkActive{ background-image: url(images/iconeMenu/sponsors_blue.png); }

#menu #categories, #menu #contentApp{ background-image: url(images/iconeMenu/categories.png); }
#menu #categories.tabLinkActive, #menu #contentApp.tabLinkActive{ background-image: url(images/iconeMenu/categories_blue.png); }

#menu #teams{ background-image: url(images/iconeMenu/teams.png); }
#menu #teams.tabLinkActive{ background-image: url(images/iconeMenu/teams_blue.png); }

#menu #stats{ background-image: url(images/iconeMenu/stats.png); }
#menu #stats.tabLinkActive{ background-image: url(images/iconeMenu/stats_blue.png); }

#menu #trackers{ background-image: url(images/iconeMenu/trackers.png); }
#menu #trackers.tabLinkActive{ background-image: url(images/iconeMenu/trackers_blue.png); }

#menu #splitTimes{ background-image: url(images/iconeMenu/splitimes.png); }
#menu #splitTimes.tabLinkActive{ background-image: url(images/iconeMenu/splitimes_blue.png); }

#menu #debugs, #menu #debug{ background-image: url(images/iconeMenu/debug.png); }
#menu #debugs.tabLinkActive, #menu #debug.tabLinkActive{ background-image: url(images/iconeMenu/debug_blue.png); }

#menu #portal{ background-image: url(images/iconeMenu/Iframes.png); }
#menu #portal.tabLinkActive{ background-image: url(images/iconeMenu/Iframes_blue.png); }

#menu #dashboard{ background-image: url(images/iconeMenu/dashboard.png); }
#menu #dashboard.tabLinkActive{ background-image: url(images/iconeMenu/dashboard_blue.png); }
*/


#menu strong{
	font-size:16px;
	margin:0px 0px 0px 0px;
}
#menu strong a{
	font-size:18px;
}

/** Tabs **/
.tabLink, .upLink{
	position:relative;

	display:inline-block;
	margin: 0px -1px 0px 0px;
	/*height: 44px;*/
	/*max-height:25px;*/
	/*max-width:120px;*/
	white-space:normal;
	padding:7px 12px;
	/*line-height:18px;*/
	text-decoration: none;
	
	/*
	border-top:1px solid #014786;
	border-right:1px solid #014786;
	border-bottom:1px solid #014786;
	border-left:1px solid #014786;
	*/
	border:1px solid #999;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	/*-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;*/
	
	/*-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;*/
	
	/*-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 0px 10px 10px;*/
	
	outline:none;
	font-size:16px;
	
    /*background-position: top;*/
	background-position: center -1px;
	background-repeat: no-repeat;
    background-size: 40px 40px;
	/*line-height:2.8em;*/
	
	background-color: #FFFFFF;
	color: #999;
}


#menu .actions{
	position: fixed;
    top: 68px;
    left: 15px;
}
#menu .actions a{
	/*display:inline;
	vertical-align:top;*/ 
	
	/*position: fixed;
	top: 4px;
  	right: 210px;*/
  	line-height: 1em;
	background-color: #ec2024;
	/*padding: 2px 7px;*/
}
.firstTab{
	/*padding-left:8px;
	margin-left:12px;*/
	
	/*-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;*/
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px
}

.lastTab{	
	/*-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;*/
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px
}

.tabLinkActive {
	color: #FFFFFF;
	background-color: #014786;
	
	/*border-top:1px solid #FFFFFF;*/
    z-index: 999 !important;
	
	/*-webkit-border-radius: 0px 0px 10px1 0px;
	-moz-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 0px 10px 10px;*/
	
	/*padding:0px 10px 0px 8px;*/
	
	outline:none;
}
.tabLinkInactive, .upLink{
	background-color: #FFFFFF;
	/*color: #014786;*/
	color: #666;
}
.tabLinkInactive:hover, .upLink:Hover {
	color:#333;
}

/** form perso **/
.courseElementType {
	/*border:1px dashed #003d4c;*/
}

.threeDField {
	font-style: italic;
}

/** Connected **/
#connectedWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*bottom: 0;*/
  overflow: auto;
  text-align: center;
  /*background-color: rgba(0,0,0,0.7);*/
  z-index: 90000;
}
#connectedWrapper:before {
  /*content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;*/ /* Adjusts for spacing */
}

#connectedDragger {
   cursor: move;
   widht: auto;
   height:50px;
}

#connectedOptions {
	position:absolute;
	top:5px;
	left:5px;
	border:1px solid black;
	text-align:center;
}
#connected {
   padding:0px;

   color: #000000;
   background-color: #EEEDEB;
   box-shadow: 1px 1px 3px #999;

   width:300px;

   display: inline-block;
   z-index: 9001;
   position: absolute;
   right: 140px;
   top: 40px;
   
}
#connectedContent {
	/*position:absolute;*
	top:0px;
	right:0px;*/
	margin: 0px;
	padding: 0px;
	width:100%;
	overflow:auto;
	/*min-height:300px;*/
	/*text-align: center*/
	z-index: 9002;
}

#connectedContent .form {
	/*position: absolute;
	left: -600px;
	top: 0px;*/
	/*min-height: 300px;*/
	width: 100%;
	overflow:auto;
}

#connectedContent #contentTop {
	position:static;
	/*top:0px;
	left: 0px;*/
	width:auto;
	height:40px;
	background:#FFFFFF;
	color: #215295;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	line-height:2.3em;
	padding:0px 0px 0px 20px;
	margin: 0px;
}

#connectedContent #contentCenter {
	width: auto !important;
	margin:0px;
	background: #EEEEEE;
	color: #215295;
	font-size: 22px;
	text-align: left;
}
#connectedContent #contentCenter table{
	width: 280px !important;
	margin: 0px !important;
}


#connectedContent #contentCenter .submit, 
#connectedContent #contentCenter .actions{
	position:absolute;
	right: 88px;
	bottom:	0px;
	height: auto;
}

#connectedContent #contentCenter .submit input, 
#connectedContent #contentCenter .actions a{
	float:none;
	margin:0px 0px 0px 4px;
}

#connectedClose {
	position:absolute;
	right: 0px;
	top: 0px;
	background:none;
	font-size:16px;
	font-weight:bold;
	border:none;
	height:40px;
	width:40px;
}

#connectedCancel {
	position:absolute;
	right:20px;
	bottom: 4px;
}

/** Popup **/
#popupWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  overflow: auto;
  text-align: center;
  /*background-color: rgba(0,0,0,0.7);*/
  z-index: 9000;
}
#popupWrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

#popupDragger {
   cursor: move;
   widht: auto;
   height:50px;
}

#popupOptions {
	position:absolute;
	top:5px;
	left:5px;
	border:1px solid black;
	text-align:center;
}
#popup {
   /*position: absolute;
   left: 50%;
   top:50%;
   margin: -150px 0px 0px -300px;*/
   position:fixed;
   padding:0px;
   /*padding: 5px;*/
   color: #000000;
   background-color: #EEEDEB;
   box-shadow: 1px 1px 3px #999;
   /*border: 1px solid #000000;*/
   width:600px;
   margin-left:-300px;
   top:35%;
   /*min-height:300px;*/
	
   display: inline-block;
   z-index: 9001;
   
}
#popupContent {
	/*position:absolute;*
	top:0px;
	right:0px;*/
	margin: 0px;
	padding: 0px;
	width:100%;
	overflow:auto;
	/*min-height:300px;*/
	/*text-align: center*/
	z-index: 9002;
}

#popupContent .form {
	/*position: absolute;
	left: -600px;
	top: 0px;*/
	/*min-height: 300px;*/
	width: 100%;
	overflow:auto;
}

#popupContent #give_access {
	height:800px;
}

#popupContent #contentTop {
	position:static;
	/*top:0px;
	left: 0px;*/
	width:auto;
	height:40px;
	background:#FFFFFF;
	color: #215295;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	line-height:2.3em;
	padding:0px 0px 0px 20px;
	margin: 0px;
}

#popupContent #contentCenter {
	/*position: absolute;
	bottom:0px;*/
	width: 100%;
	/*min-height:260px;*/
	margin:0px;
	background: #EEEEEE;
	color: #215295;
	font-size: 22px;
	text-align: left;
}

#popupContent #contentCenter fieldset{
	/*padding:20px 50px 20px 50px;*/
	padding: 4px 8px 0px 8px;
	/*margin:0px 0px 40px 0px;*/
	overflow:auto;
	max-height: 600px;
	/*min-height:140px;*/
	overflow-x:hidden;
}

#popupContent #contentCenter .submit, 
#popupContent #contentCenter .actions{
	position:absolute;
	right: 88px;
	bottom:	0px;
	height: auto;
}

#popupContent #contentCenter .submit input, 
#popupContent #contentCenter .actions a{
	float:none;
	margin:0px 0px 0px 4px;
}

#popupClose {
	position:absolute;
	right:0px;
	top:0px;
	background:none;
	font-size:16px;
	font-weight:bold;
	border:none;
	height:40px;
	width:40px;
}

#popupCancel {
	position:absolute;
	right:20px;
	bottom: 4px;
}
/** color **/
.preview_color{
	height:20px;
	width:20px;
	border: 1px solid #000000;
	
	display: inline-block;
	margin-right: 15px;	
}

/* centering */
.centered {
	text-align:center;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px !important; }
.ui-timepicker-div dl { text-align: left !important; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px !important; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px !important; }
.ui-timepicker-div td { font-size: 90% !important; }
.ui-tpicker-grid-label { background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; }

.ui-timepicker-rtl{ direction: rtl !important; }
.ui-timepicker-rtl dl { text-align: right !important; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px !important; }

/** user **/
#user_connected{
	position: absolute;
	right: 20px;
	/*top: 30px;*/
	display: inline;
	text-align: right;
	color:#014786;
	white-space:nowrap;
}

/*css for quality datas*/
.not_so_good{
	font-weight: 900;
	color:#FF9933;
}

.bad{
	font-weight: 900;
	color:#CC6600;
}

.very_bad{
	font-weight: 900;
	color:#FF0000;
}

.extremely_bad{
	font-weight: 900;
	color:#FF0000;
	/*text-decoration:underline;*/
	/*border:1px solid #FF0000;*/
	/*text-align:center;*/
}

.no_data {
	background-color: #ffbd00 !important;
}

.good_hidden {
	display:none;
}

#clock {
	position:absolute;
	/*top:3px; */
	top:-52px; 
	left:853px;
	color:#014786;
	/*background:#EEEDEB;*/
	padding:0px;
	font-size:24px;
	z-index:9999;
}
#clock h1{
	display: inline;
	font-size: 24px;
	font-weight: bold;
	font-style:italic;
}
#clock .date_timezone{
	display: inline-block;
	margin-top:-6px;
	margin-left:2px;
	font-size:16px;
}
#clock .date_timezone_name{
	display: inline-block;
	margin-top:-6px;
}

/*color picker*/
.colorpicker_field input{
	width:30px;
}
.colorpicker_hex input{
	width:45px;
}

/*color info in listings*/
.color_info{
	padding:0px;
	width:8px;
}

.cancel{
	color-alpha: 0.4;
	opacity: 0.4;
}

/** colonnes **/
.multicol{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
     page-break-inside: avoid; /* Firefox */
     break-inside: avoid; /* IE 10+ */
}



.clickableRow{
	cursor:pointer;
}

.advanced_options{
	margin-bottom: 8px;	
}
#advanced_options_link{
	margin:0px 0px 20px 0px;
}

#advanced_options, .advanced_options{
	/*margin:0px 0px 20px 0px;*/
}

/** checkboxes de selection **/
td input[type=checkbox] {
	/*margin: 0px 6px 7px 6px;*/
	margin:0px 2px 0px 0px;
}
th input[type=checkbox] {
	margin:5px 2px 0px 0px;
}
.hiddenMultiEdit{
	display:none;
}

/** numeric/number input **/
input[type=numeric],input[type=number] {
	width:60px;
}

/** HELP **/
.helpIco {
	width:17px; 
	display:inline;
}

/*css for geoTimeZone*/
.inputGeoPosition{
	width:	95px;
}
.inputGeoPosition[type=number], .inputGeoPosition[type=numeric]{
	width:	40px;
}
.labelGeoPosition{
	width:	82px !important;
}

/*Login*/

.login form{
	background-color: #EEEDEB;
	width: 300px;
	min-height: 147px;
	/* padding: 20px 50px 20px 50px; */
	margin: 0 auto;
	display: block;
	
}
.login input{
		height:26px;
}		
.login input[type=submit]{
	width:300px;
	height:30px;
}	
.login .message{
	top:40%;
	border:0px;
	background:none;
	color:#c43c35;
	font-size:14px;
	width:500px;
	padding:0px;
	margin:-88px 0px 0px -250px;
	z-index:999;
}	
.login input[type=text], .login input[type=password]{
	margin-bottom:20px;
}
/** Logo **/
#logoHeader{
	position:absolute;
	top:8px;
	left:20px;
	z-index:9999
}
#logoHeader a img{
	height: 19px;
}
#logoHeader a h2{
	position:relative;
	top:-4px;
	left:0px; /*58px;*/
	font-weight:bold;
	font-style:italic;
	font-size:16px;
}

/** Logger **/
#logger{
	/*text-align:right;
	position:absolute;
	top:30px;*/
	/*right:18px;*/
	color:#014786;
	
    text-align: left;
    position: absolute;
    top: 24px;
    left: 8px;
	z-index:99;
}

#logger .tabLink{
	height:17px;
	line-height:1em;
}

/** TOOLS **/
#toolbox{
	text-align:right;
	position:absolute;
	top:48px;
	right:15px;
}


/** page title + page actions **/
#contentTop { 
	padding:0px;
	margin: 18px 0px 6px 0px;
	width:auto;
	overflow:visible;
	/*position:absolute;
	top:44px;
	left:0px;*/
	white-space:nowrap;
}
#contentTop h1{ 
	margin: -4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-size: 24px;
	font-weight: bold;
	float:left;
	margin-right:30px;
	float:left;
	display:inline;
}
#contentTop div.actions{ 
	margin:0px;
	padding:0px;
	margin-top:4px;
	display:inline;
}
#contentTop div.actions a{ 
}
.NEW:after{
	content:'  NEW';
	margin-right:4px;
	color:#FF9900;
	font-weight:900;	
}
/** filter **/
#filterForm{
	padding:0px;
	margin:0px;
	position:absolute;
	top:18px;
	right:0px;
	width:auto;
	z-index:9999;
}
#filterForm .input, #filterForm .submit{
	padding:0px;
	display:inline-block;
	margin:0px 0px 0px 4px;
	vertical-align:middle;
}
#filterForm .input input {
	width:70px;
}
#filterForm .input select {
	width:auto;
}

/*************Checklist***************/
#ajaxChecklist{
	/*margin-top:47px;	
	margin-bottom:-35px;*/
	z-index:99999;
	position:fixed;
	right:35px;
	bottom:0px;
}
.checklist #contentCenter{
	margin-top:0px !important;
	padding:0px !important;	
}
.checklistElement, .checklistTitle{
	height:20px;
	width:200px;
	background-color:#DDDDDD;
	margin-bottom:2px;
	padding:4px;
	box-shadow:0 2px 1px -1px #999999;
	font-size:1.2em;
}
.checklistElement strong, .checklistTitle strong{
	font-size:1.1em;
	line-height: 1em;
	/*padding-left:24px;*/
}

.checklistTitle{
	cursor:pointer;
}	

#ajaxChecklist .checklistTitle:after{
	font-weight: 900;
    margin-right: 10px;
    float: right;
}
#ajaxChecklist.opened .checklistTitle:after{
	content: '-';	
}
#ajaxChecklist.closed .checklistTitle:after{
	content: '+';	
}
#ajaxChecklist.closed .checklistElement{
	display:none;	
}
#ajaxChecklist.opened .checklistElement{
	display:block;	
}

.checklistElement .valid, .checklistElement .invalid, .checklistTitle .valid, .checklistTitle .invalid{
	display:inline-block;
	width:20px;
	text-align:center;
	color:white;
	border-radius:10px 10px;
	margin-right:4px;
}
.checklistTitle .valid, .checklistTitle .invalid{
	margin-right:0px;	
}

.checklistElement .valid, .checklistTitle .valid{
	background-color:#41b940;
}
.checklistElement .invalid, .checklistTitle .invalid{
	background-color:#ec2024;
}
.checklistElement .value{
	display:inline-block;
	text-align:center;
	font-weight:900;
	margin-left:4px;
	float:right;
	font-size:1.1em;
	line-height: 1em;
	max-width: 130px;
    /*overflow: hidden;*/
	white-space: nowrap;
}

/** main content **/
#contentCenter{
	margin: 0px;
	/*padding: 0px 18px 0px 22px;*/
	padding: 0px;
	/*background:#FFFFFF;*/
	/*overflow:hidden;*/
	display:inline-block;
	width:100%;
	padding-bottom: 40px;
}
#contentCenter form{
	padding:0px;
	margin:0px;	
	display:inline-block;
}

.nothing{
	height: 30px;
	width: 100%;
	margin: 0px;
	font-size: 14px;
	line-height:3em;
}

/** player options **/

.options.form .checkboxes .checkbox {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 100%;
	max-width:210px;
	position: relative;
}
.options.form  .checkboxes .checkbox input{
	position:absolute;
	/*right:0;*/
	bottom:0;
}
.options form div.submit{
	/*width:225px;
	margin: auto;*/
}
.options_div{
	padding-top: 4px;
}
.separator{
	display:block;
}
.elementGroup, .checkboxes{
	/*margin: -20px 0px 20px 161px;*/
	margin: -20px 0px 0px 161px;
}
.edit .elementGroup{
	margin-bottom:0px;
}
.elementGroup .input{
	display:inline-block;
	margin-right:8px;
}
.elementGroup .input label{
	width:auto;
	/*width: 100px;*/
	/*margin-right:8px;*/
}
.elementGroup .input select{
	width:auto;
	/*margin-right:8px;*/
}
.elementGroup .input.dateTime{
	z-index: 999;
}
.elementGroup .input.dateTime label{
	width: 96px;
}

.elementGroup .number input{
	max-width:60px;
	margin-top: 1px;
}
.edit .dateTime, .dateTime{
	white-space:nowrap;
	
}
.edit .dateTime input, .dateTime input {
	/*max-width:80px;*/
	vertical-align:sub;
	width:auto;
	min-width:90px;
	margin-right:10px;
	height:18px;
	font-family:calibri, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
.elementGroup.one_column .input{width:100%;}
.elementGroup .checkbox {
	margin-bottom: 0px;
}
.elementGroup .checkbox input {
	margin:4px 0px 0px 4px;
	float:none;
}
.elementGroup .radio{
	margin-bottom:0px;
}
.elementGroup .radio .radio_elem{
	display:inline-block;
	margin-right:8px;
	font-size:110%;
}
.elementGroup .radio .radio_elem input[type=radio]{
	margin:2px 2px 0px 0px;
}

.checkboxes{
	width:auto;
	display:block;
	height:auto;
	/*overflow:hidden;*/
	/*margin: -20px 0px 20px 155px;*/
}
.checkboxes .checkbox, .checkboxes .threeDField{
	/*float:	left;*/
	margin:0px 20px 0px 0px;
	width:auto;
}
.checkboxes .checkbox label, .checkboxes .threeDField label {
    /*float: left;*/
	width:auto;
	margin:0px 4px 0px 0px;
}
.checkboxes .checkbox input, .checkboxes .threeDField input {
    width: 13px;
    height: 13px;
    margin: 3px 0px 0px 0px;
    padding:0;
    *overflow: hidden;
	float:none;
}


/***** SHAPES *******/
.circleBase {
    border-radius: 50% !important;
    behavior: url(PIE.htc) !important; /* remove if you don't care about IE8 */
	display:inline-block !important;
}
.circle0 {
    width: 16px !important; 
    height: 16px !important;
    /*background-color: #ff8700 !important;*/
	background-color: #FFF !important;
    border: 2px dotted #AAA !important;
	margin:0px !important;
}
.circle1 {
    width: 10px !important; 
    height: 10px !important;
    background-color: #ff8700 !important;
    border: 2px solid #000 !important;
	margin:0px !important;
}
.circle2 {
    width: 10px !important; 
    height: 10px !important;
    background-color: #ff8700 !important;
    border: 1px solid #000 !important;
	margin:0px !important;
}

.line0 {
    width: 16px !important; 
    height: 1px !important;
    background-color: #FFF !important;
    border: 1px dotted #AAA !important;
	margin:auto 0px !important;
}
.line1 {
    width: 5px !important; 
    height: 1px !important;
    background-color: #000 !important;
    border: 1px solid #000 !important;
	margin:auto 0px !important;
}
.boat1 {
    border-radius: 0% 0% 50% 50% !important;
    behavior: url(PIE.htc) !important; /* remove if you don't care about IE8 */
	display:inline-block !important;
	
	width: 10px !important; 
    height: 10px !important;
    background-color: #fff !important;
    border: 2px solid #000 !important;
	margin:0px !important;
}
.geopos1 {
    border-radius: 50% !important;
    behavior: url(PIE.htc) !important; /* remove if you don't care about IE8 */
	display:inline-block !important;
	
	width: 10px !important; 
    height: 10px !important;
    background-color: #ec2024 !important;
    border: 2px solid #000 !important;
	margin:0px !important;
}


/***** Column ******/
.twoCol{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
}
.threeCol{
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
}

.td_edit .div_edit .form {
	width:100%;	
}

.td_edit .div_edit .form #contentCenter {
	width: 100%;
}

.auto_column{
	/*width: 100%;*/
	/*-webkit-column-count: auto;*/ /* Chrome, Safari, Opera */
    /*-moz-column-count: auto;*/ /* Firefox */
    /*column-count: auto;*/
	/*-webkit-column-width: 500px;*/ /* Chrome, Safari, Opera */
    /*-moz-column-width: 500px;*/ /* Firefox */
    /*column-width: 500px;*/
}

.content_advanced_option{
	padding-top: 14px;
}

/*.td_edit .div_edit .form #contentCenter .submit {
	text-align: right;
	width: auto;
	margin-top:	16px;
}*/

/*********** inline edit **************/
td #contentCenter, #div_add #contentCenter{
	margin-top: 0px;
	padding:20px 0px 20px 0px;
}
table tbody tr:nth-child(odd) #contentCenter {
	background: #EEEEEE;
}

table tbody tr:nth-child(even) #contentCenter {
	/*background: #FFFFFF;*/
} 
.div_edit{
	float:right;
}
td > input{
	padding:0px;
}

/*___________DASHBOARD________________*/
 #flashMessage{
 	/*display:none;*/
 }
 
 #contentCenter.contentCenterDashboard{
 	width: 90%;
	margin: 46px auto 0 auto;
 } 
 
 #contentCenter.contentCenterDashboard #playerWidget{
	width: calc(100% - 5px); 
	height: 600px;
	margin-bottom: 15px;
	border:1px solid #DDDDDD;
 }
 #contentCenter.contentCenterDashboard #playerWidget iFrame{
	height: 100%;
	width: 100%; 
	border: 0px;
 }
 
 #leftColumn{
	width:30%;
	margin-right:15px;
	float:left;
 }
 #leftColumn .dashboardElement{
 	margin-bottom:15px;
 }
 #rightColumn{
 	 
	width:60%;
	float:left;
 }
 #rightLeftColumn{
 	
	width:45%;
	margin-right:15px;
	float:left;
 }
 #rightRightColumn{
 	width:45%;
	float:left;
 }
 #rightRightColumn .dashboardElement, #rightLeftColumn .dashboardElement{
 	margin-bottom:15px;
 }

 .dashboardElement{
 	width:100%;
	text-align:center;
	padding:0px;
	margin-bottom:-1px;
	/*border:1px solid #DDDDDD;*/
	background-color:rgba(255,255,255,0.6);
 }

 .dashboardElement .index{
 	margin-bottom:0px;
	padding-bottom: 0px;
 }


 .dashboardElement .contentTop{
 	width:100%;
	background-color:#DDDDDD;	
	overflow:hidden;
	padding:4px;	
	-webkit-sizing:border-box;
	-moz-sizing:border-box;
	box-sizing:border-box;
 }
 .dashboardElement .contentTop h1{
 	float:left;
	font-size:20px;
	margin-left:8px;
 }
 .dashboardElement .contentTop div.actions, div.infos{
 	float:right;
 } 
 
 .dashboardElement .contentTop div.actions a{
 	margin:0px 0px 0px 4px;
	background-color:#FFFFFF;
	color:#000000;
 }
 .dashboardElement .contentCenter{
 	margin:4px;
 }
   
/*___________WIDGET___________*/
.dashboard.index{
	/*text-align:center*/
}
#actorsWidget table td{
	white-space:normal;
}
.widget .splitPoint{
		width:100%;
		margin-bottom:4px;
}
.widget .splitPoint .splitPointHead{
	width:100%;
	background-color:#EAEAEA;
	font-weight:900;
}
.widget .splitPoint .splitPointHead div, .splitPoint .actorDatas div{
	display:inline-block;
}

.widget .splitPoint .actorDatas:nth-of-type(even){
	background-color:#F7F7F7;
}

.widget .splitPoint .splitPointHead .name, .splitPoint .actorDatas .previous_rank{
	width:25%;
	text-align:left;
	white-space:nowrap;
	vertical-align: top;
}
.widget .splitPoint .splitPointHead .state, .splitPoint .actorDatas .actor_name{
	width:45%;
	max-width:45%;
	text-align:center;
	white-space:nowrap;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
}
.widget .splitPoint .splitPointHead .ratio, .splitPoint .actorDatas .tracker_name{
	width:25%;
	text-align:right;
	overflow:hidden;
	white-space:nowrap;
	vertical-align: top;
}

.widget .trackerInfo{
		width:100%;
		margin-bottom:4px;
	}
.widget .trackerInfo .trackerInfoHead{
	width:100%;
	background-color:#EAEAEA;
}
.widget .trackerInfo .trackerInfoTrackers, .trackerInfo .trackerInfoTrackers .trackerInfoSingle{
	width:100%;
	padding:0px;
}
.widget .trackerInfo .trackerInfoHead div, .trackerInfo .trackerInfoTrackers div{
	display:inline-block;
}
.widget .trackerInfo .trackerInfoHead div{
	font-weight:900;
}

.widget .trackerInfo .trackerInfoTrackers .trackerInfoSingle .trackerInfo1{
	font-weight:900;
}
.widget .trackerInfo .trackerInfoHead .trackerInfoName, .trackerInfo .trackerInfoTrackers .trackerInfoSingle .trackerInfo1{
	/*width:35%;*/
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
	float:left;
}
.widget .trackerInfo .trackerInfoHead .trackerInfoStatus, .trackerInfo .trackerInfoTrackers .trackerInfoSingle .trackerInfo2{
	/*width:45%;*/
	margin-right:2%;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	vertical-align:top;
	display:inline-block;
	vertical-align: top;
	margin:auto;
	max-width:45%;
	text-overflow:ellipsis;
}
.widget .trackerInfo .trackerInfoHead .trackerInfoStatus{
	overflow:visible;
	text-align:center;
}
.widget .trackerInfo .trackerInfoHead .trackerInfoValue, .trackerInfo .trackerInfoTrackers .trackerInfoSingle .trackerInfo3{
	/*width:15%;*/
	text-align:right;
	white-space:nowrap;
	overflow:hidden;
	vertical-align: top;
	float:right;
}
.widget .trackerInfo .not_so_good, .trackerInfo .bad, .trackerInfo .very_bad{
	font-weight:400;
}

.widget .trackerInfo .trackerInfoTrackers .trackerInfoSingle:nth-child(even){
	background-color:#F7F7F7;
}



/************** warning message ****************/
@keyframes blinkBorder { 
	0% { border-color:#014786; }
	10% { border-color:#014786; }
	100% { border-color:white; } 
}
@-webkit-keyframes blinkBorder 
{
	0% { border-color:#014786; }
	10% { border-color:#014786; }
	100% { border-color:white; } 
}

@keyframes blinkTxt { 
	0% { color:red; }
	100% { color:white; } 
}
@-webkit-keyframes blinkTxt 
{
	0% { color:red; }
	100% { color:white; } 
}

.warning_mess {
	color:red;
	border-width:2px;
	border-style:dashed;
	border-color:#014786;
	text-align:center;
	height:auto;
	font-weight:bolder;	
} 


/********************** HELP ******************/
.labelHelp{
	background-color:#014786;
	color:#FFFFFF;
	
	display:inline-block;
	width:14px;
	height:14px;
	
	text-align:center;
	vertical-align: baseline;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	margin-left:0.3em;
	line-height:1.0em;
	
	cursor: help;
}

.labelHelp:before{
	content: '?'; 
}
.ui-tooltip-content{
	font-size:1em !important; 
}

/*Edit visualisation Event*/
#colors_images {
		display:block;
		width:auto;
		overflow:hidden;
}
#colors, #images {
	display:inline-block;
	float:left;
	width:50%;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#colors h2, #images h2 {
	text-align:center;
	width:100%;
	display:block;
	margin-bottom:8px;
}
#colors{
	border-width:0px 1px 0px 0px;
	border-color:#000000;
	border-style:solid;
}
#images {	
	padding-left:8px;
}

.visualisation form div.submit {
	width:60px;
}
.edit_visu_zone
{
	display:block;
}
.edit_visu_zone h2
{
	Margin-left:100px;
	margin-bottom:16px;
	font-size: 16px;
}
.edit_visu_zone>.input>label
{
	width: 170px;
	float: inherit;
}
.edit_visu_zone>.checkbox
{
	width: 192px;
}
.edit_visu_zone>.checkbox>input
{
	margin-top: 6px;
}
.edit_visu_zone .input
{
	clear: left !important;
}
.edit_visu_thumb
{
	height: 80px;
	width: auto;
}
.visu_edit_a
{
	vertical-align: top;
	margin-right: 10px;
}
/*______Editeur Races______*/

#editor_carto_advanced {
	display:block;
	width:auto;
	overflow:hidden;
}
.editor, #carto_advanced {
	display:inline-block;
	float:left;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}	
.editor.fullwidth{
	width:100%;
	margin-bottom:25px;
	float:none;
}
.editor{
	float:left;
	width:50%;
}
#editor{
	float:left;	
	margin-right:30px;
}
#carto_advanced{
	width:460px;
}
#mapZoneRace{width:100%;}
.warning_mess{width:100%;}
.checkboxes .input label{
	width:auto;
}
/*Edit dans tableaux*/
.td_edit .div_edit {
width: 96%;
padding: 10px 2%;
}

#detections_passage_marks tr,
#actors_passage_marks tr{
	height:21px;
}

#detections_passage_marks td{
	font-size:13px;
}
.detections_split a div{
	opacity:0.4;
}
.detections_split a div.active{
	opacity:1;
}

#actors_passage_marks td{
	font-size:12px;
}

.actors.form .basic_options .input{
	text-align: left;
	width: 15%;
	float:none;
	display: inline-block;
	margin-right: 1%;
}
.actors.form .basic_options  .input label {
/* float: left; */
width: 100%;
display: block;
}

.actors.form .basic_options .input select,
.actors.form .basic_options .input input {
padding: 0px;
width: 100%;
display: block;
}

/*Course Object*/

.courseObjects tr{
	/*border: 1px solid #e4e1de !important;*/
}
.courseObjects td{
	/*line-height:2em;*/
	/*font-size:1.17em;*/
	/*padding: .5em .7em;*/
}

.courseObjects .mutlipleElement{
	line-height:1em;
}


/*Advanced Options Button*/
.advanced_options_link{
	position:relative;
	-webkit-transition: opacity 1s, color 1s;
	transition: opacity 1s, color 1s;
	/*opacity:0.3;*/
	background-color:#014786;
	color:#fff;
	text-align: left;
	padding-left: 7px;
	margin-top:8px;
}
.advanced_options_link p{
	position:absolute;
	top:3px;
	left:35px;
}
.advanced_options.{
	margin:0;
}
.advanced_options_link{
	width: 140px;
	display: block;
	border-radius: 2px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.advanced_options_link.active{
	width:100%;
	opacity:1;	
	color:#fff;
	background-color:#014786;
}
.bar {
	-webkit-transform:rotate(0) translateY(0) translateX(0);
	transform:rotate(0) translateY(0) translateX(0);
	opacity:1;
	fill:#fff;
	-webkit-transform-origin: 20px 10px;
	transform-origin: 20px 10px;
	-webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
	transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
}
.bar:nth-of-type(1) {
-webkit-transform-origin: 20px 10px;
transform-origin: 20px 10px;
}
.bar:nth-of-type(3) {
-webkit-transform-origin: 20px 20px;
transform-origin: 20px 20px;
}   
.active .bar:nth-of-type(1) {		
	-webkit-transform:rotate(-45deg) translateY(0) translateX(0);
	transform:rotate(-45deg) translateY(0) translateX(0);
}
.active .bar:nth-of-type(2) {
	opacity:0;
}
.active .bar:nth-of-type(3) {		
	-webkit-transform:rotate(45deg) translateY(0em) translateX(0em);
	transform:rotate(45deg) translateY(0em) translateX(0em);
}

.detection_method{
	color:#FFFFFF;
	text-align:center;
	width:auto;
	height:12px;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	min-width: 12px;
    max-width: 60px;
}
.detection_normal {
	/*background-color:#00F22C;*/
	background-color:#48b752;
}
.detection_manual {
	background-color:#B0B2B5;
}
.detection_error {
	background-color:#F70A2A;
}
.detection_incertitude {
	background-color:#F79C0A;
}

#detections_passage_marks tr td {
	text-align:center !important; 
    vertical-align:middle !important;
}

#detections_passage_marks tr td  div{
	margin:0 auto; 

}

.courseElementBorder{
	/*border-top: 40px solid #fff;*/
}


.div_add{
	padding-bottom:24px;
}

.sortableHeader{
	cursor:pointer;
	color:#014786;
}

@media only screen and (max-width: 1000px) {	
	
	.editor{float:none; width:100%;}
	
	#carto_advanced{float:none;width:460px;}	
	
	/*__________MENU RESPONSIVE__________*/
	
	
}

@media only screen and (max-width: 780px) {	

 #menu{
	/*position:static;	 */
	/*top:-25px;*/
 }
 .tabLink, .upLink{
	/*padding: 0 15px;
	margin:0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #014786;*/
 }
 
 #logger{
 	/*top:55px;*/
	/*top:30px;*/
}
 #arianne{
 	/*top:51px;*/
	/*top: -55px;*/
}
 
 
}






/* SPINNER LOADER */
/*.spinner {
  margin: 8px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 3px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}*/