html.pc {
	background: url('/files_octo/diveflag_bg_land.png');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;

}

body.pc {
	font-size: 16px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: black;
}

@media screen and (orientation: portrait) { /* } */
	html.phone {
		background: url('/files_octo/diveflag_bg.jpg');
		background-size: 1500px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		overflow-y: hide;

	}
	
	body.phone {
		overflow-y: scroll;

	}

}

@media screen and (orientation: landscape) { /* } */

	html.phone {
		background: url('/files_octo/diveflag_bg_land.png');
		background-size: 1500px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		overflow-y: hide;

	}
	
	body.phone {
		overflow-y: scroll;
	}

}


table.main_table { padding: 4px; border-style: none;  width: 100%; }

th {color: blue; font-size: 20px; text-align: center; }
td { text-align: center; }
td a {color: #222299; text-decoration: none; }
td a:hover { text-decoration: underline; }
td a:visited {color: #000099; }
td.logo { text-align: left; }
td.body { text-align: left; }

td.navbar a {color: #000099; text-decoration: none; }
td.navbar a:hover {text-decoration: underline; }

td.heading { text-align: center; color: blue; font-size: 24px; font-weight: bold; }
td.heading a { text-decoration: none}
td.heading a:hover {text-decoration: underline}

td.login { text-align: right; white-space: nowrap; color: blue; }
td.login a { text-decoration: none}
td.login a:hover {text-decoration: underline}

td.list_field { text-align: left; }
td.list_field table { text-align: left; }
td.list_field td { text-align: left; }

.admin td { text-align: left; }
.admin th { text-align: left; }

h1 { font-size: 24px; }

ul.navbar { margin: 5px; padding: 0px; color: #000099; text-align: left; list-style-type: none; }
ul.navbar ul { margin: 0 0 0 -12px; background: url('vline.png') repeat-y; list-style-type: none; text-align: left; padding: 0 0 0 20px; }
ul.navbar li { margin: 0; padding: 4px 0 0 12px; line-height: 12px; background: url('node.png') no-repeat; background-size: 8px 16px; }
ul.navbar li.last { background: url('lastnode.png') no-repeat; }
ul.navbar li:last-child { background: url('lastnode.png') no-repeat; }
ul.navbar li.last > ul { background: none; }
ul.navbar li:last-child > ul { background: none; }


input { 
/*	background-color: white; */
	blackground: white;
	color: black;
	font-size: 16px;
	border-color: black;
	border: 1px solid black;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

}

input.errors {
	background: red;
	color: white;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

}

input[type=date] { background: white; width: 130px; }
input[type=date].errors { -webkit-background: red; background: red; color: white; width: 130px; }
input[type=number] { width: 60px; text-align: right; }
input[type=text] { width: 130px; }
input[type=text].errors { background-color: red; color: white; width: 130px; }
input[type=password] { width: 130px; }
input[type=submit] { background: white; color: black; } 
input[type=reset] { background: white; color: black; } 
input[type=month] { background: white; width: 130px; }

select { background: white; border: 1px solid black; border-color: black; width: 130px; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
select.yesno { background: white; border: 1px solid black; border-color: black; width: 60px; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
select.errors { width: inherit; background-color: red; color: #ffffff; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
option { border-color: inherit; border: inherit; width: inherit; background: inherit; background-color: inherit; -webkit-appearance: inherit;}
textarea.errors { background: red; color: white }

.num_input { text-align: right; }
.num_input input[type=text] { background: white; width: 60px; text-align: right;}
.num_input input[type=text].errors { background: red; color: white; width: 60px; text-align: right;}

.big {font-size: 24px; font-weight: bold}
.small {font-size: 10px}

.errors {color: red; font-weight: bold}
.messages {color: blue; font-weight: bold}

td.alert { background: red; color: white; }