/* ---------- Amazing science of the mouth ---------- */
.mainContainer{ padding-left:0px!important;}
#tiburon{ background: url(../images/macleans_amazing/pic_tiburon.png) no-repeat; width:181px; height:110px; position:absolute; }
#logo-amazing{ background:url(../images/macleans_amazing/logo_amazing.gif) no-repeat; width:295px; height:357px; position:absolute;}
#scientist{background:url(../images/macleans_amazing/pic_scientist.gif) no-repeat; width:155px; height:210px; position:absolute;}
#robot{ background:url(../images/macleans_amazing/pic_robot.gif) no-repeat; width:119px; height:191px; position:absolute;}
#tubes{ background:url(../images/macleans_amazing/pic-tubes.gif) no-repeat; width:55px; height:86px; position:absolute}
#people{ background:url(../images/macleans_amazing/people.png) no-repeat; width:317px; height:166px; position:absolute}
#quiz{ background: url(../images/macleans_amazing/pic_quiz.gif) no-repeat;  width:78px; height:56px; position:absolute}
#banner{width:618px; height:127px; position:absolute}
#couple{ position:absolute; bottom:4px; right:5px}
#disclaimer{ position:absolute; bottom:-110px; color:#CCC; left:40px}

.bodypadd p{ padding-bottom:10px}
.bodypadd h1 img, .bodypadd h2 img{ margin-bottom:15px;}
.bodypadd .hd-amazing { position: relative; width:964px; min-height:322px;_height:322px; background:url(../images/macleans_amazing/pic_clouds.gif) no-repeat right 0px;}
.bodypadd .hd-amazing #tiburon{ top:-25px}
.bodypadd .hd-amazing #logo-amazing{ top:-25px}
.bodypadd .hd-amazing #scientist{ left:280px; top:50px}
.bodypadd .hd-amazing #robot{  right:100px; }
.bodypadd .hd-amazing #banner{ right:50px; top:165px}
.bodypadd .hd-amazing #people{ right:200px; top:7px }
.bodypadd .hd-amazing #quiz{ left:210px; top:280px }

.bodypadd #content{ width:621px;  position:relative; float:right; margin-top:-150px; margin-bottom:100px}
.bodypadd #content #topContent{ width:561px; padding:50px 30px; background:url(../images/macleans_amazing/content_top.gif) top no-repeat;  font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000; font-weight:bold;}
.bodypadd #content #topContent small{ font-size:10px; display:block; color:#CCC}
.bodypadd #content #topContent table td{ padding:5px; font-weight:bold; width:250px;}
.bodypadd #content #topContent table td input{ width:250px; border:solid 1px #CCC; padding:5px}
.bodypadd #content #btmContent{ background:url(../images/macleans_amazing/content_btm.gif) no-repeat; width:621px; height:17px}
.bodypadd #content #scientist{ left:-70px; top:-90px }
.bodypadd #content #robot{  right:40px; top:-165px }
.bodypadd #content #tubes{ right:120px; top:-40px; z-index:100 }
.bodypadd #content #people{  right:200px; top:-157px }
.bodypadd #content .readmore{ bottom:-20px; right:40px; position:absolute; }
.bodypadd #content .readmore2{ bottom:-20px; left:40px; position:absolute; }

.bodypadd #c1{width:263px; float:left}
.bodypadd #c1 .angel-1{width:263px; position:relative; margin-top:180px; margin-bottom:30px; margin-left:30px}
.bodypadd #c1 .angel-1 .readmore{ position:absolute; bottom:-10px; left:20px}
.bodypadd #c1 .angel-1 .angelTop{ background:url(../images/macleans_amazing/angel-top.gif) no-repeat top; width:223px; padding:80px 20px 40px; line-height:1.4em; overflow:hidden}
.bodypadd #c1 .angel-1 .angelTop img{ position:absolute; top:-140px; left:10px }
.bodypadd #c1 .angel-1 .angelBtm{ background:url(../images/macleans_amazing/angel-btm.gif) no-repeat bottom; width:263px; height:12px; overflow:hidden}

