/* QP (http://www.qualityprogress.com) / Nov 2007 / Default styles (Firefox, Opera, Safari) */



/* Default Styles & Main DIV Container 
----------------------------------------------------------------------------------------------//
*/


body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#ffffff;
}

p {
margin:0;
padding:4px;
font-size:.9em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

sup {
font-size:10px;
vertical-align:super;
color:#006DB8;
}

sub {
font-size:10px;
vertical-align:sub;
}

a:link {
color:#006DB8;
text-decoration:none;
}

a:visited {
color:#999999;
text-decoration:none;
}

a:hover, a:active {
color:#006DB8;
text-decoration:underline;
}

ul {
list-style-type:none;
margin:0 0 0 15px;
padding:0;
font-size:12px;
line-height:16px;
}

ul li {
list-style-type:none;
margin:4px 0 2px 5px;
padding:0 0 0 8px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 3px;
background-repeat:no-repeat;
}

ol {
list-style:decimal;
margin:0 0 10px 28px;
padding:0;
font-size:12px;
line-height:16px;
}


ol li {
margin:4px 0 2px 5px;
padding:0 0 0 8px;
}

ol.withroman { list-style-type: lower-roman }
ol.loweralpha { list-style-type: lower-alpha}

blockquote {
margin:0 0 0 15px;
padding:0;
font-size:.9em;
}

hr {
margin:7px 0 10px 0;
padding:0;
background-color:#cccccc;
height:1px;
border:none;
width:99%;
clear:both;
}

img {
border:none;
}

.rightSide { /* Right-floated image */
float:right;
margin:0 0 5px 5px;
padding:0;
}

img.rightSide2 { /* Right-floated image with more top margin */
float:right;
margin:21px 0 5px 5px;
padding:0;
}

img.leftSide { /*Left-floated image */
float:left;
margin:0 5px 5px 0;
padding:0;
}

img.leftSide2 { /*Left-floated image with more top margin */
float:left;
margin:21px 5px 5px 0;
padding:0;
}


#mainContainer { /* Main outer DIV that holds everything */
margin:0 auto 20px auto;
padding:0;
width:934px;
border-left:1px solid #969696;
border-right:1px solid #969696;
border-bottom:1px solid #969696;
background-image:url(../img/main-container-bg.gif);
background-repeat:repeat-y;
}


/* Header DIV (1. logo, 2. top links, 3. search, 4. tagline, 5. main nav 
----------------------------------------------------------------------------------------------//
*/
#header { /* Main header DIV container < < < < < < < < < < */
margin:0;
padding:0;
width:934px;
height:156px;
background-color:#868686;
background-image:url(../img/header-bg.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:right;
}

img.qpLogo { /* style for the logo */
float:left;
margin:0;
padding:0;
border:none;
}

#headerLinks { /* Top Links */
margin:0;
padding:0 15px 0 0;
height:27px;
line-height:27px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#A7A7A7;
}

#headerLinks a:link, #searchBox a:link, #headerLinks a:visited, #searchBox a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#868686;
text-decoration:none;
}

#headerLinks a:hover, #searchBox a:active {
text-decoration:underline;
}

#searchBox { /* DIV containing the basic search field < < < < < < < < < < */
margin:5px 0 0 0;
padding:0 15px 0 0;
height:71px;
font-size:12px;
color:#A7A7A7;
}

#searchBox label {
	margin:0;
	padding:0 190px 3px 0;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align: top;
}

#searchBox input.searchIcon {
margin:0;
padding:0;
border:none;
vertical-align:middle;
}

#searchBox a:link, #searchBox a:visited {
margin:0;
padding:0 30px 0 0;
color:#868686;
font-size:.9em;
text-decoration:none;
}

#searchBox a:hover, #searchBox a:active {
text-decoration:underline;
}

#tagLine { /* DIV that contains the tag line in black bar above main navigation < < < < < < < < < < */
margin:0;
padding:0;
height:22px;
line-height:22px;
}

#navBar { /* DIV that contains the main navigation bar < < < < < < < < < < */
margin:0;
padding:0;
height:31px;
}

#NavBarImg1, #NavBarImg2, #NavBarImg3, #NavBarImg4, #NavBarImg5 { 
margin:0 0 0 -3px;
padding:0;
}

/* for the static HTML shell tempalte created for JR - rmk - 20091209 */
#headerLinksPush { 
margin:0;
padding:0 15px 0 0;
height:103px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#A7A7A7;
}

#navBarEmpty {
margin:0;
padding:0;
height:31px;
background-image:url(../img/nav-bar-grey.jpg);
background-position:top;
background-repeat:repeat-x;
}

img.qpLogoEmpty { 
float:left;
margin:0; 
padding:0;
border:none;
}

/* Colored DIV at the top of each section
----------------------------------------------------------------------------------------------//
*/
#departmentHeading {
margin:0;
padding:2px 0 5px 0;
width:934px;
background-color:#799b3a; /*Green */
}

#topicHeading {
margin:0;
padding:2px 0 5px 0;
width:934px;
background-color:#006db8; /* Blue */
}

#industryHeading {
margin:0;
padding:2px 0 5px 0;
width:934px;
background-color:#763B69; /* Purple */
}

#pastHeading {
margin:0;
padding:2px 0 5px 0;
width:934px;
background-color:#DC3A25; /* Red */
}

#toolsHeading {
margin:0;
padding:2px 0 5px 0;
width:934px;
background-color:#F49A20; /* Gold */
}

#industryHeading h1, #departmentHeading h1, #topicHeading h1, #pastHeading h1, #toolsHeading h1 {
display:inline;
margin:0;
padding:4px 5px 4px 15px;
font-size:21px;
font-weight:lighter;
color:#ffffff;
}

#industryHeading h2, #departmentHeading h2, #topicHeading h2, #pastHeading h2, #toolsHeading h2 {
display:inline;
margin:0;
padding:4px 3px 4px 4px;
font-size:15px;
font-weight:lighter;
color:#ffffff;
}

#industryHeading img {
margin:0;
padding:0;
border:none;
}

/* Default descriptions for Departments & Columns in the green DIV instead of in the main body
----------------------------------------------------------------------------------------------//
*/
.defaultDescription {
display:inline;
margin:0 0 0 5px;
padding:0;
font-size:15px;
color:#ffffff;
}

.defaultDescription2 {
display:inline;
margin:0 0 0 5px;
padding:0;
font-size:12px;
color:#ffffff;
}




/* "More" links at the bottom of each section with colored backgrounds
----------------------------------------------------------------------------------------------//
*/
.moreIndustry, .moreTopics, .moreDepartments, .morePast, .moreTools { 
margin:15px 0 0 10px;
padding:0;
}

.moreDepartments a:link, .moreDepartments a:visited {
margin:0;
padding:4px 20px;
color:#ffffff;
background-color:#799b3a; /* Green */
text-decoration:none;
}

.moreTopics a:link, .moreTopics a:visited {
margin:0;
padding:4px 20px;
color:#ffffff;
background-color:#006db8; /* Blue */
text-decoration:none;
}

.moreIndustry a:link, .moreIndustry a:visited {
margin:0;
padding:4px 20px;
color:#ffffff;
background-color:#763B69; /*Purple  */
text-decoration:none;
}

