/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY{MARGIN:0;}

.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site .bold
{
	font-weight: bold;
}
.Site th, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site #mainLayout dl, 
.Site #mainLayout ol, 
.Site #mainLayout ul
{
	margin-left:0;
	padding:0;
}
.Site #mainLayout ul,
.Site #mainLayout ol
{
    margin-bottom:1em;
}
.Site #mainLayout ol
{
    margin-left:18px;
}
.Site #mainLayout fieldset ol
{
    margin-left:0;
}
.Site #mainLayout ol li
{
    list-style-type:decimal;
    padding-left:0;
}
.Site #mainLayout ul li
{
    padding-left:7px;
    list-style:none;
}
.Site h2.title
{
    padding-bottom:5px;
    margin-bottom:13px !important;
}
.Site div.module
{
    margin-bottom:27px;
}

.Site a.button
{
	
}
/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box h2.title
{
    text-align:left;
    padding:4px 10px 6px 10px;
    margin:0 60px 0 10px !important;
    width:auto;
}
.Site .box .content
{
    position:relative;
    padding:10px;
}
.Site .entryFooter .morelink
{
    text-align:left;
}
.Site .box .entryFooter .morelink
{
    padding-left:12px;
    padding-bottom:10px;
}
.Site .box .entryFooter .morelink a
{
    padding-top:2px;
}

.Site .dropdown, 
.Site .textarea,
.Site textarea,
.Site .textbox,
.Site .textBox,
.Site .required
{
    font-family: Arial, Helvetica, sans-serif;
    width: 90% !important;
}
.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .ewXform fieldset legend,
.Site .ewXform fieldset fieldset legend
{
   margin-left:0;
   padding-left:0;
   margin-right:0;
   padding-right:0;
   color:#E6007E;
   font-size:1.4em;
   white-space:normal;
   padding-top: 20px;
   
}
.Site .ewXform fieldset fieldset fieldset legend
{
	color: #636363;
	font-size: 1.2em;
}
.Site .req
{
	color: #E6007E;
	margin-left: 5px;
}
.Site .hint,
.Site .help
{
	padding: 5px 10px !important;
	background: #EBEBEB;
	min-height: inherit !important;
	font-size: 1em;
}
.Site .help
{
	background: #d7e1fa;
}
.Site .alert
{
	background-color: #FCE5F2 !important;
	padding-top: 7px !important;
	padding: 5px 10px;
	color:#c30000;
}

.Site .terminus
{
    line-height:0;
    font-size:0;
    height:0;
}
.Site .linkGrid .lIinner
{
    padding:0 !important;
}
.Site .linkGrid .lIinner a span.name
{
    margin-right:60px;
    text-align:left;
    margin-left:10px;
    padding:5px 9px 5px 9px;
}
.Site .linkGrid .lIinner .entryFooter a
{
    text-align:right;
}
.Site .linkGrid .lIinner .summary
{
   margin-top:13px; 
   padding-bottom:10px;
}
.Site .Grid .listItem .lIinner h3 a
{
    font-size:1em !important; 
}
.Site .listItem h3.title
{
    margin-bottom:0 !important;
}
.Site .Grid .listItem
{
    margin-bottom:35px;
}
/* ################################### Site IDs ################################# */
.Site #mainLayoutContainer,
.Site #mainFooterInner,
.Site #topHeader,
.Site .wrapper
{
	width: 940px;
	margin:auto;
}
.Site #mainLayoutContainer
{
    margin-bottom:10px;
}
.Site #mainHeaderInner
{
  	width: 959px;
	position:relative;
	margin:auto;
	padding-right:19px
}
.Site #mainHeader
{
    /*margin-top:20px;*/
}
.Site #mainHeader,
.Site #logo
{
    	height:75px;
}
.Site #logo
{
    width:auto;
    float:left;
    padding-left:18px;
    padding-right:24px;
}
.Site #logo img
{
    margin-top:12px;
}
.Site #mainFooterInner
{
    padding-top:18px;
}
.Site #mainTitle,
.Site .detail h2
{
    margin:0;
    margin-bottom:20px;
}
.Site .detail h2
{
    padding-top:0 !important;
}
.Site #mainLayout
{
}
.Site #header
{
	padding-bottom:10px;
	margin-bottom:10px;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}
.Site #developerLink a
{
	margin:0;
	margin-top:20px;
	padding:15px 20px 10px 20px;
}
.Site #developerLink a span.eonicSponsor
{
    display:block;
    margin-bottom:40px;
}
.Site #leftCol
{
    width:220px;
   	float:left;
}
.Site #headerInformation
{
    margin-top:18px;
    margin-bottom:22px;
}
.Site #headerInformation #leftInfo
{
    width:470px;
    float:left;
    padding-top:12px;
}
.Site #headerInformation #rightInfo
{
    text-align:right;
    width:470px;
    float:left;
   padding-bottom:10px;
}
.Site #headerInformation #rightInfo img
{
    padding-left:5px;
}
.Site #headerInformation #rightInfo table td
{
    vertical-align:bottom;
}
.Site #location
{
    margin-bottom:7px;
}
.Site #footerMenu
{
    float:left;
    width:780px;
}
.Site #footerMenu li a
{
	white-space:pre-line;
}
.Site #socialNetworkLinks
{
    text-align:right;
    float:right;
    width:130px;
    margin-bottom:21px;
}
.Site #socialNetworkLinks img
{
    padding-left:2px;
}
.Site #footerText
{
    float:left;
    margin-top:35px;
    width: 50%;
}
.Site a.rsssubscribebutton
{
    margin-right:66px;
}



/* ################################## Menu setup ################################### */
.Site #mainMenu
{
    position:absolute;
    right:0;
    bottom:10px;
}
.Site #mainMenu ul, 
.Site #mainMenu li, 
.Site #subMenu ul, 
.Site #subMenu li
{
    padding:0;
    margin:0;
}
.Site #topNav li,
.Site #mainMenu li,
.Site #footerMenu li
{
	list-style:none;
	display:inline;
}

/* ################################## Main Menu ################################### */
.Site #mainMenu ul a
{
	float:left;
	padding:0 14px;
	margin: 0 8px 0 8px;
}

