/*
 * Colours (changeable) see stylesheetr.css
 * Theme Name:     MelbPlay Global Stylesheet
 * Author: Brian King
 */

 .navbar-letter {
	margin: 0 8px 0 20px;
/*	font-size: 1.60rem;
	color: #23901F; */
	width: 27px;
	height:25px;
}

/* .topnavstrip { BORDER-TOP: #23901F 5px solid;  } */

/* navbar fixed-top navbar-expand-lg navbar-dark bg-dark topnavstrip */

.hdataCity { COLOR:#66cc00; }
.hdataCity:hover { COLOR:#000; }

/* Add a gray background color and some padding to the footer */
footer {
	background-color: #23901F;
    padding: 25px;
}

.slipe {
/*    padding: 10px;
BORDER: #23901F 0px solid;*/
}

h1, .h1
{
color: #000;
margin-top: 0;
}
h2, .h2
{
color: #23901F;
margin-top: 0;
}
h3, .h3
{
color: #222;
margin-top: 0;
}
h4, .h4
{
color: #333;
margin-top: 0;
}
h5, .h5
{
color: #444;
margin-top: 0;
}
h6, .h6
{
color: #555;
margin-top: 0;
}

.hide {
    display: none;
}

	/* home page stuff */

.feat-index_image A IMG {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 100px; PADDING-TOP: 3px; HEIGHT: 100px }

.feat-index_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 10px 5px 5px; }

.om-index_image A IMG {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 70px; PADDING-TOP: 3px; HEIGHT: 70px }

.om-index_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 10px 5px 5px; }

.city-side_image A IMG {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 50px; PADDING-TOP: 2px; HEIGHT: 50px
}

.city-side_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 8px 0px 5px; }

/* side bar panels */

.main{
text-align:center;
border: 3px solid #23901F;
float:left;	width: auto;
color: #333333;
font-family: Arial;
font-size: 13pt;
font-stretch: semi-expanded;
font-variant: small-caps;
font-weight: bold;
margin-bottom: 0;
text-decoration: none;
}

/* sidebar titles */
.tab-head {
 width: 295px;
 height: 35px;
  FONT-FAMILY: Georgia,Verdana, Arial;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 14pt;
  COLOR: #23901F;
  BORDER-BOTTOM: #23901F 1px solid;
 margin: 20px 0px 20px 0px;
 padding: 2px;
}

li.newsletter {
list-style:square;
color:#333;
margin-left:15px;
margin-right:0px;
line-height: 2em;
}

li.list1 {
list-style:square;
color:#777;
margin-left:10px;
margin-right:0px;
line-height: 2em;
}

/* TEXT LINKS */

