/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for the spring site
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' 02/28/2007	: Derril Albert - Modified for Norskedalen
' 01/04/2008	: Derril Albert - Modified for Mid City Steel
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
html {}
 
body {
	background-image:url('multimedia/images/brushed_tile3.jpg');
	background-repeat: repeat-x;
	color:#333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:1.25;
	margin:0;
	padding:0;
}
.hidden {
	color: #333A1D !important;
}
	
a {
	text-decoration: none;
}

a:hover {
}

a:active {
}

a:visited {
}

#footer a {
	color:#212929;
	text-decoration: underline; 
}

h1,h2,h3,h4,h5,h6,p {}
	
h1 {
	Display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height:0.9;
}

h2 {
	margin: 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

h3 {
}
	
h4 {
	color:#333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:1.25;
}

h5 {
	color: white;
}

h6 {
}

p {
margin: 0;
padding: 0 0 1em 0;
}
ul {
	margin: 0;
	padding: 0 0 0 20px;

}
form {
}

td {
	vertical-align:top;
	margin:0;
	padding:0;
}

hr {
	border:none;
	background:transparent;
}
select {
	font-size: .75em;
}
.left {
	float: left;
	text-align:left;
}

.right {
	text-align:right;
	float: right;
}

.leftImage {
	float: left;
	padding: 5px 6px 0 0;
	margin: 0;
}

.rightImage {
	padding: 5px 0 0 0;
	float: left;
	margin: 0;
}

.bottomImage {
	padding: 6px 0 0 0;
	margin: 0;
}

.bigImage {
	float: right;
	padding: 0 0 0 6px;
	margin: 0;
}

.medImage {
	padding: 0 0 0 6px;
	margin: 0;
	float: left;
}

.clear {					
	clear: both;
	display: block;
	width: 100%;
	font-size:1px;
	line-height:1px;
	margin: 0;
	padding:0;
}
.clearRight {					
	clear:right;
	display: block;
	width: 100%;
	font-size:1px;
	line-height:1px;
	margin: 0;
	padding:0;
}
.clearLeft {					
	clear:left;
	display: block;
	width: 100%;
	font-size:1px;
	line-height:1px;
	margin: 0;
	padding:0;
}

.clearSpacer {					
	clear:both;
	display: block;
	width: 100%;
	font-size:20px;
	line-height:20px;
	margin:0 0 0 0;
	padding:0;
}
.bigclearSpacer {					
	clear:both;
	display: block;
	width: 100%;
	font-size:20px;
	line-height:20px;
	margin:300px 0 0 0;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			HEADER AND FOOTER STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#masthead {	
	background-image:url('multimedia/images/mast_bkgd.jpg');
	background-repeat:no-repeat;
	background-position:right top;
	position: relative;
	top: 0;
	width: 844px;
	height: 103px;
	z-index: 2;			
	color: #c7c7c9;
	font-size: 11px;
	margin: 0 auto 12px auto;
	background-color: #212929;
}
#masthead a {
	margin: 0;
	padding: 0 ;
	border: none;
	text-decoration: none;
}#masthead a img{
	margin: 0;
	padding: 0 ;
	border: none;
	text-decoration: none;
}

#headBody ul{
	margin: 0 ;
	padding: 0;
}

#headBody ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#headBody ul li a{
	color: white;
	padding:0 3px 0 3px;
	text-decoration: none;
}

#headBody ul li a:hover {
	color: #cccccc;		
}

#headBody ul li a.current {
	color: white;
	font-size: 12px;
	font-weight: bold;
}
#headBody {
	float: right;
	margin: 9px 12px 0 0 ;
	padding: 0;
	width:550px;
	text-align:right;
}
#headBody h1{
	padding: 12px 0 0 0;
}

#headBody .alt {
	color:white;
}
#subNav {
	margin: 20px 0 0 0;
	padding: 0;
}
#subNav ul {
	margin: 0;
	padding: 0;
}

#subNav ul li {
	margin: 0;
	padding: 7px 0 0 0;
	list-style: none;
	display:inline;
}

#footer {	
	position:relative;
	top: 30px;
	color: #212929;
	margin: -12px 0 0 0;
}

#footer h4{
	font-size: 9px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-weight:normal;
}

#footer h4 a{
	color: #212929;
	padding:0;
	text-decoration: underline;
}

#footer h4 a:hover{
}

#footer h4 a:active,
#footer h4 a.current {
	font-size: 9px;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				SIDEBAR
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
#sideBar {
	background-image:url('multimedia/images/sidebar_bkgrd.jpg');
	background-repeat:no-repeat;
	background-position:center bottom;
	float: right;
	width: 168px;
	margin: 0;
	padding: 0;
	background-color:#212929;
	min-height: 460px;
	_height: 460px;

}
#sideBar #header {
	margin: 4px 0 25px 0;
}

#sideBar #header .formRow {
	Margin: 4px 0 0 0;
	text-align: center;
}

#sideBar a {
	text-decoration: none;
	cursor: pointer;
	color: white;
}
#sideBar a img{
	text-decoration: none;
	cursor: pointer;
	border: none;
}