/* ################################## Top Nav ################################### */
.Site #topNav
{
    float:right;
    margin-top:5px;
    margin-left:5px;
    width:680px;
    text-align:right;
}
.Site #topNav a
{
    padding:0 7px 0 5px;
}
.Site #topNav li
{
	white-space: nowrap;
}

/* ################################## Category Menu ############################### */
.Site #categoryMenu
{
    margin-top:22px;
}
.Site #categoryMenu li
{
    display:block;
    float:left;
    margin-right:7px;
    cursor:pointer;
}
.Site #categoryMenu .list
{
    padding:0;
}
.Site #categoryMenu ul li.last
{
    margin:0;
}
.Site #categoryMenu ul a
{
    padding-left:10px;
    padding-top:5px;
    display:block;
    width:172px;
    float:left;
    height:46px;
    position:relative;
}

.Site #categoryMenu ul a span.colourBar
{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:6px;
}

/* ################################## Sub Menu ################################### */

.Site #subMenu
{
	float:left;
	width:220px;
	margin:0 0 60px 0;
}
.Site #subMenu h2.title
{
    padding:8px 10px 6px 15px;
    margin:0 !important;
}
.Site #subMenu ul
{
    margin-bottom:20px;
    padding-top:17px;
    padding-bottom:17px;
}
.Site #subMenu ul ul
{
     padding-top:0;
     margin-bottom:0;
     padding-bottom:4px;
}
.Site #subMenu ul a
{
	display:block;
	padding:5px 10px 6px 35px;
}
.Site #subMenu ul ul a
{
	padding:3px 10px 4px 47px;
}
.Site #subMenu ul ul ul a
{
	padding-left:67px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:77px;
}


/* ################################## Category Sub Menu ################################### */

/*Month and Category Styling*/
.Site #leftCol .categorySubMenu ul
{
    margin-bottom:27px;
}
.Site #leftCol .categorySubMenu ul ul
{
    margin-bottom:0;
}
.Site #leftCol .categorySubMenu ul li
{
    position:relative;
}
.Site .categorySubMenu li span.navTab-tl
{
     width:3px;
     height:21px;
     position:absolute;
     left:24px;
     top:4px;
}

/*Category Sub Menu Only Styling*/
.Site #leftCol .categorySubMenu ul.categorySub
{
    padding-top:22px;
    padding-bottom:22px;
}
.Site #leftCol .categorySubMenu ul.categorySub a
{
    padding-left:35px;
}


/* ################################## Footer Menu ################################### */
.Site #footerMenu a
{
    padding:0 5px 0 9px;
}
.Site #footerMenu li.first a
{
    padding-left:0;
}

.Site .contentClose
{
	display:none
}
.Site .contentOpen
{
    display:block;
}

/* ########################## Category Detail  ####################################*/

.Site #categoryDetail ul.cols5
{
    margin: 8px 5px 0 5px;
}
.Site #categoryDetail .categoryWrapper
{
    padding-bottom: 30px;
    display:none;
}
.Site #categoryDetail li,
.Site #categoryDetail .spacer
{
	width:182px;
	margin-right:7px;
	float:left;
}
.Site #categoryDetail li.first,
.Site #categoryDetail li.last
{
   width: 177px;
}
.Site #categoryDetail li.last,
.Site #categoryDetail .spacerLast
{
	margin-right:0;
}
.Site #categoryDetail .monthTitle
{
    padding:3px 5px;
    margin-bottom:6px;
}
.Site #categoryDetail .catMenuEvent
{
    padding: 7px;
}
.Site #categoryDetail .spacers,
.Site #categoryDetail .spacer
{
    height: 15px;
}

/* Event Brief */ 
.Site .EventsList .eventInfo
{
    margin-bottom:17px;
    min-height:85px;
}
.Site .EventsList .listItem p.location,
.Site .detail p.location,
.Site .detail p.adr
{
    display:none;
}
.Site .EventsList .listItem img.thumbnail
{
    float:left;
    margin:5px 12px 12px 0;
}
.Site .EventsList .listItem .image
{
    float:left;
}
.Site .EventsList .listItem .secondTitle
{
    color:#b7b7b7;
    font-style:italic;
    line-height:1;
    margin-bottom:3px;
}
.Site .EventsList .listItem .summary
{
    line-height:1.4;
}
.Site .EventsList .listItem .entryFooter
{
    margin-bottom:23px;
}
.Site .EventsList .listItem .entryFooter p.date
{
    width:330px;
    float:left;
    margin-bottom:5px;
    overflow:hidden;
}
.Site .EventsList .listItem .entryFooter p.date span
{
    padding:5px 7px;
    margin-right:5px;
    line-height:2em;
}
.Site .EventsList .listItem .entryFooter .morelink
{
    width:120px;
    float:right;
    padding:0;
    text-align:right;
}
.Site .EventsList .listItem .entryFooter .morelink a
{
   padding:3px 17px 2px 8px;
   margin-left:5px;
}
.Site .EventsList .listItem .entryFooter .morelink a.info
{
    padding-left:11px;
    padding-right:22px;
}
.Site .detail span.picture
{
    float:left;
    margin:0 15px 0 0;
}

/* Event Brief Short */
.Site .shortEvent .eventInfo
{
    height:auto !important;
    min-height:10px;
    margin-bottom:5px !important;
}
.Site .shortEvent h3.shortTitle
{
    margin-top:5px;
}

