@charset "utf-8";
/* CSS Document */

body 
{

  font-size: 0.9em;
    font-family: Helvetica, Arial, sans-serif;
}

/* ie10 win8 win phone */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* text styles */

a {
  color: #0b75c2;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #0088cc;
}


a:visited {
    color: #639;
  }
  
a:active, a:focus {
  background-color: rgb(255, 213, 88);

}

/* Underline links for in content text*/
.override a{
text-decoration:underline;
font-weight: normal !important;
}
.override a.btn{
text-decoration:none;
}

p a{
text-decoration:underline;
font-weight: normal !important;
}


/* fancy underlines for body content links
.override a {
    text-decoration: none;
    font-weight:normal;
    border-bottom: 1px solid #B3CBDD;
}

.override a:visited{
    text-decoration: none;
    border-bottom: 1px solid #C6A7E5;
}
.override a:hover{
    text-decoration: none;
    border-bottom: 1px solid #005580;
}*/





a.toptask {
font-weight:bold;
font-size:1.2em;
text-decoration:underline;

}



h1{ letter-spacing: -0.06em; color:#000;}
h1 small {letter-spacing: 0em;}


h2, h3{letter-spacing: -0.05em;}

.huge-text{font-size:5em;font-family:Arial black, Arial, Helvetica, sans-serif; line-height: 0.9em;}
.large-text{font-size:3em;font-family:Arial black, Arial, Helvetica, sans-serif; line-height: 0.9em;}

.tight-text{letter-spacing: -0.08em;}
.text-error {color: #FF0500;
vertical-align: middle;
font-size: 1.3em;
font-weight: bold;}

.read-text
{
font-size: 1.2em;
line-height: 1.4em;
}

.read-text p { font-family: Arial, Helvetica, sans-serif !important;}

.override h3{
  font-size: 1.2em;
  letter-spacing: 0em !important;
  line-height: 1.3em;
}


#readcontent h2 {
margin-top: 20px;
}

.page-header2 {
  padding-bottom: 9px;
  margin: 0px 0 0px;

}

.hidden{display:none;}

.icon-soft {
  color: #989898;
}

h2{border-top: 3px solid #00a8de;  line-height: 1.4em; font-size: 26px;}



 h2 legend,  h3 legend ,  h4 legend ,  h5 legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size:inherit;
  border: 0;
  border-bottom: 0px;
}

h4.news{margin-top:0px;}

hr {
border-top: 1px solid #ccc;
}

hr.thin {
margin: 10px 0;
}

li.mini-list{padding:3px 0px;}

ul.newselectlist {border-top:3px solid #ccc;padding-top:15px;margin-top: 15px;clear: both;}
.newselectlist li{line-height:1.1em;margin-bottom: 12px;}

ul.line-space li{line-height: 1.6em;}

ul.fatlist li
{
   line-height: 1.3em;
    padding-bottom: 10px;
    
    }

.small{font-size:0.8em;}

.date
{
 /*   margin-top: 10px;
font-size: 0.7em !important;*/
color: #888;
}

.big-selector
{
font-size: 1.5em;
/* width: auto !important; */
}

/* make block quotes magically style to override bad formatting */

blockquote 
{
border-left: 3px solid #73a2b2;
margin: 25px 0 0px 0px;
background-color: #e9f1f6;
padding: 13px 15px;
}


#readcontent blockquote + p
{
margin-top: 25px;
}


#readcontent p + blockquote 
{margin-top: 25px;}

#readcontent p + br + blockquote 
{
margin-top: 0px !important;
}

br ~ br + blockquote
 {
 margin-top: 0px !important; 
 }

#readcontent > br + blockquote
{margin-top: 25px;}



#readcontent blockquote + blockquote 
{
margin: 0px; 
}

#readcontent blockquote + br + blockquote {margin-top: -55px; }


#readcontent blockquote + br + br:first-child() {
background-color:red;
}


#readcontent blockquote p {
font-size:1em;margin: 15px 0px;}

#readcontent blockquote > p:first-child {
font-size:1em;margin: 10px 0px;}

#readcontent blockquote > p:last-child {
font-size:1em;margin-bottom: 10px}
/*

blockquote:before {
content: "\201C";
display: inline-block;
font-family:georgia;
float: left;
font-size: 40px;
font-size: 4rem;
}

blockquote:after {
content: "\201D";
font-family:georgia;
display: inline-block;
float: right;
font-size: 30px;
font-size: 3rem;
}*/

ul.toptask  {
font-weight:bold;
font-size:1.2em;
text-decoration:underline;
}

ul.toptask li {
font-weight:bold;
text-decoration:underline;
padding-top:0px;margin-bottom:10px;
}

ul.toptask.leftborder  {
border-left:3px solid #f1f1f1;padding-left:20px;
}

ul.toptask.iwant  {
border-top: solid 3px #f7b334;
border-left: none;
padding-top: 20px;
padding-left: 0px;
}





.whitecolor{color:white;}
.whitecolor a{color:white;}


.underline {
text-decoration:underline;
}

span.twitter {background: url(/common/public/icons/twitter.png)  no-repeat left top ; padding-left:20px;}
span.facebook {background: url(/common/public/icons/facebook.jpg)  no-repeat left top ;padding-left:20px;}

/*I want to menu*/

.related-sidebar #iwant ul li:before, .related-sidebar #iwant_ch ul li:before 
{
    content: none;
}

#iwant, #iwant_ch {
	background-color: #f0f0f0;
	background-image:url(https://www.geelongaustralia.com.au/common/public/navimages/iwant_background_body.gif);
	background-repeat:repeat-x;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	/* in color version - border-bottom: solid 4px #F90;*/
	padding: 0;
	margin-bottom: 30px;
}

#iwant ul, #iwant_ch ul{
	list-style-type: none;
	margin-left: 10px;
	padding: 0;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 12px;
}

#iwant_sub ul {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom:30px;
}

#iwant li, #iwant_ch li {
	border-bottom: dotted 1px #d9d9d9;
	padding-bottom: 11px;
	padding-top: 10px;
		font-size: 1.1em;
		text
}

#iwant_sub li { 
	font-size: 0.8em;
	padding-left: 12px;
	padding-bottom: 4px;
	background-image:url(https://www.geelongaustralia.com.au/common/public/icons/bullet_arrow_right.gif);
	background-position:top left;
	background-repeat: no-repeat;
	}


#iwant_sub a:link, #iwant_sub a:visited {font-weight:bold; }

	   
#iwant_sub a:hover {color:#000000; text-decoration:underline;}


#iwant li a, #iwant li a:link, #iwant li a:visited, #iwant_ch li a, #iwant_ch li a:link, #iwant_ch li a:visited {
	text-decoration: none;
	font-size: 1.1em;
	font-weight:bold;
	/* in color version -  color: #f8b534;*/	
}

#iwant li a:hover {
	text-decoration: none;
	font-size: 1.1em;
	color: #000000;
	font-weight:bold;
	}


.iwant_des {
	font-size: 0.9em;
	color: #666;
}


#iwant_ch li a:link, #iwant_ch li a:visited {
	text-decoration: none;
	font-size: 0.9em;
	font-weight:bold;
	color: #cb7b08;
	 }

#iwant_ch li a:hover {
	text-decoration: none;
	font-size: 0.9em;
	color: #000000;
	font-weight:bold;
	}

#iwant_ch .iwant_des {
	font-size: 0.8em;
	color: #666;
}


.iwant_heading {
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 0;
	padding: 4px 4px 4px 10px;
}


.iwant_heading_sub {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 0;
	padding: 4px 4px 4px 0;
	height: 30px;

}
#iwant { border-bottom: solid 4px #F90; }

 #iwant_sub a:link, #iwant_sub a:visited  {	color: #005d9c;  }
 #iwant li a:link, #iwant li a:visited {color: #cb7b08;}
 
 .iwant_heading 
 {
    color: #FFF;
	background-color: #F90;
	
    /* font-size:1.4em; */
	
    padding:8px;
	font-weight:bold;
}

