/**
 * Scribendi.com
 *
 * Main styles for the site, positions elements, sets font-sizes etc.
 *
 * @author Dave Redfern
 * @copyright Scribendi Inc 2009
 */

/**
 * Reset.css
 *
 * Resets default browser CSS styles.
 *
 * @author Erik Meyer:
 * @link http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
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, font, img, ins, kbd, q, s, samp,
strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;
font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}

/* Remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #000; background: #fff; }
ol, ul { list-style: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Apparently Moz can render hidden inputs */
input[type=hidden] { display: none !important; }

/*
 * End of reset.css
 */



/*
 * Default definitions
 */
body { font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.15em; background: url(../images/background.png) repeat-y center top; margin-left: auto; margin-right: auto; text-align: center; }
p, ul, ol, li, dl { font-size: 1.0em; }
p { text-align: left; margin-bottom: 10px; }
p.intro { font-weight: bold; }
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #3384CD; text-decoration: underline; }
a.headline { color: inherit; text-decoration: none; }
a:hover { color: #656565; text-decoration: underline; }
input:focus { outline: 1px dashed #999; }
h1, h2, h3, h4 { margin-top: 15px; margin-bottom: 15px; line-height: 1.0em; }
h1 { color: #002D5A; font-size: 1.8em; font-family: Trajan Pro, Times New Roman, serif; font-variant: small-caps; letter-spacing: 0px; font-weight: bold; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; line-height: 1.0em; color: #002D5A; font-weight: bold; }
table th { font-weight: bold; }

dl.glossary { font-size: 0.85em; }
dl.glossary dt { font-weight: bold; padding-bottom: 5px; }
dl.glossary dd { margin-left: 10px; margin-bottom: 10px; }

/*
 * Main layout and logo / header, footer
 */
#logo { float: left; padding: 0; margin: 18px 0px 25px 30px; background: url(../images/scribendiLogo.png) no-repeat top left; width: 297px; height: 97px; }
#logo a { display: block; width: 297px; height: 97px; text-decoration: none; }
#logo a:hover { text-decoration: none; }
#logo span { visibility: hidden; }
#container { margin-left: auto; margin-right: auto; text-align: center; min-width: 750px; max-width: 980px; }
#header hr { border: 0; margin: 0; padding: 0; clear: both; background: url(../images/hfbg.png) no-repeat center top; height: 25px; }

#tagline { clear: right; margin-right: 32px; margin-top: 6px; }
#tagline .main { text-align: right; color: #036; font-weight: bold; font-family: Trajan Pro, Times New Roman, serif; font-variant: small-caps; font-size: 1.2em; line-height: 1.0em; }
#tagline .words { text-align: right; color: #0083C9; font-weight: bold; font-size: 0.8em; }

#assurance { height: 72px; }
#bbSeal { margin: 14px 0px; width: 105px; height: 44px; border: 0px; }
#isoSeal { margin: 16px 50px; width: 120px; height: 40px; border: 0px; }
#footer { color: #6699cc; background: #002D5A url(../images/hfbg.png) no-repeat center -32px; padding: 16px 0px 0px 0px; }
#footer p { margin: 0px 32px 0px 32px; font-size: 0.9em; padding-top: 0px; padding-bottom: 10px; }
#footer p a { white-space: nowrap; text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; }
#footer p a:hover { color: #7DA7DD; text-decoration: underline; }
#ccards { width: 432px; height: 38px; }

/*
 * The main menu styles and rollovers
 */
#mainMenu { display: block; position: relative; width: 100%; height: 30px; top: -26px; margin: 0; list-style: none; font-size: 0.9em; font-weight: bold; color: #999; clear: both; }
#mainMenu li { float: left; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 1; }
#mainMenu li.first { margin-left: 14px; }
#mainMenu li a { display: block; float: left; padding: 7px 19px 6px 19px; color: #fff; text-decoration: none; }

#mainMenu li:hover { background: url(../images/attractor/transparentFilter-85.png) repeat; background: rgba(255,255,255,0.85) none; }
#mainMenu li:hover a { color: #000; }
#mainMenu li:hover li a { color: #003366; }

#mainMenu:hover li.current ul { display: none; }
#mainMenu:hover li.current:hover ul { display: block; }

#mainMenu .current { background: url(../images/attractor/transparentFilter-40.png) repeat; background: rgba(255,255,255,0.4) none; }
#mainMenu .current a { color: #fff; }
#mainMenu .current ul ul, #mainMenu li ul { position: absolute; left: -999em; z-index: 999; list-style: none; }
#mainMenu .current ul, #mainMenu li:hover ul { top: 25px; left: 0px; width: 100%; z-index:2; background: url(../images/attractor/transparentFilter-85.png) repeat; background: rgba(255,255,255,0.85) none; border-bottom: 1px solid #003366; }
#mainMenu .current li a { color: #003366; }

#mainMenu li ul li.first { margin-left: 22px; }
#mainMenu li li, #mainMenu li li.current { float: left; font-size: 85%; text-indent: 0; }
#mainMenu li li a { float: left; width: auto !important; background: none !important; padding: 5px 10px 7px 10px; }
#mainMenu li li a:hover { color: #656565; text-decoration: underline; }

/*
 * The image bit below the main menu
 */
#attractor { margin-top: -30px; width: 100%; height: auto; min-height: 220px; }
#attractor { background: url(../images/attractor/home.jpg) no-repeat bottom right; width: 100%; }
#home #attractor div.filter { margin-top: 20px; } /* home has no breadcrumb */
#attractor div.filter { width: 380px; height: auto; padding: 5px; background: transparent url(../images/attractor/transparentFilter-70.png); background: rgba(255,255,255,0.7);}
#attractor div.title { min-height: 170px; padding: 5px 15px 0 25px; }
#attractor div h1 { margin-top: 0px; margin-bottom: 5px; height: 27px; }
#attractor div h1 { width: 368px; background: url(../images/text/welcomeToScribendi8bit.png) no-repeat top left; }
#attractor div h1 span { display: none; visibility: hidden; }
#attractor div h2 { text-align: left; margin: 3px 0 5px 0; font-weight: normal; line-height: 1.15em; color: #0083C9; font-size: 1.4em; font-style: italic; }
#attractor div p { margin-bottom: 5px; font-size: 0.8em; }
#attractor div p strong { color: #0083C9; font-size: 1.2em; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	#attractor div.filter.home {
		margin-top: 20px;
	}
}

#attractor .commentContainer { float: right; margin: 0px 45px 0 0; padding: 45px 0 0 20px; border: 0; background: none; width: 250px; height: 115px; font-size: 0.9em; font-style: italic; color: #333; }
#attractor .commentContainer { background: url(/images/attractor/openQuote.png) no-repeat top left; }
#attractor .commentContainer h4 { display: none; }
#attractor .commentContainer p.comment { min-height: 70px; padding: 0 10px 40px 0; background: url(/images/attractor/closeQuote.png) no-repeat bottom right; width: 260px; margin: 0; }
#attractor .commentContainer p.poster { margin-top: -35px; padding: 0 20px 0 0; font-size: 1.1em; color: #0083C9; text-align: right; }
#attractor .commentContainer p.poster strong { color: #0083C9; }

#attractor .breadcrumb { text-align: left; padding-left: 31px; padding-top: 30px; }

/*
 * Attractor link to available services and quote generator
 */
#attractor a.services { overflow: hidden; display: block; margin-top: 15px; float: none; width: 174px; height: 28px; text-decoration: none; background: url(../images/jumpToServices.png) no-repeat 0 0; }
#attractor a.services:hover { background-position: 0 -32px; }
#attractor a.services span { visibility: hidden; }

a.quote { overflow: hidden; margin-top: 15px; display: block; float: none; width: 208px; height: 28px; text-decoration: none; background: url(../images/jumpToQuote.png) no-repeat 0 0; }
a.quote:hover { background-position: 0 -32px; }
a.quote span { visibility: hidden; }

/*
 * Generic attractor (imported from generic.css)
 */
#attractor.generic { height: 260px; background-image: url(../images/attractor/generic.jpg); }
#attractor.generic div.title { padding-top: 5px; }
#attractor.generic div.filter { min-width: 425px; }
#attractor.generic div h1 { text-align: left; height: auto; background: none; color: #003366; font-family: Trajan Pro, Times New Roman, serif; line-height: 1em; font-size: 1.8em; font-weight: bold; }
#attractor.generic div h1 span { display: inline; visibility: visible; }

/*
 * The home page category selector(s)
 */
.content { min-height: 390px; text-align: left; padding: 10px 32px; }
.content.noAttractor { margin-top: -30px; }
.content.noAttractor h1 { padding-top: 5px; }
.content.noAttractor .breadcrumb { clear: both; margin-top: 17px; }
.content.noAttractor .breadcrumb + h1 { margin-top: 5px; }
.content hr { color: #D6E2F1; background-color: #D6E2F1; margin: 15px 0; padding: 0; border: 0; height: 0; border-bottom: 2px dotted #6D9DCE; }
.content h2, .content h3, .content h4 { margin-bottom: 15px; }
.content h2 span, .content h3 span, .content h4 span { display: none; visibility: hidden; }
.content #scribendiForYou { height: 25px; background: url(../images/text/scribendiForYou.png) no-repeat top left; width: 328px; }
.content p { font-size: 0.85em; text-align: left; }
.content ul, .content ol { font-size: 0.85em; }
.content ul ul, .content ol ul, .content ol ol { font-size: 1.0em; }
.content ul { margin: 10px 10px 10px 32px; list-style: disc outside; }
.content ol { margin: 10px 10px 10px 32px; list-style: decimal outside; }
.content div.rhs { margin-left: 10px; }
.content div.lhs, .content div.rhs { width: 49%; }
.content .map h3 { margin-top: 0px; }
.content form { margin-bottom: 15px }

/*
 * Stretchable boxes
 */
.displayBox { background-color: #fff; height: auto; margin-bottom: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em; }
.displayBox h3 { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; color: #fff; background: url("../images/wct.png") no-repeat top left; }
.displayBox h3 span { padding: 6px 0 6px 14px; display: block; visibility: visible; background: url("../images/wct.png") no-repeat top right;  }
.displayBox p { margin: 0; padding: 3px 10px 0px 10px; border-left: 2px solid #000; border-right: 2px solid #000; }
.displayBox p.alignRight { text-align: right; }
.displayBox a { text-decoration: none; font-weight: bold; }
.displayBox ul { margin: 0px; list-style: none; }
.displayBox ul li { background-color: #fff; font-size: 1.0em; padding: 4px 10px; border-left: 2px solid #000; border-right: 2px solid #000; }
.displayBox ul li.separator { border-top: 1px solid #666; }
.displayBox .alt { background-color: #999; }

.displayBox div.header, .displayBox div.footer { display: block; height: 8px; }
.displayBox div.header { border-top: 2px solid #000; }
.displayBox div.footer { border-bottom: 2px solid #000; }
.displayBox div.header span.left, .displayBox div.header span.right,
.displayBox div.footer span.left, .displayBox div.footer span.right {
	display: block; width: 10px; height: 10px; margin: 0; padding: 0; background: url(../images/serviceboxes/serviceBoxCorners.png) no-repeat; overflow: hidden;
}
.displayBox div.header span.left, .displayBox div.header span.right { margin-top: -2px; }
.displayBox div.header span.left, .displayBox div.footer span.left { float: left; }
.displayBox div.header span.right, .displayBox div.footer span.right { float: right; }

/* Themed boxes */
.displayBox.author h3 { background-color: #3384CD; }
.displayBox.author p { border-color: #3384CD; }
.displayBox.author a { color: #0083C9; }
.displayBox.author ul li { border-color: #1686E6; }
.displayBox.author ul li.alt { background-color: #DDE8FF; }
.displayBox.author div.header, .displayBox.author div.footer { border-color: #3384CD; }
.displayBox.author div.header span.left { background-position: 0 0; }
.displayBox.author div.header span.right { background-position: -12px 0; }
.displayBox.author div.footer span.left { background-position: 0 -121px; }
.displayBox.author div.footer span.right { background-position: -12px -121px; }

.displayBox.esl h3 { background-color: #544BAA; }
.displayBox.esl p { border-color: #544BAA; }
.displayBox.esl a { color: #544BAA; }
.displayBox.esl ul li { border-color: #544BAA; }
.displayBox.esl ul li.alt { background-color: #E0DAF3; }
.displayBox.esl div.header, .displayBox.esl div.footer { border-color: #544BAA; }
.displayBox.esl div.header span.left { background-position: 0 -33px; }
.displayBox.esl div.header span.right { background-position: -12px -33px; }
.displayBox.esl div.footer span.left { background-position: 0 -88px; }
.displayBox.esl div.footer span.right { background-position: -12px -88px; }

.displayBox.corporate h3 { background-color: #76A63F; }
.displayBox.corporate p { border-left: 2px solid #76A63F; border-right: 2px solid #76A63F; }
.displayBox.corporate a { color: #76A63F; }
.displayBox.corporate ul li { border-color: #76A63F; }
.displayBox.corporate ul li.alt { background-color: #DCEECC; }
.displayBox.corporate div.header, .displayBox.corporate div.footer { border-color: #76A63F; }
.displayBox.corporate div.header span.left { background-position: 0 -22px; }
.displayBox.corporate div.header span.right { background-position: -12px -22px; }
.displayBox.corporate div.footer span.left { background-position: 0 -99px; }
.displayBox.corporate div.footer span.right { background-position: -12px -99px; }

.displayBox.student h3 { background-color: #40A3BE; }
.displayBox.student p { border-left: 2px solid #40A3BE; border-right: 2px solid #40A3BE; }
.displayBox.student a { color: #40A3BE; }
.displayBox.student ul li { border-color: #40A3BE; }
.displayBox.student ul li.alt { background-color: #C9E6ED; }
.displayBox.student div.header, .displayBox.student div.footer { border-color: #40A3BE; }
.displayBox.student div.header span.left { background-position: 0 -55px; }
.displayBox.student div.header span.right { background-position: -12px -55px; }
.displayBox.student div.footer span.left { background-position: 0 -66px; }
.displayBox.student div.footer span.right { background-position: -12px -66px; }

.displayBox.business h3 { background-color: #DEA43B; }
.displayBox.business p { border-left: 2px solid #FF992D; border-right: 2px solid #FF992D; }
.displayBox.business a { color: #FF992D; }
.displayBox.business ul li { border-color: #FF992D; }
.displayBox.business ul li.alt { background-color: #FFEAC2; }
.displayBox.business div.header, .displayBox.business div.footer { border-color: #FF992D; }
.displayBox.business div.header span.left { background-position: 0 -11px; }
.displayBox.business div.header span.right { background-position: -12px -11px; }
.displayBox.business div.footer span.left { background-position: 0 -110px; }
.displayBox.business div.footer span.right { background-position: -12px -110px; }

.displayBox.personal h3 { background-color: #F55A18; }
.displayBox.personal p { border-left: 2px solid #FF4B00; border-right: 2px solid #FF4B00; }
.displayBox.personal a { color: #F55A18; }
.displayBox.personal ul li { border-color: #F55A18; }
.displayBox.personal ul li.alt { background-color: #FFE0D2; }
.displayBox.personal div.header, .displayBox.personal div.footer { border-color: #F55A18; }
.displayBox.personal div.header span.left { background-position: 0 -44px; }
.displayBox.personal div.header span.right { background-position: -12px -44px; }
.displayBox.personal div.footer span.left { background-position: 0 -77px; }
.displayBox.personal div.footer span.right { background-position: -12px -77px; }

.displayBox.author a:hover, .displayBox.esl a:hover, .displayBox.corporate a:hover,
.displayBox.student a:hover, .displayBox.business a:hover, .displayBox.personal a:hover,
.displayBox a:hover { color: #656565; }

.displayBox a.linkIcon { display: block; font-size: 1.15em; overflow: hidden; height: 16px; padding-right: 12px; background: url(../images/categoryBoxLinks.png) no-repeat top right; }
.displayBox.author a.linkIcon { background-position: right 0; }
.displayBox.esl a.linkIcon { background-position: right -54px; }
.displayBox.corporate a.linkIcon { background-position: right -36px; }
.displayBox.student a.linkIcon { background-position: right -90px; }
.displayBox.business a.linkIcon { background-position: right -18px; }
.displayBox.personal a.linkIcon { background-position: right -72px; }
.displayBox a.linkIcon:hover { background-position: right -108px; }

.displayBox h3 span a,
.displayBox.author h3 span a, .displayBox.esl h3 span a,
.displayBox.corporate h3 span a, .displayBox.student h3 span a,
.displayBox.business h3 span a, .displayBox.personal h3 span a {
	color: #fff;
}
.displayBox h3 span a:hover,
.displayBox.author h3 span a:hover, .displayBox.esl h3 span a:hover,
.displayBox.corporate h3 span a:hover, .displayBox.student h3 span a:hover,
.displayBox.business h3 span a:hover, .displayBox.personal h3 span a:hover {
	color: #fff;
}
.displayBox a.linkTitle { color: #000; }
.displayBox ul.liLink li, .displayBox ul li.liLink { cursor: pointer;  }
.displayBox ul.liLink li:hover, .displayBox ul li.liLink:hover { background-color: #dedede; color: #000; }

.categoryBox { width: auto; }
.categoryBox h3 + p { height: 4.2em; }
.servicesBox { width: 95%; }
/* Target CSS3 */
.displayBox:nth-of-type(1n) { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.displayBox:nth-of-type(1n) h3, .displayBox:nth-of-type(1n) .header { -webkit-border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0;}
.displayBox:nth-of-type(1n) .header { border-style: solid solid none; border-width: 2px;}
.displayBox:nth-of-type(1n) div.footer { border-style: none solid solid; border-width: 2px; -webkit-border-radius: 0 0 9px 9px; -moz-border-radius: 0 0 9px 9px; border-radius: 0 0 9px 9px;}
.displayBox:nth-of-type(1n) h3, .displayBox:nth-of-type(1n) h3 span, .displayBox:nth-of-type(1n) span.left, .displayBox:nth-of-type(1n) span.right {background-image: none !important}
/*
 * Link to main menu (top)
 */
a.jump { margin-top: 10px; float: right; display: block; width: 132px; height: 28px; text-decoration: none; background: url(../images/jumpToTop.png) no-repeat top left; }
a.jump:hover { background-position: 0 -31px; }
a.jump span { visibility: hidden; }

/*
 * Assorted Helper Classes
 */
.hidden { display: none; visibility: hidden; }
.alignLeft { text-align: left; }
.alignJustify { text-align: justify; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatLeft.floatSpacer { margin-right: 1em; }
.floatRight.floatSpacer { margin-left: 1em; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.icon { vertical-align: middle; width: 16px; height: 16px; border: 0px; text-decoration: none; }
.lowprice { margin-bottom: 0px; }
.bookmarkLink { text-align: right; margin-top: 0px; }
.editornotesContainer { border: 1px solid white; padding: 6px 10px; }
.searchContainer { border: 1px solid white; padding: 5px; width: 400px; }
.faqSearchNav { width: 100%; }
.objFloatLeft { float: left; border: 1px solid #000; margin-right: 15px; margin-bottom: 15px; clear: left; }
.objFloatRight { float: right; border: 1px solid #000; margin-left: 15px; margin-bottom: 15px; clear: right; }
.caption { text-align: center; font-style: italic; color: #999; padding: 3px; font-size: 10px; line-height: 12px; }
.recentPress { font-size: 0.85em; border: 1px solid #666; padding: 5px; width: 250px; height: 100%; margin-bottom: 1em; }
.recentPress h4 { margin-top: 0; padding-bottom: 4px; font-weight: bold; border-bottom: 1px solid #0083C9; }
.newsPostList .expandedArticle { margin-right: 270px; }
.articleProperties { float: right; width: 200px; border: 3px solid #003366; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0.5em; }
.relatedArticles ul { padding: 0; margin-left: 1.0em; }
.border { border: 1px solid #000; }

.beforeAfter {clear: right; border: 1px solid #3384cd; padding: 5px; background: #f6fcff;}
.beforeAfter div {float:left; margin: 5px; text-align: center;}
.beforeAfter div a {display: block; border: none; color:#000; text-decoration: none;}
.beforeAfter div strong {font-weight: bold; font-size: 0.8em; display:block;}
.greyBorder {border: 1px solid #666;}

.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }

#content .quoteFormComment { float: right; display: block; width: 250px; height: auto; margin-left: 5px;background: transparent url(/images/openQuote.png) no-repeat top left; }
#content .quoteFormComment .quoteFormLink { padding-left: 21px; }
#content .quoteFormComment .commentContainer { padding-top: 40px; padding-left: 25px; }
#content .quoteFormComment .commentContainer .comment { padding-bottom: 40px; background: url(/images/closeQuote.png) no-repeat bottom right; font-style: italic; font-weight: bold; font-size: 1.0em; line-height: 1.0em; color: #fff; }
#content .quoteFormComment .commentContainer .poster { margin-top: -30px; }
#content .instruction { color: #0083C9; font-weight: bold; font-size: 1.0em; margin-bottom: 15px; }

#attractor .breadcrumb, .content .breadcrumb { font-size: 10px; }
.breadcrumb { font-size: 0.8em; font-weight: bold; color: #60A2D6; }
.breadcrumb .selected { color: #003366; }
.breadcrumb a { text-decoration: underline; }
.breadcrumb a.jump { text-decoration: none; }

p.error { border: 1px solid #ff0000; margin: 5px 0px; padding: 10px 5px 10px 42px; background: #ffff66 no-repeat url('../images/icons/error32') 6px 4px; color: #000000; text-align: left;  }

.amazonError { padding: 10px; border: 1px solid red; background-color: yellow; color: black; }
.amazonDisclaimer { font-size: small; margin: 10px; clear: left; }

/*
 * Archive Search Results
 */
#content table.search { width: 100%; margin-top: 10px; font-size: 0.85em; background:#ffffff; color:#000000; border:1px solid black; }
#content table.search tr th { text-align: left; vertical-align: top; padding: 3px; }
#content table.search td { padding: 3px; }
#content table.search tr.alt { background-color: #eee; }
#content table.search td { padding-left: 5px; padding-right: 5px; }
#content table.search td a { font-weight: bold; background: none; }
#content table thead tr, #content table tfoot tr { color: #fff; background: url(/images/headerSeparator.png) no-repeat center center; }
.highlight { background-color: #DDE8FF; color: #000; }

/*
 * Article Pages
 */
.title { margin-bottom: 5px; }
.details { margin-bottom: 15px; font-size: smaller; }
.published {  }
.date { font-style: italic; }
.revision { font-size: small; font-style: italic; }
#content p.archiveLink { margin-top: 20px; }
.linkPDF { padding: 10px 10px 10px 50px; border: 1px solid #aaa; line-height: 38px; background: url('/images/icons/pdf.png') no-repeat 10px 12px transparent; }
.newsPostList .objFloatRight { clear: none; }

/*
 * Tag Cloud
 */
ul.tagCloud { list-style: none; }
ul.tagCloud li { list-style: none; display: inline; padding: 3px; }
ul.tagCloud li a span { font-style: italic; }

/*
 * RSS Feed Links and Lists
 */
a.feed { margin-left: 3px; padding: 0 0 0 19px; background: url("/images/icons/feed-icon-14x14.png") no-repeat 0 50%; }
.feedList { margin: 0 0 15px 15px; padding: 0; list-style-type: none; }
.feedList li { margin: 0 0 0px 0; padding: 0; list-style-type: none; }
.feedList li a { padding: 0 0 0 19px; background: url("/images/icons/feed-icon-14x14.png") no-repeat 0 50%; list-style-type: none; }

ul.feedList { text-align: center; margin-left: auto; margin-right: auto; margin: 0px; }
ul.feedList li { margin: 0 0 5px 0; padding: 0px; float: left; }
ul.feedList li a span { display: none; }
ul.feedList li a { background: none; text-align: center; display: block;  width: 80px; height: 15px; }
ul.feedList li a.rss { background: url("/images/icons/feed-rss-icon.png") no-repeat; }
ul.feedList li a.rss2 { background: url("/images/icons/feed-rss2-icon.png") no-repeat; }
ul.feedList li a.atom { background: url("/images/icons/feed-atom-icon.png") no-repeat; }
ul.feedList li a.podcast { background: url("/images/icons/feed-podcast-icon.png") no-repeat; }

/*
 * Testimonials + some Opera / FF quote fun
 */
#testimonials hr { width: 65%; }
#testimonials .commentContainer { text-align: center; margin-left: auto; margin-right: auto; width: 65%; }
#testimonials .commentContainer .comment:before { content: open-quote; }
#testimonials .commentContainer .comment:after { content: close-quote; }
#testimonials .commentContainer .comment { text-align: left; quotes: '\201C' '\201D' '\2018' '\2019'; }
#testimonials .commentContainer .poster { text-align: center; }

/*
 * Customer Profile Information Container
 */
div.cp_wrap { border: 1px solid black; background-color: #fff; color: #6699cc; }
div.cp_header { padding: 10px 10px 5px 66px; color: black; min-height: 48px; }
div.cp_wrap h2 { margin: 0px; font-size: large; background-color: transparent; color: #6699cc; }
div.cp_content { background: transparent; padding: 5px 10px; }
div.cp_content a { background-color: transparent; color: #6699cc; }

/* 
 * Customer Profile Header Icons
 */
#bk_header { background: #ddeeff url(/images/icons/servicebookmarks48.gif) no-repeat 10px 5px; }
#yp_header { background: #ddeeff url(/images/icons/clientdetails48.gif) no-repeat 10px 5px; }
#fd_header { background: #ddeeff url(/images/icons/cp_find.gif) no-repeat 10px 5px; }

/*
 * Service List Tables
 */
table.catlist { width: 97%; border: 1px solid #003366; }
table.catlist td { font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; text-align: left; line-height: 125%; padding: 6px; }
table.catlist a { font-weight: bold; text-decoration: none; cursor: pointer; }
table.catlist a:hover { text-decoration: underline; }
tr.head { background-color: #003366; color: #FFFFFF; }
tr.head th { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; text-align: center; background-color: #003366; color: #FFFFFF; }
tr.light, tr.light td, tr.light a { background-color: #f6fcff; color: #000000; }
tr.dark, tr.dark td, tr.dark a { background-color: #ddeeff; color: #000000; }
p.table { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; line-height: normal; font-weight: normal; color: #003366; text-decoration: none; padding: 0px; }

/*
 * Progress Meter
 */
.progressMeter { clear: both; overflow: auto; margin: 0; padding: 0; }
.progressMeter ol { min-height: 3em; margin: 0; padding: 0; }
.progressMeter li { float: left; width: 6em; min-height: 3em; margin: 0 .6em 0 0; padding-left: 2.2em; color: #60A2D6; background: transparent url(/images/progressNumbers.png) 0 0px no-repeat; list-style-type: none; }
.progressMeter li.two, .progressMeter li.three, .progressMeter li.four, .progressMeter li.five { margin-left: 0.6em; }
.progressMeter li.two { background-position: -180px 0px; }
.progressMeter li.three { background-position: -360px 0px; }
.progressMeter li.four { background-position: -540px 0px; }
.progressMeter li.five { background-position: -720px 0px; }
.progressMeter li.current { color: #003366; background-position: 0 -40px; font-weight: bold; }
.progressMeter li.current.two { background-position: -180px -40px; }
.progressMeter li.current.three { background-position: -360px -40px; }
.progressMeter li.current.four { background-position: -540px -40px; }
.progressMeter li.current.five { background-position: -720px -40px; }
.progressMeter p, .progressMeter li span { display: block; position: absolute; left: -9999px; }

/*
 * Generic keyword search form
 */
.keywordSearchForm { margin-left: 20%; border: 0; }
.keywordSearchForm .container { background: url(/images/searchBoxLeft.png) no-repeat left; padding-left: 21px; height: 42px; }
.keywordSearchForm .container div { background: url(/images/searchBoxBg.png) repeat-x; display: block; float: left; padding: 0px; height: 42px; border: 0px; width: 60%; }
.keywordSearchForm .container div .keywords { color: #ccc; margin-top: 8px; width: 100%; border: 0px; }
.keywordSearchForm .container div .keywords:focus { color: #666; }
.keywordSearchForm .container .button { float: left; width: 40px; height: 42px; }
#header .keywordSearchForm { float: right; margin: 32px 32px 0 0; }
#header .keywordSearchForm .container div { width: 238px; }

/*
 * styles for the quote widget
 */
.wc_widget  { clear: both; border: 1px solid #009900; margin: 8px 16px; padding: 1px; background-color: #eeffee; font-size: 90%; line-height: 1.5; }
.wc_wrap { margin: 5px 1%; }
.wc_widget a:link, .wc_widget a:visited { color: #ff0000; text-decoration: none; }
.wc_widget a:hover, .wc_widget a:active { color: #ff0000; text-decoration: underline; }
.wc_widget textarea { border: 1px solid #999999; width: 100%; }

/*
 * Customer Control Panel
 */
#cp_nav { margin-top: 10px; width: 100px; float: left; text-align: center; }
#cp_nav p { text-align: center; }
#cp_nav a { text-decoration: none; font-size: small; }

ul.sortable { list-style-type: none; margin: 0px; }
ul.sortable li { padding: 5px; }
ul.sortable .handle { margin: 0px 5px 0px 10px; cursor: move; }

div.autocomplete { margin: 0px; padding: 0px; width: 300px; background: #fff; border: 1px solid #3384cd; position: absolute; }
div.autocomplete ul { margin: 0px; padding: 0px; list-style-type: none; }
div.autocomplete ul li.selected { background-color: #003366; color: #fff; cursor: pointer; }
div.autocomplete ul li { margin: 0; padding: 2px; display: block; list-style-type: none; cursor: pointer; }

/*
 * Receipt Pages
 */
table.receipt { width: 50%; margin: 5px; }
table.receipt td { font-size: 0.85em; padding:2px; }

/*
 * Links as buttons
 */
a.link_button {	background:transparent url(/images/buttons/base_32.png) no-repeat scroll right 0; font-size:1em; height:38px; text-align:center; text-decoration:none; display:block; cursor: pointer; }
a.link_button span { background:transparent url(/images/buttons/sprite_green_32.png) no-repeat scroll left 0; color:#FFFFFF; height:38px; line-height:38px; padding:0 12px; display:block; text-decoration: none; }

a.blue_button {background:transparent url(/images/buttons/base_32.png) no-repeat scroll right -76px; font-size:1em; height:38px; text-align:center; text-decoration:none; display:block; cursor: pointer; }
a.blue_button span { background:transparent url(/images/buttons/sprite_blue_32.png) no-repeat scroll left 0; color:#FFFFFF; height:38px; line-height:38px; padding:0 12px; display:block; text-decoration: none; }

a.link_button:hover, a.blue_button:hover { text-decoration: none; }
a.link_button:hover, a.link_button:focus, a.link_button.hover { background-position:right -38px; }
a.blue_button:hover, a.blue_button:focus, a.blue_button.hover { background-position:right -114px; }

a.link_button:hover span, a.link_button:focus span, a.link_button.hover span,
a.blue_button:hover span, a.blue_button:focus span, a.blue_button.hover span { background-position:0 -38px; }

a.link_button .confirm,
a.blue_button .calc { background-position:0 -76px; padding-left:34px; }
a.link_button:hover .confirm, a.link_button:focus .confirm, a.link_button.hover .confirm,
a.blue_button:hover .calc, a.blue_button:focus .calc, a.blue_button.hover .calc { background-position:0 -114px; }

a.link_button .download,
a.blue_button .wiz { background-position:0 -152px; padding-left:34px; }
a.link_button:hover .download, a.link_button:focus .download, a.link_button.hover .download,
a.blue_button:hover .wiz, a.blue_button:focus .wiz, a.blue_button.hover .wiz { background-position:0 -190px; }

a.link_button .upload,
a.blue_button .down { background-position:0 -228px; padding-left:34px; }
a.link_button:hover .upload, a.link_button:focus .upload, a.link_button.hover .upload,
a.blue_button:hover .down, a.blue_button:focus .down, a.blue_button.hover .down { background-position:0 -266px; }

a.link_button .bookmark { background-position:0 -380px; padding-left:34px; }
a.link_button:hover .bookmark, a.link_button:focus .bookmark, a.link_button.hover .bookmark { background-position:0 -418px; }

.title .blue_button { float: left; margin-top: 15px; overflow: hidden; }

/*
 * Podcast icons
 */
a.link_button .itunes { background:transparent url(/images/buttons/sprite_feed_green_32.png) no-repeat scroll 0 0; padding-left:34px; }
a.link_button:hover .itunes, a.link_button:focus .itunes, a.link_button.hover .itunes { background-position:0 -38px; }

a.link_button .zune { background:transparent url(/images/buttons/sprite_feed_green_32.png) no-repeat scroll 0 -76px; padding-left:34px; }
a.link_button:hover .zune, a.link_button:focus .zune, a.link_button.hover .zune { background-position:0 -114px; }

a.link_button .rss { background:transparent url(/images/buttons/sprite_feed_green_32.png) no-repeat scroll 0 -152px; padding-left:34px; }
a.link_button:hover .rss, a.link_button:focus .rss, a.link_button.hover .rss { background-position:0 -190px; }

/*
 * Podcast player
 */
#player { display: block; width: 400px; height: 30px; border: 0px; margin-top: 10px; }

/*
 * Other media type definitions
 */
@media print {
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
	blockquote,	pre { page-break-inside: avoid }
	ul, ol, dl { page-break-before: avoid }
	#footer { page-break-inside: avoid }
	#header { page-break-after: avoid }
	body, /*div, */ h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, form, label, legend,
	address, blockquote, caption, cite, pre, code, kbd, samp, tt { color: #000000; background-color: #ffffff }
	fieldset { padding: 8px; border: 1px solid #000000 }
	a:link, a:visited, a:active, a:hover { color: #000000; background-color: #ffffff; text-decoration: underline }	
	hr { color: #ffffff; background-color: #000000; height: 1px }
	.wc_widget { display: none; }
}

@media aural {
	h1, h2, h3,
	h4, h5, h6 { voice-family: female; stress: 20; richness: 90; pause: 100% 50% }
	h1         { pitch: x-low; pitch-range: 90 }
	h2         { pitch: low; pitch-range: 80 }
	h3         { pitch: low; pitch-range: 70 }
	h4         { pitch: medium; pitch-range: 60 }
	h5            { pitch: medium; pitch-range: 50 }
	h6            { pitch: medium; pitch-range: 40 }
	li, dt, dd    { pitch: medium; richness: 60 }
	dt            { stress: 80; richness: 50 }
	pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
	em, i         { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
	strong, b     { pitch: low; pitch-range: 60; stress: 90; richness: 90 }
	dfn           { pitch: high; pitch-range: 60; stress: 60 }
	s, strike     { richness: 0 }
	u             { richness: 0 }
	acronym	      { speak: spell-out }
	a:link        { voice-family: female }
	a:visited     { voice-family: female }
	a:active      { voice-family: female; pitch-range: 80; pitch: x-high }
	div#right     { azimuth: right }
	p.male   { voice-family: male; pitch-range: 60; stress: 90; richness: 90 }
	p.female { voice-family: female; pitch-range: 60; stress: 90; richness: 90 }
}