/*

Copyright 2006 Google Inc.
Modified by Hellenic National Documentation Center, yapiviewer@gmail.com, 2009

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

*/

.image_container {
background-color:#4A4A4A;
border:4px solid #71625B;
margin-left:0;
padding-bottom:4px;
padding-top:4px;
text-align:center;
vertical-align:middle;
}

.image_container a{
color:white;
font-family:"Arial Unicode MS","Palatino Linotype","Lucida Grande",Gentium,sans-serif;
font-size:1.1em;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

.image_container a:hover{
color:white;
font-family:"Arial Unicode MS","Palatino Linotype","Lucida Grande",Gentium,sans-serif;
font-size:1.1em;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}

.image_container img{
	margin-right:5px;
}

#image-rotator {
  position: static;
  overflow:hidden;
  left: 0;
  top: 0;
}

#image-rotator .tool-bar {
  text-align: center;
  width:auto;
}

#image-rotator img,
#image-rotator canvas {
  position: absolute;
}


.tool-bar button {
  margin: 6px 0 0;
  border:0 none;
  cursor:pointer;
  background-color:#4A4A4A;
}

.bRight{
	background-image:url('../icons/right.png');
	float:left;
	background-repeat:no-repeat;
	width:30px;
	height:18px;

}

.bRight:hover{
	background-image:url('../icons/right_hover.png');
	float:left;
	background-repeat:no-repeat;
	width:30px;
	height:18px;

}

.bLeft{
	background-image:url('../icons/left.png');
	float:left;
	background-repeat:no-repeat;
	width:30px;
	height:18px;
}

.bLeft:hover {
	background-image:url('../icons/left_hover.png');
	background-repeat:no-repeat;
	float:left;
	height:18px;
	width:30px;
}

.zoom{
	float:right;
	margin-right:0;
}

.zoomin{
	float:left;
	margin:0;
}
.zoomoutDiv{
	float:left;
	margin:0;
}
.reset{
	float:left;
	margin:0;
}

.zoomin a{
	float:left;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url('../icons/zoomin.gif');

}

.zoomin a:hover{
	float:left;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url('../icons/zoomin_hover.gif');

}


.zoomoutDiv a{
	float:left;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url('../icons/zoomout.gif');

}

.zoomoutDiv a:hover{
	float:left;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url('../icons/zoomout_hover.gif') !important;

}

a.zoomout_disable{
	float:left;
	width:30px;
	height:30px;
	cursor:default !important;
	background-image:url('../icons/zoomout_disable.png') !important;

}

a.zoomout_disable:hover{
	float:left;
	width:30px;
	height:30px;
	cursor:default !important;
	background-image:url('../icons/zoomout_disable.png') !important;

}


.reset a{
	float:left;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url('../icons/reset.gif');

}

.reset a:hover{
	float:left;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url('../icons/reset_hover.gif');

}

#demo-frame {
border:1px solid #DDDDDD;
clear:right;
height:204px;
overflow:hidden;
position:relative;
background-color:black;
margin-left:0;
margin-right:0;
z-index:1;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
opacity:1 !important;
cursor:default !important;
}

#move{
	cursor:move;
	position:absolute;
	margin:0;
	left:0px;
	top:0px;
	filter:none;
	z-index:1;
	display:none;
}


/* STYLES FOR BRIGHTNESS/CONTRAST ADJUSTMENT */
#brightness-slider div, #contrast-slider div{
	margin-left:0px;
}

.ui-widget {
font-size:0.6em !important;
}

.ui-slider .ui-slider-handle {
height:1em !important;
}

#image-rotator{
  margin-bottom:0px !important;
}

#bright-contrast label{
	font-weight:bold;
	float:left;
	margin-right:10px;
}

#bright-contrast input{
	float:left;
	padding-left:3px;
	padding-right:3px;
	width:35px;
}

.demo{
	margin-bottom:0px;
}

#contrast-slider, #brightness-slider{
	clear:both;
}

#bright-contrast{
	height:10px;
}

#bc{
	text-align:right;
	height:20px;
	margin-bottom:5px;
	margin-right:8px;
}

#bc input{
	background:#E6E6E6 repeat-x scroll 50% 50%;
	border:1px solid #D3D3D3;
	color:#555555;
	font-weight:normal;
	margin-left:10px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	cursor:pointer;
}

#bc input:hover{
	background:#DADADA repeat-x scroll 50% 50%;
	border:1px solid #999999;
	color:#212121;
	font-weight:normal;
	margin-left:10px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	cursor:pointer;
}