/* ############# LAYOUT ############# */

body {
 margin-left: 10px;
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}


div#q1 {
 margin: 0;
 padding: 0;
 height: 202px;
 min-height: 202px;
 width: 369px;
 float: left;
}

div#q2 {
 margin: 0;
 padding: 0;
 height: 202px;
 min-height: 202px;
 width: 369px;
 float: right;
 text-align: left;
 background: #E4E6E1;
}

div#q2LoginBox {
    padding-right: 22px;
    padding-left: 10px;
}


div#q2 p {
 margin: 0;
 padding: 10px 5px 5px 5px;
}

div#q3 {
 margin: 0;
 padding: 0;
 background-color: #E2E4F1;
}

div#q4 {
 margin: 0;
 padding: 0;
 background-color: #EEDCCE;
}

div#q3 p,div#q4 p {
 margin: 0;
 padding: 7px 0px 10px 10px;
 font-size: 80%
}

div#q3 ul.squarebullet li
{
 background-image: url(blue_square_bullet_on_blue.gif);
}

div#q4 ul.squarebullet li
{
 background-image: url(blue_square_bullet_on_orange.gif);
}

div#q5, div#q6, div#q7, div#q8 {
 margin: 0;
 padding: 0;
 background-color: #F0EED7;
 width: 179px;
}

div#q5 p, div#q6 p, div#q7 p, div#q8 p {
 margin: 0;
 padding: 0px 8px 3px 10px;
 font-size: 70%;
}

.quadrantmore {
 margin: 0;
 padding: 0px 8px 10px 10px;
 font-size: 70%;
 text-align: right;
}

#footer {
 font-size: 70%;
 color: #333333;
}

#footerlinks {
 text-align: center;
/* float: center; */
 float: none;
 margin-top: 6px;
}

/* ############# COMPONENTS ############# */

img.quadrantheading {
 vertical-align: middle;
 margin: 7px;
}

img.arrow {
 vertical-align: middle;
 margin-left: 5px;
}

img.footerlogo {
 vertical-align: middle;
 margin-left: 30px;
 margin-right: 10px;
}

/* ############# LOGIN FORM(S) ############# */


label#portfolio {
 vertical-align: middle;
 clear: left;
 display: block;
 float: left;
 width: 100px;
 text-align: right;
 padding-right: 10px;
 color: #ffffff;
 margin-top: 8px;
 font-size: 12px;
 }

 label#professional {
 vertical-align: middle;
 clear: left;
 display: block;
 float: left;
 width: 140px;
 text-align: right;
 padding-right: 10px;
 color: #ffffff;
 margin-top: 8px;
 font-size: 12px;
 }


.input {
 border-top: 2px solid #9E9E9E;
 border-right: 1px solid #ffffff;
 border-left: 2px solid #9E9E9E;
 border-bottom: 1px solid #ffffff;
 padding-left:5px;
 margin-top:5px;
}

.submit {
 padding: 6px 0px 0px 5px;
 vertical-align: top;
}

.pwdSubmit {
 padding: 3px 0px 0px 5px;
 vertical-align: top;
}

div#rememberme {
 margin-top: 5px;
 font-size: 12px;
 float: left;
 width: 154px;
}

div#remembermeportfolio {
 margin-top: 5px;
 font-size: 12px;
 float: left;
 width: 154px;
}

div#remembermeprofessional {
 margin-top: 5px;
 margin-left:39px;
 font-size: 12px;
 float: left;
 width: 154px;
}

div#createnewportfolio {
 font-weight: bold;
 margin-top: 9px;
 margin-right: 12px;
 font-size: 12px;
 float: left;
 clear: both;
}

div#forgotpassword {
 margin-top: 9px;
 font-size: 12px;

}

a.forgot:link {
 color: #FFED87;
}

a.forgot:visited {
 color: #BFB269;
}

a.forgot:hover {
 color: #FFF9D4;
}

a.forgot:active {
 color: #FFF9D4;
}

#welcomesignout {
font-size: 70%;
margin-right: 5px;
}

#row2 {
 background: #E4E6E1 url(student.jpg) no-repeat;
 height: 106px;
}

#row3 {
 padding: 12px 13px 20px 15px;
 font-size: 80%
}

#row2 p{
 margin: 0px;
 padding: 20px 5px 10px 180px;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
}


#footer {
 font-size: 70%;
 color: #333333;
}

#secondlevelfooterlinks {
 text-align: center;
 width: 100%;
 margin-top: 16px;
 margin-bottom: 16px;
}

/* ############# COMPONENTS ############# */

img.tab {
 margin: 0px;
 padding: 0px 5px 0px 0px;
 vertical-align: bottom;
}

