/* ==================================================================================== */

/* ==IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* ==================================================================================== */

/* ==DIABLO DEFAULTS: */

/* =structure, specific texts */
#toolbar { position:relative; top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* =wysiwyg: */
.highlight { background-color:#E8F6FF }
.warning { color:#FDB927; font-weight:bold; }
h4 {margin: 12px 10px 0px 10px; font-weight: bold; color: #000;}
.wysiwygRight { float: right; margin: 10px 0 10px 10px; }
.wysiwygLeft { float: left; margin: 10px 10px 10px 0; }
.textAlignLeft {text-align:left; display: block;}
.textAlignRight {text-align:right; display: block;}
.textAlignCenter {text-align: center; display:block;}
.textAlignJustify {text-align:justify; display: block;}

/* =default form controls styling: */
.pagination { padding: 10px 0; font-size: 1em; font-weight: bold; clear: left; }
.pagination .paginationSeparator { padding: 0 4px; font-weight: lighter; }
.pagination .currentPage { font-weight: lighter; }

.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 1.1em; }
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: normal; margin: 0 2px 2px 2px; }
.paginationF a.lastpage { border: solid 2px #EEEEEE; }
.paginationF a:hover { text-decoration: none; border: solid 1px #000000; background-color: #FDB930; font-weight: normal; }
.paginationF .currentPage { font-size: 1.1em; margin: 0 2px 2px 2px; padding: 4px; }
.paginationF .pagenumber { font-size: 1.1em; }
.paginationF .pagedots { font-size: 1.1em; }

.resources { margin: 20px 0px; line-height: 1.5em; }
.resources li { margin-bottom: 8px; padding-left: 16px; background: url(../images/more-bullet.gif) no-repeat 0 4px; }
.resources li img { padding-left: 5px; background: #fff; }

div.label { display: block; float: left; width: 120px; padding: 4px 0; font-weight: bold; }
div.row { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.1em; }
div.row p { font-size: 1em; }
div.rowlong { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.2em; }
div.rowlong span.label { width:370px; }

/* ==UNIVERSAL: (overall body and content formatting) ======================================================= */
body
{
margin: 0 0 20px 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 62.5%;
color: #434343;
background: #A5A5A5;
text-align: center;
background: url('../images/bg.png') repeat-x top left;
}

h2
{
font-size:1.8em;
line-height: 1.1em;
font-family: lucida, "lucida sans", "lucida grande";
margin: 15px 0 0 0;
color: #fff;
}
h3
{
margin-top: 20px;
line-height: 1.4em;
}

p
{
line-height: 1.4em;
margin-bottom: 10px;
}

a
{
color: #434343;
}
a:hover
{
text-decoration: underline;
}

/* ==LEGO: (the main divs used to build the layout) ======================================================= */
#wrapper
{
margin: 0px ;
width: 744px;
text-align: left;

overflow:hidden;
background:white;
}


#site
{
		width: 758px;
		margin:10px auto;
}

#shadowTop
{
	background: url('../images/shadowTop.png') no-repeat left top;
	height:16px;

	
	
}

#parcel
{
	background: url('../images/shadow_repeat.png') repeat-y left top;
	padding:0 7px;
}

#shadowBtm
{
	background: url('../images/shadowBtm.png') no-repeat left top;
	height:10px;
	
	
}

#logo-search
{
padding: 24px 24px 5px 24px;
border-bottom: 1px solid #a6a5a5;
position: relative;
}

#portal-enter {
	overflow: hidden;
	width: 222px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}

#portal-enter a {
	display: block;
}

#portal-content
{
height: 395px;
margin: 15px 0 0 0;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #a6a5a5;
background: url(../images/inner-content-bg.gif) repeat-y 273px top;
overflow:hidden;
}


#portal-content h1 {
	font-weight: bold;
	font-size: 1.8em;
}

#portal-content h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #434343;
}

#portal-content .welcome {
	color: #fc1922;
	font-size: 2em;
	margin: 0;
}

#portal-content h3 {
	font-weight: bold;
	font-size: 1.2em;
}

#portal-content .bannerImg
{
	width:468px;
	height:146px;
	padding:20px 0 20px 20px;
	background-repeat:no-repeat;
}

