/* Copyright (c) 2005-2007 Smart Media Limited. All Rights Reserved */

/* ======== Set defaults for the body ======== */

#page 
{
 padding: 0;
 margin: 0 auto;
 margin-top:0px; /* to bring the main content away from browser border */
 width: 758px;
 text-align: left;
 background-color: #fff; 
 xborder-top:2px solid #CDC78D;
 xborder-bottom:2px solid #CDC78D;
 xborder-left:2px solid #eee;
 xborder-right:2px solid #eee;
 xbackground: #fff url(../images/fst/griffin_half.gif) no-repeat 445px 1px; /*070304 */
}

#surround /* this seems to work for IE but not for FireFox*/
{
 background: url(../../tpls/images/ojst/bgshadow.gif) repeat -350 0;
 width: 880px;
 height:100%;
}

body
{
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000; 
	text-align: center;
       }

form
{
	margin: 0;
}

p
{
	margin: 0;
}


/* ======== Setup layout containers ======== */





/* Hide divs used on printable version of page only */
#sentenceprinth, #sentenceprintf
{
	display: none;
}

/* Set margins on all of the main containers */
#header, #middlecontainer, #bottomcontainer, #footer
{
	margin: 0;
}
/* Set minimum and dynamic widths on the main containers */
/* JF: #header did have min-width  of 748 but I think this is not used, so set as 758 also */
#header,  #middlecontainer, #bottomcontainer, #footer
{
	xmin-width: 758px;
	width: 758px;
	xwidth: expression(document.body.clientWidth < 780? "758px": "100%" );
	background-color: #fff;
}

/* JF: #toplinkblack not actually referenced in any templates, so removed from this item */
#bottom, #copyright, #middle 
{
	margin: 0;
	background-color: #fff; /* use F5F2E3 for home page */
}

/* Perform clears after certain containers */
#bottomcontainer, #footer, #middlecontainer
{
	clear: both;
			
}

#bottomcontainer
{
  	border-bottom: 1px solid rgb(47,4,73);
}

#footer
{
	padding-top: 10px;
	margin-top:2px;
	border-top: 2px solid #CDC78D;
	margin-right:0;
	
}


/* ======== Styles for items in #header ======== */

/* Main divs in #header */
#header
{
	height:111px;
	padding:0;
	margin:0;
}
#headerL
{
	float: left;
	width: 188px;
	height:111px;
	margin:0;
	padding:0;
}

#headerL img
{
	xmargin-left: 10px;
	margin:0;
	padding:0;
}
	
#headermain
{
	position:relative;
	top:0;
	left:0px;
	float:right;
	height:111px;
	width:560px;
	margin:0;
	padding:0;
	background: url(../images/ojst/topbanner1.jpg) no-repeat 0px -10px;
	}

#headerM
{
	width:340px;
	float:left;
	height:60px;
	
}


#headerR 
{
	font-size: 1.6em;
	padding-right: 6px;
	padding-top: 10px;
	color:rgb(193,199,39);
	line-height: 1.4em;	
	}

#topnavtable
{ 
	margin: 0px 0 0px 0;
	position:absolute;
	bottom:0px;
	left:0;
	padding: 4px 0 0 0;
	font-family:Times New Roman;
}


#topnavtable ul
{
	margin: 0;
	padding: 0 0 0px 0;
	float: left;
	width: 100%;
	list-style: none;
}

#topnavtable li 
{
	margin: 0;
	padding: 0;
	padding-right:12px;
	font-size:1.8em;
	float: left;
	border-right:1px solid #fff;
	margin-right:10px;
	margin-top:4px;
	margin-left:7px;
	white-space: nowrap;
}


#topnavtable li a:link, #topnavtable li a:visited
{
	margin:0;
	padding:0;
	color: rgb(128,12,12);
	text-decoration:none;
}

#topnavtable li a:hover, #topnavtable li a:active
{
	xbackground:rgb(128,12,12);
	color:rgb(193,199,39);
	margin:0;
	padding:0;
	text-decoration:none;
}