.morePast a:link, .morePast a:visited {
margin:0;
padding:4px 20px;
color:#ffffff;
background-color:#ED3D26; /* Red */
text-decoration:none;
}

.moreTools a:link, .moreTools a:visited {
margin:0;
padding:4px 20px;
color:#ffffff;
background-color:#F49A20; /* Gold */
text-decoration:none;
}

.moreIndustry a:hover, .moreIndustry a:active, .moreTopics a:hover, .moreTopics a:active, .moreDepartments a:hover, .moreDepartments a:active, .morePast a:hover, .morePast a:active, .moreTools a:hover, .moreTools a:active {
text-decoration:underline;
}


/* Main Left-sided column DIV
----------------------------------------------------------------------------------------------//
*/
#leftColumn {
float:left;
margin:15px 11px 20px 15px;
padding:0;
width:774px;
}

#leftColumnSearch { /* narrow column for right-side search form on search results page */
float:left;
margin:15px 11px 20px 15px;
padding:0;
width:644px;
}

#leftColumn p, #leftColumnSearch p {
margin-bottom:7px;
}

#pageTitle {
margin:0;
padding:0;
color:#999999;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

/* "Narrow" DIV that contains article blurbs with room for gray boxes
----------------------------------------------------------------------------------------------//
*/
#leftColumnArticles { 
float:left;
margin:10px 8px 0 0;
padding:0;
width:454px;
}


/* Styles specific to QP surveys sent out by MR - rmk 20080403
----------------------------------------------------------------------------------------------//
*/
#leftColumnSurvey { 
float:left;
margin:5px 8px 0 10px;
padding:0;
width:800px;
}

h1.qpSurvey {
margin:15px 0 6px 10px;
padding:0;
color:#006DB8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}


/* "Wide" DIV that contains article blurbs with room for left-hand navigation
----------------------------------------------------------------------------------------------//
*/
#leftColumnArticlesWide {
float:left;
margin:10px 8px 0 5px;
padding:0;
width:549px;
}

.submitQuestion {
font-size:12px;
font-weight:bold;
}

#leftColumnWide2 { /* to allow for the search form on the search results page */
float:left;
margin:10px 8px 0 5px;
padding:0;
width:549px;
}


/* "Widest" DIV that contains copy for whole width of main conatiner
----------------------------------------------------------------------------------------------//
*/
#leftColumnTools { 
float:left;
margin:5px 8px 0 20px;
padding:0;
width:740px;
}

#leftColumnTools h2 {
margin:0 0 0 5px;
padding:0;
font-size:16px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}

#leftColumnTools p {
font-size:12px;
line-height:1.3em;
}

.staff {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#799b3a;
font-weight:lighter;
}

/* DIV that holds the breadcrumb links at the top of each article detail
----------------------------------------------------------------------------------------------//
*/
#breadCrumbs {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

#breadCrumbs a:link, #breadCrumbs a:visited {
text-decoration:underline;
}

#breadCrumbs a:hover, #breadCrumbs a:active {
text-decoration:none;
}

#breadCrumbs .linkBackLeft {
float:left;
}

#breadCrumbs .linkBackRight {
float:right;
}


/* Issue date heading on main page
----------------------------------------------------------------------------------------------//
*/
.issueDate {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
color:#616161;
font-weight:lighter;
}

#issueDateSalary h2 {
margin:0;
padding:0 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
color:#616161;
font-weight:lighter;
}


/* DIV that contains individual article detail
----------------------------------------------------------------------------------------------//
*/



.subheadh2 h2 {
margin:0;
padding:0;
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#articleDetail {
float:left;
margin:0px 8px 0 5px;
padding:0 15px 0 0;
width:435px;
border-right:1px solid #cccccc;
}

#columnDetail {
float:left;
margin:0px 8px 0 5px;
padding:0 15px 0 0;
width:435px;
}

#articleDetail h1, #columnDetail h1, #leftColumnArticlesWide h1, #leftColumnSurvey h1 {
margin:0 0 10px 0;
padding:0;
color:#006DB8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

#articleDetail h2, #columnDetail h2, #leftColumnArticlesWide h2, #leftColumnSurvey h2 {
margin:0;
padding:0;
color:#838383;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}

#articleDetail h3, #columnDetail h3, #leftColumnArticlesWide h3, #leftColumnSurvey h3 {
margin:0;
padding:0;
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#articleDetail h3.bookmark, #columnDetail h3.bookmark, #leftColumnArticlesWide h3.bookmark, #leftColumnSurvey h3.bookmark {
margin:0;
padding:0;
color:#999999;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#articleDetail h4, #columnDetail h4, #leftColumnArticlesWide h4, #leftColumnSurvey h4 {
margin:0;
padding:0;
color:#006DB8;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#articleDetail ul, #columnDetail ul, #leftColumnArticlesWide ul, #leftColumnSurvey ul {
list-style-type:none;
margin:0;
padding:0;
font-size:12px;
}

#articleDetail ul li, #columnDetail ul li, #leftColumnArticlesWide ul li, #leftColumnSurvey ul li {
list-style-type:none;
margin:4px 0 2px 20px;
padding:0 0 0 8px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 3px;
background-repeat:no-repeat;
line-height:16px;
}

#articleDetail ol, #columnDetail ol, #leftColumnArticlesWide ol, #leftColumnSurvey ol {
list-style:decimal;
margin:0 0 10px 28px;
padding:0;
font-size:12px;
line-height:16px;
}

#articleDetail ol li, #columnDetail ol li, #leftColumnArticlesWide ol li, #leftColumnSurvey ol li {
margin:4px 0 2px 20px;
padding:0 0 0 8px;
}

#articleDetail p, #columnDetail p, #leftColumnArticlesWide p, #leftColumnSurvey p {
margin:4px 0 10px 0;
padding:0;
font-size:12px;
line-height:1.5em;
font-family:Arial, Helvetica, sans-serif;
}



#articleDetail img.figureRight, #columnDetail img.figureRight, #leftColumnArticlesWide img.figureRight {
float:right;
margin:0 0 5px 5px;
padding:0;
}

#articleDetail img.figureLeft, #columnDetail img.figureLeft, #leftColumnArticlesWide img.figureLeft {
float:left;
margin:8px 8px 8px 0;
padding:0;
}

#articleDetail .box, #columnDetail .box, #leftColumnArticlesWide .box {
margin:10px 5px 10px 5px;
padding:6px;
background-color:#F4F4F4;
color:#454545;
}

#articleDetail .box p, #columnDetail .box p, #leftColumnArticlesWide .box p {
font-size:11px;
}

#articleDetail .box h3, #columnDetail .box h3, #leftColumnArticlesWide .box h3 {
font-size:11px;
color:#454545;
}

#articleDetail .box ol li, #columnDetail .box ol li, #leftColumnArticlesWide .box ol li {
font-size:11px;
}

#articleDetail .box ul li, #columnDetail .box ul li, #leftColumnArticlesWide .box ul li {
font-size:11px;
}



/* Social bookmarking links at bottom of articles
----------------------------------------------------------------------------------------------//
*/
.bookmarking a:link {
color:#006DB8; 
text-decoration:underline;
}

