/********************
STYLE FOR KLM
*********************/
#body-container {background: #FFFFFF; width:1200px; margin:auto; padding:0px;}
html{overflow-y: scroll;}
.layout-min-height{float:left; width:10px; height:480px;}
.layout-right-toolbar{float:right; width:30px; height:480px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.one-layout-main{width: 1200px; height: auto;}
.one-layout-submain{width: 700px; height:350px; margin:130px auto 150px auto;}
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.two-layout-left-narrow{float:left; width:150px; height: auto;}
.two-layout-right-main{float:left; width:1040px; height: auto;}
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.two-layout-left-main{float:left; width:630px; height: auto; margin-right:15px;}
.two-layout-right-narrow{float:left; width:320px; height: auto;}
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.two-layout-symmetric-left{float:left; width:475px; height: auto; margin-right: 15px;}
.two-layout-symmetric-right{float:left; width:475px; height: auto;}
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.three-layout-symmetric-left{float:left; width:198px; height: auto; margin-right:10px;}
.three-layout-symmetric-middle{float:left; width:388px; height: auto; margin-right:10px;}
.three-layout-symmetric-right{float:left; width:378px; height: auto; margin-right:0px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - */
/* Common layout */
/* - - - - - - - - - - - - - - - - - - - - - - - - */

#container {
    margin: auto;
    min-width: 997px;
    overflow: hidden;
    padding-top: 0px;
    position: relative;
    text-align: left;
    width: 1003px;
}

#body {
	width: 1003px;
	background-color: #ffffff;
}

.head {
	width: 1003px;
	background: green;	
}

.body_head_left {
	float: left;
	width: 590px;
	height: 75px;
	background: orange;
}
	
.body_head_right {
	float: right;
	width: 413px;
	height: 75px;	
	background: blue;
}	
	
.body_mid {
	
	width: 1003px;
}



.left-container {
	float: left;
    width: 800px;   
}

.right-container {
	float: right;
    width: 197px; 
	background-color: #ffffff;
}


.right-content-block {
	border: 1px solid #C2DEEA;
	margin: 0 0 10px;
	padding: 11px 5px 11px 11px;
	
}

.form {
	width: 790px;
	margin-left: 10px;
	margin-top: 20px;
}

.form_c21 {
	float: left;
	width: 365px;
	border-right: 1px solid #C2DEEA;	
	background-color: #ffffff;
}
.form_col21 {
	float: left;
	width: 780px;
	background-color: #ffffff;
}
.form_c22 {
	float: left;	
	width: 365px;		
	background-color: #ffffff;
	padding-left: 40px;
}
.form_col22 {
	float: left;	
	width: 365px;		
	background-color: #ffffff;
	padding-left: 60px;
}

.form_c31 {
	float: left;
	width: 260px;
	border-right: 1px solid #C2DEEA;	
	background-color: #ffffff;
}
.form_c32 {
	float: left;	
	width: 200px;	
	border-right: 1px solid #C2DEEA;		
	background-color: #ffffff;
	padding-left: 60px;
}
.form_c33 {
	float: left;	
	width: 200px;
	/*border-right: 1px solid #C2DEEA;*/
	background-color: #ffffff;
	padding-left: 60px;
}


.form_head {
	margin-bottom: 5px;
}

.dropdown_180 {
	width: 180px;
	height: 20px;
}
.dropdown_180 {
	width: 180px;
	height: 20px;
}
.dropdown_117 {
	width: 117px;
	height: 20px;
}
.dropdown_100 {
	width: 88px;
	height: 20px;
}
.dropdown_77 {
	width: 77px;
	height: 20px;
}
.dropdown_80 {
	width: 80px;
	height: 20px;
}
.textbox_120 {
	width: 120px;
	height: 14px;
}
.textbox_80 {
	width: 80px;
	height: 14px;
}
.textbox_175 {
	width: 175px;
	height: 14px;
}


#klm-nav {
    height: 90px;
	width: 1005px;
}

.icon_cards {
	float: right;
	height: 50px;
	width: 350px;
	background: #ffffff url(/mawl/resources/com.ma.ecommerce.white.instances.klm/images/logo_cards.gif) no-repeat top right;
	margin-top: 5px;
}
form
{
	margin: 0px;
	padding: 0px;
}

#navigation {
    font-size: 12px;
    margin: 0;
    padding: 0;
	width: 650px;
}

ul#navigation li {
    float: left;
    line-height: 19px;
    list-style-type: none;
}

ul#navigation li a {
    display: block;
    padding: 5px 12px;
}


#footer {
	clear: both;
	width: 1003px;
}


.li_h20 {
	line-height: 20px;	
}

.ul_right {
	list-style-type:disc;
	width: 115px;
}

.li_right# {
	margin-left:-25px;
}

.text_layout_header {
    background-color: #D1D0D5;
    padding: 5px;
    padding-left: 10px;
    margin-bottom: 5px;
    font-weight: bolder;
    height: 20px;
}

ul.form, ul.form li {
	list-style: none;
}
ul.form label {
/*	float: left; 
	width: 75px; */
}
.clear{clear:both;}

