/* CSS Document */

 

/*========== ../momasocialbar/views/MoMAConsole/MoMAConsole.css ==========*/

/* ---------------------------------------- MoMAConsole */
body{
  margin:0;
}
#MoMAConsole
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  float: left;
  background-color: white;
  color: black;
  font-size: 12px;
}

.MoMASocialBarOpened
{
  height: 350px;
}

.MoMASocialBarClosed
{
  height: 0px;
}

body > #MoMAConsole
{
  position: fixed;
  bottom: 0px ;
}

#MoMAConsole .MoMAConsoleStrata
{
  float: left;
  width: 100%;
}

/* ---------------------------------------- MoMANav */

#MoMANav div, #MoMANav input
{
  float: left;
  margin-top: 8px;
}

#MoMANav #MoMANavSearch, #MoMANav #MoMANavPS1Link
{
  float: right;
}

#MoMANavSearch
{
  margin-right: 4px;
}

#MoMANavPS1Link
{
  margin-right: 4px;
}

#MoMAConsoleLogo
{
  width: 200px;
  height: 40px;
}

.MoMANavItem
{
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}

.MoMANavItem.MoMANavItemDivider
{
  border-right: 1px solid #ccc;
}

/* ---------------------------------------- MoMASocialBar */

#MoMASocialBar
{
  clear: both;
  background-color: #ff3300;
  color: white;
  padding-left: 20px;
  height: 28px;
  font-size:14px;
  color:#FFDAD1;
}

#MoMASocialBarAction
{
  width: 30px;
  height: 100%;
  border-right: 1px solid #cc2800;
  border-left: 1px solid #cc2800;
  background-image:url(/social/shiftspace/momasocialbar/images/open_close_sprite.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  cursor:pointer;
}

#MoMASocialBarAction:hover{
  background-color:#CC2800;
}

#MoMASocialBarAction.Opened
{
  background-position: 0px -30px;
}

#MoMASocialBarUser
{
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  width:148px;
  height: 100%;
  border-right: 1px solid #cc2800;
  cursor:pointer;
}

#MoMASocialBarUser:hover{
  background-color:#CC2800;
}

#MoMASocialBarUser .Status
{
  float: left;
}

#MoMASocialBarUser .Logout
{
  float: right;
  height: 21px;
  width: 21px;
  background-image: url(/social/shiftspace/momasocialbar/images/login_out_sprite.png);
  background-position: -3px -5px;
  cursor:pointer;
}

#MoMASocialBarUser .Logout.Loader
{
  float: right;
  height: 21px;
  width: 21px;
  background-repeat: no-repeat;
  background-image: url(/social/shiftspace/momasocialbar/images/ajax-loader.gif);
  background-position: 3px 3px;
  cursor:pointer;
}

#MoMASocialBarUser .Logout:hover{
  background-position: -3px 25px;
}

#MoMASocialBarPerspective
{
  height:30px;
  padding: 4px;
  padding-right:0;
  padding-bottom:6px;
  padding-left:10px;
  width: 215px;
  border-right: 1px solid #cc2800;
  background-image:url(/social/shiftspace/momasocialbar/images/perspective_arrow.gif);
  background-repeat:no-repeat;
  background-position:204px -2px;
  cursor:pointer;
}

#MoMASocialBarPerspective:hover{
  background-color:#CC2800;
  background-position: 204px -32px; 
}

#MoMASocialBarSuggestion
{
  padding-top: 4px;
  padding-left: 10px;
  padding-bottom:6px;
  padding-right:8px;
  cursor:pointer;
}

#MoMASocialBarSuggestion b{
  font-weight:normal;
  letter-spacing:0.02em;
  color:#FFFFFF;
}

#MoMASocialBar #MoMASocialBarSuggestionType
{
  float: right;
  padding-top: 5px;
  height: 100%;
  padding-right: 10px;
  font-size:10px;
  text-transform:uppercase;
  /*visibility: hidden;*/
}

#MoMASocialBarSuggestionAndType
{
  width: 100%;
}

#MoMASocialBar div
{
  float: left;
}

div#MoMASocialBarLogin
{
  float: right;
  margin-right: 4px;
  padding: 4px;
  border-left: 1px solid white;
}

div#MoMASocialBarControls
{
  float: right;
  width: 100px;
  padding: 4px;
  border-left: 1px solid white;
}

div#MoMASocialBarControls div
{
  float: left;
}

/* ---------------------------------------- MoMAPerspectiveMenu */

#MoMAPerspectiveMenuContainer
{
	width: 200px;
  padding-top:8px;
  position: fixed;
  bottom: 0px;
  left: 10px;
  color: white;
  background-color: #ff3300;
  z-index: 1000000;
}

#MoMAPerspectiveMenuContainer.Opened
{
  position: fixed;
  bottom: 350px;
}

#MoMAPerspectiveMenu
{
}

.MoMAPerspectiveMenuItem
{
  padding: 8px;
  padding-left: 10px;
  padding-top:2px;
  padding-bottom:2px;
  text-align: left;
  font-size: 13px;
  height: 20px;
  cursor: pointer;
}

.MoMAPerspectiveMenuPrompt
{
  font-size:10px;
  text-transform:uppercase;
  
  padding-left: 11px;
  text-align: left;
  height: 29px;
  cursor: pointer;
}

.MoMAPerspectiveMenuPrompt span
{
  display: block;
  line-height: 32px;
}

div.MoMAPerspectiveMenuItem:hover
{
  background-color: #cc2800;
}

#MoMAPerspectiveMenuTitle
{
  border-top: 1px solid white;
}

/* Tab Styles */

#MoMAConsole .SSTabViewSubTabStyle > .SSControlView
{
  width: 208px;
  border-right: 1px solid #3F494F;
  overflow: visible;
}

#MoMAConsole .SSTabViewSubTabStyle > .SSControlView > .SSButton
{
  border-bottom: 1px solid #3F494F;
  background-repeat:no-repeat;
  height:40px;
  line-height:40px;
  padding:0 0 0 48px;
}

#MoMAConsole .SSTabViewSubTabStyle > .SSControlView > div.SSButton:hover
{
  background-color: transparent;
  color:#FFF;
  cursor:pointer;
}

#MoMAConsole .SSTabViewSubTabStyle > .SSControlView > .SSButton.SSActive,
#MoMAConsole .SSTabViewSubTabStyle > .SSControlView > .SSButton.SSActive:hover
{
  color: #FFF;
  width: 161px;
  background-color: #5a6871;
  cursor:default;
}

#MoMAConsole .SSTabViewSubTabStyle > .SSContentView
{
  /* need to be 210 so scrollbars are in the right place */
  left: 210px;
  overflow: auto;
  padding-left: 20px;
}

/* Message Styles */
#MoMAConsole .SSMessage
{
  color:#FFF;
  font-size:16px;
  font-weight:bold;
  height:40px;
  line-height:40px;
  overflow:hidden;
}

/* ---------------------------------------- Perspective Animation */

.MoMAPerspectiveFadeOut
{
  opacity: 0.0;
  -moz-opacity: 0.0;
}

.MoMAPerspectiveFadeIn
{
  margin-top: 0px;
  opacity: 1.0;
  -moz-opacity: 1.0;
}

.SSDisplayNone
{
  display: none;
}

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

a#MoMASocialBarPerspectiveLink
{
  position: absolute;
  left:435px;
  margin-top:0px;
  right:20px;
  border-right:1px solid #CC2800;
  text-decoration: none;
  color: white;
}

a#MoMASocialBarPerspectiveLink:hover{
  background-color:#CC2800;
  text-decoration: none;
  color: white;
}

#MoMACurrentPerspective span
{
  padding-top: 4px;
  height: 100%;
  font-size: 10px;
  text-transform: uppercase;
  margin-right: 4px;
}

div#MoMASocialBarPerspective #MoMACurrentPerspectiveHoverPrompt
{
  display:none;
}

div#MoMASocialBarPerspective:hover #MoMACurrentPerspectiveHoverPrompt
{
  padding-top: 2px;
  padding-right: 10px;
  font-size:10px;
  line-height:16px;
  text-transform:uppercase;
  display:block;
}

div#MoMASocialBarPerspective:hover #MoMACurrentPerspective
{
  display:none;
}

