#HEAD #USER :link { color: #51bede; font-size: 12px;}
#HEAD #USER :visited { color: #51bede; font-size: 12px;}
#HEAD #USER :visited:hover { color: #59C0D3; text-decoration: none; }
#HEAD #USER :link:hover { color: #59C0D3; text-decoration: underline; }
#HEAD #USER :link:active { color: #51bede; font-size: 12px;}

#STUDIO {
  background: url('/studio/images/backgrounds/bg_long.jpg') no-repeat;
  height: 928px;
  text-align: left;
  width: 943px;
}

#STUDIO_LOGIN {
  background: url('/images/background/man_world.jpg') no-repeat;
  height: 708px;
  text-align: left;
  width: 943px;
  color: #fff;
}

#STUDIO_LOGIN :link { color: #51bede; font-size: 11px;}
#STUDIO_LOGIN :visited { color: #51bede; font-size: 11px;}
#STUDIO_LOGIN :visited:hover { color: #59C0D3; text-decoration: underline; }
#STUDIO_LOGIN :link:hover { color: #59C0D3; text-decoration: underline; }
#STUDIO_LOGIN :link:active { color: #51bede; font-size: 11px;}

#STUDIO_PERFECT {
  text-align: left;
  width: 943px;
}

.thoughts {
  background: url('/studio/images/backgrounds/perfect_world.jpg') no-repeat;
  height: 918px;
} 

.upgraded {
  background: url('/studio/images/backgrounds/perfect_world_paid.jpg') no-repeat;
  height: 938px;
} 

.assessment7 {
  background: url('/studio/images/backgrounds/my_assessments.jpg') no-repeat;
  height: 904px;
}

.assessmentup {
  background: url('/studio/images/backgrounds/my_assessments_upgrade.jpg') no-repeat;
  height: 965px;
}


#MY_JOURNEY {
  background: url('/studio/images/backgrounds/my_journey.jpg') no-repeat;
  height: 838px;
  text-align: left;
  width: 943px;
}

#COLUMN3 hr {
  margin-right: 20px;
  background-color: #E4E4E4;
  border: 0px;
  height: 1px;
}

#MY_JOURNEY h1 {
  color: #373736;
  font-size: 35px;
  font-weight: normal;
  margin-bottom: 0px;
}

#MY_JOURNEY h2 {
  color: #1e92a8;
  font-size: 23px;
  font-weight: normal;
}

#MY_JOURNEY h3 {
  color: #373736;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: center;
  line-height: 26px;
}

#MY_JOURNEY h4 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  margin: 5px 0;
}


#MY_JOURNEY #BODY {
  color: #1d1d1d;
  padding-left: 35px;
}

#MY_JOURNEY #COLUMN1 ul, #MY_JOURNEY #COLUMN2 ul {
  list-style-type: disc;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;;
  color: #666666;
  font-size: 12px;
}

#MY_JOURNEY #COLUMN1 li, #MY_JOURNEY #COLUMN2 li, #MY_JOURNEY #COLUMN2 li b {
  font-size: 11px;
}

#BODY #COLUMN1 {
float: left; 
width: 213px;
padding-top: 5px;
padding-right: 10px;
font-size: 13px;
line-height: 18px;
}

#BODY #COLUMN2 {
float: left; 
width: 500px;
padding-top: 5px;
padding-right: 10px;
line-height: 18px;
}

#COLUMN2 p {
 font-size: 14px;
}
.biggreen {
  color: #459200;
  font-size: 16px;
}

#COLUMN2 #SELL {
  position: absolute;
  top: 720px;
  right: 50px;
}

#UPSELL_STUDIO_II {
  background-image: url('/studio/images/backgrounds/bg_long.png');
  height: 1621px;
}

  .UPSELL_STUDIO_II #YOUTUBE_VIDEO {
    left: 495px;
    position: absolute;
    top: 325px;
    height: 287px;
    width: 350px;
    padding: 10px;
    background: #484747;
  }

