/* design Layout */

img.banner, div.banner {
  position: relative;
  z-index: 0;
  float: right; 
  margin: 10px 0px 0px 8px;
  width: 468px;
  height: 60px;
  border: 0px;
}

img.poster {
  float: left; 
  margin-right: 6px; 
  margin-top: 8px; 
  border: 2px solid #9CCE00; 
  width: 100px; 
  height: 150px;
}

a:link, a:visited {
  color: #0000FF; 
  text-decoration: underline;
}
a:hover, a:active {
  color: #000000; 
  text-decoration: none;
}
#boxoffice table {
  table-layout:fixed;
}
#boxoffice td, #boxoffice th {
 vertical-align: top;
 text-align: right;  
 padding-right: 2px;
 padding-top: 2px;
}
#boxoffice th {
 vertical-align: bottom;
}
#boxoffice th.name, #boxoffice td.name {
 text-align: left;
 padding-left: 2px;
}
#greenbar {
  padding: .2em;
  height: 2.2em; 
  background-color: #9CCE00; 
  border: 2px solid #000063;
}
#minigreenbar {
  width: 17em;
  margin: 10px auto;
  padding: .2em .3em;
  height: 3.5em; 
  background-color: #9CCE00; 
  border: 2px solid #000063;
}
#greenbar table {
  width: 740px;
  table-layout:fixed;
}
#greenbar td, #minigreenbar td {
  text-align: right;
}           
#greenbar td.desc {
  font: bold 100% Verdana, Arial;
  white-space: nowrap;
  width: 17em; 
}           
#minigreenbar td.desc {
  font: bold 100% Verdana, Arial;
  white-space: nowrap;
  width: 17em; 
  text-align: center;
}           
#greenbar td.changeloc {
  font: bold 100% Verdana, Arial;
  white-space: nowrap;
  width: 14em; 
}           
#greenbar td.loc {
  text-align: left;
  width: 12em; 
}
#minigreenbar td.loc {
  text-align: left;
  width: 12em; 
}
#greenbar td.go {
  text-align: left;
  width: 4em;
}
#minigreenbar td.go {
  text-align: left;
  width: 4em;
}
#greenbar td.change {
  text-align: left;
  width: 7em;
}
#greenbar td.dropdown {
  text-align: center;
}
#greenbarEnter, #minigreenbarEnter {
  position: relative;
}
#greenbarEnter {
  z-index: 9000; /* for IE z-index of absolute divs inside relative divs issue */  
}
#greenbarInput, 
#minigreenbarInput {
  width: 10em;
  padding: .25em .5em;
  font: 100% Verdana, Arial;
  z-index: 0;
}
#greenbarContainer, 
#minigreenbarContainer {
  position: absolute;
  width: 10.8em;
  top: 2.1em;
  left: 0px;
}
#greenbarContainer .yui-ac-content, 
#minigreenbarContainer .yui-ac-content {
  position: absolute;
  width: 100%;
  border: 1px solid #404040;
  background: #FFFFFF;
  overflow: hidden;
  z-index: 9050;
}
#greenbarContainer .yui-ac-shadow,
#minigreenbarContainer .yui-ac-shadow {
  position: absolute;
  margin: .2em;
  width: 100%;
  background: #A0A0A0;
  z-index: 9049;
}
#greenbarContainer ul, 
#minigreenbarContainer ul {
  padding: 3px 0px;
  width: 100%;
}
#greenbarContainer li,
#minigreenbarContainer li {
  padding: 0px 3px;
  cursor: default;
  white-space: nowrap;
  text-align: left;
}
#greenbarContainer li.yui-ac-highlight,
#minigreenbarContainer li.yui-ac-highlight {
  background: #FFFF00;
}
.leftimgtab {
  position: relative;
  left: -5px;
  top: -2px;
  vertical-align: top;
  border: 0pt;
  width: 3px;
  height: 3px;
  z-index: 0; 
}
.rightimgtab {
  position: relative;
  left: 5px;
  top: -2px;
  vertical-align: top;
  border: 0pt;
  width: 3px;
  height: 3px;
  z-index: 0; 
}
h1 {
  font: bold 110% Verdana, Arial;
}
.theater {
  border-width: 1px;
  border-color: #C0C0C0;
  border-style: solid;
  padding: .2em;
}
.theatername, .moviename {
  font: bold 100% Verdana, Arial;
}
.theaterinfo, .moreover, .movieinfo {
  font: normal 90% Verdana, Arial;
}
.odd {
  font: normal 90% Verdana, Arial;
  background-color: #E0E0E0;
  border-width: 0px 1px 1px;
  border-color: #C0C0C0;
  border-style: solid;
  padding: .2em;
}
.even {
  font: normal 90% Verdana, Arial;
  background-color: #FFFFFF;
  border-width: 0px 1px 1px;
  border-color: #C0C0C0;
  border-style: solid;
  padding: .2em;
}
.warning {
  font: normal 90% Verdana, Arial;
  background-color: #E0E0E0;
  border-width: 0px 1px 1px;
  border-color: #C0C0C0;
  border-style: solid;
  color: #FF0000;
  padding: .2em;
}

/* Yahoo Grid mods */
    
.yui-gb div.mst-col1 {
  width: 125px; 
  margin-right: 10px; 
  margin-left: 0px;
}
.yui-gb .mst-col2 {
  width: 499px;
  margin-right: 0px;
  margin-left: 0px;
}
.yui-gb .mst-col3 {
  width: 305px;
  margin-right: 0px;
  margin-left: 10px;
}

/* Yahoo Menu mods */

div.bmenu {
  background-color: #000063;
  background-image: url('../images/tabright.gif');
  background-repeat: no-repeat;
  background-position: top right;
}
div.smenu {
  background-color: #9CCE00;
  background-image: url('../images/stabright.gif');
  background-repeat: no-repeat;
  background-position: top right;
  bottom-margin: 2px;
  border-bottom: 2px solid #000063;
}
div.bmenu li.yuimenubaritem,
div.smenu li.yuimenubaritem {
  border-color: #000063; 
  border-width: 0pt;
  padding: 2px 5px;
}
div.smenu li.yuimenubaritem {
  border-color: #9CCE00; 
}
div.bmenu li a, 
div.bmenu li a:visited,
div.smenu li a, 
div.smenu li a:visited {
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  font-family: Verdana, Arial;
  text-decoration: none;
}
div.smenu li a, 
div.smenu li a:visited {
  color: #000063;
}
div.bmenu li a:hover {
  color: #9CCE00;
}
div.smenu li.selected a.selected {
  color: #000063;
  text-decoration: none;
}
div.smenu li.selected {
    background-color: #9CCE00;
}
div.yuimenubar li.hassubmenu em.submenuindicator{display:none;}
div.yuimenu li.hassubmenu em.submenuindicator{display:-moz-inline-box;}
div.yuimenu li.hassubmenu em.submenuindicator{display:inline-block;}

/* Yahoo Button mods */

div.yuimenu {
  background-color: #FFFFFF;
  border: 1px solid #000000;  
}
div.yuimenu li a,
div.yuimenu li a:visited {
  color: #000000;
  font-size: 100%;
  font-weight: normal;
  font-family: Verdana, Arial;
  text-decoration: none;
}
div.yuimenu li.selected, 
div.yuimenu li.selected a.selected {
  color: #000063;
  background-color: #FFFF00;  
}
div.yuimenu li a:hover {
  background-color: #FFFF00;  
}
div.yuimenu li.yuimenuitem {
  padding: 1px 5px;  
}

/* Other Mods */

.mst-outline {
  width: 100%;
  border: 1px solid black;
}