.contentltpurple img.inner , .contentpurple img.inner {
    margin: 0px;
    padding: 10px 5px 0px 0px;
}
.contentpurple img.badge {
    margin: 0px;
    padding: 1px 1px 14px 13px;
}
.badge_container {
    float: left;
}
.topic_container {
    margin: 0;
    padding: 9px 9px 10px 9px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.topic_container p {
    margin: 0;
    padding: 0;
}

.topicdottedline {
    margin: 1px;
    padding: 1px;
    text-align: center;
}

ul.topiclinkbullet
{
list-style-type: none;
padding: 0;
margin: 2px 0 0 0;
}

ul.topiclinkbullet li
{
background-image: url(/a/gfx/portal/topic_link_bullet.gif);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left: 11px;
padding-bottom: 0px;
}

/* ############# ROUND CORNER BOXES ############# */

 .roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}

.contentpurple {
    margin: 0px;
    padding: 0px;
    border: 1px solid #495675;
    background-color: #495675;
    color: #ffffff;
}
.contentltpurple {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ECECF4;
    background-color: #ECECF4;
}

#yourtools {
 width: 525px;
 float: left;
}

#landingpagetopics {
margin-left: 10px; width: 170px; float: right;
}

.roundedcornerbox {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;


}

/* ############# SPECIFIC TO TOPIC PAGES ############# */


.topiccontent {
    margin: 0px;
    padding: 0px;
    border: 1px solid #6F7AB0;
}

.row3content {
    margin: 0px;
    padding: 0px;
}

.product {
 margin: 10px;
}

.additionalcontent {
 margin: 10px;
}

.onepixelborderTL, .onepixelborderTR, .onepixelborderBL, .onepixelborderBR {
    width: 10px; height: 10px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.onepixelborderTL, .onepixelborderBL { float: left; clear: both; }
.onepixelborderTR, .onepixelborderBR { float: right; clear: right; }
.onepixelborderTL { margin: -1px 0px 0px -1px; }
.onepixelborderTR { margin: -1px -1px 0px 0px; }
.onepixelborderBL { margin: -10px 0px 0px 0px; }
.onepixelborderBR { margin: -10px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.onepixelborderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .onepixelborderTL {
    margin-left: -1px;
}
.onepixelborderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .onepixelborderTR {
    margin-right: -1px;
}
.onepixelborderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .onepixelborderBL {
    margin-left: 0px;
}
.onepixelborderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .onepixelborderBR {
    margin-right: 0px;
}

.productdottedline {

    text-align: center;
    clear: left;
}

.screenshot {
 width: 33%;
 float: left;
 font-size: 70%;
 margin-right: 5px;
 margin-bottom: 5px;
}

.howhelp {
 width: 30%;
 float: left;
 font-size: 70%;
 margin-bottom: 5px;
}

.printguides {
 width: 31%;
 float: right;
 font-size: 70%;
 margin-left: 15px;
 margin-bottom: 5px;
}

.addcontentcol1 {
 width: 32%;
 float: left;
 font-size: 70%;
 margin-right: 15px;
 margin-bottom: 10px;
}

.addcontentcol2 {
 width: 30%;
 float: left;
 font-size: 70%;
 margin-bottom: 10px;
}


.nocornerbox {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
    margin: 12px;
    width: 96%;
}

ul.usefullinkbullet
{
list-style-type: none;
padding: 0;
margin: 2px 0 0 0;
}

ul.usefullinkbullet li
{
padding-left: 11px;
padding-bottom: 3px;
}


/* ############# SPECIFIC TO ARTICLE PAGES ############# */

h2 {
 font-size: 110%;
}

.articlecontent {
 margin: 5px 2px 0px 10px;
 font-size: 80%;
}

.articlecontent p.related {
 margin-left: 10px;
}

td.column2row2 {
 background: #ffffff url(bkg_collegePostsecondary.jpg) no-repeat bottom right;
 padding-bottom: 70px;
}

.row2content {
    margin: 0px;
    padding: 0px;
}

/* ############# CSS SPECIFIC TO ALTERNATE LOGIN PAGES ############# */

#educatorrow2 p{
 margin: 0px;
 padding: 20px 5px 10px 180px;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #ffffff;
}

.educontentcol1 {
 width: 32%;
 float: left;
 font-size: 80%;
 margin-right: 15px;
 margin-bottom: 10px;
}

.educontentcol2 {
 width: 30%;
 float: left;
 font-size: 80%;
 margin-bottom: 10px;
}

.outsidethefence {
 width: 31%;
 float: right;
 font-size: 80%;
 padding-left: 15px;
 margin-bottom: 10px;
 background: url(/a/gfx/bkg_additionalLinks.gif) repeat-y top left;
}

#loginrow {
 background-color: #ECECF4;
 padding: 15px 10px 5px 40px;
}