/* Event Highlight Brief */
.Site .highlightEvent .listItem .lIinner img
{
    border:none !important;
}
.Site .highlightEvent .listItem .lIinner
{
    padding:0 !important;
    text-align:left !important;
}
.Site .highlightEvent .listItem .lIinner
{
    position:relative;
}
.Site .highlightEvent .listItem h3 span.highlightButtons
{
    position:absolute;
    left:0;
    bottom:15px;
    background-color:#fff;
    padding:5px 5px 5px 8px;
    min-height:44px;
}
.Site .highlightEvent .listItem h3 .eventName
{
    font-size:1.4em;
    color:#212121;
    font-weight:bold;
     float:left;
    width:130px;
    padding-left:5px;
    padding-right:10px;
    display:block;
    padding-top:4px;
    padding-bottom:4px;
}
.Site .highlightEvent .listItem h3 .highlightButtons span.hidden
{
    display:none !important
}
.Site .highlightEvent .listItem h3 .highlightButtons .entryFooter
{
    float:left;
    clear:none;
    width:58px !important;
    margin-bottom:0;
}
.Site .highlightEvent .listItem h3 .morelink
{
    width:58px !important;
    text-align:left !important;
}
.Site .highlightEvent .listItem h3 .morelink a
{
    display:block;
    font-size:1.15em !important;
    padding:5px 17px 3px 8px !important ;
}
.Site  .highlightEvent .listItem .morelink a.bookingURL
{
    margin-top:4px;
    padding-right:18px !important;
    padding-left:4px !important;
}


/*   Event Detail */
.Site .detail .ticketInfo
{
    margin-top:20px;
    padding:15px;
    margin-bottom:30px;
}
.Site .detail .ticketInfo p
{
    margin-bottom:12px;
}
.Site .detail .ticketInfo .backlink
{
  float:left;
}
.Site .detail .backlinkOuter
{
       margin-top:20px;
}
.Site .detail .picture small
{
    float:left;
}
.Site .detail .backlink a,
.Site .detail a.bookingURL
{
   padding:3px 17px 2px 8px;
   margin-right:5px;
}
.Site #column1  .event
{
    width:457px;
}

.Site #homeColumn1
{
    width:710px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.Site #homeColumn1 a.rsssubscribebutton
{
    display:none;
}
.Site #homeColumn1 .module,
.Site #homeColumn2 .module
{
    margin-bottom:0;
}
.Site #homeColumn2
{
    float:left;
    width:220px;
}
.Site #homeColumn2 .listItem
{
    margin-bottom:0;
}
.Site #homeColumn2 .EventsCalendar
{
    padding-top:3px;
}

/* Events Carousel */
.Site #carousel-menu
{
    padding-bottom:15px;
    margin-left:2px;
    width:940px !important;
    height:75px !important;
    overflow:hidden;
}
.Site #carousel-menu-wrapper
{
    margin-bottom:27px;
}
.Site #carousel-menu li
{
    margin-right:10px;
    width:125px !important;
    overflow:hidden;
    height:75px;
}
.Site #carousel-items
{
    height:375px;
}
.Site .carousel-item
{
    position:absolute;
    z-index:0;
    width:708px;
    height:373px;
    background-color:#E1E1E1;
}
.Site #shows-carousel
{
    height:375px;
    width:710px;
}
.Site #carousel-items .carouselButtons
{
    position:absolute;
    left:0;
    bottom:23px;
    padding:5px;
    min-height:44px;
}
.Site #carousel-items .carouselButtons h2.eventName
{
    float:left;
    width:auto;
    padding:12px 10px 7px 15px;
}
.Site #carousel-items .carouselButtons .entryFooter
{
    float:left;
    width:58px;
    clear:none !important;
   margin-left:30px;
}
.Site #carousel-items .carouselButtons .morelink a
{
   padding:0 17px 1px 8px;
   margin-left:5px;
   display:block;
}
.Site #carousel-items .carouselButtons .entryFooter .morelink a.info
{
    padding-left:10px;
    padding-right:15px;
}
.Site #carousel-items .carouselButtons .morelink a.bookingURL
{
    margin-top:4px;
}

/* Event Calendar styling */

.Site .calendarView
{
    padding-top:6px;
    /*padding-bottom:10px;*/
}
.Site td.calendarDays
{
    padding-bottom:13px!important
}
.Site td.cday
{
    text-align:center;
    vertical-align:middle;
    height:auto!important;
}
.Site  .calendarDays .calendarHeader th.days,
.Site .calendarDays td.cday
{
    padding-bottom:2px !important;
}
.Site .calendarHeader th,
.Site td .cdaytitle
{
    padding:0;
    text-align:center!important
}
.Site td .cdaytitle
{
    margin:auto;
    width:22px;
}
.Site .EventsCalendar
{
    padding-top:8px
}
.Site .previousMonthNav,
.Site .nextMonthNav
{
    width:29px;
}
.Site .previousMonthNav a,
.Site .nextMonthNav a
{
    position:relative;
    display:block;
    width:29px;
    height:22px;
    z-index:0;
    overflow:hidden;
}
.Site .previousMonthNav a span,
.Site .nextMonthNav a span
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:29px;
    height:22px;
    z-index:1;
}
.Site .EventsCalendar .Events h2
{
    margin:0 0 .8em;
}
.Site .EventsCalendar .vevent
{
    margin:0;
}
.Site .EventsCalendar .stepper
{
    display:none;
}
.Site .EventsCalendar .vevent .lIinner
{
    padding:0 6px
}
.Site .EventsCalendar .vevent h3
{
    float:left;
    margin:0;
}
.Site .EventsCalendar .vevent .date
{
    float:right;
    padding:0;
}
.Site .calendarView 
{
	/* 179 - padding (10 + 6)	*/
	min-height:163px; 
}
.Site .loading table
{
	display:none;
}
/*.Site .module .ewXform label
{
    display:none;
}*/
.Site .module .ewXform ol
{
    margin:0 !important; 
}
.Site .module .ewXform label.mailingList
{
    display:block;
    width:182px;
    white-space:pre-wrap;
    color:#e6007e;
    padding-bottom:0;
    font-size:1em;
}
.Site .ewXform span.alert,
.Site .ewXform span.hint,
.Site .ewXform span.help {
    min-height:24px;
}
.Site .module .ewXform input,
.Site .module .ewXform .textarea
{
    background-color:#ebebeb;
    border:none;
    margin-right:8px;
}
.Site .module .ewXform input.readonly
{
	background: #FFF;
	
}


