body{background: #f5f5f5; font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;}

a {color:#9D2938}
.data-table tr:hover td {background:#e6e6e6!important}

#container {}
/* Header
--------------------------------------------------------------------------------------- */
h3 {font-weight:bold; font-size: 18px; line-height: 18px; margin-bottom: 18px; }

/* Wrapper
--------------------------------------------------------------------------------------- */
#wrapper { width: 880px; margin: 0 auto}

	


/* Header
--------------------------------------------------------------------------------------- 

	*/
	
	
#header {width: 100%; position: relative ; padding:18px 0 0 0;  background: ;}	












	#header h1#logo {width:215px; 
height: 50px; float:left; overflow:hidden
}
	#header h1#logo span {text-indent: -10000px;}
	#header h2 {width:193px; height: 17px; text-indent: -10000px; overflow: hidden; float: right; margin:45px 12px 0 0; background: url(../images/amtitle.gif) no-repeat;   }
	
/*	#ctl00_StatusTable {position:absolute; margin:18px 0 0 0; right:12px; color: #999; }*/
#ctl00_StatusTable {position:relative; margin:18px 0 0 0; left:450px; color: #999; }
	#ctl00_StatusTable td {padding:0 10px}
	
	
	
	/* Main
	--------------------------------------------------------------------------------------- */
	/* reset embedded styles */
		#navMain .mvmenu ul {list-style: none; display:block; margin:0; padding:0; width: 880px; white-space:nowrap; float:left; overflow:hidden; background: none; position:static; }
		#navMain .mvmenu  ul a {display: inline; padding: 0; border:0 none; color: #000; background: none; text-decoration: underline }                 
		#navMain .mvmenu li a:hover  {margin:0; background: none; color: #000; text-decoration: underline }
	
	#navMain {
	clear: both;
	width: 100%;
	display: block;
	font-size: 12px;
	padding: 5px 0 0 0;
	position: relative;
	color: #fff;
	height: 56px;
	background: url("../images/bg_sub_nav.jpg") repeat-x left
26px
}
		#navMain li {background:url("../images/bg_nav_tab_right.gif") no-repeat right -149px; color: #fff; height:1.83em; font-weight: bold; margin-right: 1px; border: none 0}	
		#navMain li a { background: url("../images/bg_nav_tab_left.gif") no-repeat left -149px; color: #EAD4D7 ; font-size: 92%; line-height:1.83em; font-weight: bold; border: none 0}
		
		#navMain li:hover, #navMain li.hover {background-position: right top; color: #FFF }
		
		#navMain li a:hover {background-position: left top; color: #FFF }
		
		#navMain li.selected {background-position: right top; margin-top: -5px; height: 2.15em;}
		#navMain li.selected a {background-position: left top; line-height: 2.65em; color: #FFF}
		#navMain li.selected .mvmenu ul { left: 0; margin: 28px 0 0 0;  }
		#navMain li.selected .mvmenu ul a {line-height: 32px; color: #FFF; text-decoration: none}
		#navMain li .mvmenu ul li {white-space:nowrap; padding:0 10px; background: none }
		#navMain li .mvmenu ul li a {background: none; font-weight: normal; }
		
		#navMain li .mvmenu ul {position: absolute; left:-10000px;}
		#navMain li:hover ul {/*left: 0; bottom: 0 */}
		
		
/* Widgets
--------------------------------------------------------------------------------------- */
.content-box {border:none 0}

/* Main
--------------------------------------------------------------------------------------- */

#mainBody {background: #fff; min-height: 400px; }
.ie6 #mainBody {height: 400px;}

#content {padding:24px; overflow: hidden;
	
}
	
