/* EQAO Emag Article CSS */
/* March 2007 */

/* ELEMENTS */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; margin: 0; padding: 0;}
div { margin: 0;}
p img { margin: 2px;}
p { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a img { border: none;}

h1 { text-align: left; margin: 0; padding: 0; font: bold 30pt "Times New Roman", "TimesNR", Times, serif; letter-spacing: 0.1em; clear: left;}
h2 { margin: 0 0 0 1pt; padding: 0; font: bold 24pt "Times New Roman", "TimesNR", Times, serif; letter-spacing: 0.1em;}
h2.byline { font: bold 18pt "Times New Roman", "TimesNR", Times, serif; }
h3 { color: #000; margin: 0; padding: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
h4 { color: #000; margin: 0; padding: 0; font-size: 14pt;}
h5 { color: #000; margin: 0; padding: 0; font-size: 14pt;}
h1, h2, h3, h4, h5 { margin: 0;}
hr { border: 1px solid #000000; clear: both; }
.NL-article p { margin: 10px 0; line-height: 1.3em;}

/* CLASSES */
.submit-rating-msg, .submit-failedVal-msg, .submit-error-msg { text-align: center; font-size: 16px; font-family: Trebuchet MS, Arial; color: #000; background-color: #FFF; border-top: 1px solid #000000; background: #FFF url(/eMagazine/images/submit-thanks-grad.gif) repeat-x top left;}
.submit-rating-msg strong { color: #21BA52; }
.submit-failedVal-msg { color: Red;}
.submit-error-msg { color: Red; }

.NL-article { margin-left: 10px; width: auto;}
.NL-article img { border: 1px solid #666;}
.NL-leftNavButton {border: 1px solid #000; padding: 0;}
.NL-leftNavButton img { margin:0;}
.NL-DidYouKnow { border: 2px solid #9C003F; margin-top: 10px;}
.usingDataTips { margin-top: 10px; }
.survey { margin-top: 10px; }
.askUs { margin-top: 10px; }
.eduOpportunities { margin-top: 10px; }
.email { margin-top: 10px; }
.nextissue { clear: left; float: left; margin-top: 10px;}
.nextissue-label { color: #000; }
.nextissue-details { }

.nextissue-details ul li { padding: 1px;}
.nextissue-date { text-align: right; padding-right: 8px; font-weight: bold; color: #000000;}
.block-006A8A { margin-top: 5px; }
#writer-guidelines-contentwrapper hr { clear: none;}

/* ARTICLE MASTHEADS ------------------------------ */


/* ARTICLE TITLE LINE STYLE ------------------------ */

/* COFFEE BREAK ------------------------------------- */
.Article02e h3.personTitle { margin-bottom: 15px; }
Article02f h3.personTitle { margin-bottom: 15px; }

div.elvis1, div.elvis2 { background-color: #FFF; margin-bottom: 20px;}
div.elvis1 { width: 180px; height: 279px; float: right; margin-left: 20px;}
div.elvis2 { width: 235px; height: 303px; float: left; margin-right: 20px;}

/* VIEW FROM THE FRONT OF THE CLASS ------------------ */
div.step { clear: left;}
div.step strong { float: none; font-size: 14px; margin-top: 10px; }
div.step-content-wrapper { float: none; }
div.step-conclusion { clear: left;}

.Article03e h3.resourceMat { text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; }

.Article03f h3.resourceMat { text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; }
.Article03f div.nextIssue-block { border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article03f div.nextIssue-block h5 { font-size: 16px; color: #9F7FA6; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article03f div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article03f div.nextIssue-block img { border: none;}

/* BEHIND THE SCENES AT EQAO -------------------------- */
.Article04e #score-resources { width: 410px; float: left;}
.Article04e .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2007/03/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}

.Article04f #score-resources { width: 410px; float: left;}
.Article04f .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2007/03/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}

#behind-scenes-empOp { float: left; border: 2px solid #000; width: 210px; margin-left: 35px; padding: 10px;}
#behind-scenes-empOp img { border: none; float: left; margin: -30px 10px 0 -30px;}
h3.empOp { font-size: 16px;}
#pentagonQuestion { float: left; padding-right: 16px; padding-bottom: 16px;}

/* SPOTLIGHT ------------------------------------------ */

.Article05e div.nextIssue-block { clear: both; border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article05e div.nextIssue-block h5 { font-size: 16px; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article05e div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article05e div.nextIssue-block img { border: none;}
 
.Article05f div.nextIssue-block { clear: both; border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article05f div.nextIssue-block h5 { font-size: 16px; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article05f div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article05f div.nextIssue-block img { border: none;}

div.spotlight-pic1 { float: right; margin: 0 0 15px 15px; }
div.spotlight-pic2 { float: left; margin: 0 15px 15px 0; }
div.spotlight-pic3 { float: left; margin: 0 15px 15px 0; }

div.spotlight-pic1 { float: right; margin: 0 0 15px 15px; width: 210px; }
div.spotlight-pic2 { float: left; margin: 0 15px 15px 0; width: 120px; }
div.spotlight-pic3 { width: 233px; }
div.spotlight-pic4 { display: none; }

/* HOW WOULD YOU SCORE THIS? ---------------------------- */

#score-this-left-col { width: 200px;}
#score-this-quick-tips { width: 160px;  margin-top: 20px; }
#score-resources { width: 158px;  margin-top: 0;}
#score-this-quick-tips, #score-resources { margin-left: 15px;}
#score-this-quick-tips { border: 1px solid #000;}
#score-this-quick-tips p, #score-resources p { font-size: 11px; padding: 5px 5px;}
#score-resources a, #score-resources div, .resourcePdfContainer { font-size: 11px; }
#score-this-quick-tips h3, h3.score-resources, h3.score-resources, h3.score-this { font-size: 18px; font-weight: 700; }
.score-this-portrait { margin-left: 15px;}
#score-resources { border: 2px solid #000; padding-top: 0;}
#score-resources p { padding: 8px;}

h3.score-resources { margin-top: 10px; margin-bottom: 0;}
.resourcePdfContainer { margin-left: 8px; margin-bottom: 5px; padding: 0 2px 2px 20px; background-image: url(/eMagazine/images/2007/03/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}
h3.score-this { text-align: center; margin-top: 15px; margin-bottom: 10px; }
#score-this-table { width: 500px; border: 1px solid #000; border-collapse: collapse;}
#score-this-table th, #score-this-table td { border: 1px solid #000;}
#score-this-table th, td { padding: 9px;}
#score-this-table th { font-size: 16px;}
#score-this-table td { font-size: 14px;}
#score-this-table td.rubric-code { text-align: center; font-weight: bold; font-size: 18px;}
#score-answer-link { text-align: right;}

/* DID YOU KNOW? ----------------------------------------- */

.did-you-know-narrow { width: 500px;}
.Article07e #score-resources { width: auto; float: none;}
img.did-you-know-portrait { border: none; margin-top: 10px;}

/* USING DATA TIPS --------------------------------------- */

.Article08e ol li { padding: 5px;}
.Article08e ol span.tips { font-size: 14px;}
.Article08e #score-resources { width: 700px;}
.Article08e .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2007/03/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}

.Article08f ol li { padding: 5px;}
.Article08f ol span.tips { font-size: 14px;}
.Article08f #score-resources { width: 700px;}
.Article08f .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2007/03/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}

.dataTips-Title { margin: 10px 0 10px 0; padding: 0; }
.dataTips-Title img { border: none; }

.step-print-box { border: 1px solid #000; padding: 0 1em; margin: 0.5em 0;}

/* ASK US ------------------------------------------------- */

.Article09e p.askUs-question { font-size: 14px; margin-top: 10px; }
.Article09e p.askUs-answer { font-size: 14px; }
.Article09e p.first { width: 500px;}
.Article09e ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2007/03/icons/block-006A8A.gif);}

.Article09f p.askUs-question { font-size: 14px; margin-top: 10px; }
.Article09f p.askUs-answer { font-size: 14px; }
.Article09f p.first { width: 500px;}
.Article09f ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2007/03/icons/block-006A8A.gif);}

#ask-us-form-container { margin-top: 30px; margin-left: 15px; border: 1px solid #000000; width: 300px; height: 220px; float: right; padding: 10px 0 0 0;}

/* WRITER GUIDELINES -------------------------------------- */

div#writer-guidelines-contentwrapper h1 { width: 700px;}
#writer-guidelines { width: 100%; background-color: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#writer-guidelines #NL-topnav { margin-left: 10px;}
#writer-guidelines-contentwrapper { width: 700px; text-align: left; padding-bottom: 10px; margin-left: 30px;}
#writer-guidelines-contentwrapper ul { list-style-image: url(/eMagazine/images/2007/03/icons/block-006A8A.gif); margin-top: 0; margin-bottom: 0;}
#writer-guidelines-contentwrapper ul ul { list-style-image: none; list-style-type: circle;}
#writer-guidelines-footer { background-color: #000000; height: 25px; text-align: right; padding: 10px 10px 0 0; }
#writer-guidelines-footer a { font-size: 14px;}
#writer-guidelines-footer a:link, #writer-guidelines-footer a:visited { color: #FFF; text-decoration: none; }
#writer-guidelines-footer a:hover { color: #FFF; text-decoration: none;}
#writer-guidelines-footer a:active { color: #FFF; text-decoration: none;}
#writer-guidelines-tips { float: right; width: 210px; padding: 5px; border: 1px solid #000; margin-left: 15px; margin-bottom: 10px; }
#writer-guidelines-tips ul { margin-left: 0; margin-top: 10px; padding-left: 18px;}
#writer-guidelines-tips li { padding-left: 0;}

/* COMMON ----------------------------------------------- */

#resource-material { width: 254px; float: right; border: 1px solid #666; margin-left: 20px; margin-bottom: 20px; padding: 8px;}
table#resourceMatTable a img { border: none;}
table#resourceMatTable td, table#resourceMatTable th { font-size: 11px; padding: 2px;}
table#resourceMatTable th, table#resourceMatTable td { text-align: center;}
table#resourceMatTable td.resourceDesc { text-align: left;}

.grade-letter { font-size: 24px; font-family: Arial, Helvetica, sans-serif; padding: 0 3px 3px 3px;}
.grade-radio { padding-top: 5px;}

p.NL-question { font-weight: bold; margin: 20px 0 0 0;}

#articleFormTable { width: 540px; border: 1px solid #000000;}
#articleFormTable td { padding: 2px; }
#articleFormTable td.grade-desc { padding-right: 50px;}
#articleFormTable h3 { padding-top: 5px; padding-left: 5px;}
div.imgCaption { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

/* WRAPPERS */
#NL-contentwrapper { padding: 0;}
#NL-Wrapper { width: 100%; padding: 0; margin: 0; }
.NL-articlewrapper { width: auto; margin: 0; text-align: left; padding: 0 1em;}

#NL-stayConnectedWrapper { margin: 0; background-color: transparent; width: 100%; border-left: 1px solid #666; border-right: 1px solid #666; }
#NL-bottomWrapper { margin: 0; width: 100%; clear: left; background-color: #FFFFFF; border: none; }
.bottomNavWrapper { position: relative; margin-right: 20px; }

/* NAVIGATION */
#NL-topnav { clear: left; text-align: left; padding-left: 20px;}
#NL-topnav a { font-size: 12px;}
.NL-DidYouKnow, .NL-leftNavButton { width: 178px; } /* Left Navigation width */

/* FOOTER */

.stayConnected { text-align: left;}
.stayConnectedBottom, .stayConnectedTop { padding-left: 0;}
.stayConnectedBottom {width: 160px; height: 122px; position: absolute; margin-top: -85px;}
.stayConnectedBottom a { display: block;}
.stayConnectedTop {margin: 0; width: 160px; float: left; height: 93px;}
#NL-bottomWrapper .stayConnectedBottom img { display: inline; margin: 0;}
#NL-bottomWrapper img { margin: 0; border: none;}

a { color: #00F;}
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline;}
a:active { text-decoration: none; }

.bottomNav {padding: 10px 0 0 0;}
.bottomNav, .bottomAddress { text-align: center; width: 570px;}
.bottomNav a, .bottomAddress a, .unsubscribe a, .bottomAddress { color: #FFF; }
.bottomNav a:link, .bottomAddress a:link, .unsubscribe a:link { text-decoration: none;}
.bottomNav a:visited, .bottomAddress a:visited, .unsubscribe a:visited { text-decoration: none;}
.bottomNav a:hover, .bottomAddress a:hover, .unsubscribe a:hover { text-decoration: underline;}
.bottomNav a:active, .bottomAddress a:active, .unsubscribe a:active { text-decoration: none;}

.bottomAddress {padding: 5px 0;}
.unsubscribe { clear: left; text-align: left; padding: 0 0 5px 10px;}

/* Print styles */

div.coffee-break h2, div.view-from-front h2, div.behind-the-scenes h2, div.spotlight h2, div.how-would-you-score h2 { font-size: 18px; margin-bottom: 1em; }

div.view-from-front h3.personTitle { margin-top: 0;}

#NL-contentwrapper { width: 100%; margin: 0;}
#NL-contentwrapper p { width: 90%;}
#NL-topnav, .articleFormWrapper, .stayConnectedBottom, .bottomNav, .unsubscribe, div.elvis1, div.elvis2, .articlePortrait { display: none;}
.bottomAddress { width: 100%}
#resource-material { display: none;}
#writer-guidelines-footer { display: none;}
#writer-guidelines-tips { float: right; width: 210px; padding: 5px; border: 1px solid #000; margin-left: 15px; margin-bottom: 10px; }
#writer-guidelines-tips ul { margin-left: 0; margin-top: 10px; padding-left: 18px;}
#writer-guidelines-tips li { padding-left: 0;}

div.step strong { font-size: 16pt; }

.resourcePdfContainer span { display: none;}
.imgCaption { display: none; }

.spotlight-pic1, .spotlight-pic2, .spotlight-pic3 { display: none;}
.after-spotlight-pic2 { width: auto;}

.data-tips-narrow-p { width: auto; }

#masterTable td.masterTable-right { width: auto; text-align: left; }

p { padding-top: 4px; padding-bottom: 4px; }
p, ul, ol { font: 14pt "Times New Roman", "TimesNR", Times, serif;}

p.NL-question { page-break-inside: avoid;}

/* Home page */
table#masterTable td.masterTable-left { display: none;}
.NL-articleimage {display: none; margin: 0;}
.NL-articletitleBG { padding: 0; margin: 0;}
.nextissue-label  { margin: 0; padding: 0; font: 18pt "Times New Roman", "TimesNR", Times, serif; font-weight: bold; letter-spacing: 0.1em; }
.nextissue-title { font-size: 14pt; padding-left: 1em;}

.NL-article { float: none; margin: 0;}
div.NL-articlewrapper h2 { margin: 0;}
div.NL-article p { margin: 0;}
.nextissue-ruler { display: none;}
ul { padding: 0.5em; margin: 1em; list-style-type: disc;}

.screen-only { display: none; }

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

.Article08e ol li { padding: 1em 0;}
.Article08e ol span.tips { font-size: 18pt;}
.Article08f ol li { padding: 1em 0;}
.Article08f ol span.tips { font-size: 18pt;}

#trexQuestion { width: 442px; border: 1px solid #000; padding: 1em; }

.noprint { display: none;}