/********
NOTE: CHANGES TO THIS FILE WILL AFFECT THIS SMS SITE AND OTHERS.
This determines the stylesheet for the entire class. Do not change this file unless
you know that you want these changes to be reflected across this entire SMS site
and every other SMS site that uses this class.
These values can be overridden in your template's stylesheet.
********/

/*** public_classOption_List ***/
.tour { padding-bottom: 1em; }
.tour h3 { margin-bottom: 1em; }

.tour .item { margin-bottom: 1.5em; min-height: 84px; }
.tour .item .thumbnail { height: 79px; width: 79px; float: left; text-align: center; }
.tour .item .thumbnail a { display: block; border-width: 2px; border-style: solid; height: 75px; width: 75px; text-align: center; }
.tour .item .thumbnail a img { display: block; margin: 0 auto; }
.tour .item h4 { margin: 0 0 .5em 84px; }
.tour .item .date { display: block; margin: 0 0 .5em 84px; }
.tour .item .description { padding-left: 84px; margin-bottom: .5em; }

.tour .navigation { min-height: 3em; }
.tour .navigation .right { display: block; height: 16px; width: 75px; text-align: right; float: right; }
.tour .navigation .left { display: block; height: 16px; width: 75px; text-align: left; float: left; }
.tour .navigation .detail { display: block; height: 16px; clear: left; float: left; padding-top: 6px; }

/*** public_indirectDetail ***/
.tourdetail {  }
.tourdetail h3 {  }
.tourdetail .item { height: 300px; }
.tourdetail .item .right { height: 294px; padding-left: 374px; }
.tourdetail .item .right h4 { margin: 0 0 .5em 0; }
.tourdetail .item .right .description { padding: 0 0 .5em 0; margin: 0; height: 200px; overflow: auto; }
.tourdetail .item .left { width: 364px; height: 294px; float: left; text-align: center; }
.tourdetail .item .left img { border-width: 2px; border-style: solid; }
.tourdetail .item .audio { text-align: center; }

.tourdetail .tourthumbs { height: 79px; margin-top: .5em; overflow: auto; }
.tourdetail .tourthumbs .thumbnail { height: 79px; width: 79px; float: left; text-align: center; margin: 0 4px 4px 0; }
.tourdetail .tourthumbs .thumbnail a { display: block; border-width: 2px; border-style: solid; height: 75px; width: 75px; text-align: center; }
.tourdetail .tourthumbs .thumbnail a img { display: block; margin: 0 auto; }
.tourdetail .tourthumbs .active a { border-color: #E7C331; background: #E7C331; }

.tourdetail .tourthumbs .tourthumbscontent { float: left; }
.tourdetail .tourthumbs .previous { cursor: pointer; font-size: 18px; float: left; height: 79px; line-height: 74px; margin: 0 4px 4px 0; text-align: center; width: 20px; }
.tourdetail .tourthumbs .next { cursor: pointer; font-size: 18px; float: left; height: 79px; line-height: 74px; margin: 0 0 4px 4px; text-align: center; width: 20px; }

.tourdetail .navigation .share, .tourdetail .navigation .back
	{ height: 16px; width: 100px; padding-top: 6px; }