#portal-content .bannerImg h2
{

width:375px;


}

#wrapper > #portal-content
{
height: auto;
}
#portal-welcome
{
float: left;
width: 474px;
padding: 0 8px 8px 20px;
min-height:408px;

font-size:1.2em;
}

.homeBtn
{
	position:absolute;
	bottom:21px;
	left:189px;
}



#portal-enter1
{
position: relative;
float: left;
width: 222px;
/*height: 72px;*/
margin-left: 12px;
/*background-repeat: no-repeat;
background-position: bottom left;*/
margin-bottom:2px;
font-size:1em;



}
#portal-content > #portal-enter1
{


}
#portal-enter2
{
position: relative;
float: left;
width: 222px;
height: 72px;
margin-left: 12px;
background-repeat: no-repeat;
background-position: bottom left;
margin-bottom:2px;
font-size:1em;
cursor: pointer;


}
#portal-content > #portal-enter2
{
height: auto;
min-height: 72px;
}

#portal-enter1 h2
{
cursor:pointer;
margin:10px 0 10px 10px;
width:110px;
overflow:hidden;

}
#portal-enter2 h2
{
cursor:pointer;
margin:10px 0 10px 10px;
overflow:hidden;
width:110px;
}



#portalNews
{
	float:left;
	width: 212px;
	margin-left: 0px;
	padding:0 0px 20px 18px;
}

#portalNews dl {
	overflow: hidden;
}

#portalNews a:hover
{
	color:red;
}

#portalNews h2
{
	margin:15px 10px 5px 17px;
	
}

#portalNews dd
{
	border-bottom:1px solid #A6A5A5;
	overflow:hidden;
	padding:0 30px 0 12px;
}

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

.portalNewsArchive
{
	padding: 10px 11px;
	border-bottom:1px solid #A6A5A5;
	overflow: hidden;
}

.portalNewsArchive li
{
	float:left;
	margin:0 8px 0 0px;
}

.portalNewsArchive li a
{
	color:Red;
}

.portalNewsArchive li.archive
{
	border-right:1px solid #A6A5A5;
	padding-right:5px;
	margin:0;

}

.portalNewsArchive li.last
{
	padding-left:5px;
margin:0;

}

#portalNews a
{
	text-decoration:underline;
}

#inner-content
{
	height: 1px;
	border-bottom: 1px solid #a6a5a5;
	background: url(../images/inner-content-bg.gif) repeat-y -34px top;
}

#wrapper > #inner-content
{
height: auto;
}
#sidebar
{
float: left;
width: 171px;
padding: 0 0 60px 24px;

}
#main-content
{
float: left;
width: 545px;
padding: 0 0px 0px 0px;
margin-left: 0px;

}

#copyright-etc
{
text-align: right;
padding: 10px;
color: #666;
}

/* ==PAINT: (styling of items within the main divs) ======================================================= */


#topNav ul li
{
	display:inline;
	border-right:1px #EF4169 solid;
	padding:0px 6px;
}


#topNav ul li a:hover
{
	color:Red;
}

#topNav ul li.last
{
	border:none;
}

#topNav
{

float:right;
font-size:1.2em;
font-weight:bold;
margin:20px 0pt 0pt 195px;

padding:0pt 0px 5px 15px;
width:493px;
}

#logo-search h1
{
float: left;

}

#logo-search {
overflow:hidden;
}

#logo-search #section-nav
{
position: absolute;
left: 235px !important;
left: 0;
margin-top: 1px;
margin-left: 0 !important;
margin-left: 85px;
overflow: hidden;
padding: 0;
}

#logo-search #section-nav li
{
display: inline;
padding-right: 5px;
}

#logo-search #search
{
float: right;
margin-right:10px;
}
#logo-search #search label
{
text-transform: lowercase;
font-weight: bold;
}
#logo-search #search .textinput
{
font-size: 1em;
border: 1px solid #434343;
padding: 1px;
margin: 0 3px;
width: 100px;
}
#logo-search #search .submit
{
font-size: 1em;
}



