﻿.fullwidthblock
{
	float: left;
	width: 951px;
	background-color: #fff;
	margin-top: 0;
	padding: 5px 0 15px 15px;
}
.black { 
	background-color: #323c34;
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}

.greentext, .greentext a {
	color: #b0c625;
}

.toparea {
	padding: 14px 0 25px 0;
}

/* Top right hand side ads */

/* edited by dave as right hand column not long enough 
Changed height: 405px; to height: 100%;

*/
.toprhs 
{
	float: left;
	height: 100%;
	width: 195px;
	margin-left: 10px;
	
	

}

/* Left hand side accordion */
div.accordion 
{
	width: 200px;
	margin: 0px 0px 10px 0px;
	float: left;
	height: 560px;
}

#page_PageContentHolder_template_Accordion .x-panel-body-noheader {
	height: 580px;
}
.accordion .x-panel-body .x-panel-body, .accordion .tabbody {
	border: solid 1px #dddddd;
	background-color: #fff;
}
.accordion .x-panel-header, .accordion .tabtitle {
	background-image: url('../images/feature-header-full.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.accordion .first .x-panel-header, .accordion .first .tabtitle {
	background-image: url('../images/feature-header-full-first.gif');
}
.accordion .x-panel-header .x-tool {
	float: right;
}
.accordion .x-panel-header .x-panel-header-text, .accordion .tabtitle {
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 27px;
	color: White;
}
.x-panel-header-text, .accordion .tabtitle, .accordion .first .tabtitle {
	margin-left: 0;
	text-indent: 10px;
}
.accordion .x-panel-body ul, .accordion .tabbody ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.accordion .x-panel-body li, .accordion .tabbody li {
	margin: 5px 0px;
	padding: 0;
	line-height: 16px;
}
.accordion .x-panel-body a, .accordion .tabbody a {
	color: black;
	display: block;
	padding-right: 20px;
	width: 163px;
}

/* Left hand side style copied from accordion */
div#eventsCalendar {
	background-color: #D51A22;
	float: left ;
	width: 200px ;
	margin:  0px 0px 10px 0px ;
	height: 370px;
}
div#eventsCalendarHeader {
	height: 27px ;
	background-image: url('../images/feature-header-full-first.gif') ;
	background-repeat: no-repeat ;
	background-position: top left ;
}
div#eventsCalendarHeader span {
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 27px;
	color: White;
}
div#eventsCalendar label {
	margin-left: 10px;
	font-size: 1em;
	color: White;
}
#mth {
	margin: 0px 5px 10px 0px;
}
#year {
	margin: 0px 5px 10px 0px;
}
div#eventsSearchTitle h4 {
	color: White;
	font-family: Arial;
	font-size: 12px;
	margin: 10px 0px 0px 10px;
}

.footer 
{
	clear: left ;
}

div#mainEventsCalendar select#day 
{
	display: none;
}

.eventSearchForm
{
	padding: 5px 0px 0px 0px;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #C0C0C0;
	width: 100% ;
}

.eventSearchFormLeft {
    background: url(../../../images/common/search-bg-left.gif) no-repeat left top;
    width: 8px;
    /* float: left; */
    display: inline ;
    height: 19px;
}
.eventSearchFormRight {
    background: url(../../../images/common/search-bg-right.gif) no-repeat right top;
    width: 8px;
    /* float: left; */
    display: inline ;
    height: 19px;
}
.eventSearchFormIcon {
    display: inline ;
    font-size: 1px;
    line-height: 0;
}

div.logo 
{
	height: 82px;
}

div.logo a img 
{
	margin-top: 20px;
}

#page-header {background: #575759 url(http://www.nottinghamcity.gov.uk/nottingham/template/gosswhatson/images/body-bg-green.jpg) repeat-x left top;}

/* --- Calendar --- */
#calendar {
	text-align:center;
	background-color: #D51A22;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	height: 260px;
}
#calendar table {
	margin-left: 0px;
}
#calendar th {
	color: #FFF;
	font-size: 12px;
	background-color: #D51A22;
	text-align: center;
}
#calendar td {
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	background-color: #D51A22;
}
#calendar td input {
	font-size: 10px;
	color: #000;
	cursor: pointer;
	padding: 0;
	margin: 0; 
	border: none;
	width: 22px;
	height: 22px;
	background: url(../images/circle.gif) no-repeat center center;
}
#calendar div {
	padding: 0 10px 8px 10px;
}
#calendar form div {
	text-align: left;
}
#mth {
	width: 110px;
}
#year {
	margin-left: 4px;
}
#calendar .category {
	width: 100%;
}
#calendar .go {
	background-color: Transparent;
	border: solid 1px #fff;
	padding: 2px;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
}
/* --- */

