/* global formatting */

body {
	background				: url('/crewlist/images/deck.jpg') #adadad top right repeat-x;
	font-family				: sans-serif;
	font-weight				: 500;
	color					: black;
	font-size				: 12px;
	width					: 100%;
}

div#bodybackground {
	background				: url('/crewlist/images/background.png') top left no-repeat;
	padding-left			: 170px;
	padding-right			: 170px;
	top						: 0px;
	left					: 0px;
	right					: 0px;
	bottom					: 0px;
	position				: absolute;
	padding-top				: 55px;
}

* html div#bodybackground {
	background				: url('/crewlist/images/background.jpg') top left no-repeat;
}

div#sitenavtop {
	background-color		: #cfcfcf;
	border					: dotted 1px black;
	position				: relative;
	top						: 5px;
	margin					: auto;
	padding					: 5px;
	text-align				: center;
}

div#siteheading {
	position				: relative;
	margin					: auto;
	margin-left				: 400px;
	margin-right			: -150px;
	top						: -35px;
	text-align				: center;
}

h1 {
	font-family				: sans-serif;
	font-weight				: 900;
	font-size				: 20px;
	font-style				: normal;
	text-decoration			: none;
	text-align				: center;
	margin-top				: 1em;
}

h2 {
	font-family				: sans-serif;
	font-weight				: 800;
	font-size				: 14px;
	font-style				: normal;
	text-decoration			: none;
	text-align				: center;
}

h3 {
	font-family				: sans-serif;
	font-weight				: 700;
	font-size				: 13px;
	font-style				: italic;
	text-decoration			: none;
	text-align				: center;
}

h4 {
	font-family				: sans-serif;
	font-weight				: 600;
	font-size				: 13px;
	font-style				: italic;
	text-decoration			: none;
	text-align				: center;
}

h5 {
	font-family				: sans-serif;
	font-weight				: 600;
	font-size				: 12px;
	font-style				: normal;
	text-decoration			: none;
	text-align				: center;
}

h1.siteheading {
	font-family				: sans-serif;
	font-weight				: 900;
	font-size				: 2.5em;
	font-style				: italic;
	margin-top				: 1ex;
}

h3.sitesubheading {
	font-family				: sans-serif;
	font-weight				: 900;
	font-size				: 1em;
	margin-top				: -1em;
}

div.leftbar {
	width					: 14em;
	float					: left;
	position				: relative;
	left					: 0px;
	top						: 1em;
	border					: 1px dotted black;
	margin-right			: 1ex;
	margin-bottom			: 1ex;
	background-color		: #cfcfcf;
	height					: 42em;
	padding					: 2px;
	z-index					: 2;
}

div.centerbar {
	position				: relative;
	left					: 0px;
	top						: 1em;
	padding-left			: 160px;
	padding-right			: 160px;
	padding-bottom			: 1em;
}

div.rightbar {
	width					: 14em;
	border					: 1px dotted black;
	float					: right;
	position				: relative;
	right					: 0px;
	top						: 1em;
	margin-left				: 1ex;
	margin-bottom			: 1ex;
	background-color		: #cfcfcf;
	height					: 42em;
	padding					: 2px;
	z-index					: 2;
}

p, p.block {
	text-align				: justify;
}

p.center {
	text-align				: center;
	width					: 99%;
	margin-bottom			: 1ex;
}

p.info {
	width					: 28em;
}

img {
	border					: 0px;
}

a {
	font-family				: sans-serif;
	color					: #7373c6;
	font-weight				: 500;
	text-decoration			: none;
	border-bottom			: #7373c6 dotted 1px;
}

a.close {
	font-weight				: 600;
	text-decoration			: none;
}

.button {
	color					: black;
	background-color		: #adadad;
	font-size				: 11px;
	border					: solid black 1px;
	text-decoration			: none;
	padding					: 2px;
	white-space				: nowrap;
	margin					: 1px;
	margin-right			: 1ex;
}

td .button {
	float					: left;
	clear					: none;
}

a.verybright {
	color					: white;
	font-weight				: 700;
	border-bottom			: white dotted 1px;
}

a.help {
	color					: white;
	font-weight				: 700;
	border-bottom			: white dotted 1px;
	cursor					: help;
}

