/*Grammar Resource website style sheet - general*/
/*Copyright (c) 2009 Mark Planigale*/
/*Last modified 2009-12-24*/

/*body*/
body {background-color: #E3F2FF; padding: 100px 0 0 0; margin: 0; background-image: url(../images/header.jpg); background-position: top left; background-repeat: no-repeat; min-width: 800px; }

/*for IE 6 and under*/
* html body {width: 1000px; }

/*search*/
#searchtop {position: absolute; right: 10px; top: 10px; left: 610px; vertical-align: top; }
.searchbox {border-style: none; border-collapse: collapse; padding: 0; margin-right: 0; margin-left: auto; text-align: right; vertical-align: top; width: 180px; }
.searchhead1 {font-family: "Arial", "Helvetica", sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #000088; word-spacing: 0px; letter-spacing: 0px; font-style: normal; margin: 0 0 4px 0; padding: 0; text-indent: 0; }
.searchfrm {margin: 0; padding: 0; height: 30px; }
.searchtext {margin: 0; width: 130px; font-family: "Arial", "Helvetica", sans-serif; color: #000000; }
.searchbtn {margin: 0; width: 36px; font-family: "Arial", "Helvetica", sans-serif; color: #000000; }
.searchsel {margin: 0; width: 140px; font-family: "Arial", "Helvetica", sans-serif; color: #000000; }

#searchresults {width: 100%; border-style: none; border-collapse: collapse; padding: 0; margin: 0; }
.srhead {padding: 0; margin: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #84C1FF; background-color: #E3F2FF; vertical-align: top; }
.srfoot {padding: 0; margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color: #84C1FF; background-color: #E3F2FF; vertical-align: top; }
#searchresults td {border-style: none; padding: 5px 10px; margin: 30px; }
.srdetails {font-size: 12px; line-height: 100%; color: #888888; }

#searchbottom {margin: 40px 0 15px 0; text-align: center; }
#searchbottom h3 {color: #000088; margin: 0; }
#searchgoogle {margin: 15px 0 40px 0; text-align: center; }
#searchgoogle h3 {color: #000088; margin: 0; }
#searchgoogle .searchbtn {width: 64px; }
.imggoogle {border-style: none; margin: 0; padding: 0; width: 75px; height: 25px; }

/*navigation*/
#navigation {position: relative; left: 8px; background-color: #FFFFFF; width: 172px; margin: 50px 0 0 0; padding: 0 5px 15px 5px; border-style: solid; border-width: 1px; border-color: #84C1FF; z-index: 1; float: left; }

.nav {position: relative; top: 0; left: 0; padding: 0; margin: 0; }
.navtop {position: relative; top: 0; left: 0; padding: 0; margin: 0; }
.navsub {position: relative; top: 0; left: 0; padding: 0; margin: 0; display: none; }
.navindent {position: relative; top: 0; left: 0; padding: 0 0 0 16px; margin: 0; }

#navigation p {line-height: 110%; color: #000088; text-align: left; }
.nav1text {font-size: 16px; margin: 10px 0 0 0; }
.nav2text {font-size: 16px; margin: 10px 0 0 0; }
.nav3text {font-size: 14px; font-style: italic; margin: 8px 0 0 0; }
.nav4text {font-size: 14px; margin: 8px 0 0 0; }
.navcurr {color: #CC0000; }
.navmsg {margin: 15px 0 0 0; font-size: 12px; font-style: italic; }

.tri-r {position: absolute; top: 2px; left: 0; background-color: #FFFFFF; width: 13px; height: 13px; z-index: 2; padding: 0; margin: 0; border-style: none; background-image: url(../images/tri-r.gif); background-position: top left; background-repeat: no-repeat; }
.tri-d {position: absolute; top: 2px; left: 0; background-color: #FFFFFF; width: 13px; height: 13px; z-index: 3; padding: 0; margin: 0; border-style: none; background-image: url(../images/tri-d.gif); background-position: top left; background-repeat: no-repeat; display: none; }
.imenu {vertical-align: top; padding-right: 3px; }

/*main*/
#main {position: relative; min-width: 548px; background-color: #FFFFFF; padding: 10px 20px; margin: 0 10px 0 200px; border-style: solid; border-width: 1px; border-color: #84C1FF; background-image: url(../images/main-bkg16.gif); background-position: top left; background-repeat: no-repeat; z-index: 1; }
#maintitle {font-size: 40px; margin: 10px 0 20px 0; }
.shortbody {margin: 0 0 40px 0; }
.bodylevel2 {}

/*for IE 6 and under*/
* html #main {width: 745px; margin-left: 197px; }

h1 {font-family: "Arial", "Helvetica", sans-serif; font-weight: 700; font-size: 30px; line-height: 100%; color: #0077EE; word-spacing: 0px; letter-spacing: 0px; font-style: normal; margin: 5px 0 15px 0; text-align: center; }
h2 {font-family: "Arial", "Helvetica", sans-serif; font-weight: 700; font-size: 20px; line-height: 100%; color: #000088; word-spacing: 0px; letter-spacing: 0px; font-style: normal; margin: 0 0 7px 0; border-style: solid; border-width: 0 0 1px 0; border-color: #84C1FF; padding: 10px 0 5px 0; }
h3 {font-family: "Arial", "Helvetica", sans-serif; font-weight: 700; font-size: 16px; line-height: 100%; color: #000000; word-spacing: 0px; letter-spacing: 0px; font-style: normal; margin: 20px 0 3px 0; border: 0;  }
h4 {}

p {font-family: "Arial", "Helvetica", sans-serif; font-weight: 400; font-size: 14px; line-height: 130%; color: #000000; word-spacing: 0px; letter-spacing: 0px; font-style: normal; margin: 0 0 14px 0; text-indent: 0; }
i {font-style: italic; }
strong {font-weight: 700; }
sub {font-size: 75%; }
sup {font-size: 75%; line-height: 50%; }
.defin {font-weight: 700; }
.nomargin {margin: 0; }
.halfmargin {margin-bottom: 7px; }
.textcenter {text-align: center; }
.indblock {margin-left: 15px; }
.indfirst {text-indent: 15px; }
.eg {font-style: italic; }
.right {text-align: right; }
.up8 {position: relative; top: -8px; }
.up10 {position: relative; top: -10px; }
.dkblue {color: #000088; }
.shortbody p {font-size: 16px; }
#index .shortbody p {font-size: 18px; margin: 0 5% 10px 5%; }
.refer {font-style: italic; }
.noshow {display: none; }

#contents {padding: 0; margin: 20px 0 0 0; border: 0; }
.tocbox {border-style: solid; border-width: 1px; border-color: #84C1FF; background-color: #E3F2FF; padding: 0; margin: 0 0 20px 0; border-collapse: collapse; }
.toccell {padding: 5px 50px 10px 10px; margin: 0; border-style: solid; border-width: 1px; border-color: #84C1FF; }
#contents p {color: #000088; }
.toc {margin: 0 0 3px 0; }
.tochead {font-weight: 400; border-width: 0; padding: 0; }

.test {width: 120px; border: 0; margin: 0 0 10px 20px; padding: 0; float: right; text-align: center; background-image: url(../images/testbkg.gif); background-position: top right; background-repeat: no-repeat; }
.testbottom {width: 120px; border: 0; margin-right: 0; margin-left: auto; padding: 0; text-align: center; background-image: url(../images/testbkg.gif); background-position: top right; background-repeat: no-repeat; }
.testleft {width: 120px; border: 0; padding: 0; text-align: center; background-image: url(../images/testbkg.gif); background-position: top right; background-repeat: no-repeat; }
.testtxt {}

#printerfriendly {border: 0; margin: 0; padding: 0; text-align: right; vertical-align: top; }
#printerfriendly p {font-size: 12px; }

.tblcap {font-weight: 700; margin: 0 0 10px 15px; }
.tblbox {border-style: solid; border-width: 2px; border-color: #84C1FF; border-collapse: collapse; padding: 0; margin: 0 0 20px 15px; text-align: center; vertical-align: middle; }
colgroup {padding: 0; margin: 0; border-style: solid; border-width: 0 2px 0 0; border-color: #84C1FF; }
.colhead {background-color: #E3F2FF; }
thead {background-color: #E3F2FF; padding: 0; margin: 0; border-style: solid; border-width: 0 0 2px 0; border-color: #84C1FF; }
.borderbelow {border-style: solid; border-width: 0 0 2px 0; border-color: #84C1FF; }
th {padding: 5px 10px; margin: 0; border-style: solid; border-width: 1px; border-color: #84C1FF; }
th p {margin: 0; padding: 0; font-weight: 700; }
.th2 {}
.th2 p {margin: 0; padding: 0; font-weight: 400; }
td {padding: 5px 10px; margin: 0; border-style: solid; border-width: 1px; border-color: #84C1FF; }
td p {margin: 0; padding: 0; }

/*index page*/
#mainselect {position: relative; width: 90%; margin: 0 5%; border-style: none; padding: 0; border-collapse: collapse; }
#indextitle {font-size: 40px; margin: 25px 0; }

.selectrow {width: 100%; border-style: none; padding: 0; margin: 0; }
.selectcol {width: 47%; border-style: none; padding: 0; margin: 0; vertical-align: top; }
.selectgutter {width: 6%; border-style: none; padding: 0; margin: 0; }

.selectitem {margin: 0 0 20px 0; min-height: 96px; text-align: left; }
.selectpic {width: 81px; }
.mainbtn {position: absolute; width: 81px; height: 81px; border: 0; }

.selecttext {position: relative; margin: 0 0 0 96px; }
.selecthead {font-weight: 700; font-size: 18px; line-height: 100%; color: #000088; padding: 2px 0 3px 0; margin: 0; }

/*footer*/
#footer {position: relative; clear: both; min-width: 800px; padding: 20px 10px; margin: 0; }
#footer p {font-size: 12px; line-height: 100%; color: #000000; margin: 0; text-align: center; }

/*feedback page*/
#feedback {float: left; width: 46%; }
#error {margin-left: 53%; width: 46%; }
.retryform {}
.retryform p {color: #CC0000; }
.retryform ul {color: #CC0000; }
.asteriskreq {color: #CC0000; font-weight: 700; font-size: 125%; position: relative; top: 2px; }
.boxemail {width: 247px; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }
.radiooverall {}
.boxfeedback {width: 98%; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }
.btnfeedback {margin: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }
.btnreset {margin: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }
.menuerror {width: 247px; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }
.boxlocn {width: 98%; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }
.btnerror {margin: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }

/*quizzes*/
#quizouter {}
.setouter {}
#quizouter table {border-style: none; border-collapse: collapse; padding: 0; margin: 0; text-align: left; vertical-align: top; }
#quizouter colgroup {margin: 0; border-style: none; }
#quizouter td {padding-bottom: 10px; padding-left: 0; margin: 0; border-style: none; text-align: left; }
#quizbody .pre-h2 {line-height: 175%; }
.qanscol {}
.qnum {padding-top: 0; padding-right: 10px; vertical-align: top; }
.ques {padding-top: 0; padding-right: 30px; vertical-align: top; min-width: 150px; }
.qsym {padding-top: 0; padding-right: 0; vertical-align: middle; width: 38px; }
.qans {padding-top: 0; padding-right: 0; vertical-align: middle; }
.qbut {padding-top: 10px; padding-right: 0; vertical-align: top; }
.qsco {padding-top: 10px; padding-right: 0; vertical-align: top; }
.questxt {}
.results p {margin-bottom: 7px; }
.score {font-size: 16px; font-weight: 700; }
.qopt {margin-left: 40px; text-indent: -25px; }
.qradio {}
.qfoot {margin-left: 15px; }
.qcon {margin-top: 10px; }
.btnquiz {margin: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; }

/*glossary*/
#azlinks {text-align: center; }
#azitem {font-size: 16px; line-height: 130%; margin: 0 0 10px 0; }
#glosscontent h2 {margin-top: 16px; }
.azpipe {color: #84C1FF; position: relative; top: -2px; font-size: 15px; }
.nodd {}
.ghead {font-weight: 700; font-size: 16px; line-height: 100%; color: #000000; margin: 0 0 3px 0; border: 0; padding: 12px 0 0 0; }
.gbody {margin-bottom: 2px; padding-left: 30px;}
.glink {padding-left: 30px; }
.gref {font-weight: 700; }
.glossdd {position: absolute; visibility: hidden; z-index: 2; padding: 5px 0 0 0; }
.glossddbox {background-color: #E3F2FF; padding: 8px 10px 5px 10px; border-style: solid; border-width: 1px; border-color: #84C1FF; }
.glossdditem {line-height: 110%; margin: 0 0 6px 0; }

/*for IE 6 and under*/
* html .glossdd {background-color: #FFFFFF; }

/*images*/
img {border-style: none; border-width: 0; padding: 0; }
.testpic {width: 100px; height: 71px; margin: 0; }
.i490x68 {width: 490px; height: 68px; margin: 0 0 15px 15px; }
.i490x31 {width: 490px; height: 31px; margin: 0 0 15px 15px; }
.i456x257 {width: 456px; height: 257px; margin: 0 0 15px 15px; }
.i464x160 {width: 464px; height: 160px; margin: 0 0 15px 15px; }
.i200x178 {width: 200px; height: 178px; margin: 0 0 15px 15px; }
.i271x237 {width: 271px; height: 237px; margin: 0 0 15px 15px; }
.i450x164 {width: 450px; height: 164px; margin: 0 0 15px 15px; }
.i332x148 {width: 332px; height: 148px; margin: 0 0 15px 15px; }
.i197x111 {width: 197px; height: 111px; margin: 0 0 15px 15px; }
.i31x33 {width: 31px; height: 33px; margin: 0; }
.i34x31 {width: 34px; height: 31px; margin: 0; }

/*lists*/
ul {list-style-type: disc; list-style-position: outside; margin: 0; padding: 0 0 0 30px; }
ol {list-style-type: decimal; list-style-position: outside; margin: 0; padding: 0 0 0 30px; font-family: "Arial", "Helvetica", sans-serif; font-weight: 400; font-size: 14px; line-height: 130%; color: #000000; word-spacing: 0px; letter-spacing: 0px; font-style: normal; text-indent: 0; }
li {padding: 0; }

/*links*/
a {color: #000088; }
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:active {text-decoration: underline; }
a:hover {text-decoration: underline; }
.toplnk {position: relative; top: 5px; float: right; padding: 10px 0 0 0; }
.toptxt {font-size: 12px; color: #000088; }
.perlfectcredit {position: relative; top: 5px; font-size: 12px; color: #000088; }