/********************************************************************************
You may adapt elements of this CSS in your own projects, but the unique 
combination of images, colors, sizes, typography, and positioning ("the design") 
is copyright 2007 Atlas World Group, Inc. and may not be reproduced. 
/********************************************************************************/


/***********************************************/
/*                 HTML Styles                 */
/***********************************************/
body, table, td {
	font: 12px Arial, Helvetica, Geneva, Verdana, sans-serif;
	color: #666;
	background: transparent;
	}
body { background: #FFF; }
form {
	margin: 0px;
	padding: 0px;
	}
h1 {
	font-weight: bold;
	font-size: 22px;
	color: #000;
	margin: 0px;
	line-height: 21px;
	}
h2 {
	font-size: 17px;
	color: #555;
	margin: 0px;
	}
h3 {
	font-weight: bold;
	font-size: 14px;
	color: #555;
	margin: 0px;
	}
h4 {
	font-weight: bold;
	font-size: 13px;
	color: #000;
	margin: 0px;
	border-bottom: 1px solid #000;
	display: block;
	}
h5 {
	font-weight: normal;
	font-size: 13px;
	margin: 0px;
	}
h6 {
	font-weight: bold;
	font-size: 13px;
	color: #00599B;
	margin: 0px;
	display: block;
	}
p { 
	margin: 0px; 
	padding-bottom: 15px; /*IE6 respects margin-bottom on our p elements, but Mozilla, Opera, and Netscape need padding-bottom instead*/
	line-height: 18px;
	}
p.caption { 
	font-size: 10px;
	margin: 0px; 
	padding-top: 9px;
	padding-bottom: 15px; /*IE6 respects margin-bottom on our p elements, but Mozilla, Opera, and Netscape need padding-bottom instead*/
	line-height: 10px;
	}
p.popcaption { 
	width: 205px;
	font-size: 10px;
	margin: 0px; 
	padding: 9px;
	line-height: 10px;
	}
i {
	/* this is added to try and fix CSS breaking in HowToApartments */
	/* it seems that IE6 (maybe others) don't account for italicized letters
		possibly taking up more space than allowed in a container div's width */
	font-size: 11px;
	}
ul, ol, li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 4px 0px;
	border: 0px;
 	}
ul, ol { 
	margin-bottom: 8px; 
	}
input, select, textarea {
	font: 12px Arial, Helvetica, Geneva, Verdana, sans-serif;
	vertical-align: middle;
	font-size: 11px;
	}
blockquote {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}
sup {
	margin-top: 0px;
	padding-top: 0px;
	}
hr {
	/* <hr> styles are inconsistent across browsers, try using <span class="rule"> element instead */
	color: #000;
	height: 1px;
	}
img { border: 0px; }


/***********************************************/
/*          DIV-specific HTML Styles           */
/***********************************************/
#palebluebox p, #palebluebox ul li, #palebluebox ol li, #palebluebox blockquote {
	font-size: 11px;
	color: #000;
	text-align: left;
	word-wrap: break-word;
	}
	
	
/***********************************************/
/*         Class-specific HTML Styles          */
/***********************************************/
.palebluebox p, .palebluebox ul li, .palebluebox ol li, .palebluebox blockquote {
	font-size: 11px;
	color: #000;
	text-align: left;
	word-wrap: break-word;
	}	
.searchheader h1 { 
	color:#FFF; 
	font-size: 13px;
	}
.paneltitle h3, .paneltitle1 h3, .paneltitle2 h3 { padding: 7px; }


/***********************************************/
/*                Link Styles                  */
/***********************************************/
a:link {
	color: #5880C1;
	text-decoration: none;
	background: transparent; 
	}
a:visited, a:active {
	color: #369;
	text-decoration: none;
	background: transparent; 
	}
a:hover {
	color: #5880C1;
	text-decoration: underline;
	background: transparent; 
	}
	
	
