﻿* {
    margin: 0;
}
html, body {
    height: 100%;
}

#twitter-widget-0 { 
      width: 100% !important; 
	  height: 240px;
    }
/*
#container {
Float: left;
}
*/

body {
font-size: 16px;
background-color: #ffffff;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* margin: 0 auto -100px; */ /* the bottom margin is the negative value of the footer's height */

}

.bord th,.bord td{
    border: 1px solid black;
}

.row { margin: 0px;}

.row .col-sm-4 {
	height:100%;
    min-height:100%;
}
	
#main_area .col-sm-9 p a {
text-decoration: underline;
}	

#main_area .col-sm-9 .more-serv a, #main_area .col-sm-9 .more-serv a:hover {
text-decoration: none;
}
	
#main_area .col-sm-9 .more-serv a:hover {
text-decoration: underline;
}	



	
 /* end added */ 
 
#head .row:nth-child(1) {background-color: #007abd; border-bottom: 1px solid #fff; min-height: 24px; text-align:left;  color: #fff; float:left; width:100%;}

#head .row:nth-child(1) p {margin: 0;}
#head .row:nth-child(1) a {color: #fff; cursor: pointer; font-weight: bold;}

#head .row:nth-child(2) {background-color: #007abd; color: #fff;}
#head .row:nth-child(2) a {color: #fff;}
#head .row:nth-child(2) a:hover {text-decoration: none;}



#head .row:nth-child(3)  {background-color: #007abd; border-top: 1px solid #fff; text-align: center; font: 1.0em  "Tahoma","Eras Demi ITC","Trebuchet MS",Helvetica,sans-serif; color: #fff; float:left; width:100%; padding: 2px 0 2px 0;}

#foot .row:nth-child(1) {background-color: #007abd; border-bottom: 1px solid #fff;  text-align: center; font: 1.0em  "Tahoma","Eras Demi ITC","Trebuchet MS",Helvetica,sans-serif; color: #fff; float:left; width:100%; padding: 2px 0 2px 0;}


#head .row:nth-child(3) a  {margin: 0 0 0 14px; color: #fff; font-weight: bold;}
#foot .row:nth-child(1) a  {margin: 0; color: #fff;}

#foot .col-sm-3 .row:nth-child(2) , #foot .col-sm-3 .row:nth-child(3) { margin-top: 12px;}

/*#head .row:nth-child(2), #head .row:nth-child(3), #head .row:nth-child(4)   {background-color: #d6e1f0;}
#head .row:nth-child(4) .col-sm-1  {background-color: #c9a0c3;  -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; behavior: url(http://www.moray.gov.uk/js/PIE.htc); margin: 0 4px 0 4px; height: 29px; text-align:center; font-weight: bolder; padding-top: 6px; margin-top: 6px;}
#head .row:nth-child(4) .col-sm-1:hover {background-color: #9c2b83; color: #fff; cursor:pointer; }
#head .row:nth-child(5)   {background-color: #399458; height: 24px;  text-align: center; font: 1.0em  "Georgia", "Calisto MT", sans-serif;} */

.btn-default {
background-color: #ffffff;
}

#header_logos {
margin: 7px 10px 7px -3px;	
}

.mclogo {

/*background: url("../images/mclogo.png") -40px -30px no-repeat;*/
}

.srch_box {
margin: 8px 0 12px 0;
}

.title_tab {
margin-top: 8px;
}

#main_area .row { margin-top: 12px;}

#main_area {
/*float:left;*/
}

.cent_align {
	text-align: center;
	background: #f0f0f0;
}

.box_head_home
{
padding:6px 0 2px 20px;
color: #fff;
font-weight: bolder;
font-size: 20px;
background-color: #007abd;
width: 100%;
border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
float: left;
behavior: url(../js/PIE.htc);
}

#webcast_home p {
    color: #007abd; 
}
.box_head_home a
{
color: #fff;
}


.box_cont_home
{
color: #007abd;
border: 2px solid #007abd;
width: 100%;
border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
behavior: url(../js/PIE.htc);
float: left;
margin-bottom: 8px;
}

