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

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

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

/* Homepage */
#block_1, #block_2, #block_3 {float:left; background:#FFF;}
#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; margin-top: 15px;}
#block_5 {width:480px; margin-top: 15px;}
#block_6 {width:320px;}

/* login/register */
#block_7, #block_8 {float:left; margin-top: 15px;}
#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;
}

#block_11 {padding: 10px 20px; margin-top: 15px;}
/*==========================================
 *     ELEMENTS
 *==========================================*/

#outerwrapper {
width:980px;
margin:0 auto;
text-align: left;
background:#fff;
}

#wrapper {
width: 980px;
margin:auto;
text-align: left;
background:#fff;
float: left;
clear: both;
}

#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 {}

#logo-wrap {margin: 0 20px; width: 620px; float: left; clear: none;}



#logo img {margin-top: -25px;}

#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
 *==========================================*/

#register-sign {text-align: right; font-size: 122%; margin: 0 0 7px 0;}
#register-sign h6 {font-family: arial,helvetica,san-serif; color: #005aa0;}
h6 span.embold a {color: #008ece; font-size: 190%; text-decoration: underline;}

/* --- HOMEPAGE --- */

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

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

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

/* --- SUBPAGE --- */

#block_4 .content {
padding:0;
margin:10px 0px 0px 21px;
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:25px 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:0;
background:#fff;
}

#footer .content {
padding:8px 0 4px 0;
margin:0 20px;
border-top:  1px solid #008ECE;
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;
}

#block_oli-wrapper div.maintitle h1 {
font-size:180%;
margin:0;
padding:0 0 10px 0;
font-weight:bold;
font-family:georgia, helvetica, verdana, sans-serif;
}

#block_oli-wrapper div.highlight {background:#E8E9EB; font-size: 80%; padding: 3px 7px;}
#block_oli-wrapper p.infomessage {background: #274090; width: 100%; text-align: center; display: block; color: #FFFFFF;}

#block_oli-wrapper {float: left; margin-left: 10px; width: 780px; padding: 0 0 0 9px; }
#block_oli-crumbs {width: 780px; float: left; clear: both; height: 20px; margin-top: 5px;}
#block_oli-crumbs ul {width: 780px; margin-top: 5px; }
#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: 150%; padding: 3px 0 8px 0}
#block_oli-wrapper h4 {color:#274090; font-size: 135%; padding: 4px 0 8px 0;}
#block_oli-wrapper h5 {font-size: 110%; padding: 0; margin: 7px 0 3px 0;}
#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; margin: 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 #dad6d7; 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 div.left {padding: 0 10px 5px 10px }

#block_ctp-wrapper div.maintitle {border-top: 0px solid #FFF;}

#block_ctp-wrapper div.maintitle h1 {color: #000;}

#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 , .ctp-sidebar {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 , .ctp-sidebar p , .ctp-sidebar h4 , .ctp-sidebar h3 , .ctp-sidebar h5 {padding: 0px 14px;}

#p2861I h4 , .ctp-sidebar 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; width: 579px;}
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 5px 0px;}
#night-nav div.middle , #night-nav div.last {margin: 5px 0 5px 3px;}


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

#wrapleft {float: left; width: 640px; margin: 10px 0 0 0; background: #FFF;}

#block_X {width: 620px; float: left; margin: 0 0 0 20px;}
#block_X #hp-oli-nav-wrap {height: 225px;}
#block_X div.maintitle h2 {margin: 16px 0 0 0;}

#wrapleft div#block_1 {float: left; margin: 0;}
#wrapleft div#block_1 .content {padding-right: 10px;}

#wrapleft div#block_2 {padding: 0;}

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

#hp-oli-nav-int {width: 100% ; text-align: center; padding: 6px 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; border-left: 1px solid #b5b3c0;}
#hp-oli-nav-opt {float: left; width:301px; display: block; padding: 3px 0 4px 12px; border-bottom: 1px solid #b5b3c0; background: #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: 5px 0 0 0;}
#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;}

#block_oli-right embed#player1{margin-left: 40px;}

