body {
    background-color: #e4f4fa;
    background-image: url(../images/bg.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    /* color: #666; */
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#wrapper {
    position: relative;
    width: 773px;
    margin: 0 auto;
    padding: 0;
    overflow:hidden;
    }

a {
    color: #1f6cf0;
    text-decoration: underline;
    outline: none; }

    a:hover {
        color: #565656;
        text-decoration: none;
        margin: 0;
        padding: 0; }

h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0; }

.clr { clear: both; }

h1 {
    color: #007873;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 8px; }

p {
    line-height: 16px;
    margin: 0;
    padding: 0 0 8px; }

p.error { color: red; }

div.emph p {
    font-size: larger;
    line-height: 1.1em;
    margin-top: 0.8em;
}

/*div.emph h1:first-child {*/
    /*font-weight:700;*/
    /*font-style:italic;*/
/*}*/

div.emph ul {
    font-size: larger;
    line-height: 1.25em;
    margin-top: 0.8em;
    margin-right: 15px;
}

#topRightNav {
    position: absolute;

    /*DEL(re:#158) left: 535px; */
    left: 640px;

    top: 8px;
    font-size: 12px; }

    #topRightNav a {
        text-decoration: none;
        font-weight: 700;
        color: #066; }

#topLeftNav {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 12px;
    font-family: Arial;
    color: #006666;
}

#topNav {
    width: 773px;
    height: 94px;
    background-image: url(../images/topNavBG2Empty.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0; }

#topNav2 {
    width: 773px;
    height: 94px;
    background-image: url(../images/topNavBG2Empty.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0; }

#navBar {
    position: absolute;
    top: 62px;
    left: 13px; }

.navItem {
    font-size: 13px;
    /*margin: 0 28px;*/
    /*padding: 35px 0 0;*/
    padding: 1px 29px;
    border-right: solid 1px #D5DBDB;}

.navItem2 {
    font-size: 13px;
    /*margin: 0 18px;*/
    /*padding: 35px 0 0;*/
    padding: 1px 20px;
    border-right: solid 1px #D5DBDB;
    }

#navBar span:last-child{ border: none; }
#navBar span.last { border: none; }

#navBar a {
    text-decoration: none;
    color: #565656; }

    #navBar a:hover {
        text-decoration: none;
        color: #066; }

#header {
    margin: 0;
    padding: 0; }

#container {
    width: 773px;
    background-image: url(../images/contentBG.gif);
    background-repeat: repeat-y;
    text-align: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.contentArea {
    margin: 0;
    padding: 8px 12px 14px 14px; }

.contentArea2 {
    margin: 0;
    padding: 8px 11px 14px 12px; }

#homeTopContent .col1 {
    float: left;
    width: 364px;
    margin: 0;
    padding: 0; }

#homeTopContent .col2 {
    float: right;
    width: 364px;
    margin: 0;
    padding: 0; }

.boxTop {
    width: 364px;
    height: 5px;
    background-image: url(../images/boxTop.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0; }

.boxMid {
    width: 364px;
    background-image: url(../images/boxMid.gif);
    margin: 0;
    padding: 0; }

input.signuptextfield {
    width: 133px;
    height: 20px; }

select { width: 133px; }

.boxMid .content .tinyText {
    font-size: 9px;
    color: #999;
    padding-bottom: 10px;
    vertical-align: top;
}

.boxBottom {
    width: 364px;
    height: 25px;
    background-image: url(../images/boxBottom.gif);
    background-repeat: no-repeat; }

#homeTopContent .col1 .quote {
    font-size: 12px;
    font-style: italic;
    padding-top: 15px;
    padding-left: 8px;
    color: #414141;
    line-height: 16px; }

#homeBottom {
    margin-top: 15px;
    background-image: url(../images/homeBottom.jpg);
    width: 746px;
    height: 171px; }

    #homeBottom .textArea {
        line-height: 14px;
        padding: 22px 357px 22px 22px; }

.blue {
    font-weight: 700;
    color: #007873; }

#signinTopContent { height: 254px; }

    #signinTopContent .col1 {
        float: left;
        margin: 0;
        padding: 0; }

    #signinTopContent .col2 {
        float: right;
        margin: 0;
        padding: 0; }

.boxTopsignin {
    width: 378px;
    height: 9px;
    background-image: url(../images/loginBoxTop.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0; }

.boxMidsignin {
    width: 378px;
    background-image: url(../images/loginBoxMid.gif);
    margin: 0;
    padding: 0; }

.col {
    float: left;
    padding-right: 5px; }

.boxMidsignin .content table {
    font-size: 18px;
    padding-left: 0; 
}

.boxMidsignin .content input {
    width: 133px;
    height: 27px; }

.boxBottomsignin {
    width: 378px;
    height: 9px; }




div#welcome-buddy {
    float:left;
    width:113px;
}

