#hydra
{
width: 100%;
height: 100%;
}

#hydra .movie, #hydramovie {
/*
-moz-box-shadow: 0 5px 15px 3px #A59080;
-webkit-box-shadow: 0 5px 15px 3px #A59080;
box-shadow: 0 5px 15px 3px #A59080;
*/
height: 480px;
margin: 20px auto;
width: 640px;
display: block;
}

#hydra .dashboard
{
-moz-box-shadow: 0 5px 15px 3px #A59080;
-webkit-box-shadow: 0 5px 15px 3px #A59080;
box-shadow: 0 5px 15px 3px #A59080;
height: auto;
margin: 20px auto;
width: 632px;
display: block;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 4px;
}

#hydra .dashboard .menu
{
width: 32px;
display: block;
float: left;
margin: 0;

zoom: 1;
}

#hydra .dashboard .menu li
{
list-style: none;
display: block;
width: 32px;
height: 32px;
margin-left: 0;
}

#hydra .dashboard .menu li a.menu-item
{
display: block;
width: 32px;
height: 32px;
background: url("/Rrrockz/Modules/Hydra/img/dashboard-icons.png") no-repeat;
}

#hydra .dashboard .menu li a.menu-item:active
{border:none;}

#hydra .dashboard .menu li a.contacts{background-position: 0 0;}
#hydra .dashboard .menu li a.contacts:hover{background-position: -32px 0;}
#hydra .dashboard .menu li a.chat{background-position: 0 -32px;}
#hydra .dashboard .menu li a.chat:hover{background-position: -32px -32px;}
#hydra .dashboard .menu li a.files{background-position: 0 -64px;}
#hydra .dashboard .menu li a.files:hover{background-position: -32px -64px;}
#hydra .dashboard .menu li a.recorder{background-position: 0 -96px;}
#hydra .dashboard .menu li a.recorder:hover{background-position: -32px -96px;}

#hydra .dashboard .menu li a.start-record
{
display: block;
width: 32px;
height: 32px;
background: url("/Rrrockz/Modules/Hydra/img/dashboard-icons.png") no-repeat;
background-position: 0 -96px;
}

#hydra .dashboard .menu li a.start-record:hover{background-position: -32px -96px;}

#hydra .dashboard .sub-content
{
position: relative;
width: 600px;
height: 128px;
display: none;
float: left;
overflow: hidden;
zoom: 1;
}

#hydra .dashboard .shown
{
display: block;
}

#hydra .scroll-wrapper
{
overflow: hidden;
height: 128px;
}

#hydra .dashboard #contacts
{margin: 0 0 0 5px;}

#hydra .dashboard #contacts li
{
margin: 0;
font-family: "Century Gothic", "Verdana", "Arial", "sans serif";
font-size: 11px;
width: 185px;
border: 1px solid white;
padding: 3px;
display: block;
float: left;
height: 16px;
background: #E4D8BD;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

zoom: 1;
}

#hydra .dashboard #contacts li.solo{background: #5599ff;}
#hydra .dashboard #contacts li.solo a.uname{color: white;}

#hydra .dashboard #contacts li a.uname{color: #a4785D;text-decoration: none;cursor: pointer;}
#hydra .dashboard #contacts li a.uname:hover{text-decoration: underline;}

#hydra .dashboard #contacts li a.button
{
display: block;
float: right;
width: 16px;
height: 16px;
background: url("/Rrrockz/Modules/Hydra/img/mod-icons.png") no-repeat;
cursor: pointer;
zoom: 1;
}

#hydra .dashboard #contacts li a.empty{background: transparent;}
#hydra .dashboard #contacts li a.camera-off{background-position: 0 0;}
#hydra .dashboard #contacts li a.camera-off:hover{background-position: -16px 0;}
#hydra .dashboard #contacts li a.camera-on{background-position: -16px 0;}
#hydra .dashboard #contacts li a.sound-off{background-position: 0 -16px;}
#hydra .dashboard #contacts li a.sound-off:hover{background-position: -16px -16px;}
#hydra .dashboard #contacts li a.sound-on{background-position: -16px -16px;}
#hydra .dashboard #contacts li a.kick{background-position: 0 -32px;}
#hydra .dashboard #contacts li a.kick:hover{background-position: -16px -32px;}