#sideBar h2{
	margin: 3px 0 3px 0;
	padding: 0;
	font-size: .75em;
	text-align: center;
	color: white;
}
#sideBar .itemWide {
	position: relative;
	padding: 10px 15px 8px 15px;
	margin: 0;
}
#sideBar .itemTall { 
	position: relative;
	margin: 0;
	padding: 6px 25px 6px 25px;
}

#sideBar .itemWide .image {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 90px;
	height: 68px;
	border: 1px white solid;
}
#sideBar .itemTall .image {
	margin: 0 auto;
	padding: 0;
	width: 68px;
	height: 90px;
	border: 1px white solid;
}

#sideBar img.mask{
	position: relative;
	top: -1px;
	left: -1px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				INDEX PAGE(ONLY)STYLING
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#homeMain {
	position: relative;
	z-index: 2;
	background-image:url('multimedia/images/bg_image2.jpg');
	background-repeat: no-repeat;
	border-top: 1px #212929 solid;
	border-left: 1px #212929 solid;
	border-right: 1px #212929 solid;
	border-bottom: none;
	line-height: 1em;
	padding: 0;
	width: 661px;
	background-color:#212929;
	min-height: 460px;
	_height: 460px;
}
#homeMain img {
	margin: 0;
	padding: 0;
}
#flash {
	margin: 0;
	padding: 0;
	position:absolute;
	width: 661px;
	height: 450px;
	z-index: 5;
}

#homeNav {
	position:absolute;
	top:0;
	left: 0;
	z-index: 6;
	width: 210px;
	margin: 13px 0 0 20px;
}
#homeNav ul {
	margin: 0;
	padding: 0;
}
#homeNav ul li {
	margin: 0;
	padding: 7px 0 0 0;
	list-style: none;
	display:list-item;
}
#homeNav a{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerWrap {
	margin:0 auto 0 auto;
	padding:0;
}
	
#leftWrap {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('multimedia/images/brushed_tile2.jpg');
	background-repeat:repeat-x;
	z-index:0;
	width: 50%;
	height: 550px;
}

#iWrap {
	background-image: url('multimedia/images/flag.gif');
	background-repeat:no-repeat;
	background-position:center 293px;
	position:relative;
	z-index:2;
	margin: 0 auto;
	padding: 0;
	width: 1040px;
	height: 600px;
	}
#iiWrap {
	border-bottom:3px #212929 solid;
	border-left:3px #212929 solid;
	border-right:3px #212929 solid;
	position:absolute;
	z-index:2;
	margin: 250px 0 0 92px;
	padding: 0 0 5px 0;
	width: 854px;
}
#iiiWrap {
	position:relative;
	top: 0px;
	z-index:3;
	margin: -250px 0 0 5px;
	padding: 0;
	width: 844px;

}	
#leftBord {
	position:absolute;
	top: -250px;
	left: -3px;
}
#rightBord {
	position:absolute;
	top: -250px;
	left: 854px;
}
#contentWrap {
	background-image:url('multimedia/images/sidebar_tile.gif');
	background-repeat:repeat-y;
	margin: 0;
	padding: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				SUB PAGE (ONLY) STYLING
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#fullbrowser {
	margin:0 0 0 0;
	padding: 12px 0 0 12px;
	width: 648px;
	float: left;
	min-height: 460px;
	_height: 460px;

}
#subMain {
	background-image:url('multimedia/images/sub_bg.jpg');
	background-repeat: no-repeat;
	border: 1px #212929 solid;
	line-height: 1em;
	margin: 0;
	padding: 0;
	width: 661px;
	background-color:#b6b6b8;
}
#nav {
	position: relative;
	float: left;
	width: 160px;
	margin: 0;
	padding: 0 0 0 0;
}
#nav a{
	cursor:pointer;
}

#nav ul {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
#nav ul li{
	text-align: left;
	margin: 0 0 0 0;
	list-style: none;
	padding:0;
}
#nav li a {
	color: #212929;
	text-decoration: none;
	font-size: 12px;
	width:160px;
	display: block;
	padding: 4px 0 4px 17px;
	margin: 0 -20px 0 0;

}
#nav li a:hover {
	color: #4B505B;
	background-image: url('multimedia/images/over_arrow2.gif');
	background-repeat: no-repeat;
	background-position: left; 
}
#nav li a:active,
#nav li a.current {
	color: white;
	font-weight: bold;
}
#tertiaryNav li a.current {
	color: white;
	font-weight: bold;
}
#fitsBox {
	margin:20px 0 0 0;
	padding:0;
	cursor: pointer;
}
#fileOuterWrap {
	width: 452px;
	margin: 0 0 0 185px;
	padding: 0;
}
#fileOuterWrap h1 {
	margin: 0;
	padding: 4px 10px 5px 0;
	text-align: right;
}
#fileOuterWrap .categoryDesc h1 {
	background-image:url('multimedia/images/line.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0 0 6px 0;
	padding: 4px 10px 10px 0;
	text-align: left;
}

.fileItemWrap {
	margin: 0;
	padding: 0 0 0 0;
}

