/* Default Lock/Unlock */
.sb_container               { overflow: hidden; position:relative; cursor: pointer; display: block; white-space: nowrap; z-index: 40;-moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none }
.sb_clear                   { clear: both; }
.sb_scroller                { display: inline-block; white-space: nowrap; position: relative; left:0 }
.sb_state1                  { background-color: #ff8a00; color: #fff; display: block; float:left; position: relative }
.sb_state1 .sb_titleIcon    { float: left; width: 17px; height: 14px; margin-left: 5px; margin-top: 3px; margin-right: 2px; background-color: transparent; background-image: url(Images/eye_off.png); background-repeat: no-repeat; }
.sb_state1 .sb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.sb_state1 .sb_navIcon      { float: right; width: 16px; height: 21px; margin-left: 5px; background-color: transparent; background-image: url(/App_Themes/default/Images/sb_icon_on.png); background-repeat: no-repeat }

.sb_state2                  { background-color: #5aabd0; color: #fff; display: block; float:right; position: relative }
.sb_state2 .sb_titleIcon    { float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 2px; background-color: transparent; background-image: url(Images/eye_on.png); background-repeat: no-repeat; }
.sb_state2 .sb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.sb_state2 .sb_navIcon      { float: left; width: 16px; height: 21px; margin-right: 5px; background-color: transparent; background-image: url(/App_Themes/default/Images/sb_icon_off.png); background-repeat: no-repeat }



/*watchbutton*/
.wb_container {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.wb_clear                   { clear: both; }
.wb_scroller                { display: inline-block; white-space: nowrap; position: relative; left:0 }

.bubbleWatchButton {line-height: 0.6em !important;}
 
/*unknown*/
.wb_state1                  { background-color: #c0c0c0; color: #fff; display: block; float:left; position: relative }
.wb_state1 .wb_titleIcon    { float: left; width: 17px; height: 14px; margin-left: 5px; margin-top: 3px; margin-right: 2px; background-color: transparent;  background-repeat: no-repeat; font-weight:bold;font-size: 15px;}
.wb_state1 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state1 .wb_navIcon      { float: right; width: 16px; height: 21px; margin-left: 5px; background-color: transparent;background-repeat: no-repeat }

/*config*/
.wb_state2                  { background-color: #c0c0c0; color: #fff; display: block; float:right; position: relative }
.wb_state2 .wb_titleIcon    { float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 2px; background-color: transparent;  background-repeat: no-repeat; }
.wb_state2 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state2 .wb_navIcon      { float: left; width: 16px; height: 21px; margin-right: 5px; background-color: transparent; background-image: url(/App_Themes/default/Images/sb_icon_off.png); background-repeat: no-repeat }

/*sleep*/
.wb_state3                  { background-color: #ff8a00; color: #fff; display: block; float:left; position: relative }
.wb_state3 .wb_titleIcon    { float: left; width: 17px; height: 14px; margin-left: 5px; margin-top: 3px; margin-right: 2px; background-color: transparent; background-image: url(Images/eye_off.png); background-repeat: no-repeat; }
.wb_state3 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state3 .wb_navIcon      { float: right; width: 16px; height: 21px; margin-left: 5px; background-color: transparent; background-image: url(/App_Themes/default/Images/sb_icon_on.png); background-repeat: no-repeat }

/*watch processing*/
.wb_state4                  { background-color: #c0c0c0; color: #fff; display: block; float:right; position: relative; cursor:default}
.wb_state4 .wb_titleIcon    { float: left; margin-top: 3px;margin-left: 15px; margin-right: 2px; background-color: transparent; background-image: url(Images/pizza16_grey.png); background-repeat: no-repeat; }
.wb_state4 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state4 .wb_navIcon      { float: left; width: 16px; margin-right: 5px; background-color: transparent; background-image: url(/App_Themes/Green/Images/pizza16_grey.png); background-repeat: no-repeat }

/*sleep processing*/
.wb_state5                  { background-color: #c0c0c0; color: #fff; display: block; float:left; position: relative;cursor:default}
.wb_state5 .wb_titleIcon    { float: left; margin-left: 15px; margin-top: 3px; margin-right: 2px; background-color: transparent; background-image: url(Images/pizza16_grey.png); background-repeat: no-repeat; }
.wb_state5 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state5 .wb_navIcon      { float: right; width: 16px; margin-left: 5px; background-color: transparent; background-image: url(/App_Themes/Green/Images/pizza16_grey.png); background-repeat: no-repeat }

/*watch*/
.wb_state6                  { background-color: #5aabd0; color: #fff; display: block; float:right; position: relative }
.wb_state6 .wb_titleIcon    { float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 2px; background-color: transparent; background-image: url(Images/eye_on.png); background-repeat: no-repeat; }
.wb_state6 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state6 .wb_navIcon      { float: left; width: 16px; height: 21px; margin-right: 5px; background-color: transparent; background-image: url(/App_Themes/default/Images/sb_icon_off.png); background-repeat: no-repeat }

/*updating*/
.wb_state7                  { background-color: #c0c0c0; color: #fff; display: block; float:right; position: relative }
.wb_state7 .wb_titleIcon    { float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 2px; background-color: transparent; background-image: url(/App_Themes/default/Images/blank.png); background-repeat: no-repeat; }
.wb_state7 .wb_title        { font-size: 8pt !important; margin-top: 4px; float: left; padding-left: 3px}
.wb_state7 .wb_navIcon      { float: left; width: 16px; height: 21px; margin-right: 5px; background-color: transparent; background-image: url(/App_Themes/default/Images/sb_icon_off.png); background-repeat: no-repeat }