/* current contensis stylesheet with header slide show June 2010 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; 
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	background: #f0f0f0;
	color: #000; 	
}

h1 {
	font-size: 1.4em;
	margin: 0;
	padding: 1px 0 3px 7px;
	font-family: Helvetica, sans-serif;
}

.hidden  {
	display:none;
	margin-top: 0;
	padding: 0;
	font-size: 0.1em;
	height: 0;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	color: #000;
}

h3 {
	font-size: 1.2em;
	font-family: Helvetica, sans-serif;
	color: #000;
}

h4 {
	font-size: 1.15em;
	font-family: Helvetica, sans-serif;
	color: #000;
}

h5 {
	font-size: 1.1em;
	font-family: Helvetica, sans-serif;
	color: #000;
}

h6 {
	font-size: 1em;
	font-family: Helvetica, sans-serif;
	color: #000;
}

p {
	color: #000;
	padding: 3px 3px 3px 3px; 
	margin: 0 0 0 0;
}

.bold {
	font-weight: bold;
}


/* page wrapper centres page */

.sys_wrapper {
	margin: 0 auto;
	width: 980px;
	background-color: #fff;
	margin-top:0px;
	padding: 10px;
	overflow: hidden;
}

/* container for council logo, navigation and search */

#header {
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 0;
	margin: 1px 0 0 0;
	width: 980px;
	font-size: 90%;
}

#header h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}

#header_imagecontainer {
	width: 980px;
	padding: 5px 0 0 0; 
	margin: 0 0 0 0;
	background-color: #223256;
	overflow: hidden;
}

#HPPictureBackground {
	width : 980px;
	height: 90px;
}

#HPPictureBackground img {
	border: none; 
	width: 980px;
	height: 90px;
}

.services {
	width: 450px;
}

#header_nav {
	overflow: hidden;
	margin: 0px 0 0px 0px;
	width: 980px;
	padding: 0 0 0 0;	
}

/* main navigation dropdown */

#mainnav {
	float: left;
	margin: 0 0 0 0; 
	padding: 0px 0 2px 0px;
	width: 340px;
}

#mainnav ul  {
	list-style-type: none;	
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

#myDDL_site_navdropdown_ss {
	height: 20px;
}

#F1_search_dropdown {
	height: 20px;
}

#F1_search_textbox {
	height: 14px;
	margin-bottom: -2px;
}

label {
	color: #fff;
}

form input, form select {
	vertical-align: middle;
}

/* search box */

#search_container {
	float: right;
	margin: 0 20px 5px 0px;
	padding: 0px 0 0px 0px;
	overflow: hidden;
	width: 530px;	
}

#search_container form {
	border: 0;
	padding: 0 0 0 0;	
}

#search_container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#searchdropdown {
	height: 20px;
}

.sys_go_button {
	background:url('http://www.north-ayrshire.gov.uk/SiteElements/images/go_blue.gif'); 
	background-repeat: no-repeat; 
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	width: 25px;
	height: 20px;
	margin: 0 0 0 5px;	
	padding: 0 0 2px 0;
	vertical-align: middle; 	
}

#F1_Panel_1 {
	float: right;
	width: 520px; 
	text-align: right;
}

.sys_google_button {
	background:url('http://www.north-ayrshire.gov.uk/SiteElements/images/blue_search.gif'); 
	background-repeat: no-repeat; 
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	width: 63px;
	height: 20px;
	margin: 0px 0 0px 2px;
	padding: 0px 0 2px 0;
}

/* Content divs */

#content_container {
	width: 980px;
	overflow: hidden;
	padding: 0 0 0 0;
	margin-top: 1px;	
}

#breadcrumbs {
	font-size: 95%;
	margin: 0 0px 15px 0;
	padding: 5px 0 5px 5px; 
	font-weight: bold;
	border: 1px solid #FF3300;
	background: #f9eaca;
}

#topcontainer {
	float: left;
	width: 725px;
}

/* Homepage banner box */

.sys_spotlight {
	float: right;
	width: 350px;
	margin: 10px 5px 0 0;
}

.sys_bannerthumb {
	float: left;
	width: 90px;
	height: 90px;
	margin: 10px 0 0 10px;
}

/* two col homepage layout */

#column_container {
	overflow: hidden; 
	margin: 0px 0 0 0;
	padding-top: 5px;
	clear: both;
}

#left_col {
	float: left; 
	width: 483px;
}

#right_col {
	float: right;
	width: 480px;
	margin: 0 0 5px 0;
}

/* mid container with added padding for non-ssl pages */


#midcontainer_nssl {
	padding: 5px 0px 0 0px;
	clear: both;
}

#midcontainer_nssl label {
	color: #293f77;
}


#midcontainer_nssl td {
	padding: 5px;
}

/* midcontainer for floated elements */

#midcontainer, #bottomcontainer {
	overflow: hidden;
	clear: both;	
}

#midcontainer {
	margin: 0px 0 0px 0;
}

/* Styles for mid-page divs */

#lhs_home_top {
	width: 480px;
	vertical-align:top;
	margin: 7px 0 10px 0px;
	padding: 0 0 0 0;
}

#lhs_home_top h2 {
	background: #f8b82d;
	width: 466px;
	padding: 3px 0 3px 14px;
	margin: 0 0 0 0px;
	font-family: Helvetica, sans-serif;
	font-size: 1.3em;
	
}

#lhs_home_btm {
	width: 479px;
	border: 1px solid #cdcdcd;
	background: #f0f0f0;
	margin-bottom: 10px; 
}

#lhs_home_tcontent {
	padding: 5px 0px 5px 5px;
	margin: 0px 0 0px 0px;	
	border-right: 1px solid #f8b82d;
	border-left: 1px solid #f8b82d;
	border-bottom: 1px solid #f8b82d;
	width: 473px;
}