/***********************************************/
/*           Link Styles with Classes          */
/***********************************************/
a.darkblue, a.darkblue:link, a.darkblue:active {
	color: #00599B;
	text-decoration: none;
	}	
a.darkblue:hover {
	color: #000;
	text-decoration: underline;
	}
a.cellink, a.cellink:link, a.cellink:active {
	display: block;
	height: 100%;
	padding: 4px;
	text-decoration: none;
	background-color: Transparent;
	}	
a.cellink:hover {
	text-decoration: none;
	background-color: #EDF2FA;
	}
	
	
/***********************************************/
/*          Div-specific Link Styles           */
/***********************************************/
#navbar a, #navbar a:link { margin-bottom: 10px; display: block; }
#footer a, #footer a:link, #footer a:active, #footerhome a, #footerhome a:link, #footerhome a:active {
	color: #666;
	text-decoration: none; 
	padding: 0px;
	}
#footer a:hover, #footerhome a:hover {
	color: #000;
	text-decoration: underline;
	}
#searchtools a, #searchtools a:link{
	color: #000;
	padding: 0px 2px;
	}
	
	
/***********************************************/
/*         Class-specific Link Styles          */
/***********************************************/
.alertmessages a, .alertmessages a:link, .alertmessages a:hover, .alertmessages a:visited{
	color: #FFF;
	text-decoration: underline; 
	}


