vertical-align: middle;
}
-div.ibox {
- background-color: #ffffc0;
- border: 1px solid black;
- margin: 0px;
- padding: 0px;
- font-size: 10px;
- display: none;
- z-index: 1000;
- position: absolute;
-}
-div.iboxtitle {
- background-color: blue;
- margin: 0px;
- padding: 0.5ex;
-}
-div.iboxtitle * {
- color: white;
-}
-
table.ipage {
background-color: #ffffc0;
border: 1px solid black;
background: url(loading.gif) center no-repeat;
}
-.slideshowWindow {
+.slideshowContainer {
background-color: black;
+ width: 100%;
}
-.slideshowContainer {
- border: 1px solid #ccc;
- width: 99%;
- height: 95%;
- margin-bottom: 5px;
+.slideshowControls {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 30px;
+ z-index: 3;
+ opacity: .15;
+}
+
+.slideshowControls:hover {
+ opacity: 1;
+}
+
+.controlButton {
+ position: absolute;
+ bottom: 3px;
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+}
+
+.controlButton#prev {
+ left: 0px;
+ background: url(left.png) no-repeat;
+}
+
+.controlButton#stop {
+ left: 25px;
+ background: url(stop.png) no-repeat;
}
+.controlButton#play {
+ left: 50px;
+ background: url(play.png) no-repeat;
+}
+
+.controlButton#next {
+ left: 75px;
+ background: url(right.png) no-repeat;
+}
+
+.controlButton#exit {
+ left: 100px;
+ background: url(close.png) no-repeat;
+}
+
+.controlButton#comm {
+ left: 125px;
+ width: auto;
+ color: white;
+ margin: .3ex;
+ cursor: default;
+}
+
+.MultiBoxContainer {
+ position: absolute;
+ border: 2px solid #000;
+ background-color: #FFF;
+ display: none;
+ z-index: 2;
+ text-align: left;
+}
+
+.MultiBoxLoading {
+ background: url(loading.gif) no-repeat center;
+}
+
+.MultiBoxContent {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.MultiBoxClose {
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ background: url(close.png) no-repeat;
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+}
+
+
+.MultiBoxControlsContainer {
+ overflow: hidden;
+ height: 0px;
+ width: 100%;
+}
+
+.MultiBoxControls {
+ width: 100%;
+ height: auto;
+ position: relative;
+ background-color: #000000;
+}
+
+
+.MultiBoxPrevious {
+ position: absolute;
+ background: url(left.png) no-repeat;
+ width: 24px;
+ height: 24px;
+ left: 0px;
+ margin-top: 5px;
+ cursor: pointer;
+}
+
+.MultiBoxNext {
+ position: absolute;
+ background: url(right.png) no-repeat;
+ width: 24px;
+ height: 24px;
+ right: 0px;
+ margin-top: 5px;
+ cursor: pointer;
+}
+
+.MultiBoxNextDisabled {
+ cursor: default;
+ background: url(rightDisabled.png) no-repeat;
+}
+
+.MultiBoxPreviousDisabled {
+ cursor: default;
+ background: url(leftDisabled.png) no-repeat;
+}
+
+.MultiBoxTitle {
+ position: relative;
+ margin: 10px 0 0 35px;
+ float: left;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ color: #FFF;
+ font-weight: bold;
+ text-align: left;
+}
+
+.MultiBoxNumber {
+ position: relative;
+ width: 50px;
+ margin: 10px 35px 0 0;
+ float: right;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ color: #FFF;
+ text-align: right;
+}
+
+.MultiBoxDescription {
+ clear: left;
+ position: relative;
+ margin: 0 35px 0 35px;
+ padding-top: 5px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ color: #FFF;
+ text-align: left;
+}