#lhs_home_bcontent {
	margin: 1px 0 7px 0px;
	padding: 0px 0 7px 7px;
	width: 469px;
	overflow: hidden;
}

#lhs_home_bcontent img {
	float: left;
	margin: 10px 0 0 0;
}

#lhs_home_bcontent label {
	margin-bottom: 3px;
}

#lhs_home_tcontent {
	overflow: hidden;
}

#mid_left h1 {
	padding: 0 0 2px 0;
	margin: 0 0 0 0;
}

.sys_midlef_table {
	border: 1px solid #cecece;
}

/* homepage mid right div for news box */

#mid_right_home {
	float: right; 
	width: 475px;
	padding-left: 1px;
	background: #fff;
}

#mid_right_content {
	overflow: hidden;
	margin: 0px 0 10px 0px;
	padding: 5px 0 5px 0px;
	width: 473px;
}

#mid_right_content p {
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}

#mid_right_content .sys_rss {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
} 

#mid_right_content h6 {
	margin: 0 0 7px 0;
	padding-top: 5px;
	font-size: 1.1em;
}
 
#mid_right_home h2 {
	margin: 7px 0 0 0px;
	padding: 0 0 0 0px;
	font-size: 1.3em;
	font-family: Helvetica, sans-serif; 
}

#news_contact {
	border-top: 1px dashed #cecece; 
	padding-top: 10px; 
	margin-top: 10px; clear: both;
}


/* large content div to contain content on all pages except the homepage */

#mid_left {
	float: left; 
	width: 725px; 
	overflow: hidden; 
	padding: 8px 0 0 0px;
}

#mid_left h2 {
	margin: 0 0px 10px 2px;
}

#mid_left img {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	float: right;
}

mid_left p {
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
}

/* column containing Second level SNL Nav and optional contact details mini-template on services pages */

#mid_right_col {
	float: right;
	width: 247px;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;		
}

/* divs containing category links and contact details on all pages [except the homepage] */

#mid_right, #contact_container {
	width: 236px;
	margin-top: 7px;
	margin-left: 9px;
	border-right: 1px solid #6aaad8;
	border-left: 1px solid #6aaad8;
	border-bottom: 1px solid #6aaad8;
}

#contact_content {
	margin: 0 0 0 0;	
	width: 226px;
}

/* category link list styles */

#mid_right ul, #mid_right ul li {
	list-style: none;	
}

#related_menu, #contact_content  {
	width: 237px;
}

#contact_content p {
	width: 90%;
}

#mid_right ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#mid_right ul li {
	padding: 3px 0 3px 5px;
	margin: 0 0 0 0;	
}

#mid_right h2, .mid_right_bottom h2 {
	padding: 3px 0 3px 14px;
	margin: 0 0 0 0px;
	font-size: 1.3em;
	background: #6aaad8;
	font-family: Helvetica, sans-serif;
	width: 225px;
}

/* end of styles for mid-page divs */

/* styles for bottom page divs */

#bottomcontainer {
	width: 720px; 
	overflow: hidden; 
	padding: 8px 0 0 6px;	
}

/* container for useful links box */

#bl_left {
	width: 481px;
	margin: 0 0 10px 0px;
}

#bl_left h2 {
	padding: 3px 0 3px 4px;
	margin: 5px 0 0 0;
	font-size: 1.3em;
	background: #6aaad8;
	font-family: Helvetica, sans-serif;
	color: #000;
}

#bl_left_content	{
	padding:3px 0 3px 0px;
	margin:0 0 0 0;	
	width: 479px;
	overflow: hidden;
	border-right: 1px solid #6aaad8;
	border-left: 1px solid #6aaad8;
	border-bottom: 1px solid #6aaad8;	
}

#useful_left {
	float: left;
	width: 45%; 
	padding-left: 5px;
}

#useful_right {
	float: right; 
	width: 45%; 
	padding-left: 5px;
}

#useful_left ul, #useful_right ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#useful_left ul li, #useful_right ul li {
	padding: 2px;
}

#bl_left img {
	padding: 0 0 0 0;
	margin: 10px 0 40px 50px;
	border: none;
}

/* containers for whats new box and about us on homepage */

.sys_bl_right {
	width: 479px;
	margin-left: 0px;
	margin-bottom: 10px;		
}

.sys_bl_right_content	{
	padding: 0px;	
	border-right: 1px solid #6aaad8;
	border-left: 1px solid #6aaad8;
	border-bottom: 1px solid #6aaad8;
	width: 479px;
}

.sys_bl_right_content p, sys_br_right_content_wide p {
	padding: 5px;
	margin-left: 3px;
}

.sys_bl_right_content table {
	margin-left: 10px;
}

.sys_bl_right h2 {
	font-size: 1.3em;
	background: #6aaad8;
	font-family: Helvetica, sans-serif;
	color: #000;
	width: 467px;
}

/* bottom right container */

#bottom_right {
	float: right; 
	width: 480px; 
	height: 100%; 
	overflow: hidden;
	clear: both;	
}

/* container for Events box on homepage */

#br_right {
	float: right;
	margin: 0px 0px 7px 0px; 
	width:244px;
}

#br_right_content {
	width: 232px;
	padding: 0px;
	margin: -3px 0 0 5px;	
	border-right: 1px solid #6aaad8;
	border-left: 1px solid #6aaad8;
	border-bottom: 1px solid #6aaad8;	
}

#br_right_content p {
	padding: 5px;
}


#br_right_content ul {
	list-style: none;
	margin: -20px 0 0 0;
	padding: 5px;
}


#br_right_content ul li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


#lhs_home_btm h2 {
	padding: 3px 0 3px 14px; 
	margin: 5px 0 0 0;
	font-size: 1.3em;
	font-family: Helvetica, sans-serif;
}


