@import url("nav.css");

.clickToAdd a:link{
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	background: url(nav_images/add_icon_small.gif) no-repeat 0;
	padding-left: 25px;
	height: 14px;
	display: block;
	padding-top: 1px;
}
.clickToAdd a:visited {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	background: url(nav_images/add_icon_small.gif) no-repeat 0;
	padding-left: 25px;
	height: 14px;
	display: block;
	padding-top: 1px;
}
.clickToAdd a:hover {
	color: #EDAF00;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	background: url(nav_images/add_icon_small.gif) no-repeat 0;
	padding-left: 25px;
	height: 14px;
	display: block;
	padding-top: 1px;
}
.clickToAdd a:active {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	background: url(nav_images/add_icon_small.gif) no-repeat 0;
	padding-left: 25px;
	height: 14px;
	display: block;
	padding-top: 1px;
}
#footer a:link {
	color: #ffffff;
	text-decoration: underline;
	font: 11px/17px Arial, Helvetica, sans-serif;
}
#footer a:visited {
	color: #ffffff;
	text-decoration: underline;
	font: 11px/17px Arial, Helvetica, sans-serif;
}
#footer a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: 11px/17px Arial, Helvetica, sans-serif;
}
#footer a:active {
	color: #ffffff;
	text-decoration: underline;
	font: 11px/17px Arial, Helvetica, sans-serif;
}

#careersSidebar a:link {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#careersSidebar a:visited {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#careersSidebar a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#careersSidebar a:active {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

#forgotPassword a:link {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#forgotPassword a:visited {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#forgotPassword a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#forgotPassword a:active {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

#PeakPond a:link {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#PeakPond a:visited {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#PeakPond a:hover {
	color: #0073c0;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#PeakPond a:active {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

#content a:link {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#content a:visited {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#content a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#content a:active {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.footerText {
	color: #ffffff;
	font: 11px/17px Arial, Helvetica, sans-serif;
}

.footerBold {
	color: #ffffff;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}

.footerTextYellow {
	color: #EDAF00;
	font: 11px/17px Arial, Helvetica, sans-serif;
}

.footerTextBold {
	color: #EDAF00;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}

.content {
	color: #3b382a;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.projectsText {
	color: #3b382a;
	font: 13px Arial, Helvetica, sans-serif;
	text-align: left;
}

.contentYellow {
	color: #EDAF00;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.contentItalic {
	color: #3b382a;
	font: italic 13px/18px Arial, Helvetica, sans-serif;
}

.videoDescription {
	color: #3b382a;
	font: 12px/15px Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.videolength {
	color: #3b382a;
	font: italic 10px Arial, Helvetica, sans-serif;
}

.videoDescriptionTitle {
	color: #EDAF00;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
}

.contentBold {
	color: #3b382a;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}

.contentBoldYellow {
	color: #EDAF00;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}

.contentBoldBrown {
	color: #3b382a;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}

.projectsSubTitles {
	color: #3b382a;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
}

.CareersSubTitle {
	color: #EDAF00;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
}

.ProjectsPageTitle {
	color: #ffffff;
	font: 36px "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-align: left;
}

.sidebar_label {
	color: #868789;
	font: 12px Arial, Helvetica, sans-serif;
}

.careers_sidebar {
	color: #3b382a;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.careers_sidebarBold {
	color: #3b382a;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}

.login_frame {
	height: 166px;
	width: 155px;
	margin: 10px;
}

.careersBackground {
	background-color: #f1f1f0;
	border: 1px solid #3b382a;
	margin-bottom: 20px;


}

.personnelBackground {
	background-color: #f1f1f0;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.personnelBackgroundLight {
	background-color: #fdfaee;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

/* Manage Projects */

.Welcome {
	color: #EDAF00;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.Name {
	color: #ffffff;
	font: 13px Arial, Helvetica, sans-serif;
}

.ProjectToolTips {
	color: #ffffff;
	font: 13px Arial, Helvetica, sans-serif;
}

.ProjectToolTipsBold {
	color: #EDAF00;
	font: bold 13px Arial, Helvetica, sans-serif;
}

.NameYellow {
	color: #EDAF00;
	font: 13px Arial, Helvetica, sans-serif;
}

#topLinks a:link {
	color: #ffffff;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#topLinks a:visited {
	color: #ffffff;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#topLinks a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#topLinks a:active {
	color: #ffffff;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#resultsLink a:link {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#resultsLink a:visited {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#resultsLink a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#resultsLink a:active {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

#projectLink a:link {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#projectLink a:visited {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#projectLink a:hover {
	color: #3b382a;
	text-decoration: underline;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#projectLink a:active {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

#projectManage a:link {
	color: #EDAF00;
	text-decoration: none;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 20px;
}
#projectManage a:visited {
	color: #EDAF00;
	text-decoration: none;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 20px;
}
#projectManage a:hover {
	color: #3b382a;
	text-decoration: none;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 20px;
}
#projectManage a:active {
	color: #EDAF00;
	text-decoration: none;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 20px;
}

.ShowAllText {
	color: #3b382a;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.ShowAllTextActive {
	color: #ffffff;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	background-color: #EDAF00;
	padding: 3px 5px;
	margin-right: 2px;
	margin-left: 2px;
}

#ShowAllNav a:link {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding-right: 2px;
}
#ShowAllNav a:visited {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding-right: 2px;
}
#ShowAllNav a:hover {
	color: #EDAF00;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding-right: 2px;
}
#ShowAllNav a:active {
	color: #3b382a;
	text-decoration: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding-right: 2px;
}

