@charset "utf-8";
/* CSS Document */
.holder
{
    position: absolute;
    /*top: 0px;
    left: 0px;*/
}
#prompt
{
    position: absolute;
    top: 20px;
    left: 0px;
    height: 60px;
    width: 560px;
    /*border: 1px solid black;
    padding: 15px;*/
    font-size: 10pt;
    font-weight: bold;
    line-height: 1.2em;
    color: #5A5A4B;
    border-bottom: 1px solid #E6E6DC;
    padding-left: 30px;
    padding-bottom: 10px;
    /*font-style: italic;*/
}
#prompt p { margin-top: 0px; margin-bottom: 5px; padding-left: 5px;  }


.base_table
{
    position: absolute;
    top: 200px;
    left: 110px;
    width:600px
}
.base_table table
{
    border-spacing: 0px;
    /*border-top: 1px solid #96968C;*/
    border-right: 1px solid #E6E6DC; /*#96968C;*/
    /*width: 703px;*/
}
.base_table td
{
    position: relative;
    overflow:hidden;
    display: table-cell;
    font-size: 9pt;
    font-weight: bold;
    padding-left:5px;
    padding-right:15px;
    padding-top:0px;
    padding-bottom:0px;
    border-left: 1px solid #E6E6DC;/*#96968C;*/
    border-bottom: 1px solid #E6E6DC;/*#96968C;*/
}

.base_table .row {height:30px;}
.base_table .row0
{
    background-color: #5A5A4B; /*#e86c1e;*/ /*#58574b;*/
    color: #ffffff;
    font-weight: bold;
}
.base_table .row0 .col1 {background-color: #FFFFFF; border-left: none; border-top: none;}

.base_table .row1 {background-color: #FFFFFF; /*#d5d4c9;*/ color: #5A5A4B;}
.base_table .row2 {background-color: #FFFFFF; /*#d5d4c9;*/ color: #5A5A4B;}
.base_table .row3 {background-color: #E6E6DC;/*#58574b;*/ color: #5A5A4B; /*#FFFFFF;*/}

/*#base_table .col {font-size:12px;}*/
.base_table .col1 {width:150px;}
.base_table .col2 {width:100px; text-align: right;}
.base_table .col_seriesC {color: #a5a493; }
.base_table .row0 .col2 {width:100px; text-align: center; font-size:9pt; padding-right:5px; border-top: 1px solid #E6E6DC;/*#96968C;*/}
/*#base_table .row_highlight .col_highlight { background-color: #ffe3a5; }
#base_table .col_highlight.correct { background-color: #8dce4b; }*/
.hi-green {background-color: #FFD700;/*#8dce4b;*/}
.hi-lightgreen {background-color: #b0f44e;}
.hi-blue {background-color: #CDC90F;/*#82b1ce;*/}
.hi-yellow {background-color: #eae734;}
.hi-blue-text {background-color: #CDC90F;/*#9dd0ed;*/}
.hi-yellow-text {background-color: #fdfa34;}
.hi-green-text {background-color: #ffD700;}
/*
.base_table .hi-green {background-color: #8dce4b;}
.base_table .hi-lightgreen {background-color: #b0f44e;}
.base_table .hi-blue {background-color: #82b1ce;}
.base_table .hi-yellow {background-color: #eae734;}
*/

.congrats{ font-weight: bold; color: #FAAF41;}

.page_holder
{
    position: absolute;
    top: 100px;
    left: 30px;
    width: 600px;
    line-height: 1.3em;
    color: #5A5A4B;

}
.commentary
{
    position: absolute;
    top: 0px;
    width: 640px;
    left: -30px;
    font-size: 9pt;
}
.commentary p { margin-top: 0px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 35px; padding-right: 5px;}
.arrow
{
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url(../assets/arrows.png);
    /*background-position: 0px 0px;
    background-position-x: 0px;
    background-position-y: 0px;*/
}

.arrow1
{
    background-position: 0px 0px;
    background-position-x: 0px;
}
.arrow2
{
    background-position: -60px 0px;
    background-position-x: -60px;
}


.callout
{
    position: absolute;
    font-size: 10pt;
    background-color: #FFFFFF; /*#d0ecef;*/
    border: 1px solid #FAAF41;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 3px 3px #999999;
    -webkit-box-shadow: 0px 3px 3px #999999;
    box-shadow: 0px 3px 3px #999999;
    /*-moz-box-shadow: 0px 4px 4px #CCC;
    -webkit-box-shadow: 0px 4px 4px #CCC;
    box-shadow: 0px 4px 4px #CCC;*/
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
#page1 .callout1 {top:160px; left:-5px; width:90px; /*height:40px;*/}
#page1 .callout2 {top:305px; left:-20px; width:120px; /*height:40px;*/}
#page1 .callout3 {top:130px; left:170px; width:260px; text-align: center /*height:40px;*/}

#page3 .callout1 {top:230px; left:235px; width:45px; }
#page3 .callout1a {top:260px; left:235px; width:45px; }
#page3 .callout2 {top:290px; left:560px; width:45px; }
#page3 .callout2a {top:350px; left:560px; width:45px; }
#page3 .callout3 {top:350px; left:120px; width:270px; text-align: center;}

#page5 .callout1 {top:290px; left:280px; width:130px; text-align: center }

#page6 .callout1 {top:225px; left:720px; width:120px; }
#page6 .callout2 {top:290px; left:500px; width:110px; }
#page6 .callout3 {top:350px; left:500px; width:110px; }

#page7 .callout1 {top:225px; left:720px; width:120px; }
#page7 .callout2 {top:290px; left:500px; width:110px; }
#page7 .callout3 {top:350px; left:500px; width:110px; }

#page1 .arrow1 {top:165px; left:100px;}
#page1 .arrow2 {top:165px; left:200px;}

#navigation
{
    top: 520px;
    left: 0px;
    width: 100%;
    height: 60px;
    background-color: #E6E6DC;
}

.img_btn
{
    position: absolute;
    border:0px;
    cursor:pointer;
}
.img_btn.disabled
{
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    cursor:auto;
}

.nav_btn
{
    /*float: left;*/
    width:33px;
    height:30px;
    top: 15px;
    background-position: 0px 0px;
    background-color: #E6E6DC;
    background-repeat: no-repeat;
    overflow: visible;
}
.nav_btn.hoverAction
{
    background-position: 0px -31px;
    background-position-y: -31px;
}
.nav_btn.selected
{
    background-position: 0px -62px;
    background-position-y: -62px;
    cursor:default;
}
.nav_btn.prev_btn {background-image:url("../assets/btn-prev.png");}
.nav_btn.next_btn {background-image:url("../assets/btn-next.png");}
.nav_btn.first_btn {background-image:url("../assets/btn-first.png");}
.nav_btn.last_btn {background-image:url("../assets/btn-last.png");}
.nav_btn.item_btn {background-image:url("../assets/btn-item.png");}

#first-btn{ left: 110px;}
#prev-btn{ left: 148px;}
#item00-btn{ left: 196px;}
#item01-btn{ left: 229px;}
#item02-btn{ left: 262px;}
#item03-btn{ left: 295px;}
#item04-btn{ left: 328px;}
#item05-btn{ left: 361px;}
#item06-btn{ left: 394px;}
#item07-btn{ left: 427px;}
#item08-btn{ left: 460px;}
#item09-btn{ left: 493px;}
#item10-btn{ left: 526px;}
#item11-btn{ left: 559px;}
#item12-btn{ left: 592px;}
#item13-btn{ left: 625px;}
#item14-btn{ left: 658px;}
#item15-btn{ left: 691px;}
#next-btn{ left: 739px;}
#last-btn{ left: 777px;}

.btn-label
{
    position: absolute;
    top: 23px;
    width:33px;
    font-size: 7pt;
    text-align: center;
    margin-left: -7px;
    margin-top: 0px;
}

#steps
{
    position: absolute;
    top: 10px;
    left: 640px;
    width: 270px;
    height: 250px;
    /*color: #5A5A4B;*/
    background-color: #E6E6DC;
    color: #96968C;
    font-size: 9pt;
    line-height: 1.2em;
    /*padding-left: 5px;
    padding-right: 5px;*/
    /*border: 1px solid #999999;*/
    /*-moz-box-shadow: 0px 3px 3px #999999;
    -webkit-box-shadow: 0px 3px 3px #999999;
    box-shadow: 0px 3px 3px #999999;*/
}
#steps table {width: 100%}
#steps table tr {height:25px; padding-left: 10px;}
#steps thead {color: #5A5A4B; font-weight: bold; font-size: 12pt; }
/*#steps .row1 {background-color: #ffffff;}
#steps .row2 {background-color: #f5f4e9;}*/
#steps .current {background-color: #FAAF41; color: #FFFFFF;}