#top-nav ul li a:hover, #top-nav ul li:hover 
{
	background-image: url(../images/common/whatson-topnavrolloverbg.gif);
	color: #ffe4b6;
}

#top-nav ul li ul a:hover 
{
	color: #ffe4b6;
}

div#eventsSearch
{
	border-top-style: solid;
	border-top-color: #EFEFEF;
	border-top-width: 1px;
	margin-top: 0px;	
}

div#eventSearchForm
{
	width: 100%;
}

div#eventSearchForm div#searchBlockLeft 
{
	width: 8px;
	height:19px;
	background: transparent url(../images/search-bg-left.gif) no-repeat scroll left top;
	float: left;
}

div#eventSearchForm div#searchBlockField
{
	float:left;
}

div#eventSearchForm div#searchBlockRight
{
	display: inline;
	width: 8px;
	height:19px;
	float: left;
	background: transparent url(../images/search-bg-right.gif) no-repeat scroll left top;
}

div#searchByKeywordBlock {
    float: left;
    width: 168px;
    background: #D51A22;
    height: 19px;
    margin-left: 8px;
}
div#searchByKeywordBlock input 
{
    background: #fff;
    border: 0;
    width: 144px;
    height: 17px;
    float: left;
    font-size: 1.08em;
    line-height: 1.08em;
}

div#eventsSearchTitle
{
	height: 30px;
	width: 190px;
	background-color: #D51A22;
	margin-left: 8px;
	border-color: black;
	border-width: 2px;
}

div#searchByKeywordButton 
{
	float: right;
	padding-right: 2px;
}

div#EventDetailsView div.EventsViewBlock
{
	background-position: #FFFFFF;
	background: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: transparent;
	top: auto;
	color: Black;
}

div.EventsViewBlock em
{
	font-weight: bold;
	font-style: normal;
}

div#EventDetailsView div.EventsViewBlock table tr
{
	background-color: #FFF;
}

div#EventsViewRepeater table
{
	padding-top: 5px;
	border-top-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
	font-family:  Sans-Serif, Verdana, Arial ;
}

div#EventsViewRepeater td
{
	height: 14px ;
	font-size: 12px ;
	padding: 0 0 0 0 ;
}

div#EventsViewRepeater td.EventsViewBlockFieldName
{
	width: 25%;
}

div#EventsViewRepeater td.EventsViewBlockFieldName em
{
	font-weight: bold;
}

div#EventsViewRepeater td.EventsViewBlockFieldValue
{
	width: 75% ;
}


div#EventDetailsView 
{
	display: inline;
	color: #000;
	width: 548px;
	background-color: #ffe4b6 ;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#EventHeaderBlock {
	background:  #575759 url(../images/homenewsheader.gif) no-repeat top left;
	height: 27px;
	width: 548px;
	font-family: Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	padding-top: 3px;
}
div#EventHeaderBlock p {
	margin: 0 0 0 0;
	display: inline;
	float: left;
	padding-left: 10px;
	color: White;
}
div#EventTitleBlock {
	background-color: #575759;
	margin: 0 0 0 0;
	min-height: 50px;
}
	
div#EventTitleBlock p 
{
	display: inline;
	float:left;
	color: #fff;
	margin:  0 0 5px 10px;
	background-color: #575759;
	font-weight: bold;
}
div#EventTitleBlock h2 
{
	clear: left;
	margin: 0px 0px 0px 10px;
	color: #fff;
	background-color: #575759;
}

div#EventTitleBlock a {
	float: right;
	color: White;
	margin-right: 10px;
}

div#EventDescriptionBlock {
	border-style: solid;
	border-width: 2px;
}
div#EventDescriptionBlock table tr {
	background-color: #ffe4b6;
}
div#EventDescriptionBlock td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table td {
	font-size: 12px;
}

div#EventDetailsBlock table {
	background-color: #fff;
	empty-cells: show;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 12px;
	width: 100%
}
div#EventDetailsBlock tr {
	background-color: #fff;
	margin: 0px 0px 10px 0px ;
}
div#EventDetailsBlock tr.DetailsRow {
	background-color: #ffe4b6;
}
div#EventDetailsBlock td.NameColumn {
	vertical-align: top;
	margin: 5px 0px 10px 0px ;
	width: 15% ;
}
a.eventLocationUrl {
	color: #e47a11;
}
div#EventGraphicBlock {
	height: 250px;
}

div#EventGraphicBlock img{
	display: block;
}

div.search-form {
	display:none;
}
.eventCategoryAccordionItem {
	background: url(../../../images/common/whats-icon.gif) no-repeat right top !important; 
	padding-right : 5px;
}
div#LeftColumn {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0 10px 0 0;
}


#top-nav ul li .menuheading
{
	display: block;
	padding: 7px 16px 8px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	cursor: default;
}
