/* === GENERAL === */

body { font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: 11pt; margin: 0; padding: 0; text-align: center; color: #666666; background-image: url("/images/stripebg.gif"); }
a, a:visited { color: #059aff; text-decoration: none; outline: none; word-wrap: break-word; }
form { margin: 0; padding: 0; }
h1 { color: #ff9900; font-size: 18pt; margin: 0; padding: 0; }
h2 { color: #ff9900; font-size: 14pt; }
img { border: none; }

.layout_center { width: 1000px; margin: 0 auto; }
.layout_center_1200 { width: 1200px; margin: 0 auto; }
.layout_pad6 { height: 6px; }
.layout_pad7 { height: 7px; }
.layout_pad10 { height: 10px; }
.layout_pad18 { height: 18px; }
.layout_pad20 { height: 20px; }
.layout_pad22 { height: 22px; }
.layout_pad30 { height: 30px; }
.layout_pad40 { height: 40px; }
.layout_pad50 { height: 50px; }
.layout_pad80 { height: 80px; }
.layout_pad100 { height: 100px; }
.layout_top { height: 10px; background-image: url("/images/layout_top.gif"); }
.layout_main { text-align: left; background-color: #ffffff; padding: 0 30px; }
.layout_main_1200 { text-align: left; background-color: #ffffff; padding: 10px 30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.layout_clouds { position: relative; height: 124px; background-image: url("/images/cloudbanner.jpg"); }
.layout_clouds_1200 { position: relative; height: 160px; background: #ffffff url("/images/cloudbanner.png") no-repeat; }
.layout_clouds_ad_728x90 { position: absolute; left: 350px; top: 10px; width: 728px; height: 90px; }
.layout_clouds_ad_468x60 { position: absolute; left: 430px; top: 25px; width: 468px; height: 60px; }
.layout_clouds_ad_468x60_1200 { position: absolute; left: 480px; top: 25px; width: 468px; height: 60px; }
.layout_logo { position: absolute; left: 0; width: 214px; height: 124px; }
.layout_bottom { height: 10px; background-image: url("/images/layout_bottom.gif"); }
.layout_full { width: 100%; }

.layout_columns { border-collapse: collapse; table-layout: fixed; }
.layout_columns td { padding: 0px; vertical-align: top; }
.layout_col1140 { width: 1140px; }
.layout_col940 { width: 940px; }
.layout_col750 { width: 750px; }
.layout_col740 { width: 740px; }
.layout_col650 { width: 650px; }
.layout_col640 { width: 640px; }
.layout_col630 { width: 630px; }
.layout_col620 { width: 620px; }
.layout_col610 { width: 610px; }
.layout_col600 { width: 600px; }
.layout_col400 { width: 400px; }
.layout_col390 { width: 390px; }
.layout_col380 { width: 380px; }
.layout_col370 { width: 370px; }
.layout_col360 { width: 360px; }
.layout_col350 { width: 350px; }
.layout_col340 { width: 340px; }
.layout_col330 { width: 330px; }
.layout_col320 { width: 320px; }
.layout_col310 { width: 310px; }
.layout_col300 { width: 300px; }
.layout_col290 { width: 290px; }
.layout_col150 { width: 150px; }
.layout_col120 { width: 120px; }
.layout_col100 { width: 100px; }
.layout_col80 { width: 80px; }
.layout_col50 { width: 50px; }
.layout_col20 { width: 20px; }

.columns { display: table; width: 1140px; margin: 0 auto; }
.column { display: table-cell; }
.content { display: table-cell; width: 740px; }
.sidebar { display: table-cell; width: 400px; }

.block200 { height: 200px; }
.block150 { height: 150px; }
.block140 { height: 140px; }
.block100 { height: 100px; }
.block90 { height: 90px; }
.block80 { height: 80px; }
.block70 { height: 70px; }
.block60 { height: 60px; }
.block50 { height: 50px; }
.block40 { height: 40px; }
.block30 { height: 30px; }
.block20 { height: 20px; }
.block10 { height: 10px; }
.block8 { height: 8px; }
.block6 { height: 6px; }

.center_text { text-align: center; }
.center_elem { margin: 0 auto; }
.left_text { text-align: left; }
.left_elem { float: left; }
.right_text { text-align: right; }
.right_elem { float: right; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.elem-center { margin: 0 auto; }
.elem-left { float: left; }
.elem-right { float: right; }
.elem-inline { display: inline-block; }
.elem-top { vertical-align: top; }
.elem-middle { vertical-align: middle; }
.elem-hidden { display: none; }

.text24 { font-size: 24px; }
.text20 { font-size: 20px; }
.text14 { font-size: 14px; }
.text12 { font-size: 12px; }
.text11 { font-size: 11px; }
.text10 { font-size: 10px; }

.text-black { color: #000; }
.text-darkgray { color: #333; }
.textlightgray { color: #808092; }
.text_gray { color: #666; }
.text_ltgray { color: #bbb; }

.box468x60  { width: 468px; height: 60px;  }
.box300x250 { width: 300px; height: 250px; }
.box280x100 { width: 280px; height: 100px; }
.box250x320 { width: 250px; height: 320px; }
.box250x250 { width: 250px; height: 250px; }
.box250x100 { width: 250px; height: 100px; }
.box160x600 { width: 160px; height: 600px; }


/* === NAV BARS === */

.layout_textnav { height: 30px; line-height: 30px; padding: 0 10px; text-align: right; color: #94d2fd; background-color: #fff; }
.topnav_mobile { position: fixed; top: 0; width: 100%; height: 50px; background-color: #222; z-index: 10; display: none; }
.topnav_mobile .navbarcode { line-height: 50px; font-weight: 700; font-size: 40px; color: #fff; margin-left: 8px; }
.topnav_mobile input.mobilemenu-checkbox { margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.topnav_mobile label.mobilemenu-label { display: inline-block; width: 50px; height: 50px; margin-left: -50px; background: url("/images/mobilemenu.png") no-repeat 0 0; cursor: pointer; }
.mobilemenu-checkbox:checked ~ .mobilemenu { display: block; }
.mobilemenu { display: none; position: absolute; right: 0; top: 50px; background-color: #222; }
.mobilemenu ul { list-style: none; margin: 0; padding: 0; }
.mobilemenu ul li { text-align: left; padding: 16px 20px; border-top: 1px solid #2b2b2b; }
.mobilemenu ul li.search { text-align: left; height: 36px; padding: 14px 20px; border-top: 1px solid #2b2b2b; }
.mobilemenu ul li a, .mobilemenu ul li a:visited { color: #fff; }


/* === SEARCH === */

.searchbox { width: 650px; height: 100px; background-image: url("/images/searchbg.gif"); }
.search_main { padding: 0 30px; }
.search_info { float: left; font-weight: bold; color: #ffffff; }
.search_links { float: right; color: #ffffff; }
.search_links a, .search_links a:visited { color: #ffffff; text-decoration: none; }
#searchtext { width: 470px; height: 30px; }
.searchsubmit { margin: 2px 0 0 5px; vertical-align: top; }

.subsearch { width: 250px; height: 120px; background-image: url("/images/subsearchbg.gif"); }
.subsearch_title { font-weight: bold; color: #ffffff; }
.subsearch_links { height: 20px; color: #ffffff; font-size: 10pt; text-align: center; }
.subsearch_links a, .subsearch_links a:visited { color: #ffffff; text-decoration: none; }
#subsearchtext { width: 186px; height: 21px; border: inset 2px #ffffff; }
.subsearchsubmit { float: right; margin: 4px 18px; }

.topnav_mobile form input[type="text"] { width: 150px; height: 24px; padding: 6px 15px 6px 15px; border: 0; border-radius: 20px; font-size: 18px; color: #222; }


/* === OLD FORUM === */

.forumbg { text-align: left; background-color: #ffffff; background-image: none; }
.forumlistbar { padding: 5px; background-color: #eee; border-bottom: solid 1px #000000; font-size: 11px; }
.forumtitlebar { padding: 12px; background-color: #ffffff; }
.forumlogo { background-color: #ffffff; vertical-align: -3px; }
.forumposts { padding: 10px; border-bottom: dotted 1px #bbbbbb; color: #333333; }
.forumbigbutton { width: 250px; height: 40px; font-size: 20px; cursor: pointer; }
.forumposttitle { font-size: 16px; color: #4cb4fc; margin-bottom: 4px; }
.forumpostcomment { width: 800px; font-size: 12px; padding: 5px 10px; background-color: #fafafa; border: solid 1px #369; border-radius: 7px; margin-top: 10px; }
.forumpostinfo { font-size: 11px; margin-bottom: 2px; }

.forumvotearea { width: 80px; margin: 10px 0 0 0; text-align: center; }
.forumreply { margin-left: 80px; padding: 10px 0; border-bottom: dotted 1px #bbbbbb; color: #333333; }

.forumbox { width: 650px; background-color: #cee3f8; margin-left: 40px; }
.forumnewpost { padding: 0 30px; }
.forumtitles { font-size: 16px; color: #333333; }
#forumnewpostname { width: 140px; height: 18px; }
#forumnewpostemail { width: 200px; height: 18px; }
#forumnewposttitle { width: 600px; height: 100px; }
#forumnewposttext { width: 600px; height: 100px; }
#forumnewpostlocation { display: none; }
.forumnewpostsubmit { margin: 2px 0 0 5px; vertical-align: top; }


/* === DATA GRID === */

table.datagrid { border-collapse: collapse; table-layout: fixed; margin-bottom: 40px; }
table.datagrid.fullwidth { width: 100%; }
table.datagrid td { line-height: 30px; vertical-align: middle; }
table.datagrid td.elem-top { vertical-align: top; }
.dataicon { margin: 6px 8px 6px 0; vertical-align: -8px; }


/* === LINKS === */

.sep1 { margin: 0 8px; }

.atc_link { position: absolute; left: 546px; top: 56px; width: 247px; height: 50px; text-align: center; font-size: 9pt; font-weight: bold; color: #ffffff; font-family: arial, helvetica, verdana, geneva, sans-serif; }
.languages { position: absolute; left: 820px; top: 70px; }
.languages1200 { position: absolute; left: 1028px; top: 120px; }
.flag_icon { margin-right: 4px; }
.airlinelogo { width: 500px; }

#mainmap { width: 720px; height: 400px; margin-bottom: 20px; background-color: #eee; border-radius: 10px; }
#mainmap > div { border-radius: 10px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
#wpmap { width: 600px; height: 300px; background-color: #eee; border-radius: 10px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
#wpmap > div { border-radius: 10px; }
#apmap { width: 600px; height: 300px; background-color: #eee; border-radius: 10px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
#apmap > div { border-radius: 10px; }
#namap { width: 600px; height: 300px; background-color: #eee; border-radius: 10px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
#namap > div { border-radius: 10px; }
#panoramio { width: 720px; height: 100px; margin-bottom: 40px; }

.navlist { padding-left: 10px; width: 110px; height: 300px; overflow: scroll; overflow-x: hidden; }
.airportlist { padding-left: 10px; width: 110px; height: 300px; overflow: scroll; overflow-x: hidden; }
.waypointlist { padding-left: 10px; width: 110px; height: 300px; overflow: scroll; overflow-x: hidden; }

.chartbox { padding-left: 10px; width: 600px; height: 200px; overflow: scroll; overflow-x: hidden; }

.graylinks a, .graylinks a:visited { color: #555577; text-decoration: none; }
.whitelinks a, .whitelinks a:visited { color: #ffffff; }

.pagination {text-align:center;margin:0 0 .5em 0;padding:20px 0;line-height:2.5;background-image:url("/images/pagination.png");}
.pagination a{border:1px solid #999999;text-decoration:none;background:white;}
.pagination a:hover{background-color:#059aff;color:white;}
.pagination a,.pagination span{padding:0.3em 0.5em;}
.pagination a.pn{border:1px solid #ffffff;}
.pagination a.pn b{font-weight:normal;}
.pagination a.pn:hover{border:1px solid #999999;}

.nopagination { height: 77px; background-image:url("/images/pagination.png"); }

.tdata_tc { width: 60px; }
.tdata th { text-align: left; }
.tdata td { padding: 2px; }

.socialframe { width: 80px; height: 100px; border: none; overflow: hidden; background-color: #ffffff; margin-right: 5px; }
.socialframe.last { margin-right: 0; vertical-align: top; }

.socialicon { margin-right: 10px; cursor: pointer; }
.socialicon.last { margin-right: 0; }

.sociallink_set2 { line-height: 30px; font-size: 12px; color: #000000; margin-right: 8px; cursor: pointer; }
.sociallink_set2:hover { text-decoration: underline; }
.socialicon_set2 { margin-right: 6px; vertical-align: -4px; }

.lclinks { margin: 20px auto; font-size: 14pt; }
.lclinks a, .lclinks a:visited { color: #059aff; font-weight: bold; text-decoration: none; }

.ezbox { width: 700px; padding: 30px; border: solid 2px #cdcdcd; }
.ezinput { width: 400px; height: 24px; }

.bottom_suggest { width: 720px; border: 4px solid #555555; border-radius: 10px; margin: 0 auto 30px; }
.quizlogo { width: 75px; height: 75px; margin: 10px 20px; vertical-align: -36px; }
.quiztext { font-size: 26px; }
.quiztext a { text-decoration: underline; }
.bottombanner468x60 { margin: 17px 126px; }

.origa { color: #4cb4fc; }


/* === ADS === */

#ad_clouds { display: block; }
#ad_top_mobile { display: none; height: 90px; margin: 0 auto 20px; text-align: center; }
#ad_sidebar_1 { display: block; margin-bottom: 50px; }
#ad_sidebar_2 { display: block; margin-bottom: 50px; }
#ad_sidebar_3 { display: block; margin-bottom: 50px; }
#ad_bottom_desktop { display: block; margin: 40px 0; }
#ad_bottom_mobile { display: none; margin: 0 auto; text-align: center; }
#ad_bottom_mobile_1 { display: none; margin: 0 auto 20px; text-align: center; }
#ad_bottom_mobile_2 { display: none; margin: 0 auto; text-align: center; }


/* === RESPONSIVE === */

@media all and (max-width: 600px) {

	body { background: none; }
	h1 { font-size: 32px; }

	.layout_center_1200 { width: 100%; }
	.layout_main_1200 { border: none; border-radius: 0; padding: 30px 20px 0; }
	.layout_textnav { display: none; }
	.topnav_mobile { display: block; }
	.layout_clouds_1200 { display: none; }
	#ad_clouds { display: none; }

	.columns { display: block; width: auto; }
	.content { display: block; width: auto; }
	.sidebar { display: none; }

	.airlinelogo { width: 100%; }

	#mainmap { width: 94%; height: 300px; }
	#wpmap { width: 200px; height: 300px; }
	#apmap { width: 200px; height: 300px; }
	#namap { width: 200px; height: 300px; }
	#panoramio { display: none; }
	.pagination { display: none; }

	.chartbox { width: 100%; padding: 0; }

	.desktop_only { display: none; }
	.bottom_suggest { display: none; }

	#phototeaser { display: none; }

}

@media all and (max-width: 500px) {

	table.datagrid { margin-bottom: 20px; }
	table.datagrid tr { border-bottom: 1px dotted #ddd; }

	table.tdata td { max-width: 200px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	#ad_top_mobile { display: block; }
	#ad_bottom_desktop { display: none; }
	#ad_bottom_mobile { display: block; }
	#ad_bottom_mobile_1 { display: block; }
	#ad_bottom_mobile_2 { display: block; }

}