#portal-content h2
{

}
#portal-content .enter
{
float: right;
margin: 105px 10px 0 0;
}
* html #portal-content .clear
{
display: none;
}

#portal-welcome dl
{

}
#portal-welcome dl a
{
text-decoration: underline;
}
#portal-welcome dl dt
{
font-size:1.8em;
line-height: 1.1em;
color: #fc1922;
font-family: lucida, "lucida sans", "lucida grande";
margin: 10px 0 10px 0;
padding: 0 5px 0 20px;
}
#portal-welcome dl dd
{
padding: 3px 5px 3px 20px;

}
#portal-welcome dl dd.last
{
border-bottom: none;
}
#portal-welcome dl dd p
{
margin: 3px 0;
}

#portal-welcome ul
{
margin-left: -4px;
}

#portal-welcome ul li
{
display: inline;
border-right: 1px solid #fc1922;
padding: 0 7px 0 4px;
}

#portal-welcome ul li.last
{
border-right: none;
}

#portal-welcome ul li a
{
color: #fc1922;
text-decoration: underline;
}

#portal-enter1 h2
{
position :relative;
}

#portal-enter2 h2
{
position :relative;
}

#portal-welcome h2
{
position :relative;

}

#portal-enter1 .enter, #portal-enter2 .enter
{
position: absolute;
bottom: 50px; right: 50px;	
}

#sidebar h2
{
margin-bottom: 10px;
}
#sidebar ul
{
margin-left: -24px;
margin-bottom: 15px;
}
#sidebar ul li
{
border-top: 1px solid #a5a7a7;
/*padding: 16px 10px 16px 24px;*/
height: 1%;
}
#sidebar ul li a
{
display: block;
margin: 16px 10px 16px 24px;
}
#inner-content > #sidebar ul li
{
height: auto;
}
#sidebar ul li.last
{
border-bottom: 1px solid #a5a7a7;
}
#sidebar ul li ul
{
/* margin: 12px -10px -16px -24px; */
background: #f7f7f7;
margin: 0;
width: 100%;
overflow: hidden;
}
#sidebar ul li ul li
{
	position: relative;
margin: 0 !important;
padding: 0 !important;
border-top: 1px solid #ddd;
background: url(../images/sidebar-sub-bullet.gif) no-repeat 24px 1em;
}
#sidebar ul li ul li a
{
margin: 8px 10px 8px 34px;
}
#sidebar ul li ul li ul
{
margin: 8px -10px -8px -34px;
}
#sidebar ul li ul li ul li
{
border-top: 1px solid #ddd;
padding: 8px 10px 8px 44px;
background: url(../images/sidebar-subsub-bullet.gif) no-repeat 34px 1em #efefef;
}

#globalNavWide
{
	background:#EA0237;
	min-height:25px;
	width:100%;
	overflow:hidden;
	font-size:1.1em;
}

#globalNav
{
	background:#EA0237;
	min-height:25px;
	width:550px;
	overflow:hidden;
	font-size:1.1em;
}

#globalNav ul li.last a
{
	border-right:none !important;
}

#globalNav ul#nav li a
{
	color:White;
	padding:0 23px;
	border-right:1px solid white;
}

#globalNav ul
{
	margin:0;
	paddding:0;
}

#globalNav ul li
{
	float:left;
	list-style-type:none;
	padding:0 5px;
}




#main-content a , #portal-welcome a 
{
font-weight: bold;
color: #fc1922;
}

#main-content hr
{
width: 507px;
margin: 10px -10px 0 -10px;
height: 1px;
border: none;
background: #a5a7a7;
}
.casestudy h4
{
	margin-left: 0 !important;
	padding-left: 0;
}

#main-content .hi-list li
{
margin: 7px 0;
padding-left: 25px;
background: url(../images/main-content-bullet.gif) no-repeat top left;
}
#main-content .hi-list li a
{
display: block;
width: 250px;
padding: 3px 4px;
color: #fff;
background: #a5a5a5;
font-weight: lighter;
}

#main-content h2.titleimage
{
margin:0 0 0 4px;

}