.oli-nav-int {background: #0B7AC9; color:#FFF; margin: 0 0 15px 0; text-align: center; float: left; clear: both; width: 100%;}

#block_oli-right .oli-nav-int h5 {padding: 5px 0; margin: 0;}
.oli-nav-int.bottom {margin: 15px 0 7px 0;}

#block_X div.oli-nav-int h3 {color: #FFF; margin: 0; padding: 3px 0;}

#reelkandidiv {margin-bottom: 7px;}

.flag-block-lang {width: 410px; background: #E9EFFD; padding: 0 0 0 50px ; float: left; clear: both; margin-bottom: 12px;}
.content .flag-block-lang ul {list-style-type: none; display: block;}
.content .flag-block-lang ul li {float: left; clear: none; width: 66px; list-style-type:none; background: none; margin: 0; padding: 0px;}


/*==========================================
 *     QUICK LINKS
 *==========================================*/


#qlwrap {
		width:300px;
		margin:0;
                padding: 0 0 20px 0;
		
                position: relative;
                clear: none;
	}
        
        #toplink-wrap {background:#e9effd; display: block;}

#toplink-wrap ul {display: block; background: #E9Effd;}

	#qlheader {
    	        padding:0px 0px;
	        background:#fff;
                postion: relative;
                z-index: 10;
                border-top:3px solid #ff009a;
	}

	#qlheader h2 {
	        margin:0;
		font-size:150%;
                font-weight:bold;
                
                padding:2px 0 5px 0;
                
                color:#003964;
		
        }

        #qlfooter {display: block;width: 300px;}
	
	#qlfooter h3 {
                clear: both;
	        margin:0;
                padding: 5px 2px 5px 10px;
                font-weight:bold;
                font-family:Verdana, Arial, Helvetica, sans-serif;
	        font-size:11px;
                color:#fff;
                background:#005AA0;
        }
	
	#qlnav {
		padding:5px 10px;
		background:#c99;
                position: relative;
                z-index: 5;
	}
	#qlnav ul {
		margin:0;
		padding:0 0 0 5px;
		list-style:none;
                
	}
	#qlnav li {
		
		margin:0;
		padding: 5px 0;
                
	}
	#qlmain {
		float:left;
		width:300px;
		padding:5px 0 5px 0;
		background:#E9EFFD;
                

	}

        

	#qlsidebar {
		float:left;
		width:145px;
		padding:5px 0 5px 0;
		background:#E9EFFD;
               
               clear: right;
              
               
	}



	#qlsidebar2 {
		float:right;
		width:145px;
                padding:5px 0 0 0;
                
			
	}
	
	#qlmain2 {
		float:left;
                padding:5px 0 0 0;
		width:300px;
		
		}

       #qlmain3 {
		float: left;
                width: 280px;
                padding:0 0 5px 0;

		}

        #qlmain3 ul {margin:0;}
		
	#qlfooter {  
                
		padding:3px 0px 0 0px;
			
	}

        #qlbottom {background: #eee; height: 42px;}
	
	#qlwrap ul , #qlmain2 ul {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 5px;
	margin: 0;
        
        display: block;
        float: left;
	}
        .qlleft {width: 160px;}
	
        #qlwrap li {background: url("/other_files/oltg/bullet.gif") no-repeat scroll 1px 4px transparent; }
        #qlwrap ul.lang-flags {background: none;}
        #qlwrap ul.lang-flags li {background: none; }
        


	#qlwrap ul a
	
	{color: #0752A5;
	text-decoration:none;
	font-weight:bold;
        margin: 2px 0 2px 7px;
        padding:0;
	}
	
	#qlwrap ul li , #qlfooter ul li
  {
  margin: 2px 0; padding: 0; padding-left: 0;
  }
  
  #flags {background-color: #003A67; width: 100%; float: left; clear: both; height: auto; padding: 0 0 5px 0; }
  #flags h3 {background-color: #003A67; width:auto; float: left; clear: left; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: 400; font-size: 120%; padding: 0 0 0 8px  ; margin: 7px 0 0 0;}
  .flag-block {background-color: #89A4BF; float: left; text-align:center; height: 22px; margin: 5px 0 0 8px;}
  #qlwrap ul.lang-flags {width: 212px; clear: both; list-style-image: none; padding: 0; margin: 0;}
    #qlwrap ul.lang-flags li {width: 35px; float: left; clear: none; list-style-type:none; padding: 0 0; margin: 0; }
	ul.lang-flags li img {margin: 0; padding: 0;}



div.tkts-highlight {background: #FFF3D5; color: #180F5E; font-size: 100%; margin: 0 0 15px 0; padding: 10px 10px 5px 10px; border: 1px solid #FFD879; line-height: 150%; letter-spacing: 0px;}