/************************* CSS pre-parsed by easydb ************************/

/*******************************************************************************
* ZOOMER CSS (TODO: review and cleanup the following)
*******************************************************************************/

/* ?? */
.imageview_image_area {
    position:relative;
    background-repeat:no-repeat;
    left:0px;
    top:0px;
    overflow:hidden;
}

/* small overview window */
div.globalviewMarker {
    position:absolute;
    left:0px;
    top:0px;
    overflow:hidden;
    border:2px solid white;
    background: url(img/zoomer/globalViewMarker.png);
}
* html div.globalviewMarker {
    *background-image: none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/design/img/zoomer/globalViewMarker.png',sizingMethod='scale');
}
.globalViewWindowBorder {
    position:absolute;
    border:5px solid white;
}
.globalViewImageLink {
    position:absolute;
    background-color: rgb(100,255,100);
    border:1px solid rgb(0,0,0);
    width:3px;
    height:3px;
    font-size:1px;
}

/* Zoomer windows */
.tivWindowBorder {
    position:absolute;
    margin: 2px;
    padding: 2px;
    background-color:#ffffff;
}
.tivWindowBar {
	position:absolute;
	background-color: white;
}
.tivWindowBackground {
	position:relative;
	background-color: rgb(200,200,200);
    min-width: 350px;
}

/* display:inline for links within TIV windows (override style from "div.asset
 * div.output a"; this is necessary because we are _within_ a div.asset) */
div.asset div.output div.tivWindowBackground a {
    display: inline;
}

/* Zoomer UI buttons */
.tivButton {
	background-color:grey;
	border: 2px;
	border-color: rgb(235,235,235) rgb(200,200,200) rgb(200,200,200) rgb(235,235,235);
	font-size: 16px;
}
.tivButtonBorder,
.tivButtonActiveBorder,
.tivButtonDisabledBorder {
    position:absolute;
    left:0px;
    top:0px;
    overflow:hidden;
    margin: 0px;
    padding: 0px;
}
.tivButtonBorder {
    border:1px solid rgb(200,200,200);
    border-color: rgb(255,255,255) rgb(100,100,100) rgb(100,100,100) rgb(235,235,235);
    background-color:silver;
}
.tivButtonActiveBorder {
    border:2px solid red;
    background-color:silver;
}
.tivButtonDisabledBorder {
    width:10px;
    height:10px;
    border:1px solid rgb(200,200,200);
    border-color: rgb(255,255,255) rgb(100,100,100) rgb(100,100,100) rgb(235,235,235);
    background-color:gray;
    -moz-opacity: 0.45;
    -webkit-opacvity: 0.45;
    filter: alpha(opacity=50); /*ie opacity*/
    opacity: 0.45;
}



/*******************************************************************************
* NEW STYLE ZOOMER BUTTONS DESIGN
*******************************************************************************/

/* tool buttons */
div#ZoomTool,
div#MoveTool,
div#InfoTool,
div#DownloadTool {
    display:block;
    width:20px;
    height:20px;
}

/* zoom buttons */
#plusButton,
#minusButton {
    display:block;
    width:13px;
    height:12px;
}
#fitButton {
    display:block;
    width:29px;
    height:14px;
}


/* TEMP: for now we just hide the default images (i.e. the divs in IE) */
/*div#ZoomTool img, div#ZoomTool div,
div#MoveTool img, div#MoveTool div,
div#InfoTool img, div#InfoTool div,
#plusButton img, #plusButton div,
#minusButton img, #minusButton div,
#fitButton img, #fitButton div,
#closeButton img, #closeButton div {
    display:none;
}*/

/* tool buttons
FIXME: due to IE6 problems we can't use a notation like div#MoveTool.active
       and have to set specialized classnames on each element ... once we stop
       supporting IE6 we can get rid of this and use above notation instead.
*/
.MoveToolInactive {
    background: #999999 url(img/zoomer/movetool-white.gif) no-repeat;
}
.MoveToolHighlighted {
    background: #ffffff url(img/zoomer/movetool-grey.gif) no-repeat;
}
.MoveToolActive {
    background: #555555 url(img/zoomer/movetool-white.gif) no-repeat;
}

/* zoom tool button */
.ZoomToolInactive {
    background: #999999 url(img/zoomer/zoomtool-white.gif) no-repeat;
}
.ZoomToolHighlighted {
    background: #ffffff url(img/zoomer/zoomtool-grey.gif) no-repeat;
}
.ZoomToolActive {
    background: #555555 url(img/zoomer/zoomtool-white.gif) no-repeat;
}

/* info tool button */
.InfoToolInactive {
    background: #999999 url(img/zoomer/infotool-white.gif) no-repeat;
}
.InfoToolHighlighted {
    background: #ffffff url(img/zoomer/infotool-grey.gif) no-repeat;
}
.InfoToolActive {
    background: #555555 url(img/zoomer/infotool-white.gif) no-repeat;
}

.DownloadToolInactive {
	background: #999999 url(img/zoomer/downloadtool-white.png) no-repeat;
}
.DownloadToolHighlighted {
	background: #ffffff url(img/zoomer/downloadtool-grey.png) no-repeat;
}
.DownloadToolActive {
	background: #555555 url(img/zoomer/downloadtool-white.png) no-repeat;
}

/* plus button */
.plusButtonInactive {
    background: #999999 url(img/zoomer/plus-white.gif) no-repeat;
}
.plusButtonHighlighted {
    background: #ffffff url(img/zoomer/plus-grey.gif) no-repeat;
}
.plusButtonActive {
    background: #555555 url(img/zoomer/plus-white.gif) no-repeat;
}

/* minus button */
.minusButtonInactive {
    background: #999999 url(img/zoomer/minus-white.gif) no-repeat;
}
.minusButtonHighlighted {
    background: #ffffff url(img/zoomer/minus-grey.gif) no-repeat;
}
.minusButtonActive {
    background: #555555 url(img/zoomer/minus-white.gif) no-repeat;
}

/* fit button */
.fitButtonInactive {
    background: #999999 url(img/zoomer/fit-white.gif) no-repeat;
}
.fitButtonHighlighted {
    background: #ffffff url(img/zoomer/fit-grey.gif) no-repeat;
}
.fitButtonActive {
    background: #555555 url(img/zoomer/fit-white.gif) no-repeat;
}

/* close button */
.closeButtonInactive,
.closeButtonHighlighted,
.closeButtonActive {
    background: #999999 url(img/zoomer/close-white.gif) no-repeat center center;
}

/* zoom slider */
.sliderTop,
.sliderBottom {
    width: 6px;
    height: 6px;
}
.sliderTop {
    background: url(img/zoomer/SliderTop.png) no-repeat;
}
.sliderMiddle {
    width: 6px;
    background: url(img/zoomer/SliderMiddle.png) repeat-y;
}
.sliderBottom {
    background: url(img/zoomer/SliderBottom.png) no-repeat;
}

/* marks on zoom slider */
.sliderMarkerLine {
    width: 24px;
    height: 8px;
    background: url(img/zoomer/MarkerLine.png) no-repeat;
}

/* zoom slider button */
.sliderButtonInactive,
.sliderButtonActive,
.sliderButtonHighlighted {
    width: 27px;
    height: 19px;
    background: url(img/zoomer/SliderButton.png) no-repeat;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}
.sliderButtonActive {
    background-image: url(img/zoomer/SliderButtonActive.png);
}
.sliderButtonHighlighted {
    background-image: url(img/zoomer/SliderButtonHighlighted.png);
}