/* Left hand side style copied from accordion */
div#eventsCalendar 
{
	background-color: #479437;
	width: 200px ;
	margin: 0px 10px 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;
}


/* --- Calendar --- */
#calendar {
	text-align:center;
	background-color: #479437;
	width: 190px;
	font-size: 12px;
	font-weight: bold;
}
#calendar table {
	margin-left: 10px;
}
#calendar th {
	background-color: #479437;
	color: #FFF;
	font-size: 12px;
}
#calendar td {
	width: 22px;
	padding: 5px 0px 5px 1px;
	text-align: center;
	vertical-align: middle;
	background: #479437 url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/images/circle.gif) no-repeat center center;
}
table.calendar td input {
	font-size: 10px;
	color: #000;
	background-color: Transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: none;
}
#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: 10px;
}



.eventSearchForm
{
	padding: 5px 0px 0px 0px;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #C0C0C0;
	width: 100% ;
	
}

.eventSearchFormLeft {
    background: url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/images/common/search-bg-left.gif) no-repeat left top;
    width: 8px;
    /* float: left; */
    display: inline ;
    height: 19px;
}
.eventSearchFormRight {
    background: url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/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#eventsSearchTitle h4
{
	color: White;
	font-family: Arial;
	font-size: 12px;
	margin: 10px 0px 0px 10px;
}

/* EVENT LIST */
#rssEventList {
	color: #ffffff;
/*	height: 370px; */
	margin: 0 0 15px;
	width: 548px;
	background: transparent;
	float: left;
}

#rssEventListHeader
{
	background: url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/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;
}

#rssEventListHeaderText a
{
	text-decoration: none;
	float: left;
	padding-left: 10px;
	color: White;
}

#rssEventListHeaderText .rssicon
{
	vertical-align: middle;
	padding-bottom: 1px;
	padding: 0 8px 1px 0;
}

 


 
 

div#eventsSearch
{
	border-top-style: solid;
	border-top-color: #EFEFEF;
	border-top-width: 1px;
	margin: 3px 0 10px 0;
}

div#eventSearchForm
{
	width: 100%;
}

div#eventSearchForm div#searchBlockLeft 
{
	width: 8px;
	height:19px;
	background: transparent url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/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(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/images/search-bg-right.gif) no-repeat scroll left top;
}

form#frmSearchByKeyword 
{
}
/*xxx*/

div#searchByKeywordBlock {
    float: left;
    width: 168px;
    background: #479437;
    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: #479437;
	margin-left: 8px;
	border-color: black;
	border-width: 2px;
}

div#searchByKeywordButton 
{
	float: right;
	padding-right: 2px;
}

div#EventsViewRepeater 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#EventsViewRepeater 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 ;
	width: 100%;
}

div#EventsViewRepeater td
{
	height: 14px ;
	font-size: 12px ;
	padding: 0 0 0 0 ;
}

div#EventsViewRepeater td.EventsViewBlockFieldName
{
	/* width: 30px; */
	width: 15%;
}

div#EventsViewRepeater td.EventsViewBlockFieldName em
{
	font-weight: bold;
}

div#EventsViewRepeater td.EventsViewBlockFieldValue
{
	/*width: 190px; */
	width: 85% ;
}

div.rssEventListTitleBlock 
{
	height: 50px;
	background: #ffe4b6;
}

div.rssEventListTitleBlockDescription
{
	width: 100%;
}

div.rssEventListTitleBlockDescription h2
{
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	width: 80%;
}

div.rssEventListTitleBlockDescription a
{
	display: inline;
	float: right;
	text-align: right;
	margin-right: 10px;
}

div.rssEventListTitleBlockSubtitle 
{
	height: 20px;
}

div.rssEventListTitleBlockSubtitle h3
{
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

div.EventsBlockFooter 
{
	height: 18px;
	padding-bottom: 5px;
}

div.EventsBlockFooter  a
{
	display: inline;
	float: right;
	padding-right: 10px;
	font-style:normal;
	font-weight: bold;
}

a.disablePagingControl 
{
	
}

div.search-form
{
	display:none;
}

a.moreDetailsLink
{
	vertical-align: top;
	margin: 5px 5px 5px 5px;
	color: #479437 ;
	padding-bottom: 5px ;
}

td.EventTitle a
{
	color: #479437;
	font-weight: bold;
}

div.rssEventListTitleBlockDescription h2 
{
	color: #479437;
	font-size: 150%;
}

div.rssEventListTitleBlockSubtitle h3 
{
	color: #7C6874;
	margin-top: 5px;
}

div.rssEventListTitleBlockDescription a
{
	color: #7C6874;
	margin-top: 5px;	
}

.rssEventListTitleBlockPagingControls
{
	display: inline;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

div.rssEventListTitleBlockPagingControls a
{
	color: #7C6874;
	margin-top: 5px;
	font-weight: bold;
}

div.rssEventListTitleBlockPagingControls a.hidden-paging-link 
{
	display: none;
}

.eventCategoryAccordionItem  
{
	background: url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/images/common/community-icon.gif) no-repeat right top !important; 
	padding-right : 5px;
}

.leftcolumn 
{
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	width: 200px;
}

.middlecolumn 
{
	display: inline;
	margin: 0 10px 0 0;
	float: left;
	width: 548px;
}

div#eventsCalendarHeader
{
	height: 27px ;
	background-image: url(http://www.nottinghamcity.gov.uk/nottingham/template/whatsondetails/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;
}