/* Colours 

// not used
Dark Grey #303030 - mouse over links, page title
Medium Grey #313131 - links, main content, dividing lines
Light grey #9a9a9a - dates, 
Very light grey - mouse over menu
Blue #268bd2 - links

//current
Dark Grey #33333 - selected menu text, page title
Medium Grey #555555 - mouse over menu text, main content, dividing lines
Light grey #777777 - menu text
Light grey #999999 - dates
Very light grey #eeeeee - dividing lines, mouse over menus
Blue #268bd2 - links


*/

/*to give a scollbar always*/
html 
{ 
	overflow: -moz-scrollbars-vertical;  
	overflow-y: scroll;
}

body
{
    padding-top: 146px; /*To take account of navbar (navbar height + 20px) */
}

/* Bootstrap larger screen sizes  */
 
/* too wide?   
@media (min-width: 1600px) {
    .container {
        width: 1570px !important;
    }
}


@media (min-width: 1900px) {
    .container {
        width: 1890px !important;
    }
}

*/


/* MISC  
----------------------------------------------------------*/
.floatLeft
{
	float:left;		
}

.floatRight
{
	float:right;
}

.clear
{
    clear: both;
    line-height:10px;
    height:0px;
    background-color:red;
}

.bold
{
    font-weight: bold;
}

.redText
{
	color:Red;
	font-weight:bold;	
}

.sycl-page-container
{
	min-height:400px;	
}

#centralContent
{
	margin-bottom:20px;
}

#rightContent
{
	margin-bottom:20px;
}


/* Sidebar navigation */

#navigationContainer {

    /*background-color:red;*/
}

/*
#sidebarContainer {
    margin-top: 0px;  /*stops it jumping on the affix *
}*/

#sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -17px;
  background:white;
}

#sidebar {
    margin-top:0;
}

#sidebar li > a {
    padding-right: 20px;
    padding-left: 15px;
    color: #777;
}

#sidebar .active > a,
#sidebar .active > a:focus {
    color: #333;
    background-color: #eeeeee;
}

#sidebar li > a:hover,
#sidebar li > a:focus,
#sidebar .active > a:hover,
#sidebar .active > a:focus {
    color: #333;
    background-color: #eeeeee;
}

#sidebar.affix-top {
    position: static;
    /* margin-top:136px;*/ 
    width:100%;
}
 
#sidebar.affix {
    position: fixed;
    top:146px; /*heading height + spacing (20px)*/
    width:100%;
}

/* for menu placed in top bar */
#top-menu-container #sidebar.affix-top {
    position: static;
    /* margin-top:136px;*/ 
    width:100%;
}
 
#top-menu-container #sidebar.affix {
    position: static;
    top:0; /*heading height + spacing (20px)*/
    width:100%;
}

#sidebar li.search-list-item {
    margin-top:20px;
    margin-left: 17px;
}

/*
#sidebar input {
    padding-left:20px;
}*/

@media (max-width: 768px) {

    #sidebar li.search-list-item .input-group {
        margin:20px 20px 20px 15px;
    }
}



/* social media buttons */

.social-media-button a i { 
     color: #fff; 
     width: 20px; 
     height: 20px; 
     font-size:1em;
     border-radius: 10px; 
     text-align: center; 
     padding-top: 3px; 
     transition: all 0.2s ease-in-out; 
 } 

.social-media-button a i:hover { 
    opacity: .7; 
} 

.social-media-button a span {

    padding-left:10px;
}

@media (min-width: 768px) {

    .social-media-button a span {
        display:none;
    }
}

.social-media-button a i.fa-facebook {
    background: #3b5998;
    color: white;
}

.social-media-button a i.fa-twitter {
    background: #00aced;
    color: white;
} 


/* footer */

.sycl-footer {

    border-top: 1px solid #eeeeee;
    color: #777;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sycl-footer-left {
    text-align:left;
    float:left;
}
.sycl-footer-right {

    text-align:right;
    float:right;
}