.box_cont_home ul {
margin-top: 6px;
}

.box_cont_home li {
margin-bottom: 12px;
}

#bcrumb_txt a {
color:  #000;
}


/*
.footer, .push {
    height: 290px; // .push must be the same height as .footer 
}
*/

.rate_img {
  display: block;
    margin: 3% auto;
}

.back_green h1 {
  color: #91D3A7;
  font-family: "Georgia", "Calisto MT", sans-serif;
  font-weight: 500;
}

.back_green {
border-bottom: 3px solid #91D3A7;
margin-bottom: 0;
 height:100%;

}

.alev{
width: 99%;
height: 92%;
margin: 4% 0.5%;  
border: 1px solid #91D3A7;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
behavior: url(../js/PIE.htc);
}

.alev p {
padding: 2%;
display: block;
word-wrap: break-word;
}

.col-sm-6 .alev {
margin-top: 1.9%;
}
.col-sm-6 .alev  h3{
padding-top: 1%;
padding-bottom: 1%;
}



h2 a, h3 a, h2 a:hover, h3 a:hover {
text-decoration: none;
color: #000;
}


h3 {
/*-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
	font: 1.2em  "Georgia", "Calisto MT", sans-serif;
	background-color: #91D3A7;
	margin: 0;
	color: white;
	padding: 2%;
	behavior: url(http://www.moray.gov.uk/js/PIE.htc);
*/ 
/*color: #007abd;*/
color: #000;
}

/*
.col-sm-12 {
margin: 0 0 14px 0;
} 
*/

/*newly added Feb 2018*/
.footer,
.push {
  height: 200px;
}


.footer {
	/*background-color: #007abd;*/
}


#social_med_lvl {
/*background-color:  #8dadd7;*/
border-bottom: 2px solid #fff;
}

#foot_lvl_one {
    padding: 16px 0 20px 0;
}

#foot_lvl_one {
/* background-color:  #009de0; */
text-align: center;
color: #fff;
font-size: 1.3em;
border-bottom: 2px solid #fff;
}

#foot_lvl_one  a {
color: #fff;
text-decoration: none;	
}

#foot_lvl_two {
    background-color: #007abd;
    color: #fff;
    text-align: center;
}


#fb_logo a, #twit_logo a, #yt_logo a{
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}


.soc_med_logos {
    font-size: 2.9em;
    margin: 10px 0;
}


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}



.txt_cent {
	text-align: center;
}


#foot_lvl_two img{

	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 16px;
}

/*end newly added Feb 2018*/

.footer {
/*outline: 5px solid #751975;*/
background-color: #007abd;

}

#foot_pos {
padding: 32px 2% 0 0;
width: 100%;
text-align:right;
}



.b {
height:100%;
float:left;
background-color: red;
}



.col-sm-5  {
height:100%;
}

.form-group{
-webkit-align-self: center; /* Safari 7.0+ */
    align-self: center;
}

.c {
margin-top:40px;
   height: 100%;
    -moz-box-sizing: border-box;

}

.list-group {
margin: 4% 0.5%;
}

.list-group:not(.alev){
margin: 4% 0.5%;
}


/*.list-group, .col-sm-6{
margin:-1% 0;
} */

.list-group-item {
border: 1px solid #007abd;
padding: 4% 4%;
background-color: #fff;
}

a.list-group-item {
color: #555;
}



#nav-primary ul li:first-child a {
    border-top: 5px solid red;
}








/*.list-group-item:first-child .disabled  {
	background-color: #91D3A7;
}
*/

.list-group-item:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
behavior: url(../js/PIE.htc);

	}

 /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
     margin-bottom: 0;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 180px;
      margin-top: 0;
      font-size: 140px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 180px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 180px;
    }

    .carousel-caption {
      background-color: transparent;
     /* position: static; */

	 position: relative;
	 top: 0;
      max-width: 180px;
      padding: 0 20px;
      margin-top: 0px;
    }
  
  .carousel-caption h4,
    .carousel-caption .lead {
	  margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }

	
  
	
    .carousel-caption .btn {
      margin-top: 10px;
    }


	
	
	
	
	.carousel-indicators {
	right: 30px;
	top: 12px;
	margin: 0;
	left: auto;
	width: auto;
}

.carousel-indicators li {
	border-color: #737373;
	border-radius: 2px;
	height: 12px;
	width: 12px;
	background-color: #d9d9d9;
}


.carousel-indicators .active {
    background-color: #fff;
    height: 16px;
    margin: 0;
    width: 16px;
}




/* MORINFO EVENTS BITS */

.rec_date_cont {
    border: 2px solid #007abd;
    border-radius: 6px;
    float: left;
    width: 43px;
}

.row .dates_csv {
color: #007abd;	
margin-bottom: 6px;
}

.rec_daynum_cent {
    font-size: 16px;
    padding-top: 4px;
    font-weight: bolder;
    text-align: center;
    height: 28px;
}

.rec_mon_bott {
    font-size: 11px;
    background-color: #007abd;
    color: #fff;
    text-align: center;
    font-weight: bolder;
}

.srch_res {
    margin-bottom: 14px;
}

.srch_res .cont {
    margin-top: -1px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #007abd;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.srch_res h2 {
    border-top: 1px solid #007abd;
    border-left: 1px solid #007abd;
    border-right: 1px solid #007abd;
    padding: 8px 8px 4px 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: table-cell;
    background-color: #007abd;
    color: #fff;
}

.rec_to_the {
    padding-top: 14px;
    float: left;
    font-size: 14px;
    vertical-align: middle;
}


	
/* END MORINFO EVENTS BITS */	
	
	
	@media (max-width: 780px) {
		.carousel-control {
		  
		  font-size: 50px;
		}
    }

	
/* --------- TEXT FORMATS  ------------ */

h4 {
font-size: 1em;
font-weight: bolder;
margin: 0 0;
}






.news_date_ind {
font-size: 0.7em;
margin: 1% 0;
}

.news_txt_ind {
font-size: 0.85em;
margin: 0 0;
}

/* --- news rows alternate --*/

.widewrapper {
padding: 15px;
  width:100%;
  }

.widewrapper > img, .widewrapper a > img{
  width:100%;
  height:100%;
  -webkit-border-radius:  12px;
-moz-border-radius: 12px;
border-radius:  12px;
}


/* ----- ADDED ---- */

.navbar-fixed-top + .content-container {
	margin-top: 70px;
}
.content-container {
	margin: 0 130px;
}


#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -282px;
    right: 16px;

	}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 75px;
z-index: 1;
	}

.well {
-webkit-border-radius: 16px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #fff;
color: #007abd;
border: 2px solid #007abd;
behavior: url(../js/PIE.htc);
text-decoration: none;
}

.well  a {
text-decoration: none;
}

.well:hover {
background-color: #007abd;
color:white;
border: 2px solid #fff;
text-decoration: none;
}


.fill { 
    min-height: 100%;
    height: 100%;
}


.carousel-caption
{
padding-top: 1%;
margin-left: 4.7%;
max-width: 50%;
}


h1 {
font-family : "Tahoma", "Eras Demi ITC", "Trebuchet MS", Helvetica,sans-serif;
}

#head h1 {
font-family : "Trebuchet MS", "Eras Demi ITC", "Tahoma", Helvetica,sans-serif;
}



/* -------- coloured Border -----------*/




			
			
	  

/*@media (min-width: @screen-lg-min) {*/
@media (min-width: 1200px) {
#main_menu {margin-top: 4%;}
#drop_down_menu { display:none; }
}

/*@media (min-width: @screen-md-min) {*/
@media (min-width: 992px) {
	#main_menu {	margin-top: 4%;}
	.c {margin-bottom: 12px;}
#drop_down_menu { display:none; }
	}

@media (min-width:768px){
		.c {margin-bottom: 12px;}
#drop_down_menu { display:none; }
		}

