html,
body {
border:0;
background-color: black;
}
/* waiting spinner */
div#waitingIndicator
{
position: absolute;
visibility: hidden;
width: 110px;
height: 110px;
background-image: url('waiting_bezel.png');
}
div#waitingSpinner
{
position: absolute;
visibility: hidden;
top: 32px;
left: 38px;
width: 32px;
height: 32px;
background-image: url('spinner_dkgrey.gif');
}
/* HUD */
div#hud
{
position: absolute;
width: 340px;
height: 59px;
display: block;
visibility: hidden;
}
/* HUD Background Bezel
-------------------- */
.hudBezel
{
position: absolute;
top: 0px;
height: 59px;
}
div#hudBezelLeftEndCap
{
left: 0px;
width: 10px;
background-image: url('bezel-l.png');
}
div#hudBezelFiller
{
left: 10px;
width: 340px;
background-image: url('bezel-m.png');
}
div#hudBezelRightEndCap
{
left: 350px;
width: 10px;
background-image: url('bezel-r.png');
}
img#hudBezelLeftDivider
{
left: 95px;
width: 2px;
background-image: url('doc_info_mobile_cut.png');
}
img#hudBezelRightDivider
{
left: 285px;
width: 2px;
background-image: url('doc_info_mobile_cut.png');
}
/* HUD Mute Button
--------------- */
/*
div.hudMuteButton
{
position: absolute;
cursor: pointer;
left: 26px;
top: 18px;
width: 24px;
height: 21px;
background-image: url('snd_on_n.png');
}
div#hudMuteButton:active
{
background-image: url('snd_on_p.png');
}
*/
/* HUD Prev Button
--------------- */
div#hudPreviousButton
{
position: absolute;
left: 47px;
top: 17px;
width: 31px;
height: 23px;
}
div.hudPreviousButtonEnabled
{
cursor: pointer;
background-image: url('left_arrow_n.png');
}
div.hudPreviousButtonEnabled:active
{
background-image: url('left_arrow_p.png');
}
div.hudPreviousButtonDisabled
{
cursor: default;
background-image: url('left_arrow_d.png');
}
/* HUD Slide Counter
----------------- */
div.hudSlideCounter
{
position: absolute;
height: 22px;
left: 84px;
width: 136px;
font-family: "Helvetica";
text-shadow: 0.0em 0.2em #000000;
text-align: center;
color: #838383;
}
div#hudSlideCounterSection
{
top: 19px;
height: 22px;
text-align: center;
font-size: 16px;
}
/* HUD Next Button
--------------- */
div#hudNextButton
{
position: absolute;
left: 223px;
top: 17px;
width: 31px;
height: 23px;
}
div.hudNextButtonEnabled
{
cursor: pointer;
background-image: url('right_arrow_n.png');
}
div.hudNextButtonEnabled:active
{
background-image: url('right_arrow_p.png');
}
div.hudNextButtonDisabled
{
cursor: default;
background-image: url('right_arrow_d.png');
}
/* HUD Close Button
---------------- */
div#hudCloseButton
{
position: absolute;
left: 311px;
top: 18px;
width: 21px;
height: 22px;
}
div.hudCloseButtonEnabled
{
cursor: pointer;
background-image: url('close_n.png');
}
div.hudCloseButtonEnabled:active
{
background-image: url('close_p.png');
}
/* Embedded Control Bar
-------------------- */
div#embed_background
{
position: absolute;
display: none;
background-color: #000000;
}
div#embeddedControlBar
{
position: absolute;
display: none;
}
div#embeddedControlBarBackground
{
position: absolute;
top: 0px;
height: 30px;
width: 100%;
}
div.embeddedControlBarBezel
{
position: absolute;
top: 0px;
height: 30px;
}
div#embeddedControlBarBezel_LeftEndCap
{
background-image: url('control_bg-cap-left.png');
width: 10px;
}
div#embeddedControlBarBezel_Filler
{
background-image: url('control_bg-fill.png');
background-repeat: repeat-x;
left: 10px;
}
div#embeddedControlBarBezel_RightEndCap
{
background-image: url('control_bg-cap-right.png');
width: 10px;
}
div#embeddedSlideCounterSection
{
position: absolute;
top: 8px;
height: 14px;
width: 80px;
font-family: "Helvetica";
font-size: 12px;
text-shadow: 0.0em 0.2em #000000;
text-align: center;
color: #FFFFFF;
}
/* Embedded Restart Button
----------------------- */
div#embeddedControls_Restart
{
position: absolute;
top: 0px;
width: 35px;
height: 30px;
}
div.embeddedControls_Restart_Enabled
{
cursor: pointer;
background-image: url('control_restart_N.png');
}
div.embeddedControls_Restart_Enabled:active
{
cursor: pointer;
background-image: url('control_restart_P.png');
}
div.embeddedControls_Restart_Disabled
{
cursor: default;
background-image: url('control_restart_D.png');
}
/* Embedded Prev Button
-------------------- */
div#embeddedControls_Previous
{
position: absolute;
top: 0px;
width: 35px;
height: 30px;
left: 100px;
}
div.embeddedControls_Previous_Enabled
{
cursor: pointer;
background-image: url('control_previous_N.png');
}
div.embeddedControls_Previous_Enabled:active
{
background-image: url('control_previous_P.png');
}
div.embeddedControls_Previous_Disabled
{
cursor: default;
background-image: url('control_previous_D.png');
}
/* Embedded Next Button
-------------------- */
div#embeddedControls_Next
{
position: absolute;
top: 0px;
width: 35px;
height: 30px;
left: 200px;
}
div.embeddedControls_Next_Enabled
{
cursor: pointer;
background-image: url('control_next_N.png');
}
div.embeddedControls_Next_Enabled:active
{
background-image: url('control_next_P.png');
}
div.embeddedControls_Next_Disabled
{
cursor: default;
background-image: url('control_next_D.png');
}
/* Embedded iWork.com link Button
------------------------------ */
div#embeddedControls_Link
{
position: absolute;
top: 0px;
width: 35px;
height: 30px;
left: 425px;
}
div.embeddedControls_Link_Enabled
{
cursor: pointer;
background-image: url('control_link_N.png');
}
div.embeddedControls_Link_Enabled:active
{
background-image: url('control_link_P.png');
}