/* ---------- Text styles ---------- */
* html body{
behavior:url(/other_files/csshover2.htc);
}
.clear {
clear:both;
}

table { empty-cells:show; }
tr { empty-cells:show; }
td { empty-cells:show; }

h1 {font-size: 11px; padding:0; margin:0px}
h2 {font-size:19px; font-weight: normal;padding:0 0 0 0; margin:0 0 8px 0;}
p {padding: 0; margin:0 0 10px 0;}

p.red {
color:#9B132B;
font-weight:bold;
padding:0;
margin:0 0 3px 0;
}

.pagetitle {
font-size:18px; 
font-weight: normal;
padding:20px 15px 15px 15px;
margin:0;
border:0px solid red;
}

.previewleft .pagetitle p {
font-size:18px; 
font-weight: bold;
padding:0;
margin:0;
border:0px solid red;
}

.pagetitle p {
font-size:18px; 
font-weight: normal;
padding:20px 15px 15px 15px;
margin:0;
border:0px solid red;
}

.pagetitlereeldetail {
font-size:18px; 
font-weight: normal;
padding:20px 15px 15px 15px;
margin:0;
border:0px solid red;
background:url(../../../other_files/img/pagetitle-reeldetail.gif) repeat-x;
}

/* ---------- Repeating background image ---------- */

html {
background: #000;
}

body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#013B76;
padding:0px;    
margin:0px;
}

#outer {
width:100%;
background: #000;
}

/* ----------container to center layout (does not include footer) ---------- */

#container {
width:995px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
border-left:1px solid black;
border-right:1px solid black;
background: #fff url('../../../other_files/img/container-bg.png') repeat-x;


background: #fff url('../../../other_files/img/container-bg-glow.png') repeat-x;
border:0px solid orange;
}

/* ---------- top banner -------------- */

#banner {
text-align: center;
padding: 0px;
margin: 0px; 
height:110px;
border:0px solid red;
}

#banner img {padding:0px 0px;} 


/* ---------- top navigation (holder for search, browse, login) -------------- */

#topnav {
text-align: left;
padding:6px 0 2px 0;
margin:0 0 0 0;
height:39px;
_padding:4px 0 4px 0;
border:0px solid red;
overflow:hidden;
background: url('../../../other_files/img/topnav-bg.png') no-repeat;
}

.search {
border-left:0px solid blue;
border-right:0px solid blue;
float:left; 
margin-left:20px;
display:inline;
}

.browse {
border-left:0px solid red;
border-right:0px solid red;
float:left; 
margin-left:21px;
_margin-left:21px;
_margin-top:2px;
display:inline;
margin-right:7px;
}

.login {
border:0px solid orange;
float:left; 
font-size:7px;
margin-left:14px;
display:inline;
}



/* line up IE showreel icon when logged in */

.user-list img {
_padding:2px 0 0 0;
}

/* ---------- Search Form Styles -------------- */ 

.search form {
padding:0;
margin:0;
*margin:-1px 0 0 0;
_margin:1px 0 0 0;
border:0px solid red;
}

.search form label {
display:none;
}

.search .portlet-form .search-input {
border:0px solid #fff;
display:inline;
padding:0;
margin:0;
}

.search .portlet-form-input-field {
border:1px solid #6eb8dc;
margin:0 0 0 0;
padding:5px;
*padding:7px;
font-size:19px;
*font-size:17px;
font-weight:bold;
color:#6eb8dc;
background:#408AC9 url('../../../other_files/img/searchbar-bg.gif') repeat-x;
width:246px;
*width:242px;
color:#5D9CD3;
}

.search .portlet-form-button {
border:1px solid #6eb8dc;
margin:0 0 0 -5px;
padding:4px;
font-size:19px;
*font-size:17px;
background: url('../../../other_files/img/topnav-button-searchicon.gif') bottom repeat-x;
width:51px;
cursor: pointer; /* cursor: hand; for IE5 */
}


/* ---------- Login/Logout Form Styles -------------- */

.logout-register {
position:relative;
margin:0 0 0 -8px;
padding:0;
width:30px;
height:10px;
left:909px;
top:-12px;
*left:914px;
*top:-58px;
}

#topnav .login form {
border:0px solid red;
_width:306px;
}

#topnav .login form label {
display:none;
}


#topnav .portlet-form-input-field.text {
border:1px solid #6eb8dc;
background:transparent;
font-weight:bold;
color:#5396CF;
display:inline;
margin:0px 2px 0 0;
_margin:1px 2px 0 0;
padding:8px;
width:95px;
}

#topnav .portlet-form-input-field.password {
border:1px solid #6eb8dc;
background:transparent;
color:#5396CF;
display:inline;
margin:0 9px 0 0;
padding:8px;
width:95px;
}

#topnav .login .portlet-form-button {
border:0px solid #6EB8DC;
display:inline;
background:transparent;
color:#5396CF;
text-transform:uppercase;
font-weight:bold;
margin:0 0 1px -3px;
_margin:0 0 0 -5px;
padding:0 0 0 0;
_padding:0 0 14px 0;
_width:55px;
cursor: pointer; /* cursor: hand; for IE5 */
border:0px solid red;
}

#topnav .login .portlet-msg {
margin-left:-20000px;
}

/* Logout 

#submit-user-logout {
border:0px solid #fff;
background:transparent;
font-weight:bold;
color:#5396CF;
display:inline;
margin:0 0 0 0;
padding:2px 2px 2px 2px;
float:right;
font-size:11px;
}

*/


.logout-register a {
font-weight:bold;
color:#5396CF;
display:inline;
margin:20px 0 0 0;
padding:2px 4px 2px 0;
font-size:12px;
text-decoration:none;
border-left:8px solid transparent;
_border:0px solid red;
_float:right;
}