.bookmarking a:visited {
color:#999999; 
text-decoration:underline;
}

.bookmarking a:hover, .bookmarking a:active { 
text-decoration:none;
}


/* blue DIV that holds the user comment links
----------------------------------------------------------------------------------------------//
*/
#commentLinks { 
margin:0 0 10px 0;
padding:6px 8px;
background-color:#daf0f9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#commentLinks a:link {
color:#0587C3;
margin-right:5px;
text-decoration:underline;
}

#commentLinks a:visited {
color:#999999;
margin-right:5px;
text-decoration:underline;
}

#commentLinks a:hover, #commentLinks a:active {
text-decoration:none;
}


/* individual block that holds the user comments and scores
----------------------------------------------------------------------------------------------//
*/
.commentBlock { 
margin:0 0 10px 0;
padding:3px 6px;
font-size:12px;
background-color:#f9f7da;
}

.commentBlock img {
margin:3px 0 0 0;
border:none; 
}

.userName {
margin:0;
padding:0;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#595959;
}

.userName a:link, .userName a:visited {
text-decoration:underline;
}

.userName a:hover, .userName a:active {
text-decoration:none;
}


/* DIV containing the comment add form at the bottom of the articles
----------------------------------------------------------------------------------------------//
*/
#addComment { 
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#addComment em {
font-size:11px;
color:#636363;
}

#addComment label { 
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#ratingKey {
float:right;
margin:0 25px 0 0;
padding:0;
width:186px;
text-align:right;
text-align:center;
}


/* DIV that contains the right-side related links and rating on each article
----------------------------------------------------------------------------------------------//
*/
#articleSidebar {
float:left;
margin:0 0 0 5px;
padding:0;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#articleSidebar h3 {
margin:20px 0 4px 0;
padding:0;
color:#FA6717;
font-size:12px;
font-weight:lighter;
text-transform:uppercase;
}

#articleSidebar h4 {
margin:10px 0 0 0;
padding:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#4C4C4C;
font-weight:bold;
}

#addCommentButton {
margin-left:-5px;
}

#articleSidebar a:link {
text-decoration:underline;
}

#articleSidebar a:visited {
text-decoration:none;
}

#articleSidebar a:hover, #articleSidebar a:active {
text-decoration:none;
}

#articleSidebar a:link.darkLink {
color:#4c4c4c;
text-decoration:underline;
}

#articleSidebar a:visited.darkLink {
color:#999999;
text-decoration:none;
}

#articleSidebar a:hover.darkLink, #articleSidebar a:active.darkLink {
text-decoration:none;
}

#articleSidebar li.share, #articleSidebar li.print, #articleSidebar li.save, #articleSidebar li.pdf {
margin:0 0 3px 0;
padding:0 0 4px 20px;
background-position:0 0;
background-repeat:no-repeat;
line-height: 14px;
}

#articleSidebar li.share {
background-image:url(../img/icon-share.gif); /* icon for Share link */
}

#articleSidebar li.print {
background-image:url(../img/icon-print.gif); /* icon for Print link */
}

#articleSidebar li.save {
background-image:url(../img/icon-save.gif); /* icon for Save link */
}

#articleSidebar li.pdf {
background-image:url(../img/icon-pdf.gif); /* icon for PDF link */
}

#articleSidebar li a:link {
font-size:10px;
color:#4c4c4c;
}

#articleSidebar li a:visited {
font-size:10px;
color:#999999;
}


/* Right-floated DIV that contains the right-side Share, Save, Print, PDF links
----------------------------------------------------------------------------------------------//
*/
#sharePrintSave { 
float:right;
margin:0 0 10px 10px;
padding:0;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#sharePrintSave li.share, #sharePrintSave li.print, #sharePrintSave li.save, #sharePrintSave li.pdf {
margin:0 0 3px 0;
padding:0 0 4px 20px;
background-position:0 0;
background-repeat:no-repeat;
}

#sharePrintSave li.share {
background-image:url(../img/icon-share.gif);
}

#sharePrintSave li.print {
background-image:url(../img/icon-print.gif);
}

#sharePrintSave li.save {
background-image:url(../img/icon-save.gif);
}

#sharePrintSave li.pdf {
background-image:url(../img/icon-pdf.gif);
}

#sharePrintSave li a:link {
font-size:10px;
color:#4c4c4c;
text-decoration:underline;
}

#sharePrintSave li a:visited {
font-size:10px;
color:#999999;
text-decoration:none;
}

#sharePrintSave li a:hover, #sharePrintSave li a:active {
text-decoration:none;
}

/* Right-floated DIV that contains the right-side icon legend
----------------------------------------------------------------------------------------------//
*/
#iconLegend { 
float:right;
margin:0 0 10px 10px;
padding:0;
}

/* Right-floated DIV that contains the Expert Answers link image
----------------------------------------------------------------------------------------------//
*/
#expertSubmit { 
margin:0;
padding:10px 0 0 0;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* additional style for Bookmarking/share
----------------------------------------------------------------------------------------------//
*/
#socialB input {
width:90px;
height:12px;
border:#333333 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

#socialB input.button {
width:30px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
}