#youarehere
{
	clear:both;
	font-size: 0.9 em;
	margin-bottom:6px;
	position:relative;
	top:5px;
	padding: 4px 6px 10px 6px;
	border-top:1px solid rgb(128,12,12);
	xbackground:rgb(128,12,12);
}

#youarehere ul
{
	margin: 0;
	padding: 0;
	display: inline;
}
#youarehere ul li
{
	display: inline;
	padding-left: 12px;
	padding-right: 4px;
}
#youarehere span
{
	display: block;
	margin: 0;
	font-size: .9em;
	margin-left: 10px;
	margin-right: 5px;
}
#youarehere span strong
{
	font-size: 1.1em;
	font-weight: normal;
}
#youarehere span strong a
{
	padding-left: 6px;
	padding-right: 6px;
}

#youarehere ul li { background: url(../images/gw/defaulthome.gif) no-repeat 0px 3px;}
#youarehere ul li.firstli {  }
#youarehere ul li a:link, #youarehere ul li a:visited { color: #7a7a7a; text-decoration : none; }
#youarehere ul li a:hover, #youarehere ul li a:active { color: #7a7a7a; text-decoration : underline; }
#youarehere ul li a:active{ color: #7a7a7a; text-decoration : none; }
#youarehere span { color: #000; }
#youarehere span a:link, #youarehere span a:visited, #youarehere span a:hover, #youarehere span a:active
{
	color: #000;
	text-decoration: none;
}


/* ======== Styles for items in #midcontainer ======== */

#middle
{
	xmargin-top: 2px;
	margin-top: -4px;  */070304 to bring griffin lower this needs to be -4 not +2  */
}

#leftcolumn, #rightcolumn
{
	xwidth: 180px;
	float: left;
	
}

#rightcolumn
{
  padding-right: 21px;
}

#rightcolumn .rightcolumn2
{
	width: 180px;
	border: 1px solid #CDC78D
}

#recentnews
{
border:2px solid #fff;
background:#ebebc7;
}




/* test */
#middle #navcontainer #navlist 
{
  xmargin-top: -16px;
  padding-bottom: 8px;
}

#middle #navcontainer #navlist li
{
  margin-top: 8px;
}

/* End test */

*html body #middle #navcontainer #navlist
{
	/* For IE, take off the space at the bottom of the menu */
	xmargin-bottom: -8px;
}

*html body #middle #navcontainer #navlist li ul li ul li
{
	/* For IE, take off the space created after some list items */
	xmargin-bottom: -14px;
}

*html body #middle #navcontainer #navlist li ul li.navparent ul li.navsel
{
	/* For IE, take off the space created after some list items (dependant on if border set or not) */
	xmargin-bottom: -14px;
}

*html body #middle #navcontainer #navlist li ul li.navsel,
*html body #middle #navcontainer #navlist li ul li.navparent
{
	xmargin-bottom: 0px;
}

#middle #navcontainer #navlist li ul li
{
	background-color: #ebebc7;
}

#middle #navcontainer #navlist li.navsel,
#middle #navcontainer #navlist li.navparent
{
	background-color: #fff;
}