.Site .ewXform input.button
{
    background:#212121 url(/images/layout/event_a_sprite.gif) no-repeat scroll right 5px;
    border:none;
    border-radius:0 !important;
    -moz-border-radius:0 !important;
    color:#fff;
    height:20px;
    padding-right:15px;
}
.Site .ewXform input.principle
{
      background: #E6007E url(/images/layout/event_a_sprite.gif) no-repeat scroll right -50px;
}
.Site .cover
{
    position:absolute;
    top:80px;
    left:0;
    background-color:#ffffff;
    height:75px;
    width:125px;
    -moz-opacity:0.80;
    filter:alpha(opacity=80);
    opacity:0.80;
    font-weight:bold;
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    text-align:center;
    line-height:1.1;
    font-size:1.1em;
}
.Site .tooltipTrigger
{
    position:relative;
    height:75px;
}


.Site #membershipBrief
{
	float: right;	
}

.Site #membershipBrief .loginButton
{
	background: #FFF;
	color:#e6007e;
	font-weight:bold;
	display:inline-block;
	padding: 5px 15px 7px 15px;
	cursor:pointer;
}
.Site #membershipBrief .loginButton:hover
{
	background: #e6007e;
	color:#FFF;
}
.Site #membershipBrief .loggedInBrief
{
	padding: 5px 0px 7px 15px;
}
.Site .mainHeaderNoMargin
{
	margin-top: 0 !important;
}

.Site #loginBox ol
{
	display:inline-block;
	float: right;	
}
.Site #loginBox 
{
	padding: 5px 0 0 0;
	margin-bottom:30px;
}
.Site #loginBox li
{
	display:inline-block;
	line-height:30px;
	float: left;
}

.Site #loginBox label
{
	width: 70px;
	float: left;
	margin-right: 10px;
	text-align: right;
}
.Site #loginBox label.radio
{
	display: inline-block;
	width: auto;
}
.Site #loginBox .textbox
{
	width: 150px !important;
	float: left;
}
.Site #loginBox .alert
{
	clear:both;
	background-position: 6px 6px;
	padding-left: 45px;
	margin: 0 0 0 20px;
	float: right;
}
/*  ==  VOLUNTEERING STYLES  ======================================================================  */
.Site .volunteerEvent
{
	padding: 15px 0;
	border-bottom: 1px solid #B7B7B7;
}
.Site .reqlist
{
	width: 55%;
	float: left;
}
.Site .vEventDetails
{
  width: 40%;
  float:right;
  background: #E1E1E1;
  padding: 10px;
  border: 1px solid #B7B7B7;
}
.Site h2.subHeading
{
	margin-top: 20px;
}
.Site #bookingConfirmationForm
{
	display:none;
}


/*  Messaging popup */


#vMessagingForm
{
	 position: relative;
}



#vMessagingForm .textbox,
#vMessagingForm textarea
{
	width: 480px;
}
#vMessagingForm legend
{
	margin:0 !important;
	padding:0 0 10px 0 !important;
	display:block !important;
}
#vMessagingForm legend label
{
	padding: 0px !important;	
}
.dialogPopup .recipientBox
{
	padding: 8px 0;
}

.Site #UserRegister .col1 input.textbox,
.Site #UserRegister .col2 input.textbox
{
	width: 80%!important;
}
.Site .ewXform label
{
	padding: 3px 0 3px 0;
}



/*  ==  COLOUR STYLES  ==  */
/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY{}

.Site /* same element as #mainTable */
{
	FONT-SIZE:.9em;
    FONT-FAMILY:Arial,Helvetica,sans-serif;
    color:#636363;
    line-height:1.55em;	
}
.Site a
{
    color:#e6007e;
    text-decoration:none
}
.Site a:hover
{
    color:#969696;
}
.Site H1, 
.Site H2, 
.Site H3, 
.Site H4, 
.Site H5, 
.Site H6
{
    color:#636363;
    font-weight:normal;
}
.Site H1
{
    FONT-SIZE: 2em;
}
.Site #mainLayout h1,
.Site #subMenuModules h1
{
    margin-bottom:14px;
}
.Site H2
{
    FONT-SIZE: 1.7em;
}
.Site #mainLayout h2,
.Site #subMenuModules h2
{
    margin-bottom:12px;
}
.Site H3
{
    FONT-SIZE: 1.5em;
}
.Site #mainLayout h3,
.Site #subMenuModules h3
{
    margin-bottom:10px;
    line-height:1.2;
}
.Site .listItem h3.title a
{
    color:#000;
    font-size:0.8em;
    font-weight:bold;
    line-height:1;
}
.Site H4
{
    FONT-SIZE: 1.3em;
}
.Site #mainLayout h4,
.Site #subMenuModules h4
{
    margin-bottom:8px;
}

.Site H5
{
    FONT-SIZE: 1.2em;
}
.Site #mainLayout h5,
.Site #subMenuModules h5
{
    margin-bottom:5px;
}
.Site H6
{
    FONT-SIZE: 1.1em;
}
.Site IMG
{
	border:none;
}
.Site h2.title
{
    border-bottom:solid 1px #dcdcdc;
    font-size:1.4em;
    font-weight:bold;
}
.Site a.button
{
	background: #636363;
	color: #FFF !important;
	padding: 5px 10px;
}
.Site .loading
{
	background: url(/images/layout/loading.gif) center center no-repeat;
}
.Site .vBookingInfo,
.Site .loadingLine,
.Site .ajaxContent
{
	border: 2px dashed #B7B7B7;
	color: #969696;	
}
.Site .loadingLine
{
	text-align:center;
	background: url(/images/layout/loading.gif) center 25px no-repeat;
	font-weight:bold;
	padding: 5px 10px 55px 10px !important;
}
.Site .vBookingInfo,
.Site .ajaxContent
{
	padding: 5px;
}
.Site #loginBox
{
	color: #FFF;
	background:#e6007e;
}
.Site #loginBox input.principle
{
	background: #FFF;
	color:#e6007e;
	padding: 5px 12px 7px;
	display:inline-block;
	font-size: inherit;
	height: 28px;
	position: relative;
	top: -1px;
	float: none;
	margin-left: 10px;
}
.Site #loginBox input.principle:hover
{
	background: #E1E1E1; 
}
/* ################################### Site Classes ################################# */