/* "Kickers" - H2 headings for industry or subject above article blurbs
----------------------------------------------------------------------------------------------//
*/
h2.industryH2 {
display:inline;
margin:0;
padding:0;
color:#999999;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2.industryH2b {
display:inline;
margin:0;
padding:0 0 0 0;
color:#999999;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
#faqhead {
display:inline;
margin:0;
padding:0 0 0 0;
color:#00FF00;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}


h2.searchH2 {
display:inline;
margin:0;
padding:0;
color:#FA6717;
font-size:16px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
}

.imgH2 { /* Wrapper for image-based headings with FF Meta font */
display:inline;
margin:0;
padding:0;
border:none;
vertical-align:middle;
color:#999999;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

.moreArticles {
display:inline;
font-size:11px;
}


/* Individual DIV wrapper for each basic of default article blurb
----------------------------------------------------------------------------------------------//
*/
.articleBlurb { 
margin:6px 0 5px 0;
padding:0 0 5px 10px;
width:440px;
font-size:12px;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
}

.articleBlurbSurvey { 
margin:6px 0 5px 0;
padding:0 0 5px 10px;
width:410px;
font-size:12px;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;

}

.articleBlurb p, .articleBlurbDept p, .articleBlurbSearch p, .articleBlurbSurvey p {
font-size:12px;
}

.authorLine {
margin:-12px 0 0 0;
color:#999999;
font-size:11px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}

.subtitleDynamic {
margin:0 0 0 0;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif
}

.descriptionDynamic {
color:#000000;
font-style:normal;
}

.descriptionDynamicShort {
color:#000000;
font-style:normal;
text-transform:none;
}

.authorLineDynamic {
margin:0 0 0 0;
color:#999999;
font-size:12px;
font-style:italic;
}

.articleDynamic {
margin:-5px 0 0 0;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

.articleDynamic a:link, .articleDynamic a:visited {
text-decoration:underline;
}
.articleDynamic a:hover, .articleDynamic a:active {
text-decoration:none;
}

.columnTitle {
margin:-8px 0 0 0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}

.readArticle {
font-family:Arial, Helvetica, sans-serif;
}

.readArticle a:link, .readArticle a:visited {
text-decoration:underline;
}
.readArticle a:hover, .readArticle a:active {
text-decoration:none;
}


.openAccessTag {
margin:-8px 0 0 5px;
padding:0;
width:72px;
height:16px;
}

.openAccessTagRight {
float:right;
margin:0 5px 0 0;
padding:0;
width:72px;
height:16px;
}

.openAccessTagIndex {
float:left;
margin:0 5px 0 6px;
padding:0;
width:72px;
height:16px;
}

.openAccess {
margin:-10px 0 0 0;
color:#999999;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.openAccess a:link{
color:#FA6717;
text-decoration:none;
}

.openAccess a:visited {
color:#FA6717;
text-decoration:none;
}

.openAccess a:hover, .openAccess a:active {
text-decoration:underline;
}

.articleBlurb h3 {
margin:0 0 0 0;
padding:0;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}



.articleBlurb img, .articleBlurbDept img, .articleBlurbSearch img, .articleBlurbSurvey img { /* Floated image within an article blurb */
float:left;
margin:8px;
padding:0;
border:none;
}


/* Individual DIV wrapper for each article blurb that's wider because of left-nav element
----------------------------------------------------------------------------------------------//
*/
.articleBlurbDept {
margin:6px 0 5px 0;
padding:0 0 5px 10px;
width:530px;
font-size:12px;
}

.articleBlurbDept h3, .articleBlurbSearch h3, .articleBlurbSurvey h3 {
margin:0 0 0 5px;
padding:0;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}






/* Special DIV that holds the cover story due to spacing needed for larger image
----------------------------------------------------------------------------------------------//
*/
.coverStory { 
font-size:12px;
}

.coverStory p {
margin:0 0 0 97px;
font-size:12px;
line-height:16px;
}

.coverStory h3 {
margin:0 0 -4px 97px;
padding:0;
color:#999999;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

.coverStory img {
margin:0 0 0 7px;
padding:0;
}

p.coverAuthor {
margin:-10px 0 0 97px;
color:#999999;
font-family:Georgia,"Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
}

p.coverAccess {
margin:-8px 0 0 97px;
color:#999999;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.coverAccess a:link{
color:#FA6717;
text-decoration:none;
}

.coverAccess a:visited {
color:#FA6717;
text-decoration:none;
}

.coverAccess a:hover, .coverAccess a:active {
text-decoration:underline;
}


/* Left-floated DIV that holds the cover image and download link & file size
----------------------------------------------------------------------------------------------//
*/
.coverImage { 
float:left;
margin:10px 10px 8px 0;
padding:0;
border:none;
text-align:center;
font-size:12px;
color:#8A8A8A;
font-family:Arial, Helvetica, sans-serif;
}

.coverImagePast { 
float:left;
margin:10px 15px 15px 0;
padding:0;
border:none;
text-align:center;
font-size:12px;
color:#8A8A8A;
font-family:Arial, Helvetica, sans-serif;
}


/* Special DIV that holds the editor's pick story due to spacing needed for larger image
----------------------------------------------------------------------------------------------//
*/
.editorsPick {
font-size:12px;
line-height:16px;
}

.editorsPick p {
margin:0 0 0 1px;
font-size:12px;
}

.editorsPick h3 {
margin:0 0 0 1px;
padding:0;
color:#999999;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
}

.editorsPick img { /* Floated image within editor's pick */
float:left;
margin:0 10px 10px 0;
padding:0;
border:none;
}

.editorPickImg {
margin-left:1px;
}


/* Individual DIV wrapper for each article blurb on the search results page
----------------------------------------------------------------------------------------------//
*/
.searchBlurb { 
margin:6px 0 5px 0;
padding:0 0 5px 10px;
width:580px;
font-size:12px;
}

.searchBlurb h3 {
display:inline;
margin:0 0 0 5px;
padding:0;
font-size:14px;
color:#006DB8;
font-family:Arial, Helvetica, sans-serif;
}

.searchBlurb p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.searchBlurb img { /* Floated image within an search results blurb */
float:left;
margin:8px;
padding:0;
border:none;
}


/* Individual DIV wrapper for the spotlight article in the Departments & Columns area
----------------------------------------------------------------------------------------------//
*/
.deptSpotlight {
line-height:16px;
}

.deptSpotlight p {
margin:0 0 0 0;
font-size:12px;
}

.deptSpotlight h2 {
margin:0 0 0 5px;
padding:0;
color:#87B141;
font-size:24px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
}

.deptSpotlight a:link {
color:#87B141;
text-decoration:none;
}

.deptSpotlight a:visited {
color:#999999;
text-decoration:none;
}

.deptSpotlight a:hover, .deptSpotlight a:active {
text-decoration:underline;
}

.deptSpotlight h3 {
margin:0;
padding:0;
color:#838383;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
}

.deptSpotlight img { /* Floated image within Dept & Cols spotlight */
margin:0 0 8px 0;
padding:0;
border:none;
vertical-align:middle;
}


/* Outer DIV that holds the Past Issues
----------------------------------------------------------------------------------------------//
*/
#leftColumnPast {
float:left;
margin:10px 8px 0 5px;
padding:0;
width:549px;
}

#leftColumnPast h2 {
margin:0 0 0 5px;
padding:0;
font-size:16px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}

#leftColumnPast p {
font-size:12px;
}

/*
#leftColumnPast a:link, #leftColumnPast a:visited, #leftColumnPast a:hover, #leftColumnPast a:active {
font-size:11px;
}
*/

.pastIssueBox { /* Left-floated DIV that holds each cover and link to past issues */
float:left;
margin:10px 25px 5px 10px;
padding:0;
width:100px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-color:#ffffff; /* <<<<<<<<<<<<<<<<<<<<<< HERE FOR TESTING */
}

.pastIssueBox p{
margin:0;
padding:0;
font-size:11px;
}

.pastIssueDescription p{
font-size:12px;
}

.pastIssueBox img, .pastIssueCover img {
border:1px solid #eeeeee;
}

.push {
clear:both;
}

.pastIssueCover {
margin:0 0 15px 20px;
padding:0;
clear:both;
}

.pastIssueBlurb {  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WORKING */
margin:6px 0 5px 0;
padding:0 0 5px 10px;
width:500px;
line-height:16px;
}

.pastIssueBlurb h3 {
margin:0 0 0 5px;
padding:0;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.pastIssueh3 a:link, .pastIssueh3 a:visited {
font-size:16px;
}




#leftColumnPastBrowse {
float:left;
margin:10px 8px 0 5px;
padding:0;
width:549px;
}


.pastCoverStory p {
margin:0 0 0 107px;
font-size:12px;
line-height:16px;
}

.pastCoverStory h3 {
margin:0 0 -4px 110px;
padding:0;
color:#999999;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}



/* Left-floated DIVs that hold the Department and Columns links on the main page
----------------------------------------------------------------------------------------------//
*/
#boxDept { /* Departments */ 
float:left;
margin:0 20px 0 0;
padding:0 0 15px 0;
width:215px;
height:305px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 34px;
background-repeat:repeat-x;
}

#boxDeptColsWrap {
margin:0;
padding:0 0 5px 0;
width:451px;
background-image:url(../img/boxDeptColsWrap-bg.jpg);
background-repeat:repeat-y;
}