.SSHidden
{
  visibility: hidden;
}

.SSHideChildren *
{
  display: none;
}

/*========== ../momasocialbar/views/MoMASocialBarFrame/MoMASocialBarFrame.css ==========*/

#MoMASocialBarFrame
{
  float: left;
  height: 0px;
  width: 100%;
  overflow: auto;
  background-color: #5a6871;
  font-size: 12px;
}
#MoMASocialBarFrame .MoMAView
{
  display: none;
}
#MoMASocialBarFrame .MoMAView.SSActive
{
  display: block;
}
#MoMASocialBarFrame .SSTabView
{
  position: relative;
}
#MoMASocialBarFrameMessage
{
  float: left;
  width: 100%;
}
.InSandalphon #MoMASocialBarFrame
{
  width: 100%;
  height: 350px;
  border: 1px solid red;
}
#MoMAForms
{
  padding: 10px;
}
#MoMASocialBarFrame form fieldset
{
  padding:8px;
  color: #FFF;
  border: 1px solid #3F494F;
  background-color: #5A6871;
}
#MoMASocialBarFrame form #MoMAGoToLogin{
  width: 259px;
  height: 66px;
  padding-top: 36px;
  padding-bottom:0px;
}
#MoMASocialBarFrame form #GotoLogin{
  margin-left: 32px;
  text-align:center;
  width: 194px;
  height: 24px;
  line-height: 24px;
  outline:none;
  cursor:pointer;
}
#MoMASocialBarFrame form #GotoLogin:hover{
  color:#FFF;
  background-position:0 -24px;
}
#MoMASocialBarFrame form #MoMAGotoRegister{
  font-size:12px;
  height:66px;
  padding-top:36px;
  width:259px;
  padding-bottom:0px;
}
#MoMASocialBarFrame form #GotoRegister{
  height:24px;
  line-height:24px;
  margin-left:32px;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
  text-align:center;
  width:194px;  
  cursor:pointer;
}
#MoMASocialBarFrame form #GotoRegister:hover{
  color:#FFF;
  background-position: 0 -24px;
}
#MoMALoginFieldset{
  float:left;
  padding:8px;
  width:350px;
}
#MoMALoginFieldset div{
  height:30px;
  line-height:30px;
}
#MoMALoginFieldset input{
  float:right;
  background-color:#5A6871;
  background-image:url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#FFFFFF;
  height:16px;
  line-height:24px;
  margin-bottom:3px;
  padding-top:6px;
  padding-left:6px;
  width:220px;
}  
#MoMALoginFieldset label{
  display:block;
  float:left;
  height:30px;
}
#MoMALoginFieldset div#Login{
  float:right;
  height:24px;
  line-height:24px;
  padding-left:4px;
  text-align:left;
  width:96px;
  cursor:pointer;
}
#MoMALoginFieldset div#Login:hover{
  color:#FFF;
  background-position:0 -24px;
}
a#ForgotPasswordLink{
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  font-weight:normal;
  text-decoration: underline;
  color:#222;
  cursor:pointer;
}
a#ForgotPasswordLink:hover{
  color:#FFF;
}
#MoMALoginFieldset label#RememberMeLabel{
  height:24px;
  display:block;
  float:left;
  line-height:24px;
  font-weight:normal;
}
input#RememberMe{
  background-color:blue;
  display:block;
  float:left;
  height:14px;
  margin:4px 3px 3px 0;
  width:14px;
}
#MoMASyncPhoneFieldset{
  float:left;
  width:370px;
  height:96px;
  padding:8px;
}
#MoMASyncPhoneFieldset label{
  display:block;
  float:left;
  clear:both;
  height:30px;
  line-height:30px;
}
#mobile_number{
  float:right;
  background-color:#5A6871;
  background-image:url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#FFFFFF;
  height:16px;
  line-height:24px;
  margin-bottom:3px;
  padding-top:6px;
  padding-left:6px;
  width:220px;  
}
#MoMASubmitPhone{
  float:right;
  height:24px;
  line-height:24px;
  padding-left:4px;
  text-align:left;
  width:96px; 
  cursor:pointer;
}
#MoMASubmitPhone:hover{
  color:#FFF;
  background-position:0 -24px;
}
#MoMASyncPhoneFieldset #MoMASubmitPhoneLabel{
  display:block;
  float:left;  
  height:24px;
  width:260px;
  line-height:16px;  
  color:#222222;
  font-weight:normal;
}
div#MoMAChooseShareType{
  float:left;
  /* do not change without informing me - David Nolen */
  /*width:500px;*/
  padding: 0;
  border:none !important;
  color:#FFF;
}
div#MoMAChooseShareType #MoMASelectShareByText,
div#MoMAChooseShareType #MoMASelectShareByEmail{
  float:left;
  width:109px;
  height:24px;
  padding-left:22px;
  line-height: 24px;
  border: 1px solid #3F494F;
  color:#e5e1de;
  cursor:pointer;
  background-image: url(/social/shiftspace/momasocialbar/images/email_sms_sprite.jpg);
  background-repeat:no-repeat;
}
div#MoMAChooseShareType #MoMASelectShareByText{
  background-position:0 -48px;  
}
div#MoMAChooseShareType #MoMASelectShareByText:hover{
  color:#FFF;
  background-position:0 -72px;
}
div#MoMAChooseShareType #MoMASelectShareByEmail{
  background-position:0 0;  
}
div#MoMAChooseShareType #MoMASelectShareByEmail:hover{
  color:#FFF;
  background-position:0 -24px;
}
#MoMAChooseShareType .MoMAOrMessage{
  height:24px !important;
  line-height:24px !important;
}
#MoMASettingsFieldset
{
  float:left;
  position: relative;
  width: 696px;
  padding: 8px;
}
#MoMASettingsFieldset.SettingsHalfSize
{
  width: 370px;
}
#MoMASettingsFieldset div
{
  height: 30px;
  line-height: 24px;
}
#MoMASettingsFieldset input
{
  float:right !important;
  width:222px;
  height:16px;
  padding-top: 6px;
  padding-left:6px;
  margin-bottom: 3px;
  line-height: 16px;
  color:#FFFFFF;
  border-color: #3F494F;
  border-width: 1px;
  background-color: #5A6871;
  border-style:solid;
  background-image: url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-repeat:no-repeat;
  background-position: 0px 0px;
}
#MoMASettingsFieldset div label
{
  float:left;
  height:30px;
  display:block;
}
#MoMASettingsFieldset div#Register
{
  float:right;
  width:96px;
  padding-left:4px;
  height:24px;
  line-height: 24px;
  text-align:left;
  color:#E5E1DE;
  cursor:pointer;
}
#MoMASettingsFieldset div#Register:hover{
  color:#FFF;
  background-position:0 -24px;
}
#MoMASettingsFieldset div#SettingsButtons{
  height:26px;
}
#MoMASettingsFieldset div.SSDescriptionFont{
  float:left;
  width:370px;
  padding-top:3px;
  padding-bottom:12px;
  margin-bottom: 12px;
  line-height: 16px;
  font-weight: normal;
}
#MoMASettingsFieldset a.privacy{
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  color: #222;
  text-decoration:underline;
}
#MoMASettingsFieldset a.privacy:hover{
  color:#FFF;
}
#MoMANewsLetterOptions{
  float:left;
  margin:0;
  padding-left:0;
}
#MoMANewsLetterOptions li{
  clear: left;
  height:24px;
  overflow:hidden;
  color:#201209;
}
#MoMANewsLetterOptions li.SSActive{
  height: 100%;  
}
#MoMAUserSettings{
  float:left;
  height:auto !important;
  width:370px;
}
#MoMASubscribeSettings{
  float:right;
  padding-right:8px;
  width:298px;
  height: auto !important;
  overflow:auto;
}
#MoMASubscribeSettings p{
  margin:0;
  padding:0;
}
#MoMASubscribeSettings li{
  border-top: 1px solid #3F494F;
  width:298px;
}
#MoMASubscribeSettings li span.MoMASubscribeTitle{
  float:left;
  padding-left:16px;
  background-image:url(/social/shiftspace/momasocialbar/images/list_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 12px;
  color:#FFF;
  cursor:pointer;
}
#MoMASubscribeSettings li.SSActive span.MoMASubscribeTitle{
  -moz-user-select:none;
  -webkit-user-select:none;
  background-image:url(/social/shiftspace/momasocialbar/images/list_arrow_active.gif);  
}
#MoMASubscribeSettings li span.MoMASubscribeInfo{
  display:block;
  padding-left:16px;
  line-height:18px;
  clear:both;
  position:relative;
  top:-3px;
}
#GoToUpdate{
  float:right;
  width:96px !important;
  height:24px !important;
  padding-left:4px;
  line-height: 24px !important;  
  cursor:pointer;
}
#GoToUpdate:hover{
  color:#FFF;
  background-position:0 -24px;
}
#SettingsVerifyPhone{
  float:right;
  width:96px;
  height:24px !important;
  padding-left:4px;
  line-height: 24px !important;  
  border: 1px solid #3F494F;
  background-image: url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat: no-repeat;
  background-position:0 0;
  color:#e5e1de;
  cursor:pointer;
  margin-right: 4px;
}
#SettingsVerifyPhone:hover{
  color:#FFF;
  background-position:0 -24px;
}
#SettingsButtons{
  float:right;
  height:30px;
}
.MoMANewsLetterSubscribe{
  float:right !important;
  width:16px !important;
  margin-top: 6px;
}
#MoMAShareByWrapper{
  float:left;
  width:780px;
  border:1px solid #3F494F;
}
#MoMAShareByWrapper.NoImage{
  width:auto;
  padding-right:4px;
}
#MoMAShareEmailBody{
  margin-top:0;
}
#MoMAShareByEmailForm{
  float:left;
  width:576px; 
  height:244px;
  padding-right: 2px !important;
  border:none !important;
  margin:0 2px;
}
#MoMAShareByEmailForm div{
  min-height:30px;
  line-height:30px;
}
#MoMAShareByEmailForm div label{
  height:30px;
  display:block;
  float: left;
}
#MoMAShareByEmailForm div input,
#MoMAShareByEmailForm div textarea,
#MoMAShareBySMSForm input,
#MoMAShareBySMSForm textarea{
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}
#MoMAShareBySMSForm .mobileLabel{
  float:right;
}
#MoMAShareByEmailForm div textarea.message{
  float:right;
  width:422px;
  height:143px;
  padding-top:6px;
  padding-left:6px;
  border:1px solid #3F494F;
  background-image: url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-repeat: no-repeat;
  background-color: #5A6871;
  color:#FFF;  
}
#MoMAShareByEmailForm div input{
  background-color:#5A6871;
  background-image:url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#FFFFFF;
  float:right;
  height:16px;
  line-height:16px;
  margin-bottom:3px;
  padding-top:6px;
  padding-left:6px;
  width:422px;  
}
#MoMAShareByEmailForm #MoMAShareSubNav{
  margin-top:3px;
  width:430px;
  height:30px;
  float:right;
  clear:right;
}
#MoMAShareByEmailForm #MoMAShareSubNav div{
  float:left;
}
#MoMAShareBySMSForm #MoMAShareSubNav{
  clear:right;
  padding-top:4px;
}
#MoMAShareByEmailForm #MoMAShareSubNav #some_name,
#MoMAShareByEmailForm #share_by_email,
#MoMAShareSubNav div.cancel_share,
#MoMAShareBySMSForm #MoMAShareSubNav #send{
  background-image:url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  border:1px solid #3F494F;
  float:right !important;
  margin-left:4px;
  height:24px !important;
  min-height:24px;
  line-height:24px !important;
  padding-left:4px;
  width:96px;
  color:#E5E1DE;
  cursor:pointer;
}
#share_by_email, #cancel_share_by_email, #send, #cancel_share_by_sms{
  text-transform:uppercase;
}
#MoMAShareByEmailForm #MoMAShareSubNav #some_name:hover,
#MoMAShareByEmailForm #MoMAShareSubNav #share_by_email:hover,
#MoMAShareSubNav div.cancel_share:hover,
#MoMAShareBySMSForm #MoMAShareSubNav #send:hover{
  background-position: 0 -24px;
  color:#FFF;
}
#MoMAShareByEmailForm #MoMAShareSubNav #send_email_to_current_user{
  float:left;
  background-color:blue;
  display:block;
  height:14px;
  margin:8px 3px 3px 0;
  width:14px;  
}
#MoMAShareByFeedback{
  width:185px;
  height:100%;
  float:left;  
  background-image: url(/social/shiftspace/momasocialbar/images/share_by_email_box.jpg);
  background-repeat:no-repeat;
  background-position: center 68px;
}
#MoMAShareByFeedback p{
  width:169px;
  padding:162px 0 8px 12px;
  background-image: url(/social/shiftspace/momasocialbar/images/share_placeholder.jpg);
  background-repeat: no-repeat;
  background-position: 10px 68px;
}
#MoMAShareByFeedback p span.attribution {
  display:block;
  color:#8a2221;
}
#MoMASocialBarFrame form fieldset#MoMAShareBySMSForm{
  width:409px;
  border:1px solid #3F494F;
  padding-bottom:6px;
}
#MoMAShareBySMSForm div{
  min-height:30px;
}
#MoMAShareBySMSForm textarea{
  float:right;
  width:244px;
  height:144px;
  padding: 6px 0 0 6px;
  border:1px solid #3F494F;
  color:#FFF;
  background-image: url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-repeat:no-repeat;
}
#MoMAShareBySMSForm input{
  width: 244px;
  background-color:#5A6871;
  background-image:url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#FFFFFF;
  float:right;
  height:16px;
  line-height:16px;
  margin-bottom:3px;
  padding-top:6px;
  padding-left:6px;
}
#MoMAShareBySMSForm input#SendTextToCurrentUser{
  float:right;
  display:block;
  height:14px;
  margin:6px 3px 3px 9px;
  width:14px;  
}
#MoMAShareBySMSForm label{
  height:30px;
  display:block;
  float: left;
  line-height:26px;
  color:#FFF;
}
#MoMASocialBarFrame #MoMAConsoleSettingsForm #UnverifiedPhone
{
  color:#FFF;
  font-weight:bold;
}
#MoMAForms form fieldset div
{
  margin-top: 4px;
  clear: both;
  width: 100%;
}
#MoMAForms form label
{
  float: left;
}
.SSRequiredField
{
  color: red;
}
.SSDescriptionFont
{
  font-size: 12px;
  color: #201209;
}
form#MoMALoginRegisterForm input.SSSubFormSubmit
{
  float: right;
}
/* Frame Tab Styles */
#MoMASocialBarFrame .SSTabViewSubTabStyle > .SSControlView
{
  background-position: 1px 0px;
  background-image: url(/social/shiftspace/momasocialbar/images/control_view_bg.jpg);
  background-repeat: repeat-y;
}
#MoMASocialBarFrame #MoMAConsoleSettingsForm fieldset#SettingsVerifyPhoneFieldset
{
  float: left;
  width: 350px;
  margin-left: 10px;
}
#MoMASocialBarFrame #MoMAConsoleSettingsForm fieldset#SettingsVerifyPhoneFieldset label
{
  display:block;
  float:left;
  height:30px;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 30px;
}
#MoMASocialBarFrame #MoMAConsoleSettingsForm fieldset#SettingsVerifyPhoneFieldset input
{
  margin-bottom: 10px;
}
#MoMASocialBarFrame #MoMAConsoleSettingsForm fieldset#SettingsVerifyPhoneFieldset .SSMessage{
  float: left;
  width: 350px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  line-height: 20px;
  height: auto;
}
#MoMASocialBarFrame #MoMAConsoleSettingsForm fieldset#SettingsVerifyPhoneFieldset .button{
  margin-left:4px;
  background-image:url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#E5E1DE;
  cursor:pointer;
  float:right;
  font-size:12px;
  height:24px;
  line-height:24px;
  padding-left:4px;
  text-align:left;
  width:96px;  
}
#WelcomeBack{
  float:left;
  clear:left;
  margin-top:14px;
  width:480px;
}
#Login,
#Register,
#GotoLogin,
#GotoRegister,
#MoMASubmitPhone,
#MoMASelectShareByEmail,
#MoMASelectShareByText,
#GoToUpdate,
#MoMADeleteSet,
#MoMACancelEditSet,
#MoMASaveSet,
#MoMACreateSet,
#share_by_email,
#cancel_share_by_email,
#send,
#cancel_share_by_sms{
  font-size:10px;
  text-transform:uppercase;
}
#Login,
#GotoRegister,
#Register,
#GotoLogin,
#MoMASubmitPhone,
#GoToUpdate,
#MoMACreateSet,
#MoMADeleteSet,
#MoMACancelEditSet,
#MoMASaveSet,
#share_by_email,
#cancel_share_by_email,
#send,
#cancel_share_by_sms{
  color:#E5E1DE;
  background-color:#5A6871;
  background-image:url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat:repeat-x;
  background-position: 0 0;
  border:1px solid #3F494F;
}



