﻿body

{



	background-position: center top;



	font-family:  Verdana, Tahoma,Helvetica, Helvetica-Narrow, sans-serif;	



	margin: 0px;



	background: #02191E no-repeat center top;



	font-size: 0.8em;



	color: #01DDFF;
}



a:link
{
    color: White;
}

a:visited
{
    color: White;
}

a:hover
{
    text-decoration: none;
    color: White;
}




a:active



{



    text-decoration: none;



    color: White;



}



.menutext, .nomargin,.menutext p,.nomargin p
{
	margin: 0;
	padding: 0;	
}

.fullwidth h2
{
	text-align:center;
}







input, select, textarea

{

    font-size:1em; 

    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

}







/* Use headers in the markup for accessibility reasons but control look with styles below*/







h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
   color: #818C8F;
}

/*.header h2
{
	text-align: left;
}*/

h1
{



    font-size: 28px;



    font-weight: bold;



    margin: 5px 0 5px 0;



}











h1 a:link, h1 a:visited, h1 a:hover, h1 a:active



{



    text-decoration: none;



    color: #000000;



}



.membercard h3



{



    font-size: 1em;



}







 #loginbanner h2



{



    font-size: 1em;



    font-weight: normal;



    margin-top: 8px;



}







#poster h2



{



    font-size: 13px;



    font-weight: bold;



    color: #50700E;



}



.leftblock h2, .rightblock h2, .fullwidth h2
{
    font-size: 1.8em;
}

.leftblock h3, .rightblock h3
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: block;
	color: #999999;
	text-align: center;
}

.rightblock h4
{
		font-size: 1.0em;	
	margin: 0px;
	padding: 0px;
	margin-bottom:10px;
	display: block;
	color: #999999;
	text-align: center;
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}







.galleryimages



{



	



}






/************************************************************************



* 



* Main navigation used by the masterpage



*



************************************************************************/







/* Picture at the top of the site */