/*@media (max-width:480px){ */
/* styles for mobile browsers smaller than 480px; (iPhone) */
@media (max-width:767px){
	   	.breadcrumb {display: none; 	margin-bottom: 5px;}
		.footsplit:nth-child(1) {display: none; }
		.footsplit:nth-child(2) {width: 100%; }
		
		#logo_block { display: none;}
		.custom-collapse .collapse{display:block;}
		.c {margin-bottom: 12px;}
		.colbox {height: 2px; width: 100%; }  
		#main_area .row	{margin-top: 0;} 
		#main_menu {margin: 0; top: -1px; position: relative; left:-15px; margin-right:-30px;}
		#main_menu .list-group-item {padding: 4 0;}
		#main_menu .list-group-item:last-child {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
		.list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; border-color: #007abd; }
		
		/* .col-sm-7 .col-sm-2 {width:31%; float:left;  -webkit-border-radius: 6px 6px; -moz-border-radius: 6px 6px; border-radius: 6px 6px;} */
		
		.row .mclogo .col-sm-7  {clear:left;}
		
   }	

	
/* >>>>> Collapsable Left Menu <<<<<<<<*/	
/*@media screen and (min-width: 768px) {*/

	

	
	

.container-fluid  {
    padding: 0;
	margin: 0;
}

a.nav_lvl1, a.subnav , a.nav, a.nav3
{
color: #fff;
}

.nav_lvl1, .nav{
	background-color: #007abd;
}
.subnav{
	background-color: #b21e92;
}

.nav3 {
	background-color: #399458;
}

/* >>>>> MAIN STANDARD PAGE <<<<<<*/

.mainsc{
width: 99%;
height: 92%;
margin: 4% 0.5%;  
border: 1px solid #6ba75d;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../js/PIE.htc);
}

.mainsc p {
padding: 2%;
display: block;
word-wrap: break-word;
}

.mainsc h3{
background-color: #6ba75d;
}

.row .col-sm-3:nth-child(3) .alev h3  {background-color:  #90609a;}
.row .col-sm-3:nth-child(3) .alev {border-color: #90609a;}



/* BREAD CRUMBS */
.breadcrumb {
    background-color: #f5f5f5;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
    border-radius: 4px;
    list-style: outside none none;
	margin-bottom: 5px;
    padding: 4px 15px;
	behavior: url(../js/PIE.htc);
}

.breadcrumb > li + li:before {
    color: #B2B2B2;
    content: "/ ";
	font-weight: bolder;
    padding: 0 3px;	
}



.custom-collapse {
padding-left: 0;
padding-right: 0;
margin: 0;
width: 100%;
}

.drop_col_head {
float: left;
background-color: #ea902f;
width: 100%;
height: 38px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 8px;
color: #fff;

padding-right: 14px;
}


#drop_down_menu {
padding: 15px 25px 0 25px;
height : 60px;
background-color: #009de0;
margin: 0 -15px 0 -15px;
color: #ffffff;
}


#drop_down_menu a{
color: #ffffff;
text-decoration: none;
margin-left: 3%;
}

#drop_down_menu:hover{
cursor:pointer;
}


#dca, #dcb {
width: 50%;
float:left;
}
#dca{text-align: left;}
#dcb{text-align: right; border: 2px solid #fffff;}
#dcb {border: 2px solid #fffff;}



/* Minutes and agendas */

/* table {margin: 2% 3% 2% 3%;} */
td, th{padding: 0 0 0 1%;}
.srch_res th, .srch_res td, table.srch_res {border: 1px solid #000;}


/* LOGOS */



#plustext {
border: 1px solid #337ab7;
padding: 8px 3px;
background: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
behavior: url(../js/PIE.htc);
}

#plustext:hover {
background-color: #337ab7;
color: #fff;
}

/* Rate this Page */

#rate {

}

#rate ul  {
text-align: center;
margin: 0 auto;
 display: inline-block; 
 width:100%;
}


#rate   li{
 display: inline-block; 
}

.thegood, .theaverage, .thebad {
float: left;
overflow: hidden;
text-indent: -9999px;
display: block;
margin: 4px 2px;

}


.thegood {
height: 40px;
width: 40px;
background: url("http://www.moray.gov.uk/images/mcpp/logos.png") 121px 58px;

}

