/*
	Copyright (C) 2012 Vernon Systems Limited

	This program is free software; you can redistribute it and/or
	modify it under the terms of the GNU General Public License
	as published by the Free Software Foundation; either version 2
	of the License, or (at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program; if not, write to the Free Software
	Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
/*
	Single object image.
*/
div.ehive-object-detail div.ehive-item-image-wrap {
	height:auto;
	max-width:420px;
	width:auto;
	float:right;
	position: relative;
}

div.ehive-object-detail div.ehive-item-image-wrap * {
	line-height:0;
}

@media only screen and (max-width: 1028px) {
   div.ehive-object-detail div.ehive-item-image-wrap {
      max-width: 100%;
      width: 100%;
   }
}

div.large-image-container {
	max-width: 420px;
	width: 100%;
	height: 100%;
	
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.ehive-object-detail div.ehive-item-image-wrap div.ehive-object-single-image {	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
		
	padding:10px 10px 58px 10px;	
	margin: 0 0 10px 10px;	
	
	width: auto;
}

/*
	Two to four object images.
*/
div.ehive-object-detail div.ehive-item-image-wrap div.ehive-object-multiple-images {
    width:auto;
    height:auto;
    float:left;
    padding-top: 10px;    
    margin: 0 0 5px 5px;    
    text-align: center;
    position: relative;    
   	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;			
}
div.ehive-object-detail div.ehive-item-image-wrap div.ehive-object-multiple-images div.ehive-images-tiny-square {
    padding: 6px;
    background: #fff;
	height:auto;
	width:auto;
	float:left;
	margin: 20px 10px 10px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	    
}

div.ehive-object-detail div.ehive-images-tiny-square-image-wrap {
	height:auto;
	width:auto;
	float: left;
}
div.ehive-object-detail div.ehive-object-multiple-images div.ehive-images-tiny-square img {
    cursor: pointer;
    margin: 3px;
}

div.ehive-object-detail div.ehive-object-multiple-images a.ehive-magnifying-glass:hover {
	background: url(../images/magnifyingglass_btn_hover.png) bottom;
}

/*
	More than four object images.
*/
div.ehive-object-detail div.ehive-object-carousel-images {
    width:auto;
    height:auto;
    float:left;
    padding-top: 10px;    
    margin: 0 0 5px 5px;    
    text-align: center;
    position: relative;    
   	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}
div.ehive-object-detail div.ehive-object-carousel-images div.ehive-carousel-navigation {
    width:auto;
    height:auto;
 	float:left;
 	padding-left:35%;
 	margin: 10px 0 16px 0;
}

div.ehive-object-detail div.ehive-object-carousel-images div.ehive-carousel-navigation a {
    float: left;
    width: 61px;
    height: 22px;
}

div.ehive-object-detail div.ehive-object-carousel-images div.ehive-carousel-navigation a.previous {
    background: url(../images/previous_rounded.png) bottom;
    border-right: 2px solid #edebe6;
}
div.ehive-object-detail div.ehive-object-carousel-images div.ehive-carousel-navigation a.next {
    background: url(../images/next_rounded.png) bottom;
}
div.ehive-object-detail div.ehive-object-carousel-images div.ehive-carousel-navigation a.previous:hover {
    background: url(../images/previous_rounded_hover.png) bottom;
}
div.ehive-object-detail div.ehive-object-carousel-images div.ehive-carousel-navigation a.next:hover {
    background: url(../images/next_rounded_hover.png) bottom;
}
div.ehive-object-detail a.ehive-magnifying-glass {
   	background: url(../images/magnifyingglass_btn.png) bottom;
	width: 30px;
    height: 22px;
	float:right;
	margin:20px 10px 0 0;
}
div.ehive-object-detail div.ehive-object-carousel-images a.ehive-magnifying-glass:hover {
	background: url(../images/magnifyingglass_btn_hover.png) bottom;
}
div.ehive-object-detail div.ehive-object-carousel-images div.widget {
    width: auto;
    height: auto;
    float:left;
    background: #fff;
    padding: 6px;
    margin:20px 0 0 10px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
div.ehive-object-detail div.ehive-object-carousel-images div.widget_style {
    height: auto;
    text-align: left;
    padding: 0;
}
div.ehive-object-detail div.ehive-object-carousel-images div.widget div.widget_style ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


div.ehive-object-detail div.ehive-object-carousel-images div.widget div.widget_style li {
    margin: 0;
    padding: 3px;
    height: 79px;
    width: auto;
    list-style: none;
    float: left;
}

div.ehive-object-detail div.ehive-object-carousel-images div.widget div.widget_style li img {
    cursor: pointer;
}


/*
	Object fields.
*/
div.ehive-object-detail span.ehive-field-label {
	font-weight: bold;
	display: block;
}

div.ehive-object-detail p.ehive-identifier-public_profile_name span.ehive-field-label {
	font-weight: normal;
	display: inline;
}

div.ehive-object-detail div.ehive-item div.ehive-item-metadata-wrap p.ehive-identifier-copyright-licence img.cc-image {
	display: block;
}


/* Object files */
div.ehive-item-file-wrap span.ehive-field-value {
	display: block;
}