#poster
{
    background: url(images/poster.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 726px;
    height: 139px;
    margin-top: 17px;
}

/* Navigation strips */
#navtop, #navbottom
{
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
    width: 726px;
}

#navtop
{
	height:185px;
}

#navbottom
{
	margin-top: 15px;
	background-color: #06272C;
	height: 45px;
}

#footer
{
	width: 726px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 22px;
    color: #999999;
    background: url(images/background-bottom.gif) repeat-x;
}







/* Make main navigation bars from a unordered list for easy update and better accessibility */







#navtop ul, #navbottom ul



{



    margin: 0px;



    padding-top: 9px;



    list-style-type: none;



    height: 19px;



    text-align: center;



}



#navtop ul li, #navbottom ul li



{



    display: inline;



    color: #FFFFFF;



    margin-right: 25px;



}



#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited



{



    color: #FFFFFF;



    text-decoration: none;



}



#navtop a:hover, #navbottom a:hover



{



    text-decoration: underline;



}



#navtop a:active, #navbottom a:active



{



    color: #FEFFBD;



    text-decoration: none;



}







/************************************************************************



* 



* Formatting common to most pages



*



************************************************************************/







/* Main part of the page that holds contents */



#body



{



    width: 726px;



    margin-top: 7px;



    margin-right: auto;



    margin-left: auto;



    position: relative;



}







/* 2 column layout */



#columnleft



{



    float: left;



    width: 380px;



    /*position: relative; */



}







#columnright



{



    margin-left: 390px;



  /*  position:relative; */



}







.leftblock



{



	/*border: 1px solid #DBDB79;*/



    padding: 15px;
	margin-bottom: 10px; /*background: #FEFAAB url(images/background_columnleft.gif) repeat-y;*/



	vertical-align: top;



	background-color: #0F2529;



}







.advert


{



	/*border: 1px solid #DBDB79;*/



    padding: 5px;



	margin-bottom: 5px; /*background: #FEFAAB url(images/background_columnleft.gif) repeat-y;*/



	vertical-align: top;



	background-color: #0F2529;



}











 .rightblock



{



/*    border: 1px solid #DBDB79;*/



	background-color: #0F2529;



    padding: 15px;



    margin-bottom: 10px;	



    position: relative;



    width:300px;



	top: 0px;



	left: 0px;



}

.eventitem, .eventitem td, .eventitem th
{
	border-right: #02191E 1px solid;
	border-top: #02191E 1px solid;
	border-left: #02191E 1px solid;
	border-bottom: #02191E 1px solid;
	background-color: #021A1E;
	border-color: #032C30;
	border-width: 2px;
}

.clear2column
{
    margin:0;



    padding:0;



    line-height:0;



    font-size:0px;



    height:0px;



    clear: both;



}



    



#banner



{



	margin-top: 40px;



}







#banner img
{
	border: 2px solid #032c30;
}

 
/* A full width block on the page */







.fileuploader



{



	width: 694px;



	margin-right: auto;



	margin-left: auto;



	margin:0 auto;



	background-color: #0F2529;



}


/* for the login block



    picks up most of its properties from .fullwidth */







#loginbanner



{



  padding-bottom: 0px;



}







/* Goes around controls that need to be presented as a block of functionality  */



.controlblock



{



    border: 1px solid #DBDB79;



    padding: 3px;



    margin: 2px 0 5px 0;



    vertical-align: top;



}







/* shows a visual seperation */



.dashedline
{
	border-bottom: 1px solid #35474B;
	padding-top: 5px;
	margin-bottom: 10px;
	clear: right;
}







/* Command buttons on pages */



.actionbuttons



{



  text-align:right;



  position: relative; 



  padding: 1px 1px 1px 1px;



}







/************************************************************************



* 



* Calendar specific formatting 



*



************************************************************************/







/* Surrounds the calendar */



.eventmonth



{



    border: 1px solid #DBDB79;



    width: 694px;



    margin-right: auto;



    margin-left: auto;



    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;



    margin-bottom: 10px;



    padding-left: 15px;



    padding-right: 15px;



    padding-top: 10px;



    text-align: center;



}







/* used as the cssclass of the actual calendar */



.eventmonthtable



{



    width: 694px;



    margin-right: auto;



    margin-left: auto;



    position: relative;



    margin-bottom: 15px;



    border: 1px solid #DBDB79;



    border-collapse:collapse;



}











.dayNumber



{



    float: right;



    border-bottom: 1px solid #C7C272;



    border-left: 1px solid #C7C272;



    clear: none;



    padding: 2px;



}











/************************************************************************



* 



* Next / previous specific formatting 



*



************************************************************************/







.nextlink



{



    position:absolute;



    right:0;



    padding-right:15px;    



}















/************************************************************************



* 



* Global formatting



*



************************************************************************/







/* all the legend tags use this same style */







legend



{



    font-weight: bold;



    color: #666666;



    font-size: 1em;



    padding-left: 4px;



    padding-right: 4px;



    margin-bottom: 7px;



}







/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */







form



{



    margin: 0px;



}







fieldset



{



    margin: 0px;



    padding: 0px;



    border: none;



}







/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */







.hidden



{



    visibility: hidden;



}



.none



{



    display: none;



}











/************************************************************************



* 



* Image functionality



*



************************************************************************/







.photo
{
	/*    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;*/
    border: 2px solid white;
	padding: 1px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.picture


{



    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;



    border: solid 1px #E8DCA3;



    padding: 5px;



    margin: 5px;  



}







/* add hover border to href thumbnail images */



/*todo: rectify whether these should be .photo instead 







.thumbnail a:link img, #thumbnail a:visited img



{



    border: 2px solid #883D08;



}



.thumbnail a:hover img



{



    border: 2px solid #FFFFFF;



}



.thumbnail a:active img



{



    border: 2px solid #000000;



}



*/







/************************************************************************



* 



* List type pages



*



************************************************************************/







/* represents each item in a vertical list */



.listitem



{



    margin:0px 0px 0px 0px;



    width:444px;



}







/* surrounds the buttons for list items */



.editbuttons



{



    padding-top: 6px;



}







/* floats the thumbnail off to the right */



.thumbnail



{



    float: right;



    margin: 0 0 0 5px;



}







/*used to clear the float for the thumbnail */



.clearlist



{



    clear:right;



    margin:0;



    padding:0;



    height: 0px;



    font-size:0px;



    line-height:0px;



}







/* Used by the page number control */



.PageNumbers



{



    display:inline;



}







.PageNumbers span



{



    padding-left: 3px;



}







.newscrumbs a



{



    font-weight: bold;



    padding-right: 2px;



}







.albumthumb



{



	/*border: 1px solid #DBDB79;*/	



    padding: 15px;



    padding-top: 20px;



	margin-bottom: 10px; /*background: #FEFAAB url(images/background_columnleft.gif) repeat-y;*/	



	padding-bottom: 10px;



	margin-bottom: 80px;



	background-color: #0F2529;



}







 .albuminfo



{



/*    border: 1px solid #DBDB79;*/



	background-color: #0F2529;



    padding: 15px;



    margin-bottom: 10px;	



    position: relative;



    width:446px;



}







/* Used in the two column lists */



.albumthumb1



{



	background-color: #0F2529;



	border: 1px solid #02191E;			



	padding: 15px;



	margin-bottom: 10px; /*background: #FEFAAB url(images/background_columnleft.gif) repeat-y;*/



	vertical-align: top;



	background-color: #0F2529;



}







.albuminfo1



{



	background-color: #0F2529;



	border: 1px solid #02191E;



	padding: 15px;



    margin-bottom: 10px;	



    position: relative;



    width:446px;



}







.membercard



{



	background-color: #0F2529;



	border: 1px solid #02191E;



	padding: 10px;



	margin-bottom: 10px;



	width: 198px;



}







.clearcard



{



    clear:left;



    height:0;



    margin:0;



    padding:0;



}







#membercardcolumnleft



{



    float: left;



    position: relative;



}



#membercardcolumnright



{



    margin-left: 226px;



}



.membercard p



{



    margin: 5px;



}







/************************************************************************



* 



* Compact Event list



*



************************************************************************/











/* define event grid view columns */



/* todo: use or remove */







.eventlistdate



{



    padding-right: 4px;



}



.eventlisticon



{



    text-align: center;



}



.eventlisttime



{



    text-align: center;



    width: 95px;



}



.eventlistevent



{



    font-weight: bold;



}



.eventlistlocation



{



    /* no styles needed at this time */



}



.eventlist td



{



    padding-bottom: 4px;



}







/*



.eventlist, .eventlist td, .eventlist tr



{



    border-style:none;



}



*/







/************************************************************************



* 



* Rollover buttons



*



************************************************************************/







.buttonsmall, .buttonsmall-ovr



{



   /* background: url(images/background_button_small.gif) repeat-x;*/



    border: none;



    color: #1FB0B4;



    height: 22px;



    font-weight: normal;



    font-size: 9px;



    padding-bottom: 9px;



    padding-left: 3px;



    padding-right: 3px;



    cursor: pointer;



    font-family: Verdana, Arial, Helvetica, sans-serif;



}



.buttonsmall-ovr



{



    text-decoration: underline;



    /*background: url(images/background_button_small-ovr.gif) repeat-x;*/



}







/************************************************************************



* 



* Page specific 



*



************************************************************************/







/* even dowload button */



.downloadevent img



{



    margin-right: 5px;



    vertical-align: middle;



    border: none;



}







/* Header on view details type pages */



.itemdetails



{



    font-size: 1.3em;



}















/************************************************************************



* 



* Photo selection controls



*



************************************************************************/
#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #FED36B;
    font-size: 0.7em;
}

#restaurant h3
{
	text-align: center;
	color: #FFCB66;
	font-size:1.2em;
	padding-top: 5px;
	margin-bottom: 10px;
	clear: right;
}

#restaurant h4
{
	text-align: center;
	color: #FFCB66;
	font-size:1.1em;
	padding-top: 1px;
	margin-bottom: 1px;
	clear: right;
}

.restaurant-item-first-column
{
	width:90%;
}

.recommended-weight
{
	font-size:0.7em;	
}

.recommended-column-text
{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left:10px;
	color: #01DDFF;
}

.isic-discount-title
{
	text-align: left;
	color: #FFCB66;
	font-size:1.1em;
	border-bottom: 1px #35474B;		
	padding-top: 5px;
	margin-bottom: 15px;
	clear: right;
	font-weight:bold;
}

.isic-discount-inter
{
	text-align: left;
	color: #FFCB66;
	font-size:1.0em;
	border-bottom: 1px #35474B;		
	padding-top: 5px;
	margin-bottom: 15px;
	clear: right;	
}

.recommended-price
{
	font-size:1.0em;	
}



#recommended h3
{
	text-align: left;
	color: #FFCB66;
	font-size:1.0em;
	border-bottom: 1px #35474B;		
	padding-top: 5px;
	margin-bottom: 10px;
	clear: right;	
}

#popupinner
{
    border: 1px solid #DBDB79;
    margin: 5px;
    background: #FEFFAB;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}







.selected, .unselected



{



    width: 80px;



    height: 100px;



    text-align: center;



    padding: 2px 2px 2px 2px;



}







.unselected



{



    background-color: transparent;



    border: solid 1px #FEFFAB;



}







.selected



{



     background: #FED36B;



     border: solid 1px #DBDB79;



}







.scrollablelist



{



    overflow: auto;



    height: 230px;



    width: 460px;



    border: solid 1px #DBDB79;



}







.scrollablelist2



{



    overflow: auto;



    height: 230px;



    width: 210px;



    border: solid 1px #DBDB79;



}







.boldtext



{



	font-weight:bold;



}



.scrolledtable



{



}

.menu table td, .menu table th
{
	border: 1px solid #02191E;
	padding: 7px;
	text-align: left;
}

.menu table
{
	border-collapse: collapse;
	width: 570px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.menu table th
{
	font-weight: 800;
	font-size: 13px;
	width: 470px;
}

.selectablephoto



{



    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;



    border: 1px solid #E8DCA3;



    padding: 2px;



}







.contextbuttons



{



  margin: 5px 3px 5px 3px; 







}







/************************************************************************



* 



* Forms



*



************************************************************************/







/* label column */



.formlabel



{



    width:120px; 



    vertical-align: top;



}







/* value column */



.formvalue



{



    vertical-align: top;



}







.txtfield



{



    width:300px;



}







.txtblock
{
   width:300px;
}

.lefttext
{
	text-align:left;
}


.righttext
{
	text-align:right;
}

.center

{
	text-align: center;	
	margin: 0 auto;
}


.menuhome

{

	text-align:left;		

}



.menuhome p

{

	margin: 0; 

	padding: 0;

}



.center table

{

	margin: 0 auto;

	margin-bottom: 50px;

}







.subtitle



{



	color: #DCCB50;



}



.day-title

{
	font-weight: bold;
	color: #FFCC66;
}


.header
{	
	width: 580px;		
	margin-right: auto;
    margin-left: auto;   
    margin: 0 auto;
	padding-bottom: 0px;
}

#content
{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #021A1E;
}

.fullwidth, #loginbanner, #pagebanner
{
   width: 694px;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
/*    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	background-color: #032C30;
}



#eventcontent
{
	width: 585px;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;		
	text-align:left;
}


.menucontent
{
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #021A1E;	
}

.isiccontent
{
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #021A1E;	
}


.margin-top
{
	margin-top:80px;
}

#restaurant
{
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	width:570px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #021A1E;	
}

#recommended
{
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	width:570px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #021A1E;	
}

#recommended .photo
{
	border-width:1px;
}

#recommended table
{	
	border-style:none;	
}

#recommended td
{
	padding-top:5px;
}

#albumcontent
{	
	width: 700px;		
	margin-right: auto;
    margin-left: auto;   
    margin: 0 auto;
    padding-left: 35px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;    
}


.eventheader
{
	color: #999999;
	font-size:0.9em;
}

.eventdate
{
	color: #999999;
	font-weight: bold;
}

.albumdate
{
	color: #FFCC66;
	font-weight: bold;
}

.albumrow
{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left:10px;
	color: #01DDFF;
}

.albumrow h3
{
	font-size:1.3em;
	font-weight:bold;
}

.albumrow h3 a:link
{
	text-decoration: none;
	color: White;
	font-weight:bold;
}

.albumrow h3 a:visited
{
	text-decoration: none;
	font-weight:bold;
	color: White;
}

.albumrow h3 a:hover
{
	text-decoration: none;
	color: White;
	font-weight:bold;
	color: White;
}


.albumrow a:link
{
	text-decoration: none;
	color: #01DDFF;
}

.albumrow a:visited
{
	text-decoration: none;	
	color: #01DDFF;
}

.albumrow a:hover
{
	text-decoration: underline;
	color: White;
}

.menuheading
{
	color: #999999;
	font-weight: bold;
}


.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.pollcontent
{
   padding: 6px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

