/* Some of these should be removed since they prevent CSS cascading */
.ShiftSpaceElement {
    /*font-family: sans-serif;*/
    /*font-size: 12px;*/
    font-weight: normal;
    font-style: normal;
    /*color: #000;*/
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
    line-height: normal;
    text-align: start;
    vertical-align: baseline;
    direction: ltr;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    opacity: 1;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    position: static;
    display: block;
    visibility: visible;
    z-index: auto;
    overflow: visible;
    white-space: normal;
    /*clip: auto;*/
    float: none;
    clear: none;
    cursor: auto;
    list-style-image: none;
    list-style:position: outside;
    list-style-type: disc;
    marker-offset: none;
    word-spacing: normal;
}

.SSUserSelectNone
{
  cursor: default;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.SSDisplayNone
{
  display: none;
}

.SSPositionRelative
{
  position: relative;
}

/*
  Iframe Cover stuff
*/

.SSIframeCover
{
  position: absolute;
  background-color: #f00;
  opacity: 0.0;
  z-index: 999;
}

/*
  This should probably eventually be in it's own file
*/

.SSPinSelect
{
  position: absolute;
  border: dotted 1px #F63B02;
}

.SSPinSelectInset
{
  position: absolute;
  border: dotted 1px #F63B02;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}

.SSPinWidget
	font-family: Helvetica, Verdana, Arial, sans-serif;
{
  width: 19px;
  height: 19px;
}

.SSPinWidget img.normal
{
  background-image: url(../images/ShiftMenu/pin_icon.png);  
}

.SSPinWidgetMenuOpen
{
  background-image: url(../images/ShiftMenu/menu-bg.png);
  background-repeat: no-repeat;  
}

.SSPinWidget img
{
  width: 19px;
  height: 19px;
}

.SSPinWidget img.select
{
  background-image: url(../images/ShiftMenu/pin_icon-element.png);
}

.SSPinWidget img.pinned
{
  background-image: url(../images/ShiftMenu/pin_icon-pinned.png);
}

.SSPinMenu
{
  z-index:1000;
  color: black;
  width: 150px;
  position: absolute;
}

.SSPinMenu div .SSLeft
{
  width: 122px;
}

.SSPinMenu div .radio
{
  width: 20px;
  height: 20px;
  background-position: 5px 2px;
}

.SSPinMenu div .on
{
  background-image: url(../images/ShiftMenu/radio_button-on.png);
  background-repeat: no-repeat;
}

.SSPinMenu div .off
{
  background-image: url(../images/ShiftMenu/radio_button-off.png);
  background-repeat: no-repeat;
}

.SSPinMenu div .SSRight
{
  width: 8px;
}

.SSPinMenuItem
{
  clear: both;
  font-size: 11px;
}

.SSPinMenuItem div
{
  float: left;
}

.SSPinMenu div div span
{
  padding-left: 4px;
  line-height: 190%;
}

.SSPinMenuItem .SSLeft
{
  background-image: url(../images/ShiftMenu/middle-left.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSPinMenuItem:hover .SSLeft
{
  background-image: url(../images/ShiftMenu/middle-left-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSPinMenuItem .SSRight
{
  background-image: url(../images/ShiftMenu/middle-right.png);
  background-repeat: no-repeat;
  height: 20px;
}

div.SSPinMenuItem:hover .SSRight
{
  background-image: url(../images/ShiftMenu/middle-right-hover.png);
  background-repeat: no-repeat;
  height: 20px;
}

.SSPinMenuBottomItem
{
  clear: both;
  font-size: 11px;
}

.SSPinMenuBottomItem div
{
  float: left;
}

.SSPinMenuBottomItem .SSLeft
{
  background-image: url(../images/ShiftMenu/bottom-left.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSPinMenuBottomItem:hover .SSLeft
{
  background-image: url(../images/ShiftMenu/bottom-left-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSPinMenuBottomItem .SSRight
{
  background-image: url(../images/ShiftMenu/bottom-right.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSPinMenuBottomItem:hover .SSRight
{
  background-image: url(../images/ShiftMenu/bottom-right-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSPinMenuTopItem
{
  clear: both;
  font-size: 11px;
}

.SSPinMenuTopItem div
{
  float: left;
}

.SSPinMenuTopItem .SSLeft
{
  background-image: url(../images/ShiftMenu/top-left.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSPinMenuTopItem:hover .SSLeft
{
  background-image: url(../images/ShiftMenu/top-left-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSPinMenuTopItem .SSRight
{
  background-image: url(../images/ShiftMenu/top-right.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSPinMenuTopItem:hover .SSRight
{
  background-image: url(../images/ShiftMenu/top-right-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

/* Global ShiftSpace Menu Styles */

.SSMenu
{
  z-index:1000;
  color: black;
  width: 150px;
  overflow: visible;
  position: absolute;
}

.SSMenu div .SSLeft
{
  width: 122px;
  padding-left: 8px;
}

.SSMenu div .SSRight
{
  width: 8px;
  font-family: verdana;
}

.SSMenuItem
{
  clear: both;
  font-size: 11px;
}

.SSMenuItem div
{
  float: left;
}

.SSMenu li div span
{
  padding-left: 10px;  
}

.SSMenuItem div span
{
  line-height: 220%;
}

.SSMenuTopItem div span
{
  line-height: 220%;
}

.SSMenuBottomItem div span
{
  line-height: 200%;
}

.SSMenuItem .SSLeft
{
  background-image: url(../images/ShiftMenu/middle-left.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSMenuItem:hover .SSLeft
{
  background-image: url(../images/ShiftMenu/middle-left-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSMenuItem .SSRight
{
  background-image: url(../images/ShiftMenu/middle-right.png);
  background-repeat: no-repeat;
  height: 20px;
}

div.SSMenuItem:hover .SSRight
{
  background-image: url(../images/ShiftMenu/middle-right-hover.png);
  background-repeat: no-repeat;
  height: 20px;
}

.SSMenuBottomItem
{
  clear: both;
  font-size: 11px;
}

.SSMenuBottomItem div
{
  float: left;
}

.SSMenuBottomItem .SSLeft
{
  background-image: url(../images/ShiftMenu/bottom-left.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSMenuBottomItem:hover .SSLeft
{
  background-image: url(../images/ShiftMenu/bottom-left-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSMenuBottomItem .SSRight
{
  background-image: url(../images/ShiftMenu/bottom-right.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSMenuBottomItem:hover .SSRight
{
  background-image: url(../images/ShiftMenu/bottom-right-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSMenuTopItem
{
  clear: both;
  font-size: 11px;
}

.SSMenuTopItem div
{
  float: left;
}

.SSMenuTopItem .SSLeft
{
  background-image: url(../images/ShiftMenu/top-left.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSMenuTopItem:hover .SSLeft
{
  background-image: url(../images/ShiftMenu/top-left-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSMenuTopItem .SSRight
{
  background-image: url(../images/ShiftMenu/top-right.png);
  background-repeat: repeat-x;
  height: 20px;
}

div.SSMenuTopItem:hover .SSRight
{
  background-image: url(../images/ShiftMenu/top-right-hover.png);
  background-repeat: repeat-x;
  height: 20px;
}

.SSPinWidgetButton
{
  width: 19px;
  height: 19px;
}

/* Console Plugin Menu */

#SSConsolePluginMenu
{
  z-index:1000002;
}

#SSConsolePluginMenuTab
{
  position: absolute;
  width: 19px;
  height: 19px;
  background: transparent url(../images/ShiftMenu/menu-bg-reverse.png);
  z-index:1000002;
}

.SSPluginMenuTabIcon
{
 width: 100%;
 height: 100%;
 background: transparent;
 background-repeat: no-repeat;
 background-position: 3px 3px;
}