/* 
    Document   : highlight.css
    Created on : Feb 1, 2013, 11:18:22 AM
    Author     : andrys
    Description:
        Purpose of the stylesheet follows.
*/

#highlight-background { 
    display: table;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0px;
    left: 0px;
    text-align: center;
	margin: 0 auto;
    min-height: 100%;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	zoom: 1;
}

#highlight-background #loading{
    position: fixed;
    left: 50%;
    top: 50%;
}

#highlight-background #highlight-content #middle #close, #highlight-background #highlight-content #gallery-image #close{
    visibility: hidden;
    background: url(../images/close.gif);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px; 
    position: relative;
    left: -20px;
    top: 35px;
    cursor: pointer;
    margin-left: 940px;
}

#highlight-background #highlight-content #gallery-image #close{
	visibility: visible;
	 margin-left: 750px;
}

#highlight-background #highlight-content{
    display: table-cell;
    vertical-align: middle;
	padding-top: 10px;
}

#highlight-background #highlight-content #middle{
    display: inline-table;
    position: relative;
    left: 20px;
}

#gallery-image{
    display: inline-table;
    position: relative;
}

.sliderImg, #middleSlider *{
    display: inline;
    margin-right: 5px;
}

#slider {
	text-align: initial;
	height: 210px;
	margin: auto;
	width: 900px;
}

#middleSlider{
    overflow: hidden;
    white-space: nowrap;
	position: absolute;
	width: 738px;
	display: inline;
}

#middleSlider img{
	cursor: pointer;
}

#middleSlider div{
	margin: 0;
}

#button-left{
	padding-bottom: 65px;
	display: inline;
	float: left;
	cursor: pointer;
}

#button-right{
	padding-bottom: 65px;
	display: inline;
	float: right;
	cursor: pointer;
}

/*#highlight-background #highlight-content #close{
    background: url(../images/close.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: fixed;
    margin-top: -20px;
    z-index: 100;
    cursor: pointer;
}*/