/* CSS layout for ox.pl 2008
   @file: oxPhotoreport.css
   @created: 08.07.2008
   @last edited: 26.02.2009
   @created by Arkadiusz Kondas
*/
/* ------- box styles ------- */
#oxBoxPhotoreport .oxBoxHeadingMain {background:url(../ox/layout2008/bgBoxHeadingMainBlueSmall.gif) repeat-x;}
#oxBoxPhotoreport .oxBoxHeadingLeft {background:url(../ox/layout2008/bgBoxHeadingLeftBlueSmall.gif) no-repeat;}
#oxBoxPhotoreport .oxBoxHeadingRight {background:url(../ox/layout2008/bgBoxHeadingRightBlueSmall.gif) no-repeat;}
#oxBoxPhotoreport .oxBoxContent {padding-bottom:4px; background:url(../ox/layout2008/bgBoxContentBlue.jpg) repeat-x top;}
#oxBoxPhotoreport .oxBoxContent ul {width:100%;}
#oxBoxPhotoreport .oxBoxContent .oxLinkMore {padding:4px;}

#oxPhotoreportBox {background:url(../ox/layout2008/bgBoxContent.jpg) repeat-x; margin-top:7px;}
#oxPhotoreportBox h2 {text-align:center; font-size:18px; z-index:200; position:relative;}
#oxPhotoreportBox small {float:right;}
#oxCarousel {margin:10px 0;}
#oxImageWrapper {width:610px; height:445px; overflow:hidden; clear:both; padding-left:9px; position:relative;}
#oxImageWrapper.loading {background:url(../ox/layout2008/oxLoader.gif) no-repeat center center;}
#oxImageWrapper img {max-width:600px; border:1px solid #CCC; padding:3px; position:absolute; z-index:1;}

#oxImageWrapper #oxImgNum {text-align:right; font-size:15px; font-weight:bold; margin:3px 0 3px 0;}
#oxImageWrapper p {color:#F66013; font-weight:bold; position:relative; top:267px; text-align:center;}

#oxPhtoreportNavRight {position:absolute; top:50px; right:10px; border:none; z-index:1000;}
#oxPhtoreportNavRight a {display:block; width:250px; height:364px; text-decoration:none;}
#oxPhtoreportNavRight a:hover {background:url(../ox/layout2008/bgPhotoRight.png) no-repeat top right;}

#oxPhtoreportNavLeft {position:absolute; top:50px; left:15px; border:none; z-index:1000;}
#oxPhtoreportNavLeft a {display:block; width:250px; height:364px; text-decoration:none;}
#oxPhtoreportNavLeft a:hover {background:url(../ox/layout2008/bgPhotoLeft.png) no-repeat top left;}

#oxGalleryThumb {padding:5px;}
#oxGSwitcher a {float:left; padding-left:10px; margin-top:-25px; text-decoration:none; cursor:pointer;}

/* ------- carousel structure styles ------- */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; height:75px; text-align:center; }

/* ------- next and prev buttons ------- */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* ------- carousel skin styles ------- */
.jcarousel-skin .jcarousel-container { background:#FFF; }
.jcarousel-skin .jcarousel-container-horizontal { width: 540px; height:83px; padding:0px 40px; }
.jcarousel-skin .jcarousel-clip-horizontal { width:540px; height:83px; padding-top:4px; }
.jcarousel-skin .jcarousel-item {cursor:pointer; width:120px;}
.jcarousel-skin .jcarousel-item img {width:110px;}
.jcarousel-skin .jcarousel-item:hover { }
.jcarousel-skin .jcarousel-item-horizontal { margin:0px 5px; }
.jcarousel-skin .jcarousel-item-placeholder { }

/* ------- horizontal buttons styles ------- */
.jcarousel-skin .jcarousel-next-horizontal { position:absolute; top:0px; right:5px; width:33px; height:83px; cursor:pointer; background:url(../ox/layout2008/right_more.gif) no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover { background:url(../ox/layout2008/right_more_over.gif) no-repeat 0 0;}
.jcarousel-skin .jcarousel-next-horizontal:active {right:2px;}
.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:active
	{ cursor: default; background-position: -96px 0; }
.jcarousel-skin .jcarousel-prev-horizontal {position:absolute; top:0px; left:5px; width:33px; height:83px; cursor:pointer; background:url(../ox/layout2008/left_more.gif) no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-horizontal:hover {background:url(../ox/layout2008/left_more_over.gif) no-repeat 0 0;}
.jcarousel-skin .jcarousel-prev-horizontal:active {left:2px;}
.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active 
	{ cursor: default; background-position: -96px 0; }