/* Copyright (C) 2008 Daniel Bergström <daniel@octocode.com> */

html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
}

div#present {
	position: absolute;
	z-index: 3;
	top: 5px;
	left: 0px;
	width: 552px;
}

div#present-image-area {
	float: left;
	width: 550px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
        background-color: #000000;
        background-repeat: no-repeat;
        background-position: top center;
}

img#present-image {
	float: left;
        margin: 0px !important;
        margin-left: -3px;
        margin-right: -3px;
        padding: 0px;
}

div#present-action {
        clear: both;
        font-size: 20px;
	height: 59px !important;
        height: 60px;
        padding-left: 5px;
        border-top: 1px solid #bdbdbd;

	background-color: #000000;
	color: #ffffff;

        background-image: url('gallery-separator.png');
        background-position: bottom center;
        background-repeat: no-repeat;
}

div#present-chooser {
	float: right;
	font-size: 0px;
	height: 50px;
}

div#action-list-back, div#action-list-forward {
	float: left;
        width: 25px;
        height: 25px;
}

div.list-back-available {
	cursor: pointer;
	background-image: url('gallery-button-back-small-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.list-back-available:hover {
	background-image: url('gallery-button-back-small-selected.png');
}

div.list-back-not-available {
	cursor: auto;
	background-image: url('gallery-button-back-small-not-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.list-forward-available {
	cursor: pointer;
	background-image: url('gallery-button-forward-small-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.list-forward-available:hover {
	background-image: url('gallery-button-forward-small-selected.png');
}

div.list-forward-not-available {
	cursor: auto;
	background-image: url('gallery-button-forward-small-not-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div#action-back, div#action-forward {
	float: left;
        width: 35px;
        height: 50px;
}

div.back-available {
	cursor: pointer;
	background-image: url('gallery-button-back-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.back-available:hover {
	background-image: url('gallery-button-back-selected.png');
}

div.back-not-available {
	cursor: auto;
	background-image: url('gallery-button-back-not-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.forward-available {
	cursor: pointer;
	background-image: url('gallery-button-forward-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.forward-available:hover {
	background-image: url('gallery-button-forward-selected.png');
}

div.forward-not-available {
	cursor: auto;
	background-image: url('gallery-button-forward-not-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div#action-exit {
	float: right;
	margin-left: 5px;
        width: 40px;
        height: 50px;
	cursor: pointer;
	background-image: url('gallery-button-exit-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div#action-exit:hover {
	background-image: url('gallery-button-exit-selected.png');
}

div#action-zoom {
	float: right;
	margin-left: 5px;
        width: 40px;
        height: 50px;
}

div.zoom-available {
	cursor: pointer;
	background-image: url('gallery-button-zoom-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.zoom-available:hover {
	background-image: url('gallery-button-zoom-selected.png');
}

div.zoom-not-available {
	cursor: auto;
	background-image: url('gallery-button-zoom-not-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div#action-info {
	float: right;
	margin-left: 5px;
        width: 40px;
        height: 50px;
}

div.info-available {
	cursor: pointer;
	background-image: url('gallery-button-information-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.info-available:hover {
	background-image: url('gallery-button-information-selected.png');
}

div.info-not-available {
	cursor: auto;
	background-image: url('gallery-button-information-not-available.png');
        background-position: center center;
        background-repeat: no-repeat;
}

div.actions {
	float: left;
        margin: 0px;
        padding: 0px;
        margin-top: 3px;
}

div#present-scroll-area {
        float: left;
        background-color: #3b3b3b;
        height: 54px;
        width: 160px;
        margin-left: 5px;
        background-image: url('gallery-present-area.png');
}

div#present-scroll-view {
	display: block;
	float: left;
        margin-top: 3px !important;
        margin-top: 2px;
        margin-left: 3px !important;
        margin-left: 1px;
	width: 154px;
	height: 50px;
	overflow: hidden;
}

div#present-scroll {
        float: left;
        top: 0px;
	left: 0px;
	height: 50px;
}

#present-scroll img {
	float: left;
        margin: 0px;
	margin-left: 2px;
	cursor: pointer;
}

div#present-selection {
        width: 50px;
	height: 50px;
}

#present-overlay {
	position: absolute;
	display: none;
	z-index: 2;
	top: 0px;
	left: 0px;

	width: 100%;
	height: 1500px;

	background-color: #000000;

	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/* Information Dialog ******************************************************* */

div#image-information {
        display: none;

        position: absolute;
        top: 80px;
        left: 50px;
        z-index: 4;
        width: 250px;

        border: 1px solid #666;
        text-align: left;

        font-size: 13px;
}

div.frame-header {
        float: left;
        clear: both;
}

div.frame-footer {
        color: #ffffff;
        background-color: #16b039;
        background-image: url('frame-footer.png');
        font-weight: bold;
        padding-top: 1px;
        text-align: center;
}

.frame-footer p {
        padding: 0px;
        margin: 0px;
}

a.index_shortcut {
        margin-left: 5px;
}

div.frame-title {
        color: #ffffff;
        background-color: #16b039;
        background-image: url('frame-title.png');
        cursor: default;

        width: 223px !important;
        width: 226px;
        height: 23px;
        float: left;
        clear: none;

        padding-left: 5px;
        font-size: 13px;
        font-weight: bold;
}

div.frame-close {
        background-image: url('button-close.png');
        cursor: pointer;
        width: 22px;
        height: 23px;
        float: right;
        clear: right
}

div.frame-close:hover {
        background-image: url('button-close-hover.png');
        width: 22px;
        height: 23px;
        float: right;
        clear: right
}

div#information-contents {
        padding: 5px;
        clear: both;
        height: 70px;
        overflow: auto;

        color: #000000;
        background-color: #ffffff;

        opacity: .60;
        -moz-opacity: 0.6;
        filter: alpha(opacity=60);
}

div.image-info-image-number {
        float: right;

}

div.image-info-image-date {
        float: left;
        font-weight: bold;
}

div.image-info-image-description {
        clear: both;
}