/*
 * Malaysian AirLines (MAS) - home.css 
 */

#mainContent-home {
	position: relative;
	width: auto;
	/*height: 395px;*/
	height: auto;
	_height: 450px;
	margin: -42px 0px 20px 1px;
}

/** ------ Important Notice ------ **/
#notice,
#ImportantNotice1_notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	/*color: #d52300;*/
	color: #000000;
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(../images/home/arrow_hm_imptnotice.gif) no-repeat left top;
}

#notice .boldTitle,
#ImportantNotice1_notice .boldTitle{
	font-weight: bold;
}

#notice a,
#ImportantNotice1_notice a{
	/*color: #d52300;*/
	color: #000000;
	text-decoration: underline;
}

.separator {
	height:1px;
}

/** ------ Columns ------ **/
#leftColumn {
	float: left;
	width: 500px;
}

#rightColumn {
	float: right;
	width: 395px;
}

/** ------ Banners ------ **/
#banners {
	margin-bottom: 20px;
	width: 500px;
	display: inline;
}

#banners img{
	margin: 0;
	padding: 0;
	border: 0;
}

#banners .mainbanner {
	display: block;
	width: 500px;
	height: 199px;
	margin-bottom: 6px;
}

#banners .subbanner {
	float: left;
}

#banners .centerbanner {
	padding: 0 8px 0 8px;
}


/** ------ Tabs Panel ------ **/
#tabs {
	float: left;
	list-style: none;
	width: 395px;
	height: 30px;
}

#tabs li {
	float: left;
	display: inline;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}

#tabs a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

#tabs .selectd a{
	color: #000;
}

#tabs #bookTab{
	width: 129px;
	height: 22px;
	padding: 8px 0 0 33px;
	background: url(../images/home/book-a-flight.jpg) repeat-x left top;
}

#tabs #HotelsTab{
	width: 80px;
	height: 22px;
	padding: 8px 0 0 33px;
	background: url(../images/home/hotels-ms.jpg) repeat-x left top;
}

#tabs #HolidaysTab{
	width: 87px;
	height: 22px;
	padding: 8px 0 0 33px;
	background: url(../images/home/holidays-ms.jpg) repeat-x left top;
}

#tabs .tabs a {
	color: #6a6a6a;
}

#tabs .tabs a:hover {
	color: #55abc2;
}

#tabs .divider{
	width: 6px;
	height: 31px;
	background: url(../images/home/ibe_unselected_divider.gif) no-repeat center;
}

#tabs .selected{
	color: #000;
	padding: 10px 10px 7px 8px;
	background-color: #cbc5b9;
}

.panel {
	clear: both;
	/*height: 332px;*/
	height: 264px;
	width: 379px;
	padding-left: 16px;
	/*margin-bottom: 14px;*/
	padding-bottom: 15px;
	background-color: #d7d5c6;
	font-size: 11px;
	color: #000;
}

.panel #fixContainer {
	min-height: 214px;
	_height: 226px;
	/*background: url(../images/home/bg_baf.jpg) repeat-x left top;*/
	margin-left: -15px;
}

.panel #fixContainer form{
	margin-left: 10px;
}

.boldlabel {
	font-weight: bold;
	vertical-align: middle;
	margin-right: 10px;
}

/** ------ General Hide and show ------ **/
.bookContent-open,
.eTimeTableContent-open,
.webCheckInContent-open,
.statusContent-open {
	display: block;
}

.bookContent-close,
.eTimeTableContent-close,
.webCheckInContent-close,
.statusContent-close {
	display: none;
}

/** ------ Booking a Flight ------ **/
#bookContent form{
	padding-top: 15px;
}

#bookContent .radioOption {
	clear: both;
	vertical-align: middle;
	padding-bottom: 3px;
}

#bookContent .radioOption input{
	vertical-align: middle;
}

#bookContent .labeltitle {
	display: block;
	width: 50px;
	height: 20px;
}

#bookContent .labeltitle-extended {
	display: block;
	width: 55px;
	height: 20px;
}

