body  {  font-family: verdana, sans-serif; margin: 0; padding: 0; background-color: #eee; behavior: url(csshover.htc); } 

#container {  margin: 0px auto 0px auto; padding: 0px; width: 100%; border-left: 1px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; background-color: #fff; line-height: 100%; }

/* top banner, header, brand zone, whatever */
#masthead  { margin: 0px; padding: 0px; display: block; border-bottom: 1px solid #fff;  width: 800px; height:90px; }

/* banner logo */
#logo { margin:0; padding:0; width: 200px; height: 90px; border:0; display: block; float: left; background: url(../images/boeing_logo.gif) 0 0 no-repeat; background-color: #fff; }
#logo { /* sBMH for IE 5.x Win */	\width: 237px;	w\idth: 240px; }

/* needed for the logo link */
#logoimgon { padding: 0; border: 0; margin: 0; width: 200px; height: 90px; display: block; background: url(../images/boeing_logo.gif) no-repeat; }

/* brand zone*/
#header { margin:0; padding:0; width:560px; height:90px; border:0; display: block; float: left; background: #fff url(../images/bz_banner.jpg) 0 0 no-repeat; }
#headerimgon { margin:0; padding:0; width:560px; height:90px; display: block; float: left; background: url(../images/bz_banner.jpg) no-repeat; }

 /* Personality Zone: Primary Page: This can be altered to fit one of these heights; 183, 68, 46, or 0 */
#pzonetop {	float: right;	margin: 0px;	border-bottom: 1px solid #000;	width: 800px;	height: 45px;	display: block;	background: url(../images/pzone_45.jpg) no-repeat; }

 /* Personality Zone Secondary*/
#pzone { float: left; margin: 0px; padding: 0px; border-bottom: 1px solid #000; width: 624px; height: 41px; display: block; background: url(../images/pzone_45.jpg) no-repeat; }

/* main content display area */
a:link { color:#0038a8; outline:none; }
a:hover { color:#000; text-decoration: none; outline:none; }
a:visited { color:#0038a8; outline:none; }

/* h1 { margin: 0px; padding: 5px 0px 0px 0px; font-size: 12pt; }
h2, h3, h4, h5 { margin: 0px; padding: 0px 0px 0px 0px;  font-size: 11pt; }
ul, ul, ul { }
ol, ol, ol { } */

#main {  margin: 0px 5px 0px 10px; padding: 0px; color: black; display: block;  width: auto; font-size: 9pt; }
#main p { margin: 0px; padding: 5px 5px 5px 0px; }
#main ul {  margin: 0px; padding: 5px 0px 5px 25px; }
#main li { margin: 4px 0px 0px 0px; padding: 0px; line-height: 125%; }
#main h1 { font-style: italic; font-size: 10pt; letter-spacing: 0.1em; color: #0038a8; text-transform: uppercase; padding: 5px; width: 60%; border-bottom: 1px solid #0038a8;  margin-bottom: 5px; margin-top: 5px; }
#main h2 { font: normal normal 600; letter-spacing: 0.1em; padding: 5px;  margin-bottom: 5px;  color: #000000; text-transform: uppercase; font-size: 10pt; }
#main h3 { font-size: 10pt; margin-bottom: 0px; }

/* -------  tables  -------  */
#main table.blkborder { border-collapse: collapse; border: 2px solid black; width: 100%; }
#main table.blkborder td { padding: 2px; border: 1px solid black; }
#main tr.dkgrayback { background-color: #666666; }
#main tr.grayback { background-color: #dddddd; }
#main table td { vertical-align: text-top; }
#main table td.padright { padding-right: 20px; }
#main table td.alignright { text-align: right; }
#tablerow { margin: 0px; padding: 5px; font-weight: bold; text-align: left; border-right: 1px solid gray; border-bottom: 1px solid #0038a8; background-color: #ccc; }
#tablecol { margin: 0px; padding: 5px; font-weight: bold; text-align: left; border-right: 1px solid gray; border-bottom: 1px solid #0038a8; background-color: #ccc; }
#tablecontent { margin: 0px; padding: 5px; font-weight: normal; text-align: left; border-bottom: 1px dotted gray; border-right: 1px solid gray; background-color: #fff; line-height: 170% }
#tablecontent p { margin: 0px; padding: 5px; }

/* Sortable tables */
table.sortable {border: 1px solid #dddddd; width:99%;}
table.sortable a.sortheader { background-color:#666666; color:#ffffff; font-weight: bold; text-decoration: none; display: block; }
table.sortable span.sortarrow { color: #ffffff; text-decoration: none; }

/* Form styles */
#main select { border: solid 1px #0038a8; color: #0038a8; font-size: 95%; }
#main textarea { border: solid 1px #0038a8; color: #000000; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; }
#main option { border: 0; color: #0038a8; font-size: 95%;  }
.plaintxtbox { border: solid 1px #0038a8; color: #000000; height: 15px; }
.disabletxtbox { border: solid 1px #0038a8; height: 14px; color: #0038a8; background-color: #dddddd; }

/* -- old form styles -- */
.textinput { margin: 0px; padding: 0px; height: 15px; color: #000; background-color: #dae0f2; }
.textareainput { margin: 0px; padding: 0px; color: #000; background-color: #dae0f2; }
.redsubmit { background-image: src(../images/find.gif); height: 20px; width: 82px; }
.clearbutton { background-image: src(../images/clear.gif); height: 20px; width: 82px; }
.bbutton { background-color: #0038a8; border-width: 1; color: #ffffff; font-size: 10px; font-weight: normal; text-transform: uppercase; }
.wbutton { background-color: #ffffff; border-width: 1; color: #0038a8; font-size: 9px; font-weight: normal; text-transform: uppercase; }
.gbutton { background-color: #666666; border-width: 1; color: #ffffff; font-size: 7pt; font-weight: bold; text-transform: uppercase; }
.rbutton { background-color: #FF0000; border-width: 1; color: #ffffff; font-size: 7pt; font-weight: bold; text-transform: uppercase; }
button.clean { background:none; border:0; }

/* -- for use with show/hide v.1 */
#hide1 { display:block }
#hide2 { display:none; }

/* -------  images -------  */
a img { border:0px; text-decoration:none; }
img.pdf-image { height: 12px; width: 12px; border: none; vertical-align: middle; }
img.word-image { height: 12px; width: 12px; border: none; vertical-align: middle; }
img.book-image { height: 17px; width: 23px; border: none; vertical-align: middle; }
img.csl-image { border: none; vertical-align: middle; }
img.fulltext-image { border: none; vertical-align: middle; }
img.pdfhelp-image {  border: none; vertical-align: middle; }
img.info { border: none; vertical-align: middle; }
img.renew { height: 12px; width: 16px; border: none; vertical-align: middle; }
img.rss-image { border: none; vertical-align: top; }
img.casestudy { border: none; vertical-align: middle; }

 /* The filst H2  */
.active { background: #0038A8; color: black; border-left-color: black; }

/* to hide the text link */
.alt { display: none; }

hr.light { border-style: dotted; color: #dae0f2; }

/* to hide the skip navigation link */
.skipnav { display: none; }
#search {	float: left; margin: 0px;	padding: 3px 0px 3px 5px;	border-right: 1px solid #000;	background-color: #333;	width: 171px; height: auto; display: block; }

/* Corrects the 2px white space that apears in firfox.  IE Ignores this style */
html>body #search { border-bottom: 1px solid #000;	}

.lsearch {  margin: 0px; padding: 0px; color: #000; background-color: #333; display: block; }
.searchbutton { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; display: block; }
.formtextboxtext { padding: 0px 0px 0px 1px; margin: 0px; color: #369; background-color: #eee; border: 0px solid #000; font-weight: normal; font-size: 9pt; voice-family: "\"}\""; voice-family: inherit; font-size: 8pt; height: 15px; width: 150px; float: left; display: block; }

/* a grey background */
.greydiv { padding: 5px; background-color: #ffffff; border: 1px solid #dddddd; margin: 0 3px 4px 0; background-image: url(/images/hashline.gif); background-repeat: repeat-x; font-size: 8pt; width: 95%; }

/* breadcrumb area */
#breadcrumb { color: #000; padding: 0px; font-size: 8pt; float: left; }
#breadcrumb a { margin: 0px; color: #0038a8; }
#breadcrumb a:hover { color: #000; text-decoration: none; }

/* util area */
#util { float: right; color: #333333; text-decoration: none; font-size: 8pt; margin-top: 3px;  }
#util a,
#util a:link,
#util a:visited,
#util a:active { font-family: sans-serif; color: #0038a8; text-decoration: none; }
#util a:hover { font-family: sans-serif; color: #0038a8; text-decoration: underline; }

ul.fancy li { list-style: url(../images/bullet_arrow.gif);  }
ul.fancy-blue li { list-style: url(../images/bullet_arrow_blue.gif);  }

/* box around general information inside of help > contact > locations, etc. */
.geninfobox { float:right; background-color:#dae0f2; padding:8px; margin-right:8px; margin-left:8px; width: 30%; }
.geninfobox h5 { font-size: 10pt; border-bottom: 1px dotted #000000; font-style: italic; padding: 0; margin: 0; }
.starthere {background-image: url(../images/starthere.gif); background-repeat: no-repeat;	background-color: #FFF7B3; font-weight: bold; font-size: 9pt; padding: 15px 0px 12px 40px; margin-right: 4px; }
.starthere2 {background-image: url(../images/starthere.gif); background-repeat: no-repeat;	background-color: #ffffff; border:1px solid #cccccc; font-weight: bold; font-size: 9pt; padding: 15px 0px 12px 40px; margin: 10px 0 0 0; }
.startsearch { border:1px solid #dae0f2; padding: 10px; margin: 0 4px 4px 0; background-image: url(/images/hashline.gif); background-repeat: repeat-x; }
.startsearch h4 { margin: 0; padding: 0 0 8px 0; color: #333333; font-size: 13px; }

/* yellow feature box on Resources and Services home pages */
.feature-box { float:right; background-image: url(/images/yellowsquare_gradient.gif); background-repeat:no-repeat; padding: 6px; margin: 0px 0px 8px 2px; width: 249px; height: 85px; font-size:8pt; }

/* Case study page styles */
.svcfeatures { text-align: left; background-image: url(../images/hashmark_blue.gif); background-repeat:repeat; padding: 6px; width: 94%; }
.svcfeatures-empty { text-align: left; padding: 0 6px 0 6px; width: 96%; }
.insidefeatures { float: left; width: 29%; text-align:left; background-color: #ffffff; padding: 7px; padding-top:2px; font-size:10pt; margin: 0 7px 14px 7px; background-image: url(../images/services_gradient.gif); background-repeat: repeat-x; border: 1px solid #f6ad57; }
.insidefeatures h3 { font-size: 9pt; color: #ffffff; margin-top: 0px; padding-top:0px; }
.insidefeatures p { margin-top:4px; font-size: 8pt; }
.insidefeatures ul li { list-style: url(../images/bullet_arrow.gif); vertical-align: top; }
.insidefeatures a { text-decoration: none; font-size: 8pt; }

/* When Using the inside features class without a svcfeatures container */
.insidefeature-r { float: right; width: 29%; text-align:left; background-color: #ffffff; padding: 7px; padding-top:2px; font-size:8pt; margin: 0 7px 14px 7px; background-image: url(../images/services_gradient.gif); background-repeat: repeat-x; border: 1px solid #f6ad57; }
#main .insidefeature-r h3 { font-size:8pt; color: #ffffff; margin-top: 0px; padding-top:0px; }
.insidefeature-r p { margin-top: 0px; font-size: 8pt;}
.insidefeature-r ul { margin: 0px; padding: 0px; }
.insidefeature-r ul li { margin-left: 0px; padding-left: 0px; list-style: url(../images/bullet_arrow.gif); font-size: 8pt; }
.insidefeature-r a { text-decoration: none; font-size: 8pt; }
.insidefeature-r img { border: 0px solid #dae0f2 }

img.cat-title {  }

.feature-box-title { margin-top:4px; margin-left: 4px; font-size: 10pt; color:#f7941d; font-weight: bold;  }


.clearer { clear: left; }
.clearall {	clear: both; }

/* last updated area */
#updated { margin: 0px; padding: 5px 0px 10px 5px; font-size: 7pt; color: #000; }

/* footer area */
.prefooter { margin: 0; padding: 0px 0px 5px 0px; font-size: 8pt; width:800px; border-top: 1px solid #0038A8; }
.prefooter p { margin: 0px 0px 5px 185px; padding: 0px; text-align:left; line-height: 100%; }
#prefooter-identity { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 10px; background: #0038A8; }
#footer { margin: 0; padding: 0px 0px 5px 0px; font-size:8pt; width:800px; }
#footer p { margin: 0px 0px 5px 185px; text-align:left; color: #666; line-height: 100%; }

/*  -=-=-=- AJAX RSS Reader -=-=-=- */
.error { background: url(error.png) no-repeat; padding: 2px 0 0 20px; 	list-style: none; }
div.channeltitle { clear: both;	border-top: #333 1px solid;	font-weight: bold;	font-size: 24px;	padding-bottom: 2px;	margin: 5px; padding-top: 2px;	border-bottom: #333 1px solid;	background-color: #f8f8f8;	width: 100% }
div.channeltitle a {	color: black; text-decoration: none; }
div.channeltitle a:hover {	text-decoration: underline; }