@media (max-width: 768px) {

    .sycl-footer-left {
        text-align:center;
        float:none;
    }
    .sycl-footer-right {

        text-align:center;
        float:none;
    }
}

.sycl-footer-links {
    color: #777;
    margin-top: 10px;
    padding-left: 0;
}

.sycl-footer-links li {
    display: inline;
    padding: 0 2px;
    margin:0;
}

.sycl-footer-links li:first-child {
    padding-left: 0;
}


.search-submit-button
{
    display:none;
}

/* images */
.left-embedded-image-container 
{
    padding:0 !important;
    margin: 0 0 18px 0;
    border:1px solid #eee;
}

.right-embedded-image-container 
{
    padding:0 !important;
    margin: 0 0 18px 0;
    border:1px solid #eee;
}

.full-width-image-container 
{
	margin:0 0 18px 0;
	padding:0;
	width:100%;
	border:1px solid #eee;
}

@media (min-width: 768px) {
    .right-embedded-image-container {
        margin: 0 0 18px 20px;
    }
    
    .left-embedded-image-container {
        margin: 0 20px 18px 0;
    }
}

.left-embedded-image-container img, .right-embedded-image-container img , .full-width-image-container img 
{
    width:100%;
    border:0px solid green;
    padding:0;
    margin:0;
    line-height:0px;
    display:block;
}

.left-embedded-image-container div, .right-embedded-image-container div, .full-width-image-container div, .imageCaption
{
    margin:0 0 0 0;
    padding:5px 5px 5px 5px;
    /*background:#F6F0E9;*/
    border:0px solid #e5e5e5; /* now handled by image itself */
    border-top:0;
    font-size:12px;
}

/*
.siteCentreColumn .left-embedded-image-container div, .siteCentreColumn .right-embedded-image-container div, .imageCaption
{
	margin:0 0 0 0;
	padding:2px 4px 2px 4px;
	background:#F6F0E9;
	font-size:0.75em;
}*/

.imageCaption
{
	margin-bottom:20px;
}

/* old news styles
p
{
    margin-bottom:8px;   
}

hr 
{
    color:Black;
    background-color: black;
    height: 1px;
    border: 0;
}

p.dividingLine
{
    border-top:1px solid black;   
    padding-top:4px;
    margin-top:8px;
    line-height:8px;
    height:8px;
}

*/

.news-container {
    margin:10px 0 10px 0;
    border-top:1px solid #eee;
    padding-top:20px;
}

.news-headline
{
    font-size: 24px;
    line-height: 24px;
    margin-bottom:10px;
}

.news-user
{
    font-weight:bold;
    margin-bottom:20px;
    padding-right:10px;
    /*font-size:0.75em;*/
}

.news-date
{
    color: #999;
    margin-bottom:20px;
}

.news-story
{
    /*padding-bottom:4px;
    border-bottom:1px solid black;
    margin-bottom:4px;*/
}

.event-container {

    margin:10px 0 10px 0;
    border-top:1px solid #eee;
    padding-top:20px;
}

.event-name
{
    font-size: 24px;
    line-height: 24px;
    margin-bottom:10px;
}

.event-time-place
{
    margin-bottom:20px;
}

.event-time
{
    color: #999;
}

.event-place
{
    padding-left:0px;
    font-weight:bold;
}

/*Sections*/

.section-divider
{
    border-bottom:1px solid #eee; 
    overflow:hidden;
    margin:10px 0 20px 0;
    clear:both;
    padding:0;
    font-size:0;
}

.section-title
{
  font-size: 24px;
  margin-bottom:10px;
}

.classified-section-title {
    font-size: 32px;
    color: #999;
    margin-bottom:20px;
    border-bottom:1px solid #eee; 
}

.list-item
{
    /*margin-top:5px; */
    margin-bottom:5px;
}

.list-item .list-link
{
	font-weight:bold;
}

/*Home News - also used for routes*/

.home-news-title
{
    font-size: 24px;
    margin-bottom:10px;
}