#bookContent .innerlabeltitle {
	display: block;
	text-align: right;
	margin: 0 8px;
}

#bookContent .row {
	clear: both;
	list-style: none;
	height: 22px;
	padding-top: 8px;
	_padding-top: 4px;
	vertical-align: middle;
}

#bookContent .row img{
	cursor: pointer;
	vertical-align: top;
}

#bookContent .row .selHidden {
	display: none;
}

#bookContent label{
	font-weight: bold;
}

#bookContent li {
	display: inline;
	float: left;
	vertical-align: middle;
}

#bookContent .longlist {
	width: 307px;
}

#bookContent .datelist {
	width: 50px;
}

#bookContent .daylist {
	width: 40px;
}

#bookContent .monthlist {
	width: 70px;
}

#bookContent .timelist {
	width: 120px;
}

#bookContent .numberlist {
	width: 35px;
	margin-right: 3px;
}

#bookContent .dateSelection {
	width: 85px;
}

#bookContent .calendarIcon {
	vertical-align: middle;
	margin-right: 15px;
	margin-left: 5px;
	_margin-left: 6px;
}

.travelOptionHidden {
	display: none;
}

#ibeNav {
	display: block;
	position: relative;
	clear: both;
	padding-top: 5px;
	height: 24px;
	margin: 0;
}

#ibeNav .ibeNavItem img{
	vertical-align: middle;
}

#ibeNav .ibeNavItem a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	padding-right: 15px;
}

#ibeNav .ibeNavItem a:hover {
	color: #55abc2;
}


#ibeLoginForm {
	height: 67px;
	background: url(../images/home/grey-bg.jpg) no-repeat left top;
	padding: 5px 0 0 18px;
}

#memberlogin #loginTitle{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	float: left;
	width: 160px;
}

#memberlogin #signup {
	display: block;
	float: right;
	margin-right: 20px;
	text-align: right;
	width: 160px;
}

#memberlogin #signup a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d83aa;
	text-decoration: underline;
} 

#memberlogin #signup a:hover {
	color: #55abc2;
} 

#memberlogin #loginPanel {
	display: block;
	clear: both;
	padding-top: 5px;
	list-style: none;
}

#memberlogin #loginPanel li {
	float: left;
	color: #fff;
	vertical-align: middle;
}

#memberlogin a {
	font-size: 1.1em;
	color: #808699;
	text-decoration: underline;
}

#memberlogin a:hover {
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: underline;
}

#memberlogin .txtfield {
	display: block;
}

#memberlogin .inputField {
	clear: both;
	color: #000;
	font-weight: normal;
	width: 120px;
	margin: 0px 5px 0 0;
	padding: 2px 5px 0 5px;
}

#memberlogin #loginPanel .imgBtn {
	padding-left: 45px;
}

#memberlogin #loginPanel .imgBtn span {
	display: block;
	width: auto;
	min-width: 40px;
}

/** ------ Highlights Panel ------ **/
#highlightshdr{
	clear: both;
	width: 900px;
	padding: 5px 0 10px 0;
}

#highlightshdr h1{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#highlightsPanel {
	clear: both;
	width: 900px;
	list-style: none;
}

#highlightsPanel li{
	float: left;
}

#highlightsPanel .img{
	display: block;
	width: 43px;
	float: left;
}

#highlightsPanel .content{
	display: block;
	width: 132px;
	_width: 130px;
	margin: 0 2px;
	float: left;
}

#highlightsPanel .content a:link,
#highlightsPanel .content a:visited {
	color: #000;
}

#highlightsPanel .content a:hover {
	color:#4242c2;
}

/** ------ Common elements ------ **/
.newline {
	clear: both;
	padding-top: 15px;
	margin-bottom: 10px;
}

.basiclist {
	margin-left: 2em;
}



/** ------ Image button ------ **/
.bookbtn {
	clear: both;
	height: 36px;
	margin-right: 20px;
	_margin-right: 10px;
	float: right;
}