.logout-register a:hover {
font-weight:bold;
color:#5396CF;
display:inline;
margin:20px 0 0 0;
padding:2px 4px 2px 0;
_float:right;
font-size:12px;

}

.logout-register a:visited {
font-weight:bold;
color:#5396CF;
display:inline;
margin:20px 0 0 0;
padding:2px 4px 2px 0;
_float:right;
font-size:12px;
text-decoration:none;
}



/* ---------- main content container ----------------- */

#contentarea { 
border:0px solid orange;
width:100%;
margin:0;
padding:0 0 40px 0;
}

/* ---------- taxonomy holder div ----------------- */ 

#taxonomy {
width:100%;
background:#fff;
margin:0;
padding:0;
border:0px solid green;

height:162px;
}


/* ---------- [two column content areas] ----------------- */ 
 
#left {
float:left; 
width:300px; 
margin:0 0 15px 0;
padding:15px 0px 15px 20px;
border:0px solid blue;
}
 
#right {
float:left; 
margin:0 0 0 16px;
padding:15px 0px 15px 0;
border:0px solid red;
width:640px;
}

#right img {
margin:3px 0 10px 0;
padding:0 0 0 0:
width:196px;
height:71px;
}

/* Home page - news and latest programmes all as hyperlinks. */

#left p.title a {
color:#9B132B;
background: none;
border:0px solid red;
padding:0px 0px 0px 0px;
font-weight:bold;
font-size:11px;
_display:block;
}

#left p.body a {

color:#013B76;
background:none;
border:none;
font-weight:normal;
text-decoration:none;
font-size:9px;
}

#left p.body a.read_more {
border:1px solid #cedeed;
font-weight:bold;
margin:0 0 10px 0;
padding:1px 2px;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
}

#right p.prog_title a {
color:#9B132B;
background: none;
border: none;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-size: 11px;
}

#right div.prog_body a {

color:#013B76;
background:none;
border:none;
font-weight:normal;


}

#right div.prog_body p a.read_more {
border:1px solid #cedeed;
font-weight:bold;
margin:10px 0 10px 0;
padding:1px 2px;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
}




/* ---------- [inners - sit within right area on homepage] ----------------- */ 

.innercontainer {
display:inline;
border:0px solid white;
margin:0 0 0 0;
padding:0 0 0 0;
}

.innercontainer h2 {
border:0px solid pink;
margin:0 0 0 0;
padding:0 0 0 13px;
}

.innercontainer a {
border:1px solid #cedeed;
font-weight:bold;
margin:0;
padding:1px 2px;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
}

.innerleft {
width:218px;
margin:0 0 15px 0;
padding:0;
border:0px solid red;
float:left;
}

.innerleft img {
border:1px solid #001C4C;
}

.innermiddle {
width:218px;
margin:0 0 15px 0;
padding:0;
border:0px solid blue;
float:left;
}

.innermiddle img {
border:1px solid #001C4C;
}

.innerright {
width:196px;
margin:0 0 15px 0;
padding:0;
border:0px solid green;
float:left;
}

.innerright img {
border:1px solid #001C4C;
}

/* ---------- [full width content area] ----------------- */ 

#fullwidth {
width:100%;
margin:0;
padding:0;
border:1px solid green;
background:white;
}

#fullwidth h1 {font-size: 11px; padding:0; margin:0px}
#fullwidth h2 {font-size:20px; font-weight: normal;padding:0; margin:0 0 8px 0;}
#fullwidth p {padding: 0; margin:0 0 10px 0;}



/* ---------- [homepage - latest progs table]---------- */

table.homelatest {
border:0px solid blue;
width:640px;
margin:0 0 0 0;
padding:0 0 0 15px;
}

table.homelatest img {
border:0px solid blue;
cursor:pointer;
}

table.homelatest td {
border:0px solid lightblue;
margin:0 0 0 0;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}


.homelatest a {
background:transparent;
}


/* ---------- [homepage - key brand area]---------- */

.home-keybrandfocus {
float:left;
padding-top:10px;
border-top:1px solid silver;
margin-left:31px;
}
.home-keybrandfocus .left-logo{
margin-top:59px;
float:left;
}
.home-keybrandfocus .divider{
float:left;
margin:35px -25px 0 25px;
}
.home-keybrandfocus .right-side{
float:left;
}
.home-keybrandfocus img{
border:0;
}

.home-keybrandfocus table td.last{
border: 0px solid red;
padding-top: 12px;
}

.home-keybrandfocus table td{
padding-left:52px;
padding-bottom:5px;
text-align:center;
}

/* ---------- About Us ----------------- */ 
 
.aboutcontainer {
margin:0;
padding:15px;
border:0px solid blue;
}

.aboutcontainer p {
font-size:14px;
margin:0;
padding:15px 15px 15px 15px;
}

.aboutcontainer h1 {
font-size:16px;
font-weight:bold;
margin:0;
padding:15px 15px 15px 15px;
}

/* Left Area */

.aboutleft {
float:left; 
width:600px; 
border:0px solid silver;
margin:0 0 15px 0;
padding:0 0 0 0;
border:1px solid #d8d8d8;
background:white;
}

.aboutleft2 {
float:left; 
width:600px; 
margin-bottom:30px;
border:0px solid silver;
margin:-147px 0 15px 0;
_margin:-23px 0 15px 0;
padding:0 0 0 0;
border:1px solid #d8d8d8;
background:white;
}

.aboutleft p {
font-size:12px;
margin:0 0 0 0;
padding:0px 15px 15px 15px;
border:0px solid green;
line-height:150%;
}

.aboutleft2 p {
font-size:12px;
margin:0 0 0 0;
padding:0px 15px 15px 15px;
border:0px solid green;
}

.aboutleft2 strong {
font-size:12px;
margin:0 0 0 0;
padding:0px 0px 0px 15px;
border:0px solid green;
}