.Site .box h2.title
{
    background:#252525 url(/images/layout/linkGrid_Header_Sprite.gif) repeat-x left top;
    color:#fff;
    font-size:1.3em;
    border:none;
    font-weight:bold;
}
.Site .box h2.title a
{
    color:#fff;
}
.Site .box h2.title a:hover
{
    color:#fcd5eb;
}
.Site .box .content
{
    border:solid 2px #b7b7b7;
    border-bottom:none;
}
.Site .box .bl
{
   border:solid 2px #b7b7b7;
   height:2px;
   border-top:none;
}
.Site .box .entryFooter
{
     border:solid 2px #b7b7b7;
     border-top:none;
     border-bottom:none;
}
.Site .box .content .entryFooter
{
    border:none;
}
.Site .box .content .entryFooter .morelink
{
    padding-left:0;
}
.Site .label
{
	font-weight:bold;
}
.Site .Grid img
{
   border:solid 4px #b7b7b7 !important;
}
.Site .linkGrid .lIinner a span.name
{
    background:#252525 url(/images/layout/linkGrid_Header_Sprite.gif) repeat-x left top;
    color:#fff;
    font-size:1.5em;
    font-weight:bold;
}
.Site .linkGrid .lIinner a:hover span.name
{
    background:#c40069 url(/images/layout/linkGrid_Header_Sprite.gif) repeat-x left -57px;
}
.Site .linkGrid .lIinner .summary
{
    text-align:left;
}
.Site .Grid .listItem .lIinner h3 a
{
    color:#000;
    font-weight:bold;
}
.Site .morelink a
{
    padding-right:12px;
    font-weight:bold;
    background:transparent url(/images/layout/morelink_sprite.gif) no-repeat right -15px;
}
.Site .morelink a:hover
{
    background:transparent url(/images/layout/morelink_sprite.gif) no-repeat right 4px;
}
.Site #location a,
.Site #location
{
    color:#b7b7b7;
    font-size:0.95em;
}
.Site #location a:hover
{
    color:#E6007E;
}
.Site img.thumbnail
{
    border:solid 3px #b7b7b7;
}
/* ################################### Site IDs ################################# */

.Site #mainHeader
{
    background-color:#e1e1e1 ;
}
.Site #logo
{
    background-color:#fff;
}
.Site #headerInformation
{
    font-weight:bold;
    color:#000;
     font-size:1.7em;
    border-top:solid 1px #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
}
.Site #headerInformation p
{
    margin:0;
}

.Site #headerInformation #leftInfo b
{
    color:#e6007e;
}
.Site #headerInformation #rightInfo
{
    color:#636363;
}


/* ########################## Category Detail  ####################################*/

.Site #categoryDetail .spacers{background:#FFF;}
.Site #categoryDetail .pink,
.Site #categoryDetail .pink .spacerActive{background:#fce4f2;}
.Site #categoryDetail .blue,
.Site #categoryDetail .blue .spacerActive{background:#def2fb;}
.Site #categoryDetail .green,
.Site #categoryDetail .green .spacerActive{background:#eef7e2;}
.Site #categoryDetail .purple,
.Site #categoryDetail .purple .spacerActive{background:#f2e6f2;}
.Site #categoryDetail .orange,
.Site #categoryDetail .orange .spacerActive{background:#feefdc;}

.Site #categoryDetail .monthTitle{color:#FFF;font-weight:bold;}
.Site #categoryDetail .pink .monthTitle{background:#D40075;}
.Site #categoryDetail .blue .monthTitle{background:#2497E2;}
.Site #categoryDetail .green .monthTitle{background:#8DAF40;}
.Site #categoryDetail .purple .monthTitle{background:#AA45A5;}
.Site #categoryDetail .orange .monthTitle{background:#F7781D;}

.Site #categoryDetail .ename,
.Site #categoryDetail .date
{
	margin: 0;
	padding:0;
	line-height:1em;
}