/*========== ../momasocialbar/views/MoMAMainView/MoMAMainView.css ==========*/

#MoMAMainView
{
  width: 100%;
  height: 100%;
  background-color: #5a6871;
}


/* CSS for nav icons */
#MoMAControlShareButton, #MoMAControlSetsButton,#MoMAControlWorksButton,
#MoMAControlPagesButton,#MoMAControlAccountButton,#MoMAControlLoginButton,
#MoMAControlRegisterButton,#MoMAControlSyncButton,#MoMAControlHelpButton, #MoMAControlLoginHelpButton {
  background-image: url(/social/shiftspace/momasocialbar/images/control_icons_sprite.gif);
  background-repeat:no-repeat;
  color:#222;
  font-weight:bold;
  cursor:pointer;
}

#MoMAControlShareButton{
  background-position: 26px 0;   
}

#MoMAControlShareButton:hover{
  color:#FFF;
  background-position: 26px -200px;
}

#MoMAControlShareButton.SSActive{
  background-position: 26px -200px;   
}

#MoMAControlSetsButton{
  background-position: 26px -40px;
}

#MoMAControlSetsButton:hover{
  color:#FFF;
  background-position: 26px -240px;
}

#MoMAControlSetsButton.SSActive{
  background-position: 26px -240px;
}