.aboutleftfoot {
border:1px solid #d8d8d8;
background:white;
width:600px;
height:2px;
border:0;
_margin-bottom:-11px;
padding:0;
}

/* Right Area */ 

.aboutright {
float:right; 
border:1px solid #d8d8d8;
background:white;
width:348px;
margin:0;
padding:0;
}

.aboutright2 {
clear:right;
float:right; 
border:1px solid #d8d8d8;
background:white;
width:348px;
margin:15px 0 0 0;
_margin:0px 0 0 0;
padding:0;
}

.aboutright p {
font-size:16px;
_font-weight:bold;
margin:0;
padding:15px;
}

.aboutright2 p {
font-size:16px;
_font-weight:bold;
margin:0;
padding:15px;
}

.aboutrightfoot {
width:346px;
height:2px;
padding:0 0 0 0;
_margin:0 0 -11px 0;
}

.aboutrightfoot2 {
width:346px;
height:2px;
padding:0 0 0 0;
_margin:0 0 -11px 0;
}


/* - About us white page links  - */

.whitenav {
border:0px solid red;
padding:20px 15px 0px 15px;
color:white;
}

.whitenav a {
font-size:16px;
font-weight:normal;
text-decoration:none;
color:white;
margin-right:20px;
}

.whitenav a:visited {
font-weight:normal;
text-decoration:none;
}

.whitenav a.active {
text-decoration:none;
font-weight:bold;
_font-size:17px;
}

p.title {
font-size:24px;
font-weight:normal;
text-decoration:none;
color:white;
padding-bottom:6px;
}

p.title a {
font-size:24px;
font-weight:normal;
text-decoration:none;
color:white;
}

/* -  CONTACT US  - */

/* - About us white page links  - */

/* white pageintro area */

.whitenav-contact {
float:left;
padding:15px 0 0 20px;
margin:0;
color:white;
width:230px;
float:left;
}

/* white pageintro */

.whitenav-contact .title {
padding:0 0 15px 0;
margin:0;
border:0px dotted blue;
}

/* white pageintro para */

.whitenav-contact p {
padding:0 0 0 20px;
margin:0;
}


/* white country title*/

h2.contacttitle {
color:#fff;
border:0px solid red;
margin:0 0 0 6px;
padding:0;
}

.mapcontainer {
border:0px solid red;
margin:0;
padding:0;
}

.mapClass {
border:0px solid red;
float:right;
padding:0;
margin:-98px 0 0 255px;
_padding:0px 0px 0 0;
background:url(../../../other_files/img/world_map.png) no-repeat;
}

.map {
border:0px solid orange;
float:right;
padding:0;
margin:-1px 0 0px 0;
_padding:0px 0px 0 0;
}

.contacttable table{
border:0px solid orange;
margin:0 0 0 32px;
_margin:0 0 0 14px;
padding:0;
width:940px;
}

.contacttable table td {
margin:0;
padding:0;
}

/*  ----------------footer---------------------- */ 

#footercontainer {
clear:both;
padding:0;
margin:0 0 60px 0;
width:100%;
background: #000;
height:50px;
} 

#footer {
padding:0;
margin:0;
width:995px;
margin-left: auto;
margin-right: auto;
text-align:left;
background: #fff url('../../../other_files/img/footer-bg-long.png') repeat-x;
border-left:1px solid black;
border-right:1px solid black;
height:67px;
} 

/* site links */

.botnav {
margin:0;
padding:5px 0 0 20px;
border:0px solid orange;
}

.botnav img {
border:0px solid red;
margin:0 10px 0 0;
padding:0 0 0 0;
}

.botnav img.last {
border:0px solid red;
margin:0 0 0 194px;
padding:0 0 0 0;
}

/* link to archive site */

.botlink {
margin:0;
padding:0 0 0 0;
border:0px solid orange;
}

.botlink img {
border:0px solid blue;
margin:8px 0 0 847px;
padding:0 0 0 0;
}

/* ---------- 
 General Taxonomy styling for catalogue
 More styling inline (in search portlet Id=230) to override tree.css
 ---------- */

/* Hide branch and folder images */

IMG.webfx-tree-icon {display:none;}
.webfx-tree-container IMG {display:none;}

/* Set container size with scrollbars */

.webfx-tree-container {
border:1px solid #666;
width:242px;
height:120px;
overflow:auto;
background:white;
}


/*  ---------------- Search Results Page ---------------------- */ 

.paginationStatus {
display:none;
}

.paginationPageLink {
display:none;
}

/* No. of results bar */

.resultno {
border:0px solid purple;
height:25px;
background:url(../../../other_files/img/searchresults-resultno.gif) repeat-x;
margin:0 0 0 0;
*margin:0 0 -18px 0;
_margin:0 0 0 0;
padding:0;
}