#middle #navcontainer #navlist li.navparent ul li.navsel ul li a 
{
	/* eg. ESB when not selected*/
	background: #F6F6E7 url(../images/bullits/blackdiamond.gif) no-repeat 22px .85em; 
	color: #000;
	font-weight: normal;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li a 
{
	/* e.g. esb when items under ESB selected */
	background: #F6F6E7 url(../images/bullits/blackdiamond.gif) no-repeat 22px .85em;
	color: #000;
	font-weight: normal;
}

#middle #navcontainer #navlist li.navparent ul li.navsel a  
{ 
	/* when times & costs is selected under tours&shows */
	/* e.g. history when selected */
	background: #F6F6E7 url(../images/fst/red_arrow.gif) no-repeat 12px 0.65em; 
	color: #F62700; 
	margin-bottom:0px;
	font-weight:bold;
	padding-top:4px; /*070111 */
	padding-bottom:4px; /*070111 */

	/* Add top+bottom border to selected link */
	border-top: 1px solid #CDC78D;
	border-bottom: 1px solid #CDC78D;
	border-left: none;
	border-right: none;
} 

#middle #navcontainer #navlist li.navparent ul li.navparent a
{
	/* when e.g.ESB is selected then Our brands gets this definition */
	xbackground: #F6F6E7 url(../images/bullits/red2arrows.gif) no-repeat 12px .85em;
	xfont-weight: normal; 
	xcolor: #000; 
	background-color: #F6F6E7;
} 

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel a 
{
	/* eg. ESB when SELECTED*/
	xbackground: #F6F6E7 url(../images/bullits/reddiamond.gif) no-repeat 22px .85em;
	background-color: #f4f4f4;
	font-weight: bold;
	color: #F62700;
	padding-bottom:5px;
 	padding-top:5px;
	xmargin-bottom: -15px; /* added by JoLe 070102 needed as otherwise ESB when selected shrinks*/
   
	/* Add top+bottom border to selected link */
	border-top: 1px solid #CDC78D;
	border-bottom: 1px solid #CDC78D;
	border-left: none;
	border-right: none;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent a 
{
	/* 070113 lower down from ESB is selecgted */
	font-weight: bold;
	color: #000;
	background: #f4f4f4 url(../images/bullits/blackdiamond.gif) no-repeat 22px .65em;
}

/* Fourth Level of left hand style navigation */

#middle #navcontainer #navlist li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li a
{
	padding-left:36px;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a 
{
	font-weight: normal;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	font-weight: normal;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li.navsel a,
{
	/* ESB tasting notes */
	background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 36px .85em; 
	font-weight: normal;
	padding-left: 44px;
	color: #F62700;
	margin-bottom: 0px;

	/* Add top+bottom border to selected link */
	border-top: 1px solid #CDC78D;
	border-bottom: 1px solid #CDC78D;
	border-left: none;
	border-right: none;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a
{
	/* ESB tasting notes when ESB is selected */
	background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 36px .85em;
	color: #000;
	margin: 0;
	padding-left: 44px; 
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	/* ESB tasting notes when ESB tasting notes is selected */
	background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 36px .85em;
  	color: #000;
	margin: 0 ;
	padding-left: 44px;
	xfont-size: .9em;
}


/* mouse over effect */
#middle #navcontainer #navlist li a:hover 
{
	xbackground-color: #fff; 	
	background-color: #004500;
	color: #fff;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a:hover,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li.navsel a:hover,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a:hover
{
	background-color: #fff;
	xborder:1px solid #004500; /* on chosen level, try green bg white bold text and on mouseover */
}

#middle #navcontainer #navlist li ul li.navsel ul li a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li.navsel a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li.navparent a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li a:hover
{
	background-color: #fff;
	xborder:1px solid #004500;
}

#middle #navcontainer #navlist li ul li.navsel a:hover,
#middle #navcontainer #navlist li ul li.navparent a:hover,
#middle #navcontainer #navlist li ul li a:hover
{
	background-color: #fff;
	xborder:1px solid #004500;
	color: #000;
}
#middle #navcontainer #navlist li ul li.navsel a:hover
{
	color: #F62700; /* Hover colour for red, selected sections */
}


/* Content */
#middle #content
{
	xmargin-left: 210px;	/*value of the width of #navlist plus a gap*/
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-left:10px;
	width: 100%;

	font-size: 1.2em; line-height: 1.4em;

}
#middle #content #elements
{
 	margin-top: 4px;
 	padding-top: 0px; /* 060703 JoLe */
 	font-size: 1.0em; line-height: 1.5em;
 	font-family:"Verdana";
 	
 	padding-right:10px;
}

 
/* Class added to turn off margin and background image for #elements */
#middle #content #elements.nogapunderheading
{
	margin-top: 0;
	padding-top: 0;
	background-image: none;
}


#content #rightcolumn
{
	font-size: 1em; line-height: 1.2em;
	float:right;
}



/* JF: #content #second and #third, are these used? */

#content  #elements #welcome 
{
	padding-right:10px;
	width:40%;
	float:left;
	margin-left:10px;
}

#content  #elements #welcome p
{
padding-left:8px;
padding-top:6px;
}


#content #bookinginfo  
{
	padding-right:0px;
	width:200px;
	float:left;
}

#content #bookinginfo h2
{
padding-top:0.4em;
padding-bottom:0.4em;
	
}

#content #bookinginfo dl
{
padding:0;
margin:0;

}

#content #bookinginfo .img
{
margin:0;

}

#content #elements #hrhs
{
	background: url(../images/cornertr.gif) no-repeat 100% 0;
	xpadding-left:20px;
	xpadding-right:10px;
	width:50%;
	float:right;
} 


/****** round corner and padding. Feel free to change the background colour and width *******/
#content #elements #hrhs #tab {background: #fff url(../images/ojst/whatsontab.gif) no-repeat 0 0; height:100%; float:left;}
#content #elements div.hrhs div div {background: url(../images/cornerbl.gif) repeat 0 100%; }
#content #elements div.hrhs div div div {background: url(../images/cornerbr.gif) repeat 100% 100%; padding: 2px; }

/** for IE ***/
* html body #content #elements div.hrhs div, * html body #content #elements div.hrhs div div, * html body #content #elements div.hrhs div div div
{
	width: 100%;
}




#content #elements #whatson  
{
	font-size: 1em; line-height: 1em;
	padding-top:20px;
	padding-right:30px;
	margin-left:31px;
	padding-left:20px;
	background: rgb(193,199,39) url(../images/cornertr.gif) no-repeat 100% 0%; 	
	}
#content #elements #whatson h2
{padding:0;
line-height:1.2em;
}

#middlecontainer #middle #content #elements #hrhs #whatson a:link {color: #fff; text-decoration: none;}
#middlecontainer #middle #content #elements #hrhs #whatson a:visited {color: #fff; text-decoration: none;}
#middlecontainer #middle #content #elements #hrhs #whatson a:hover {xtext-decoration:underline;}
#middlecontainer #middle #content #elements #hrhs #whatson a:active { border-bottom:1px solid #fff; }

#content #productiondetails
{
	float:right; 
	width:70%;
	}

#content  #elements #second  
{
	padding-right:10px;
	xwidth:260px;
	float:left;
}


/***************** NAV TO NEXT LEVEL PAGES ************* /

#content #nav  /*navigation to next level pages */
{
	font-size: 1em; line-height: 1em;
	
		}
#content #nav
{
  width: 176px;
  background: #fff;
  background: url(../../tpls/images/ojst/see_also.gif) no-repeat 0 0;
  width:176px;
  float:right;
  padding-bottom:0;
  margin-bottom:10px;
  margin-left:10px;
}

#content #nav ul
{
list-style:none;
margin:0;
padding-left:16px;
padding-bottom:6px;
padding-top:6px;
}


#content #nav li 
{
font-size:1.2em;
padding:4px;
}


#content #nav li a
{
border-bottom:0;
}



#content #nav #navbody {background:rgb(193,199,39) url(../../tpls/images/cornerbl.gif) no-repeat 0 100%;}

#content #nav #navbody a:link {color: #fff; text-decoration: none;}
#content #nav #navbody a:visited {color: #fff; text-decoration: none;}
#content #nav #navbody a:hover {color: rgb(47,4,73); border-bottom:1px solid rgb(47,4,73);}
#content #nav #navbody a:active {  }
#content #nav #navbody li {background: url(../../tpls/images/ojst/purple_arrow.gif) no-repeat -1px 6px; padding-left:10px;}

#navbody 
{
 min-height:90px;
 _height:100px;
 color: #fff;
 font-weight:normal;
 margin-left:19px;
 padding-left:0px;
 padding-right:6px;
 margin-bottom:0;
 padding-top:6px;
 padding-bottom:6px;
 font-size: 0.9em;
 line-height: 1.4em;
 width: 159px;
 }


#content #nav #navbody p
{margin:0;}
	







#content h1
{
	font-size: 1.4em; 
	font-weight:normal; 
	margin: 0; 
	letter-spacing: .4em; 
	padding: 0px 0px;
	padding-top:2px;
	padding-bottom:0.8em;
	color: rgb(128,12,12);
	margin-bottom:0.2em;
	margin-right:10px;
	xfont-family:Times New Roman;
}

#content h2
{
	font-size: 1.1em;  
	margin: 0;
	color: rgb(128,12,12);
	padding:1em 0 0.5em 0;
	}
	
#content h3
{
	font-size: 1em;  
	font-weight: normal; 	
	color: rgb(128,12,12);
	padding:0;
	padding-top:0.4em;
	padding-bottom:1em;
	margin:0;
	padding-right:190px;
}



/* images should be also in std definition */
.imagerightcaptioned, .imageleftcaptioned, .imagerightcaptioned a, .imageleftcaptioned a
{
  color:#004500;
}

.imagerightcaptioned, .imageleftcaptioned
{
  font-size: 0.85em;
 }

.imagerightcaptioned, .imageright
{
  margin-left:6px;
  xborder:1px solid #CDC78D;
  padding:2px;
}
.imageleftcaptioned, .imageleft
{
  margin-right:8px;
 xborder:1px solid #CDC78D;
  padding:2px;
}

/* recent news */

#recentnews
{
	font-family: verdana;
	xbackground: #53a5b3 url(../images/gw/columnbg.gif) no-repeat 0 0;
	color: #000;
	padding: 0px 12px;
	margin-top:0px;
	font-size: .85em;
	height:399px; /* this needs to be a bit taller once top is aligned with lhs */
}

#recentnews p
{
	display: inline;
}

#recentnews h2
{
	margin: 0;
	font-size: 1.2em;
	padding-bottom: 0px;
	padding-top:1em;
}

#recentnews h3
{
	margin: 0;
	font-size: 1em;
	margin-bottom: 6px;
	margin-top: 12px;
	text-indent: 16px;
	background: url(../images/bullits/black2arrows.gif) no-repeat 0 .4em;
}

#content #recentnews h3 a 
{
	text-decoration: none;
	color:#004500; /*was 004500 */
	border:none;
}



/* ======== Styles for items in bottomcontainer ======== */

#bottom
{
	font-size: 1.1em;
}
#bottom
{
	padding-right:16px;
	text-align: left;
	margin-bottom: 8px;
	padding-left:10px;
	padding-top:10px
}

#bottom a
{
text-decoration:none;
color: rgb(128,12,12);
}

#bottom a:hover
{
text-decoration:underline;
}

/* ======== Styles for items in footer ======== */

#footer
{
	font-size: 1.1em;
	padding-top: 4px;
	padding-bottom: 2px;
	xborder-top:1px solid #ff0;
	text-align: center;
	}
#footer a:link, #footer a:visited
{
text-decoration:none;
color:#000;
}	

#copyright, #copyright a
{
font-size:0.9m;
font-family:Arial, Helvetica;
color:#666;
padding-top:2px;
text-decoration:none;
}

/* JF: Where is the edit class used? */
.edit
{
	font-size: 1.2em;
}


/* ======== General utility style for content objects ======== */

.smwsdatatable
{
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
.smwsdatatable th
{
  text-align: left;
}
.smwsdatatable th, .smwsdatatable td
{
  padding-left: 0;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom: 5px;
  vertical-align: top;
}

/* JF: Is normalsubheading used from anywhere? */
.normalsubheading
{
	font-weight: bold;
}

/* ======== Form Styles ======== */
.smfcform fieldset
{
  margin: 0px;
  padding: 6px;
}
.smfcform, .smftform
{
  margin: 0px;
}
.smfcform table
{
  font-size: 0.9em;
}
.smfcform table table
{
  font-size: 1.0em;
  border: 0px;
}
.smfcform table td table td
{
  padding: 1px 3px 1px 3px;
}
.smfcform label, .smftform label
{
  font-weight: bold;
}
.smftform dl, .smftform dd
{
  margin: 0;
}
.smftform input, .smftform textarea
{
  width: 350px;
}
.smfcformmandatory, .smftformmandatory
{
  color: #d00;
}
.smfcformmandatory input, .smfcformmandatory textarea, .smfcformmandatory select,
.smftformmandatory input, .smftformmandatory textarea, .smftformmandatory select
{
  background-color: #fee;
}


/* ======== Specific styles for vacancies ======== */
.wsjobvacanciesdetaillist dt
{
	font-weight: bold;
}
.wsjobvacanciesdetaillist dd
{
	margin-left: 3em;
}

/* ====================== FAQ ========================= */


#content #elements .faq_dl a
{
border:none;
background-color:#fff;
color:#ff0012;
border-bottom: 1px solid #ff0012;
}

#content #elements .faq_dl dt
{
font-weight:bold;
padding-left: 20px;
padding-top: 0.4em;
background: no-repeat url(../images/bullits/q.gif) 0.2em 0.7em; 

}
#content #elements .faq_dl dd
{
margin-top: 0.4em;
padding-bottom: 1px;
padding-left: 22px;
background: no-repeat url(../images/bullits/a.gif) 0.5em 0.3em; 
background-color:#F5F2E3;
}






/* ======== Specific Styles for use with Events ======== */
/* JF: These values are set for the press releases, are these different on the events page? They are set to different values but what are the effects? Answer: almost nothing, so removed to leave same as press release setting. */
/* JF: The values on the events stylesheet use em, so scale when enlarging font. Those for the press releases are fixed, and don't grow. Which is best? */

#left_events
{
	xmargin-right: 15em;
	font-size: .9em;
}
ul.eventssearchresults, ul.eventssearchresults ul
{
	margin: 0;
	margin-bottom: 40px;
	padding: 0;
	list-style: none;	
}
ul.eventssearchresults ul
{
	margin: 16px 0;
}
* html body ul.eventssearchresults ul
{
	margin: 0;
}
ul.eventssearchresults ul li
{
	padding-left: 14px;
}
ul.eventssearchresults ul li.eventdates
{
	color: #5a5a5a;
	font-size: .9em;
}
ul.eventssearchresults ul li.eventname
{
	background: #fff url(../images/bullits/red2arrows.gif) no-repeat 0 .55em;	
}
ul.eventssearchresults ul li.eventname a
{
	text-decoration: none;
	font-weight: bold;
}
ul.eventssearchresults ul li.eventname a:hover
{
	text-decoration: underline;
}
ul.eventssearchresults ul li.description
{
	margin-top: 6px;
}
ul.eventssearchresults ul li.location
{
	margin-top: 6px;
	color: #3a90a1;
	font-weight: bold;
	font-size: .9em;
	font-style: italic;
}
#searchevents, #searchpress
{
	border: 1px solid #c62a35;
	padding: 8px;
}
#searchevents h3
{
	margin: 0;
}
#searchpress h3
{
	margin: 0 0 4px 0;
}

#searchevents dl, #searchpress dl
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: .9em;
}
#searchevents dl dd, #searchpress dl dd
{
	margin: 0;
}
#searchevents dl dd input, #searchpress dl dd input
{
	font-size: .9em;
}
/* JF: Added #searchevents to the beginning to stop clash with #submit on homepage */
#searchevents #submit, #searchpress #submit
{
	border: 1px outset #c62a35;
	background-color: #fff;
	width: 5em;
}
#searchevents #submit
{
	margin-left: 8em;
}


#eventslist
{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top:0.5em;
}
#eventslist td, #eventslist th 
{
	margin: 0;
	padding: 4px 10px 4px 6px;
	font-size:0.9em;
	text-align:left;
}

#eventslist th.productiontitle
{
	background: rgb(193,199,39) url(../../tpls/images/cornertl.gif) no-repeat 0 0;
}

#eventslist th.status
{
	background: rgb(193,199,39) url(../../tpls/images/cornertr.gif) no-repeat 100% 0;
}

#eventslist th
	{background: rgb(193,199,39);
	color: #fff;
}

#eventslist td .date, #eventslist th .date
{
text-align:center;
}

#eventslist td .starttime, #eventslist th .starttime
{
text-align:center;
}

#eventslist td 
{
	text-decoration: none;
	border-bottom:1px solid  rgb(193,199,39);
}


#eventslist td a
{
	text-decoration: none;
	font-weight: bold;
	color: rgb(128,12,12);
	
}
#eventslist td a:hover
{
	text-decoration: underline;
}

#popupcalendar
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  font-family: arial;
  background-color: #fff;
  border: 1px solid #c62a35;
  font-size: 1em;
  padding: 2px;
}
#popupcalendar table
{
  font-size: 1em;
  border-collapse: collapse;
}
#popupcalendar td
{
  text-align: center;
  width: 1.7em;
  height: 1.6em;
  padding: 0;
}
#popupcalendar th
{
  padding: 1px;
  font-weight: normal;
}
#popupcalendar tbody td a
{
  text-decoration: none;
  font-weight: bold;
  padding: 2px;
  width: 1.7em;
  color: #000;
}
#popupcalendar tbody td a:hover
{
  background-color: #c62a35;
  color: #fff;
}
#popupcalendar tfoot td a
{
  text-decoration: none;
}
#popupcalendar .seldate
{
  background-color: #c62a35;
}
#popupcalendar .seldate a
{
  color: #fff;
}
#popupcalendar .pastdate 
{
  color: #999;
}
#popupcalendar .pastdate a
{
  color: #999;
  font-weight: normal;
}
#popupcalendar thead a:hover
{
	font-weight: bold;
}
#popupcalendar tfoot a:hover
{
	text-decoration: underline;
}


/* ======== Specific styles to use on Event Details screen ======== */

#left_events #left_right
{
	float: right;
	xwidth: 14em;
}
#left_events #left_left
{
	margin-top: 20px;
	xmargin-right: 15em;
}
#left_events #left_right p.eventdate
{
	color: #5a5a5a;
	font-size: .9em;
	padding-top: 10px;
	text-align: right;
	padding: 0;
	margin: 0;
}
#left_events #left_right #datescontainer, #left_events #left_right #locationcontainer, #left_events #left_right #chargecontainer
{
	text-align: center;
}
#left_events #left_right #datescontainer h4, #left_events #left_right #locationcontainer h4, #left_events #left_right #chargecontainer h4
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	background-color: #f4f4f4;
	border: 1px solid #7a7a7a;
	color: #3a3a3a;
}
#left_events #left_right dl#dates, #left_events #left_right dl#location, #left_events #left_right dl#charge
{
	background-color: #f4f4f4;
	border: 1px solid #7a7a7a;
	border-top: 0;
	margin: 0 auto;
	padding: 4px;
	text-align: left;
	margin-bottom: 10px;
}
#left_events #left_right dl#dates dt, #left_events #left_right dl#location dt, #left_events #left_right dl#charge dt
{
	color: #c62a35;
	font-weight: bold;
}
#left_events #left_right dl#location dt.location_name, #left_events #left_right dl#charge dt.charge
{
	display: none;
}
#left_events #left_right dl#dates dd, #left_events #left_right dl#location dd, #left_events #left_right dl#charge dd
{
	margin: 0;
	padding: 0;
	padding-left: 2em;
}
#left_events #left_right dl#location dd.location_name
{
	color: #3a90a1;
	font-weight: bold;
	text-align: center;
	padding: 0;
	border: 1px solid #7a7a7a;
	border-left: 0;
	border-right: 0;
	padding: 0 4px;
	margin: -4px;
	margin-bottom: 4px;
}
#left_events #left_left h4
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	background-color: #f4f4f4;
	color: #3a3a3a;
}
#left_events #left_left ul
{
	margin: 12px 0;
	padding: 0;
	list-style: none;
}