#boxDeptPast { /* Departments on Past Issues Template */ 
float:left;
margin:0 20px 0 0;
padding:0 0 15px 0;
width:215px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 34px;
background-repeat:repeat-x;
}

#boxColsPast { /* Columns on Past Issues Template */ 
float:left;
margin:0;
padding:0 0 15px 0;
width:215px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 34px;
background-repeat:repeat-x;
}

#boxCols { /* Columns */
float:left;
margin:0;
padding:0 0 15px 0;
width:215px;
height:305px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 35px;
background-repeat:repeat-x;
}

#boxDept h2, #boxCols h2 {
margin:-8px 0 15px 0;
padding:0;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
text-transform:uppercase;
}

#boxDept ul, #boxDeptPast ul, #boxCols ul, #boxColsPast ul {
list-style-type:none;
margin:6px 0 0 0;
padding:0;
}

#boxDept ul li, #boxDeptPast ul li, #boxCols ul li, #boxColsPast ul li {
list-style-type:none;
margin:4px 10px 0 10px;
padding:0 0 0 8px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 3px;
background-repeat:no-repeat;
}

#boxDept a:link, #boxDeptPast a:link, #boxCols a:link, #boxColsPast a:link {
font-size:11px;
color:#848484;
text-decoration:none;
}

#boxDept a:visited, #boxDeptPast a:visited, #boxCols a:visited, #boxColsPast a:visited {
font-size:11px;
color:#999999;
text-decoration:none;
}

#boxDept a:hover, #boxDeptPast a:hover, #boxCols a:hover, #boxColsPast a:hover, #boxDept a:active, #boxDeptPast a:active, #boxCols a:active, #boxColsPast a:active {
text-decoration:underline;
}


/* Quick Links section at the bottom of the Depts & Cols section
----------------------------------------------------------------------------------------------//
*/
#quickLinks { 
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

#quickLinks h2 {
margin:0;
padding:4px 8px;
font-size:.9em;
color:#ffffff;
text-transform:uppercase;
background-color:#87B141;
}


/* DIV that holds the left side sub-navigation column
----------------------------------------------------------------------------------------------//
*/
#subNavColumn {
float:left;
margin:0 5px 0 0;
padding:0 0 10px 0;
width:175px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 33px;
background-repeat:repeat-x;
}

#subNavColumn ul {
list-style-type:none;
margin:0;
padding:0;
font-size:12px;
}

#subNavColumn ul li {
list-style-type:none;
margin:4px 4px 2px 12px;
padding:0 0 0 9px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 4px;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
}

#subNavColumn ul li ul li {
list-style-type:none;
margin:4px 0 2px 5px;
padding:0 0 0 8px;
background-image:none;
}

#subNavColumn ul li a:link, #subNavColumn ul li a:visited {
text-decoration:none;
}

#subNavColumn ul li a:hover, #subNavColumn ul li a:active {
text-decoration:underline;
}

#subNavColumn ul li ul li a:link {
color:#727272;
text-decoration:none;
}

#subNavColumn ul li ul li a:visited {
color:#999999;
text-decoration:none;
}

#subNavColumn ul li ul li a:hover, #subNavColumn ul li ul li a:active {
text-decoration:underline;
}


/* Left-flaoted "column" DIV wrapper  
----------------------------------------------------------------------------------------------//
*/
#subNavSearchWrap {
float:left;
margin:0 5px 0 0;
padding:0;
width:175px;
}


/* Individual DIV that contains left-sided navigation elements with green headers 
----------------------------------------------------------------------------------------------//
*/
.subNavSearch { 
margin:0 0 10px 0;
padding:0 0 10px 0;
width:175px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 34px;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

.subNavSearch p {
margin-left:10px;
font-size:12px;
}

.subNavSearch ul {
list-style-type:none;
margin:0;
padding:0;
}

.subNavSearch ul li {
list-style-type:none;
margin:4px 4px 2px 12px;
padding:0 0 0 9px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 4px;
background-repeat:no-repeat;
font-size:12px;
}

.subNavSearch ul li ul li {
list-style-type:none;
margin:4px 0 2px 5px;
padding:0 0 0 8px;
background-image:none;
}

.subNavSearch ul li a:link, .subNavSearch ul li a:visited {
text-decoration:none;
}

.subNavSearch ul li a:hover, .subNavSearch ul li a:active {
text-decoration:underline;
}

.subNavSearch ul li ul li a:link {
color:#727272;
text-decoration:none;
}

.subNavSearch ul li ul li a:visited {
color:#999999;
text-decoration:none;
}

.subNavSearch ul li ul li a:hover, .subNavSearch ul li ul li a:active {
text-decoration:underline;
}


#authorTight ul {
list-style-type:none;
margin:0;
padding:0;
}

#authorTight ul li {
list-style-type:none;
/*margin:4px 4px 2px 10px;*/
margin:4px 4px 2px 7px;
padding:0 0 0 6px;
/*background-image:url(../img/list-basic-arrow.gif);
background-position:0 2px;
background-repeat:no-repeat;*/
background-image:none;
font-size:11px;
}





/* DIVs that hold the list of topics on the search results page 
----------------------------------------------------------------------------------------------//
*/
.searchResultTopic { 
margin:0 0 10px 0;
padding:0 0 10px 0;
width:175px;
background-color:#F4F4F4;
background-image:url(../img/sidebar-gradient-bg.jpg);
background-position:0 34px;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.searchResultTopic ul {
list-style-type:none;
margin:0;
padding:0;
}

.searchResultTopic ul li {
list-style-type:none;
margin:4px 4px 2px 6px;
padding:0 0 0 9px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 4px;
background-repeat:no-repeat;
font-size:11px;
line-height:14px;
}

.searchResultTopic ul li a:link, .searchResultTopic ul li a:visited  {
text-decoration:none;
}

.searchResultTopic ul li a:hover, .searchResultTopic ul li a:active  {
text-decoration:underline;
}





/* Search form at the top of the search results template 
----------------------------------------------------------------------------------------------//
*/
#searchForm {
margin:0 15px 0 15px;
padding:0;
font-size:11px;
}

#searchForm fieldset {
float:left;
margin:3px 5px 3px 0;
padding:2px;
width:248px;
}

#searchForm fieldset.longField {
float:left;
margin:3px 0 8px 0;
padding:4px;
width:510px;
}

#searchForm input, #searchForm select {
margin:0 0 6px 0;
padding:0;
font-size:11px;
vertical-align:middle;
}

#searchForm fieldset.return {
margin:3px;
padding:4px;
width:480px;
border:none;
text-align:right;
}

#searchForm label {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.searchReturn {
float:left;
margin:4px 60px 0 0;
padding:0;
font-size:13px;
color:#006DB8;
font-family:Arial, Helvetica, sans-serif;
}


.searchResultsLinks {
clear:both;
margin-left:15px;
}



/* Wrapper DIV that holds the gray boxes: QNT, Most popular, etc. 
----------------------------------------------------------------------------------------------//
*/
#leftColumnBoxes { 
float:left;
margin:0;
padding:0;
width:310px;
border-right:1px solid #cccccc;
}