#HEAD #USER {
  height: 23px;
  left: 144px;
  position: absolute;
  text-align: left;
  top: 102px;
  width: 300px;
  font-size: 14px;
  color: #fff;
}

#HEAD {
  background: url('/studio/images/header.jpg') no-repeat;
  height: 173px;
  width: 943px;
}

#HEAD #LOGO {
  height: 50px;
  left: 29px;
  top: 48px;
}

#HEAD #COBRAND {
  left: 738px;
  top: 47px;
}

  #HEAD #COBRAND.coach {
    left: 650px;
    top: 50px;
    color: #fff;
  }

#HEAD #DEMO {
  height: 28px;
  left: 570px;
  position: absolute;
  top: 130px;
  width: 345px;
  font-size: 28px;
  color: #fff;
}

#HEAD #NAV {
  height: 54px;
  left: 39px;
  position: absolute;
  text-align: left;
  top: 138px;
  width: 883px;
  
}

#HEAD #NAV #NAME {
 float: left;
 padding-left: 21px;
 font-size: 25px;
 color: #318290;
}

#HEAD #NAV #NAV_ITEMS {
 float: right;
 padding-top:21px;
}

#HEAD #NAV #CURRENT_STUDIO {
 float: left;
 padding-top: 5px;
}

ul#main-nav {margin:0;padding:0;float:left;width:100%; margin-top: 6px;}
ul#main-nav li {margin:0;padding:0 4px 0 10px;list-style:none;float:left;margin:0 3px 0 0; border: 1px solid transparent; border-bottom: 0px;}
ul#main-nav li a {font-size: 13px;text-decoration:none;display:block;padding:6px 6px 5px 0px;color: #cccccc;}
ul#main-nav li:hover {border: 1px solid #ccc; border-bottom: 0px;}
ul#main-nav li:hover a {color:#ccc;}

ul#main-nav li.selected {border: 1px solid #fff; border-bottom: 0px; background: url('/studio/images/nav_sel.png');}
ul#main-nav li.selected a {color: #fff;}

ul#main-nav li a.tellLink {color: #51bede;}


ul#EXTERNAL_GRAY_UL, ul#INTERNAL_GRAY_UL {margin:0;padding:0;float:left;width:100%;}
ul#EXTERNAL_GRAY_UL li, ul#INTERNAL_GRAY_UL li {margin:0;width:100%;list-style:none;float:left;height: 26px;}
#grayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#EXTERNAL_SORTED, #INTERNAL_SORTED, #PERFECT_LEFT, #PERFECT_RIGHT {list-style: none; padding: 0; margin: 0; }

#STUDIO #KEY {
  height: 78px;
  left: 53px;
  position: absolute;
  text-align: center;
  top: 210px;
  width: 443px;
}

#STUDIO_LOGIN #LOGIN {
  height: 478px;
  left: 65px;
  position: absolute;
  text-align: left;
  top: 220px;
  width: 300px;
}

#STUDIO_LOGIN #LOGIN fieldset {
  padding: 0 0 10px 0;
  margin: 0; 
  border: 0px;
}

#STUDIO_LOGIN #LOGIN fieldset label {
  font-size: 11px;
}

#STUDIO_LOGIN #LOGIN fieldset input {
  font-size: 11px;
  width: 200px;
}

#STUDIO_LOGIN #LOGIN.demo {
  top: 150px;
  width: 420px 
} 

#LOGIN_SUBMIT {
  height: 16px;
  width: 124px;
  background-image: url("/images/buttons/submit_off.png"); 
  background-color: transparent;
  border: 0px;
  cursor: pointer;
}

#SAMPLE_SUBMIT {
  height: 80px;
  width: 257px;
  background-image: url("/images/buttons/sample_assessment.png"); 
  background-color: transparent;
  border: 0px;
  cursor: pointer;
}

