/**
 * Scribendi.com
 *
 * IE6 CSS fixes to get the site to render half-decently.
 *
 * @copyright Scribendi Inc 2009-2013
 */
/*
 * This emulates min-width : max-width in IE6, it's horrible, not standard and
 * can cause some glitches when re-drawing the screen... but it works!
 */
#container { width: expression(document.body.clientWidth > 980 ? "980px" : document.body.clientWidth > 750 ? "auto" : "750px") }

#logo { margin-left: 16px; margin-top: 10px; }
#header .keywordSearchForm { float: right; width: 350px; margin-right: 16px; margin-top: 25px; }
#header .keywordSearchForm .container { float: right; }
#tagline { margin-top: 0; }
/* places main menu in correct position */
ul#mainMenu { margin-top: -8px; }
/* fixes for the attractor */
#attractor { height: 220px; margin-top: -30px; text-align: left; }
#attractor div { text-align: left; }
#attractor div.filter { width: 400px; }
#attractor div.title { margin-top: 5px; height: 180px; }
#attractor .commentContainer { position: relative; margin: 10px 20px 0 0; width: 250px; height: 115px; }
#attractor a { margin-top: -5px; position: relative; }
#attractor a.blue_button { margin-top: 15px; width: 14em; white-space: 
nowrap; }

#footer p { padding-bottom: 18px; }
#cards { margin-left: 16px; }
#external { margin-right: 16px; }

/* the content pane needs a min-height, but ie6 does not have 
min-height */
.content { height: 300px; }
/* ensure that menu does not overlap */
.noAttractor h1 { clear: both; margin-top: 5px; }
.content.noAttractor .breadcrumb { margin-top: 30px; }
.content.noAttractor div.progressMeter { clear: both; }
.content.noAttractor .breadcrumb { clear: both; }
#cp_panel h1 { clear: none; }
/* display fix for order history search form */
#orderHistory #orderHistoryDateLabel { height: 2em; }

/* assorted styling to re-position the mainmenu */
#mainMenu { padding-top: 2px; }
#mainMenu.hover { background: none;}
#mainMenu li.current { background: url(/images/hfbg-current.png) repeat-x; }
#mainMenu li.hover { background: url(/images/hfbg-hover.png) repeat-x; }
#mainMenu li.first { margin-left: 7px; }
#mainMenu a { margin-top: -2px; position: relative; } /* Needed to keep the menu clickable as the filter breaks that */
#mainMenu ul { top: 27px; left: 1px; }
#mainMenu ul li.first { margin-left: 12px; }
#mainMenu ul a { margin-top: 0;}
/*
 * IE6 refuses to use width: 100% on the sub-menu items.
 * So another expression is used to 'fix' it. 
 */
#mainMenu .current ul,
#mainMenu.hover li.hover ul { width: expression(document.body.clientWidth > 980 ? "980px" : document.body.clientWidth > 750 ? (document.body.clientWidth-2)+'px' : "750px"); }

/*
 * IE6 doesn't support transparent PNGs
 */
#attractor div.filter { padding-bottom: 0px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/attractor/transparentFilter-70.png',sizingMethod='scale'); }
#attractor div h1.home { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/welcomeToScribendi.png', sizingMethod='scale'); }
#attractor div h1.authors { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/scribendiForAuthors.png', sizingMethod='image'); }
#attractor div h1.academic { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/scribendiForAcademicsAndStudents.png', sizingMethod='image'); }
#attractor div h1.business { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/scribendiForBusiness.png', sizingMethod='image'); }
#attractor div h1.corporate { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/servicesFor.png', sizingMethod='image'); }
#attractor div h1.esl { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/scribendiEnglish.png', sizingMethod='image'); }
#attractor div h1.personal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text/scribendiForPersonalDocuments.png', sizingMethod='image'); }
#attractor div h1.generic { background: none; filter: none; }
/* re-position the quote */
a.quote { top: 15px; }

.categoryBox p { height: 112px; }
.categoryBox p.alignRight { height: auto; }
.displayBox div.header span.left, .displayBox div.header span.right { margin-top: 0; }
.displayBox a:hover { text-decoration: none; }
.displayBox h3 a:hover { color: #fff; }
.displayBox p.alignRight a { display: inline; } /* JH: fixes some more annoying hover issues */

/* JH: fixes issue where whole sprite for button states is shown */
a.jump span {display:none;}

/* colorbox */
#cboxLoadedContent { margin-bottom: 20px; }

/*
 * IE6 hates multiple selectors *arrrgh!*
 */
.progressMeter { clear: both; overflow: auto; margin: 0; padding: 0; }
.progressMeter li { background: transparent url('/images/progressNumbers.png') 0 0 no-repeat; }
.progressMeter li.two { background-position: -180px 0; }
.progressMeter li.three { background-position: -360px 0; }
.progressMeter li.four { background-position: -540px 0; }
.progressMeter li.five { background-position: -720px 0; }

#progressMeter1 li.one { background-position: 0 -40px; }
#progressMeter2 li.two { background-position: -180px -40px; }
#progressMeter3 li.three { background-position: -360px -40px; }
#progressMeter4 li.four { background-position: -540px -40px; }
#progressMeter5 li.five { background-position: -720px -40px; }

/*
 * Fix fancy forms that IE6 messes up
 */
#content form { padding: 16px; }
#content form legend { margin: 0 0; }
#content form div { margin: 0; }
#content form div.fr { margin: 5px 0;}
/* stops the bookmarks button from being assigned width: 100% */
a.link_button { width: 220px; white-space: nowrap; }
.linkPDF a.link_button { width: 135px; overflow: hidden; }
#content table.search { width: 99%; }
table.search thead th { white-space: nowrap; }
div.addthis_toolbox { margin-right: 0; }

/* word counter widget */
div.wc_wrap { padding: 5px 1%; }

/* faq.css overrides */
.content .faqqUp { background: transparent url('/images/icons/faq_arrow_up_opaque.png') no-repeat left center; }
.content .faqqDown { background: transparent url('/images/icons/faq_arrow_down_opaque.png') no-repeat left center; }