/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Jeremy Burgeson
DATE CREATED:	2008.01.09
PURPOSE:		Structural Graphics Overlay Content Stylesheet
REVISIONS:
	2009.08.20.RAM - Added styles for new photo overlay in landing pages
-------------------------------------------------------------------------------------------------------- */


/* OVERLAY OBJECTS */

#overlayF2F {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	background-repeat: repeat;
}

#overlayViewerFlash {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 998;
	background-repeat: repeat;
}

#overlayViewerImage {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 998;
	background-repeat: repeat;
}

#overlayViewerLanding {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 997;
	background-repeat: repeat;
}
#overlayViewerPhoto {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 997;
	background-repeat: repeat;
}
#overlayViewerGlobal {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	background-repeat: repeat;
}
#overlayAjax {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	background-repeat: repeat;
}


/* OVERLAY CONTENT ELEMENTS */

.overlay_bg {
	width: 100%;
	height: 100%;
}

.overlay_message_container {
	width: 100%;
	padding: 80px 0px 80px 0px;
	text-align: center;
	position: relative;
}

.overlay_message_table {
	width: 600px;
}
.overlay_message_table_side {
	width: 30px;
	background-repeat: repeat-y;
}
.overlay_message_table_content {
	width: 540px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	line-height: 15px;
	background-color: #ffffff;
}

.overlay_message_hr {
	width: 100%;
	margin: 20px 0px 20px 0px;
	background: url('/_images/overlay/hr.gif') top left repeat-x;
}

.overlay_viewer_container {
	width: 100%;
	padding: 200px 0px 100px 0px;
	text-align: center;
	position: relative;
}

.overlay_viewer_table {
	width: 600px;
}
.overlay_viewer_table_side {
	width: 10px;
	background-repeat: repeat-y;
}
.overlay_viewer_table_content {
	width: 580px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	line-height: 15px;
	background-color: #ffffff;
}
.overlay_viewer_table_content_msg {
	padding: 80px 50px 80px 50px;
	text-align: center;
	line-height: 15px;
}
.overlay_viewer_table_project_video_container {
	margin: 10px 60px 5px 60px;
}
.overlay_viewer_content {
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align: center;
	line-height: 15px;
}
.overlay_viewer_flash {
	width: 580px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}
.overlay_viewer_image {
	width: 400px;
	height: 400px;
	margin: 0px 0px 0px 100px;
	padding: 0px;
	float: left;
	display: inline;
}
.overlay_image_400_container {
	width: 400px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.overlay_image_300_container {
	width: 300px;
	height: 300px;
	margin: 50px 0px 0px 50px;
	padding: 0px;
	float: left;
	display: inline;
}

.overlay_landing_container {
	width: 100%;
	padding: 0;
	text-align: center;
	position: relative;
}
.overlay_landing_table {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	text-align: left;
}
.overlay_landing_header {
	width: 700px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}
.overlay_landing_header_bar {
	width: 680px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}
.overlay_landing_content {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-position: top left;
	background-repeat: repeat-y;
}
.overlay_landing_flash {
	width: 640px;
	height: 480px;
	margin: 20px auto 0px auto;
	padding: 0px;
	background: #ffffff;
}
.overlay_landing_footer {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-position: top left;
	background-repeat: repeat-y;
}

.overlay_global_container {
	width: 100%;
	padding: 60px 0px 0px 0px;
	text-align: center;
	position: relative;
}
.overlay_global_table {
	width: 600px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	text-align: left;
}
.overlay_global_header {
	width: 600px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}
.overlay_global_header_bar {
	width: 580px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}
.overlay_global_content {
	width: 100%;
	height: 440px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-position: top left;
	background-repeat: repeat-y;
}
.overlay_ajax_content {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-position: top left;
	background-repeat: repeat-y;
}
.overlay_btome_content {
	width: 580px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}
.overlay_btome_image {
	width: 400px;
	height: 400px;
	margin: 20px 0px 0px 90px;
	padding: 0px;
	float: left;
	display: inline;
}
.overlay_message {
	width: 100%;
	margin: 0px;
	padding: 16px 0px 0px 0px;
	text-align: center;
	font-style: italic;
}
.overlay_global_flash {
	width: 460px;
	height: 390px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
.overlay_global_flash_link {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}
.overlay_global_footer {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-position: top left;
	background-repeat: repeat-y;
}