a.baselink:link { font-size: 14px; color: #0066ff; text-decoration: underline; }
a.baselink:visited {font-size: 14px; color: #0066ff; text-decoration: underline; }
a.baselink:active {font-size: 14px; color: #0066ff; text-decoration: underline; }
a.baselink:hover {font-size: 14px; color: #23901F; text-decoration: underline; }

a.listtitle:link { font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.listtitle:visited {font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.listtitle:active {font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.listtitle:hover {font-weight:bold; font-size: 16px; color: #23901F; text-decoration: underline; font-stretch: semi-expanded}

a.indextitle:link { font-weight:bold; font-size: 18px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.indextitle:visited {font-weight:bold; font-size: 18px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.indextitle:active {font-weight:bold; font-size: 18px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.indextitle:hover {font-weight:bold; font-size: 18px; color: #23901F; text-decoration: underline; font-stretch: semi-expanded}

a.searchResultsLevel:link	{ font-size: 13px; color:#000000;  text-decoration:underline; }
a.searchResultsLevel:active { font-size: 13px; color:#000000;    text-decoration:underline; }
a.searchResultsLevel:visited { font-size: 13px; color:#000000;   text-decoration:underline; }
a.searchResultsLevel:hover { font-size: 13px; color:#ffffff;  text-decoration:none; }

/* category listings 2018 = melbourne-inc-r.php */
/* contains horizontal navigation links */

a.dinfo:link {color: #777; text-decoration: none; }
a.dinfo:visited {color: #777; text-decoration: none; }
a.dinfo:active {color: #777; text-decoration: none; }
a.dinfo:hover {color: #333; text-decoration: none; }

a.ainfo:link {font-size: 13px; color: #777777; text-decoration: none; }
a.ainfo:visited {font-size: 13px; color: #777777; text-decoration: none; }
a.ainfo:active {font-size: 13px; color: #777777; text-decoration: none; }
a.ainfo:hover {font-size: 13px; color: #777777; text-decoration: none; }

.ainfotext {font-size: 13px; color: #777777;}

#city-cats {
 width: 95%;
 margin: 0px 0px 0px 0px;
 PADDING: 5px;
}

.gcentre {
text-align: center;
 }

.footerr {
text-align:center;
COLOR: #FFFFFF;
}

.footerspace {
MARGIN: 30px 0 20px 0; /* space above and below footer */
}

.cityf {
COLOR: #FFFFFF;
}

a.cityf:link { color: #FFFFFF; text-decoration: none;}
a.cityf:visited { color: #FFFFFF; text-decoration: none;}
a.cityf:active { color: #FFFFFF; text-decoration: none;}
a.cityf:hover { color: #23901F; text-decoration: underline;}

.baset {
  FONT-FAMILY: Georgia,Verdana, Arial;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 14pt;
  COLOR: #23901F;
  BORDER-BOTTOM: #23901F 1px solid;
 margin: 10px 0px 20px 0px;
 padding: 2px;
}

.btn-oa {
  color: #FFF;
  background-color: #23901F;
  border-color: #FFF;
  font-weight: bold;
}

.btn-oa:hover {
  color: #FFF;
  background-color: #000;
  border-color: #dae0e5;
}

.btn-oa:focus, .btn-oa.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-oa.disabled, .btn-oa:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-oa:not(:disabled):not(.disabled):active, .btn-oa:not(:disabled):not(.disabled).active,
.show > .btn-oa.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-oa:not(:disabled):not(.disabled):active:focus, .btn-oa:not(:disabled):not(.disabled).active:focus,
.show > .btn-oa.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.butfoots {
  margin-bottom: 5px;
  opacity: 1.0;
/*filter: alpha(opacity=100); /* For IE8 and earlier */
}

.butfoots:hover {
    opacity: 0.4;
/*    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.spacer1px {
border: 0px;
padding: 0px;
height: 1px;
}

.image100 {
    width: 100%;
}

.image40 {
    width: 40%;
}

/* BREADCRUMB  RESPONSIVE */

.breadcrumb {
clear: both;
width: 100%;
background-color: #f9f9f9;
border: 0px;
Padding: 6px;
margin: 10px 0 10px 0;
}

a.melbournebreadcrumb:link	{ color:#777;  text-decoration:underline; }
a.melbournebreadcrumb:active { color:#777;  text-decoration:underline; }
a.melbournebreadcrumb:visited { color:#777;  text-decoration:underline; }
a.melbournebreadcrumb:hover { color:#000;  text-decoration:none; }

.textbreadcrumb { color:#777; }

.dateoutput   { text-indent:20px; padding:5px 0px 5px 10px; color: #555555}

/* profile css */

.profileimag {
    width: 95%;
	border: 0px;
}

.smimg {
opacity: 0.4;
/*filter: alpha(opacity=40); /* For IE8 and earlier */
padding-left: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 5px;
}

.smimg:hover {
    opacity: 1.0;
  /*  filter: alpha(opacity=100); /* For IE8 and earlier */
padding-left: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 5px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border:none;
}

/* Hover*/

.generic_popup {
    background-color: White;
    border: 2px solid grey;
    border-collapse: collapse;
    color: #777777;
    float: left;
    padding: 10px;
    position: absolute;
    width: 300px;
    z-index: 1000;
	right:500px;

}
.generic_popup table td{
 color:#777777;
}

#profile-social-wrapper {
 margin: 0 auto;
 width: 500px;
}

#profile-social-leftcolumn {
 margin: 0px;
 padding: 0px;
 width: 400px;
 float: left;
}

#profile-social-rightcolumn {
 margin: 0px;
 padding: 0px;
 width: 100px;
 display: inline;
}

.listingdes   { text-indent:20px;     padding:5px 0px 5px 10px; font-family: Verdana,Helvetica, arial,sans-serif; font-size: 8pt; text-decoration: none; color: #555555}

/* newsletter - 609px x 200px */
IMG.nlpc1 { width: 90%; BORDER: 0px }

.nlh2 {
/* display: inline; */
color:#444;
font-size: 28px;
margin: 0 0 8px 0;
 padding-left: 30px;
background:url(http://www.onlymelbourne.com.au/image/icon-ico-om.png) no-repeat left;
}

/* CSS for Enahanced Search */
.enhsearch {
    margin-left:auto;
    margin-right:auto;
    max-width: 500px;
    background: #F7F7F7;
    padding: 25px 15px 25px 10px;
    font: 16px Verdana, Helvetica;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}
.enhsearch h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
}
.enhsearch h1>span {
    display: block;
    font-size: 11px;
}
.enhsearch label {
    display: block;
    margin: 0px;
}
.enhsearch label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.enhsearch input[type="text"], .enhsearch input[type="email"], .enhsearch textarea, .enhsearch select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font-size: 16px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    /*-moz-box-shadow: inset 0px 1px 4px #ECECEC;*/
    /*-webkit-box-shadow: inset 0px 1px 4px #ECECEC;*/
}
.enhsearch textarea{
    padding: 5px 3px 3px 5px;
}
.enhsearch select {
    background: #FFF url('image/down-arrow.png') no-repeat right;
    background: #FFF url('image/down-arrow.png');
    /*background: #FFF url('image/down-arrow.png') no-repeat right);*/
    appearance:none;
    /*-webkit-appearance:none;*/
    /*-moz-appearance: none;*/
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.enhsearch textarea{
    height:100px;
}

.cssform {
    border:0px solid #E4E4E4;
}
.commentsform {
    border:1px solid #f9f9f9;
}
IMG.mpprofile {
padding-left: 10px;
BORDER: 0px;
max-width: 100%;
height: auto;
}

IMG.mpright {
float: right;
BORDER: 0px;
margin-bottom: 14px;
clear: both;
max-width: 100%;
height: auto;
}

IMG.mpleft {
float: left;
BORDER: 0px;
margin-bottom: 14px;
clear: both;
max-width: 100%;
height: auto;
}

a.indexfeatured:link	{ font-family: Arial, sans-serif; font-size: 16px; color:#009900; font-weight:bold; background: none; text-decoration:underline; }
a.indexfeatured:active 		{ font-family: Arial, sans-serif; font-size: 16px; color:#009900; font-weight:bold;   background: none; text-decoration:underline; }
a.indexfeatured:visited 		{ font-family:Arial,sans-serif; font-size: 16px; color:#009900; font-weight:bold;  background: none; text-decoration:underline; }
a.indexfeatured:hover 		{ font-family:Arial,sans-serif; font-size: 16px; color:#00cc00; font-weight:bold; text-decoration:none; BACKGROUND: none; }
.featured2-text { font-family: Verdana,Helvetica, Arial; font-size: 14px; text-decoration: none; color: #666666 }

/* TABLES */

/* need to tidy up... too magnify
search and replace = csstable */

.tableindex {
Padding: 0px;
/* width: 98%; */
border: 0px;
COLOR: #4a4a4a;
text-align:left;
white-space:nowrap;
}

.categoryp-table {
background-color: #01A3A6;
COLOR: #FFFFFF;
margin-top:3px;
text-align: right;
width: 100%;
border: 0px;
padding:0px 10px 2px 10px;
text-align:right;
}

.categoryp-table {
background-color: #23901F;
COLOR: #FFFFFF;
margin-top:3px;
text-align: right;
width: 100%;
border: 0px;
padding:0px 10px 2px 10px;
text-align:right;
}

/* table description */
#CatDescription-css {
 width: 98%;
 background: #F8f8f8;
 margin: 0px 0px 0px 0px;
 PADDING: 8px;
border: 1px #ccc solid;
font-size: 14px; text-decoration: none; color: #666666;
}

TABLE.tablercss {
border: 0px;
width: 95%;
padding: 0px;
}

td.csstable {
    padding: 8px;
    width: 100%;
}

td.csstd {
    padding: 8px;
}

td.csstdcat {
  width: 20px;
    padding: 8px;
     vertical-align: top;
}

.csscenter {
text-align: center;
}