/***********************************************/
/*             General CSS Classes             */
/***********************************************/
.small { font-size: 9px; }
.large { font-size: 13px; }
.darkblue { color: #00599B; }
.lightblue { color: #009CDC; }
.red { color: #CE0F40; }
.black { color: #000; }
.grey { color: #666; }
.white { color: #FFF; }
.yellow { color: #FC0; }
.orange { color: #F93; }
.green { color: #63B546; }
.burntorange { color: #F63; }
.hhgbeige { color: #F9F4EB; }
.stgpink { color: #FCF7F8; }
.textalignmid { vertical-align: middle; }
.hide { display: none; }
.border { border: 1px solid #000 }
.bordertop { border-top: 1px solid #000 }
.borderbottom { border-bottom: 1px solid #000 }
.borderleft { border-left: 1px solid #000 }

.palebluebox {
	padding: 7px;
	background-color: #C9DAEE;
	}
.legalcallout {
	margin: 0px auto;
	padding: 14px;
	background: #EDF2FA; 
	text-align: left;
	font-size: 10px;
	}
.centerbox {
	margin: 0px auto;
	padding: 14px;
	width: 70%;
	background: #FFF; 
	text-align: center;
	border: 1px solid #000;
	}
.errorbox {
	margin: 0px auto;
	padding: 6px;
	width: 70%;
	background: #FFF; 
	text-align: center;
	border: 1px solid #CE0F40;
	color: #CE0F40;
	}
.itemheader {
	/* this may be a dead style */
	padding: 2px;
	background-color: #f1f1f1;
	font-weight: bold; 
	}
.boxheader {
	display: block;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: #00599B;
	}
.columnheader {
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: #00599B;
	}
.pagingnav1 {
	margin: 14px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	border-bottom: 1px solid #000;
	background: transparent; 
	}	
.pagingnav2 {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border-top: 1px solid #000;
	background: transparent; 
	}
.alertmessages {
	display: block;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: #CE0F40;
	}
.palebluebg { background-color: #C9DAEE; }
.yellowbg { background-color: #FC0; }
.orangebg { background-color: #F93; }
.burntorangebg { background-color: #F63; }
.greenbg { background-color: #63B546; }

.clearall {
	clear: both;	
}
.nobr {
	display: inline;
	white-space:nowrap;
}
.access {
	display: none;
	}
.searchcontainer {
	padding: 0px;
	border: 1px solid #000;
	background-color: #CAE7FC;
	text-align: center;
	margin-bottom: 15px;
	}
.searchheader {
	padding: 2px;
	border-bottom: 1px solid #000;
	background-color: #005A9B; 
	text-align:center;
	}	
.searchtools {
	padding: 4px;
	background-color: #CAE7FC; 
	}
.rule {
	/* <hr> styles are inconsistent across browsers, try to use this class instead */
	display: block;
	width: 100%;
	background: transparent;
	height: 1px;
	border-bottom: solid 1px #000;
	text-align: center; /*centers for IE*/
	margin: 0px auto 10px auto; /*centers for others*/
	padding: 0px;
	}


/* ASIST/Mileage Specific Classes */
.profilename {
	font-size: 14px;
	color: #005A9B;
	}
.profileregnum {
	font-size: 12px;
	color: #005A9B;
	}
.resultsheader { 
	border-bottom:1px solid black;
	background-color: #005A9B; 
	color: #FFF; 
	}
.resultstablecell {
	border-left: 1px solid #666;
	border-bottom: 1px solid #e0e0e0;
	background-color: #FFF;  
	}
.resultstablecellalt {
	border-left: 1px solid #666;
	border-bottom: 1px solid #e0e0e0;
	background-color: #F2F2F2;  
	}
.resultstablecellleft {
	border-bottom: 1px solid #e0e0e0;
	background-color: #FFF;  
	}
.resultstablecellaltleft {
	border-bottom: 1px solid #e0e0e0;
	background-color: #F2F2F2;  
	}
.pagingnav1 {
	margin: 14px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	border-bottom: 1px solid #000;
	background: transparent; 
	}	
.pagingnav2 {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border-top: 1px solid #000;
	background: transparent; 
	}
.splitleft, .splitright { width: 50%; }
.splitleft { float: left; text-align: left; }
.splitright { float: right; text-align: right; }

/***********************************************/
/*        CSS Positioning Elements             */
/***********************************************/
html, body, #container, #rightcolumn, #leftcolumn, #footer {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
#container {
	width: 780px;
	text-align: left; /* needed after IE5/Win fix */
	}
div>p { margin:0; } /* stop mz1 from inserting top margin */

#rightcolumn {
	float: right;
	width: 630px;
	text-align: left;
	}
#content {
	padding: 15px;
	background: transparent;
	word-wrap: break-word;
	}
#leftcolumn {
	float: right;
	width: 150px;
	margin-bottom: 50px; /* ensure distance between bottom of leftnav and AMSA logo */
	}
#navbar {
	padding: 15px 10px;
}
#footer {
	clear: both;
	float: right;
	width: 600px;
	padding: 10px 15px;
	font-size: 9px; 
	color:#666; 
	text-align: left;
	}
#noresults {
	margin: 0px auto;
	padding: 14px;
	width: 50%;
	background: #E8F5FF; 
	text-align: center;
	border: 1px solid #000;
	}


/* ASIST/Mileage Specific ID's */
#corplogin, #homelogin {
	margin: 5px 0px 20px 0px;
	padding: 8px;
	display: block;
	border: 1px solid #000;
	}

#changepassword {
	display: none;
	}


#trackinginfo {
	margin: 4px 0px 0px;
	padding: 0px;
	display: block;
	border-top: 1px solid #000;
	background: transparent; 
	}

#transfereeinfo {
	float: left;
	margin: 0px;
	padding: 8px 8px 0px 0px;
	width: 150px;
	background: transparent; 
	word-wrap: break-word;
	}
	
#shipmentinfo {
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 8px;
	width: 400px;
	border-left: 1px solid #000;
	background: transparent; 
	word-wrap: break-word
	}

#searchcontainer {
	padding: 0px;
	border: 1px solid #000;
	background-color: #CAE7FC; 
	}

#shipmentheader {
	padding: 2px;
	border-bottom: 1px solid #000;
	background-color: #005A9B; 
	text-align:center;
	}
	
#shipmentheader h1 { color:#FFFFFF; }

#searchtools {
	padding: 4px;
	background-color: #CAE7FC; 
	}