sub, sup {
	font-size				: 9px;
}

.footer {
	width					: 99%;
	background-color		: #cfcfcf;
	padding					: 1ex;
	text-align				: center;
	margin-left				: auto;
}

.copyright {
	text-align				: center;
	padding-bottom			: 1ex;
}

.warn {
	color					: #b00000;
}

p.warn {
	background				: #cfcfcf url("/crewlist/images/warn.png") right top no-repeat;
	padding					: 2px 18px 2px 2px;
}

p.infoblock {
	background				: #cfcfcf url("/crewlist/images/info.png") right top no-repeat;
	padding					: 2px 18px 2px 2px;
}

/* Tab Formating */

div.tabs {
/*	border 					: black dashed 1px;*/
	background-color		: #adadad;
	width					: 100%;
	margin					: auto;
}

div.tabHeader {
	float					: left;
	width					: 100%;
	margin					: 0;
	position				: relative;
	background				: #adadad url("/crewlist/css/1pxblack.png") repeat-x bottom;
	line-height				: normal;
}

ul.tabheaderlist {
	position				: relative;
	float					: left;
	clear					: both;
	list-style-type			: none;
	margin					: 0px;
}

div.tabcontents {
	float					: left;
	clear					: both;
	width					: 100%;
}

div.hiddenTab {
	display					: none;
}

div.selectedTab {
	display					: block;
}

li.tabHeader {
	float					: left;
/*	background				: url("/crewlist/css/crewlist_tab_norm_right.png") no-repeat right top;*/
	background				: #8b8b8b;
	border-top				: dotted black 1px;
	border-left				: dotted black 1px;
	border-right			: dotted black 1px;
	border-bottom			: solid black 1px;
	margin-left				: 1ex;
	margin-right			: 1ex;
}

li.tabHeader a {
	display					: block;
/*	background				: url("/crewlist/css/crewlist_tab_norm_left.png") no-repeat left top;*/
	padding					: 10px 15px 5px 15px;
	font-weight				: 700;
	color					: #bbbbff;
	border-bottom			: 1px solid #8b8b8b;	
}

li.selectedTabHeader {
	float					: left;
	font-weight				: 600;
/*	background				: url("/crewlist/css/crewlist_tab_high_right.png") no-repeat right top;*/
	background				: #cfcfcf;
	border-top				: dotted black 1px;
	border-left				: dotted black 1px;
	border-right			: dotted black 1px;
	border-bottom			: solid #cfcfcf 1px;
	margin-left				: 1ex;
	margin-right			: 1ex;
}

li.selectedTabHeader a {
	display					: block;
/*	background				: url("/crewlist/css/crewlist_tab_high_left.png") no-repeat left top;*/
	padding					: 10px 15px 5px 15px;
	font-weight				: 700;
	border-bottom			: #cfcfcf solid 1px;
}

div.tabcontents {
	float					: none;
	border					: none;
	position				: relative;
	overflow				: auto;
	background-color		: #cfcfcf;
	padding-top				: 1ex;
}

/* Form formatting */

div.formframe {
	width					: 60em;
	margin					: auto;
	padding					: 2px;
	background-color		: #cfcfcf;
	color					: black;
	border					: 1px dotted black;
	height					: auto;
}

div.left {
	width					: 29em;
	margin					: 0px;
	margin-right			: 1em;
	padding					: 0px;
	float					: left;
	clear					: left;
	text-align				: right;
}

div.formwarnrow div.left {
	font-weight				: 700;
	color					: #cfcfcf;
} 

div.formwarnrow p {
	font-weight				: 700;
	color					: #cfcfcf;
} 

div.right {
	width					: 30em;
	margin					: 0px;
	float					: right;
	clear					: right;
	text-align				: left;
}

div.relleft {
	width					: 49%;
	margin					: 0px;
	padding					: 0px;
	float					: left;
	clear					: left;
	text-align				: left;
}

div.relright {
	width					: 49%;
	margin					: 0px;
	float					: right;
	clear					: right;
}

div.formrow {
	width					: 100%;
	margin					: 0px;
	padding					: 0px;
	float					: none;
	clear					: both;
	height					: auto;
	min-height				: 2em;
}

div.smallrow {
	width					: 100%;
	padding					: 0px;
	float					: none;
	clear					: both;
	height					: auto;
	min-height				: 2em;
}