.resultno p {
margin:0 0 0 0;
padding:7px 0 0 8px;
color:#368FDC;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

/* --- Search Results Page - table --- */ 

table.searchresult {
border-top:0px solid #97BEE0;
margin:1px 0 0 0;
_margin:-18px 0 0 0;
padding:0;
}

.searchresult td {
border-right:1px solid #97BEE0;
margin:0;
padding:4px;
text-align:center;
cursor:pointer;
}

.searchresult td.last {
border-right:0px solid black;
margin:0;
padding:4px;
text-align:center;
}

.searchresult a {
border:1px solid #cedeed;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
}

.tblhead th {
background:#d8ebfa url(../../../other_files/img/searchresults-tblhead2.gif) repeat-x;
color:white;
font-size:10px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
padding:3px 10px 5px 10px;
margin:0:
}


tr.r1 {background:#D8EBFA;}
tr.r0 {background:#C4E0F9;}

.searchresult tr.r1:hover {background:#D8EBFA;color:#3589cf;}
.searchresult tr.r0:hover {background:#C4E0F9;color:#3589cf;}

.searchresult tr.r1:hover a {background:#D8EBFA;color:#3589cf;text-decoration:none;}
.searchresult tr.r0:hover a {background:#C4E0F9;color:#3589cf;text-decoration:none;}



/* search results table - cell with image info */

.cat-img {
width:230px;
}

.cat-imgpreview {
width:50px;
float:left;
padding:0;
margin:2px 5px 2px 2px;
}

.cat-imgdescr {
float:left;
width:170px;
_width:auto;
text-align:left;
}

.cat-imgdescr h1, p {
margin:0;
padding:0;
}

/* bottom table cell, full width */

td.tblfoot {
background:url(../../../other_files/img/searchresults-tblfoot.gif) repeat-x;
margin:0 0 0 0;
_margin:0 0 -10px 0;
padding:20px 20px 0 0;
*padding:17px 20px 0 0;

text-align:right;
border:0px solid blue;

height:120px;
*height:103px;

}

/* Add to showreel button */

table.foot {
border:0px solid blue;
width:100%;
margin:0;
padding:0;
}

.tblfoot input {
background:white;
margin:0 0 0 0;
padding:0 0 0 0;
color:#D54755;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
border:1px solid #cedeed;
cursor: pointer; /* cursor: hand; for IE5 */
}

/* ---------- News List ----------------- */ 

.aboutright2 .newstitle h1 {
margin:0;
padding:10px 15px 5px 15px;
font-size:14px;
}

.aboutright2 .newsitem {
width:340px;
height:200px;
overflow: auto;
}

.aboutright2 .newsitem .box{
margin:0;
padding:5px 10px 5px 10px;
font-size:10px;
border:0px solid purple;
}

.aboutright2 .newsitem .highlight1 {
margin:0;
padding:5px 0px 5px 0px;
background:#E9F0F2;
font-size:10px;
border:0px solid purple;
}

.aboutright2 .newsitem .highlight0 {
margin:0;
padding:5px 0px 5px 0px;
font-size:10px;
border:0px solid purple;
}

.aboutright2 .newsitem .highlight1 a {
font-size:10px;
color:#d54755;
text-decoration:none;
padding:0 0 0 0;
margin:0 0 0 0;
}

.aboutright2 .newsitem .highlight0 a {
font-size:10px;
color:#d54755;
text-decoration:none;
padding:0 0 0 0;
margin:0 0 0 0;
}


/* ---------- Preview Page ----------------- */ 

.previewcontainer {
margin:0;
padding:15px;
border:0px solid pink;
}

/* Left Area */

.previewleft {
float:left; 
margin:0 0 15px 0;
padding:0 0 0 0;
border:1px solid #d8d8d8;
width:599px;
background:#fff;
}

.previewleft .label {
display:block;
border:0px solid red;
font-size:12px;
margin:0 0 0 0;
padding:0px 15px 0 15px;
}

.previewleft .text {
border:0px solid red;
font-size:12px;
margin:0 0 0 0;
padding:0px 15px 0 15px;
}

.previewleft td.right {
border:0px solid orange;
width:200px;
}


.previewleft p {
font-size:12px;
margin:0 0 0 0;
padding:0px 15px 15px 15px;
border:0px solid green;
}

.previewleft P SPAN.left {
font-size:12px;
margin:0 0 0 0;
padding:0 1px 0 0;
border:0px solid white;
float:left;
display:block;
}
.previewleft P SPAN.right {
font-size:12px;
border:0px solid green;
display:block;
margin-left:100px;
}
.previewleft #options_box table.top {
border-bottom:1px solid #d8d8d8;
margin:0 0 0 0;
height:40px;
}

.previewleft #options_box table.bottom {
border-top:1px solid #CCCCCC;
padding:0px 0 0 0;
margin:20px 0 0 0;
height:40px;
}

.previewleft #options_box td.indent {
padding:2px 0 0 15px;
}

.previewleft #options_box a {
border:0px solid red;
background:white;
margin:0 0 15px 0px;
padding:0 0 0 0;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
_width:130px;
}




.previewleft #options_box input {
border:0px solid red;
background:white;
margin:4px 15px 0 0;
padding:0 0 0px 0;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
_width:130px;
font-family:verdana;
float:right;
}

.previewleftfoot {
width:597px;
height:2px;
border:0;
_margin-bottom:-11px;
padding:0;
background:#fff;
}

/* Right Area */

.previewright {
float:left;
width:311px;
text-align:right;
margin:-15px 0 0 20px;
_margin:-15px 0 0 22px;
padding:15px;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
background:#fff;
}

.previewright a {
font-size:12px;
color:#013b76;
margin:0;
padding:0;
}

.previewright .back{
border:1px solid #cedeed;
font-weight:bold;
margin:0;
padding:1px 2px;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
text-transform:uppercase;
}

.previewright p {
font-size:16px;
font-weight:bold;
margin:0;
padding:15px;
}

.previewrightimg {
width:311px;
height:220px;
padding:0;
margin:0 0 10px 0;
}



/* Video Options Table */

table.videocontroller1 {
border:1px solid #E6EFF6;
margin:0;
padding:0;
}

table.videocontroller1 tr td.first {
text-align:center;
padding:0;
margin:0;
}

table.videocontroller1 tr td {
text-align:center;
width:300px;
font-size:10px;
padding:0 5px 0 11px;
margin:0;
color:#444444;
}

table.videocontroller1 tr td.fullheight {
text-align:left;
width:30px;
padding:0;
margin:0;
border-left:1px solid #E6EFF6;
background:#E6EFF6;
}

table.videocontroller1 td.play {
padding:0 0 0 0;
margin:0 0 0 0;
border-left:1px solid #E6EFF6;
}

table.videocontroller1 tr td h1 {
font-size:9px;
font-weight:bold;
padding:6px 0;
}

.previewrightfoot {
width:238px;
height:2px;
}







/* Video Options Table -- Following is commented out

table.videocontroller {
margin:0;
padding:0;
}

table.videocontroller tr td.first {
text-align:left;
padding:0;
margin:0;
}

table.videocontroller tr td {
text-align:left;
width:300px;
font-size:10px;
padding:0 5px 0 11px;
margin:0;
color:#444444;
}

table.videocontroller tr td.fullheight {
text-align:left;
width:30px;
padding:0;
margin:0;
border-left:1px solid #E6EFF6;
background:#E6EFF6;
}

td.play {
padding:0 0 0 0;
margin:0 0 0 0;
border-right:1px solid #E6EFF6;
}

table.videocontroller tr td h1 {
font-size:9px;
font-weight:bold;
padding:6px 0;
}

.previewrightfoot {
width:238px;
height:2px;
}

*/



/* Video Preview */

.previewright-wmv {
padding:0;
margin:20px 0 10px 0;
text-align:center;
border:0px solid red;
}

.button_space {
text-align:left;
padding:0px 0px 5px 0px;
border:0px solid #babbbc;
}

.button_space input {
border:1px solid #cedeed;
background:white;
margin:0;
padding:0;
color:#d54775;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
}

.previewright-qt {
width:311px;
height:220px;
padding:0;
margin:0 0 10px 0;
background:black;
text-align:center;
border:0px solid red;
}
/*-------------- Associated Documents -------------- */

.previewleft .associateddocs {
display:none;
}

.associateddocs {
border:0px solid red;
width:341px;
float:right;
margin:0 16px 15px 0;
_margin:0 7px 15px 0px;
padding:0;
border-bottom:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
_border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
background:white;
}

.associateddocs h1 {
margin:0;
padding:0 15px;
text-transform:uppercase;
}

.associateddocs p {
margin:0;
padding:15px 15px;
}

.associateddocs a {
border:0px solid red;
background:white;
margin:0 0 15px 0px;
_margin:0 0 0 10px;
padding:0 0 0 0;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
}

.associateddocs td.add_to_showreel {
border:0px solid red;
padding:10px 0 0 0;
}

.associateddocs table {
border:0px solid red;
margin:0 0 0 0;
padding:0 11px 0 11px;
}

.associateddocs input {
border:0px solid red;
background:white;
margin:0 0 15px 0px;
padding:0 0 0 0;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
_width:130px;
font-family:verdana;
}

/* ----------- Showreels ----------- */


.saveshowreel {
border:0px solid green;
margin:0;
padding:20px 0 0 20px;
}

.saveshowreel .portlet-form {
padding:0;
margin:0;
}

.saveshowreel .portlet-form-label {
display:block;
font-size:18px;
}

.saveshowreel .portlet-form-input-field {
border:1px solid #babbbc;
padding:0 0 0 0;
margin:15px 0 15px 0;
font-size:16px;
width:210px;
}

.saveshowreel .portlet-form-button {
border:1px solid #babbbc;
padding:2px;
margin:0;
font-size:16px;
font-weight:bold;
color:#ffffff;
background:url('../../../other_files/img/searchbar-bg.gif') repeat-x;
}

/* New Showreel */

/* theo */

.newshowreel {
border:0px solid red;
margin:0;
padding:0 0 0 0;
width:660px;
float:left;
}


.newshowreel .portlet-form {
width:240px;
padding:0;
margin:0 0 0 0;
float:right;
display:inline;
}

.newshowreel .portlet-form-label {
display:block;
font-size:18px;
}

/*
.newshowreel text.portlet-form-input-field {
border:1px solid #babbbc;
padding:0 0 0 0;
margin:10px 0 10px 0;
font-size:16px;
width:230px;
background:white;
}
*/

.newshowreel textarea.portlet-form-input-field {
border:1px solid #babbbc;
padding:0 0 0 0;
margin:10px 0 10px 0;
font-size:16px;
width:200px;
height:60px;
background:white;
}

.newshowreel .portlet-form-button {
border:1px solid #cedeed;
font-weight:bold;
margin:40px;
padding:1px 2px;
background:url('../../../other_files/img/searchbar-bg.gif') repeat-x;
color:#ffffff;
text-decoration:none;
font-size:15px;
}

.newshowreel a {
border:1px solid #cedeed;
font-weight:bold;
margin:0;
padding:1px 2px;
background:white;
color:#d54775;
text-decoration:none;
font-size:9px;
}

#name a { 
  text-decoration: none;
  color:#013b76;
  margin:0;
  padding:0;
  border: 0;
  background: #d8ebfa;
  font-size:10px;
}


/* Showreel List Table */

.newshowreel table {
margin:0;
padding:0;
width:659px;

border:0px solid red;

}

.newshowreel table tr td.title {
font-size:10px;
text-align:center;
font-weight:bold;
padding:0 10px 5px 10px;
margin:0:
}

.newshowreel table tr td {
border-right:1px solid #97BEE0;
margin:0 0 0 0;
padding:4px;
text-align:center;
}

/* My showreels - list table */

.overpad table tr td {
padding:10px 6px;
}

/* No vertical line cell */

.newshowreel table tr td.noline {
border:0;
}

.newshowreel table tr td a {
border:0;
background:transparent;
}

.newshowreel #name a {
border:0;
background:transparent;
}