.sys_bl_right h2, #bl_left h2 {
	padding: 3px 0 3px 14px;
	margin: 0 0 0 0;
	
}

/* end of styles for bottom page divs */

/* Styles for footer and SN Bookmarks list */

/* book marks are placed in divs so they will render correctly when text size is increased in IE7 */

#sn {
	width: 100%;
	background: #223256;
	padding: 0;
	height: 25px;
	margin: 0;
	overflow: hidden;
}

#sn .bm {
	margin: 5px 10px 0 0;
	width: 10%;
	float: left;
}

#sn .bm_text {
	margin: 7px 0 0 10px;
	float: left;
	font-size: 95%;
}

#sn a {
	color: #fff;
}

#sn img {
	border: none;
	margin: 0 5px 0 0;
}

html .fb_share_link { 
	padding:0px 0 0 0px;
}

#sn h3 {
	padding: 4px 0 0 0; 
	margin: 0 0 0 0; 
	font-size: 99%;
	width: 22%;
	float: left;
	color: #fff;
	text-align: right;
}

#footer {
	width: 980px;
	text-align: center;
	overflow: hidden;
}

#footer_text {
	overflow: hidden; 
	height: 75px;
}

#footer_text_container {
	float: left;  
	width: 700px;
	margin: 10px 0 0 0;
}

#footer_text_container ul {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}


#footer_text_container ul li {
	list-style-type: none;
	display: inline;
	margin: 0 3em 0 0;
}

#ft_img1 {
	float: left;  
	width: 100px; 
	margin: 5px 0 0 0;
}

#ft_img2 {
	float: right; 
	width: 150px; 
	margin: 8px 0 0 0;	
}

#ft_img2 img {
	width: 120px;
}

#ft_img2 img, #ft_img1 img {
	border: none;
}

#footer_text p {	
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	color: #0e2339;
	font-size: 1.1em;
}

/* end of footer styles */

.old {
	visibility: hidden;
	height: 0;
	width: 0;
}

/* social bookmarking page styles */

.sb {
	border: 1px dotted #2a3f55; 
	padding: 5px; 
	margin: 3px 3px 8px 3px; 
	width: 400px; 
	background: #d4e3ea;
}

.sb h3 { 
	margin-bottom: 5px;
	font-size: 99%;
}

/* styles for Flickr badge and icons*/


#flickr_container {
	margin: 4px 0 0 0px; 
	width: 479px; 
	overflow: hidden;
	padding: 0px 0 10px 0;
	clear: both;
}

#flickr_container h2 {
	margin: 2px 0 4px 8px;
	padding: 0 0 0 0;
	font-size: 1.2em;
}

#flickr_container ul {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	display: inline;
}

#flickr_container ul li  {
	display: inline;
	padding: 0 0 2px 7px;
	margin: 0 0 0px 0;
}

#flickr_container p  {
	padding: 0 0 5px 7px;
	margin: 0 0 10px 0;
}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important; margin-right: 14px;}
#flickr_www {font: 13px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* Styles for SiteMap page and associated SiteMapXML web controls */

.sm_container {
	overflow: hidden;
	width: 980px;
}

.sm_leftcol {
	float: left; 
	width: 470px; 
	margin: 0;
	padding: 0 0 0 0;
}

.sm_rightcol {
	float: right;
	width: 470px; 
	margin: 0px;
	padding: 0 0 0 0;
}

.sm_entry { 
	margin: 0 0 10px 0;
}

.sm_entry ul {
	margin: 0 0 0 0;
	list-style-type: none;
}

.sm_entry ul li {
	margin: 0 0 5px 3px;
}

.sm_entry h2 {
	padding: 5px 0 0px 6px; 
	margin: 5px 5px 0 0;
	color: #000;
	font-size: 1.2em;
	background: #cccddd; 
	width: 464px; 
	height: 25px;
}

.sm_entry_text {
	border-right: 1px solid #cccddd; 
	border-left: 1px solid #cccddd; 
	border-bottom: 1px solid #cccddd;
	padding: 3px; 
}

/* Styles for Google search help page */

.google_help, .google_help td, .google_help tr {
	border: 1px solid #8098a6;
	border-collapse: collapse;
}

.google_help td {
	padding: 4px;
}

.google_help th {
	background: #3366cc;
	color: #fff;
	border-left: 1px solid #8098a6;
}

.google_help caption {
	font-weight: bold;
	padding: 0 0 5px 0;
	font-size: 110%;
}

#help_container {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
}

/* Image mini-templates */

.sys_thumb_left {
	float: left;
	height: 60px;
	width: 60px;
	margin: 5px 10px 5px 0;
}

.sys_thumb_right {
	float: right;
	height: 60px;
	width: 60px;
	margin: 5px 0px 5px 10px;
}

.sys_mid_left {
	float: left;
	margin: 5px 5px 5px 0;
	border: 1px solid #000;
	width: 110px;
	height: 100px;
}

.sys_mid_right {
	float: right;
	margin: 5px 0em 5px 5px;
	border: 1px solid #000;
	width: 110px;
	height: 100px;
}

.sys_lg_left {
	float: left;
	height: 200px;
	width: 300px;
	margin: 5px 10px 5px 0;
}

.sys_lg_right {
	float: right;
	height: 200px;
	width: 300px;

	margin: 5px 0px 5px 10px;
}

/* end of image mini-templates */

/* News styles */

.sys_helper {
	border: 1px dashed #00f;
	padding: 10px;
	margin: 0 0 10px 0;
}

.sys_teaser {clear:both; margin:10px 0 0 0;}
.sys_teaserImage {
	float:left;
	margin-bottom:10px; 
	margin-right:10px;
	margin-left: 10px;
}

