/* --- LAYOUT CSS --- */

/*==========================================
 *     BLOCKS
 *==========================================*/

body {background:#fff}
body {text-align:center;} /* IE 5.5 */

/* Homepage */
#block_1, #block_2, #block_3 {float:left;}
#block_1 {width:320px;}
#block_2 {width:320px;}
#block_3 {width:320px;}

/* Subpage */
#block_4, #block_5, #block_6, #block_5_wide {float:left;}
#block_4 {width:160px;}
#block_5 {width:480px;}
#block_6 {width:320px;}

/* login/register */
#block_7, #block_8 {float:left;}
#block_7 {width:160px;}
#block_8 {width:800px;}

/* vertical divider */
#block_5, #block_5_wide , #block_8 {
background:url(/other_files/solt/block2-bg.gif) top left no-repeat;
background-position:10px 10px;
}

/*==========================================
 *     ELEMENTS
 *==========================================*/

#outerwrapper {
width:980px;
margin:0 auto;
}

#wrapper {
width: 980px;
margin:auto;
text-align: left;
background:#fff url(/other_files/solt/grid.gif) top no-repeat;
background:#fff;
}

#wrapper {
float: left;
float/**/: none;
}

#wrapper:after {
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

#wrapper {display:inline-block;}

/*\*/

#wrapper {display:block;}
#footer {clear:both;}
#header, #footer {width:930px;}

#wrappertop {
margin:0 auto;
padding:0;
width:980px;
height:3px;
background:#fff;
}

/* powered by */
#wrapperbot p {}

#logobar .content {
margin:0 20px;
padding:10px 0 0 0;
background:#fff;
border:0px solid green;
background: url('/other_files/solt/strapline.gif') bottom right no-repeat;
background-position:640px 24px;
}

#logobar-right {
float:right;
text-align:center;
}

/*==========================================
 *     iFRAMES - login/register
 *==========================================*/

iframe.login {
width:100%;
height:1230px;
overflow:hidden;
overflow:auto;
}

iframe.register {
width:100%;
overflow:auto;
overflow-x:hidden;
height:1230px;
}

/*==========================================
 *     BLOCK CONTENT
 *==========================================*/

/* --- HOMEPAGE --- */

#block_1 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid lime;
}

#block_2 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid pink;
}

#block_3 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid lightblue;
}

/* --- SUBPAGE --- */

#block_4 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid lime;
}

#block_5 .content, #block_5_wide .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid orange;
}

#block_6 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid lightblue;
}

/* --- LOGIN/REGISTER --- */

#block_7 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid lime;
}

#block_8 .content {
padding:0;
margin:10px 0px 0px 20px;
border-top:0px solid orange;
}


/* --- FOOTER --- */

#footer {
width:980px;
padding-top:20px;
background:#fff;
}

#footer .content {
padding:8px 0 4px 0;
margin:0 20px;
border-top:1px solid;
font-size:77%;
}

#whatsontable td {border-bottom: #1772AF 1px solid; text-align:left; padding: 5px; font-size:77%;}
#whatsontable th {border-bottom: #E9009B 1px solid; border-top: #E9009B 1px solid; text-align:left; padding: 5px; color:#0852A5; font-size:77%;}
.tktslist {list-style-type: none; font-size:77%;}
.lsheader {text-align:center; font-size:150%; color:#0852A5;}

#ctp , #ctpplay {border: #98002D 1px solid; text-align:left; padding: 5px; background-color: #E9E0DB; margin: 0 0 7px 0;}

#ctp ul li {
font-size:115%;
background:url(/other_files/solt/std-libg-red.gif) top left no-repeat;
background-position:0 5px;
 }

#ctpplay ul li {
font-size:115%;
background:url(/other_files/solt/std-libg-red.gif) top left no-repeat;
background-position:0 5px;

}

#ctp h3 {font-size:150%; color:#98002D;}

.ctp-quote {color: #98002D; border-bottom: 2px dotted #98002D; font-size: 1.2em; padding: 0 0 7px 0; line-height:125%;}
.item-display #celebrate ul li {
font-size:115%;
background:url(/other_files/solt/std-libg-red.gif) top left no-repeat;
background-position:0 5px;
}

