/*
======================================
CSS styles governing Main Layout
======================================
*/
/* Body style */
/* background-image: url(../images/background.jpg); */
html {
	height: 100%;
	margin:0 auto;
	background-attachment:fixed;
	background-position:center;
	background-position:top;
	background-repeat: no-repeat;
	background-color: #000;
}
body {
    color: #fff;
    font-size: .7em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
form {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* Background Use auto margins to center entire layout. */
#background {
	margin-left: auto;
    margin-right: auto;
    width: 960px;
}
	
/* Main container for layout.  Reset margins, add padding. */
div#layout_main {
    padding-bottom: 10px;
}

/*
We use the clear and tiny classes as helper classes to clear our floats
and make things look pretty.
*/
.clear, .tiny {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    font-size: 1px;
}  
.clear {
    clear: both;
}   
.padding10T {
	padding-top:10px;
}
.padding15T {
	padding-top:15px;
}
.spacer2px {
	height:2px;
}
.spacer10px {
	height:10px;
}
/* 
Background images and main layout 
*/
.centerStage
{
	width: 960px;
	padding-top: 8px;
	margin-left: -5px;
}
object {
    outline: none;
}
#showcase {
	height:396px;
	width:650px; 
	margin-top:10px;
}
#showcasealt {
}
.NCMLogo {
	background-image: url(../images/MainNav/ncm-logo.gif);
	background-repeat: no-repeat;
	 width:240px;
	 height:48px;
	 top: 0;
	 margin: 0;
	 margin-top: 5px;
	 margin-left: 20px;
	 position: absolute;
	 border: none;
}
.headerImage {
	width: 932px;
	height: 63px;
	background-image: url(../Images/MainNav/fathom-header.jpg);
	background-repeat: no-repeat;
}
.pageName {
    width: 932px;
    margin-left: auto;
    margin-right: auto;
}
.white {
    color: #85857e;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-left: 5px;
    padding-bottom: 5px;
}
.orangelink {
    color:#D05D29 !important;
}
.bold {
    font-weight:600;
}
/*
====================================
CSS styles governing main navigation
====================================
*/

#header {
	width: 932px;
	padding-left: 13px;
}
.mainnav_top {
	width: 932px;
	padding-left: 2px;
}
.newsletterdiv, 
.newsletterdiv a, 
.newsletterdiv hover, 
.newsletterdiv a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 15px;
}
.searchboxdiv {
	width:230px;
	height:30px;
	padding-top: 5px;
	padding-left:5px;
	padding-right: 0px;
}
.searchBG {
    background-image:url(../images/MainNav/searchBG.gif);
    background-repeat:no-repeat;
    background-position:left center
}
.searchbox {
	float:left;
	width: 110px;
	height: 14px;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: left;
	border: none;
	padding-top: 2px;
	padding-left: 5px;
	vertical-align: bottom;
}

.searchpanel{
    border-top:3px solid #DADADA;
    border-left:3px solid #DADADA;
    border-right:3px solid #DADADA;
    margin-bottom:20px;
}

.searchheader {
    background:#959595;
    padding:5px;
    border-bottom:3px solid #DADADA;
}

.searchitem {
    border-bottom:3px solid #DADADA;
}

.searchtext {
    color:#555;
}

.searchlinklong {
    color:#000 !important;
}

.mainMenu
{
	width: 932px;
}
.mainMenuLeft {
	padding-top: 0px;
	text-align:center;
	background-image: url(../Images/MainNav/main-menu-bg.gif);
	background-repeat: repeat-x;
}
.mainMenuLeft a:link {
	display:block;
}	
.mainMenuLeft a:visited {
	display:block;
}	
.mainMenuLeft a:hover {
	display:block;
}	
.mainMenuDynamicMenuStyle 
{
	padding-top: 5px;
	/* IE8 Fix */
	z-index: 100;
}
.mainMenuLeft img
{
	height: 0px;
	width: 0px;
}

.mainMenuDynamicMenuItemStyle 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: left;
}
.mainMenuPeel {
	padding-top: 0px;
	padding-left: 14px;
	text-align:center;
	background-image: url(../Images/MainNav/main-menu-peel-bg2.gif);
	background-repeat: no-repeat;
}
.mainNavTabBG {
    position: relative;
    text-align:center;
	width:385px;
	height:25px;
	background-image:url(../Images/MainNav/tab-menu-BG.gif);
	background-color:Transparent;
}
.moviesTabDiv {
	position:absolute;
	left:-1px;
	bottom:0px;
	z-index:1;
}
.moviesTab {
	width:234px;
	height:55px;
	background-image: url(../Images/MainNav/tab-menu-movies.gif);
	background-repeat: no-repeat;
}
.moviesTab:hover {
	width:234px;
	height:55px;
	cursor:pointer;
	background-image: url(../Images/MainNav/tab-menu-moviesOver.gif);
	background-repeat: no-repeat;
}
.fathomTabDiv {
	position: absolute;
	left: 95px;
	bottom:0px;
	z-index:3;
}
.fathomTab {
	width:172px;
	height:55px;
	background-image:url(../Images/MainNav/tab-menu-fathomOver.gif);
	background-repeat: no-repeat;
}
.fathomTab:hover {
	width:172px;
	height:55px;
	cursor:pointer;
}
.mySceneTabDiv {
	position: absolute;
	left: 175px;
	bottom:0px;
	z-index:0;
}
.mySceneTab {
	width:209px;
	height:55px;
	background-image:url(../Images/MainNav/tab-menu-myScene.gif);
	background-repeat: no-repeat;
}
.mySceneTab:hover {
	width:209px;
	height:55px;
	cursor:pointer;
	background-image:url(../Images/MainNav/tab-menu-mySceneOver.gif);
	background-repeat: no-repeat;
}