#leftSalaryBoxes { 
float:right;
margin:0 0 0 0;
padding:0;
width:310px;
border-right:1px solid #cccccc;
}

#leftAwardBox { 
float:right;
margin:0 0 25px 15px;
padding:0;
width:310px;
border-right:1px solid #cccccc;
}


/* Individual DIV wrapper that holds each gray box 
----------------------------------------------------------------------------------------------//
*/
.boxBlurb, .boxBlurbPoll { 
margin:5px 0 3px 4px;
padding:10px;
width:270px;
font-size:11px;
color:#686868;
background-color:#E9E9E9;
}

.boxBlurb h2, .boxBlurbPoll h2, .contentslide h2 {
margin:0;
padding:0;
font-size:18px;
color:#FA6717;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
}

.boxBlurb h4, .coverStory h4 {
margin:0 0 5px 0;
padding:0;
font-size:18px;
color:#FA6717;
}

.boxBlurb h3, .boxBlurbPoll h3, .contentslide h3 {
margin:0;
padding:0;
font-size:13px;
color:#006DB5;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.boxBlurb p, .boxBlurbPoll p, .contentslide p, .boxBlurb ul  {
font-size:11px;
line-height:13px;
}

.boxBlurb ul {
margin:0 0 0 0;
}

.boxBlurb li a:link {
color:#686868;
text-decoration:underline;
font-size:11px;
}

.boxBlurb li a:visited {
color:#999999;
text-decoration:none;
font-size:11px;
}

.boxBlurb li a:hover, .boxBlurb li a:active {
text-decoration:none;
}

.boxBlurbPoll form {
font-size:11px;
}

.boxBlurbPoll input.button {
margin:10px 0 0 180px;
}

.openAccessTag {
color:#FA6717;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

/* Style for the iframe holding the QNT links
----------------------------------------------------------------------------------------------//
*/

.qpQNT {
margin:-4px 0 0 0;
padding:0 0 2px 0;
width:270px;
height:70px;
background-color:#E9E9E9;
}

.qpQNT ul {
list-style-type:none;
margin:0;
padding:0;
font-size:12px;
}

.qpQNT ul li {
list-style-type:none;
margin:4px 0 2px 5px;
padding:0 0 0 8px;
background-image:url(../img/list-basic-arrow.gif);
background-position:0 3px;
background-repeat:no-repeat;
}

.qpQNT ul li a:link {
font-size:11px;
color:#686868;
text-decoration:underline;
}

.qpQNT ul li a:visited {
font-size:11px;
color:#999999;
text-decoration:none;
}

.qpQNT ul li a:hover, .qpQNT ul li a:active {
text-decoration:none;
}




/* Right-floated links for multiple pages on Search Results page
----------------------------------------------------------------------------------------------//
*/
#pageLinksBottom { 
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#pageLinksTop { 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#pageLinksBottom a:link, #pageLinksBottom a:visited, #pageLinksTop a:link, #pageLinksTop a:visited {
color:#626262;
text-decoration:underline;
}

#pageLinksBottom a:hover, #pageLinksBottom a:active, #pageLinksTop a:hover, #pageLinksTop a:active {
text-decoration:none;
}

#pageLinksBottom a:link.thisPage, #pageLinksBottom a:visited.thisPage, #pageLinksTop a:link.thisPage, #pageLinksTop a:visited.thisPage {
color:#006DB8;
text-decoration:none;
}

#pageLinksBottom a:hover.thisPage, #pageLinksBottom a:active.thisPage, #pageLinksTop a:hover.thisPage, #pageLinksTop a:active.thisPage {
text-decoration:underline;
}


/* Main Right-sided column DIV that contains the ads
----------------------------------------------------------------------------------------------//
*/
#rightColumn { 
float:left;
margin:10px 0 0 0;
padding:0;
width:120px;
}

.productDirectory {
margin:0 0 10px 0;
padding:0;
text-align:center;
font-size:11px;
}

.productDirectory img {
margin:0;
padding:0;
border:none;
}

.adBlock {
margin:0 0 10px 0;
padding:0;
}

.adBlock img {
border:1px solid #eeeeee;
}

.adtext {
    color: #666666;
	margin:10px 0 5px 0;
    padding:0;
    text-align:left;
    font-size:11px;
}



/* You guessed it, this one contains the footer 
----------------------------------------------------------------------------------------------//
*/
#footer {
clear:both;
margin:100px 0 0 0;
padding:0;
width:934px;
height:43px;
line-height:43px;
font-size:11px;
background-color:#C1C1C1;
font-family:Arial, Helvetica, sans-serif;
}

#footer a:link, #footer a:visited {
color:#000000;
text-decoration:none;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
}

#footer img {
float:left;
margin:0;
padding:3px 10px 0 10px;
border:none;
}



/* Stand-alone Advanced Search page - 07 July 2009
----------------------------------------------------------------------------------------------//
*/
#searchTextBig {
color:#454545;
line-height:18px;
}

#advancedSearchTwo {
margin:0 10px 0 0;
padding:10px 20px;
width:600px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
float:left;
background-color:#F4F4F4;
}

#advancedSearchTwo h1 {
margin:0 0 10px 0;
padding:0;
color:#006DB8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

#advancedSearchTwo img {
margin:0 0 6px 0;
}

#advancedSearchTwo p {
margin:0 0 14px 0;
padding:0;
vertical-align: top;
}

#advancedSearchTwo fieldset {
border:none;
}

.searchPageBlock {
padding:0;
margin:0 0 20px 0;
}

.searchLabel {
width:90px;
padding:0 0 0 0;
margin:0 10px 0 0;
vertical-align:top;
display:inline-block;
text-align:right;
}

.searchLabelTight {
padding:0 0 0 0;
margin:0 10px 0 0;
vertical-align:top;
display:inline-block;
text-align:right;
}

#advancedSearchTwo label {
font-size:15px;
font-weight:bold;
color:#006DB8;
width:200px;
}

#advancedSearchTwo label.smlabel {
font-size:14px;
font-weight:bold;
color:#006DB8;
width:200px;
}

#advancedSearchTwo label.smlabel {
font-size:14px;
font-weight:bold;
color:#006DB8;
width:200px;
}

#advancedSearchTwo input, #advancedSearchTwo select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 0 0;
}

#advancedSearchTwo select.moreBox {
width:300px;
}

#advancedSearchTwo select.littleMoreBox {
width:100px;
}

.advTextTwo {
width:140px;
}

.advSelectTwo {
width:140px;
}


/* Small Advanced Search pop-up window 
----------------------------------------------------------------------------------------------//
*/
#advancedSearch {
margin:0;
padding:10px;
width:225px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
background-color:#4c4c4c;
}

#advancedSearch img {
margin:0 0 6px 0;
}

#advancedSearch img.closeX {
float:right;
margin:0 0 6px 0;
border:none;
}

#advancedSearch p {
	margin:0 0 4px 0;
	padding:0;
	text-align:right;
	vertical-align: top;
}

#advancedSearch fieldset {
border:none;
}

#advancedSearch input, #advancedSearch select {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.advText {
width:140px;
}

.advSelect {
width:140px;
}

