/*******************************************************************************
  *Copyright 2009, 2010 Innovation Gate GmbH. All Rights Reserved.
  *
  *This file is part of the OpenWGA server platform.
  *
  *OpenWGA 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 3 of the License, or
  *(at your option) any later version.
  *
  *In addition, a special exception is granted by the copyright holders
  *of OpenWGA called "OpenWGA plugin exception". You should have received
  *a copy of this exception along with OpenWGA in file COPYING.
  *If not, see <http://www.openwga.com/gpl-plugin-exception>.
  *
  *OpenWGA 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 OpenWGA in file COPYING.
  *If not, see <http://www.gnu.org/licenses/>.
 ******************************************************************************/
.dia{
	float: left;
	width: 210px;
	height: 230px;
	text-align: center;
	font: 12px verdana;
}

.albums .dia{
	background: url(../file/images/dia.gif) no-repeat;
	margin: 10px;
	height: 270px;
}
.albums .img-wrapper{
	cursor: pointer;
}
.clear {
	clear: both;
}

.img-wrapper{
	height: 190px;
	width: 182px;
	/*
	*height: 180px;
	*width: 180px;
	*/
	margin: 12px;
	text-align: center;
	vertical-align: middle;
}

.albums .img-wrapper{
	color: white;
}

.img-wrapper img{
	border: solid #222222 1px;
}
.img-wrapper img, #modal-image img{
	-webkit-box-shadow: 2px 2px 8px #222222;
	-moz-box-shadow: 2px 2px 8px #222222;
}

.album-info{
	padding-top: 0px;
	width: 210px;
	white-space:nowrap;
	overflow:hidden;
	color: gray;
}
.album-info input{
	width: 205px;
}

.img-info h1{
	font-size: 125% !important;
	color: red !important;
	padding: 10px;
}

.img-info label{
	float:left;
	text-align: right;
	width: 220px;
}
.img-info .data{
	margin-left: 230px;
	margin-bottom: 2px;
	text-align: left;
}

.img-info fieldset{
	margin: 10px;
	padding: 10px;
	border: solid #222222 1px;
	color: #222222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
.img-info fieldset legend{
	color: #444444 !important;
	text-align: left;
}

.button{
	border: none 1px;
	width: 85px;
	height: 28px;
	color: white !important;
	text-align: left;
	padding: 8px 0px 0px 35px;
	*padding: 9px 0 0 35px;
	margin-top: 10px;
	cursor: pointer;
}

.button-back{
	background: url(../file/images/button-back.jpg) no-repeat 0 -13px;
}

.button-new{
	background: url(../file/images/button-new.jpg) no-repeat 0 -13px;
}