.newshowreel td.last {
border-right:0px solid #97BEE0;
margin:0;
padding:4px;
text-align:center;
}

td.showreeltblfoot {
background: #ecf5fd url(../../../other_files/img/showreel-tablefooter-bg.gif) repeat-x;
margin:0;
padding:0;
height:14px;
}


/* My Showreels Page */

.myshowreels table.searchresult {
border-top:1px solid #97BEE0;
margin:0;
padding:0;
width:745px;
}

.myshowreels .searchresult td {
border-right:1px solid #97BEE0;
margin:0;
padding:4px;
text-align:center;
}

.myshowreels .searchresult td.last {
border-right:1px solid #97BEE0;
margin:0;
padding:4px;
text-align:center;
}

.myshowreels .searchresult td.showreeltblfoot {
border-right:0px solid #97BEE0;
margin:0;
padding:4px;
text-align:center;
}

.myshowreels .tblhead td {
height:30px;
background:#d8ebfa url(../../../other_files/img/searchresults-tblhead2.gif) repeat-x;
color:white;
font-size:10px;
text-align:center;
font-weight:bold;
padding:0 10px 5px 10px;
margin:0:
}

.myshowreels p {
margin:0;
padding:5px 15px 15px 15px;
font-size:12px;
float:left;
}

tbody tr.tblhead {
background:#d8ebfa url(../../../other_files/img/searchresults-tblhead2.gif) repeat-x;
color:#fff;
font-size:10px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
padding:3px 10px 5px 10px;
margin:0:
}