#SIX_LAWS {
  height: 58px;
  left: 220px;
  position: absolute;
  text-align: center;
  top: 813px;
  width: 515px;
}

#SIX_LAWS img {
 margin: 0 5px 5px 0;
}

.assessment7 #SIX_LAWS {
  left: 49px;
  top: 810px;
  text-align: left;
}

.assessmentup #SIX_LAWS {
  display: none;
}

#INTERNAL_LAWS {
  display: none;
  height: 158px;
  left: 49px;
  position: absolute;
  text-align: center;
  top: 795px;
  width: 236px;
}

#EXTERNAL_LAWS {
  display: none;
  height: 158px;
  left: 655px;
  position: absolute;
  text-align: center;
  top: 795px;
  width: 236px;
}

#INTERNAL_LAWS img, #EXTERNAL_LAWS img {
 margin: 0 5px 5px 0;
}

.assessmentup #INTERNAL_LAWS, .assessmentup #EXTERNAL_LAWS {
  display: block;
}

#STEP6 {
  display: none;
  height: 58px;
  left: 600px;
  position: absolute;
  top: 807px;
  width: 294px;
}

.assessmentup #STEP6 {
  left: 325px;
}

.assessment7 #STEP6, .assessmentup #STEP6 {
  display: block;
}

#STUDIO #COBRAND_RESULTS {
  height: 44px;
  left: 56px;
  position: absolute;
  top: 731px;
  width: 273px;
}

#STUDIO #POWERED_BY {
  height: 44px;
  left: 425px;
  position: absolute;
  top: 734px;
  width: 273px;
}

#STUDIO_PERFECT #RESULTS_AUDIO {
  height: 80px;
  left: 320px;
  position: absolute;
  top: 210px;
  width: 325px;
  text-align: center;
}

#STUDIO_PERFECT #PERFECT_WORLD_AUDIO {
  height: 56px;
  left: 315px;
  position: absolute;
  top: 217px;
  width: 308px;
}

#STUDIO_PERFECT #KEY_BUTTON {
  height: 40px;
  left: 690px;
  position: absolute;
  text-align: center;
  top: 206px;
  width: 170px;
}

#ASSESSMENT_LIST {
  height: 40px;
  left: 25px;
  position: absolute;
  text-align: center;
  top: 218px;
  width: 170px;
}

#STUDIO #AUDIO_TEXT {
  padding-bottom: 10px;
  font-size: 13px;
}

#LIBRARY #AUDIO_TEXT {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 0px;
} 

/********* ASSESSMENT ********/
#STUDIO_PERFECT #ASSESSMENT_INSTRUCTIONS {
  background: #fff;
border: 1px #666 solid;
  color: #373736;
  height: 418px;
  left: 75px;
  padding: 20px;
  position: absolute;
  top: 310px;
  width: 750px;
  z-index: 99;
}
  #STUDIO_PERFECT #ASSESSMENT_INSTRUCTIONS p, #STUDIO_PERFECT #ASSESSMENT_INSTRUCTIONS a, #STUDIO_PERFECT #ASSESSMENT_INSTRUCTIONS a:hover {
    font-size: 20px;
  }

  #STUDIO_PERFECT #ASSESSMENT_INSTRUCTIONS a, #STUDIO_PERFECT #ASSESSMENT_INSTRUCTIONS a:hover {
    text-decoration: underline; 
  }