#MoMAControlWorksButton{
  background-position: 26px -80px;
}

#MoMAControlWorksButton:hover{
  color:#FFF;
  background-position: 26px -280px;
}

#MoMAControlWorksButton.SSActive{
  background-position: 26px -280px;
}

#MoMAControlPagesButton{
  background-position: 26px -120px;
}

#MoMAControlPagesButton:hover{
  color:#FFF;
  background-position: 26px -320px;
}

#MoMAControlPagesButton.SSActive{
  background-position: 26px -320px;
}

#MoMAControlAccountButton{
  background-position: 26px -160px;
}

#MoMAControlAccountButton:hover{
  color:#FFF;
  background-position: 26px -360px;
}

#MoMAControlAccountButton.SSActive{
  background-position: 26px -360px;
}

#MoMAControlLoginButton{
  background-position: 26px -400px;
}

#MoMAControlLoginButton:hover{
  background-position: 26px -520px;
}

#MoMAControlLoginButton.SSActive{
  background-position: 26px -520px;
}

#MoMAControlRegisterButton{
  background-position: 26px -440px;
}

#MoMAControlRegisterButton:hover{
  color:#FFF;
  background-position: 26px -560px;
}

#MoMAControlRegisterButton.SSActive{
  background-position: 26px -560px;
}

#MoMAControlSyncButton{
  background-position: 26px -480px;
}

#MoMAControlSyncButton:hover{
  color:#FFF;
  background-position: 26px -600px;
}

#MoMAControlSyncButton.SSActive{
  background-position: 26px -600px;
}


#MoMAControlHelpButton{
  background-position: 26px -664px;
}

#MoMAControlHelpButton:hover{
  background-position: 26px -725px;  
}

#MoMAControlHelpButton.SSActive{
  background-position: 26px -725px;
}

#MoMAControlLoginHelpButton{
  background-position: 26px -664px;
}

#MoMAControlLoginHelpButton:hover{
  background-position: 26px -725px;  
}

#MoMAControlLoginHelpButton.SSActive{
  background-position: 26px -725px;
}

/*========== ../momasocialbar/views/MoMAShareView/MoMAShareView.css ==========*/



/*========== ../momasocialbar/views/MoMABookmarksView/MoMABookmarksView.css ==========*/

ul#MoMABookmarksListView{
  margin-left:0px;
  margin-top:0px;
  padding-left:0px;
  color: #1e2b33;
}

#MoMABookmarksListView li.SSCellClone{
  background-repeat:no-repeat;
  height:75px;
  list-style-type:none;
  padding-left:3px;
  padding-top:3px;
  width:95%;
  position: relative;
}

#MoMABookmarksListView li.SSCellClone .MoMABookmarksWrapper{
  border:1px solid #213039;
  height:65px;
  padding-left:5px;
  padding-top:5px;
  width:100%;
}

#MoMABookmarksListView li.SSCellClone:hover .MoMABookmarksWrapper,
#MoMABookmarksListView li.SSIsBeingEdited .MoMABookmarksWrapper{
  border-color:#FFFFFF;
  background-color:#FFF;
}

#MoMABookmarksListView li.SSCellClone .MoMABookmarkMeta
{
  height:65px;
  left:135px;
  position:absolute;
  right:180px;
  overflow: hidden;
}

#MoMABookmarksListView li.SSCellClone .MoMABookmarkMeta.NoImage
{
  left:12px;
}

#MoMABookmarksListView li.SSCellClone .MoMABookmarkMeta input{
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  cursor:default;
}

#MoMABookmarksListView li.SSCellClone.SSIsBeingEdited .MoMABookmarkMeta input{
  user-select:text;
  -moz-user-select:text;
  -webkit-user-select:text;
  cursor:text;
}

#MoMABookmarksListView li.SSCellClone span.title{
  display:block;
  float:left;
  height:18px;
  overflow:hidden;
  color:#FFFFFF;
}

#MoMABookmarksListView li.SSCellClone:hover span.title,
#MoMABookmarksListView li.SSIsBeingEdited span.title{
  color:#222;
}

#MoMABookmarksListView li.SSCellClone span.type{
  float:left;
  display:none;
}

#MoMABookmarksListView li.SSCellClone:hover span.type,
#MoMABookmarksListView li.SSIsBeingEdited span.type{
  display:block;
}

#MoMABookmarksListView li.SSCellClone label{
  clear:left;
  display:block;
  float:left;
  line-height:24px;
  padding-right:4px;
}

#MoMABookmarksListView li.SSCellClone div.InputWrapper
{
  position: absolute;
  left: 60px;
  right: 7px;
}

#MoMABookmarksListView li.SSCellClone input.note{
  background-color:#5A6A71;
  background-image:none;
  background-position:center center;
  background-repeat:no-repeat;
  border:1px solid #5A6871;
  float:left;
  font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  height:16px;
  padding-left:1px;
  padding-top:4px;
  width:100%;
}

#MoMABookmarksListView li:hover input.note{
  border:1px solid #808080;
  background-color:#FFF;
}

#MoMABookmarksListView li.SSCellClone div.edit{
  display:none;
  position: absolute;
  right: 0px;
  width:15px;
  height:22px;
  background-image:url(/social/shiftspace/momasocialbar/images/edit_icon.gif);
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
}

#MoMABookmarksListView li.SSCellClone .MoMAInputUI{
  float:left;
  width:100%;
}

#MoMABookmarksListView li.SSCellClone .MoMAInputUI:hover div.edit{
  /*display:block;*/
}

#MoMABookmarksListView li.SSCellClone.SSIsBeingEdited:hover .MoMAInputUI div.edit{
  /*display:block;*/
}
  
#MoMABookmarksListView li.SSCellClone .MoMAInputUI:hover input.note,
#MoMABookmarksListView li.SSIsBeingEdited .MoMAInputUI input.note{
  background-image: url(/social/shiftspace/momasocialbar/images/saved_input_bg.jpg);
  border-color:#808080;  
  display:block;
  background-color:#FFF;
}

#MoMABookmarksListView li.SSCellClone.SSIsBeingEdited:hover .MoMAInputUI input.note{
  background-image: url(/social/shiftspace/momasocialbar/images/saved_input_bg.jpg);
  border-color:#808080;  
  display:block;
}