div.formhighlightrow {
	width					: 100%;
	margin					: 0px;
	padding					: 0px;
	float					: none;
	clear					: both;
	height					: auto;
	min-height				: 2em;
	background-color		: #adadad;
}

div.formwarnrow {
	width					: 100%;
	margin					: 0px;
	padding					: 0px;
	float					: none;
	clear					: both;
	height					: auto;
	min-height				: 2em;
	background-color		: #b00000;
}

.inputfield {
	font-family				: sans-serif;
	font-size				: 12px;
	color					: black;
	background-color		: #b7b7b7;
	border					: dashed 1px black;
	margin					: 1px;
	width					: 28em;
	display					: block;
}

.smallinputfield {
	font-family				: sans-serif;
	font-size				: 12px;
	color					: black;
	background-color		: #b7b7b7;
	border					: dashed 1px black;
	margin					: 1px;
	width					: 4em;
	display					: block;
	float					: left;
	text-align				: right;
}

.smallrow .inputfield {
	font-family				: sans-serif;
	font-size				: 12px;
	color					: black;
	background-color		: #b7b7b7;
	border					: dashed 1px black;
	margin					: 1px;
	width					: 13em;
	display					: block;
}


select.field {
	font-family				: sans-serif;
	font-size				: 12px;
	color					: black;
	background-color		: #b7b7b7;
	border					: solid 1px black;
	margin					: 1px;
}

textarea.field {
	width					: 28em;
	height					: 8em;
	font-family				: sans-serif;
	font-size				: 12px;
	color					: black;
	background-color		: #b7b7b7;
	border					: dashed 1px black;
	margin					: 1px;
}

input.fieldchr {
	font-family				: sans-serif;
	font-size				: 12px;
	font-weight				: 500;
	color					: #dd0000;
	background-color		: #cfcfcf;
	width					: 2em;
	border					: solid 1px black;
	text-align				: center;
	vertical-align			: middle;
}

/* Loaded commands window */

#foundcommands {
	margin-top				: 0px;
	list-style-type			: none;
	padding					: 0px;
	background-color		: #8b8b8b;
	position				: absolute;
	border					: black dashed 1px;
	z-index					: 3;
	clear					: both;
	float					: left;
	margin-left				: 0em;
	width					: 20em;
}

#foundcommands a:hover {
	background-color		: #7374c6;
	color					: white;
}

li.deselected {
	margin					: 0px;
	background-color		: #adadad;
}

li.deselected a {
	color					: white;
	text-decoration			: none;
}

li.selected {
	margin					: 0px;
	background-color		: #7373c6;
}

li.selected a {
	color					: white;
	text-decoration			: none;
}

/* Tables */

.headrow {
	background-color		: #adadad;
}

td {
	font-family				: sans-serif;
	vertical-align			: top;
	font-size				: 12px;
	border					: 1px dotted #8b8b8b;
	font-weight				: 500;
	overflow				: hidden;
}

th {
	font-family				: sans-serif;
	vertical-align			: top;
	font-size				: 13px;
	border					: 1px dotted #8b8b8b;
	font-weight				: 600;
	padding					: 1px;
}
 
th.narrow {
	font-family				: sans-serif;
	color					: black;
	background-color		: transparent;
	width					: 10%;
}

th.normal {
	font-family				: sans-serif;
	color					: black;
	background-color		: transparent;
	width					: 20%;
}

th.wide {
	font-family				: Arial,sans-serif;
	color					: black;
	background-color		: transparent;
	width					: 40%;
}

td.narrow {
	width					: 10%;
}

td.normal {
	width					: 20%;
}

td.wide {
	width					: 40%;
}

table {
	empty-cells				: show;
	margin					: auto;
	border					: 0px;
	padding					: 2px;
	border-spacing			: 0px;
	background-color		: #cfcfcf;
	color					: black;
	border-collapse			: collapse;
	margin-bottom			: 1ex;
}

table.full {
	border					: 1px solid black;
	width					: 98%;
	text-align				: center;
	table-layout			: fixed;
	background				: url("/crewlist/images/pic.php?bg=207") #cfcfcf no-repeat right bottom;
}

.tablerow {

}