#welcome-msg {
    width:37.5em;
    float:right;
    font-size:123.1%;
    margin:0;
}

#welcome-msg-headline {
    margin-top:13px;
}

#welcome-msg-headline {
    float:left;
}

#welcome-text  {
    clear:left;

}

#welcome-text p {

}

.quote-otd {
    margin-left:1em;
}

#qotd-top, #qotd-mid, #qotd-bottom, .quote-otd {
    width:16em;
    margin-right:1em
}

#qotd-top {
    height:8px;
    background-position: 0 0;
    background-image: url('../images/qotd-back-box.gif');
    background-repeat:no-repeat;
}

#qotd-mid {
    background-position: 0 0;
    background-image: url('../images/qotd-back-mid.gif');
    background-repeat:repeat-y;
    height:100%;

}

#qotd-bottom {
    height:7px;
    background-position: 0 -18px;
    background-image: url('../images/qotd-back-box.gif');
    background-repeat:no-repeat;
}

.quote-otd {
    float:right;
    margin-top:20px;
}

.quote-otd h1 {
    font-weight:700;
    font-size:100%;
    text-align:center;
    color: #299bc1;
}
.quote-otd p {
    margin:0 10px;
    font-size:93%;
    color: #299bc1;
    font-weight:400;
}

.quote-otd p em {line-height:22px;}



#continue {
    width:60%;
    margin:0 auto;
}



li.info {
    list-style:none;
    height:16px;
    width:50%;
    border: 1px solid #007873;
    font-size:12px;
    background-color:yellow;
    text-align:center;
}

#gamePlusSidebar { height: 530px; }

#sidebar {
    background: url(../images/bg-sidebar.gif) no-repeat;
    height: 530px;
    width: 92px;
}

#sidebar-go-back {
    text-align:center;
}

#btn-heading-brain{
    background: url(../images/game/header-braingames.jpg) no-repeat;
    height: 28px;
    width: 87px;
}

#btn-heading-classic{
    background: url(../images/game/header-classicgames.jpg) no-repeat;
    height: 28px;
    width: 87px;
}

#btn-heading-mindspa{
    background: url(../images/game/header-mindspa.jpg) no-repeat;
    height: 28px;
    width: 87px;
}

#btn-more-games {
    }

#btn-list {
    position: relative;
    top: 54px;
}

#gameTopContent .col1 {
    float: left;
    width: 92px;
    margin: 0;
    padding: 0; }

    #gameTopContent .col1 .btn {
        margin: 0;
        padding: 0 0 1px; }

#gameTopContent #surprise {
    background-image: url(../images/surprisecurtain.jpg);
    width: 747px;
    height: 549px;
}

#gameTopContent .col2 {
    float: right;
    width: 654px;
    margin: 0;
    padding: 0; }

#gameBottom {
    margin-top: 10px;
    background-image: url(../images/game/gameBottom.gif);
    width: 746px;
    height: 230px; }

    #gameBottom #skills {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    #gameBottom #feedback {
        position: absolute;
        left: 335px;
        top: 650px;
    }

        #gameBottom #feedback .title {
            color: #2c93bd;
            font-weight: 700;
            padding: 3px 0;
        }

        #gameBottom .feedback .stars {
            padding: 5px 0;
        }

        #gameBottom .rotateQuotes {
            position: absolute;
            left: 535px;
            top: 655px;
            color: #2c93bd;
            font-weight: 700;
            font-size: 18px;
            width: 205px;
            line-height: 18px;
        }

#feedbacktextarea {
    width: 172px;
    height: 72px;
}

.tfTop {
    width: 292px;
    height: 9px;
    margin: 0;
    padding: 0; }

.tfMid {
    width: 325px;
    background-image: url(../images/testFormMid.jpg);
    background-size: contain;
    margin: 0;
    padding: 0; }

.tfBottom {
    width: 292px;
    height: 9px; }

.resultBoxMid {
    width: 750px;
    background-image: url(../images/game/testBoxMid.jpg);
 
}

.buddyPic {
    border: 1px solid #999;
    margin: 1em 1em 1em 1.5em;
    padding: 0; }

.accountText { padding: 5px 15px; }

    .accountText .col {
        float: left;
        padding-right: 10px; }

    .accountText .colb {
        float: left;
        padding-right: 30px;
        width: 113px; }

.budImg {
    border: 1px solid #999;
    margin: 0;
    padding: 0; }

.grayBoxMid {
    width: 749px;
    background-image: url(../images/lgGrayBoxMid.gif); }

    .grayBoxMid .content p {
        margin: 0;
        padding: 2px 0 0; }