#ctpplay h3 {font-size:150%; color:#98002D;}

#celebrate h3 {color:#98002D;}
#portlet_2264 h3 {border-bottom: 1px solid #98002D;}

/*video player page*/

#block_5 .content .internalpromo, #block_5_wide .content .internalpromo {margin: 10px 0 10px 0; background-color:#fff; padding-left:80px; z-index:-120;}

#portlet_1619 , #portlet_1179 , #portlet_1191 {width: 460px;}

t247PlayerContent {position: absoloute; z-index:-100;}

#playerWrapper {bgcolor: none; width: 300px; margin-bottom:20px;}

#portlet_1666 {margin: 0 0 20px 0;}

/*LOVE THEATRE --------*/
.box-background {background-color: #E9EFFD; width: 440px; padding: 10px;}
a.emph-link {background-color: #FFFFFF; padding: 2px; color: #FFFFFF; border: 1px solid #0752A5; font-weight: bold; font-size: 1.4em;}

.footnote {font-size: 0.8em;}

#voteFrame {height: 800px;}


/*Hompage ACcreditation ----------*/

#hitwise {float: left;}
#goodweb {margin-top: 24px; margin-left: 15px; float: left;}


/*==========================================
 *     OLIVIERS SECTION
 *==========================================*/


div.oli-maintitle {
margin:0 0 0 0;
padding:0;
border-bottom:3px solid #e9009b;
color:#000;
width: 578px;
}


div.oli-maintitle h1 {
font-size:129%;
margin:0;
padding:0 0 2px 0;
font-weight:bold;
font-family:arial, helvetica, verdana, sans-serif;
}

#block_oli-wrapper {float: left; margin-left: 10px; width: 780px; padding: 0 0 0 9px; border-left: 1px solid #D1D1D1;}
#block_oli-crumbs {width: 780px; float: left; clear: both; height: 20px;}
#block_oli-crumbs ul {width: 780px; margin-top: 0px;}
#block_oli-left {width: 190px; clear: none; float: left;}
#block_oli-crumbs .content {width: 190px;}
#block_oli-right {width: 578px; float: left; margin-left: 12px;}

.oli-temp-img {margin-bottom: 6px;}

#block_oli-wrapper h3 {color:#274090; font-size: 120%; padding: 0 0 8px 0}
#block_oli-wrapper h4 {color:#274090; font-size: 100%; padding: 4px 0 8px 0;}
#block_oli-wrapper h5 {font-size: 100%; padding: 0; margin-top: -5px;}
#block_oli-wrapper p {padding: 0 0 4px 0;}

#quick-wrapper {width: 578px; height: 140px; margin-left: 3px; }
#quick-wrapper h5 {display: none;}
.oli-box {background: #09277F; width: 135px; float: left;}
#oli-1 {margin: 0 2px 5px 0;} 
#oli-2 , #oli-3 {margin: 0 2px 5px 2px;}
#oli-4 {margin: 0 0 5px 2px;}

.grey {background: #EEEEEE;}
#oliquick {padding: 5px 10px; margin-bottom: 10px;}


/* Past Winners */

ul.listing-items li.past-winner {padding: 0 0 7px 0;}
ul.listing-items li.past-winner h3 {border: 0px;}
ul.listing-items li.past-winner p {position: relative; float: left; clear: none; width: 100%; border-bottom: 1px solid #FA37AD; margin: 0 0 7px 0;}
.past-winner a.show { float: right; clear: none; margin: 0 30px 0 20px;}

#block_oli-right .viewer.image {width: 400px; margin: 0 89px;}
#block_oli-right .viewer.image .controls , #block_oli-right .viewer.image .caption {padding: 5px;}


/*==========================================
 *     CTP SECTION
 *==========================================*/

#block_ctp-wrapper {float: left; margin-left: 20px; width: 780px; padding: 0;}
#block_ctp-crumbs {width: 780px; float: left; clear: both; height: 20px;}
#block_ctp-banner {float: left; clear: both;}
#block_ctp-banner img {margin: 0px; padding: 0; float: left; clear: both;}
#block_ctp-left {width: 510px; float: left;}
#block_ctp-right {width: 250px; margin-left: 20px; float: right}

#block_ctp-left p , #block_ctp-right p , #block_ctp-left ul , #block_ctp-left li , #block_ctp-right ul , #block_ctp-right li{font-size: 90%;}

#block_ctp-left li , #block_ctp-right li {background: transparent url(/other_files/solt/std-libg-red.gif) no-repeat scroll 0 5px;}

#block_ctp-left #social-bookmarking li {background: none;}

#block_ctp-left #ctpplay {background: #FEFDD6; border: 1px solid #E1E0C5; padding: 0px 14px 7px 3px; margin: 0 14px 7px 14px;}

#block_ctp-left .ctpint {background: #FEFDD6; border: 1px solid #E1E0C5; padding: 10px 14px 7px 3px; margin: 0px 14px 7px 14px; display: block;}

#block_ctp-left #ctpplay p , #block_ctp-left .ctpint p {padding-bottom: 5px; width: 240px;}



#block_ctp-left #ctpplay h3 , .ctpint h3 {font-size: 150%; width: 240px; font-weight: bold; color: #000000;}

#block_ctp-left #ctpplay li , #block_ctp-left .ctpint li {width: auto; margin: 0 7px 0 0; font-size: 95%; font-weight: bold; display: inline;}
#block_ctp-left #ctpplay ul , #block_ctp-left .ctpint ul{margin: -10px 0px 10px 0; clear: both; width: 97%;}
#block_ctp-left #ctpplay .right , #block_ctp-left .ctpint .right {width: auto; margin-top: -55px;}
.ctpint .date {display:none;}

.playwrap , .playwrap {display: block; width: 240px; padding: 5px 0; font-weight: 700; color: #98002D;}
#ctp-sponsors {text-align: center;}

#ctp-regist {background: #98002D; color: #FFFFFF; font-weight: bold; padding: 12px 0; text-align: center; margin: 10px 0;}
#block_ctp-right #ctp-regist h3 {text-transform: uppercase; font-face: verdana; font-size: 110%; letter-spacing: 3px; color: #FFFFFF; font-weight: bold; padding: 3px 0 0 0;}

#ctp-regist img {padding: 0px 14px 0 14px;}
#ctp-regist p {padding: 5px 14px 2px 14px;}

#p2861I {background-color: #FEFDD6; border: 1px solid #E1E0C4;}
#block_ctp-right .maintitle {background-color:#E1E0C4; color: #000000; width: 220px; text-transform: uppercase; font-size: 105%; padding: 2px 14px; border-bottom: none;}

#block_ctp-left .maintitle {border-bottom:3px solid #E1E0C4; padding: 5px 0 0 0;}


#block_ctp-left h3 {margin-top: 7px; font-size: 130%; color: #98002D;}
#block_ctp-left h4 {color: #98002D; font-size: 115%; margin: 25px 0 0 0;}
#block_ctp-left p , #block_ctp-left ol , #block_ctp-left ul {padding: 7px 14px;}
#block_ctp-left h3 , #block_ctp-left h4 , #block_ctp-left h5 , #block_ctp-left ul , #block_ctp-left ol {padding: 0px 14px;}




#p2861I p , #p2861I h4 , #p2861I h3 , #p2861I h5 {padding: 0px 14px;}

#p2861I h4 {font-size: 120%; color: #98002D;}

.videopromo {margin-left: 139px; width: 300px; }
.panel-register {width: 578px; height: 800px;}


/*-----Oliviers 2010---- */

p.quotebox {width:174px; postion: relative; clear: both; display: block; float: left; font-weight: bold; color: #EB0098;}
span.author{width:174px; postion: relative; clear: both; display: block; float: left; font-weight: 400; color: #000;} 
#reelkandidiv500 {text-align: center;}
#jtw_widget1 {width: 580px;}

#tic {width: 174px;}

#jtw_widget1 div hr {padding: 0; margin: 2px 0;}
#jtw_widget1 div img {float: left; clear: none;}

#jtw_widget1 div a {color: #06237E;}

/*==========================================
 *     OLI LANDING PAGE - EVENT NIGHT
 *==========================================*/

#block_oli-nav {}
#block_oli-mid-col {height: auto; width: 290px; float: left; margin-right: 10px;}
#block_oli-mid-col .item-display p {padding: 0 10px;}
.oli-home-twitter-portlet {margin-top: 30px;}

#block_oli-far-col {background: #E9EAEE; height: auto; width: 278px; float: left; padding: 0;} 
#block_oli-far-col .story {border-bottom: 1px solid #E9EAEE; margin-bottom: 0;}

#block_oli-mid-col hr {margin: 0;}
#watchlive {width: 278px; background: #B4B4BC; height: 53px; padding-top: 10px; text-align: center;}

.oli-news-feed {width: 258px; padding: 17px 10px; background: #E9EAEE;}
.oli-news-feed p {font-size: 90%;}
.oli-news-feed .story h3 {font-face: arial, verdana, helvetica, san-serif; font-weight: 600; padding: 5px 0; margin-top: 7px;}
#block_oli-far-col .oli-news-feed a , .oli-news-feed a:hover , .oli-news-feed a:visited {color:#12318C;}

.blue-sec-head {background-color:#12318C; color: #FFF; font-size: 120%; font-weight: 300; padding: 6px 10px; }
.greybg {padding: 5px 0; margin-bottom: 7px;}

#block_oli-far-col .topstory h3 {float: left; clear: both; border-bottom: 1px solid #F0199B; padding: 5px 0; margin-bottom: 7px;}
#block_oli-far-col .topstory p {}

div.float-right {text-align: right; font-size: 90%; border-top: 1px solid #EEE; padding: 7px 0;}
div.float-right a {color:#12318C;}

#block_oli-nav {margin: 0 0 11px 0; float: left; clear: none;}
div#night-nav {padding: 0 0 17px 0; height: 80px;}
div.night-nav-top {width: 142px; height: 79px; float: left; text-align: center; background: #404040 url(/other_files/oli-night-home/back.gif) no-repeat scroll; v-align: top;}
div.night-nav-top:hover {width: 142px; height: 79px; float: left; text-align: center; background: #12318C url(/other_files/oli-night-home/back-blue.gif) no-repeat scroll; v-align: top;}
.night-nav-top h2 {color: #FFF; font-size: 150%; font-weight: 300; margin: 17px 0 0 0;}
#night-nav div.first {margin: 5px 0;}
#night-nav div.middle , #night-nav div.last {margin: 5px 0 5px 1px;}


/*==========================================
 *     OLT HOMEPAGE - OLI EVENT NIGHT
 *==========================================*/

#wrapleft {float: left; width: 640px; margin: 10px 0 0 0; background-color: #AADD44; }

#block_X {width: 620px; background-color: #b5b3c0; float: left; margin: 0 0 0 20px;  margin-bottom: 16px;}
#wrapleft div#block_1 {background-color: #884422; float: left; margin: 0;}

#wrapleft div#block_2 {background-color: #11DD99; padding: 35px 0 0 0;}

#wrapleft div#block_2 .content {margin-left:5px; padding-left: 5px; border-left: 1px solid #EEE;}

#hp-oli-nav-int {width: 100% ; text-align: center; padding: 10px 0; background: #011f7f; color: #FFF; font-face: arial, helvetica, san-serif;}

#hp-oli-nav-int h2 {font-size: 120%; font-face: arial, helvetica, san-serif; font-weight: 700;}
#hp-oli-nav-img {float: left; border-bottom: 1px solid #b5b3c0;}
#hp-oli-nav-opt {float: left; width:300px; padding: 3px 0 2px 12px; border-bottom: 1px solid #b5b3c0;}
#hp-oli-nav-opt .night-nav-top.second {float: left; clear: right;}
#hp-oli-nav-opt .night-nav-top.third , #hp-oli-nav-opt .night-nav-top.last {margin-top: 5px;}
#hp-oli-nav-opt .night-nav-top.first , #hp-oli-nav-opt .night-nav-top.third {margin-right: 5px;}

#hp-oli-nav-opt div.night-nav-top {background: #404040 url(/other_files/oli-night-home/backbk.gif) no-repeat scroll;}
#hp-oli-nav-opt div.night-nav-top:hover {background: #12318C url(/other_files/oli-night-home/back-bluebk.gif) no-repeat scroll;}


#jtw_widget3 .maintitle {margin-left: 10px;}