.twoColumn {}	
.twoColumn .column {float: left; width: 45%; }
.twoColumn .first {border-right: 1px solid #eee; padding:0 48px 0 0; margin-right: 24px}

#veiwBookingSection .twoColumn .section {margin:18px 0 0 0px}
#veiwBookingSection .twoColumn .first { padding:0 28px 0 0; }
	#splash {position: relative; overflow: hidden; padding:0 14px 0 14px; border: 0 none; height:55px; background: #F1F1F1 url(../images/bg_page_title.png) repeat-x bottom; color: #fff}
	#splash h2 {float:left; line-height: 55px; width:50%; color: #333; font-weight: normal}
	.ie6 #splash h2, .ie7 #splash h2 {font-weight: bold}
	#splash .options {position: absolute; margin: 0; right:24px; bottom: 0; width: 69%; 
clear:none
}
	.ie6 #splash .options {bottom: -1px;}

	#splash .options .button-holder {}
	#splash .options .button-holder li {float:left}
	
	#splash .options a {float:right; color: #666}
	.section {position: relative; background: #f5f5f5; border: 1px solid #bbb; border-width:2px 0 0 0; margin:28px 0 18px 0}
	.sectionB {position: relative; background: #f5f5f5; border: 1px solid #bbb; border-width:2px 0 0 0; margin:28px 0 18px 0}
	
	
	.twoColumn .section {margin-bottom: 48px}
	.alt {background: none; border:0 none}
	
	.twoColumn .section {margin:28px 0 48px 26px}
	.submit {background: #FFF6BE; border-top: 2px solid #EEC66E }
	
	.submit .link-button {float: left}
	.section legend {margin-top: -26px; text-indent:-12px;}
	
	.ie6 .section legend, .ie7 .section legend {position:absolute; top: -22px; left:-6px; margin-top: 0; text-indent: 0}
	
	
	.section .step {position: absolute; left: -26px; text-indent: -10000px; overflow: hidden ; display:block ; width: 15px; height: 24px;  }
	
	#section1 .step {background:url("../images/section_one.gif") no-repeat top left}
	#section2 .step {background:url("../images/section_two.gif") no-repeat top left}
	#section3 .step {background:url("../images/section_three.gif") no-repeat top left}
	#section4 .step {background:url("../images/section_four.gif") no-repeat top left}
	
	.focused .step	{background-position: right top !important }
	
	.note {color: #666}
	
	
	fieldset.submit {clear:both}
	fieldset span.note {color: #666; font-size: 94%; text-transform:none}
	fieldset .medium {width: 82px !important}
	fieldset .tiny {width: 26px !important}
	
	.validation-summary strong {font-size: 13px}
	.validation-summary p {margin:0}
	
.full label {text-align: left}
.options {clear:both; }

.address {padding:4px; margin:0 0 8px 0;float: left;  font-size: 11px; line-height: normal; width:158px; border: 1px solid #ccc; background: #fff}
.address div {height: 106px; overflow:hidden}
.address img {position: absolute; right: 4px; top:4px }
.address span { }

/* Login
--------------------------------------------------------------------------------------- */
#loginSection #splash {margin-bottom: 20px;}
#panelLogin {
	width: 500px;
	margin: 0 auto;
	top: 50px;
	left: -7px;
}
#panelLogin h3 {background: #999; font-weight: normal; padding:8px 0;color: #fff; text-align: center; font-size: 12px;}
#panelLogin table label {font-size: 13px; display:block; margin-right:12px;width: 80px; text-align: right; float:right;}
#panelLogin table { width:100% !important; }
#panelLogin table table {margin:0 12px !important; width:100% !important; height: auto !important; padding:0 !important; border-collapse:collapse !important;}
#panelLogin table table td {vertical-align:middle; margin:0 !important; width:0 !important; height: auto !important; padding:0 !important;}

#panelLogin #ctl00_bodyContentPlaceHolder_Login2_Password,
#panelLogin #ctl00_bodyContentPlaceHolder_Login2_UserName {padding:3px; margin-bottom: 4px; height:14px}
#panelLogin #ctl00_bodyContentPlaceHolder_Login2_UserName {width: 214px}
#panelLogin #ctl00_bodyContentPlaceHolder_Login2_RememberMe {margin-left: 129px}
#panelLogin #ctl00_bodyContentPlaceHolder_Login2_LoginButton { margin-left: 138px; }
.ie6 #panelLogin #ctl00_bodyContentPlaceHolder_Login2_LoginButton { margin-left: 158px; }


/* Buttons
--------------------------------------------------------------------------------------- */
input.button {font-size:11px}
.link-button {display: block; text-decoration: none; min-width: 70px;}

a.link-button:hover {border: 1px solid #999}
.options a.link-button:hover {border-width: 1px 1px 0 1px}

.add span { background:url("../images/add.gif") no-repeat left 50%; padding-left: 24px; display: block; height: 16px; font-size: 12px;}
.export span { background:url("../images/excel.gif") no-repeat left 50%; padding-left: 24px; display: block; height: 16px; font-size: 12px;}
.showpdf span { background:url("../images/pdf.gif") no-repeat left 50%; padding-left: 24px; display: block; height: 16px; font-size: 12px;}





.button, .link-button, #panelLogin #ctl00_bodyContentPlaceHolder_Login2_LoginButton {white-space: nowrap; color: #333 !important;  background: #fff url("../images/bg_button.png") repeat-x bottom; border: 1px solid #C4C4C4; cursor: pointer; padding: 5px  14px; text-align:center; }
.section .button {padding: 3px  14px;}


/* Button 
--------------------------------------------------------------------------------------- */
button {white-space: nowrap; color: #333 !important;  background: #fff url("../images/bg_button.png") repeat-x bottom; border: 1px solid #C4C4C4; cursor: pointer; padding: 5px  14px; text-align:center; }
td button {padding: 2px 8px 1px 8px; font-size: 11px; width: 110px; text-align:left}
.ie6 td button {width: 100%;}

button.image span {display: block; width: 16px; height: 16px; float: left; margin-right: 6px}

button.pdf span {background: url("../images/pdf.gif") no-repeat }
button.excel span {background: url("../images/excel.gif") no-repeat }

.continue {width: 70px;}
.options .link-button {width: 110px;}
.options .new-reference {width: 148px;}
.options .add-tracking {width: 120px;}
.options .add-address {width: 140px;}
.options .export-excel {width: 160px;}

.options .link-button {padding-top: 7px; padding-bottom: 8px; border-bottom: 0 none !important}
.options a.view-tracking {border-width: 1px 0}
.options a.view-tracking:hover {border-width: 1px 0}

/* Bookings
--------------------------------------------------------------------------------------- */

#ctl00_bodyContentPlaceHolder_cboAccount {margin-right: 22px}

/* View Bookings
--------------------------------------------------------------------------------------- */
#awbActions  {float:right; margin-top: -28px}
#awbActions .view-tracking {border-width: 1px 0px !important}
ol#awbStatus {width: 400px; !important; }
.status {color: #9E2938}

/* Shippers
--------------------------------------------------------------------------------------- */
#shippersSection table {width: 100%}
#shippersSection table tr {float:left }
#shippersSection table tr td {width: 404px; overflow:hidden}
#shippersSection table tr td.alt ol {margin:0}

#shippersSection table tr td ol {border-top: 2px solid #bbb; padding: 12px 12px 12px 12px; margin-right: 12px; background:#f5f5f5;}
/* edit mode */
#shippersSection table tr td.edit ol {background: #FFF6BE; border-top: 2px solid #EEC66E}
#shippersSection table tr td.edit li {border-bottom: 1px solid #F3D89C}
#shippersSection table tr td.edit label {color:#333}
#shippersSection table tr td.edit .text {border: 1px solid #F3D89C}

#shippersSection table li {border-bottom: 1px solid #e6e6e6; padding-top: 4px}
#shippersSection table li.button-holder {border-bottom: 0 none !important; padding-top: 4px}
#shippersSection table .button {padding: 1px 14px}
#shippersSection table .text { width: 212px}

.button-holder .or {padding:6px}
input.link {background: none; cursor: pointer; border:0 none; font-size:11px; padding: 0; text-decoration: underline; color:#9D2938}


.data-table {width: 100%}
.data-table th {vertical-align: center; white-space: nowrap}
.data-table td {vertical-align: center}

/* Address Book
--------------------------------------------------------------------------------------- */

#addressBookSection .data-table th {display:none}
#addressBookSection .data-table td {padding: 5px 14px 5px 14px ; border-bottom: 1px solid #e6e6e6; vertical-align:middle}
#addressBookSection .data-table .delete {background: url(../images/delete.gif) no-repeat left; padding-left: 24px; display: block; height: 18px; overflow: hidden; }
#addressBookSection .data-table .select {text-decoration: none; white-space: nowrap; color: #333 !important;  background: #fff url("../images/bg_button.png") repeat-x bottom; border: 1px solid #C4C4C4; cursor: pointer; padding: 5px  14px; text-align:center; }

#findAddress {margin-bottom: 8px;
	top: 0px;
	left: 6px;
}

.titlebar {font-size: 1.2em; height: 24px; background: #666; line-height:24px; text-indent:14px; color: #fff; display:block; margin:0}



/* Expan List
--------------------------------------------------------------------------------------- */
ul.expand-list {width: 95%; list-style:none; padding:0; margin:0 0 18px 0;}
ul.expand-list table {width: 100%; margin: 0 6px}
ul.expand-list li {display:block;  margin:0 8px 8px 0; width: 100%;  }
* html ul.expand-list li {height: 1%}
ul.expand-list h4 {cursor: pointer; padding:0 0 0 22px; font-size: 12px; margin: 0;  display: block;  font-weight: bold; height: 20px; background: #999 url(../images/arrow_down_white.gif) no-repeat 6px 50%; color: #fff; }
ul.expand-list h4 span {display:block; font-weight:normal; padding: 0 0 0 32px;  line-height: 22px; color: #fff !important; text-decoration: none; font-size: 88%; background: url(/images/bg_expand_list_left.png) no-repeat top left; }
ul.expand-list h4:hover {background-color: #bbb}
ul.expand-list h4.hover {background-color: #bbb}
ul.expand-list li.collapsed h4	{background-image: url(../images/arrow_right_white.gif)}
ul.expand-list li.last { background: none}

ul.expand-list li div { width: 100%; color:#333; padding: 6px 0 0 0; }
ul.expand-list li div.filter {height: 38px; overflow: hidden;}
ul.expand-list li div.all	{overflow: auto; overflow-x:hidden}

ul.expand-list .options { border-top: 1px solid #ccc; color:#666; font-weight: bold; margin: 4px; padding: 2px 4px; float: none}
ul.expand-list  .options span {cursor: pointer; text-decoration: none; color:#9D2938}
ul.expand-list  .options span.info {color:#666;  font-weight: normal; cursor: default; text-decoration: none; }

/* presentation */
ul.expand-list li div li {background: url(/images/bg_dotted_grey.gif) repeat-x bottom; height: 18px;line-height: 18px;}
ul.expand-list label {font-weight: bold; color:#007CBA !important; }




.ie8 .section legend {position:absolute; top: -22px; left:0px; margin-top: 0; text-indent: 0}