/* Lufty Virtual Airline website style */
/* ==================================== */

.development{
display: none;
}

.module{
}

/* ================ */
/* =Website Layout= */
/* ================ */

html, body {
border: 0;
padding: 0;
color: #333333;
font-size: 12px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}

a img {
border: 0;
}

#wrapper{
position: relative;
display: block;
width: 950px;
margin: 0 auto;
}

#head{
position: relative;
display: block;
width: 950px;
height: 200px;
background-image: url(head.jpg);
background-repeat: no-repeat;
}

#head .ftg{
position: absolute;
display: block;
bottom: 35px;
left: 15px;
width: 30px;
height: 30px;
}

#foot{
position: relative;
display: block;
width: 950px;
padding-top: 6px;
font-weight: bold;
text-align: center;
}

#footer{
position: relative;
display: block;
width: 950px;
height: 17px;
padding-top: 3px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #6b8ec6;
background-image: url(r-b-r.png);
background-repeat: no-repeat;
background-position: right;
}

/* ====================== */
/* =Navigation Bar Style= */
/* ====================== */

#nav{
position: relative;
display: block;
width: 950px;
font-size: 11px;
margin-top: -26px;
}

.button{
float: left;
}

#nav .element{
position: relative;
display: block;
color: #FFFFFF;
background-color: #6b8ec6;
text-align: left;
padding-left: 5px;
padding-top: 3px;
height: 17px;
margin-top: 6px;
}

#nav a:link, #nav a:active, #nav a:visited {
position: relative;
display: block;
color: #FFFFFF;
background-color: #9fc0db;
text-decoration: none;
text-align: left;
padding-left: 5px;
padding-top: 3px;
width: 95px;
height: 17px;
margin-left: 6px;
margin-top: 6px;
}

#nav a:hover {
background-color: #6b8ec6;
}

#nav .left a:link, #nav .left a:active, #nav .left a:visited {
margin-left: 0;
background-image: url(end-l.png);
background-repeat: no-repeat;
background-position: left;
}

#nav .right a:link, #nav .right a:active, #nav .right a:visited {
background-image: url(end-r.png);
background-repeat: no-repeat;
background-position: right;
}

#nav .dir a:link, #nav .dir a:active, #nav .dir a:visited {
background-color: #6b8ec6;
}

#nav .dir a:hover {
background-color: #334666;
}

#nav .main a:link, #nav .main a:active, #nav .main a:visited {
background-color: #FFB300;
}

#nav .main a:hover {
background-color: #ff7e00;
}

#nav .lang a:link, #nav .lang a:active, #nav .lang a:visited {
width: 29px;
margin-left: 6px;
padding-left: 0;
text-align: center;
background-color: #6b8ec6;
}

#nav .lang a:hover {
background-color: #334666;
}
/* ==================== */
/* =Page Content Style= */
/* ==================== */

#page{
position: relative;
display: block;
width: 920px;
border-right: 10px solid #6b8ec6;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
color: #333333;
font-size: 12px;
text-align: justify;
font-weight: normal;
}

#page .side{
float: right;
display: block;
width: 180px;
}

#page .main{
float: left;
display: block;
width: 700px;
}

.pagetitle{
font-weight: bold;
font-size: 16px;
text-align: left;
color: #334666;
}

.subtitle{
font-weight: bold;
text-align: left;
color: #6B8EC6;
}

.mini{
color: #666666;
font-size: 10px;
}

a:link, a:active, a:visited {
color: #C5151F;
text-decoration: none;
}

a:hover {
color: #C5151F;
text-decoration: underline;
}

.examprogress{
position: relative;
display: block;
width: 200px;
height: 10px;
background-color: #999999;
}
.examstatus{
position: absolute;
display: block;
top: 0;
left: 0;
height: 10px;
background-color: #ffb300;
}

.promotion td{
text-align: left;
padding-top: 20px;
padding-left: 10px;
}

.list th{
font-weight: bold;
border-bottom: 2px solid #0d1d62;
padding-left: 5px;
}