.dhtmlwindow{
position: absolute;
border: 1px solid #000000;
visibility: hidden;
background-color: #4c4c4c;
}

.drag-handle{ /*CSS for Drag Handle*/
padding:4px 0 0 4px;
text-indent:0;
text-align:left;
font: bold 16px Arial;
background-color: #4c4c4c;
color:#ffffff;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 5px;
top: 5px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top:none;
background-color: #4c4c4c;
color: black;
height: 150px;
padding:0;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}


/* Styles for the drop-down menus in the main navigation
----------------------------------------------------------------------------------------------//
*/
#dropmenudiv {
position:absolute;
border:1px solid #AAAAAA;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
z-index:100;
text-align:left;
}

#dropmenudiv a:link, #dropmenudiv a:visited {
display: block;
text-indent: 10px;
padding:1px 0;
color:#cccccc;
text-decoration:none; 
}

#dropmenudiv a:hover, #dropmenudiv a:active { 
color:#ffffff;
text-decoration:underline;
}




/* Styles for rotating Featured Tools DIV 
----------------------------------------------------------------------------------------------//
*/
.contentslide{
padding:0;
width: 270px;
height:125px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
/*height: 100%; */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 250px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align:right;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 250px; /*IE5 width*/
w\idth: 250px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #006DB8;
display:none;
}

.pagination a:hover, .pagination a.selected{
color: #006DB8;
text-decoration:underline;
}








/* Fix so that the outer DIV will wrap around all floated DIVs within 
----------------------------------------------------------------------------------------------//
*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* My Save Articles styling 
----------------------------------------------------------------------------------------------//
*/
#savedArticles table, #savedArticles td, #savedArticles th, #savedArticles p {
font-size:12px;
line-height:16px;
}
#savedArticles h3 {
margin:0 0 0 5px;
padding:0;
font-size:16px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}
#savedArticles td {
vertical-align:top;
}
#savedArticles th {
color:#999999;
border-bottom:#999999 thin dashed;
}

/* Font testing */
.arialtest {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.articleBlurb p .arialtest {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}




/* roadblock / login
----------------------------------------------------------------------------------------------//
*/
#leftColumnRB {
float:left;
margin:15px 11px 20px 15px;
padding:0;
width:900px;
}

#messageHeading {
margin:0;
padding:2px 0 5px 0;
width:934px;
background-color:#0B0B0B; /* Black */
}

#messageHeading h1 {
display:inline;
margin:0;
padding:4px 5px 4px 15px;
font-size:21px;
font-weight:lighter;
color:#ffffff;
}

#RBcontainer {
margin:5px;
padding:0;
}

.RBH1 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
}

.RBH2 {
margin:0;
font-size:18px;
font-weight:bold;
color:#000000;
}

.RBH2Blue {
margin:0 0 0 10px;
font-size:18px;
font-weight:bold;
color:#395A93;
}

#RBcontainer legend {
padding:5px 0 0 5px;
font-size:18px;
font-weight:bold;
color:#1D1D1D;
}

#RBcontainer label {
padding:0 0 0 5px;
font-size:12px;
color:#454545;
}

#RBcontainer select {
padding:0 0 0 2px;
margin:3px 0 5px 5px;
color:#454545;
font-size:12px;
border:1px solid #E2E2E2;
}

#RBcontainer input {
padding:0 0 0 2px;
margin:3px 0 0 5px;
color:#454545;
font-size:12px;
border:1px solid #E2E2E2;
}


#RBcontainer input.clean {
padding:0 0 0 2px;
margin:3px 0 0 10px;
border:none;
}

#RBcontainer input.cleanRight {
padding:0 0 0 2px;
margin:3px 20px 0 0;
border:none;
}

.happyButton {
float:right;
margin:10px 70px 0 0;
padding:0;
}

.happyButtonRight {
float:right;
margin:17px 70px 0 0;
padding:0;
}

#RBcontainer .logo {
float:left;
margin:0 15px 200px 0;
padding:0;
border:none;
}

#RBleftBox {
float:left;
margin:6px 5px 0 0;
padding:10px;
width:388px;
height:260px;
background-image:url(../img/roadblock-blu-fade-bg.jpg);
background-position:top;
background-repeat:repeat-x;
}

#RBleftBox fieldset, #RBrightBox fieldset {
width:370px;
}









#RBbetweenBox {
float:left;
margin:10px 0 0 0;
padding:30px 0 0 0;
width:60px;
}

#RBrightBox {
float:left;
margin:6px 0 0 5px;
padding:10px;
width:388px;
height:260px;
background-image:url(../img/roadblock-blu-fade-bg.jpg);
background-position:top;
background-repeat:repeat-x;
}

.RBmainText {
font-size:16px;
margin:0;
padding:0;
color:#000000;
}

.messageText {
padding:4px 0 4px 0;
width:800px;
font-style:italic;
color:#000000;
background-color:#F3F1BA;
}

.messageTextClean {
padding:4px 0 4px 0;
width:800px;
color:#000000;
}

.messageList ul {
list-style:none;
}

.messageList li {
margin:0 0 5px 15px;
padding:4px 0 10px 20px;
background-image:url(http://www.asq.org/img/conferences/template/bulleted-li-bg-blue.gif);
background-position:0 6px;
background-repeat:no-repeat;
font-size:.9em;
color:#2c2c2c;
}

.RBboxText {
font-size:.8em;
margin:0;
padding:5px 5px 10px 5px;
color:#1D1D1D;
}

.RBnote {
font-size:10px;
margin:-4px 0 0 0;
padding:0 5px 10px 10px;
color:#454545;
font-style:italic;
}

.RBformText {
padding:5px 0 10px 0;
}

.RBformText a, .RBnote a {
color:#194B96;
text-decoration:underline;
}

.RBformText a:hover, .RBnote a:hover {
color:#666666;
text-decoration:none;
}

#RBrightBox2 {
float:right;
margin:20px 0 0 10px;
padding:15px;
width:280px;
height:320px;
background-color:#F4F4F4;
}

.RBthreeOptions {
margin:10px 0 0 0px;
padding:15px 5px 15px 5px;
width:875px;
height:250px;
}

.RBbox1 {
	width: 275px;
	height:165px;
	float: left;
	margin:0;
	padding:5px;
	background-image:url(../img/roadblock-grey-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:f4f4f4;
	
}
.RBbox2 {
	width: 285px;
	height:165px;
	float: left;
	margin:0 5px 0 5px;
	padding:5px;
	background-image:url(../img/roadblock-grey-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:f4f4f4;
}
.RBbox3 {
	width: 275px;
	height:165px;
	float: right;
	margin:0;
	padding:5px;
	background-image:url(../img/roadblock-grey-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:f4f4f4;
}
/* END OF /quality_progress/qp-templates/includes/style.css */





/* Sitemap page
----------------------------------------------------------------------------------------------//
*/
#siteMap h3 {
margin:0;
padding:15px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#799b3a;
font-weight:lighter;
}

#siteMap h3.topicType {
font-size:20px;
color:#006DB8;
margin-bottom:10px;
}

#siteMap h3.departmentType {
font-size:20px;
color:#799B3A;
margin-bottom:10px;
}