.home-news-item
{
    /*border-bottom:1px solid #eee;
    padding-bottom:10px;*/
    margin-bottom:5px;
}

.home-news-date
{
    
}

.home-news-headline
{
    font-weight:bold;   
}

.home-news-headline a
{
	font-weight:bold;
}

.home-news-link
{
    font-weight:bold;
	
}

.map-properties
{
	margin:10px 0 20px 0;	
	/*border:1px solid black;
	overflow:hidden;*/
}

.map-property
{
	margin:0;	
}

.map-property-name
{
	float:left;
	font-weight:bold;
	margin-right:10px;
}

.map-property-value
{
	float:left;
}

.google-map
{
	margin-top:10px;
	border:1px solid #eee;
    position:relative;
    z-index:0;
}

/*NMC: this makes the map responsively square (though I dont know how!)*/
.google-map:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.mapInfoTitle
{
	font-weight:bold;
	border-bottom:1px solid black;
	margin-bottom:4px;
	width:200px;
}

.mapInfoContent
{
	width:200px;
}
/* Form */

.formLabel
{
    font-weight:bold;		
}

.labelText
{
    
}

.formField
{
	margin:2px 0 8px 0;	
	padding:2px;
	border:1px solid #ABADB3;
}

.siteTextbox
{
    display:block; 
    width:100%;
    padding:0;
    border-width:0;
}

.siteTextarea
{
    display:block; 
    width:100%;
    padding:0;
    border-width:0;
}

.formErrorMessage
{
    color:red;
    font-weight:bold;
    padding:0 0 0 0;
    margin:10px 0 10px 0;
}

/* search */

.searchResultsTitle
{
	margin:20px 0 20px 0;
	border-top:1px solid #eee;
	padding:20px 0 0 0;
	font-weight:bold;
    font-size: 18px;
}

.searchResultPageName
{
    margin:20px 0 10px 0;
}

.searchResultPageName a
{
	font-size: 16px;
    text-decoration:none;
}

.searchWord
{
	color:Red;
}

.searchMessage
{
	color:red;
    font-weight:bold;
    padding:0 0 0 0;
    margin:10px 0 10px 0;	
}

/* popups */

#screen 
{
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    z-index: 29;
	display:none;
}

.popup
{
    border:2px solid #cecece; 
/*    -moz-border-radius: 15px;
    border-radius: 15px; */
    width: 500px;
    background: #fff;
    position: absolute;
    z-index: 30;
    display: none;
    padding:5px 10px 10px 10px;
}

.popup.sizeToContents
{
	width:auto !important;
}

.popupTitle
{
    padding-bottom:4px;
    border-bottom:1px solid #6a6e71;
    margin-bottom:15px;
}

.popup h3
{
    padding:5px 0 0 0;
    margin:0;
    float:left;
    color: #6a6e71;
    font-size: 18px;
    font-weight: bold;
}

.popupErrorMessage
{
	color:red;
	font-weight:bold;
	border-top: 1px solid black;
	margin-top:8px;
	padding-top:8px;
    display:none;
}

.closePopup
{
    padding-top:1px;
    float:right;
    cursor:pointer;
    width:24px;
    height:24px;
    background: url(/images/fixed/close_popup.png) no-repeat;
}

div.legend
{
	border-top:1px solid black;
	margin:16px 0 16px 0;
	font-weight:bold;
	font-size:1.125em;
	line-height: normal;
	margin-bottom:0;
}

div.button
{
    float:left;
    margin-right:10px;
}

#expiryTime
{
	text-align:center;
	font-size:2em;
	margin-top: 10px;
}

.twitter-share-button {
width: 300px !important;
}

/* bootstrap form overrides */

input.form-control,input.form-control:focus, .btn-default, .btn-default:focus {
    box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -moz-transition: none;
   -webkit-transition: none;
}

/* btprtctn */
#emailFields .form-group:first-child 
{
    position:absolute;
    left:-2000px;
}