/* 
    Document   : imageViewer
    Created on : 2009-feb-24, 11:36:07
    Author     : kristofer
    Description:
        Customization for the general look and feel of imageViewer
		Specific components of the ImageVIewer is styled in their own CSS-files
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#wmpImageViewer{
	display:block;
	float:left;
	position:relative;
	top:0;
	left:0;
	background-color:black;
	width:425px;
	height:273px;
}
#bigImgDiv img{
	padding:0px;
	margin:0px;
	float:left;
	width:345px;
	height:273px;
}
#wrap{
	float:left;
	width:425px;
	height:auto;
	border: 1px solid;
}
#controlls{
	background-color:transparent;
	background-image: url('../images/controller-bg.png');
	background-repeat: repeat-x;
	color:white;
	float:left;
	width:100%;
	height:27px;
}
/*
Controllers
*/
#controlls div img:hover{
	
}
#controlls *{
	border-style:none;
}
#myControllsPrevious{
	/*border:1px solid white;*/
	cursor:pointer;
	float:left;
	padding-left:5px;
}

#myControllsPlayPause{
	/*border:1px solid white;*/
	float:left;
	padding-left:5px;
	width:27px;
	cursor:pointer;
}

#myControllsNext{
	/*border:1px solid white;*/
	float:left;
	padding-left:5px;
	cursor:pointer;
}
#myControllsVideo{
	float:left;
	padding-left:175px;
	padding-top:2px;
	cursor:pointer;
}
#myControllsFoto{
	float:left;
	padding-left:5px;
	padding-top:2px;
	cursor:pointer;
}
#myControllsZoom{
	/*border:1px solid white;*/
	float:left;
	padding-left:5px;
	padding-top:2px;
	cursor:pointer;
}
#myControllsShowAll{
	/*border:1px solid white;*/
	float:left;
	padding-left:5px;
	padding-top:2px;
	cursor:pointer;
}