/* CSS Document 
- Global settings
font size settings + any fixed font sizes 
- Layout page
- Header & Navigation
- Content Page layout (left menu, center content)
  page content items
- Footer
- Home Page
- Contact Form
- Unreviewed CSS at bottom, or commented out
 
*/

@import url("base.css");  /* resets browser defaults */

/* GLOBAL AND ANY FIXED FONTS
----------------------------------------------------------------*/
html, body {
font-family:Arial, Verdana, Sans Serif;
font-size:.9em;
background:url(/controls/design/back.gif) top center repeat-x;
line-height:1.2em;}

#homepanel h3, #homepanel h3 a {font-weight:bold;font-size:12px;}
#topnav a, #topnav a:visited, #topnav div {font-size:12px;}
.menu a, .menu :visited {
font-size:11px;
font-family:Arial, Verdana, Sans Serif;}



p {margin-bottom:8px;padding-bottom:8px;}

a:link {color:#0065A4;text-decoration:underline;}
a:visited{color:#666666;text-decoration:underline;}
a:hover{color:#002C77;text-decoration:underline;}

h1 {color:#0065A4;font-size:1.2em;font-weight:bold;margin-bottom:10px;margin-top:15px;}
h2 {color:#666666;font-size:1.1em;font-weight:bold;margin-bottom:3px;margin-top:5px;}
h3 {color:#000000;font-size:1em;font-weight:bold;margin-bottom:5px;margin-top:0px;}
h4 {color:#0065A4;font-size:1em;margin:0px;font-weight:normal;}
em {text-transform:uppercase;}

body#noheader {background:none;}
#wrapper 
{
	/*width: 760px;*/
	width: 810px;
	margin:0 auto;
	height:100%;}
	
.clear:after {content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
.cleardiv 
{
	clear:both;
}


/* HEADER & TOP NAVIGATION (files also use final_drop.css)
----------------------------------------------------------------*/
#header {
	position:absolute;
	top:0;
	height:88px;
	min-height:88px;
	width:810px;
}
* html #header {height:88px;} 

a#hplogo {
position:absolute;
display:block;
height:47px;
width:104px;
top:10px;
left:20px;
background-image:url(../design/logo1.gif);
background-repeat:no-repeat;
outline:none;
}
* html a#hplogo {height:47px;}

a#hplogo span {position: absolute;
left:-9999px;outline:none;}

div#topnav {
position:absolute;
right:40px;
top:30px;}

#topnav a, #topnav a:visited, #topnav div  {
	display:block;
	float:left;
	white-space:nowrap;
	color: #000;
	margin-top:2px;
	margin-right:2px;}	
#topnav a:hover {color:#EE3941;}

#skip a, #skip a:hover, #skip a:visited
{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
 
#skip a:active{position:static;width:auto;height:auto;}
	
/* CONTENT PAGES LAYOUT AND CONTENT
----------------------------------------------------------------*/	
#contentwrapper{ margin:0;padding:0;
top:100px; 
position:absolute;
width:100%;
max-width:800px;
height:100%;
}

/* Layout/Rounded Boxes ------------------*/	

.lmn_box {width:175px;float:left;}/* left menu */
.lmn_top div, .lmn_top, .lmn_bottom div, .lmn_bottom {height: 10px;font-size: 1px;}
.lmn_top {background: url(/controls/design/corner/lm_tl10.png) no-repeat top left;}	
.lmn_top div {background: url(/controls/design/corner/lm_tr.png) no-repeat top right;}
.lmn_bottom {background: url(/controls/design/corner/lm_bl.png) no-repeat bottom left;}
.lmn_bottom div {background: url(/controls/design/corner/lm_br.png) no-repeat bottom right;}

.con_box {margin:0;padding:0;/*margin-left:185px;*/}/* center content */
.con_top div, .con_top, .con_bottom div, .con_bottom {height: 10px;font-size:1px;line-height:normal;margin:0;padding:0;}
.con_top {background: url(/controls/design/corner/con_tl10.png) no-repeat top left;}
.con_top div {background: url(/controls/design/corner/con_tr.png) no-repeat top right;}
.con_bottom {background: url(/controls/design/corner/con_bl.png) no-repeat bottom left;}
.con_bottom div {background: url(/controls/design/corner/con_br.png) no-repeat bottom right;}
/** html .con_bottom {margin-left:3px;}*/ /* fix glitch in ie6*/

/* Content ------------------*/

.lmn_content {padding:0 10px; margin:0;background:#e7e8ea;border-right:1px solid #bdbec1;border-left:1px solid #bdbec1;}

.con_content {padding:0 10px; margin:0;border-right:1px solid #bdbec1;border-left:1px solid #bdbec1;min-height:590px;}

* html .con_content {height:100%;}
* html .con_box {height:660px;}

/* left menu some of this can be further cleaned up!*/
.lm	{font-family:Arial narrow, Arial, Verdana, Sans Serif;}
.lm_image  {background:#E7E8EA;width:173px; height:72px;padding:10px -20px; margin:10px -10px;}
.lm_2 {padding-top:7px;padding-bottom:0px;height:50px;}
.lmn_content h1 {font-family:Arial narrow, Arial, Verdana, Sans Serif;font-weight:bold;font-size:1.2em;color:#939598;padding-top:0;padding-bottom:5px;margin:0;margin-bottom:5px;border-bottom:#bdbec1 solid 1px;}


.lm_nav ul {padding:0;margin:0;list-style-type:none; }
.lm_nav a:link, .lm_nav a:visited{color:#0065A4;text-decoration:none;font-size:.95em;line-height:1.1em;}
.lm_nav a:hover{color:#EE3941;}
.lm_nav ul, .lm_nav li, .lm_nav ul ul, .lm_nav li ul {padding:0 0 2px 0;margin:0;}
* html .lm_nav ul li ul li {padding:0 0 4px 0;margin:0;}
ul, li, table, tr, td, * html td.lm_nav {padding:0;margin:0;}

.lm_nav .topnavlink 
{
	display:none;
}

.con_headline {font-family:Arial narrow, Arial, Verdana, Sans Serif;font-weight:bold;font-size:1.4em;color:#0065A4;padding-top:7px;padding-bottom:5px;margin-bottom:10px;border-bottom:#bdbec1 solid 1px;}

.img1 {float:right;margin-left:15px;color:#555555;text-align:center;}
.img1 a {text-decoration:none;font-size:.8em;}
div.img1 {text-align:center;}

.con_content ul {margin:0;margin-left:15px;padding-bottom:8px;
list-style:circle;}
.con_content ul li {padding-bottom:2px;}
.con_content hr {border: 0;
  width: 100%;
color:#cfd0d3;
background-color: #cfd0d3;
height: 1px;
margin:5px 0;}
.con_content {line-height:1.4em;}
.con_content table td {padding:2px 4px 2px 0;}

a.pdficon {background:url(../../images/icon-pdf.gif) top left no-repeat;
   padding-left: 18px;line-height:1.4em;}

a.externallink {
background:url(../../images/icon-external.gif) top left no-repeat;
    padding-left: 18px;line-height:1.4em;
}

.divleft {float:left;width:45%;}
.divright {margin-left:50%;width:48%;}
.divleft:after {clear:both;}
.divright:after{clear:both;}

.threecol1,.threecol2{float:left;width:30%;padding-right:10px;margin-right:10px;}
.threecol3{float:left;width:30%;}
.threecol1, .threecol2, .threecol3 {padding-bottom:8px;margin-bottom:8px;}



img.toparrow {float:right;margin-right:30px;}

img.img2 {float:left;margin-right:15px;}

/* commented because it doesn't work in all browsers yet
a.externallink:after {content: " (external link)";}
a[href $='.pdf'] { padding-left: 18px;  background: transparent url(../images/icon-pdf.gif) no-repeat center left;}*/

/* FOOTER 
------------------------------------------------------------------------------*/
div.footer {clear:both;
margin: 10px auto;
padding:10px;}

.copyright {color:#002C77;font-size:.9em;}
.footer ,.footer a, .footer a:visited{color:#909295;font-size:.9em;}
.footer a:hover{color:#EE3941;}

/* HOME PAGE 
---------------------------------------------------------------------------------------------------------*/

.home_top div, .home_top, .home_bottom div, .home_bottom {height: 7px;font-size: 1px;margin:0;padding:0;}
.home_top {background: url(/controls/design/home/corner_tl.gif) no-repeat top left;}	
.home_top div {background: url(/controls/design/home/corner_tr.gif) no-repeat top right;}
.home_bottom {background: url(/controls/design/home/corner_bl.gif) no-repeat bottom left;}
.home_bottom div {background: url(/controls/design/home/corner_br.gif) no-repeat bottom right;}
* html .home_top div, * html .home_top, * html .home_bottom div, * html .home_bottom {height: 7px;margin:0;}

body#home #contentwrapper
{
	margin:0 auto;
	padding:0;
	width:760px;
	height:410px;
	border:none;
}
* html body#home #contentwrapper
{
	margin:0 auto;
	height:420px;
}

.home_content
{
	margin:0;
	padding:0;
	border-right:1px solid #bdbec1;
	border-left:1px solid #bdbec1;
	width:758px;
	height:396px;
	background:#e7e8ea url(/controls/design/home/horsetrans1.gif) bottom left no-repeat;
}


#homepanelwrap{	text-align:center;
margin:0 auto;padding:0;width:740px;height:170px;}
* html #homepanelwrap{width:740px;height:170px;}

#homepanel {padding:0;
	float:left;
	background:#949698;
	width:179px;
	margin:0 2px 0px 3px;
	height:170px;
}
* html #homepanel{height:170px;}

#homepanel div, * html #homepanel div {padding:0;margin:0;}

.homepanel_top {margin:0;padding:0;
background: url(/controls/design/home/element-l-corner.gif) no-repeat top left;height:5px;}

.homepanel_top div {background: url(/controls/design/home/element-r-corner.gif) no-repeat top right;height:5px;}
* html div.homepanel_top, * html .homepanel_top div{height:5px;margin-bottom:-5px;}

#homepanel h3, #homepanel h3 a {background:#949698;
text-align:left;
	display: block;
	color:#efefef;
	margin-bottom:0px;
	padding:0 0 12px 4px;
	text-decoration:none;	height:7px;
}
* html #homepanel h3, * html #homepanel h3 a {padding:0 0 0px 4px;;margin:0;height:7px;}

.color1 {border-bottom: 4px solid #E29624;}
.color2 {border-bottom: 4px solid #52ABDC;}
.color3 {border-bottom: 4px solid #9CD25D;}
.color4 {border-bottom: 4px solid #C0ABE0;}


.q-links {width:179px;}
.q-links a, .q-links a:link, .q-links a:visited {
	display:block;
	padding:1px 0 0 6px;
height:14px;
	background:#99BCD7;
	color:#000000;
	text-decoration:none;
	font-size:.85em;
	font-weight:normal;
	border-top:1px solid white;
	text-align:left;
}
* html  .q-links a:link, * html .q-links a:visited {height:14px;line-height:10px;}

.q-links a:first-child {border-top:none;}
.q-links a:hover {background:#DAE7F1;}

.element-img {
	display:block;
	padding:1px 0 0px 6px;
	margin-top:1px;	
	width:179px;
	height:145px;
	background-position:left top;
	background-repeat:no-repeat;
/*	border:1px solid red;*/
}

#newsbox{
	float:left;
	margin-left:260px;	
	/*padding-left:290px;*/
	min-height:140px;
	width:300px;
	color:#EE3941;
	text-align:left;}
* html #newsbox {margin-left:120px;	}	

#weatherbox {margin-left:570px;	
	min-height:140px;
	width:160px;
	color:#000000;
	text-align:left;}
	
#newsbox td {font-size:.9em;
	color:#000000;
	text-align:left;}

#newsbox h1, #weatherbox h1 {
	margin:2px 0px;
	padding:0px;
	font-size:1.1em;
}

#newsbox .date {color:#EE3941;text-align:right;}
#newsbox a {color:#000000;text-decoration:none;}
#newsbox a:hover {color:#EE3941;text-decoration:none;}




/* CONTACT FORM
-----------------------------------------------------------------------*/

/* Reset Forms-------*/
form, fieldset {margin: 0;padding: 0;}
fieldset { border: 1px solid #000;}
legend {padding: 0;	color: #000;}
input, textarea, select, checkbox {margin: 0;padding: 1px;font-size: 100%;font-family: inherit;	}
select { padding: 0; }
	
form.cmxform label { 
float:left;
width: 150px; 
display: inline-block;
	/*line-height: 1.8;*/
	vertical-align: top;} /* Width of labels */
	
form.cmxform fieldset ol {margin: 0;padding: 0;	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
		padding: 5px 10px 7px;}
	
form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}
	
form.cmxform fieldset  {border:none;}


/* noise forum page */
a.flighttracklink:link,
a.flighttracklink:visited
{
	position:relative;
	float:right;
	display:block;
	width:160px;
	top:-10px;
}
a.flighttracklink img 
{
	position:relative;
	margin:0px 5px 0px 0px;
	top:10px;
}


/* purchase tickets 
----------------------------------------------------------------------------------------------------------*/
.splitcolumncontainer 
{
	
	width:600px
}
.splitcolumn1 
{
	width:290px;
	float:left;
}

.splitcolumn2 
{
	width:280px;
	float:left;
}

.splitcolumngap  
{
	width:20px;
	height:12px;
	float:left;

}

.bookingtoolcontainer 
{
	width:262px;
	
}
.bookingtoolcontainer .top
{
	background:url(/images/booking-tool/ContainerTop.jpg) top left no-repeat;
	width:262px;
	height:13px;
}
.bookingtoolcontainer .body
{
	background:url(/images/booking-tool/ContainerBody.jpg) top left repeat-y;
	padding:2px 12px;
}
.bookingtoolcontainer .bottom
{
	background:url(/images/booking-tool/ContainerBottom.jpg) top left no-repeat;
	width:262px;
	height:13px;
}
.bookingtooltitle 
{
	color:#0065A4;
	display:block;
	margin-bottom:10px;
	font-size:16px;
}

.greyline 
{
	background:#BDBEC0;
	height:1px;
	margin:11px 0px 11px 0px;
	padding:0px 0px 0px 0px;
	line-height:0px;
}

.bottomtext 
{
	font-size:11px;
}

.southwestlogo 
{
	float:right;
	margin:2em .5em .5em .4em;
}



/* online check in
----------------------------------------------------------------------------------------------------------*/
.checkin 
{
	margin-bottom:-10px;
}

.checkin .column1
{ 
	vertical-align:top;
	
}
.checkin .columngap 
{
	width:8px;
	background:url(/images/booking-tool/GrayLine.gif) 50% top repeat-y;
	
	
}

.checkin .column1 div 
{
	height:87px;
	text-align:center;
	width:278px;
	background:url(/images/booking-tool/GrayLine.gif) bottom left repeat-x;
	margin-top:5px;
	clear:both;
	
}

.checkin .column1 div.last 
{
	background:none;
	height:70PX;
} 

.checkin .column1 div.double 
{
	height:175px;
}

.checkin .column1 div p 
{
	text-align:left;
	padding-right:15px;
	padding-left:15px;
}

.checkin .column1 div .checkinlink
{
	clear:both;
	text-align:right;
	background:none;
	margin-top:0px;
	position:relative;
	font-size:.9em;
	height:auto;
}


.checkin .column1 div img 
{
	margin-top:5px;	
}


/* altitude
----------------------------------------------------------------------------------------------------------*/

.orange 
{
	color:Orange;
}

.smaller 
{
	font-size:.9em;
}

/* promotions
----------------------------------------------------------------------------------------------------------*/


.promotions .maindiv 
{
    background:url(/images/flights/background.jpg) top right no-repeat;
    height:149px;
}
.promotions .maindiv .inner 
{
    width:270px;
    padding-top:10px;
}
.promotions .column1,
.promotions .column2 {
    width:290px;
    float:left;
}

.promotions .column2 
{
	width:270px;
}

.promotions .columngap {
    width:25px;
    float:left;
}
.promotions h1 
{
   
}




/* sitemap 
----------------------------------------------------------------------------------------------------------*/

.sitemapcolumn 
{
	width:45%;
	float:left;
}

.sitemapcolumn div
{
	margin-bottom:10px;
}
.sitemapcolumn div a,
.sitemapcolumn div a:link,
.sitemapcolumn div a:visited
{
	display:block;
	font-size:11px;
}
/* Directions section
----------------------------------------------------------------------------------------*/



.ParkingTable {
    
}
.ParkingTable tr td {
    border:#000000 solid 1px;
    border-collapse:collapse;
    padding:3px;
    text-align:center;
    font-size:.89em;
}

.ParkingTable td.head {
    background:#EEECE1;
    font-weight:bold;
    text-align:center;
    font-size:1em;
}

.ParkingTable tr.headings td {
    font-weight:bold;
    font-size:.9em;
    
}
.ParkingTable tr td.first {
text-align:left;
}


/* ----------------------------------------------------------------------------------------------------------
 used in Manager/ContactManager.asp, Quicklinks, News, MBP, Upload, Survey*/
.manager_list {}
.manager_list  tr.hd td {color:#0065A4;border-bottom:#000000 solid 3px;font-weight:bold;font-size:13px;}
.manager_nav {font-size:12px;}
.manager_nav  td {padding-top:5px;}
.manager_nav a:link, .manager_nav a:visited{width:100%;font-weight:normal;color:#0065A4;text-decoration:none;font-size:12px;}
.manager_nav a:hover{color:#EE3941;}