/* 
========================================================================================================= CREDITS
Copyright : Copyright (c) 2008 Blue Streak. All Rights Reserved.
Author(s) : Larry Daughenbaugh - ldaughenbaugh@systemsynapse.com 
Date      : 10/07/2008 
Notes     : CSS file for blue streak web site.
========================================================================================================= CHANGE LOG
Date		Name			Desc
---			---				---
========================================================================================================= BEGIN CSS
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	text-align: center;
	background: url(/lib/img/bg-grid.gif) repeat;
}
.container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
	background: url(/lib/img/bg-container.gif) repeat-y;
}

p { margin: 10px 0px; padding: 0px; }

/* ====================================================================================================== LISTS */

ul.square { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.square li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/bullet.gif) no-repeat 0px 8px; }

ul.square-2col { margin: 10px 10px 10px 15px; padding: 0px; list-style-type: none; float: left; width: 170px; }
ul.square-2col li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/bullet.gif) no-repeat 0px 8px; }

ul.red-square { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.red-square li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/red-square.gif) no-repeat 0px 8px; }

ul.red-square li a:link, ul.red-square li a:visited { color: #80112c; font-weight: bold; text-decoration: none; }
ul.red-square li a:hover, ul.red-square li a:active { color: #80112c; font-weight: bold; text-decoration: underline; }


ul.news { margin: 10px 0px 10px 0px; padding: 0px; list-style-type: none; }
ul.news li.return { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/return.gif) no-repeat 0px 1px; }
ul.news li.download { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/download.gif) no-repeat 0px 1px; }
ul.news li.printer { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/printer.gif) no-repeat 0px 1px; }
ul.news li.full-size { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/full-size.gif) no-repeat 0px 1px; }


ul.icons { margin: 10px 0px 10px 0px; padding: 0px; list-style-type: none; }
ul.icons li.contact { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/contact.gif) no-repeat 0px 3px; }
ul.icons li.directions { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/directions.gif) no-repeat 0px 3px; }
ul.icons li.details { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/details.gif) no-repeat 0px 3px; }