.theaverage {
height: 40px;
width: 40px;
background: url("http://www.moray.gov.uk/images/mcpp/logos.png") 169px 58px;
}

.thebad {
height: 40px;
width: 40px;
background: url("http://www.moray.gov.uk/images/mcpp/logos.png") 217px 58px;

}


.headerlogo {
float: left;
height: 108px;
width: 110px;
background: url("../images/mcpp/logos.png") 0px 0px;
}


.menu_ind {
text-indent: 10px;
}
/* footer  */

.foot_line {
background-color: #337ab7;
}

div#multiColumn, div#multiMore{
    -webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
	float:left;
	min-height: 0px;
}

#multiColumn div, #multiMore div {
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
}

#multiColumn li a , #multiMore  li a { list-style-type: none; padding: 0 0 8px 0; color:#fff; font-weight: bold; }

#multiMore  li a { color:#007abd;}

#multiColumn a:hover {color:#fff;}

#multiColumn ul li{ display: inline; color: #fff;}

#multiColumn ul li ul{ font-size: 13px; margin-left: -22px;}






.footer p {color: #fff; font-size: 0.85em;}




#news_home img {
margin: 12px 4px 12px 0;
-webkit-border-radius: 0 0 0 8px;
-moz-border-radius: 0 0 0 8px;
border-radius: 0 0 0 8px;
border-color: #009de0;
}

#spot_home img {
margin: 12px 4px 12px 0;
-webkit-border-radius: 0 0 0 8px;
-moz-border-radius: 0 0 0 8px;
border-radius: 0 0 0 8px;
border-color: #009de0;
}


#spot_home .box_head_home {
float: left;
}

.more-serv {
color: #007abd;
Clear:left;
border: 1px solid #007abd;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 6px 15px 14px 15px;
padding: 0 15px 8px 15px;
behavior: url(../js/PIE.htc);
}

.col-sm-9  .more-serv {
margin:  6px 0 14px 0;
}

.more-serv h3 {
color: #007abd;
}


.breadcrumbs
{
 font-size: 12px;
padding:0 0 0 12px;
margin: 0;
background-color: #d3dfef;
border-bottom: 2px solid #007abd;
}

/* >>>> Fonts <<<< */

h1, h2, p , li{
color: #000;
}

#head .row p {
	color: #fff;
}
/* SHARE THIS */

.stButton .stButton_gradient,.stButton  .stMainServices {
  	box-sizing: content-box;
}
/*
.stPrint {
width: 70px;
height: 22px;
font-size: 11px;
    display:inline-flex;
	cursor:pointer;
	background-image: url("../images/printer_button.png");
}
*/

.stPrint {
    background: -moz-linear-gradient(center top , #d5d5d5 0px, #efefef 48%, #fff 94%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: inline-block;
    font-family: Verdana,Helvetica,sans-serif;
    height: 22px;
    padding: 2px;
	width: 60px;
	
	 color: #000;
    cursor: pointer;
    font-size: 11px;
    line-height: 16px;
}


.stPrint img {
margin-bottom: 3px;
}


.sharethis 
{
margin: 0 0 8px 0;
}


/*footer */

.foot_txt {
padding-top: 28px;
}

.our_serv_footer
{
padding-left: 20px;
font-size: 24px;
color: #fff;
}

/* Logos */


.footsplit{
float: left;
clear: right;
}

.footsplit:nth-child(1)
{
width:73%;
/*590px*/
}

.footsplit:nth-child(2)
{
 width:27%; 
}

#logo_block{
/*float:right;
position: relative;
top: 10px; 
right: 10px;*/
float: left;
margin: 20px  0 0 20px;
padding: 0 4px 4px 4px;
}


.footsplit p {
padding: 20px 30px 0 0;
text-align: right;
}

.facelg, .twitlg, .youtulg , .flicklg, .rsslg, .linklg, .pinlg, .bloglg, .googlg {
/*border: 1px solid #999999;*/
display:block;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
behavior: url(../js/PIE.htc);
margin-top: 4px;
}

.twitlg, .youtulg , .flicklg, .rsslg, .linklg, .pinlg, .bloglg, .googlg {
margin-left: 5px;
}


