@import url("css/reset.css");

/*******************
* General
*/
body { font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 0.75em; width: 100%; background-color: #fff; }
* { margin: 0; padding: 0; }
ul { list-style: none; }
blockquote { margin: 0; margin-left: 20px; }
strong, .strong { font-weight: bold; }
em, .em { font-style: italic; }
small { font-size: 0.9em; font-weight: normal; }
.strikethru { text-decoration: line-through; }
.no_display { display: none; }
span.red { color: #f00; }
.odd { background-color: #f6f6f6; }


h1 { font-size: 1.3em; font-weight: bold; margin: 10px; }
h2 { font-size: 1.15em; font-weight: bold; margin: 10px; }
h3 { font-size: 1em; font-weight: bold; }
p { font-size: 1em; display: block; width:auto; margin: 10px; line-height: 1.4em; }
a { padding: 2px; text-decoration: none; border-bottom: 1px solid #7687c1; background-color: transparent; }
a:link, a:visited { color: #003; }
a:hover { color: #003; background-color: #b6c7f6; }
a img { border: none; }
/*a:hover img { border: none; background-color: #fff; }*/
h1 a, h2 a, h3 a, h4 a { text-decoration: none; border: none; }
ul li a { font-size: 1em; }
/*p label { float: left; clear: left; width: 25%; text-align: right; font-weight: bold; color: #666; }*/
p label { display: block; float: left; clear: left; width: 25%; text-align: right; font-weight: bold; color: #666; }
fieldset { width: 100%; float: left; margin: 0 auto; }

/*form { width: 100%; }*/
#table, #conf_fields { width: 98%; display: block; float: left; clear: both; margin: 10px auto; }
table { width: 100%; width: auto; }
table tr { line-height: 1.5em; }
table tr.current { background-color: #f1f1f1; }
table th { font-weight: bold; background-color: #e6e6e6; color: #666; border: 1px #ccc solid; padding: 5px; }
table td { padding: 4px 5px; border: 1px solid #ccc; }
input, select, textarea, span.new { margin: auto 10px; font-family: Tahoma, Arial, Verdana, sans-serif; }
select { width: 40%; }
option { font-family: Tahoma, Arial, Verdana, sans-serif; padding: 1px 3px; }
#conf_fields input, #conf_fields select, #conf_fields textarea { font-family: Tahoma, Geneva, Arial, Verdana, sans-serif; font-size: 1em; width: 300px; padding: 3px 2px; }

#wrapper { width: 900px; margin: 7px auto; }
#wrapper.search { width: 100%; margin: 7px auto; background: url("images/header_full.jpg") repeat-x top left; overflow: hidden; }
#wrapper.slideshow { background-color: #fff; overflow: visible; }
#wrapper.slideshow ul { list-style: none; }
#wrapper.slideshow ul li { float: left; background-color: #fff; width: 175px; height: 175px; min-height: 175px; }
#wrapper.slideshow a { border: none; text-decoration: none; }
#wrapper.slideshow a:hover { background-color: #fff; }
#wrapper.slideshow label { font-size: 0.8em; }
#wrapper.slideshow h2 { font-size: 1.5em; margin-bottom: 2em; }
#wrapper.slideshow h2 a { color: #003; height: auto; width: auto; border-bottom: solid 1px #003; }
#wrapper.slideshow h2 a:hover { background-color: #90AFDC; }

/*******************
* Header
*/
#header { width: 900px; margin: 0 auto; height: 100px; background: url("images/tts_header.jpg") no-repeat; }
#wrapper.search #header { position: relative; width: 100%; margin: 0 auto; height: 100px; background: url("images/tts_header.jpg") no-repeat top left; }
	#header h2 { display: block; width: 890px; float: left; clear: both; margin: 22px 5px 0 5px; text-align: right; color: #003; font-size: 1.4em; font-weight: bold; }
	#naviagtion { float:left; width:100%; overflow:hidden; }
	#navigation ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;
		font-weight: bold; line-height: 1.5em; margin: 37px auto 0 auto; }
	#navigation ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
		/*#wrapper.search #header h2, #wrapper.search #header ul#nav { width: 98%; }*/
		#wrapper.search #header h2 { width: 98%; }
	#header ul#nav li a { text-decoration: none; color: #90afdc; border: none; }
	#header ul#nav li a:hover { color: #003; background-color: #90afdc;  }


ul#nav ul {
line-height:1.5em;
list-style-position:outside;
list-style-type:none;
position:relative;
left: 0;
right: 0;
margin: 0;
}

ul#nav a {
display:block;
padding:0 10px;
text-decoration:none;
font-variant: small-caps;
}
ul#nav a:hover {
}
ul#nav li ul li{
float:left;
position:relative;
left: 0;
right: 0;
}
ul#nav ul {
display:none;
position:absolute;
top:1.5em;
width:16em;
text-align: left;
line-height: 2em;
}
ul#nav li ul a {
float:left;
height:auto;
width:16em;
background-color: #003;
}
ul#nav ul ul {
top:auto;
}
ul#nav li ul ul {
left:12em;
margin:0 0 0 10px;
}
ul#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
display:none;
}
ul#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
display:block;
}