/*
========================================
CSS styles governing sIFR implementation
========================================
Straight cut-and-paste from sIFR docs.
*/

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
h1.sifr_replace 
{
    font-size: 170%;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*
================================
CSS styles governing Breadcrumbs
================================
*/
p.breadcrumb a {
	color: #999999;
	text-decoration: none;
}
p.breadcrumb a:hover {
    text-decoration: underline;
}
p.breadcrumb {
    color: #666666;
    margin: 0px;
    padding: 0px;
    margin-bottom: 7px;
    position: relative;
}

p.breadcrumb .invisible {
	display: none;
}

/*
======================================
CSS styles governing Alternate Content
======================================
*/
/* div.altcontent are the DIVs inside the Flash-replaced divs 
which contain alternate content. */
div.altcontent {
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
}
div.altcontent p{
    margin-left: 10px;
    padding-top: 15px;
}
div.altcontent h2 {
	margin-left: 10px;
    padding: 0px;
    font-size:  150%;
}
div.altcontent a {

    text-decoration: none;
}
div.altcontent a:hover {
    text-decoration: underline;
}
div.altcontent a:visited {
    color: blue;
    text-decoration: none;
}
div.flashContentAltTop {
	background-image: url(../images/AltContent/NoFlashTop.gif);
	background-repeat: no-repeat;
	width: 599px;
	height: 21px;
}
div.flashContentAltMiddle {
	background-image: url(../images/AltContent/NoFlashMiddle.gif);
	background-repeat: repeat-y;
	width: 599px;
}
div.flashContentAltBottom {
	background-image: url(../images/AltContent/NoFlashBottom.gif);
	background-repeat: no-repeat;
	width: 599px;
	height: 23px;
}
div.followusContentAltTop {
	background-image: url(../images/AltContent/NoFlashTop300.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 11px;
}
div.followusContentAltMiddle {
	background-image: url(../images/AltContent/NoFlashMiddle300.gif);
	background-repeat: repeat-y;
	width: 300px;
}
div.followusContentAltBottom {
	background-image: url(../images/AltContent/NoFlashBottom300.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 23px;
}

/*
=====================================
CSS styles governing Layout Selectors
=====================================
*/
/* 
These selectors govern floats, backgrounds, and other aspects of the 
content areas.
*/

/*********************************** Column Layouts ******************************/
div.leftcol {
    float: left;
    display: inline;
}
div.rightcol {
    float: right;
    display: inline;
}
div.centercol {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/******************************************** Containers **************************/
div.conatiner_217x90 {
	width: 217px;
	height: 90px;
}
div.adControl300x250 {
	width: 300px;
	height: 250px;
}
div.container300_top {
	background-image: url(../images/container300top.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 14px;
}
div.container300rounded_top {
	background-image: url(../images/container300top.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 14px;
}
.container300_title {
	padding-top: 0px;
	padding-left: 15px;
}
.container300rounded_title {
	padding-top: 17px;
	padding-left: 40px;
}
div.container300 {
	background-image: url(../images/container300middle.gif);
	background-repeat:repeat-y;
	width: 300px;
}
div.container300_bottom {
	background-image: url(../images/container300bottom.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 14px;
}
div.container_300x60_FollowUs {
    width: 300px;
    height: 60px; 
}
div.container_480x270 {
    width: 480px;
    height: 270px;
	background-color: #000000;
	background-repeat: repeat-x;
}
div.container_486x276 {
	background-image: url(../images/container486x276.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 3px;
    width: 486px;
    height: 276px;
    margin-left: 50px;
}
div.container_480x307_Upcoming {
    width: 480px;
    height: 325px;
    margin-left: 55px;
}
div.container_480x307_About {
    width: 480px;
    height: 325px;
    margin-left: 55px;
    padding-bottom: 15px;
}
div.dogear {
	background-image: url(../images/dogear.gif);
	background-repeat: no-repeat;
	width: 345px;
	height: 151px;
}
div.dogearTopLeft {
	background-image: url(../images/dogeartopleft.gif);
	background-repeat: no-repeat;
	width: 615px;
	height: 299px;
	overflow: visible;
}
div.dogearmid {
	background-image: url(../images/dogearmid.gif);
	background-repeat: repeat-y;
	width: 615px;
}
div.dogear_content {
	width: 585px;
	padding-left: 15px;
	color: #000;
	#margin:-5px; /*IE fix */
}
div.multicastTrailer {
    margin: 0 0 0 56px;
    z-index:0;
}
div.dogear_content h2 {
	color: #c65521;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 160%;
}
div.dogear_content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
    padding-bottom: .8em;
    font-size: 120%;
}
div.dogear_content h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
    padding-bottom: .8em;
    font-size: 100%;
}
div.dogear_content a {
    color: blue;
    text-decoration: none;
}
div.dogear_content a:hover {
   text-decoration: underline;
}
div.dogear_content a:visited {
    color: blue;
    text-decoration: none;
}
div.dogearbot {
	background-image: url(../images/dogearbot.gif);
	background-repeat: no-repeat;
	width: 615px;
	height: 11px;
}
div.container635_top {
    background-image: url(../images/container635top.gif);
    background-repeat: no-repeat;
    height: 16px;
    width: 635px;
}
div.container635_body {
    background-image: url(../images/container635middle.gif);
    background-repeat: repeat-y;
    width: 635px;
}
div.container635_content {
    
}
div.container635_bottom {
    background-image: url(../images/container635bottom.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 635px;
}
div.container650_top {
	background-image: url(../images/container650top.gif);
	background-repeat: no-repeat;
	width: 650px;
	height: 14px;
}
div.container650_body {
	background-image: url(../images/container650middle.gif);
	background-repeat:repeat-y;
	padding-top: 1px;
	width: 650px;
}
div.container650_content {
	width: 630px;
	margin-left: 15px;
	margin-right: 15px;
	color: #000;
	padding-bottom: 10px;
}
div.container650_content h2 {
	color: #c65521;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 160%;
}
div.container650_content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
    padding-bottom: .8em;
    font-size: 120%;
}
div.container650_content a {
    color: blue;
    text-decoration: none;
}
div.container650_content a:hover {
   text-decoration: underline;
}
div.container650_content a:visited {
    color: blue;
    text-decoration: none;
}
div.container650_content img {
	display: block;
	border: 3px solid #979595;
}
div.container650_bottom {
	background-image: url(../images/container650bottom.gif);
	background-repeat: no-repeat;
	width: 650px;
	height: 14px;
}
div.container960_top {
    background-image: url(../images/container960top.gif);
    background-repeat: no-repeat;
    width: 960px;
    height: 14px;
}
div.container960_body {
    background-image: url(../images/container960middle.gif);
    background-repeat: repeat-y;
    width: 960px;
}
div.container960_content {
	padding-left: 10px;
	padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 2px;
    color: #000000;
}
div.container960_content a {
    color: blue;
    text-decoration: none;
}
div.container960_content a:hover {
    color: blue;
    text-decoration: underline;
}
div.container960_content a:visited {
    color: blue;
    text-decoration: none;
}
div.container960_bottom {
    background-image: url(../images/container960bottom.gif);
    background-repeat: no-repeat;
    width: 960px;
    height: 18px;
}

/************************************** Container Content **************************/
div.content270_top {
	background-image: url(../images/content270_top.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 270px;
	height: 12px;
}
div.content270 {
	background-image: url(../images/content270_body.gif);
	background-repeat:repeat-y;
	margin-top: -1px;
	margin-left: auto;
	margin-right: auto;
	width: 270px;
}
div.content270_text {
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}
div.content270_text h4 {
	margin: 0px;
    padding: 0px;
    padding-bottom: 8px;
    font-weight: bold;
    color: #d05d29;
    font-size: 100%;
}
div.content270_text h4.title {
    padding-bottom: 0px;
    text-decoration: none;
}
div.content270_text a {
	color: #d05d29;
	text-decoration: none;
}
div.content270_text a:hover {
	color: #d05d29;
	text-decoration: underline;
}
div.content270_text a:visited {
	color: #d05d29;
	text-decoration: none;
}
div.content270_bottom {
	background-image: url(../images/content270_bottom.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 270px;
	height: 7px;
}
div.greycontent {
	background-color: #bcbcbc;
	width: 610px;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
div.greycontent a {
    color: blue;
    text-decoration: none;
}
div.greycontent a:hover {
    color: blue;
    text-decoration: underline;
}
div.greycontent a:visited {
    color: blue;
    text-decoration: none;
}
.table_480x270 {
    width: 480px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 55px;
}
table.repeater_body {
	padding-top: 5px;
	padding-bottom: 5px;
}
table.repeater_body td.date, 
table.repeater_body td.title {
	font-weight: bold;
}
table.repeater_body td.title {
	padding-right: 15px;
}
div.bottom {
    margin: 0px;
    padding: 0px;
    width: 247px;
    background-image: url(../Images/content547_bottom.gif);
    background-position: 0 bottom;
    border: 0px solid red;
}
div.top {
    margin: 0px;
    padding: 0px;
    padding-left: 9px;
    padding-right: 10px;
    padding-bottom: 3px;
    background-image: url(../Images/table_content_divider.gif);
    background-position: top;
    background-repeat: no-repeat;
    border: 0px solid green;
}
div.buyticketsbg {
    background-image: url(../Images/buyticketsbg.gif);
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    top: 12px;
    right: 64px;
    width: 400px;
    height: 127px;
    margin-left:0;
    #margin-left:-5px;
}

/******************************************** page specific ************************/
td p {
    margin: 0px;
    padding: 0px;
}
p.details_link {
    padding-top: .9em;
}
table.datagrid {
    background-color: #ccc;
}
table.datagrid tr {
    background-color: #bcbcbc;
    border: 3px solid #dadada;
}
table.datagrid td {
    padding: 10px 5px 10px 5px;
    border-color: #dadada;
    border-width: 3px;
    color: #000000;
}
table.datagrid tr.header  {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
    background-color: #959595;
}
tr.header a {
    color: #FFFFFF;
    text-decoration: none; 
}
table.datagrid tr.header td {
    padding-top: 0px;
    padding-bottom: 3px;
}
div#datagrid_content {
    padding: 5px;
}
table.datagrid img {
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
}
table.items {
    height: 80px;
}
table.items td {
    margin: 0px;
    padding: 0px;
}
table.items a {
    text-decoration: underline;
    color: #c65521;
}
table.items a:hover {
    text-decoration: underline;
    color: #c65521;
}
table.items a:visited {
    text-decoration: none;
    color: #c65521;
}
p.link {
    padding-bottom: 3px;
}
td.smallerbold {
    font-weight: bold;
    font-size: 90%;
}
td.series_event_smallerbold{
    font-weight: bold;
    font-size: 90%;
    padding-right:3px;
}
td.series-event-name
{
    padding-left:5px;
}
.sifr_replace1 {
    font-size: 170%;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
/******************************************** form elements ************************/

label {
    display: block;
    padding-top: 5px;
    padding-bottom: 2px;
}
label.checkbox {
    line-height: 120%;
}
.required {
    color: #d88924;
}
input.medium {
    width: 240px;
}
input.wide, textarea.wide {
    width: 510px;
}
input.small {
    width: 170px;
}
.smallest {
	width: 130px;
}
input.checkbox {
    display: inline;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border-width: 0;
    padding: 0px;
    margin: 0px;
    margin-right: 5px;
}
.descriptTitle {
	padding-right: 20px;
}
.lbl_upcoming_date {
	width: 60px;
}
div.lnkSendToFriend, 
div.lnkPlayTrailer,
div.lnkShowAll {
	padding-top: 6px;
	height: 19px;
	font-weight: bolder;
	font-size: 90%;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
div.lnkSendToFriend a,
div.lnkPlayTrailer a,
div.lnkShowAll a {
	border-style:none;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
div.lnkSendToFriend a:hover,
div.lnkPlayTrailer a:hover,
div.lnkShowAll a:hover {
	 color: #000000;
	 text-decoration: none;
	 text-transform: uppercase;
	 cursor: pointer;
}
div.lnkSendToFriend a:visited, 
div.lnkPlayTrailer a:visited,
div.lnkShowAll a:visited {
	 color: #000000;
	 text-decoration: none;
	 text-transform: uppercase;
}
div.lnkDetailType {
    font-size: 1.2em;
    color: Black;
    font-weight:bold;
}
div.lnkDetailType a {
    color: Black;
    text-decoration: none;
}
div.lnkDetailType a:visited {
    color: Black;
}
div.lnkDetailType a:hover {
    color: #149cd5;
    text-decoration: underline;
}
div.lnkDetailType a:active {
    color: #149cd5;
    text-decoration: underline;
}

/*
============================
CSS styles governing buttons
============================
*/
/*
For all buttons, we need to take the text out of the way.  Use 
CSS-P for this.

This gains us the ability to have text within the links, thus
maintaining accessibility.
*/
div.btn_supersearch span,
div.btn_contactus span,
div.btn_sendtoafriend span,
div.button_buytickets span,
div.btn_buyticketzip span,
div.btn_upcoming_buyticketzip span,
div.button327_more span,
div.button327_showall span,
div.btn_Arrow span,
div.btn_Stop span,
div.button_buytickets_light span,
div.btn_buytickets_big span,
div.btn_buytickets_big_dark span {
    position: absolute;
    left: -9999px;
}
/********************************* Super Search Button ***************************/
div.btn_supersearch {
	float:left;
	width: 67px;
	height: 17px;
}
div.btn_supersearch a {
	display: block;
    width: 67px;
    height: 17px;
	background-image: url(../images/MainNav/search_btn_pill.gif);
	background-repeat:no-repeat;
}

/**************************************** BuyTickets Button *************************/
div.button_buytickets {
    float: right;
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 60px;
    height: 25px;
}
div.button_buytickets a {
    display: block;
    width: 60px;
    height: 25px;
    background-image: url(../images/btn_BuyTickets_off.k.gif);
}
div.button_buytickets a:hover {
    background-image: url(../images/btn_BuyTickets_on.k.gif);
}
div.btn_buytickets_big {
	width: 100px;
    height: 48px;
}
div.btn_buytickets_big a {
    display: block;
    width: 100px;
    height: 48px;
    background-image: url(../images/btn_buyticketsbig_off.gif);
}
div.btn_buytickets_big a:hover {
	background-image: url(../images/btn_buyticketsbig_on.gif);
}
div.btn_buytickets_big_dark {
	width: 100px;
    height: 40px;
}
div.btn_buytickets_big_dark a {
    display: block;
    width: 100px;
    height: 40px;
    background-image: url(../images/btn_buyticketsbig_off_dark.gif);
}
div.btn_buytickets_big_dark a:hover {
	background-image: url(../images/btn_buyticketsbig_on_dark.gif);
}
div.button_buytickets_light {
    width: 60px;
    height: 25px;
}
div.button_buytickets_light a {
    display: block;
    width: 60px;
    height: 25px;
    background-image: url(../images/btn_BuyTickets_off.gif);
}
div.button_buytickets_light a:hover {
    background-image: url(../images/btn_BuyTickets_on.gif);
}
div.button_buyticketstext {
	position: absolute;
	width: 150px;
	height: 16px;	
	padding-right: 15px;
	vertical-align:top;
	float: left;
}
div.btn_buyticketzip {
	padding-left: 225px;
	padding-top: 5px;
    width: 60px;
    height: 25px;
}
div.btn_buyticketzip a {
    display: block;
    width: 60px;
    height: 25px;
    background-image: url(../images/btn_BuyTickets_off.b.gif);
}
div.btn_buyticketzip a:hover {
    background-image: url(../images/btn_BuyTickets_on.b.gif);
}
div.btn_upcoming_buyticketzip {	
	padding-left: 135px;
	padding-top: 0px;
	padding-bottom: 0px;
    width: 60px;
    height: 25px;
}
div.btn_upcoming_buyticketzip a {
    display: block;
    width: 60px;
    height: 25px;
    background-image: url(../images/btn_BuyTickets_off.k.gif);
}
div.btn_upcoming_buyticketzip a:hover {
    background-image: url(../images/btn_BuyTickets_on.k.gif);
}
/**************************************** Facebook RSVP Button ***************************/
div.btn_facebookrsvp  {
    margin: 10px 0 0 0;
    height: 25px;
    background-image: url(../images/Facebook_Small.gif);
    background-repeat: no-repeat;
}
div.btn_facebookrsvp a {
    padding: 16px 0 0 21px;
    font-weight: bolder;
	font-size: 90%;
	color: #000000;
	text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
div.btn_facebookrsvp a:link {
    padding: 16px 0 0 21px;
    font-weight: bolder;
	font-size: 90%;
	color: #000000;
	text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
div.btn_facebookrsvp a:hover {  
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}
div.btn_facebookrsvp a:visited {  
    padding: 16px 0 0 21px;
    font-weight: bolder;
	font-size: 90%;
	color: #000000;
	text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

/**************************************** More Button ***************************/
div.button327_more {
	padding-left: 238px;
	padding-top: 5px;
    width: 60px;
    height: 25px;
}
div.button327_more a {
    display: block;
	width: 60px;
	height: 25px;
	background-image: url(../images/btn_More_off.k.gif);
}
div.button327_more a:hover {
    background-image: url(../images/btn_More_on.k.gif);
}
/**************************************** Show All Button ***************************/
div.button327_showall {
	padding-left: 230px;
	padding-top: 5px;
    width: 60px;
    height: 25px;
}
div.button327_showall a {
    display: block;
	width: 60px;
	height: 25px;
	background-image: url(../images/btn_ShowAll_off.b.gif);
}
div.button327_showall a:hover {
    background-image: url(../images/btn_ShowAll_on.b.gif);
}
/****************************** Send To A Friend and Contact Us Buttons **********/
div.btn_sendtoafriend, div.btn_contactus {
	padding-left: 215px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 60px;
	height: 25px;
}
div.btn_sendtoafriend a, div.btn_contactus a {
	display: block;
	width: 60px;
	height: 25px;
	background-image: url(../images/btn_Go_off.gif);
	background-repeat: no-repeat;
}
div.btn_sendtoafriend a:hover, div.btn_contactus a:hover {
	width: 100px;
	height: 50px;
	background-image: url(../images/btn_Go_on.gif);
	background-repeat: no-repeat;
}
/************************************************ Submit Button *****************/
div.button_submit {
	position: relative;
	width: 60px;
	height:  25px;
	margin-top: 10px;
}
div.button_submit a {
	text-decoration: none;
	display: block;
	width: 60px;
	height: 25px;
	background-image: url(../images/btn_Submit_off.gif);
	background-repeat: no-repeat;
}
div.button_submit a:hover {
	background-image: url(../images/btn_Submit_on.gif);
}
div.button_submit input {
	position: relative;
	left: -9999px;
}
/**************************************** Signup Button *************************/
a.button_signup {
    display: block;
    width: 193px;
    height: 9px;
}
a.button_signup span {
    display: none;
}
a#closed {
    background-image: url(../images/btn_emailsignup_right.gif);
}
a#open {
    background-image: url(../images/btn_emailsignup_down.gif);
}

/**************************************** Arrow Button *************************/
div.btn_Arrow
{
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../images/btn_Arrow_off.gif);
	background-repeat: no-repeat;
}
div.btn_Arrow a
{
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../images/btn_Arrow_off.gif);
	background-repeat: no-repeat;
}
div.btn_Arrow a:hover {
	background-image: url(../images/btn_Arrow_on.gif);
	background-repeat: no-repeat;
}
div.btn_Stop
{
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../images/btn_stop_off.gif);
	background-repeat: no-repeat;
}
div.btn_Stop a
{
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../images/btn_stop_off.gif);
	background-repeat: no-repeat;
}
div.btn_Stop a:hover {
	background-image: url(../images/btn_stop_on.gif);
	background-repeat: no-repeat;
}
/*
===========================
CSS styles governing popups
===========================
These styles govern the behavior and appearance of the DHTML popup
*/
div.popup_container {
	display: inline;
	position: relative;
}
div.popup {
	display: none;
	width: 184px;
	position: absolute;
	top: -70px;
	left: 0px;
}
div.popup div.top {
	width: 184px;
	height: 5px;
	padding: 0px;
	background-image: url(../images/popup_top.gif);
	background-repeat: no-repeat;
}
div.popup div.bottom {
	width: 184px;
	height: 5px;
	background-image: url(../images/popup_bottom.gif);
	background-repeat: no-repeat;
}
div.popup div.content {
	width: 184px;
	background-image: url(../images/popup_bg.gif);
	background-repeat: repeat-y;
	padding: 5px;
}
div.popup div.content p {
	margin: 0px;
	padding: 0px;
	color: #fff;
	width: 170px;
}
/*
===========================
CSS styles governing Footer
===========================
*/
div#footer {
    font-size: 80%;
    text-align: center;
}
div#footer a, div#footer a:visited {
	padding-left: 7px;
    padding-right: 7px;
    color: #d05d29;
    text-decoration: none;
}
div#footer a:hover {
	padding-left: 7px;
    padding-right: 7px;
    text-decoration: underline;
}
/*
===============================
CSS styles governing Peel Media
===============================
*/

.greyText {
	vertical-align:bottom;
	color: #a7aeb4;
	font-size:11px;
	padding-left:5px;
	margin-bottom:5px;
}
.downloadBtn {
    width:109px;
    height:29px;
    border:none;
    cursor:pointer;
    background-color:Transparent;
    background-image:url(../Images/PeelMedia/download_btn.png);
    background-repeat:no-repeat;
}
.postTile {
    width:270px;
    height:220px;
    padding-top:5px;
    padding-left:5px;
    background-color:#20799b;
    border-style:none;
    background-image:url(../Images/PeelMedia/bg_tile.jpg);
    background-repeat:repeat-x;
}
.postTitle {
    width:270px;
    height:50px;
}
.postImage {
    float:left; 
    width:270px;
    height:220px;
    margin-left:10px;
    text-align:center;
    vertical-align:middle;
}
.saveTile {
    width:270px;
    height:220px;
    padding:5px;
    background-color:#20799b;
    background-image:url(../Images/PeelMedia/savebg_tile.jpg);
    background-repeat:repeat-x;
}
.saveTitle {
    width:280px;
    height:45px;
}
.linkTile {
    width:270px;
    height:220px;
    padding:5px;
    background-color:#20799b;
    background-image:url(../Images/PeelMedia/linkbg_tile.jpg);
    background-repeat:repeat-x;
}
.linkTitle {
    width:270px;
    height:40px;
}
.embedBg {
    width:258px;
    height:52px;
    padding-left:4px;
    padding-right:4px;
    padding-top:3px;
    border:none;
    overflow:hidden;
    background-color:Transparent;
    background-image:url(../Images/PeelMedia/peelSave_embedBg.png);
    background-repeat:no-repeat;
}
.socialIcons {
    float:left; 
    padding:5px;
    margin-left:8px;
    text-align:center;
    width:246px;
	height:156px;
	background-image:url(../Images/PeelMedia/postBG.png);
    background-repeat:no-repeat;
    overflow:hidden;
}
.urlBg {
    width:258px;
    height:34px;
    padding-left:4px;
    padding-top:3px;
    padding-right:4px;
    border:none;
    overflow:hidden;
    background-color:Transparent;
    background-image:url(../Images/PeelMedia/peelSave_urlBg.png);
    background-repeat:no-repeat;
}
/************************************First Look Alernate Content*************************/
    .firstLookAltContent {
    	margin-left: -2px;
    	height:281px;
    	width:964px;
        background-image: url(../Images/AltContent/CenterStageNoKnockOut.gif);
        background-repeat: no-repeat;
    }
    .scrollable { 
		overflow:auto;
		padding-top: 20px;
		scrollbar-base-color:Black;
		scrollbar-arrow-color:Black;
		scrollbar-3dlight-color:Black;
		scrollbar-highlight-color:#c65521;
		scrollbar-face-color:#c65521;
		scrollbar-shadow-color:#c65521;
		scrollbar-darkshadow-color:#c65521;
		scrollbar-track-color:Black;
		filter: chroma(color=#transparent color);
    }
    .pnlPopup {
    	visibility: hidden;
    }
    .pnlPopup a {
        text-decoration: none;
		color: #c65521;
	}
    .pnlPopup a:hover {
		text-decoration: underline;
		color: #c65521;
    }
    .firstlookpopup {
    	margin-top: -115px;
    	margin-left: 150px;
    	width:215px;
    	border: solid 3px #c65521;
    	z-index: 9;
    	background-image: url(../Images/AltContent/popupBG.gif);
    	background-repeat: repeat-y;
    	position: absolute;
    }
    .popupContent {
    	padding: 10px 10px 10px 10px;
    }
    .firstLookImageLink {
    	height:100px;
    	width:220px;
    }
    .firstLookImageLink img {
    	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    	-moz-opacity: 0.6;
    	border: solid 1px #c65521;
    }
    .firstLookImageLink:hover img {
    	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1;
    	border: solid 3px #c65521;
    }
    .firstLookImage a:hover {
    	border: solid 3px #c65521;
    }
    
/************************************Showcase Alernate Content*************************/
   .ajax__tab_showcaseAlt .ajax__tab_header {}
    .ajax__tab_showcaseAlt .ajax__tab_outer {
    	height:30px;
    	padding-right:7px;
        background:url(../Images/AltContent/Showcase_Button_Off_Right.gif);
        background-repeat: no-repeat;
        background-position: right;
    }
    .ajax__tab_showcaseAlt .ajax__tab_inner {
    	height:30px;
    	padding-left:13px;
        background:url(../Images/AltContent/Showcase_Button_Off_Left.gif);
        background-repeat: no-repeat;
        background-position: left;
    }
    .ajax__tab_showcaseAlt .ajax__tab_tab {
		font-family:verdana,tahoma,helvetica;
        font-size:13px;
        text-align:center;
        line-height: 30px;
    	height:30px;
    	min-width: 50px;
    	max-width: 115px;
    	background:url(../Images/AltContent/Showcase_Button_Off_Middle.gif);
    	background-repeat: repeat-x;
    	background-position: center;
    }
    .ajax__tab_showcaseAlt .ajax__tab_hover .ajax__tab_outer {
    	height:30px;
    	padding-right:7px;
    	background:url(../Images/AltContent/Showcase_Button_On_Right.gif);
    	background-repeat: no-repeat;
        background-position: right;
    }
    .ajax__tab_showcaseAlt .ajax__tab_hover .ajax__tab_inner {
    	height:30px;
    	padding-left:13px;
    	background:url(../Images/AltContent/Showcase_Button_On_Left.gif) no-repeat;
    	background-repeat: no-repeat;
        background-position: left;
    }
    .ajax__tab_showcaseAlt .ajax__tab_hover .ajax__tab_tab {
    	font-family:verdana,tahoma,helvetica;
        font-size:13px;
        text-align:center;
        line-height: 30px;
    	height:30px;
    	min-width: 50px;
    	max-width: 115px;
    	background:url(../Images/AltContent/Showcase_Button_On_Middle.gif);
    	background-repeat: repeat-x;
    	background-position: center;
    }
    .ajax__tab_showcaseAlt .ajax__tab_active .ajax__tab_outer {
    	height:30px;
    	padding-right:7px;
    	background:url(../Images/AltContent/Showcase_Button_On_Right.gif);
    	background-repeat: no-repeat;
        background-position: right;
    }
    .ajax__tab_showcaseAlt .ajax__tab_active .ajax__tab_inner {
    	height:30px;
    	padding-left:13px;
    	background:url(../Images/AltContent/Showcase_Button_On_Left.gif) no-repeat;
    	background-repeat: no-repeat;
        background-position: left;
    }
    .ajax__tab_showcaseAlt .ajax__tab_active .ajax__tab_tab {
    	font-family:verdana,tahoma,helvetica;
        font-size:13px;
        text-align:center;
        line-height: 30px;
    	height:30px;
    	min-width: 50px;
    	max-width: 115px;
    	background:url(../Images/AltContent/Showcase_Button_On_Middle.gif);
    	background-repeat: repeat-x;
    	background-position: center;
    }
    .ajax__tab_showcaseAlt .ajax__tab_body {}
    .showcaseDataList {
    	height: 269px;
    	width: 620px;
    	background-color: Black;
    	background-image: url(../Images/AltContent/Showcase_Middle1.gif);
    	background-repeat: repeat-x repeat-y;
    	border: solid 3px #14cccc;
    	overflow: hidden;
    }
    .showcaseTable {
    	margin-left: 20px;
    }
    .tabPanel {
    }
    .tabContainer {
    	height: 360px;
    	padding-top: 15px;
    	padding-bottom: 15px;
    	width: 620px; 
    	float: left;
    	overflow:hidden;
    }

/*ROUNDED CORNERS*/

.panelHighlightLG {
    padding-top:0px; 
    padding-left:8px;
    height:10px;
}
.col {
 float:right;
 display:inline;
 margin-top:10px;
 width:49%;
 _width:48%;
}
    
/* Start Alternate Panel */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 margin-left:16px; /* default, width of left corner */
}
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../Images/AltContent/dialog2-blue-800x1600.gif) no-repeat top right;
 _background-image:url(../Images/AltContent/dialog2-blue-800x1600.gif);
}
.dialog .content {
 position:relative;
 padding-top:14px;
 zoom:1;
 height:100%;
 _overflow-y:hidden;
 /*padding:0px 12px 0px 0px;*/
}
.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:16px; /* top slice width */
 margin-left:-16px;
 height:100%;
 z-index:1;
 _z-index:-1;
 _height:3600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
 background-position:bottom right;
}
.dialog .b,
.dialog .b div {
 height:16px; /* height of bottom cap/shade */
 font-size:1px;
 z-index:1;
}
.dialog .b div {
 position:relative;
 width:16px; /* bottom corner width */
 margin-left:-16px;
 background-position:bottom left;
}
.lnkMovieTitle {
    text-decoration: none;
    color: #D05D29;
}
.lnkMovieTitle:hover {
    text-decoration: none;
    color: #FFFFFF;
}
.lnkShowAllTheatres {
	text-align: left;
	display:inline;
    margin-left:20px;
    margin-top:10px;
	color:#D05D29;
	text-decoration: none;
	float: left;
	width: 150px;
}
.lnkShowAllTheatresRight {

    margin-right:30px;
    margin-top:5px;
	color:#D05D29;
	text-decoration: none;
	float: right;
}
.lnkShowAllTheatres:hover {
    text-decoration: none;
}
div.pnlTicketLabel {
	margin-top: -1px;
	margin-left: 20px;
	margin-right: 100px;
	width: 150px;
}
.showAllTheatresZip {
    width: 130px;
    float: right;
}
.showAllTheatresZipLabel{
    float: right;
    padding-right: 10px;
}
div.btn_showalltheatres {
	padding-left: 225px;
	padding-top: 5px;
    width: 60px;
    height: 25px;
}
div.btn_showalltheatres a {
    display: block;
    width: 60px;
    height: 25px;
    background-image: url(../Images/btn_Search_off.k.gif);
}
div.btn_showalltheatres a:hover {
    background-image: url(../Images/btn_Search_on.k.gif);
}
div.btn_buyticketzip2 {
	padding-left: 50px;
	padding-top: 5px;
    width: 60px;
    height: 25px;
}
div.btn_buyticketzip2 a {
    outline:none;
    position: absolute;
    display: inline;
    padding-left: 100px;
    width: 60px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url(../images/btn_BuyTickets_off.b.gif);
}
div.btn_buyticketzip2 a:hover {
    background-image: url(../images/btn_BuyTickets_on.b.gif);
}
div.btn_buyticketzip2 span {
    position: absolute;
    left: -9999px;
}
/* allow disabled attribute in FF  */
div.container960_content a[disabled] {
    color:Gray ; 
    text-decoration:none ; 
}
/************************************Flash Alernate Content*************************/
div.noFlashGif {
	border: none;
	background-image: url(../images/AltContent/NoFlashF.gif);
	background-repeat: no-repeat;
	width: 94px;
	height: 93px;
}
div.noFlashGet {
	border: none;
	background-image: url(../images/AltContent/NoFlashGet.gif);
	background-repeat: no-repeat;
	width:160px;
	height:41px;
}
div.ppp {
	margin: 10px 5px 0 0;
	z-index: 1; 
	border: none;
	float: right;
	background-image: url(../images/peel.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 25px;
	cursor: pointer;
}
div.ppp a {
    font-weight: bolder;
	font-size: 90%;
	color: #000000;
	text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
div.ppp a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	cursor: pointer;
}
div.ppp a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

/******************************************** Event Finder **************************/
div.eventFinder {
    height: 507px;
    width: 635px;
}
div.eventFinderTitle {
    padding: 0 0 7px 15px;
    font-family: Arial;
    font-weight:bold;
    font-size: 13px;
    color: #ffffff;
}
div.eventFinderCalendarTitle {
    padding: 0 0 0 15px;
    font-family: Arial;
    font-weight:bold;
    font-size: 13px;
    color: #ffffff;
}
div.eventFinderFlash {
    margin: 0 0 10px 12px;
    background-image: url(../images/container635FlashPlaceholder.gif);
    background-repeat: no-repeat;
    height: 269px;
    width: 612px;
}
div.eventFinderVerticalRule {
    width: 2px;
    height: 150px;
    background: #666666;
}
div.lbPastPage span, 
div.lbFuturePage span {
    position: absolute;
    left: -9999px;
}
div.lbPastPage {     
    margin: 0 0 0 10px;
    background-image: url(../images/BlueArrowLeft.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 16px;
}
div.lbPastPage a {     
    display: block;
    background-image: url(../images/BlueArrowLeft.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 16px;
}
div.lbPastPage a:hover {     
    display: block;
    background-image: url(../images/OrangeArrowLeft.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 16px;
}
div.lbFuturePage {
    margin: 0 10px 0 0;
    background-image: url(../images/BlueArrowRight.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 17px;
}
div.lbFuturePage a {
    display: block;
    background-image: url(../images/BlueArrowRight.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 17px;
}
div.lbFuturePage a:hover {
    display: block;
    background-image: url(../images/OrangeArrowRight.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 17px;
}
/******************************************** Event Calender **************************/
div.eventCalender {
    padding: 0px 5px 5px 15px;
    height: 165px;
    width: 505px;
}
div.eventCalenderItemHeader {
    padding: 1px 0 0px 5px;
    font-family: Arial;
    font-weight:bold;
    font-size: 13px;
    color: #f26522;
}
div.eventCalenderVerticalRule {
    position:absolute;
    margin: -160px 0 0 260px;
    width: 2px;
    height: 150px;
    background: #666666;
}
div.eventCalenderItemDate {
    padding: 0 5px 0 15px;
    font-family: Arial;
    font-weight:bold;
    font-size: 11px;
    color: #ffffff;
    width: 25px;
    vertical-align: top;
}
div.eventCalenderItemTitle {
    padding: 0 10px 0 0;
    font-family: Arial;
    font-weight:bold;
    font-size: 11px;
    width: 190px;
    text-align:left;  
}
div.eventCalenderItemTitle a:link {
    text-decoration: none;
    color: #ffffff;
}
div.eventCalenderItemTitle a:visited {  
    text-decoration: none;
    color: #ffffff;
}
div.eventCalenderItemTitle a:hover {
    color: #00aeef;
}

.hidden{display:none}

.title-uppercase{text-transform:uppercase;}

div.map-locator-panel
{
    text-align:center;
    text-align: -moz-center; /* For FF */
    #text-align:center; /* For IE */
    width:auto;
}

.ad-container-center, .map-container-center
{
    padding:10px;
    text-align:center;
    text-align: -moz-center; /* For FF */
    #text-align:center; /* For IE */
}

.center{ margin: 0 auto;}/* For Chrome */

.title-container {
    width:800px; 
    height:28px; 
    vertical-align:top; 
    padding-bottom: 5px;
    padding-left:15px;
}

.title-container .title-uppercase {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2em;
    margin: 0px;
    color:#D05D29;
    text-transform:uppercase;
}  
  
.title-container .black-text-small {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color:#000000
}  

.leftcol_locator{
    width:400px; 
    height:540px;
    float:left;
 
}

.rightcol_locator{
    width:530px; 
    height:540px;
    float:right;
    padding-top:20px;
    margin-top:-25px;
}

.leftcol_overflow___ {
    height:530px; 
    overflow:auto;
    width:398px;
}    

.orange-link{
    font-family: Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#f26521;
    font-size: 0.95em;
}

.orange-link a:link {
    font-family: Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#f26521;
    font-size: 0.95em;
}

.orange-link a:hover {
    font-family: Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#f26521;
    font-size: 0.95em;
}

.orange-link a:visited {
    font-family: Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size: 0.95em;
}

.table_930 .image-column {
    padding-left:10px;
}
    
.padding-bottom5px {
    padding-bottom:5px;
}    

div.tab_locator {
	background:url(../images/circuitimages/gray-tab.png);
	background-image:url(../images/circuitimages/gray-tab.png);
    width: 520px;
    height:35px;
    background-repeat: no-repeat;
    background-position: right;
    position:absolute;
    display: inline; 
    float: right; 
}

div.tab_locator div {
    height:30px; text-align:right; vertical-align:middle; padding-top:5px; padding-right:25px;
    padding-bottom:10px;
}



.map-container {
    height:540px;
    width:520;
}

div.tab_locator label {
    display:inline;
}

div.tab_locato .showAllTheatresZip {
    width: 130px;
  
}

.padding-top-5px {
    padding-top:5px;
}    

right_col_container{
    border-bottom:solid 1ps #fff;
    border-left:solid 1px #fff;
    border-top:solid 1px #fff;
}

.scroll-track-top {
    height:10px; width:25px; background-image: url('../images/track_top.png');
}

.scroll-track-bot {
    height:10px; width:25px; background-image: url('../images/track_bot.png');
}

.scroll-track {
    height:10px; width:25px; background-image: url('../images/track_bg.png');
}

.scroll-handle {
    height:5px; width:25px; background-image: url('../images/handle_mid.png'); cursor:pointer;

}

.scroll-handle-top {
    height:32px; width:25px; background-image: url('../images/handle_top.png'); background-repeat: repeat; cursor:pointer;
}

.scroll-handle-bot {
    height:32px; width:25px; background-image: url('../images/handle_bot.png'); background-repeat: repeat; cursor:pointer;
}