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

/* Body */
#body { position:relative; padding:10px; position:relative; width:960px; margin:10px auto 0 }
#body .main { float:left; width:650px }
.sttop { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.sttop .content { position:relative; width:650px; padding:0; margin:0 auto }

#step1 { float:left; clear:left; border:0; overflow:auto; width:210px }
#step2 { float:left; border:0; overflow:auto; margin-left:10px; width:210px }
#step3 { float:left; border:0; overflow:auto; margin-left:10px; width:210px }

#step1selected { font-size:11px; float:left; border:0; overflow:auto; width:185px; padding:5px 15px 5px 10px; }
#step2selected { font-size:11px; float:left; border:0; overflow:auto; margin-left:10px; width:185px; padding:5px 15px 5px 10px; }
#step3selected { font-size:11px; float:left; border:0; overflow:auto; margin-left:10px; width:185px; padding:5px 15px 5px 10px; }
#step1selected span, #step2selected span, #step3selected span { color:#FFF; font-weight:bold }

.list { width:210px }
.list li { background:#222; border-bottom:rgba(0,0,0,0.25) solid 1px }
.list li:last-child { background:#222; border-bottom:none; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
.list li a { width:185px; color:#F2C855; padding:5px 15px 5px 10px; display:block; text-decoration:none }
.list li span, .list li a:hover span { color:#FFF; text-decoration:none  }
.list li.subhead { width:185px; color:#FFF; padding:5px 15px 5px 10px; display:block; text-decoration:none }
.list li:hover { background:#333 }
.list li:last-child:hover { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

#step3 .list li a { color:#F2C855; text-decoration:none; display:inline; padding:0 }
#step3 .list li a:hover { text-decoration:underline }
#step3 .list li:hover { background:#222 }
#step3 .list li:last-child:hover { background:#222; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

.templist { width:210px }
.templist li { background:#222; width:185px; color:#FFF; padding:5px 15px 5px 10px; display:block; text-decoration:none;-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

.list li a.selected { background:#333 }
.list li:last-child a.selected { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

.city { color:#FFF }
.list li span.msg { color:#999; cursor:pointer }

.cityprompt { position:relative; float:left; padding:5px 7px }
.cityprompt div { position:absolute; float:left; left:480px; top:5px }
.city2 { position:relative; float:right; background:#C00 url(/_img/common/red24.png) 0 0 repeat-x; display:inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.25); line-height:24px; padding:0 8px; cursor:pointer; z-index:5 }
.citylist2 { position:absolute; width:420px; height:24px; top:0; right:0; z-index:4; display:none }
.citylist2 li { text-align:center; float:right; background:#222 }
.citylist2 li:hover { text-align:center; float:right; background:#333 }
.citylist2 li:first-child { margin-right:-5px; padding-right:5px }
.citylist2 li:last-child { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; text-align:center; float:right; clear:left }
.citylist2 li a { display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); color:#FFF; line-height:24px; padding:0 8px; }
.citylist2 li a:hover { text-decoration:none }

/* Cinema Times */
.bodycinemas .sttop { width:480px; margin:0 0 10px 0; float:right; color:#FFF; background:#222; clear:right }
	.bodycinemas .sttop .content { position:relative; width:480px; padding:0; margin:0 auto }
.bodycinemas #step2 { float:right; border:0; overflow:auto; margin-left:0px; width:235px }
.bodycinemas #step3 { float:right; border:0; overflow:auto; margin-left:10px; width:235px }
.bodycinemas #step2selected { font-size:11px; float:left; border:0; overflow:auto; margin-left:0; width:210px; padding:5px 15px 5px 10px; }
.bodycinemas #step3selected { font-size:11px; float:left; border:0; overflow:auto; margin-left:10px; width:210px; padding:5px 15px 5px 10px; }
.bodycinemas #step2selected span, .bodycinemas #step3selected span { color:#FFF; font-weight:bold }
.bodycinemas .list { width:235px; margin-bottom:10px }
.bodycinemas .templist { width:235px; margin-bottom:10px }
.bodycinemas .templist li {width:210px }
.bodycinemas .list li a { width:210px }
.bodycinemas .list li.subhead { width:210px }

/* Movie Times */
.bodymovies .sttop { width:480px; margin:0 0 10px 0; float:right; color:#FFF; background:#222; clear:right }
	.bodymovies .sttop .content { position:relative; width:480px; padding:0; margin:0 auto }
.bodymovies #step2 { float:right; border:0; overflow:auto; margin-left:0px; width:235px }
.bodymovies #step3 { float:right; border:0; overflow:auto; margin-left:10px; width:235px }
.bodymovies #step2selected { font-size:11px; float:left; border:0; overflow:auto; margin-left:0; width:210px; padding:5px 15px 5px 10px; }
.bodymovies #step3selected { font-size:11px; float:left; border:0; overflow:auto; margin-left:10px; width:210px; padding:5px 15px 5px 10px; }
.bodymovies #step2selected span, .bodymovies #step3selected span { color:#FFF; font-weight:bold }
.bodymovies .list { width:235px; margin-bottom:10px }
.bodymovies .templist { width:235px; margin-bottom:10px }
.bodymovies .templist li {width:210px }
.bodymovies .list li a { width:210px }
.bodymovies .list li.subhead { width:210px }