body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}



/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


body {
   text-align:center;
}

#doc {
   width:57.69em;
   *width:56.3em; /* IE */
   min-width:750px;
   margin:auto;
   text-align:left;
}



#hd,#bd {margin-bottom:1em;text-align:left;}
#ft {font-size:77%;font-family:verdana;text-align:center;clear:both;}

/* template rules for main columns */
.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b, .yui-t4 .yui-b, .yui-t5 .yui-b, .yui-t6 .yui-b {float:right;}
.yui-t1 .yui-b, .yui-t2 .yui-b, .yui-t3 .yui-b, .yui-t4 #yui-main .yui-b, .yui-t5 #yui-main .yui-b, .yui-t6 #yui-main .yui-b {float:left;}

/* t1: L160 */
.yui-t1 #yui-main .yui-b {width:76%;min-width:570px;}
.yui-t1 .yui-b {width:21.33%;min-width:160px;}

/* t2 & t4: L180 & R180 */
.yui-t2 #yui-main .yui-b, .yui-t4 #yui-main .yui-b {width:73.4%;min-width:550px;}
.yui-t2 .yui-b, .yui-t4 .yui-b {width:24%;min-width:180px;}

/* t3 & t6: L300 & R300 */
.yui-t3 #yui-main .yui-b, .yui-t6 #yui-main .yui-b {width:57.6%;min-width:430px;}
.yui-t3 .yui-b, .yui-t6 .yui-b {width:40%;min-width:300px;}

/* t5: R240 */
.yui-t5 #yui-main .yui-b {width:65.4%;min-width:490px;}
.yui-t5 .yui-b {width:32%;min-width:240px;}

/* t7: 750 */
.yui-t7  #main .yui-b {min-width:750px;}


/*	grid-generic rules for all templates */

/* all modules and grids nested in a grid get floated */
.yui-g .yui-u, .yui-g .yui-g, .yui-ge .yui-u, .yui-gf .yui-u {
   float:right; 
   display:inline;   /* IE */ 
}

/* float left and kill margin on first for added flex */
.yui-g .first, .yui-gd .first, .yui-ge .first, .yui-gf .first {float:left; }

/* 2 col */
.yui-g .yui-u, .yui-g .yui-g {width:49.1%;}
.yui-g .yui-g .yui-u {width:48.1%;} /* smaller for nested to preserve margins */

/* 3 col */
.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u {
   float:left; /* need to reverse the order for 3 */
   margin-left:2%; *margin-left:1.895%;   
   width:32%;
}

.yui-gb .first, .yui-gc .first, .yui-gd .first {margin-left:0;}

/* colspan 2 */
.yui-gc .first, .yui-gd .yui-u {width:66%;}
.yui-gd .first {width:32%;}

/* colspan 3 */
.yui-ge .yui-u {width:24%;}
.yui-ge .first, .yui-gf .yui-u {width:74.2%;}
.yui-gf .first {width:24%;}
.yui-ge .first {width:74.2%;}

/* self clear floated parent containers */
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {zoom:1;} /* IE */