#educatorlogintext {
 float: right;
 padding: 0px 10px 10px 10px;
 font-size: 12px;
 width: 232px;
}





/* non-Richard CSS */

table.login {
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
}

#column2row2 {
    background-color: #ffffff
}

tr.portalHeaderFooter {
    background-color: #ffffff
}

tr.portalBody {
    background-color: #000000
}

.topicRoundedCornerBox {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
    margin: 12px;
    width: 96%;
    background-color: #ECECF4;
}

table.bordered {
    border: 1px solid #000000;
}

td.borderTop {
    border-top: 1px solid #000000;
}

#column2row1 {
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
}

#proTools {
    width: 525px;
    float: left;
    clear: left;
    margin-top:20px;
}

#errors {
    font-size: 11px;
    color: #ffb75b;
}

#loginErrors {
    font-size: 11px;
    color: #ffb75b;
    padding-left: 114px;
}

#portfoliologinErrors {
    font-size: 11px;
    color: #ffb75b;
    padding-left: 114px;
}

#professionalloginErrors {
    font-size: 11px;
    color: #ffb75b;
    padding-left: 152px;
}

#pwdChangeErrors{
    font-size: 11px;
    color: #ff0000;
}

#errors a:link {
    color: #ffb75b;
}

#errors a:visited {
    color: #ffb75b;
}

#errors a:hover {
    color: #ffb75b;
}

#errors a:active {
    color: #ffb75b;
}

form {
    margin: 0;
    padding: 0;
    clear: left;
}

td.portfolio{
width: 314px;
}

td.professional{
width: 389px;
}


#pwdChange{
    margin: 10px;
    font-size: 80%;


}

#savePwdSmall{
    font-size: 85%;
}

input.changePwd{
    margin-left: 10px;
}

#promo1{
    width: 525px;
}

#promo2{
    width: 262px;
}

#promo3{
    width: 175px;
}

#loginSubmit{
    width: 21px;
    height: 21px;
    border: 0px;
    background: url(/a/gfx/portal/btn_loginButton.gif) no-repeat;
    margin-left: 5px;
    cursor: pointer;
}


a.tooltip {
    z-index:24;
    color:#FF5E2F;
    position:relative;
    border-bottom:1px solid #ffb75b;
    text-decoration:none;
}

a.tooltip:hover {
     z-index:25;
     color:#ffb75b;
     border-bottom:1px solid #fbb55b;
     text-decoration:none;
}

a.tooltip span {
    display:none;
}

a.tooltip:hover span {
     position:absolute;
     top:2em;
     left:-12em;
     border:1px solid #000000;
     padding:3px;
     display:block;
     width:230px;
     color:#000000;
     background-color:#ffffff;
}

tr.portalHeader {
    background-color: #ffffff
}

tr.portalFooter {
    background-color: #ffffff
}

#portfoliopw {
    /*width: 137px;*/
    width: 120px;
}

#portfoliosid {
    width: 137px;
}

#portfoliospw {
    /*width: 137px;*/
    width: 120px;
}

#portfoliopname{
    width: 137px;
}

#updateRequiredFieldsParentEmail
{
    width: 137px;
}

#updateRequiredFieldsParentEmail
{
    width: 137px;
}

#updateRequiredFieldsStudentNumber
{
    width: 137px;
}

#updateRequiredFieldsLastName
{
    width: 137px;
}

#updateRequiredFieldsFirstName
{
    width: 137px;
}

#updateDobDateOfBirth
{
    width: 137px;
}

#updateDobFirstName
{
    width: 137px;
}

#updateDobLastName
{
    width: 137px;
}

#updateDobStudentNumber
{
    width: 137px;
}

#updateDobYourEmail
{
    width: 137px;
}

#updateDobParentEmail
{
    width: 137px;
}

#xapStudentSsoSiteId
{
    width: 137px;
}

#xapStudentSsoPortfolioType
{
    width: 137px;
}

#createProSiteId
{
    width: 137px;
}

#createProAccountName
{
    width: 137px;
}

#createProFirstName
{
    width: 137px;
}

#createProLastName
{
    width: 137px;
}

#createProEmail
{
    width: 137px;
}

#xapParentSsoSiteId
{
    width: 137px;
}

#medFont {
    font-size: 90%
}

#smlFont {
    font-size: 70%
}

#portfoliologintext {
 float: right;
 padding: 0px 10px 10px 10px;
 font-size: 12px;
 width: 300px;
}