/* Mediabase CSS -- September 2006*/

/* Page layout */

.elementRoleNames
{
	font-size: 0.9em;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	color: #797979;
	background-color: #F3AC15;
}

p
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #797979;
}

/* List bullets for leftnav (circled arrow) */
#navAlpha li
{
	list-style-image: url(images/circledArrow.gif);
}


#navAlpha li
{
	margin-bottom: 5px;
	padding: 0px;
}

html > body #navAlpha li
{
	margin: 0px;
	padding: 0px;
}
#navAlpha li a
{
	position: relative;
	top: -3px;
	left: 0px;
}

html > body #navAlpha li a
{
	position: relative;
	top: -5px;
	left: -5px;
}

.hiddenDescription
{
	display: none;
}



/* Generic list bullets (yellow cirlces) : positioned for IE6*/
li
{
	list-style-image: url(images/bullet-spaced.gif);
	margin-left: 40px;
	margin-top: 3px;
	margin-bottom: 13px;
}

/* Generic list - positioned for Firefox */
html > body li
{
	list-style-image: url(images/bullet.gif);
	margin-left: 50px;
	margin-top: 8px;
	margin-bottom: 0px;
}

h1
{
	padding: 12px 0px 10px 0px;
	margin: 0px;
	width: 60%;
	text-align: left;
	font-size: 1.9em;
}
h2
{
	background-color: #F3AC15;
	color: White;
	padding: 10px 0px 10px 75px;
	margin: 20px 0px 5px 0px;
	font-size: 1.2em;
}

h2.AwardH2
{
	color: #797979;
	font-size: 1.2em;
	padding: 5px;
	margin: 0px;
	background-color: white;
}

h3
{
	margin: 20px 0px 5px 0px;
	border-bottom: 1px dashed #797979;
}

h4
{
	background-color: #F3AC15;
	color: White;
	padding: 3px 3px 3px 6px;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
}



A:link
{
	color: #797979;
	text-decoration: none;
}
A:visited
{
	color: #797979;
	text-decoration: none;
}
A:hover
{
	color: #797979;
	text-decoration: none;
}

.recentAdded:hover
{
    color: #797979;
	text-decoration: underline;
}
/* 3 Column Page setup, content-box holds corners and margins; content holds text.*/
.content-box
{
	/* position:absolute;  Position is declared "relative" to gain control of stacking order (z-index). */
	line-height: 1.2;
	width: auto;
	min-width: 120px;
	margin: 150px 240px 10px 230px; /*280 */
	background-color: white; /*padding:10px;*/
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */ /*	position: relative; 	top: -25px;*/
}

.recentAdded > A:hover
{
    text-decoration: none;   
}

html > body .content-box
{
	/*position: inherit; 	top: 0px;*/
	margin: 0px 240px 10px 230px;
}

.content
{
	z-index: 1;
	padding: 0px 10px 50px 10px;
	color: #797979;
}

.content input[type='text']
{
	width: 75%;
	color: #797979;
}

.content select
{
	/*border: 1px solid #F3AC15;*/
	width: 302px;
	color: #797979;
}



#repeatingBanner
{
	position: absolute;
	background: url(images/logo-bg.jpg) repeat-x top;
	background-position: 0px 0px;
	width: 100%;
	height: 120px;
	background-color: #F3AC15;
	z-index: 99;
	background-repeat: repeat-x;
}

html > body #repeatingBanner
{
	position: relative;
}

#repeatingBanner img
{
	border: 0px solid #F3AC15;
}

#flashintro object
{
	display: block;
}

#banner
{
	margin-bottom: 25px;
}
#navAlpha
{
	padding: 10px 10px 10px 10px;
}

#navAlpha-box
{
	line-height: 1.2;
	position: absolute;
	top: 130px;
	left: 0px;
	background: white;
	z-index: 2; /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style  declaration. The incorrect IE5/Win value is above, while the correct value is  below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 210px;
}

#navAlpha-box select
{
	color: #797979;
}

body > #navAlpha
{
	width: 210px;
}

#navBeta
{
	padding: 0px 2px 0px 10px;
}