#hydra > .message
{
width: 70%;
margin: 50px auto;
font-family: "Georgia", "Times New Roman", serif;
font-size: 24px;
color: gray;
display: none;
}

#hydra .nav a.scroll-up, #hydra .nav a.scroll-down {
    background: url("/t/Default/img/dashboard-scroll.png") repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px;
	outline: none !important;
}
#hydra .nav a.scroll-up {
    background-position: 0 0;
    top: 0;
}
#hydra .nav a.scroll-down {
    background-position: 0 -16px;
    bottom: 0;
}

#hydra #JS-error,
#hydra #flash-error
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: none repeat scroll 0 0 #FFDDBB;
border: 3px dashed orange;
margin: 50px;
padding: 20px;
text-align: center;
}

#hydra #JS-error p,
#hydra #flash-error p
{
font-family: "Century Gothic", "Verdana", "Tahoma", "Arial", "sans serif";
font-size: 16px;
color: #990000;
}

#hydra .playback-controls
{
width: 640px;
margin: 10px auto;
}

#hydra .playback-controls .playpause
{
position: relative;
float: left;
margin-right: 10px;
width: 10px;
height: 10px;
border: 1px solid #C0B7B0;
padding: 2px;
-moz-box-shadow: 0 2px 2px #A59080;
-webkit-box-shadow: 0 2px 2px #A59080;
box-shadow: 0 2px 2px #A59080;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
cursor: pointer;
color: #C0B7B0;
font-size: 10px;
font-weight: bold;
line-height: 8px;
text-align: center;
text-decoration: none;
outline: none !important;
background: url("/m/Hydra/img/playpause.png");
}

#hydra .playback-controls .pp-playing{background-position: -14px 0;}
#hydra .playback-controls .pp-playing:hover{background-position: -14px -14px;}

#hydra .playback-controls .pp-paused{background-position: 0px 0;}
#hydra .playback-controls .pp-paused:hover{background-position: 0px -14px;}

#hydra .seekbar
{
position: relative;
width: 600px;
height: 10px;
padding: 0;
float: left;
background: white;
overflow: visible;
border: 1px solid #C0B7B0;
padding: 2px;
-moz-box-shadow: 0 2px 2px #A59080;
-webkit-box-shadow: 0 2px 2px #A59080;
box-shadow: 0 2px 2px #A59080;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
cursor: pointer;
}

#hydra .seekbar .fill-seek,
#hydra .seekbar .fill-load
{
position: absolute;
display: block;
height: 100%;
width: 0;
}

#hydra .seekbar .fill-load
{background: gray;}

#hydra .seekbar .fill-seek
{
background: #5599ff;
height: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#hydra .seekbar .handle
{
width: 16px;
height: 16px;
left: -3px;
top: -3px;
position: absolute;
background: #55ff99;
}

#hydra .seekbar .seek-label
{
font-size: 10px;
position: absolute;
top: 20px;
color: gray;
}

.hydra-records-archive li
{
list-style: none;
width: 600px;
border: 1px solid #1A558B;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
margin: auto auto 20px 50px;
padding: 5px;
}

.hydra-records-archive li.unavail
{
border: 1px solid gray;
opacity: 0.7;
}

.hydra-records-archive li a,
.hydra-records-archive li span
{
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

.hydra-records-archive li .title
{
clear: both;
display: block;
float: none;
}

.hydra-records-archive li span
{
color: gray;
display: block;
margin-bottom: 10px;
float: left;
}

.hydra-records-archive li span.date
{
font-size: 12px;
}

.hydra-records-archive li a.edit-access
{
float: right;
font-weight: normal;
}

.hydra-records-archive li p
{
margin: 5px 20px;
color: gray;
font-size: 12px;
}

.error-message
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: none repeat scroll 0 0 #FFDDBB;
border: 3px dashed orange;
margin: 50px;
padding: 20px;
text-align: center;
}

.error-message p
{
font-family: "Century Gothic", "Verdana", "Tahoma", "Arial", "sans serif";
font-size: 16px;
color: #990000;
}