#STUDIO_PERFECT #ASSESSMENT_BUTTONS {
  height: 90px;
  left: 48px;
  position: absolute;
  top: 805px;
  width: 880px;
  z-index: 99;
  text-align: center;
}
  #STUDIO_PERFECT #ASSESSMENT_BUTTONS img {
  }
  #STUDIO_PERFECT #ASSESSMENT_BUTTONS div {
    float: left;
    width: 280px;
  }
  #STUDIO_PERFECT #ASSESSMENT_BUTTONS div.center {
    height: 80px;
    margin-top: -15px;
    padding: 0 0 0 30px;
    text-align: left;
  }
  #STUDIO_PERFECT #ASSESSMENT_BUTTONS div.center h4 {
    font-size: 18px;
  }
  #STUDIO_PERFECT #ASSESSMENT_BUTTONS div.center ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
    #STUDIO_PERFECT #ASSESSMENT_BUTTONS div.center ul li {
      background: url(/studio/images/buttons/movie.png) no-repeat 0 5px;
      padding: 10px 0 0 27px;
    }
    #STUDIO_PERFECT #ASSESSMENT_BUTTONS div.center ul li a {
      font-size: 13px;
    }

#STUDIO #ASSESSMENT_EXTERNAL, #STUDIO #EXTERNAL_GRAY {
  position: absolute;
  top: 325px;
  left: 49px;
  width: 427px;
}

#STUDIO #ASSESSMENT_INTERNAL, #STUDIO #INTERNAL_GRAY {
  position: absolute;
  top: 325px;
  left: 476px; 
  width: 427px;
}

#STUDIO #EXTERNAL_GRAY, #STUDIO #INTERNAL_GRAY {
  z-index: 99;
}

#STUDIO #EXTERNAL_TITLE {
  height: 30px;
  left: 53px;
  letter-spacing: 1px;
  position: absolute;
  top: 285px;
  width: 460px;
}

#STUDIO #INTERNAL_TITLE {
  height: 30px;
  left: 690px;
  letter-spacing: 1px;
  position: absolute;
  top: 285px;
  width: 215px;
  text-align: right;
}

#ASSESSMENT_EXTERNAL, #ASSESSMENT_INTERNAL {
  top: 241px;  
}

#STUDIO_PERFECT #ASSESSMENT_EXTERNAL, #STUDIO_PERFECT #EXTERNAL_GRAY {
  position: absolute;
  top: 305px;
  left: 49px;
  width: 417px;
}

#STUDIO_PERFECT #ASSESSMENT_INTERNAL, #STUDIO_PERFECT #INTERNAL_GRAY {
  position: absolute;
  top: 305px;
  left: 466px; 
  width: 427px;
}

#STUDIO_PERFECT #EXTERNAL_GRAY, #STUDIO_PERFECT #INTERNAL_GRAY {
  z-index: 99;
}

#STUDIO_PERFECT #EXTERNAL_TITLE {
  height: 30px;
  left: 49px;
  letter-spacing: 1px;
  position: absolute;
  top: 247px;
  width: 260px;
}

#STUDIO_PERFECT #INTERNAL_TITLE {
  height: 30px;
  left: 690px;
  letter-spacing: 1px;
  position: absolute;
  top: 247px;
  width: 215px;
  text-align: right;
}

#CLICK_FOR_MY_ASSESSMENT {
  height: 30px;
  left: 80px;
  letter-spacing: 1px;
  position: absolute;
  top: 801px;
  width: 215px;
}

#CLICK_TO_BEGIN_JOURNEY {
  height: 30px;
  left: 620px;
  letter-spacing: 1px;
  position: absolute;
  top: 801px;
  width: 215px;
}

#MY_ASSESSMENT_RESULTS {
  height: 30px;
  left: 50px;
  letter-spacing: 1px;
  position: absolute;
  top: 792px;
  width: 215px;
}

#MY_TOOLS {
  height: 30px;
  left: 740px;
  letter-spacing: 1px;
  position: absolute;
  top: 792px;
  width: 215px;
}

#LIBRARY_MAIN {
  background-image: url('/studio/images/backgrounds/library.jpg');
  background-repeat: no-repeat;
  height: 833px;
  text-align: left;
  width: 960px;
}


#LIBRARY #COLUMN1{
  position: absolute;
  top: 223px;
  left: 35px;
  height: 545px;
  width: 172px;
}

#LIBRARY #COLUMN2{
  position: absolute;
  top: 223px;
  left: 209px;
  height: 545px;
  width: 172px;
}

