/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

iframe {
display: none;
}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	display:none;
	text-align:center;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_caption{
	display: none;
}

#TB_title{
	display: none;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/*-----------------------------------------------------
	my styles
-----------------------------------------------------*/

#workBox_h,
#workBox_v {
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 position: relative;
}

#workBox_h {
 margin-top: -25px;
 width: 508px;
 height: 448px;
}

#workBox_v {
 margin-top: -70px;
 width: 446px;
 height: 550px;
}

#workBox_v #workBoxBackground {
 background-repeat: no-repeat;
 background-position: 0px 0px;
 background-image: url(../../img/page_vertical.png);
 width: 446px;
 height: 550px;
}

#workBox_h #workBoxBackground {
 background-repeat: no-repeat;
 background-position: 0px 0px;
 background-image: url(../../img/page_horizontal.png);
 width: 508px;
 height: 448px;
}



#workBox_h #image {
	position: absolute;
	top: 25px;
	left: 30px;
}
#workBox_v #image {
	position: absolute;
	top: 35px;
	left: 25px;
}

#workBox_v #image img,
#workBox_h #image img {
	display: block;
}

#workBox_h #description {
	position: absolute;
	top: 345px;
	left: 245px;
	width: 200px;
	height: 65px;
}

#workBox_v #description {
	position: absolute;
	top: 455px;
	left: 150px;
	width: 260px;
	height: 65px;
}

#description .fileDownload {
	margin-top: 10px;
}

#workBox_v #buttons a,
#workBox_h #buttons a {
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	height: 35px;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#workBox_v #buttons a {
	top: 439px;
}
#workBox_h #buttons a {
	top: 315px;
}

#workBox_v #buttons a:hover,
#workBox_h #buttons a:hover {
	background-position: 0px 0px;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#workBox_v #buttons #arrowClose {
	left: 18px;
	background-image: url(../../img/page_vertical_selected1.jpg);
	width: 30px;
}

#workBox_h #buttons #arrowClose {
	left: 24px;
	background-image: url(../../img/page_horizontal_selected1.jpg);
	width: 30px;
}

#workBox_v #buttons #arrowPrev {
	left: 48px;
	background-image: url(../../img/page_vertical_selected2.jpg);
	width: 36px;
}

#workBox_h #buttons #arrowPrev {
	left: 54px;
	background-image: url(../../img/page_horizontal_selected2.jpg);
	width: 36px;
}

#workBox_v #buttons #arrowNext {
	left: 86px;
	background-image: url(../../img/page_vertical_selected3.jpg);
	width: 37px;
}

#workBox_h #buttons #arrowNext {
	left: 92px;
	background-image: url(../../img/page_horizontal_selected3.jpg);
	width: 37px;
}