.sys_teaserImage IMG {
	border: 1px #000 solid;
	margin: 0;
	padding: 0; 
}

html>body .sys_teaserImage img {
	border: 1px solid #000;
}

.sys_teasertext {
	float:right; 
	text-align: left;
}

.sys_teaser H3 {
	margin-top:0;
}

.sys_listingteasertext {
	float: left;
	width: 630px;  /* width required for Firefox */
}


html .sys_listingteasertext {
	width: auto;  
}


#editor .sys_listingteasertext {
	width:200px;
}

.sys_listingteasertext H3 {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

.sys_newsdate {
	font-style:italic; margin-top:-5px;
}

.sys_helpertab {
	padding-bottom:15px; clear:both; background:#fff;
}

.sys_helper H2 {
	background:#d9d9d9; padding: 4px
}

.sys_helper IMG {
	border-top:0; border-bottom:0;
}

.sys_helper .sys_teaserImage {
	border-color:#145a83;
}

.sys_helper .sys_teasertext {
	width:200px; 
	border:2px solid #145a83; 
	padding:10px 10px 10px 35px; 
	font-size: 100%;
}

.sys_helper .sys_pageoption {
	background:#fff url("http://www.north-ayrshire.gov.uk/SiteElements/News/Images/demo-Helper-LArrow.gif") 10px 10px no-repeat;
	}

.sys_helper .sys_metaoption {
	background:#fff url("http://www.north-ayrshire.gov.uk/SiteElements/News/Images/demo-Helper-UArrow.gif") 10px 10px no-repeat;
}

#editor .sys_teaserImage {
	background:#dbdbdb url("http://www.north-ayrshire.gov.uk/SiteElements/News/Images/editorInsertImage.gif") 8px 8px; background-repeat:no-repeat;
}

.sys_newsarticledate {
	font-size: 100%;
	font-weight: bold;
	margin: 4px 0 10px 0;
}

.sys_datawrapper {
	margin: 0 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 630px;
}

html .sys_datawrapper {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 630px;
}

.sys_datawrapper H2 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.sys_hr {
	clear:both;
	border-bottom: 1px solid #e7e6e6;
	height: 1px;
}

.sys_hr hr {display:none;}

/* search archive form styles */

.sys_searchnewsarchivewrapper {
	width: 205px;
}

.sys_searchnewsarchivewrapper LABEL {
	display: block;
}

#searchgallerybox{
	width:183px;
	margin:30px 0 8px 90px;
	padding-bottom:8px;
	background-color:#d1d1d1;
}

#searchgallerybox P {
	padding: 4px 0 4px 4px;
} 

#searchgallerybox h3{
	background:#6aaad8 url("http://www.north-ayrshire.gov.uk/SiteElements/News/Images/promotitlebar.gif") left bottom repeat-y;
	color:#000;
	font-size:.75em;
	margin:0 0 8px 0;
	border-bottom:1px solid #fff;
 	padding:4px 0 5px 10px; 
	font-weight: bold;
}

#searchgallerybox label{
	color:#000;
	font-size:.7em;
	font-weight:bold;
	margin-left:8px;
	display:block;
	margin-bottom:3px;
} 

#searchgallerybox input#searchimggallery{
	color:#000;
	font-size:.7em;
	border:1px solid #999;
	padding:2px;
	margin:2px 4px 0 8px;
	width:130px;
}

#searchgallerybox input.searchnewskeyword{
	color:#000;
	font-size:.7em;
	border:1px solid #999;
	padding:2px;
	margin:2px 4px 5px 8px;
	width:155px;
} 

#searchgallerybox select{
	color:#000;
	border:1px solid #999;
	padding:1px;
	width:160px;
	font-size:.7em;
	margin:0 0 5px 8px;
}

.sys_newsarchivetempsubmitalign{
	padding:10px 0 0 0;
	margin:5px auto !important;
	border-top:1px solid #fff;
	min-height: 20px;
}

.sys_newsarchivetempsubmitalign INPUT{
	border: 1px solid #72a2ae;
	background: #6aaad8;
	color: #000;
	font-weight: bold;
	width:160px;
	margin:0 0 5px 8px;
}

.sys_mainimage{
	background-color:#CC0000;
	padding-left:3px;
	border:0;
}

.sys_archivenews .sys_mainimage{
	float:left;
	width:auto;
	margin:0 5px 0 0;
}

.sys_archivenews {
	margin:0;
	padding:0;
	font-size:1.1em;
	font-weight:normal;
	color:#000;
	margin: 0;
}

