/* STYLES: DEFAULT SETTINGS */
*
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
}
body
{
    text-align: left;
    color: #fff;
    background: #070302 url('../images/background.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    font: 1em Georgia, "Times New Roman" , Times, serif;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
h1
{
    font: 1.1em Georgia, "Times New Roman" , Times, serif;
}
p
{
    margin: 0 0 1em 0;
}



/* LAYOUT: PAGE */
#divContainer
{
    width: 955px; /*margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the divContent element. */
}
#divContainerLeft
{
    width: 137px;
    float: left;
}
#divContainerRight
{
    width: 813px;
    float: right;
}


/* LAYOUT: NAVIGATION */
#divNav
{
    border-bottom: #FFFFFF solid 3px;
    padding: 0.5em 0;
    position: relative;
    height: 40px;
}
#divNav a:hover
{
    color: #ffffff;
    text-decoration: none;
}
#divNav a.clsSelected
{
    color: #ffffff;
}
#divNav ul.clsMainMenu
{
    padding: 0;
}
#divNav ul.clsMainMenu li.clsMainMenuLevel1
{
    list-style: none;
    display: inline;
}
#divNav ul.clsMainMenu li.clsMainMenuLevel1 a
{
    color: #888888;
    font: 1.1em Georgia, "Times New Roman" , Times, serif;
    padding: 0 0.5em 0 0;
}
#divNav ul.clsMainMenu li.clsMainMenuLevel1 a:hover
{
    color: #ffffff;
    text-decoration: none;
}
#divNav ul.clsAboutMenu
{
    position: absolute;
    top: 25px;
    left: 63px;
}
#divNav ul.clsAboutMenu li.clsMainMenuLevel2
{
    list-style: none;
    display: inline;
}
#divNav ul.clsAboutMenu li.clsMainMenuLevel2 a
{
    padding: 0 0.7em 0 0;
    margin: 0;
    font: 0.6em Arial, Sans-Serif;
}
#divNav ul.clsAboutMenu li.clsMainMenuLevel2 a:hover
{
    color: #ffffff;
    text-decoration: none;
}
#divNav ul.clsAboutMenu li.clsMainMenuLevel2 a.clsSelected
{
    color: #ffffff;
}




/* LAYOUT: TITLES */
#divContainer #divContainerRight #divTitles
{
    padding: 0.7em 0;
}
#divContainer #divContainerRight #divTitles p
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 1.9em;
    line-height: 1.1em;
    word-spacing: 0em;
    letter-spacing: -0.05em;
    margin: 0;
}
#divTitlesTop ul
{
    display: inline;
}
#divTitlesTop li
{
    list-style: none;
    display: inline;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 1.9em;
    line-height: 1.1em;
    word-spacing: 0em;
    letter-spacing: -0.05em;
    margin: 0;
}
#divTitlesBottom
{
    font: 0.55em Georgia, "Times New Roman" , Times, serif;
}
#divTitlesBottomLeft
{
    float: left;
    width: 350px;
    padding: 0.5em 0 1em 0;
}
#divTitlesBottomRight
{
    float: right;
    width: 453px;
    padding: 0.5em 0 1em 0;
}




/* LAYOUT: CONTENT */
#divContent
{
    clear: both;
    border-top: #FFFFFF solid 3px;
}


/* LAYOUT: CONTENT LEFT EVENT DETAILS PAGE*/
#divEventsContent
{   margin: 17px 0;
    background-color: #ffffff;
    float: left;
}
#divEventsContentLeft 
{
    float: left;
    width: 350px;
    background-color: #ffffff;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    color: #000000;
}

#divEventsContentRight
{
    float: right;
    width: 443px;
    background-color: #ffffff;
    margin: 0;
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    color: #000;

}