.facelg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -3px -4px;

}

.twitlg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -50px -4px;
}

.youtulg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -148px -52px;
}

.flicklg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -195px -4px;
}

.rsslg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -99px -52px;
}


.linklg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -3px -52px;
}



.pinlg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -99px -4px;
}

.bloglg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -51px -52px;
}

.googlg {
float: left;
height: 39px;
width: 39px;
background: url("../images/icons_sprite.png") -148px -4px;
}

/*
.btn-primary {
font-size: 20px;
}
*/
/* header info line */

.ticker_line {
text-align: center;
border-bottom: 1px solid #007abd;
height:29px;
}

.emergency_line {
background-color: #FFFF99;
width: 100%;
}

#ticker {height:28px;overflow:hidden; list-style-type: none; }
#ticker li {height:28px;}

/*Rate this Page*/
.ratepage {
margin: 0 0 20px 20px;
}



	/*
.large_image {
height: 180px;
margin: 20px 15px 0 15px;
background: url("../images/lossiemouth.jpg");
background-repeat: no-repeat;
color: #fff;
background-position: 0px -80px; 
}
*/
.large_image {
height: 180px;
margin: 12px 15px 10px 15px;
background: url("../images/burn.jpg");
background-repeat: no-repeat;
color: #fff;
background-position: 0px -20px; 
}

.icon {
float:right;
margin: 0 8px 8px 0;
width:30%;
}


@media (min-width:768px){
/* #head .row:nth-child(2) .col-sm-2, #head .row:nth-child(2) .col-sm-3, #head .row:nth-child(2) .col-sm-1   {background-color: #b21e92;  -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; behavior: url(../js/PIE.htc);  margin: 0 4px 0 4px; height: 29px; text-align:center; font-weight: bolder; padding: 6px 0 0; margin-top: 6px;} */


#head .row:first-child + .row .col-sm-2, #head .row:first-child + .row .col-sm-3, #head .row:first-child + .row .col-sm-1   {background-color: #b21e92;  -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border: 0; behavior: url(../js/PIE.htc);  margin: 0 4px 0 4px; height: 29px; text-align:center; font-weight: bolder; padding: 6px 0 0; margin-top: 6px; display: block;}
#head .row:first-child + .row .col-sm-2 a, #head .row:first-child + .row .col-sm-3 a, #head .row:first-child + .row .col-sm-1   a{ color: #fff; text-decoration: none; display: block;}
#head .row:first-child + .row .col-sm-2 a:hover, #head .row:first-child + .row .col-sm-3 a:hover, #head .row:first-child + .row .col-sm-1   a:hover{ color: #b21e92;}
.tab_cont {
		float:left;
		width:100%;
		/*   border: 1px solid #bfbfbf; */
 	} 

	.moba2z {
	display: none;
	}
	
}

@media (max-width:767px){

#head .row:nth-child(2) .col-sm-2, #head .row:nth-child(2) .col-sm-3, #head .row:nth-child(2) .col-sm-1  {background-color: #b21e92;  -webkit-border-radius: 6px 6px; -moz-border-radius: 6px 6px; border-radius: 6px 6px; behavior: url background-clip: padding-box; height: 36px; text-align:center; font-weight: bolder; padding-top: 6px; margin-top: 6px;}

	.tab_cont {
		float: left;
		width:100%;
		text-align:center;
		/* margin: 10px; */
	} 
	#spot_home img {
	display: none;
	}
	.jumbotron {
	display: none;
	}
	
	#main_area {
	margin-top: 10px;
	}
	
	.norma2z {
	display: none;
	}
	

	div#multiColumn, div#multiMore {
    -webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
	float:left;
	min-height: 0px;
}
	
	
	}



#head .row:nth-child(2) .col-sm-2:hover, #head .row:nth-child(2) .col-sm-3:hover, #head .row:nth-child(2) .col-sm-1:hover { color: #b21e92;  background-color: #fff; }


 .no-csscolumns div.column
{
    width: 30%;
    float: left;
    padding-left: 1.5%;
    padding-right: 1.5%;
}  