.sys_archivenews P {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.sys_archivenews a {
	text-decoration:none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.sys_archivenews a:visited{
	text-decoration:none;
}

.sys_archivenews a:hover{
	text-decoration:underline;
}

.sys_clear{
	clear: both; 
	height: 0;
	font-size: 0;
	line-height: 0; 
	overflow: hidden;
}

.sys_newsarchivedaytitle{

	font-size:.7em;
	font-weight:bold;
	color:#cc0000;
	padding:12px 0 12px 0;
}

.sys_newsdatecategory {
	clear: both;
	border-bottom: 1px solid #1d8b6d;
	margin: 0 0 8px 0;
	padding: 6px 0 2px 4px;
	font-size: 100%;
	font-weight: bold;
	color: #133a65;
	background: #d6d7df;
}

.sys_newspagingbar {
	margin: 0;
	padding: 0;
	color: #c0c0c0;
	font-size: 90%;
}

.sys_newspagingbar a {
	padding: 2px;
	color: #000;
}

.floatRight {
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}

.floatLeft {
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}

.sys_clearboth {
	clear: both;
	height: 0 !important;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0 !important;
}

.sys_newscentrecolumn {
	padding-right: 10px;
	font-size: 100%;
	width: 620px;
}

html .sys_newscentrecolumn {
	float: left;
}

.sys_newsrightcolumn {
	float: right;
	width: 310px;
	font-size: 100%;
	margin: 0 0px 10px 10px;
	font-size: 120%;
}

.sys_homepagenewswrapper {
	margin: 15px 0 0 0; 
	padding: 2px 0 2px 0;
	clear: both;
	overflow: hidden;
}

.sys_homepagenewsthumb {
	float: left; 
	margin-right: 10px; 
	margin-bottom: 7px;
	margin-left: 0px;
}

.sys_homepagenewsthumb img {
	margin-bottom: 2px;
	border: 1px solid #000;
}

.sys_homepagenewssummary {
	float: left;
	margin-bottom: 0px; 
	width: 380px;
}

.sys_homepagenewssummary p {
	padding: 0;
	margin: 0;
	font-size: 90%;
}

.sys_spotlight a {
	font-size: 110%;
	font-weight: bold;
	color: #0066cc;
}

.sys_homepagenewssummary a {
	font-size: 120%;
	font-weight: bold;
	color: #0066cc;
}


/* end of News styles */

/* styles for council buildings unordered lists */ 

.sys_cb {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

.sys_link { 
	width: 100%;
	list-style: none; 
	font-weight: bold;
}

.sys_address {
	margin-left: 30px;
	list-style: none; 
}

.sys_phone {
	margin:0 0 0px 30px;
	padding: 0 0 10px 0;
	list-style: none; 
	border-bottom: 1px dotted #cecece;	
}

/* styles for contact us */

.sys_contact_container {
	border: 1px solid #1d8b6d; 
	margin: 10px 0 10px 7px; 
	width: 960px;
	height: 100%;
	overflow: hidden;
}

.sys_contact_container h3 {
	background: #1d8b6d;
	padding: 3px 3px 3px 5px;
	margin: 0 0 0 0;
	color: #fff;
	clear: both;
		
}

.sys_contact_container p {
	padding: 5px;
}


.sys_contact_container ul {
	margin: 0 0 0px 20px;
	padding: 0 0 5px 0;
	list-style-image: url('http://www.north-ayrshire.gov.uk/SiteElements/images/top_box_bullet.gif');  
}

/* sub container for floated divs for pay for it, book it etc. on contact page */

.sys_cc_subcontainer {
	overflow: hidden;
	margin: 5px 0 5px 0;
	clear: both;
	border-bottom: 1px dotted #1d8b6d;
}

.sys_cc_left {
	float: left; 
	width: 10%; 
	text-align: right;
	padding: 5px 0 5px 0;
}


.sys_cc_right {
	float: right; width: 89%; 
	padding: 5px 0 5px 0;
}

.sys_cc_right h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* end of contact us styles */


/* postcode search */

.sys_postcode-search-redirect {	
	margin: -12px 0 0 0;
	padding: 0px 0 0 7px;
	width: 75%;
	float: left;
}

.sys_postcode-search-redirect p {
	font-weight: bold
}

.sys_postcode-search-redirect label {
	color: #000;
	padding: 0px 20px 0 0;
}

#PostcodeSearchRedirect_PostcodeTextBox {
	width: 160px;
	height: 15px;
	margin-top: 10px;
}




#PostcodeSearchRedirect_SubmitPostcodeSearch, #F2_FeedbackSubmit_Finish {
	background:url('http://www.north-ayrshire.gov.uk/SiteElements/images/yellow_bg_rd.gif'); 
	background-repeat: no-repeat; 
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 63px;
	height: 20px;
	margin: 3px 0 0 5px;	
	padding: 0 0 2px 0;
	vertical-align: bottom;
}

.sys_map {
	float: left;
	margin: 5px 10px 0px 0px;
}


/* end of postcode search */

/* A to Z */

.sys_az {
	padding: 10px 0 10px 0;
	margin: 0;
}


.sys_az ul {
	list-style-type: none;	
	padding: 0 0 0 0;
	margin: 30px 0 15px 0px;
}

.sys_az ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
}

.sys_az span a:link, .sys_az span a:visited, .sys_az span a:hover, .sys_az span a:active, .sys_az span {
	margin: 0 0 0 0;
	width: 15px;
	padding: 3px;
	font-weight: bold;
	border: 1px solid white;
} 

.sys_az span a:link {

	color: #0000ff;	
	border: 1px solid #6aaad8;
	font-weight: bold;
	background: #e0eaf1;
} 

.sys_az span a:visited {
	color:#5e5e7a;
	border: 1px solid #6aaad8;
	font-weight: bold;
	background: #e0eaf1;
} 

.sys_az span a:hover {
	color:#FF00FF;
	border: 1px solid #1b2649;
	font-weight: bold;
	background: #e0eaf1;
} 

.sys_az span a:active {
	color:#0000FF;
	border: 1px solid #6aaad8;
	font-weight: bold;
	background: #e0eaf1;	
} 

.sys_azselected {
	background: #2a3f55;
	color: #fff;
	font-size: 110%;
}

/* End of A to Z styles */

/* Events Calendar and Add Form styles */
/* LISTING STYLES */

#EventsControl table, #EventsControl tr, #EventsControl td {
	border: none;
}

.sys_eventsChannelBanner {
	background:#133a65;
	float:left;
	width: 95%;
	border-bottom: 1px solid #133a65;
	margin-left: 10px;
}
 
.sys_eventsChannelBanner H1 {
	float:left;
	color: #000;
	width:126px;
	margin:5px;
}

UL.sys_eventMonths {
	float: left;
	list-style-type: none;
	margin:0 0 4px 0;
	padding:0;
	padding-top:7px;
	padding-bottom:7px;
	width: auto;
}

