/* CSS Document */
#menuHolder{ padding-left:5px;}
.safari #menuHolder{ padding-left:1px;}
.topMenuOuter{ border:1px solid #f2f2f2; float:left; margin:0px 1px 0px 1px;}
.topMenuInner{padding:0px 11px 0px 11px;  border:1px solid #cccccc; font-family: Arial Baltic,arial,helvetica,sans;font-size:11px; background:url(graphics/topMenu/buttonBg.jpg) repeat-x; text-transform:uppercase; font-weight:bold; line-height:20px;text-align:center; text-decoration:none;float:left;margin:0px; }
.safari .topMenuInner{padding:0px 9px 0px 9px; border:1px solid #cccccc; font-family: Arial Baltic,arial,helvetica,sans;font-size:11px; background:url(graphics/topMenu/buttonBg.jpg) repeat-x; text-transform:uppercase; font-weight:bold; line-height:20px;text-align:center; text-decoration:none;float:left;margin:0px; }
a.topMenuItem:link{ float:left;text-decoration:none; color:#666666;}
a.topMenuItem:visited{ float:left;text-decoration:none; color:#666666;}
a.topMenuItem:active{ float:left;text-decoration:none; color:#666666;}
a.topMenuItem:hover{ float:left;text-decoration:none; color:#5c2497;}


/*-----------Element----------------*/
body { font-size: 11px; color:#333333; font-family: arial,helvetica,sans; margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background: url(graphics/mainBg.jpg) no-repeat center top; background-color: #832c93;}
h1 { margin:5px 0px 8px 1px; padding:0px; font-family:Arial Baltic,arial,helvetica,sans; font-weight:bold; text-transform:uppercase; font-size: 14px; color:#5c2497;}
h2 { margin: 10px 0px 5px 0px; padding:0px; font-family:Arial Baltic,arial,helvetica,sans; font-weight:bold; text-transform:uppercase; font-size: 14px; color:#333333;}
h3 { margin: 6px 0px 0px 0px; padding:0px; font-family:Arial Baltic,arial,helvetica,sans; font-weight:bold; font-size: 12px; color:#000000;}
p { font-size: 11px; line-height:18px; color:#000000; font-family: arial,helvetica,sans; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;}
ul { margin-top:5px;list-style-type:square; line-height:23px;}
ol { margin-top:5px; line-height:23px;}
li{ padding-bottom:3px;}


/*-----------Input Styles----------------*/
input{font-size:10px; color:#333333; font-family: arial,helvetica,sans;}
.inputShade{ text-indent:3px; background-image:url(graphics/backInput.gif); background-position:left top; background-repeat:no-repeat; margin:0px; border:1px solid #cccccc; font-size:10px; height:16px; line-height:16px; float:left; color:#333333; font-family: arial,helvetica,sans;}
.inputEditBox{ margin:0px; background-color:#ffffff; border:1px solid #cccccc; font-size:10px; height:16px; line-height:16px; float:left; color:#333333; font-family: arial,helvetica,sans;}
.inputOther{ margin:0px; background-color:#ffffff; border:1px solid #cccccc; font-size:10px; line-height:16px; float:left; color:#333333; font-family: arial,helvetica,sans;}
.radioButtons{ margin:0px; font-size:10px; border:0px; color:#333333; font-family: arial,helvetica,sans;}
.button{ text-transform:uppercase; margin:0px 1px 0px 1px; padding: 2px 6px 2px 6px; border:1px solid #999999; background-color:#e1e1e1; color:#5c2497;text-decoration:none; line-height:20px; height:20px; font-family:Arial Baltic,arial,helvetica,sans; font-weight:bold;}
.button:hover{ background-color:#5c2497; color:#e1e1e1;}
.buttonCalendar{ margin:0px 1px 0px 1px; background: url(graphics/iconCalendar.png) no-repeat; height:19px; width:21px; border:0px;}
.watermarked{text-indent:3px; background-image:url(graphics/backInput.gif); background-position:left top; background-repeat:no-repeat; margin:0px; border:1px solid #cccccc; font-size:10px; height:16px; line-height:16px; float:left; color:#832c93; font-family: arial,helvetica,sans; text-transform:uppercase; font-weight:bold;}
.maskedEditFocus{ background-color:Yellow;}
.maskedEditError{ color:Red;}


/*-----------Classes----------------*/
.itemStyle{background-color:#ffffff;}
/*.alternatingItemStyle{ background-color:#fee9e9;}*/
.alternatingItemStyle{ background: url(graphics/altBack.gif) top left repeat;}

.listView{margin:5px 0px 5px 0px; padding:5px; background-color:#ffffff;}
/*.listViewAlt{margin:5px 0px 5px 0px; padding:5px; background-color:#fee9e9;}*/
.listViewAlt{margin:5px 0px 5px 0px; padding:5px; background: url(graphics/altBack.gif) top left repeat;}

.validation{ color:#fc0000; font-size:10px;}
.highlight{ color:#333333; font-weight:bold;}
.tableTicket{ background-color:#fafafa;}
.tableEventDates{ width:168px;}
.tableEventDates th{ background-color:#fcdd9d; text-align:center; font-family: Arial Baltic,arial,helvetica,sans; text-transform:uppercase;  font-size: 14px; line-height:25px; color:#666666;}
.tableOptions th{ background-color:#fcdd9d; text-align:center; font-family: Arial Baltic,arial,helvetica,sans; text-transform:uppercase; font-size: 14px; color:#666666;}
.dataPagerTable{border-top:1px solid #999999; border-bottom:1px solid #999999; background-color:#fafafa;}
.labelHighlight{font-family:Arial Baltic,arial,helvetica,sans; text-transform:uppercase; font-size: 11px; font-weight:bold; color:#5c2497;}

/*-Theatre Category Colours-*/
.comedy{color:#5294ED;}
.music{color:#F81818;}
.family{color:#FF6600;}
.dance{color:#15B400;}
.specialEvent{color:#9f9f9f;}
.panto{color:#C300D5;}
.variety{color:#0E0B89;}
.play{color:#3A4A3C;}

/*-----------Links----------------*/
a.linkMenu:link {color: #666666; text-decoration: none; font-weight:bold; text-transform:uppercase; padding:0px 5px 0px 5px; font-size:11px;}
a.linkMenu:visited {color: #666666; text-decoration: none; font-weight:bold; text-transform:uppercase; padding:0px 5px 0px 5px; font-size:11px;}
a.linkMenu:hover {color: #5c2497; text-decoration: none; font-weight:bold; text-transform:uppercase; padding:0px 5px 0px 5px; font-size:11px;}
a.linkMenu:active {text-decoration: none; font-weight:bold; text-transform:uppercase; padding:0px 5px 0px 5px; font-size:11px;}

.linkRed{color: #5c2497; font-weight:normal; text-decoration: none;}
a.linkRed:link {color: #5c2497; font-weight:normal; text-decoration: none;}
a.linkRed:visited {color: #5c2497; font-weight:normal; text-decoration: none;}
a.linkRed:hover {color: #5c2497; font-weight:normal; text-decoration: underline;}
a.linkRed:active {color: #5c2497; font-weight:normal; text-decoration: none;}

a.linkGrey:link {color: #666666; text-decoration: none; font-weight:bold;}
a.linkGrey:visited {color: #666666; text-decoration: none; font-weight:bold;}
a.linkGrey:hover {color: #5c2497; text-decoration: none; font-weight:bold;}
a.linkGrey:active {text-decoration: none; font-weight:bold;}

a.dataPagerNumbers:link {color: #5c2497; text-decoration: none; font-weight:bold;  padding:0px 2px 0px 2px;}
a.dataPagerNumbers:visited {color: #5c2497; text-decoration: none; font-weight:bold; padding:0px 2px 0px 2px;}
a.dataPagerNumbers:hover {color: #000000; text-decoration: none; font-weight:bold; padding:0px 2px 0px 2px;}
a.dataPagerNumbers:active {color: #fc0000; text-decoration: none; font-weight:bold;  padding:0px 2px 0px 2px;}

.dataPagerNumbersCurrent{color: #000000; text-decoration: none; font-weight:bold; font-size:16px;padding:0px 2px 0px 2px;}
.dataPagerResultCount{font-family: Arial Baltic,arial,helvetica,sans; font-size: 14px; color:#333333; font-weight:bold; text-transform:uppercase;}


/*-----------Next Five----------------*/
#nextFiveHolder{width:196px;}
.nextFiveBlock{ text-indent:18px; width:192px; margin:0px; font-family: arial,helvetica,sans;font-size:11px;color:#000000;  background:url(graphics/backNextFiveItems.gif) left center no-repeat;line-height:16px;text-align:left;text-decoration:none;	font-weight:normal;float:left;padding: 0px 2px 0px 2px;}
a.nextFive:link{ width:100%; color:#333333;float:left;text-decoration:none; padding:1px;}
a.nextFive:visited{ width:100%;color:#333333;float:left;text-decoration:none; padding:1px;}
a.nextFive:active{ width:100%;color:#fc0000;float:left;text-decoration:none; padding:1px;}
a.nextFive:hover{ width:100%;color:#5c2497;float:left;text-decoration:none; padding:1px; background:url(graphics/backNextFiveItemsOV.gif) left center no-repeat;}


/*-----------Search ----------------*/
#searchHolder{width:340px;}
.searchBlock{ margin:0px; font-family: arial,helvetica,sans;font-size:11px;color:#000000; background-color:transparent;line-height:21px;width:333px;text-align:left;text-decoration:none;	font-weight:normal;float:left;padding: 0px 2px 0px 2px;}
a.searchLink:link{ width:100%; color:#333333;float:left;text-decoration:none; padding:1px;}
a.searchLink:visited{ width:100%;color:#333333;float:left;text-decoration:none; padding:1px;}
a.searchLink:active{ width:100%;color:#fc0000;float:left;text-decoration:none; padding:1px;}
a.searchLink:hover{ width:100%;color:#e1e1e1;float:left;text-decoration:none; padding:1px; background-color:#5c2497;}

.searchBlockAlt{ margin:0px; font-family: arial,helvetica,sans;font-size:11px;color:#000000; background:url(graphics/pinkFadeWeb.png) no-repeat;line-height:21px;width:333px;text-align:left;text-decoration:none;	font-weight:normal;float:left;padding: 0px 2px 0px 2px;}
a.searchLinkAlt:link{ width:100%;color:#333333;float:left;text-decoration:none; padding:1px;}
a.searchLinkAlt:visited{ width:100%;color:#333333;float:left;text-decoration:none; padding:1px;}
a.searchLinkAlt:active{ width:100%;color:#fc0000;float:left;text-decoration:none; padding:1px;}
a.searchLinkAlt:hover{ width:100%;color:#e1e1e1;float:left;text-decoration:none; padding:1px; background-color:#5c2497;}



/*------Page Structure / Graphics----------*/
#page {width: 100%;}
#mainTableBack{background: url(graphics/mainBg.jpg) no-repeat center top;}
#mainContentTD{ width:920px;}
#sideLeftTD{width:25px; height:258px; background:url(graphics/sideRepLeft.gif);}
#sideRightTD{width:25px; height:258px; background:url(graphics/sideRepRight.gif);}
#mainContentBackTD{background:url(graphics/pageBg.gif);}
#menuTD{background:url(graphics/topMenuBg.gif); height:30px; text-align:center; color:#000000;}
#sideRepLeftTD {background:url(graphics/sideRepLeft.gif);}
#sideRepRightTD{background:url(graphics/sideRepRight.gif);}

/*------------------Accordians--------------------------*/

/*-- this width plus 3 left/right padding and 1 border = total of plus 8 eg  --*/
.accordionHeaderTwo{ font-weight:bold; width:192px; cursor:pointer; line-height:17px; color:#5c2497; padding:3px; }
.accordionHeaderTwo:hover{ font-weight:bold; width:192px; cursor:pointer;line-height:17px; color:#5c2497; text-decoration:underline; padding:3px; }
.accordionHeaderSelectedTwo{ font-weight:bold;width:192px; cursor:pointer; line-height:17px; color:#5c2497; padding:3px; }
.accordionContentTwo{ width:192px;padding:3px; font-size:11px;}

/*-----------Tab----------------*/
/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:arial,helvetica,sans;
    background:url(Graphics/Tabs/technorati/tab-line.png) repeat-x bottom;
    font-size:11px;
    font-weight:normal;
    display:block;
    color:#5c2497;
    
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Graphics/Tabs/technorati/tab.png) no-repeat left top;
    border-color:#222;
    color:#5c2497;
    font-family:Franklin Gothic Demi Cond, arial,helvetica,sans;
    font-size:13px;
    padding-left:10px;
    margin-right:3px;
    text-transform:uppercase;    
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(Graphics/Tabs/technorati/tab.png) no-repeat right top;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#5c2497;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(Graphics/Tabs/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(Graphics/Tabs/technorati/tab.png) no-repeat right -40px;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:arial,helvetica,sans;
    font-size:11px;
    line-height:18px;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}


/*---------Modal Popup-----------*/
.modalBackground{ background-color:#333333; filter:alpha(opacity=60); opacity:0.6;}
.modalPopup img {border:solid 5px #fff;}
.modalPopup-text {display:block;color:#000;background-color:#fff;text-align:center;border:solid 2px #000;padding:10px; background:#FDFDFD url(graphics/modalBgYouTube.jpg) center center no-repeat;}
.modalPopup-text input {width:75px;}        
.feedback{color: #00cc00;font-weight: 700;}


/*-----------Table Fade----------------*/
.tableFadeTopLeft{ width:6px; height:6px; background: url(graphics/tableFade/topLeft.png) no-repeat right bottom;}
.tableFadeTop{height:6px; background: url(graphics/tableFade/top.png) repeat-x center bottom;}
.tableFadeTopRight{ width:6px; height:6px; background: url(graphics/tableFade/topRight.png) no-repeat left bottom;}
.tableFadeLeft{ width:6px; background: url(graphics/tableFade/left.png) repeat-y right center;}
.tableFadeRight{ width:6px; background: url(graphics/tableFade/right.png) repeat-y left center;}
.tableFadeBottomLeft{ width:6px; height:6px; background: url(graphics/tableFade/bottomLeft.png) no-repeat right top;}
.tableFadeBottom{height:6px; background: url(graphics/tableFade/bottom.png) repeat-x center top;}
.tableFadeBottomRight{ width:6px; height:6px; background: url(graphics/tableFade/bottomRight.png) no-repeat left top;}