.bodypadd #c1 .angel-2{width:273px;  position:relative; margin-bottom:30px; margin-left:30px}
.bodypadd #c1 .angel-2 .readmore{ position:absolute; bottom:-10px; right:20px}
.bodypadd #c1 .angel-2 .angelTop{ background:url(../images/macleans_amazing/angel2-top.gif) no-repeat top; width:233px; padding:10px 20px 10px; line-height:1.4em}
.bodypadd #c1 .angel-2 .angelBtm{ background:url(../images/macleans_amazing/angel2-btm.gif) no-repeat bottom; width:273px; height:13px}

/* Amazing quiz */
.question { position:absolute}
.question .question-content {font-size:13px; font-family:Verdana, Geneva, sans-serif}
.question .question-content table td{ font-weight:bold; padding:5px 0px}
.question .question-content #top-q-1{ background:url(../images/macleans_amazing/top-q-1.gif) no-repeat; width:699px; height:98px}
.question .question-content #btm-q-1{ background:url(../images/macleans_amazing/btm-q-1.gif) no-repeat; width:639px; height:331px; padding:10px 30px}
.question .question-content #top-q-2{ background:url(../images/macleans_amazing/top-q-2.gif) no-repeat; width:699px; height:98px}
.question .question-content #btm-q-2{ background:url(../images/macleans_amazing/btm-q-2.gif) no-repeat; width:639px; height:331px; padding:10px 30px}
.question .question-content #top-q-3{ background:url(../images/macleans_amazing/top-q-3.gif) no-repeat; width:699px; height:98px}
.question .question-content #btm-q-3{ background:url(../images/macleans_amazing/btm-q-3.gif) no-repeat; width:639px; height:331px; padding:10px 30px}
.question .question-content #top-q-4{ background:url(../images/macleans_amazing/top-q-4.gif) no-repeat; width:699px; height:98px}
.question .question-content #btm-q-4{ background:url(../images/macleans_amazing/btm-q-4.gif) no-repeat; width:639px; height:331px; padding:10px 30px}
.question .question-content #top-q-5{ background:url(../images/macleans_amazing/top-q-5.gif) no-repeat; width:699px; height:98px}
.question .question-content #btm-q-5{ background:url(../images/macleans_amazing/btm-q-5.gif) no-repeat; width:639px; height:331px; padding:10px 30px}
.question .question-content #top-q-6{ background:url(../images/macleans_amazing/top-q-6.gif) no-repeat; width:699px; height:98px}
.question .question-content #btm-q-6{ background:url(../images/macleans_amazing/btm-q-6.gif) no-repeat; width:639px; height:331px; padding:10px 30px}

.answer-content { width:699px;font-size:14px; font-family:Verdana, Geneva, sans-serif}
.answer-content .answer{ width:173px; height:27px; margin-bottom:15px}
.answer-content .ans-r-1{ background: url(../images/macleans_amazing/q-right-1.gif) no-repeat;}
.answer-content .ans-w-1{ background:url(../images/macleans_amazing/q-wrong-1.gif) no-repeat}
.answer-content .ans-r-2{ background: url(../images/macleans_amazing/q-right-2.gif) no-repeat;}
.answer-content .ans-w-2{ background:url(../images/macleans_amazing/q-wrong-2.gif) no-repeat}
.answer-content .ans-r-3{ background: url(../images/macleans_amazing/q-right-3.gif) no-repeat;}
.answer-content .ans-w-3{ background:url(../images/macleans_amazing/q-wrong-3.gif) no-repeat}
.answer-content .ans-r-4{ background: url(../images/macleans_amazing/q-right-4.gif) no-repeat;}
.answer-content .ans-w-4{ background:url(../images/macleans_amazing/q-wrong-4.gif) no-repeat}
.answer-content .ans-r-5{ background: url(../images/macleans_amazing/q-right-5.gif) no-repeat;}
.answer-content .ans-w-5{ background:url(../images/macleans_amazing/q-wrong-5.gif) no-repeat}
.answer-content .ans-r-6{ background: url(../images/macleans_amazing/q-right-6.gif) no-repeat;}
.answer-content .ans-w-6{ background:url(../images/macleans_amazing/q-wrong-6.gif) no-repeat}
.btn-next { position:relative; cursor:pointer}
.btn-next .msg{ position:absolute; top:-130px; _top:-100px; left:90px; display:none; background: url(../images/macleans_amazing/msg.gif) no-repeat; width:166px; height:112px}