* { margin: 0px; padding: 0px; }
body  
{	
	color: #FFFFFF;
	font-family: Arial;
	font-size: 9pt;
	background-color: #000000;	
}

a { text-decoration: none; }
a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #0099CC; }
a:active { color: #0099CC; }

p { margin: 10px 0px;}

/* Font Sizes and Styles   
----------------------------------------------------------*/
.blue { color: #00ACD4 !important; }
.lightblue { color: #0099CC !important; }
.gray { color: #555555 !important; }
.lightgray { color: #D9D9D9; }
.red { color: #FF0000; }
.white { color: #FFFFFF; }

.bold { font-weight: bold; }

.progtitle,
.prodtitle { font-size: 18pt; font-weight: bold; }

.navmenu { font-size: 14pt; }
.navmenulink { font-size: 11pt; }

.watermarkon { font-style: italic; }

p, 
.title { font-size: 9pt; }

.copyright,
.info { font-size: 7pt; }

h2 { font-size: 11pt; }

.fontnormal { font-weight:normal; }    

/* General Classes and Elements  
----------------------------------------------------------*/
#pageheader, #searchheader { line-height: 14pt; border-top: 1px solid #555555; border-bottom: 1px solid #555555; padding: 5px; }

.search { cursor: pointer; background-color: #0099CC; border: 1px solid #0099CC; color: #000000; }
.close { position: absolute; right: 10px; top: -5px; }

.dropdown { width: 100px !important; }
.long { width: 244px; }
.hidden { display: none; }
.paddingtopbottom { padding: 5px; }

.checkbox { vertical-align: middle;}
.checkbox img { cursor: pointer; }

.floatleft { float: left; }
.floatright { float: right; }

.images,
.noborder { border: none; }

.bgGray { background-color: #e2e2e2;
          width: 100px;}

.msgtext { padding: 15px 0px; }
.message { text-align: center; }
.message.padding { padding: 20px; }

.errormessage { position: absolute; font-size: 9px; z-index: 2; color: Red; font-weight:bold; }
.spacerright { padding-right: 20px; }

.containerbg { background: url('../Graphics/stripe_bg.png') no-repeat scroll 0 0 transparent; 
               margin: 5px; }               
.containersmallbg {background: url('../Graphics/signin_box_bg.png') no-repeat scroll 0 0 transparent; 
                   margin: 5px; }
               
.containerbg.padding,
.containersmallbg.padding { padding: 15px 0px; }

/* Master Pages   
----------------------------------------------------------*/

#pageWrapper { width: 990px; margin-left: auto; margin-right: auto; position: relative; background-color: #000000; z-index: 1; }
#header {  padding: 5px 22px 0px; }

#SearchSignIn { height: 61px; width: 380px; position: relative; float: right; background:url('../Graphics/search_bg.png') no-repeat scroll 0 0 transparent; }
#SearchSignIn .contents { padding: 0px 15px; }
#SearchSignIn .search,
#SearchSignIn .searchbox { float: left; }
#SearchSignIn .searchbox { padding-right: 3px; }

#SearchSignIn .rcbInput,
.inputbg { background-image: url('../Graphics/search_text_box.png'); border: none; }
 
#SearchSignIn .RadComboBox_Black .rcbInputCellLeft, 
#SearchSignIn .RadComboBox_Black .rcbInputCellRight, 
#SearchSignIn .RadComboBox_Black .rcbArrowCellLeft, 
#SearchSignIn .RadComboBox_Black .rcbArrowCellRight { background-image: none !important; }

.RadComboBoxDropDown_Black .rcbHovered,
.RadComboBox_Black .rcbHovered .rcbInputCell .rcbInput { color: #0099CC !important; }

#SearchSignIn #bdrcontainer { overflow: hidden; }

#SearchSignIn .divbutton { padding: 3px !important; }
#SearchSignIn .signout,
#SearchSignIn .signin { height: 22px; line-height: 22px; float: left; padding-left: 10px; }

#LoggedIn { width: 270px; height: 61px; float: left; }
#topbanner { width: 100%; height: 70px;  }

.logo { width: 220px; text-align: left; float: left; }

#maincontent,
#footer { padding: 0px 22px; }

#maincontent {min-height: 550px; text-align: left; overflow: hidden; }
#footer { height: 40px; float: inherit; text-align: center; padding-top: 15px !important; }
#otv { padding-left: 15px; }

.goOver { background: url('../Graphics/button_go_over.png') no-repeat scroll 0 0 transparent; 
          width: 31px; height: 21px; }
.goOut { background: url('../Graphics/button_go_up.png') no-repeat scroll 0 0 transparent;
         width: 31px; height: 21px;}

/* Overlays  
----------------------------------------------------------*/
.videoPlayer .overlay,
.highlightbox .overlay { width: 100%; height: 100%; background: url('../Graphics/play-overlay.png') no-repeat scroll 50% 50% transparent;
                         position: absolute; left: 0px; top: 0px; }

.ui-dialog { margin:0 auto; }
.ui-widget-overlay { position:fixed; top:0; background: #FFFFFF; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }
.ui-dialog-titlebar { display: none; }

.opacity { opacity: 0.15; filter: alpha(opacity=15); -moz-opacity: 0.15; background-color: #FFFFFF; position: absolute; }
#news .opacity { opacity: 0.10; filter: alpha(opacity=10); -moz-opacity: 0.10; }

/* Home Page  
----------------------------------------------------------*/
.itemhover { list-style: none; background-color: #00acd4; font-weight: bold; color: #ffffff; 
             margin: 0 !important; padding: 5px 0 5px 5px; text-align: left; }
             
/* Programme Player
----------------------------------------------------------*/
#videoPlayer { height: 410px; width: 489px; position: relative; float: left; }
#videoPlayer .video { width: 450px; height: 250px; }

#videoPlayer .itemcontainer { height: 396px; overflow: visible !important; }
#videoPlayer .itemcontainer div { margin-left: auto; margin-right: auto; width: 450px; }

#videoPlayer .boxTitle { height: 25px; }

#videoPlayer .containerbg { padding: 4px 0px 0px; position: relative; overflow: hidden; }
#videoPlayer .containerbg p { margin: 5px; }

#videoPlayer .bdrbottom { height: 14px; }
#videoPlayer .bb .small,
#videoPlayer .bt .small { width: 427px !important; }

#videoPlayer .signinmsg { line-height: 20px; height: 20px; }

#videoPlayer #itemcontainer { width: 299px !important; padding: 0px 4px;  margin-bottom: 0px !important; }
#videoPlayer #itemcontainer ul li { list-style: none; padding: 0px 15px; }
#videoPlayer #itemcontainer .subitems { width: 299px !important; float: left; margin-bottom: 0px!important; background-color: #333333; }

#videoPlayer .item { padding-left: 20px; }

#mediaspace { height: 250px; padding-top: 5px; }

#videoPlayer #items { width: 307px !important; margin-bottom: 0px !important; top: -9px; float: right; position: relative; z-index: 3; }

#items .bdrbottom { height: 14px; }
#items .bdrbottom .fill { background-color: #333333; }
#items .bdrbottom,
#items .bdrbottom .bb { width: 279px !important; margin-bottom: 0px!important; }

.itemsinput { width: 290px !important; line-height: 37px; cursor: pointer; border: none; padding-left: 120px;
              background: url('../Graphics/player_dropdown.png') no-repeat scroll 0 0 transparent; }
              
.video-player {
     display: block; 
     width: 410px;
     height: 250px;
}

#default .video-player 
{
    padding-left: 20px;
}

.pgm-image {
    position: absolute; 
    text-align: center;
    border: none;
}

.play-button {
    position: absolute; margin-top: 110px; margin-left: 184px; z-index: 0;border: none;
}

/* RAD Rotator - Programme Highlights
----------------------------------------------------------*/

#rotator {  position: relative; float: left;  }

#rotator .containerbg { width: 445px; height: 400px; }
#rotator .imagecontainer { width: 163px; height: 97px; }
#rotator .container { float: left; position: relative; z-index: 1; }

#rotator .boxTitle { padding: 5px 5px 5px 10px; width: 182px; float: left; line-height: 22px; }
#rotator .arrow { cursor: pointer; padding: 5px; border-left: 1px solid #D9D9D9; float: left; }

#rotator .programmes,
#rotator .opacity { width: 445px; }

#rotator .programmes { float: left;  position: relative; z-index: 0; }
#rotator .opacity { height: 336px; top: 37px; left: 5px; }

#rotator .highlightbox { padding: 5px 10px;}
#rotator .highlightbox,
#rotator .highlightbox .imagecontainer,
#rotator .highlightbox .detail { float: left; }

#rotator .highlightbox .imagecontainer .bdrcontainer { height: 65px !important; }
#rotator .highlightbox .imagecontainer .innerBdrcontainer { height: 77px !important; margin-top:10px; position: relative; }

#rotator .highlightbox .imagecontainer .innerBdrcontainer .bl, 
#rotator .highlightbox .imagecontainer .innerBdrcontainer .br { background:url('../Graphics/image_drop_shadow_left_right.png') repeat-y scroll ; width: 4px; }

.highlightbox .detail { width: 250px; padding: 10px 10px 0px 0px; }
.highlightbox p { margin: 0px; }

#rotator .imgbottom,
#rotator .imgbottom .bb,
#rotator .imgtop,
#rotator .imgtop .bt { width: 143px; }

/* News
----------------------------------------------------------*/
#news { float: left; margin: 8px 0px 0px 2px; position: relative; }
#news .boxTitle { float: left; line-height: 25px; /*border-bottom: 1px solid #D9D9D9;*/
                  padding: 5px 0px 0px 5px; margin-left: 9px; width: 601px; font-size: 20px; }
#news .contents { padding: 5px; }
#news .containerbg { width: 619px; height: 188px; }

#news .news,
#news .opacity { width: 614px; height: 158px; top: 35px; left: 5px; }

#news .news { padding-left: 5px; float: left; }

.news p { margin: 0px; }

.scrollpane .jspTrack { height: 111px !important; }
.scrollpane .jspDrag { background-position: center center !important; background-color: #454545 !important; /*border-left: 1px solid #D9D9D9;*/ }
.scrollpane { height: 150px; }

#news .newsStoryItem { margin-left: 9px; }

#newsDetails { width: 400px; float: left; margin: 8px 0px 0px 2px; position: relative; }
#newsDetails .contents { padding: 15px; }

#newsDetails .bt,
#newsDetails .bb { width: 372px;} 
#newsDetails #bdrcontainer { overflow: hidden; }

#newsDetails .newsTitle { font-size:24px; }


/* News Story
----------------------------------------------------------*/
.floatleft #news .boxTitle { width: 486px !important; }
.floatleft #news .news,
.floatleft #news .opacity { width: 486px; height: 364px !important; }

.floatleft #news .containerbg { width: 491px; height: 394px; }

.floatleft .scrollpane { height: 480px; }
.floatleft .scrollpane .jspTrack { height: 315px !important; }

/* Contact Us / About
----------------------------------------------------------*/
#contactabout { width: 304px; height: 186px; margin: 8px 0px 0px 10px; float: left; }
#contactabout div { margin-bottom: 5px; }
#contactabout .header { width: 140px; float: left; }
#contactabout .headerRight { float: right !important; margin-left: 15px; }
#contactabout span { width: 20px; float: left; }

/* Programmes and Production Company
----------------------------------------------------------*/
#companyvideo,
#programmeCard,
#colright { width: 485px;  margin-top: 10px; float: left; }

#colright .bt,
#colright .bb { width: 457px; } 

#colright #bdrcontainer,
#companycard #bdrcontainer { overflow: hidden; }

#companycard .bt,
#companycard .bb { width: 427px; }

#companycard,
#companyvideo,
#programmeCard { position: relative; }

#companyvideo .boxTitle { padding: 5px 3px 5px 10px; width: 187px; float: left; line-height: 22px; font-size: small !important; }

#colleft { width: 455px; margin: 10px 5px 0px 0px; float: left;  }
#colleft #videoPlayer { width: 455px; height: 350px; z-index: 4;}
#colleft #videoPlayer .containerbg { overflow: visible; padding-top: 9px; }
#colleft #videoPlayer .itemcontainer { height:330px; }

#colleft #videoPlayer .bt,
#colleft #videoPlayer .bdr .bb { width: 427px !important; }

#colleft #videoPlayer .video,
#colleft #videoPlayer .itemcontainer div { width: 410px; }

#contactbox { width: 450px; margin-left: auto; margin-right: auto; }

#programmeCard .contents { float: left; }

#programmeCard .button .bdrcontainer { overflow: hidden; padding-top: 0px !important; }
#programmeCard .button .bdrcontainer .bdrtop { height: 14px; } 
#programmeCard .button .itemcontainer { width: 449px; padding: 0px 4px; }
#programmeCard .button .contents { padding: 0px !important; float: none !important; }
#programmeCard .button .bt, 
#programmeCard .button .bb,
#programmeCard .button .bdrcontainer .bdrtop { width: 429px; }
#programmeCard .button .br, 
#programmeCard .button .bl { height: 29px; }

/* Search Programmes   
----------------------------------------------------------*/
#searchcontainer { float: left; width: 100% }
#searchcontainer .item { float: left; padding: 0px 3px;}

#searchcontainer table { width: 100%; }
#searchcontainer tr.border td { border-bottom: 1px solid #D9D9D9; }

#searchheader { overflow: hidden; }
#searchheader .quicksearch,
 #searchheader .advancedsearch { float: left; }
 #searchheader .optionscontainer { float: right;}

#resultscontainer { width: 100%; float: left; }
#resultscontainer h2 { text-align: center; margin-top: 20px; }

.pagination { width: 100%; float: left; margin: 10px 0px; }
.pagination #resultsno { float: right; }

.pagination a { padding: 0px 5px; }

.pagination #next,
.pagination #previous,
.pagination .pageindex { height: 28px; text-align: center; line-height: 28px; float: left; }

.pagination #next,
.pagination #previous { background: url('../Graphics/paginaition_large.png') no-repeat scroll 0 0 transparent; width: 104px; }  
                      
.pagination .pageindex { background: url('../Graphics/paginaition_small.png') no-repeat scroll 0 0 transparent; width: 27px; }

.programme { width: 222.5px; height: 200px; float: left; margin: 0px 12px 12px 0px; position: relative; }
.programme.last { margin-right: 0px; }
.programme .contents { padding: 5px !important; }
.programme .text { padding: 5px; }

.programme #bdrcontainer { overflow: hidden; }

.programme .bt,
.programme .bb,
.programme .bdrbottom { width: 194.5px; }

.active { color: #0099CC !important; }

.programme .imgbottom,
.programme .imgbottom .bb,
.programme .imgtop,
.programme .imgtop .bt { width: 181px; }

/* Publicity Materials
----------------------------------------------------------*/
#materialsoptions { width: 250px;  margin-top: 10px; position: relative; float: left; }
#materialsoptions .contents { padding: 0px 14px; }
#materialsoptions .bt,
#materialsoptions .bb { width: 222px;} 
#materialsoptions #bdrcontainer,
.materialscontainer .bdrcontainer { overflow: hidden; }

.materialscontainer { width: 625px; margin: 10px 0px 0px 50px; position: relative; float: left; }

.materialscontainer .contents,
#companycard .contents,
#programmeCard .contents { padding: 14px; }

.materialscontainer .bt,
.materialscontainer .bb { width: 597px; }

#prodinfo {width: 455px; min-height: 420px; float: left;}

/* Rounded Corners Content Box 
----------------------------------------------------------*/
.contentbox .ctl, 
.contentbox .ctr, 
.contentbox .cbl, 
.contentbox .cbr { background: url('../Graphics/content_box_drop_shadow_corners.png') no-repeat scroll 0 0 transparent; height: 14px; width: 14px; }

.contentbox .ctl { background-position: 0px 0px !important; }
.contentbox .ctr { background-position: -13px 0px !important; }
.contentbox .cbl { background-position: 0px -14px !important; }
.contentbox .cbr { background-position: -13px -14px !important; }

/* Rounded Corners Dropdown
----------------------------------------------------------*/
.contentbox .ctl.solid, 
.contentbox .ctr.solid, 
.contentbox .cbl.solid, 
.contentbox .cbr.solid { background: url('../Graphics/black_white_corners.png') no-repeat scroll 0 0 transparent; height: 14px; width: 15px; }

.contentbox .cbl.ddcorner,
.contentbox .cbr.ddcorner { background: url('../Graphics/player_dropdown_corners.png') no-repeat scroll 0 0 transparent; heightt: 14px; width: 15px; }

/* Image Drop Shadow 
----------------------------------------------------------*/
img.dropshadow { position: absolute; left: 4px; top: 5px; }

.imagecontainer,
.title.proginfo { width: 201px; position: relative; margin-left: auto; margin-right: auto; }

.title.proginfo { height: 55px; } 

.imagecontainer.small { width: 165px; height: 85px; }

.imagecontainer.large { height: 115px; }
.imagecontainer.large .ctl { background-position: -1px 0px !important; }
.imagecontainer.large .ctr { background-position: -9px 0px !important; }
.imagecontainer.large .imgbottom { height: 10px; }

.imagecontainer .bdrcontainer { padding-top: 10px !important; height: 96px !important; position: relative !important; overflow: hidden; }

.imagecontainer .ctl, 
.imagecontainer .ctr, 
.imagecontainer .cbl, 
.imagecontainer .cbr { background: url('../Graphics/image_drop_shadow.png') no-repeat scroll 0 0 transparent; height: 10px; width: 10px;
                       z-index: -999; }

.imagecontainer .ctr { background-position: -10px 0px !important; }
.imagecontainer .cbl { background-position: 0px -10px !important; }
.imagecontainer .cbr { background-position: -10px -10px !important;}

.imagecontainer .bt,
.imagecontainer .bb { background:url('../Graphics/image_drop_shadow_top_bottom.png') repeat-x scroll 0 0 transparent; height: 5px; width: 100%; }

.imgbottom .fill { width: 100%; height: 8px; background-color: #FFFFFF; float: left;  }

.imgbottom,
.imgbottom .bb,
.imgtop,
.imgtop .bt { margin-left: 10px !important; }

/* Rounded Corners And Borders 
----------------------------------------------------------*/
.ctl, .ctr, .cbl, .cbr { overflow: hidden; position: absolute; z-index: 1; }

.ctl { left: 0px; top: 0px; }
.ctr { top: 0px; right: 0px; }
.cbl { left: 0px; bottom: 0px; }
.cbr { right: 0px; bottom: 0px; }

.bt, .bb, .br, .bl { position: absolute; z-index: 1; }

.bt { background-position: top !important; left: 0px; }
.bb { background-position: bottom !important; bottom: 0px; left: 0px; }
.br { background-position: right !important; right: 0px; }
.bl { background-position: left !important; left: 0px; }

.bt,
.bb { background: url('../Graphics/black_white_top_bottom.png') repeat-x scroll 0 0 transparent; height: 6px; width: 100%; }

.br, 
.bl { background:url('../Graphics/black_white_left_right.png') repeat-y scroll ; height: 100%; width: 5px; }

.bdrbottom .fill { width: 100%; height: 9px; background-color: #000000; float: left;  }

.bdrtop .fill { height: 8px; background-color: #000000; position: absolute; top: 6px; }

.bdrbottom,
.bdrbottom .bb,
.bdrtop,
.bdrtop .bt { margin-left: 14px !important }

#bdrcontainer,
.bdrcontainer { position: relative; padding-top: 14px; }

#bdrcontainer .bdrbottom,
.bdrcontainer .bdrbottom { height: 14px; }

#itemcontainer,
.itemcontainer { overflow: hidden; position: relative; }

/* Button 
----------------------------------------------------------*/
.divbutton { cursor: pointer; padding: 7px; font-size: 7pt; }
.button { position: relative; text-align: center; z-index: 1; }
.nobutton { cursor: pointer; border: none; /*background-color: #FFFFFF;*/ }

/*Scroll bar
-------------------------------------------------------------*/
.scrollpane { width: 100%; overflow: auto; }
.scrollpane .jspContainer {	overflow: hidden; position: relative; }
.scrollpane .jspPane {	position: absolute; }
.scrollpane .jspVerticalBar { position: absolute; top: 0; right: 0; width: 23px; height: 100%; }
.scrollpane .jspTrack { background: #2D2D2C; position: relative; }
.scrollpane .jspDrag { height: 18px; width: 100%; background:  url('../Graphics/news_pully.png') no-repeat scroll 0 0 transparent;
                       position: relative; top: 0; left: 0; cursor: pointer; }

.scrollpane .jspArrow {	background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.scrollpane .jspArrow.jspDisabled {	cursor: default; }
.scrollpane .jspVerticalBar .jspArrow:focus { outline: none; }

.scrollpane .jspArrowUp,
.jspArrowUp.jspDisabled { background: url('../Graphics/news_up_arrow.png') no-repeat scroll 0 0 transparent; height: 23px; }

.scrollpane .jspArrowDown,
.jspArrowDown.jspDisabled { background: url('../Graphics/news_down_arrow.png') no-repeat scroll 0 0 transparent; height: 28px; }

.jspCap { display: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/* Top Menu
--------------------------------------------------------------*/
.menu { height: 24px; text-transform: uppercase; float: none; padding: 0px 22px 10px; }
.menu li { cursor: pointer; position: relative; float: left; list-style: none; z-index: 6; }
.menu li a { height: 24px; line-height: 24px; background-color: #000000; padding: 0px 10px 0px; }
.menu li a:hover {background-color: #0099CC; color: #000000 !important; }
.menu li:hover #item { display: block; }

#topmenu .subitems { background-color: #000000; border-bottom: 1px solid #555555; height: 24px; line-height: 24px; }
#topmenu .subitems.last { border: none; }

#topmenu #itemcontainer { padding: 0px 4px; }
#topmenu #item { width: 200px !important; text-transform: none; position: absolute; z-index: 5; left: -5px; top: 25px; }
#topmenu #item .bdrbottom { height: 14px; }
#topmenu #item .bdrbottom,
#topmenu #item .bdrbottom .bb { width: 172px !important; margin-bottom: 0px !important; }

.adminpanel { padding: 5px 0px 0px 10px; float: left; }

.thinGrayLine { height:1px; width:100%; color:#555555; clear: both; margin-bottom: 3px;}

/* Login
--------------------------------------------------------------*/
.logincontrol { width: 300px; position: absolute; top: 40px; right: 15px; z-index: 100; }
.logincontrol #itemcontainer { padding: 0px 4px; }

.logincontrol .container { padding: 0px 10px; overflow: hidden; }
.logincontrol .contents { width: 100%; }

.divbutton.nopadding { padding: 0px; }

.checkbox .image { float: left; padding-right: 5px; margin-left: -2px;}
.checkbox .text { float: left; line-height: 20px; }
.checkbox .contents { text-align: right; }

.container .containerLeft { width: 160px; float: left; margin-left: -5px; }
.container .containerRight { width: 85px; float: right; text-align: right; }

/* Forgot Password
--------------------------------------------------------------*/
#forgotpassword h2 { margin-bottom: 10px; }
#forgotpassword .button { float: right; }

#forgotpassword .button .bt,
#forgotpassword .button .bb,
#forgotpassword .button .bdrbottom,
#forgotpassword .button .bdrtop { width: 22px; }

#forgotpassword .button .bdrcontainer { padding-top: 0px; overflow: hidden; }
#forgotpassword .button .bdrcontainer .bdrtop { height: 14px; } 

#forgotpassword .button .itemcontainer { width: 42px; padding: 0px 4px; float: left; }

/* Change Password
--------------------------------------------------------------*/
.changepassword { width: 300px; position: absolute; top: 50px; left: 170px; z-index: 100; }
.changepassword #itemcontainer { padding: 0px 4px; }

.changepassword .container { padding: 0px 5px; }
.changepassword .contents { width: 100%; float: left; }
.changepassword .contents #container { padding: 0px 14px; overflow: hidden; }

.changepassword #changeform { width: 100%; float: left; }

.changebutton { cursor: pointer; }
.button.contents{ text-align: right; padding-top: 8px; }

/* Create Account
--------------------------------------------------------------*/
#submit { cursor: pointer; }
#accountmessage { width: 420px; padding: 20px; text-align: center; }

#newaccount { overflow: hidden; position: relative; }
#newaccount .bt,
#newaccount .bb,
#newaccount .bdrbottom,
#newaccount .bdrtop,
#newaccount .bdrtop .fill { width: 440px;} 

#newaccount #bdrcontainer { padding-top: 0px; overflow: hidden; }
#newaccount #itemcontainer { padding: 0px 4px; }

#newaccount .container { padding: 0px 10px; }
#newaccount .contents {  background-color: #000000; }

#newaccount .button { width: 200px; margin-left: auto; margin-right: auto; }
#newaccount .button .bt,
#newaccount .button .bb,
#newaccount .button .bdrbottom,
#newaccount .button .bdrtop { width: 172px; }
#newaccount .button input { width: 150px; background-color: #000000; color: #FFFFFF; }

#newaccount .button .itemcontainer {  padding: 0px 4px; }
#newaccount .button .bdrcontainer { padding-top: 0px; overflow: hidden; }
#newaccount .button .bdrcontainer .bdrtop,
#newaccount #bdrcontainer .bdrtop { height: 14px; } 

/*Admin
---------------------------------------------------------------*/
.PrevilegeMenu { margin: 0 0 5px 0; background-color: #333333; width: 100%; }

#ftpupload { text-align: center; padding-top: 20px; }
#instructions { padding: 15px 0px 0px 15px; }

.valigncenter { text-align: center; }
.valigncenter .tablecenter { margin: 0 auto; text-align: left; }
.valigncenter .center { margin: 0 auto; }
.valigncenter h2 { padding: 10px 0px; }

#addprogramme table,
.adminbg { background-color: #333333; width: 700px; }

/*Contact Us
---------------------------------------------------------------*/

#divManagement
{
    width: 473px;
}
#divContracts
{
    width: 473px;
}
#divProduction
{
    width: 473px;
}
#divSales
{
    width: 473px;
}
.tdContactsImage
{
    width: 60px;
}
.tdContactsDetails
{
    padding-left: 10px;
    width: 600px;
}
#pageheader.contactabout { overflow: hidden; margin-bottom: 15px; }

.contacttitle { font-size: 12pt; font-weight: bold; border: 1px solid #555555; padding: 3px; margin-right: 10px; padding-left: 10px; }
.contactlink { font-size: 14pt; padding: 0 10px; }
.aboutlink { font-size: 14pt;}
.contactSeperator { font-size: 14pt; float: left; padding: 0px 10px 0px 0px; }

#contactGroups { float: left; width: 912px; margin: 10px 0px 0px 10px; }

#contactGroups .lineBreak10px { height: 10px; margin: 0px 0px 0px 0px; border-style: none; clear: both; _clear: both; }
#contactGroups .lineBreak20px { height: 20px; margin: 0px 0px 0px 0px; border-style :none; clear: both; _clear: both; }

#contactGroups .border { border: 1px solid gray; }
#contactGroups .groupName { font-size: 14pt; font-weight: bold; }
#contactGroups .3ddStaff { }
#contactGroups .contactInfoItem { width: 100%; margin-top: 10px; }

#contactGroups .contactInfoItemLeft { float: left; width: 546px; }
#contactGroups .contactInfoItemLeft .contactPic { float: left; width:60px; height: 72px; }
#contactGroups .contactInfoItemLeft .contactDetailName { float : left; padding-left: 5px; font-size: 11px; width: 480px; }
#contactGroups .contactInfoItemLeft .contactDetailCompPosition { float: left; padding-left: 5px;  font-size: 11px; width: 480px; }
#contactGroups .contactInfoItemLeft .contactDetailEmailAddr { float: left; padding-left: 5px;  font-size: 11px; width: 480px; }
#contactGroups .contactInfoItemLeft .contactDetailTerritoryInfo { float: left; padding-left: 5px;  font-size: 11px; width: 480px; }

#contactGroups .contactInfoItemLeft #contactDetailTerritory { margin-left: 5px; }
#contactGroups .contactInfoItemLeft .contactDetailTerritoryTitle { float:left; padding-left: 5px; font-weight: bold; }
#contactGroups .contactInfoItemLeft .contactDetailTerritoryInfo { float:left; }

.contactDetailTerritoryTitle_Front { float:left; padding-left: 10px; font-weight: bold; }

#contactGroups .contactInfoItemRight { float: right; width: 360px; }
#contactGroups .contactInfoItemRight .contactInfoEditLeftBtns { float: left; width: 50% }
#contactGroups .contactInfoItemRight .contactInfoEditLeftBtns .contactDetailEditBtn { float: left; width: 180px; }
#contactGroups .contactInfoItemRight .contactInfoEditLeftBtns .contactDetailRemoveBtn { float: left; width: 180px; }
#contactGroups .contactInfoItemRight .contactInfoEditLeftBtns .contactDetailTerritoryBtn { float: left; }
#contactGroups .contactInfoItemRight .contactInfoEditRightBtns { float: left; width: 50% }
#contactGroups .contactInfoItemRight .contactInfoEditRightBtns .contactDetailUpBtn { float: left; }
#contactGroups .contactInfoItemRight .contactInfoEditRightBtns .contactDetailDownBtn { float: left; }


#contactGroups .groupDetails { width: 473px; }
#contactGroups .contactImage {width: 60px; }
#contactGroups .contactsDetails{ padding-left: 10px; width: 600px; }
#contactGroups .contacttitle { font-size: 12pt; font-weight: bold; }
#contactGroups .contactlink { font-size: 14pt; padding: 0 10px; }
#contactGroups .aboutlink { font-size: 14pt; }
#contactGroups .contactSeperator { font-size: 14pt; float: left; padding: 0px 10px 5px 0px; }

#howtocontact
{
    width: 615px;
}

#contactsmap
{
    width: 300px;
    height: 500px;
}


#contactinfo
{
    padding: 15px;
    margin-left: 10px;
    width: 600px;
    height: 500px;
}

#divManagementAdmin
{
    width: 946px;
}
#divSalesAdmin
{
    width: 946px;
}
#divContractsAdmin
{
    width: 946px;
}
#divProductionAdmin
{
    width: 946px;
}

#editContact
{
    cursor: pointer;
}

#editContactCtrl { overflow: hidden; position: relative; }
#editContactCtrl .bt,
#editContactCtrl .bb,
#editContactCtrl .bdrbottom,
#editContactCtrl .bdrtop,
#editContactCtrl .bdrtop .fill { width: 300px;} 

#editContactCtrl #bdrcontainer { padding-top: 0px; overflow: hidden; }
#editContactCtrl #bdrcontainer .bdrtop { height: 14px; } 

#editContactCtrl #itemcontainer { width: 400px; padding: 0px 4px; float: left; }

#editContactCtrl .container { padding: 0px 10px; }
#editContactCtrl .contents { width: 192px; float: left; background-color: #FFFFFF; }

/* About Us Entertainment & Production
----------------------------------------------------------------------------------*/
#aboutUs { width:100%; padding: 0px 10px; }
#compOverviewEnt  {width:60%; float:left; }
#compOverviewEnt .aboutEntText { float:left; }
#compOverviewEnt .aboutEntLogoRight { float:left; }
#compOverviewEnt .companyName {width:200px;float:left; }
#compOverviewEnt .companyNr{ width:200px;float:left; }
#compOverviewEnt .3ddAddress{ width:200px;float:left; }
#compOverviewEnt .compTitle{ width:200px;float:left; font-weight:bold; }
#compOverviewEnt .compRegNr{ width:200px;float:left; font-weight:bold; }
#compOverviewEnt .addressDetailsLeft{ width:200px;float:left; font-weight:bold; }
#compOverviewEnt .addressDetailsRight{ width:300px;float:left; font-weight:bold; }
#picturesEnt{ width:38%; float:right; margin: 0 0 0 10px; }
#aboutUs .disclosurePolicyLink { font-size: 11pt; margin-bottom:20px; font-weight:bold; }
.line20pxBreak { width:100%;clear:both;height:20px; }
#aboutUs .aboutPic { width:346px; height:232px; }
#aboutUs .textWithoutLogo {width:70%; float:left; }
#aboutUs .logoPosition { float:right; }

/* Disclosure Policy
--------------------------------------------------------------*/
#disclosure { width:100%; padding: 0px 10px; }
#disclosure .backToAbout { font-size: 11pt; margin-bottom:20px; font-weight:bold; }
#disclosure .titles { font-weight:bold; }
#disclosure .disclosureContent { margin: 10px 0 10px 0; }

/* Alternate Home Page
--------------------------------------------------------------*/
#altHomePage
{
    width: 795px; margin: 0 0 0 50px;
    border: 20px solid #e2e2e2;
    
}
#altHomePage #picturelinkBlock
{
    width: 755px; margin: 20px 20px 20px 20px;
    height: 453px;
}
#altHomePage #picturelinkBlock .pictureLinkItem
{
    width: 151px; height: 151px;
    float:left;
}

/* Edit Contact
--------------------------------------------------------------*/
#contactDetails
{
	float: left;
	width: 450px;
	position: absolute;
	z-index: 1003;
	top: 165px;
	left: 65%;
	margin-left: -380px;
	font-size: 1.4em;
	text-align: left;
	border: 1px solid black;
	background-color: White;
	min-height: 380px;
}
#contactDetails #innerDetails
{
	margin: 20px 20px 20px 20px;
}
#contactDetails #innerDetails .itemFullWidth
 {
     width: 100%;
 }
#contactDetails #innerDetails .itemTitle
{
    width: 180px;
    margin: 0px 0 0 0;
    float: left;
}
#contactDetails #innerDetails .itemDetail
{
    width: 230px;
    margin: 0px 0 0 0;
    float: right;
}
#contactDetails #innerDetails .itemButtons
{
    float: right;
    width: 220px;
    margin: 40px 0 0 0;
}
#contactDetails #innerDetails .itemButton
{
    float: right;
    width: 110px;
}
 /* Edit Contact Image
------------------------------------------------------------*/
 #contactImageDetails
{
	float: left;
	width: 450px;
	position: absolute;
	z-index: 1003;
	top: 165px;
	left: 65%;
	margin-left: -380px;
	font-size: 1.4em;
	text-align: left;
	border: 1px solid black;
	background-color: White;
	min-height: 180px;
}
#contactImageDetails #innerDetails
{
	margin: 20px 20px 20px 20px;
}
#contactImageDetails #innerDetails .itemClose
 {
     float: right; height: 10px; width: 40px;
     font-size: 9pt;
 }
#contactImageDetails #innerDetails .centreItem
 {
     width: 50%; margin: auto;
 }
#contactImageDetails #innerDetails .lineBreak10px
 {
     width: 100%;
     height: 10px;
 }
 #contactImageDetails #innerDetails .uploadBtn
 {
     width: 85px;
 }
 #contactImageDetails #innerDetails .imageDimensions
 {
     font-size: 9pt;
 }
/* Your Comments
-------------------------------------------------------------*/
#tbComments{ overflow: auto;}

#yourcomments { overflow: hidden; position: relative; }
#yourcomments .bt,
#yourcomments .bb,
#yourcomments .bdrbottom,
#yourcomments .bdrtop,
#yourcomments .bdrtop .fill { width: 440px;} 

#yourcomments #bdrcontainer { padding-top: 0px; overflow: hidden; }
#yourcomments #itemcontainer { padding: 0px 4px; }

#yourcomments .container { padding: 0px 10px; float: left; }
#yourcomments .contents { width: 100%; float: left; background-color: #000000; }

#yourcomments .button { width: 200px; margin-left: auto; margin-right: auto; overflow: hidden; }
#yourcomments .button .bt,
#yourcomments .button .bb,
#yourcomments .button .bdrbottom,
#yourcomments .button .bdrtop { width: 172px; }
#yourcomments .button .br { z-index: 0; }

#yourcomments .button .bdrcontainer { padding-top: 0px; overflow: hidden; }
#yourcomments .button .bdrcontainer .bdrtop,
#yourcomments #bdrcontainer .bdrtop { height: 14px; } 

#yourcomments #details { float: left; }

#yourcomments .button .itemcontainer { padding: 0px 4px; }

#yourcomments #leftcol,
#yourcomments #rightcol { width: 220px; padding: 10px 0px; float: left; }

#yourcomments input { width: 190px; }
#yourcomments input.nobutton { background-color: #000000; color: #FFFFFF; }
                                
#yourcomments span { font-weight: bold; }

#yourcomments #commentsmessage { width: 420px; padding: 20px; text-align: center; }

/* Edit Contact Territory
------------------------------------------------------------*/
 #contactTerritory
{
	float: left;
	width: 450px;
	position: absolute;
	z-index: 1003;
	top: 165px;
	left: 65%;
	margin-left: -380px;
	font-size: 1.4em;
	text-align: left;
	border: 1px solid black;
	background-color: White;
	min-height: 280px;
}
#contactTerritory #innerDetails
{
	margin: 20px 20px 20px 20px;
}
#contactTerritory #innerDetails .itemClose
 {
     float: right; height: 10px; width: 40px;
     font-size: 9pt;
 }
#contactTerritory #innerDetails .centreItem
 {
     text-align: center;
     width: 50%; margin: auto;
 }
#contactTerritory #innerDetails .lineBreak10px
 {
     width: 100%;
     height: 10px;
 }
#contactTerritory #innerDetails #textbox
{
    width: 100%;
}
#contactTerritory #innerDetails #btns
{
    float: right;
}