/*
 Based on standard code from Joomla and other sources which may be copyrighted
 Modifications, supporting database structures and new code Copyright (c) 2014-2017 David Torr and Rob Parker
 Licensed for use on birdlifephotography.org.au and subdomains
*/
/* hack to fix Tags control on front-end edit/publishing tab. RP, 28-04-2017 */
#jform_tags {height: 30px;}

/* tables */

td, th {
	padding: 1px 5px;
}
.border  .show_list_table table{
	border-collapse: collapse;
    border: 1px solid #333;
  }
.border th{
	border-collapse: collapse;
    border: 1px solid #333;
  }
.border tr{
	border-collapse: collapse;
    border: 1px solid #333;
  }
.border  td{
 	border-collapse: collapse;
	border: 1px solid #333;
	padding: 0 3px 0 2px;
  }
/* CSS for the lists of items in manage */
.list_table {
	border-collapse: collapse;
    border: 1px solid #333;
}
.block_table {
	border-collapse: collapse;
    border: 1px solid #333;
}
.list_table_cell_red {
	color:red;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.red_button {
	color:red;
}
.list_table_cell {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.list_table_cell_odd {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #ddeeff;
}
.list_table_cell_even {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #ffffff;
}
.list_table_header_cell {
	text-align: center;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.list_table_header_cell_span {
	text-align: center;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.list_table_header_row {
	border-bottom: 1px solid #333;
}  
.list_table_row_bottom_odd {
	background-color: #ddeeff;
	border-bottom: 1px solid #333;
}  
.list_table_row_bottom_even {
	background-color: #ffffff;
	border-bottom: 1px solid #333;
}  
.list_table_row_odd {
	background-color: #ddeeff;
}  
.list_table_row_even {
	background-color: #ffffff;
}  
/* CSS for the lists of items in show */
.show_list_table {
	border-collapse: collapse;
    border: 1px solid #333;
}
.show_list_table_cell_red {
	color:red;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.show_list_table_cell {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.show_list_table_header_cell {
	text-align: center;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.show_list_table_header_cell_span {
	text-align: center;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.show_list_table_header_row {
	border-bottom: 1px solid #333;
}  
.show_list_table_row_odd {
	background-color: #ddeeff;
}  
.show_list_table_row_even {
	background-color: #ffffff;
}  
#filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}

#filedrag.hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

.pic_description
{

	border-top: 3px solid #333;

	border-bottom: 3px solid #333;

}
label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
}
.validate_status_error {
	color: red;
	background-color: yellow;
}
.cb_container { border:2px solid #ccc; width:300px; height: 150px; overflow: auto; }
.cb_label {display:inline;}
/*
input {
 display: block;
 margin: 20px;
 width: auto;
}
*/
/*
.clearable{
  background:url(../img/cross.png) no-repeat right -10px center;
  border:1px solid #999;
  padding:3px 18px 3px 4px; 
  border-radius:3px;
  transition: background 0.4s; 
}
.clearable.x{
  background-position: right 5px center;
}
.clearable.onX{
  cursor:pointer;
}
*/
.wrap {
   overflow: hidden;
   margin: 10px;
}

.box {
   float: left;
   position: relative;
   width: 20%;
   height: 305px;
}
.boxframe {
   position: absolute;
   padding: 5px;
   width: 250px;
   height: 290px;
   overflow: hidden;
   vertical-align: top;
   text-align: center;
	background: #ddeeff;
	border: 1px solid #ddd;
}
.boxInner  {
   vertical-align: top;
   text-align: center;
}
.boxInner .titleBox { /* not used - RP, Sep 2015 */
   font-size: 12px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-bottom: 0px;
   background: #000;
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   padding: 10px;
   text-align: center;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
   margin-bottom: 0;
}
@media only screen and (max-width : 610px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
    }
	.boxInner .titleBox {
	   font-size: 9px;
	}
}
@media only screen and (max-width : 875px) and (min-width : 610px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
   }
	.boxInner .titleBox {
	   font-size: 9px;
	}
}
@media only screen and (max-width : 1200px) and (min-width : 875px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
   }
	.boxInner .titleBox {
	   font-size: 9px;
	}
}
@media only screen and (max-width : 1400px) and (min-width : 1200px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
   }
	.boxInner .titleBox {
	   font-size: 10px;
	}
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.form_table {
}
.form_table_highlight_row
{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #99ff99;
}
.form_table_row
{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.form_table_row_top
{
	border-top: 1px solid #333;
}
.form_table_row_bottom
{
	border-bottom: 1px solid #333;
}
.center_vertical_old {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Sidebar images and titles - Rob Parker, Sep 2015 */
.sidebarbox {
	float: left;
	position: relative;
	width: 100%;
	height: 250px; /* for 180px high thumbnail images, with three title rows */
	background: #ddeeff;
	border: 1px solid #ddd;
}
.sidebarimage   {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	height: 250px;
	vertical-align: top;
	text-align: center;
/*	border: 1px solid #ddd;
	padding: 5px; */
}
/* end Sidebar images and titles */
body.waiting * {
    cursor: progress;
}
/* 20170428 ensure links get a "hover" pointer */
a { cursor: pointer; }

/* 20170413 changed from "select" as conflict with template */
.select_auto_width {
	width:auto;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.dragdrop{
 border:2px dotted #0B85A1;
 width:400px;
 color:#92AAB0;
 height:50px;
 text-align:center;vertical-align:middle;
 padding:10px 10px 10 10px;
 margin-bottom:10px;
 font-size:200%;
 }
 /* 20170725 add a class for textarea
*/
.blp_textarea{
	width:400px;
	resize:both;
}
/* 20180123 new tooltip system */
a.hover_help {outline:none; }
a.hover_help strong {line-height:30px;}
a.hover_help:hover {text-decoration:none;} 
a.hover_help span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.hover_help:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.hover_help span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}