/* Showreel contents - right hand side */


.showreeldetailtitle {
border:0px solid red;
float:right;
width:308px;
height:65px;
margin:0 0 5px 0;
padding:0;
border:0px solid orange;
}

/* reel title */

.showreeldetailtitle h2 {
text-transform:uppercase;
font-size:19px; 
font-weight: normal;
padding:0; 
margin:0 0 0 0;
}

/* no. of results */

.showreeldetailtitle h1 {
font-size:19px; 
font-weight: normal;
padding:0; 
margin:0 0 8px 0;
color:#A5BDD4;
}

.myshowreelright {
float:right;
margin:6px 0 0 0;
padding:0 0 0 0;
font-weight: normal;
font-family:verdana;
color:#013b76;
border:0px solid pink;
width:310px;
text-align:left;
}

/* red contact link */

.myshowreelright a {
font-weight:bold;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
color:#D54755;
margin:0 0 0 2px;
padding:0;
display:block;
background:transparent;
border:0px;
}

/* red download link */

.myshowreelright .portlet-form-button {
font-family:verdana;
font-weight:bold;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
color:#D54755;
margin:0 0 0 -8px;
_margin:0 0 0 -52px;
padding:0;
background:transparent;
border:0;
}

/* grey line */

.myshowreelright div.hr {
border-bottom:1px solid #ccc;
width:290px;
margin:0 0 10px 0;
}

.myshowreelright div.hr hr {
display: none;
}

/*send button*/

.myshowreelright .sendemailbutton .portlet-form-button {
margin:5px 5px 0 0;
padding:0 0 0 0;
float:right;
}

/******* Sending Email to Friend ********/

.myshowreelright .portlet-form-input-field{
border:1px solid #7698B9;
background:transparent;
font-weight:bold;
color:#7698B9;
width:280px;
padding:5px;
margin:5px 0 0 0;
}

#ITEM_ATT127_0{
height:100px;
margin:5px 0 5px 0;
}

#text{
border:0px solid red;
margin:0 0 5px 0;
font-size:14px;
font-weight:bold;
}

.showreelfooter {
height:60px;
border:0px solid red;
background:#d8ebfa url(../../../other_files/img/showreel-footer-bg.gif) repeat-x;
margin:15px 0 0 0;
padding:0;
}

/* FAQ */

table.faq {
padding:0;
margin:0 20px;
}

table.faq td.question {
padding:15px;
margin:0 0 0 0;
background:white;
border:1px solid silver;
font-size:14px;
font-weight:bold;
width:230px;
color:#d54755;
}

table.faq td.hspace {
padding:0;
margin:0;
background:transparent;
width:4px;
}

table.faq td.answer {
padding:15px;
margin:0 0 0 0;
background:white;
border:1px solid silver;
font-size:12px;
}

table.faq td.vspace {
padding:0;
margin:0;
background:transparent;
height:15px;
}

/* Taxonomy */

.search-taxonomy {
border:0px solid red;
margin:10px 0 -19px 0;
_margin:0px 0 0px 0;
padding:0;
}

.search-taxonomy #DIV_RESET{
border:0px solid red;
font-size:16px;
}

/* ---------- Login/Register Page -------------- */

/* RIGHT TEXT */

/* White text on right */

.loginwhite {
float:right;
width:240px;
_width:220px;
padding:15px;
margin:25px 10px 0 0;
color:white;
font-size:12px;
}

.loginwhite a {
color:white;
}

/* Blue text on right */

.loginblue {
float:right;
width:240px;
_width:220px;
border:0px solid red;
padding:15px;
margin:25px 10px 0 0;
color:#013b76;
font-size:12px;
}

.logintextwhite{
float:right;
width:240px;
_width:220px;
border:0px solid red;
padding:15px;
margin:25px 10px 0 0;
color:white;
font-size:12px;
}



/* LOGIN AREA */

.whitebox {
margin:15px 0 0 15px;
padding:55px 20px 0 21px;
text-align:left;
border:1px solid #d8d8d8;
background:#fff;
width:650px;
height:105px;
}

.whitebox .portlet-form-input-field.text {
border:1px solid #CEDFEE;
background:transparent;
font-weight:bold;
color:#5396CF;
display:inline;
margin:0 10px 0 0;
padding:8px;
width:184px;
}

.whitebox .portlet-form-input-field.password {
border:1px solid #CEDFEE;
background:transparent;
color:#5396CF;
display:inline;
margin:0 0 0 0;
padding:8px;
width:184px;
}

.whitebox .portlet-form-label {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#013B76;
margin:0 1px 0 0;
padding:0 0 0 0;
border:0px solid brown;
}

.whitebox .portlet-form-button {
color:#9B132B;
border:1px solid #CEDFEE;
background:white;
font-size:12px;
text-transform:uppercase;
margin:20px 8px 15px 0;
padding:0px 3px;
float:right;
}

/* REGISTER AREA */

/* All fields are manadatory text */