/* LAYOUT: CONTENT LEFT */
#divContentLeft
{
    float: left;
    width: 350px;
    padding: 17px 0 0 0;
}
#divContentLeftPanel
{
    width: 350px;
    height: 312px;
    background-color: #ffffff;
    margin: 5px 0 17px 0;
    overflow: hidden;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    color: #000000;
}
#divContentLeftPanel h2
{
    font-size: 1.1em;
}
#divContentLeftPanel h3
{
    font-size: 1.1em;
}
#divContentLeftPanelHeader
{
    font-weight: bold;
    height: 30px;
    padding: 5px;
}
#imgAjaxLoader
{
    display: none;
}
#divVerticalScrollingContainer
{
    clear: both;
    position: relative;
    height: 267px;
    overflow: hidden;
}
#divVerticalScrolling
{
    position: absolute;
}
#divVerticalScrolling h2, #divVerticalScrolling h3, #divVerticalScrolling p
{
    padding-left: 5px;
}
#divVerticalScrolling a
{
    color: #000;
}
#divVerticalScrollingItemContainer h2, #divVerticalScrollingItemContainer h3, #divVerticalScrollingItemContainer p
{
    padding-left: 0;
}
.divVerticalScrollingItem
{
    display: block;
    clear: both;
    width: 340px;
    padding: 0 5px;
    float: left;
    clear: left;
}
.divVerticalScrollingItemInner
{
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed #000;
    float: left;
    clear: left;
}
.divVerticalScrollingItemInner h3, .divVerticalScrollingItemInner p
{
    padding: 4px 0 0 0;
    margin: 0;
    color: #000000;
    float: none;
    width: auto;
}
.clsFloaterLeft
{
    float: left;
    width: 240px;
    padding: 0px;
    display: block;
}
.clsFloaterLeft p
{
    padding: 0 0 4px 0;
}
.clsFloaterRight
{
    float: right;
    width: 100px;
    padding: 0px;
    text-align: right;
    display: block;
}
.clsFloaterRight p 
{   padding: 4px 0 0 0;
}