.list td{
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

.list .tr1{
}

.list .tr2{
}

.contact{
text-align: center;
}

.contact .file{
position: relative;
display: block;
width: 310px;
height: 90px;
margin: 0 auto;
margin-bottom: 15px;
}

.contact .photo{
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
z-index: 1;
}

.contact .rounding{
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
background-image: url('roundedavatar.png');
z-index: 2
}

.contact .data{
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 90px;
}

.login{
position: relative;
display: block;
width: 350px;
margin: 0 auto;
}

.login .form{
display: inline;
float: left;
width: 50%;
}


.profile{
position: relative;
display: block;
}

.profile .row{
position: relative;
display: block;
margin: 10px;
}

.profile .left{
position: absolute;
top: 10px;
left: 0px;
width: 180px;
text-align: right;
font-weight: bold;
border-bottom: 2px solid #0d1d62;
}

.profile .right{
position: relative;
display: block;
margin-left: 200px;
text-align: left;
padding: 10px;
}

.profile .photo{
position: absolute;
top: 10px;
right: 20px;
width: 90px;
height: 90px;
z-index: 1;
}

.profile .rounding{
position: absolute;
top: 10px;
right: 20px;
width: 90px;
height: 90px;
background-image: url('roundedavatar.png');
z-index: 2
}

.profile .row{
position: relative;
display: block;
margin: 10px;
}

.alliance .row{
position: relative;
display: block;
margin: 10px;
padding-left: 20px;
}

.alliance .cities{
position: absolute;
display: block;
top: 10px;
right: 0;
width: 500px;
text-align: left;
}

.affiliate .group{
position: relative;
display: block;
width: 690px;
margin-left: 31px;
border: 1px solid #0d1d62;
}

.affiliate .tab{
float: left;
display: inline;
padding: 5px;
margin: 5px;
border: 1px solid #CCCCCC;
}

.resources .left{
float: left;
display: inline;
width: 50%;
}

.resources .right {
float: left;
display: inline:
width: 40%;
padding-left: 50px;
}

.detail {
border: 1px solid #0d1d62;
padding: 5px;
}

.det th{
font-weight: bold;
border: 0;
border-bottom: 1px solid #FFFFFF;
background-color: #cccccc;
}

.det td{
border: 0;
}

.det .photo{
position: relative;
display: block;
width: 90px;
height: 90px;
z-index: 1;
}

.det .rounding{
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
background-image: url('roundedavatar.png');
z-index: 2
}

.stats{
border-bottom: 6px solid #6b8ec6;
color: #6F6F6F;
}

.stats th{
color: #334666;
text-align: left;
padding-left: 6px;
border-bottom: 6px solid #6b8ec6;
border-left: 6px solid #6b8ec6;
}

.statsleft{
text-align: left;
padding: 2px;
}

.statsright{
text-align: right;
padding: 2px;
}

.tab0{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab1{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab2{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab3{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab4{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab5{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab6{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab7{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab8{
position: relative;
display: block;
width: 180px;
padding: 5px;
margin-bottom: 2em;
}

.tab9{
position: relative;
display: block;
width: 180px;
padding: 5px;
}

.logphoto{
position: relative;
display: block;
width: 90px;
height: 90px;
z-index: 1;
}

.logrounding{
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
background-image: url('roundedavatar.png');
z-index: 2
}

.bio1{
font-weight: bold;
}

.bio2{
}

.logbook-flights th{
font-weight: bold;
border-bottom: 2px solid #050598;
}

.logbook-flights td{
padding-top: 3px;
}

.logbook-flights .tr1{
}

.logbook-flights .tr2{
}

#logbookflights {
float: left;
width:550px;
}

#logbookexperience {
float: right;
width: 130px;
text-align: right;
}

.logbook-ac {
font-weight: bold;
border-bottom: 2px solid #050598;
}

.manfile{
position: relative;
display: block;
}

.manfile .lblock{
float: left;
display: block;
width: 370px;
}

.manfile .rblock{
float: left;
display: block;
width: 370px;
}

.manfile .row{
position: relative;
display: block;
margin-top: 15px;
}

.manfile .left{
position: absolute;
top: 0px;
left: 0px;
width: 140px;
text-align: right;
font-weight: bold;
}

.manfile .right{
position: relative;
display: block;
width: 220px;
padding-left: 150px;
text-align: left;
}

/* =========== */
/* =Schedules= */
/* =========== */

.schedNav{
	background:#B9CAFF;
	float:left;
	width:50%;
	height: 110px;
}
.schedExtra{
	background:#FF8539;
	float:right;
	width:49.9%;
	height: 110px;
}
.schedButtons{
	background:#BFBFBF;
	float:left;
	width: 100%;
}	
.schedButtons p{
  margin:0;
	padding:5px 10px;
	text-align: center;
}
.schedFooter{
	background: #333;
	/*color: #FFF;*/
	float:left;
	width:100%;
	text-align: center;
}
.schedFooter p{
	margin:0;
	padding:5px 10px
}

.schedFooter a{
	display:inline;
	padding:0;
	/*color: #C6D5FD*/
}

.sched{
	margin:5px 10px 10px;
}

table.thetable {
	background:#F9F9F9 none repeat scroll 0% 0%;
	border:1px solid #AAAAAA;
	border-collapse:collapse;
	margin:1em 1em 1em 1em;
	width: 708px;
}

table.thetable th, table.thetable td {
	border:1px solid #AAAAAA;
	padding:0.2em;
	font-family: verdana;
}

table.thetable th {
	background:#F2F2F2 none repeat scroll 0% 0%;
	text-align:center;
}

table.thetable caption {
	margin-left: inherit;
	margin-right: inherit;
}

tr.row {
	width: 100%;
	border-style: dotted;
	border-width: 1px;
	font-size: 85%;
//	font-size: 60%;
	width: auto;
}

td.cell {
	border-style: dotted;
	border-width: 1px;
	text-align: center;
	width: auto;
	color: #828282;
}