#content { width: 100%; clear: both; margin: 20px 0 20px 0; background: #fff url("images/background.gif") repeat-y top left; overflow: hidden; }

#wrapper.search #content, #content.browse { background: #fff url("images/background_nbg.gif") repeat-y top left; }
#wrapper #content.upload { background-color: #fff; background-image: none; }

/*******************
* Sidebar left
*/
#sidebar { width: 235px; float: left; margin: 0; background-color: #90AFDC; }
/*	#sidebar form { width: 100%; }*/
	#sidebar h1, #subcolumn h1, #main h1 { margin: 10px; color: #333; }
	#sidebar h2, #subcolumn h2, #main h2 { margin: 10px; margin-bottom: 5px; color: #333; }
	#sidebar h3, #subcolumn h2, #main h3 { margin: 10px; margin-bottom: 5px; font-weight: normal; }
	#sidebar p { width: 90%; margin: 12px auto; clear: both; }
	#sidebar h1 a { text-decoration: none; border: none; }
	#sidebar a { padding: 2px; color: #003; text-decoration: none; border-bottom: 1px solid #003; font-weight: bold; }
	#sidebar a:hover { color: #003; background-color: #b6c7f6; }
	#sidebar input, #sidebar select { font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 0.95em; padding: 2px; width: 204px; margin: 0 10px; }
	#sidebar input.button { width: auto; margin: 10px auto; font-weight: bold; background-color: #27287F; color: #D1DCDF; color: #fff; cursor: pointer; border: none; padding: 5px 10px; float: left; }
	#sidebar input#reset.button { border: none; text-decoration: none; color: #fff; color: #bbf; float: right; margin-right: 2px; }

	/* expansion of select box in IE hack */
	/*#sidebar select.selectbox { behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); }*/
	
	#browse_types { width: 100%; margin-top: 20px; border-top: 20px solid #fff; overflow: auto; }
	
