/* *************************************** */
/*   Consistency across browsers           */
/* *************************************** */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin : 10px 0px 0px 0px;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
/* *************************************** */
/*            Links                        */
/* *************************************** */
a:link {
	color : yellow;
}
a:visited {
	color : #77AAFF;
}
a:hover {
	TEXT-DECORATION : underline;
	color : orange;
}
#footer a:link {
	TEXT-DECORATION : none;
}
#footer a:visited {
	TEXT-DECORATION : none;
}
#footer a:hover {
	TEXT-DECORATION : underline;
}
.Show a:link {
	TEXT-DECORATION : none;
}
.Show a:visited {
	TEXT-DECORATION : none;
}
.Show a:hover {
	TEXT-DECORATION : none;
}
.EarlierShow a:link {
	TEXT-DECORATION : none;
}
.EarlierShow a:visited {
	TEXT-DECORATION : none;
}
.EarlierShow a:hover {
	TEXT-DECORATION : none;
}

/* *************************************** */
/*            Containers                   */
/* *************************************** */
HTML {
	HEIGHT: 100%;
	BACKGROUND : #000066;
}
BODY {
	BORDER: 0px;
	PADDING: 0px;
	FONT-SIZE: medium;
	color : white;
	MARGIN: 0px auto;
	height : 100%;
	WIDTH: 100%;
	FONT-FAMILY: arial, helvetica, sans-serif;
}
* HTML BODY {
	PADDING : 0px;
	HEIGHT : 100%;
 	font-size: small; /* for IE5/Win */
 	f\ont-size: medium; /* for other IE versions */
}
#wrapper {
	BACKGROUND : #000066;
	MARGIN: 0px auto;
	WIDTH: 970px;
	TEXT-ALIGN: left;
}
#header {
 	FLOAT: left;
	POSITION: relative;
	MARGIN: 0px;
	HEIGHT: 130px;
	BACKGROUND : #000066;
}
#logo {
	MARGIN: 0;
	TOP: 5px;
	POSITION: relative;
}
#nav {
	FLOAT: Right;
	HEIGHT: 20px;
	TOP: -30px;
	RIGHT: 5px;
	POSITION: relative;
}
#contentarea {
	CLEAR: Both;
	MARGIN: 0px;
	HEIGHT: 100%;
	BACKGROUND: #0055AA;
}
#content {
	PADDING: 5px 0px 5px 0px;
	MARGIN: 0px auto;
	WIDTH: 96%;
	overflow: auto;
	/* OVERFLOW-Y : hidden; */
}
* HTML #contentarea {
	WIDTH: 100%;
	HEIGHT: 100%;
	MARGIN: 0px auto;
}
DIV#footer {
	CLEAR: both;
	FONT-SIZE: 90%;
	HEIGHT: 2em;
	WIDTH: 100%;
	BACKGROUND: #000066;
}
* html #footer {
	CLEAR: both;
}
#Diaryborder {
	margin: 0 auto;
	width: 75%;
}
DIV#gallery {
	MARGIN: 0px;
}
#ShowList {
	float:left;
	width:25%;
}
#ShowDetails {
	Margin : 10px;
	Padding : 10px;
	float: right;
	width: 68%; /* needs to be at least Photo (=550) + 10 Padding */
	background: #111166;
	display : inline; /* IE double margin */
}
#ShowLogo {
	Float: left;
	width : 300px;
	text-align : center;
	background : #000066;
	display : inline; /* IE double margin */
}
#ShowLogo img {
	margin-bottom : 10px;
}
#CastDetails {
	Float: right;
	width : 300px;
	Padding : 10px;
	text-align : center;
	background : #FFFF99;
}
#DDDetails {
	float:left;
	width : 600px;
	text-align : left;
}
#DDNews {
	float : right;
	width : 300px;
}
/* *************************************** */
/*            Programme Decider styles     */
/* *************************************** */
#ProgDeciderTextBlock {
	float : right;
	width : 68%;
}
#ProgDeciderList {
	float: left;
	width: 29%;
	display : inline; /* IE double margin */
	margin-top : 10px;
}
.Decider {
	float : left;
	color : white;
	background: #000066;
	border-top-color : rgb(0, 0, 255);
	border-right-color : rgb(255, 255, 255);
	border-bottom-color : rgb(255, 255, 255);
	border-left-color : rgb(0, 0, 255);
	border-style: solid;
	border-width: 2px;
	margin : 2px;
	padding : 10px;
	width : 95%;
}
.Decider img {
	margin : 0px 10px 0px 10px;
	height : 15em;
}
.DeciderText {
	color : white;
	font-size : 90%;
}
/* *************************************** */
/*            Sub Containers               */
/* *************************************** */
#footer P {
	MARGIN: 3px 10px 3px 10px;
}
#content P {
	MARGIN: 0px;
	LINE-HEIGHT: 1.2em;
}
#content IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
}
/* *************************************** */
/*           Classes                       */
/* *************************************** */
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}
.float_left {
	FLOAT: left;
	MARGIN: 10px 20px 5px 0px;
}
.float_right {
	FLOAT: right;
	MARGIN: 10px 0px 5px 20px;
}
.clearboth { clear: both; }
/* *************************************** */
/*            Text formatting              */
/* *************************************** */
h1 {
	font-size : 120%;
	font-weight : bold;
	text-align : left;
}
h2 {
	font-size : 100%;
	font-weight : bold;
	text-align : left;
	padding-top: 0.2em;
}
h3 {
	font-size : 90%;
	font-style : normal;
	text-align : left;
	padding-top: 0.2em;
}
.Introduction {
	font-size : 120%;
	font-weight : bold;
	text-align : left;
}
.SubHeading {
	font-size : 100%;
	font-style : normal;
	text-align : left;
	padding-top: 0.5em;
}
.SubSubHeading {
	font-size : 90%;
	font-style : normal;
	text-align : left;
	padding-top: 0.2em;
}
.BodyText {
	font-size : 100%;
	padding-top : 0.4em;
	padding-left : 1em;
	padding-right : 1em;
	text-transform : none;
	text-align : left;
}
.Tabletext {
	font-size: 90%;
	margin-left: 2em;
}
.ReverseTableText {
	font-size: 90%;
	color: #FFFFCC;
	margin-left: 2em;
}
.faqq {
	font-size : 80%;
	font-style:italic;
	padding-top : 0.4em;
	text-transform : none;
	text-align : left;
	text-indent : 2em;
}
.faqa {
	font-size : 80%;
	font-style:italic;
	padding-top : 0.4em;
	text-transform : none;
	text-align : left;
	text-indent : 2em;
}
.highlight {
	font-weight : bold;
}
.copyright {
	padding-left : 4px;
	float : left;
}
.contact {
	padding-left : 4px;
	float : right;
}
/* *************************************** */
/*            Bulleted Lists               */
/* *************************************** */
li.listpoint {
	text-transform : none;
	font-size: 90%;
	LIST-STYLE: disc;
	list-style-position: outside;
	text-align : left;
	margin-left : 2em;
	margin-top : 0.5em;
}
li ul li.listpoint {
	text-transform : none;
	font-size : 90%;
	LIST-STYLE:disc;
	list-style-position:outside;
	text-align : left;
	margin-left : 4em;
	margin-top : 0.5em;
}
li.anchorpoint {
	padding-bottom : 0.2em;
	padding-top : 0.2em;
	text-transform : none;
	font-size : 80%;
	LIST-STYLE:disc;
	text-align : left;
	text-indent : 2em;
	margin-left : 2em;
}
/* *************************************** */
/*            Show Information             */
/* *************************************** */
.ShowHeader {
    Font-weight : bold;
}
.ShowCompany {
    Font-weight : bold;
}
.ShowDate {
    Font-weight : normal;
}
.ShowVenue {
    Font-weight : normal;
}
.ShowSynopsis {
    font-size : 90%;
}
.CastMember {
    font-size : 70%;
    color : black;
}
.DDCastMember {
	font-weight: bold;
	font-size : 70%;
    color : black;
}
.DDChorusMember {
	font-weight: bold;
}
.Show {
  font-size : 65%;
  Padding: 3px;
	background: #000066;
	border-top-color : blue;
	border-right-color : white;
	border-bottom-color : white;
	border-left-color : blue;
	border-style: solid;
	border-width: 2px;
	Margin : 4px;
}
.EarlierShow {
  font-size : 100%;
  margin: 5px;
	background: #660000;
	border-top-color : red;
	border-right-color : white;
	border-bottom-color : white;
	border-left-color : red;
	border-style: solid;
	border-width: 2px;
}
.ShowListDate {
	font-weight: normal;
}
.ShowListTitle {
	font-weight: bold;
}
.CastHeader {
  margin : 10px;
	font-size : 100%;
	font-weight : bold;
  color : rgb(128, 66, 0);
}
/* *************************************** */
/*           Gallery photo information     */
/* *************************************** */
DIV.pic {
	BACKGROUND: #111166;
	FLOAT: left;
	MARGIN: 5px 5px;
	WIDTH: 220px;
}
DIV.pic IMG {
	max-width : 218px;
	MARGIN: 5px 0px 0px 0px;
}
DIV.lspic {
	BACKGROUND: #111166;
	FLOAT: left;
	MARGIN: 2px;
	WIDTH: 300px;
}
DIV.lspic IMG {
	max-width : 298px;
	MARGIN: 5px 0px 0px 0px;
}
DIV.slspic {
	BACKGROUND: #111166;
	FLOAT: left;
	MARGIN: 2px;
	WIDTH: 300px;
}
DIV.slspic IMG {
	max-width : 298px;
	MARGIN: 5px 0px 0px 0px;
}
#gallery {
	PADDING: 0px;
	DISPLAY: block;
	MARGIN: 0px auto;
	font-size: 90%;
	LIST-STYLE-TYPE: none;
	text-align : center;
}
#gallery .title {
	PADDING : 0px;
	DISPLAY: block;
	margin : 0 auto;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center;
}
#gallery .subtitle {
	PADDING : 0px;
	DISPLAY: block;
	font-size: 90%;
	margin : 0 auto;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center;
}
#gallery .description {
	PADDING : 0px;
	DISPLAY: block;
	margin : 0 auto;
	FONT-SIZE : 80%;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center
}
/* *************************************** */
/*            Cast photo Information       */
/* *************************************** */
.CastPhotoWrapper {
	clear : both;
	padding : 15px 0px 0px 0px;
}
.CastPhoto {
	padding : 5px;
	margin : 5px auto;
	BACKGROUND : #111166;
}
.CPLs {
	width : 31em;
}
.CPPt {
	width : 18em;
}
.CastPhoto IMG {
	text-align : center;
	width : 100%;
}
.CastPhoto, .NrtvPhoto p{
	font-size : 90%;
	font-style : normal;
	text-align : center;
	padding : 5px 0px 5px 0px;
}
/* *************************************** */
/*            Narrative photo Information  */
/* *************************************** */
.NrtvPhoto {
	padding : 5px;
	margin : 5px 10px 5px 10px;
	BACKGROUND : #111166;
	font-size : 90%;
}
.NrtvPhoto IMG {
	text-align : center;
	width : 100%;
}
.NPLs {
	width : 23em;
}
.NPSLs {
	width : 18em;
}
.NPPt {
	width : 12em;
}
.NPMPt {
	width : 9em;
}
.NPSPt {
	width : 8em;
}
/* *************************************** */
/*            Decider photo Information  */
/* *************************************** */
.DeciderPhoto {
	margin : 2px;
	BACKGROUND : #111166;
}
.DeciderPhoto IMG {
	text-align : center;
}
/* *************************************** */
/*    Programme tabular Information        */
/* *************************************** */
.programmes {
	clear : both;
	font-size : 70%;
	background: #FFFFCC;
	text-align : left;
	color : black;
	margin-left : 2em;
}
.wide {
	width : 90%;
	margin : 0 auto;
}
.wide caption {
	margin : 0 auto;
}
.auto {
	width : auto;
	margin : 0px 10px 0px 10px;
}
.programmes td {
	border : 1px solid red;
	vertical-align : top;
	padding : 1px 5px 1px 5px;
}
.uncertain {
	font-weight : bold;
}
.programmes caption {
	background : #000066;
	font-weight : bold;
	color : white;
	padding : 5px;
	margin : 0px;
}
table {
	clear : both;
	width : 90%;
	font-size : 75%;
	BACKGROUND: #000066;
	text-align : left;
	margin : 0 auto;
}
table td {
	vertical-align : top;
	padding : 2px 5px 2px 5px;
}
/* *************************************** */
/*    Section tabular Information        */
/* *************************************** */
.SectionDiv {
  float : left;
	width : 68%;
	font-size : 100%;
}
.Section {
	background: #FFFFCC;
	text-align : left;
	color : black;
	width : 100%;
	margin-top : 0.5em;
}
.Section td {
	font-size : 70%;
	vertical-align : top;
	padding : 1px 2px 1px 2px;
	border : 1px solid #CCCCCC;
}
.Section caption {
	background : #000066;
	font-weight : bold;
	font-size : 100%;
	color : white;
	padding : 5px;
}
.empty {
	background: #000066;
}
.Team {
	font-weight : bold;
	font-size : 100%;
	width : 8em;
	background: #000066;
	color : white;
}
.Score {
	font-weight : bold;
	text-align : center;
	width : 3em;
}
.KOScore {
	font-weight : bold;
	text-align : center;
	width : 5em;
}
.Date {
	width : 5em;
}
.Att {
	width : 5.1em;
}
.KOTeams {
	width : 10em;
}
.Scorers {
	width : 10em;
}
/* *************************************** */
/*    LgeTbl tabular Information        */
/* *************************************** */
.LgeTblDiv {
  float : right;
	width : 30%;
	font-size : 100%;
}
.LgeTbl {
	background: #FFFFCC;
	text-align : left;
	color : black;
	width : 100%;
	margin-top : 0.5em;
}
.LgeTbl td {
	font-size : 70%;
	vertical-align : top;
	padding : 1px 2px 1px 2px;
	border : 1px solid #CCCCCC;
}
.LgeTbl caption {
	background : #000066;
	font-weight : bold;
	font-size : 100%;
	color : white;
	padding : 5px;
}
.LgeTblHdr {
	font-weight : bold;
	width : 1em;
	background: #000066;
	color : white;
}
/* *************************************** */
/*    KO1 tabular Information        */
/* *************************************** */
.KODiv {
  float : left;
	width : 47%;
	font-size : 100%;
}
/* *************************************** */
/*    Final tabular Information        */
/* *************************************** */
.FinalDiv {
  float : right;
	width : 47%;
	font-size : 100%;
}
/* *************************************** */
/*    Prediction results navigation        */
/* *************************************** */
table.programme_menu {
	width : 70%;
	margin : 0 auto;
	margin-top : 20px;
	margin-bottom : 20px;
	text-align : center;
}
table.programme_menu td {
	padding : 5px 10px 5px 10px;
}
.tab_base
{
	background : #6666FF;
	font-weight : bold;
	border-style : ridge;
	border-width : 1px;
	cursor : pointer;
}
.table_body
{
	background : #9999CC;
	font-weight : normal;
	font-size : 100%;
	font-family : sans-serif;
	border-style : ridge;
	border-width : 1px;
	border-spacing : 0px;
	border-collapse : collapse;
}
.tab_loaded
{
	background:#222222;
}
/* ******************* */
/*    News items       */
/* ******************* */
.HotNewsItem
{
	margin : 5px;
	Border-top : 3px solid white;
	Border-left : 3px solid white;
	Border-right : 3px solid black;
	Border-bottom : 3px solid black;
	background : blue;
	padding : 0.5em;
}
.NewsItem
{
	margin : 5px;
	Border-top : 3px solid white;
	Border-left : 3px solid white;
	Border-right : 3px solid black;
	Border-bottom : 3px solid black;
	background: #000066;
	padding : 0.5em;
}
.HotNewsHeader
{
	font-size : 1.2em;
	font-style : italic;
	font-weight : bold;
	color : #FFFFCC;
	text-align : center;
	margin : 3px;
}
.HotNewsText
{
	font-size : 1em;
	font-style : italic;
	font-weight : bold;
	text-transform : none;
	color : #FFFFCC;
	text-align : center;
	margin : 5px;
}
.NewsHeader
{
	font-size : 1em;
	font-style : italic;
	font-weight : bold;
	text-align : center;
	margin : 3px;
}
.NewsText
{
	font-size : 0.8em;
	font-weight : normal;
	text-transform : none;
	text-align : left;
	margin : 5px;
}