.iwant_heading_sub {border-top: solid 2px #f7b334;}


    /* iwant to for boostrap */

.iwantv2 {
	background-color: #fafafa;
	 /*background-image:url(/common/public/navimages/iwant_background_body.gif); */
	background-repeat:repeat-x;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-top: solid 2px #F90;
	border-bottom: solid 2px #F90;
	padding: 0;
	margin-bottom: 30px;
}

.iwantv2 ul{
	list-style-type: none;
	margin-left: 10px;
	padding: 0;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}



.iwantv2 li  {
	border-bottom: dotted 1px #d9d9d9;
	padding-bottom: 8px;
	padding-top: 8px;
		font-size: 1.1em;
}


.iwantv2 li a, .iwantv2 li a:link, .iwantv2 li a:visited {
	text-decoration: none;
	font-size: 1.1em;
	font-weight:bold;
	color: #cb7b08;
}

.iwantv2 li a:hover {
	text-decoration: none;
	font-size: 1.1em;
	color: #000000;
	font-weight:bold;
	}



.related-sidebar .iwantv2  ul li:before {
  content: none;
}
 

.related-sidebar .weblinks ul li {line-height: 1.6em;}

.eventfeature .span2 .imageholder {
	border: 1px solid #ccc !important;
}

.eventfeature .span2 .imageholder a {
    border: 0px !important;
}

 /*  readspeaker */
.rsbtn .rsbtn_left .rsbtn_text {
margin-left: 2px !important;

}
.rsbtn {
margin-top:-10px;
}



 /*  a variation on pills for parks */
#az_index ul.nav-pills2 li a{padding: 3px 6px;width:auto !important}

 /*  a variation on pills for the services page */

 ul.nav-pills.nav-pills2 > li > a,
 ul.nav-pills.nav-pills2 > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-right: 3px;
width: 13px;

}

 ul.nav-pills.nav-pills3 > li > a,
 ul.nav-pills.nav-pills3 > li > span {

  border: 1px solid #dddddd;
  margin-right: 4px;


}

ul.nav-pills.nav-pills2 > .active > a,
ul.nav-pills.nav-pills2 > .active > span {
color: #525252;
    cursor: default;
    background-color: #ccc;
    border-color: #999;
}

ul.nav-pills.nav-pills2 > li > a:focus{
background-color: #eee;
}

 ul.nav-pills.nav-pills2 > li > a:hover{
background-color: #0088cc;
    color: #FFFFFF;
}

 ul.nav-pills.nav-pills2 > .disabled > span,
 ul.nav-pills.nav-pills2 > .disabled > a,
 ul.nav-pills.nav-pills2 > .disabled > a:hover,
 ul.nav-pills.nav-pills2 > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

 ul.nav-pills.nav-pills2 li a{
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}







/* add an icon to _blank page links */
.container a[target=_blank]:after, .container-fluid a[target=_blank]:after
{ 
 content: "\f08e";
 color: #989898;
 font-size: 0.8em;
 text-decoration: inherit;
 display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    padding-left:5px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

a[rel="external"]:after {
    content: "\f08e";
 color: #989898;
 font-size: 0.8em;
 text-decoration: inherit;
 display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    padding-left:5px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}



img a[target=_blank], .gm-style a[target=_blank]
{ 
margin-left: 0; 
padding: 0; 
background-image: none; 
}




dt, dd {
line-height: 1.8em;
}

/* article and news images */

figure{
margin: 0px 0px 15px 0px !important;
background: #eee;
}

figure img{
width:auto;
}

figcaption{
padding:3px 6px;
font-size: 0.7em;
color:#555;
font-family:verdana;

}

/* sidebar infomation design */

.related-sidebar h3, .related h3, .related-sidebar div.news_heading{border-top: 3px solid #00a8de; line-height: 1.6em;font-size: 20px;letter-spacing:normal;}

.related-sidebar ul li{ list-style-type: none;}

.related-sidebar ul li:before{ content: "-";
        position: relative;
        float: left;
        width: 15px;
        margin-left: -15px
}

.related-sidebar #news h3, .related-sidebar div.news_heading{border-top: 3px solid #c2508b;font-weight:bold;}
.related-sidebar #calendar_feed h3{border-top: 3px solid #b0c32c;  }

.related-sidebar .news{margin-bottom: 30px;}

.news h2, .news h3{border-top: 3px solid #c2508b;}


.related-sidebar .news img.newsthumb
{
  width:30%;
 }
.related-sidebar .news .newslist
{
margin-bottom:5px;
 }

.view-all-link {text-decoration: underline;
  font-weight: bold;
  margin-top: 12px;}



ul.list li{
        list-style-type: none;
    }
    
ul.list li:before{
        content: "-";
        position: relative;
        float: left;
        width: 15px;
        margin-left: -15px
}


 /* contact box */

.related-sidebar #contact ul li:before
{
    content: none;
}

#contact {
	background-color: #f1f1f1;
	border-top: solid 4px #717171;
	padding-left:10px; padding-right:10px;
	margin: 0;
		font-size: 1.1em;
}

#contact ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#contact li {
	border-bottom: solid 1px #d9d9d9;
	padding-bottom: 6px;
	padding-top: 6px;
}

#contact a:link, #contact a:visited {
	text-decoration: none;

	font-weight:bold;
	/* In color version - color: #19548e; */
}

#contact a:hover {
	text-decoration: underline;

	color: #000000;
	font-weight:bold;
	}

#contact_des {

	color: #666;
}

#contact_subhead {

	font-weight:bold;
}


.contact_heading {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding:4px 0 12px 0;
	line-height:26px;
	color: #717171;
}	


.contact h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding:4px 0 12px 0;
	line-height:26px;
	color: #717171;
	border-top:none !important;
}	

.contact  {
	font-size: 1em;
	background-color: #f1f1f1;
	border-top: solid 4px #717171;
	padding:0px 10px 10px 10px; 

	margin: 0px 0px 30px 0px;
	
}	


/* calendar design */

.calendar-feed h3{
border-top: solid 3px #b0c32c;
}

.calendar-feed img{
width:30%;
}

/* sidebar calendar design */

.related-sidebar .calendar-feed {
margin-bottom:30px;
}

.related-sidebar .calendar-feed ul li{
margin-bottom:15px;
}

.related-sidebar .calendar-feed ul li .small{
line-height:15px;
}

/* sidebar news area */

.news_feed ul li, .rhcol_insert ul li, #task_list ul li, .calendar_feed ul li{
       
        list-style-type: none;
        margin-bottom: 5px;
}
    
.news_feed ul li:before, .rhcol_insert ul li:before,  .calendar_feed ul li:before{
        content: "-";
        position: relative;
        float: left;
        width: 15px;
        margin-left: -15px
 
}

/* realated websites design */

.rhcol_url li {
margin-left: 0;
padding: 0 0 6px 16px;
background-image: url(/common/public/icons/openwindow.gif);
background-position: top left;
background-repeat: no-repeat;
}




.related-websites ul li:before{
        content: " ";
}

.related-websites ul {
margin-left: 10px;

}

.related-websites li {
margin-left: 0;
padding: 0 0 6px 20px;
background-image: url(/common/public/icons/openwindow.gif);
background-position: top left;
background-repeat: no-repeat;
}

#photo_insert{border-top: 3px solid #00a8de; border-left:0;border-right:0;border-bottom:0}
#photo_insert img{width:100%; min-width:100%;}

/* readspeaker*/

.rsbtn_powered {display:none !important;}


/* navigations and menus*/

.nav-tabs .active > a > [class^="icon-"],
.nav-tabs .active > a > [class*=" icon-"]
 {
  /*background-image: url("/common/public/navimages/glyphicons-halflings-white.png");*/
  opacity: .8;
}

.navbar-inner {
 border:none; 
  }


.navbar .brand {
  margin: 0px 0px 0px 5px;
  font-size: 1em;
  color: #ccc;
  padding: 10px 10px 10px 0px;
}

.navbar a.brand:focus {
    background: #00a8de;
}
.navbar-link {
  color: #FFF;
}

.navbar .nav {
  margin: 0;
}




/* squeeze the navigation */
.navbar .nav > li > a {
padding: 12px 8px 12px;
font-size:0.9em;
}

/*  original nav size
.navbar .nav > li > a {
padding:12px 15px 10px;
}*/

.navbar-top {
top: 0;
}


.navbar-inner {
min-height: 45px;
 padding-right: 0px;
  padding-left: 0px;
  background-color: #000000;
  background-image:none;
  }

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #ccc;
}

.brand{margin-top:2px;}
.brand img{width: 170px;}

.navbar .brand {
margin: 1px 0px;
}

a.brand span.word{
width: 190px;
display:inline;


}

/* force the service tab to stay active */
.navbar-inverse ul.nav li.az.on {

  background-color: #444 !important;
}







.blackbg {
  background-color: black !important;
  line-height:22px;
}

.searchy{margin:6px 10px 0px 10px ;float:left;}
          
.searchy input
  { 
      -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;  
          font-size: 16px;
          
             }
             
.input-append {
font-size: 1em;
}

.searchy.input-append {
font-size: 0;
}

/* home page search box*/

.bigsearch{margin:0px 10px 0px 0px ;}
          

.bigsearch.input-append {
font-size: 0;
}

.bigsearch .btn{
display: inline-block;
  padding: 13px 16px;
}


.bigsearch .add-on:last-child, .bigsearch .btn:last-child, .bigsearch .btn-group:last-child > .dropdown-toggle {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 13px 12px;

font-size: 23px;
display: inline-block;
}

.bigsearch input{
border-radius: 0px;
  font-size: 22px;
  padding:10px;
 
  }

.news-auto .input-append{
width:100%;
}