.Results {
	color: #3b382a;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}

/* 2010-12-31 - wsopko - added CSS for project management application */
/* label used for aligning form fields for data input */
label{
	width: 12em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
.dataEvenRow{
	background-color: #f1f1f0;
}
.dataOddRow{
	background-color: #ffffff;
}
#pagination a, #pagination strong {
	background: #EDAF00;
	padding: 4px 7px;
	text-decoration: none;
	border: 1px solid #cac9c9;
	color: #292929;
	font-size: 13px;
}

#pagination strong, #pagination a:hover {
	font-weight: normal;
	background: #cac9c9;
}
/* style for field input errors, text is shown beside input tag that has validation error */
.fieldError{
	color: #FF0000;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}
/* align all table data in a grid as left - same text style as .content, just aligned to the left */
.fieldData{
	color: #3b382a;
	font: 13px/18px Arial, Helvetica, sans-serif;
	text-align: left;
}
/* align all table data in grid heading as left */
.fieldHeading{
	text-align: left;
}
/* style for general error messages */
.errorMessage{
	color: #FF0000;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
}
/* sub heading for pages like login form, and reset password page */
.headingSubTitles {
	color: #3b382a;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
/* styles for clumn headings on grids - links for sorting */
#projectColumnTitles a:link{
	color: #ffffff;
	text-decoration: underline;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}
#projectColumnTitles a:visited {
	color: #ffffff;
	text-decoration: underline;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}
#projectColumnTitles a:hover {
	color: #EDAF00;
	text-decoration: underline;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}
#projectColumnTitles a:active {
	color: #ffffff;
	text-decoration: underline;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}

/*#img.zoomedOut {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}*/

img {
	-ms-interpolation-mode: bicubic; /* make sure images are resized without oo much distortion in IE */
}

/* size and position an image to fit the current broswer window
Had to do it this way as IE refuses to constrain an image based on an outer table or div with width restrictions (worked fine in Firefox and Safari) */
img.zoomedOut {
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning
	position: fixed;
	top: 0;
	left: 0; */
	cursor:url("/nav_images/zoom_in.ico"), -moz-zoom-in;
}
img.zoomedIn {
	/* Set up proportionate scaling
	width: auto;
	height: auto; */
	cursor:url("/nav_images/zoom_out.ico"), -moz-zoom-out;
}