/*
	South African Airways Mobile
	m.flysaa.com
	
	@author: Willem Labuschagne
	@company: Ogilvy Interactive [oi.co.za]
	@date: July 2011
	
*/

/* CSS Mobile Reset */
html,body{margin:0;padding:0;border:0}
body{font-family:Arial,sans-serif;line-height:1.5;font-size:12px;background:#fff;color:#000;word-wrap:break-word;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0}
img{border:0;max-width:100%}
table{border-collapse:collapse;border-spacing:0}
ol,ul{margin:5px 0 5px 23px;padding:0}

/* Wrapper & layout */
#container{background:#bbd1ed}
.azsx{overflow:hidden;text-align:left;direction:ltr;text-indent:-999em;width:6px;background:url(/curator/skins/110/Default/images/azsx.jpg)}
.sxaz{overflow:hidden;text-align:left;direction:ltr;text-indent:-999em;width:6px;background:url(/curator/skins/110/Default/images/sxaz.jpg)}
.azx{overflow:hidden;text-align:left;direction:ltr;text-indent:-999em;width:6px;background:url(/curator/skins/110/Default/images/azx.jpg)}
.zx{overflow:hidden;text-align:left;direction:ltr;text-indent:-999em;height:6px;background:url(/curator/skins/110/Default/images/zx.jpg)}
.zxs{overflow:hidden;text-align:left;direction:ltr;text-indent:-999em;width:6px;background:url(/curator/skins/110/Default/images/zxs.jpg)}

/* Helper classes */
.ir{display:block;overflow:hidden;text-align:left;direction:ltr;text-indent:-999em}

/* Banner */
#banner{display:block;width:100%;height:70px;border-top:2px solid #fff;border-bottom:1px solid #fff;background:url(/curator/skins/110/Default/images/topbg.png)}
#banner img{height:70px;width:150px;background:url(/curator/skins/110/Default/images/logo.jpg)}

h2{color:#2a405b;display:block;font-size:14px;line-height:35px;height:35px;padding:2px 0 0 14px;background:url(/curator/skins/110/Default/images/titlebg.jpg);font-weight:bold;border-bottom:1px solid #fff;text-shadow:0 1px 0 #9cbadd}

.nav{list-style:none;margin:0;border-bottom:1px solid #d5e4f6}
.nav ul{margin:0;padding:0 0 0 20px;background:url(/curator/skins/110/Default/images/navBullet.jpg)}

/* Titles */
/*h3,
.nav li {display:block;font-size:14px;height:27px;line-height:27px;border-bottom:1px solid #fff;padding:0 14px;color:#fff;background:url(/curator/skins/110/Default/images/navTitle.jpg);text-shadow:0 1px 2px #183f70}*/

h1, h3,
.destinationinformation h2,
.nav li > span,
.nav li > a {display:block;font-size:14px;height:27px;line-height:27px;border-bottom:1px solid #fff;padding:0 14px;color:#fff;background:url(/curator/skins/110/Default/images/navTitle.jpg);text-shadow:0 1px 2px #183f70}

h4{padding:12px 14px 2px 14px;font-size:13px;font-weight:bold;color:#000}

/* Navigation Links */
.nav ul li a{display:block;text-decoration:none;height:auto;line-height:35px;font-size:13px;font-weight:bold;color:#39506f;text-shadow:0 1px 0 #f0f7ff;overflow:hidden;border:none;padding:0 0 0 4px;background:url(/curator/skins/110/Default/images/navLink.jpg);-moz-transition:padding ease-in 0.2s;-webkit-transition:padding ease-in 0.2s;transition:padding ease-in 0.2s}
.nav ul li a:hover{padding:0 0 0 9px;background:#d9ecff}

/* General content */
a:visited{color:#0086ed}
a:hover{color:#319ced}
a,
a:active{text-decoration:none;color:#006dc1}
a.back{font-size:11px;display:block;line-height:30px;height:30px;padding:0 0 0 14px;background:url(/curator/skins/110/Default/images/titlebg.jpg) 0 -4px;color:#fff;border-bottom:1px solid #9cbadd}
a.back span{font-size:15px}

p{padding:0 14px;margin:6px 0;font-size:12px}
label{display:block;padding:8px 14px 0 14px;font-weight:bold;color:#39506f;text-shadow:0 1px 0 #f0f7ff}

small,
.formExample,
.footerNote {display:block;color:#4e6b93;font-size:11px;padding:0 16px 4px 16px}

hr{display:block;height:0;width:100%;border:0;border-top:1px solid #9cacc1;border-bottom:1px solid #e5edf8}

ol ol{margin:0 0 0 10px}

ul li,
ol li{margin:10px 14px 0 0}
ul ul li,
ol ol li{margin:0 14px 0 0}

.nav li{
  margin:0;
  list-style-type: none;
}

li small{display:inline;padding:0}
li p{padding:0;margin:0}

form{padding:0 0 10px 0}
form h3,
form h4{display:margin-bottom:10px}

input,
select,
.date,
.textareaWrap{margin:0 5px 0 14px}

.date label{padding:8px 14px 0 0}
.date select{margin:0 1px 0 0}

button,
input[type="submit"]{
	display:block;
        margin:15px 6px 5px 14px
}

#langSubmit{display:inline}

textarea{width:96%;padding:2%}

.resultBlock{background:#fff;padding:4px 8px 8px;margin:6px;border-bottom:1px solid #aaa}
.resultTitle{font-weight:bold;font-size:13px;display:block;padding:4px 0;margin:0 0 2px 0;border-bottom:1px solid #ccc}

.arrivdepart .resultTitle{display:inline;border:0}
.bagtracer .resultTitle{padding:0 0 0 14px;border:0}
.bagtracer .resultBlock .resultTitle{padding:4px 0;border-bottom:1px solid #ccc}

.errorMsg{margin:8px;padding:2px 6px;color:#fff;background:#f90;border:1px solid #fff;font-weight:bold;text-shadow:0 1px 1px #c30}

.infoMsg{margin:8px;padding:2px 6px;color:#fff;background:#5c0;border:1px solid #fff;font-weight:bold;text-shadow:0 1px 1px #260}

table .t{display:inline-block;margin:5px 0 5px 14px;background:#fff;padding:2px 10px;background:url(/curator/skins/110/Default/images/topbg.png);color:#fff}

/* Copyright & footer */
.copyright{color:#2a405b;font-size:11px;padding:2px 0 0 14px;height:24px;line-height:24px;background:url(/curator/skins/110/Default/images/titlebg.jpg);text-shadow:0 1px 0 #9cbadd}
img.sam{float:right;margin:4px 10px}

.airline_code {
    padding-left:14px;
}

#langSubmit {
    display: inline;
}

/**
  * MMS customisations
  */

/* Destination Information */
.destinationinformation .data-info {  
  padding: 0 14px;
  margin-top: 6px;
}
.destinationinformation .data-info  p{
  padding: 0 0;
}
.destinationinformation h2 {
  font-weight: normal;
}

p.confirm {
  color: red;
}

/* scale the checkin seatmap */
table.seatMap {
  width: 90%;
}

table.seatMap td.seatRowNumber {
  width: 2em;
}

table.seatMap td.seatRowNumber{
  text-align: right;
}

table.seatMap td.seatRowNumberSpacer{
  width: 1em;
}

table.seatMap td.seatColumnNumber{
  text-align: center;
}

table.seatMap td img {
  width: 100%;
}


/* add frame if the website is shown in the browser */
.webbrowserFrame {
  width: 320px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 12px;
  background-color: #FFFFFF;
  width: 340px;
}