.news-auto .input-append button{
margin: 0px 0px 0px 0px;
z-index: 3;
position: relative;
}

.news-auto .input-append input{
width: 95%;
margin-right: -38px;
height: 20px !important;
}


.news-auto .search-btn{float:right;margin-top:-38px;margin-right:-12px;z-index:33;position:relative;}


/*responsive imput-append inside formee */
.search-auto .input-append{
width:100%;

}


.search-auto .input-append button{
margin-right:-12px;
z-index: 3;
position: relative;
}

.search-auto .input-append input[type="text"]{
  width: 100%;
height: 38px;
  margin-right: -93px;
}

.search-auto .search-btn{z-index:33;position:relative;}

/*fat radio buttons when inside panels */

.panel input[type="radio"], .panel input[type="checkbox"] {
width: 22px;
    height: 22px;
    margin: 0px 0 0;
}



.news-list h2{font-size: 17.5px; border-top:0;letter-spacing:normal;}
.news-list h2{margin-top:0px;}

.nav-collapse2 .input-append {
margin-bottom: 0px;
padding: 6px 8px 6px 8px;
display: inline-block;
vertical-align: middle;
margin: 0px;
white-space: nowrap;

}

.searchy .add-on:last-child, .searchy .btn:last-child, .searchy .btn-group:last-child > .dropdown-toggle {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 6px 12px;

}

.alert-form-error {
  color: red;
  background-color: #f2dede;
  border-color: #eed3d7;
  margin:-6px 0px 18px 0px;
}

 
.collapse.width {
  float:left;
  height: 100% !important;
  width: auto;
 background:#555;
}


 
.collapse.height {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
 
 .collapse.width {
  position: relative;
  width: 0;
 
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}

/* ribbon menu fancy btns 
.nav-collapse.collapse {
height: auto;

}*/

.cogglogo{padding: 16px 25px 16px 40px;}
.galogo {margin-top: 26px;}

ul.nav {
font-size: 1.1em;
}

#submenu ul.nav {
 font-size: 1em;
}

.nav-collapse.collapse ul.nav {
height: auto;
overflow: visible !important;
}

.bigbtn .btn-navbar2.collapse.width {
      overflow: hidden;
}
 
.collapse.in.height {
  height: auto;
}
 

.mainmenu ul.nav > li {
float: left; 
}

.mainmenu ul.nav {
display:inline;
}

.breadcrumb span.divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb{
border:0px; 
color: #777;
border-bottom:4px solid #00a8de;
padding:8px 0px ;
font-size:1.2em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
background:transparent;
}

/* ribbon menu fancy btns */
.bigbtn {
  display: inline-block;
  *display: inline;
  padding: 12px 12px;
  height: 45px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #555;
  *background-color: #555;
  border: 0px outset buttonface;
}

input, button, select, textarea {
font-family:Arial, sans-serif;
}

/*.btn {margin: 2px 0px;}*/

.btn.menu {

padding: 12px 16px 13px 16px;
margin: 0px 2px 0px 0px;
font-size: 14px;
line-height: 20px;

text-align: center;

vertical-align: middle;
cursor: pointer;
background-color: #444;
  *background-color: #444;
border: none;
background-image:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
}


.btn.menu:hover {




text-align: center;

vertical-align: middle;
cursor: pointer;
background-color: #666;
  *background-color: #666;
border: none;
background-image:none;
}


.btn-orange 
{
    font-size: 19px;
font-weight: bolder;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f89406;
  
    border-top: 1px solid #f89406;
    border-left: 1px solid #d57b10;
    border-right: 1px solid #d57b10;
    border-bottom: 1px solid #d57b10;
    background-image: none;
  /*
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*/
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-orange:active,
.btn-orange.active {
  background-color: #c67605;
}

.btn-large{
  padding: 8px 16px;
  font-size: 15px;
}
.btn-oversize{
  padding: 12px 22px;
  font-size: 17px;
}

a.btn-success:visited, a.btn-info:visited, a.btn-primary:visited, a.btn-danger:visited, a.btn-warning:visited, a.btn-inverse:visited,
 .btn-primary:visited,
.btn-warning:visited,
.btn-danger:visited,
.btn-success:visited,
.btn-info:visited,
.btn-inverse:visited {
    color: white;
}


.navbar-inverse .userlogin li.dropdown.open > .dropdown-toggle,
.navbar-inverse .userlogin li.dropdown.active > .dropdown-toggle,
.navbar-inverse .userlogin li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #555;
}

.navbar-inverse .nav > li.dropdown.open > a:focus {
color: #ffffff;
background-color: #666;
}

 .navbar .container {
    width: 940px;

}


  /* services dropdown */