ul.icons li a:link, ul.icons li a:visited { color: #80112C; font-weight: bold; text-decoration: none; }
ul.icons li a:hover, ul.icons li a:active { color: #80112C; font-weight: bold; text-decoration: underline; }


ul.arrow { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.arrow li { margin: 0px; padding: 2px 0px 2px 18px; background: url(/lib/img/icons/square-arrow.gif) no-repeat 0px 4px; }

ul.arrow li a:link, ul.arrow li a:visited { color: #80112c; font-weight: bold; text-decoration: none; }
ul.arrow li a:hover, ul.arrow li a:active { color: #80112c; font-weight: bold; text-decoration: underline; }


/* ====================================================================================================== HEADER AREA */

.header { background: url(/lib/img/bg-header.jpg) no-repeat; width: 950px; height: 117px; }
.header img { float: left; border: none; }

/* ====================================================================================================== HEADER NAVIGATION */

.nav { width: 539px; float: left; }
.nav ul { margin: 15px 0px 0px 0px; padding: 0px; list-style-type: none; }
.nav ul li { float: left; padding: 0px; white-space: nowrap; }

.nav ul li a:link, .nav ul li a:visited { color: #FFF; text-decoration: none; display: block; padding: 5px 8px 4px 8px; border-right: 1px solid #95A0AA; }
.nav ul li a:hover, .nav ul li a:active { color: #D1D2D3; }

.nav ul li a.last:link, .nav ul li a.last:visited { color: #FFF; text-decoration: none; display: block; padding: 5px 8px 4px 8px; border: none; }
.nav ul li a.last:hover, .nav ul li a.last:active { color: #D1D2D3; }

.content { margin: 0px; padding: 0px 27px 0px 26px; color: #FFF; }
.content-inside { margin: 0px; padding: 0px; color: #FFF; }

.content a:link, .content a:visited, .content-inside a:link, .content-inside a:visited { color: #FFF; text-decoration: underline; }
.content a:hover, .content a:active, .content-inside a:hover, .content-inside a:active { color: #FFF; text-decoration: none; }

.highlight { color: #80112c; }

/* ====================================================================================================== CONTENT AREA */

.content-header {
	background: url(/lib/img/content-header.gif) no-repeat;
	height: 43px;
}
.content-body {
	background: url(/lib/img/content-body.gif) repeat-y;
	padding: 5px 46px 5px 50px;
	color: #000;
}

.content-body h3 {
	margin: 10px 0px;
	padding: 0px 0px 8px 45px;
	font-size: 20px;
	font-weight: bold;
	color: #0A2439;
	border-bottom: 1px solid #666;
	background: url(/lib/img/bg-page-title.gif) no-repeat 1px 0px;
}

.content-body a:link, .content-body a:visited { color: #80112c; text-decoration: none; font-weight:bold; }
.content-body a:hover, .content-body a:active { color: #67414a; text-decoration: none; font-weight:bold; }

.content-footer { background: url(/lib/img/content-footer.gif) no-repeat; height: 19px; }

.callout-2col { margin: 10px 0px; padding: 5px 0px; width: 550px; float: left; background-color: #BDBDBD; }

.callout-2col h4 { margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #666; }
.callout-2col .col { float: left; width: 275px; }

.callout-2col-full { margin: 10px 0px; padding: 5px 0px; width: 100%; float: left; background-color: #BDBDBD; }

.callout-2col-full h4 { margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #666; }
.callout-2col-full .col { float: left; width: 33%; }

.full-callout { margin: 0px; padding: 5px 0px; width: 854px; float: left; background-color: #BDBDBD; }
.full-callout h4 { margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #666; }
.full-callout .col1 { float: left; width: 200px; padding: 0px 0px 0px 10px; }
.full-callout .col2 { float: left; width: 155px; padding: 0px 20px 0px 0px; line-height: 20px; }
.full-callout .col1_2 { float: left; width: 355px; padding: 0px 20px 0px 10px; line-height: 20px; }
.full-callout .col3 { float: left; width: 455px; padding: 0px 10px 0px 0px; }
.full-callout .col3 img { border: 1px solid #000; padding: 3px; }
.full-callout .col1_2_Wrapper { float: left; width: 385px; padding: 0px 0px 0px 0px; }
.full-callout .contactForm { float: left; width: 443px; padding: 10px; background-color:#CCCCCC;}
.full-callout .contactForm .formTitle { margin:15px 0px 0px 0px; padding:0px;}

.full-callout .col1_2_Wrapper_workForBluestreak { float: right; width: 370px; padding: 0px 10px 0px 0px; }
.full-callout .col1_2_workAtBluestreak { float: right; width: 370px; padding: 0px; line-height: 20px; }

.photo-col { padding: 0px 0px 0px 10px; }
.photo-col img { border: 1px solid #000; padding: 3px; }
.photo-col img.img-col2 { border: 1px solid #000; padding: 3px; margin-left: 2px; }


.training { margin: 0px 0px 20px 0px; padding: 5px 0px; width: 854px; float: left; background-color: #BDBDBD; }
.training h4{ margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #666;}
.training .rightTextStacked{width:300px; background-color:#0F0; float:right;}

.training .col1-hdr { 
	float: left; 
	width: 273px; 
	text-align: center; 
	font-size: 15px; 
	font-weight: bold; 
	border-bottom: 1px solid #666;
	padding: 20px 5px 5px 5px;
}
.training .col2-hdr { 
	float: left; 
	width: 272px; 
	text-align: center; 
	font-size: 15px; 
	font-weight: bold; 
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 20px 5px 5px 5px;
}
.training .col3-hdr { 
	float: left; 
	width: 273px; 
	text-align: center; 
	font-size: 15px; 
	font-weight: bold; 
	border-bottom: 1px solid #666;
	padding: 20px 5px 5px 5px;
}

.training .col1 { padding: 5px; float: left; width: 273px; text-align: center;  }
.training .col2 { padding: 5px 5px 10px 5px; float: left; width: 272px; text-align: center; border-left: 1px solid #666; border-right: 1px solid #666; }
.training .col3 { padding: 5px; float: left; width: 273px; text-align: center; }
.training .col1 img, .training .col2 img, .training .col3 img { border: 1px solid #000; padding: 3px; }


.elite a { width: 279px; height: 28px; background: url(/lib/img/elite/elite.jpg) no-repeat; display: block; float: right; }
.elite span { display: none; }

.news-archives a {
	text-align: right;
	height: 22px;
	padding: 6px 0px 0px 17px;
	display: block;
	float: right;
	background: url(/lib/img/icons/square-arrow.gif) no-repeat 0px 8px;
}

.video-player { height: 343px; }

.sub-head { color: #1C2D3C; font-weight: bold; font-size: 15px; }
.small-header { font-size: 12px; font-style: oblique; font-weight: normal; }
.training-hdr { margin: 18px 0px 0px 0px; padding: 0px }
h4.large { font-size: 17px; }

.FAQ { color: #1C2D3C; font-weight: bold; font-size: 13px; margin-bottom:-7px;}

/* ====================================================================================================== FOOTER AREA */

.footer-container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
}
.footer {
	padding: 9px 30px 0px 30px;
	height: 21px;
	font-size: 11px;
	background: url(/lib/img/bg-footer.jpg) no-repeat;
	text-align: right;
}
.footer .copyright { float: left; }
.footer a:link, .footer a:visited { color: #000; text-decoration: none; padding: 0px 3px; }
.footer a:hover, .footer a:active { color: #D1D2D3; text-decoration: none; }

/* ====================================================================================================== FLASH */
#home-flash { margin: -55px 0px 0px 0px; padding: 0px; width: 897px; height: 539px; }
#home-flash .no-flash { padding: 80px 20px 20px 20px; }

#home-alt { visibility: hidden; }

/* ====================================================================================================== SUB-NAVIGATION */
.sub-nav-container {
	margin: 10px;
	padding: 10px;
	width: 284px;
	float: right;
	background: #CCCCCC;
	color: #666;
	font-weight: bold;
}
.sub-nav-container a:link, .sub-nav-container a:visited { color: #666; text-decoration: none;  }
.sub-nav-container a:hover, .sub-nav-container a:active { color: #666; text-decoration: underline;  }

.sub-nav {
	margin: 0px;
	padding: 0px;
	width: 284px;
	text-align: left;
	border: 1px solid #666;
	background: #CCCCCC url(/lib/img/navigation/subnav-programs.gif) no-repeat;
}
.sub-nav ul { list-style-type: none; margin: 2px 0px 0px 70px; padding: 0px; }
.sub-nav ul li { margin: 0px; padding: 0px; }
.sub-nav ul li a:link, .sub-nav ul li a:visited { 
	padding: 2px 0px 0px 2px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}
.sub-nav ul li a:hover, .sub-nav ul li a:active { 
	color: #FFF;
	background-color: #0A2338;
}
.sub-nav ul li a.active:link, .sub-nav ul li a.active:visited, .sub-nav ul li a.active:hover, .sub-nav ul li a.active:active { 
	padding: 2px 0px 0px 2px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #0A2338;
	text-decoration: none;
	display: block;
}

.other-programs { margin: 5px 0px; }

#other-programsInline{
	font-size: 11px;
	font-weight: normal;
	color: #0A2439;
	display:inline;
	float:right;
	margin-top:-11px;
	display: inline-block;
}

/* ====================================================================================================== BRANDS */

.brands-container { margin: 0 auto; padding: 0px; width: 950px; }
.brands { padding: 15px 30px 0px 30px; text-align: right; }
.brands img { border: none; }

/* ====================================================================================================== DROPDOWN MENUS */

#dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:18px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #677582;
	position: absolute;
	z-index:100;
}
#dropdown a:link, #dropdown a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:18px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	display: block;
	border-right: 1px solid #89949E;
	border-bottom: 1px solid #89949E;
	border-left: 1px solid #89949E;
	padding: 3px 5px;
}

#dropdown a:hover, #dropdown a:active {
	color: #677582;
	background-color: #FFFFFF;
}

/* ====================================================================================================== LIGHTBOX */

.lightbox { border: 1px solid #000; display: none; position: absolute; top: 50%; left: 50%; padding: 5px; text-align: left; z-index: 1001; background-color: #FFF; }
.lightbox-news { border: 1px solid #000; display: none; position: absolute; top: 50%; left: 50%; padding: 5px; text-align: center; z-index: 1001; background-color: #FFF; }
.lightbox img, .lightbox-news img { border: none; }

.lightbox a:link, .lightbox a:visited, .lightbox-news a:link, .lightbox-news a:visited { font-weight: bold; color: #1A6CBA; text-decoration: none; }
.lightbox a:hover, .lightbox a:active, .lightbox-news a:hover, .lightbox-news a:active { font-weight: bold; text-decoration: underline; }

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id] { position: fixed; } /* IE6 Can't See This */
#overlay[id] { position: fixed; } /* IE6 Can't See This */

/* ====================================================================================================== FLOATS */

.float-left { float: left; }
.float-right { float: right; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

img.photo-left { margin: 0px 0px 0px 8px; padding: 0px; float: left; }
img.photo-right { margin: 0px 0px 0px 8px; padding: 0px; float: right; }
img.photoThumb-left { margin: 0px 8px 0px 8px; padding: 0px; float: left; }

img.photo-leftBorder { margin:0 0 4px 7px; padding: 3px; float: left; border:1px #0A2439 solid  }
img.photo-rightBorder { margin:3px 0px 0px 6px; padding: 3px; float: right; border:1px #0A2439 solid;  }

.news-right { margin: 3px 0px 15px 6px; float: right; }
.news-right img.news-img { margin: 0px 0px 10px 0px; padding: 3px; border:1px #0A2439 solid;  }
.news-right img { border: none;  }


#equipmentContainer { background:url(/lib/img/equipment/bg.jpg) repeat-y 505px 0px; }

.equipmentContent { background-color:#00FF00; width:550px; margin:0; }
.equipmentItem { display:block; width:550px; margin-bottom:15px; }
.equipmentItem p { margin:0px 0px 8px 0px; }
.equipmentItem ul { margin-left:10px; }
.equipmentItem p li { margin-left:10px; }
.equipmentTitle { font-size:14px; font-weight:bold; color: #0A2439; display:block; border-bottom:#0a2439 1px solid; }

#newsContainer { margin-top: 10px; background:url(/lib/img/equipment/bg.jpg) repeat-y 505px 0px; }
.news-inside { background:url(/lib/img/equipment/bg-inside.jpg) no-repeat 505px 0px; }

.documents { margin: 0px; width: 108px; padding: 0px 40px 10px 60px; float: right; text-align: center; }
.documents .img-holder { margin: 30px 0px 5px 0px; padding: 3px; border: 1px #0A2439 solid; background-color: #999;  }
.documents .img-holder img { border: none; }
.documents p { text-align: center; }

.reporter-archive { margin: 30px 0px 5px 0px; padding: 3px; }
.reporter-archive img { float: left; margin-right: 15px; }

.newsContent { background-color:#00FF00; width:550px; margin: 15px 0px 0px 0px; }
.newsItem { display:block; width:550px; margin: 0px 0px 15px 0px; }
.newsItem p { margin:0px 0px 8px 0px; }
.newsItem ul { margin-left:10px; }
.newsItem p li { margin-left:10px; }
.newsTitle { font-size:14px; font-weight:bold; color: #000; display:block; border-bottom:#0a2439 1px solid; }

.emailAddress { font-size:11px; font-style:italic; }

.photo-col-nextGen {
padding:0px 0px 0px 4px;
}
.photo-col-nextGen img {
border:1px solid #000000;
padding:3px;
}
.photo-col-nextGen img.img-col2 {
border:1px solid #000000;
margin-left:11px;
padding:3px;
}

/* ====================================================================================================== NOTICES */

.notice_message { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #CC6600; 
	background: #FDF0E2 url(/cm/lib/img/icons/notes.gif) 7px 12px no-repeat; 
	color: #CC6600; 
	font-weight: bold;
}
.notice_errors { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #990000; 
	background: #FAEAEA url(/cm/lib/img/icons/warning.gif) 7px 12px no-repeat; 
	color: #990000; 
	font-weight: bold;
}
.notice_errors_width { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #990000; 
	background: #FAEAEA url(/cm/lib/img/icons/warning.gif) 7px 12px no-repeat; 
	color: #990000; 
	font-weight: bold;
	width: 550px;
}
.notice_message a, .notice_errors a, .notice_errors_width a { color: #990000; }
.notice_message p, .notice_errors p, .notice_errors_width p { margin: 0px 0px 13px 0px; padding: 0px; }