.mandatory {
border:0px solid blue;
text-align:right;
margin:0;
padding:4px 22px 0 0;
font-size:12px;
}

/* Register table  */

.whitebox2 {
margin:15px 0 0 15px;
padding:10px 0px 0 15px;
_padding:10px 0px 0 0px;
text-align:left;
width:677px;
_width:692px;
border:1px solid #d8d8d8;
background:#fff;
}

.whitebox2 table {
border:0px solid red;
width:99%;
margin:0;
padding:0;
}

.whitebox2 table td {
border:0px dotted orange;
padding:5px 0;
text-align:left;
}

.whitebox2 table .label_left {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#013B76;
margin:10px 0 0 0;
padding:0 0 0 0;
_padding:0 0 0 23px;
width:275px;
float:left;
border:0px solid orange;
}

.whitebox2 table .label_right {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#013B76;
margin:10px 0 0 0;
padding:0 0 0 0;
width:336px;
_width:324px;
float:right;
border:0px solid red;
}


/* Email cell */

.whitebox2 table td.annoying label {
margin:0 0 0 0;
_margin:0 0 0 23px;
padding:0 0 0 0;
border:0px solid red;
font-size:14px;
}

.whitebox2 table td.annoying .portlet-form-input-field {
border:1px solid #CEDFEE;
background:transparent;
font-weight:bold;
display:inline;
color:#013b76;
margin:0 6px 0 0;
_margin:0 6px 0 0;
padding:8px;
width:307px;
_width:287px;
font-size:16px;
}

.whitebox2 .portlet-form-input-field.text {
border:1px solid #CEDFEE;
background:transparent;
font-weight:bold;
display:inline;
color:#013b76;
margin:0 5px 0 0;
padding:8px;
width:307px;
_width:287px;
font-size:16px;
}

/* custom img contact name */
#span_CUST_ATT_img_contact_name input{
float:right;
margin:-38px 11px 0 0;
}

.whitebox2 label {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#013B76;
margin:0 1px 0 0;
padding:0 0 0 0;
}

.whitebox2 .portlet-form-button {
color:#9B132B;
border:1px solid #CEDFEE;
background:white;
font-size:12px;
text-transform:uppercase;
margin:20px 8px 0px 0;
padding:0px 3px;
float:right;
}

.whitebox2 select {
margin:5px 44px 15px 0px;
_margin:5px 20px 15px 23px;
padding:0px;
width:290px;
border:1px solid #CEDFEE;
float:left;
}

/* postcode box */

.part1 {
display:inline;
}

/* login details */

p.login {
color:#d54755;
font-size:18px;
font-weight:normal;
margin:0;
padding:0 0 0 0;
_padding:0 0 0 21px;
}

.part2 {
margin:0;
_padding-left:21px;
border:0px solid pink;
}

.whitebox2 .part2 .portlet-form-label {
font-weight:bold;
font-size:14px;
text-transform:uppercase;
color:#013B76;
margin:0 1px 0 0;
padding:0 0 0 0;
border:0px solid brown;
font-size:16px;
}

.whitebox2 .part2 .portlet-form-input-field{
border:1px solid #CEDFEE;
background:transparent;
color:#5396CF;
display:inline;
margin:10px 0 0 0;
padding:8px;
width:270px;
display:block;
}

.whitebox2 .block .portlet-form-label {
display:block;
}

.whitebox2 .block .portlet-form-input-field {
display:block;
}

/* Order Box */


.orderbox {
margin:15px 0 0 15px;
padding:20px;
text-align:left;
background:white;
width:603px;
height:140px;
border:0px solid yellow;
}

.orderbox textarea.portlet-form-input-field.{
border:1px solid #CEDFEE;
background:transparent;
font-weight:bold;
color:#5396CF;
display:inline;
margin:0 10px 0 0;
padding:8px;
width:300px;
height:100px;
}

.orderbox .portlet-form-input-field{
border:1px solid #CEDFEE;
background:transparent;
font-weight:bold;
color:#5396CF;
display:inline;
margin:0 10px 0 0;
padding:8px;
}

.orderbox .portlet-form-label {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#013B76;
margin:0 1px 0 0;
padding:0 0 0 0;
border:px solid brown;
}

.orderbox .portlet-form-button {
border:1px solid #babbbc;
padding:2px;
margin:0;
font-size:16px;
font-weight:bold;
color:#ffffff;
background:url('../../../other_files/img/searchbar-bg.gif') repeat-x;
}

.orderbox a, .orderassetinbox a {
border:0px solid #cedeed;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:11px;
}

.orderbox a:hover, .orderassetinbox a:hover {
border:1px solid #cedeed;
font-weight:bold;
background:white;
color:#d54775;
text-decoration:none;
font-size:11px;
}

/* Inbox */

.orderassetinbox {
margin:15px 0 0 15px;
padding:20px;
text-align:left;
background:white;
width:603px;
border:1px solid #d8d8d8;
}

/* My Account - New Password Area (logged in) */

.whitebox3 {
margin:-20px 0 0 15px;
padding:10px 0px 55px 15px;
_padding:10px 0px 0 23px;
text-align:left;
width:677px;
_width:669px;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
background:#fff;
}

.whitebox3 .portlet-form-label {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#013B76;
margin:15px 0px 0 5px;
_margin:15px 0px 0 0px;
padding:0 0 0 0;
width:310px;
display:block;
border:0px solid brown;
}

.whitebox3 .portlet-form-input-field {
border:1px solid #CEDFEE;
background:transparent;
font-weight:bold;
display:inline;
color:#013b76;
margin:10px 5px 0 0;
padding:8px;
width:307px;
_width:287px;
font-size:16px;
}

.whitebox3 .portlet-form-button {
color:#9B132B;
border:1px solid #CEDFEE;
background:white;
font-size:12px;
text-transform:uppercase;
margin:17px 20px 15px 0;
_margin:17px 20px 0 0;
padding:0px 3px;
float:right;
_width:140px;
}