#decrease {
font-size: 11px;
font-weight: bolder;
}

#default_size {
font-size: 15px;
}

.more-serv  {
	color: #000;
	font-weight: bolder;
}

.box_cont_home li a, .more-serv a {
color: #007abd;
 text-decoration: underline; 
 font-weight: normal;
}

#bcrumb_txt #bcrumb_you_are_here , #bcrumb_txt:not(a) {
color: #000000;
    font-size: 14px;
}

#bcrumb_txt a{
/*	text-decoration: underline; */
color: #337ab7;
font-weight: bold;
}


/* FEEDBACK FORM */

.feedback_box ul {
   padding: 0;
}

.feedback_box li {
    display: table-cell;
    padding: 0 12px 0 0;
}

#feedback_good {
  background-position: -96px 0px;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;

 
}

#feedback_average {
    background-position: -48px 0px;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

#feedback_poor {
     background-position: 0 0px;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

#feedback_good, #feedback_poor, #feedback_average {
    background-color: #fff;
    background-image: url("../images/faces.png");
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:pointer;}

/* Container */
#simplemodal-container {
  height: 530px; 
  width: 472px; 
  color: #bbb; 
  background-color: #fff; 
  padding: 12px;
}
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {
  background:url('http://www.moray.gov.uk/images/x.png') no-repeat; 
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -18px;
  cursor: pointer;
}

#simplemodal-container h3 {color:#84b8d9;}




.bolder {
font-weight: bolder;
}

.btn-primary {
    background: #007abd none repeat scroll 0 0;
    border-color: #007abd;
    color: #ffffff;
}
.btn-primary:hover {
    background: #ffffff none repeat scroll 0 0;
    border-color: #007abd;
    color: #007abd;
}
#butt_id, .butt_id {
    font-size: 16px;
}
.butt_id {
    font-size: 16px;
    margin: 1px;
}



.btn-primary {
font-size: 17px;
}

#main_area .col-sm-9 p a.btn {
	text-decoration: none;
}

.four_marg_bott { 
margin-bottom: 4px;
}


.no-gutter, .no-gutter [class*="-3"]  {
	padding-left:0;
    padding-right:0;
}



#chart  {position: absolute; top:0; left: 0; right: 0; bottom: 0;}
#chart iframe {display: block; width: 100%; height: 100%; border: none;}


.chart_wrapper {width:100%;height:100%;margin:0 auto;background:#CCC}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}





/* ADDED FOR DROP DOWN MENUS */
/*
.box h2 {
   	background-color: #007abd;
    color: #fff;
    margin-top: 0;
	margin-bottom: 0px;
	padding: 8px 30px 8px 8px;
   
	font-size: 22px;
	}
	
	
.box h2 a{
  	color: #fff;
	text-decoration: none;
}


.box{
    border-style: none;
    margin: 0 0 10px;
    padding: 0;
}

.box {
	display: block;
}


.box_info {
    display: none;
    border-bottom: 3px solid #007abd;
    border-left: 3px solid #007abd;
    border-right:	3px solid #007abd;   
    float: left;
   margin-bottom: 12px;
    width: 100%;
}

.box_info p{
	margin: 6px;
}
*/

.drop_down_box {
display: block;
margin: 10px 0 10px 0;
padding: 0px 0px 8px 0px;
float: left;
width:100%;
position: relative;
}

.drop_down_box .drop_down_box_head   {margin-top: 0px; padding: 9px 0 3px 4px; color: #fff; background-color: #007abd;}
.drop_down_box .drop_down_box_head  {display: block:}


.drop_down_box_head h2 {margin: 4px;  color: #fff;  padding-bottom: 6px;}

.drop_down_box_info {
    border: 4px solid #007abd;
    padding: 4px 8px;
    float: left;
    width: 100%;
}

.drop_down-collapse {
    display: initial;
    position: absolute;
    top: 10px;
    right: 26px;
	color: #fff;
}


.drop_down_box_info {
    display: none;
}


.chnk_butt {
	padding: 4px 6px 4px 6px;
}
/* END FOR DROP DOWN MENUS */