.buyLeftCol {
    width: 325px;
    padding-top: 15px; }

.buyRightCol {
    position: absolute;
    left: 459px;
    top: 263px;
    width: 295px; }

.blueBoxTop {
    width: 356px;
    height: 6px;
    margin: 0;
    padding: 0; }

.blueBoxMid {
    width: 356px;
    background-image: url(../images/blueBoxMid.jpg);
    margin: 0;
    padding: 0; }

.blueBoxBottom {
    width: 356px;
    height: 6px; }

.blueBoxMid .content h1 {
    color: #0068cd;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0 3px 8px 0; }

input.radio {
    width: 15px;
    height: 15px; }

p.label_radio_pair input {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px; }

p.label_check_pair input {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px; }

p.label_textinput_pair input {
    display: block;
    margin-left: 50px;
    width: 205px; }

p.label_textinput_pair3 input {
    display: block;
    margin-left: 140px;
    width: 205px; }
 
.swfframe #disclaimer {
    width: 300px;
    /*font-size: 10px;*/
    margin-top: 100px;
}

#footer {
    width: 773px;
    height: 180px;
    background-image: url(../images/footerBG.gif);
    background-repeat: no-repeat;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 20px
    }

    #footer .text {
        color: #066;
        font-size: 11px;
        padding: 15px 0 0 0; }

        #footer .text a {
            color: #066;
            text-decoration: none; }

    #footer .copyright {
        color: #565656;
        font-size: 10px;
        padding: 8px 0 0 0; }

    #footer div.disclaimer {
        font-size: 10px;
        width: 700px;
        text-align: center;
        margin-top: 5px;
        margin-left: 40px;
        margin-right: 50px;
        
        }

#partner-logo-1 {
    margin-left: 5px;
    float: left;
    width: 123px;
    height: 46px; }

#partner-logo-2 {
    position: relative;
    top: -5px;
    float: right;
    margin-right: 5px;
    width: 123px;
    height: 46px; }

.boxMidsignin .content input.radio { width: auto; }

#signupForm {}

    #signupForm table { border-collapse: collapse; }

    #signupForm td.formlabel { height: 35px; }

    #signupForm td#email1, #signupForm td#password1 { height:25px; }

    #signupForm td { vertical-align: top; }

    #signupForm input#id_0-email1, #signupForm input#id_0-email2, #signupForm input#id_0-password1, #signupForm input#id_0-password2, #signupForm input#id_0-coupon_code {
        border: 1px solid gray;
        height: 20px;
    }

.grayout {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #000; }

div { }

    .toolbar {
        width: 625px;
        position: absolute;
        top: 490px;
        left: 14px;
        z-index: 100; }

    #game {
        width: 625px;
        position: absolute;
        z-index: 200;
        top: 5px;
        left: 16px; }

    .swfframe {
        position: absolute;
        left: 100px; }

    .swfbg {
        position: absolute;
        left: 8px; }

    .welcome {
        font-weight: bolder;
        font-size: 16px;
    }

    .welcome > p {
        padding: 0 0 16px;
    }

    .noBullet > ul > li {
        list-style-type:none;
    }


.inline { display: inline; }

.month_input,.day_input { width: 44px; }

.year_input { width: 40px; }

#chart {
    width: 290px;
    height: 200px;
    margin-top: 0px;
    margin-left: 140px;
}

.chart_title {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: .4em; }

img, .imageLink a:hover { border: none; }

#topRightNav a:hover,#footer .text a:hover { color: #565656; }

.boxMid .content h1,.boxMidsignin .content h1 {
    color: #007873;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0 3px 8px 0; }

.boxMid .content table,.blueBoxMid .content table {
    font-size: 11px;
    padding-left: 20px; }

.boxMid .content td,.boxMidsignin .content td,.blueBoxMid .content td { padding-left: 20px; }

#homeBottom .textArea a,.boxMidsignin .content a { text-decoration: underline; }

.content,.boxMid .content,.boxMidsignin .content,.tfMid .content,.grayBoxMid .content,.blueBoxMid .content {
    margin: 0;
    padding: 15px; }

.resultBoxTop,.resultBoxBottom {
    height: 8px;
    width: 750px; }

.grayBoxTop,.grayBoxBottom {
    height: 6px;
    width: 749px; }

p.label_radio_pair,p.label_check_pair {
    clear: both;
    float: none;
    padding-bottom: 8px;
    position: relative; }

p.label_radio_pair label,p.label_check_pair label {
    display: block;
    margin-left: 23px; }

p.label_textinput_pair,p.label_textinput_pair3 {
    clear: both;
    float: none;
    position: relative; }

p.label_textinput_pair label,p.label_textinput_pair3 label {
    left: 0;
    position: absolute;
    top: 2px; }

.formerror, .errorlist { color: red; }

.error404 {
    text-align: center;
    font-size: 30px;
    color: #FF0000;
}

.formsuccess {
    color: #FF0000;
    text-align: center;
    font-size: 20px;
}

strong {}

    strong.skillsHeading {
        color: black;
        font-size: 140%;
    }

    strong.skillsSubheading {
        color: #c9c9c9;

    }

ul {}

    ul.skillList {
        color: black;
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: 0;
    }

.graph yui-u {
    margin-left: 140px;
    margin-top: -30px;

}

.yui-g #graph-background-right {
    background-image: url(../images/graph-background-right.jpg);
    width: 11px;
    height: 274px;
    top: -10px;
    left: 635px;
    position: absolute;
}

