/*
 * stretch vertically until the full browser height is used
 */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	}
	body {
		background: #000 url(hex_bg.jpg) repeat-x fixed;
		color: #ccc;
		font-family: "Lucida Grande", Arial, Verdana, sans-serif;
		}

	/* Force the vertical scrollbar to always be visible */
	html { overflow-y: scroll; }

	/* Set the font dimesions up */
	html { font-size: 100%; /* IE hack */ }
	body { font-size: 62.5%; }

/*
 * CSS Browser Selector - special tags
 */
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }


/*
 * Global content formatting
 */
a:link, a:visited	{ color: #ccc; }
a:hover, a:active	{ color: #fb0; text-decoration: none; }

h1 {
	font-size: 1.5em;
	color: #e50;
	margin: 2em 0 0 0;
	padding: 0;
}
h2 {
	font-size: 1.25em;
	color: #fb0;
	margin: 2em 0 0 0;
}

.zero-line-height { line-height: 0 !important; }

div#blockBody {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding: 0 10px;
	width:780px;
	background: black;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	font-size: 1.2em;
	line-height: 1.5em;
	}


/*
 * Page header and Navigation bar
 */
div#blockHeader {
	background: url(header_bg.png) repeat-x;
	height: 160px;
	width: 780px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 3;
	}
	.ie6 div#blockHeader {
		background: black;
		position: relative;
		height: 160px;
		margin: 0;
		padding: 0;
		}

	div#blockHeader a				{ color: #a50; font-size: 1.2em; text-decoration: none; text-transform: lowercase; }
	div#blockHeader a:hover			{ color: white; background-position: 0 -28px; }
	div#blockHeader a:active		{ color: black; background-position: 0 -28px; }
	div#blockHeader li.current a	{ color: yellow; background-position: 0 -56px; }

	div#imageHeader {
		background: black url(vexigon_logo.png) no-repeat;
		height: 106px;
		width: 780px;
		margin: 10px 0 0;
		padding: 0;
		overflow: hidden;
		text-indent: -9999px;
		}

		/* Primary navigation (News, About, Careers, and Private) */
		ul#navigationPrimary,
		ul#navigationSecondary {
			list-style: none;
			float: right;
			margin: 0;
			padding: 0;
			}
		/* Secondary navigation (Logout and Admin) */
		ul#navigationSecondary { float: left; }

		ul#navigationPrimary li,
		ul#navigationSecondary li {
			padding: 0 20px;
			margin: 0;
			float: left;
			}


/*
 * Page main content
 */
div#blockContent {
	padding:160px 0 0; /* bottom padding for footer */
	background: #060200;
	z-index: 0;
	}
	.ie6 div#blockContent {
		padding: 0;
		}

	div#blockContentText {
		padding: 1em 120px 8em;
		position:relative;
		z-index: 2;
		}

		/*
		 * Profiles on Careers page
		 */
		#blockContent .indent {
			margin-left: 3em;
			margin-bottom: 4em;
			}
		#blockContent .profile {
			margin-right: 3em;
			margin-bottom: 2em;
			}
		#blockContent .profile .portrait {
			float: left;
			margin: 0.25em 0;
			}
		#blockContent .profile .name,
		#blockContent .profile .title,
		#blockContent .profile .description {
			margin-left: 100px;
			}
		#blockContent .profile .name {
			color: #fff;
			font-weight: bold;
			margin-bottom: 0px;
			}
		#blockContent .profile .title {
			color: #fff;
			font-style: italic;
			margin-bottom: 5px;
			}


div#blockContentBackground {
	background: #060200 url(bg_bridge_dark.jpg) bottom no-repeat;
	position:absolute;
	bottom:30px;
	margin: 0;
	padding: 0;
	height: 960px;
	width: 780px;
	z-index: 1;
	}


/*
 * Page footer
 */
div#blockFooter {
	position:absolute;
	bottom:0; /* stick to bottom */
	width:780px;
	}

	#legalText {
		text-align: center;
		margin: 10px;
		font-size: 0.85em;
		color: #930;
		letter-spacing: 0.5em;
		}


/*
 * The semi-transparent panel used to contain the page forms and other elements
 */
#panel {
	margin: 2em 0;
	width : 100%;
	}
	#panel .panelTable {
		margin: 2em 0;
		}
	#panel .panelUpper {
		background: transparent url(panel_bg.png) top left no-repeat;
		height: 20px;
		width: 540px;
		}
	#panel .panelMiddle {
		background: transparent url(panel_bg.png) right repeat-y;
		padding: 0 30px;
		margin: 0;
		width: 540px;
		}
	#panel .panelLower {
		background: transparent url(panel_bg.png) bottom left no-repeat;
		height: 20px;
		width: 540px;
		}

	.ie6 #panel .panelUpper { background-image: url(panel_bg_solid.png); }
	.ie6 #panel .panelMiddle { background-image: url(panel_bg_solid.png); }
	.ie6 #panel .panelLower { background-image: url(panel_bg_solid.png); }

	#panel div.overflow {
		position: relative;
		float: left;
		overflow: none;
		width: 480px;
		}
	.ie6 #panel div.overflow {
		position: static;
		}

	#panel h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 1.2em;
		line-height: 1em;
		color: #960;
		}
	#panel p {
		padding: 0.75em 0;
		margin: 0;
		}
	#panel hr {
		border: 0;
		color: #1f0100;
		background-color: #1f0100;
		height: 2px;
		width: 100%;
		margin: 1.5em 0;
		padding: 0;
		}
	#panel ul {
		margin: 0;
		padding: 0;
		}
	#panel iframe {
		border: none;
		height: 500px;
		width: 100%;
		}









/*
 * Media gallery
 */
#image_gallery {
	width: 100%;
	padding: 0 6px;
	margin: 0;
	overflow: hidden;
	}
	#image_gallery ul {
		display: inline;
		}
	#image_gallery li {
		display: inline;
		list-style: none;
		padding: 2px;
		float: left;
		white-space: nowrap;
		}
	#image_gallery li span {
		float: left;
		}
	#image_gallery a {
		border: solid 2px black;
		display:block;
		padding:0;
		margin:0;
		width: 62px;	/* 102px */
		text-align: right;
		text-decoration: none;
		}
	#image_gallery a:hover {
		border-color: #fb0;
		}
	#image_gallery img {
		border: solid 1px black;
		padding: 0;
		margin: 0;
		width:60px;		/* 100px */
		height:60px;	/* 100px */
		}


#video_gallery { overflow:hidden; }

	#video_gallery tr td hr { margin:8px 0 !important; }

	#video_gallery td { padding:0 0.5em; vertical-align:top; }

	#video_gallery td.video_icon a { border:solid 2px black; display:block; }
	#video_gallery td.video_icon a:hover { border-color:#fb0; }
	#video_gallery td.video_icon a img { border:solid 1px black; margin:0; padding:0; width:100px; height:60px; }

	#video_gallery td.video_link a { width:8em; display:block; text-decoration:none; white-space:nowrap; padding:0 4px; border:solid 1px transparent; text-align:right; }
	#video_gallery td.video_link a { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	.ie6 #video_gallery td.video_link a { border-color: #080000; }
	#video_gallery td.video_link a:hover { color:yellow; background-color:#190300; border-color:#330700; }
	#video_gallery td.video_link a:hover .video_size { color:silver; }

	#video_gallery td.video_link a .video_format { display:block; float:left; }
	#video_gallery td.video_link a .video_size { color:gray; font-size:0.85em; }


/*
 * File downloads
 */
table#downloads {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	#downloads td.desc { }
	#downloads td.link { text-align:right; }
	#downloads td.link a { display:block; text-decoration:none; white-space:nowrap; margin-left:2em; padding:1px 4px 0px; border:solid 1px transparent; }
	#downloads td.link a { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	.ie6 #downloads td.link a { border-color: #080000; }
	#downloads td.link a:hover { color:yellow; background-color:#190300; border-color:#330700; }

	#downloads td.link span.type { float:left; }
	#downloads td.link a div {
		background:transparent url(file-icons.png) top left no-repeat;
		height: 16px;
		width: 16px;
		border: none;
		float: left;
		margin-right: 0.5em;
		}
	#downloads td.link a div.pdf								{ background-position:-16px; }
	#downloads td.link a div.zip, #downloads td.link a div.rar	{ background-position:-32px; }
	#downloads td.link a div.ppt, #downloads td.link a div.pptx	{ background-position:-48px; }
	#downloads td.link a div.doc, #downloads td.link a div.docx	{ background-position:-64px; }
	#downloads td.link a div.xls, #downloads td.link a div.xlsx	{ background-position:-80px; }
	#downloads td.link a div.mmp, #downloads td.link a div.mmap	{ background-position:-96px; }

	#downloads td.link a span.size {
		font-size: 0.85em;
		color: gray;
		text-align: right;
		vertical-align: bottom;
		}
	#downloads td.link a:hover span.size {
		color: silver;
		}





/*
 * Contact information formatting
 */
#contact {
	width: 100%;
	}
	#contact td {
		padding: 0 2em;
		vertical-align: top;
		white-space: nowrap;
		}
	#contact .name {
		color: white;
		margin-left: -1em;
		font-weight: bold;
		}
	#contact .title {
		font-style: italic;
		}
	#contact .email a {
		text-decoration: none;
		}

a#contact_link {
	text-decoration: underline;
	white-space: nowrap;
	}
a#contact_link:hover {
	text-decoration: none;
	}


/*
 * News archive link formatting
 */
#news_archives {
	margin-bottom: 0;
	padding-left: 1em;
	}
	#news_archives ul {
		margin: 0;
		padding: 0;
		}
	#news_archives li {
		padding: 0.05em 0;
		list-style: none;
		}
	#news_archives a {
		border: solid 1px transparent;
		padding: 0.2em 0.5em;
		font-size: 0.85em;
		}
	#news_archives a:link,
	#news_archives a:visited		{ color:#ccc;text-decoration:none; }
	#news_archives a:hover,
	#news_archives a:active			{ color:#fb0; text-decoration:none; background:black; border-color:black; }
	#news_archives li.current a		{ color:#666; }


/*
 * Form Style
 */
form {
	padding: 0;
	margin: 0;
	}

input {
/*
	background: #A84;
*/
	border: solid 1px #000;
	font-size: 1em;
	padding: 2px 4px;
	width: 200px;
	}
input:hover {
/*
	background: #B95;
*/
	border: solid 1px #111;
	}

button {
	background: transparent url(/files/button_large.png) no-repeat;
	border: 0;
	color: #FFF;
	font-weight: bold;
	height: 26px;
	width: 120px;
	}

label, input, button {
	cursor: pointer; cursor: hand;
	white-space: nowrap;
	}

table#form {
	margin: 0;
	padding: 0;
	width: 100%;
	}
	table#form td {
		margin: 0;
		padding: 0.25em 1em;
		}
	table#form td.title {
		color: #960;
		font-style: italic;
		}
	table#form td.label {
		font-weight: bold;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		padding-left: 2em;
		width: 150px;
		}
	table#form td.input {
		text-align: left;
		vertical-align: middle;
		}
	table#form td.button {
		padding-top: 2em;
		white-space: nowrap;
		width: 100%;
		}
	table#form td.new_section {
		padding-top: 2em;
		}
	table#form a#button {
		background: transparent url(/files/button_large.png) no-repeat;
		border: 0;
		color: #FFF;
		font-size: 0.85em;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		display: block;
		float: left;
		line-height: 26px;
		height: 26px;
		width: 120px;
		margin-right: 1.5em;
		}


/*
 * Disclaimer formatting, uses some form styling so it should come afterward
 */
span#disclaimer {
	text-align: justify;
	}
	span#disclaimer p.disclaimer {
		font-style: italic;
		font-weight: bold;
		}
	span#disclaimer a#button  {
		float: right;
		}
	span#disclaimer ul {
		margin:0 2em 0 3em;
		}


/*
 * Success and error message formatting
 */
#loginError,
#adminError {
	color: #f00;
	margin-bottom: 1em;
	}
#adminSuccess {
	color: #0f0;
	margin-bottom: 1em;
	}


/*
 * Page debug information container
 */
#debug {
	background: transparent url(panel_bg.png) right repeat-y;
	position: fixed;
	top: 0;
	margin-left: 798px;
	height: 100%;
	width: 100%;
	padding: 0px 16px;
	z-index: 2;
	overflow: auto;
	}
	.ie6 #debug { background-image: url(panel_bg_solid.png); }

	#debug pre {
		font-family: "Andale Mono";
		font-size: 0.70em;
		line-height: 1em;
		}
	#debug #print_array {
		margin-bottom: 1em;
		}
	#debug #print_array strong {
		border-bottom: solid 1px #990;
		color: yellow;
		font-weight: normal;
		}
	#debug #print_array .key {
		color: gray;
		}
	#debug #print_array .value {
		color: silver;
		background-color: #111;
		border: solid 1px #111;
		}
	#debug #print_array .value * {
		background-color: #000;
		border: solid 1px #000;
		}

	#debug #print_array table {
		margin-top: 1em;
		}
	#debug #print_array table table,
	#debug #print_array table table table {
		margin-top: 0;
		}
	#debug #print_array td.key,
	#debug #print_array td.value {
		vertical-align: top;
		padding: 0 0.25em 0.5em;
		}


/*
 * Log table formatting
 */
#log_table {
	border: solid 1px #310;
	border-bottom: solid 4px #310;
	background: transparent url(panel_bg.png) right repeat-y;
	padding:0;
	margin: 1em 0 0 0;
	font-size: 0.75em;
	line-height:1.5em;
	overflow: none;
	width: 100%;
}
.ie6 #log_table { background-image: url(panel_bg_solid.png); }

#log_table tr,
#log_table td {
	padding: 0 1em;
	margin:0;
	border:0;
	white-space:nowrap;
}
#log_table th { background:#620; }
#log_table td { border-top: solid 1px #310; }

#log_table td.user {
	text-align: left;
	}

#log_table td.id,
#log_table td.ip,
#log_table td.target {
	text-align: center;
}
#log_table td.action {
	text-align: center;
}
#log_table td.ip {
	font-family: monospace;
}
#log_table td.details {
	width: 100%;
}


#log_table {
	}
	
	#log_table th {
		padding: 0;
		margin:0;
		border: 0;
		white-space:nowrap;
	}