/* CSS MISE EN PAGE [2 colonnes ] 2 tiers / 1 tier **********************************************************/
.mep-2t1t
{
	width: 750px;
	margin: 0px auto 20px auto;
	text-align: justify;
	padding-bottom: 10px;
	clear: both;
}

.mep-2t1t .colonne1
{
	width: 405px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
}

.mep-2t1t .colonne2
{
	width: 315px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.mep-2t1t .colonne-horiz
{
	width: 750px;
	clear: both;
	padding-bottom: 10px;
	margin-top: 15px;
}

/* CSS MISE EN PAGE [2 colonnes ] 1 tier / 2 tiers **********************************************************/
.mep-1t2t
{
	width: 750px;
	margin: 0px auto 20px auto;
	text-align: justify;
	padding-bottom: 10px;
	clear: both;
}

.mep-1t2t .colonne1
{
	width: 270px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.mep-1t2t .colonne2
{
	width: 450px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.mep-1t2t .colonne-horiz
{
	width: 750px;
	clear: both;
	padding-bottom: 10px;
	margin-top: 15px;
}

/* CSS MISE EN PAGE [full] **********************************************************/
.mep-full
{
	width: 750px;
	margin: 0px auto 20px auto;
	text-align: justify;
	padding-bottom: 10px;
}

.mep-full .colonne1
{
	width: 360px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

.mep-full .colonne2
{
	width: 360px;
	float: left;
	margin-bottom: 10px;
}

/* CSS Différents cadres rayés **********************************************************/
.rayebleu
{
	background: url("../images/bg_rayebleu.gif") repeat;
	color: #fff;
}

.rayeorange
{
	background: url("../images/bg_rayeorange.gif") repeat;
	color: #fff;
}

.rayegris
{
	background: url("../images/bg_rayegris.gif") repeat;
	color: #000;
}

/* CSS Entêtes **********************************************************/
.turquoise-t1
{
	background: url("../images/entete/turquoise_t1.gif") no-repeat;
	clear: both;
}

.turquoise-t2
{
	background: url("../images/entete/turquoise_t2.gif") no-repeat;
	clear: both;
}

.turquoise-t3
{
	background: url("../images/entete/turquoise_t3.gif") no-repeat;
	clear: both;
}

.turquoise-t4
{
	background: url("../images/entete/turquoise_t4.gif") no-repeat;
	clear: both;
}

.turquoise-t5
{
	background: url("../images/entete/turquoise_t5.gif") no-repeat;
	clear: both;
}

.turquoise-t6
{
	background: url("../images/entete/turquoise_t6.gif") no-repeat;
	clear: both;
}

.gris-t1
{
	background: url("../images/entete/gris_t1.gif") no-repeat;
	clear: both;
}

.gris-t2
{
	background: url("../images/entete/gris_t2.gif") no-repeat;
	clear: both;
}

.gris-t3
{
	background: url("../images/entete/gris_t3.gif") no-repeat;
	clear: both;
}

.gris-t4
{
	background: url("../images/entete/gris_t4.gif") no-repeat;
	clear: both;
}

.gris-t5
{
	background: url("../images/entete/gris_t5.gif") no-repeat;
	clear: both;
}

.gris-t6
{
	background: url("../images/entete/gris_t6.gif") no-repeat;
	clear: both;
}

.orange-t1
{
	background: url("../images/entete/orange_t1.gif") no-repeat;
	clear: both;
}

.orange-t2
{
	background: url("../images/entete/orange_t2.gif") no-repeat;
	clear: both;
}

.orange-t3
{
	background: url("../images/entete/orange_t3.gif") no-repeat;
	clear: both;
}

.orange-t4
{
	background: url("../images/entete/orange_t4.gif") no-repeat;
	clear: both;
}

.orange-t5
{
	background: url("../images/entete/orange_t5.gif") no-repeat;
	clear: both;
}

.orange-t6
{
	background: url("../images/entete/orange_t6.gif") no-repeat;
	clear: both;
}

.bleu-t1
{
	background: url("../images/entete/bleu_t1.gif") no-repeat;
	clear: both;
}

.bleu-t2
{
	background: url("../images/entete/bleu_t2.gif") no-repeat;
	clear: both;
}

.bleu-t3
{
	background: url("../images/entete/bleu_t3.gif") no-repeat;
	clear: both;
}

.bleu-t4
{
	background: url("../images/entete/bleu_t4.gif") no-repeat;
	clear: both;
}

.bleu-t5
{
	background: url("../images/entete/bleu_t5.gif") no-repeat;
	clear: both;
}

.bleu-t6
{
	background: url("../images/entete/bleu_t6.gif") no-repeat;
	clear: both;
}

/* CSS divers **********************************************************/
.form-white
{
	color: #fff;
	font-weight: bold;
}

.form-black input[type=text],
.form-black select { border: 1px solid #CCC; }

.filet-white
{
	border-bottom: 1px solid #FFF;
	padding: 0px 0px 5px 0px;
}

.filet-black
{
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 5px 0px;
}

/* CSS listing (tableau) **********************************************************/
.listing
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 10px;
	text-align: left;
	border-left: 0px;
}

.listing td
{
	border-bottom: 1px solid #CCC;
	padding: 2px 4px 2px 8px;
	border-left: 1px solid #FFF;
}
.centeredtext td, .centeredtext th
{
	text-align: center;
}
.turquoise .tr-coul td { background-color: #ECF8FA; }

.turquoise .clickablehover td,
.turquoise .clickable:hover td
{
	cursor: pointer;
	background-color: #C8ECF0;
}

.gris .tr-coul td { background-color: #EEE; }

.gris .clickablehover td,
.gris .clickable:hover td
{
	cursor: pointer;
	background-color: #CCC;
}

.bleu .tr-coul td { background-color: #EBF0FA; }

.bleu .clickablehover td,
.bleu .clickable:hover td
{
	cursor: pointer;
	background-color: #D8E2F5;
}

.orange .tr-coul td { background-color: #FCF1E7; }

.orange .clickablehover td,
.orange .clickable:hover td
{
	cursor: pointer;
	background-color: #FDE8CD;
}

.clickable
{
	cursor: pointer;
	background: #transparent;
}

th
{
	height: 25px;
	padding: 2px 4px 2px 8px;
	border-left: 1px solid #FFF;
}
.tr-disabled{
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity: 0.60;
}
.tr-red{
	background-color: #F33;
}

/* CSS boutons **********************************************************/
.btn_40,
.btn_80,
.btn_100,
.btn_120,
.btn_140,
.btn_160
{
	color: #333;
	font: normal 9px Arial, Helvetica, sans-serif;
	display: block;
	height: 19px;
	line-height: 18px;
	margin: 5px 6px 5px 0px;
	text-decoration: none;
	text-align: center;
}

.btn_40
{
	background: url("../images/btn/btn_off_40.gif") no-repeat;
	width: 42px;
}

.btn_40:hover
{
	background: url("../images/btn/btn_on_40.gif") no-repeat;
	width: 42px;
}

.btn_80
{
	background: url("../images/btn/btn_off_80.gif") no-repeat;
	width: 82px;
}

.btn_80:hover
{
	background: url("../images/btn/btn_on_80.gif") no-repeat;
	width: 82px;
}

.btn_100
{
	background: url("../images/btn/btn_off_100.gif") no-repeat;
	width: 102px;
}

.btn_100:hover
{
	background: url("../images/btn/btn_on_100.gif") no-repeat;
	width: 102px;
}

.btn_120
{
	background: url("../images/btn/btn_off_120.gif") no-repeat;
	width: 122px;
}

.btn_120:hover
{
	background: url("../images/btn/btn_on_120.gif") no-repeat;
	width: 122px;
}

.btn_140
{
	background: url("../images/btn/btn_off_140.gif") no-repeat;
	width: 142px;
}

.btn_140:hover
{
	background: url("../images/btn/btn_on_140.gif") no-repeat;
	width: 142px;
}

.btn_160
{
	background: url("../images/btn/btn_off_160.gif") no-repeat;
	width: 162px;
}

.btn_160:hover
{
	background: url("../images/btn/btn_on_160.gif") no-repeat;
	width: 162px;
}

/* CSS specifiques **********************************************************/
.pageloginform label
{
    font-size: 14px;
    font-weight: bold;
    width: 180px;
}
.pageloginform input[type=text], .pageloginform input[type=password]
{
    font-size: 14px;
}

.pageloginform div
{
    padding: 5px;
}


.screenshot
{
	display: block;
	width: 205px;
	color: #fff;
	float: left;
	padding-right: 20px;
	margin-left: 15px;
}

.news
{
	display: block;
	width: 475px;
	color: #fff;
	margin-left: 225px;
	margin-top: 0px;
}

.screen
{
	border: 5px solid #fff;
	margin: 10px 0px;
}

.formulaire
{
	display: block;
	padding: 0px 15px 5px 15px;
	font-weight: bold;
	text-align: left;
}

.search
{
	display: block;
	border: 1px dashed #BBB;
	margin: 5px 0px 10px 0px;
	padding: 10px 15px 5px 15px;
	font-weight: bold;
	text-align: left;
	background-color: #EFEFEF;
}

.legend
{
	display: block;
	margin: 5px 0px 10px 0px;
	padding: 10px 15px 5px 15px;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	font-style: italic;
	border-width: 1px 0px 1px 0px;
	border-color: #BBB;
	border-style: solid;
}

.form-pages
{
	display: block;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	text-align: center;
}

.form-pages input { border: 1px solid #CCC; }

.cartouche_infos
{
	background: url("../images/fond_cartouche.gif") right no-repeat;
	color: #666666;
}

.cartouche_infos img { vertical-align: middle; }

.cartouche_infos ul
{
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}

.cartouche_infos li
{
	text-indent: 0px;
	text-decoration: none;
	display: inline;
}

.cartouche_infos li.separateur
{
	margin: 0px 5px 0px 5px;
	border-left: 1px solid #666666;
}

.avert_erreur
{
	color: #ff0000;
	margin: 10px 0px 20px 0px;
	text-align: center;
}

a.external
{
	background: url('../images/external.png') center right no-repeat;
	padding-right: 13px;
}

a.wikipedia
{
	background: url('../images/external.png') center right no-repeat;
	padding-right: 13px;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.faq
{
	background: url('../images/qmark.png') center left no-repeat;
	padding-left: 17px;
	text-decoration: none;
}

.rank
{
	float: left;
	padding: 0px 20px 0px 20px;
}

.comments h3
{
	background: none;
	font: 11px/12px Arial, Helvetica, sans-serif;
	clear: both;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #619CC5;
}

.comments_area
{
	background: #BAD4E6 url("../images/comments_bg.gif") no-repeat;
	margin-top: 0px;
	padding: 20px 10px 10px 10px;
}

.highlight { background-color: #FF9; }

.award_status
{
	float: left;
	text-align: center;
	margin: 0px 20px 20px 0px;
}

.award_status table
{
	border: 1px solid #CCC;
	margin: 2px;
	text-align: left;
	width: 290px;
}

.award_status .title
{
	color: black;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	background-color: #DDD;
}

.award_status .details { border-top: 1px solid #CCC; }

.award_status .percentage
{
	border-left: 1px solid #CCC;
	font-size: 18px;
	font-weight: bold;
	width: 60px;
	text-align: center;
}

/* CSS LEGENDES GRAPHIQUES **********************************************************/
.graph_legend
{
	border: 0px solid #CCC;
	width: 8px;
	height: 8px;
	float: left;
	margin: 4px 2px 0px 0px;
}

.graphcolor1 { background-color: #FA0; }
.graphcolor2 { background-color: #08B; }
.graphcolor3 { background-color: #A0A; }
.graphcolor4 { background-color: #309; }
.graphcolor5 { background-color: #c06; }
.graphcolor6 { background-color: #ff3; }

.promotion
{
	border: 1px solid #CCC;
	margin: 2px;
	text-align: left;
}

.promotion th
{
	color: black;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	background-color: #DDD;
}
div.autocomplete {
  position:absolute;
  display:block;
  width:300px;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  width: 300px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  text-align: left;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  width: 300px;
  padding:2px;
  height:20px;
  cursor:pointer;
  font-size: 10px;
  line-height: 10px;
  color: #000;
}
.informal{
    color: #888;
    size: 9px;
    font-style: italic;
}
div.autocomplete .alert{
  width:100px;
}
span.autocomplete_indicator {
  position:absolute;
  display:block;
  margin:0px;
  padding:0px;
  color: #000;
  z-index: 10;
}
span.updating_indicator {
  position:absolute;
  display:inline;
  margin:0px;
  padding:0px;
  color: #000;
  z-index: 10;
}
/* FLIGHT PLAN **********************************************************/

#flightplan input[type=text], #flightreport  input[type=text]{
    text-align: center;
}

.fp_line{
    clear: both;
    height: 40px;
}
.fp_element{
    font-size: 8px;
    float: left;
    text-align: center;
}

div .fp_text{
    font-size: 15px;
    padding-top: 10px;

}
span .fp_text{
    font-size: 15px;
}

#flightplan hr, #flightreport hr{
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

/* CURRENT FLIGHT **********************************************************/
#current_flight
{
	color: black;
	font-style: normal;
	font-weight: normal;
}
#current_flight .fnumber
{
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0px 10px 0px;
}
#current_flight .logo{
    float: right;
    margin-top: 5px;
}
#current_flight .small{
    font-size: 9px;
}
#betaversionmarker
{
  display: none;

}
/* PIREP DETAILS **********************************************************/

.pirepcell{
    height: 14px;
    background-color: #FFF;
    font: 10px Arial, Helvetica, sans-serif;
    border:none;
    padding:2px;
    display: -moz-inline-box;
    display: inline-block;
}
.errorcell{
    background-color: #F99;
    border: #F33 1px solid;
}
div.pirepcell{
    display: block;
    overflow-y: auto;
}
.pirepmsg{
	font-weight: normal;
}
.pirepmsgcel
{
	background-color: #fff;
	padding: 2px;
	margin: 0px 0px 0px 10px;
}
/* CURRENT FLIGHTS *******************************************************/

.vpaflight{
    background-image: url('../images/bgvpaflight80.gif');
    background-repeat: no-repeat;
}

.roster_photo{
    border: 1px #999 solid;
    width: 80px;
    height: 90px;
    background-color: #eee;
    margin: 5px 0px 5px 5px;
    float: right;
}

.teammember{
    width: 120px;
    display: inline-block;
	background: url("../images/bg_rayebleu.gif") repeat;
	color: #fff;
	padding: 5px;
	text-align: center;
	margin: 0px 20px 20px 20px; 
}
.teammember .title{
    font-size: 13px;
    font-weight: bold;
    clear: both;
    margin: 0px 0px 5px 0px;
}
.teammember .picture{
    text-align: center;
    border: 2px #fff solid;
}
.teammember .identity{
    font-size: 13px;
    clear: both;
    margin: 10px 0px 0px 0px;
}
.emptyteammember{
    width: 120px;
    display: moz-inline-box;
    display: inline-block;
	padding: 5px;
	text-align: center;
	margin: 0px 20px 20px 20px; 
}
/****************************** MESSAGE / ALERT PANEL */

.messagePanel {
position:absolute;
top:50%;
left:50%;
z-index:9999;
width:500px;
text-align:left;
margin:-25%;
}
.messagePanel[id] {
position:fixed;
}
#MP_overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#444444;
-moz-opacity:0.7;
opacity:.70;
filter:alpha(opacity=70);
}
#MP_overlay[id] {
position:fixed;
}
.messagebox {
display:block;
color:#444444;
font:1.2em Arial,sans-serif;
line-height:1.6em;
}
.messagebox fieldset
{
	background-color: #fafaf8;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
	margin: 5px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	border-right: 0px #CCC;
	border-left: 0px #CCC;
}
.messagebox h1
{
	font-size: 30px;
	font-weight: bold;
	color: #333;
}
.messagebox h1>img
{
	text-align: left;
	vertical-align: middle;
	padding-right: 5px;
	padding-bottom: 5px;
}
.messagebox h2
{
	font-size: 18px;
	font-weight: bold;
	color: #A33;
}
.tablefield
{
	width: 97%;
}
.progressbarcontainer
{
	clear: both;
	padding: 5px;
}
.progressbartitle
{
	font-weight: bold;
	font-size: 14px;
}
.progressbar
{
	width: 400px;
	height: 15px;
	border: 1px solid #D9D9D9;
	background: #white;
	position:absolute;
	clear: both;
}
.progressactive
{
	height: 15px;
	text-align: center;
	background: url("../images/bg_rayeorange.gif") repeat-x;
	overflow: hidden;
	float:left;
	margin-left:0;
	font-size:12px;
	font-weight:bold;
	color:white;
	line-height:15px;
}
.fleetitem
{
    display: -moz-inline-box;
    display: inline-block;
    margin: 5px;
    width: 360px;
    vertical-align: top;
    font-size: 10px;
}
.fleetitem h3
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.paintkititem
{
	text-align: center;
    display: -moz-inline-box;
    display: inline-block;
    margin: 20px;
    vertical-align: top;
}

.addon_topbar
{
	border: 1px #D9D9D9 solid;
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px;
    width: 590px;
}
.addon_title, .addon_sim, .addon_type
{
	float: left;
	padding-right: 80px;
	
}
.addon_linkbtn
{
	float: right;
}
.addon_image
{
	float: left;
	margin-right: 5px;
}
.wallpaper
{
	text-align: center;
	width: 200px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
}
.trainingtable1{
	width: 100%;
}
.trainingtable1 th{
	font-weight: bold;
	text-align: center;
	background-color: #F7D39D;
	padding: 1px;
}
.trainingtable1 td{
	text-align: left;
	background-color: #F7E7CE;
	padding: 1px;
}
.entranceform td, .entranceform label, .entranceform input, .entranceform select{
	font-size: 18px;
	color: #000;
    background-color: #FFF;
    border:none;
    padding:3px;
}