/* Theatre District CSS */ body { font: 76% "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif; color: #666; font-size: 11px; background: #fff url('/images/site_bits/gradbg.gif') repeat-x; margin: 0; } form {padding:0px;margin:0px;} #container { width: 921px; margin: auto; } a, a:link, a:visited, a:active { color: #c03; text-decoration: none; } a:hover { text-decoration: underline; } object{display:block;} hr{border:white dotted 0px;border-top:1px dotted #cccccc;height:0px;} p{line-height:1.2em;} #header { width: 919px; height: 104px; background: #c03 url('/images/site_bits/headerbg.gif') repeat-x; border-left: 1px solid #878588; border-right: 1px solid #878588; position: relative; } #nlbutton { position: absolute; top: 20px; right: 40px; width: 157px; height: 32px; } #nlbutton a { display: block; width: 157px; height: 32px; background: url('/images/site_bits/nlbutton.gif') top left; } #nlbutton a:hover { background-position: bottom left; } #logo { width: 196px; height: 86px; padding: 9px 0 0 13px; } #nav { position: absolute; right: 42px; bottom: 5px; overflow: hidden;} #nav ul { list-style: none; display: block; margin:0px;padding:0px;} #nav ul li { display: block; float:left; padding-left: 10px; } #nav a, #nav a:link, #nav a:visited, #nav a:active { color: #fff; text-decoration: none;display:block;float:left;margin-left:15px;padding-bottom:5px; } #nav a:hover { border-bottom:1px solid white;padding-bottom:4px; } #nav .active a{border-bottom:1px solid white;padding-bottom:4px;} #slideshow {border-left: 1px solid #878588; border-right: 1px solid #878588;} #slideshow img, #slideshow obj { display: block; } #contentWrapper { width: 919px; border-left: 1px solid #878588; border-right: 1px solid #878588; border-bottom: 1px solid #878588; background: #fff url('/images/site_bits/3colbg.gif') center top repeat-y; } #contentWrapper h1 { margin: 0; color: #c03; font-size: 14px; margin-bottom: 20px; } #leftColumn { width: 209px; float: left; background: url('/images/site_bits/tabbg.gif') left top no-repeat; position: relative; padding: 7px 10px 10px 10px; min-height: 30px; _hei\ght: 30px; } #leftColumn.withsubmenu { _padd\ing: 7px 0 10px 0; } /* * html #leftColumn{display:block;} */ #dreamticket { width: 172px; height: 96px; margin-left: 19px; margin-top: -3px; background: url('/images/site_bits/dreamticket.png') no-repeat; _back\ground: none; } #dreamticket img { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/dreamticket.png', sizingMethod='scale'); } #planner { width: 139px; margin: 10px 35px; font-size: 11px; position: relative; } #planner hr { *padding: 0; width: 135px; margin: 10px 2px; height: 0; border: none; border-bottom: 1px dotted #666; *margin: -15px 2px 0 2px; } #planner .dottedhr { width: 135px; margin: 0 2px; } #planner form { margin-top: 0; *margin-top: -10px; } #planner div#submit { position: relative; width: 100%; height: 20px; } #planner input#planner_submit { border: 1px solid #b7b8b7; background: #f5f5f5; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #c03; position: absolute; bottom: 0; right: 0; width: 60px; height: 18px; line-height: 10px; } #leftColumn h2,#midColumn h2,#rightColumn h2,#midColumnBig h2{font-size:1.2em;color:#c03;margin:0;padding:0 0 7px 0; _mar\gin-left: 10px; } #rightColumn { width: 209px; float: left; background: url('/images/site_bits/tabbg.gif') left top no-repeat; position: relative; padding: 7px 10px 10px 10px; min-height: 30px; _hei\ght: 30px; } #rightColumn p{margin:0 0 10px 0;} .tabrightend { width: 10px; height: 29px; position: absolute; top: 0; right: 0; _ri\ght: -1px; background: url('/images/site_bits/tabrightend.gif') no-repeat; } .tabrightendwhite { width: 10px; height: 29px; position: absolute; top: 0; right: 0; _ri\ght: -1px; background: url('/images/site_bits/tabrightendwhite.gif') no-repeat; } #midColumn ,#midColumnBig { width: 459px; float: left; margin: auto 1px; min-height: 30px; _hei\ght: 30px; } #midColumnBig.nolc { margin-left: 0; margin-right: 3px; _mar\gin-right: 1px; } #midColumn p,#midColumnBig p {margin:0 0 10px 0;} .midsubfull { width: 439px; padding: 7px 10px 10px 10px; background: url('/images/site_bits/tabbg.gif') left top no-repeat; position: relative; } .midsubleft { width: 209px; padding: 7px 10px 10px 10px; float: left; background: url('/images/site_bits/tabbg.gif') left top no-repeat; position: relative; margin-right: 1px; } .midsubright { width: 209px; padding: 7px 10px 10px 10px; float: left; background: url('/images/site_bits/tabbg.gif') left top no-repeat; position: relative; } .midsubleftwhite { width: 209px; padding: 5px 10px 10px 10px; float: left; background: url('/images/site_bits/tabbgwhite.gif') left top no-repeat; position: relative; margin-right: 1px; } .midsubrightwhite { width: 209px; padding: 5px 10px 10px 10px; float: left; background: url('/images/site_bits/tabbgwhite.gif') left top no-repeat; position: relative; } #midColumnBig{width:687px; background:white;min-height:150px;} #midColumnBig .midsubfull{width:669px;} /*menu by cris, sorry if untidy*/ #submenu,#submenu li{padding:0px;margin:0px;list-style:none;} /** html #leftColumn{padding-right:0px;width:199px;position:relative;}*/ #submenu{position:relative;left:-10px; _lef\t:0;} #submenu a,#submenu a:link,#submenu a:visited{display:block;border-bottom:1px solid white;padding:4px 10px; width:209px; } #submenu a:hover{background-color:#c03;color:white;text-decoration:none;} #submenu .active a,#submenu .active a:link,#submenu .active a:visited{background:#dddddd;} .eventCal{border:1px solid #cccccc;border-collapse:collapse;padding:0px;margin:0px;} .eventCal td{border:1px solid #eaeaea;padding:0px;margin:0px;width:22px;height:15px;} .eventDays td{padding:1px 3px;} .eventCal th{font-weight:bold;background:#ddd;color: #c03;font-size:12px;} .eventCal a,.eventCal a:link,.eventCal a:visited{display:block;padding:1px 3px;width:22px;height:15px;color:#444;} .eventCal a:hover{background:#c03;color:white;text-decoration:none;} .eventCal .blank {background:#fefefe;} .eventCal .dates a {text-decoration:none;color:#c03;font-weight:bold;} .eventCal .dates a:hover{background:#c03;color:white;} .eventCal .today a {background:#eaeaea;} .eventCal .today a:hover{color:white;} .eventCal .selected a {background:#c03;color:white;text-decoration:none;} .eventCal .selected a:hover{color:white;} .sevendays h3{font-size:12px;margin:0px;} .sevendays img {margin:0px 0px 5px 5px;} .sevendays ul, .sevendays li{margin:0px;padding:0px;list-style:none;} .sevendays li {min-height:50px;margin-bottom:5px;} #footer { margin: 3px auto 50px auto; font-size: 10px; color: #b5b5b5; } #copyright { float: left; width: 200px; } #companyinfo { float: left; width: 519px; text-align: center; } #duoinfo { float: right; width: 200px; text-align: right; } #footer a, #footer a:link, #footer a:visited, #footer a:active { color: #b5b5b5; text-decoration: none; } #footer a:hover { color: #999; } .dottedhr { width: 100%; height: 1px; background: url('/images/site_bits/dottedhr.gif') repeat-x; } .clearFloat { clear: both; } #theatreScroll{position:relative;overflow:auto;height:500px;width:689px;left:-10px;top:-15px;} #theatretimes{width:689px;overflow:hidden;position:absolute;top:-120px;left:-20px;height:2300px;} /*Dynamic list styles*/ .dynamic,.dynamic ul { padding:0px;list-style: none;margin:0px;display:block; } .dynamic .default { /*width:500px;*/ min-height: 100px; _hei\ght: 100px; margin-bottom: 20px; } .dynamic .default img{ float:right;margin:0 0 10px 10px;border:1px solid #c03;clear:right;display:block;} .dynamic .default p{ margin:0px;} .dynamic .default h3 { font-size: 12px; margin: 0; } .dynamic .frontnews img { width: 48px; height: 48px; border: none; float: left; margin: auto 10px 10px auto; } .dynamic .venues { display: inline; width: 48%; } .dynamic .venues li { float: left; text-align: center; display: inline; } .dynamic .venues img { margin: 9px; width: 46px; height: 46px; border: 1px solid #dddddd; } .dynamic .venues a:hover img {border:1px solid #c03} .dynamic .venuelist { } /*tables and form styles*/ .tabledefault{ border-collapse: collapse;font-size:85%;border:1px solid #aaaaaa;margin:10px;} .tabledefault td {border:1px solid #aaaaaa;padding:5px;} .tabledefault th {border:1px solid #aaaaaa;background:#eeeeee;padding:5px;color:black;text-align:left; } .tabledefault p {font-size:100%;margin:0px;} .tabledefault input,.tabledefault select{font-size:10px;} .cal_button{font-size:10px;margin-left:10px;} .cal_date{width:100px;} #cal_saving{margin-left:10px;background:url(/images/site_bits/loading2.gif) no-repeat top left;font-size:11px;display:none;float:left;height:27px;padding-left:25px;width:60px;line-height:24px;} .formdefault input{font-size:100%;border:1px solid #cccccc;} .formdefault dt{ float:left;width:100px;font-size:100%;padding:3px 1px;height:20px;_clea\r:both;} input.fullWidth{width:400px;clear:both;float:none;padding:1px;margin:0 0 4px 0;border:1px solid #ccc; font-size:100%;} .formdefault dd{min-height:26px;margin:0px;padding:1px;width:305px;float:left;} .formdefault dd input , .formdefault dt input ,.formdefault dd select , .formdefault dt select ,.formdefault dd textarea , .formdefault dt textarea {width:150px;font-family:sans-serif;margin-left:0px;font-size:100%;} .formdefault dd textarea , .formstyle1 dt textarea {height:60px;margin-left:0px;border:1px solid #cccccc} .formblogcomment input{font-size:100%;border:1px solid #cccccc;} .formblogcomment dt{ float:left;width:100px;font-size:100%;padding:3px 1px;height:20px;} .formblogcomment dd{min-height:26px;margin:0px;padding:1px;width:305px;float:left;} .formblogcomment dd input , .formblogcomment dt input ,.formblogcomment dd select , .formblogcomment dt select ,.formblogcomment dd textarea , .formblogcomment dt textarea {width:250px;font-family:sans-serif;margin-left:0px;font-size:100%;padding:1px;} .formblogcomment dd textarea , .formblogcomment dt textarea {height:90px;margin-left:0px;border:1px solid #cccccc} .blogcomment {border:1px solid #cccccc; background:#fafafa; padding:5px 5px 0px 5px;margin-bottom:2px;} .unpublished {filter:alpha(opacity=50);opacity:.5;border:1px dashed #cccccc;} .competionAddButton a,.competionAddButton a:link,.competionAddButton a:visited{margin-right:-1px;float:right;display:block;width:80px;height:18px;border:1px dashed #aaa;background:white;color:black;text-align:center;} .competionAddButton a:hover{border:1px solid red;background:#aaa;color:white;text-decoration:none;} /* styles for select replacement uls - advanced search drop downs */ .planner_div { position: relative; min-height: 18px; _hei\ght: 18px; margin: 2px auto 10px auto; } select.replaced { display: none; } ul.selectReplacement { position: absolute; left: 0; margin: 0; padding: 0; min-height: 15px; width: 137px; float: left; text-align: left; border: 1px solid #b8b7b8; } ul.selectOpen { margin-bottom: 5px; } ul.selectReplacement li { /*border: 1px solid #b8b7b8;*/ background: #f5f5f5; color: #c03; cursor: pointer; display: none; font-size: 11px; line-height: 14px; list-style: none; margin: 0; padding: 1px 2px; *margin-bottom: -1px; width: 133px; } ul.selectOpen li { display: block; *margin-bottom: -1px; } ul.selectReplacement li.selected { background: #f5f5f5 url('/images/site_bits/searcharrow.gif') top right no-repeat; color: #c03; display: block; } ul.selectOpen li.selected { background: #f5f5f5 url('/images/site_bits/searcharrow.gif') top right no-repeat; display: block; } ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #c03; color: #fff; }