.Site .pink a.button		{background: #D40075;}
.Site .blue a.button		{background: #2497E2;}
.Site .green a.button		{background: #8DAF40;}
.Site .purple a.button		{background: #AA45A5;}
.Site .orange a.button		{background: #F7781D;}

.Site #categoryDetail .date{font-weight:bold;font-size:0.98em;margin-bottom:3px;}
.Site #categoryDetail .pink .date{color:#D40075;}
.Site #categoryDetail .blue .date{color:#2497E2;}
.Site #categoryDetail .green .date{color:#8DAF40;}
.Site #categoryDetail .purple .date{color:#AA45A5;}
.Site #categoryDetail .orange .date{color:#F7781D;}

.Site #categoryDetail .ename 
{
	font-weight:bold;
	font-size: 1.1em;	
}
.Site #categoryDetail .ename a
{
	color: #000;
}
.Site #categoryDetail .ename a:hover
{
	color:#636363;
}

/* ################################## Top Nav ################################### */
.Site #topNav a
{
    color:#969696;
    font-size:0.9em;
    font-weight:normal;
    background:transparent url(/images/layout/topnav_li.gif) no-repeat right 2px;
}
.Site #topNav li.last a
{
    background-image:none;
}
.Site #topNav a:hover,
.Site #footerMenu a:hover
{
    color:#e6007e;
}

/* ################################## Main Menu ################################### */
.Site #mainMenu ul a
{
    text-transform:lowercase;
    color:#424242;
    font-size:1.45em;
    line-height:1;
    font-weight:bold;
}
.Site #mainMenu ul a:hover,
.Site #mainMenu ul a.on,
.Site #mainMenu ul a.active
{
    color:#e6007e;
}

/* ################################ Category Menu ################################# */

.Site #categoryMenu li
{
    background:#222222 url(/images/layout/categoryMenu_bg.gif) repeat-x left top;
}

/*Anchor arrows */
.Site #categoryMenu ul a
{
    font-size:1.45em;
    font-weight:bold;
    color:#fff;
    background:transparent url(/images/layout/categoryMenu_a_sprite.gif) no-repeat 162px 27px;
}

/*Anchor arrows on hover*/
.Site #categoryMenu ul li.pink a:hover
{
    background:transparent url(/images/layout/categoryMenu_a_sprite.gif) no-repeat 162px -24px;
}
.Site #categoryMenu ul li.blue a:hover
{
    background:transparent url(/images/layout/categoryMenu_a_sprite.gif) no-repeat 162px -75px;
}
.Site #categoryMenu ul li.green a:hover
{
    background:transparent url(/images/layout/categoryMenu_a_sprite.gif) no-repeat 162px -126px;
}
.Site #categoryMenu ul li.purple a:hover
{
    background:transparent url(/images/layout/categoryMenu_a_sprite.gif) no-repeat 162px -177px;
}
.Site #categoryMenu ul li.orange a:hover
{
    background:transparent url(/images/layout/categoryMenu_a_sprite.gif) no-repeat 162px -228px;
}

/*Anchor arrows active*/
.Site #categoryMenu ul li.pink a.active
{
    background:transparent url(/images/layout/categoryMenu_a_active_sprite.gif) no-repeat 162px -24px;
}
.Site #categoryMenu ul li.blue a.active
{
    background:transparent url(/images/layout/categoryMenu_a_active_sprite.gif) no-repeat 162px -75px;
}
.Site #categoryMenu ul li.green a.active
{
    background:transparent url(/images/layout/categoryMenu_a_active_sprite.gif) no-repeat 162px -126px;
}
.Site #categoryMenu ul li.purple a.active
{
    background:transparent url(/images/layout/categoryMenu_a_active_sprite.gif) no-repeat 162px -177px;
}
.Site #categoryMenu ul li.orange a.active
{
    background:transparent url(/images/layout/categoryMenu_a_active_sprite.gif) no-repeat 162px -228px;
}

/*Bottom Bars*/
.Site #categoryMenu li.pink a span.colourBar
{
    background:#d40075 url(/images/layout/colourSpan_pink.gif) repeat-x left top;
}
.Site #categoryMenu li.blue a span.colourBar
{
    background:#2497e2  url(/images/layout/colourSpan_blue.gif) repeat-x left top;
}
.Site #categoryMenu li.green a span.colourBar
{
    background:#8daf40  url(/images/layout/colourSpan_green.gif) repeat-x left top;
}
.Site #categoryMenu li.purple a span.colourBar
{
    background:#aa45a5  url(/images/layout/colourSpan_purple.gif) repeat-x left top;
}
.Site #categoryMenu li.orange a span.colourBar
{
    background:#f7781d  url(/images/layout/colourSpan_orange.gif) repeat-x left top;
}

/* ################################## Sub Menu ################################### */

.Site #subMenu h2.title
{
    font-size:1.45em;
    background:#222222 url(/images/layout/subMenu_title.gif) repeat-x left top;
    color:#fff;
    font-weight:bold;
}
.Site #subMenu h2.title a
{
    color:#fff;
      font-weight:normal;
}
.Site #subMenu h2.title a:hover
{
    color:#fcd5eb;
}
.Site #subMenu ul
{
    background-color:#fce5f2;
}
.Site #subMenu a
{
    color:#212121;
    font-size:1.1em;
}
.Site #subMenu ul a:hover
{
    color:#e6007e;
    background:transparent url(/images/layout/submenu_hover.gif) no-repeat left center;
}
.Site #subMenu ul a.active,
.Site #subMenu ul a.on
{
    color:#e6007e;
    font-weight:bold;
    background-image:none;
}
.Site #subMenu ul ul a
{
    font-size:1em;
    background:transparent url(/images/layout/subsubmenu_active.gif) no-repeat 36px 6px;
}
.Site #subMenu ul ul a:hover,
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active
{
    background:transparent url(/images/layout/subsubmenu_active.gif) no-repeat 36px 6px;
}
.Site #subMenu ul ul ul a
{
     font-size:0.9em;
     color:#454545;
}
.Site #subMenu ul ul ul a,
.Site #subMenu ul ul ul a.on,
.Site #subMenu ul ul ul a.active,
.Site #subMenu ul ul ul a:hover
{
    background-position:56px 6px;
    font-weight:normal;
}
.Site #subMenu ul ul ul ul a,
.Site #subMenu ul ul ul ul a.on,
.Site #subMenu ul ul ul ul a.active,
.Site #subMenu ul ul ul ul a:hover
{
    background-position:66px 6px;
}

/* ################################## Category Sub Menu ################################### */

.Site #leftCol .categorySubMenu li a
{
    font-size:1.2em;
}
.Site .categorySubMenu li span.navTab-tl
{
	background-color: #B7B7B7;
}
.Site .categorySubMenu li.pink span.navTab-tl
{
    background-color:#e6007e;
}
.Site .categorySubMenu li.pink span.navTab-tl
{
    background-color:#e6007e;
}
.Site .categorySubMenu li.blue span.navTab-tl
{
    background-color:#24abe2;
}
.Site .categorySubMenu li.green span.navTab-tl
{
    background-color:#8dc640;
}
.Site .categorySubMenu li.purple span.navTab-tl
{
    background-color:#aa5ea5;
}
.Site .categorySubMenu li.orange span.navTab-tl
{
    background-color:#f7941d;
}

/* ################################## Footer Menu ################################### */
.Site #footerMenu ul a
{
    font-size:1.1em;
    background:transparent url(/images/layout/footernav_li.gif) no-repeat left 3px;
    color:#636363;
}
.Site #footerMenu li.first a
{
    background-image:none;
}

.Site #mainTitle h1,
.Site .detail h2
{
    font-size:1.9em;
    color:#e6007e;
    border-bottom:solid 5px #b7b7b7;
    font-weight:normal;
    padding-top:5px;
    padding-bottom:12px;
}
.Site .detail h2
{
    margin-bottom:30px !important;
}
.Site #mainLayoutContainer
{
    background:transparent url(/images/layout/mainLayoutContainer_btm.gif) no-repeat left bottom;
}

.Site #mainLayout ul li
{
    background:transparent url(/images/layout/mainlayout_li_bg.gif) no-repeat left 7px;
}

.Site #mainFooter
{
    background:#e1e1e1 ;
 }

/* Event Brief */
.Site .EventsList .listItem .entryFooter p.date span 
{
    color:#fff;
    background-color:#b7b7b7;
}
.Site .EventsList .listItem .pink p.date span
{
    background-color:#d40075;
}
.Site .EventsList .listItem .blue p.date span
{
    background-color:#2497e2;
}
.Site .EventsList .listItem .green p.date span
{
    background-color:#8daf40;
}
.Site .EventsList .listItem .purple p.date span
{
    background-color:#aa45a5;
}
.Site .EventsList .listItem .orange p.date span
{
    background-color:#f7781d;
}
.Site .EventsList .listItem .entryFooter .morelink a
{
    color:#fff;
    font-weight:normal;
     background:#212121 url(/images/layout/event_a_sprite.gif) no-repeat right 5px;
}
.Site .EventsList .listItem .entryFooter .morelink a:hover.info
{
    color:#e6007e;
    background-position:right -24px;
}
.Site .EventsList .listItem .entryFooter .morelink a.bookingURL
{
    background:#e6007e url(/images/layout/event_a_sprite.gif) no-repeat right -50px;
}
 .Site .EventsList .listItem .entryFooter .morelink a:hover.bookingURL
{
    color:#000;
    background-position:right -77px;
}

 
/* Event Brief Short */
.Site h3.shortTitle
{
    color:#e6007e;
    font-size:1.2em;
    font-weight:bold;
}
.Site .shortEvent .listItem
{
    border-bottom:none;
    margin-bottom:7px !important;
}
.Site .shortEvent .listItem .secondTitle
{
    font-style:normal;
    font-weight:bold;
    color:#636363;
    font-size:0.9em;
}
.Site .shortEvent .listItem h3.title
{
    line-height:0.9em !important;
    margin-bottom:8px !important;
}
.Site .shortEvent .listItem h3.title a
{
    line-height:0.8 !important;
    font-size:0.75em;
}
.Site .shortEvent .listItem h3.title a:hover
{
    color:#636363;
}
.Site .shortEvent .lIinner
{
    background:transparent url(/images/layout/shortEvent_bullet.gif) no-repeat left 6px;
    padding-left:15px;
}
 
/*   Event Detail */
.Site .detail .ticketInfo
{
    border:solid 3px #e3e5e4;
}
.Site .detail .ticketTitle
{
    font-weight:bold;
    font-size:1.4em;
}
.Site .detail p.date,
.Site .vrequirement p.date
{
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:8px;
}

.Site .detail p.duration
{
    margin-bottom:13px;
}
.Site .detail .ticketInfo
{
    color:#000;
}
.Site .detail .ticketInfo h4
{
    margin-bottom:12px !important;
}
.Site .detail .duration
{
   font-weight:bold;
 }
.Site .detail .ticketInfo h5
{
    font-weight:bold;
    color:#000;
    margin-bottom:1px !important;
}
.Site .detail a.bookingURL,
.Site .detail .backlink a
{
    color:#fff !important;
    background-color:#B7B7B7;
}
.Site .detail .backlink a
{
    background:#B7B7B7 url(/images/layout/detail_info.gif) no-repeat left 5px;
    padding-left:17px;
    padding-right:8px;
}
.Site .detail a.bookingURL
{
    background:#d40075 url(/images/layout/detail_book.gif) no-repeat right 5px;
}
.Site .detail .picture small
{
    color:#b7b7b7 !important;
}
.Site .pink .detail h2,
.Site .pink .detail a,
.Site .pink .detail .dtstart,
.Site .pink .detail .ticketTitle
{
        color:#d40075;
}
.Site .pink .detail .ticketInfo
{
    background-color:#fce5f2;
}
.Site .pink .detail a.bookingURL
{
    background-color:#d40075;
}
.Site .pink .detail .backlink a
{
    background-position:left 5px;
}
.Site .blue .detail h2,
.Site .blue .detail a,
.Site .blue .detail .dtstart,
.Site .blue .detail .ticketTitle
{
        color:#2497e2;
}
.Site .blue .detail .ticketInfo
{
    background-color:#def2fb;
}
.Site .blue .detail a.bookingURL
{
    background-color:#2497e2;
    background-position:right -23px;
}
.Site .blue .detail .backlink a
{
    background-position:left -23px;
}
.Site .green .detail h2,
.Site .green .detail a,
.Site .green .detail .dtstart,
.Site .green .detail .ticketTitle
{
        color:#8daf40;
}
.Site .green .detail .ticketInfo
{
    background-color:#eef7e3;
}
.Site .green .detail a.bookingURL
{
    background-color:#8daf40;
    background-position:right -52px;
}
.Site .green .detail .backlink a
{
    background-position:left -52px;
}
.Site .purple .detail h2,
.Site .purple .detail a,
.Site .purple .detail .dtstart,
.Site .purple .detail .ticketTitle
{
        color:#aa45a5;
}
.Site .purple .detail .ticketInfo
{
    background-color:#f2e7f2;
}
.Site .purple .detail a.bookingURL
{
    background-color:#aa45a5;
    background-position:right -82px;
}
.Site .purple .detail .backlink a
{
    background-position:left -82px;
}
.Site .orange .detail h2,
.Site .orange .detail a,
.Site .orange .detail .dtstart,
.Site .orange .detail .ticketTitle
{
        color:#f7781d;
}
.Site .orange .detail .ticketInfo
{
    background-color:#feefdd;
}
.Site .orange .detail a.bookingURL
{
    background-color:#f7781d;
    background-position:right -112px;
} 
 .Site .orange .detail .backlink a
{
    background-position:left -112px;
}

 .Site a.soldout,
 .Site .highlightEvent .listItem .morelink a.soldout
{
    background-image:none !important;
    padding-right:3px !important; 
    padding-left:3px !important;
}
.Site a:hover.soldout
{
    background-image:none !important;
     color:#ffffff !important;
}

/*  Developer Link  */
.Site #developerLink a
{
    color:#ffffff;
    font-size:0.8em;
    background:#bbbbbb url(/images/layout/developerLink_sprite.gif) no-repeat 20px 50px;
}
.Site #developerLink a:hover
{
    color:#ffffff;
    background-color:#e6007e;
    background-position:20px -128px;
}
.Site #developerLink a span.eonicSponsor
{
    font-size:1.6em;
    font-weight:normal;
}

/* Events Carousel */
.Site #carousel-items .carouselButtons
{
   background-color:#fff;
}
.Site #carousel-menu
{
    background:transparent url(/images/layout/carousel_bg.gif) no-repeat center bottom;
}
.Site #carousel-items .carouselButtons h2
{
       color:#000;
       font-size:2.3em;
       font-weight:bold;
}
.Site #carousel-items .carouselButtons .entryFooter .morelink a
{
    color:#fff;
    font-weight:normal;
     background:#212121 url(/images/layout/event_a_sprite.gif) no-repeat right 5px;
}
.Site #carousel-items .carouselButtons .entryFooter .morelink a:hover.info
{
    color:#e6007e;
    background-position:right -24px;
}
.Site #carousel-items .carouselButtons .entryFooter .morelink a.bookingURL
{
    background:#e6007e url(/images/layout/event_a_sprite.gif) no-repeat right -50px;
}
 .Site #carousel-items .carouselButtons .entryFooter .morelink a:hover.bookingURL
{
    color:#000;
    background-position:right -78px;
}


/* Event Calendar styling */

.Site .calendarView
{
    border:solid 1px #d2d2d2;
    height:176px;
}
.Site .calendarView h3
{
    color:#000;
    font-size:1.20em;
    font-weight:bold;
    padding-top:2px;
    margin-bottom:6px !important;
}
.Site td.calendarDays
{
    border:none;
}
.Site td.cday
{
    border:none;
}
.Site .calendarHeader th,
.Site td .cdaytitle
{
    border:none;
    font-weight:bold;
}
.Site td .cdaytitle
{
    color:#bebebe;
}
.Site td.active .cdaytitle
{
    color:#424242;
    line-height:1.7em;
}
.Site td.anotherMonth .cdaytitle
{
    color:#fff;
    background-color:#fff;
    display:none;
}

.Site .calendarHeader th
{
    color:#e6007e;
    font-size:1.15em
}
.Site .previousMonthNav a span,
.Site .nextMonthNav a span
{
    background:url(/images/layout/cal_arrow_r.gif) center center no-repeat;
}
.Site .previousMonthNav a span
{
    background:url(/images/layout/cal_arrow_l.gif) center center no-repeat;
}
.Site .EventsCalendar .vevent h3
{
    color:#424242;
    font-size:1em;
}
.Site .EventsCalendar .vevent .date
{
    color:#669;
}
/*  ==  VOLUNTEERING STYLES  ======================================================================  */
.Site .detail .vReqs
{

} 
.Site .vReqs h2.title
{
	color: #fff;
 	padding: 4px 10px 6px 10px !important;
}
.Site .vrequirement
{
	padding: 5px 0 20px 0;
}
.Site .vrequirement h1,
.Site .vrequirement h2,
.Site .vrequirement h3,
.Site .vrequirement h4,
.Site .vrequirement h5,
.Site .vrequirement h6
{
	color: #E6007E; 
}



.Site .vrequirement p.date
{
	font-size: 1em;	
}
.Site .vrequirement .times
{
	padding-left: 10px;
	display:block;
	font-weight:normal;
}


/* vReguirment Detail!! */
.Site .volunteerTable h3.title
{
	margin-bottom: 0 !important;	
}

.Site .volunteerTable th,
.Site .volunteerTable	td
{
	border: 1px solid #B7B7B7;
	padding: 5px 5px;
	vertical-align: middle;
}
.Site .volunteerTable	th
{
	border-right:0;
	background:#E1E1E1;
	font-weight:bold;
		 
}
.Site .volunteerTable	td
{
	border-right:0;
	border-top: 0;
}
.Site .volunteerTable .selectUser
{
	text-align: center;
	width: 55px;	
}
.Site .volunteerTable .selectUser,
.Site .volunteerTable .doButtons,
.Site .volunteerTable .vols,
.Site .volunteerTable .eventName,
.Site .volunteerTable .volunteer
{
	border-right: 1px solid #B7B7B7;
}
.Site .volunteerTable .doButtons
{
	text-align: right;
}
.Site .volunteerTable .doButtons .button
{
	padding: 5px 10px;
}

.Site .volunteerTable .vols
{
	text-align: right;
	width: 95px;
}
.Site .volunteerTable .curUser
{
	color:#E6007E; 
}
.Site .volunteerTable .pos
{
	width: 25px;
}
.Site .volunteersNeededList .NoVolunteer
{
	text-align: right;
	width: 115px;
}
.Site .volunteersNeededList .volunteer
{
	text-align: right;
}
.Site .volunteersNeededList .date
{
	width: 70px;
}
.Site .volunteersNeededList .time
{
	width: 70px;
}
/*  ==  MODAL STYLING  ============================================================  */
.ui-dialog-titlebar
{
	display:none;	
}
.ui-widget-overlay
{
	background: #000;
	position: absolute;
	top:0;
	left:0;
	opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	
}
.loading-modal
{
	color:#B7B7B7;
	padding: 30px 0px 30px 80px;
	font-size: 1.6em;
	background: #FFF url(/images/layout/loading-modal.gif) 25px center no-repeat;
	margin-top: 90px;
	display:inline-block;
}
.modalClose
{
	background: url(/ewcommon/images/icons/delete.png) no-repeat top left;
	width:20px;
	height:20px;
	float:right;
	color: Transparent;
	position: absolute;
	top:0;
	right:0;
	margin: 30px 50px 0 0;
}
.dialogPopup
{
	background: #fff;
	padding: 30px 50px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border: 2px solid #B7B7B7;
}
.dialogPopup legend label
{
	color:#E6007E;	
}
.dialogPopup .recipient
{
	border: 1px solid #999;
	background: #dedede;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	margin-right: 1px;
	padding: 3px 5px;
	color: #636363;
	font-size: 0.8em;
	white-space: nowrap;
	line-height: 2.2em;
}
.dialogPopup .textarea,
.dialogPopup .textbox
{
	font-size: 0.9em;
}

#template_AdminXForm .ewXform span.radiocheckbox
{
	line-height:3em !important;
}