#MoMABookmarksListView li.SSCellClone div.edit{
  
}

#MoMABookmarksListView li.SSCellClone:hover div.edit{
  
}

#MoMABookmarksListView li.SSCellClone a{
  float:right;
  display:block;
  color:#1E2B33;
}

#MoMABookmarksListView li.SSCellClone:hover a,
#MoMABookmarksListView li.SSIsBeingEdited a{
  color:#808080;
}
#MoMABookmarksListView li.SSCellClone .MoMABookmarksShareOrDelete{
  position: absolute;
  top:7px;
  right:0px;
  height:38px;
}

#MoMABookmarksListView li.SSCellClone span.delete{
  display:block;
  float:left;
  width:38px;
  height:65px;
  padding-left:10px;
  padding-right:5px;
  border-left:1px solid #213039;
  line-height:65px;
  background-image: url(/social/shiftspace/momasocialbar/images/works_delete_button_bg.jpg);
  background-repeat:no-repeat;
  background-position: 34px center;
  cursor:pointer;  
}

#MoMABookmarksListView li.SSCellClone span.link{
  display:block;
  float:left;
  width:42px;
  height:65px;
  border-left:1px solid #3F494F;
  line-height:65px;
  text-align:center;
  cursor:pointer;
}
#MoMABookmarksListView li.SSCellClone:hover span.link,
#MoMABookmarksListView li.SSIsBeingEdited span.link{
  color:#808080;
  border-color:#CCC;
}
#MoMABookmarksListView li.SSCellClone span.link a.href{
  float:none;
  text-decoration:none;
}
#MoMABookmarksListView li.SSCellClone span.link a.href:hover{
  color:#1E2B33;
}
#MoMABookmarksListView li.SSCellClone span.share{
  display:block;
  float:left;
  width:42px;
  height:65px;
  padding-left:30px;
  border-left:1px solid #3F494F;
  line-height:65px;
  background-image: url(/social/shiftspace/momasocialbar/images/share_icon.gif);
  background-repeat:no-repeat;
  background-position: 10px center;
  cursor:pointer;
}
#MoMABookmarksListView li.SSCellClone:hover span.share,
#MoMABookmarksListView li.SSIsBeingEdited span.share{
  border-color:#CCC;
  color:#808080;
}
#MoMABookmarksListView li.SSCellClone span.share:hover{
  color:#1E2B33;
}
#MoMABookmarksListView li.SSCellClone span.delete{
  display:block;
  float:left;
  width:38px;
  height:65px;
  padding-left:10px;
  padding-right:5px;
  border-left:1px solid #3F494F;
  line-height:65px;
  background-image: url(/social/shiftspace/momasocialbar/images/works_delete_button_bg.jpg);
  background-repeat:no-repeat;
  background-position: 34px center;
  cursor:pointer;  
}
#MoMABookmarksListView li.SSCellClone:hover span.delete,
#MoMABookmarksListView li.SSIsBeingEdited span.delete{
  border-color:#CCC;
  color:#808080;
}
#MoMABookmarksListView li.SSCellClone span.delete:hover{
  color:#1E2B33;
}
.MoMABookmarksImage{
  float:left;
  width:113px;
  height:60px;
  margin-right:8px;
}

.MoMABookmarksWrapper img{
  display:block;
  float:left;
  width:113px;
  height:60px;
  margin-right:8px;
}

#MoMABookmarksListView li.SSCellClone:hover .MoMABookmarksImage img,
#MoMABookmarksListView li.SSIsBeingEdited .MoMABookmarksImage img{
 display:block
}

#MoMABookmarksListView li.SSCellClone div.save,
#MoMABookmarksListView li.SSCellClone div.cancel{
  display:none;
  float:right;
  width:80px;
  height:20px;
  line-height:20px;
  margin-right:4px;
  padding-left:10px;
  border:1px solid #DEDEDE;
  font-size:10px;
  text-transform:uppercase;
  color:#808080;
  background-image:url(/social/shiftspace/momasocialbar/images/white_button_bg.jpg);
  background-repeat: repeat-x;
  background-position:0 -24px;
  cursor:pointer; 
}

#MoMABookmarksListView li.SSIsBeingEdited div.save,
#MoMABookmarksListView li.SSIsBeingEdited div.cancel{
  display:block;
}
#MoMABookmarksListView li.SSCellClone div.save:hover,
#MoMABookmarksListView li.SSCellClone div.cancel:hover{
  background-position:0 0;
  color:#1E2B33;
}
#MoMABookmarksListView li.SSCellClone div.save{
  font-weight:bold;
}


/*========== ../momasocialbar/views/MoMAWorksView/MoMAWorksView.css ==========*/

#MoMAWorksListView
{
  height: 280px;
  margin-left:0;
  margin-top:0;
  overflow: hidden;
  list-style-type:none;
}

#MoMAWorksListView li
{
  float: left;
  width: 154px;
  height: 292px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left:0px;
  background-repeat:no-repeat;
  color:#808080;
  overflow: hidden;
  z-index: 1;
}

#MoMAWorksListView li.Open
{
  width: 535px;
}

#MoMAWorksListView li.Closed
{
  width: 154px;
}

#MoMAWorksListView li:hover{
  background-image: url(/social/shiftspace/momasocialbar/images/works_active_sprite.gif);  
  background-position: 0 0;
}

#MoMAWorksListView li.SSIsBeingEdited, #MoMAWorksListView li.SSIsBeingEdited:hover{
  background-image: url(/social/shiftspace/momasocialbar/images/works_active_sprite.gif);
  background-position: 0 -280px;  
}

#MoMAWorksListView li .WorksMainUI{
  width:155px;
  margin-top:6px;
  height:24px;
  line-height:24px;
}

.WorksMainUI .notonview{
  float:left;
  height:24px;
  text-transform: uppercase;
  font-size: 10px;
}

.WorksMainUI .edit{
  display:block;
  float:right;
  width:15px;
  height:24px;
  background-image: url(/social/shiftspace/momasocialbar/images/edit_icon.gif);
  background-repeat:no-repeat;
  background-position: center center;  
}

.SSIsBeingEdited .WorksMainUI .edit{
  display:none;
}
/*TODO*/
.NormalView .artist.noImage{
  display:block;
  width:135px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  color:#FFF;
  background-color:#2E3539;
}
.NormalView .title.noImage{
  display:block;
  width:135px;
  padding-bottom:94px;
  padding-left:10px;
  padding-right:10px;
  color:#FFF;
  background-color:#2E3539;
}
.NormalView img.noImage{
  display:none;
}
.NormalView div.noImageMessage{
  display:none;
  width:145px;
  height:14px;
  line-height:14px;
  padding-left:10px;
  padding-bottom:10px;
  color:#777;
  background-color:#2E3539;
}
.NormalView div.noImageMessage.noImage{
  display:block;
}

#MoMAWorksListView li .NormalView
{
  float: left;
  outline:none;
}

.NormalView img{
  display:block;
  padding-bottom:8px;
}


.NormalView .title{
  display:none;
  width:155px;
  height:28px;
  overflow:hidden;  
  line-height:14px;
  color:#333;
}

.NormalView .artist{
  display:none;
  width:155px;
  height:14px;
  overflow:hidden;
  line-height:14px;
  color:#333;  
}

.NormalView .notonview{
  display:none;  
  color:#333;
}

.NormalView .edit{
  display:none;
}

.SSEditView{
  width:368px;
  padding-left:12px;
}

.SSEditView a{
  color: #808080;
}

.SSEditView b{
  padding-left:16px;
  background-image: url(/social/shiftspace/momasocialbar/images/works_suitcase_icon.gif);
  background-repeat: no-repeat;
  background-position: 0 center;
}

.WorksEditUI{
  width:100%;  
  margin-top:5px;
  height:24px;
  line-height:24px;
  font-size:10px;
  text-transform: uppercase;
  color:#808080;
}

.SSEditView .yournotes{
  float:left;
  font-size:10px;
  text-transform: uppercase;
}

.SSEditView .close{
  display:none;
}

.SSIsBeingEdited .close{
  float:right;
  width:15px;
  height: 100%;
  background-image: url(/social/shiftspace/momasocialbar/images/works_arrow.gif);
  background-repeat:no-repeat;
  background-position: center center;
  cursor:pointer;
}