#LIBRARY #COLUMN3{
  position: absolute;
  top: 259px;
  left: 418px;
  height: 487px;
  width: 493px;
  overflow: auto;
}

#LIBRARY #COLUMN3 p {
  color: #444343;
  padding-right: 20px;
  font-size: 12px;
}

#LIBRARY h3 {
  color: #444343;
  font-size: 19px;
}

#LIBRARY h4 {
  color: #444343;
  font-size: 16px;
  padding-top: 20px;
}

#LIBRARY .week {
  padding: 5px 0px;
}

#LIBRARY textarea {
  width: 445px;
  height: 89px;
}

ul#COLUMN1-nav {margin:0;padding:0;width:175px;}
ul#COLUMN1-nav li {margin:0;padding:0;list-style:none;margin:0;}
ul#COLUMN1-nav li a {text-decoration:none;display:block;padding:10px 14px 10px 11px;border:1px solid #e4e4e4;color:#5b5a5a;background:#fff;border-top: 0px; border-right: 0px; font-size: 14px;background-image: url(/studio/images/c1_unlocked_off.png); background-repeat: no-repeat; height: 18px;}
ul#COLUMN1-nav li a:hover {color:#fff;background-image: url(/studio/images/c1_unlocked_on.png); background-repeat: repeat-x;}
ul#COLUMN1-nav li.blank {height: 56px;border-left:1px solid #e4e4e4; border-right: 1px solid #e4e4e4; width: inherit}
ul#COLUMN1-nav li.blankSale {height: 53px;border:1px solid #e4e4e4; border-top: 0; width: inherit; background-color: #e4e4e4}
ul#COLUMN1-nav li a.col1selected {color:#fff;background-image: url(/studio/images/c1_unlocked_on.png); background-repeat: repeat-x;}
ul#COLUMN1-nav li.unlocked a { background-image: url(/studio/images/c1_unlocked_off.png); }
ul#COLUMN1-nav li.unlocked a:hover { background-image: url(/studio/images/c1_unlocked_on.png); }
ul#COLUMN1-nav li.unlocked a.col1selected {color:#fff;background-image: url(/studio/images/c1_unlocked_on.png); background-repeat: repeat-x;}

ul#COLUMN2-nav {margin:0;padding:0;width:inherit;}
ul#COLUMN2-nav li {margin:0;padding:0;list-style:none;margin:0;}
ul#COLUMN2-nav li a {text-decoration:none;display:block;padding:6px 8px 7px 15px;border:1px solid #e4e4e4;color:#5b5a5a;background:#fff;border-top: 0px; font-size: 11px;background-image: url(/studio/images/c2_unlocked_off.png); background-repeat: no-repeat;border-width: 0 0px 1px 0;}
ul#COLUMN2-nav li a:hover {color:#fff;background-image: url(/studio/images/c2_unlocked_on.png); background-repeat: repeat-x;}
ul#COLUMN2-nav li.blank {height: 24px;border-right: 1px solid #e4e4e4; width: 170px}
ul#COLUMN2-nav li a.scrollselected {color:#fff;background-image: url(/studio/images/c2_unlocked_on.png); background-repeat: repeat-x;}
ul#COLUMN2-nav li.unlocked a { background-image: url(/studio/images/c2_unlocked_off.png); }
ul#COLUMN2-nav li.unlocked a:hover { background-image: url(/studio/images/c2_unlocked_on.png); }
ul#COLUMN2-nav li.unlocked a.scrollselected {color:#fff;background-image: url(/studio/images/c2_unlocked_on.png); background-repeat: repeat-x;}
ul#COLUMN2-nav li a.subs { background-image: url(/studio/images/c2_unlocked_subs_off.png); }
ul#COLUMN2-nav li a.subs:hover { background-image: url(/studio/images/c2_unlocked_subs_on.png); }
ul#COLUMN2-nav li a.header { background: url(/studio/images/c2_header.png); color: #fff; font-weight: bold;}