#wrapper.search #content #column_search { margin-left: 240px; font-family: Verdana, Arial, Tahoma, Geneva, sans-serif; }
#display_count { background-color: #eef; border: 1px solid #C2C3EF; display: block; margin: 20px; margin-left: 15px; height: 31px; text-align: left; width: auto; vertical-align: baseline; overflow: hidden; }
#display_count p { margin: 5px; }
#display_count span input { width: auto; }
#display_count div.left p { margin-top: 8px; }
#display_count p a { border-bottom: 1px solid #003; }
.right { float: right; clear: right; width: 45%; margin-right: 10px; text-align: right; vertical-align: middle; }
.left { float: left; clear: right; width: 45%; text-align: left; vertical-align: middle; }
#column { float: left; width: 665px; min-height: 350px; background-color: transparent; display: inline; }
#column.browse { width: 645px; margin: 0 0 0 20px; }
	
	#about_tts #column { background: #fff url("images/about_tts.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 158px; }
	#image_quality #column { background: #fff url("images/image_quality.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 135px; }
	#representativeness #column { background: #fff url("images/operator_rep.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 215px; }
	#aircraft-types #column { background: #fff url("images/types_subtypes.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 135px; }
	#image_formats #column { background: #fff url("images/image_formats.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 135px; }
	#terms #column { background: #fff url("images/terms_use.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 135px; }
	#contact_us #column { background: #fff url("images/contact_us.jpg") no-repeat top left; width: 635px; margin: 0 0 0 30px; padding-top: 180px; }
		#column.about h1 { text-indent: -1000em; }
		#column.about h2 { margin-left: 0; }
		#column.about p { margin-left: 0; }
		#column.about ul { line-height: 1.5em; margin: 0; margin-left: 35px; padding: 0; list-style: square; }
		#column.about ul li { margin: 7px auto; }
	
	#column img, #column_search img  { vertical-align: middle; margin-top: 0; }
	#column table { width: 99%; margin: 15px auto; }
	#column table th { background-color: #e6e6e6; }
	#th.radio, #td.radio { width: 50px; }
#content.upload #column { width: 100%; }

#main { float: left; display:inline; width: 420px; margin: 0 20px; }

/*******************
* Showcase
*/
div#showcase { display: block; clear: both; width: 400px; margin: 0 auto; overflow: hidden; }
	div#showcase_gen { width: 30%; float: left; clear: left; margin: 5px 0 0 5px; font-size: 0.9em; }
	div#showcase h3 { font-weight: bold; color: #56638c; margin: 0; margin-bottom: 2px; line-height: 1.5em; }
	div#showcase p { margin: 0; margin-bottom: 2px; }
	div#showcase a { background-color: #fff; border: none; color: #56638C; }
	div#showcase_gen a { border: none; text-decoration: none; }
	div#showcase_gen a:hover { background-color: #B6C7F6; border: none; text-decoration: none; }
	div#showcase_this { width: 65%; float: right; clear: right; margin-top: 5px; }
		div#showcase_this p { text-align: right; color: #56638c; margin: 0 auto; font-size: 0.9em; }
		
#main_body { margin-top: 40px; width: 400px; }
	#main_body h1 { text-align: center; }
	#main_body p { margin: 15px auto 0 15px; }

/*******************
* Sidebar right
*/
#subcolumn { width: 175px; float: right; }
	#subcolumn h1, #subcolumn p { text-align: center; width: 90%; margin-right: auto; margin-left: auto; }
	#subcolumn h1:first-child { margin-top: 0; }
	#subcolumn img { margin: 5px auto; }

/*******************
* Footer
*/
#footer { display: block; width: 100%; clear: both; margin: 20px auto; border-top: 4px solid #7687c1; }
	#footer p { color: #7687c1; text-align: center; }
	#footer span { margin: 10px; }
	#footer a { text-decoration: none; color: #122363; border: none; border-bottom: 1px solid #7687c1; }
	#footer a:hover { color: #122363; }
	#footer span a { color: #7687c1; text-decoration: none; }
	#footer span a:hover { color: #122363; }

/*******************
* Upload page
*/
#upload { clear: both; width: 100%; margin: 20px auto; }
#elements { width: 600px; float: left; margin: 0; padding: 0; }
	#elements p { overflow: auto; }
#elements_more { width: 95%; float: left; clear: both; }
    #elements select, #elements_more select { width: 320px; }

#allconf { height: 500px; overflow: auto; }
#thumbnail { float: right; margin-top: 15px; margin-right: 5px; width: 175px; }
	#thumbnail h3 { margin-bottom: 15px; background-color: #f1f1f1; padding: 7px 0 5px 0; }
	#thumbnail h3.preview span { margin-left: 25px; }
	#thumbnail h3.preview { background: url("icons/star.png") no-repeat 4px 3px #f1f1f1; }

#headertable { position: relative; top: 0; left: 0; }