/* ---------- Add Showreel Button ----------------- */ 

.add_showreel a {
float:right;
border:1px solid #cedeed;
font-weight:bold;
margin:0 85px 0 0;
padding:6px;
background:url('../../../other_files/img/searchbar-bg.gif') repeat-x;
color:#ffffff;
text-decoration:none;
font-size:15px;
}


/* Browse Footer Links */

#PleaseLogin {
width:322px;
}


/* Pagination */

.pagination {
display:inline;
border:0px solid red;
position:relative;
margin:-101px 0 0 25px;
padding:0;
font-size:12px;
float:left;
}

.pagination a {
font-weight:bold;
text-decoration:none;
color:#d54775;
margin:0 0 0 0;
padding:2px 3px;
border:1px solid #cedeed;
text-transform:uppercase;
*position:relative;
*left:-345px;

}

.pagination a:hover {
font-weight:bold;
text-decoration:none;
color:#d54775;
margin:0 0 0 0;
padding:2px 3px;
}

.pagination a:visited {
font-weight:bold;
text-decoration:none;
color:#d54775;
margin:0 0 0 0;
padding:2px 3px;
}

.paginationBox {
float:left;
display:inline;
border:0px solid red;
position:relative;
margin:-106px 0 0 155px;
padding:0 0 0 0;
font-size:12px;
width:200px;
vertical-align:top;
}

.paginationBox select {
border:1px solid #cedeed;
color:#d54775;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
position:relative;
top:-2px;
*top:2px;
}

.paginationBox input {
background:#fff;
font-weight:bold;
text-decoration:none;
color:#d54775;
margin:2px 0 2px 0;
padding:0 1px;
border:1px solid #cedeed;
height:19px;
text-transform:uppercase;
}



/* stacking fix for showreel detail page  */

.myshowreelright {
display:block;
float:right;
clear:right;

border:0px solid blue!important;

}

#listForm .myshowreelright {
margin:-70px 0 0 0;
padding:0 0 0 0;
}

.newshowreel #listForm .paginationBox {
border:1px solid blue;
background:wheat;
}

/* theo */

.newshowreel #listForm {
border:0px solid green;
width:659px;
float:left;
margin:15px 0;
}



/* search result padding */

/*

.padorama .tblhead th {
background:#d8ebfa url(../../../other_files/img/searchresults-tblhead2.gif) repeat-x;
color:white;
font-size:10px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
padding:10px 10px 10px 10px;
margin:0:
}

*/

/****** Back link on Catalogue Detail Page *******/

.back_link a{
border:0px solid red;
font-size:18px;
padding:0 0 0 15px;
font-weight:bold;
color:white;
text-decoration:none;
}

.back_link a:visited {
font-size:18px;
padding:0 0 0 15px;
font-weight:bold;
color:white;
text-decoration:none;
}

.back_link a:hover{
font-size:18px;
padding:0 0 0 15px;
font-weight:bold;
color:white;
text-decoration:none;
}

.link_footer {
border-bottom:2px solid #999999;
}

.showreelpagetitle {
font-size:18px; a
font-weight: normal;
padding:20px 15px 15px 15px;
margin:0;
border:0px solid red;
}

.showreelpagetitle h1{
font-size:20px; 
font-weight: normal;
padding:0;
margin:0;
border:0px solid red;
}



.faqlink {
border:0px solid red;
width:245px;
float:right;
clear:right;
padding:10px 0;
}

.faqlink a {

  color:#013b76;
  margin:0;
  padding:0;
  border: 0;
  font-size:12px;
}

/********    Delete button greyed out if the current user is not the creator of that showreel   ******/

#grey-button{
font-weight:bold;
margin:0;
padding:1px 2px;
color:grey;
text-decoration:none;
font-size:9px;
}

/***************************************************************** ************************/

/********  SEND PASSWORD REMINDER and REGISTER button on /home/register_login/ page  ******/

/******************************************************************************************/

#send-password-reminder {
color:#9B132B;
border:1px solid #CEDFEE;
background:white;
font-size:12px;
text-transform:uppercase;
margin:20px 8px 0px 0;
padding:0px 3px;
float:right;
position:relative;
top: 90px;
right: 282px;
*top:80px;
*right:272px;
*width: 180px;
_top: 80px;
_right: 262px;
_width: 180px;
}


#register-button {
color:#9B132B;
border:1px solid #CEDFEE;
background:white;
font-size:12px;
text-transform:uppercase;
margin:20px 8px 0px 0;
padding:0px 3px;
float:right;
position:relative;
top: 90px;
right: 282px;
*top:80px;
*right:272px;
*width: 180px;
_top: 80px;
_right: 262px;
_width: 180px;
}

/**************************************/

/*****  Search Box on FAQ Page *******/

/*************************************/


.faq_search {
margin:0px 0 15px 20px;
padding:20px 0px 10px 20px;
text-align:left;
background:white;
width:933px;
height:30px;
border:1px solid #c0c0c0;
}

.faq_search .portlet-form-input-field {
border:1px solid #B2C4D6;
font-weight:bold;
color:#5396CF;
display:inline;
margin:0 10px 0 20px;
padding:2px;
float:left;
width:600px;
}

.faq_search .portlet-form-label {
display:inline;
font-size:16px; 
font-weight:bold;
color:#d54755;
float:left;
border:0px solid purple;
padding:3px 0 0 0;
margin:0 0 0 -2px;
}

.faq_search .portlet-form-button {
border:1px solid #B2C4D6;
margin:0 10px 0 0;
background: #fff;
color:#d54755;
width:70px;
font-size:16px; 
font-weight:bold;
height:22px;
display:inline;
float:left;
cursor: pointer; /* cursor: hand; for IE5 */
}