#siteMap h3.industryType {
font-size:20px;
color:#763B69;
margin-bottom:10px;
}

#siteMap h3.toolsType {
font-size:20px;
color:#F49A20;
margin-bottom:10px;
}

#SiteMapLeft {
float:left;
margin:0;
padding:10px;
width:300px;
}

#SiteMapRight {
float:left;
margin:0 0 0 15px;
padding:10px;
width:300px;
}

#siteMap h3 a {
color:#799b3a;
}

#siteMap ul li {
background-image:none;
margin:3px 0 3px -10px;
}

#siteMap ul li ul li {
font-size:11px;
}

#siteMap ul li ul li ul li {
font-size:10px;
}

a[class ='sm'] { 
   padding-right: 18px;
   background: transparent url(http://www.asq.org/img/icon_external.gif) no-repeat center right;
}

/* QP - Depts Columns Description
----------------------------------------------------------------------------------------------//
*/

.deptcoldescription {
font-size:16px;
color: #333333;
padding-left: 0px;
padding-bottom: 10px;
}


#specialPhoto {
float:right;
margin:0 0 7px 8px;
padding:0;
border:none;
}

#juranPhoto {
float:right;
margin:0 0 7px 8px;
padding:0;
border:none;
}



/* a wider right column to allow for search form on search results page
----------------------------------------------------------------------------------------------//
*/
#rightColumnWide { 
float:left;
margin:10px 0 0 0;
padding:0;
width:250px;
}

/* Search form to the right of the search results to avoid z-index problem
----------------------------------------------------------------------------------------------//
*/
#leftColumnArticlesSearch { 
float:left;
margin:10px 8px 0 0;
padding:0;
width:454px;
}

.articleBlurbSearch {
margin:6px 0 5px 0;
padding:0 10px 5px 10px;
font-size:12px;
}

#searchFormRight {
margin:0 0 0 0;
padding:10px 0 0 6px;
font-size:11px;
background-color:#f9f7da;
background-color:#daf0f9;
}

#searchFormRight h3 {
margin:0 0 0 0;
padding:0 0 4px 0;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#searchFormRight p.lefthand {
float:right;
margin:6px 15px 2px 0;
} 

#searchFormRight fieldset {
margin:3px 5px 3px 0;
padding:2px;
width:250px;
}

#searchFormRight input, #searchFormRight select {
margin:0 0 6px 0;
padding:0;
font-size:11px;
vertical-align:middle;
}

#searchFormRight fieldset.return {
margin:3px;
padding:4px;
width:480px;
border:none;
text-align:right;
}

#searchFormRight label {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


/* clickable rating stars on article comments
----------------------------------------------------------------------------------------------//
*/
span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background-image:url(../img/radio.jpg);
background-repeat:no-repeat;
display: block;
clear: left;
float: left;
}

span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background-image:url(../img/radio.jpg);
background-repeat:no-repeat;
display: block;
clear: left;
float: left;
}

span.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(select.gif) no-repeat;
overflow: hidden;
}

/* style for accessible form on Expert Answers
----------------------------------------------------------------------------------------------//
*/
.requiredText {
color:#454545;
font-size:10px;
margin:0;
}

.toTop {
margin-top:10px;
font-size:11px;
text-align:right;
}

form.cmxform {
font-family:Arial, sans-serif;
/*font-size:13px;*/
}

form.cmxform p {
margin:0 10px 0 0;
padding:0;
}

form.cmxform fieldset {
margin:0 15px 15px 0;
padding:8px 20px 20px 0;
width:600px;
}

form.cmxform legend {
padding: 0 2px;
font-size:18px;
color:#000000;
}

form.cmxform input {
border:1px solid #7F9DB9;
background:#ffffff;
}

form.cmxform textarea {
border:1px solid #7F9DB9;
background-color:#ffffff;
}

form.cmxform select {
border:1px solid #7F9DB9;
background:#ffffff;
}

form.cmxform textarea:focus, form.cmxform input:focus, form.cmxform select:focus {
border:1px solid #7F9DB9;
background-color:#F2F5F8;
}

form.cmxform label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
color:#454545;
font-size:11px;
font-weight:bold;
}

form.cmxform fieldset ol {
margin: 0;
padding: 0;
list-style: none;
background-image:none;
}

form.cmxform fieldset li {
list-style: none;
padding:5px;
margin:0;
background-image:none;
}

form.cmxform fieldset fieldset {
border: none;
margin: 3px 0 0 0;
}

form.cmxform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}

form.cmxform fieldset fieldset label {
display: block;
width: auto;
}

form.cmxform em {
color: #454545;
}

form.cmxform em.nothing {
font-weight:normal;
font-style:italic;
color: #547699;
}

form.cmxform label {
width: 150px; /* Width of labels */
}

form.cmxform fieldset fieldset label {
margin-left: 153px; /* Width plus 3 (html space) */
}

.formBlock {
margin:-40px 0 0 153px;
}

.formBlock2 {
margin:-20px 0 0 153px;
}

.formBlock3 {
margin:-20px 0 0 75px;
}

.articleTable {
border:none;
padding:5px;
font-size:11px;
}


.articleTable tr.articleTRHead {
background-color:#ADAD92;
}

.articleTable tr.articleTRHead td {
padding:3px 3px 6px 3px;
text-align:center;
color:#ffffff;
}

.articleTable  tr.articleTRDark {
background-color:#F5F5D2;
}

.articleTable  tr.articleTRDark td{
padding:3px;
border:1px solid #ffffff;
text-align:center;
}

.articleTRLight {
background-color:#FAFAE9;
}

.articleTable  tr.articleTRLight td{
padding:3px;
border:1px solid #ffffff;
text-align:center;
}


a.onlineOnly {
padding:3px 5px 3px 3px;
background-color:#454545;
color:#ffffff;
font-weight:bold;
}

.abstractLoginBox {
margin:10px 17px 5px 0;
padding:0;
float:left;
}

.abstractLoginBoxTall {
margin:10px 17px 8px 0;
padding:0 0 20px 0;
float:left;
width:195px;
height:200px;
background-image:url(../img/abstract-login-block-fullback.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#qpAbstractLogin {
margin:5px 0 0 0;
padding:0 10px 0 15px;
width:145px;
font-size:10px;
}

#qpAbstractLogin label {
margin:0;
padding:0;
font-size:11px;
}

#qpAbstractLogin input {
margin:3px 0 2px 0;
padding:0;
font-size:12px;
border:1px solid #cccccc;
background-color:#ffffff;
}

#abstractOther {
margin:10px 0 5px 9px;
padding:0;
border:none;
}


/* style for navigation landing pages
----------------------------------------------------------------------------------------------//
*/
#landingLinks1, #landingLinks2 {
float:left;
margin:0 0 0 0;
padding:0;
width:300px;
background-color:#999999;
}

/* style for Follow QP on article pages
----------------------------------------------------------------------------------------------//
*/
.followQP {
margin:2px 1px 1px 0;
padding:0 0 5px 0;
float:left;
width:120px;
height:60px;
background-image:url(../img/follow-qp-fullback.jpg);
background-position:bottom;
background-repeat:no-repeat;
}



/* lightbox
----------------------------------------------------------------------------------------------//
*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }