@charset "utf-8";
/* CSS Main */

* {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 1.2;
}
html {
	overflow-y: scroll !important;
}
abbr {color: inherit}

img.bullet {vertical-align: -2px; margin-right: 6px;}
img.active-button {cursor: pointer;}


select {min-width: 150px;}
div.date select, div.datetime select, select.addOptions {margin-right: 9px; min-width: 1px; vertical-align: top;}
.news_body {border-bottom: 1px dotted #999; padding-bottom: 10px;}
.project-div {border-bottom: 1px dotted #999; padding-bottom: 10px;}
span.registered {font-size: 14px; font-weight: normal; color: #ccc;}
.pad-top {margin-top: 2em;}
.hide {display:none;}
.level0 {margin-left: 0; font-size: 24px;}
.level1 {margin-left: 15px; font-size: 20px;}
.level2 {margin-left: 30px; font-size: 16px;}
.cake-debug {background-color: orange; color: black;}
div.wysiwyg {margin-left: 10px; margin-bottom: 10px;}
/*#complete, #area {display: none;}*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../img/ajax.gif') right center no-repeat;
}

.ac_odd {
	background-color: #666;
}
.ac_even {
	background-color: #666;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

body {
	background-color: #213369;
}

a {
	text-decoration: none;
	color: #f6c058;
}

a:hover {
	text-decoration: underline;
}

input, textarea, select {
	color: #000;
	display: block;
	margin: 0 0 15px 10px;
	clear: left;
	font-size: 14px;
}
textarea {font-family: inherit;}
option { color: #000; }

label {
	display: block;
	float: none;
	clear: both;
}
ul.bulleted {
	list-style-type: disc;
	list-style-position: inside;
}
li.shift {
	line-height: 38px;
	height: 38px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
li.shift img {vertical-align: -6px; margin-left: 10px;}

table.list {
	width: 100%;
}
table.list tr {
}
table.list td {
	text-align: left;
	padding: 2px;
}
table.list th {
	text-align: left;
}

.paging {

}

.pad_top {
	margin-top: 10px;
}

.date select {
	display: inline;
}
.date label {
	display: block;
}
.datetime select {
	display: inline;
}
.datetime label {
	display: block;
}

div.checkbox {
	height: 35px;
}

.checkbox label {
	clear: none;
}
.checkbox input {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}
.radio label {
	clear: none;
	height: 22px;
	padding-top: 2px;
}
.radio input {
	float: left;
	display: inline;
	margin: 0 5px 0 10px;
	height: 22px;
}
div.radio {
	/*height: 20px;*/
}

#wrapper {
	background-color: #f6c058;
	padding: 0px;
	width: 924px;
	margin: 20px auto;
}

#header {
	position: relative;
	background-image: url('../img/header_bg.png');
	width: 924px;
	height: 101px;
}

#nhs_logo { margin: 3px 0 0 20px; }

#title_image {
	vertical-align: top;
	margin: 30px 0 0 20px;
}

#whsWolf_logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 212px;
}

#navbar {
	float: left;
	display: inline;
	margin: 7px 7px 0 7px;
	padding: 3px 8px;
	background-image: url('../img/left_navbar.png');
	width: 174px;
	height: 488px;
}

#navbar .link {
	margin: 21px auto;
	display: block;
}

#main_annc {
	float: left;
	display: inline;
	width: 697px;
	height: 210px;
	margin: 7px 0 0 0;
	padding: 3px 8px;
	background-image: url('../img/mainAnnc_bg.png');
}

#main_annc h1, #mainBox_text h1 {
	background-image: url('../img/separator2x2.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 8px 4px;
	font-size: 18pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ecc271;
}

h3 {
	font-size: 20px;
}

strong {
	font-size: inherit;
}

#main_annc p {
	margin: 8px 4px;
	font-family: Arial, Helvetica, sans-serif
}

.sub_annc {
	margin: 3px 4px 0 -1px;
	padding: 3px 8px;
	float: left;
	display: inline;
	width: 220px;
	height: 268px;
	background-image: url('../img/anncBox_bg.png');
}

.sub_annc h1 {
	background-image: url('../img/separator2x2.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 8px 4px;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #213369;
}

.sub_annc p {
	font-size: 11pt;
	margin: 8px 4px;
	font-family: Arial, Helvetica, sans-serif
}

.sub_annc a { color: #f6ff12; }

div.info {
	float: right;
	width: 250px;
	border-left: 1px solid #ccc;
	padding: 10px;
}
p.space {margin-top: 1em;}

#footer {
	clear: both;
	margin: 14px 0 0 0;
	background-color: #1c1c1c;
	height: 30px;
	border-bottom: 2px solid #a9abb7;
	border-right: 2px solid #a9abb7;
	border-left: 2px solid #a9abb7;
}

.footer_module {
	height: 30px;
	width: 452px;
	padding: 5px;
}
#footer_logout { float: left; width: 100px; }
#footer_copyright {	float: right; text-align: right; width: 700px; }



/* Satellite Page Styles */
#mainBox_top {
	background-image: url('../img/mainBox_top.png');
	position: absolute;
	top: -12px;
	margin: 7px 0 0 0;
	width: 709px;
	height: 10px;
	color: #000;
	z-index: 3;
	left: 0;
}
#mainBox_first {
	background-image: url('../img/mainBox_first.png');
	position: absolute;
	top: 5px;
	float: left;
	width: 709px;
	height: 191px;
	z-index: 2;
	left: 0;
}
#mainBox_bottom {
	background-image: url('../img/mainBox_bottom.png');
	position: relative;
	float: right;
	display: inline;
	margin-right: 11px;
	width: 709px;
	height: 10px;
	z-index: 1;
}
#mainBox_expand {
	background-image: url('../img/mainBox_slice.png');
	background-repeat: repeat-y;
	position: relative;
	margin-top: 15px;
	padding: 15px 0;
	float: left;
	display: inline;
	width: 709px;
	z-index: 1;
	min-height: 444px;
}
#mainBox_text {
	position: relative;
	top: -4px;
	margin-left: 7px;
	width: 700px;
	z-index: 4;
}

#uploaderContainer {
	width: 118px;
	height: 48px;
	margin: 0 0 10px 8px;
}
#tipDiv {
	width: 300px;
	height: 98px;
	display: none;
	position: absolute;
	border: 1px dashed #fff;
	padding: 8px;
	margin-left: 105px;
	overflow: hidden;
}

.galleryPhoto {
	display: block;
	margin: 0 auto;
	border: 3px solid #000;
}

.albumImage {
	width: 140px;
	float: left;
	display: inline;
	margin-bottom: 15px;
}

#albumImages {
	width: 700px;
	margin:  0px auto 0px 14px;
}

#pagLinks {
	clear: both;
}

#previuosPhoto {
	width: 150px;
	float: left;
	display: inline;
}
#nextPhoto {
	width: 150px;
	float: right;
	display: inline;
}
#results {
	display: none;
}
#ajaxLoad {
	display: none;
	float: right;
	width: 15px;
	text-align: right;
}
#photosInfoBox {
	float: right;
	display: inline;
	clear: right;
	width: 300px;
	border: 2px solid #1c1c1c;
	margin: 0 10px 0 0;
	padding: 5px;
}
a#deleteAlbum {
	float: right;
	display: inline;
	width: 250px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	margin: 0 10px 0 0;
}
#names {
	float: right;
	display: inline;
	width: 350px;
	margin-right: 10px;
	text-align: right;
}
div.names_other, #selected_names {
	float: right;
	width: 200px;
	text-align: left;
}
#projSelect {display: none;}

select.addOptions {
	display: inline;
	font-size: 12px;
}
select.addOptions option {
	font-size: 12px;
}
input.addOptions {
	display: inline;
	font-size: 12px;
	width: 75px;
}
option.disabled {
	color: #999;
}
input.disabled, select.disabled {
	background-color: #ccc;
	color: #fff;
}
input:focus, textarea:focus, select:focus {
	background-color: #ffffe0;
}

.hoursMath {
	width: 30px;
	text-align: right;
	float: right;
	display: inline;
}
#hoursMathBlock {
	width: 185px;
	float: right;
	display: inline;
	text-align: right;
	border: 3px solid #1c1c1c;
	background-color: #888;
	margin: 10px;
	padding: 10px;
	clear: right;
}
#hoursMathBlock p{ clear: both; }

#hoursCountBox {
	float: right;
	border: 4px dashed #900;
	background-color: #ffffe0;
	min-width: 80px;
	text-align: center;
	margin-right: 10px;
}
#hoursCountBox p {
	height: 1.6em;
}
#totHours {
	font-weight: bold;
	font-size: 34px;
	color: #000;
}
#sponHours {
	font-weight: bold;
	font-size: 26px;
	color: #000;
}
#hoursSlash {
	font-weight: bold;
	font-size: 18px;
	color: #000;
	line-height: 1em;
}
p.fix_top {
	margin-top: -12px;
	margin-bottom: 5px;
}

.hoursRecord {
	margin-top: 10px;
	margin-bottom: 5px;
}

form div.error-message {
	font-weight: bold;
	color: #f33;
	margin-top: -10px;
	margin-bottom: 10px;
}

.byline {
	font-size: 10px;
}

.flash, .message {
	height: 22px;
	padding-top: 3px;
	width: 100%;
	border-bottom: 2px solid #1c1c1c;
	text-align: center;
	font-size: 16px;
}
.success, .message {
	background-color: #3f3;
	color: #000;
	font-weight: bold;
}
.warning {
	background-color: #f55;
	color: #fff;
	font-weight: bold;
}
.notice {
	background-color: #ccc;
	color: #000;
	font-weight: bold;
}
fieldset.box {
	border: 1px solid #999;
	padding: 5px;
	margin: 10px;
}
fieldset.noBox {
	border: 0;
	padding: 5px;
	margin: 10px;
}

#authMessage.message {
	background-color: #f66;
}