/* repaint specific */
body {background:#ffffff url(images/bg.gif) right bottom repeat-x; color: #2E3547;}
a {position:relative; color:#009dd9;}
a:hover {color:#ddecf6;}
p{color: #3d4552; font-size: 92%;}
b{color: #862711; font-size: 92%;}
strong {font-weight: bold;}
a:link, a:visited {color:#333333; text-decoration: none;}
.xinde a {position:static;color:#CE0609;}
.xinde{margin:0px 4px 0px 12px;}
#hd {padding:0; margin-bottom:0px;}
#hdgrad {height: 10px; background: #ffffff url(images/main_topbg.gif) left top repeat-x;}
#bd {background-color: #ffffff;}
#ft {font-size: 92%;}
#doc {/*this stuff overrides what is in grid.css to accomodate the wider page */
width:980px; min-width:980px;}

.yui-t4 #yui-main .yui-b {width:660px;min-width:660px;}
.yui-t4 .yui-b {width:311px;min-width:311px;}
  div#content-main{margin-left: 3px;}    

.yui-gd .second{margin-top: 0; _margin: 0 0 0 5px;}
/* universal header */
div.mast {background-color: #ffffff; padding:0 10px;}
div.mast div.lnks {float:left;  padding:2px 0;}
div.mast div.lnks ul {list-style-type:none;}
div.mast div.lnks ul li {float:left; font-size:85%; margin:0 4px;}
div.mast div.info {clear:left; float:left; width: 380px;}
div.mast div.srch {float:right;}
div.info a.mast {background:url(images/mainlogo.gif) left top no-repeat; display:block; float:left; margin-right: 20px;}
div.info a.mast h3 {visibility:hidden; overflow:hidden; height:63px; width:248px;}
div.info a.partner h3 {visibility:hidden; overflow:hidden;}

#ccc{ position:absolute; top:10px; left:30%; width:900px;}
/* navigation */
div#main-nav{background-color: #ffffff;}
ul.tab {padding-top: 15px; margin: 0px 0 0 0px; overflow: hidden; zoom: 1; clear: left;}


ul.tab li {height: 31px; padding:0; float: left; list-style: none; background:url(images/tab_s.gif) left top no-repeat; }
ul.tab li a, ul.tab li a:visited{padding-left: 1px; font-size: 72%; text-transform:uppercase; color: #ffffff; margin-top: 5px; font-weight: bold;}
ul.tab li a:hover {text-decoration: underline; cursor:pointer;}
ul.tab li a em{float:left; margin-left:5px; background:url(images/tab_l4.gif) right top repeat-x; padding: 11px 11px 9px 6px; _padding: 11px 11px 7px 6px; font-weight: bold;}
ul.tab li.on {background:url(images/tabo_s2.gif) left top no-repeat; }
ul.tab li.on a {padding-left: 1px; color: #ffffff; font-weight: bold;}
ul.tab li.on  a em{background:url(images/tabo_l4.gif) right top repeat-x; cursor: pointer;}
div.sub-nav {overflow:hidden; z-index:10; position:relative; border-width:1px 0 0;   padding:3px 0px; background-color:#319cce;}
div.sub-nav ul {list-style-type:none; margin-top: -1px; margin-bottom: -2px;}  
div.sub-nav ul li {float:left; font-size:92%; text-transform:uppercase; padding:6px 16px; _padding:6px 16px 2px 16px; color:#FFFFFF; font-weight:bold;}	
div.sub-nav ul li a, div.sub-nav ul li a:visited{color: #ffffff;}

/* begin global search box */
legend {display:none;}
label {cursor:pointer;cursor:hand;}
cite {font:normal 85% verdana;}
em {font-style:normal;}
cite span {font-weight:bold;}
a {color:#16387c;}
a:hover {text-decoration: underline;}
#dtk-search {position:relative; padding-top:5px; margin-left:470px; height:4em; width:500px; *margin-left:455px;}
#dtk-searchform {overflow:hidden;}
#dtk-searchtabs {position:relative; left:50px; margin:0 0 0 6px; _margin:0 0 6px; text-align:left; z-index:99; zoom:1;}
#dtk-searchtabs li {float:left; display:block; border-left:1px solid #cccccc;}
#dtk-searchtabs li.first {border-left:0;}
#dtk-searchtabs li a {font:bold 92% arial; color:#484848; display:block; padding:4px 7px 0;}
#dtk-searchtabs li a:hover {color:#484848;}
#dtk-searchtabs li.on {background:#333366 url(images/srch_tab.gif); border: 1px solid #333366;}
#dtk-searchtabs li span {display:none; }
#dtk-searchtabs li.on span {display:none; position:absolute; font:bold 92% arial; padding-left:8px; margin-top:5px;}
#dtk-searchtabs li.on a {background:url(images/srch_ptr4.gif) no-repeat center bottom; position:relative; z-index:99; color:#fff; font:bold 92% arial; text-decoration:none; padding-bottom:10px; bottom:-6px; margin-top:-6px;}
#dtk-searchtabs li.on a:hover {color:#fff;}
#dtk-sbox {clear:both;}
#dtk-sbox label {float:left;}
#dtk-searchlabel {position:relative; margin:2px 8px 0 20px; font:bold 122% arial; color:#333;}
#dtk-searchbox {float:left; display:block; border:3px solid #333366; margin-right:4px; _margin-top:-7px; position:relative;}
#dtk-searchbox #p {width:355px; margin:1px; background:#ddd; padding-bottom:1px; *padding-bottom:0; *margin-bottom:0px; *margin-right:-3px; _height:16px; border-style:none;}
#dtk-searchsubmit {position:relative; top:-3px; _top:-10px;}

/* end global search box */
 

/*universal footer*/	
#ytv-uf {padding:10px; text-align:left; font:85% arial; color:#111;}
#ytv-uf a{color:#111; font-weight:bold;}
#ytv-uf p { padding:0;} 
/* begin footernav */
   
   
div#takeoverad {text-align: center;  _padding-top: 6px;}
div#topmod {margin-bottom: 8px;}
div.twobox {margin-left: -3px;}
div.twobox div.hd {height:12px; width:307px; background:url(images/modfea_t.gif) left top no-repeat; margin:0; padding:0; zoom: 1;overflow:hidden;}
div.twobox div.bd {width:307px; margin:0; background:url(images/modfea_bg5.gif) left top repeat-y; }
div.twobox div.ft{height:12px; width:307px; background:url(images/modfea_b.gif) left top no-repeat;}

div.twobox div.inner {width: 285px; margin-left: 8px;}
div.twobox div.inner div.bd {margin:0; position:relative;display:block; background:url(images/modfeain_bg.gif) left top repeat-y; padding: 0 3px 10px 3px;}
div.twobox div.inner div.hd{height: 7px; *overflow:hidden; background: url(images/modfeain_t.png) left top no-repeat; *background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/modfeain_t.png', sizingMethod='crop');  zoom:1;}
div.twobox div.inner div.ft{height: 7px; *overflow:hidden; background: url(images/modfeain_b3.png) left top no-repeat; *background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/modfeain_b3.png', sizingMethod='crop');  zoom:1;}

div#featured {margin-left: 1px;}
div#featured div.hd{position:relative;height:9px; width:215px; background:url(images/modtbo_t.gif) left top no-repeat;overflow:hidden; margin:0; padding:0; zoom: 1; line-height: 0.01em;}
div#featured div.bd {width:215px; margin:0; position:relative; background:url(images/modtbo_bg.gif) left top repeat-y;}
div#featured div.ft{position:relative;height:9px; width:215px; background:url(images/modtbo_b.gif) left top no-repeat;}


div#featured div.ftpl{position:relative;height:9px; width:80px; background:url(images/modtbo_b.gif) left top no-repeat;}

div#featured h3{background-color: #319cce; font:92% arial; color:#FFF; padding: 3px 0px 3px 5px; margin-left: 9px; width: 192px; font-weight: bold;}
div#featured li {list-style: none; font:85% arial; font-weight: bold;  background:url(images/dots_tbo2.gif) left top repeat-x; padding: 4px 0 1px 0; _padding-top: 3px; margin: 0px 9px; zoom: 1; *margin-top: -3px;}
div#featured li.premiere{float: none; background: none; padding-top: 4px;}
div#featured li a {display: block; padding:3px 3px 0px 10px; color: #244075;}
div#featured li a:hover {text-decoration: none; cursor: pointer;}
div#featured ul li a {background:url(images/modtbo_bul.gif) 3px 7px no-repeat;}
div#featured li a:hover {background-color: #F3F2F5;}
div#featured a.more{font:85% arial; color: #244075; margin: 15px 10px 0 0; display: block; text-align: right; background:url(images/modtbo_chev.gif) right 6px no-repeat; padding: 0 10px 2px 0;}
div#featured #topboxoffice a.more{margin-bottom: 3px;}
div#topboxoffice ol li a {padding-left: 4px;}
div#topboxoffice ol strong {width: 15px; text-align: right; float: left; display: block; margin-right: 5px;}
div#topboxoffice ol span {float: left; width: 160px;}

div.twobox h3{font:114% arial; color:#FFF; text-transform:uppercase; margin: 0 0 8px 11px; font-weight: bold;}
div#showtimes h4{font:92% arial; font-weight: bold; color: #208fd1; padding: 6px 0 3px 2px;}
div#showtimes h4.first{padding-top: 1px;}
div#showtimes h4 em{font-weight: normal; font:85% arial; color: #208fd1;}   
div#showtimes a.listings, div#showtimes a:hover.listings{font-size:85%; color:#16387c;} 
div#showtimes form input{font:85% arial; color:#393541;}
div#showtimes form select{font:85% arial; color:#393541;}
div#showtimes form .inputoutr {border: 1px solid #0C70AE; padding: 1px;}
div#showtimes form .wad {width: 116px;}
div#showtimes form select.wad {width: 124px;}
div#showtimes form .woad {width: 191px;}
div#showtimes form select.woad {width: 199px;}
div#showtimes input.sub{font:92% arial; font-weight: bold;  padding:0px 2px; color:#393541;}
div#showtimes input.sub:hover{color:#1E7BBF; border-color: #1E7BBF;}  
div#showtimes img {float: right; margin: 3px 23px 0 0; border: 0;}


div#newsgossip {margin-top: 5px;}
div#newsgossip li {list-style: none; font:85% arial; font-weight: bold;  background:url(images/dots_tbo2.gif) left top repeat-x; padding: 3px 0 1px 0; margin: 0px 0px; zoom: 1; *margin-top: -3px;}
div#newsgossip li.first {float: none; background: none; padding-top: 4px;}
div#newsgossip li a {display: block; padding:3px 3px 3px 10px; color: #484848;}
div#newsgossip li a:hover {text-decoration: none; cursor: pointer;}
div#newsgossip ul {width: 280px;}
div#newsgossip ul li a {background:url(images/modtbo_bulg.gif) 3px 7px no-repeat;}
div#newsgossip li a:hover {background-color: #DDECF6;}
div#newsgossip em {display: block; font:82% arial; color: #9A9A9A;}
div#newsgossip emcart {display: block; font:82% arial; color: #600707;}
div#newsgossip a.more{display: block; font:85% arial; color: #ffffff; margin: 5px 10px 0 0; text-align: right; background:url(images/twobox_chev.gif) right 6px no-repeat; padding: 0 10px 0 0;}


div.mod {background:url(images/g_l.gif) left top repeat-y; margin-top:-1px; position:relative; margin-bottom: 3px;}
div.mod div.bd div.content {margin:0 4px;  zoom:1; padding:1px 10px 4px 10px; background: url(images/mgrad.gif) left bottom repeat-x; }
div.mod div.hd b, div.mod div.ft b { position:relative;height:9px; width:9px; display:block; background:url(images/g_tl.gif) left top no-repeat; line-height:.01em;  margin-bottom:-15px;}
div.mod div.hd b.l { background-image:url(images/g_tl2.gif); float:left;}
div.mod div.hd b.r { background-image:url(images/g_tr2.gif); float:right;}
div.mod div.ft b.l { background-image:url(images/common/g_bl2.gif); float:left;}
div.mod div.ft b.r { background-image:url(images/g_br2.gif); float:right;}
div.mod div.hd:after, div.mod div.ft:after, div.mod div.bd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.mod div.hd, div.mod div.ft,  div.mod div.bd {zoom:1; margin:0; height:auto; overflow:visible; background:none;filter:none;}
div.mod div.hd, div.mod div.ft { position:relative; height:9px; padding:0; margin:0; }
div.mod div.hd {background:url(images/g_t.gif) left top repeat-x;}
div.mod div.ft {background:url(images/g_b.gif) left bottom  repeat-x;}


div.mod div.bd {background:url(images/g_r.gif) right top repeat-y;}
div.mod#collection_0{margin-top: 0px;}

div#mm{margin-left: 1px; margin-top: 2px;}
div#mm div.hd{position:relative;height:9px; width:215px; background:url(images/modtbo_t.gif) left top no-repeat;overflow:hidden; margin:0; padding:0; zoom: 1; line-height: 0.01em;}
div#mm div.bd {width:215px; margin:0; position:relative; background:url(images/modtbo_bg.gif) left top repeat-y;}
div#mm div.ft{position:relative;height:9px; width:215px; background:url(images/modtbo_b.gif) left top no-repeat;}

div#mm h3 {width: 200px; height: 20px; margin-bottom: 17px; }
div#mm h3 span {display: none;}
div#mm ul {margin: 0 11px; width: 190px;}
div#mm ul li {clear: left; list-style-type: none;}
div#mm div.info {display: block; width: 145px; float: left;}
div#mm div.info a{display: block; font-weight: bold; color: #233972;}
div#mm div.info em{font:85% arial; color: #474747;}
div#mm strong.grade {display: block; width: 45px; height: 40px; float: left; overflow:hidden; color: #f3f4f8;}
div#mm strong span {display: none;}
div#mm a.more{font:85% arial; color: #244075; margin: 15px 10px 0 0; display: block; text-align: right; background:url(images/modtbo_chev.gif) right 6px no-repeat; padding: 0 10px 2px 0;}


div#feattoday{margin-top: -20px;}

#dtk-footernav { background-image:url(images/blank.gif);  padding:10px 10px; font:107% arial; text-align:left; clear:both; color: #484848;}
#dtk-footernav h3 {color:#244075; font-size: 136%;}
#dtk-footernav .bd { font-size:92%; clear:both; }
#dtk-footernav a { color:#3d4552; }
#dtk-footernav .prop h3 {color:#244075;}
#dtk-footernav .prop { min-height: 100px; _height: 100px; float:left; width:400px; _width:390px; background-color:#ffffff; padding:5px 10px 10px 10px; }
#dtk-footernav .prop ul { float:left; width:96%; _width:98%; margin-left:10px; margin-top:10px; padding:0; list-style:none; }
#dtk-footernav .prop ul.first { margin-left:0; }
#dtk-footernav .prop li { margin:0 0 2px 0; padding:0; padding-left:8px; background:transparent url(images/bullet1.gif) no-repeat left .5em; }
#dtk-footernav .ymg { color:#666; float:left; width:420px; padding:5px 10px 10px; }
#dtk-footernav .ymg ul { float:left; width:31%; _width:32%; margin-left:10px; margin-top:10px; padding:0; list-style:none; }
#dtk-footernav .ymg ul.first { margin-left:0; }
#dtk-footernav .ymg li { margin:0 0 2px 0; padding:0; padding-left:8px; background:transparent url(images/bullet1.gif) no-repeat left .5em; }
#dtk-footernav .ymg div.allservices{text-align: right; margin-right: 35px; padding-top: 30px;}
#dtk-footernav .ymg div.allservices a{background:url(images/modtbo_chev.gif) right 6px no-repeat; padding-right: 10px; font:85% arial; color: #244075; font-weight: bold;} 
#dtk-footernav .todo { color:#666; float:left; width:160px; _width:160px; padding:5px 10px 10px; border-left:1px solid #aaa; }
#dtk-footernav .todo ul { float:left; margin:0; padding:0; margin-top:10px; list-style:none; }
#dtk-footernav .todo li { margin:0; margin:0 0 2px 0; padding-left:8px; background:transparent url(images/bullet1.gif) no-repeat left .5em; }

/* clearfix */
div#mm ul:after, a.tocollectionr:after, #dtk-footernav .bd:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
div#mm ul, a.tocollectionr, #dtk-footernav .bd { zoom:1; } /* IE */


#dtk-searchtabs:after, div#topboxoffice ol li a:after,  ul.tab:after, div.sub-nav ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#dtk-searchtabs, div#topboxoffice ol li a,  ul.tab, div.sub-nav ul{zoom:1;}


div.dsl {margin-top: 8px; background-color: #ffffff; padding:8px 10px; text-align:left; font:85% arial; color:#111;}
div.dsl a {font-weight: bold;}
div.copyright {margin-top: 8px; padding:10px; text-align:center; font:85% arial color:#111;}

/* end footernav */
div#mip {margin-top: 10px;}

@media all and (min-width: 0px){
   ul.tab li.first {width: 70px;}
   ul.tab li {width: 90px;}
}
#tabContent
{
	border-collapse: collapse;
	border: 1px solid #ffffff;
	/*width: 92%; */
	width:auto;
	background-color: #ffffff;
	margin: 0;
}
	#styleTable table td table
	{
		border: none!important;
		background: none!important;
	}
	#styleTable .column1 dl dt
{
	float: left;
	width: 12em;
	padding: 0.3em 0;
	border-top: 1px solid #DDD;
	clear: both;
}
 #realms
{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
#realms .linkArea 
{
	display: block;
	margin: 0;
	padding: 15px 10px;
	border: 1px solid #DFEDF9;
	background-color: #f7f7f7;
	height: 30px;
}
#realms .linkArea:hover
{
	border: 1px solid #dbdbdb;
	background-color: #fff;
}