.SSEditView textarea{
  border:1px solid #808080;
  height:137px;
  padding:4px;
  width:360px;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:12px;
}

.SSEditView select.addToSet{
  width:100%;
  margin-top:4px;
}

.SSEditView .WorksEditFeedback{
  height: 22px;
  padding-top:2px;  
  overflow:hidden;
}

.SSEditView div.save{
  float:right;
  width:80px;
  height:20px;
  border:1px solid #DEDEDE;
  padding-left:10px;
  margin-left:4px;
  line-height:20px;
  background-image: url(/social/shiftspace/momasocialbar/images/white_button_bg.jpg);
  background-repeat:repeat-x;
  background-position:0 -24px;
  font-weight:bold;
}
.SSEditView div.save:hover{
  background-position:0 0;
  color:#1E2B33;
}
.SSEditView .delete,
.SSEditView .save,
.SSEditView .cancel,
.SSEditView .close,
.NormalView .edit{
  cursor:pointer;
}

.SSEditView .delete{
  float:left;
  width:80px;
  height:20px;
  border:1px solid #DEDEDE;
  padding-left:10px;
  margin-left:0px;
  line-height:20px;
  background-image: url(/social/shiftspace/momasocialbar/images/white_button_bg.jpg);
  background-repeat:repeat-x;
  background-position:0 -24px;
}
.SSEditView .delete:hover{
  background-position:0 0;
  color:#1E2B33;
}
.SSEditView .cancel{
  float:right; 
  width:80px;
  height:20px;
  border:1px solid #DEDEDE;
  padding-left:10px;
  margin-left:12px;
  line-height:20px;
  background-image: url(/social/shiftspace/momasocialbar/images/white_button_bg.jpg);
  background-repeat:repeat-x;
  background-position:0 -24px;
}
.SSEditView .cancel:hover{
  background-position:0 0;
  color:#1E2B33;
}
.MoMAWorksCell{
  margin-left:0px;
}

.MoMAWorksCell:hover .NormalView .title,
.MoMAWorksCell:hover .NormalView .artist, 
.MoMAWorksCell:hover .NormalView .notonview,
.MoMAWorksCell:hover .NormalView .edit{
  display:block;
}

.MoMAWorksCell.SSIsBeingEdited .NormalView .title,
.MoMAWorksCell.SSIsBeingEdited .NormalView .artist, 
.MoMAWorksCell.SSIsBeingEdited .NormalView .notonview,
.MoMAWorksCell.SSIsBeingEdited .NormalView .edit{
  display:block;
}

.SSIsBeingEdited .edit{
  display:none !important;
}

#MoMAWorksListView li.SSIsBeingEdited
{
  width: 535px;
  padding-left:12px;
  padding-right:12px;
}

.WorksCellFull
{
  width: 535px;
}

#MoMAWorksListView li.WorksCell85
{
  width: 454px;
}

#MoMAWorksListView li .SSEditView
{
  display: none;
}

#MoMAWorksListView li .SSEditView.SSActive
{
  float: left;
  display: block;
}

#MoMAWorksListView li span.setList a
{
  margin-left: 4px;
}

#MoMAWorksListPagination
{
  float: left;
  position: fixed;
  bottom: 320px;
  right: 20px;
}

#MoMAWorksListPagination span
{
  float: left;
  color: #3F494F;
  cursor: default;
}

#MoMAWorksListPagination span.page
{
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
}

#MoMAWorksListPagination span.page.SSActive a
{
  color: white;
}

#MoMAWorksListPagination span.page a:hover, 
#MoMAWorksListPagination span.next a:hover,
#MoMAWorksListPagination span.previous a:hover
{
  color: #ccc;
}

#MoMAWorksListPagination span.page a,
#MoMAWorksListPagination span.next a,
#MoMAWorksListPagination span.previous a
{
  color: #ccc;
  color: #3F494F;
}

#MoMAWorksListPagination span.previous
{
  margin-right: 4px;
}

#MoMAWorksListPagination span.next
{
  margin-left: 4px;
}

/*========== ../momasocialbar/views/MoMAMySetsView/MoMAMySetsView.css ==========*/

#MoMAMySets
{
}



/*========== ../momasocialbar/views/MoMAAllSetsView/MoMAAllSetsView.css ==========*/

#MoMAAllSetsView{
}

#MoMAAllSetsViewTopUI{
  width:95%; 
}

#MoMAAllSetsViewTopUI > .SSMessage{
  float:left;
}

#MoMACreateSet{
  float:right;
  width:102px;
  height:22px;
  margin-top:10px;
  line-height:22px;
  text-align:center;
  cursor:pointer;
}

#MoMACreateSet:hover{
  color:#FFF;
  background-position:0 -24px;
}

ul#MoMASetsListView{
  clear:both;
  margin:0;
  margin-right: 22px;
  padding:0;
  list-style-type:none;
}

ul#MoMASetsListView li {
  background-position:0 0;
  background-repeat:no-repeat;
  float:left;
  height:87px;
  min-width:350px;
  width:49%;
  position: relative;
}


ul#MoMASetsListView li:hover {
  border:none;
  height:87px;
  color: #000;
  background-repeat:no-repeat;
  background-position: 3px 1px;
}
ul#MoMASetsListView li .MoMASetWrapper{
  height:78px;
  margin: 4px 4px;
  border: 1px solid #3F494F;
  background-image: url(/social/shiftspace/momasocialbar/images/set_image_mock.jpg);
  background-repeat: no-repeat;
  border: 1px solid #3F494F;
  color:#FFF;
}
ul#MoMASetsListView li:hover .MoMASetWrapper{
  border-color: #FFF;
  color:#000;
  height:78px;  
  background-color: #fff;
}
.MoMASetContent{
  height:70px;
  margin-left:165px;
  padding-left:8px;
  padding-top: 8px;
  display: block;
  float:left;
}
ul#MoMASetsListView li .MoMASetWrapper .MoMASetContent{
  border-left: 1px solid #3F494F;
}
ul#MoMASetsListView li:hover .MoMASetWrapper .MoMASetContent{
  /*border-left: 1px solid #FFF;*/
}
.MoMASetTitle{
  display:block;
  position:absolute;
  top:13px;
  left:179px;
  right:26px;
  height:18px;
  overflow:hidden;
  font-weight: bold;
}
.MoMASetAmount{
  font-weight: normal;
}
ul#MoMASetsListView .MoMASetDescription{
  display:none;
}
ul#MoMASetsListView li:hover .MoMASetDescription{
  display:block;
  position: absolute;
  top:31px;
  left: 179px;
  right: 26px;
  overflow: hidden;
  height: 36px;
}
.MoMAShareOrEditButtons{
  float:right;
  margin-right: 4px;
  width:14px;
  height:100%;
}

#MoMASetsListView > li:hover .MoMAShareOrEditButtons a{
  display:block;
  width:14px;
  height:14px;
  margin-top:8px;
}

#MoMASetsListView > li .MoMAShareOrEditButtons a{
  display:none;
}

#MoMASetsListView > li:hover .MoMAShareOrEditButtons a.MoMAShareSet{
    background-image: url(/social/shiftspace/momasocialbar/images/share_icon.gif);
    background-repeat:no-repeat;
    background-position: center center;
    cursor:pointer;
}

#MoMASetsListView > li:hover .MoMAShareOrEditButtons a.MoMAEditSet{
    background-image: url(/social/shiftspace/momasocialbar/images/edit_icon.gif);
    background-repeat:no-repeat;
    background-position: center center;
    cursor:pointer;
}

/*========== ../momasocialbar/views/MoMAEditSetView/MoMAEditSetView.css ==========*/

/*
focus text color for input 191d20
text color for button 293034
*/


#MoMAEditSetView{
  width:95%;
  position: relative;
}