/* LAYOUT: CONTENT RIGHT */
#divContentRight
{
    float: right;
    width: 453px;
    padding: 17px 0 0 0;
}
#divContentLeftHeader, #divContentRightHeader
{
    height: 30px;
}
#divContentRightHeader h2
{
    font-size: 1.1em;
}
#divContentRightPanel
{
    width: 443px;
    height: 302px;
    background-color: #ffffff;
    margin: 5px 0 17px 0;
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    color: #000;
    position: relative;
    clear: both;
}
#divContentRightPanel h4
{
    display: inline;
}
#divContentRightPanel p
{
    display: inline;
    background-color: #ffffff;
}
#divContentRightPanel a
{
    color: #000000;
}
#divContentRightPanelHeader
{
    display: block;
    text-align: right;
    width: 30px;
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 100;
    padding: 3px 5px 0px 0px;
    background-color: #ffffff;
}
#divHorizontalScrollingContainer
{
    position: relative;
    height: 302px;
    display: block;
    width: 443px;
    clear: both;
    overflow: hidden;
}
#divHorizontalScrollingContainer ul
{
    width: 44300px;
}
#divHorizontalScrollingContainer li
{
    float: left;
    list-style: none;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem
{
    height: 302px;
    position: relative;
    width: 443px;
    background-color: #ffffff;
    
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContent
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 443px;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContent h4
{
    padding: 5px 5px 5px 5px;
    text-transform: uppercase;
    line-height:3em;
    vertical-align: bottom;
    font-size: 1.1em;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContent p
{
    padding: 2px 5px 2px 0;
    line-height: 3em;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContent p.clsEventSummary
{
    padding: 2px 0px;
    line-height: 1.5em;
}
#divEventSummary 
{  
   display: block;
   padding: 0 0 0 0;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContentTop
{
    position: absolute;
    top: 0px;
    display: block;
    width: 443px;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContentTop h4
{
    padding: 10px 80px 2px 5px;
    text-transform: uppercase;
    line-height:3em;
    vertical-align: bottom;
    font-size: 1em;
}
#divHorizontalScrollingContainer div.divHorizontalScrollingItem div.divHorizontalScrollingItemContentTop p
{
    padding: 10px 80px 2px 5px;
    font-size: 1em;
}

/* LAYOUT: FOOTER */
#divFooter
{
    clear: both;
    border-top: #FFFFFF solid 3px;
}
#divFooter h2
{
    font-size: 1.1em;
    padding: 5px 0 0 0;
    height: 30px;
}
#divFooter input
{
    float: left;
    height: 18px;
    text-align: left;
    width: 105px;
    margin: 0 5px 0 0;
    padding: 5px 4px 1px 4px;
    color: #000000;
    font-size: 0.7em;
}
#divFooter #btnSubscribe
{
    margin: 0 0 0 6px;
    padding: 0 0 0 4px;
    height: 24px;
}
#imgAjaxLoaderRegister
{
    display: none;
}
#spnAjaxRegisterMessage
{
    padding: 6px 0 0 10px;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    height: 18px;
    float: left;
}


/* STYLES: COLOURS */
.clsWhite
{
    color: #FFFFFF;
}
.clsOrange
{
    color: #FF7A00;
}
.clsYellow
{
    color: #FFC300;
}
.clsGreen
{
    color: #59C001;
}
.clsBlueLight
{
    color: #5AC3FF;
}
.clsRed
{
    color: #BB1E53;
}
.clsYellowLight
{
    color: #8B8B00;
}
.clsPurple
{
    color: #8225A3;
}
.clsBlue
{
    color: #8290CE;
}
.clsGrape
{
    color: #FF7AFF;
}
.other
{
    color: #000;
}
.live_music
{
    background-color: #FF7A00;
}
.theatre
{
    background-color: #FFC300;
}
.literature
{
    background-color: #59C001;
}
.comedy
{
    background-color: #5AC3FF;
}
.film
{
    background-color: #BB1E53;
}
.visual_art
{
    background-color: #8B8B00;
}
.live_art
{
    background-color: #8225A3;
}
.circus
{
    background-color: #8290CE;
}
.cabaret
{
    background-color: #FF7AFF;
}
.other
{
    background-color: #ffffff;
}

ul.clsGalleryContainer {
    padding: 0 0 0 5px;
}
ul.clsGalleryContainer li {
    float: left;
    margin: 0 5px 5px 0;
    list-style: none;
    width:64px;
    height:64px;

}
ul.clsGalleryContainer li a{
    width:54px;
    height:54px;
    display:block;

}
a.clsGalleryLiveMusic:hover 
{
    border: 5px solid #FF7A00;
}
a.clsGalleryTheatre:hover 
{
    border: 5px solid #FFC300;
}
a.clsGalleryLiterature:hover 
{
    border: 5px solid #59C001;
}
a.clsGalleryComedy:hover 
{
    border: 5px solid #5AC3FF;
}
a.clsGalleryFilm:hover 
{
    border: 5px solid #BB1E53;
}
a.clsGalleryVisualArt:hover 
{
    border: 5px solid #8B8B00;
}
a.clsGalleryLiveArt:hover 
{
    border: 5px solid #8225A3;
}
a.clsGalleryCircus:hover 
{
    border: 5px solid #8290CE;
}
a.clsGalleryCabaret:hover 
{
    border: 5px solid #FF7AFF;
}
a.clsGalleryOther:hover 
{
    border: 5px solid #ffffff;
}

/* for validation */
.btnArrowLeft, .btnArrowRight {}

/* Buy Tickets */
table.tblBuyTickets { width: 100%; }
table.tblBuyTickets th, table.tblBuyTickets td { padding: 5px 5px; }
table.tblBuyTickets th.clsWithBorders, table.tblBuyTickets td.clsWithBorders { border-left: 1px dotted #000; border-right: 1px dotted #000; }
table.tblBuyTickets input.clsFormBoxes { border: solid 1px #000; width:20px; height:12px; font-size: 0.9em; padding:2px; }
table.tblBuyTickets input.clsButtons { background-color: #000000; color: #fff; padding: 2px; }
#ancContinue { background-color: #000000; color: #fff; padding: 3px;}

/* Registration Form */
table.tblRegForm { width: 100%; }
table.tblRegForm th, table.tblRegForm td { padding: 5px 5px; }
table.tblRegForm th.clsWithBorders, table.tblRegForm td.clsWithBorders { border-left: 1px dotted #000; border-right: 1px dotted #000; }
table.tblRegForm input.clsFormBoxes { border: solid 1px #000; width:120px; height:12px; font-size: 0.9em; padding:2px; }
table.tblRegForm input.clsButtons { background-color: #000000; color: #fff; padding: 2px; }
#ancContinue { background-color: #000000; color: #fff; padding: 3px;}

#footer-left{
float:left;
padding: 10px 0;
}
#footer-right{
margin-top: 10px;
float:right;
background-color:#FFFFFF;
padding: 5px;
}
#footer-right a{

color:#333333;
font-family:Arial,Sans-Serif;
font-size:0.7em;
padding: 5px;
}

#reg-header{
margin: 10px;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
height: 130px;
}
#reg-header-right{
float: right;
}
#reg-header-right img{
padding:10px 0;
}
#reg-header-left{
float:left;
padding-top: 40px;
}
#spnAjaxRegisterMessage
{
    padding: 6px 0 0 10px;
    font-family: Arial, Sans-Serif;
    font-size: 0.9em;
    height: 18px;
    float: left;
	color:#FF0000;
}