#main-content .products
{
margin-top: 10px;
}
#main-content .products tr th
{
font-size:1.8em;
line-height: 1.1em;
font-family: lucida, "lucida sans", "lucida grande";
margin: 15px 0 20px 0;
color: #fc1922;
font-weight: lighter;
}
#main-content .products tr td
{
width: 118px;
padding: 1px;
border-right: 48px solid #fff;
}
#main-content .products tr td img
{
display: block;
margin-bottom: 8px;
}
#main-content .products tr td a
{
display: block;
background: #e2e2e2;
padding: 13px;
border: 1px solid #fff;
color: #434343;
font-weight: lighter;
border-bottom: 25px solid #fff;
overflow: hidden;
width: 100px;
min-height:143px;
}
#main-content .products tr td a:hover
{
text-decoration: none;
border: 1px solid #fc1922;
border-bottom: none;
padding-bottom: 38px;
background: url(../images/product-over-bg.gif) no-repeat bottom left #e2e2e2;
}

#main-content .filter label
{
font-weight: bold;
vertical-align: middle;
}
#main-content .filter select
{
vertical-align: middle;
margin: 0 10px;
width: 130px;
font-size: 1em;
}
#main-content .filter .submit
{
vertical-align: middle;
}

#main-content h3.title
{
display: block;
margin-bottom: 15px;
font-weight: bold;
color: #fc1922;
}
#main-content h2.title
{
margin-top: 25px;
}


#main-content h1
{	
	color: #fc1922;
	font-size: 2.2em;	
}

#main-content h2
{
	margin:10px 0;
	color: #fc1922;
}

#main-content h3
{
	color: #404040;
	font-size: 1.4em;
	font-weight: bold;
}


#main-content ol
{
margin-left: 22px;
list-style-type:decimal;
}

#main-content ol li
{
margin: 5px 0;
line-height: 1.5em;
}

#main-content ul
{
margin: 16px;
list-style-type: disc;
}

#main-content ul#nav
{
	margin:0;
}

#main-content ul li
{
margin: 5px 0;
line-height: 1.5em;
}



/* Chris Add for search Items */
#main-content  ul.search
{
margin: 16px;
list-style-type:none ;
}


#main-content .casestudy
{
clear: left;
margin-bottom:5px;
}
#main-content .casestudy dt
{
float: left;
margin: 0 10px 10px 0;
width: 123px !important;
width: 110px;
}
#main-content .casestudy dt img
{
border: 1px solid #fc1922;
}
#main-content .casestudy dd
{
float: left;
width: 350px;
}
#main-content .casestudy dd
{
float: left;
width: 350px;
}
#main-content .casestudy dd h3
{
margin-top: 0;
}

#main-content .contact-group
{
width: 45%;
margin: 0 20px 20px 0;
float: left;
}
#main-content .contact-group h2
{
margin-bottom: 5px;
}
#main-content .contact-group .method
{
font-weight: bold;
}
#main-content .contact-group a
{
color: #434343;
text-decoration: underline;
}

#main-body
{
	padding:3px 15px 10px 15px;
}

#main-body li {
	margin: 0 0 0 15px;
}

#main-body td input
{
	margin-right:5px;
}

#main-body form.downloads div
{
	padding-bottom:10px;
}

#main-body form.downloads div select
{
	width:150px;
}


#copyright-etc a
{
color: #666;
}
#copyright-etc p
{
display: inline;
margin-right: 5px;
}
#copyright-etc ul
{
display: inline;
}
#copyright-etc ul li
{
display: inline;
border-left: 1px solid #666;
padding: 0 4px 0 7px;
}

/* ==EXTRANEOUS: (default hacks, etc.) ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

/* Chris Stuff */

#main-content .loginForm
{
	padding:10px 10px 10px 10px;
}

#main-content .loginForm
{
	padding-right:10px;
}

.currentUser
{
	padding:5px 0 0 0;

}

.currentUser a
{
	
	color:white;
	background-color:#a5a5a5;
	padding:2px 2px 2px 2px;
	
	
	
}

.validationError
{
	color:Red;
}

.vacancylink 
{
	color:Red;
	font-size:1.1em;
	padding: 10px 0;
	text-align: center;
}

.vacancylink a {
	color: Red;
}