﻿.foo {}
/*====== RESETS====== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
a { outline: none; }

/* ====== defaults ====== */
a { color: #1365b7; line-height: 19.5px; text-decoration: underline; }
a:hover { text-decoration: none; }

body { background-color: #434343; }
body, div, p { color: #222; font: normal normal normal 12px/19.5px arial; }

em { font-style: italic; }

h1 { color: #1365b7; font: normal normal normal 225% arial; font-weight: bold; margin-top: 15px; margin-bottom: 20px; }
h2 { color: #1365b7; font: normal normal normal 150% arial; }
	h2 small { color: #9aa0a3; display: block; }
h3 { color: #1365b7; font: normal normal normal 125% arial; }
h4 { color: #1365b7; font: normal normal normal 110% arial; }

hr { background-color: #fff; border: none 0; color: #fff; border-bottom: dotted 1px #666; margin: 10px 0; }

p { margin: 15px 0; }

small { font-size: 85%; }
strong { font-weight: bold; }

/* wraps site content */
#page { background-color: #fff; margin: 0 auto; padding: 0 0; width: 942px; _text-align: left; }
/* wraps site header */
#hd { background-color: #fff; height: 128px; overflow: hidden; /*padding-left: 5px;*/  }
/* wraps site body */
#bd { background-color: #fff; padding: 0; }
/* wraps site footer */
#ft { background-color: #1563b2; clear: both; padding: 20px; }
	#ft p { color: #fff; font-size: 85%; margin: 0; text-align:left; }
	#ft a { color: #fff; }

#nav { background: transparent url(lib/imgs/siteNavBg.jpg) left top repeat-x; }
			
/* ====== alignment helpers ===== */
.align-ct { display: block; margin-left: auto; margin-right: auto; text-align:center; }
.align-rt { text-align: right; }

/* ====== assets ===== */
.editor { border: dotted 1px #666; }
.editor:hover { border: dotted 1px #fff; }
	.editor a.asset { display:inline-block; float: right; }
div.asset p { margin-bottom: 1em; margin-top: 0; }
div.asset ul { list-style-type: disc; margin: 0 0 1em 2em; }
div.asset li { line-height: 1.5em; }
div.asset h2 { margin-bottom: 1em; }

.sandbox { } /* cms content appears in these */

/* ====== banners ====== */
#spotlight { background-color: #222222; height: 225px; overflow: hidden; } /* 290px; }	*/
		
#login-box { background-color: #fff; }
#login-status { float:right;margin:5px 5px 0 0;font-size:11px; }

/* ====== buttons ====== */
.send-button { width: auto !important; }

a.btn { cursor: pointer; text-decoration:none; }
a.btn:hover .i { text-decoration: underline; }
	a.btn .l, a.btn .r { background: transparent url(lib/imgs/btns/btn.jpg); display: inline-block; line-height: 26px; }
	a.btn .l { background-position: 0 0; background-repeat: no-repeat; padding-left: 20px; width: 115px; }
	a.btn .r { background-position: right bottom; background-repeat: no-repeat; padding-right: 20px; }
	a.btn .i { background: #11459a url(lib/imgs/btns/btn.jpg) 0 -31px repeat-x; color: #fff; font-weight: bold; text-align:center; line-height: 26px; padding: 0 10px; }

a.file { display: inline-block; height: 20px; line-height: 20px; padding-left: 20px; }
	a.file.pdf { background: transparent url(lib/imgs/icos/pdf.gif) no-repeat scroll 0 50%; }
	a.file.rss { background: transparent url(lib/imgs/icos/rss.png) no-repeat scroll 0 50%; }

a.link-icon { display: block; height: 20px; line-height: 20px; padding-left: 20px; }
	a.link-icon.external { background: transparent url(lib/imgs/icos/external_link.png) no-repeat scroll 0 50%; }
	a.link-icon.save { background: transparent url(lib/imgs/icos/bullet_disk.png) no-repeat scroll 0 50%; }
	a.link-icon.share { background: transparent url(lib/imgs/icos/group.png) no-repeat scroll 0 50%; }
	a.link-icon.comments { background: transparent url(lib/imgs/icos/comments.png) no-repeat scroll 0 50%; }
	
input.btn { padding-left: 25px; }
	input.btn.cancel { background: #ece9d8 url(lib/imgs/icos/cross.png) no-repeat 2px 0px; }
	input.btn.save { background: #ece9d8 url(lib/imgs/icos/disk.png) no-repeat 2px 0px; font-weight: bold; width: 200px; }
	input.btn.search { background: #ece9d8 url(lib/imgs/icos/zoom.png) no-repeat 2px 0px; }
	input.btn.delete { background: #ece9d8 url(lib/imgs/icos/delete.png) no-repeat 2px 0px; }
	input.btn.new { background: #ece9d8 url(lib/imgs/icos/add.png) no-repeat 2px 0px; width: 80px !important; }
	input.btn.upload { background: #ece9d8 url(lib/imgs/icos/upload.gif) no-repeat 2px 0px; padding: 3px 0 3px 25px; }
	

/* ====== columns ====== */
#bd .main { background: #fff url(lib/imgs/bodyMainBg.jpg) left top repeat-x; overflow: hidden; _overflow: visible; _zoom: 1;  min-height: 425px; padding: 0 15px 55px; }
	#bd .main .nomenu { padding: 0 10px 0 20px; }
	#bd .main .gutter-left { padding: 20px 0 20px 15px; }
#bd .leftCol { background: #85b5e4 url(lib/imgs/submenuCap.gif) left bottom no-repeat; float: left; width: 226px; _margin-right: -3px; padding: 0; padding-bottom: 140px; }
#spotlight .main { background: #222 none; }
/*.rightCol { float: right; width: 500px; _margin-left: -3px; }*/

.pillbox .unit { margin-right: 25px; }
	.pillbox .lastUnit { margin-right: 0; }

#contact-cols .unit { padding: 10px 0 0; }
#contact-cols .lastUnit { padding: 10px 0 0 35px; }

/* ====== forms ====== */
fieldset { border: none 0; /*border-top: solid 1px #9aa0a3;*/ padding: 0 10px 10px 0; margin: 0; }
fieldset.noborder { border: none 0; }
	fieldset legend { color: #1365B7; font-size: 16px; line-height: 26px; /*margin-bottom: 10px;*/ margin-bottom: 10px; padding: 0; }
	fieldset label { color: #000; display: block; float: left; width: 115px; padding: 0; margin: 5px 0 0; text-align: right; }
	fieldset input, fieldset textarea, fieldset select { width: auto; margin: 5px 0 0 10px; }
	fieldset input#reset, fieldset .reset { margin-left: 0px; }
	fieldset textarea { overflow: auto; }
	fieldset small { display: block; font-size: 85%; margin: 0 0 5px 120px; padding: 1px 3px; }
	fieldset .required { font-weight: bold; }
	fieldset br { clear: left; }
	fieldset .validator { background: transparent url(lib/imgs/icos/exclamation.png) scroll no-repeat; text-indent: -999px; width: 20px; height: 15px; overflow:hidden; }
	fieldset p { margin: 0; }
	fieldset .title { font-size: 16px; }
	fieldset .readonly { border: none 0; background-color: Transparent; }

.tinySignIn { background-color: #85b5e4; width: 226px; position: absolute; -moz-border-radius: 0 0 15px; border-radius: 0 0 15px; }
	.tinySignIn fieldset { padding: 15px; }
	.tinySignIn a.btn { background-color: #1361ae; color: #fff; display: inline-block; font-weight: bold; line-height: 26px; padding: 0 15px; }
	.tinySignIn label { color: #fff; text-align: left; }
	.tinySignIn small { margin-left: 0px; }
	.tinySignIn input { margin-left: 0; width: 190px; }
	.tinySignIn ul { display: inline-block; height: 20px; width: 180px; margin: 10px auto 0; }
		.tinySignIn ul li { float: left; width: 110px; }
			.tinySignIn ul li.last { border-left: solid 1px #000; padding-left: 10px; float: none; margin-left: 115px; width: auto; }
			.tinySignIn ul li a { color: #000; }

fieldset.comment-form {}
	fieldset.comment-form label { width: 75px; }
	fieldset.comment-form input, fieldset.comment-form textarea { width: 300px; }
	fieldset.comment-form small { margin-left: 80px; }
	fieldset.comment-form .submit-button { width: auto !important; }

fieldset.contact-form { width: 340px; }
	fieldset.contact-form label { text-align: left; display: block; float: none; }
	/*#contact-form input { width: 200px; }*/
	fieldset.contact-form textarea, fieldset.contact-form input { margin-left: 0; width: 300px; }
	fieldset.contact-form .submit-button { width: auto !important; }

fieldset#signin input { width:140px; }
fieldset#signin .submit-button { width: auto; }
/* ====== font styles ====== */
.underline { text-decoration: underline; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.valign-middle { vertical-align: middle; }
.small { font-size: 93%; }

/* ====== lines ====== */
.line, .lastUnit { overflow: hidden; _overflow: visible; _zoom: 1; }
.unit { float: left; _zoom: 1; }
.hLine .unit { line-height: 30px !important; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size2of4 { width: 50%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }
.gutter { width: 15px; }
.lastUnit { float: none; _position: relative; _left: -3px; _margin-right: -3px; width: auto; }

/* ====== lists ====== */

#hd ul li { float:left; padding-top: 15px; }
	#hd ul li.first { padding-left: 15px; width: 295px; }
		#hd ul li.first a { display:block;  }
	#hd ul li.last { float:none; margin-left: 295px; text-align:center; }

li.nodata { color: #999; padding-bottom: 15px; text-align: center; }

dl.audit-info { font-size: 93%; }
	dl.audit-info dt { float: left; width: 100px; }
	dl.audit-info dd { margin-left: 110px; }

	#spot1 { margin-bottom: 20px; width: 460px; margin: 15px auto 25px; }
		#spot1 div {  }
		#spot1 small a { display: block; text-align: right; }

ul.articles {}
	ul.articles li { border-bottom: dotted 1px #999; margin-bottom: 15px; }
		ul.articles li .title { font-family: georgia; font-size: 150%; }
		ul.articles li .title small { font-size: 75%; }
ul.articles li li, .issueArticleSummary ul li { border-bottom: none; margin-bottom:5px; list-style:disc; line-height: 1.75em; }
ul.articles li ul, .issueArticleSummary ul { margin-top: 15px; margin-left: 30px; }

ul.articles.short { margin-top: 15px; }
	ul.articles.short li { border: none 0; list-style-type: disc; margin-bottom: 0; margin-left: 15px; }
		
ul.content-comments {}
	ul.content-comments li { padding-top: 15px; border-bottom: dotted 1px #999; }
		ul.content-comments li .author { color: #999; font-size: 93%; }
		ul.content-comments li .body { margin-bottom: 15px; }

ul.content-tools { float:right; line-height: 20px; height: 20px; }
	ul.content-tools li { float: left; line-height: 20px; margin: 0 6px; position: relative; }

dl.content-vitals {}
	dl.content-vitals dt { float: left; font-weight: bold; line-height: 16px; width: 40px; }
	dl.content-vitals dd { line-height: 16px; margin-left: 50px; }
	
dl.admin-vitals {}
	dl.admin-vitals dt { float: left; font-weight: bold; line-height: 16px; width: 100px; }
	dl.admin-vitals dd { line-height: 16px; margin-left: 110px; }
	
dl.rssfeeds { margin-left: 15px; }
	dl.rssfeeds dt { float: left; font-weight: bold; line-height: 16px; width: 100px; }
	dl.rssfeeds dd { line-height: 16px; margin-left: 115px; }

ul.contacts {}
	ul.contacts li {line-height: 20px; margin-bottom: 15px; }	
	
ul.staff {}
	ul.staff li { border-bottom: dotted 1px #999; margin-bottom: 15px; padding-bottom: 15px; }		

/* ===== menus ===== */

#ft .menu li { color: #fff; float: left; font-size: 1.25em; font-weight: bold; width: 20%; }
	#ft .menu a { font-size: 12px; text-decoration: none; }
		#ft .menu a:hover { text-decoration: underline; }
	#ft .menu .last { float:none; width: auto; margin-left:720px; }
	#ft .menu li li { float: none; width: auto; }
		#ft .menu li li a { font-weight: normal; }

#nav .menu { height: 42px; margin-left: 218px; }
	#nav .menu li { display: inline-block; float: left; margin: 0 10px; width: 100px; }
	#nav .menu li.last { float: none; margin-right: 0; }
		#nav .menu li a { color: #fff; display: block; font-weight:bold; height: 42px; line-height: 42px; text-align: center; text-decoration: none; }
		#nav .menu li a:hover, #nav .menu li.active a, #nav .menu li.current a { background: transparent url(lib/imgs/siteNavBg.jpg) left -42px repeat-x; color: #ffea00; }	

		#nav .menu tr.side td.left, 
        #nav .menu tr.side td.right { background: transparent url(lib/imgs/verticals-sprite.png) repeat-y scroll 0 0; }
        #nav .menu tr.btm td { background: transparent url(lib/imgs/horizontals-sprite.png) repeat-x scroll 0 0; }
        #nav .menu tr.side td.left { background-position: -147px 0; width: 10px; }
        #nav .menu tr.side td.right { background-position:-159px 0; width: 19px; }
        #nav .menu tr.btm td.left,
        #nav .menu tr.btm td.right { background: transparent url(lib/imgs/corners-sprite.png) repeat-x scroll 0 0; }
        #nav .menu tr.btm td { background-position:0 -133px; height: 16px; }
            #nav .menu tr.btm td.left { background-position:-7px -616px; }
            #nav .menu tr.btm td.right { background-position:0 -644px; }

		#nav .menu li div { position: absolute; display: none; top: 170px; z-index: 999;  }
			#nav .menu li table { }
			#nav .menu li ul { }
			#nav .menu li li { display: block; float: none; width:170px !important; }
				#nav .menu li li a { background-image: none !important; color: #000 !important; display: block; font-weight: normal; height: 18px; line-height: 18px; text-indent: 0; text-decoration: none; padding: 0 2px; text-align:left; }
				#nav .menu li li a:hover { background-color: #1563b2 !important; color: #fff !important; }
	
#aboutpage-sub.menu-submenu {  }

#submenu { margin: 15px 0 0 30px; }
	#submenu li { margin-top: 10px; list-style-image: url(lib/imgs/submenuBullet.gif); }
		#submenu li span { color: #fff; font-size: 135%; font-weight: bold; text-transform:lowercase; }
		#submenu li ul { }
			#submenu li li { margin: 5px 0 0 15px; }
				#submenu li li a { color: #fff; font-weight: normal; text-decoration: none; }
				#submenu li li.active a { font-style: italic; font-weight: bold; }
				li.rss { background: transparent url(lib/imgs/icos/rss.png) no-repeat scroll 70px 50%; }
					#submenu li li a:hover { text-decoration: underline; }

/* ====== modules ====== */
        .mod, .mod .left, .mod .right { background-image: url(lib/imgs/mod.jpg); background-color: Transparent; }
        .mod { background-repeat: repeat-x; background-position: left -960px; padding-bottom: 10px; }
            .mod .right { background-repeat: no-repeat; background-position: right top; padding: 0 20px 0 0; }
            .mod .left { background-repeat: no-repeat; background-position: left -480px; padding: 0 0 0 20px; }
            .mod h1 { color: #fff; font-size: 24px; font-weight: bold; line-height: 39px; margin-bottom: 0; padding-top: 10px; } 
            .mod h2 a { color: #000; font-size: 15px; font-weight:bold; text-decoration: none; }
            .mod .fixedHeight { height: 275px; overflow: hidden; margin-bottom: 15px; }

/* ======= system messages ======= */
div.sys-msg { margin-bottom: 10px; padding: 10px 10px 10px 60px; }
div.sys-msg h4 { font-size: 135%; text-decoration: underline; }
div.sys-msg ul { margin-left: 30px; margin-top: 10px; }
div.sys-msg ul li { list-style-type: disc !important; padding: 0px; }

.success, .error { border:2px solid #DDDDDD; margin-bottom:1em; padding:0.8em; }
.success h4, .error h4 { font-weight: bold; }
.success ul, .error ul { margin-left: 25px; list-style-type:disc }

div.success { background:#E6EFC2 none repeat scroll 0 0; border-color:#C6D880; }
	div.success, div.success * { color:#264409 !important; line-height: 18px; }
div.error { background:#FBE3E4 none repeat scroll 0 0; border-color:#FBC2C4; }
	div.error, div.error * { color:#8A1F11 !important; line-height: 18px;  }
	
/* ===== tables ===== */
.datalist tr {}
	.datalist tr td { border: dotted 1px #666; padding: 3px 5px; }
	.datalist tr.odd td { background-color: #BBDAF7; }
	.datalist tr th { background-color: #333; border: dotted 1px #666; color: #fff; font-weight: bold; padding: 10px 10px; text-align: center; }

#transDisc { }
        #transDisc tbody td { line-height: 25px; text-align: right; }
        #transDisc tbody .label { line-height: 25px; padding-right: 15px; width: 150px; }
			#transDisc.cols3 tbody .label { font-size: .95em; width: 200px; }
			#transDisc.cols6 input[type=text] { width: 50px; }
			#transDisc.cols6 td { padding-right: 10px; }
			#transDisc.cols6 .smallCols span { width: 40px; }
			#transDisc.cols6 .smallCols .label { text-align: left; width: 65px; }
			#transDisc .borderBox { border: solid 1px #ccc;  margin-right: 15px; -moz-border-radius: 5px; border-radius:5px; padding: 10px; }
			#transDisc .borderBox.height160 { height: 160px; }
        #transDisc tbody span { color: Blue; display: block; font-weight: bold; }
        #transDisc tbody input[type=text] { background-color: #FFFFCC; border-color: none none #D4D4D4; border-style: none none solid; border-width: 0 0 1px; }
        #transDisc tbody span, #transDisc tbody input[type=text] { text-align: right; width: 100px; }
			#transDisc.cols3 tbody span, #transDisc.cols3 tbody input[type=text] { width: 60px; }
        #transDisc thead th { color: #07519A; font-family: Georgia; font-size: 1.5em; line-height: 1.75em; }
        #transDisc thead span { display: block; font-size: .8em; margin-bottom: 15px; }
        #transDisc .btn.calc { font-weight: bold; padding: 5px 10px; }

/* ===== online buyers guide ===== */
div.enhanced-listing
{
}
div.enhanced-listing .logo
{
	float:left;
	margin-right:20px;
	width:135px;
}
div.enhanced-listing a
{
	font-size:12px; 
}
div.enhanced-listing ul
{
	display:block;  
    width:450px;
    float:left;
}
div.enhanced-listing .statement
{
	font-size:11px;
     margin:5px 0 5px 0; 
}
div.enhanced-listing .supplier-member
{
	padding:10px 0 0 30px;
}/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }

#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666; }

#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }

.TB_overlayMacFFBGHack { background: url(/lib/images/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' ); }

#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }

* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) +  'px' ); }

#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }

#TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; }

#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }

#TB_ajaxWindowTitle { float: left; font-weight: bold; padding: 7px 0 5px 10px; margin-bottom: 1px; }

#TB_title { background-color: #e8e8e8; height: 27px; }

#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }

#TB_ajaxContent.TB_modal { padding: 15px; }

#TB_ajaxContent p { padding: 5px 0px 5px 0px; }

#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) +  'px' ); }

#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }

* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' ); }

#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }
