@charset "UTF-8";
/* CSS Document */

#scroll {
    height: 890px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 474px;
}
#tools {
    height: 500px;
    position: absolute;
    top: 30px;
    width: 9999em;
}
.tool {
    float: left;
    height: 855px;
    text-align: left;
    width: 500px;
}
#intro {
    position: absolute;
    top: 90px;
}
.details {
    background-color: transparent;
    color: #555555;
    font-size: 12px;
    padding: 5px 20px;
}
#thumbs {
    height: 22px;
    left: -12px;
    position: absolute;
    width: 490px;
}
.t {
    border: 0 none !important;
    padding: 0 !important;
}
.t a {
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin-left: 2px;
    padding: 2px 7px 2px 2px;
}
.t a.active {
    cursor: default !important;
}
.navi {
    margin-left: 15px;
}
.navi a {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.navi a:hover, .navi a:active, .navi a.active {
    color: #FF6600;
}
.vertical {
    height: 855px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 450px;
}
.items {
    height: 855px;
    margin: 0 0 0 0;
    overflow: auto;
    position: absolute;
    width: 100%;
}
.item {
    color: #555555;
}
#scroll .item {
    border-bottom: 1px dotted #DDDDDD;
    color: #555555;
    font-size: 12px;
    font-style: italic;
    height: 30px;
    padding: 6px 0 0 21px;
    width: 400px;
}
#scroll .items.yellow .item {
    background: url("/images/pointlist-yellow.png") no-repeat scroll left 3px transparent;
}
#scroll .items.red .item {
    background: url("/images/pointlist-red.png") no-repeat scroll left 3px transparent;
}
#scroll .items.blue .item {
    background: url("/images/pointlist-blue.png") no-repeat scroll left 3px transparent;
}
#scroll .items.salmon .item {
    background: url("/images/pointlist-salmon.png") no-repeat scroll left 3px transparent;
}
#scroll .items.turqoise .item {
    background: url("/images/pointlist-turqoise.png") no-repeat scroll left 3px transparent;
}
#scroll .items.purple .item {
    background: url("/images/pointlist-purple.png") no-repeat scroll left 3px transparent;
}
#scroll .items.grey .item {
    background: url("/images/pointlist-grey.png") no-repeat scroll left 3px transparent;
}
#scroll .items.light_green .item {
    background: url("/images/pointlist-light_green.png") no-repeat scroll left 3px transparent;
}
#scroll .items.dark_green .item {
    background: url("/images/pointlist-dark_green.png") no-repeat scroll left 3px transparent;
}
#scroll .items.light_blue .item {
    background: url("/images/pointlist-light_blue.png") no-repeat scroll left 3px transparent;
}
#scroll .items.cream .item {
    background: url("/images/pointlist-cream.png") no-repeat scroll left 3px transparent;
}
#scroll .items.pink .item {
    background: url("/images/pointlist-pink.png") no-repeat scroll left 3px transparent;
}
.item img {
    float: left;
    height: 5px;
    margin-right: 20px;
    width: 240px;
}
.item h3 {
    color: #445566;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px;
}
#actions {
    margin: 30px 0 10px;
    width: 700px;
}
#actions a {
    color: #666666;
    cursor: pointer;
    font-size: 11px;
}
#actions a:hover {
    color: #000000;
    text-decoration: underline;
}
.disabled {
    visibility: hidden;
}
.next {
    background: url("/images/next.png") no-repeat scroll 0 0 transparent;
    height: 11px;
    margin-top: -2px;
    width: 24px;
}
.next:hover {
    background: url("/images/next.png") no-repeat scroll 0 -12px transparent;
    cursor: pointer;
}
.prev {
    height: 11px;
    width: 24px;
}
.prev:hover {
    background: url("/images/prev.png") no-repeat scroll 0 -12px transparent;
    cursor: pointer;
}

div.jspDrag.yellow, div.jspDrag.yellow:hover {
    background: none repeat scroll 0 0 #f5e2bc;
}
div.jspDrag.red, div.jspDrag.red:hover {
    background: none repeat scroll 0 0 #d58698;
}
div.jspDrag.blue, div.jspDrag.blue:hover {
    background: none repeat scroll 0 0 #9db8cc;
}
div.jspDrag.salmon, div.jspDrag.salmon:hover {
    background: none repeat scroll 0 0 #f3cbc4;
}
div.jspDrag.turqoise, div.jspDrag.turqoise:hover {
    background: none repeat scroll 0 0 #7ec2d5;
}
div.jspDrag.purple, div.jspDrag.purple:hover {
    background: none repeat scroll 0 0 #c2aad7;
}
div.jspDrag.grey, div.jspDrag.grey:hover {
    background: none repeat scroll 0 0 #A8A8A8;
}
div.jspDrag.light_green, div.jspDrag.light_green:hover {
    background: none repeat scroll 0 0 #aac394;
}
div.jspDrag.dark_green, div.jspDrag.dark_greenv {
    background: none repeat scroll 0 0 #7c8772;
}
div.jspDrag.light_blue, div.jspDrag.light_blue:hover {
    background: none repeat scroll 0 0 #a3cee0;
}
div.jspDrag.cream, div.jspDrag.cream:hover {
    background: none repeat scroll 0 0 #C4B9A5;
}
div.jspDrag.pink, div.jspDrag.pink:hover {
    background: none repeat scroll 0 0 #e5cfe2;
}