.fileItemTop {
	height: 25px;
	font-size:.5em;
	margin: 0;
	padding: 0;
}
.categoryDesc {
	background-image:url('multimedia/images/box_tile_desc.jpg');
	background-repeat:repeat-y;
	margin: 0;
	padding: 0 35px 10px 20px;
	font-size: .9em;
	min-height: 80px;
	_height: 80px;

}
.categoryDesc img {
	margin: 0 0 6px 10px;
	padding: 0;
	border: 2px solid #212929;
}
.categoryDesc a {
	margin: 0;
	padding: 0;
	color: #212929;
	text-decoration:underline;
}
.fileItemBrowse {
	background-image:url('multimedia/images/box_tile.jpg');
	background-repeat:repeat-y;
	margin: 0;
	padding: 0 35px 20px 20px;
	font-size: .9em;
	height: 154px;
}
.customerBrowse {
	background-image:url('multimedia/images/box_tile.jpg');
	background-repeat:repeat-y;
	margin: 0;
	padding: 0 35px 5px 20px;
	font-size: .9em;
}
.customerBrowse div {
	margin: 0;
	padding: 0 0 20px 0;
}
.customerBrowse ul {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
.customerBrowse ul li{
	text-align: left;
	margin: 0 0 0 0;
	list-style: none;
	padding:0;
}
.customerBrowse li a {
	background-image: url('multimedia/images/on_arrow.gif');
	background-repeat: no-repeat;
	background-position: left; 
	color: #212929;
	text-decoration: none;
	font-size: 12px;
	width:160px;
	display: block;
	padding: 4px 0 4px 17px;
	margin: 0 -20px 0 0;

}
.customerBrowse li a:hover {
	color: #4B505B;
	background-image: url('multimedia/images/over_arrow.gif');
	background-repeat: no-repeat;
	background-position: left; 
}
.customerBrowse li a:active,
.customerBrowse li a.current {
	color: #4B505B;
	font-weight: bold;
}
#fullbrowser h2 {
	background-image:url('multimedia/images/line_short.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	font-weight:bold;
	margin: 0 0 3px 0;
	padding: 0 0 6px 0;
	line-height: 1.25em;
}

.fileItemBrowse img {
	margin: 0 0 6px 10px;
	padding: 0;
	border: 2px solid #212929;
	float: right;
}
.fileItemBrowse a {
	margin: 0;
	padding: 0;
	color: #212929;
	text-decoration:underline;
}
.fileItemDetail {
	background-image:url('multimedia/images/box_tile.jpg');
	background-repeat:repeat-y;
	margin: 0;
	padding: 0 35px 20px 20px;
	font-size: .9em;
}

.fileItemDetail img {
	margin: 0 0 6px 10px;
	padding: 0;
	border: none;
	float: right;
	border: 2px solid #212929;
}
.fileItemDetail a {
	margin: 0;
	padding: 0;
	color: #212929;
	text-decoration:underline;
}

.fileItemBottom {
	height: 10px;
	font-size:.5em;
	margin: 0;
	padding: 0 0 10px 0;
}

#tertiaryNav ul{
	text-align: right;
	margin: 2px 10px 5px 0;
	padding: 0;
}

#tertiaryNav ul li {
	color: #212929;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	font-size: 10px;

}

#tertiaryNav ul li a{
	color: #212929;
	padding:0 1px 0 1px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}
#tertiaryNav ul li a:active,
#tertiaryNav ul li a.current {
	color: white;
	font-weight: bold;
}

#tertiaryNav ul li a:hover {
	color: #4B505B;
}
.categoryDesc #tertiaryNav ul{
	text-align: left;
	margin: 0 10px 5px 0;
	padding: 0;
}

.categoryDesc #tertiaryNav ul li {
	color: #212929;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	font-size: 10px;

}

.categoryDesc #tertiaryNav ul li a{
	color: #212929;
	padding:0 1px 0 1px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

.categoryDesc #tertiaryNav ul li a:hover {
	color: #4B505B;
}

.categoryDesc #tertiaryNav ul li a:active,
.categoryDesc #tertiaryNav ul li a.current {
	color: #212929;
	font-weight: bold;
}
.innerMiniForm {
	padding: 6px 0 0 0;
}
.formRow {
	text-align:right;
	margin: 4px 0;
}
.loginHeader{
	text-align:right;
	margin: 0 30px 6px 0;
	padding: 0;
	background-image:none;
	color: #4B505B;

}
.loginHeader a{
	color: #212929;
	padding:0 1px 0 1px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
.loginHeader a:hover {
		color: #4B505B;
		text-decoration: underline;
}

/* The following added by DPE on 08/28/2008 for Customer Project Listings (tree views) */
/*
div.customerBrowse div {display:block !important;}
ul.tree ul {display:block !important;}
*/
*/
ul.tree				{margin:0; padding:0; list-style:none;}
ul.tree li			{margin:4px 0; padding:3px 0; list-style:none;}
ul.tree li a		{display:inline; margin:0; padding:0; list-style:none; background:none;}
ul.tree li a img	{margin:0 0 -4px 0;}

ul.tree ul {margin:0 0 0 25px; padding:0; list-style:none;}