#navBeta img
{
	border: 0px solid white;
}

#navBeta p a
{
	text-decoration: underline;
}

#navBeta-box
{
	background-color: #F3AC15;
	position: absolute;
	top: 80px;
	right: 0px;
	background-color: white;
	z-index: 1; /* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 220px;
}
/* Again, "be nice to Opera 5". */
body > #navBeta
{
	width: 168px;
}

#footer
{
	width: 100%;
	height: 200px;
	background-color: White;
	font-size: 0.8em;
	position: relative;
	bottom: 1px;
	margin: 30px 0px 0px 0px;
}

/* Rounded Corners */
.roundtopRightVariant
{
	background: url(images/blank.gif) no-repeat top right;
}

.roundtop
{
	background: url(images/tr.gif) no-repeat top right;
}


.roundbottom
{
	background: url(images/br.gif) no-repeat bottom right;
}


.roundbottomRightVariant
{
	background: url(images/blank.gif) no-repeat bottom right;
}

img.corner
{
	width: 8px;
	height: 8px;
	border: none;
	display: block !important;
}


/* UKPOST logo positioning code*/
.logoHolder
{
	position: absolute;
	top: 173px;
	right: 250px;
}

html > body .logoHolder
{
	position: absolute;
	top: 148px;
	right: 250px;
}





/* Spacing blocks to prevent the footer touching the content on short pages*/
#blank
{
	color: #F3AC15;
	height: 1px;
	width: 100%;
}

#spacer
{
	min-width: 650px;
	float: left;
	clear: both;
}

/* Style inputs and buttons */

input
{
	color: #797979;
}

input[type="text"]
{
	width: 75%;
	color: #797979;
}

input[type="file"]
{
	border-width: 4px;
}



/* table styles for tabular data*/

th
{
	font-weight: bold;
	text-align: left;
}

.elementLabel a:link
{
	border-bottom: 1px dotted #797979;
}
.elementLabel a:visited
{
	border-bottom: 1px dotted #797979;
}
.elementLabel a:hover
{
	border-bottom: 1px dotted #797979;
}

.elementHolder
{
	width: 30%;
	vertical-align:top;
}

/* Table paddings across pages*/
.gridTable
{
	margin: 10px 0px 30px 0px;
}

.detailsTable th
{
	/* width: 25%; */
}
.detailsTable
{
	width: 98%;
}

.detailsTable td, .detailsTable th
{
	/*text-align: justify;*/ /*padding: 10px 0px 10px 0px;*/
}

/*Align remove button on productionHistory page*/
#ctl00_MainContentHolder_gvFacilityProductionHistory td
{
	vertical-align: middle;
}


/* Move the controls on the People page to directly under the header */
.controlHolderPeopleReadMode
{
	width: 75%;
	position: relative;
	top: -2px;
	left: 3px;
	height: 18px;
}

/* Move the controls on the other pages to directly under the header */
.controlHolderProduction
{
	position: relative;
	top: 3px;
	font-size: 0.9em;
}

/* Position the +Add Details directly under its subhead*/
.addControlLink
{
	position: relative;
	top: -1px;
	font-size: 0.9em;
}

/* space between elements in control link (ie Save/Cancel)*/
.controlLink
{
	padding: 0px 25px 0px 0px;
}

/* remove underlines on the controls */

#ctl00_MainContentHolder_ProductionDetailView_lbEdit a:link
{
	text-decoration: none;
	border: 1px solid green;
}
#ctl00_MainContentHolder_ProductionDetailView_lbEdit a:visited
{
	text-decoration: none;
	border: 1px solid green;
}
#ctl00_MainContentHolder_ProductionDetailView_lbEdit a:hover
{
	text-decoration: none;
	border: 1px solid green;
}

.controlLink A:link, .controlLink A:visited, .controlLink A:hover
{
	text-decoration: none;
}

/* Underline the directors name in the search results pages*/
#ctl00_MainContentHolder_gvResults a
{
	border-bottom: 1px dotted #797979;
}


/* Underline directors names*/
.detailsTable td a
{
	border-bottom: 1px dotted #696969;
}




/* Login panel - right side positioning*/
/* Login panel - right side positioning*/
.loginPanel
{
	background-color: #F3AC15;
	color: White;
	padding: 50px 0px 5px 0px;
	position: relative;
	top: 20px;
}
.loginPanel A:link, .loginPanel A:visited, .loginPanel A:hover
{
	text-decoration: underline;
	color: white;
}

.loginPanel input[type="text"], .loginPanel input[type="password"]
{
	border-width: 0px;
}



.loginCheckBox
{
	border: 0px;
	font-size: 0.9em;
}
/* Login button positioning -- for IE 
.loginButton
{
	
	border: 0px;
	background-color: white;
	color: #797979;
}
*/

.loginButton
{
	border: 0px;
	background-color: white;
	color: #797979;
}


/* this code not seen by IE -- button positioning for firefox */
html > body .loginButton
{
	
	border: 0px;
	background-color: white;
	color: #797979;
}





/* Username line position */
.loginNameHolder
{
	color: White;
	position: absolute;
	top: 125px;
	left: 230px;
}

th.elementLabel
{
	width:200px;
}

/* Move left side table names to top of cells */
.elementLabel
{
	vertical-align: top;

}
.elementValue
{
	vertical-align: top;
}
td
{
	vertical-align: top;
}

/* Photo positioning */


.imageBlockPeople img
{
	float: right;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.imageBlockProduction img
{
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*Align text to top of cell for titles*/
.detailsTable th
{
	vertical-align: top;
}


/*logos*/
.imageBlock
{
	float: right;
	position: absolute;
	right: 26%;
	top: 180px;
}





/* this code not seen by IE -- position facility logo on firefox*/

/*
html > body .imageBlock
{
	float: right;
	position: absolute;
	right: 26%;
	top: 195px;
}

.imageBlockProduction
{
	float: right;
	position: absolute;
	right: 25%;
	top: 290px;
}

.imageBlockPeople
{
	float: right;
	position: absolute;
	right: 26%;
	top: 220px;
}
html > body .imageBlockPeople
{
	float: right;
	position: absolute;
	right: 26%;
	top: 190px;
}

.logoBlock
{
	float: right;
	position: relative;
	top: 50px;
	right: 5%;
	clear: left;
}

*/

/* Dashed border for the add-new boxes */
.addPanel
{
	border: 1px dashed #797979;
	padding: 20px;
	margin: 0px 0px 20px 20px;
}



.addPanel input, .addPanel select
{
	/*	border: 1px solid #797979;*/
	margin: 5px;
}






/* Left side searchbox style -- for IE*/
.searchInCaption
{
}

.searchForCaption
{
}
#searchcontent
{
	text-align: right;
}

#searchcontent input
{
	margin-bottom: 3px;
	margin-top: 3px;
	width: 105px;
}






#searchcontent select
{
	width: 110px;
}
#ctl00_txtKeyword
{
}


/* this code not seen by IE -- Left side searchbox style */
html > body #searchcontent input[type='text']
{
	margin-left: 3px;
	margin-bottom: 2px;
	width: 110px;
}
html > body #searchcontent select
{
	margin-left: 58px;
	width: 113px;
}
html > body .searchInCaption
{
	position: relative;
	top: 2px;
	left: 50px;
}
html > body .searchForCaption
{
	position: relative;
	top: 2px;
}
/* Style leftside search box to yellow button*/
#searchcontent input[type='button']
{
	width: 70px;
	border: 1px solid #F3AC15;
	color: white;
	background-color: #F3AC15;
	margin-top: 3px;
	margin-right: 43px;
}






/* Yellow backgrounded caption for important notes*/

.elementHolderSearch
{
	display: block;
	text-align: left;
	color: White;

	background-color: #F3AC15;
	padding: 0px;
	margin: 0px;
	
	
}
.elementHolderSearch input[type="text"]
{
	width: 300px;
}

/* Hide hidden fields*/
.hidden
{
	display: none;
}


/* Padding for icons to make them center on the text */
.controlIcon
{
	position: relative;
	bottom: -2px;
}


/* Form: add new person styling */

#addPeopleTable
{
	border: 1px dashed #F3AC15;
	padding: 10px;
	width: 98%;
}
#addPeopleTable th
{
	text-align: right;
	width: 30%;
	/*padding: 15px 50px 0px 30px;*/
}


/* Form: edit Production styling */
#editProductionTable
{
	padding: 40px;
	width: 75%;
	border: 1px dashed #F3AC15;
}
#editProductionTable th
{
	width: 40%;
	text-align: right;
	
	/*padding: 20px 20px 0px 0px;*/
}

#editProductionTable th h3
{
	
	text-align: left;
	
	/*padding: 20px 20px 0px 0px;*/
}

#editProductionTable h3
{
	
	text-align: left;
	
	/*padding: 20px 20px 0px 0px;*/
}
#editProductionTable td
{
	/*padding: 20px 20px 0px 0px;*/
	text-align: left;
}



/* Form: edit person styling */


#editPeopleTable
{
	padding: 40px;
	width: 75%;
	border: 1px dashed #F3AC15;
}
#editPeopleTable th
{
	text-align: right;
	/*padding: 20px 20px 0px 0px;*/
}
#editPeopleTable td
{
	text-align: left;
	/*padding: 20px 20px 0px 0px;*/
}




/* Form: add new production styling */
#addProductionTable
{
	border: 1px dashed #F3AC15;
	padding: 10px;
	width: 97%;
}
#addProductionTable th
{
	text-align: right;
	width: 30%;
	/*padding: 15px 10px 0px 30px;*/
}


/* Icons for the headers */
#facilitiesHeader
{
	background: url( 'images/facilities.gif' ) no-repeat bottom left;
}

#PeopleWhoWorkWithHeader, #peopleHeader, #PeopleWhoWorkForHeader
{
	background: url( 'images/people.gif' ) no-repeat bottom left;
}


#productionHistoryHeader, #productionHistoryHeader, #productionsHeader
{
	background: url( 'images/productions.gif' ) no-repeat bottom left;
}

#awardHeader
{
	background: url( 'images/awards.gif' ) no-repeat bottom left;
}


/* Keep the footer at the bottom*/

#main
{
	height: 600px;
	min-height: 500px;
	padding: 0px;
	border: 0px;
	margin: 0px;
}


html > body #main
{
	height: auto;
}

/*Remove underline on add production/person table */

#addProductionTable td a
{
	border: 0px solid white;
}
#addPeopleTable td a
{
	border: 0px solid white;
}


/*h3 display correction for add people/production table */
#addProductionTable h3
{
	text-align: left;
	border-bottom: 1px dashed #f3ac15;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	/*left: -25px;*/
}

/* Line up images in left hand side box*/
#addNew img
{
	position: relative;
	top: 4px;
	padding-right: 6px;
}
#addNew a {
    display: block;
    margin: 0 0 1px 0;
}

.redArea
{
	color:Red;
	font-weight:bold;
}

.redArea > a
{
	color:Red;
	font-weight:bold;
}


#FacilitiesPanel a
{
	border-bottom: 1px dotted #797979;
}


#PeoplePanel a
{
	border-bottom: 1px dotted #797979;
}



#AwardsPanel a
{
	border-bottom: 1px dotted #797979;
}

#ProductionHistoryPanel a
{
	border-bottom: 1px dotted #797979;
}


#default
{
height: 770px;
}

.article a:hover {color: #000000;}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #FFFFFF;
        z-index: 100;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
.production-dates td,
.production-dates th
{
    padding: 5px;
}
.production-dates a
{
 text-decoration: underline;
}
.loginTextBox  {
    margin: 0 0 5px 0;
}
.loginTitle{
    padding: 0 0 5px 0;
   	font-size: 1.1em;
    font-weight: bold;
}
.loginCheckBox {
 padding: 5px 0 5px 0;
margin:0;

}
.loginCheckBox input {
width: 15px;
margin:0 5px 0 0px;
padding: 0px;
}