ul#COLUMN2-nav ul {margin:0;padding:0;width:inherit;}
ul#COLUMN2-nav.menu li ul li a {
  color: #5B5A5A;
  padding-left: 25px;
  background: url(/studio/images/l2_right_off.jpg) #c6d8db;
}

ul#COLUMN2-nav.menu li ul li a:hover {
  background: url(/studio/images/l2_right_on.jpg) #9EC4CC;
}

ul#COLUMN2-nav.menu li ul li a.subs { background: url(/studio/images/l2_down_off.jpg) #9EC4CC; }
ul#COLUMN2-nav.menu li ul li a.subs:hover { background: url(/studio/images/l2_down_on.jpg) #9EC4CC; }

ul#COLUMN2-nav.menu li ul li ul li a {
  background: #9EC4CC;
  padding-left: 40px;
  background: url(/studio/images/l3_right_off.jpg) #9EC4CC;
}

ul#COLUMN2-nav.menu li ul li ul li a:hover {
  background: url(/studio/images/l3_right_on.jpg) #c6d8db;
}
 
 
.week {
  width: 445px;
  height: 172px;
  background-image: url(/studio/images/week_bg.jpg);
  background-repeat: no-repeat;
}

.week_title {
  margin-top: 12px;
  margin-left: 21px;
  font-size: 14px;
  color: #444343;
}

.week_checkboxes {
  margin-top: 16px;
  margin-left: 37px;
}

.week_checkboxes span {
  float: left;
  display: block;
  line-height: 21px;
  padding-right: 29px; 
  color: #444343;
}

#SAVE {
  background-image: url(/studio/images/save_off.jpg);
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
  height: 22px;
  margin-top: 10px;
  width: 62px;
}

#SAVE:hover {
  background-image: url(/studio/images/save_on.jpg);
}

.risk_heading {
  font-size: 13px;
  height: 18px;
  margin: 0px;
  padding: 4px;
  width: 420px;
  color: #ffffff;
}


div.scrollable {  
  position:relative;
  overflow:hidden;  
  height: 487px;   
  width: 173px; 
  border-right: 1px solid #e4e4e4;
  float: left;
}

/* root element for scrollable items */
div.scrollable ul.items {  
  position:absolute;
  height:20000em; 
}

#COLUMN2 div.scrollable {  
  position:relative;
  overflow:hidden;  
  height: 487px;   
  width: 170px; 
  border-right: 1px solid #e4e4e4;
}

#WELCOME_BUTTONS {
  height: 44px;
  left: 57px;
  position: absolute;
  top: 345px;
  width: 873px;
}

#THOUGHTS {
  height: 826px;
  text-align: left;
  width: 943px;
  background-image: url('/studio/images/backgrounds/bg.png');
  background-repeat: no-repeat;
  background-position: top center;
}


#WORKSHEET_MAIN {
  background-image: url('/studio/images/backgrounds/bg_long.png');
  height: 965px;
}

#STUDIO_WORKSHEET {
  color: #555555;
  position: absolute;
  top: 55px;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next {
  display:block;
  width:21px;
  height:8px;
  background:url(/studio/images/up.png) no-repeat;
  float:left;
  margin:13px 0 9px 71px;
  cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover {
  background-position:0px -8px;    
}

/* disabled navigational button */
a.disabled {
  visibility:hidden !important;   
}

/* next button uses another background image */
a.next {
   background:url(/studio/images/down.png) no-repeat;
  clear:right;  
}

#BOX {
  top: 470px;
  position: absolute;
  padding: 20px;
  left: 302px;
  width: 300px;
  background: #fff;
  text-align: center;
}
#STUDIO_PERFECT #YOUTUBE_VIDEO {
  top: 387px;
  position: absolute;
  left: 283px;
  width: 352px;
  text-align: center;
  z-index: 20;
  padding: 8px;
  background: #484747;
}