.tablerowblue {
	background-color		: #87CEFF;
}

.tablerowgold {
	background-color		: #FFE373;
}

.tablerowwarn {
	color					: #B00000;
	background-color		: #8b8b8b;
}

.tablerowwarn a {
	color					: #bbbbff;
	background-color		: #8b8b8b;
	border-bottom			: 1px dotted #bbbbff;
	text-decoration			: none;
}


tr.tablerowhighlight {
	background-color		: #00cc00;
	color					: white;
	font-weight				: 600; 
}

.tablerowhighlight a {
	color					: white;
	border-bottom			: 1px dotted white;
	font-weight				: 600; 
}

.tablerowhighlight .button {
	color					: black;
	background-color		: #adadad;
	border					: solid black 1px;
	text-decoration			: none;
	padding					: 2px;
	white-space				: nowrap;
	margin					: 1px;
	font-weight				: 500;
}

.tablerowwarn .button {
	color					: black;
	background-color		: #adadad;
	border					: solid black 1px;
	text-decoration			: none;
	padding					: 2px;
	white-space				: nowrap;
	margin					: 1px;
	font-weight				: 500;
}

td.leftcol {
	font-family				: sans-serif;
	vertical-align			: top;
	font-size				: 12px;
	border					: 1px dotted #8b8b8b;
	font-weight				: 500;
	overflow				: hidden;
	text-align				: left;
}

td.centercol {
	font-family				: sans-serif;
	vertical-align			: top;
	font-size				: 12px;
	border					: 1px dotted #8b8b8b;
	font-weight				: 500;
	overflow				: hidden;
	text-align				: center;
}

td.rightcol {
	font-family				: sans-serif;
	vertical-align			: top;
	font-size				: 12px;
	border					: 1px dotted #8b8b8b;
	font-weight				: 500;
	overflow				: hidden;
	text-align				: right;
}

.headrow td {
	font-family				: sans-serif;
	vertical-align			: top;
	font-size				: 13px;
	border					: 1px dotted #8b8b8b;
	font-weight				: 600;
	padding					: 1px;
}

td a {
	color					: #5353a6;
	font-weight				: 600;
}

.headrow a {
	color					: #5353a6;
	font-weight				: 600;
}

/* message handling */
div.messagedisplay {
	position				: absolute;
	top						: 15%;
	left					: 7%;
	width					: 86%;
	margin					: auto;
	background-color		: #adadad;
	height					: 70%;
	overflow				: auto;
	border					: solid black 1px;
}

div.smallleft {
	float					: left;
	width					: 15em;
	text-align				: right;
	margin-right			: 1em;
}

div.wideright {
	float					: left;
	width					: 44em;
}

#display {
	position				: fixed;
	width					: 100%;
	height					: 100%;
	top						: 0px;
	left					: 0px;
	z-Index					: 5;
	background				: url("/crewlist/css/crewlist_1pxgray.png");
	overflow				: auto;
}

* html #display { 
	position	 			: absolute;
}

#imageDisplay {
	position				: fixed;
	width					: 100%;
	height					: 100%;
	top						: 0px;
	left					: 0px;
	z-Index					: 5;
	background				: url("/crewlist/css/crewlist_1pxwhite.png");
}

* html #imagedisplay { 
	position	 			: absolute;
}

#toplayer {
	position				: fixed;
	top						: 15%;
	left					: 7%;
	width					: 86%;
	margin					: auto;
	background-color		: #adadad;
	height					: 70%;
	overflow				: auto;
	z-Index					: 2;
	border					: solid black 1px;
	padding					: 5px;
}

ul.listing {
	padding-left			: 5em;
	display					: block;
	position				: relative;
	text-align				: justify;
	margin-left				: 0em;
}

ul.smalllisting {
	padding-left			: 0em;
	display					: block;
	position				: relative;
	text-align				: justify;
	list-style-type			: none;
	margin-left				: 0em;	
}

#foundcommandsclose {
	background-color		: #7373c6;
	position				: absolute;
	right					: 0px;
	top						: 0px;
	padding-left			: 2px;
}

.formwarnrow a.button {
	font-size				: 10px;
	position				: relative;
	top						: 3px;
}

.formhighlightrow a.button {
	font-size				: 10px;
	position				: relative;
	top						: 3px;
}