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

.ui-dialog {
    background: url("/images/shadow.png") repeat scroll right bottom transparent;
    overflow: hidden;
    padding: 0 30px 30px 0;
}
.ui-dialog-titlebar {
    background: url("/images/bg_mycargotour.jpg") repeat-x scroll left top transparent;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
}
.ui-dialog-titlebar a {
    color: #FFFFFF;
    float: right;
}
.ui-dialog-content {
    background: url("/images/tour_bg.jpg") repeat-y scroll left top #EEF2F7;
    min-height: 437px !important;
    padding: 1px 10px 10px;
}
.ui-dialog-titlebar-close {
    background: url("/images/tour_close.png") no-repeat scroll center center transparent;
    display: block;
    height: 20px;
    text-indent: -99999px;
    width: 20px;
}
.textarea {
    float: left;
    min-height: 395px;
    width: 285px;
}
.slideshow {
    float: left;
    height: 232px;
    width: 360px;
}
.slideshow img {
}

.thetour {
	position:relative;
	padding:10px 0 0;
}


#caption{
    color: #FFFFFF;
    left: 198px;
    position: absolute;
    top: 75px;
}
#slidetext {
    color: #FFFFFF;
    margin: 70px 0 0;
    width: 275px !important;
}

.startslide {
	margin: 40px 0 0 !important;
}

#slidetext li h1 {
    border-bottom: 1px solid #FFFFFF;
    font-size: 28px;
    margin: 0 0 10px;
    text-align: center;
}
#slidetext li h1 span {
    display: block;
    font-size: 22px;
}


#slidetext li h2 {
    background: none repeat scroll 0 0 #194670;
    border: 2px dotted;
    color: white;
    font-size: 17px;
    padding: 5px;
    text-align: center;
}

#slidetext li {
    display: block;
    font-size: 19px;
    list-style: none outside none;
    margin: 0 0 0 6px;
}
.slideoptions {
    clear: both;
    padding: 15px 15px 25px;
}

.slidenav {
    border: 1px solid #FFFFFF;
    margin: 0 0 0 19px;
    overflow: hidden;
    padding: 5px 22px;
    width: 205px;
}

#cargonav {
    float: right;
    height: 375px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 80px;
}
#cargonav li {
    float: left;
    list-style: none outside none;
    margin: 0;
    width: 50px;
}
#cargonav a {
    border: 1px solid #CCCCCC;
    display: block;
    padding: 3px;
    width: 50px;
}
#cargonav a.activeSlide {
    background: none repeat scroll 0 0 #8888FF;
    border: 1px solid red;
}
#cargonav a:focus {
    outline: medium none;
}
#cargonav img {
    border: medium none;
    display: block;
}
.slidenav a {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 60px;
    margin: 0 27px 0 0;
}
.chapters {
    position: relative;
    z-index: 200;
}
.chapters a {
    background: url("/images/mycargotour/icon-jump.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 52px;
    margin: 0 9px 0 0;
    padding: 13px 3px 3px;
    text-align: center;
    vertical-align: middle;
    width: 63px;
	text-decoration:none;
}
.chapters a:hover {
    background: url("/images/mycargotour/icon-jump1.png") no-repeat scroll left top transparent;
}
.chapters a#password_slide {
    margin: 0 !important;
}

.chapter a {
	position:relative;
}

#buttonTitle {
	position:absolute;
	z-index:210;
	bottom:10px;
}

.thetour #rev {
    background: url("/images/tour_slidenav.png") no-repeat scroll 9px bottom transparent;
}
.thetour #pause {
    background: url("/images/tour_slidenav.png") no-repeat scroll -48px bottom transparent;
}
.thetour #resume {
    background: url("/images/tour_slidenav.png") no-repeat scroll -103px bottom transparent;
}
.thetour #next {
    background: url("/images/tour_slidenav.png") no-repeat scroll -108px bottom transparent;
}
.thetour #rev:hover {
    background: url("/images/tour_slidenav-b.png") no-repeat scroll 9px bottom transparent;
}
.thetour #pause:hover {
    background: url("/images/tour_slidenav-b.png") no-repeat scroll -48px bottom transparent;
}
.thetour #resume:hover {
    background: url("/images/tour_slidenav-b.png") no-repeat scroll -103px bottom transparent;
}
.thetour #next:hover {
    background: url("/images/tour_slidenav-b.png") no-repeat scroll -108px bottom transparent;
}
#selectline {
    position: absolute;
    right: 65px;
    top: 277px;
    z-index: 200;
}
#loadingtour {
    left: 30%;
    position: absolute;
    top: 19%;
    z-index: 1000;
}
.endtour {
    color: #FFFFFF;
    font-size: 22px;
    margin: 20px auto;
    text-align: center;
    width: 400px;
}
.endtour .chapters {
    font-size: 14px;
    margin: 15px auto 0;
}
.instruction {
    font-size: 22px;
    margin: 15px 0 0;
}
.activeSlide a {
    border: 2px solid red !important;
    padding: 2px !important;
}

.chapters a {

}

#buttonTitle {
    background: url("/images/mycargotour/tip.png") no-repeat scroll left bottom transparent;
    color: #000000;
    height: 122px;
    padding: 5px;
    width: 225px;
    position: absolute;
    bottom: 58px;
    font-size: 14px;
}

.lasttip {
	background: url("/images/mycargotour/tip2.png") no-repeat scroll left bottom transparent !important;
	right:5px;
}