.row_800 {
	width: 740px;
	height: 105px;
	background-color: #E7F4FB;
	padding: 10px;
	margin-bottom: 5px;
}

.row-other {
	width: 740px;
	height: 78px;
	background-color: #E7F4FB;
	padding: 10px;
	margin-bottom: 5px;
}

.indent_40 {
	margin-left: 40px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.w_30 {
	width: 30px;	
}

.w_100 {
	width: 140px;
}

.h_20 {
	height: 20px;
}

.btn_800 {
	width: 800px;
	height: 40px;
	margin-left: 590px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.btn_800_2 {
	width: 800px;
	height: 40px;
	margin-top: 17px;
	margin-bottom: 10px;
	
}
.form_label {
	float:left;
	width:155px; 
	height: 20px;
	line-height: 18px;
}
.form_label2 {
	float:left;
	width:380px; 
	height: 20px;
	line-height: 18px;
}


.space {
	clear: both;
	width: 100%;
	height: 20px;
}

.space_0 {
	clear: both;
	width: 100%;
	height: 0px;
}

.cards {
	vertical-align: top; 
	margin-top: 5px;
}

.h_5 {
	height: 5px;
}
/* end layout */







/* Start style*/
#container {
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #003145;
	height: auto;
}

.line {
	float: left; 
	width: 760px; 
	height: 1px; 
	border-bottom: 1px solid #C2DEEA; 
	margin-top: 20px; 
	margin-bottom: 10px;
}

.line0 {
	float: left; 
	width: 760px; 
	border-bottom: 1px solid #C2DEEA; 
	margin-bottom: 10px;
	margin-top: 0px;
}

h2 {
	color: #00A1DE;
    font-size: 18px;
    font-weight: normal;
}

h3 {
    color: #005B82;
    font-size: 15px;
    font-weight: bold;
    margin: 8px 0 5px;
}

h4 {
	font-size: 11px;
	font-weight:: normal:
}

.link_blank {
	text-decoration: none;
	border: 0px none;
}

.wording_dark {
	font-size: 11px;
	font-weight: normal;
}

.bullet {
	width: 5px; 
	vertical-align:top;
}

.body_head_left {
	font-family: Verdana, Arial, Tahoma;
	font-size: 25px;
	font-weight: normal;
	color: #00A1DE;
	line-height: 70px;
	background: #ffffff;
}

.body_head_right {
	font-family: Verdana, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	background: #ffffff url('/mawl/resources/com.ma.ecommerce.white.instances.klm/images/klm_step_1.gif') no-repeat right top;
}



.steps {
	margin-top: 3px;	
	margin-bottom: 15px;
}
table.steps td {
    background: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/steps.gif") no-repeat scroll 0 0 transparent;
    height: 45px;
    padding: 12px 0 0;
    text-align: center;
    vertical-align: top;
    width: 99px;
}
table.steps td.todo1 {
    background-position: 0 21px;
    color: #B2B2B2;
    font-size: 12px;
}
table.steps td.todo2 {
    background-position: 0 -79px;
    color: #B2B2B2;
    font-size: 12px;
}
table.steps td.todo3 {
    background-position: 0 -179px;
    color: #B2B2B2;
    font-size: 12px;
}
table.steps td.todo4 {
    background-position: 0 -279px;
    color: #B2B2B2;
    font-size: 12px;
}
table.steps td.active1 {
    background-position: -300px 21px;
    color: #E37222;
    padding-left: 10px;
    padding-right: 10px;
    width: 79px;
    font-size: 12px;
}
table.steps td.active2 {
    background-position: -300px -79px;
    color: #E37222;
    padding-left: 10px;
    padding-right: 10px;
    width: 79px;
    font-size: 12px;
}
table.steps td.active3 {
    background-position: -300px -179px;
    color: #E37222;
    padding-left: 10px;
    padding-right: 10px;
    width: 79px;
    font-size: 12px;
}
table.steps td.active4 {
    background-position: -300px -279px;
    color: #E37222;
    padding-left: 10px;
    padding-right: 10px;
    width: 79px;
    font-size: 12px;
}
table.steps td.done1 {
	background-position: -150px 21px;
    color: #00A1DE;
}
table.steps td.done2 {
    background-position: -150px -79px;
    color: #00A1DE;
}
table.steps td.done3 {
    background-position: -150px -179px;
    color: #00A1DE;
}
table.steps td.done4 {
    background-position: -150px -279px;
    color: #00A1DE;
}


a.button {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}

a.button {
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: auto !important;
    margin: -0.15em 0 0;
    padding: 0 !important;
    text-align: center;
    text-decoration: none !important;
}

#ebt-flightsearch-submit {
    bottom: 0;
    display: block;
    font-size: 12px;
    height: 29px !important;
    right: 0;
    margin-top: 0px;
}
a.button.dashboard, a#btn-mmb-login {
    background-image: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_orange.png");
    background-position: 0 -3px;
    font-size: 13px;
    line-height: 24px;
    width: 165px;
}
a.button.dashboard:hover, a#btn-mmb-login:hover {
    background-position: 0 -32px;
}

