article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

html {                 
	height:100%; 
}
body {                  
	height:100%; 
  margin:0;
	background:#FFFFFF;
}
*,
*:before,
*:after {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}

img {
  vertical-align:middle; /*the default would be baseline and it leaves a space under the image*/
}

/*replace default bullets in unordered lists with glyphicons*/
.ul_custom {
  padding-left:0;
  margin-left:2em;
  list-style-type:none;
	margin-top:0;
}
.ul_custom > li {
  position:relative;
	margin-top:0.375em;
}
.li_icon {
  position:absolute !important;
  left:-2em !important;
  width:2em !important;
  top:0.1875em !important;
  font-size:0.8125em;
  text-align: left !important;
}

/*wrapper to create responsive iframes*/
.iframeWrapper {
	display:block;
	position:relative;
	padding-bottom:56.25%; /* 16:9 */
	padding-top:0px;
	height:0;
	clear:both;
}
.iframeWrapper iframe {
	padding:0px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

form {
	margin:0px;
	padding:0px;
}

::-webkit-input-placeholder { /* WebKit browsers */
   color:#888888;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#888888;
  opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#888888;
  opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#888888;
}

.form-input {
  padding:4px 5px;
  font-size:0.9em;
  font-size:0.9rem;
	font-family:Arial, Helvetica;
  color:#000000;
  background-color:#FFF8D0;
  background-image:none;
  border: 1px solid #AAAAAA;
  border-radius:4px;
}
.form-input:focus {
  outline:0;
  -webkit-box-shadow: 0 0 5px #AAAAAA;
          box-shadow: 0 0 5px #AAAAAA;
}
.form-select {
  padding:3px 4px;
  font-size:0.9em;
  font-size:0.9rem;
	font-family:Arial, Helvetica;
  color:#000000;
  background-color:#FFF8D0;
  background-image:none;
  border: 1px solid #AAAAAA;
  border-radius:4px;
}
.form-select .h {
	background-color:#FFF372;
	letter-spacing:0.10em;
	font-weight:bold;
}
.form-select:focus {
  outline:0;
  -webkit-box-shadow: 0 0 5px #AAAAAA;
          box-shadow: 0 0 5px #AAAAAA;
}
.form-btn {
  padding: 3px 3px;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  background-image: none;
  background-color: #474949;
  border: 1px solid #3B3D3D;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.form-btn:hover {
  color: #ffffff;
  background-color: #363838;
  border-color: #313333;
}

.form-side-btn {
  padding: 4px 5px;
  font-size:0.75em;
  font-size:0.75rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align: middle;
  cursor: pointer;
  color: #FFFFFF;
  background-image: none;
  background-color: #5D6060;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.form-side-btn:hover {
  background-color: #7B7F7F;
}

.form-clear-btn{
	display:block;
  padding: 3px 5px;
  color: #FFFFFF;
  font-size: 0.9em;
  font-size: 0.9rem;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: #7B7F7F;
  border-radius: 20%;
}
.form-clear-btn:hover {
  background-color: #656868;
}

.form-grid-container
{
	max-width:600px;
	margin: 0px auto 0px auto;
}
.form-grid-container:after, .form-grid-row:after
{
	display:table;
	content:"";
	clear:both;
}
.form-grid-left {
	display:block;
	float:left;
	width:30%;
	overflow:hidden;
	vertical-align:top;
	padding:2px 4px;
	min-height:1px; /*for empty cells*/
}
.form-grid-right {
	display:block;
	float:left;
	width:70%;
	overflow:hidden;
	vertical-align:top;
	padding:2px 4px;
	min-height:1px; /*for empty cells*/
}

.form-label {
	color:#000000;
  font-size:0.9em;
  font-size:0.9rem;
	font-family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	padding:10px 0px 4px 4px;
	text-align:right;
}
.form-element {
	margin-bottom:10px;
}

.form-radiocheckbox-label {
	display:block;
	margin-left: 25px;
	text-indent: -25px;
	padding-bottom:10px;
}

.form-obs,
.form-obs-closed
{
	position:relative;
	color:#222222;
  font-size:0.75em;
  font-size:0.75rem;
	font-family:Verdana, Arial, Helvetica;
	word-wrap:break-word;
	overflow-wrap:break-word;
	line-height:1.5;
	padding:0px 28px 2px 4px;
	cursor:pointer;
}
.form-obs a, .form-obs-closed a {
	text-decoration:none;
	color:#2a6496;
}
.form-obs a:hover, .form-obs-closed a:hover {
	text-decoration:underline;
}
.form-obs-closed {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.form-obs-closed * {
	display:inline;
}
.form-obs-closed br {
	display:none;
}
.form-obs .form-obs-ctrl,
.form-obs-closed .form-obs-ctrl
 {
	display:block; /*needed to cancel the display:inline declared for .form-obs-closed */
	position:absolute;
	top:-0.125em;
	right:2px;
	color:#555555;
  font-size:1.20em;
}

@media (max-width:400px){ /*hide form labels*/
	.form-grid-left {
		display:none;
	}
	.form-grid-right {
		width:100%;
	}
	.form-obs, .form-obs-closed {
		color:#222222;
	}
}



.pag{
	color:#000000;
	font-size:0.9em;
	font-size:0.9rem;
	font-family:Verdana, Arial, Helvetica;
	line-height:150%;
	padding:15px 5px;
	text-align:right;
}
.pag .onsmall{
	display:none;
}
.pag .onlarge{
	display:inline;
}
@media (max-width:550px){ /*display only first page, page select option and last page */
	.pag .onsmall{
		display:inline;
	}
	.pag .onlarge{
		display:none;
	}
}
.pag span{
	white-space:nowrap;
	padding:2px 5px;
	color:#000000;
	font-size:0.9em;
	font-size:0.9rem;
	font-family:Arial, Helvetica;
	font-weight:bold;
}
.pag a{
	white-space:nowrap;
	color:#4C4C2D;
	font-size:0.9em;
	font-size:0.9rem;
	font-family:Arial, Helvetica;
	padding:2px 5px;
	border:1px solid #A5A563;
	background-color:#F1E5D5;
	border-radius:4px;
	text-decoration:none;
	margin-left:3px;
	font-weight:bold;
}
.pag a:hover{
	color:#000000;
	background-color:#FFB23F;
	text-decoration:none;
}

.maincontainer {
	display:table;
	height:100%;
	width:100%;
	max-width:1250px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	border:0px;
	padding:0px;
}
/*start sections table*/
.mainsections-table {
	table-layout:fixed;
	width:100%;
	height:100%;
	border:0;
  border-spacing:0;
}
.mainsections-table  td {
	border:0;
	padding:0;
	vertical-align:top;
}

.side-section {
	background-color:#136EBF;
	background-image:none;
	width:164px; /*allow space for 160px width ads plus borders and padding*/
	border-right:4px solid #FFFFFF !important; /*border color should be the same as body background color*/
	height:100%;
}
@media (max-width:630px) {  /*hide side section - !!!synchronise the media query with the settings of the ads displayed in this box*/
	.side-section {
		display:none;
	}
}
@media (min-width:1200px) { /*!!!synchronise the media query with the settings of the ads displayed in this box*/
	.side-section {
		width:304px; /*allow space for 300px width ads plus borders and padding*/
	}
}
.content-section {
	background-color:#FFFFFF;
	height:100%;
	border-right:1px solid #DDDDDD !important;
}

.head {
	width:100%;
	height:125px;
  background-image: url("img/top_m.jpg");
	background-repeat:no-repeat;
	background-position:left;
}
@media (max-width:780px) { /*top image for small screen*/
	.head {
		height:52px;
		background-image: url("img/top_s.png");
		background-repeat:no-repeat;
		background-size: 100% auto;
		background-position:center;
	}
}

.topnav {
	background-color:#136EBF;
	background-image:none;
	font-size:0;
	text-align:right;
}
/*start top navigation*/
.topnav  a,
.topnav  a:hover  {
	display:table-cell;
  vertical-align:middle;
  margin:0;
	padding:8px 12px;
	font-size:14px; font-size:1rem; /*cannot use em because it is relative toparent element, and parent element font-size has to be 0; */
  font-weight:bold;
	font-family:Arial, Helvetica;
	text-decoration:none;
  text-align:center;
  white-space:nowrap;
  color:#FFFFFF;
	-webkit-box-shadow: -1px 0px 0px #2B87D8, -2px 0px 0px #0E5593;
		 -moz-box-shadow: -1px 0px 0px #2B87D8, -2px 0px 0px #0E5593;
					box-shadow: -1px 0px 0px #2B87D8, -2px 0px 0px #0E5593;
	height:40px;
	-webkit-transition:background-color 300ms, border-color 300ms; /* Safari */
	transition:background-color 300ms, border-color 300ms;
	border-top:1px solid #157DD8;
	border-bottom:1px solid #1167B2;
}
.topnav .ht {
	background:#085CA5;
  color:#FFFFFF;
}
.topnav .glyphicon {
	padding-right:0px;
  line-height: 0.9;
}
.topnav  a:hover {
	background-image:none;
  background-color:#0C497F;
	-webkit-box-shadow: -1px 0px 0px #0E5593;
		 -moz-box-shadow: -1px 0px 0px #0E5593;
					box-shadow: -1px 0px 0px #0E5593;
	-webkit-transition:background-color 300ms, border-color 300ms; /* Safari */
	transition:background-color 300ms, border-color 300ms;
	border-top:1px solid #0C497F;
	border-bottom:1px solid #0C497F;
}
.topnavlink-visible-onsmall {
	display:none !important;
}
.topnavlink-hidden-onsmall {
	display:inline-block !important;
}

@media (max-width:560px) { /*top menu colapsed*/
  .topnavlink-visible-onsmall {
		display:inline-block !important;
  }
	.topnavlink-hidden-onsmall {
		display:none !important;
	}
}
.topnav-toggle {
	overflow:hidden;
}
.topnav-toggle a,
.topnav-toggle a:hover  {
  display:block;
	background-color:#D8D0CD;
	background-image:none;
	/*border-top:1px solid #72453D;*/
	border-bottom:1px solid #8C8785;
  color:#000000;
  margin:0;
	padding:8px 5px 8px 12px;
	font-size:1em;
  font-weight:bold;
	font-family:Arial, Helvetica;
	text-decoration:none;
  text-align:left;
  white-space:nowrap;
  vertical-align:middle;
}
.topnav-toggle a:hover {
	background-image:none;
  background-color:#BFB1AC;
}

.topnav-toggle .glyphicon {
	padding-right:7px;
}
.topnav-toogle-btn {
	display:block;
}
.topnav-toggle-icon {
  display:block;
  width:25px; width:1.5625rem;
  height:4px; height:0.25rem; /*cannot use em because it is relative toparent element, and parent element font-size has to be 0; */
  background-color:#FFF2BF;
}
.topnav-toggle-icon  + .topnav-toggle-icon  {
  margin-top:4px; margin-top:0.21rem;
}

/*message*/
.msg-box{
	width:100%;
	text-align:center;
  background-color:#FFE4CC;
	padding:10px 35px 15px 5px; /*shifted to the left, to leave space for the close button*/
	border-bottom:1px solid #E8CFB6;
	font-size:0.85em;
	font-size:0.85rem;
	font-family:Arial, Helvetica;
	text-decoration:none;
}
.msg-regular{
	margin-top:5px;
  color: #3F2F2C;
}
.msg-regular a{
  color: #505050;
}
.msg-error{
	margin-top:5px;
  color: #CC0000;
}
.msg-error a{
  color: #880000;
}
.msg-close-btn{
	position:absolute;
	top:5px;
	right:4px;
	width:24px;
	height:24px;
	padding-top:3px;
	font-size:14px;
	border-radius:12px;
	background-color:#3F2F2C;
	color:#D8C1AD;
	font-family:Arial, Helvetica;
	text-align:center;
	cursor:pointer;
}
.msg-close-btn:hover{
	color:#FFFFFF;
}

.msgbox_error {
	background: #FFCCCC;
	border:solid 1px #FF6363;
	margin:20px 0px 20px 0px;
	padding:10px;
	color:#000000;
	font-size:0.75em;
	font-size:0.75rem;
	font-family:Verdana, Arial, Helvetica;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
}
.msgbox_regular {
	background: #CCEAFF;
	border:solid 1px #0082D8;
	margin:20px 0px 20px 0px;
	padding:10px;
	color:#000000;
	font-size:0.75em;
	font-size:0.75rem;
	font-family:Verdana, Arial, Helvetica;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
}

.top_slidein_msgbox,.top_slideout_msgbox{
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	background-color: #000000;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align:center;
	color:#FFFFFF;
	font-size:0.85em;
	font-size:0.85rem;
	font-family:Verdana, Arial, Helvetica;
	padding:15px 5px;
}
@-webkit-keyframes top_slide_in{
	0%{
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@keyframes top_slide_in{
	0%{
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@-webkit-keyframes top_slide_out{
	0%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
	}
}
@keyframes top_slide_out{
	0%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
	}
}
.top_slidein_msgbox{
	-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;
	-o-animation-duration:0.8s;
	-webkit-animation-name:top_slide_in;
	animation-duration:0.8s;
	animation-name:top_slide_in;
}
.top_slideout_msgbox{
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-o-animation-duration:0.5s;
	-webkit-animation-timing-function:ease-in;
  -webkit-animation-fill-mode:forwards;
	-webkit-animation-name:top_slide_out;
	animation-duration:0.5s;
	animation-timing-function:ease-in;
  animation-fill-mode:forwards;
	animation-name:top_slide_out;
}

/*progress bar*/
.progressbar_frame{
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	background-color: #FFFFFF;
	position: fixed;
	top: 20px;
	left: 50%;
	margin-left:-50px;
	width: 100px;
	height:10px;
	border:1px solid #888888;
  -webkit-box-shadow: 0 0 15px #555555;
          box-shadow: 0 0 15px #555555;
	cursor:pointer
}
.progressbar_fill{
	width:0%;
	height:100%;
	background-color:#000000;
}

/*advertising boxes*/
.adv_top_box {
	background-color:#136EBF;
	border-top:1px solid #1476CC;
	padding:15px 1px;
	text-align:right;
}
@media (max-width:489px) { /*when ads are not displayed - !!!synchronise the media query with the settings of the ads displayed in this box*/
	.adv_top_box {
		padding:0px;
	}
}
.adv_side_menu_box {
	background-color:#E5D8D3;
	padding:20px 10px;
	text-align:left;
}

/*search form*/
.search_box {
	width:100%;
  background-color:#E5D8D3;
	border-bottom:1px solid #BFB4AF;
}
.search_box .form-select,
.search_box .form-input
{
  background-color:#FFFFFF;
}

.search_form_display,
.search_form_hide
{
	position:relative;
	display:block;
  overflow:hidden;
}

.search_keyword,
.search_categ,
.search_state,
.search_city,
.search_btn,
.search_btn_admin,
.search_listimg_admin
{
	position:relative;
	float:left;
	margin:0;
	padding:11px 5px 11px 5px;
  text-align:center;
}
.search_notempty {
	padding-right:29px; /*at least the width + right of .search_reset */
}
.search_notempty .form-select,
.search_notempty .form-input
{
  background-color:#FFF8D0;
}
.search_reset {
	display:none;
}
.search_notempty .search_reset {
	display:block;
	position:absolute;
	top:11px; /*same as padding-top of containing element*/
	right:5px; /*same as padding-right of containing element without .search_notempty*/
	width:24px;
	height:25px;
  padding:2px 2px;
  text-align:left;
  font-size:20px;
  color:#777777;
	cursor:pointer;
}
.search_notempty .search_reset:hover {
  color:#404040;
}
.search_keyword {
	width:22%;
}
.search_categ {
	width:24%;
}
.search_state {
	width:18%;
}
.search_city {
	width:22%;
}
.search_btn {
	width:14%;
}
.search_btn_admin {
	width:5.5%;
}
.search_listimg_admin {
	width:8.5%;
}
.search_toggle {
	display:none;
}

@media (max-width:1000px) { /*display search form on 3 rows*/
	.search_keyword,
	.search_categ,
	.search_state,
	.search_city,
	.search_btn,
	.search_btn_admin,
	.search_listimg_admin
	{
		float:left;
		margin:0;
		padding:9px 15px 0px 15px;
		text-align:center;
	}
	.search_notempty {
		padding-right:39px; /*at least the width + right of .search_reset */
	}
	.search_notempty .search_reset {
		top:9px; /*same as padding-top of containing element*/
		right:15px; /*same as padding-right of containing element without .search_notempty*/
	}
	
	.search_keyword {
		width:50%;
	}
	.search_categ {
		width:50%;
	}
	.search_state {
		width:50%;
	}
	.search_city {
		width:50%;
	}
	.search_listimg_admin {
		width:25%;
		padding-bottom:9px;
	}
	.search_btn {
		width:70%;
		padding-left:35%;
		padding-right:5%;
		padding-bottom:9px;
	}
	.search_btn_admin {
		width:45%;
		padding-left:15%;
		padding-right:5%;
		padding-bottom:9px;
	}

}
@media (max-width:600px) { /*display search form on 5 rows*/
	.search_keyword,
	.search_categ,
	.search_state,
	.search_city,
	.search_btn,
	.search_btn_admin,
	.search_listimg_admin
	{
		float:left;
		margin:0;
		padding:9px 25px 0px 25px;
		text-align:center;
	}
	.search_notempty {
		padding-right:49px; /*at least the width + right of .search_reset */
	}
	.search_notempty .search_reset {
		top:9px; /*same as padding-top of containing element*/
		right:25px; /*same as padding-right of containing element without .search_notempty*/
	}
	.search_keyword {
		width:100%;
	}
	.search_categ {
		width:100%;
	}
	.search_state {
		width:100%;
	}
	.search_city {
		width:100%;
	}
	.search_listimg_admin {
		width:35%;
		padding-bottom:9px;
	}
	.search_btn {
		width:70%;
		padding-left:35%;
		padding-right:5%;
		padding-bottom:9px;
	}
	.search_btn_admin {
		width:35%;
		padding-left:3%;
		padding-right:1%;
		padding-bottom:9px;
	}
}
@media (max-width:1000px) { /*only if search form is displayed on more than one row: display toggle button; hide advanced search options when serch form is closed*/
	.search_form_display {
		padding-right:40px;
	}
	.search_form_hide {
		text-align:center;
		padding-right:40px;
	}
	.search_form_hide .search_categ,
	.search_form_hide .search_state,
	.search_form_hide .search_city,
	.search_form_hide .search_listimg_admin
	{
		display:none;
	}
	.search_form_hide .search_keyword {
		float:none;
		display:inline-block;
		width:60%;
		padding:9px 10px 9px 10px;
	}
	.search_form_hide .search_notempty {
		padding-right:34px; /*at least the width + right of .search_reset */
	}
	.search_form_hide .search_notempty .search_reset {
		top:9px; /*same as padding-top of containing element*/
		right:10px; /*same as padding-right of containing element without .search_notempty*/
	}
	.search_form_hide .search_btn {
		float:none;
		display:inline-block;
		width:35%;
		max-width:120px;
		padding:9px 10px 9px 0px;
	}
	.search_form_hide .search_btn_admin {
		float:none;
		display:inline-block;
		width:35%;
		max-width:70px;
		padding:9px 10px 9px 0px;
	}
	.search_toggle {
		display:block;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 9px 8px 2px 8px;
		color: #444444;
		font-size: 24px;
		cursor:pointer;
	}
}

/*page sections*/
.page_content {
	display:block;
	float:left;
	width:70%;
	overflow:hidden;
	padding:5px;
}
.page_title {
	color:#000000;
  font-size:1.5em;
  font-size:1.5rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	padding:0px 0px;
	margin:10px 0px;
}

/*side menu*/
.side_menu {
	display:block;
	float:right;
	width:30%;
	overflow:visible;
	padding:10px 0px 10px 5px;
	text-align:right;
}
.side_menu_opub a {
	text-align:left;
	display:block;
	background-color:#E5D8D3;
	border-top:solid 1px #F2E4DE;
	border-bottom:solid 1px #D6C9C5;
	border-left:solid 1px #E0E0E0;
	color:#000000;
  font-size: 0.9em;
  font-size: 0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-decoration:none;
	padding:10px;
}
.side_menu_opub a:hover {
	background-color:#F2E4DE;
}

.side_menu_catbox_toggle {
	position:relative;
	background-color:#E5D8D3;
	border-top:solid 1px #F2E4DE;
	border-bottom:solid 1px #D6C9C5;
	border-left:solid 1px #E0E0E0;
	text-align:left;
	color:#000000;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	padding:10px 40px 10px 10px;
  cursor: pointer;
}
.side_menu_catbox_toggle:hover {
	background-color:#F2E4DE;
}
.side_menu_catbox_toggle .glyphicon {
	position:absolute;
	top:0px;
	right:4px;
	padding:8px;
	color:#444444;
	font-size:20px;
}

.side_menu_catbox {
	text-align:left;
	overflow:hidden;
	background-color:#FFF8CC;
	border-left:solid 1px #E0E0E0;
	border-bottom:solid 1px #E0E0E0;
	padding:0;
}
.side_menu_cat {
	position:relative;
	text-align:left;
	color:#000000;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: bold;
	font-family:Arial, Helvetica;
	padding-right:37px; /*at least the width of .side_menu_cat .glyphicon */
}
.side_menu_cat:hover {
	background-color:#F2EBE8;
}
.side_menu_cat a {
	display:block;
	padding:10px 2px 10px 7px;
	color:#000000;
	text-decoration:none;
  cursor: pointer;
}
.side_menu_cat .glyphicon {
	display:block;
	position: absolute;
	top:0px;
	right:0px;
	height:100%;
	width:36px; /*less than the padding-right of .side_menu_cat */
	background-color:#F7F0C5;
	border-bottom:1px solid #BFB682;
	padding:8px;
	color:#A59C63;
	font-size:20px;
  cursor: pointer;
}
.side_menu_cat .glyphicon:hover {
	color:#000000;
	background-color:#BFB682;
}

.side_menu_subcat, .side_menu_subcat a {
	color:#000000;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-decoration:none;
	vertical-align:middle;
}
.side_menu_subcat {
	padding:7px;
  font-size:0.8em;
  font-size:0.8rem;
	font-family:Verdana, Arial, Helvetica;
}
.side_menu_subcat a:hover {
	text-decoration:underline;
}
.side_menu_subcat .glyphicon {
	color:#CC3600;
	font-size:0.5rem;
	padding:0px 5px 0px 5px;
	vertical-align:middle;
}

@media (max-width:900px) { /*side menu at the bottom*/
	.content-section {
		border-right:0 !important;
	}
	.page_content {
		width:100%;
		overflow:visible;
	}
	.side_menu {
		width:100%;
		overflow:visible;
		padding:10px 0px 10px 0px;
	}
	.side_menu_opub a {
		border-left:0;
	}
	.side_menu_catbox_toggle {
		display:block;
	}
	.side_menu_catbox {
		border:0px;
	}
}
/*on admin page, make .page_content overflow visible, and hide .side_menu*/
.page_content.isadmin { 
	width:100%;
	overflow:visible;
}
.side_menu.isadmin{
	display:none;
}

/*basic font*/
.mtext,
.mtext a
{
	color:#000000;
  font-size:0.8125em;
  font-size:0.8125rem;
	font-family:Arial, Helvetica;
	font-weight:normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.mtext a {
	text-decoration:underline;
	color:#8C0D07;
}

.velipsbox {
	position:relative;
	overflow-y:hidden;
	overflow-x:hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
	padding-bottom:5px;
	border-bottom:1px solid #DDDDDD;
}

.velipsbox_ctrl_closed, .velipsbox_ctrl_opened {
	width:100%;
	text-align:right;
	color:#000000;
  font-size:0.8125em;
  font-size:0.8125rem;
	font-family:Arial, Helvetica;
	font-weight:bold;
	cursor:pointer;
}
.velipsbox_ctrl_closed {
	position:absolute;
	bottom:0px;
	left:0px;
	padding:50px 10px 7px 5px;
  background-image: -webkit-linear-gradient(top,       rgba(255,255,255,0.0), rgba(255,255,255,0.95) 50px);
  background-image:    -moz-linear-gradient(top,       rgba(255,255,255,0.0), rgba(255,255,255,0.95) 50px);
  background-image:      -o-linear-gradient(top,       rgba(255,255,255,0.0), rgba(255,255,255,0.95) 50px);
  background-image:         linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(240,240,240,0.95) 50px);
}
.velipsbox_ctrl_opened {
	padding:10px 10px 10px 5px;
	background-color:#EEEEEE;
}

/*ad listing*/
.list_box_premium {
	background:#FFF8CC;
	border-bottom:1px solid #EDE5B1;
	padding:15px 5px;
}
.list_box_featured {
	background:#FFFAE0;
	border-bottom:1px solid #EDE5B1;
	padding:15px 5px;
}
.list_box_regular {
	background:#FFFFFF;
	border-bottom:1px solid #E8E8E8;
	padding:15px 5px;
}
.list_box_expired {
	background:#F2F2F2;
	border-bottom:1px solid #E2E2E2;
	padding:15px 5px;
}
.list_thumbbox {
	float:left;
	width:23%;
	width: calc(120px);
	overflow:hidden;
	margin:0;
}
.list_type {
	display:inline-block;
	max-width:100%;
  overflow:hidden;
  border-bottom-right-radius:4px;
	background-color:rgba(255,175,0,0.7);
	color:rgba(0,0,0,1);
  font-size:0.7em;
  font-size:0.7rem;
	font-family:Arial, Helvetica;
  font-weight: bold;
	letter-spacing:0.20em;
	padding:3px 5px;
	margin:0;
}
.list_thumb {
	height:100px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
}
.list_zoomicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	opacity: .45;
  color: #FFFFFF;
  font-size:20px;
	padding:3px 5px;
	background-color:#000000;
  border-radius:20%;
}
.list_zoomicon:hover{
	opacity: .60;
}
.list_thumb.with_video { /*this can be used to reduce thumb height for ads with video*/
	height:100px;
}
.list_video {
	margin-top:10px;
	padding:5px 5px 5px 10px;
	background-color:#3F3F3F;
  color: #FFFFFF;
  font-size:0.7em;
  font-size:0.7rem;
	font-family:Arial, Helvetica;
  font-weight: bold;
	letter-spacing:0.2em;
  white-space:nowrap;
  overflow:hidden;
  border-radius:2px;
	cursor:pointer;
}
.list_videothumb {
	margin-top:10px;
	padding:0px;
	background-color:#BBBBBB;
	cursor:pointer;
	max-height:120px;
  overflow:hidden;
}
.list_videoicon {
  position: absolute;
  top: 0%;
  left: 0%;
	display:inline-block;
	max-width:100%;
  overflow:hidden;
  border-bottom-right-radius:4px;
	background-color:rgba(255,175,0,0.7);
	color:rgba(0,0,0,1);
  font-size:0.7em;
  font-size:0.75rem;
	font-family:Arial, Helvetica;
  font-weight: bold;
	letter-spacing:0.10em;
	padding:2px 4px;
	margin:0;
}
.list_infobox {
	padding-left:10px;
	margin:0;
  overflow:visible;
}
.list_thumbbox  + .list_infobox { /*expired ads are listed without .list_thumbbox, so there is no need to float right the .list_infobox*/
	float:right;
	width:77%;
	width:calc(100% - 120px);
}
@media (max-width:650px) { /*increase thumb width for browsers that do not support calc()*/
	.list_thumbbox {
		width:32%;
		width: calc(120px);
	}
	.list_thumbbox  + .list_infobox {
		width:68%;
		width:calc(100% - 120px);
	}

}
.list_title {
	color:#252525;
  font-size:1.2em;
  font-size:1.2rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	padding:0px 0px;
	margin:0px 0px 5px 0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

	max-width:93%;
	max-width:calc(100% - 30px);
}
.list_title a {
	color:#252525;
	text-decoration:none;
}
.list_desc {
	color:#000000;
  font-size:0.8em;
  font-size:0.8rem;
  font-weight: normal;
	font-family:Verdana, Arial, Helvetica;
	margin:0px 0px 5px 0px;
	overflow:hidden;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.list_desc  .list_desc_expired{
	color:#808080;
}
.list_price {
	color:#000000;
  font-size:0.8em;
  font-size:0.8rem;
  font-weight: normal;
	font-family:Verdana, Arial, Helvetica;
	margin:0px 0px 5px 0px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.list_dateloc {
	color:#444444;
  font-size:0.75em;
  font-size:0.75rem;
	letter-spacing:0.1em;
  font-weight: normal;
	font-family:Arial, Helvetica;
	margin:0px 0px 5px 0px;
}
.list_dateloc a {
	color:#000000;
	text-decoration:none;
}
.list_dateloc a:hover {
	text-decoration:underline;
}
.list_optionsbox {
	float:right;
  text-align: right;
  color: #000000;
  font-size:0.8em;
  font-size:0.8rem;
	font-family:Arial, Helvetica;
  font-weight: bold;
  white-space: nowrap;
  overflow:hidden;
}
.list_optionsbox a {
  color: #000000;
	text-decoration:none;
	margin-right:15px;
}
.list_optionsbox a:hover {
	margin-right:14px;
}
.list_optionsbox .glyphicon {
  font-size:1.0em;
  font-size:1.0rem;
}
@media (max-height:500px), (max-width:650px) { /*reduce height of listings on low height or low width screen*/
/*	
	.head {
		display:none;
	}
	.page_title {
		font-size:1.2em;
		font-size:1.2rem;
		font-weight: normal;
		margin:7px 0px;
	}
*/
	.list_box_premium, .list_box_featured, .list_box_regular, .list_box_expired {
		padding:10px 5px;
	}
	.list_type {
		background-color:rgba(255,175,0,0.5);
		font-size:0.7em;
		font-size:0.7rem;
		letter-spacing:0.10em;
		padding:1px 4px;
		margin:0;
	}
	.list_video {
		margin-top:7px;
		padding:4px 4px 4px 5px;
		letter-spacing:0.1em;
	}
	.list_thumbbox {
		width:25%;
		width: calc(75px);
	}
	.list_thumbbox  + .list_infobox {
		width:75%;
		width:calc(100% - 75px);
	}
	.list_thumb {
		height:75px;
	}
	.list_thumb.with_video {
		height:75px;
	}
	.list_title {
		font-size:1.0em;
		font-size:1.0rem;
		font-weight: bold;
	}
	.list_desc.list_resize {
		font-size:0.75em;
		font-size:0.75rem;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.list_price {
		font-size:0.70em;
		font-size:0.70rem;
	}
	.list_dateloc {
		font-size:0.70em;
		font-size:0.70rem;
		letter-spacing:0.1em;
	}
/*
	.list_optionsbox {
		display:none;
	}
*/
}

.list_btt {
	max-width:200px;
	text-align:center;
	background: #FCFA71;
	border:solid 1px #CCCCCC;
	padding:3px 5px;
	color:#000000;
	font-size:0.875em;
	font-size:0.875rem;
	font-Family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}
.list_btt:hover {
	background:#FFD83F;
}

/*similar ads*/
.simadtitle {
	color:#000000;
  font-size: 1.5em;
  font-size: 1.5rem;
	font-family:Arial, Helvetica;
	font-weight:normal;
	text-decoration:none;
}

/*sidebar premium ad list*/
.sidebarpremium_title {
	color:#FFFFFF;
  font-size:1.2em;
  font-size:1.2rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	padding:10px 5px;
	margin:0px 0px 1px 0px;
	overflow:hidden;
  background-color:#0C497F;
	text-align:center;
}
.sidebarpremium1, .sidebarpremium2 {
	padding:5px 2px;
	overflow:hidden;
	cursor:pointer;
	border:1px solid #136EBF;
}
.sidebarpremium1:hover, .sidebarpremium2:hover {
	border:1px dashed #FFFFFF;
}
.sidebarpremium1 {
  background-color:#1060A5;
}
.sidebarpremium2 {
  background-color:#0C497F;
}
.sidebarpremium_adtitle {
	color:#FFDC33;
  font-size:0.875em;
  font-size:0.875rem;
  font-weight: bold;
	font-family:Arial, Helvetica;
	margin:10px 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sidebarpremium_adimg {
	height:100px;
	margin:10px 5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
}
.sidebarpremium_addesc {
	color:#FFFFFF;
  font-size:0.75em;
  font-size:0.75rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	margin:10px 5px;
	overflow:hidden;
	text-align: justify;
}


/*subcategory menu*/
.subcatmenu_open {
	display:none;
  padding: 10px 5px 8px 10px;
  color: #000000;
  font-size: 1.0em;
  font-size: 1.0rem;
  font-weight: bold;
	font-family:Arial, Helvetica;
  text-align: left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor: pointer;
}
.subcatmenu {
	display:block;
	position:relative;
  overflow:hidden;
  padding:10px 25px 10px 10px;
}
.subcatmenu:after
{
	display:table;
	content:"";
	clear:both;
}
.subcatmenu_item {
	padding:5px 10px 5px 15px;
	text-indent:-7px;
	margin:0px;
	color:#000000;
  font-size:0.8em;
  font-size:0.8rem;
	font-family:Verdana, Arial, Helvetica;
}
.subcatmenu_item a {
	color:#000000;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-decoration:none;
	vertical-align:middle;
}
.subcatmenu_item a:hover {
	text-decoration:underline;
}
.subcatmenu_item .glyphicon {
	color:#CC3600;
	font-size:0.5rem;
	padding:0px 5px 0px 0px;
	vertical-align:middle;
}
.subcatmenu_close_btn{
	position:absolute;
	top:0px;
	right:0px;
	width:24px;
	height:24px;
	padding-top:3px;
	font-size:14px;
	border-radius:12px;
	background-color:#3F2F2C;
	color:#D8C1AD;
	font-family:Arial, Helvetica;
	text-align:center;
	cursor:pointer;
}
.subcatmenu_close_btn:hover{
	color:#FFFFFF;
}
@media (min-width:930px){ /*display subcategories on 3 rows*/
	.subcatmenu_item {
		width:33.33333%;
		float:left;
	}
	.subcatmenu_item:nth-child(3n+1) {
		clear:both;
	}
}
@media (min-width:600px) and  (max-width:929px) { /*display subcategories on 2 rows*/
	.subcatmenu_item {
		width:50%;
		float:left;
	}
	.subcatmenu_item:nth-child(2n+1) {
		clear:both;
	}
}
@media (max-width:800px) { /*subcategory list closed*/
	.subcatmenu_open {
		display:block;
	}
	.subcatmenu {
		display:none;
	}
}

/*post ad - type select*/
.type_select_box {
	display:table-cell;
	border:1px solid #E0E0E0;
	background:#FFFFB2;
	width:50%;
}
.type_select_title {
	padding:10px 5px;
	margin:0px;
	color:#000000;
  font-size:1.2em;
  font-size:1.2rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-align:center;
}
.type_select_title_premium{
	border-bottom:1px solid #EFB428;
	background:#FFBF2B;
}
.type_select_title_featured{
	border-bottom:1px solid #EFD528;
	background:#FFE12B;
}
.type_select_title_regular{
	border-bottom:1px solid #CCC0BB;
	background:#D8CCC7;
}

.type_select_desc {
	padding:10px 5px;
	color:#000000;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
}
.type_select_btn {
	display:block;
	padding:10px 5px;
	margin:0px;
	color:#000000;
  font-size:0.875em;
  font-size:0.875rem;
  font-weight: bold;
	font-family:Arial, Helvetica;
	text-align:center;
	text-decoration:none;
}
.type_select_btn_premium {
	border-top:1px solid #E5CD95;
	background-color:#FFBF2B;
	background-image:
    linear-gradient(
      to bottom,
			#FFD87F,
			#FFBF2B 50%,
      #E5AC27 100%
    );
}
.type_select_btn_premium:hover {
	background-image:none;
}
.type_select_btn_featured {
	border-top:1px solid #E0E0E0;
	background-color:#FFE12B;
	background-image:
    linear-gradient(
      to bottom,
			#FFEE7F,
			#FFE12B 50%,
      #F2D729 100%
    );
}
.type_select_btn_featured:hover {
	background-image:none;
}
.type_select_btn_regular {
	border-top:1px solid #E0E0E0;
	background-color:#D8CCC7;
	background-image:
    linear-gradient(
      to bottom,
			#F2E4DE,
			#D8CCC7 50%,
      #B7ADA8 100%
    );
}
.type_select_btn_regular:hover {
	background-image:none;
}

/*ad update page*/
.listingupdate_title {
	color:#000000;
  font-size:1.0em;
  font-size:1.0rem;
	font-Family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
}
.listingupdate_status {
	color:#252525;
  font-size:0.8125em;
  font-size:0.8125rem;
	font-Family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
}

.listingupdate_optionsbox {
	float:left;
	width:50%;
	padding-right:10px;
}
.listingupdate_infobox {
	float:right;
	width:50%;
}
@media (max-width:560px) { /*display infobox under optionsbox*/
	.listingupdate_optionsbox {
		width:100%;
		padding-right:0px;
		padding-bottom:15px;
	}
	.listingupdate_infobox {
		width:100%;
	}
}

.listingupdate_info {
	background: #FFFFB2;
	color:#000000;
  font-size:0.8125em;
  font-size:0.8125rem;
	font-Family:Verdana, Arial, Helvetica;
	font-weight:normal;
	text-align:justify;
	text-decoration:none;
	padding:10px;
}
.listingupdate_info a {
	color:#222222;
	text-decoration:underline;
}
.listingupdate_info a:hover {
	color:#555555;
	text-decoration:underline;
}
.listingupdate_info.news {
	background: #FF7826;
}
.listingupdate_info.alert {
	background: #FFE4CC;
}
.listingupdate_btn {
	display:block;
	width:100%;
	border:0;
  outline: 0;
	padding:10px 5px;
	margin:0px;
	color:#000000;
  font-size:0.875em;
  font-size:0.875rem;
  font-weight: bold;
	font-family:Arial, Helvetica;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
}
.listingupdate_btn.premium {
	color:#000000;
	background:#FFBF2B;
}
.listingupdate_btn.premium:hover {
	color:#000000;
	background:#F9AE00;
}
.listingupdate_btn.featured {
	color:#000000;
	background:#FFE12B;
}
.listingupdate_btn.featured:hover {
	color:#000000;
	background:#F9D800;
}
.listingupdate_btn.regular {
	color:#000000;
	background:#D3C7C2;
}
.listingupdate_btn.regular:hover {
	color:#000000;
	background:#BFB4AF;
}


/*tables*/
.tableclass {
	width:100%;
	border-collapse:collapse;
	border: solid 1px #CCCCCC;
}
.tableclass th {
	padding:5px;
	text-align:center;
	background:#E5DEDC;
	border:solid 1px #CCCCCC;
	color:#000000;
  font-size:0.875em;
  font-size:0.875rem;
	font-family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
}
.tableclass td {
	padding:5px;
	border: solid 1px #CCCCCC;
	color: #000000;
  font-size:0.875em;
  font-size:0.875rem;
	font-family:Arial, Helvetica;
	font-weight:normal;
	text-decoration:none;
}
.tableclass a {
	color: #7F1F1F;
	text-decoration:none;
}
.tableclass a:hover {
	color: #7F1F1F;
	text-decoration:underline;
}

/*search stats*/
@media (max-width:550px) { /*hide date column*/
	.searchstats_date {
		display:none;
	}
}
@media (max-width:350px) { /*hide category column*/
	.searchstats_categ {
		display:none;
	}
}

/*regions*/
.reglist_col {
	float:left;
	width:50%;
	padding:5px;
}
.reglist_h {
	padding:5px;
	color: #000000;
  font-size:0.875em;
  font-size:0.875rem;
	font-family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
}
.reglist_h a {
	color: #7F1F1F;
	text-decoration:none;
}
.reglist_h a:hover {
	color: #7F1F1F;
	text-decoration:underline;
}
.reglist_city {
	padding:5px;
	color: #000000;
  font-size:0.875em;
  font-size:0.875rem;
	font-family:Arial, Helvetica;
	font-weight:normal;
	text-decoration:none;
}
.reglist_city a {
	color: #000000;
	text-decoration:none;
}
.reglist_city a:hover {
	color: #7F1F1F;
	text-decoration:underline;
}
.reglist_city .glyphicon {
	color:#CC3600;
	font-size:0.5em;
	font-size:0.5rem;
	padding:0px 5px 0px 5px;
	top:0;
}
@media (max-width:600px) { /*display regions on one column*/
	.reglist_col {
		width:100%;
	}
}

/*payments*/
.pms_header {
	background:#FFBF2B;
	padding:10px 5px;
	margin:0px;
	color:#000000;
  font-size:1.2em;
  font-size:1.2rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-align:center;
}
.pms_paybtn {
  padding: 4px 11px;
  font-size:1.2em;
  font-size:1.2rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align: middle;
  cursor: pointer;
  color: #000000;
	border-width:1px;
	background-color:#FFD87F;
	background-image:
    linear-gradient(
      to bottom,
			#FFD87F,
			#FFBF2B 50%,
      #E5AC27 100%
    );
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.pms_paybtn:hover {
	background-image:none;
}
.pms_paybtn:focus {
  outline:0;
}


/*page footer*/
.disclaimer {
	padding:15px;
	color:#000000;
  font-size:0.875em;
  font-size:0.875rem;
  font-weight:bold;
	font-family:Arial, Helvetica;
	text-align:center;
}
.page_footer {
	display:block;
	padding:15px 10px 40px 10px;
	background:#F2EFDE;
	color:#222222;
  font-size:0.9em;
  font-size:0.9rem;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-decoration:none;
}
.page_footer a {
	display:block;
	padding:8px 0px;
	color:#555555;
	text-decoration:none;
}
.page_footer a:hover{
	text-decoration:underline;
}
.page_footer_left {
	float:left;
	width:60%;
	max-width:300px;
	padding-right:15px;
}
.page_footer_right {
	float:right;
	width:40%;
	max-width:250px;
	padding-left:15px;
}

@media (max-width:350px) { /*hide .page_footer_right*/
	.page_footer_left {
		width:100%;
		max-width:100%;
	}
	.page_footer_right {
		display:none;
	}
}

/*rss icon*/
.rss_icon_box{
	display:block;
	width:80px;
	border:1px solid #626262;
  font-size:11px;
	line-height:1.2;
  font-weight: normal;
	font-family:Arial, Helvetica;
	text-decoration:none;
}
.rss_icon_left {
	float:left;
	background:#F95D13;
	color:#FFFFFF;
	width:34px;
	padding-top:1px;
	text-align:center;
}
.rss_icon_right {
	float:right;
	background:#FFFFFF;
	color:#626262;
	width:44px;
	padding-top:1px;
	text-align:center;
}


/*share*/
.share_select_btn {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:#4F629E;
	border-radius:5px;
	color:#FFFFFF;
	font-size:16px; font-size:1.0rem;
	line-height:1.0;
	padding:13px 42px 13px 77px;
	font-family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.share_select_btn_leftimg {
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:5px;
	width:66px;
	height:40px;
}
.share_select_btn_rightimg {
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	right:0px;
	width:40px;
	height:40px;
	background-position:left top;
	background-origin:padding-box;
	background-repeat:no-repeat;
}
.share_select_btn_chevrondown {
	background-image:url("img/s_chevrondown.png");
}
.share_select_btn_close {
	background-image:url("img/s_close.png");
}
.share_select_list {
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	padding:10px 0px;
}

.share_btn {
	box-sizing:border-box;
	display:block;
	margin:7px auto 0px auto;
	width:100%;
	border:1px solid #FFFFFF;
	border-radius:7px;
	padding:0px;
	color:#FFFFFF;
	font-size:16px; font-size:1.0rem;
	line-height:1.0;
	font-family:Arial, Helvetica;
	font-weight:normal;
	text-decoration:none;
}
.share_btn:hover {
	border:1px dashed #FFFFFF;
}
.share_serviceimg {
	float:left;
	padding:5px;
	height:40px;
}
.share_title {
	padding:7px 5px 4px 5px;
	color:#DDDDDD;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.share_servicetxt {
	padding:4px;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.share_grid_container {
	width:100%;
	padding:0px;
}
.share_grid_container:before,
.share_grid_container:after
{
	display:table;
	content:"";
	clear:both;
}

.share_grid_cell2 {
	display:block;
	overflow:hidden;
	float:left;
	width:49%;
	padding:0px;
	min-height:1px; /*for empty cells*/
}
.share_grid_cell2:nth-child(2n) {
	margin-left:2%;
}

@media (min-width:1025px) { /*reduce font-size for desktops*/
	.share_select_btn {
		font-size:14px; font-size:0.875rem;
	}
	.share_btn {
		font-size:14px; font-size:0.875rem;
	}
}



/*modal window classes*/
/*overlay*/
.modal_overdiv{
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	background-color: #000000;
	/*must include the following*/
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:10001;
}
/*
modal window style
!!!width, height, left and top will be set when the modal window is opened
*/
.modal_window_forobject{ /*for objects (like an image) will use a background similar to the overdiv bacground*/
	background-color:#111111;
	border-style:solid;
	border-color:#000000;
	border-width:4px;
	border-radius:4px;
	/*must include the following*/
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  position: fixed;
	z-index:10002;
	overflow:visible;
}
.modal_window_forcontent{
	background-color:#FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-width:4px;
	border-radius:4px;
	padding:10px;
	/*must include the following*/
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  position: fixed;
	z-index:10002;
	overflow:auto;
}
/*modal window close bar*/
.modal_close_btn{
	width:24px;
	height:24px;
	padding-top:3px;
	font-size:14px;
	border-radius:12px;
	background-color:#000000;
	color:#999999;
	font-family:Arial, Helvetica;
	text-align:center;
	/*must include the following*/
	position:fixed;
	z-index:10003;
	cursor:default;
}
.modal_close_btn:hover{
	background:#111111;
	color:#FFFFFF;
}

/*admin*/
.admin_menu {
	background: #FCFA71;
	border:solid 1px #CCCCCC;
	padding:1px 5px 1px 5px;
	color:#000000;
	font-size:0.6875em;
	font-size:0.6875rem;
	font-Family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}
.admin_menu:hover {
	background: #FFD83F;
}
.admin_menuh {
	background: #FFD119;
	border:solid 1px #CCCCCC;
	padding:2px 5px 2px 5px;
	color:#000000;
	font-size:0.875em;
	font-size:0.875rem;
	font-Family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}
.admin_menuh:hover {
	background: #FFAF00;
}

.admin_order {
	padding:10px 5px 0px 5px;
	text-align:right;
}
.admin_order a {
	background: #FCFA71;
	border:solid 1px #CCCCCC;
	padding:1px 5px 1px 5px;
	color:#000000;
	font-size:0.6875em;
	font-size:0.6875rem;
	font-Family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}
.admin_order a:hover {
	background: #FFD83F;
}

.adminunlockedrow {background: #FFFFFF;}
.adminlockedrow {background: #FF5B5B;}
.adminspammarkedrow {background: #FFBD7C;}
.adminsuspendedrow {background: #CCCCCC;}
.adminmoderatormarkedrow {background: #9900FF;}

.adminrefdatemark {background: #CC3600; border:solid 1px #FFFFFF; padding:30px 10px 30px 10px; color:#FFFFFF; font-size:14px; font-Family:Arial, Helvetica; font-weight:normal; text-decoration:none; text-align:center;}

.adminbttall {display:inline-block; background: #FFD119; border:solid 1px #CCCCCC; margin-top:5px; padding:2px 5px 2px 5px; color:#000000; font-size:14px; font-Family:Arial, Helvetica; font-weight:bold; text-decoration:none; text-align:center; white-space:nowrap; cursor: pointer;}
.adminbttall:hover {background: #FFAF00; border:solid 1px #CCCCCC; color:#000000; text-decoration:none;}

.admininfo {background: #EEEEEE; border:solid 1px #CCCCCC; border-top:0; padding:4px; margin:0px 0px 1px 1px; color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; font-weight:normal; text-decoration:none;}
.admininfo a {color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; text-decoration:none;}
.admininfo a:hover {color:#777777; text-decoration:underline;}

.adminbtt {background: #FCFA71; border:solid 1px #CCCCCC; padding:1px 1px 1px 4px; color:#000000; font-size:11px; font-Family:Arial, Helvetica; font-weight:bold; text-decoration:none; white-space:nowrap; width:120px; display:block; cursor: pointer;}
.adminbtt:hover {background: #FFD119; border:solid 1px #CCCCCC; color:#000000; text-decoration:none;}
.adminbtt a {
	color:#000000;
	text-decoration:none;
	display:block;
}
.adminbtth {background: #FF9900;}
.adminbttdel {background: #FFD119;}
.adminbttdel:hover {background: #FF7833;}
.adminlockbox {background: #F5F5F5; border:solid 1px #DDDDDD; padding:1px; color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; font-weight:normal; text-decoration:none;}
.adminbttsub {background: #FFD119; border:solid 1px #CCCCCC; padding:0px 1px 0px 1px; color:#000000; font-size:11px; font-Family:Arial, Helvetica; font-weight:bold; text-align:center; text-decoration:none; white-space:nowrap; width:80px; display:block;}
.adminbttsub:hover {background: #FF7833; border:solid 1px #CCCCCC; color:#000000; text-decoration:none;}

.adminreportsbox {background: #FFF9D8; border:solid 1px #EAE5C7; margin:2px 2px 1px 2px; padding:4px; color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; font-weight:normal; text-decoration:none;}
.adminreportsbox a {color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline;}
.adminnewreportsbox {background: #FFCCCC; border:solid 1px #E5B7B7; margin:2px 2px 1px 2px; padding:4px; color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; font-weight:normal; text-decoration:none;}
.adminnewreportsbox a {color:#000000; font-size:11px; font-Family:Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline;}

/*tables*/
.admtbl {background:#FFFFFF;  border: solid 1px #AAAAAA; border-collapse: collapse;}
.admtbl th {background:#DDDDDD;}
.admtbl th a {color:#550000; font-size:12px; font-Family:Arial, Helvetica; font-weight:bold; text-decoration:none;}
.admtbl tbody {color:#000000; font-size:12px; font-Family:Arial, Helvetica; font-weight:normal; text-decoration:none;}
.admtbl tbody a {color:#550000; font-size:12px; font-Family:Arial, Helvetica; font-weight:normal; text-decoration:none;}
.admtbl tbody a:hover {text-decoration:underline;}

.admregularrow {background:#FFFFFF;}
.admcompletedrow {background:#FCFCA4;}
.admerrorrow {background:#FFDDDD;}


.adminlistimg_gridcell {
	height:132px;
	padding:5px;
	overflow:visible;
	text-align:center;
	border:solid 1px #EEEEEE;
	color:#000000;
	font-size:0.875em;
	font-size:0.875rem;
	font-Family:Arial, Helvetica;
	cursor:pointer;
}
.adminlistimg_gridcell.adminrefdatemark {
	background:#CC3600;
	color:#FFFFFF;
}
@media (min-width:880px) { /* 5 columns */
	.adminlistimg_gridcell {
		float:left;
		margin:2px;
		width:calc( (100% - 4px*5)/5 );
	}
	.adminlistimg_gridcell:nth-child(5n+1) {
		clear:both;
	}
}
@media (min-width:720px) and (max-width:879px) { /* 4 columns */
	.adminlistimg_gridcell {
		float:left;
		margin:2px;
		width:calc( (100% - 4px*4)/4 );
	}
	.adminlistimg_gridcell:nth-child(4n+1) {
		clear:both;
	}
}
@media (min-width:440px) and (max-width:719px) { /* 3 columns */
	.adminlistimg_gridcell {
		float:left;
		margin:2px;
		width:calc( (100% - 4px*3)/3 );
	}
	.adminlistimg_gridcell:nth-child(3n+1) {
		clear:both;
	}
}
@media (max-width:439px) { /* 2 columns */
	.adminlistimg_gridcell {
		float:left;
		margin:2px;
		width:calc( (100% - 4px*2)/2 );
	}
	.adminlistimg_gridcell:nth-child(2n+1) {
		clear:both;
	}
}