/*** GENERAL STYLES ***/
body {background: #bbb; text-align: center; margin: 0; padding: 0 0 20px 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #414140;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
img, table, fieldset {border: 0;}
    img.center {display:block; margin-left:auto; margin-right:auto;}
ul, ul li {list-style: none; margin: 0; padding: 0 0 3px 0px;}
p {margin: 0 0 1.5em 0;}
    p.my-story-disclaimer {color:#B2B2B2; font-size:10px; line-height:12px; margin:0;}
a {color: #821e00;}
.hide {display: none;}
.light {color: #767676;}
.small {font-size: 11px;}
.large {font-size: 13px;}
.title {color:#555332; font-size:16px; font-weight:bold; line-height:normal; margin:10px 0; padding:0;}
.dotline {background: url(/images/dotline.gif) left center repeat-x;}
.spacer {float: none; clear: both; height: 35px; overflow: hidden;}
body.home .spacer {height: 1px;}
.imgreplace {position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; cursor: hand; background: no-repeat;}
.imgright {float: right; margin: 0 0 20px 30px;}
.clear {clear:both; height:0; margin:0; padding:0;}
.clear-left {clear:left; height:0;}
.clear-right {clear:right; height:0;}
.name {color:#000000; text-transform:uppercase;}
.advisor-description {color:#333;}

/*** TOP STYLES ***/
#outer {position: relative; width: 968px; padding: 0 5px; margin: 0 auto; text-align: left; background: #fff url(/images/outer.gif);}
#inner {padding: 0 1px 1px 1px; border-bottom: 2px solid #afafaf;}
#top {position: relative; height: 102px; background: #e4decf url(/images/top.gif) left top repeat-x;}
#top h1 a { color:#525251; float:left; font-family:arial,tahoma,sans-serif; font-size:24px; font-weight:normal; height:74px; margin:18px 0 0 20px; position:relative; text-decoration:none; width:211px; }
#top h1 a strong {font-weight: bold; color: #6b1a02;}
#top sup {vertical-align: text-top; font-size: 30%; font-weight: bold;}
#top h1 a .imgreplace {background: url(/images/AITlogo.gif) left center no-repeat;}
#top p {position: absolute; left: 25px; top: 65px; font-size: 11px;}
#top h2 a {position: absolute; right: 0; bottom: 0; width: 209px; height: 55px; padding-top: 10px; text-align: center; line-height: 14px;}
#top h2 a .imgreplace {background: url(/images/top-h2.gif);}
#top ul {position: absolute; right: 20px; top: 18px; font-size: 11px;}
#top ul li {display: inline;}
#top ul a {color: #525251; text-decoration: none;}
#top ul a:hover {color: #821e00; text-decoration: underline;}

/*** NAV STYLES ***/
#nav {height: 18px; line-height: 18px; padding: 6px 0 35px 2px; background: url(/images/nav.gif) left top repeat-x;}
#nav li {float: left; margin-right: 3px; padding:0; margin:0;}
#nav a {display: block; color: #767676; text-decoration: none;}
#nav span {display: block; padding: 0 23px 0 15px; background: url(/images/nav-span.gif) right center no-repeat;}
#nav a:hover {color: #a71d13;}
#nav a:hover span {background: url(/images/nav-hover-span.gif) right center no-repeat;}
#nav li.on a {color: #000; background: #fff url(/images/nav-on-a.gif) left top no-repeat;}
#nav li.on a span {background: url(/images/nav-on-span.gif) right center no-repeat;}

/*** COLUMN STRUCTURE STYLES ***/
#main {min-height: 20px;}
#nonav {float: left; width: 5px; padding: 5px 5px 0 20px;}
#subnav {float: left; width: 167px; padding: 130px 20px 0 20px;}
    body.home #subnav, body.change #subnav, body.recommendation #subnav, body.none #subnav {display: none;}
    body.home #subnav, body.adv #subnav, body.recommendation #subnav {display: none;}
    body.tool #subnav {padding-top: 0;}
#content {float: left; width: 490px; padding-top: 130px;}
    body.home #content {width: 966px; padding: 0;}
    body.change #content, body.recommendation #content {width: 680px; padding-left: 25px;}
    body.none #content {width: 680px; padding-left: 25px; padding-top:0;}

    /*** NEW PLAYER STYLES ***/
    body.change #content .player-wrapper, body.recommendation #content .player-wrapper{ margin: 0 0 8px 0; padding:12px 0 12px 0; float:left; width:680px; border:0px solid red; border-bottom: 1px solid #999; display:inline;}
    body.change #content .player-wrapper .player, body.recommendation #content .player-wrapper .player { float:left; width:335px; height:215px; border:0px solid green; display:inline;}
    body.change #content .player-wrapper .player-content, body.recommendation #content .player-wrapper .player-content { float:left; width:340px; height:auto; border:0px solid green; display:inline; font-size:10px; line-height:14px;}
    body.change #content .player-wrapper .player-content ul, body.recommendation #content .player-wrapper .player-content ul {float:left; margin:0; padding:0;}
    body.change #content .player-wrapper .player-content ul li, body.recommendation #content .player-wrapper .player-content ul li {margin:0 0 0 32px; padding:0 6px 9px 2px; list-style-type:square;}




    body.none #content .player-wrapper, body.recommendation #content .player-wrapper{ margin: 0 0 8px 0; padding:12px 0 12px 0; float:left; width:680px; border:0px solid red; border-bottom: 1px solid #999; display:inline;}
    body.none #content .player-wrapper .player, body.recommendation #content .player-wrapper .player { float:left; width:335px; height:215px; border:0px solid green; display:inline;}
    body.none #content .player-wrapper .player-content, body.recommendation #content .player-wrapper .player-content { float:left; width:340px; height:auto; border:0px solid green; display:inline; font-size:10px; line-height:14px;}
    body.none #content .player-wrapper .player-content ul, body.recommendation #content .player-wrapper .player-content ul {float:left; margin:0; padding:0;}
    body.none #content .player-wrapper .player-content ul li, body.recommendation #content .player-wrapper .player-content ul li {margin:0 0 0 32px; padding:0 6px 9px 2px; list-style-type:square;}


    /*** NEW PLAYER STYLES ***/

    body.adv #content, body.recommendation #content {width: 680px; padding-left: 25px;}
    body.tool #content {width: 705px; padding-top: 0; line-height: 18px;}
#navright {float: right; width: 206px; min-height: 276px; padding: 20px 15px 0 15px; background: url(/images/sidebar.gif) left top no-repeat;}
#navright-secondary {float: right; width: 232px; min-height: 276px; padding: 20px 0 0 4px; background: url(/images/sidebar.gif) left top no-repeat;}
#navright-secondary img {}
#navright-secondary img.advertisement {margin:0 0 4px 0;}
    body.home #navright, body.tool #navright {display: none;}

/*** MASTHEAD IMAGE STYLES ***/
#masthead {position: absolute; left: 15px; top: 161px; width: 697px; height: 105px;}
body.home #masthead, body.tool #masthead {display: none;}
body.change #masthead {background: url(/images/masthead-change.jpg);}
body.options #masthead {background: url(/images/masthead-options.jpg);}
body.recommendation #masthead {background: url(/images/masthead-recommendation.jpg);}
body.ask #masthead {background: url(/images/masthead-ask.jpg);}
body.about #masthead {background: url(/images/masthead-about.jpg);}
body.about #subnav {float: left; width: 190px; padding: 130px 20px 0 20px;}
body.adv #masthead {background: url(/images/masthead-about.jpg);}
body.none #masthead {background: none;}
}

/*** SUBNAV STYLES ***/
#subnav h3 {font-size: 14px; margin-bottom: 15px;}
#subnav ul, #navright ul {margin-bottom: 20px;}
#subnav ul li {padding-left: 15px; background: url(/images/bullet.gif) 0 4px no-repeat; margin-bottom: 6px;}
#navright ul li {padding-left: 5px; list-style-type:square; margin-bottom: 6px; margin-left: 14px;}
#subnav ul a {color: #414140; text-decoration: none;}
#subnav ul a:hover, #navright ul a:hover {color: #821e00; text-decoration: underline;}
body.tool #subnav ul li {color: #a8a8a8;}

#faq ul {margin-bottom: 20px;}
#faq ul li {padding-left: 6px; list-style-type: square; margin-bottom: 6px; margin-left:14px;}
body.tool .faqquestion {position: top; padding: 0px 0px 0px 0px;}
#navlist li { list-style-type: square; }
#faqquestion ul {margin-bottom: 20px;}
#faqquestion  ul li {padding-left: 6px; list-style-type: square; margin-bottom: 6px; margin-left:14px;}
ul.faqlist {margin-bottom: 20px;}
ul.faqlist li {padding-left: 6px; list-style-type: square; margin-bottom: 6px; margin-left:14px;}
#subnav li.on a {color: #821e00;}
#subnav li.on, body.personal #subnavpersonal, body.clients #subnavclients, body.operations #subnavoperations, body.practice #subnavpractice, body.results #subnavresults {color: #821e00 !important;}

/*** CONTENT STYLES ***/
#content h1 {font-size: 18px; color: #545231; font-weight: normal; margin: -2px 0 20px 0; line-height: 22px;}
#content h1 strong {font-weight: normal; color: #6b1a02;}
#content h1.articles {font-weight: normal; margin: -2px 0 0 0;}
#content h2 {font-size: 14px; margin-bottom: 5px;}
    body.tool #content h2 {margin-bottom: 15px;}
#content h3 {margin-bottom: 10px;}
#content #article_date {margin:0 0 20px 0;}
.askdiv {border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px;}
.askform label {display: block; font-weight: bold;}
.asktext, .askselect, .asktextarea {width: 300px; margin-bottom: 10px;}
#optionscolumns {background: url(/images/options-columns.gif) 163px 0 repeat-y; height: 10px;}
    html>body #optionscolumns {height: auto; min-height: 10px;}
#optionsa, #optionsb, #optionsc {float: left; width: 143px; padding: 10px;}
#optionsc {margin: 0;}
#optionscolumns p {margin: 0;}
#optionscolumns .dotline {height: 2em;}
#optionscolumns .spacer {height: 4em; background-color: #fff;}
#optionsa  a {color: #414140; text-decoration: none;}
#optionsa  a:hover {color: #821e00; text-decoration: underline;}
#optionsa  a:hover h3 {color: #821e00;}
#meetspecialist {border-top: 5px solid #999369; padding: 12px; background: #fff url(/images/meetspecialist.gif) left top repeat-x; line-height: 15px; /*min-height: 115px;*/ height:auto;}
#meetspecialist .btn {margin-top: 5px;}
#specialista {float: left; width: 295px;}
#specialistb {float: right; width: 160px;}
#meetspecialist .dotline {clear: both; height: 1em; margin: 0 -12px 1em -12px;}
#meetspecialist-individual {padding-bottom:12px; border-bottom:1px solid #ccc; overflow:hidden; line-height: 15px; margin: 0 0 10px 0;}
#individuala {float: left; width: 295px;}
#individualb {float: right; width: 210px; background-color:#ccc; padding:10px;}
#meetspecialist-individual .btn {margin-top: 5px;}
#check .dotline {clear: both; height: 1em; margin: 0 -1px 1em -1px;}

/*** navright STYLES ***/
#navright h3, #meetspecialist h3 {color: #3b3b3b; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
#navright .imgleft, #meetspecialist .imgleft, #meetspecialist-individual .imgleft {float: left; margin: 0 10px 0 0;}
#navright .clear {clear: both; margin-top: 0 !important;}
#navright .dotline {height: 1em; margin-bottom: 1em;}
/*** FOOTER STYLES ***/
#footer {padding: 20px; background: #ded7c4; text-align: center; color: #525251; font-size: 10px; line-height: 15px;}
#footer ul li {display: inline;}
#footer ul a {color: #525251; text-decoration: none;}
#footer ul a:hover {color: #821e00; text-decoration: underline;}
#footer p {margin: 0;}

/*** HOMEPAGE STYLES ***/
#homeflash {float: left; width: 596px; height: 294px; border:0px solid green; display:innline;}
    #homeflash h2 {margin: 0; line-height: 18px; font-size: 18px; padding-left: 15px; padding-top: 13px; font-weight:normal;}
    #homeflash h2 span {color:#821E00;}
/*#homeflash a {display: block; width: 594px; height: 291px; text-align: center; line-height: 291px; border: 1px solid #eee;}*/
#homeflash a img {margin-top: 0;}



/**HOMEPAGE FLASH COMPONENTS**/
#homeflash a {color:##821E00; text-decoration:none}
#homeflash a:hover {text-decoration:underline;}
#homeflash .video-player {float: left; border:0px solid red; width: 338px; height: 221px; margin:20px 0 0 15px; display:inline; background-image:url(../loading.gif); background-position:top left; background-repeat:no-repeat;}
#homeflash .video-player object {}

#homeflash #video-listing {float: left; width:226px; margin:20px 0 0 0; border:0px solid blue; display:inline;}
#homeflash #video-listing ul.video-showcase {float:left; list-style-type:none; margin:0; padding:0;}
#homeflash #video-listing ul.video-showcase li {float:left; padding:0px 6px 9px 15px; border:0px solid green; width:218px; line-height:14px;}
    #homeflash #video-listing ul.video-showcase li a:link {color:#821e00; font-size:11px; margin:0; text-decoration:underline;}
    #homeflash #video-listing ul.video-showcase li a:active {color:#821e00; font-size:11px; margin:0; text-decoration:underline;}
    #homeflash #video-listing ul.video-showcase li a:visited {color:#821e00; font-size:11px; margin:0; text-decoration:underline;}
    #homeflash #video-listing ul.video-showcase li a:hover {color:#821e00; font-size:11px; margin:0; text-decoration:none;}
#homeflash #video-listing ul.video-showcase li.first {padding:0 6px 9px 15px;}
#homeflash #video-listing ul.video-showcase li img {float:left; width:64px; height:46px; border:1px solid #999; margin-top:0; margin-right:10px;}
#homeflash #video-listing ul.video-showcase li p {margin:0 0 0 72px; color:#3e3e3e; font-size:11px;}
#homeflash #video-listing ul.video-showcase li p.description {color:#957951; font-size:13px; margin:0 0 14px 0;}
#homeflash #video-listing ul.video-showcase li p.video-listing-disclaimer {color:#b2b2b2; font-size:10px; line-height:12px; margin:0;}
#homeflash #video-listing ul.video-showcase li span.company-name {font-style:normal; color:#000; margin:0 0 0 0px; font-size:10px;}
#homeflash #video-listing ul.video-showcase li p span.output {text-transform:uppercase;}
#homeflash #video-listing ul.video-showcase li p span.divider {padding:0 3px 0 5px;}

/**HOMEPAGE FLASH COMPONENTS**/


#homemodules {float: right; width: 369px; padding: 0; background: none;}
#content .homemodule {position: relative; height: 116px; background: url(/images/homemodule.gif) left top repeat-x; padding: 15px;}
#content .homemodule sup {vertical-align: top; font-size: 40%;}
#content .homemodule h1 {text-transform: uppercase; font-size: 11px !important; margin: 0 !important;}
#content .homemodule h2 {margin-bottom: 10px !important; font-size: 17px; font-weight: 600; color: #555332;}
#content .homemodule p {line-height: 15px; margin-bottom: 0;}
#content .homemodule p img {float:left; left:-55px; margin:0 10px 10px 0;}
    html>body #content .homemodule p img {left: 0;}
#homelaunchlink {position: absolute; right: 15px; bottom: 10px; font-size: 10px; color: #9f8a60; text-transform: uppercase; text-decoration: none;}
#homelaunchlink:hover {color: #821e00;}
#homebottom {float:left; display:inline; margin:20px 0 0 0; border-top: 2px solid #fff; background: url(/images/homemodule.gif) left top repeat-x;}
#homebottom #dottedline {background: url(/images/dotline-v.gif) 595px top repeat-y; margin: 10px 0;}
#homebottom .homemodule {background: none; height: auto; padding: 3px 15px 35px 15px;}
#homebottom .a {width: 565px; float: left;}
#homebottom .b {width: 339px; float: right;}
#homebottom .b p {padding:0; margin:0;}
#homebottom .b p img {float: left; margin: 0 10px 40px 0; border: 0px solid #666; padding:0}
#homebottom .homemodule p {padding: 0;}
#homebottom .spacer {height: 1px;}


/*** TOOL STYLES ***/
body.tool .question {position: relative; padding: 0 245px 20px 35px;}
body.tool .qwide {padding-right: 0;}
body.tool .number {position: absolute; left: -35px; top: 0;}
    html>body.tool .number {left: 0;}
body.tool .answer {position: absolute; right: 0; top: 0; width: 185px;}
body.tool .answercheck {position: absolute; right: -90; top: 30px; width: 100px;}
body.tool .awide {width: 320px;}
body.tool .answer.double {right: 285px; width: 75px;}
body.tool .before {position: absolute; right: 190px; text-align: right; white-space: nowrap;}
body.tool .answer.double .before {right: 80px;}
body.tool .option {position: relative; margin: 10px -245px 10px 0; padding-right: 245px;}
body.tool .total {border: solid #b5b5b5; border-width: 3px 0 1px 0; padding-top: 10px; padding-bottom: 10px; margin-right: -160px; padding-right: 160px; min-height: 10px;}
    html> body.tool .total {border-width: 1px 0;}
body.tool .total .answer {top: 10px; right: 85px; width: 100px;}
    html>body.tool .total .answer {right: 0;}
body.tool .total .answer .before {right: 105px;}
body.tool .total .answer.double {right: 285px; width: 75px;}
    html>body.tool .total .answer.double {right: 200px;}
body.tool .total .answer.double .before {right: 80px;}
body.tool .text30 {width: 30px;}
body.tool .text20 {width: 20px;}
body.tool .text50 {width: 50px;}
body.tool .text100 {width: 100px;}
body.tool .text150 {width: 150px;}
body.tool .select300 {width: 300px;}
body.tool .radiogrid {float: left; width: 20px; text-align: center; font-weight: bold;}
body.tool .continue {border-top: 1px solid #b5b5b5; padding-top: 20px; margin-top: 20px;}
body.tool .resultsbox {border: 1px solid #929191; min-height: 10px; padding: 15px 15px 10px 15px; color: #4e4e4d; background: url(/images/resultsbox.gif) 0 26px repeat-x;}
body.tool .resultsbox h2 {background: #6b1a02; color: #fff; font-size: 14px; margin: -15px -15px 0 -15px; padding: 0 15px; height: 26px; line-height: 26px;}
body.tool .resultsbox h3 {position: relative; color: #6b1a02; font-size: 14px; margin: 10px 0 15px 0;padding: 0 15px;}
body.tool .resultsbox p {padding: 0 15px;}
body.tool .resultsinfo {position: relative; padding-left: 70px; margin-bottom: 8px;}
body.tool .resultsinfo .label {position: absolute; left: -70px; top: 0;}
    html>body.tool .resultsinfo .label {left: 0;}
body.tool .resultsbox .button {margin: 15px 0 0 0;}
/* error ------------------------------ */
.error {margin: 0 auto auto auto; border: solid #000000; border-width: 1px 1px 1px 1px; background:#e4decf; padding: 3px 4px 3px 4px; width:100%;  _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left; vertical-align: middle;}
.errorfont {margin: 0 auto auto auto; border: solid #000000; border-width: 0px 1px 1px 1px; background:#ffffff; padding: 3px 4px 3px 4px; width:100%;  _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left;}
/* info ------------------------------ */
.info {margin: 0 auto auto auto; border: solid #000000; border-width: 1px 1px 1px 1px; background:#e4decf; padding: 3px 4px 3px 4px; width:100%; _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left; vertical-align: middle;}
.infofont {margin: 0 auto auto auto; border: solid #000000; border-width: 0px 1px 1px 1px; background:#ffffff; padding: 3px 4px 3px 4px; width:100%;  _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left;}


/*Disclaimer layout***********************************************/
div#disclaimer {
    width:300px;
    /*height:280px;*/
height:357px;
    background-color: #fff;
}
div#disclaimer_logo {
    width:300px;
    height:54px;
    background-image:url(/images/pop-up-logo.gif);
    background-position:center;
    background-repeat:no-repeat;
}
div#disclaimer_body {
    width:280px;
    padding:10px;
    text-align:left;
    /*height:193px;*/
height:271px;
    color:#000;
}
div#disclaimer_body img#continue {margin: 24px 0 0}
div#disclaimer_bottom {
    background-image: url(/images/pop-up-gripper.gif);
    width:12px;
    height:12px;
    float:right;
}
/*Disclaimer layout***********************************************/