#MoMAEditSetView #MoMAEditSetsViewTopUI {
  float:left;
  width:100%;
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSContentView,
#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView{
  margin-top:0px;
  top:0;
  position: relative !important;
  background-color:transparent !important;
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView{
  margin-top:6px;
  border-bottom:1px solid #3F494F;
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView .SSButton{
  width:145px;
  height:20px;
  margin-right:0px;
  padding:5px;  
  border:1px solid #3F494F;
  border-bottom:none;
  background-color:transparent;
  text-align:center;
  text-transform:uppercase;
  color:#222222;
  cursor:pointer;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView #MoMAReorderSetButton{
  margin-left:6px;
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView #MoMAAddWorksButton.SSButton{
  border-left:none;
  padding-left: 12px;
  background-image: url(/social/shiftspace/momasocialbar/images/add_icon.gif);
  background-repeat:no-repeat;
  background-position: 10px center;
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView #MoMAAddWorksButton.SSButton.SSActive{
  background-position: 10px center;
  background-image: url(/social/shiftspace/momasocialbar/images/add_icon_active.gif);
}

#MoMAEditSetView .SSTabViewConsoleStyle .SSControlView .SSButton.SSActive{
  color:#FFFFFF;
  background-color:#5A6871;
}
#MoMAEditSetsViewTopUI{
  width:986px; 
  float:left;
}

#MoMAEditSetsViewTopUI > .SSMessage{
  float:left;
}

#MoMABackToMySets{
  float:right;
  width:96px;
  height:22px;
  padding-left:26px;
  border: 1px solid #3F494F;  
  margin-top:10px;
  line-height:22px;
  text-transform: uppercase;
  font-size:10px;
  color:#E5E1DE;
  cursor:pointer;
  background-image: url(/social/shiftspace/momasocialbar/images/back_to_sets_sprite.jpg);
  background-repeat:no-repeat;
  background-position:0 -1px;
}

#MoMABackToMySets:hover{
  color:#FFF;
  background-position:0 -25px;
}

#MoMAEditSetDetails{
  clear:left;
  float:left;
  width:313px;
  height:270px;
  padding: 6px;
  border: 1px solid #3f494f;
}

#MoMAEditSetTitle{
  width:305px;
  height:20px;
  padding-left:6px;
  padding-top:6px;
  margin-bottom:6px;
  border: 1px solid #3f494f;  
  line-height:26px;
  font-size:16px;
  color:#CCC;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-image: url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-repeat:no-repeat;
}

#MoMAEditSetTitle:focus{
  color: #FFF;  
}

#MoMAEditSetDescription{
  width:305px;
  height:150px;
  padding-left:6px;
  padding-top:6px;
  font-size:12px;
  line-height:15px;
  border: 1px solid #3F494F;
  color:#CCC;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-image: url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-repeat:no-repeat;  
}

#MoMAEditSetDescription:focus{
  color: #FFF;  
}

#MoMAEditSetDetails .SSMessage{
  height:22px;
  padding-left:16px;
  font-size:12px;
  line-height:22px;
  color:#222222;
  background-image: url(/social/shiftspace/momasocialbar/images/new_works_icon.gif);
  background-repeat:no-repeat;
  background-position:0 center;
}

#MoMAEditSetDetailsUI{
  height:22px;
  line-height:22px;
  margin-top:25px;
}

#MoMADeleteSet{
  float:left;
  width:80px;
  height:24px;
  padding-left:4px;
  line-height:24px;
  background-position:0 2px;
  cursor:pointer;
}

#MoMADeleteSet:hover{
  color:#FFF;
  background-position:0 -24px;
}

#MoMACancelEditSet{
  float:right;
  width:96px;
  height:24px;
  padding-left:4px;
  width:80px;
  margin-right:4;
  line-height:24px;
  cursor:pointer;
}

#MoMACancelEditSet:hover{
  color:#FFF;
  background-position: 0 -24px;
}

#MoMAEditSetDetailsUI .save{
  float:right;
  width:80px;
  height:24px;
  padding-left:4px;
  margin-left:4px;
  border:1px solid #3F494F; 
  line-height:24px;
  font-size:10px;
  font-weight:bold;
  color:#E5E1DE;
  text-transform:uppercase;
  background-image:url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat:no-repeat;
  cursor:pointer;
}

#MoMAEditSetDetailsUI .save:hover{
  color:#FFF;
  background-position: 0 -24px;
}

#MoMASetBuilder{
  background-color:transparent;
  left:330px;
  position: absolute !important;
  right:0px;
  top:40px;
  width:auto;
  height:auto;
  margin-left:8px;
  border: 1px solid #3F494F;
  min-height: 282px;
}

#MoMASetBuilder ul{
  padding: 0;
  margin: 10px 0 10px 2px;
  font-size:12px;
  border-bottom: 1px solid #3F494F; 
}

#MoMASetBuilder li{
  overflow: hidden;
  height:30px;
  margin:0;
  padding:0;
  border: 1px solid #3F494F;
  border-left-color: #5A6871;
  border-right-color: #5A6871;
  border-bottom:0px;
  list-style-type:none;
  line-height:30px;
  color:#FFF;
  cursor:pointer;
  cursor:-moz-grab;
  cursor:-webkit-grab;
  cursor: url(/social/shiftspace/momasocialbar/images/hand-open.cur);
  text-transform: capitalize;
}

#MoMASetBuilder li.grabbing{
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
  cursor: url(/social/shiftspace/momasocialbar/images/hand-closed.cur);
}

#MoMASetBuilder li:hover{
  border-color: #3F494F;
  background-image: url(/social/shiftspace/momasocialbar/images/reorder_set_over_bg.jpg);
  background-repeat: no-repeat;
  background-position: -1px -1px;
}

#MoMASetBuilder li .index{
  width:18px;
  height:18px;
  padding:1px 0 0 1px;
  margin:5px 5px 0 4px;
  border: 1px solid #5A6871;
  line-height:14px;
}

#MoMASetBuilder li:hover .index{
  border: 1px solid #3F494F;  
  color:#222222;
  background-color:#FFF;
}

#MoMASetBuilder li span{
  height:30px;
  float:left;
  margin-right: 4px;
  line-height:30px;
}

#MoMASetBuilder li img{
  float:left;
  display:block;
  margin: 1px 8px 0 0;
}

#MoMASetBuilder li span.artist{
  color:#CCC;
  color:#AAB8C1;
}

#MoMASetBuilder li span.new{
  display:block;
  position: absolute;
  right: 50px;
  text-transform:uppercase;
  font-size:10px; 
  color:#293034;
}

#MoMASetBuilder li span.new:hover{
  color:#FFF;
}

#MoMASetBuilder li span.delete{
  position: absolute;
  right: 0px;
  height:30px;
  margin-left:8px;
  color:#293034;
  text-transform:uppercase;
  font-size:10px;
  cursor:pointer;
}

#MoMASetBuilder li span.delete:hover{
  color:#FFF;
}
#MoMASetBuilder li span.add{
  display:block;
  position:absolute;
  right:0px;
  text-transform:uppercase;
  font-size:10px;
  color:#293034;
}

#MoMASetBuilder li span.add:hover{
  color:#FFFFFF;
}

#MoMASetBuilder li div{
  margin-right:40px;
}

#MoMABookmarkedWorks li span.title{
  margin-left:4px;
}

#MoMABookmarkedWorks li:hover{
  cursor:pointer;
}

/* Animation Styles */

.AddWorkFadeOut
{
}

/* Fix sort scroll problem */
#MoMACurrentSet
{
  position: relative;
}


/*========== ../momasocialbar/views/MoMAHelpView/MoMAHelpView.css ==========*/

/*changed for svn fix*/

.MoMAHelpIndex{
  color:#FFF;
}

#MoMAHelpView{
  color:#E5E1DE;
}

#MoMAHelpView h1{
  position:relative;
  color:#FFF;
}

#MoMAHelpView h2{
  font-size:13px;
  font-weight:normal;
  height:21px;
  line-height:21px;
  margin:0;
}
#MoMAHelpView h2 span{
  color:#222;
  text-decoration:underline;
}
#MoMAHelpView h2 span:hover{
  cursor:pointer;
  color:#FFF;
}

#MoMAHelpView p{
  color:#FFF;
  font-size:13px;
  margin:0;
  width:520px;
}

#MoMAHelpView p img{
  vertical-align:middle;
}

