html {
    margin:0;
    padding:0;
}

form {
    margin:0;
    padding:0;
}

input {
    border-radius: 1px;
}

select {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 1px 3px;
}

select:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 3px #9ecaed;
}

input[type="file"] {
    max-width: 550px;
    width: 500px;
}

input[type="text"], input[type="number"], input[type="password"] {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 2px 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07) inset;
    
}

input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 3px #9ecaed;
}

input[type="text"]:invalid, input[type="number"]:invalid, input[type="password"]:invalid, input[type="checkbox"]:invalid {
    outline: none;
    border-color: rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 0, 0, 0.5);
}

input[type="number"] {
    width:70px;
}

::-webkit-input-placeholder { color: #535353; font-size: 12px; }
::-moz-placeholder { color: #535353; font-size: 12px; }
:-ms-input-placeholder { color: #535353; font-size: 12px; }
input:-moz-placeholder { color: #535353; font-size: 12px; }

input[type="button"] {
    border: 1px solid;
    border-color:  #CCCCCC;
    background: #E2E2E2;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F6), to(#E2E2E2));
    background: -webkit-linear-gradient(top, #F8F8F6, #E2E2E2);
    background: -moz-linear-gradient(top, #F8F8F6, #E2E2E2);
    background: -ms-linear-gradient(top, #F8F8F6, #E2E2E2);
    background: -o-linear-gradient(top, #F8F8F6, #E2E2E2);
    background-image: -ms-linear-gradient(top, #F8F8F6 0%, #E2E2E2 100%);
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #EEEEEE 0 0px 0;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetica, Serif;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}
input[type="button"]:hover {
    border: 1px solid;
    border-color:  #5ca4e8;
    text-shadow: #EEEEEE 0 0px 0;
    background: #e2e2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f6), to(#e2e2e2));
    background: -webkit-linear-gradient(top, #f8f8f6, #e2e2e2);
    background: -moz-linear-gradient(top, #f8f8f6, #e2e2e2);
    background: -ms-linear-gradient(top, #f8f8f6, #e2e2e2);
    background: -o-linear-gradient(top, #f8f8f6, #e2e2e2);
    background-image: -ms-linear-gradient(top, #f8f8f6 0%, #e2e2e2 100%);
    color: #333333;
    text-decoration: none;
    transition-property: border;
    transition-duration: 250ms;
}
input[type="button"]:active {
    text-shadow: #EEEEEE 0 0px 0;
    border: 1px solid;
    border-color: #CCCCCC;
    background: #5b87cf;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d5fb1), to(#e2e2e2));
    background: -webkit-linear-gradient(top, #2d5fb1, #5b87cf);
    background: -moz-linear-gradient(top, #2d5fb1, #5b87cf);
    background: -ms-linear-gradient(top, #2d5fb1, #5b87cf);
    background: -o-linear-gradient(top, #2d5fb1, #5b87cf);
    background-image: -ms-linear-gradient(top, #2d5fb1 0%, #5b87cf 100%);
    color: #eeeeee;
}

input[type="button"][disabled]:active,
input[type="button"][disabled]:hover,
input[type="button"][disabled] {
    color: #888888;
    background: #E2E2E2;
    border: 1px solid;
    border-color:#CCCCCC;
}

input[type="submit"] {
    border: 1px solid;
    border-color:  #CCCCCC;
    background: #E2E2E2;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F6), to(#E2E2E2));
    background: -webkit-linear-gradient(top, #F8F8F6, #E2E2E2);
    background: -moz-linear-gradient(top, #F8F8F6, #E2E2E2);
    background: -ms-linear-gradient(top, #F8F8F6, #E2E2E2);
    background: -o-linear-gradient(top, #F8F8F6, #E2E2E2);
    background-image: -ms-linear-gradient(top, #F8F8F6 0%, #E2E2E2 100%);
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #EEEEEE 0 0px 0;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetica, Serif;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}
input[type="submit"]:hover {
    border: 1px solid;
    border-color:  #5ca4e8;
    text-shadow: #EEEEEE 0 0px 0;
    background: #e2e2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f6), to(#e2e2e2));
    background: -webkit-linear-gradient(top, #f8f8f6, #e2e2e2);
    background: -moz-linear-gradient(top, #f8f8f6, #e2e2e2);
    background: -ms-linear-gradient(top, #f8f8f6, #e2e2e2);
    background: -o-linear-gradient(top, #f8f8f6, #e2e2e2);
    background-image: -ms-linear-gradient(top, #f8f8f6 0%, #e2e2e2 100%);
    color: #333333;
    text-decoration: none;
    transition-property: border;
    transition-duration: 250ms;
}
input[type="submit"]:active {
    text-shadow: #EEEEEE 0 0px 0;
    border: 1px solid;
    border-color: #CCCCCC;
    background: #5b87cf;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d5fb1), to(#e2e2e2));
    background: -webkit-linear-gradient(top, #2d5fb1, #5b87cf);
    background: -moz-linear-gradient(top, #2d5fb1, #5b87cf);
    background: -ms-linear-gradient(top, #2d5fb1, #5b87cf);
    background: -o-linear-gradient(top, #2d5fb1, #5b87cf);
    background-image: -ms-linear-gradient(top, #2d5fb1 0%, #5b87cf 100%);
    color: #eeeeee;
}

input[type="submit"][disabled]:active,
input[type="submit"][disabled]:hover,
input[type="submit"][disabled] {
    color: #888888;
    background: #E2E2E2;
    border: 1px solid;
    border-color:#CCCCCC;
}

div#dashboard {
    text-align:center;
}

body {
    padding:0;
    background-color:#fcfcfc;
    text-align:left;
    font-family:arial, helvetica, sans-serif;
    font-size: 15px;
    margin:auto;
    margin-top:10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #F4F4F4);
    background: -moz-linear-gradient(top, #FFFFFF, #F4F4F4);
    background: -ms-linear-gradient(top, #FFFFFF, #F4F4F4);
    background: -o-linear-gradient(top, #FFFFFF, #F4F4F4);
    background-attachment: fixed;
    background-position: 0px 0px;
    background-repeat: no-repeat;

    user-select:text;
    -webkit-user-select:text;
    -ms-user-select:text;
    -moz-user-select:text;

}


p {
    color: rgba(117, 117, 117, 1);
    margin-top:10px;
    margin-bottom:10px;
}

a {
    text-decoration: none;
    color:#666;
}
a:link {
    font-weight: bold;
    font-size:14px;
}
a:hover, a.here {
    text-decoration:none;
    color: #1362AD;
}

/*---------------------------------------------------------------------------*/

table {
    border:0px;
    border-spacing:0px;
    border-collapse:collapse;
    font-size:inherit;
}

td {
    padding:0px;
}

td.header {
    font-weight:bold;
    border-bottom:1px solid #C7C7C7;
    padding-right:20px;
    text-align:left;
}

td.nav-div {
    padding-left:5px;
    padding-right:5px;
}

table.cell-padding-v td {
    padding-top:3px;
}

table.cell-padding-v tr.first td {
    padding-top:0px;
}

table.cell-padding-h td {
    padding-left:8px;
}

table.cell-padding-h td.wide-padding-h {
    padding-left:20px;
}

table.cell-padding-v td.wide-padding-v {
    padding-top:12px;
}

table.cell-padding-h td.first {
    padding-left:0px;
}

table.tiny-cell-padding-h td {
    padding-left:2px;
}

table.tiny-cell-padding-h td.first {
    padding-left:0px;
}

table.tiny-cell-padding-v td {
    padding-top:1px;
}

table.tiny-cell-padding-v tr.first td {
    padding-top:0px;
}

table.form td {
    padding:4px;
    vertical-align:middle;
}

table.form-row td {
    padding-left:4px;
    padding-right:4px;
    padding-top:0px;
    padding-bottom:0px;
    vertical-align:middle;
}

tr.shaded-bg td {
    background:#f0f0f0;
}

tr.bottom-border td {
    border-bottom:1px solid #C7C7C7;
    padding-bottom:10px;
}

tr.top-border td {
    border-top:1px solid #C7C7C7;
    padding-top:10px;
}

.left-border {
    border-left:1px solid #C7C7C7;
    padding-left:10px;
}

.right-border {
    border-right:1px solid #C7C7C7;
    padding-right:10px;
}

h1, h2, h3, legend {
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    font-family:inherit;
    color:#005bac;
}

h1 {
    font-size:18px;
    margin-top:5px;
    color: rgb(0, 93, 170);
    font-weight: lighter;
}

h2 {
    font-size:16px;
    margin-top:5px;
    color: rgb(69, 85, 96)
}

h3 {
    font-size:14px;
    margin-top:0px;
    color: rgb(69, 85, 96);
    font-style: italic;
}

/*---------------------------------------------------------------------------*/

.red-bg {
    background:red;
}

.shaded-bg {
    background:#f0f0f0;
}

.warning {
    color:red;
}

.errors {
    color:red;
    font-size:14px;
    margin-top:10px;
    margin-bottom:0px;
}

.status {
    font-size:14px;
    margin-top:10px;
    margin-bottom:0px;
}

.full-width {
    width:100%;
}

.with-top-margin {
    margin-top:10px;
}

.with-bottom-margin {
    margin-bottom:10px;
}

.with-left-margin {
    margin-left:10px;
}

.with-right-margin {
    margin-right:10px;
}

.with-no-top-margin {
    margin-top:0px;
}

.with-no-bottom-margin {
    margin-bottom:0px;
}

.with-no-left-margin {
    margin-left:0px;
}

.with-no-right-margin {
    margin-right:0px;
}

.with-top-padding {
    padding-top:10px;
}

.with-bottom-padding {
    padding-bottom:10px;
}

.with-left-padding {
    padding-left:10px;
}

.with-right-padding {
    padding-right:10px;
}

.fixed-font {
    font-family: courier new, courier, fixed;
}

.med-font {
    font-size:11px;
}

.small-font {
    font-size:10px;
}

.text-selectable {
    user-select:text;
    -webkit-user-select:text;
    -ms-user-select:text;
    -moz-user-select:text;
}

/*---------------------------------------------------------------------------*/

#wrap {
    margin: 0px auto;
    text-align: left;
    min-width: 780px;
    width: 60%;
    max-width: 900px;
}

#header {
    margin:0px;
    padding:10px;
    border:1px solid;
    border-color:#C7C7C7;
    -moz-border-radius:10px 8px;
    -webkit-border-radius:10px 8px;
    border-radius:10px 8px;

    background-position: right center;
    background-size: 165px 90px;
    background-repeat: no-repeat;
} 

#footer {
    padding-left:10px;
    padding-right:10px;
    background:#c0c0c0;
    text-align: left;
    border:1px solid;
    border-color: #a7a7a7;
    -moz-border-radius:10px 8px;
    -webkit-border-radius:10px 8px;
    border-radius:10px 8px;
    clear:both;
    color:#808080;
    position:relative;
    bottom: 0;
    height:20px;
    top:20px;
    width: 80%;
    margin: auto;
  
}

/*header*/

#titleBar {
    padding-bottom:5px;
}

#title {
    line-height: 30px;
    float:left;
}

#nav {
    padding-top:5px;
    clear:both;
}

/*body*/

#sidebar {
    margin-top:10px;
    margin-right:10px;
    width:95px;
    float:left;
}

#sidebar dl dd:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#sidebar dl dd:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#sidebar * {
    margin: 0px;
}

p, dt, ul, ol, td {
    font-size: 12px;
}
#sidebar dl {
    border-top: 1px solid #DCDCDC;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#sidebar dl dd {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    background-color: #F8F8F8;
}

#sidebar a:hover {
    color: #1362AD;
}
#sidebar dl dd a {
    font-size: 13px;
    padding: 4px 15px 7px 8px;
}
#sidebar a {
    font-weight: normal;
    display: block;
    color: #333;
}

#sidebar dl dd a.here {
    color: #999;
}

#sidebar a:hover {
    color: #1362AD;
}

#sidefloat {
    margin-top:20px;
    margin-bottom:10px;
    margin-right:10px;
    padding-left:10px;
    width:188px;
    float:left;
    clear:both;
}

#content {
    margin-top:10px;
    margin-bottom:10px;
    min-height:350px;
    width:643px;
    float:right;

    margin-left: auto;
    margin-right: auto;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#divider, .divider {
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
    width:100%;
    height:10px;
    border-top:1px solid #C7C7C7;
    clear:both;
}

#spacer {
    margin:0px;
    padding:0px;
    width:100%;
    height:10px;
    clear:both;
}

#content-top {

}

#content-middle {

}

#content-top-left {
    margin-bottom:10px;
    width:280px;
    float:left;
}

#content-bottom-left {
    margin-bottom:10px;
    width:255px;
    margin-left: 25px;
    float:left;
}

#content-top-right {
    margin-bottom:10px;
    width:240px;
    margin-left: 40px;
    float:right;
}

#content-bottom-right {
    margin-bottom:10px;
    width:260px;
    margin-left: 20px;
    float:right;
}

#content-full {
    margin-top:10px;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    min-height:350px;
    width:770px;
}

div.encoder-stream-small {
    min-height:354px;
}

div.encoder-stream-large {
    width:768px;
    min-height:301px;
}

/* Grid */
.grid {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

grid li {
    float: left;
}

.streams-grid {
    position:relative;
    height: 422px;
    border:1px solid lightGray;
    border-radius: 2px;
    background: #EFEFEF;
}

.grid div {
    margin: 2px;
    border-style: none;
    z-index: 1;
}

.grid div.clickable:hover {
    box-shadow: 3px 3px 10px -2px #333;
    z-index: 10;

    -webkit-transition:box-shadow 250ms ease;
    -moz-transition:box-shadow 250ms ease;
    -o-transition:box-shadow 250ms ease;
    transition:box-shadow 250ms ease;
}

.grid div.selected {
    margin: 0px;
    border: 2px;
    border-style: solid;
    border-color: #5C88D0;
    z-index: 9;
    box-shadow: 1px 1px 2px 0px #333;
    outline-style: solid;
    outline-color: #4C78C0;
    outline-width: 1px
}

div.stream-wrapper{
    position: absolute;
    visibility: hidden;
    background: #000000;
    overflow: hidden;
}

.isDragging{
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

div.stream-overlay{
    position:absolute;
    top:5px;
    right:5px;
    opacity: 0;
}

div.stream-overlay img:hover{
    z-index:99;
    -moz-box-shadow: 0 0 8px 2px #ddddff, inset 0 0 8px 0px #ddddff;
    -webkit-box-shadow: 0 0 8px 2px #ddddff, inset 0 0 8px 0px #ddddff;
    box-shadow: 0 0 8px 2px #ddddff, inset 0 0 8px 0px #ddddff;

    -webkit-transition:box-shadow 250ms ease;
    -moz-transition:box-shadow 250ms ease;
    -o-transition:box-shadow 250ms ease;
    transition:box-shadow 250ms ease;
}

/* End grid */

/* Tabs */
.tabs-header ul {
    list-style: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 0px;
}

.tabs-header li {
    float: left;
    border: 1px solid;
    border-color: #D3D3D3;
    border-bottom-width: 0px;
    margin: 0px;
    border-radius: 5px 5px 0px 0px;
}

.tabs-header div {
    text-decoration: none;
    background: #F0F0F0;
    padding: 2px 1px;
    width: 100px;
    text-align: center;
    cursor: default;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    -webkit-transition:background 500ms ease;
    -moz-transition:background 500ms ease;
    -o-transition:background 500ms ease;
    transition:background 500ms ease;
}

.tabs-header div:hover {
    background: #FFFFFF;
    transition-property: background;
    transition-duration: 500ms;
}

.tabs-header .selected div {
    position: relative;
    top: 1px;
    background: white;
    color: black;
    font-weight: bold;
}

.tabs-content {
    border: 1px solid;
    border-color: #D3D3D3;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    border-bottom-left-radius: 8px 6px;
    border-bottom-right-radius: 8px 6px;
}
/* End tabs */

#extra {
    margin-top:30px;
    border-top:1px solid #C7C7C7;
    padding-top:10px;
    width:100%;
    float:right;
    text-align: center;
}

div.motion-indicator {
    display:block;
    position:absolute;
    clear:both;
    left:0px;
    top:0px;
    width:22px;
    height:22px;
    opacity:.7;
}

/*
 * Icons
 */
.config, .delete, .state {
    float:left;
    cursor:pointer;
    line-height:20px;
}
.icon{
    background-image:url(img/icons.png);
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    height:20px;
    width:22px;
    float:left;
    margin-right:2px;
}

.config .icon, .config.icon								{ background-position:   3px 2px   }
.config:hover .icon, .config.icon:hover					{ background-position:   3px -28px }
.state .icon, .state.icon								{ background-position: -28px 0px   }
.state:hover .icon, .state.icon:hover					{ background-position: -28px -30px }
.running .state .icon, .running .state.icon				{ background-position: -58px 0px   }
.running .state:hover .icon, .running .state.icon:hover	{ background-position: -58px -30px }
.delete	.icon, .delete.icon								{ background-position: -88px 0px   }
.delete:hover .icon, .delete.icon:hover					{ background-position: -88px -30px }
.moveDown .icon, .moveDown.icon							{ background-position:-118px 0px   }
.moveDown:hover .icon, .moveDown.icon:hover				{ background-position:-118px -30px }
.moveUp	.icon, .moveUp.icon								{ background-position:-148px 0px   }
.moveUp:hover .icon, .moveUp.icon:hover					{ background-position:-148px -30px }

/*
 * Motion overlay styles
 */
.motionOverlay > div {
    display:block;
    position:relative;
    /*need this since ie wont pass events to divs without a background color*/
    background-color:white;
    float:left;
    opacity:0.01;
    filter: alpha(opacity=2);
}

.motionOverlay > div.mask   		{background-color:green}
.motionOverlay > div.motion 		{background-color:red}
.motionOverlay > div.motion.mask 	{background-color:red}
.motionOverlay > div.highlight	{background-color:lightBlue}

.motionOverlay > div.mask, .motionOverlay > div.motion, .motionOverlay > div.highlight{
    filter: alpha(opacity=40);
    opacity: 0.4;
}

/*
 * Status message styles
 */
.statusMessage, .staticMessage {
    font-style: italic;
    padding:3px 0 0 20px;
    background-repeat:no-repeat;
    background-position:left;
    height:16px;
    font-size:11px;
    clear:both;
    margin-bottom:5px;
}
.statusMessage.processing, .staticMessage.processing{ color: blue;  background-image: url(/img/status/processing.gif); }
.statusMessage.bad, .staticMessage.bad				{ color: red;   background-image: url(/img/status/bad.png); }
.statusMessage.good, .staticMessage.good			{ color: green; background-image: url(/img/status/good.png); }
.statusMessage.info, .staticMessage.info 			{ color: gray;  background-image: url(/img/status/info.png); }
.statusMessage.warn, .staticMessage.warn 			{ color: brown; background-image: url(/img/status/warn.png); }

.small  	{width:50px}
.medium 	{width:100px}

.validationError {
    border:1px solid red;
    box-shadow:0 0 4px red;
}

.handle{
    background:url(img/handle.png) no-repeat 3px;
    cursor:all-scroll;
}

table.stripe tr:nth-child(odd) td{
    background-color:#f0f0f0;
}

#templates{display:none}

body.ptz #divPtz {position:relative}
body.ptz svg, body.ptz #liveImage0 {cursor: url(img/imageTarget.ico) 9 9, auto}
body.ptz.joystick svg, body.ptz.josytick #liveImage0 {cursor: none}
body.ptz svg, body.ptz #liveImage1 {cursor: url(img/imageTarget.ico) 9 9, auto}
body.ptz.joystick svg, body.ptz.josytick #liveImage1 {cursor: none}
body.ptz svg, body.ptz #liveImage2 {cursor: url(img/imageTarget.ico) 9 9, auto}
body.ptz.joystick svg, body.ptz.josytick #liveImage2 {cursor: none}
body.ptz svg, body.ptz #liveImage3 {cursor: url(img/imageTarget.ico) 9 9, auto}
body.ptz.joystick svg, body.ptz.josytick #liveImage3 {cursor: none}
#joystick {
    width:30px;
    height:30px;
    margin-bottom:-30px;
    position:relative;
    z-index:1000;
    background: url(img/crosshairs.png);
}
#dragger {
    border: 1px solid black;
    background: green;
    display:none;
    position:absolute;
    z-index:50;
    opacity:0.5;
    filter: alpha(opacity=50);
}
#zoomSlider{
    width: 210px;
    border:none;
    background:url(img/slider.png) no-repeat;
    height:20px;
    margin:0 15px;
}
#zoomSlider > a{
    height:20px;
    width:8px;
    top:-2px;
    border-radius:8px;
}
#zoomSlider > a.ui-state-active{
    background:url("img/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50% #FDF5CE;
}
#zsWrapper{
    margin-left:10px;
    margin-top:10px
}

.liveImage {
    width: 100%;
    position:absolute;
    image-rendering: optimizespeed; /* Necessary to prevent shaky image resizing in Firefox */
}

#apply{float:left}
#restore{float:right}

/* --- Logs page --- */
.error {
    font-style: italic;
}

#logs {
    overflow-y:auto;
    height:60%;
}

/* --- Form controls --- */
#ui-datepicker-div{
    font-size:11px;
    box-shadow:3px 3px 3px gray;
}

/* PLB: color change was effecting other fields */
#text-systemStatus{}