html>body UL.sys_eventMonths {
	float: none;
	margin: 0;
}

UL.sys_eventMonths LI {
	font-weight:bold;
	text-align:center;
	float:left;
	background:#fff;
	height:2em;
	margin:0 0 7px 3px;
	padding:0;
}

UL.sys_eventMonths LI A {
	text-decoration:none;
	color:#000;
	display:block;
	padding: 4px;
}

UL LI.sys_selectedMonth {
	background:#496d94 url("http://www.north-ayrshire.gov.uk/SiteElements/Images/events/selected_month_blue.gif") repeat-x;
	color:#fff;
}

.sys_SelectedMonthPointer {
	display: block;
	background: url("http://www.north-ayrshire.gov.uk/SiteElements/Images/events/selected_month_pointer_blue.gif") no-repeat 50% 0;
}

UL LI.sys_selectedMonth a.sys_SelectedMonthPointer {
	color: #fff;
}

.sys_CategoryAdminFieldset
{
	border: 0;
}

.sys_CategoryAdminFieldset legend
{
	display: none;
}

.sys_CategoryAdminFieldset input
{
	margin: 0 0 0 10px;
}

.sys_CategoryAdminFieldset INPUT.sys_categorysavebutton {
	border: 1px solid #777777;
	background: #ffffff;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: bold;
}

TABLE.sys_eventsListing {
	border: none;	
	width: 95%;
	margin-left: 10px;
}

html>body TABLE.sys_eventsListing {
	height:auto;
}

TABLE.sys_eventsListing CAPTION {
	font-weight:bold;
	text-align:left;
	color: #fff;
	background:#133a65;
	padding:3px 3px 3px 8px;
}

TABLE.sys_eventsListing TD {
	padding:5px;
	vertical-align:top;
	border: none;
}

TABLE TH.sys_DateColumn, TABLE TD.sys_DateColumn {
	width: 20%;
}

TABLE.sys_eventsListing TH {
	display: none;
}

/* END OF LISTING STYLES */

/*  SEARCH STYLES   */

.sys_SearchWrapper {
	clear: left;
	margin: 1px 0 1px 0;
	width: 95%;
	margin-left: 10px;
}

.sys_SearchBackgroundWrapper {
	background: Url("http://www.north-ayrshire.gov.uk/SiteElements/Images/events/search_background.gif"); 
	padding:10px 6px 2px 6px;
}

INPUT.sys_SearchTextBox {
	width:50%;
	margin: 0 10px 8px 0;
}

SELECT.sys_SelectBox {
	margin: 0 10px 8px 0;
}

INPUT.sys_SearchButton {
	border: 1px solid #777777;
	background: #ffffff;
	margin: 0 0 8px 0;
	padding: 0;

	font-weight: bold;
}

/*  END OF SEARCH STYLES   */

/*DETAILS PAGE STYLES*/

.sys_EventDetailsContainer {


	float: left;
	width: 95%;
	margin-left: 10px;
}

.sys_EventDetailsContainer a {
	text-decoration: none;
}

.sys_EventDetailsHeader {
	background: #d6d7df;
	width: 100%;
	color: #000;
	font-weight: bold;
	margin: 0 0 8px 0;
	float: left;
}

.sys_EventDetailsHeader #LeftContent {
	float:left;
	width: 40%;
	padding: 8px 0 8px 8px;
}

.sys_EventDetailsHeader #RighContent {
	float:right;
	text-align: right;
	margin: 0 8px 0 0;
	padding: 8px 0 8px 8px;
}

.sys_MainPanel {
	clear:both;
	margin: 0 12px 12px 12px;
	padding: 4px;
	min-height: 7em;
}

.sys_MainPanel H2 {
	width: 10em;
	background: #fff;
	padding: 4px;
	margin: 0 0 4px 0;
	color: #1d8b6d;
	font-weight: normal;
}

#PanelOne {
	background: #fff;
}

#PanelTwo {
	background: #fff;
}

#PanelThree {
	background: #d6d7df;
	color: #000;
}

div#PanelThree h2 {
	background: none;
	color: #000;
	font-size: 1.2em;
	width: 100%;
	font-weight: normal;
}

div#PanelThree div.sys_Column1 {
	width: auto;
}

.sys_TwoColumnLayout {
	min-height: 50px;
}

.ColumnImage {
	float: left;
	min-width: 270px;
	width: 270px;
	padding: 0 8px 8px 0;
}

.ColumnRight {
	min-width: 180px;
	padding: 0 0 8px 0;
	margin: 0;
}

.sys_ThreeColumnLayout {
	width: 100%;
	min-height: 50px;
}

.Column33 {
	float: left;
	min-width: 180px;
	width: 32%;
	padding: 0 0 8px 4px;
}

.sys_FourColumnLayout {
	min-height: 50px;
}

.Column25 {
	float: left;
	min-width: 180px;
	width: 23%;
	padding: 0 8px 8px 0;
	margin:0;
}

.Column25 H2 {
	font-weight: bold;
	margin:0;
	padding: 0;
}

.sys_BookingSubPanel1 {
	margin: 20px 0 12px 5px;
	padding: 0;
	min-height: 40px;
	width: 98%;
}

.sys_Column1 {
	width: 32%;
	min-width: 180px;
	float: left;
	padding:0;
	margin: 0 5px 6px 0;
}

.sys_Column2 {
	width: 28%;
	min-width: 180px;
	float: left;
	padding:0;
	margin: 0 0 6px 0
}

.sys_Column3 {
	width: 39%;
	min-width: 180px;
	float: left;
	padding:0;
	margin: 0 0 4px 0
}