.open > .dropdown-menu2 {
  display: block;
}
.dropdown-menu2 {
  margin: 0px 0 0;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 1.1em;
}
.dropdown-menu2 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

 .az-nav{ 
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color: #f1f0f0;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  }
 
 .az-nav .pagination{margin: 12px 15px 13px 15px;}
  
.nav-services {list-style:none;}
.nav-services {margin-left:5px;}


  
 /* 
.open .services span.caret{
	display:none;
}
.services span.icon-remove{
	display:none;
}
.open .services span.icon-remove{
	display:inline;
}

  search only dropdown on hover 
ul.userlogin li.dropdown:hover ul.dropdown-menu{
    display: block;    
}*/

  /* menu only dropdown on hover -  adds hover effect to mobile too... 
li.dropdown:hover ul.dropdown-menu{
    display: block;    
}*/

/* dropdown style */
.dropdown-menu, .dropdown-menu2 {
  margin: 0px 0 0;
  -moz-border-radius: 2px;
border-radius: 2px;
font-size:1.1em;

}


.dropdown-menu > li > a {
padding: 3px 20px;
line-height: 23px;
color:#0b75c2;
}

.dropdown-menu > li > a:visited {
    color: #639;
  }
  
.dropdown-menu > li > a:active, a:focus {
  background-color: rgb(255, 213, 88);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #FFF;
  background: #333;
text-decoration: underline;
background-color: #00a8de;

}


.navbar-inverse .caret {
border-top: 4px solid #999;
}  


.dropdown-menu span.small, .userlogin li.small{
color:#999;
font-size:0.7em;
margin-top:0px;
}
.dropdown-menu a:hover span.small{
color:#FFF;
}

/* other site dropdown */

.sites li{}
.sites ul li a {}
.sites li.last{}


/* mega tab */

.mega{margin-top:30px;}


.mega li a {
font-size: 1.5em;

letter-spacing:-0.03em;

padding: 20px 30px 20px 30px;

}

.mega li a:active {

text-decoration:underline;
}

.mega li.active a:hover {
text-decoration:none;
}

.mega li a:hover{
text-decoration:underline;
}


/* panels, alert and info boxes*/


 /* panel stack efect css3   
  .row {      -moz-column-count: 3;
  -moz-column-gap: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  column-count: 3;      
    column-gap: 0px;
    width: 1230px; 
    }      
    
.span4 > panel{    display: inline-block;     }*/

.alert-notice, .alert-notice h4 {
  color: #9D7632;
}
.alert-notice {
  background-color: #FCF6D6;
    border: 1px solid #F0DDB9;
}

.alert-message {
  color: #20740f;
  background-color: #cdeb8b;
  border-color: #aacf58;
  font-size:1.3em;
  font-weight:bold;
  padding:20px;
  text-align:center;
}

.alert-fat {
  font-size:1.3em;
  font-weight:bold;
  padding:20px;
  text-align:center;
}
.alert-fat .progress {
margin-bottom: 0px;
}


.alert h1:nth-child(1), .alert h2:nth-child(1), .alert h3:nth-child(1) {
   /*  margin-top: 0px;*/
}

.alert h1:nth-last-child(1), .alert h2:nth-child(1), .alert h3:nth-last-child(1) {
    margin-bottom: 0px;
}

.alert-important {border-radius:0px !important; webkit-border-radius:0px; border:3px solid;}

.panel-important {border-radius:0px; webkit-border-radius:0px ; border:4px solid !important;}

.panel, .panel h4 {
}

.panel h3 {
line-height: 1em;
}

.panel {
padding: 8px 15px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f8f8f8;
border: 1px solid #d7d7d7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 

}

.panel-fat {
padding: 20px;
}

.panel-blue {

  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-green {
  background-color: #e4f5dc;
  border-color: #9de3ad;
}

.panel-info {
background-color: #dcf1ff;
border: 1px solid #abddff;
color:#2a79ae;
}

.panel-warning {
background-color: #f5ee85;
border: 1px solid #f8d306;

}

.panel-mini {
padding: 6px 8px;
}

.panel-white {
background-color: white;
}
.panel-white h4 {
  font-weight:normal;
  border-bottom:1px solid #d7d7d7;
  padding-bottom:5px;
    margin-bottom:20px;
}

/* colour panels */

.panel.intro 
{
    color:#FFF;
/*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
  text-shadow: 0 1px 0 rgba(60, 138, 199, 1);
    
  background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #2183c4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#2183c4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#2183c4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#2183c4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#2183c4 100%); /* IE10+ */
background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#2183c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#2183c4',GradientType=0 ); /* IE6-9 */
}

.panel.intro .close {
background: none;
border: none;
}


.panel.community
{
    /* border:0px;
border-top: 4px solid #0066ae;
background:#e9f0f4; */

}
    
.panel.business
{
   /* border:0px;*/


}
     
.border-top
{
border-top: 4px solid #0099cc;
}

.black-bg
{
background:#000;
color:#FFF !important;
}


/* big bold promo text */

.promo-text
{
color:#FFF !important;
padding: 6px 12px;
background-color:#000;
display:inline;
float:left;
margin: 0px;
clear: left;
}
.promo-text-blue
{
color:#FFF !important;
background-color: #0099cc !important;
}


.promo-text-blue a, .promo-text a
{
color:#FFF;
text-decoration:underline;
}



/* override sub tables inside .table */
table.table table tr td {
padding: 0px;
border-top: none;
}

.table.nopadtable th, .table.nopadtable td{padding: 8px 0px;}


/* dragger */

.panel .dragger {
border-bottom: 1px solid #999;
cursor:move;
padding:3px;
opacity: 0.2;
filter: alpha(opacity=20);
}
.panel .dragger:hover {
border-bottom: 1px solid #555;
cursor:move;
padding:3px;
opacity: 0.6;
filter: alpha(opacity=60);
}

/* side bar nav colors override */
.sidenav-holder .nav-tabs > .active > a,
.sidenav-holder .nav-tabs > .active > a:hover,
.sidenav-holder .nav-tabs > .active > a:focus  {
  color: #FFF;
  cursor: default;
  background-color: #0AA7D6;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}


.sidenav a:hover .icon-chevron-right, .sidenav a .icon-chevron-right {
opacity: .5;
}



div#panel1 .collapse {
height: 13px;
}

/* form select box override */
select {
width: 100%;

}

/* login and lock */
.secure{background:#f1c11e;padding: 13px 13px 12px 13px;right:0px;}
.login {margin-right: 40px;}
li.login a:hover span{text-decoration:underline;}

.userlogin li a{background:#444;height:25px;line-height:1.8em;}
.userlogin li a:hover{background:#666 !important;}

.userlogin ul li a{background:#FFF !important;color:#0088cc;}
.userlogin ul li a:hover{background:#FFF!important; color:#005580;text-decoration:underline;}

.ga-user {padding-right:5px;font-size: 0.9em;
}



ul.nav.userlogin > li > a {
padding: 9px 15px 11px;
color: #FFF;
line-height:1.7em;
}


.userlogin .dropdown-menu {
min-width: 0px;
}
.userlogin .dropdown .caret {
margin-top: 12px;
}

/* login popover style */
.login .popover.bottom {  margin-top: 10px;  width:160px;margin-left:-80px;}
.login .popover.bottom .arrow {  top: -11px;  left: 77%;  margin-left: -11px;  border-bottom-color: #999;  border-bottom-color: rgba(0, 0, 0, 0.25);  border-top-width: 0;}
.login .popover.bottom .arrow:after { top: 1px;  margin-left: -10px;  border-bottom-color: #ffffff;  border-top-width: 0;}


/* tooltip override */
.tooltip{
    font-size:0.9em;

}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip-inner 
{
    text-shadow: none;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}


/* tour prettybox*/
.prettybox{
  display: block;
  padding: 1px;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}



/* my geelong newsletters */
.newselectlist   label { display:inline;}
.newssum { padding: 5px 0px 5px 10px;   /* border-bottom: solid 1px #ccc; */ margin: 0px; }
.newsfreq { padding-left:10px; display:inline;color:#666;}
.newshead { /* font-size:1.3em; */ font-weight:bold; /* padding:0px 0px 8px 5px; */ cursor:pointer; }
.newselectlist  input[type="radio"], .newselectlist input[type="checkbox"] {margin:0px;}
.subscribe-success{background:#d4f0bb;padding:6px 10px;margin:8px 0px 15px 0px;}



/* mygeelong sign in, reset pass */

.form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 60px auto 0px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
      
      
      .form-signin h3 {
        padding-bottom: 12px;
        
      }
 .banner-signin {
        margin: 60px auto 0px;

      }
      
      
.spanlist{margin:15px 0px 30px 0px;}


/*tag clouds*/

.cloud { text-align:center; margin-bottom:15px; line-height: 1.4em;}
.cloud  a{ line-height: 1.4em;}
.cloud a.tag1 { font-size: 0.9em; font-weight: 100; text-decoration:none; padding-right:10px; }
.cloud a.tag2 { font-size: 1.0em; font-weight: 200; text-decoration:none; padding-right:10px;}
.cloud a.tag3 { font-size: 1.2em; font-weight: 300; text-decoration:none; padding-right:10px; }
.cloud a.tag4 { font-size: 1.4em; font-weight: 400; text-decoration:none; padding-right:10px; }
.cloud a.tag5 { font-size: 1.6em; font-weight: 500; text-decoration:none; padding-right:10px; }
.cloud a.tag6 { font-size: 1.8em; font-weight: 600; text-decoration:none; padding-right:10px; }
.cloud a.tag7 { font-size: 2.2em; font-weight: 700; text-decoration:none; padding-right:10px; }
.cloud a.tag8 { font-size: 2.5em; font-weight: 800; text-decoration:none; padding-right:10px; }
.cloud a.tag9 { font-size: 2.7em; font-weight: 900; text-decoration:none; padding-right:10px; }
.cloud a.tag10 { font-size: 2.9em; font-weight: 900; text-decoration:none; padding-right:10px; }

.cloud a:visited {text-decoration:none;padding-right:10px;}
.cloud a:hover {color:#000000;text-decoration:underline;padding-right:10px;}

/* custiom labels for mygeelong =========================================================*/

.label-Critical {
 
  padding: 4px 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color: #ffffff;
  background-color: #b10000;
  font-weight:normal;
      text-shadow:none;
  }
 
 
.label-High {
 
  padding: 4px 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color: #ffffff;
  background-color: #df7900;
  font-weight:normal;
    text-shadow:none;
  }
   
.label-Medium {
 
  padding: 4px 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color: #ffffff;
  background-color: #666666;
  font-weight:normal;
    text-shadow:none;
  }
   
.label-low {
 
  padding: 4px 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color: #ffffff;
  background-color: #000000;
  font-weight:normal;
  text-shadow:none;
  }
   
.label-priority {
  padding: 4px 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color: #ffffff;
  font-weight:normal;
  text-shadow:none;
  }
  
  .RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch tr.rgEditRow a, .RadGrid_MetroTouch .rgFooter a, .RadGrid_MetroTouch .rgEditForm a {
color: #0088cc !important;
}

.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
line-height: 1.4em !important; 
}

.project-table{
  margin-bottom:30px;
}
 
.RadGrid_MetroTouch .rgCollapse {
padding:4px !important;
display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/common/public/navimages/glyphicons-halflings.png") !important;
  background-position: 14px 14px;
  background-repeat: no-repeat;

      background-position: -24px -96px !important;   
 
}

.RadGrid_MetroTouch .rgExpand {
padding:4px !important;
display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/common/public/navimages/glyphicons-halflings.png") !important;
  background-position: 14px 14px;
  background-repeat: no-repeat;
 background-position: 0 -96px !important;
 
}

/* bootstrap the RadComboBoxDropDown =========================================================*/

.RadComboBoxDropDown {
  border-width: 0px;
  border-style: none;
  BACKGROUND: #eee;
  text-align: left;
  cursor: default;
  position: absolute;
}


.rcbSlide {
background-color: white !important;
}

/*  responsive video container - wrap class around youtube embed ============================================= */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* councillor headshot squasher in community concepts =========================================================*/

.councillor-heads span.span3:nth-child(2) h5{
line-height:0.8em;
margin:6px;
}
.councillor-heads span.span3:nth-child(2) p{
margin:5px 0px;
}



/* services footer =========================================================*/
.footer .services-list li{display:inline;padding:0px 3px;}


/* mayor =========================================================*/

.btn-gold {
  color: #000 !important;
  background-color: #FFFEAB;
  *background-color: #d18f23;
  background-image: linear-gradient(to bottom, #E7CB3D, #D8B346);
  border: 1px solid rgb(194, 171, 46);
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.btn-gold.disabled,
.btn-gold[disabled] {
  color: #ffffff;
  background-color: #D8B343;
  *background-color: #de9825;
}

.btn-gold:active,
.btn-gold.active {
  background-color: #c67605 \9;
}


.mayor-head-wrapper {
background-image: url(/common/public/navimages/mayor-head-bg.jpg);
background-repeat: repeat-x;
background-position:center top;
margin: 0px auto;
background-color:black;
border-bottom:3px solid #c9a97b;
color: white;
margin-top: -20px;
padding: 20px 0px;
}



.mayors-header
{
*height:250px; /* ie7 hack */

}

img.crest{

}


img.crest-divider{
float: right;
margin: 0px 14px 0px 0px;
*display:none; /* ie7 hack*/
}

.container-centered
 {
  margin-right: auto;
  width: 100%;
  margin-left: auto;
}

.container-centered .row
 {
  width:1170px;
}


.invest-mayor
{
     margin-top: -130px; 
     position:relative;
}

.mayors-mini-menu
{

  padding: 15px 0px 5px 0px;
}
.mayors-logo
{
    margin-left:0px !important;
    zoom: 1;
    
}
     
             
.mayors-logo-mini{margin:0px !important;padding:0;}

.mayors-panel
{
      /*background: url("/common/public/navimages/MayorLyons.png") right -150px no-repeat #dddfe5;*/
background-color:#dddfe5;     

 }
              
.mayors-header  .photo img{position: relative;margin-left:0px; margin-top:0px;}
 

div.dpSocialTimeline a[target=_blank]
{ 
margin-left: 0;
padding: 0 !important;
background-image: none !important;
}

.talk
{
    padding:0px 20px 10px 20px;
      background:#e7f7ff;
      border-top :2px solid #ddd;
        -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
            -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);




      }
      
 .tab2 iframe{ /* expand the twitter iframe to fit */
    width:100%;  
    
    
min-height: 2280px;
/*height: auto !important;*/
/*height: 2280px;*/

/*fudge the twitter box height for ie*/
 _height: 2000px; 
*height: 2000px;
    

}   


.talk .fb-like-box {
background:#FFF;
}

.talk .tab-content 
{
    

    
/*overflow:hidden;*/
}  
     
.talk .tabbable
{
   margin-top: -45px;    
}     

/*.talk .tab-content #tab3.tab-pane {

display:block !important;
margin-left:-7000px;

}
  
.talk .tab-content #tab3.tab-pane.active {

display:block !important;
margin-left:0px;

} */

.talk .tab-content #tab2.tab-pane {



}


.talk .tabbable .nav-tabs > .active > a, .talk .tabbable .nav-tabs > .active > a:hover, .talk .tabbable .nav-tabs > .active > a:focus {
color: #555555;
cursor: default;
      background:#e7f7ff;
border: 1px solid #ccc;
border-bottom: 2px solid #e7f7ff;

}

.talk .tabbable .nav > li > a:hover, .nav > li > a:focus {
background-color: #ccc;
}

      
.talk-arrow{ 
background: url("/mayor/images/talk-arrow.png") left top no-repeat;
  margin-left: 70px;   
padding: 40px;
     
     
/* height: 80px; */
margin-top: -80px;
position: absolute;
}

img.newsthumb
{
  float:left;
  clear:both;
  margin:0px 10px 10px 0px;
  width:40%;
 }


.newsthumb-news
{ float:left;
  clear:both;
  margin:0px 10px 8px 0px;
    }


h2 .social-mayor .tooltip {line-height: 1em; font-size: 0.7em !important; letter-spacing:0;}

.social-mayor{float: right;
margin: -40px 0px;}


/*news arrows - back forward 
.arrow-wrap {
        margin-left: -45px;
}

.arrows {
        position: fixed;
        width: 1030px;
        margin: 0 auto;
z-index:150;
top:50%;
}

a.prev, a.next {
    background:#ddd;
   padding:10px 10px;
   line-height:5em;
}
 
a.prev {
    float: left;
}

a.next {
    float: right;
 }

a.next i{
}

.arrows a:hover{
    background:#111;
}

.arrows .blurb {
width:230px;
 display:none;
font-size:1.3em;
     line-height:1.4em;
}

.arrows .blurb:hover {
text-decoration:underline;
}

.arrows a.next:hover .blurb {
    display: block;
 float:left;
  color:#FFF;
  margin-right:15px;
}

.arrows a.prev:hover .blurb {
    display: block;
 float:right;
 color:#FFF;
   margin-left:15px;
}*/

/*news arrows - back forward */


.arrows {
      background:#f1f1f1;
      margin-left:0px;
}

a.prev, a.next {
    background:#f1f1f1;
   padding:10px 10px;
   line-height:1em;
   display: block;


}
 
a.prev {
    /* float: left; */
           text-align:left;
		   display: block;
margin-left: -30px;

}

a.next {
  text-align:right;
   /* float: right;*/

 }

a.next i{
   float:right;
}

a.prev i{
  float:left;
}

.arrows a:hover{
    background:#f1f1f1;
}

.arrows .blurb {
font-size:1.2em;
line-height:1.4em;
}

.arrows a:hover .blurb span{
  text-decoration:underline;

}

.arrows a:hover .blurb div.small{
  text-decoration:none !important;

}



.arrows .next .blurb img {
float:right;
margin:5px 0px auto 15px;

}

.arrows .prev .blurb img {
float:left;
margin:5px 15px auto 0px;
}


.news-auto ul#ctl00_ContentPlaceHolder1_AutoCompleteExtender1tag_completionListElem {margin:0px;padding: 2px !important;}

 /* responsive fb box hack for the news section*/
.fbnews .fb-like-box, .fbnews .fb-like-box span, .fbnews .fb-like-box span iframe[style] { width: 100% !important; }




.img-news{border:1px solid #ccc; width: 200px;} 

#expand-box {
    border-top:none;
    padding:0px;
    margin: 8px 0px;
    display:none;
}

/*input.news-search {
background-image: url("/common/public/icons/search-icon.png");
background-repeat: no-repeat;
background-position:right;

}*/


/*channel design */

.snapshots img
{
    width:100%;
  margin-bottom: 6px;
  border: 1px solid #ddd;
  
}

.info-snapshot div.span2:nth-child(4n){
	  margin-bottom: 35px;

}

/*tasks and questions item page design */

.tasks h3 {border-top: 3px solid #f7b334;}
ul.toptask {color:#0088cc;}
ul.toptask a:visited {color: #639;}

.related-sidebar .tasks ul li:before{ content: "";
}
        
.related-sidebar .tasks ul li{ 
        text-decoration: none;
        }
.related-sidebar .tasks ul li{ 
        text-decoration: none;
        }
        
.related-sidebar > h3:nth-child(1){margin-top:0px;}

#task_list { margin-bottom:30px;}

#tasks h3, #tasks .tasktitle 	 	
{
  font-size: 1.8em;
	
  letter-spacing:-0.05em;
	font-weight:bold;
	margin:0;
	padding:4px 0 9px 0;
	line-height:26px;
	border-top: solid 3px #f7b334;}
	
#task_list ul, .contentlist ul {
    list-style-type:none;
	margin: 0;
	padding:0;
    }
    
#task_list li, .contentlist li	{ 
	/* font-size: 0.9em; */
	padding-left: 15px;
	margin-bottom: 2px;
	margin-top:2px;
	background-image:url(https://www.geelongaustralia.com.au/common/public/icons/bullet_arrow_right.gif);
	background-position:top left;
	background-repeat: no-repeat;
	}
	
	
	
#task_list a:link, #task_list a:visited, .contentlist a:link, .contentlist a:visited {
	text-decoration: none;	
	
}

#task_list a:hover, .contentlist a:hover {
	text-decoration: underline;

	}	
	
	.related-sidebar #task_list h2, #task_list .tasktitle 	 	
{
  font-size: 1.4em;
  letter-spacing:0em;
	font-weight:bold;
	margin:0;
border-top: solid 3px #f7b334;

	}
	
		.related-sidebar #task_list ul li	 	
{
margin-left:15px;
	}
	
.question {
border: 1px solid #cccccc;
background: #fafafa;
padding: 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;


}	

.question_title {cursor:pointer; Margin:8px 0px;  padding:6px; }	
.feedback_title {Margin-bottom:10px;  }	
.question_title_image, .feedback_title_image {float:left;}     
.question_title_text {margin-left:25px;color:#0088cc;cursor:pointer;  } 
.question_title:hover{background:#f1f1f1; } 

.question_body {margin-left:20px;}

.doc_list ul{margin-left:0px;}
.doc_list ul li{list-style:none;line-height:2em;}
.doc_list ul li img{margin-right:5px;}


.link {
  color: #0088cc;
  text-decoration: none;
}
.link:hover {
  color: #0088cc;
  text-decoration: underline;
}


.featurelist{
padding:10px 0px;border-bottom:1px dotted #ccc;

}
.featurelist img{
margin-right: 10px;
	
}

.update-box {
  position: relative;
}


/* full width pages ie maps =========================================================


.navbar.full-width .container {
    width: auto !important;

}

.navbar.full-width .brand {
    padding-left:20px;
}*/


/* maps =========================================================*/

/*
.row-offcanvas  .spanleft {display:none; }
.row-offcanvas  .spanright {width:100% !important;float:right !important;}

.row-offcanvas.active .spanleft {width:20% !important;float:left !important; display:block; }
.row-offcanvas.active .spanright {width:75% !important;float:right !important;}
*/
     
.gm-style img {
    max-width: none;
  }

  .gm-style label {
    width: auto; display:inline;
  }

#mapCanvas label { 
  width: auto; display:inline; 
} 
     
     
.map #ctl00_ContentPlaceHolder1_UpdatePanel3{margin-top:10px;  }

.map-holder{ width:100%;margin:0 auto; height:100%;}

.map #ctl00_ContentPlaceHolder1_map { width:100%;  margin:0 auto; overflow:hidden;height:100% !important;}

.map #subgurim_map{/* -webkit-transform: translateZ(0px); */ width:100%;margin:0 auto; min-height: 350px; /* overflow:hidden; *//* background:red; */}


.map #ctl00_ContentPlaceHolder1_UpdatePanel1{
height:100%; 
    width: 100%;

}

.map-tablet-title
{
    float:left;
    font-size:1.3em;
    font-weight:bold;
    }

.map-holder .tab-content {
-ms-overflow-y: auto;
overflow-y: auto;
overflow: auto;
margin:0px;
padding:0px;
}

.tab-pane
{
 margin:0px;
padding:0px;
}


.map .checkboxxy input[type="checkbox"] {
margin: 0;
}

.map .checkboxxy label{
display:inline;
line-height: 2.4em;
vertical-align: middle;
margin-left: 2px;
    }

#ctl00_ContentPlaceHolder1_Panel1{}
#ctl00_ContentPlaceHolder1_Panel2{}

.map-searchy{margin-left: 0px !important;}



.map-suburb{
width: 230px !important;
 line-height:30px;
font-size: 1.3rem;
margin-right: 5px;

}

select.map-suburb{
       padding: 10px; 
        
       height: 46px !important;
       line-height: 30px;
       
    
    }

.btn-map-search
{
    font-size:1.3rem; 
    line-height:30px;
    vertical-align: top;
margin: 0px;
}

.map-icon-list{width:20px}

input.mapsearch{width:400px !important; font-size:1.3rem;margin-right:5px;}

ul#ctl00_ContentPlaceHolder1_AutoCompleteExtender1tag_completionListElem.mapdrop {margin:0px;padding: 5px !important;font-size:1.3em;background:#FFF; border:1px solid #ccc;}

ul#ctl00_ContentPlaceHolder1_AutoCompleteExtender1tag_completionListElem.mapdrop div{margin:0px;padding: 0px !important;font-size:1.2rem; line-height:1.6rem;line-height:1.6em; cursor:pointer;}

#ctl00_ContentPlaceHolder1_UpdatePanel2{
   /*height:inherit;*/
}
     
     
.googlemap
{
   height:100% ; 
    width: 100%;
    position: absolute;
    /* margin-left:30px;*/
    margin-top:-20px;
    
    }

.mappanel button
{
float: left;
z-index: 3;
position: absolute;
height:100%;
width:30px;

}
.mapside .collapse.width {
        	background:#FFF !important;
      }

.mapside 
{
    margin-right:20px;
          overflow:hidden;
          }
 
.mappanel {
      width: auto;
    
      overflow: hidden;
      margin-top:0px;
    
      
    }
 
 
 small.maps-title{font-size:17px;font-size:1.1em;}
 
.mapbtn {
      height:100%;
      /* background-color: #3D6AA2; */

      &.collapse {
        float:left;
        height: 100% !important;
        width: auto;
      }
  
      &.collapse.height {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.35s ease;
        -moz-transition: height 0.35s ease;
        -o-transition: height 0.35s ease;
        transition: height 0.35s ease;
      }
  
      &.collapse.width {
        position: relative;
        width: 0;
        overflow: hidden;
        -webkit-transition: width 0.35s ease;
        -moz-transition: width 0.35s ease;
        -o-transition: width 0.35s ease;
        transition: width 0.35s ease;
        	background:#FFF;
      }
      
      &.collapse.in.width {
        width: auto;
      }
      
      &.collapse.in.height {
        height: auto;
      }
    
       .collapse-inner {
        position: relative;        
        width: 250px;
        height: 100%;
      }
          
     
        
    }


/* rockin the suburbs/places =========================================================*/

.suburb-ego {
/* width: inherit; */
padding: 20px;
margin-top: -120px;


/* color: #fff !important; */

position:relative;
font-weight: bold;
letter-spacing: -0.04em;
z-index: 22222;
}

.box-height{max-height:300px; overflow-y:auto; overflow-x:auto; border-top:1px solid #ccc;}


.explorepanel {
background: #000;
color: white;
padding: 20px 0px;

}

.explorepanel h1, .explorepanel h2, .explorepanel h3, .explorepanel h4 {
color: hotpink;
}

.parkspanel {
background: #588547;
color: white;
padding: 20px 0px;
}

.parkspanel h1, .parkspanel h2, .parkspanel h3, .parkspanel h4 {
color: white;
}

.span12.ispadded {
    width: 1130px; /* 300 - (10x2) */
    padding: 20px;
    background: #CCC; /* just so you can see it */
}

.span12.ispadded .span2 {
    width: 115px; /* 300 - (10x2) */
    background: #CCC; /* just so you can see it */
}

/* layout the thumbs for instgram feed on on parks  */

ul#instafeed li.span3:nth-child(4n+1) {
  margin-left: 0px;
}

ul.unstyled li:before{
content: none;
}


/* layout the thumbs for instgram feed on visiting  */

.visiting .ul#instafeed li:hover .insta-like:before{
content: "View on instagram   ";
}


.visiting ul#instafeed li img {
border: 1px solid #999;
width:144px;
}


.visiting .insta-like {margin-top:-20px;padding:0px 5px;font-weight:bold;position:relative;float:right;color:#fff;background:#000;font-size:0.8em;
                       }



.parksimages ul#instafeed li a.instagram-thumb img {
max-height: 50px !important;
height: 50px !important;
overflow: hidden;
width: 98px;
}

.parksimages .insta-icon {margin-top:-20px;width:20px; height:20px; padding:0px;position:relative;float:right;background:url(/common/public/icons/insta-white.png) no-repeat;}



.popparks .span2 .imageholder {

overflow: hidden;
}

.popparks .span2:nth-child(6) {
  margin-bottom:30px !important;
}


.allparks .span2 .imageholder {
   height: 160px;
   overflow: hidden;
}


.photolist .span2 .thumbnail {
    height: 107px ;
    overflow: hidden;
}

.insta-thumblist ul li 
{
    width: 107px ; 
    margin-bottom:14px;
    }
.insta-thumblist ul li:nth-child(3n+1) {
  margin-left: 0px;
}

.insta-thumblist ul li 
{
  padding: 0px;
    }
.insta-thumblist li .thumbnail > img {
 display: inline !important;
}

/* ga goole search page  =========================================================*/
.google-searchbox input {font-size:22px !important;line-height:28px; margin-bottom: 0px;padding: 8px;}

.google-searchbox input.btn {
padding: 8px 16px;
}

.google-search-results{font-size:110%;}


/* consult =========================================================*/

.consult h3{font-family:Arial Narrow , sans-serif;letter-spacing: 0em;}


/* services page spacing =========================================================*/

.services-page div{padding:0px 0px 10px 0px;}

/* google translate box =========================================================*/

#translate
{
color:#FFF;
/*background:#555555;*/
padding:3px 15px 8px 0px;
/*font-size:0.8em;*/
width:245px; 
margin:0px auto;
margin-bottom: 5px;
/*border-top:1px solid #888;
border-left:1px solid #555;
border-bottom:1px solid #111;
border-right:1px solid #222;*/
/*background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));*/ /* for webkit browsers */
/*background: -moz-linear-gradient(top,  #555,  #333);*/ /* for firefox 3.6+ */ 


/*-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.35) ;
	-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.35);*/
}
#translate img{padding-left:0px;}
#translate h4{float:left;font-size:1.0em;margin:4px 10px 0px 0px;padding:0px;color:#555555;}


select.goog-te-combo 
{
text-indent:0px;
border-color:#555555;
margin:1px 0 !important;
}

.goog-te-combo
{
text-indent:-1000px;
color: #00AEEF;
font-weight: bold;
width:165px !important;
}

.goog-logo-link
{
display:none !important;
}

.goog-te-gadget{height:28px;font-family:arial;font-size:9px;color:#444; width:170px; color:transparent !important;}

.tis_icon{
	width:22px;
	vertical-align:-2px;
	border-radius:4px;
}

#tis_icon{
	margin-right:15px;
}

.span3.footerlogo{
    width: 300px;
    margin-left: 0px;
}

/* GA super responsiveness =========================================================*/

/* Large desktop ==========================================================*/
@media (min-width: 1200px)  {



.visiting ul#instafeed li:nth-child(n+8){
display:none;

}
.galogo {margin-top: 38px;}

.visiting ul#instafeed li img{
width:155px;
}


.parksimages ul#instafeed li a.instagram-thumb img {
max-height: 62px !important;
height: 62px !important;
overflow: hidden;
width: 98px;
}

.eventfeature .span2 .imageholder {
max-height: 107px;
overflow: hidden;
}
   

.mayors-header .photo img {
position: absolute;
margin-left: -160px;
}
 
img.crest, .city-title img  {
width:240px;
}
 
img.crest, .city-title img  {
width:240px;
} 

.mayor-title img  {
width:310px;
} 

.mayors-header .photo  {
margin-top: -15px;
}
 
    
.huge-text{font-size:6em;font-family:Arial black, Arial, Helvetica, sans-serif; }
.large-text{font-size:4em;font-family:Arial black, Arial, Helvetica, sans-serif; line-height: 0.9em;}
.mega-text{font-size:9em;font-family:Arial black, Arial, Helvetica, sans-serif; }



  
  .searchy input
  { 
      
line-height: 1.5em;
height: 1.5em !important;
             }
             
   .navbar .container {
    width: 1170px !important;
    padding: 0;
}
  

.sidenav{min-width:370px !important;}
.sidenav-holder .affix{top:30px;}

 
 
.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
font-family: Arial,Helvetica,sans-serif !important;
}


}

/* Portrait tablet to landscape and desktop =========================================================*/
@media (min-width: 981px) and (max-width: 1199px)  {


.galogo {
  margin-top: 30px;
  width: 400px;
}
  .mayors-header .photo img {
position: absolute;
margin-left: -55px;
width: 425px;
}

img.crest-divider{
display:none;
}


.mayors-header .photo  {
/* margin-top:-70px; */
}	
	
.eventfeature .span2 .imageholder {
max-height: 88px;
/*height: 88px;*/
overflow: hidden;
}


 .navbar .container {
    width: 1170px; 

  }

}


 /*  desktop =========================================================*/
@media (min-width: 980px) {
  
/* hover for desktops only*/




.large-text{font-size:2.6em;font-family:Arial black, Arial, Helvetica, sans-serif;line-height: 0.9em;}

 .larger-text{font-size:180%;line-height:120%;}
.mega-text{font-size:8em;font-family:Arial black, Arial, Helvetica, sans-serif;}
  
    navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  
    .searchy input
  { 
      
line-height: 1.5em;
height: 1.5em !important;
}
  
  .navbar .container {
 width: 940px; 
    padding: 0;
  }

  /*
  .navbar .btn-navbar {
    display: block;
  }  */
   
  .sidenav{min-width:300px;}
  .sidenav-holder .affix{top:30px;}
  
.navbar-fixed-top, .navbar-fixed-bottom {
position: relative;
}

/* New Footer */
.span3.footerlogo{
    width: 300px;
    margin-left: 0px;
}

.span9.footer{
    width: 640px;
}

.span2.social-links{
    width: 155px;
}

/* ---------- */


}
 
 
 
 
/* Portrait tablet to landscape and desktop =========================================================*/
@media (min-width: 768px) and (max-width: 979px)  {
    
    
    
  /*  .btn.menu {
    background-color: #000;
}

.navbar-inverse .navbar-inner{
      background: url(/common/public/navimages/COGG-bg.jpg) #00244a top right no-repeat;
    color: white;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #003a69;
}
.userlogin li a {  
background-color: #000;

}*/
    
    
.huge-text{font-size:4em;font-family:Arial black, Arial, Helvetica, sans-serif; }
.large-text{font-size:2.2em;font-family:Arial black, Arial, Helvetica, sans-serif; line-height: 0.9em;}
    .mega-text{font-size:8em;font-family:Arial black, Arial, Helvetica, sans-serif; }
        .mayors-header {
height: 180px;
}

.navbar .brand {
  padding: 10px 10px 10px 20px;
}

.userlogin li a {
	font-size:0.9em !important;
font-weight:normal !important
}

.galogo {margin-top: 5px;  width: 350px;}


 .mayors-header .photo img {
float:right;
/* width:210px; */
}

    .mayors-header .photo  {
/* Float:right; */
/* margin-top:-60px; */
}

 .mayors-header .mayor-title {

/* width:510px; */
}


.navbar .container {
  width: auto ;

}

.invest-mayor
{
     margin-top: -85px; 
     position:relative;
}
    
/* map*/
#mapmenu .tabbable ul.nav-tabs li{
font-size: 0.8em; 
}

input.mapsearch{width: 300px !important; margin-right:3px;font-size: 1.1rem;}

.map-suburb {
width: 190px !important;
line-height: 1.8em;
font-size: 1.1rem;
margin-right: 3px;

}
.btn-map-search {
font-size: 1.1rem;
line-height: 1.5em;
}



.arrows {

      
}

    
    .userlogin .dropdown i  {
margin-top: 7px;
}
    
.sidenav{min-width:228px;}
.sidenav-holder .affix{top:30px;}

.searchy input.span2 {
width: 190px;
}

  .searchy input
  { 
     
height: 1.5em !important;}
             
.nav-collapse .dropdown-menu {
padding: 10px;
background: #eee;
margin: 0px;
}
    
    

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
    padding: 0px;
}
    
    
    
.nav-collapse, .nav-collapse.collapse {
height: 0;

}

.nav-collapse.collapse.major 
{
     z-index:10;

     /* position: relative; */

     margin: 0px 20px 0px 20px;

     /* padding: 20px 0px; */
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.major ul{
    min-width:340px;
}

.nav-collapse.collapse.major ul.nav {background:#FFF;border:1px solid #999;position: relative;/* float:left; */ z-index:2000;}

.nav-collapse.collapse.in ul.nav {

}

.nav-collapse.collapse.major ul.nav {
position: relative;

left: 0;
z-index: 1000;
padding: 8px;
margin: 10px 0 20px 0px;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

.nav-collapse.collapse.major .nav > li > a {
 font-weight: bold; 
text-shadow: none;
color:#222;
}

.nav-collapse.collapse.major .nav > li > a:hover, .nav-collapse.collapse.major .nav > li > a:focus, .nav-collapse.collapse.major .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #ccc;
color:#000;
}

.nav-collapse.collapse.major .dropdown a 
{
    font-weight: bold; text-shadow: none;
    }

.nav-collapse.collapse.major .dropdown-menu a {
    font-weight: normal;
    text-shadow: none;
color:#333;
}


.nav-collapse.collapse.major .nav > li > a {
text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}





.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {

line-height: 1.3em !important;
font-family: Arial,Helvetica,sans-serif !important;
}

.parksimages ul#instafeed li a.instagram-thumb img {
max-height: 36px !important;
height: 36px !important;
}

.eventfeature .span2 .imageholder {
max-height: 65px;
/*height: 65px;*/
overflow: hidden;
}

/* New Footer */
.span3.footerlogo{
    width: 256px;
    margin-left: 0px;
}

.span9.footer{
    width: 468px;
}

.span2.social-links{
    width: 155px;
}

.news-summary{display:none;}

/* ---------- */

     }
 
/* Landscape phone to portrait tablet =========================================================*/
@media (max-width: 767px)  
{
    
.allparks .span2 .imageholder {
    height: auto;
    overflow: hidden;
}


    .navbar .container {
  width: auto ;
  padding: 0;
}
/* reduce the text size*/
h1 {  font-size: 1.7em; margin: 3px 0 10px 0px; line-height: 1.2em; letter-spacing: -0.03em;}
h1 small {font-size: 0.7em;letter-spacing: -0.02em;}
h2{font-size: 1.4em;line-height:1.2em; letter-spacing: -0.02em; border-width: 2px;}
h3{font-size: 1.3em;line-height:1.2em;letter-spacing: 0em; }
.lead {font-size: 1.1em;line-height:1.3em;}
.read-text {font-size: 1em;}
.breadcrumb {font-size: 1em;margin-bottom:10px;padding:3px 0px; margin-top: -10px; border-bottom: 2px solid #00a8de;}
.date{font-size: 0.8em;}

.related-sidebar h3, .related h3, .related-sidebar div.news_heading {border-top: 2px solid #00a8de;}
    
.footerlogo img{text-align:center;width:350px;}
    
.galogo {
  margin-top: 0px;
  padding:0px 20px 20px 20px;
}

.navbar .brand {
  padding: 10px 10px 10px 20px;
}
    
/* maps */ 
 #aspnetForm, html, body {
overflow:visible !important;
}

input.mapsearch{width:330px !important; font-size:1.1rem;margin-right:5px;}


.btn-map-search
{
    font-size:1.1rem; 
    line-height:1.5em;
}


.googlemap
{
  position: relative !important;
 
}

.mappanel {
overflow: visible; 

}

/* end maps */ 


.huge-text{font-size:3em;font-family:Arial black, Arial, Helvetica, sans-serif; }
.large-text{font-size:2em;font-family:Arial black, Arial, Helvetica, sans-serif; line-height: 0.9em;}   
      .mega-text{font-size:8em;font-family:Arial black, Arial, Helvetica, sans-serif; }
   
.mayors-panel
{
     padding:10px;
              
 }
   
.newsthumb-news {
width: 40% !important;
}   

img.communitynews, .snapshots img
{
  float:left;
  clear:both;
  margin:0px 10px 10px 0px;
  width: 30%;
 }
   
.snapshots .span2
{
  clear: both;
 } 

   
.arrows {
display:none;     
}
     
.userlogin .dropdown i  {
margin-top: 7px;
}

.sidenav.affix {
	  position: static;
	  width: auto;
	  top: 0;
}

.searchy input
{       
width:120px;
height: 2.2em !important;
} 
             
.searchy {
margin: 6px 5px 0px 5px;
} 
	  
	  
.nav-collapse .dropdown-menu {
padding: 10px;
background: #eee;
margin: 0px;
}
    
  .navbar .brand {
margin-right: 5px;
}
  	  
	  

.nav-collapse, .nav-collapse.collapse {
height: 0;

}

.nav-collapse.collapse.major 
{
     z-index:10;

     /* position: absolute; */

     margin: 40px 0px 0px 20px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.major ul{
    min-width:280px;
}

.nav-collapse.collapse.major ul.nav {background:#FFF;border:1px solid #999;position: relative;/* float:left; */ z-index:2000;}

.nav-collapse.collapse.in ul.nav {

}

.nav-collapse.collapse.major ul.nav {
position: relative;

/* left: 0; */
z-index: 1000;
padding: 8px;
margin: 20px 20px 20px 0px;
list-style: none;
background-color: #FFFFFF;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

.nav-collapse.collapse.major .nav > li > a {
 font-weight: bold; 
text-shadow: none;
color:#222;
}

.nav-collapse.collapse.major .nav > li > a:hover, .nav-collapse.collapse.major .nav > li > a:focus, .nav-collapse.collapse.major .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #ccc;
color:#000;
}

.nav-collapse.collapse.major .dropdown a 
{
    font-weight: bold; text-shadow: none;
    }

.nav-collapse.collapse.major .dropdown-menu a {
    font-weight: normal;
    text-shadow: none;
color:#333;
}


.nav-collapse.collapse.major .nav > li > a {
text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}




.nav-collapse.collapse.major ul.nav:after {

}


.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {

line-height: 1.3em !important;
font-family: Arial,Helvetica,sans-serif !important;
}

.mayor-head-wrapper {
margin-right: -20px;
margin-left: -20px;
padding:20px 20px;
background-image:none;
}

.span3.mayors-logo {
float:left;
width:200px;
}
	  
.span4.mayor-title {
display:inline;
}

.span4.mayor-title img {
width:200px;

}

	 .parksimages ul#instafeed li a.instagram-thumb img {
min-height: 225px !important;
width:225px !important;
}

 .ga-head-wrapper {
  margin: -20px 0px 50px 0px;
}
 
 
 .info-snapshot div.span2:nth-child(4n) {
     margin-bottom: 0px; 
}


.news-summary{display:none;}

.formee input[type="text"].waste-searchbox {
	width:auto;
}

.eventfeature .span2 .imageholder {
	height: auto !important;
    float: left !important;
    clear: both !important;
    width: 30% !important;
	margin: 0px 10px 10px 0px !important;
}

.eventfeature .span2 .imageholder img{
    width: 100% !important;
	margin: 0px !important;
}

.eventfeature .span2 .imageholder a {
    width: 100% !important;
    margin: 0px !important;
}

.span8 .span2:nth-child(4n+1 ) {
    clear: none !important;
}

/* New Footer */

.span9.footer {
	width: 100%;
	text-align: center;
}

#translate {
	margin-bottom: 10px;
	padding-right:0px !important;
}

.span2.social-links {
	width: 100%;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 15px;
}

.span3.footerlogo {
	width: 100%;
	text-align: center;
}

.footerlogo img {
	width: 270px;
}

.inline_footer {
    margin-left: 10px;
}

.contact_information {
    margin-bottom: 15px;
    font-size: 1.2em;
    padding-left: 0px;
}

.inline_footer_small {
    margin-left: 5px;
    margin-bottom: 5px;
}

.icon{
	font-size:38px;
	padding-right:5px;
}

.tis_icon{
	width:33px;
	vertical-align:-3px;
	border-radius:6px;
}

#tis_icon{
	margin-right:5px;
}

.footer-bar{
    margin-bottom:0px;
}

.span.page-top{
    text-align:center;
    margin-right: 0px !important;
    margin-bottom:15px;
}

/* ---------- */

} 



 
/* Landscape phones and down =========================================================*/
@media (max-width: 480px) 
{
    
img.communitynews
{

  width: 40%;
 }

.snapshots img
{

  width: 40%;
 }


/* text */ 
 
.huge-text{font-size:2.1em;font-family:Arial black, Arial, Helvetica, sans-serif; }
.large-text{font-size:1.7em;font-family:Arial black, Arial, Helvetica, sans-serif; line-height: 0.9em;}
.mega-text{font-size:6em;font-family:Arial black, Arial, Helvetica, sans-serif; }
    
    

/* map*/

input.mapsearch {
width: auto !important;
font-size:16px;
font-size:0.9rem;
}

.btn-map-search
{
    font-size:1rem; 
    line-height:1.4em;
margin: 0px;
}

/* news */

.img-news{border:1px solid #ccc; width: 130px !important;} 
   
         
.userlogin .dropdown i  {
margin-top: 7px;
}
  
.newsthumb-news
{ float:left;
  clear:both;
  margin:5px 10px 0px 0px;
  width:40%;
    }
    
.nav-collapse .dropdown-menu {
padding: 10px;
background: #eee;
margin: 0px;
}
    
.searchy input{ 
  /*width: 115px !important; */
height: 2.2em !important;
}
    
   .nav-collapse.collapse.major 
   {
        z-index:10;

        /* position: absolute; */

        margin: 40px 0px 0px 22px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.major ul{
    min-width:210px;
   
}
.nav-collapse.collapse.major ul.nav:after {
 
} 

.nav-collapse, .nav-collapse.collapse {
height: 0;

}


.nav-collapse.collapse.major ul.nav {background:#FFF;border:1px solid #999;position: relative;/* float:left; */ z-index:2000;}

.nav-collapse.collapse.in ul.nav {

}

.nav-collapse.collapse.major ul.nav {
position: relative;

left: 0;
z-index: 1000;
padding: 8px;
/* margin: 5px 0 0; */
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

.nav-collapse.collapse.major .nav > li > a {
 font-weight: bold; 
text-shadow: none;
color:#222;
}

.nav-collapse.collapse.major .nav > li > a:hover, .nav-collapse.collapse.major .nav > li > a:focus, .nav-collapse.collapse.major .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #ccc;
color:#000;
}

.nav-collapse.collapse.major .dropdown a 
{
    font-weight: bold; text-shadow: none;
    }

.nav-collapse.collapse.major .dropdown-menu a {
    font-weight: normal;
    text-shadow: none;
color:#333;
}


.nav-collapse.collapse.major .nav > li > a {
text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}


	  .mayor-head-wrapper {
margin-right: -20px;
margin-left: -20px;
padding:20px 20px;
background-image:none;
}

.span3.mayors-logo {
float:left;
width:130px;
}
	  
.span4.mayor-title {
display:inline;
}

.span4.mayor-title img {
width:150px;
}



 
 ul.userlogin {display:none !important;}


 .ga-head-wrapper {
  margin: -20px;
}

.icon-bar{display:none !important;}

.bigsearch input {
  font-size: 18px;
  padding: 6px;
}

.bigsearch .btn {
  padding: 6px 10px;
}

ul.nav-pills3 li a{font-size:0.9em;}

  
     
.nav-pills3 > li > a {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 6px;
  padding-bottom: 6px;

}

h4.news {
  font-size: 1em;
  line-height:1.2em;
}

.news-summary{display:none;}

} 
	   

     
/* Landscape phones and down =========================================================*/
@media (max-width: 360px) 
{
    
ul.userlogin, .menu-text {display:none !important;}

.searchy input{ 
width: 150px !important; 
height: 2.2em !important;
}

 

  .ga-head-wrapper {
  margin: -20px;
}

.icon-bar{display:block !important;}

  }
  

     
     
     /* Landscape phones and down =========================================================*/
@media (max-width: 340px) 
{
    
ul.userlogin, .menu-text {display:none !important;}

.searchy input{ 
width: 140px !important; 
height: 2.2em !important;
}


  .ga-head-wrapper {
  margin: -20px;
}

  }
