/*--------------------------------------------------------------------------------------------------------------*/
/* digyorkshire master style sheet
/* yui.css (from Yahoo UI library) is used to provide a basic set of styles
/*--------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------*/
/* some standard styles
/*--------------------------------------------------------------------------------------------------------------*/

body 
{
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 50px;
	color: #6c6d6f;
	background-color: #BABCBE;
}
h1
{ 
	color: #6a6caf;
	font-size: 182%;
	line-height: 180%;
	margin: 0.6em 0em 0.2em 0em; 
} 
h2
{ 
	margin: 0.8em 0em 0.3em 0em;
} 
h3
{ 
	font-size: 123.1%;
	margin: 0.8em 0em 0.5em 0em;
	font-weight:normal;
} 
a
{
	color: #6c6d6f;
	text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a
{
	border-bottom:1px dotted; 
}
.fullpageArticle a
{
	font-weight: bold;
}
a:hover,
a:focus
{
	text-decoration: none;
	border-bottom:1px dotted; 
}
ol li 
{
	margin-left: 0.5em;
}
ul li 
{
	padding-left: 0.5em;
}
hr
{
	height: 0px;
	border: 1px;
}
.smaller
{
	font-size: 85%;
}
.larger
{
	font-size: 115%;
}
.highlighted
{
	background-color: #FFD3BB;
	color: black;
}
.nobr
{
	white-space: nowrap;
}
.floatright
{
	float: right;
}
.block  /* use with floating elements to display as a block */
{
	float: left;
	width: 100%;
}
.backlink
{
	margin-top:3em;
	padding-left: 20px;
	background-image: url(/images/default/arrowgreysmallest-left.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.thickline
{
	border-top: 5px solid #babcbe;
	padding-top: 1em;
}
.syscontrolTable table
{
	margin-bottom: 0 !important;
}
.syscontrolTable td
{
	text-align: left !important;
	padding-bottom: 0.2em;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* general page architecture
/*--------------------------------------------------------------------------------------------------------------*/

#container
{
	width: 990px;
}
#middlecolumn
{
	background: #FFFFFF;
	margin-left: 170px;
	min-height: 1000px;
}
#content
{
	margin: 0 170px 0 0;
	padding: 0 5px 20px 10px;
	line-height: 135%;
	min-height: 300px;
}
#breadcrumbs
{
	border-bottom: dotted 1px #6c6d6f; 
	padding: 3px 0;
}
#breadcrumbs, 
#breadcrumbs a, 
#breadcrumbs a:hover,
#breadcrumbs a:focus
{
	color:#818080;
}
.gridColumn /* half the width of the content area */
{
	width: 305px;
	margin: 0;
	padding: 0;
	float: left;
}
#skip a, #skip a:hover, #skip a:focus, #skip a:visited   /*allow users to skip straight to content*/
{
	position: absolute;
	left: 0px;
	top: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
} 
#skip a:active, #skip a:focus {
	position: static;
	float: left;
	font-size: 85%;
	width: auto;
	height: auto;
}

#printfooter, .showOnlyOnPrintouts, .invisible  /* special styles which may only be only visible on printouts */
{
	display: none;
}
.hidden
{
	left: 1000px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* ASP.Net Calendar control
/*--------------------------------------------------------------------------------------------------------------*/

.calendarWrapper
{
	background-image: url(/images/default/calendartop.gif);
	background-position: left top;
	background-repeat: no-repeat;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
	background-color: #babcbe;
	padding: 5px;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.aspCalendar *
{
	margin: 0;
	padding: 0;
	color: Black;
	border: none !important;
	border: solid 1px #babcbe !important;
}
.aspCalendar a
{
	border: none !important;
}
table.aspCalendar
{
	width: 100%;
}

.aspCalendar .Day, .aspCalendar .Day a { background-color: White; height: 1.4em;}
.aspCalendar .Day:hover, .aspCalendar .Day:hover a { background-color: #EA6E33 !important; }
.aspCalendar .Day:focus, .aspCalendar .Day:focus a { background-color: #EA6E33 !important; }

.aspCalendar .TodayDay, .aspCalendar .TodayDay a { background-color: White; }
.aspCalendar .TodayDay:hover, .aspCalendar .TodayDay:hover a { background-color: #EA6E33 !important;  border: none; }
.aspCalendar .TodayDay:focus, .aspCalendar .TodayDay:focus a { background-color: #EA6E33 !important;  border: none; }

.aspCalendar .OtherMonthDay, .aspCalendar .OtherMonthDay a { background-color: #babcbe; color: #999999 !important;}
.aspCalendar .OtherMonthDay:hover, .aspCalendar .OtherMonthDay:hover a { color: black !important; }
.aspCalendar .OtherMonthDay:focus, .aspCalendar .OtherMonthDay:focus a { color: black !important; }

.aspCalendar .NextPrev, .aspCalendar .NextPrev a { border: none; padding-bottom: 3px;}
.aspCalendar .SelectedDay, .aspCalendar .SelectedDay a { background-color: #EA6E33 !important; }
.aspCalendar .DayHeader, .aspCalendar .DayHeader a  { color: white; background-color: #707070; }
.aspCalendar .Title, .aspCalendar .Title a { background-color: #babcbe; }
.aspCalendar .Selector, .aspCalendar .Selector a { }
.aspCalendar .WeekendDay, .aspCalendar .WeekendDay a { }

/*--------------------------------------------------------------------------------------------------------------*/
/* sidebar on the left
/*--------------------------------------------------------------------------------------------------------------*/

#sidebar
{
	float: left;
	width: 160px;
	padding-top: 135px;
	padding-left: 10px;
	overflow: hidden;
	font-size: 85%;
}
#sidebar .sideboxtop
{
	background-image: url(/images/default/boxtop.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 8px;
	margin-top: 10px;
	float: left;
}
#sidebar .sideboxbottom
{
	background-image: url(/images/default/boxbottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;
	margin-bottom: 10px;
	float: left;
}
#sidebar .sidebox
{
	width: 140px;
	margin: 0;
	padding: 0 5px 0 5px;
	background-color: #707070;
	background-image: url(/images/default/boxbackground.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color: #babcbe;
}
#sidebar .sidebox .gobutton
{
	vertical-align: middle;
	padding-bottom: 3px;
	float: left;
}
#sidebar .sidebox .resetbutton
{
	vertical-align: middle;
	padding-bottom: 3px;
	float: right;
}
#sidebar h3
{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 170%;
	font-weight:  bold;
	line-height: 80%;
}
#sidebar h3 span
{
	color: #EA6E33;
}
#sidebar .sidebox p
{
	color: White;
}
#sidebar .sidebox .textbox
{
	width: 120px;
	padding: 1px;
	margin-bottom: 2px;
}
#sidebar .sidebox .narrowbox
{
	width:100px; 
	float: right;
}
#sidebar .sidebox label
{
	color: #BABCBE;
	display: block;
	margin-top: 0.2em;
}
#sidebar a:hover,
#sidebar a:focus
{
	border: none;
	text-decoration: underline;
}
#sidebar .bottomlinks
{
	clear: left;
	padding-top: 10px;
	color: #BABCBE;
}
#sidebar .bottomlinks a
{
	color: #FFFFFF;
	font-weight: bold;
} 
#sidebar .bottomlinks a:hover,
#sidebar .bottomlinks a:focus
{
	text-decoration: underline;
} 
#sidebar #mostviewed
{
	margin-left: 20px;
}
#sidebar ol
{
	margin: 0;
	padding: 0;
	padding-left: 5px;
}
#sidebar #mostviewed li
{
	margin: 0;
	padding: 0;
}
#sidebar #mostviewed a
{
	color: #FFFFFF;
}
#sidebar #mostviewed a:hover,
#sidebar #mostviewed a:focus
{
	color: #EA6E33;
	border: none;
}
#sidebar #links ul
{
	margin: 30px 0 0 5px;
	padding: 0;
	width:100%;
}
#sidebar #links li
{
	list-style: none;
	margin: 0;
	padding: 0;
	color: #6C6D6F;
	font-size: 115%;
	line-height: 180%;
}
#sidebar #links a:hover,
#sidebar #links a:focus
{
	color: #333333;
}
#sidebar #links .selected a
{
	color: #333333;
	font-weight: bold;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* page header
/*--------------------------------------------------------------------------------------------------------------*/

#header
{
	width: 820px;
	padding: 0;
	background-color: white;
	background-image: url(/images/default/headerbackground.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}
#header a:hover,
#header a:focus
{
	text-decoration: none;
	border-bottom:none;
}
#header #logo
{
	padding: 40px 0 30px 10px;
}
#header .signupbox
{
	display: none;
}
#header #user
{
	float: right;
	margin: 0 20px 0 0;
	display: table-cell;
	color: #67686A;
}
#header #user #username
{
	display: block;
}
#header #user a
{
	color: #67686A;
	font-size: 80%;
}
#header #user a:hover,
#header #user a:focus
{
	color: #EA6E33;
}
#header #user img
{
	vertical-align: middle;
	padding: 0 0 5px 5px;
}
#header #user #minibasket
{
	position: relative;
	display: inline;
	left: -5px;
	top: 3px;
}
#header #user #minibasket span
{
	position: relative;
	left: -60px;
	top: -1px;
	color: White;
	font-size: 110%;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* top menu bar
/*--------------------------------------------------------------------------------------------------------------*/

#menubar 
{
	font-size: 90%;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 810px;
	background: inherit;
}
#menubar ul
{
	margin: 0;
	padding: 0;
	height: 45px;
}
#menubar li
{
	font-size: 95%;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	text-align: center;
	background-image: url(/images/default/menuleft1.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
}
#menubar a
{
	float: left;
	display: block;
	padding: 20px 0 10px 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/images/default/menuright1.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
}
#menubar a:hover, 
#menubar a:focus, 
#menubar .selected a
{
	padding-top: 5px;
	padding-bottom: 25px;
	border: none;
}
#menubar li:hover, 
#menubar li:focus, 
#menubar li.hvrfix, 
#menubar .selected
{
	background-position: left bottom;
}
#menubar li:hover a, 
#menubar li:focus a, 
#menubar li.hvrfix a, 
#menubar li.selected a
{
	background-position: right bottom;
}
#menubar li.selected a
{
	cursor: default;
}

#menubar li.colour1 { background-image: url(/images/default/menuleft1.gif); }
#menubar li.colour2 { background-image: url(/images/default/menuleft2.gif); }
#menubar li.colour3 { background-image: url(/images/default/menuleft3.gif); }
#menubar li.colour4 { background-image: url(/images/default/menuleft4.gif); }
#menubar li.colour5 { background-image: url(/images/default/menuleft5.gif); }
#menubar li.colour6 { background-image: url(/images/default/menuleft6.gif); }
#menubar li.colour7 { background-image: url(/images/default/menuleft7.gif); }
#menubar li.colour8 { background-image: url(/images/default/menuleft8.gif); }
#menubar li.colour9 { background-image: url(/images/default/menuleft9.gif); }
#menubar li.colour10 { background-image: url(/images/default/menuleft10.gif); }
#menubar li.colour11 { background-image: url(/images/default/menuleft11.gif); }
#menubar li.colourMP { background-image: url(/images/default/menuleftMP.gif); }
#menubar li.colour1 a { background-image: url(/images/default/menuright1.gif);}
#menubar li.colour3 a { background-image: url(/images/default/menuright3.gif); }
#menubar li.colour2 a { background-image: url(/images/default/menuright2.gif); }
#menubar li.colour4 a { background-image: url(/images/default/menuright4.gif); }
#menubar li.colour5 a { background-image: url(/images/default/menuright5.gif); }
#menubar li.colour6 a { background-image: url(/images/default/menuright6.gif); }
#menubar li.colour7 a { background-image: url(/images/default/menuright7.gif); }
#menubar li.colour8 a { background-image: url(/images/default/menuright8.gif); }
#menubar li.colour9 a { background-image: url(/images/default/menuright9.gif); }
#menubar li.colour10 a { background-image: url(/images/default/menuright10.gif); }
#menubar li.colour11 a { background-image: url(/images/default/menuright11.gif); }
#menubar li.colourMP a { background-image: url(/images/default/menurightMP.gif); }

#menubar li a {min-width: 60px; padding-left: 0px; padding-right: 5px; }

/*--------------------------------------------------------------------------------------------------------------*/
/* sub menu bar
/*--------------------------------------------------------------------------------------------------------------*/

#submenu 
{
	font-size: 85%;
	color: #FFFFFF;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	width: 810px;
}
#submenu ul
{
	margin: 0;
	padding: 0;
	height: 20px;
	background-color: #776979;
}
#submenu li
{
	float: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	list-style: none;
}
#submenu .narrow
{
	padding-left: 0px;
}

#submenu .narrow_selected
{
	padding-left: 0px;
	color: #FFFFFF;
    font-weight:bold;
}
#submenu a
{
	float: left;
	display: block;
	padding-right: 5px;
	color: #FFFFFF;
}
#submenu a:hover, 
#submenu a:focus, 
#submenu .selected a
{
	color: #EA6E33;
	border: none;
}
ul.colour1 { background-color: #776979; }
ul.colour2 { background-color: #A6A7AA; }
ul.colour3 { background-color: #818080; }
ul.colour4 { background-color: #6A6564; }
ul.colour5 { background-color: #858785; }
ul.colour6 { background-color: #6C6D6F; }
ul.colour7 { background-color: #808077; }
ul.colour8 { background-color: #6A6564; }
ul.colour9 { background-color: #838982; }
ul.colour10 { background-color: #68726A; }
ul.colourMP { background-color: #EA6E33; }
ul.colourMP a:hover { color: #6c6d6f !important; }
ul.colourMP a:focus { color: #6c6d6f !important; }

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

#footer
{
	padding-top: 1em;
	margin-left: 180px;
	color: #6C6D6F;
	font-size: 85%;
	clear: both;
}
#footer ul
{
	margin: 0.2em 0em 0.2em 0em;
}
#footer a
{
	color: #333333;
}
#footer ul li
{
	display: inline;
	list-style-type: none;
	padding: 0 0.8em 0 0; 
}
#footer p#awdcredit
{
	font-size: 105%;
	margin-top: 1.5em;
}
#footer p#awdcredit a
{
	font-family: Verdana;
	font-size: 125%;
	font-weight: bold;
	color: #6AC0E3;  /* lighter version */
	color: #5DA8C7; /* darker version */
}
#footer p#awdcredit a:hover,
#footer p#awdcredit a:focus
{
	color: #6C6D6F;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* banner & skyscraper
/*--------------------------------------------------------------------------------------------------------------*/

#topbanner
{
	padding-left: 170px;
	background-image: url(/images/default/headerbackground.jpg);
	background-position: 170px top;
	background-repeat: repeat-y;
	max-height: 110px;
}
#topbanner a 
{ 
	border: none !important;
}
#topbanner #banner
{
	display: table;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	overflow:hidden;
}

#topbanner #bannerclick  
{
	z-index: 10;
	position: relative;
	top: -110px; 
	border: solid 1px transparent;
}	
#topbanner #banner,
#topbanner #bannerclick,
#topbanner #bannerclick img 
{ 
	width: 730px; 
	height: 110px; 
}

/*------------------------*/

#sidebanner
{
	float: right;
	width: 160px;
	overflow: hidden;
}
#sidebanner a 
{
	border: none !important;
}
#sidebanner .bannerslot
{
	max-height: 600px;
	max-width: 160px;
	overflow: hidden;
	margin-top: 5px;
}
#sidebanner #topskyscraper
{
	z-index: -1;
	overflow:hidden;
	width: 160px;
	height: 600px;
}
#sidebanner #topskyscraperclick
{
	z-index: 10;
	position: relative;
	top: -600px; 
	width: 160px;
	height: 600px;
	border: solid 1px transparent;
}
#sidebanner #topskyscraperclick img
{
	width:160px;
	height:600px;
}
#sidebanner #lowerskyscraper
{
	z-index: -1;
	overflow:hidden;
	width: 160px;
	height: 600px;
}
#sidebanner #lowerskyscraperclick
{
	z-index: 10;
	position: relative;
	top: -600px; 
	width: 160px;
	height: 600px;
	border: solid 1px transparent;
}
#sidebanner #lowerskyscraperclick img
{
	width:160px;
	height:600px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* form elements
/*--------------------------------------------------------------------------------------------------------------*/

.textbox
{
	color: black;
	vertical-align: middle;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0 2px;
}
select.textbox
{
	height: 1.5em;
}
.announcement
{
	padding: 4px;
	margin: 10px 10px 1.5em 0;
	background-color: #EA6E33;
	color: White !important;
	font-weight:bold;
}
.announcement a
{
	color: #eeeeee !important;
	text-decoration: underline;
	border: none;
}
.announcement p
{
	margin-bottom: 0;
}
.error, .required
{
	color: #B00000;
}
.error a, .required a
{
	color: #B00000 !important;
	text-decoration: underline !important;
}
button, .btn, .button /* button class -  can be applied to links as well */
{	
	font-size: 93%;
	height: 20px;
	color: black;
	border: 1px solid #bbb;
	background-color: #eee;
	text-decoration: none;
	margin-right: 6px;
	padding: 0px 3px 2px 3px;
	cursor: pointer;
	vertical-align: middle;
}
input[type=checkbox], input[type=radio]
{
	margin-right: 0.3em;
}
a.btn
{
	font-size: 93%;
	height: 17px;
	width: auto;
	display: block;
	padding: 4px 3px 0px 3px;
	float: left;
	white-space: nowrap;
}
.btn *, .button *
{
	vertical-align: middle;
}
.disabled, .disabled:hover, .disabled:focus, 
input[disabled].btn, input[disabled].btn:hover, input[disabled].btn:focus, 
button[disabled].btn, button[disabled].btn:hover, button[disabled].btn:focus, 
input[type=button][disabled], input[type=button][disabled]:hover, input[type=button][disabled]:focus, 
input[type=submit][disabled], input[type=submit][disabled]:hover, input[type=submit][disabled]:focus
{
	color: #666 !important;
	background-color: #eee !important;
	cursor:default;		
}
button.btn, input.btn, .button 
{
	width: auto;
	overflow: visible;
	line-height: 130%;	
}
input[type=submit]:hover, button:hover, .btn:hover, .button:hover,
input[type=submit]:focus, button:focus, .btn:focus, .button:focus
{
/*	color: black;	
	background-color: #bbb;
	border: 1px solid #777;	
	text-decoration: none;	
*/
}
.buttons
{
	margin: 1em 0em;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Two-column data entry form
/*--------------------------------------------------------------------------------------------------------------*/

.twocolform
{
	width: 95%;
	margin: 0.7em 0.1em 1em 0.1em;	
	clear: left;
	line-height: 120%;
}
.twocolform .col1
{
	width: 120px;
	float: left;
	clear: left;
	margin-top: 0.2em;
}

.twocolform .col1wide
{
	width: 200px;
	float: left;
	clear: left;
	margin-top: 0.2em;
	margin-right:0.5em;
}

.twocolform div.col2right
{
    float: right;
	margin-top: 0.2em;
}

.twocolform .col1 > *
{
	float: left;
	padding-bottom: 0.5em;
}
.twocolform > p
{
	font-size: 85%;
	margin-top: 0.5em;
}
.twocolform div.col2
{
	margin-left: 130px;
	margin-top: 0.2em;
}
.twocolform div.col2 input
{
	vertical-align: middle;
}
.twocolform div.col2 p
{
	font-size: 85%;
	margin-bottom: 0.4em;
	display: block;
	float: none;
	width: auto;
}
/*.twocolform .col2 label
{
	line-height: 2.0em;
}*/
.twocolform div.col3 label, .twocolform div.col3 p
{
	float: none;
	width: auto;
}
.twocolform .subselection
{
	width: 90%;
	padding: 0.5em 1em;
	margin: 0.5em;
	background-color: #dddddd;
}
.twocolform .subselection td
{
	padding:0 !important;
}


/*--------------------------------------------------------------------------------------------------------------*/
/* AJAX.NET Calendar extender styles */
/*--------------------------------------------------------------------------------------------------------------*/

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #DDD;
	color: #676767;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, 
.MyCalendar .ajax__calendar_other .ajax__calendar_year
{
	color: #BBB;
	background-color: #DDD;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, 
.MyCalendar .ajax__calendar_hover .ajax__calendar_month, 
.MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
	color: #EEE;
	background-color: #AAA;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, 
.MyCalendar .ajax__calendar_active .ajax__calendar_month, 
.MyCalendar .ajax__calendar_active .ajax__calendar_year
{
	color: #000;
	font-weight: bold;
}
.MyCalendar td, .MyCalendar th
{
	padding: .1em;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* often-used links with chunky arrow buttons
/*--------------------------------------------------------------------------------------------------------------*/
.buy
{
	color: #EA6E33 !important;
}
.buy:hover,
.buy:focus
{
	color: #6C6D6F !important;
}
.eventLink, .eventLinkSmall, .venueLinkSmall
{
	color: #6A6CAF !important;
	font-size: 140%;
	font-weight: bold;
}
.eventLink a, .eventLinkSmall a, .venueLinkSmall a
{
	padding: 10px 0 10px 35px;
	background-image: url(/images/default/arrowdarkgrey.gif);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	color: #6A6CAF;
	text-decoration: none;
	border: none;
}
.eventLink a:hover, .eventLinkSmall a:hover, .venueLinkSmall a:hover,
.eventLink a:focus, .eventLinkSmall a:focus, .venueLinkSmall a:focus
{
	color: #EA6E33;
}
.eventLink em
{
	font-style: normal;
	font-weight: bold;
	color: #A6A7AA;
}
.eventLinkSmall, .venueLinkSmall
{
	font-size: 100%;
}
.eventLinkSmall a, .venueLinkSmall a
{
	padding: 0px 0 0px 20px;
	background-image: url(/images/default/arrowdarkgreysmallest.gif);
}
.eventLinkSmall em, .venueLinkSmall em
{
	font-style: normal;
	font-weight: normal;
}

.expandSmall
{
	margin-bottom:10px;
	display: block;
	color: #6A6CAF;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	border: none;
	cursor:pointer;
}
.expandLarge, .expandLarge a, expandSmall a
{
	padding: 10px 0 10px 35px;
	display: block;
	color: #6A6CAF !important;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	border: none;
	cursor: pointer;
}
.expandLarge em, .expandsmall em
{
	font-style: normal;
	font-weight: normal;
}
.expandSmall a
{
	color: #A6A7AA;
	padding-left: 0px;
	background-image: url(/images/default/arrowdownsmall.gif);
	background-repeat: no-repeat;
}
.expandLarge:hover, .expandLarge a:hover, 
.expandLarge:focus, .expandLarge a:focus, 
.expandSmall:hover, .expandSmall a:hover,
.expandSmall:focus, .expandSmall a:focus
{
	color: #EA6E33;
}
.favouriteLink 
{
	margin-top: 10px;
}	
.favouriteLink a
{
	float: right;
	clear: right;
	font-size: 110%;
	font-weight: bold;
	padding: 2px 25px 2px 0;
	color: #A6A7AA;
	background-image: url(/images/default/arrowgreysmall.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.favouriteLink a:hover,
.favouriteLink a:focus
{
	color: #6C6D6F;
	border: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* expandable panels on various pages
/*--------------------------------------------------------------------------------------------------------------*/

.youtubepanel
{
	border:solid 1px #888888;
	background-color:#dddddd;
	}
.youtubepanel div
{
	padding:10px;
	text-align:center;
}


/*--------------------------------------------------------------------------------------------------------------*/
/* event listing
/*--------------------------------------------------------------------------------------------------------------*/

#eventHeader .artform 
{
	width: 100%;
	float:left;
}
#eventHeader h1
{
	color: #6A6CAF;
	font-size: 105%;
	margin: 10px 0 0 0;
}
#eventHeader p
{
	font-size: 85%;
	margin: 0 0 3px 0;
	padding-bottom: 5px;
	border-bottom: dotted 1px #BABCBE;
}
#eventHeader h2
{
	color: #6A6CAF;
	font-size: 180%;
	font-weight: bold;
	line-height: 110%;
	margin-top: 0;
	margin-bottom: 0.7em;
	width: 280px;
}
#eventHeader .eventLink a
{
	float: right;
	padding-top: 5px;
	background-position: left top;
}
#eventDetails
{
	border-top: solid 6px #BABCBE;
	border-bottom: solid 1px white; /*fixes an IE7 rendering issue */
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 20px;
}
#eventDetails h3
{
	font-size: 120%;
	font-weight: bold;
	color: #6C6D6F;
	margin: 5px 0 3px 0; 
}
#eventDetails p
{
	padding-right: 20px;
}
#eventDetails .eventImage
{
	float: right;
	width: 330px;
	height: 380px;
	overflow: hidden;
	background: #F0F0F0;
	margin: 0 0 10px 10px;
}
#eventLogistics
{
	float: left;
	width: 615px;
	padding-top: 10px;
	margin-left: 20px;
	border-top: dotted 1px #BABCBE;
}
#eventLogistics h3
{
	margin: 0 0 0.8em 0;
	font-size: 120%;
	font-weight: bold;
	color: #6A6CAF;
}
#eventLogistics #eventVenue
{
	width: 275px;
	padding-right: 10px;
	overflow: hidden;
	float: left;
}
#eventLogistics ul
{
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
#eventLogistics li
{
	margin-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(/images/default/arrowgreysmallest.gif);
	background-position: left center;
	background-repeat: no-repeat;
	list-style: none;
}
#eventLogistics li a
{
	font-weight: bold;
}
#eventHighlights
{
	float: left;
	width: 100%;
}
#eventHighlights .expandLarge
{
	border-top: dotted 1px #BABCBE;
	padding: 5px 0;
}
#eventLinks
{
	float: left;
	width: 100%;
	border-top: dotted 1px #BABCBE;
}
#eventSuggestions
{
	float: left;
	margin: 5px 0;
	width: 100%;
	border-top: solid 6px #6C6D6F;
	padding-top: 10px;
}
#eventSuggestions h2
{
	color: #6A6CAF;
	font-size: 180%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #BABCBE;
}
#eventSuggestions ul
{
	margin: 0;
	padding: 0;
}
#eventSuggestions li
{
	width: 265px;
	float: left;
	clear: left;
	margin-bottom: 5px;
	padding-left: 30px;
	background-image: url(/images/default/arrowpurple.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style: none;
}
#eventSuggestions li.rightColumn
{
	margin-left: 10px;
	width: 290px;
	clear: none;
}
#eventSuggestions li a
{
	font-weight: bold;
}
#eventSuggestions h3
{
	margin: 0;
	font-size: 100%;
	border-bottom: none !important;
}
#eventSuggestions h3 a
{
	border-bottom: none;
}
#eventSuggestions h3 a:hover,
#eventSuggestions h3 a:focus
{
	border-bottom: dotted 1px !important;
}
#eventSuggestions .eventImage
{
	float: right;
	width: 87px;
	height: 100px;
	margin-left: 1em;
	background: #F0F0F0;
}
#eventSuggestions .newday
{
	border-bottom: solid 5px #6C6D6F !important;
	margin: 0.2em 0 1em 0 !important;
}
#eventBrowse
{
	float: left;
	width: 100%;
	margin-top: 10px;
	border-top: solid 6px #6C6D6F;
}
#eventBrowse a
{
	border-bottom: dotted 1px #BABCBE;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* promoted highlights
/*--------------------------------------------------------------------------------------------------------------*/

.more
{
	font-weight: bold;
	text-decoration: underline;
}
.more:hover,
.more:focus
{
	color: #EA6E33;
	text-decoration: underline;
	border: none;
}
.highlightLarge
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.highlightLarge .image
{
	float: left;
	width: 330px;
	height: 250px;
	background-color: #F0F0F0;
	margin-bottom: 10px;
	overflow: hidden;
}
.highlightLarge h1
{
	margin-left: 340px;
	color: #6A6CAF;
	font-size: 140%;
	line-height: 90%;
}
.highlightLarge h2
{
	margin-left: 340px;
	margin-top: 0px;
	color: #6C6D6F;
	font-size: 180%;
	line-height: 120%;
}
.highlightLarge p
{
	margin-left: 340px;
	margin-top: 15px;
	padding-left: 40px;
	background-image: url(/images/default/arrowdarkgrey.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.highlightLarge a:hover,
.highlightLarge a:focus
{
	border: none;
}
.highlightMedium
{
	min-height: 160px;
	border-top: dotted 1px #BABCBE;
	padding-top: 5px;
	margin-top: 5px;
}
.highlightMedium .image
{
	float: left;
	width: 165px;
	height: 125px;
	margin-top: 10px;
	background-color: #F0F0F0;
	overflow: hidden;
}
.highlightMedium h1
{
	float: left;
	margin: 0 10px 0 0;
	color: #6A6CAF;
	font-size: 140%;
	line-height: normal;
	letter-spacing: -1px;
	line-height: 90%;
}
.highlightMedium h2
{
	margin: 0;
	color: #6C6D6F;
	font-size: 140%;
}
.highlightMedium p
{
	margin-left: 180px;
	margin-top: 15px;
	padding-left: 40px;
	min-height: 30px;
	background-image: url(/images/default/arrowdarkgrey.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.highlightMedium .otherEvents
{
	margin-left: 220px;
	padding-left: 20px;
	font-size: 90%;
	background-image: url(/images/default/arrowgreysmallest.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.highlightMedium .otherEvents a
{
		color: #A6A7AA;
}
#highlightList
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: dotted 1px #BABCBE;
	border-bottom: dotted 1px #BABCBE;
	padding-top: 5px;
	margin-top: 5px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
#highlightList ul
{
	margin: 0;
	padding: 0;
}
#highlightList li
{
	width: 280px;
	float: left;
	margin-bottom: 2px;
	padding-left: 35px;
	margin-right: 10px;
	background-image: url(/images/default/arrowpurple.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style: none;
}
#highlightList li a
{
	font-weight: bold;
}
.funders a
{
	vertical-align: middle;
	margin-right: 20px;
	border: none !important;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* highlight page
/*--------------------------------------------------------------------------------------------------------------*/

#highlightHeader h1
{
	color: #6A6CAF;
	font-size: 105%;
	margin: 10px 0 0 0;
}
#highlightHeader h1 em
{
	font-style: normal;
	font-weight: normal;
}
#highlightHeader h2
{
	color: #6C6D6F;
	font-size: 180%;
	font-weight: bold;
	line-height: 110%;
	margin: 0.3em 0;
	width: 410px;
}
#highlightHeader .author
{
	margin: 0;
	padding-top: 3px;
	border-top: dotted 1px #BABCBE;
	font-weight: bold;
}
#highlightHeader .rating
{
	float: right;
	margin-right: 225px;
}
#highlightHeader .date
{
	margin: 0 0 15px 0;
	padding-bottom: 4px;
	border-bottom: dotted 1px #BABCBE;
}
#highlightBody
{
	width: 410px;
	float: left;
}
#highlightBody .image
{
	width: 410px;
	height: 310px;
	background-color: #F0F0F0;
	overflow: hidden;
}
#highlightBody a
{
	font-weight: bold !important;
}
#highlightBody p
{
	padding-right: 15px;
	margin: 1em 0 1.5em 0;
}
#highlightLinks
{
	float: left;
	width: 210px;
	padding: 320px 0px 5px 15px;
}
#highlightLinks .quote
{
	font-size: 150%;
	padding: 1.5em 1em 0 0.4em;
	text-indent: -0.4em;
	line-height: 120%;
}
#highlightLinks #events
{
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}
#highlightLinks #events li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#highlightLinks #events a
{
	background-image: none;
	padding: 0 2em 2px 35px;
	color: #A6A7AA;
	font-size: 60%;
	font-weight: normal;
}
#highlightLinks #events a:hover,
#highlightLinks #events a:focus
{
	color: #333333;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* artform section page
/*--------------------------------------------------------------------------------------------------------------*/

#artformMore
{
	border-top: dotted 1px #BABCBE;
	border-bottom: dotted 1px #BABCBE;
	margin: 10px 0;
	padding: 5px 0;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* search results
/*--------------------------------------------------------------------------------------------------------------*/

#searchResults
{
	float: left;
	width: 100%;
}
#searchResults h1
{
	color: #A6A7AA;
	font-size: 120%;
	line-height: 140%;
	margin-top: 0;
	padding-top: 0;
}
#searchResults h1 span
{
	padding-left: 20px;
	font-size: 90%;
}
#searchResults .perPage
{
	width: 100%;
	float: right;
	text-align: right;
	height: 0;
}
#searchResults .paging
{
	margin-top:0;
	padding-top: 0;
	padding-bottom: 2px;
	clear: left;
}
#searchResults .paging a
{
	font-size: 90%;
	border: solid 1px #A6A7AA;
	text-align: center;
	padding: 2px 6px 2px 6px;
	margin: 0px 1px;
}

#searchResults .paging .selected, 
#searchResults .paging a:hover,
#searchResults .paging a:focus
{
	border: solid 1px #6C6D6F;
	color: #6C6D6F !important;
	background-color: #d8d8d8;
}
#searchResults .paging .navigation
{
	border: solid 1px white;
}

#searchResults .paging span.inactive
{
	font-size: 90%;
	border: solid 1px #A6A7AA;
	text-align: center;
	padding: 2px 6px 2px 6px;
	margin: 0px 1px;
}

#searchResults .paging span.hidden
{
	border: 1px dotted #ccc;
	padding: 2px 8px;
}
#searchResults .newday
{
	color: #6A6CAF;
	float: left;
	width: 100%;
	font-size: 130%;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	padding: 0;
	padding-bottom:2px;
	border-bottom: solid 5px #6A6CAF;
}

#searchResults .row
{
	width: 100%;
	float: left;
	padding: 0;
	border-bottom: dotted 1px #BABCBE;
}
#searchResults .premium
{
	width: 100%;
	float: left;
	padding: 0;
	background-color: #DCDEDF;
	border-bottom: dotted 1px #6C6D6F;
}
#searchResults .venuelist
{
	width: 310px;
	float: left;
	padding: 0;
	border-bottom: dotted 0px #6C6D6F;
}
#searchResults .title,
#searchResults .venueimage, 
#searchResults .venue, 
#searchResults .venuename, 
#searchResults .town,
#searchResults .artform, 
#searchResults .venueLinkSmall, 
#searchResults .eventLinkSmall, 
#searchResults .synopsis
{
	float:left;
	padding-right: 10px;
	padding-bottom: 2px;
}
#searchResults .title { width: 295px; }
#searchResults .venueimage { width: 85px; }
#searchResults .venuename { width: 200px; }
#searchResults .venue { width:inherit; }
#searchResults .town { width: 70px;    }
#searchResults .artform { width: 110px;    }
#searchResults .eventLinkSmall { width: 120px; }
#searchResults .venueLinkSmall { width: 180px; }
#searchResults .synopsis { width: 310px; }

#searchResults .title, 
#searchResults .venuename
{
	font-weight: bold;
}
#searchResults .venue, 
#searchResults .town
{
	font-weight: normal;
}
#searchResults .premium .venue
{
	float: none;
}
#searchResults .title img
{
	display: block;
	margin-top: 2px;
}
#searchResults .premium .title img
{
	float: left;
	padding-right: 1em;
}
#searchResults .venuename img
{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
#searchResults .artform span
{
	display: block;
	color: #A6A7AA;
}
#searchResults .synopsis
{
	padding-top: 10px;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* venue page
/*--------------------------------------------------------------------------------------------------------------*/

#venueHeader
{
	float: left;
	width: 100%;
}
#venueHeader h1
{
	color: #6A6CAF;
	font-size: 105%;
	margin: 10px 0 0 0;
	padding-bottom: 20px;
	border-bottom: dotted 1px #BABCBE;
}
#venueHeader h2
{
	color: #6C6D6F;
	font-size: 180%;
	font-weight: bold;
	line-height: 110%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	width: 300px;
}
#venueDetails
{
	border-top: solid 6px #BABCBE;
	margin-top: 10px;
	padding-top: 10px;
	float: left;
}
#venueDetails h3
{
	font-size: 100%;
	font-weight: bold;
	margin: 0; 
}
#venueDetails p
{
	margin: 0 10px 10px 0;
}
#venueDetails .image
{
	float: right;
	width: 330px;
	height: 380px;
	background: #F0F0F0;
	margin-left: 20px;
}
#venueDetails .website
{
	font-weight: bold;
}
#venueFacilities
{
	float: left;
	width: 100%;
	border-top: dotted 1px #BABCBE;
	padding: 10px 0;
	margin-top: 10px;
}
#venueLinks
{
	float: left;
	width: 100%;
	border-top: dotted 1px #BABCBE;
}
.permanentExhibition
{
	color: #6c6d6f !important;
	width:100%;
	float: left;
	margin: 0.5em 0;
}
.permanentExhibition .eventImage
{
	float: left;
	margin-right: 1em;
}
.permanentExhibition h3
{
	margin: 0 0 0.3em 0;	
	font-weight: bold;
	color: #6c6d6f !important;
}
.permanentExhibition p
{
	margin-bottom: 0.2em;
}
#venueEvents
{
	float: left;
	width: 100%;
}
#venueEvents h1
{
	border-top: solid 6px #6C6D6F;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}


/* ================================================================= */
/* =========================== modal popup ============================ */
/* ================================================================= */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:0px;
	border-style:none;
	border-color:Gray;
	padding:3px;
	width:500px; 
	font-size:90%;
	color:#676767;
}

.modalPopup h1
{
		font-size: 152%;
		margin: 0.6em 0em 0.3em 0em; 
}
.modalPopup a
{

}
.modalPopupClose  
{
	height:24px;
	width:24px;
	float:right;
	background-image: url(/images/default/popupclose.gif);
	background-repeat:no-repeat;
}

.modalPopupDragHandle 
{
	cursor: move;
	background-color:#DDDDDD;
	border:solid 1px Gray;
	color:Black;
	text-align:center;
	height:20px;
}
/* ==============  Calendar styles =================*/

.AjaxCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #DDD;
	color: #676767;
	width:180px;
}
.AjaxCalendar .ajax__calendar_other .ajax__calendar_day, .AjaxCalendar .ajax__calendar_other .ajax__calendar_year
{
	color: #BBB;
	background-color: #DDD;
}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day, .AjaxCalendar.ajax__calendar_hover .ajax__calendar_month, .AjaxCalendar.ajax__calendar_hover .ajax__calendar_year
{
	color: #EEE;
	background-color: #AAA;
}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_day, .AjaxCalendar.ajax__calendar_active .ajax__calendar_month, .AjaxCalendar .ajax__calendar_active .ajax__calendar_year
{
	color: #000;
	font-weight: bold;
}
.AjaxCalendar td, .AjaxCalendar th
{
	padding: .1em;
}

.calTitle
{
	height:20px;
	font-size:inherit;
	border:none;
	color:Black; 
	border-collapse:collapse; 
	background-color:Transparent;
}

.calTitle tr
{
	height:10px;
}

.calTitle a:hover,
.calTitle a:focus
{
	color: #EEE;
	background-color: #AAA;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* box with rounded corners, use it big or small
/*--------------------------------------------------------------------------------------------------------------*/

.box
{
	float: left;
	width: 90%;
	background:#eeeeee;
	padding: 0 10px;
	margin: 0 40px;
	display:inline;  /* IE double margin bug*/
}
.box h1
{
	font-size: 150% !important;
}
.box h2
{
	margin-left: 0 !important;
}
.box .cmsButtons
{
	padding: 5px;
}
.box .button
{
	padding: 5px !important;
	margin-top: 10px;
	height: 20px !important;
	border: solid 1px black !important;
}
.box .inner 
{
	background:#eeeeee;
	padding:10px 0;
	margin: -10px 0;
	min-height: 0;   /* ie7 layout issues fix*/
	position:relative;
}
.box .top, .box .base
{
	margin: -10px -10px 0;
	background:url(/images/default/whitecorner.gif) no-repeat left top;
	height:10px;
	position:relative;
	font-size:10px;
}
.box .base
{
	background-position:left bottom;
	clear: left;
	margin:0 -10px -10px;
}
.box .top span, .box .base span
{
	background:url(/images/default/whitecorner.gif) no-repeat right top;
	display:block;
	height:10px;
	font-size:10px;
}
.box .base span
{
	background-position:right bottom;
}
.box .content
{	
	width:100%;
 }
  #content .box
 {
 	margin-top: 10px;
 	margin-bottom: 30px;
 }

/* =====================================================*/
/* ====================  Send to friend ====================*/
/* =====================================================*/

.SendToFriendPanel 
{
	width:100%;
	font-family: Helvetica, Arial, sans-serif;
	color:#676767;
	font-size: 80% !important;
}
.SendToFriendPanel .Heading
{
	width:100%;
	margin-bottom:0px;
	border-bottom:dotted 1px #676767;
	font-size: 80%;
	color: #EA6E33;
}	
.SendToFriendPanel .Heading div
{
	float:right;	
	line-height: normal;
}	
.SendToFriendPanel .Heading div a
{
	padding: 0;
	line-height: normal;
}
.SendToFriendPanel .panelstyle
{
	border:solid 1px #bbbbbb;	
	margin-bottom: 0.5em;
}
.SendToFriendPanel a, 
.SendToFriendPanel a:hover,
.SendToFriendPanel a:focus
{
	 text-decoration:none;
	 background-image:none !important;
}
.SendToFriendPanel .fixButton,
.SendToFriendPanel .fixButtonWhite,
.SendToFriendPanel .fixButtonDark
{
	font-size: 100%;
}
.SendToFriendPanel table
{
	 width:100%;
	 margin:0px;
}
.SendToFriendPanel table td
{
	padding: 0.2em;	
}
.SendToFriendPanel .controlHeadingCell
{
	width:130px;  
	min-width:130px;
}
.SendToFriendPanel .controlHeading
{
	font-size:90%;
	font-weight:normal; 
	color:#676767;
}
.SendToFriendPanel .TandCs
{
	margin: 0;
}
.SendToFriendPanel .controlTextbox
{
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 90%; 
	color: #676767;
	border-style: solid;
	border-width: 1px;
	border-color: #6C6D6F;
}
.SendToFriendPanel .modalValidator
{
	font-family: Helvetica, Arial, sans-serif;
	font-size:70%; 
	font-weight:normal;
}


	
/*--------------------------------------------------------------------------------------------------------------*/
/* form buttons
*---------------------------------------------------------------------------------------------------------------*/

.cmsButtons
{ 
	float: left;
    width: 100%;
    margin-top: 10px;
}
.cmsButtons .right
{
	float: right;
	text-align: right;
}
.cmsButton, 
.cmsButtonWhite, 
.cmsButtonDark, 
.cmsButtonBig, 
.cmsButtonXP, 
.cmsButtonVista 
{
	line-height: 25px;
	vertical-align: middle;
	background-color: Transparent;
	background-position: right top;
	background-repeat: no-repeat;
	border: none !important;
	cursor: pointer; 
	cursor: hand; 
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	color: #666666 !important;
	padding: 0 10px 0 0 !important;
	margin-right: 0.5em;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box;  /*ff*/
}
.cmsButton span, 
.cmsButtonWhite span, 
.cmsButtonDark span, 
.cmsButtonBig span, 
.cmsButtonXP span, 
.cmsButtonVista span
{ 
	height: 25px;
	line-height: 25px;
	background-color: white;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	display: inline-block;
	padding-left: 10px; 
}
.cmsButton:hover, 
.cmsButtonWhite:hover, 
.cmsButtonDark:hover, 
.cmsButtonBig:hover, 
.cmsButtonXP:hover, 
.cmsButtonVista:hover
{
	background-position: right 100%;
	color: #EA6E33 !important;
	text-decoration: none;
}
.cmsButton:hover span, 
.cmsButtonWhite:hover span, 
.cmsButtonDark:hover span, 
.cmsButtonBig:hover span, 
.cmsButtonXP:hover span, 
.cmsButtonVista:hover span
{
	background-position: left 100%;
}
/* standard button */
.cmsButton { background-image: url(/images/default/buttons/btnStandard.gif); }
.cmsButton span { background-image: url(/images/default/buttons/btnStandard.gif); }
/* white button */
.cmsButtonWhite { background-image: url(/images/default/buttons/btnWhite.gif); }
.cmsButtonWhite span { background-image: url(/images/default/buttons/btnWhite.gif); }
/* dark grey button */
.cmsButtonDark { color: white !important; background-image: url(/images/default/buttons/btnDark.gif); }
.cmsButtonDark span { background-image: url(/images/default/buttons/btnDark.gif); }
.cmsButtonDark a:hover { color: black !important; }
/* big button */
.cmsButtonBig { line-height: 35px; font-size: 180%; color: #EA6E33 !important; background-image: url(/images/default/buttons/btnBig.gif); }
.cmsButtonBig span { height: 35px; line-height: 35px; background-image: url(/images/default/buttons/btnBig.gif); }
.cmsButtonBig a:hover { color: black !important; }
/* XP client button */
.cmsButtonXP { line-height: 22px; font-size: 80%; font-weight: normal; color: black !important; background-image: url(/images/default/buttons/btnXP.gif); }
.cmsButtonXP span { height: 22px; line-height: 22px; background-image: url(/images/default/buttons/btnXP.gif); }
.cmsButtonXP a:hover { color: black !important; }
/* Vista client button */
.cmsButtonVista { line-height: 22px; font-size: 80%; font-weight: normal; color: black !important; background-image: url(/images/default/buttons/btnVista.gif); }
.cmsButtonVista span { height: 22px; line-height: 22px; background-image: url(/images/default/buttons/btnVista.gif); }
.cmsButtonVista a:hover { color: black !important; }

/*--------------------------------------------------------------------------------------------------------------*/
/* fixed-width form buttons where the label cannot be enclosed in <span>
*---------------------------------------------------------------------------------------------------------------*/

.fixButton, 
.fixButtonWhite, 
.fixButtonDark, 
.fixButtonBig, 
.fixButtonXP, 
.fixButtonVista 
{
	line-height: 25px;
	height: 25px;
	width: 130px;
	vertical-align: middle;
	text-align: center;
	background-color: Transparent;
	background-position: left top;
	background-repeat: no-repeat;
	border: none !important;
	cursor: pointer; 
	cursor: hand; 
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	color: #666666;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box;  /*ff*/
}
.fixButton { background-image: url(/images/default/buttons/fixStandard.gif); }
.fixButtonWhite { background-image: url(/images/default/buttons/fixWhite.gif); }
.fixButtonDark { color: white; background-image: url(/images/default/buttons/fixDark.gif); }
.fixButtonDark a:hover { color: black; }
.fixButtonBig { height: 35px; width: 200px; font-size: 180%; color: #EA6E33; background-image: url(/images/default/buttons/fixBig.gif); }
.fixButtonBig a:hover { color: black; }
.fixButtonXP { height: 22px; font-size: 80%; font-weight: normal; color: black; background-image: url(/images/default/buttons/fixXP.gif); }
.fixButtonXP a:hover { color: black; }
.fixButtonVista { height: 22px; font-size: 80%; font-weight: normal; color: black; background-image: url(/images/default/buttons/fixVista.gif); }
.fixButtonVista a:hover { color: black; }

.fixButton:hover, 
.fixButtonWhite:hover, 
.fixButtonDark:hover, 
.fixButtonBig:hover, 
.fixButtonXP:hover, 
.fixButtonVista:hover
{
	background-position: left 100%;
	background-color: Transparent !important;
	color: #EA6E33;
	text-decoration: none;
	border: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* movable panels content
/* (NB: definition for panels themselves is in stylesheet panels.css)
*---------------------------------------------------------------------------------------------------------------*/

.widget-content .intro a
{
	background-image: url(/images/default/arrowpanel.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 18px;
	color: #babcbe;
	display: block;
	margin-top: 0.5em;
}
.widget-content .intro a:hover,
.widget-content .intro a:focus
{
	color: White;
	border: none;
	text-decoration: underline;
}
.removeButton
{
	background-image: url(/images/default/arrowpanel.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 18px;
	color: #babcbe !important;
}
.removeButton:hover,
.removeButton:focus
{
	color: White !important;
	text-decoration: underline;
	border: none;
}
.panelVenue
{
	border-bottom: solid 1px #262626;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
}
.panelVenue p 
{
	border: none !important;
}
.panelVenue img
{
	float: left !important;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
}
.panelVenue a
{
	font-weight: bold;
	color: White;
}
.panelVenue ul
{
	clear: left;
	margin: 0;
	padding: 0;
}
.panelVenue li
{
	background-image: url(/images/default/arrowpanel.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	list-style-type: none;
	padding-left: 18px;
	padding-bottom: 0.3em;
}
.panelTextList
{
	margin: 0 0 -8px 0;
	color: #a6a7aa;
}
.panelTextList ul
{
	display:block;
	clear:left;
	margin-bottom: 1em;
}
.panelTextList li
{
	list-style-type: none;
	line-height: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 0.7em;
}
.panelTextList a
{
	color: White;
	font-weight: bold;
}
.panelTextList a:hover,
.panelTextList a:focus
{
	text-decoration: underline;
	border: none;
}
.panelTextList .newgroup
{
	border-top: solid 1px #babcbe;
	margin-top: 0.5em;
	padding-top: 0.5em;
}
.panelImageList
{
	list-style-type: none;
	margin: 0;
}
.panelImageList li
{
	background-image: url(/images/default/arrowpanel.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	list-style-type: none;
	border-bottom: solid 1px #262626;
	padding-left: 18px;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
	float: left;
	width: 92%;
}
.panelImageList img
{
	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.2em;
}
.panelImageList a
{
	font-weight: bold;
	color: White;
}
.panelImageList2
{
	list-style-type: none;
	margin: 0;
}
.panelImageList2 li
{
	list-style-type: none;
	border-bottom: solid 1px #262626;
	padding-bottom: 0.2em;
	padding-left: 0;
	margin-bottom: 0.5em;
	float: left;
}
.panelImageList2 img
{
	float: left;
	margin: 0 0.5em 0.5em 0;
}
.panelImageList2 div
{
	float: left;
	background-image: url(/images/default/arrowpanel.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 18px;
	max-width: 185px;
}
.panelImageList2 a
{
	font-weight: bold;
	color: White;
}
.favouriteArtforms
{
	list-style:none;
	margin: 0;
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
.favouriteArtforms li
{
	list-style:none; 
	padding-top: 2px;
}
.favouriteArtforms li.parent
{
	clear: both;
	width: 620px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 5px;
	padding: 0.4em 0 0.3em 0.4em;
	border-top: solid 1px #babcbe;
	border-bottom: solid 1px #babcbe;
}
.favouriteArtforms li.child
{
	float: left;
	width: 200px;
	margin-left: 0.2em;
	font-size: 75%;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Panel to add information in stages
/*--------------------------------------------------------------------------------------------------------------*/

.AddPanel
{
	float: left;
	max-width: 650px;
}
.AddPanel .intro
{
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	border-bottom: 5px solid #babcbe;
	width: 630px;
}
.AddPanel .extro
{
	width: 50%; 
	margin-top: 2em; 
	clear: left;
}
.AddPanel .extro h1,
.AddPanel .extro h2,
.AddPanel .extro h3
{
	margin-left: 0;
	float: none;
}
.AddPanel h1
{
	color: #6a6caf;
	font-size: 180%;
}
.AddPanel h2
{
	margin: 1em 0 0.5em 35px;
	font-weight: bold;
	font-size: 140%;
	color: #6c6d6f;
	width: 100%;
	clear: left;
	float: left;
}
.AddPanel h2 span
{
	float: left;
	position: relative;
	width: 0px;
	height: 0px;
	left: -35px;
	top: -0.3em;
}
.AddPanel h3
{
	margin-top: 1.5em;
	margin-bottom: 0.2em;
	font-weight: bold;
}
.AddPanel .userLogin
{
	padding: 0.5em 0 0.8em 0;
	border-top: 5px solid #babcbe;
	border-bottom: 5px solid #babcbe;
	width:630px !important;
}
.AddPanel .userLogin h2
{
	margin: 0.2em 0 0.5em 0;
	font-size: 120%;
}
.AddPanel .editView, 
.AddPanel .summaryView
{
	margin-left: 35px;
	border: 1px solid #babcbe;
	padding: 0.6em;
	clear: left;
	width: 90%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.AddPanel .summaryView
{
	background-color: #e1e5ff;
	width: 400px;
}

.userAddress .AddPanel .editView
{
	margin-left: 0;
	width: 120%;
	border: none;
	padding: 0;
}
.AddPanel .linkArrow
{
	margin: 0.2em 0;
}
.AddPanel .linkArrow:hover,
.AddPanel .linkArrow:focus
{
	border: none;
	color: Black;
}
.AddPanel .linkArrow
{
	background-image: url(/images/default/arrowgreysmallest.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-right: 1em;
	color: #6c6d6f;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Promotion Centre                        																						*/
/*--------------------------------------------------------------------------------------------------------------*/

.promotionCentre
{
	width: 100%;
	margin: 0;
	padding: 0;
	color: White;
}
.promotionCentre p
{
	margin-bottom: 0.3em;
}
.promotionCentre a
{
	color: white;
}
.promotionCentre a:hover,
.promotionCentre a:focus
{
	color: #EA6E33;
}
.promotionCentre th
{
	font-weight: bold;
	background-color: #999999;
	text-align: left;
}
.promotionCentre td
{
	border-bottom: dotted 1px #999999;
}
.promotionCentre .name
{ 
	width: 100%;
}
.promotionCentre .actions
{ 
	text-align: right;
	white-space: nowrap;
}
.promotionCentre .details
{
	font-size: 90%;
	font-style: italic;
}
.promotionCentre .cmsButtonXP span
{
	background-color: #707070 !important;
}
.promotionCentre *
{
	padding: 0 2px;
}
.promotionCentre .paging
{
	background-color: #C0C0BA;
	padding: 3px;
	color: #707070;
	height:15px;
}
.promotionCentre .paging a
{
	color: #707070;
	width: 2em;
}
.promotionCentre .paging a:hover,
.promotionCentre .paging a:focus,
.promotionCentre .currentPage,
.promotionCentre input:hover,
.promotionCentre input:focus
{
	background-color: #707070;
	color: #C0C0BA;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Tickets      											                       															  */
/*--------------------------------------------------------------------------------------------------------------*/

.ordersummarylist
{
    float: left;
	width: 90%;
	background:#eeeeee;
	padding: 0 10px;
	margin: 0 40px;
	display:inline;  /* IE double margin bug*/
}
.ordersummaryactions
{
    z-index:auto;
    float: right;
	width: 30%;
	display:block;
	text-align:right; 
}
.ordersummaryblock
{
    margin-top:10px;
    border-bottom: 1px solid #ffffff;   
}
.orderitemsummaryblock
{
    margin-left:25px;
    border-bottom: 1px solid #ffffff;   
}
.orderitemsummary
{
    border-bottom:  1px solid #ffffff;   
}
.buyTickets
{
    width: 470px;
	font-size: 75%;
	font-weight: normal;
	color: #6c6d6f;
}
.buyTickets a
{
	background: none;
	padding: 0;
	font-size: 100%;
	float: none !important;
	display: inline !important;
}
.buyTickets .required a
{
	color: #b00000 !important;
	text-decoration: underline;
}
.buyHeader
{
    clear: both;
}
.buyHeader h1
{
	font-size: 120% !important;
	font-weight: bold;
	color: #EA6E33;
	padding-bottom: 0.5em;
}
.buySelector
{
	border: solid 1px #babcbe;
	padding: 1em;
	width: 90%;
}
.buySelector p
{
	border: none !important;
}
.buySelector .seatingplan
{
	float: none !important;
	background: none !important;
	padding: 0 !important;
	margin-left: 1.2em !important;
}
.buySelector .seatingplan:hover,
.buySelector .seatingplan:focus
{
	background: none !important;
}
.buySelector a:hover,
.buySelector a:focus
{
	background-image: url(/images/default/arrowdarkgreysmallest-hover.gif) !important;
	text-decoration: underline;
}
.promotioncode
{
	padding-left: 1em !important;
	margin-bottom: 1em !important;
}
.buySelector .amount
{
	background-color: #EA6E33;
	color: White;
	margin: 0.2em;
	padding: 0.2em;
	font-size: 120%;
	font-weight: bold;
	border: solid 1px #5A5A5A;
}
.buyFooter
{
	clear: both;
	float: left;
}
.buyDisclaimer p
{
	border: none !important;
	padding-left: 5px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Ticket Management
/*--------------------------------------------------------------------------------------------------------------*/

.AddTicketsPanel .weekends
{
	color: #EA6E33;
}
ul.ticketGrid
{
    margin: 0;
	margin-bottom: 1em;
	float: left;
	width: 100%;
}
.ticketGrid li
{
	list-style-type: none;
	float: left;
	width: 95px;
	margin: 2px;
	padding: 1px 0 2px 3px;
	font-size: 90%;
}
.ticketGrid li input[type=checkbox]
{
	margin-right: 0px;
	position: relative;
	top: 2px;	
}
.ticketGrid li.weekend
{
	background-color: #EA6E33;
	color: White;
}
.ticketGrid li.weekday
{
	background-color: #dddddd;
}

.editTicketsView table
{
	background-color: #eeeeee;
	border: solid 1px #666666;
	font-size: 90%;
}
.editTicketsView td
{
	padding: 0 5px;
	text-align: center;
}
.editTicketsView .actions
{
	width: 100px;
	text-align: left;
}
.editTicketsView input
{
	width: 40px;
	font-size: 85%;
}


/*--------------------------------------------------------------------------------------------------------------*/
/* Basket and Checkout					                       																  */
/*--------------------------------------------------------------------------------------------------------------*/

.basket
{
	width: 100%;
}
.basket p
{
	margin: 0.2em;
}
.basket .cmsButtonWhite span
{
	background-color: #eeeeee;
}
.basket .announcement
{
	position: relative;
	top: 3px;
	left: 5px;
}
.basket td
{
	border: solid 1px #aaaaaa;
	text-align: center;
	padding: 0.2em;
}
.basket td input
{
	text-align: right;
	margin-top: 0.3em;
	padding-right: 3px;
	font-size: 110%;
	font-weight: bold;
	color: #6c6d6f;
	width: 20px;
}
.basket td.update
{
	border: none !important;
	text-align: center;
}
.basket td.currency
{
	text-align: right;
}
.basket td.subtotal
{
	background-color: #A6A7AA;
	color: White;
	font-weight: bold;
}
.basket td.total
{
	background-color: #EA6E33;
	color: White;
	font-weight: bold;
}
.basket .left
{
	text-align: left;
	line-height: 120%;
}
.checkout
{
	float: left;
}
.checkout .box
{
	margin-left: 0px;
	margin-bottom: 2em;
}
.checkoutSteps
{
	padding-top: 20px;
}
.checkoutSteps table td
{
	white-space: nowrap;
	background-color: #eeeeee;
	border-bottom: solid 6px white;
}
.checkoutContainer h2
{
	margin-bottom: 0.2em;
}
.checkoutContainer .AddPanel h2
{
	display: none;
}
.checkoutAddress
{
	float: left;
	padding-right: 3%;
	margin: 0;
	width: 45%;
}
.checkoutAddress h3
{
	border-bottom: solid 1px #A6A7AA;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
}
.creditcards
{
	float: right;
	margin: 0 30px;
	padding: 0;
}
.ticketconditions
{
	margin: 0.5em 1em 0.3em 0.3em;
	background: white url('/images/default/exclamation.gif') no-repeat 5px 50%;
	border: solid 1px #aaaaaa;
	padding: 5px 5px 5px 25px;
	font-size: 80%;
	line-height: 100%;
}

/* IE7 render fixes */
.checkout table { width: auto !important; }
.checkout table table { margin-right: 10px; }

/*--------------------------------------------------------------------------------------------------------------*/
/* Table of performances																						*/
/*--------------------------------------------------------------------------------------------------------------*/

.performances
{
	font-size: 80%;
	margin: 0;
	margin-top: 0.5em;
	float: left;
	width: 400px;
	border: solid 1px #eeeeee;
}
.performances th
{
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: dotted 1px #666666;
	padding: 0;
	text-align: center;
	line-height: 110%;
	padding: 3px 0;
}
.performances td
{
	background-color: white;
	border-bottom: dotted 1px #eeeeee;
	padding: 0;
	padding-right: 1em;
}
.performances td .alternate
{
	background-color: #eeeeee;
}
.performances a:hover,
.performances a:focus
{
	color: #EA6E33;
}
.performancesNavigation
{
	clear: left;
	background-color: #eeeeee;
	padding: 5px 0 5px 20px;
	width: 380px;
	margin-bottom: 1em;
}
.pickerPanel
{
	width:100%;
	float: left;
	border-bottom: solid 1px #6c6d6f;
	padding-bottom: 1em;
}
.pickerPanel .rowItem
{
	float: left;
	margin-right: 1em;
}
.pickerPanel .aspCalendar
{
	width: 140px;
	float: left;
}
.pickerPanel .calendarHelp
{
	float: left;
	margin-left: 20px;
	width: 50%;
}

/* ================================================================= */
/* ====================== list view hover menu styles ====================== */
/* ================================================================= */

.hovermenuextender
{
	display:none;
}
.hovermenuextenderdetail
{
	background-color:#FFF;  
	padding:3px;
	width:180px;
	border-left:solid 1px #888;	
	border-right:solid 1px #888;	
	border-top:solid 1px #888;	
}
.hovermenuextenderdetail span
{
	 font-weight:bold;	
	 width:60px;
	 float:left;
}
.hovermenuextenderdetail div
{
	 left:-3px;
	 margin:0px;
	 padding:0px;
	 
}
.hovermenuextenderaction
{
	background-color:#EEE;  
	padding:3px; 
	float:left; 
	width:180px;
	border:solid 1px #888;	
}
.hovermenuextenderaction div
{
	float:right;
}

.hovermenuextenderaction div a, 
.hovermenuextenderaction div a:hover,
.hovermenuextenderaction div a:focus
{
	text-decoration:none;
}
.hovermenuextenderaction div a:hover,
.hovermenuextenderaction div a:focus
{
	font-weight:bold;
}

/* ================================================================= */
/* ======================== in-house capture styles  ======================= */
/* ================================================================= */
.captcha
{
	font-weight:normal;
	padding:3px; 
	font-size:90%;
}	
.captcha h2
{ 
	margin-top:0px;
}
.captcha a
{
	margin:0px;
	padding:0px;
	color: #6c6d6f;	
	display: inline;
}

.captcha .words
{
	background-color:#888888;
	padding: 5px !important;
	line-height: 150%;
	font-weight: bold;
	font-size:110%;
	color:#fff;
	margin-right: 0.5em;
	display: inline;
}


/* ================================================================= */
/* ========================== competition styles  ======================== */
/* ================================================================= */
.competition
{
	margin:5px;
	margin-left:0;	
	padding:.5em;
}
 .competition h1
{
	margin-top: 0;
}
.competition .introduction
{ 
	font-style:italic;
}
.competition .right
{ 
	float:right; 
}
.competition table, .competition td,
#competitionEntry table, #competitionEntry td
{	
	padding:0px; 
}
.competition a.removeButton
{ 
	color: #6c6d6f !important; 
}
.competition a.removeButton:hover,
.competition a.removeButton:focus
{ 
	color: black !important; 
}
.competition .box, #competitionEntry .box
{
	margin-left: 0;
}
#competitionEntry .closing
{
	font-size: 85% !important;
	margin-top: 1em;
}


/* ================================================================= */
/* ========================== ticket statistic style  ======================== */
/* ================================================================= */
.ticket_statistics_td
{
font-size:140%;
}
.ticket_statistics_th
{
	text-align:right;
}
.ticket_statistics_textbox
{
	text-align:center;
	border:none; 
    background-color :Transparent;
	color: #6C6D6F;
	width:70px !Important;
}
.ticket_statistics_box
{
	width:100%; 
	border:1px solid #BABCBE; 	
	margin-top:0.3em;
	margin-bottom:0.3em;
}
.ticket_statistics_announcement
{
	width:90%;
	color: #6C6D6F;
	padding:0.6em; 
	margin:0.6em;
	background-color:#EEE; 
	border:solid 1px #888;
	text-align:center;
}

#ticket_link a, 
#ticket_link a:hover,
#ticket_link a:focus
{
	margin-left:0.6em;
	margin-bottom:0.6em;
	padding: 10px 0 10px 20px;
	background-image: url(/images/default/arrowgreysmallest-left.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #6C6D6F;
	text-decoration: none;
	border: none;
	float:left;
	}
	
.ticket_statistics_chartbox
{	
	border:solid 1px #BABCBE; 	
	width:572px; 
	/* height:200px; */
	text-align:center; 
	font-size:12px; 
	color: #6C6D6F; 
}
.ticket_statistics_chartbox img
{
	padding-left:30px;
	padding-top:80px;
	padding-right:3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* accordion styles 
/*--------------------------------------------------------------------------------------------------------------*/
.accordion_content
{	
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 30px;
	color: #6c6d6f;
	width:90%;
	padding:2px 2px 2px 2px;
	margin:10px 0px 20px 25px;
}
.accordion_header, .accordion_header_selected
{	
		border-left: solid 1px #ddd;
		border-bottom: solid 2px #CCC;
		background-image: url(/images/default/arrowdownsmallest.gif);
		background-repeat:no-repeat;
		background-position:  3px;	 
		font-family: Helvetica, Arial, sans-serif;
		color:#AAA;	 
		width:90%;
		margin-left:2px;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:25px;
		cursor:pointer;
}
.accordion_header_selected
{
		background-color: #BABCBE;
		border-left: solid 1px #BABCBE;
		border-bottom: solid 2px #BABCBE;
		background-image: url(/images/default/arrowdarkgreysmallest.gif);
		font-weight:bold;
		color:#FFF;	 
}
accordion_content_main
{
	width:95%;	
	padding:3px;	
	font-size: 90%;
	float:left;	
	margin-bottom:10px;
}
.accordion_content_body
{
	width:95%;	
	padding:3px;		
	float:left;
	background-color:#eee;
	margin-bottom:5px;	 
}
.accordion_content_body_heading
{
	color: #6c6d6f;
 }
.accordion_content_body div
{
	float:right;
	width:30%;
}
.accordion_content_body_totals
{
	border-top:dotted 1px #bbb;
	font-size: 90%;
	width:95%;	
	padding:3px;	
	text-align: right;
	margin-right:20px;
}
.accordion_content_body_totals span
{
	font-weight:bold;
}
.accordion_content_total
{
	margin:0px; 
	padding:0px; 
	border-top:1px solid #bbb; 
	border-bottom:2px solid #bbb;
	text-align:left;
}
.accordion_content_total .right
{
	float:right;
}	
.basketprint
{
	background-image: url(/images/default/icon-printer.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:20px;
	cursor:pointer;
	border:none;
}
.headingtable, .headingcell, .headingleadcell
{
	padding:0px;
	margin:0px;
	/*border:solid 1px #bb0000;*/
}
.headingcell
{
	width:90px;
}
.headingleadcell
{
	width:130px;
}