.MoMAHelpBackButton{
  width:96px;
  padding-left:26px;
  margin-top:10px;
  margin-bottom:18px;
  margin-left:390px;  
  background-image:url(/social/shiftspace/momasocialbar/images/back_to_sets_sprite.jpg);
  background-position:0 -1px;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#E5E1DE;
  cursor:pointer;
  font-size:10px;
  height:22px;
  line-height:22px;
  text-transform:uppercase;
  width:96px;
}

.MoMAHelpBackButton:hover{
  color:#FFF;
  background-position: 0 -25px;
}

/*========== ../momasocialbar/views/MoMALoginRegisterView/MoMALoginRegisterView.css ==========*/

#MoMALoginRegisterView
{
  background-color: #5a6871;
}

#MoMAConsole .MoMAOrMessage{
  float:left;
  width: 40px;
  margin-left: 0;
  height:106px;
  line-height:106px;
  text-align:center;
  text-transform: uppercase;
  color: #FFF;
  font-size: 12px;
}

#MoMARegisterFieldset{
  float:left;
  width:350px;
  padding: 8px;
}

#MoMARegisterFieldset.ShowMemberFields{
  width:780px;
}

#MoMARegisterFieldset .SSColumn{
  width:350px; 
  float:left;
}

#MoMARegisterFieldset div{
  height: 30px;
  line-height: 30px;
}
#MoMARegisterFieldset input{
  float:right;
  width:220px;
  height:16px;
  padding-top: 6px;
  padding-left:6px;
  margin-bottom: 3px;
  line-height: 24px;
  color:#FFFFFF;
  border-color: #3F494F;
  border-width: 1px;
  background-color: #5A6871;
  border-style:solid;
  background-image: url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-repeat:no-repeat;
  background-position: 0px 0px;
}
#MoMARegisterFieldset div label{
  display:block;
  float:left;
  font-size:13px;
  height:30px;
}
#MoMARegisterFieldset div#Register{
  float:right;
  width:96px;
  padding-left:4px;
  height:24px;
  line-height: 24px;
  text-align:left;
  background-image: url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat: no-repeat;
  border:1px solid #3F494F;
  color:#E5E1DE;
  cursor:pointer;
}

#MoMARegisterFieldset div#Register:hover{
  color:#FFF;
  background-position:0 -24px;
}

#MoMARegisterFieldset div.SSDescriptionFont{
  float:left;
  width:350px;
  padding-top:3px;
  padding-bottom:12px;
  margin-bottom: 12px;
  line-height: 16px;
  font-weight: normal;
}

#MoMARegisterFieldset div#MoMAMemberSubmitUI{
  clear:left;
  height:24px;
  line-height:24px;
  margin-top:220px;
}

input#IsMoMAMember{
  height:14px;
  width:14px;
  margin:4px 3px 3px 0px;
  margin-left:0px;
  display:block;
  float:left;
  background-color:blue;
}

#MoMARegisterFieldset div label#IsMoMAMemberLabel{
  height:24px;
  display:block;
  float:left;
  line-height:24px;
  font-weight:normal;
}

#MoMAValidatePhone {
  float: left;
  width: 350px;
}

#MoMAValidatePhone fieldset {
  float: left;
  margin-top: 10px;
}

#MoMAValidatePhone .SSMessage{
  float: left;
  width: 350px;
  margin-left: 5px;
  margin-top: 10px;
  line-height: 20px;
  height: auto;
}

#MoMAValidatePhone label{
  clear:both;
  display:block;
  float:left;
  height:30px;
  line-height:30px;
}

#MoMAValidatePhone input{
  background-color:#5A6871;
  background-image:url(/social/shiftspace/momasocialbar/images/textarea_bg.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#FFFFFF;
  float:right;
  height:16px;
  line-height:24px;
  margin-bottom:3px;
  padding-left:6px;
  padding-top:6px;
  width:220px;
}

#MoMAValidatePhone .button{
  margin-left:4px;
  background-image:url(/social/shiftspace/momasocialbar/images/button_bg.jpg);
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#E5E1DE;
  cursor:pointer;
  float:right;
  font-size:12px;
  height:24px;
  line-height:24px;
  padding-left:4px;
  text-align:left;
  width:96px;  
}

#MoMAValidatePhone .button:hover{
  background-position:0 -24px;
}

#MoMAMemberFields{
  margin-left:24px;
}


/*========== ../momasocialbar/views/MoMALoginHelpView/MoMALoginHelpView.css ==========*/

#MoMAHelpIndex{
  color:#FFF;
}

#MoMALoginHelpView{
  color:#E5E1DE;
}

#MoMALoginHelpView h1{
  position:relative;
  color:#FFF;
}

#MoMALoginHelpView h2{
  font-size:13px;
  font-weight:normal;
  height:21px;
  line-height:21px;
  margin:0;
}
#MoMALoginHelpView h2 span{
  color:#222;
  text-decoration:underline;
}
#MoMALoginHelpView h2 span:hover{
  cursor:pointer;
  color:#FFF;
}

#MoMALoginHelpView p{
  color:#FFF;
  font-size:13px;
  margin:0;
  width:520px;
}

#MoMALoginHelpView p img{
  vertical-align:middle;
}

.MoMAHelpBackButton{
  width:96px;
  padding-left:26px;
  margin-top:10px;
  margin-bottom:18px;
  background-image:url(/social/shiftspace/momasocialbar/images/back_to_sets_sprite.jpg);
  background-position:0 -1px;
  background-repeat:no-repeat;
  border:1px solid #3F494F;
  color:#E5E1DE;
  cursor:pointer;
  font-size:10px;
  height:22px;
  line-height:22px;
  text-transform:uppercase;
  width:96px;
}

.MoMAHelpBackButton:hover{
  color:#FFF;
  background-position: 0 -25px;
}

/*========== ../client/views/SSTabView/SSTabView.css ==========*/

.SSTabView
{
  background-color:#e6e4a3;
  width: 100%;
  height: 100%;
}

.SSTabView > .SSControlView
{
  
}

.SSTabView > .SSControlView > .SSButton
{
  user-select: none;
  -moz-user-select: none;
  cursor: default;
}

.SSTabView > .SSControlView > .SSButton.SSActive
{
  color: red;
}

.SSTabView > .SSContentView > .SSTabPane.SSActive
{
  
}

.SSTabView > .SSContentView:first-of-type
{
  
}

.SSTabView > .SSContentView > .SSTabPane
{
  display:none;
}

.SSTabView > .SSContentView > .SSTabPane.SSActive
{
  display:block;
}

/*
  Event styles
*/

.SSTabView > .SSControlView > div.SSButton:hover
{
  background-color: #fff;
}

/*
  Console normal tab styles
*/

.SSTabViewConsoleStyle
{
  
}

.SSTabViewConsoleStyle > .SSControlView
{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 30px;
  border-bottom: solid 1px #000;
}

.SSTabViewConsoleStyle > .SSControlView > .SSButton
{
  float: left;
  margin-right: 2px;
  background-color: inherit;
  height: 20px;
  padding: 5px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
}

.SSTabViewConsoleStyle > .SSControlView > .SSButton.SSActive
{
  background-color: #E6E4A3;
}

.SSTabViewConsoleStyle > .SSContentView
{
  clear: both;
  position: absolute;
  top: 31px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/*
  Console sub tab styles
*/

.SSTabViewSubTabStyle > .SSControlView
{
  /*
  float: left;
  height: 100%;
  */
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 125px;
  border-right: solid 1px #000;
}

.SSTabViewSubTabStyle > .SSControlView > .SSButton
{
  padding: 4px;
  border-bottom: 1px solid;
}

.SSTabViewSubTabStyle > .SSContentView
{
  /*float: left;*/
  position: absolute;
  top: 0px;
  left: 126px;
  right: 0px;
  bottom: 0px;
}

/*========== ../client/views/SSListView/SSListView.css ==========*/

.SSListView
{
  padding: 0px;
  position: relative;
}

.SSListView > .SSCell
{
  display: none;
}

.SSListView.HorizontalListView > li.SSListViewCell
{
  float: left;
}

.SSListView.VerticalListView > li.SSListViewCell
{
  display: block;
}

/*========== ../client/views/SSMultiView/SSMultiView.css ==========*/

.SSMultiView
{
}

.SSMultiView > .SSSubView
{
  display: none;
}

.SSMultiView > .SSSubView.SSActive
{
  display: block;
}