/* ---------------------------------------------
Columbia Metropolitan Airport Screen Style Sheet
author: Cyberwoven
version:  2009.01
----------------------------------------------- */

body {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#222;
	margin:0;
	padding:0;
	background:#fff url(../images/bodybg.png) repeat-x center top;
	text-align:center;}

a {color:#032e5e; text-decoration:underline;}
a:hover {text-decoration:none;}


h2 {font:normal 32px/45px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;}
h3 {font:normal 18px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:20px 0 4px 0; padding:0; color:#333;}
h4 {font:bold 16px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 0 2px 0; padding:0; color:#900;}

p {margin:0 0 15px 0; padding:0;}

blockquote {margin:20px 30px; padding:20px 60px; background:#e1f2fe url(../images/listbg.png) repeat-y center center; border:1px solid #7fafb8; border-width:1px 0;}

fieldset {margin:0; padding:0; display:inline; border:none;}

img {float:right; margin:0 0 10px 10px; padding:6px; border:1px solid #fff; background:url(../images/photobgtexture.png) center center;}
img.mailicon { padding: 0; background: none; border: none; margin-top: 5px; }
img.mailiconinternal { padding: 0; background: none; border: none; margin-top:15px; }

/* Reusables
----------------------------------------------- */

.hidden {display:none;}
.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}

table {text-align:left;}
table th {padding:12px 5px 6px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:12px; vertical-align:baseline; text-align:left; color:#600;}
table td {padding:3px 5px; line-height:16px; border-bottom:1px solid #ccc; }
table tr.even td {background-color:#eee;}
table tr.green td {border-bottom:1px solid #97e39a; background:#d0ffd2;}
table tr.red td {border-bottom:1px solid #fdbcbc; background:#fedbdb;}

.floatleft {float:left;}
.floatright {float:right;}
.nofloat {float:none !important;}

.rsslink {display:block; position:absolute; top:215px; left:600px; background:url(../images/rss16.png) no-repeat; padding:0 0 0 20px; font-size:14px; line-height:16px; color:#333; text-decoration:none;}
.rsslink:hover {text-decoration:underline;}

.linkbutton {display:block; float:left; border:1px solid #9fb1bf; background:#edf3f7; text-decoration:none; padding:2px 5px; margin:10px 0;}
.linkbutton:hover {background:#dfe6ec;}

/* Layout Blocks
----------------------------------------------- */
.wrapper {position:relative; background:url(../images/wrapperbg.png) no-repeat center top; min-width:960px;}
.container {width:960px; margin:0 auto; text-align:left; position:relative;}
	a.skiplink {display:none;}
	a.mobiletoggle {position:absolute; top:32px; left:245px; display:block; height:40px; width:23px; background:url(../images/mobiletoggle-mobile.png) no-repeat left center; overflow:hidden; font-size:1px; text-indent:-9999px; outline:none; z-index:10;}
	a.mobiletoggle:hover {width:50px; font-size:11px; line-height:13px; text-indent:0; padding-left:30px; background-position:-200px center; color:#333; text-decoration:none;}

	#header {background:url(../images/internal-headerbg.png) no-repeat bottom; height:163px;}
		#header h1 {position:absolute; top:25px; left:0; margin:0 0 0 -14px; padding:0;}
		#header h1 a {display:block; width:255px; height:55px; background:url(../images/cae-logo.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none;}
		ul.mainnav {display:block; position:absolute; top:60px; right:0; margin:0; padding:0; list-style:none;}
			ul.mainnav li {display:inline; margin:0; padding:0;}
			ul.mainnav li a {display:block; float:left; margin:0 0 0 28px; padding:0 0 0 22px; text-decoration:none; line-height:26px; font-size:16px; font-weight:bold;}
			ul.mainnav li a:hover {text-decoration:underline;}
			ul.mainnav li.active a, ul.mainnav li.active a:hover {background:url(../images/mainnav-activebullet.png) no-repeat left center; text-decoration:none;}
		
		ul.headernav {display:block; position:absolute; top:38px; right:0; margin:0; padding:0; list-style:none;}
			ul.headernav li {display:inline; margin:0; padding:0;}
			ul.headernav li a {display:block; float:left; margin:0 0 0 26px; padding:0; text-decoration:none; line-height:16px; font-size:12px;}
			ul.headernav li a:hover {text-decoration:underline;}
			
	.sectiontitle {display:none;}
	ul.subnav {display:block; float:left; width:270px; margin:10px 0 0 0; padding:0; list-style:none;}
		ul.subnav li {display:inline; margin:0; padding:0;}
		ul.subnav li a {display:block; padding:8px 0 8px 40px; margin:0 20px 0 0; font-size:14px; line-height:20px; font-weight:bold; text-decoration:none; color:#032e5e; border-bottom:1px solid #7fafb8; background:url(../images/subnavitembg.png) no-repeat -9999px 0;}
		ul.subnav li a:hover {background-position:left center; text-decoration:none;}
		ul.subnav li.active a, ul.subnav li.active a:hover {background-position:-250px center; text-decoration:none;}
		
	.content {display:block; float:left; position:relative; width:690px; margin:0 0 20px 0; padding:0;}
		.content ul, .content ol {background:url(../images/listbg.png) repeat-y; border:1px solid #fff; margin:10px 0 20px 0; padding:5px 10px 5px 30px;}
		.content ul li {padding:5px 0 5px 25px; margin:0; background:url(../images/content-bullet.png) no-repeat 0 6px; list-style:none;}
		.content ol {padding-left:60px;}
		.content ol li {padding:5px 0 5px 0; margin:0;}
		.content li ul {background:none; border:none; margin:0 0 0 10px; padding:0;}
		.content li ul li {padding:5px 0 5px 25px;}
		.content li ol {background:none; border:none; margin:0; padding:0 0 0 30px;}
		.content li ol li {list-style:decimal; background:none;}

		h2.pagetitle {display:block; position:relative; height:257px; margin:0 0 20px 0; padding:0; color:#fff; line-height:57px; margin-top:-57px; background:url(../images/titlebg-blank.jpg) no-repeat bottom;}
			body.directionstransportation h2.pagetitle {background-image:url(../images/titlebg-transportation.jpg);}
			body.travelinformation h2.pagetitle {background-image:url(../images/titlebg-travel.jpg);}
			body.customerservice h2.pagetitle {background-image:url(../images/titlebg-service.jpg);}


	#footer {position:relative; clear:both; background:url(../images/graybluestripe.gif) repeat-x; padding:20px 0; font-size:11px; height: 150px;}
		body.home #footer { padding-bottom:80px; }
	#footer a {text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
		ul.footernav {float:right; margin:0; padding:0; list-style:none;}
		ul.footernav li {display:inline; margin:0; padding:0;}
		ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 0 0 15px;}
		#footer a.cyberwoven {color:#222; margin-left:10px;}
		#footer a.cyberwoven:hover {text-decoration:none;}
		#footer a.cyberwoven:hover span {color:#cb5201; text-decoration:underline;}
		
		#footer span.copyright_credit { }
		
		#footer #famously_hot { display:block; position:absolute; right:-10px; margin:10px; width:400px; height:92px; background:url(../images/famously_hot_bg.png) no-repeat 100% 0; }
			#footer #famously_hot a { display:block; position:absolute; right:10px; top:20px; margin:0; width:133px; height:72px; text-align:left; text-indent:-9999px; background:url(../images/famously_hot.png) no-repeat 0 0; }
				#footer #famously_hot a:hover { background-position:0 -72px; }
					#footer #famously_hot a:active { background-position:0 -144px; }
		
		li.facebook a {padding-left:21px !important; background:url(../images/facebook.jpg) no-repeat left center;}	
		li.twitter a {padding-left:21px !important; background:url(../images/icon-twitter.gif) no-repeat left center;}
		body#cmsbody a.maillogin {display:block; position:absolute; top:40px; right:0;}
		
/* Homepage Specific
----------------------------------------------- */
body.home #header {background:url(../images/graybluestripe.gif) repeat-x bottom; height:100px;}
body.home h2 {font:normal 20px/25px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333;}

body.home .homecontent {height:590px; width:100%; position:static;}
body.home .homeintro {position:absolute; top:100px; left:0; height:410px; width:590px; margin:-11px 0 0 0; background:url(../images/homeleft_01-alt.jpg); color:#fff;}
	body.home .homeintro h2 {display:none;}
	body.home .homeintro p {display:block; font-size:13px; font-weight:bold; margin:165px 0 10px 190px; padding:0; width: 320px;}
	body.home .homeintro ul {display:block; list-style:none; margin:0 10px 0 150px;}
	body.home .homeintro ul li {display:block; padding:3px 10px 3px 24px; background:url(../images/home-bullet-blue.png) no-repeat left 4px;}
	body.home .homeintro ul li a {color:#fff;}
	
	.homeintro.flash-replaced {background:url(../images/homeleft_01.jpg) !important;}
	.homeintro .alt {display:none;}
	.homeintro embed {margin-top:1px;}

body.home .homeresources {position:absolute; top:499px; left:0; height:232px; width:590px; background:url(../images/homeleft_02.png) no-repeat; line-height:18px;}
	body.home .homeresources h2 {display:none;}
	body.home .homeresources p {display:block; margin:23px 20px 10px 130px;}
	body.home .homeresources ul {display:block; list-style:none; margin:0 20px 0 90px;}
	body.home .homeresources ul li {display:block; float:left; width:155px; padding:2px 0 2px 20px; margin:0; background:url(../images/home-bullet-blue2.png) no-repeat left 2px;}
	body.home .homeresources ul li a {text-decoration:none;}
	body.home .homeresources ul li a:hover {text-decoration:underline;}

ul#flightinfojumper {display:block; width:348px; height:50px; position:absolute; top:130px; left:602px; list-style:none; margin:0; padding:0;}
	ul#flightinfojumper li {display:inline; margin:0; padding:0;}
	ul#flightinfojumper li a {display:block; float:left; height:50px; background:url(../images/depart-arrive-toggle.png) no-repeat 0 0; text-decoration:none; font-size:18px; line-height:58px; text-indent:15px; outline:none; overflow:hidden;}
	ul#flightinfojumper li.dep a {background-position:0 0; color:#032e5e; text-decoration:underline; width:166px;}
	ul#flightinfojumper li.arr a {background-position:-166px 0; color:#fff; width:182px;}
	ul#flightinfojumper.arriving li.dep a {background-position:0 -50px; color:#fff; text-decoration:none; width:166px;}
	ul#flightinfojumper.arriving li.arr a {background-position:-166px -50px; color:#032e5e; text-decoration:underline; width:182px;}
	ul#flightinfojumper li a:hover {text-decoration:underline !important;}


#flightinfo {float:right; margin:0 -2px 0 0; width:372px; height:589px; overflow:hidden; background:#fff url(../images/flightinfobox.jpg); position:static;}
#flightinfo h4 {display:none;}

#flightinfo #departures, #flightinfo #arrivals {height:499px; padding:90px 12px 0 12px;}

#flightinfo .tablescroller {width:348px; height:400px; overflow:auto; overflow-x:hidden;}
#flightinfo table {display:block; font-size:11px;}
#flightinfo table td {line-height:14px; vertical-align:top;}
#flightinfo th.city {width:100px;}
#flightinfo th.flight {width:56px;}
#flightinfo th.time {width:60px;}
#flightinfo th.gate {width:30px;}
#flightinfo th.status {width:55px;}
#flightinfo small {display:block; padding:2px 5px;}
#flightinfo td strong.canceled {color:#600; font-size:10px; text-transform:uppercase; font-weight:normal;}

#flightview { position:absolute; top:640px; left:615px; font-weight:normal; width:150px; text-align:left; }
#flightview a { color:#fff; font:normal 12px/14px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/flightarrow.gif) no-repeat right; padding-right:20px; }
#flightview a:hover { text-decoration:underline; }
#legend {position:absolute; top:640px; right:20px; font-weight:normal; color:#fff; font-size:12px; line-height:14px;}
#legend em {display:inline-block; margin:0px 1px 0 10px; height:10px; width:10px; font-size:1px; text-indent:-9999px;}
#legend em.arrived {background:#d0ffd2; border:1px solid #97e39a;}
#legend em.delayed {background:#fedbdb; border:1px solid #fdbcbc;}

body.home #footer {text-align:right; position:relative; padding-top:45px; background-position:0 30px; height:60px;}
body.home ul.footernav {position:absolute; top:0; right:0; }


body.home .rsslink {width:16px; height:16px; padding:0; position:absolute; top:691px; left:0; font-size:1px; text-indent:-9999px; z-index:100;}
body.home .headlinestitle {color:#afafaf; font-weight:bold; font-size:16px; position:absolute; top:675px; left:25px; z-index:100;}
	body.home .headlinestitle a {color:#666; text-decoration:none;}
	body.home .headlinestitle a:hover {color:#333; text-decoration:underline;}
body.home ul.headlines {position:absolute; top:733px; left:0; margin:0; padding:0; list-style:none; z-index:100;}
body.home ul.headlines li {margin:0; padding:0; font-size:13px; font-weight:bold; color:#000;}
body.home ul.headlines li span {color:#6b6b6b; font-weight:normal; padding-right:10px;}
body.home ul.headlines li a {text-decoration:none; font-weight:normal;}
body.home ul.headlines li a:hover {text-decoration:underline;}
	

/* Section Specific
----------------------------------------------- */
.newsTable {width:100%;}
.newsTable tr.even td {background-color:transparent;}
.newsTable td {padding:10px 0 0 0}
.newsTable h3 {padding:0; margin:0;}
.newsTable h3 a {text-decoration:none;}
.newsTable h3 a:hover {text-decoration:underline;}
.newsTable strong {display:block; margin-bottom:5px;}

/* Contact
----------------------------------------------- */

.contactbox {margin-left:60px;}
.contactbox legend { text-indent:-9999px; }
.contactbox label { float:left; width:200px; margin:5px 10px 2px 1px; display:block; clear:left; border-bottom:solid 1px #9fb1bf; }
.contactbox label.required { font-weight:bold; color:#000; }
.contactbox label span.required { float:right; margin:0; color:#2e537c; font-weight:normal; font-style:italic; font-family:georgia, "times new roman", "times", serif; }
.contactbox label, .contactbox input {}
.contactbox input, .contactbox textarea {font-size:14px; padding:3px 2px 4px 2px; margin: 12px 0 1px 0; border:1px solid #9fb1bf; }
.contactbox input:focus, .contactbox textarea:focus { background:#edf3f7; }
.contactbox input.textbox { width:365px; }
.contactbox textarea {display:block; width:365px; height:120px; margin-bottom:20px; overflow:hidden; float:left;}
.contactbox a.linkbutton {display:block; clear:both; margin:5px 0 0 210px; width:200px; text-align:center;}
.contactbox .errorMessage { color:#a2aae0 !important; font-size:11px; }
.contactbox .errorMessage.textarea {clear:both; display:block; padding:0 0 0 210px;}

.linkbutton.togglecalendar {position:absolute; top:210px;  right:10px; float:none;}

div#calendarbox {padding-top:15px;}
div#calendarbox table td { background:none; border:none;}
div#calendarbox table td h5 { margin:2px 0 0 5px; font-weight:normal;}
div#calendarbox table td.today {background-color:#fff;}
div#calendarbox table td.today h5 { font-weight:bold; color:#000; }

div#calendarbox table td.normalday, div#calendarbox table td.today, div#calendarbox table td.othermonth {border:solid 1px #9fb1bf; border-width:0 1px 1px 0;}
div#calendarbox table td.othermonth {color:#777;}

div#calendarbox table ul { margin:0; padding:0; width:auto; background:none; border:none;}
div#calendarbox table ul li { list-style-type:none; margin:0; padding:0 0 5px 0; font-size:10px; line-height:16px; background:none;}

div#calendarbox table th.dayheaders { text-align:left !important; text-indent:5px; font-weight:normal; }	
div#calendarbox table.calendarheader { font-size:16px; margin:0 0 10px 0; color:#032e5e; border-bottom:1px solid #2e537c;}
div#calendarbox table.calendarheader td {padding-bottom:15px;}
div#calendarbox table.calendarheader tr.even td {background:none !important;}
div#calendarbox table.calendarheader td.nextprevmonth a { color:#032e5e !important; text-decoration:none; font-size:22px; font-weight:bold; padding:2px 5px; }




/* Contact Styles
------------------------------ */
	.formrow {}
		.formrow table.radiobuttonlist td input{margin:5px 0px 0px 0px;}
		.formrow table tr td{border: none;}
		.formrow table tr.even td{background: none;}
		.formrow label { display:block; float:left; width:200px;}
			.formrow label.required { font-weight:normal;}
			.formrow label span.required {margin-left: 20px;}
			.formrow td label { border:0px; border-bottom:none; }
		 #main_content input, #main_content select { display:block; width:400px; }
		.formrow input.btnwide { width:100%; }
		.formrow span.error div { font-family:georgia, "times new roman", times, serif; font-style:italic; padding-left:215px; margin:9px 0 0 0; display:block; }
		.formrow textarea {margin: 0px 0px 20px 0px;}
		.checkbox {}
			#main_content .checkbox input { float:left; width:auto; margin-left:215px; margin-right:10px; }
			#main_content .checkbox label { float:none; width:auto; text-align:left; }
    input.formsubmit {clear:both; display:block; margin:25px 0 0 210px; text-align:center; width:200px; background:none repeat scroll 0 0 #EDF3F7; border:1px solid #9FB1BF; float:left; padding:2px 5px; text-decoration:none; color:#032E5E; font-size: 12px;
}			
			input.formsubmit:hover {background:#dfe6ec; cursor:pointer; }	
					
			
/* sIFR
----------------------------------------------- */

.sIFR-flash {visibility:visible !important; margin: 0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}



/* Lightbox
----------------------------------------------- */
#lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding: 10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#imageContainer img {float:none; margin:0; padding:0; border:none;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top:5px;}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto;	line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%; float:left; text-align:left; }	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }