/* Malaysia Virtual Airline website style */
/* ==================================== */

.development{
display: none;
}

.module{
}

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

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

a img {
border: 0;
}

#head{
position: relative;
display: block;
width: 950px;
margin: 0 auto;
margin-bottom: 8px;
}

#header{
float: right;
display: block;
width: 750px;
height: 180px;
padding-top: 20px;
font-size: 20px;
font-weight: bold;
background-color: #FFFFFF;
background-image: url('header.jpg');
}

#wrapper{
position: relative;
display: block;
width: 950px;
margin: 0 auto;
background-image: url(bg.gif);
background-repeat: repeat-y;
background-position: right;
}


#footer{
position: relative;
display: block;
width: 940px;
margin: 0 auto;
margin-top: 8px;
padding: 5px;
color: #333333;
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #FFFFFF;
}

/* ========= */
/* =FTG bar= */
/* ========= */

#ftg_bar{
position: absolute;
bottom: 0;
right: 0;
padding: 5px;
color: #333333;
font-size: 11px;
font-weight: normal;
background-color: #FFFFFF;
}

.ftg_sec{
position: relative;
float: left;
padding-right: 2em;
text-align: right;
}

.ftg_sec_t{
position: relative;
display: block;
border-bottom: 1px solid #E0E0E0;
text-align: left;
}

.ftg_sec_b{
position: relative;
display: block;
text-align: center;
}

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

#nav{
float: left;
display: block;
width: 150px;
}

.menu {
position: relative;
display: block;
padding-right: 8px;
padding-bottom: 5px;
color: #be2c2c;
background-color: #FFFFFF;
text-align: right;
margin-bottom: 8px;
}

.menu a:link, .menu a:active, .menu a:visited {
display: block;
padding: 2px;
color: #b0b0b0;
border-bottom: 5px solid #E0E0E0;
background-color: #FFFFFF;
text-decoration: none;
text-align: center;
font-weight: bold;
}

.menu a:hover {
color: #FFFFFF;
background-color: #BCBCBC;
}

.top_left {
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
background-image: url('top_left.png');
}

.top_right {
position: absolute;
top: 0;
right: 0;
width: 8px;
height: 8px;
background-image: url('top_right.png');
}

.bottom_left {
position: absolute;
bottom: 0;
left: 0;
width: 8px;
height: 8px;
background-image: url('bottom_left.png');
}

.bottom_right {
position: absolute;
bottom: 0;
right: 0;
width: 8px;
height: 8px;
background-image: url('bottom_right.png');
}

/* ==================== */
/* =Page Content Style= */
/* ==================== */

#page{
float: right;
display: block;
width: 734px;
padding: 8px;
color: #333333;
font-size: 12px;
text-align: justify;
font-weight: normal;
background-color: #FFFFFF;
}

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

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

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

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

a:hover {
color: #3576bb;
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: #be2c2c;
}

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

.list th{
font-weight: bold;
border-bottom: 2px solid #050598;
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 #050598;
}

.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 #050598;
}

.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 #050598;
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: 1px solid #CCCCCC;
}

.stats th{
text-align: center;
background-color: #CCCCCC;
}

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

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

.tab0{
float: left;
display: inline;
width: 137px;
padding: 5px;
}

.tab1{
float: left;
display: inline;
width: 137px;
padding: 5px;
}

.tab2{
float: left;
display: inline;
width: 136px;
padding: 5px;
}

.tab3{
float: left;
display: inline;
width: 136px;
padding: 5px;
}

.tab4{
float: left;
display: inline;
width: 136px;
padding: 5px;
}

.tab5{
float: left;
display: inline;
width: 136px;
padding: 5px;
}

.tab6{
float: left;
display: inline;
width: 136px;
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;
}