.yui-g #graph-background-left {
    background-image: url(../images/graph-background-left.jpg);
    background-position: left top;
    width: 11px;
    height: 274px;
    top: -10px;
    left: -10px;
    position: absolute;
}

.yui-g #graph-background-middle {
    background-image: url(../images/graph-background-middle.jpg);
    background-repeat: repeat-x;
    width: 635px;
    height: 274px;
    top: -10px;
    left: 0px;
    position: absolute;
    z-index: -10;
}

.yui-g #graph-continue {
    position: absolute;
    top: 280px;
    left: 250px;
}

.yui-g h2 {
    color: #00B8BF;
    margin-top: 15px;
}
.yui-g .results p {
    color: #000000;
}

.yui-g .results {
    margin-top: 50px;
    margin-left: 10px;
}

div.yui-g div.results p strong {
    color: #00B8BF;
}

#unlocked h2{
    font-size: 25px;
}
#unlocked {
    display: block;
    margin-left: auto;
        margin-right: auto;
    text-align: center;
        margin-top: 100px;
    width: 640px;
}

/* From http://sencss.kilianvalkhof.com/source/sen.extra.css */
.horizontalForm button{
    clear:left;
    float:left;
    margin:0.25em 0 0;
}
.horizontalForm input,.horizontalForm textarea{
    float:left;
    margin:0 0 0.75em;
    *margin:0 0 0.8em;
    width:96%;
    max-width: 100%;
}
.horizontalForm input[type=checkbox]{
    width: 49%;
}
.horizontalForm input[type=image]{
    width:auto;
}
.horizontalForm select{
    float:left;
    margin:0 0 0.75em;
    _margin:0 0 1.25em;
    width:49%;
}
.horizontalForm label{
    clear:left;
    float:left;
    padding:0.375em 0;
    width:49%;
}
.horizontalForm label input{
    height:1em;
    line-height:1.5em;
    margin:0.25em 0.5em 0 0;
    width:auto;
}
.horizontalForm label.singleLine{
    clear:both;
    float:none;
    height:1.5em;
    padding:0;
    width:100%;
}
/* image replacement */
.ir {
    text-indent:-9999px;
}
/* DailyTips page specific styles */
#dtip-subtitle {
    font-weight:700;
    font-style:italic;
}

#dtip-footer-callout {
    font-weight:700;
    font-style:italic;
}

#dtip-source {
    font-size:93%;
}    

#dtip-disclaimer {
    font-size:77%;
    color:#444;
}

.required {
    color: red;
}

#id_username, #id_password {
	font-size: 18px;	
	font-weight: bold;
	width: 340px;
	margin-bottom: 8px;
}

.login {
	text-align: left;
}

#signupForm table tr {
	text-align: left;
}

ul#remember_items {
	list-style-type: none;
}

.email_login {
	padding-right: 25px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.password_login {
	padding-right: 25px;
	font-size: 18px;
	font-weight: bold;
}

.remember_check_div, .remember_text_div, .remember_check_forgot {
	float: left;
}

.check_item, .forgot_item {
	margin-top: 3px;
	margin-bottom: 3px;
}

.forgot_item {
	padding-top: 3px;
	padding-left: 20px;
	padding-bottom: 3px;
}

.login_button {
	padding-top: 3px;
	padding-left: 70px;
	padding-bottom: 3px;
}

.chart_image{
    background-color: #F5F5F5;
    border: 1px solid #CFDDDD;
    border-radius: 5px;
    float: right;
    margin: 5px;
    margin-right: 40px;
    padding: 10px;
}

.sample{
    margin-top: 20px !important;
    margin-left: 40px;
}

.sample .results{
    margin-top: 20px;
    margin-left: 0px;
}

.scoreboard{
    margin-top: -115px;
    margin-right: 20px;
}

div.sample div#disclaimer {
    /*font-size: 10px;*/
}