body {
	color: black;
	background-color: white;
	background: url(images/background.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	font-family : tahoma,arial,sans-serif;
	margin: 0;
	padding: 0;
}

table {
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

table.ontop {
	width: 780px;
	border-width: 0px;
	margin-top: 30px;
}

table.top {
	background-color: white;
	width: 780px;
	height: 60px;
	border-color: transparent;
	margin-top: 5px;
}

table.main {
	background-color: white;
	width: 780px;
	border-color: #e4e4e4; /* must stay the same as tr.mainbody since otherwise IE does not interpret it correctly */
	border-width: 1px;
	border-style: solid;
	border-spacing: 0;
	border-collapse: collapse;
	margin-top: 6px;
}

table.breadcrumb {
	width: 780px;
	border-width: 0px;
	margin-top: 6px;
}

table.footer {
	width: 780px;
	border-width: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}

table.grid {
	padding: 0;
	margin: 0;
	border-spacing: 0px;
	border-width: 3px;
	border-color: black;
	border-style: solid;
	border-collapse: collapse;
}

table.gridcontainer {
	padding: 0;
	margin-top: 30px;
	margin-left: 50px;
	border-width: 0;
}

table.sudokucontrols {
	padding: 0;
	margin-left: 50px;
	margin-top: 30px;
	border-width: 0;
}

table.results {
	border-width: 1px;
	border-color: silver;
	border-style: solid;
}

td.results {
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	padding: 4px;
}

td.ontop{
	font-size: 11px;
	text-align: right;
}

td.logo{
	text-align: left;
	width: 200px;
}
	
td.top{
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	font-size: 11px;
	width: 80px;
}

td.leftcolumn {
	width: 130px;
	vertical-align: top;
	padding: 3px;
	padding-top: 20px;
}

td.rightcolumn {
	width: 130px;
	vertical-align: top;
	padding: 3px;
	padding-top: 10px;
}

td.rightcolumnw3clogo {
	width: 130px;
	vertical-align: bottom;
	padding-top: 10px;
}

td.middlecolumn {
	vertical-align: top;
	padding: 3px;
	padding-top: 20px;
	padding-bottom: 15px;
}

td.onlycolumn {
	vertical-align: top;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
}

td.breadcrumb{
	text-align: right;
	font-size: 11px;
}

td.footer{
	font-size: 11px;
	color: gray;
}

td.grid {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
}

td.grif {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-right-width: 0px;
}

td.gridt {
	border-style: solid;
	border-top-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
}

td.grift {
	border-style: solid;
	border-top-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-right-width: 0px;
}

td.sudokucontrols {
	width: 110px;
	padding-bottom: 5px;
}

td.input {
	padding-right: 0;
	padding-top: 4px;
}

td.airright {
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	width: 120px;
}

td.airradio_input {
	padding-top: 5px;
}

td.aircountry {
	color: black;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 6px;
}

td.airname {
	padding-right: 6px;
	padding-top: 6px;
	color: #0469b3; /* bluish */
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	width: 16em;
}

td.airnamenarrow {
	padding-right: 6px;
	padding-top: 6px;
	color: #0469b3; /* bluish */
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	width: 12em;
}

td.icao {
	padding-right: 6px;
	padding-top: 6px;
	color: black;
	font-size: 11px;
	vertical-align: top;
}

td.airportlist{
	border-width: 1px;
	border-color: black;
	border-style: solid;
	padding: 2px;
	font-size: 10px;
}

td.airaddbutton {
	padding-right: 6px;
	padding-top: 8px;
	vertical-align: top;
}

td.aircombutton {
	padding-right: 6px;
	padding-top: 2px;
	vertical-align: middle;
}

td.airlocation {
	padding-top: 6px;
	font-size: 11px;
	vertical-align: top;
}

td.aircamera {
	padding-right: 4px;
	padding-left: 12px;
	font-size: 11px;
}

td.cameralocation {
	font-size: 11px;
}	

td.numbercameras {
	font-size: 11px;
	font-style: italic;
}

td.votesetc {
	font-size: 11px;
}

td.countrylistodd {
	background-color: #ececec;
}

td.countrylisteven {
}

td.sortsymbol{
	padding-top: 4px;
	padding-bottom: 4px;
}

td.wrong {
	color: red;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 4px;
	padding-top: 6px;
}

h1 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #0469b3; /* bluish */
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0469b3; /* bluish */
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0469b3; /* bluish */
}

h4 {
	font-size: 12px;
	margin-bottom: 10px;
	color: #0469b3; /* bluish */
}
	
img.rhphoto{
	right: 0;
	float: right;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 0px;
	margin-left: 10px;
	border-width: 0px;
}

img.lhphoto {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-left: 0px;
	border-style: none;
	float: left;
}

img.logo{
	margin-left: 9px;
	margin-top: 4px;
	border-style: none;
}

img.w3logo{
	margin-bottom: 4px;
	border-style: none;
	float: right;
}

img.star{
	vertical-align: text-top;
	margin-top: 2px;
}

img.sortsymbol{
	vertical-align: middle;
	margin-right: 6px;
	margin-bottom: 2px;
}

p{
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 1.4;
}

p.small{
	font-size: 10px;
}

p.airportlist{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 4px;
	line-height: 1;
}

select.countryselect{
	margin-top: 10px;
	width: 120px;
	margin-left: 4px;
}

label.form{
	position: absolute;
	margin-top: 2px;
	text-align: right;
	width: 200px;
}

input.form{
	border-style: solid;
	border-color: black;
	border-width: 1px;
	margin-left: 210px;
	margin-bottom: 4px;
}

input.button{
	float: right;
	text-align: center;
	font-size: 12px;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	color: white;
	background-color: #0469b3; /* bluish */
	border-color: white;
	font-weight: normal;
	width: auto;
	padding: 0 0.35em 0 0.35em;
	overflow: visible; /* fixes IE6 problem with different margin applied to buttons */
}

input.submit_button{
	text-align: center;
	font-size: 12px;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	color: white;
	background-color:  #0469b3; /* bluish */
	border-color: white;
	font-weight: normal;
	width: auto;
	padding: 0 0.35em 0 0.35em;
	overflow: visible; /* fixes IE6 problem with different margin applied to buttons */
}

input.grid {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	border-width: 0;
	width: 32px;
	height: 30px;
}

input.action_button {
	text-align: center;
	color: white;
	background-color: #0469b3; /* bluish */
	font-weight : normal;
	width : 100px;
	padding : 0 0.35em 0 0.35em;
	overflow : visible; /* fixes IE6 problem with different margin applied to buttons */
}

input.readonly {
	background-color: #d7d7d7; /* light grey */
}

ul.bulletlist { /* note that IE uses left-margin for indent while Mozilla uses padding */
	list-style-image: url(images/funkierbulletred.gif);
	margin-left: 1.5em;
	padding-left: 0;
}

li {
	padding-bottom: 10px;
	line-height: 1.4;
}

li.bulletlist {
}

li.pdf {
	list-style-image: url(images/pdf.gif);
	padding-left: 3px; /* bullet to text distance */
	margin-left: -20px;
}

textarea.sudoku {
	font-size: 16px;
	font-family: monospace;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	overflow: hidden;	
}

textarea.sudokuprogress {
	font-size: 10px;
	font-family: monospace;
	font-weight: bold;
	width: 670px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

form { /* note that IE by default has a margin on top */
	margin: 0;
	padding: 0;
}

/* --- RSS feed styles --- */

p.rss-title {
	color: black;
	font-weight: bold;  
	margin-left: 3px;
	padding-left: 3px;
	margin-right: 3px;
	padding-right: 3px;
	margin-top: 3px;
	padding-top: 3px;
	border-width: 0;
}

ul.rss-list {
	list-style-type: none;  
	margin-left: 0px;
	padding-left: 0px;
}

li.rss-element {
	margin-left: 3px;
	padding-left: 3px;
	margin-right: 3px;
	padding-right: 3px;
	margin-bottom: 3px;
	font-size: 11px;
}

td.rss-list {
	border-style: solid;
	border-color: silver;
	border-width: 1px;
	background-color : #F8F8F8;
}

/* ------ */

a:link {
	color: gray;
}

a:link.breadcrumb,
a:link.footer,
a:link.ontop,
a:link.top,
a:link.sort {
	color: gray;
	text-decoration: none;
}

a:link.airport {
	color: #0469b3; /* bluish */
	text-decoration: none;
}

a:link.aircamera {
	color: teal;
	text-decoration: none;
}

a:visited {
	color: #acacac; /* silverish */
}

a:visited.breadcrumb,
a:visited.footer,
a:visited.ontop,
a:visited.top,
a:visited.sort {
	color: gray;
	text-decoration: none;
}

a:visited.airport{
	color: #0469b3; /* bluish */
	text-decoration: none;
}

a:visited.aircamera{
	color: teal;
	text-decoration: none;
}

a:focus {
}

a:hover {
	color: #acacac; /* silverish */
}

a:hover.breadcrumb,
a:hover.footer,
a:hover.ontop,
a:hover.top,
a:hover.sort {
	color: #acacac; /* silverish */
}

a:hover.airport {
	color: #6ec6f1; /* light bluish */
}

a:hover.aircamera {
	color: #8cccca; /* light tealish */
}

a:active {
}

a img {
	border: none;
}