			body{font-size:90%; background:url("/images/eventsportal/web_bg.gif") #333;}
			#page{margin-top:10px; background:#fff;}
			a,a:link,a:visited{text-decoration:none;color:#99c;font-weight:bold;}
			a:hover{text-decoration:underline;}
                        h2{font-variant:small-caps;}
                        
			
			/*********TOP HEADER************/
			#header{padding:10px 0px;}
			#header #headerRight{ text-align:right; margin-top:5px; font-size:90%;}					
			#header #headerRight img{margin-left:10px;vertical-align:text-bottom;}
			#header form#siteSearch label{display:none;}
			#header input#searchText{background:#f3f3f3; margin:5px 0px 5px 0px; width:270px; padding:3px; color:#333; border:1px solid #666; font-size:90%;}
			#header input#searchBut{padding:3px; color:#fff; background:#999; border:none; font-weight:bold;}    

/********LARGE PROMO IMAGE***********/
#large_promo{margin-bottom:10px;position:relative;}
#large_promo img{width:710px; height:250px;}
#large_promo span {position:absolute;right:0;bottom:0;color:#fff;font-size:120%;background:#444;padding:5px;}
#large_promo a, #large_promo a:visited{color:#fff;}

                       /**************COL LEFT***********************/		
                        #colLeft #qub_logo_colour{margin-bottom:5px;}

  /**************COL LEFT > QUICK LINKS***********************/			
#colLeft #quick_links_box{background:#f3f3f3; padding:5px; margin-bottom:5px;}
#colLeft #quick_links_box h3{color:#444;}
#quick_links_box ul#quick_links{padding:5px 5px 5px 20px; font-size:80%;}
#quick_links_box ul#quick_links li {margin-bottom:2px; list-style:url(/images/eventsportal/list_arrow.gif);}

			
			/***********STYLES FOR CATEGORES LEFT COL**************/
			#colLeft #categories ul{padding:0px 0px 10px 0px; list-style:none; margin-bottom:10px;}
			#colLeft #categories li{border-left:6px solid #000; padding:3px 3px 3px 10px; margin-bottom:1px;}
			
			
			


			/**************COL RIGHT***********************/			
			#colRight{color:#333;}
			#colRight h2{color:#99c; padding:5px; font-weight:bold;border-bottom:3px solid #99c;margin-bottom:10px;background:#EFEFFF;}


			/**************LARGE CATEGORY BUTTONS********/
			#colRight #large_cat_buttons ul{list-style:none; padding:0px;}
			#colRight #large_cat_buttons a{color:#fff;}
			#colRight #large_cat_buttons li{float:left; text-align:center; padding:10px; width:76px; margin:0px 5px 10px 0px; min-height:43px; font-size:85%;}
			
			
			/**************WHATS ON TODAY***********************/			
			#whatson_featured{width:425px; margin:0px 10px 5px 0px;}
			#whatson_featured h3{font-size:120%;}
			#whatson_featured img{margin-right:5px; float:left;}
			#whatson_featured p{font-size:90%; padding:5px;}
			#whatson_featured a.book_online_but{color:#fff; background:#AFBD39; padding:3px;}					
			ul#whats_on_today{color:#99c; line-height:160%;width:235px;float:right;}
			ul#whats_on_today li{list-style:none;padding-left:20px; background:url(/images/eventsportal/list_arrow.gif) no-repeat 5px 5px;}




			
			
			/**************COMING SOON***********************/	
                        .coming_soon{float:left;position:relative;margin-right:10px; margin-bottom:10px;}
                        .coming_soon span{position:absolute; bottom:0px; left:0px;color:#fff;margin:5px;background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.7); font-size:80%; padding:2px;}
                        .coming_soon img{float:left;}


			
			/**************QUB NEWS Feed***********************/
                        ul#qub_news_feed ul{padding:0px 0px 0px 20px;}
                        ul#qub_news_feed li{list-style:url(/images/eventsportal/list_arrow.gif);}

			
 /**************SEARCH RESULTS FORMATTING********/ 
#qub-impact-text {padding:10px;margin-bottom:10px;}
#qub-impact-text img {margin-left:10px;}
#qub-impact-text h2 {background:none; border:none; padding:0px;}
#qub-impact-text a{font-size:90%;}



                        /**************SEARCH RESULTS FORMATTING********/ 
                        div.search_result{padding:10px 0px; margin-bottom:10px; border-bottom:1px solid #ddd; width:500px; float:left; font-size:90%;}
                        div.search_result img{margin:0px 5px 5px 0px; float:left;}
                        div.search_result h3{font-size:140%; margin:5px 0px;}
                        div.search_result span.dates{color:#999; display:block; font-variant:small-caps;}
                       
                        a.details_link {padding:3px;float:left;background:#336;display:block;margin:3px 0px;color:#fff;border:1px outset #ccc;}
                        a.booking_link {color:#fff;background:#444;padding:3px;margin:3px;display:block;float:left;border:1px outset #ccc;}	
                    
                        h2#date_search{background:#EFEFFF;border-bottom:3px solid #99c;color:#99c;margin-top:10px;padding:5px;}


                        /************SUB CATEGORY FORMATTING****************/
			div#refineCategories{padding:10px;width:180px;margin-top:20px;background:#f3f3f3;border:1px solid #ccc;}
                        div#refineCategories ul {padding-left:15px;}
                        div#refineCategories li.indent{margin-left:10px;}


/***********DETAILED EVENT INFO PAGE***********/
div#event_details img{float:left; margin-right:10px;border:5px solid #99c;}
div#event_details #booking_info {background:#F3F3F3;border:1px solid #ccc; padding:5px; margin-bottom:5px;}
div#event_details #booking_info ul{list-style:none;}
div#event_details #large_book_but{padding:3px; margin:0px;}
div#event_details ul {padding:0px 0px 5px 20px;}
div#event_details li {margin-bottom:2px;}

			/**** FOOTER ****/			
			#footer{color:#fff; font-size:90%; padding:10px; text-align:center;}
			#footer img{ height: 43px !important; margin-top: 10px; width: 113px !important;}
			#footer a{color:#f3f3f3; font-weight:bold;}



                       /**********MISC**********/
                      
                     .tooltip{font-size:80%; vertical-align:top;}
                     .tip {background-color: #027AF4;padding: 5px;font-size:80%; color:#fff; width:200px;}
                     .tip-title {font-weight:bold;}
                     #colLeft ul#feature_buttons{list-style:none;}
                     #colLeft ul#feature_buttons li {margin-bottom:5px;}
                     #colLeft ul#feature_buttons a{color:#fff;padding:5px;border:1px outset #ccc; display:block;}
                     #colLeft ul#feature_buttons a#add_event{background:#666;}
                     #colLeft ul#feature_buttons a#search_archive{background:#679;}


		 /*********ADD EVENT FORM***********/	
		#event_sub_form fieldset{margin-bottom:30px; background:#f3f3f3;font-size:90%;}
		#event_sub_form legend{font-size:160%; background:#333; color:#eee; padding:3px;}
		#event_sub_form label{font-weight: bold; padding:5px 0px;display:inline-block;width:120px;float:left;}
		#event_sub_form input, textarea, select{margin:5px;}
                #event_sub_form textarea{width:500px;}
		#event_sub_form span.required{color:red;}
		#event_sub_form input#submit_event{font-size:200%; font-weight:bold; color:#333333; padding:10px; margin:0px;}
                #event_sub_form option.indent_level1{padding-left:10px;}
                #event_sub_form option.indent_level2{padding-left:20px;}

/***********STYLES FOR CALENDAR**************/
#cal_promo_cont{background:#444;height:250px;margin-bottom:10px;}
#cal_promo_cont #calendarContainer{padding:25px; width:180px; color:#fff; /*float:left;*/}
#cal_promo_cont #calendarContainer a{color:#fff;}
#cal_promo_cont #calendarContainer td{padding:1px;}
#cal_promo_cont #calendarContainer table{text-align:center;}

/* Main calendar */

.vlaCalendar, .vlaCalendar table {font-family: calibri, arial !important;color: black;font-size: 100%;}
.vlaCalendar {display: block;width: 164px;}
.vlaCalendar .container, .vlaCalendar .container div {width: 164px;height: 145px;text-align: left;position: absolute;overflow: hidden;}
.vlaCalendar span.indication {display: block;text-align: center; color:#fff;}
.vlaCalendar table {margin-top: 8px;	text-align: right;	border-collapse: collapse;}
.vlaCalendar .picker td {cursor: pointer;}

/* Label & arrows */

.vlaCalendar .label:hover {color: #0066cc;cursor: pointer;}
.vlaCalendar .noHover:hover {color: black;cursor: default;}
.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {/*background: transparent url('/menu_items/mootools/vlaCalendar/images/arrowleft.gif') no-repeat center;*/height: 12px;width: 10px;	cursor: pointer;}
.vlaCalendar .arrowLeft {float: left;}
.vlaCalendar .arrowRight {float: right;/*background-image: url('/menu_items/mootools/vlaCalendar/images/arrowright.gif');*/}

/* Month */

.vlaCalendar .month th {text-align: center;	font-weight: normal;	width: 24px;	padding-bottom: 1px;	border-bottom: 1px solid #f5f5f5; color:#ccc;}
.vlaCalendar .month td {padding-right: 3px;	height: 15px;}
.vlaCalendar .month tr.firstRow td {	padding-top: 2px;}
.vlaCalendar .month td:hover {color: #0066cc;}
.vlaCalendar .month td.selected {color: #0066cc;}
.vlaCalendar .month td.outsideDay {color: #a8a8a8;}
.vlaCalendar .month td.outsideDay:hover {color: #b1c5fc;}

/* Year & decade */

.vlaCalendar .year {margin-left: 2px;}
.vlaCalendar .year td {width: 40px;height: 35px;text-align: center;cursor: pointer; color:#ccc;}
.vlaCalendar .year td:hover {color: #fff;}
.vlaCalendar .year td.selected {center no-repeat;}
.vlaCalendar .year td.current {color: #fff;}
.vlaCalendar .year td.outsideYear {color: #a8a8a8;}
.vlaCalendar .year td.outsideYear:hover {color: #b1c5fc;}