#loading { margin-left: auto; margin-right: auto; vertical-align: middle; }

	/*#thumbnail img { vertical-align: center; }*/
div.thumbnail { width: 175px; margin: 10px auto; }
	div.thumbnail a { display: block; margin: 5px auto; border: none; }
	div.thumbnail a:hover { background-color: #fff; }

#message { width: 95%; }
	#message p { font-weight: bold; color: #300; padding: 5px; }
	#message p.red { background: url("icons/error.png") no-repeat 4px 3px #fee; padding-left: 25px; border: 1px solid #f00; }
	#message p.green { background: url("icons/info.png") no-repeat 4px 3px #efe; padding-left: 25px; border: 1px solid #0f0; }
	#message p.blue { background: url("icons/info.png") 4px 3px no-repeat #eef; padding-left: 25px; border: 1px solid #00f; }
	#message ul { float: left; margin: 5px 25px; }
	#message ul li { margin: 3px; }

span.mandatory { color: #f00; }
span.no_results { width: 120px; display: inline-block; }
input.submit span { font-weight: bold; padding: 2px 7px; }


#adminadd { margin-top: 25px; border-top: 2px solid #c6c6c6; }
a.admin { color: #600; font-weight: bold; }
form#preview_form fieldset p { margin: 5px auto 10px auto; overflow: auto; }
p label { display: block; float: left; clear: left; width: 225px; text-align: right; font-weight: bold; color: #3f3f3f; }
span.new { color: #c33; margin: 0; }
p label.new { width: 225px; font-weight: normal; color: #c33; }
.indent { margin-left: 25px; }
#add_type, #add_subtype, #add_operator, #add_location, #add_options { display: none; }

/*******************
* Configuration
*/
#conftable { background: #f6f6f6 url("icons/cog.gif") no-repeat 5px; }
#configtable { clear: both; margin: 20px; }
#configtable.report { float: left; clear: none; margin: 0 10px; }
#saveconf { background: #f6f6f6 url("icons/modifier_add.gif") no-repeat; }
#deleteconf { background: #f6f6f6 url("icons/modifier_subtract.gif") no-repeat; }
#editconf { background: #f6f6f6 url("icons/modifier_edit.gif") no-repeat; }
#doedit { background: #f6f6f6 url("icons/modifier_select.gif") no-repeat; }

ul#config, ul#choose_config { list-style-type:none; width: 100%; display: block; margin: 0 auto 0 245px; padding:0; float: left; }
ul#choose_config { margin-left: 20%; }
ul#config li, ul#choose_config li { display: inline; width: 130px; float: left; margin: 15px 7px 15px 0; padding: 0; }
ul#config li.divide{ margin-left: 50px; }
/*
ul#config li span, ul#choose_config li span { display:block; padding: 0; position:relative; border-width:1px 0; border-color:#90AFDC;
    border-style:solid; color:#555; text-decoration:none; margin:4px 1px; }
ul#config li span input, ul#choose_config li span input { display:block; width: 130px; position:relative; margin: 0 -1px; padding: 4px 25px;
    border-width:0 1px; border-color:#90AFDC; border-style:solid; background-color: #E0ECEF; cursor: pointer; }
ul#config li span input:hover, ul#choose_config li span input:hover { background-color: #D1DCDF; }
ul#config li.action span input, ul#choose_config  { background-color: ##D8EFD1; }
*/

ul#config li input, ul#choose_config li input { display:block; color:#333; width: 130px; position:relative; margin: 0 ; padding: 4px 25px; border: solid 1px #90AFDC; background-color: #E0ECEF; background-color: #27287F; color: #fff; font-weight: bold; cursor: pointer; }
ul#config li input:hover, ul#choose_config li input:hover { background-color: #D1DCDF; color: #003; }
/*ul#config li.action input, ul#choose_config  { background-color: #D8EFD1; }*/

div#table.no_display, a#show_all { display: none; }

/*******************
* Browse by types
*/
div.cat { width: 100%; display: block; overflow: hidden; }
div.cat_head { width: 100%; display: block; float: left; clear: both; }
div.cat_head h2 { border-top: 1px solid #7687C1; padding-top: 10px; }
div.cat_thumbs { width: 100%; display: block; clear: both; overflow: hidden; }
div.cat_thumb { display: block; width: 175px; float: left; margin: 0 1px 3px 6px; overflow: hidden; }
div.cat_thumb p { margin: 2px 10px; font-size: 0.85em; }
div.cat_thumb a { text-decoration: none; border: none; margin: 5px auto; padding: 0; background-color: #fff; }
div.cat_thumb img { display: block; margin: 0; }
div.type_head { width: 440px; display: block; float: left; clear: left; margin: 10px; }
div.type_head h2, div.type_head p { margin-left: 0; }
div.type_head a { color: #003; background-color: #fff; line-height: 1.7em; }
div.type_head a:hover { color: #009; background-color: #fff; }
div.type_thumb { display: block; width: 175px;/* height: 175px;*/ float: right; clear: right; margin: 10px; margin-right: 0; }
div.type_thumb a { border: none; text-decoration: none; }
div.type_thumb a:hover { background-color: #fff; border: none; text-decoration: none; }
ul.list_subtypes { width: auto; display: none; float: left; clear: left; margin: 0 10px; }
ul.list_subtypes li { margin: 7px 0; font-size: 0.8em; }

/*******************
* exception
*/
div#column_search div.cat_thumb { height: 255px; }

/*******************
* search result pages
*/
input.button { width: auto; background-color: #27287F; color: #fff; cursor: pointer; /*border: 2px solid #56638c;*/ border: none; padding: 2px 7px;font-family: Tahoma, Geneva, Arial, Verdana, sans-serif; font-weight: bold; }
#srp_nav { display: block; float: left; clear: both; width: 100%; margin: 20px; }
#srp_nav ul { text-align: center; }
#srp_nav ul li { display: inline; }
#srp_nav ul li a { margin: 2px 5px; text-decoration: none; border-bottom: 1px solid #003; }

#advanced_search { background-color: #90AFDC; display: inline-block; width: auto; margin: 0 20px 20px -20px; overflow: hidden; }
	#advanced_search ul { list-style: none; width: 100%; float: left; clear: both; margin-bottom: 10px; }
	#advanced_search ul li { display: inline; width: 23%; float: left; overflow: hidden; line-height: 1.3em; }
	#advanced_search ul ul { margin-bottom: 0; font-family: Tahoma, Arial, Verdana, sans-serif; }
	#advanced_search ul li ul li { float: left; overflow: visible; min-height: 15px; text-align: left; vertical-align: top; }
	#advanced_search li.advanced_input { width: 40px; }
	#advanced_search li.advanced_label { width: auto; }
	#advanced_search ul li ul li input { margin-right: 5px; }
	#advanced_search h3 { margin: 10px 20px; font-size: 1.1em; }
	#advanced_search p { width: auto; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 0.9em; margin: 5px 0 5px 20px; overflow: hidden; }
    #advanced_search p.description { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 0.9em; margin: 10px 30px; line-height: 1.4em; }
    table.advanced { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 0.9em; }
    table.advanced td { border: none; padding: 0; }
    table.advanced td input {
        margin: 5px 5px 0 10px;
        width: 13px;
        height: 13px;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        *overflow: hidden;
    }
	p#toggle_adv { width: auto; margin: 0 20px 0 -10px; padding: 10px 0; background-color: #efefff; }
	p#toggle_adv a { margin-left: 35px; }
	p#toggle_adv a:active { outline: none; }

#search_results { width: auto; margin: 10px; }
#contact { display: block; width: 100%; }
	#contact legend { text-indent: -1000em; }
	#contact input#submit { font-weight: bold; padding: 2px 7px; color: #fff; background-color: #27287F; border: none; cursor: pointer; }



#missing_thumb { width: 175px; height: 175px; background-color: #e6e6e6; }
#missing_thumb img { display: block; margin: auto; }