.sys_BookingSubPanel1 .sys_Column1 H2, .sys_BookingSubPanel1 .sys_Column2 H2, .sys_BookingSubPanel1 .sys_Column3 H2, .sys_BookingSubPanel2 .sys_ColumnA H2, .sys_BookingSubPanel2 .sys_ColumnB H2 {
	background: transparent;
	font-weight: bold;
	width: 180px;
	margin: 0;
	padding:0;
}

.sys_BookingSubPanel2 {
	clear: left;
	margin: 0 0 8px 5px;
	padding: 0 0 12px 0;
	min-height: 40px;
}

.sys_ColumnA {
	width: 32%;
	min-width: 180px;
	float: left;
	padding:0;
	margin: 0 5px 6px 0;
}

.sys_ColumnB {
	width: 66%;
	min-width: 180px;
	float: left;
	padding:0;
	margin: 0 0 6px 0;
}

.IEDisplayControl {
	clear:both;
	line-height:1px;
}

/* Edit Event Module Styles */

#EventsControl_DetailControl__CancelButton {
	background:url('http://www.north-ayrshire.gov.uk/SiteElements/images/yellow_bg_rd.gif'); 
	background-repeat: no-repeat; 
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 63px;
	height: 20px;
	margin: 0 0 0 5px;
	padding: 0 0 2px 0;	
}

#EventsControl_DetailControl__OKClickButton {
	background:url('http://www.north-ayrshire.gov.uk/SiteElements/images/yellow_bg_rd.gif'); 
	background-repeat: no-repeat; 
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 63px;
	height: 20px;
	margin: 0 0 0 5px;	
	padding: 0 0 2px 0;
}

.sys_fieldsettype1 {
	margin: 0 0 0px 10px;
	width: 95%;
	padding: 15px 0 15px 0;
}


.sys_formgroup {
	padding: 10px;
}

.sys_form-set {
	padding: 5px;
}

.sys_form-set label {
	margin-right: 5px;
	width: 130px;
	float: left;
}

.sys_form-set input, .sys_form-set textarea {
	width: 230px;
}

#EventsControl_DetailControl_ctrlPanelButtons {
	border: none;
	padding-top: 20px;
}

#EventsControl_DetailControl_Legend1, #EventsControl_DetailControl_Legend3, #EventsControl_DetailControl_Legend4,
#EventsControl_DetailControl_Legend5, #EventsControl_DetailControl_Legend6 {
	color: #2a3f55;
	font-weight: bold;
}

#EventsControl_DetailControl_Description_wrapper {
	width: 600px;
}

#EventsControl_DetailControl_Description_wrapper table {
	border: 1px solid #7f9db9;
}

/* Feedback form */

#F2_Panel_1 fieldset {
	border: none;
	margin-top: 20px;
}

#F2_Panel_1 fieldset ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#F2_Panel_1 fieldset ul li {
	margin: 0 0 5px 0;
	list-style: none;
}


#F2_Panel_1 label {
	margin: 0 10px 0 0;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 120px; 

}

/* style for validation text */

.query {
	padding-right: 7px;
}

/* last modified date on footer */

.update {
	margin: 0 auto;
	width: 400px;
	font-weight: bold;
	padding: 0 0 5px 0;
	color: #0e2339;
	font-size: 0.9em;
}

/* wider version of whats new box */

#br_right_wide {
	float: right; 
	width: 479px;
}

#br_right_content_wide {
	overflow: hidden;
	border-right: 1px solid #6aaad8;
	border-left: 1px solid #6aaad8;
	border-bottom: 1px solid #6aaad8;
	margin: 0px 0 5px 0px;
	padding: 5px 0 5px 7px;
	width: 470px;
}

#br_right_wide h2 {
	background: #6aaad8;
	padding: 3px 0 3px 14px;
	margin: 5px 0 0 0px;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

#br_right_wide table {
	margin-left: 5px;
	width: 460px;
}

/* Languages images */

#languages {
	width: 488px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#languages img {
	margin: 0 20px 5px 0;
	padding: 0 0 0 0;
	border: none;	
}

#languages ul {
	list-style-type: none;
	display: inline;
	padding: 0 0 0 20px;
	width: 480px;
	margin: 0 auto;	
}

#languages ul li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#languages ul li  a {
	border: none;
}

/* Feedback form - Kampyle */

#k_feedback {
	border: 1px solid #6aaad8;
	background: #223256; 
	width: 210px; 
	margin-top: 4px; 
	margin-left: 10px;
	text-align: center; 
	padding: 2px 0 2px 0;
}

#k_feedback a:link {
	color: #fff;
}

#k_feedback a:visited {
	color: #f7e909;
}

#k_feedback a:hover {
	color: #f7e909;
}

/* RSS feed links */

.sys_rss img {
	border: none;
	vertical-align: middle;
	margin: 0 3px 0 0;
}

.sys_rss {
	width: 90%;
}

.sys_rss_ticker {
	width: 500px;
	margin-top: 3px;
	float: left;
}

/* For FAQ show/hide */

#bottomcontainer h4 {
	padding: 4px 0 4px 10px;
	margin: 0;
}

#bottomcontainer h5 {
	padding: 4px 0 4px 10px;
	margin: 0;
}

/* 
#D1 {
	margin: 0 0px 15px 0;
	padding: 10px;
	border: 1px solid #70abd4;
	background: #eff2f4;
}
*/


.hd {
	display: none;
	margin: 0 Auto;
	padding-bottom: 2px;
	width: 95%;
	margin-top: 0.3em;
}


.ns {
	display: block;
	margin: 0 Auto;
	padding-bottom: 2px;
	width: 95%;
	margin-top: 0.3em;
}

#bottomcontainer ul  {
	list-style-type:none;
	margin: 0 0 20px 7px;
	padding: 7px 0 7px 0;
	width: 90%;
}

#bottomcontainer ul li {
	padding: 4px 0 4px 10px;
}