a, a:visited {
    font-family: Verdana;
}


#ebt-flightsearch-submit span {
    display: inline;
    padding: 4px 16px 4px 0 !important;
}
#ebt-flightsearch-submit div {
    display: inline;
    padding: 4px 16px 4px 0 !important;
}

a.button.dashboard div {
    background-image: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_orange_arrow.gif");
    background-position: right 6px !important;
    background-repeat: no-repeat;
    line-height: 22px;
    padding-right: 15px;
}

a.button.dashboard span {
    background-image: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_orange_arrow.gif");
    background-position: right 6px !important;
    line-height: 22px;
    padding-right: 15px;
}

a.button span {
    background-color: transparent !important;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    line-height: 20px;
    margin: 0 !important;
    padding: 1px 16px 3px 14px !important;
    text-decoration: none;
    vertical-align: top;
}

.txt_blue_small {
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 	
	color: #00A1DE;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #e6f7ff;
	padding-bottom:10px;
}


ul#navigation li {
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 	
	color: #00A1DE;
	padding-top: 5px;
	margin-left: -10px;
}

ul#navigation li:hover {
	text-decoration: underline;
}
a {
	color:#36B3FF;
	text-decoration:none;
}
	
.body_mid {
	width: 1003px;
}

.txt_price {
	text-align: right;
	text-size: 13px;
	font-weight: bold;
}

.link_all {
	text-decoration: underline;
	color: #00A1DE;
	font-weight: normal;
	font-size: 11px;
}

a.no_style {
	text-decoration: none;
	font-weight: normal;
	border: 0px none;
}

.no_style {
	text-decoration: none;
	font-weight: normal;
	border: 0px none;
}
/* End style  */

/* Start Calendar */
#popWrap{
margin: 0 auto;
padding:0;
width:180px;
background:transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_bg.gif") repeat-y left top;
text-align: left;
}
#calendar{
padding: 7px 0 20px 12px;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_bottom.gif") no-repeat left bottom;

}
#calendar td{
font-size:11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align:center;
margin:0px;
padding:0px;
height:16px;
border-bottom: 1px solid #99CCFF;
}
#calendar td a{
display: block;
width: 20px; 
height: 14px;
margin: 1px 0;
background:#fff;
color:#006;
text-decoration: none;
}
#calendar td a:hover{
background:#fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/day_selected.gif")  no-repeat left top;
color:#fff;
text-decoration: none;
}
#calendar th{
color: #0295FF;
font-size:10px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align:center;
margin:0px;
padding:0px;
height:17px;
width: 22px;
border-top: 1px solid #0295FF;
border-bottom: 1px solid #0295FF;
}
#calendar tr.month td{
padding-bottom: 22px;
color: #0295FF; 
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
border-bottom: none;
}
#calendar td.past a, #calendar td.past{
 color: #C6D1DB;
}
#calendar td.past a:hover{
color: #C6D1DB;
background: none;
}
#popWrap span{
position: relative;
 display: block;
 width: 180px;
 height: 18px;
 background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_top_left.gif") no-repeat left top;
 font-size: 0; 
 line-height: 0;
 text-align: right;
}
#popWrap span a{
 position: absolute; 
 top: 0; 
 right: 0;
 display: block;
 width: 25px;
 height: 18px;
 background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_top_right.gif") no-repeat left top;
}
.calendar_container{
background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_bg_cal.gif") repeat-x bottom left;
text-align: center;
}
/* End Calendar */

.errorPic
{
    background: #ffffff url(/mawl/resources/com.ma.ecommerce.white.instances.klm/images/sign_error.gif) no-repeat top right;
    float:left;
	height:17px;
	margin-left:0;
	margin-right:7px;
	width:16px
}
#errorSide
{
	margin-left:10px;
	margin-bottom:3px;
	margin-top:20px;
}

#errorSide p 
{
	color:red;
	font-weight:bold;
	margin-top:15px;
}
#ebt-step-back {
    float: left;
    margin: 0px 0 0;
}
a.ebt-button-back {
	float: left;
    background: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/bg-buttons-sprite.gif") no-repeat scroll 100% -776px transparent;
    color: #00A1DE;
    font-size: 10px;
    line-height: 23px;
    padding: 0px 15px 0px 0px;
}
.ebt-button{
    background: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/bg-buttons-sprite.gif") no-repeat scroll 0 -776px transparent;
    color: #00A1DE;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
    padding: 0px 0px 0px 30px;
    text-decoration: none !important;
}
.ebt-button-back span {
    background: url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/bg-buttons-sprite.gif") no-repeat scroll 0 -776px transparent;
    display: block;
    line-height: 23px;
    padding: 0 0 0 30px;
}
#top7-bot5{
	margin-top: 7px; 
	margin-bottom: 5px;
}
#bot5{
	margin-bottom: 5px;
}	

.wording_dark p{
	margin:0px;
	}

img{
	border:0px;
	}