/* system maintenance alert box for homepage */

.sys_sysmain {
	margin: 7px 0 10px 0px; 
	border: 1px solid #f60909; 
	background: #f2e2e2; 
	width: 479px;
}

.sys_sysmain h2 {
	background: #f60909; 
	color: #fff; 
	padding: 3px 0 3px 14px;
	margin: 0 0 0 0px;
	font-size: 1.3em;
	font-family: Helvetica, sans-serif;
}

.sys_sysmain p {
	padding: 5px;
}

/* Elections */

.elections {
	width: 488px;
	background:url('http://www.north-ayrshire.gov.uk/SiteElements/images/tab_purple.gif');
	background-repeat: no-repeat; 
	vertical-align:top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.elections h2 {
	padding: 7px 0 0 14px;
	margin: 0 0 0 0;
	font-size: 1.2em;
	height: 27px;
	color: #fff;
}

.elections_tcontent {
	padding: 5px 0px 5px 5px;
	margin: 1px 0 12px 5px;	
	border-right: 1px solid #7d18f0;
	border-left: 1px solid #7d18f0;
	border-bottom: 1px solid #7d18f0;
	width: 471px;
}

/* May 2010 design modifications */

/* extended most popular box */


#mp_title {
	width: 470px;
	border-top: 1px solid #cdcdcd;
}

#mp_title h2 {
	padding: 3px 0 3px 4px;
	margin: 5px 0 0 0;
	font-family: Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000;
}

#most_popular {
	padding:3px 0 3px 0px;
	margin:0 0 10px 0px;	
	width: 476px;
	overflow: hidden;
}

#most_popular ul {
	margin: 0 0 0 0;
	list-style-type:none;
}

#most_popular ul li {
	padding: 2px;
}


#mp_left {
	float: left; width: 48%
}


#mp_right {
	float: right; width: 48%
}

/* boxes in top RHS column for contact us, about, etc. */

.sys_top_right {
	float: right; 
	width: 480px; 
	height: 100%; 
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

.sys_top_right_wide {
	width: 480px;
	vertical-align:top;
	margin: 0px 0 0px 0px;
	padding: 0 0 0 0;
	
}

.sys_top_right_wide h2 {
	padding: 3px 0 3px 14px;
	margin: 0 0 0 0px;
	font-size: 1.3em;
	font-family: Helvetica, sans-serif;
	background: #6aaad8;
	width: 466px;
}

.sys_top_right_content_wide {
	overflow: hidden;
	padding: 5px 0px 5px 5px;
	margin: 0px 0 0px 0px;	
	border-right: 1px solid #6aaad8;
	border-left: 1px solid #6aaad8;
	border-bottom: 1px solid #6aaad8;
	width: 473px;
}

.sys_top_right_content_wide ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

.sys_top_right_content_wide ul li {
	padding: 2px;
}

#trc_left {
	float: left; 
	width: 48%;
}

#trc_right {
	float: right;
	width: 48%;
}

/* Contact details */

.sys_contact2 {
	margin: 0 auto;
	width: 400px;
	margin-top: 5px;	
}

.sys_contact {
	float: left;
	color:#666666;
	margin-bottom: 2px;
	overflow: hidden;
	width: 980px;
}

.sys_contact img, .sys_contact2 img {
	vertical-align: middle;
	border: none;
}

#contact_left {
	float: left;
}

#contact_right {
	float: right;
}

#address_container {
	color:#fff;
	overflow: hidden; 
	background: #008159;
	padding: 5px;
	width: 980px;
}

#nac {
	font-weight: bold;
}


#address {
	float: left;
	margin-bottom: 3px;
}

#phone {
	float: right;
	margin-right: 10px;

}

#secondary_nav {
	background:#2d2c2c;
	padding: 7px 3px 7px 3px;
	margin-top: 1px;
	overflow: hidden;
	height: 16px;
}

#secondary_nav ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding-left: 0;
}

#secondary_nav ul li {
	display: inline;
	padding: 0 10px 0 10px;
	text-align: center;
	border-right: 1px inset #abaaaa;	
}

#secondary_nav ul li.last {
	border-right: 0px;
}


/*
#secondary_nav ul li:last-child { 
	border-right:0px;
} 

*/

#secondary_nav ul li a {
	color: #fff;
}

#sn_left { 
	float: left;
}

#sn_right {
	float: right;
}

.more {
	margin-top: 15px;
}

.more a {
	color: #FF3300;
}

/* Facbook link on homepage */


#fb_link {
	margin: 15px 0 0 100px;
	width: 300px;
}

#fb_link img {
	vertical-align: middle;
	border: none;	
}

/* Table for Property to Let pages */

table.sys_property {
	width: 725px;
	margin: 0;
}

 table.sys_property td, table.sys_property th {	
	margin: 0;
}
	 
 table.sys_property th {
 	background: #cdcdcd;
	color: #223256;
}
 	 
.sys_prop_address {
 	width: 145px;	
}
	 
.sys_prop_space {
 	width: 135px;
}
 
.sys_prop_rent {
	width: 150px;
}
	 
.sys_prop_links {
 	width: 150px;
}
	
.sys_ad_con, .sys_sp_con, .sys_re_con, .sys_li_con {
	border: 1px solid #cdcdcd;
	border-collapse:collapse;
}
	
.sys_sp_con, .sys_re_con{
	padding: 3px;
	text-align: center;
}
	
.sys_ad_con {
	text-align: left;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
}
			
 .sys_li_con  {
	text-align: left;
	padding: 3px 3px 3px 10px;
}

.sys_im_con {
	width: 135px;
}

#new_contact_content {
	margin: 0 0 0 0;	
	width: 226px;
}
#new_contact_content  {
	width: 237px;
}

#new_contact_content  {
	width: 90%;
}