/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* Baseline */
body, p, h1, h2, h3, h4, h5, h6 {font:normal 12px/1.3em Helvetica, Arial, sans-serif; color:#333; }
h1 {font-size:22px; font-weight:bold;}
h2 {font-size:19px; font-weight:bold;}
h3 {font-size:16px; font-weight:bold;}
h4 {font-size:14px; font-weight:bold;}
h5 {font-size:12px; font-weight:bold;}
p {margin:10px 0;}
ul {list-style-type:none; padding:0px; margin:0px; clear:both;}
ul li{float:left;}
a {color:#333;text-decoration:none;}
input {    font-family:Helvetica, Arial, sans-serif;}
input:focus, a:focus  {outline:none;}
input::-moz-focus-inner {border:0;}
body,html {background-color:#fff;height:100%;}
/* End of Baseline */

/*set default case treatment for titles, buttons, etc */
/*1,h2,h3,h4,h5,*/
#shareFilterMenuWrapper {
    position: absolute;
    right:0px;
    min-width:209px;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index:-1;
    max-height: 400px;
}

#breadcrumb-wrapper,
#activeFilterItem,
.contextualMenuWrapper,
#tabbed-menu li {text-transform:capitalize !important;}
/* Parent Elements */
#wrapper {
    background: #f2f2f2;
    display:block;
    min-height:100%;
    min-width: 1000px;
    margin: 0px auto;
    position:relative;
    width: auto;
}
.tablet #wrapper { -webkit-overflow-scrolling:touch; }
.loading #wrapper {display: none;}
/* Common sub elements */
.down-arrow {
    /*float: left;
    margin: 0px;
    padding: 0px;*/
    background: url('/images/down-arrow.gif') no-repeat 0 0;
}
.up-arrow {
    /*float: left;
    margin: 0px;
    padding: 0px;*/
    background: url('/images/up-arrow.gif') no-repeat 0 0;
}
/* End of common sub elements */

/* new page layout */


#headerWrapper{
    background-color:#fff;
    position: relative;
    width:100%;
    z-index:18;
}
#categoryWrapper {
    background-color: transparent;
    height: 54px;
    padding: 0px;
    position: relative;
    text-align:center;
    top: 0px;
    /*width: 100%;*/
    z-index: 10;
    box-sizing: border-box;
    text-transform: uppercase;
}
#categoryWrapper a {font-weight: lighter;}
#mainWrapper{
    height: 100%;
    margin: 0px;
    min-width: 770px;
    position: relative;
    width: auto;
    z-index: 0;
}

#footerWrapper{
    background-color:#fff;
    bottom:0;
    height:49px;
    position:absolute;
    width:100%;
    z-index:10;
}

/*100% width header/footer*/
#headerBackground {
    background: url("/images/Web_header.png") repeat-x #fff;
    height: 49px;
    position:fixed;
    top:0px;
    width:100%;
}
#footerBackground {
    background-color:#fff;
    border-top: 1px solid #999999;
    bottom:0px;
    height: 47px;
    position:fixed;
    width:100%;
}
/* page elements*/
#headerBar {
    background:#333537;
    height:55px;
    position:relative;
    text-align:center;
    width:100%;
}

#headerRight {
    height:100%;
    position:absolute;
    top:0;
    right:0;
    padding-right:5px;
}

#headerLeft {
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding-left:15px;
}
#headerLeft > .headerItem {
    display:inline-block;
    height:55px;
    line-height:55px;
    position:relative;
    vertical-align:top;
    margin-right:10px;
}

#getTheApp {
    color:#00A1FF;
    font-size:14px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
#getTheApp > span {
    padding:5px 20px;
    border:1px solid #00A1FF;
    text-transform: uppercase;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
}
#getTheApp:hover > span {
    background:#00A1FF;
    color:#383433;
}

#headerLogo {
    background:url(/images/rt_sprite_header_1.png) no-repeat 0px 13px;
    display: inline-block;
    height: 100%;
    padding:0;
    height:53px;
    width:128px;
}
#headerLogo > img { margin-top:9px; display: none; } /* use the bg instead */
#headerGetFreeSpace {
    color: #00a1ff;
    cursor: pointer;
    float:right;
    font-weight:normal;
    margin-right: 15px;
    position: relative;
    top: 16px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;


}
#headerTitleWrapper {
    left: 200px;
    position: absolute;
    bottom: 5px;
}
#headerTitleWrapper h1 {
    display:inline;
}
#headerFeedbackWrapper {
    bottom: 0;
    height: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999999999;
}

.mobile #headerFeedbackWrapper {
    top: auto;
}

#headerFeedback {
    background-color: #444444;
    color: #FFFFFF;
    display: none;
    min-height: 48px;
    position: relative;
    top: 0px;
    text-align: center;
    width: 100%;
        -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
}

.mobile #headerFeedback {
    top: auto;
    bottom: 0px;
}

#headerFeedback.lightboxed {
    background-color: #666666;
}

.HFMessage {
    margin: auto;
    font-size: 14px;
    line-height: 28px;
    margin-left: 40px;
    margin-right: 40px;
}

.HFIcon {
    background: transparent url("/images/player_notify_success.png") no-repeat 0px 6px;
    width: 38px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 5px;
}

.HFClose {
    background: transparent url("/images/player_notify_exit.png") no-repeat 0px 0px;
    cursor: pointer;
    float: right;
    width: 28px;
    height: 28px;
    color: #000000;
    display:block;
    position: absolute;
    top: 10px;
    right: 3px;
 }

 .mobile .HFClose {
     display: none;
 }

#headerFeedback.error .HFIcon {
    background: transparent url("/images/player_notify_error.png") no-repeat 0px 6px;
}


#fmBreadcrumbs {
    bottom: 3px;
    display: inline-block;
    font-weight:bold;
    left: 10px;
    position: relative;
}

#fmMenu {
    background-color:transparent;
    color: #FFFFFF;
    display: none;
    height: 55px;
    /*min-width: 100%;*/
    min-width: 1000px;
    position: absolute;
    top: 55px;
    width: 100%!important;
    z-index: 16;
    -webkit-box-shadow:  0px 6px 6px -6px rgba(0, 0, 0, .3);
    box-shadow:  0px 6px 6px -6px rgba(0, 0, 0, .3);


}
#fmMenu.active {
    background-color:#00a1ff;
    display: block;
}
.scrolled #fmMenu.active { position: fixed; top:0px;}

#wrapper #fmMenu.active #fmMenuInnerWrapper,
#fmMenu.active #toggleView {display: none !important;}

#fmMenu.rt #fmMenuInnerWrapper,
#fmMenu.vd #fmMenuInnerWrapper,
#fmMenu.ph #fmMenuInnerWrapper,
#fmMenu.pv #fmMenuInnerWrapper {
    display: block !important;
}

#toggleView,
#fmMenu * {
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

#toggleView {
    display: none;
    position: relative;
    float: right;
    margin: 12px 20px 0px 0px;
}

.co #toggleView,
.rt #toggleView,
.vd #toggleView,
.pv #toggleView,
.ph #toggleView { display: inline-block; }

#toggleView > li {
  	background: url(/images/rt_sprite_header_1.png) no-repeat scroll 12px -390px transparent;
    height: 35px;
    width: 30px;
}

#toggleView > li:hover { background-position: 12px -490px;}

#toggleView > #fmViewSetToGrid {
    background-position: 2px -590px;
    display: none;

}
#toggleView > #fmViewSetToGrid:hover {background-position: 1px -690px;}
#toggleView > #fmViewSetToList {
    border-left: 1px solid #ddd;
    padding-left: 10px;

}
#fmMenuFilter {
    background: transparent url("/images/fmIconSprite.png") no-repeat 8px -2492px;
    border:  1px solid transparent;
    height: 35px;
    position: absolute;
    right: 0px;
    width: 40px;
    z-index: -1;
}
#fmMenuFilter.active {
    background-color:#deefff;
    border:1px solid #889da8;
    /*border-left:  1px solid #8A9DA7;   border-right:  1px solid #8A9DA7;*/
}
#fmMenuFilterList {
    position:absolute;
    right:21px;
    top:33px;
    min-width: 85px;

}
#fmMenuFilter li {
    background-color: #fff;
    border: 1px solid #777;
    border-top: none;
    color: #333333;
    cursor: pointer;
    display:none;
    padding: 10px;
    text-transform:capitalize;
    top: 35px;
    width: 100%;
    white-space:nowrap;
}
#fmMenuFilter.active li {

    display:table;

}
#fmMenuFilterList li:first-child {
    border-top:  1px solid #8A9DA7;
}
#fmMenuFilter li > span{ display:table-cell;vertical-align: middle;}
#fmMenuFilterList .filterTitle {
    background-color: #777;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 9px;
    margin: 0;
    padding: 7px 10px 5px 10px;
    text-transform:uppercase;
}
#fmMenuFilterList li:hover {color:#00a1ff; /*background-color:#deefff;*/}
#fmMenuFilterList .filterTitle:hover{color:#fff;}
#fmMenuFilterList .filterTitle:hover {background-color:#777;}

#fmMenuFilterList .filterItemWithIcon {
    /*background: url("/images/fmIconSprite.png") no-repeat scroll 12px -3491px #fff;
       padding-left:40px;
       width:60px; */
}
#fmMenuFilterList .filterItemWithIcon > .fmIcon {
    background: url("/images/fmIconSprite.png") no-repeat scroll 2px -3503px transparent;
    height: 15px;
    width: 30px;
}
#fmMenuFilterList #fmViewSetToList:hover > .fmIcon {background-position: 2px -5403px;}
#fmMenuFilterList #fmViewSetToGrid  > .fmIcon {background-position: 1px -3602px}
#fmMenuFilterList #fmViewSetToGrid:hover > .fmIcon {background-position: 1px -5502px;}


#fileTaskMenu {
    z-index: 100;
  height: 100%;
  display: inline-block;
  position: relative;
  padding: 0;
  display: table;
  margin: -55px auto 0px auto;
}

#fileTaskMenu > li{
    /*background: #00a1ff url("/images/fmIconSprite.png") no-repeat  center 0px;*/
    background: #00a1ff url("/images/rt_sprite_actions.png") no-repeat  center 0px;
    cursor: pointer;
    display:none;
    float:left;
    line-height:50px;
    margin:5px 30px 0px 0px;

    overflow: hidden;
    text-align:center;
/*
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#fileTaskMenu > li:hover {
    opacity:.7;
}
#fileTaskMenu > li > span{
    display: block;
    height: 50px;
    line-height: 15px;
    width: 100%;
}
#fileTaskMenu > li > span > span{

}
#fileTaskMenu > li > span > span > span{
    display: inline-block;
    padding-top:30px;
    word-wrap: normal;
    white-space: nowrap;
}
#fileTaskMenu > #checkAll > span,
#fileTaskMenu > #checkAll > span > span > span {padding-left: 6px;}
#fileTaskMenu > #taskCollection > span > span > span,
#fileTaskMenu > #taskCreateCollection > span > span > span{ }
#fileTaskMenu > #taskRename > span > span > span{}

#fileTaskMenu > #taskCancelSelect {
    /*background: url();*/
    height: 100%;
      max-width: 120px;
      float: none;
      padding-left:20px;
      display: block !important;
}
#fileTaskMenu > #taskRename.moreItem > span > span > span{

}
#fileTaskMenu > #checkAll {
    /*background: #00a1ff url("");*/
    border:none!important;
    display: none!important;
    padding: 0;
    /*width:40px;*/
}
#fileTaskMenu #sectionTitle {
    /*background: transparent url("");*/
    border:none;
    color: #000;
    display:none !important;
    font-size: 16px;
    line-height:35px;
    padding-left: 27px;
    text-align: left;
    width:160px;
    cursor:auto;
}
#fmMenu #fileTaskMenu .sharedMenuItems {
    background: none;
    border-right: none;
    padding: 0 0 0 10px;
    width:130px;
}

.sharedMenuItemsActive a, .sharedMenuItems:hover a{
    color:#00a1ff;
}

#fileTaskMenu > li.lastItem {
    border-right:none;
}
#fileTaskMenu #taskCollection { background-position:center -590px; }
#fileTaskMenu #taskCollection:hover { background-position:center -690px; }

#fileTaskMenu #taskCollection > span{ }
#fileTaskMenu #taskDelete > span{ }
#fileTaskMenu #taskRename > span{ }
#fileTaskMenu #taskUnShare > span{ }


#fileTaskMenu #taskRename { background-position:center -1591px;}
#fileTaskMenu #taskRename:hover { background-position:center -1691px;}
#fileTaskMenu #taskRename.moreItem { background-position:23px -494px;}
#fileTaskMenu #taskShare,
#fileTaskMenu #taskReShare  { 
    background: url("/images/sprite_multiselection_share.png") no-repeat 7px 7px; 
}
#fileTaskMenu #taskShare:hover,
#fileTaskMenu #taskReShare:hover  { background: url("/images/sprite_multiselection_share.png") no-repeat 7px -93px; }
#fileTaskMenu #taskLocation {  background-position: center -1192px; }
#fileTaskMenu #taskLocation:hover {  background-position: center -1292px; }
#fileTaskMenu #taskDate { background-position: center -992px; }
#fileTaskMenu #taskDate:hover { background-position: center -1092px; }

#fileTaskMenu #taskBlockSender { background-position: center 10px; }
#fileTaskMenu #taskBlockSender:hover { background-position: center -90px; }

#fileTaskMenu #taskDownload { background-position:center -791px; }
#fileTaskMenu #taskDownload:hover { background-position:center -891px; }

#fileTaskMenu #taskAddTags {  background-position: center -2291px; }
#fileTaskMenu #taskAddTags:hover {  background-position: center -2391px; }

#taskCreateCollection {
       background: url('/images/mercuryPlus.png') no-repeat 0px center transparent;
  border: medium none;
  color: #666;
  cursor: pointer;
  display: none;
  font-size: 15px;
  font-weight: lighter;
  left: auto;
  line-height: 45px;
  box-sizing: border-box;
  padding-top: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  text-align: left;
  padding-left: 25px;
  margin-top: 4px;
  position: relative;
  background-size: 25px;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;

}
#fileTaskMenu #taskDelete { background-position:center -191px; }
#fileTaskMenu #taskDelete:hover { background-position:center -291px; }
#fileTaskMenu #taskRemove { background-position:center -2997px; }
#fileTaskMenu #taskRemove:hover { background-position:center -3097px; }

#fileTaskMenu #taskRemoveFromCollection { background-position:center 0px; }
#fileTaskMenu #taskRemoveFromCollection:hover { background-position:center -100px; }

#fileTaskMenu #taskRemoveShare { background-position:center -2797px; }
#fileTaskMenu #taskRemoveShare:hover { background-position:center -2897px; }

#fileTaskMenu #taskUnShare { background-position:center -1790px; }
#fileTaskMenu #taskUnShare:hover { background-position:center -1890px; }

#fileTaskMenu > #taskUpload {background-position: center 6px;}
#fileTaskMenu > #taskUpload:hover {background-position: center -96px;}

#fileTaskMenu #list-header-select {
    background:none;
    display: list-item !important;
    float: left;
    margin: 0;
    padding-left: 15px;
    position:absolute;
}
#fileTaskMenu #taskMore {
    background-position:0px 500px;
    border-right:none;
    float:right;
    padding: 0;
    height:35px;
    width: 42px;
}
#fileTaskMenu #taskMore .downArrow {
    background: url("/images/updown_carat.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 50px;
    min-width:12px;
    padding:0px;
    position: absolute;
    right: 17px;
    top: 17px;
    width: 12px;
}

#fileTaskMenu #taskSelectToggle {
    background-image: none;
    display: none;
    float: left;
    height: 35px;
    padding-left: 8px;
    padding-right: 4px;
    width: 42px;
}
#fileTaskMenu #taskCollection, #fileTaskMenu #taskRename {
    float: left;
}
#fileTaskMenu #taskCollection {

}
.selectAll {
    padding-left: 5px;
}

#fmMenu #fileTaskMenu .moreItem {
    background-color:#fff;
    border-bottom:1px solid #00a1ff;
    border-left:1px solid #00a1ff;
    border-right:1px solid #00a1ff;
    clear:right;
    color:#000;
    float: right;
    font-weight:bold;
}

#fileTaskMenu #taskRename.moreItem  {
    background-position:8px -3093px;
}
#fileTaskMenu #taskUnShare.moreItem {
    background-position:42px -2797px;
}
#fileTaskMenu #taskCollection.moreItem {
    background-position:27px -798px;
}
#fmMenu #fileTaskMenu .moreItem:hover {
    background-color:#e3e3e3;

}

#selectMediaCount {
  cursor: pointer;
  display: inline-block;
  line-height: 55px;

  min-width: 150px;
  overflow: hidden;
  padding-right: 20px!important;
  position: relative;
  text-align: center;
  vertical-align:top;

}
#taskCancelSelect{
     background: url("/images/close-new.png") no-repeat scroll right 16px transparent;
  cursor: pointer;
  display: inline-block;
  float: right;
  line-height: 39px;
  margin: -55px 30px 0px 0px;
  overflow: hidden;
  text-align: center;
  background-size: 20px;
  padding-right: 20px;
}
#taskCancelSelect > span {
    box-sizing: border-box;
  display: block;
  padding: 10px;
  height: 50px;
     }
.pv #selectMediaCount {
    padding-left:0!important;
}

.co #selectMediaCount, .sh #selectMediaCount {
    padding-left:0!important;
}
#selectMediaCount > span {
    background-color: #0070b2;
  display: inline-block;
  float: none;
  padding: 4px 10px 2px 10px;
  margin: 0px 7px;
  border-radius: 15px;
  font-weight: lighter;
  width: auto;
  line-height: 12px;

}
#taskShareAlbum {
    background-image:none!important;
    border:none!important;
    position:absolute;
    right:20px;
    padding:0!important;
}

#taskShareAlbum > span, #taskShareAlbum > span > span > span {
    padding:0!important;
}

#fileTaskShareMenu {display:none;}

#accountNavContainer { display: inline-block; vertical-align: top; }

#account-menu-container {
    display:inline-block;
    /*background: transparent url("");*/
    height:100%;
    margin-left:-3px;
    vertical-align:top;
    z-index: 20;
}
#headerSearch {
    display: block;
    height: 50px;
    width: 0px; /* set with to enable seach bar to right of account info */
    float:right;
}
#accountName {
    background-color: transparent;
    color: #00A1FF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 100%;
    line-height: 54px;
    /*width: 132px;*/
    text-overflow:ellipsis;
    overflow:hidden;
    padding: 0 0 0 10px;
    position:relative;
    float:right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#accountName > span {
    display:inline-block;
    vertical-align:top;
}
#fmAccountAvatar > img {
    height:37px;
    margin:7px 0 0 5px;
    width:37px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}

/*#account-menu-container #accountName:hover {
    background-color: #00A1FF;
    color: #FFFFFF;
}*/
#account-menu-container .down-arrow{
    /*background: url("/images/updown_carat_grey.png") no-repeat scroll 0 0 transparent;*/
    background: url("/images/Lightbox-MoreOn.png") no-repeat center transparent;
    background-size:12px 8px;
    display: inline-block;
    height: 100%;
    margin: 0;
    margin-left:5px;
    padding: 0;
    /*position: absolute;
    right: 15px;
    top: 23px;*/
    width: 15px;
}

div#account-menu-container.down-arrow, div#account-menu-container.up-arrow {
    background-position: right 7px;
}
#account-menu-items {
    background-color: #333;
    /*border: 1px solid #b9b8b8;*/
    border-radius: 6px;
    color:#000;
    display: block;
    float:none;
    /*min-height: 220px;*/
    margin: 10px 0px 0px 0px;
    padding-bottom: 2px;
    position: absolute;
    right:10px;
    top: 55px;
    width: 296px;
    z-index:11;
}
#account-menu-items::after, #account-menu-items::before {
    bottom: 100%;
    right: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#account-menu-items::after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #333;
    border-width: 8px;
    margin-left: -8px;
}
#account-menu-items::before {
    border-color: rgba(185, 184, 184, 0);
    border-bottom-color: #333;
    border-width: 9px;
    margin-left: -9px;
}
#account-menu-items li {

    margin:  0px 15px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    text-overflow:ellipsis;
    overflow:hidden;
}
#account-menu-items .acctLink.acctSeparator {
    margin: 0px;
    padding: 0px 24px;
}
#account-menu-items .acctSeparator hr {
    border: none;
    border-bottom: 1px solid #5c5c5c;
    width: 100%;
}
div.vMenu-item {width:100%; color:#fff;}


#account-menu-items .accountUserInfo{
    display:none;
    padding:10px 0px 0px 0px;
}
#accountUserInfoEmail { color:#b4b4b4!important; font-size:11px; }
#account-menu-items #accountInfoBkgd {
    /*background-color: #E6E6E6;*/
    /*border-bottom: 1px solid #5c5c5c;*/
    display: inline-block;
    height:65px;
    /*padding-top: 10px;*/
    margin-bottom: 0px;
    padding:5px 24px 0px 24px;

    /*width: 100%;*/
}
#account-menu-items .accountUserInfo #accountUserInfoName {
    padding-right:10px;
    font-weight:bold;


}
#account-menu-items  #accountStorageUsedText {
    color:#b4b4b4;
    font-size:11px;
    float:left;
}
#account-menu-items  #accountStorageAvailableText {
    /*margin: 0 0 0 15px;*/
}
#account-menu-items #accountStorageLimitText {
    color:#212121;
    font-size:10px;
    float:right;
}
#account-menu-items .accountStorageText {
   
    font-size:13px;

}
#account-menu-items #ulimitedStorageUsed {
    position:relative;
    display:none;
}
#account-menu-items #ulimitedStorageUsed > span {
    color:#b4b4b4;
    font-size:13px;
}
#account-menu-items #accountStorageUsed {
        padding-top: 5px;
}
#account-menu-items #accountStorageUsed > span {
    color:#b4b4b4;
    font-size:13px;
}
#account-menu-items .accountSectionTitle {
    background-color: #999999;
    color: #FFFFFF;
    display:none;
    font-size: 14px;
    line-height: 9px;
    margin: -5px 0 0;
    padding: 9px 0 6px 15px;
}
#account-menu-items .accountStorageUsedBar {
    background-color: #848484;
    color: #FFFFFF;
    height: 10px;
    margin:5px 0 2px 0;
    position: relative;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

#account-menu-items .accountStorageUsedBar > span {
    /*background: url("") repeat scroll top left #0bcb38;*/
    display: block;
    font-size: 14px;
    height: 10px;
    max-width:100%;
    position: relative;
    width: 0%; /*set to 0 and set dynamicly */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
#account-menu-items.storageLimit .accountStorageUsedBar > span { background:#b11116; }

#account-menu-items .accountStorageUsedBar > span a {
    /*background: url("") repeat scroll top left #ff9942;*/
    display: none;
    height: 23px;
    left:0;
    top:0px;

    width:100%;
    position: absolute;
}
#account-menu-items .accountStorageUsedBar > .overStorageLimit a {
    color:#fff;
    display: block;
    line-height: 23px;
    text-align: right;
}
/*
#account-menu-items .accountStorageUsedBar > .overStorageLimit { background: url("") repeat scroll top left #ff9942;}
*/

#account-menu-items  #accountStorageUsedPercent {
    background-color: transparent;
    color:#b4b4b4;
    height: auto;
    font-size:11px;
    float:right;
    margin: 0;
    position:relative;
    z-index:1;

}
#account-menu-items .acctLink {
    color: #b4b4b4;
    font-size:16px;
    font-weight: lighter;
     margin:0px 0px 5px 0px;
    padding: 10px 24px;
    min-height:25px;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
#account-menu-items .action {
    margin:0px;
    height: 40px;
   
}
#account-menu-items .action:hover {
  background-color: #474747;  
}
.userMenuItemLabel {
    display: block;
    font-size: 13px; 
    font-weight: lighter;   
}
.userMenuItemContent {
    display: block;
    font-size: 16px;  
    font-weight: lighter;  
    padding: 4px 0px;
}
#accountUserEmailInfo .userMenuItemContent {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#account-menu-items .accountStorageAdd {
    text-align:right;
}

#account-menu-items #account-signout-item {
    border-bottom: none;
}
.acctSeparator hr {
    border: 1px solid #5c5c5c;
}

#account-menu-items .accountStorageAdd a {
    /*background: url("/images/fmIconSprite.png") no-repeat scroll 0px -3801px transparent;*/
    background:#00A1FF;
    color:#fff;
    font-size: 12px;
    max-width: 270px;
    /*line-height:20px;*/
    padding:4px 18px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    float:right;
    margin-top:8px;
}
/*#account-menu-items .accountStorageAdd.disabled {opacity:.3;}*/
#account-menu-items .accountStorageAdd.disabled a {display:none;}
#account-menu-items #accountPlanInfo {
    color:#b4b4b4;
    font-size:13px;
    float:left;
    text-align:left;
}

#account-menu-items #accountEmail {
    color: #212121;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
}

#account-menu-items #accountPrimaryAccountInfo {
    color:#777;
    font-size:12px;
}

#account-menu-items #accountSettings a, #account-menu-items #account-signout-item a  {
    /*background: url("/images/fmIconSprite.png") no-repeat scroll 0px -3900px transparent;*/
    color: #fff;
    display: block;
    line-height: 20px;
    max-width: 270px;
    /*padding-left: 25px;*/
}
#account-menu-items #account-signout-item a {
    background-position: 0px -3997px;

}

/* tabbed menu */
#tabbed-menu {
   background: transparent;
   display: inline-block;
   height: 50px;
   margin-top:9px;
  overflow: visible;
  width: auto;
  clear: both;
}
#tabbed-menu .tabItemWrapper {
    /*border-bottom:1px solid transparent;
    border-top:4px solid transparent;*/
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;

    line-height: 44px;
    padding: 0px 5px;
    position: relative;
    /* localization updates*/

}
#tabbed-menu a  {
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-bottom:2px solid transparent;
    padding: 0px 11px;
}
#tabbed-menu a  > .menuIcon {
    background: transparent url("/images/fmIconSprite.png") no-repeat scroll 0px 0px;
    display:none;
    float:left;
    height: 30px;
    position: relative;
    width: 30px;
}
#tabbed-menu #tab-recent > .menuIcon {
    background-position: 0px -1098px;
}
#tabbed-menu #tab-video > .menuIcon {
    background-position: 0px -1196px;
}
#tabbed-menu #tab-stories > .menuIcon {
    background-image:url(/images/stories_icon.png);
}
#tabbed-menu #tab-collection > .menuIcon {
    background-position: 0px -1297px;
}
#tabbed-menu #tab-shares > .menuIcon {
    background-position: 0px -2695px;
}
#tabbed-menu #tab-bookmarks > .menuIcon {
    background-position: 0px -1400px;
}

#tabbed-menu #tab-recent.active > .menuIcon, #tabbed-menu #tab-recent:hover .menuIcon {
    background-position: 0px -1499px;
}
#tabbed-menu #tab-video.active > .menuIcon, #tabbed-menu #tab-video:hover .menuIcon {
    background-position: 0px -1597px
}
#tabbed-menu #tab-stories.active > .menuIcon, #tabbed-menu #tab-stories:hover .menuIcon {
    background-position: 0px -37px;
}
#tabbed-menu #tab-collection.active > .menuIcon, #tabbed-menu #tab-collection:hover .menuIcon {
    background-position: 0px -1698px;
}
#tabbed-menu #tab-shares.active > .menuIcon, #tabbed-menu #tab-shares:hover .menuIcon {
    background-position: 0px -2594px;
}
#tabbed-menu #tab-bookmarks.active > .menuIcon, #tabbed-menu #tab-bookmarks:hover .menuIcon {
    background-position: 0px -1800px;
}

#tabbed-menu #tab-places > .menuIcon {
    background: url('/images/places_icon.png') no-repeat;
}

#tabbed-menu #tab-places.active > .menuIcon, #tabbed-menu #tab-places:hover .menuIcon {
       background-position: 0px -33px;
}

#tabbed-menu a  > .menuText {
    display: table-cell;
    vertical-align: middle;

}

#tabbed-menu a.active { border-bottom:2px solid #048823;}
#tabbed-menu a:hover, #tabbed-menu a:hover a {
    color: #048823;
    font-weight: lighter;
}
#tabbed-menu .active > .menuIcon,
#tabbed-menu a:hover .menuIcon {
    background-position: -31px center;
}
#tabbed-menu .active .menuText {
   /* border-bottom: 1px solid #47d24f;   */
}
#tabbed-menu .active,
#tabbed-menu .active a,
#tabbed-menu .active:hover .menuText > span  {
    color: #048823;

}
#sharedMenuButtons:hover,
#shareFilterMenu > a:hover{
    background-color: #e5e5e5 !important;
}
/* p&v active menu item */
#tabbed-menu #tab-video.active,
#tabbed-menu #tab-video.active a,
#tabbed-menu #tab-video.active:hover .menuText > span  { }


/* share active menu item */
#tabbed-menu #tab-shares.active,
#tabbed-menu #tab-shares.active a,
#tabbed-menu #tab-shares.active:hover .menuText > span  { }


/*
#tabbed-menu .menuText > span {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    width: auto;
}
*/
#tabbed-menu #tab-shares .menuText > span {max-width:100px; word-wrap: break-word;}

.noticeCount,
.newShareCount {
    background-color: #ED1C24;
  border-radius: 50em;
  color: #fff !important;
  /*display: inline-block;*/
  display: none;
  font-size: 12px;
  font-weight: normal;
  height: 15px;
  line-height: 17px;
  margin-left: -10px;
  min-width: 15px;
  padding: 1px;
  position: absolute;
  text-align: center;
  top: 0px;
  right: 5px;
}

/*
#tabbed-menu li.active, #tabbed-menu li:hover {
    background: #00a8ff url("/images/placeholder-white-35x.png") no-repeat 15px center;
    color: #FFFFFF;
}

*/



/*drag n drop container*/
.storageWarn {
    background: url("/images/blueWebBackground.png") repeat-x scroll 0 0 #00a1ff;
    display: none;
    height: 90px;
    /*margin-left: 188px;*/
    overflow: hidden;
    position: absolute;
    top: 49px;
    width: 100%;
    z-index: 15;

}
.storageWarn h1{
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 21px;
    font-weight: lighter;
    padding: 25px 0 0 35px;
    text-align: left;
}

.storageWarn p{
    clear: both;
    color:#fff;
    font-size:12px;
    margin:0px;
    padding: 0px 0 0 35px;
    text-align: left;
}
.storageWarn a{
    background-color: #FFB300;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    left: 100px;
    line-height: 14px;
    padding: 12px 25px 10px;
    position: relative;
    top: 25px;
    -webkit-box-shadow: 0 3px 3px 0 #0889d9;
    box-shadow: 0 3px 3px 0 #0889d9;

}
#closeLowSpace, #closeOutOfSpace{
    background: url('/images/importContactsIconSprite.png') no-repeat scroll 2px -296px;
    cursor: pointer;
    height:23px;
    position:absolute;
    right:190px;
    top:5px;
    width:23px;
 }

#storageLow {display: none;}

#filesByClick, #file {opacity:0;}
#uploadWrapper {
    background: transparent;
    /*min-width: 779px;
    padding: 0 40px 0 188px;
    position: relative;
    top: 65px;*/
    width: auto;
}
#simpleUploadWrapper {
    background: transparent;
    padding: 0px;
    position: relative;
}
#upload-container, #simple-upload-container {
    /*background: url("/images/Web_uploadprompt.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
    color: #333333;
    height: 53px;
    margin: 0;
    overflow: hidden;
    position: relative;
    /*top: 0;*/
    width: 100%;
}

#upload-container:hover > span, #simple-upload-container:hover {
    /*background: transparent url("/images/Web_uploadprompt_hover.png") repeat-x;*/
    text-decoration:underline;
}
#flashUploadWrapper span,
#upload-container span, #simple-upload-container span {
    /*background: transparent url("/images/uploadIcon.png") no-repeat center;*/
    color:#00A1FF;
    display: inline-block;
    font-size: 15px;
    height:53px;
    line-height:53px;
    text-decoration: none !important;
    vertical-align:top;
    /*width:65px;*/
}
#upload-container #spinerUpload {
    background:url(/images/upload_progress.gif) no-repeat center;
    display:inline-block;
    height:55px;
    margin-left:5px;
    vertical-align:top;
    visibility:hidden;
    width:20px;
}
.uploading #spinerUpload { visibility:visible!important; }
#fileUploadForm #file {

    opacity: .0; /* Standards Compliant Browsers */
    filter: alpha(opacity=0); /* IE 7 and Earlier */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

#upload-container span h3, #simple-upload-container span h3 {
    color:#00a1ff;
}
#upload-progress-container h3 {
    color:#00a1ff;
    padding-top:5px;
}
.dragOver {
    /* outline:#acd8ff solid; */

}


#dropUploadInstructions {
    background-color: #fff;
    border: medium none;
    color:#00a1ff;
    display: none;
    font-size: 16px;
    font-weight: bold;
    height: 78px;
    line-height: 78px;
    position: absolute;
    text-align: center;
    text-transform:uppercase;
    top: 0;
    vertical-align: middle;
    width: 100%;




    background: -moz-linear-gradient(top,  #ffffff 0%, #cbe3f1 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cbe3f1 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cbe3f1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#cbe3f1 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbe3f1',GradientType=0 )"; /* IE6-9 */




}
/*.dragOver #dropUploadInstructions { display:block;}*/

/*footer content*/
#footerContent {
    /*border-top:1px solid #999;*/
    /*border-bottom:1px solid #fff;*/
    /*bottom:0px;*/
    line-height:49px;
    /*position:absolute;*/
    /*margin-top:14px;*/
    width:100%;

}
#footerContent > span {
    padding-left: 10px;
    float:left;
}

#footerMenu {
    display: inline-block;
    left: 0;
    position: absolute;
    text-align:center;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

/* localization updates */
#footerMenu li {
    display:inline-block;
    float:none;
    height:48px;
    position:relative;
    vertical-align:top;
    z-index: 2;
}
/*#footerMenu li a { display:inline-block; height:100%; line-height:48px; }*/
#footerSurePlayWrapper { float:right!important; }
#footerMenu li a {
    color: #999999;
    display:inline-block;
    font-size: 11px;
    font-weight: normal;
    height:100%;
    line-height: 48px;
    padding-left: 25px;
    vertical-align: top;
}
#footerMenu #footerPricingPolicy a {max-width: 70px;}
#footerMenu li a:hover{ color:#333;}
#footerMenu #footerGetApp {display:none;}
#footerMenu #footerReportIssue {display:none;}
#footerLangContainer {z-index: 1;}
#footerLangList {display:none; height:auto;}
#footerMenu li #footerLangSelector  {
    background-color: #fff;
    border:1px solid #ccc;
    border-radius: 2px;
    color: #999999;
    cursor: pointer;
    display:inline;
    font-size: 11px;
    height:20px;
    margin-left: 25px;
    padding:4px 25px 4px 4px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}
#footerLangSelector:after {
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #707070 transparent transparent transparent;
    content:" ";
    width: 0px;
    height: 0px;
    position: absolute;
    right: 5px;
    top: 7px;
    -webkit-transform:rotate(360deg); /*improves anti-aliasing*/
}
#footerLangList {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    bottom: 13px;
    display: inline-block;
    display: none;
    left: 25px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    max-width: 200px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#footerLangList a {
    display:inline!important;
    height:auto!important;
    line-height:normal!important;
    padding-left:0!important;
}
#footerLangList .langSelectItem {
    cursor: pointer;
    display: block;
    float: none;
    line-height: 1.3em;
    height: auto;
    min-width:80px;
    max-width: 250px;
    padding: 3px 20px;
}
#footerLangList .langSelectItem:hover {
    background-color: #00a1ff;
    color:#fff;
}

#footerLangList .langSelectItem.selected {
    background-color: #00a1ff;
    color:#fff;
}

#footerMenu #footerSurePlay {
    background: url("/images/surePlayLogo.png") no-repeat scroll 0px center transparent;
    background-size: 58px 15px;
    /*bottom: 18px;*/
    display: block;
    height: inherit;
    /*position: fixed;*/
    /*right: 20px;*/
    width: 58px;
    z-index: 1;
}
#mobileFooterMore, #footerHelpMore {display:none;}
/* File Manager */

#breadcrumb-wrapper{
    /* background: url("/images/fmIconSprite.png") no-repeat scroll 0 -1300px transparent; */
    color:#333;
    display: none;
    font-weight: bold;
    height: 30px;
    line-height:29px;
    padding-left: 27px;
    position: absolute;
    top: 3px;
    white-space: nowrap;
    width: auto;
}

#breadcrumb-container {
    width: 420px;
}
#breadcrumb-icon {
    /*background: transparent url("");*/
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight:normal;
    padding-right:0;

}

#breadcrumb-wrapper .contextualMenuWrapper {
    left: 160px;
    position: absolute;
}

#breadcrumb-dropdown {
    background: url("/images/fmIconSprite.png") no-repeat scroll 0 -1300px transparent;
    cursor: pointer;
    width: 30px;
    float: left;
}

#breadcrumb-wrapper > *,
#lastCrumb {
    cursor:pointer;
    margin:0;
    display: inline-block;
    color: #333;
    font-size: 16px;
    font-weight: lighter;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lastCrumb { vertical-align:top; margin-bottom:10px; }

#breadcrumb-wrapper > *:hover { color:#00a1ff; }
#breadcrumb-wrapper .uniqBreadcrumb:hover { cursor:default!important; color:#333; }
#breadcrumb-wrapper .uniqBreadcrumb:hover > * { cursor:default!important; color:#333; }
#lastCrumb:hover{ color:#333; cursor:default; }
#crumbseparator:hover {
    cursor:pointer;
    color:#00a1ff;
}

.breadcrumbArrow{
    background: url('/images/arrowshape2.png') no-repeat scroll 0px 0px transparent;
    height: 13px;
    width: 10px;
    display: inline-block;
    top: -10px;
    position: relative;
    margin:0 9px 0 9px!important;

}
#breadcrumb-home{width:50px;cursor:pointer;margin:0px;padding:0px;float:left;height:50px;}
#breadcrumb-child {color:#0085cf;font-size:20px; float:left; font-weight: normal; font-family:Arial, Helvetica, sans-serif;width:700px;margin:0px;padding:0px;}
#breadcrumb-child .bc-element{cursor: pointer;}

#listviewHeader{
    background-color: #ccc;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 26px;
    margin: 0px;
    padding: 0px 64px 0px 0px;
    position: absolute;
    z-index:1;
    top: 111px;
    width: 100%;

}
.scrolled #listviewHeader {
    position: fixed;
    top:50px;
}

#listviewHeaderSelectAll {
    box-sizing: border-box;
    padding: 0px 25px 0px 56px !important;
    width: 5%;
    display: inline-block;
    height: 100%;

}
#listviewHeaderTitle {
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 0px 0px 25px;
    position: relative;
    width: 25%;
    height: 100%;
    top: -7px;

}
#listviewHeaderFileType {
    display: inline-block;
    left: 355px;
    position: absolute;

}
#listviewHeaderDuration {
    display: inline-block;
    left: 415px;
    position: absolute;

}
#listviewHeaderFileSize {
    display: inline-block;
    left: 500px;
    position: absolute;
}
#listviewHeaderLocation{
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 0px 0px 3px;
    position: relative;
    width: 20%;
    height: 100%;
    top: -7px;
}
#listviewHeaderFileName{
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    padding: 0px;
    position: relative;
    width: 15%;
    height: 100%;
    text-decoration: none;
    top: -7px;
}
#listviewHeaderAltDates,
#listviewHeaderDate {
    box-sizing: border-box;
    display: inline-block;
    margin-left: -3px;
    padding: 0px;
    position: relative;
    width: 15%;
    height: 100%;
    top: -7px;

}
#listviewHeaderAltDates {
    padding-right: 20px;
    width: auto;
}
#list-header-container {
    background-color: #FFFFFF;
    border-bottom: 1px solid #8A9DA7;
    border-top: 1px solid #8A9DA7;
    display:none;
    height: 30px;
    left: 336px;
    overflow:hidden;
    position: absolute;
    top: 145px;
    width: 448px;

}

/*disabling from sort*/
#listviewHeader #listviewHeaderFileSize.fmSortable:hover {
    text-decoration:none;
    cursor: default;
}

.rowSelectedCheck {display:block; opacity:0;}


.itemSelected .list-content-row > .list-content-selected,
.rowSelectedCheck.shown {display:block;}
.content-row:hover .rowSelectedCheck {display:block;}

#list-content-container{
    /*background: url("/images/authBkgdTile.png") repeat scroll 0 0 #EEEEEE;*/
    box-sizing: border-box;
    min-height:100%;
    overflow:hidden;
    padding: 0px 0px 50px 0px;
    position:relative;
    width:100%;

}
.listView #list-content-container { padding:25px 0 0 10px!important; }
.sh #list-content-container,
.st #list-content-container { padding:20px 20px 40px 20px; }
.co #list-content-container { padding:20px 0 20px 20px; }

/*.scrolled #categoryWrapper{ position: fixed;}*/
.scrolled #mainMenuRow{
    background:#fff;
    position:fixed;
    top:0;
    width:100%;
    z-index:11;
}
/*.scrolled #list-content-container {padding-top:65px;}*/



.list-content-more,
.list-content-playIcon,
.list-content-name-bkgd,
#list-content-icons {display:none;}

/*#list-content-container > div:last-child .content-row{    margin-bottom:60px;}*/

#list-content-container .list-spacer{clear: both;}
#list-header-row {width: 780px;}
#list-header-row li, .list-content-row li {
    padding: 6px 10px;
    font-size: 14px;
    width: 80px;
    text-align: left;
}
#list-header-row > li {
    margin-bottom:13px;
    padding: 6px 10px;
}
#list-header-row li:first-child {

}


.list-content-row > .list-content-selected {
    background: url("/images/checkbox_sprite.png") no-repeat scroll -1px -1px transparent;
    display: none;
    height:30px;
    width:30px;
    padding: 0px !important;
    position:absolute;
    left:10px;
    top:9px;
}

.tablet .content-row .list-content-row > .list-content-selected,
.ipad .content-row .list-content-row > .list-content-selected,
.content-row.fileRowClick .list-content-row > .list-content-selected,
.content-row:hover .list-content-row > .list-content-selected,
.content-row.selected .list-content-row > .list-content-selected {display:block;}

.content-row[data-bookmark="true"]:hover .list-content-row > .list-content-selected { display: none; }

.list-content-row > .list-content-selected:hover {
    background-position: -1px -35px;
}
.list-content-row > .list-content-selected.checked {
    background-position: -1px -70px;
}
#list-header-row #list-header-name, .list-content-row .list-content-name {
    overflow: hidden;
    width: 170px;
}

.list-content-name > input
{
    display: none;
}



/* disabling input for shared to_me */
.list-content-name > input.disabled {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.list-content-name > input.hide.disabled {display: none;}


.photo div.label-content-name, .video div.label-content-name, .collection div.label-content-name {
    display: none;
}
.realtimes input.label-content-name,
.photo input.label-content-name,
.video input.label-content-name,
.collection input.label-content-name,
input.label-content-place {
    display: inline;
    background: transparent !important;
    border: none !important;
    font-size: 13px !important;
    color: #fff !important;
    cursor:pointer;
}

input.label-content-duration {
    display: inline;
    background: transparent !important;
    border: none !important;
    font-size: 13px !important;
    color: #fff !important;
    cursor:pointer;
    text-align:center;
}

input.label-collection-duration {
    display: none;
    background: transparent !important;
    border: none !important;
    font-size: 13px !important;
    font-color: transparent !important;
    cursor:pointer;
    text-align:center;
}

.realtimes.label-content-name,
.photo.label-content-name,
.video.label-content-name{
    display: none;
}


.listView .realtimes input.label-content-name,
.listView .photo input.label-content-name,
.listView .video input.label-content-name,
.listView .collection input.label-content-name {

    color: #666 !important;

}

.listView input.label-content-place {

    color: #666 !important;

}


.list-content-row .list-content-type {width:60px;}
#tabbed-menu #list-header-category{display:none;}
#list-header-name, #list-header-type, #list-header-date, #list-header-select {
    color: #BDBDBD;
    font-size: 11px !important;
    position: relative;
    top: 2px;
    width: 155px;
}
#list-header-select {
    width:38px;
}


#label-header-name, #label-header-type, #label-header-date, .label-content-name, .label-content-download, .label-collection-name {float:left;text-align:left;cursor:pointer;}
.label-content-name, .label-content-place {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

#name-sort, #type-sort, #date-sort {width:11px;height:6px;padding:0px;margin:5px 15px;cursor:pointer;}
.list-content-row li{
    color: #000000;
    font-size: 12px;
    margin-right:12px;
}
.list-content-row li:first-child{
    margin-top:0px;
}
.list-content-row .list-content-thumbnail {
    background-color: #666666;
    background-position: center center;
    background-size: auto 51px;
    height: 51px;
    margin: 0 25px 0 56px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 51px;
}

.listView .groupSelect{display: none;}
.listView .list-content-row .list-content-thumbnail { }
.listView .content-row-more .list-content-thumbnail {margin: 0px; }
.content-row-more,
.content-row {
    clear: both;
    cursor:pointer;
    float: left;
    margin:6px 0px;
    position: relative;
    width: 100%;
}

/*List View Photos & Videos Mosaic Overrides*/

.listView  .content-row.mosaic-content-row { display: none !important;}
.listView  .content-row { display: block !important;}
.listView .mosaicItem {
    height:auto !important;
    margin:0px;
    width:100% !important;
}

.listView .group-content-container {width:100% !important;}

.content-row-more:hover .list-content-selected { display:block; }
.content-row-more:hover, .content-row-more.selected { border:2px solid #00a1ff!important; }

.listView .content-row-more { display: none; }


.list-content-group-images {display: none;}

.content-row:hover{
    background-color: #D9E9F6;
}
.content-row:active{
    background-color: #FFF5E5;
}
.content-row.selected{
    background-color: #FFCC7F;
}

.fileRowClick {
    background-color: #AAD4F9;
}

.fileRowClick.isCollection {

}
.groupMoreBackdrop,
.groupMoreLink {display: none;}
.listView .groupMoreLink {
    display: block;
    color: #fff;
    position: relative;
    left: -60px;
    width: 30px;
    font-size: 11px;
    padding: 12px 5px;
    top: 5px;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.listView .moreGt {
    font-size: 12px;
    padding: 6px;
}

.content-row  .list-content-collection-overlay {
    /*background: url("") no-repeat scroll -2px -1px transparent;*/
    height: 150px;
    padding: 0;
    position: absolute;
    width:620px;
}


.content-row .list-content-collection-overlay a {

    display: block;
    height: 100%;
    width: 100%;
}


.content-row .newShareBadge {
    background: url("/images/fmIconSprite.png") no-repeat scroll -0px -4300px transparent;
    display: none;
    float: none;
    height: 51px;
    left: 0;
    margin: 0 25px 0 56px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 51px;
}

.content-row:hover .delete-icon, .content-row:hover .list-content-download  {
    display: inline;
}
.list-content-name {font-weight: lighter;}
.list-content-row .list-content-duration{width:50px;}

.list-content-name, .list-content-type, .list-content-date,.list-content-selected,.list-content-duration{}

.list-content-row  .list-content-filesize {margin-right: 5px; width:60px; }
.list-content-row .list-content-name {width:190px;}
.list-content-row .list-content-date {
    margin-right: 0;
    /*text-transform: capitalize;*/
    width:115px;
}

.list-content-row .list-content-type {width:40px;}
.list-content-thumbnail {
    /*  background: url("") repeat scroll center top / auto 150px transparent;*/
    /*background: url("") no-repeat -18px 0px  transparent;*/
    background-size: 88px 53px;
    cursor: pointer;
    display:inline-block;
    height: 150px;
    width:203px;

}
/*
.isCollection .list-content-row .list-content-date {
    margin-right: 0px;
    position: absolute;
    right:0px;
    width: 155px;
}
*/
/*  background: url("") repeat scroll center top / 137px -37px transparent;*/
/*border:3px solid #fff;
-webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, .3);
box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, .3);
    }*/
.isCollection .list-content-date
.list-content-thumbnail img {
    cursor: pointer;
    height: 100%;


}

.list-content-row .list-content-bookmark{
    background: url("/images/fmIconSprite.png") no-repeat scroll 0px -3394px transparent;
    display:none;
    height:17px;
    width:15px;

}

.media-type {
    color: #BDBDBD;
    font-size: 12px !important;
    font-style: italic;
}
.recent-list-icon {
    background: #FFFFFF url('/images/mercury_bread_recent.png') no-repeat left center;
    height: 50px;
}
.video-list-icon {
    background: #FFFFFF url('/images/mercury_bread_video.png') no-repeat left center;
    height: 50px;
}
.audio-list-icon {
    background: #FFFFFF url('/images/mercury_bread_music.png') no-repeat left center;
    height: 50px;
}
.photo-list-icon {
    background: #FFFFFF url('/images/mercury_bread_photo.png') no-repeat left center;
    height: 50px;
}
.collection-list-icon {
    background: #FFFFFF url('/images/mercury_bread_collection.png') no-repeat left center;
    height: 50px;
}
.list-content-download {
    float: left;
    color: #0085CF !important;
    font-size: 11px !important;
    display: none;
    width: 565px !important;
}
.delete-icon {
    float: right;
    color: #0085CF !important;
    font-size: 14px !important;
    cursor: pointer;
    display: none;
    background: url('/images/mercurycloud_close_icon.png') no-repeat -15px 0px;
    width: 15px;
}
.show {
    display: inline !important;
}
.hide {
    display: none !important;
}




/****UPLOAD PROGRESS CONTAINER ****/
#uploadProgressBar {
    background:#fff;
    /*height:45px;*/
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:99999;
}

#uploadProgressContainer, #uploadInitiateContainer{
    background-color: transparent;
    border:none;
    display: none;
    left: 50%;
    max-height: 300px;
    overflow-x: hidden;
    width: auto;
    z-index: 11;
}
#uploadInitiateContainer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display:none;
    height:45px;
    left: 60px;
    margin-left: 0px;
    text-align:center;
    top: 0;
    width:auto;
}
#uploadProgressContainer {
    min-height:35px;
    text-align: center;
}
#uploadProgressContainer.open {
    background-color: #FFFFFF;
    left: 190px;
    max-height:285px;
    overflow:hidden;
}
#uploadProgressContainer.open #uploadProgressList { display:inline-block; }

#uploadProgressContainer #uploadProgressHeaderCopy, #uploadProgressContainer #uploadCompleteHeaderCopy, #uploadProgressContainer #uploadCancelHeaderCopy {
    /*background: url("/images/up-arrow.gif") no-repeat scroll 15px center transparent;*/
    color: #000;
    cursor: pointer;
    padding-left: 40px;
    text-align:left;
    width:auto;
}
#uploadProgressContainer #uploadCompleteHeaderCopy, #uploadProgressContainer #uploadCancelHeaderCopy {
    display: none;
    width: 705px;
    border:none;
}

#uploadProgressHeaderCopy {
    background:#fff!important;
    height:42px;
    line-height:35px;
    padding-left: 0!important;
    text-align:center!important;
    overflow:hidden;
    width:100%!important;
    z-index:2;
}
#uploadProgressHeaderCopy.collapse { border-bottom:1px solid #c2c2c2; }
/*#uploadProgressContainer.open #uploadProgressList  {
    padding-top:46px;
}*/
/*#uploadProgressContainer.open #uploadProgressHeaderCopy {
    position:fixed!important;
    bottom:239px;
}
*/
#arrowExpanCollapseUploads {
    background: url("/images/up-arrow-backup.gif") no-repeat scroll 15px center transparent;
    display:inline-block;
    height:6px;
    margin-right:10px;
    width:25px;
}
.collapse #arrowExpanCollapseUploads {
      background-image: url("/images/up-arrow.gif") !important;
}

#uploadInitiatedCopy {
    background: url("/images/darkGreyStripeTile.png") repeat scroll left top #00A1FF;
    color: #FFFFFF;
    font-size: 10px;
    height:15px;
    position:relative;
    text-align:left;
}

#uploadProgressContainer #uploadProgressHeaderCancel {
    margin-left:10px;
    padding-right: 18px;
    position: relative;
}
#uploadProgressHeaderCancel { display:inline-block!important; text-transform:uppercase; padding-right:0!important; vertical-align:top; }
#uploadProgressContainer #uploadProgressHeaderCancel > span {
    color:#00a1ff;
    cursor: pointer;
    font-size:15px;
}
#uploadProgressHeaderCopy span, #uploadCompleteHeaderCopy span, #uploadCancelHeaderCopy span {
    padding-left:2px;
}
#uploadTotalProgressBar {
    background-color: #d5d5d5;
    bottom: 16px;
    display:inline-block;
    height: 7px;
    width: 450px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
#uploadTotalProgressBarPercent{
    background-color: #33ce3b;
    border-radius:5px;
    display: block;
    height: 100%;
    position: relative;
    top: 0px;
    width: 0%;
}

#uploadProgressList {
    display:none;
    max-height:235px;
    overflow:auto;
    width:100%;
}
#uploadProgressList, #uploadInitiateList {
    /*bottom:23px;*/
    font-size:15px;
    position:relative;
}
#uploadInitiateList { display:inline-block; margin-top:15px; }
#uploadProgressList > li {
    height:45px;
    float:none;
    /*line-height:45px;*/
    position:relative;
    text-align:left;
}

.uploadProgressRow {
    display:none;
    margin:10px auto 0 auto;
    text-align:center!important;
    width:700px;
}
.uploadProgressRowName{
    background-color:#fff;
    color:#000;
    display:inline-block;
    height:100%;
    float:left;
    font-size:12px;
    padding-left:0px;
    position:relative;
    width:200px;
    line-height:initial;
}
.uploadProgressLocation {
    background-color:#fff;
    color:#797777;
    display:inline-block;
    height:100%;
    font-size:12px;
    float:left;
    padding-left:30px;
    position:relative;
    width:255px;
    line-height:initial;
}
.uploadProgressRowSize{
    background-color:#fff;
    color:#797777;
    display:inline-block;
    height:100%;
    font-size:12px;
    float:left;
    text-align:right;
    width:100px;
    line-height:initial;
}
.uploadProgressRowStatus{
    background: url("/images/uploadStatusSprite.png") no-repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 50px;
    top: 10px;
    width: 17px;
    cursor: pointer;
}

#upload-progress-container {
    position: absolute;
    background: url("/images/bar-loader.gif") no-repeat scroll center center
    transparent !important;
    display: none;
    left: 0px;
    max-height: 300px;
    height: 72px;
    overflow: auto;
    top:80px;
    width: 100%;
    z-index: 11;
}

.uploadProgressRowStatus.uploadComplete {
    background-position: 0 -15px;
    cursor: default;
}
.uploadRowProgressBarWrapper{
    background:#d5d5d5;
    bottom: 0;
    display: inline-block;
    margin-left:-270px;
    height: 4px;
    left: 50%;
    top:20px;
    overflow:hidden;
    position: absolute;
    width: 540px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}
.uploadRowProgressBar {
    background-color:#33ce3b;
    display:block;
    height:100%;
    width:0%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}
#uploadFileCancelButton {
    display: none;
}
/*****CLOUD STORAGE******/
#cloudStorageWrapper {
    border: 0px none;
    border-top: 1px solid #ccc;
    /*border-bottom: 1px solid #ccc;*/
    margin-top: 0px;
    padding: 10px 0 0;
    width: 158px;
}
#cloudStorageWrapper h4 {
    color: #636363;
}
#getRealPlayer h4 {
    background: url("/images/fmIconSprite.png") no-repeat scroll 0px -5200px transparent;

}
.old-dwn{
    background: url("/images/fmIconSprite.png") no-repeat scroll 0px -5200px transparent;
    width:30px;
    height:50px;
}
#getRealPlayer h4 a {
    color: #636363;
    line-height: 29px;
    padding-left: 32px;
}
#cloudStorageList li {
    display: block;
    color: #999999;
    margin-bottom: 3px;
    padding: 5px 0px 3px 0px;
    width: 160px;

}
#cloudStorageList li > span {
    color:#636363;
    font-weight:bold;
}
/*****CLOUD UPGRADE*****/
#cloudUpgradeWrapper {
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    width: 100%;

}
#cloudUpgradeWrapper h4 a{
    display: inline-block;
    font-weight: normal;
    height: 26px;
    text-indent: -99999px;
    width: 150px;
}
/*****EVENT SPECIFIC*****/
/*.expand {
    background-image: url("/images/up-arrow.gif") !important;
}
.collapse  {
    background-image: url("/images/up-arrow-backup.gif") !important;
}*/
#getRealPlayer{
    /*border-top:1px solid #ccc; */
    display:none;
    padding: 10px 0 8px;
    width:152px; height:42px;
    }

#getRealPlayer {
    background: url("/images/beta_devicesbtn_large.png") no-repeat 0px -150px transparent;
    height:25px;
    margin: 0 auto 17px;
    width:158px;
}
#getRealPlayer.ios { background-position: 0px 0px; }
#getRealPlayer.android { background-position: 0px -50px; }
#getRealPlayer.mac { background-position: 0px -100px; }


#downloadForDevices {
    background: url("/images/beta_devicesbtn_large.png") no-repeat 0px -200px transparent;
    height:25px;
    padding: 10px 0 8px;
    margin: 10px auto 17px;
    width:158px;
}
#keepExtensionBtn {
    background: url("/images/beta_devicesbtn_large.png") no-repeat 0px -250px transparent;
    display:none;
    height:25px;
    padding: 10px 0 8px;
    width:158px;
}

/****** JQUERY DIALOGS *********/


#lblShareEmailInput {
   position: relative;
    top: -23px;
    left: 0px;
}
#shareDialog p {
    margin-top: -10px;
}
#shareTo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 350px;
}
#shareTo label {
    display: inline;
    left: 0;
    padding: 0px 5px;
    position: relative;
}
#shareEmailMessage, #shareTwitterMessage, #shareLinkArea {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width: 300px;
    height: 80px;
    line-height: 1.2em;
    padding: 5px;
    position: relative;
    top: -4px;
    resize: none;
    font-size:12px;
    font-family:Helvetica, sans-serif;
    color:#666;
}
#shareTwitterMessage { border:none; margin-top:13px!important; margin-left:13px!important; }
#shareLinkArea{display:none;}
#shareValidationErrorWrapper{
    color: red;
    font-size: 0.85em;
    /*height: 30px;*/
    width: 357px;
}

.shareEmailInputError {
    border:2px solid red;
}
.ui-dialog-titlebar-close > .ui-icon-closethick{
    /*background: url("/images/taskbarIconSprite.png") no-repeat scroll -94px -126px transparent;*/
    background-image: url(/css/images/ui-icons_ffffff_256x240.png)!important;
    background-color: transparent;
    background-position: -94px -126px;

}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none;
    border: none;
}

.postRollTemplate {
    z-index: 999 !important;
}

.shareModalButton
{
    margin-left: 1px;
    float: right;
    height: 50px;
    width: 50px;
    display: inline-block;
}

#facebook {
    background: url("/images/fmIconSprite.png") no-repeat scroll 12px -1988px #AEAEAE;
}
#facebook.activeIcon {
    background-color: #00a1ff;
}

#email {
    background: url("/images/fmIconSprite.png") no-repeat scroll 14px -2186px #AEAEAE;
}
#email.activeIcon {
    background-color: #00a1ff;
}

#twitter {
    width: 49px;
    background: url("/images/share/Share-Twitter.png") no-repeat scroll 0px 0px #AEAEAE;
}
#twitter.activeIcon {
    background: url("/images/share/Share-Twitter-Sel.png") no-repeat scroll 0px 0px #AEAEAE;
    background-color: #00a1ff;
}

#directLink {
    background: url("/images/share/getSharelink.png") no-repeat scroll 12px 12px #AEAEAE;
}
#directLink.activeIcon {
    background-color: #00a1ff;
}
#shareDialog.shareDialogEmbed { overflow:visible !important;}
#shareEmbed {
    background: url("/images/fmIconSprite.png") no-repeat scroll 12px -5883px #AEAEAE;
}
#shareEmbed.activeIcon {
    background-color: #00a1ff;
}

.embedReshare #shareTo > #embed
{
    display: none;
}

#shareEmbedInstructions {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color: #00a1ff;
    color:#fff;
    display:none;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    float:right;
    margin-bottom: 10px;
    padding: 5px;
    width:300px;
}
/*.shareDialogEmbed #shareModalThumbnail {
    border:1px solid #999;
    height:85px;
}*/

.shareDialogEmbed #shareLinkArea {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-size: 10px;
    height: 85px;
    margin-top:5px!important;
    padding: 5px;
    width: 300px!important;
}

.shareDialogEmbed #cancelShare {
    background-color: #00a1ff;
    color:#fff;
    float: right;
    margin-top: -10px!important;
}
.shareDialogLink #cancelShare {
    background-color: #00a1ff;
    color:#fff;
    float: right;

}
.shareDialogEmbed #shareEmbedInstructions { display: block;}
.shareDialogEmbed #lblShareEmailMessage{ display: none !important;}
.shareDialogEmbed #shareModalFileTitle{
    font-weight: bold;
}
#embedSizeWrapper{
    display: none;
    clear: both;
    color:#000;
    font-size: 10px;
    padding-left: 134px;
    z-index: 1;
}
#lblShareEmbedSize{
    color:#666;
    display: inline-block;
    float:left;
    line-height: 14px;
    padding: 5px 10px;
    margin-left:10px;
}
#embedSizeHeight,
#embedSizeWidth,
#embedSizeSelector{
    color:#666;
    background-color: #fff;
    border: 1px solid #999;
    display: inline-block;
    float:left;
    font-size: 9px;
    padding:5px 10px;
}
/*#embedSizeSelector { margin-right: 10px; padding: 3px 10px;}*/
#embedSizeHeight,
#embedSizeWidth{
    display: inline-block;
    text-align: center;
    width: 35px;
}

#embedSizeBy{
    display: inline-block;
    float:left;
    line-height: 24px;
    margin:0px 5px;
}


#embedSizeSelector {
    cursor: pointer;
    padding: 4px 27px 4px 4px;
    position: relative;
}
#embedSizeSelector > p {
    color: #666;
    /*font-size: 10px;*/
    margin: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:1;
}
/*#embedSizeSelector:after {
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #707070 transparent transparent transparent;
    content:" ";
    width: 0px;
    height: 0px;
    position: absolute;
    right: 0px;
    top: 9px;
   -webkit-transform:rotate(360deg);
}*/
#embedAutoplayWrapper{
    clear:both;
    display: none;
    padding-top:10px;
}

#embedAutoplay{
    display: block;
    float: left;
    margin-right: 5px;
}
#embedAutoplayLabel{
    display: block;
    color: #666;
    font-size: 10px;
    font-weight: 300;
}


.shareDialogEmbed #embedAutoplayWrapper,
.shareDialogEmbed #embedSizeWrapper{
    display: block;
    position: relative;
}

.shareDialogEmbed #embedAutoplayWrapper {
    display:inline-block;
    height: 20px;
    /*left: 142px;*/
    padding-top:5px;
    width: 135px;
}
#embedSizeList{
    display:none;
    position: absolute;
    border: 1px solid #c2c2c2;
    top: 26px;
    left:56px;
}
.embedSizeItem {
    background-color: #fff;
    cursor: pointer;
    display: block;
    float: none;
    width: 70px;
    padding: 4px 10px;
    position: relative;
    text-align: center;
}
.embedSizeItem:hover { background-color: #00a1ff; color:#fff;}

#embedSizeWidth,
#embedSizeBy,
#embedSizeHeight { display: none; } /*until custom video size is available */

/*
.localShare #shareTo{right:-102px;}
.localShare{overflow:hidden !important;width:454px !important;}
*/
.localShare #shareEmbed,
.localShare #directLink { display: none; }

/*.multiShare {
    overflow:hidden !important;width:454px !important;
}*/
.overlayImg { background-size: cover !important; background-position:center!important; }
.multiShare .overlayImg {
    height: 125px!important;
    left: 1px;
    position: absolute;
    top: 10px;
    width: 127px!important;
}

.multiShare #shareModalThumbnail {
    display: inline-block;
    height: 135px;
    /*margin-top:12px;*/
    position: relative;
    width: 140px;
    background-color:transparent!important;
}



#emailInputWrapper, #shareWithFacebookMsg, #shareWithTwitterMsg, #shareLinkMessage {
    background-color: #fff;
    font-size: 12px;
    float:right;
    margin-top: 0px;
    height: 45px;
    overflow: auto;
    padding: 4px 35px 4px 5px;
    position: relative;
    width: 300px;
    /*border: 1px solid #999;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
#shareWithFacebookMsg, #shareWithTwitterMsg, #shareLinkMessage {
    background-color: #00A1FF;
    color: #fff;
    display:none;
    font-size:12px;
    font-family:Helvetica, sans-serif;
    line-height:17px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#emailInputWrapper.disabled {
    background-color:#ddd;
}
#shareEmailInput {
    background-color: transparent;
    border: medium none;
    color: #00A1FF;
    height: 25px;
    line-height: 30px;
    outline: medium none;
    width: 100%;
}

#lblShareEmailMessage {bottom: 144px;left: 169px;z-index:1;}
.cappedItem {
    color:#ccc;
    display:inline-block;
    font-size:14px;
    margin:6px 3px 3px 0px;
    height:33px;
    line-height:33px;
    padding:0 15px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -khtml-border-radius: 17px;
}
.cappedItem .emailItem {
    cursor: pointer;
    padding: 2px 5px;
}
.cappedItem .removeItemAction {
    /*background: url("/images/importContactsIconSprite.png") no-repeat scroll -3px -299px rgba(0, 0, 0, 0);*/
    background:url(/images/share-dialog-assets.png) no-repeat 0 -1198px;
    color: #96D8FF;
    cursor:pointer;
    margin-left:8px;
    padding: 1px 7px;
    height: 14px;
    width: 9px;
}

#emailInputWrapper .cappedItem .removeItemAction {
    display: inline-block;
    margin-top: 3px;
}

.cappedItem.validEmail {
    /*background: url("/images/importContactsIconSprite.png") no-repeat scroll 4px -192px  #00a1ff;*/
    background:#646663;
}

.cappedItem.validFacebook {
    background: url("/images/importContactsIconSprite.png") no-repeat scroll 4px -245px  #00a1ff;
}

.cappedItem.validOutlook {
    background: url("/images/importContactsIconSprite.png") no-repeat scroll 4px -192px  #00a1ff;
}

.cappedItem.validGmail {
    background: url("/images/importContactsIconSprite.png") no-repeat scroll 4px -143px  #00a1ff;
}

.cappedItem.invalidEmail {
    background-color: #f57876;
    background-position: 4px -347px;
    pointer:cursor;
    padding-left:4px;
}
.cappedItem.invalidEmail .removeItemAction {

    color: #f00;
    font-size:15px;
    font-weight:bold;
}
.ui-autocomplete {
    /*background:  #fff url("");*/
    border:1px solid #dcddde;
    border-radius: 0 0 0 0;

}
.ui-widget-content a {color:#000;}

.ui-state-focus {
    background-color:#d6ebff !important;
    color:#000 !important;
}
.ui-widget-content a:hover {background-color:#d6ebff; color:#000;}
.ui-menu .ui-menu-item a {
    display: block;
    font-weight: normal;
    line-height: 1em;
    min-height: 0;
    padding: 10px 4px;
    text-decoration: none;
}
.ui-state-focus {
    margin:0px !important;
}

#shareModalThumbnail {
    /*background: url("") no-repeat scroll center center #666;*/
    background-size:auto 100%;
    display: inline-block;
    height: 135px;
    margin-right: 4px;
    width: 140px;
}

#shareModalThumbnail .overlayImg {
    height:135px;
    width:140px;
}

#shareModalThumbnail.isCollection {
    position:relative;
    background-color: transparent!important;
}

#shareModalThumbnail.isCollection .overlayImg {
    height:125px;
    margin-top:10px;
    width:128px;
}

#shareModalCollectionCount {
    display: none;
}






/*****PLAYER CLOUD STORAGE******/
#playerCloudStorageWrapper {
    clear: both;
    float: left;
    border: 0px none;
    margin-top: 80px;
    margin-left:80px;
    width: 650px;
}

#playerCloudStorageWrapper > h3 {
    color: #999999;
}

#playerCloudStorageWrapper .accountStorageUsedBar {
    background-color: #666;
    color: #fff;
    display: block;
    height: 60px;
    position: relative;
    width: 300px;
}

#playerCloudStorageWrapper .accountStorageUsedBar > span {
    background: url("/images/blueStripeTile.png") repeat scroll top left #00A1FF;
    display: block;
    font-size: 20px;
    height: 60px;
    position: relative;
    width: 71%; /*set to 0 and set dynamicly */
}

#playerCloudStorageWrapper .accountStorageUsedPercent {
    line-height: 60px;
    margin-left:20px;
}

/*****CLOUD UPGRADE*****/
#playerCloudUpgradeWrapper {
    clear: both;
    float: right;
    position: relative;
    text-align: right;
    top: -15px;
    width: 645px;
}
#playerCloudUpgradeWrapper > a {
    font-weight: normal;
    color: #FFFFFF;
    padding:0px;
    width: 175px;
    background-color: #909090;
    margin-right: 3px;
    margin-top: 20px;
    cursor: pointer;
}
#playerCloudUpgradeWrapper > #playerAccountSettings {
    position: absolute;
    background-color: transparent;
    color: #00a1ff;
    left: 465px;
    top: -125px;
}

#playerCloudUpgradeWrapper #playerGetFreeSpace {
    position: relative;
    height: 80px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    top: 0px;
    margin: auto;
    border: none;
    width: 250px  !important;
    padding: 0px;
}

#playerCloudUpgradeWrapper #playerUpgradeAccount {

    position: relative;
    background: url('/images/en/rpd_upgradetopremium_btn.png') 0 0 no-repeat scroll transparent !important;
    height: 130px;
    display: inline-block;
    text-indent: -99999px;
    text-align: center;
    top: 0px;
    margin: auto;
    border: none;
    width: 250px  !important;
}

#playerCloudButtonWrapper {
    margin: auto;
    text-align: center;
}

#playerCloudUpgradeWrapper #playerCodecUpgrade {
    display: none;
    position: relative;
    background: url('/images/banner/en/improve-quality.png') 0 0 no-repeat scroll transparent !important;
    height: 130px;
    display: inline-block;
    text-indent: -99999px;
    text-align: center;
    top: 0px;
    margin: auto;
    border: none;
    width: 250px  !important;
}


.largerChk {
    height: 30px !important;
    position: relative !important;
    left: 3px;
    width: 30px !important;
}
/*
.list-content-selected label {
    padding: 20px 30px;
}
*/



/*contextual menus*/

.contextualMenuWrapper {
    border: 1px solid #eee;
    display: inline-block;
    min-height: 0px;
    overflow: visible;
    padding:5px;
    min-width: 100px;
}

.contextualMenuWrapper #breadcrumb-icon {
    clear:both;
    display:inline-block;
    float:none;

}

.contextMenuArrow,  .contextMenuArrowBorder{
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 9px;
    height: 0;
    left: 4px;
    position: absolute;
    top: -18px;
    width: 0;
}

.contextMenuArrowBorder {
    border-color: transparent transparent #8A9DA7;
    top: -19px;
}

#pageLoadingWrapper{
    background: url("/images/fmSpinner.gif") no-repeat scroll 50% top transparent;
    display: none;
    left: 0;
    height: 50px;
    width: 100%;
    opacity: 1;
    position: fixed;
    bottom: 20px;
    z-index: 9000;
}

/*rt click menu*/

#rtClickMenu {
    background-color:#fff;
    border: 1px solid #8A9DA7;
    display: none;
    min-height: 10px;
    left: 0;
    overflow: visible;
    padding:0px;
    position: absolute;
    top: 0px;
    min-width: 100px;
    z-index: 999;
}

#rtClickMenu > ul > li {
    display:block;
    float:none;
    padding:5px;
}

#rtClickMenu > ul > li:hover {
    background-color:#00a1ff;
    color:#fff;
}

#shareMenuTitle {
   border-bottom: 1px solid #ccc;
  margin: 0px 9px 9px 9px;
  padding: 0px 0px 6px 0px;
}

#activeFilterItem {
    background-color: #ffffff;
  /* min-width: 148px; */
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  display: none !important;
  float: left;
  line-height: 32px;
  /* margin: 2px 0 0 0; */
  padding: 5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
#activeFilterItem img {
    position:absolute;
    top: 4px;
    left: 10px;
    width:26px;
    height:26px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}

#activeFilterItem a {
    color: #20A7FF;
}

#activeFilterItem.inactive a {
    color: #999;
}

#activeFilterItem:hover,
#shareMenuContent a:hover {
background-color: #DEEFFF;

}

#shareMEFilter {padding-left: 18px;}
.contextualMenuWrapper {
    clear: both;
    display: block !important;

    padding: 0;
    min-width: 215px;

    position:relative;
    text-align: left;
    right:0px;
    border:none;
}

.contextualMenuWrapper a {
    clear:both;
    color: #999;
    display:block;
    padding: 0px 20px !important;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    line-height: 32px;
}

.contextualMenuWrapper .selected { color:#000;}

.contextualMenuWrapper .sharedWithMeItem {
      text-align: center;
}
#shareFilterReset img,
#shareMEFilter a img,
.contextualMenuWrapper img {
    width:25px;
    height:25px;
    position:relative;
    top:7px;
    left:-10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}



#shareMenuContent {
    font-size: 14px;
      position: relative;
      left: 0px;
      z-index: 100;
      bottom: 0px;
}

#shareMEFilter a {
    display: inline-block;
    color: #999;
    font-size:14px;
    /*line-height: 32x;*/
}



#shareMEFilter.active a, #shareFilterReset.active  {
    color: #000;
}
.active #shareMEFilter a{
    background-color: transparent;
    color: #000;
    margin-left: 0px;
    padding-left: 0px;
  }



#sharedMenuButtons {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color:#048823;
    cursor: pointer;
    display: none;
    float: left;
    line-height: 32px;
    padding: 0px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    z-index: 110;
}

#sortMenuWrapper .down-arrow{
  background: url(/images/rt_sprite_header_1.png) no-repeat scroll 0px -796px transparent;
  /*background: url("/images/down-arrow.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  /*background:url(/images/updown_carat_grey.png)no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  display: inline-block;
  float: none;
  height: 15px;
  margin: 0px 0 0 3px;
  position: relative;
  right: auto;
  top: 3px;
  width: 15px;
}


#sharedMenuWrapper .down-arrow {
    /*background: url("/images/down-arrow.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background:url(/images/updown_carat_grey.png)no-repeat scroll 0 0 rgba(0, 0, 0, 0);;
    display: none;
    float: none;
    height: 15px;
    margin: 0 0 0 10px;
    position: relative;
    right: auto;
    top: 8px;
    width: 15px;
}


/*Photos & Videos Menu*/

#fmMenuInnerWrapper {
    position: absolute;
    display: inline-block;
    right: 50px;
}

.mobile #fmMenuInnerWrapper,
#fmMenu.bm #fmMenuInnerWrapper {
    display:none !important;
}

#photoVideoWrapper {
    display: none !important;
    left: 68px;
    position: absolute;
}
.ct #categoryWrapper,
.ct #tabVideoWrapper { position:static; }
.ct #photoVideoWrapper {
    position: absolute;
    top: -5px;
    z-index: 1;
    display: inline-block !important;
    width: 200px;
    left: auto;
    right:0;
}
.ct #photoVideoFilter {
  display: none;
  left: 0px;
  max-width: 200px;
  top: 55px;
}

.ct #photoVideoWrapper.open #photoVideoFilter{
     display: inline-block !important;
}

.ct #currentPhotosVideos {
      display: inline-block !important;
  width: auto;
}
.isShare.ct #currentPhotosVideos {
      display: none!important;
}
.ct #currentPhotosVideos > span {
     padding-top: 20px;

  position: relative;
  top: 9px;

}
#sortMenuWrapper {
    display: none;
    position: relative;
    width: 100%;
    line-height: 50px;
 }
.ph #sortMenuWrapper,
.rt #sortMenuWrapper,
.vd #sortMenuWrapper,
.pv #sortMenuWrapper {display: block;}
/*
#tabbed-menu .tabItemWrapper.active:hover  #sharedMenuWrapper,
#tabbed-menu .tabItemWrapper.active:hover  #photoVideoWrapper{ display: block  !important;}

#tabbed-menu .tabItemWrapper.active.focused  #sharedMenuWrapper,
#tabbed-menu .tabItemWrapper.active.focused  #photoVideoWrapper{ display: block  !important;}
*/

#fmMenu.vd  #photoVideoWrapper,
#fmMenu.rc  #photoVideoWrapper{}

#currentSort{
    border: 1px solid transparent;
    color: #b7b7b7;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    min-width: 50px;
    padding:0px;
    position: relative;
    text-transform: capitalize;
}

#currentPhotosVideos {
    border: 1px solid transparent;
    color: #00a1ff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 33px;
    line-height: 50px;
    min-width: 50px;
    padding:0px 30px 0px 20px;
    text-transform: capitalize;
}

#sharedMenuWrapper *,
#sortMenuWrapper *,
#photoVideoWrapper * {-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

/*#sharedMenuWrapper:hover #currentSort,
#photoVideoWrapper:hover #currentPhotosVideos{
    background-color: #deeffe;
    border: 1px solid #999;

}*/


#photoVideoWrapper.active #currentPhotosVideos {
    border: 1px solid #999;
    background-color: #DEEFFE;

}
#tabVideoWrapper.active:hover #photoVideoWrapper {display: block !important;}
#currentPhotosVideos {display: none !important;}


#photoVideoWrapper.active #photoVideoFilter {display: block;}

#sortMenu{
    border: 1px solid #ccc;
    padding: 1px 10px;
    background-color: #fff;
    display: none;
    position: absolute;
    top:55px;
    left:50%;
    margin-left:-90px;
    width:128px;
}

#currentSortMenuWrapper {
     box-sizing: border-box;
    display: inline-block;
  height: 55px;
    min-width: 140px;
  padding-top: 7px;
    right: 55px;
  position: absolute;
}

#currentSortMenuWrapper:hover #sortMenu{ display: block;}

#photoVideoFilter {
    border:1px solid #c9c9c9;
    border-top: 2px solid #048823;
    display: block;
    position: absolute;
    left:-88px;
    top: -2px;

    padding: 0px 10px;
    background-color: #fff;
}
#sharedMenuWrapper {
    border: none;
    box-sizing:border-box;
  /* border-top: 2px solid #47d24f; */
  display: none;
  font-size: 14px;
  position: fixed;
  bottom:0;
  right: 0;
  top: 130px;
  padding: 0px;
  background-color: transparent;
  width:216px;

  overflow-y: auto;
    overflow-x: hidden;

    -webkit-transition: top 100ms linear;
    -moz-transition: top 100ms linear;
    -o-transition: top 100ms linear;
    transition: top 100ms linear;

    -webkit-transition: width 100ms linear;
    -moz-transition: width 100ms linear;
    -o-transition: width 100ms linear;
    transition: width 100ms linear;

}
.scrolled #sharedMenuWrapper { top:80px; }
.sh #sharedMenuWrapper { display: block !important; overflow:hidden; }
.sh #sharedMenuList { max-height:94%; overflow-x:hidden; overflow-y:hidden; }
.sh #sharedMenuList:hover { overflow-y:auto; }
#shareFilterReset {
  box-sizing: border-box;
  color:#999;
  display: block;
  padding: 0px 10px 0px 19px;
  width: 100%;
  line-height: 32px;
}

#shareFilterReset:hover {
    background-color: #e5e5e5;

}
/*css arrows on top of menu*/
#photoVideoFilter:after{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(65, 213, 99, 0);
    border-bottom-color: #048823;
    border-width: 10px;
    margin-left: -10px;
}
#sortMenu li,
#photoVideoFilter li {
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom:1px solid #c9c9c9;
    color: #212121;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    position:relative;
    text-align:left;
    text-transform: uppercase!important;
    width: 100%;
    white-space: nowrap;
}

#sortMenu li { text-transform:capitalize!important; }

#sortMenu li:hover,
#photoVideoFilter li.selected,
#photoVideoFilter li:hover {color:#048823;}
#sortMenu li:last-child,
#photoVideoFilter li:last-child { border-bottom:none; }
.selectedItem {
    background: url('/images/blueCheckmark.png') no-repeat scroll 6px 0px transparent;
    content: " ";
    display: none;
    height: 12px;
    margin: 0px;
    padding: 0px;
    width: 20px;

}
/*.selected .selectedItem  {display: inline-block;}*/






/* no content treatment */

#noContentWrapper {
    display: inline-block;
    left: -350px;
    margin: 200px 50% auto 50%;
    position: relative;
    text-align: center;
    width: 700px;
}
.noContentMessage {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #666666;
    font-size: 14px;
    padding: 10px 70px;
    width: 300px;
}
.noContentIcon {
    background: url("/images/noContentIconSprite.png") no-repeat scroll 0 -100px transparent;
    display: inline-block;
    height: 50px;
    left: -25px;
    margin: -88px 50%;
    position: absolute;
    width: 50px;
}

.uploadVideosInstruction {
    clear: both;
    color: #666666;
    display:block;
    font-size: 14px;
    padding: 30px 5px;
    width: auto;
}

.uploadVideosInstruction a {
    color: #20A7FF;
    cursor: pointer;
    text-decoration: underline;
}

.noContentIcon.rc {background-position: 0px 0px;}
.noContentIcon.vd {background-position: 0px -100px ;}
.noContentIcon.co {background-position: 0px -200px ;}
.noContentIcon.sh {background-position: 0px -300px ;}
.noContentIcon.bm {background-position: 0px -400px ;}


/*spinner*/

#fmSpinner {
    background: url("/images/fmSpinner.gif") no-repeat scroll 50% 30% transparent;
    display:block;
    left: 0;
    min-height: 100%;
    width: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
    z-index: 9000;
}


/*List View Header */
.fmSortable {
    font-weight: normal;
    padding-right: 18px;
    cursor: pointer;
    text-transform: capitalize;
}

.fmSortable.selectedColumn {
    background: url("/images/updown_sort.png") no-repeat scroll right 10px transparent;
}
.fmSortable:hover{
    text-decoration:underline;

}

.fmSortable.selectedColumn.ascending {
    background-position: right -34px;
}


#uploadOffset { color:#797777; max-width:100px; overflow:hidden; }

#flashRequired{
    background-color:#666;
    display: none;
    height:100%;
    left:0;
    position: absolute;
    text-align: center;
    top:0;
    width:100%;
    z-index: 1003;
}
#flashRequired span{
    color: #FFFFFF;
    display: block;
    height: 100px;
    left: 50%;
    margin-left: -100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 200px;
}
#flashRequired a{
    display:block;
    margin-top:10px;
}
.noUpload #headerWrapper { height:50px; }
.noUpload #uploadWrapper,.noUpload #flashUploadWrapper  { display:none !important; }
/*.noUpload #fmMenu, .noUpload #categoryWrapper,.noUpload #mainWrapper { top:50px; }*/


.storageBarNormal {
    background-color: #0085CF;
}

.storageBarHigh {
    background-color: #FF9900;
}

.storageBarFull {
    background-color: #CC3300;
}


/*qos form*/
#qos {
    margin:30px 0px 100px 0px;
    width:100%;
}
#qos > * {margin:0px 30px; }
#qos h1 {
    color: #00A1FF;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}
#qos h2 {
    font-size: 16px;
    font-weight: normal;
    text-transform: none !important;
}
#qos .checkboxItem span {padding-left:15px;}
#qos .qosCommentWrapper {margin: 20px 0;}
#qos  #qosComment {height:50px; width:420px;}
#qos  #qosForm {margin: 20px 30px;width:420px;}
#qos .qosButtonWrapper {        text-align:right;   }

#qos .qosButton{
    background-color: #00A1FF;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #fff;
    cursor:pointer;
    display:inline;
    font-size: 12px;
    font-weight: normal;
    max-width: 100px;
    padding: 5px 15px;
    position: relative;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#qosLegalText {
    color: #999;
    font-size: 10px;
    margin: -10px 0px 15px 0px;
    text-align: right;
}
#qos {
    background-color: #FFFFFF;
    display:none;
    left:50%;
    margin: auto auto auto -240px;
    min-width: 100px;
    padding: 0px;
    position: fixed;
    top: 70px;
    width: 480px;
    z-index: 10009;
    padding-top:0px;
}
#sharedlanding #qos {padding-top: 20px;}
#qos.app #cancelQos,

#qos h1 {
    background-color:#666;
    color:#fff;
    font-size:12px;
    margin:0px 0px 20px 0px;
    padding: 10px;
}
#qos .qosInstructions { font-weight:bold;}

/*lightbox error poster*/
#errorCover {
    background-color: #000;
    display: none;
    height: 450px;
    width: 800px;
    position: absolute;
    margin-left: 20px;
}

.videoError #errorCover  {display: block;}
/*
.videoError #videoPlayer_wrapper{margin-left: 0px;}

.videoError #videoPlayer {margin-left: 20px;}
*/
.mobile .videoError #errorCover  {
    height: 200px;
    width: 260px;
    margin: 0px auto auto 30px;
    z-index: 1
}

.no-upsell-account-menu {
    height: 203px !important;
}
.no-upsell-cloud-storage-wrapper {
    padding-bottom: 10px !important;
}

.ynButton{
	margin: 5px;
    background-color: #00A1FF;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #fff;
    cursor:pointer;
    display:inline;
    font-size: 12px;
    font-weight: normal;
    max-width: 80px;
    padding: 5px 15px;
    position: relative;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.yesNoTitle {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

.yesNoClose {
	position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
}

.yesNoButtonWrapper {
	margin-top: 20px;
    padding-bottom: 20px;
}

#renameErrorContainer {
    color: #F57876;
    padding: 0 0 10px;
}
.renameErrorLabel {
    color: #F57876 !important;
}

.yesNoWrapper {
    background-color: #FFFFFF;
    border: 1px solid black;
    display: none;
    left: 50%;
    margin-left: -150px;
    padding: 10px;
    position: fixed;
    top: 30%;
    width: 279px;
    z-index: 1999;
}
.yesNoWrapper .yesNoQuestion{
    padding-bottom: 20px;
}

/*stand-alone page in-app*/
.app #headerWrapper,
.app #footerWrapper {display:none;}
.app #mainWrapper { padding: 0;  width: 95%;}

#infoWindow button {
        background-color: #00A1FF;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    border: none;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    height: 30px;
    min-width: 120px;
    margin: 3px;
}

/* SMS */
#SMSField {
    width: 340px;
    text-align: center;
}

#sendSMSButton {
    background-color: #333333;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    border: none;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    height: 35px;
    margin: 6px;
}

#smsRecipient {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: -10px;
    margin-right: 10px;
}

#smsRecipient.smsRecipientDialog {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 335px;
    margin: 0;
    padding-left: 20px;
}




/* Import Contacts */

#importContactWrapper {
    display:none; /* remove important when import contacts is ready*/
    position: relative;
    z-index:2;
}

.importContactList {
    display:none;
    width: auto;
    right: 0px;
    position: absolute;
    z-index: 1;
    top: 30px;
}
.importContactList li {
    background-color: #fff;
    color: #000;
    margin-left: -10px;
    padding: 10px 8px 10px 7px;
    width: 100%;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
.importContactList li:last-child {border-bottom: 1px solid #999;}

.importContactList li:hover { background-color: #deefff;}
.importContactList li > .title{

}
#importContacts {

    border-right: 7px solid transparent;
    border-left: 10px solid transparent;
    color: #000;
    cursor:pointer;
    font-size: 11px;
    line-height: 17px;
    /*min-width: 100px;*/
    padding: 7px 0px 7px 10px;
    position: absolute;
    right: 15px;
    z-index: 1;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.active #importContacts{ background-color: #00a1ff; color: #fff;}

#importContacts .icon{
    background: url("/images/importContactsIconSprite.png") no-repeat scroll 0 0 transparent;
    display:block;
    float:right;
    height: 20px;
    width:16px;
}
#importContacts .importContactList li > .icon{
    background-position: 0px -98px;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    /* background-color: red; */
    margin: 0px 8px 0px 15px;
}
.active .importContactList {display:block;}

#importContacts .importContactList .facebook > .icon{
    background: url("/images/ext_icon_FB_sm.jpg") 0px 0px no-repeat scroll transparent;
}
#importContacts .importContactList .gmail > .icon{
    background: url("/images/ext_icon_GG_sm.jpg") 0px 0px no-repeat scroll transparent;
}
#importContacts .importContactList .outlook > .icon{
    background: url("/images/ext_icon_MS_sm.jpg") 0px 0px no-repeat scroll transparent;
}
#importContacts .importContactList .yahoo > .icon{
   background: url("/images/ext_icon_YH_sm.jpg") 0px 0px no-repeat scroll transparent;
}
.active #importContacts .icon{
}


#importContacts .title{
    display: inline-block;
    text-align: right;
    padding-right: 7px;
    float: left;
}
#importContacts .subtitle{
    font-size: 8px;
    display: inline-block;
    text-align: right;
    padding-left: 15px;
    float: left;
}
.active #importContacts .title{ display:inline-block !important;}
#lbWidthHelperShareDialog,
#shareModalFileTitle {
    color: #333;
    background:transparent;
    /*background: url("/images/pencil.png") no-repeat transparent;*/
    /*background-position: right 10px center;*/
    font-weight: bold;
    display: inline-block;
    height: 19px;
    margin: 0 0px 10px 0px;
    max-width:362px;
    min-width: 90px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    white-space: normal;
    width:auto;
    top: 0px;
    word-wrap: break-word;
    /*max-width: 317px;*/
    z-index: 11;
}
#lbWidthHelperShareDialog {
    display:inline-block;
    left: -9999px;
    min-width:10px;
    padding-right: 0px;
    position: absolute;
    width:auto !important;
}
.multiShare #shareModalFileTitle {
    width:380px;
}

#shareModalFileTitle.multishare {
    z-index: auto;
    /*width:430px;*/
    font-weight: normal;
}

#shareModalFileTitle.singleshare {
    z-index: auto;
    /*width:430px;*/
    /*padding: 2px 6px;*/
    font-weight: normal;
    /*background:transparent;*/
    border:none;
}

/*#shareModalFileTitle.singleshare:focus,#shareModalFileTitle.singleshare:hover {
    z-index: auto;
    font-weight: normal!important;
    background-color:#fff;

}*/
#shareModalFileSubTitle {
    color: #333;
    height: 20px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: auto;
    padding-left: 5px;
    top: 0px;
    max-width: 450px;
    z-index: 11;
}

#shareModalFileSubTitle > span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#shareModalFileSubTitle > .lblocation {
    max-width: 245px;
    padding-right: 5px;
}

#editTitleIcon {
    background:url(/images/pencil2.png);
    display:inline-block;
    height:13px;
    width:13px;
}

#shareItemsCount {
    color:#a1a1a1;
    font-size:12px;
    display:inline-block;
    margin-left:10px;
    position:absolute;
    top:67px;
    right:15px;
}

.shareView #shareItemsCount {
    vertical-align:top;
}

.importContactOption[data-connected="true"]
{
    background-color: #EEEEEE;
    cursor:default;
}

.importContactList li[data-connected="true"]:hover { background-color: #EEEEEE;}

#shareModalThumbnail { float: left; margin:7px 0px 0px 0px;}
#shareLinkArea, #shareEmailMessage, #shareTwitterMessage { float: left; margin: 11px 0px 0px 5px;}
#shareTwitterMessage { display: none; }


/* hide elements if page to narrow*/
@media only screen and (max-width : 850px) {
    #footerMenu #footerSurePlay{display: none;}
}
@media only screen and (max-width : 430px) {
    #headerWrapper #headerGetFreeSpace{display: none;}
}
.processing #userSave
{
    background: url("/images/ajax-loader.gif") no-repeat center transparent;
    cursor: progress;
    outline-width: 0;
}

#share.processing{
    background-image: url("/images/ajax-loader.gif");
    background-position: center center;
    background-repeat:  no-repeat;
    cursor: progress;
    outline-width: 0;
}

.contactImage {
    padding-right:5px;
    float:left;
    width:25px;
    height:26px;
}

.contactType {
    /*text-align: bottom;*/
    font-size: 9px;
    color: #666666;
}

.contactName {
    /*text-align: top;*/
    font-size: 11px;
}

.winphone .FBFeature {
    display: none !important;
}
#toggleLocalCloud {display: none;}

.ui-autocomplete {
    max-height: 300px !important;
    overflow: auto;
    position: fixed !important;
    padding:0;
}

.rpdOverStorage {
    background-color: #FF0000;
    clear:both;
    float:left;
    font-size: 26px;
    line-height: 30px !important;
    margin: 5px;
    padding:10px;
    color: #FFFFFF;
}

.rpdOverStorageTotal {
    background-color: #FF9942;
    height: 60px;
    left: 0;
    max-width: 100%;
    top: 0;
    width: 100%;
}
#shareDialog.shareDialogEmbed #shareLinkArea {overflow: auto; width:300px !important;}


/*Date Picker*/
#calNav {
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: auto;
    padding-top:6px;
    position: fixed;
    right: 0px;
    top: 215px;
    width: 64px;
    z-index: 11;
    box-sizing:border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
opacity: .7;
}
#calNav.open{opacity:1;}

.scrolled #calNav {  }

.listView #calendarWrapper { margin-top:24px;}
.pv #calNav {display: block;}

.listView #calNav {display: none !important;}
#showCal{
    background-color: #88a2b1;
    border:none;
    display: block;
    color: #fff;
    margin-top: 0px;
    margin-left: 8px;
    text-align: center;
    width: 50px;
    padding: 10px 0px 6px 0px;
    line-height: 16px;
    font-size: 16px;
}

#showCal .alphabetButton {
    line-height: 35px;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 3px;
}
#newFilterDate {display: none;}

#calPicker * {
    box-sizing: border-box;
}
.activeMonth {
    text-transform:uppercase;
}
.calHeading {
    background-color: #88a2b2;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 1px;
    font-size: 14px;
    font-weight: lighter;
 }
#calendarWrapper {
    background-color: #fff;
    border: 1px solid #88a2b2;
    box-sizing: border-box;
    overflow:auto;
    padding: 20px;
    position: absolute;
    left:-202px;
    top: -1px;
    width: 200px;
    max-height: 480px;
    -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 5px 9px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 5px 9px 0px rgba(50, 50, 50, 0.35);

}
.calMonth {
    display: inline-block;
    width: 39px;
    line-height: 30px;
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
}
.calMonth.active {
    background-color: #88A2B1;
    color:#fff;
}
.calMonth:hover {
     color: #00a1ff;

}
.calMonth.no-caption {
    width:110px;
    letter-spacing:1px;
}

 /* Dynamic Scroll To Top Icon */
#scrollToTop {
    background: url("/images/fmIconSprite.png") no-repeat scroll 18px -5991px #88A2B1;
    color: #00a1ff;
    display: none;
    height: 20px;
    margin-left:8px;
    margin-top:0px;
    padding: 10px 0px 4px 0px;
    text-align: center;
    width: 50px;
    font-size: 20px;

}
.activeYear {
    font-weight: lighter;
    font-size: 12px;
}


/*SOFT GROUP VIEW*/
.group .list-content-selected,.autoupload .list-content-selected{
    display: none !important;
}
.group-content-container {
    margin: 20px 0px;
    overflow: auto;
    /*padding-right: 25px;*/
    position:relative;
}
.listView .group-content-container {
    margin: 0px;
    overflow: hidden;
}

.group-content-container .seperator{
    border-bottom:2px solid #fff;
    clear:both;
    margin: 0px 25px;
    padding-top: 20px;
}

.listView .group-content-container .seperator {
    display: none;
    opacity: 0;
    padding: 0px;
}


.group-content-container .title {
    font-size: 18px;
    line-height: 18px;
    padding:0px 10px;

}
.groupItem {
    /*cursor:pointer;*/
    line-height: 30px;
}

.groupItemCount {display:none;}

.groupHeader {
    background-color: transparent;
    color:#666;
    font-weight: lighter;
    height: 30px;
    position: relative;

}
.groupShare {
    background: url("/images/fmIconSprite.png") no-repeat scroll 0px -5300px  transparent;
    color:#999;
    cursor:pointer;
    display:inline;
     font-size: 14px;
     padding: 5px 10px 5px 30px;
    position: relative;
    right: -10px;

}

#upgradeLink{
    display:inline-block;
    cursor: pointer;
    font-size: 15px;
    height:100%;
    line-height: 54px;
    /*position: fixed;*/
    /*right: 430px;*/
    vertical-align:top;
    z-index: 21;
}
#upgradeLink a{
    color: #00A1FF;
    border-right: 1px solid #666;
    padding: 10px;
}

#optionButtons {
    float: right;
    right: 0px;
}

#keepMediaButton {
    display:none;
    float: right;
     background: url("/images/keep_sprite.png") no-repeat scroll 0px 0px  transparent;
    cursor:pointer;
   width: 31px;
   height: 25px;
}

#keepMediaButton.clicked { background-position-y: -32px; }

#downloadMediaButton {
    text-transform: uppercase;
    float: none;
    background: url(/images/sharelanding/download_sprite.png) no-repeat 75px 3px;
    padding-right: 75px;
}

#likeMediaButton {
    float: right;
    background: url("/images/like_sprite.png") no-repeat scroll 0px 0px  transparent;
    cursor:pointer;
   width: 31px;
   height: 25px;
}
#likeMediaButton.liked { background: url("/images/like_sprite.png") no-repeat scroll 0px -33px transparent; }

#sharedlanding:not(.rectype-email) #likeMediaButton, #sharedlanding:not(.rectype-email) #lightboxLikesWrapper
{
    /*display: none !important;*/
}

/*
* Search results
*/

.autocomplete-container ul {
    position:relative!important;
    top:0!important;left:0!important;
    border:none!important;
    max-height:320px!important;
    -moz-border-radius:5px!important;
    -webkit-border-radius:5px!important;
    border-radius:5px!important;
    -khtml-border-radius:5px!important;
}

.autocomplete-container {
    position: fixed;
    background: #ffffff;
    border: 1px solid #dcddde;
    top:130px!important;
    left:0;
    overflow:initial!important;
    -moz-border-radius:5px!important;
    -webkit-border-radius:5px!important;
    border-radius:5px!important;
    -khtml-border-radius:5px!important;
    width:350px;
    z-index:100;
}
.scrolled .autocomplete-container { top:75px!important; left:20px; }
.autocomplete-container:after, .autocomplete-container:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.autocomplete-container:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color:#ffffff;
    border-width: 15px;
    margin-left: -15px;
}
.autocomplete-container:before {
    border-color: rgba(220, 221, 222, 0);
    border-bottom-color: #dcddde;
    border-width: 16px;
    margin-left: -16px;
}

.sr #mainWrapper .isCollection .list-content-name { display:block; }
.sr  #mainWrapper.isCollection .list-content-count {
    bottom: 4px;
    color: #fff;
    display: block;
    font-weight: lighter;
    text-shadow: 0 0 1px #666;
    position: absolute;
    z-index: 2;
}

.mainsearch a { margin:0!important; padding:10px 0!important; height:50px!important; }
.mainsearch .row1, .mainsearch .row2, .mainsearch .row3 {
    color:#a1a1a1!important;
    font-size:12px;
    font-family:Helvetica, sans-serif;
    padding-left:65px!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mainsearch .row1 { font-weight:bold; margin-top:-49px!important; }
.mainsearch .row2, .mainsearch .row3 {
    margin-top:-3px;
}
.search-image { width:50px!important; height:50px!important; margin:0px!important; padding:0!important; }
.search-image.image-collection { width:45px!important; height:45px!important; margin:5px 0 0 1px!important; }
.thumb-icon { width:50px!important; height:50px!important; margin:0 0 0 10px; }
.thumb-icon.collection-icon{ background:url(/images/thumbnail_stack.png) no-repeat; }

/*#fmMenu.sr #breadcrumb-wrapper a, #fmMenu.sr #breadcrumb-wrapper .breadcrumbArrow { display:none; }*/
#searchSpinner {
    background:url(/images/ajax-loader-2.gif) no-repeat;
    display:none;
    height:16px;
    position:absolute;
    right: 9px;
    top: 19px;
    width:16px;
}
#clearSearch {
    /*background:url(/images/rt_sprite_actions.png) no-repeat 0 -2200px;*/
    background: url(/images/rt_sprite_header_1.png) no-repeat scroll 0px -1095px transparent;
    cursor:pointer;
    display:none;
    height:25px;
    position:absolute;
    top:15px;
    right:0px;
    width:25px;
}
#searchResultsFor {
    color:#666;
    font-family:Helvetica, sans-serif;
    font-size:14px;
   /* margin-top:-10px!important; */
}

/*#searchResultsFor span { font-weight:bold; }*/

/*
* Share dialogs
*/
#shareDialog label {
    color:#ccc;
    font-size:12px;
    font-family:Helvetica, sans-serif;
}
#shareDialog.shareView #shareModalFileTitle {
    height:20px;
    background:none;
    margin:5px 0 5px 0;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#shareModalFileSubTitle { display:none; }
#shareModalFileTitle {
    font-family:Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold!important;
    color:#666;
    height:20px;
}
#shareModalFileTitle.isCollection {
    width:380px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#shareDialog.localShare #shareModalFileTitle {
    width:380px!important;
}
#shareModalFileTitle.multishare {
    border:none;
    font-family:Helvetica, sans-serif;
    font-size:14px;
}

#shareModalFileTitle.multishare.noEdit {
    width:380px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#shareModalFileTitle.multishare.highlight {
    background-color:transparent;
    margin-bottom:5px;
}

#emailInputWrapper { border:none; }
#lblShareEmailInput { top:-10px; }

#fromEmailWrapper { margin-top:-6px; }
#fromEmail {
    border:none;
    height:40px!important;
    margin-top:0px;
    width:430px!important;
}

#lblfromEmail { top:17px!important; left:5px!important; }

#firstLandName { margin-top:1px; padding-bottom:0!important; }
#shareFirstName {
    border:none;
    height:40px!important;
    width:211px!important;
}
#shareLastName {
    border:none;
    height:40px!important;
    width:211px!important;
}
#shareLinkArea, #shareEmailMessage {
    border:none;
    margin-top:13px;
    margin-left:13px;
}
#lblshareFirstName, #lblshareLastName { top:11px!important; }
#lblshareFirstName { left:5px!important; }
#lblshareLastName { left:235px!important; }

#shareModalThumbnail { margin-top:0; }
#lblShareEmailMessage { bottom:133px; font-size:14px!important; left:171px; }

#cancelShare, #share { margin:27px -12px 0 -5px; border:none; }

.shareDialogWrapper.ui-widget-content { height:315px!important; }
.shareDialogWrapper.anonymousShare.shareDialogEmail { height:417px!important; }

.shareDialogWrapper.locationWrapper.ui-widget-content { height:450px!important; }

#locationMap {
    height:233px;
    width: 100%;
}

#locationInput {
    width: 100%;
}

#importContacts { right:12px; top:-3px; }
#importContacts .contactCItem {
    color:#a1a1a1;
    font-family:Helvetica, sans-serif;
    font-size:12px;
}

#importContactWrapper.active .contactCItem {
    color:#fff;
}

#shareWithFacebookMsg, #shareLinkMessage, #shareLinkArea { border:none!important; }


#coSocialStats { display:block; margin:-5px 0 13px 0; }

#breadcrumb-wrapper a {
    color:#bbb;
}

#albumHeader {
    background-attachment:fixed;
    /*background-color:yellow;*/
    background-position:center;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-size: cover;
    height:120px;
    position:absolute;
    left:20px;
    right:20px;
    top:20px;
    /*width:100%;*/
}

#albumHeaderCover {
    height:120px;
    position:absolute;
    left:20px;
    right:20px;
    top:20px;

    /*background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;*/
}

#albumHeaderCover:hover #btnSelectAlbum {
    display:inline-block;
}

.gradient1 {
    background: -moz-linear-gradient(-45deg,  rgba(1,90,26,0.85) 0%, rgba(9,191,182,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(1,90,26,0.85)), color-stop(100%,rgba(9,191,182,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(1,90,26,0.85) 0%,rgba(9,191,182,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(1,90,26,0.85) 0%,rgba(9,191,182,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(1,90,26,0.85) 0%,rgba(9,191,182,0.85) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(1,90,26,0.85) 0%,rgba(9,191,182,0.85) 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9015a1a', endColorstr='#d909bfb6',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}

.gradient2 {
    background: -moz-linear-gradient(-45deg,  rgba(47,93,125,0.85) 0%, rgba(120,74,158,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(47,93,125,0.85)), color-stop(100%,rgba(120,74,158,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(47,93,125,0.85) 0%,rgba(120,74,158,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(47,93,125,0.85) 0%,rgba(120,74,158,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(47,93,125,0.85) 0%,rgba(120,74,158,0.85) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(47,93,125,0.85) 0%,rgba(120,74,158,0.85) 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92f5d7d', endColorstr='#d9784a9e',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}

.gradient3 {
    background: -moz-linear-gradient(-45deg,  rgba(7,118,188,0.85) 0%, rgba(85,195,179,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(7,118,188,0.85)), color-stop(100%,rgba(85,195,179,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(7,118,188,0.85) 0%,rgba(85,195,179,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(7,118,188,0.85) 0%,rgba(85,195,179,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(7,118,188,0.85) 0%,rgba(85,195,179,0.85) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(7,118,188,0.85) 0%,rgba(85,195,179,0.85) 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90776bc', endColorstr='#d955c3b3',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}

.gradient4 {
    background: -moz-linear-gradient(-45deg,  rgba(1,34,102,0.85) 0%, rgba(126,122,190,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(1,34,102,0.85)), color-stop(100%,rgba(126,122,190,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(1,34,102,0.85) 0%,rgba(126,122,190,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(1,34,102,0.85) 0%,rgba(126,122,190,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(1,34,102,0.85) 0%,rgba(126,122,190,0.85) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(1,34,102,0.85) 0%,rgba(126,122,190,0.85) 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9012266', endColorstr='#d97e7abe',GradientType=1)" ; /* IE6-9 fallback on horizontal gradient */
}

.gradient5 {
    background: -moz-linear-gradient(-45deg,  rgba(38,59,163,0.85) 0%, rgba(71,167,198,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(38,59,163,0.85)), color-stop(100%,rgba(71,167,198,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(38,59,163,0.85) 0%,rgba(71,167,198,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(38,59,163,0.85) 0%,rgba(71,167,198,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(38,59,163,0.85) 0%,rgba(71,167,198,0.85) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(38,59,163,0.85) 0%,rgba(71,167,198,0.85) 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9263ba3', endColorstr='#d947a7c6',GradientType=1)"; /* IE6-9 fallback on horizontal gradient */
}

#albumHeaderCover h2 {
    color:#fff;
    font-family: Helvetica, sans-serif;
    font-size:24px;
    font-weight:300;
    margin:15px 130px 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#countItems {
    color:#fff;
    display:inline-block;
    font-size:14px;
    margin:2px 0 0 20px;
    vertical-align:top;
}

#btnSelectAlbum {
    background:url(/images/checkbox_sprite_small.png) no-repeat scroll -1px -1px transparent;
    display:none;
    color:#fff;
    font-size:12px;
    height:22px;
    margin-left:10px;
    vertical-align:top;
    width:22px;
}

#btnDeselectAlbum {
    background:url(/images/checkbox_sprite_small.png) no-repeat scroll -1px -27px transparent;
    display:none;
    color:#fff;
    font-size:12px;
    height:22px;
    margin-left:10px;
    vertical-align:top;
    width:22px;
}

#btnShareAlbum {
    background:url("/images/fmIconSprite.png") no-repeat 11px -593px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    color:#fff;
    display:none;
    height:35px;
    padding:11px 0 0 35px;
    position:absolute;
    top:10px;
    right:20px;
}

#albumHeaderCover #coSocialStats {
    bottom:4px;
    color:#fff;
    margin-left:20px;
    position:absolute;
}

#albumHeaderCover #coSocialStats span, #albumHeaderCover #coSocialStats .socialItem {
    color:#fff;
}

.albumDetails .list-content-icons {
    display:none!important;
}


#lightboxMediaMetrics {
    box-sizing: border-box;
    color: #a1a1a1;
    padding: 0px;
    #width:600px;
    padding-left:12px;
    font-size:12px;
    font-weight:bold;
}

#lightboxMediaMetrics > li {
    float: none;
    display: block;
    padding-bottom:10px;
    padding-left:0px;
    clear:both;
}

#lightboxMediaMetrics > li.galleryPanelHeader {
    #border-top:1px solid #666;
    color:#cccccc;
    font-size: 14px;
    font-weight: bold;
    margin-top:10px;
    padding-top:10px;
    margin-bottom:15px;
}
#lightboxMediaMetrics > li.galleryPanelHeader:first-child { border-top:none;}

.mediaMetricData {
    color:#a1a1a1;
    font-weight:normal;
    width:130px;
    float:right;
}

.mediaMetricField{
    float:left;
    width:120px;
    padding-bottom:10px;

}

/*#sharedlanding #lightboxFilmstripWrapper {margin-left:-457px;}*/

#mediaMetricList input[type='checkbox'] { margin-right:5px;}

/* Share dialog for anonymous user */
#shareDialog.anonymousUser #emailInputWrapper {
    margin-left:155px;
    float:none;
}

#shareDialog.anonymousUser #fromEmail {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin-left:155px;
    width:300px!important;
}

#shareDialog.anonymousUser #shareFirstName, #shareDialog.anonymousUser #shareLastName {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    float:none;
    margin-right:0;
    width:145px!important;
}

#shareDialog.anonymousUser #shareFirstName {
    margin-left:155px;
    margin-right:8px;
}

#shareDialog.anonymousUser #shareModalThumbnail {
    position:absolute;
    top:104px;
    left:15px;
}

#shareDialog.anonymousUser #shareEmailMessage, #shareDialog.anonymousUser #shareTwitterMessage, #shareDialog.anonymousUser #shareLinkArea {
    margin-left:153px!important;
}

#shareDialog.anonymousUser #lblshareLastName {
    left:315px!important;
}

#shareDialog.anonymousUser #lblshareFirstName {
    left:161px!important;
}

#shareDialog.anonymousUser #lblfromEmail {
    left:162px!important;
}

.getInputWidth {
    display:none;
    font-size:14px;
    font-family:Helvetica, sans-serif;
    font-weight:bold;
    height:0px;
}



/* Unshare dialog */
#unshareDialog { color:#333; font-family:Helvetica, sans-serif; }
.unshareDialogWrapper.ui-dialog .ui-dialog-content {
    padding:20px;
}
.unshareDialogWrapper.ui-widget-content {
    margin-top:-175px!important;
}
.unshareDialogWrapper .ui-dialog-title {
    color:#eee;
    font-family:Helvetica, sans-serif;
    font-size:18px;
}
#unshareDescription {
    color:#000;
    font-size:14px;
    font-weight:bold;
    margin:0 0 20px 0;
}
#recipientsWrapper {
    height:100px;
    overflow:auto;
}
.recipientsWrapperItem { height:20px; line-height:20px; margin-bottom:5px; width:100%; }
.recipientsWrapperItem > * {
    display:inline-block;
    vertical-align:top;
}
/*.unshareRecipientImg {
    height:20px;
    width:20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}*/
/*.unshareRecipientName { color:#666; font-size:12px; font-weight:bold; margin-left:10px; }*/
/*.unshareRecipientLink { color:#00a1ff!important; font-size:9px; font-weight:bold; float:right; text-decoration:underline; }*/
/*.unshareRecipientLink:hover { background:none!important; }*/
/*#unshareDialog .unshareOptButton { margin-top:20px; }*/

.sh.albumDetails #sharedMenuWrapper { display:none!important; }

/* Download apps modal */
.downloadAppsModal { background:#fff; width:725px!important; }

.downloadAppsModal .ui-dialog-titlebar { background:#fff!important; border:none!important; }
/*.downloadAppsModal .ui-icon-closethick { background:url(/images/firstrun/close.png); height:23px; width:23px; }*/

.downloadAppsModal #mainContainerAppsModal {
    padding:0!important;
    width:725px!important;
}

.downloadAppsModal #mainContainerAppsModal .item {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:10px;
}

.downloadAppsModal #mainContainerAppsModal .item h2 {
    color:#00a1ff;
    font-size:25px;
    text-align:center;
}

.downloadAppsModal #mainContainerAppsModal .item h3 {
    font-size:20px;
    font-weight:300;
    text-align:center;
    margin-top:5px;
}

.downloadAppsModal #getApp {
    background:#fff;
    color:#00a1ff;
    height:250px;
    width:inherit;
}

.downloadAppsModal #apps { text-align:center; margin-top:40px; }
.downloadAppsModal #apps .row { margin-top:30px; }
.downloadAppsModal #apps .row:first-child { margin-top:0; }
.downloadAppsModal #apps .app {
    display:inline-block;
    height:52px;
    margin-right:36px;
    vertical-align:top;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.downloadAppsModal #apps .windowsPhone { background:url(/images/firstrun/button_windowsphone.png); width:226px; }
.downloadAppsModal #apps .windows { background:url(/images/firstrun/button_windowsPC.png); width:191px; }
.downloadAppsModal #apps .mac { background:url(/images/firstrun/button_mac.png); width:157px; }
.downloadAppsModal #apps .iphone { background:url(/images/firstrun/button_IOS.png); width:189px; }
.downloadAppsModal #apps .android { background:url(/images/firstrun/button_android.png); width:141px; }
.downloadAppsModal #apps .chromecast { background:url(/images/firstrun/button_chromecast.png); height:37px; width:182px; }
.downloadAppsModal #apps .roku { background:url(/images/firstrun/button_roku.png); height:37px; width:113px; }

/* First run beta features modal */
.betaFeaturesModal, .reactivateModal,
.betaFeaturesModal iframe, .reactivateModal iframe {
    height:520px!important;
    width:620px!important;
    padding:0!important;
}
.betaFeaturesModal .ui-dialog-titlebar, .reactivateModal .ui-dialog-titlebar {
    background-color:transparent!important;
    border:none;
    position: absolute;
    top: 0px;
    height: 22px;
    z-index: 10;
    left: 0;
    right: 0;
}
.betaFeaturesModal .ui-dialog-titlebar-close, .reactivateModal .ui-dialog-titlebar-close {
    background:transparent!important;
    border:none!important;
}

.betaFeaturesModal .ui-dialog-titlebar-close .ui-icon-closethick, .reactivateModal .ui-dialog-titlebar-close .ui-icon-closethick {
    background-image:url(/css/images/ui-icons_ffffff_256x240.png);
}

.listView  .rowSelectedCheck {
    height: 30px;
    width: 30px;
}

.listView .list-content-row > .list-content-selected {
    left: 7px;
    top:3px;
    z-index: 1;
}

/*.ipad #tabbed-menu { margin-top:40px; }*/
/*.android.tablet #upgradeLink,
.ipad #upgradeLink { position:absolute; top:0; }*/
.ui-widget-overlay { z-index:1300!important; }


/* new list view */
.listView #currentSortMenuWrapper { display: none; }


.listView .groupHeader {
    display: none;
}
.listView .list-content-row li {
     box-sizing: border-box;
     margin: 0px;
    padding: 43px 0px 0px 10px;
}
.listView .content-row .list-content-collection-overlay {display: none;}

.listView .list-content-row .list-content-thumbnail {
    height: 100px;
    padding: 0px 25px 0px 56px !important;
    width: 100px;
    background-size: cover;
    background-position: right 0px;
    background-color: transparent;
}

.listView #wrapper .list-content-row .list-content-playIcon
{
    background-size: 25px;
    height:40px;
    left: 27px;
    margin: 0px !important;
    top: 27px;
    width:40px;



}

.listView #wrapper .realtimes .list-content-row .list-content-playIcon {
    background-size: 28px;
    background-position: 7px 7px;
}

.listView .content-row {

    border-top:1px solid #ccc;
    box-sizing: border-box;
    padding-right: 64px;
    margin:0px;
    min-width: 780px;

}
.listView .list-content-type{display:none;}
.listView .list-content-name {width: 23%;}
.listView .label-content-name {width: 110px;}
.listView .groupItem {
    line-height: 33px;
    padding-left: 10px;
}

.listView .label-content-place {width: 110px;}

.listView .list-content-filename,
.listView .list-content-place,
.listView .list-content-duration,
.listView .list-content-date,
.listView .list-content-filesize,
.listView .label-content-name,
.label-content-place,
.listView .list-content-shortDate {
    color:#666;
    line-height: 12px;
    overflow: hidden;
    position: relative;
     text-overflow: ellipsis;
    white-space: nowrap;

}

.listView .list-content-place{  width:20%; }
.listView .list-content-filename {width:15%;}
.listView .list-content-date ,
.listView .list-content-shortDate {width:15%;}
.listView .list-content-duration,
.listView .list-content-filesize,
.listView .seperator {display: none;}
.listView .list-content-name > input { width: 90%; }
.listView .list-content-place > input { width: 90%; }

.listView  #listviewHeaderAltDates:after {
    background: url('/images/updown_carat.png') no-repeat scroll 0px 0px transparent;
    content:" ";
    display: inline-block;
    height: 35px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 2px;
    top: 11px;
    width: 12px;

}

.listView .list-content-name > input.label-content-name:hover,
.listView .list-content-name > input.label-content-name:focus {
    background-color: #fff !important;
    border:1px solid #a1a1a1 !important;
    color: #999 !important;
    font-size: 12px !important;
    padding:3px;
}

/* dynamic popup content css */

.dynamicPopupMenu1 {
    background-color: #fff;
    border: none;
    overflow: hidden;
    margin-top: 01px;
    position: relative;
}


 .dynamicPopupMenu1 > li {
    cursor: pointer;
    display: block;
    padding: 7px 8px 5px 8px;
    float: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
 }
 .dynamicPopupMenu1 > li:hover { color:#048823;}

#placesMap {
    width: 100%;
    height: 100%;
    height: calc(100% - 160px);
    position: fixed !important;
}

#placesMap.open {
    width: calc(100% - 250px);
}

#placesPanel {
    width: 250px;
    height: 100%;
    height: calc(100% - 190px);
    position: fixed !important;
    right: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    margin-top:30px;
}

#placesPanel.open {
    display: block;
}

#placesPanelHeader {
    line-height: 30px;
    height: 25px;
    font-size: 14px;
    width: 240px;
    text-align: right;
    position: fixed !important;
    right: 0px;
    display: none;
    cursor: pointer;
    padding-right: 10px;
    padding-bottom: 5px;
    background-color: #DDDDDD;
    border-bottom: 1px solid #000000;
}

#placesPanelHeader.open {
    display: block;
}

#placesPanelHeader .closeButton {
    cursor: pointer;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    font-size: 30px;
    font-weight: bold;
    float: right;
}

#placesPanelHeader .closeButton:before {
    content: "×";
}

.placesPanelOb
{
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-position-y: top;

    height: 150px;
    width: 215px;
    margin: 25px 10px 10px 10px;
}

.placesPanelObTitle
{
    position: relative;
    top: -16px;
    float: right;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size: 12px;
    color: #000000;
    white-space: nowrap;
    width: 230px;
    text-align: right;
    /*text-shadow: 0 0 2px #000000;*/
}

.placesPanelObLoc {
  width: 230px;
  padding: 10px;
  background-color: #CCCCCC;
  font-size: 14px;

    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

.placesPanelObIcon.video {
  background: url(/images/playicon.png) center center no-repeat;
  display: block;
  height: 49px;
  left: calc(50% - 25px);
  padding: 0;
  position: relative;
  width: 49px;
  top: calc(50% - 25px);
}

.placesMapMarker {
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    width: 40px;
    height: 40px;

}

.zoomIn {
    cursor: zoom-in;
}


.placesMapMarkerThumb {
    background-color: transparent;
    width: 60px;
    height: 40px;
    background-size: cover;
    background-position-y: top;

   -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 2px -2px 4px rgba(88,88,88,0.7);
    border: 1px solid #333333;
}

.group-detail-container {
    display: none;
}

.markerCount {
    text-align: center;
    font-weight: bold;
    line-height: 26px;
    position: relative;
    top: -15px;
    background-color: #5dc3ff;
    left: 35px;
    width: 36px;
    height: 26px;
    border-radius: 14px;
    border: 1px solid #333333;
}

#wrapper.pl .content-row {
    display:none;
}

#wrapper.pl #list-content-container {
    padding: 0px;
    position: fixed;
}

.placesMapMarker.cluster .markerCount.outercluster {
    display: none;
}

.date_uploaded-selected .date_viewed, .date_uploaded-selected .date_modified{
    display:none;
}

.date_viewed-selected .date_uploaded, .date_viewed-selected .date_modified{
    display:none;
}

.date_modified-selected .date_uploaded, .date_modified-selected .date_viewed{
    display:none;
}

.listView .realtimes .list-content-duration{display: none;}

/* Empty page stories tab */
#storiesNoContent {
    background:url(/images/handStories.png) no-repeat right bottom;
    font-family:Helvetica,Arial,sans-serif;
    font-weight:300;
    padding:40px 0 0 40px;
    height:500px;
    max-width:826px;
}
#storiesNoContent > h3 {
    color:#00A1FF;
    font-size:48px;
    font-weight:300;
}
#storiesNoContent > h4 {
    font-size:30px;
    font-weight:300;
    color:#666;
    margin-bottom:20px;
}
#storiesNoContent > ul > li {
    color:#666;
    font-size:20px;
    float:none;
    height:20px;
    margin-bottom:15px;
}
#storiesNoContent > ul > li > span { color:#00A1FF; }
#storiesGetApp {
    background:#656565;
    color:#fff;
    font-size:30px;
    height:80px;
    width:360px;
    line-height:80px;
    text-align:center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
#imgStoriesApps { margin-top:25px; width:367px; }

@media(max-width: 1000px) {
    #storiesNoContent { background-size:320px; height:420px; }
    #storiesNoContent > h3 { font-size:40px; }
    #storiesNoContent > h4 { font-size:22px; }
    #storiesNoContent > ul > li { font-size:14px; }
    #storiesGetApp { width:280px; }
    #imgStoriesApps { width:240px; }
}
@media (min-width: 1000px) and (max-width: 1090px) {
    #storiesNoContent > h3 { font-size:44px; }
    #storiesNoContent > h4 { font-size:25px; }
    #storiesNoContent > ul > li { font-size:16px; }
    #storiesGetApp { width:290px; }
    #imgStoriesApps { width:300px; }
}

.pt_br #storiesNoContent > h3,
.ja #storiesNoContent > h3,
.de #storiesNoContent > h3,
.fr #storiesNoContent > h3 { font-size:40px!important; }

.pt_br #storiesNoContent > h4,
.ja #storiesNoContent > h4,
.de #storiesNoContent > h4,
.fr #storiesNoContent > h4 { font-size:22px!important; }

.pt_br #storiesNoContent > ul > li,
.ja #storiesNoContent > ul > li,
.de #storiesNoContent > ul > li,
.fr #storiesNoContent > ul > li { font-size:14px!important; }

.pt_br #storiesGetApp,
.ja #storiesGetApp,
.de #storiesGetApp,
.fr #storiesGetApp { width:280px; }

#getRealPlayerLink .mac { display:none!important; }

.android #getRealPlayerLink,
.ios #getRealPlayerLink { display:block!important; }

.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
    margin-top:-10px!important;
}
.downloadAppsModal .ui-dialog-titlebar-close {
    background:none;
    border:none;
}
.albumDetails .likesPopup {
    left:125px!important;
}
.albumDetails .likesPopup table {
    padding:5px;
    background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
.albumDetails .likesPopup .likesUsername {
    float:none!important;
    margin:0!important;
    line-height:18px;
}
#taskShareAlbum { display:none!important; }
.co #toggleView { display:none!important; }


#mainMenuWrapper {
   box-sizing:border-box;
   width: 100%;
  display: block;
  position: relative;
  height: 55px;
  z-index: 15;
}
#mainMenuRow {
    background:#fff;
    border-bottom:1px solid #ddd;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction:row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap:nowrap;
    margin: 0;
    padding: 0;
}
#mainMenuRow > li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#mainMenuLeftWrapper,
#mainMenuFilterWrapper {
    position: relative;
    height:55px;
    /*background-color: red;*/
    min-width: 100px;
}
#categoryWrapper,
#mainMenuFilterWrapper {
    list-style: none;
    flex-grow: 1;
    text-align: center;
}

#mainMenuLeftWrapper .logoSearchWrapper {
    display: block;
    height: 55px;
    min-width: 165px;
}
.scrolled #mainMenuLeftWrapper .logoSearchWrapper {
    min-width: 195px;
}

#rlogo {
  background: url(/images/rt_sprite_header_1.png) no-repeat 15px -100px;
  display: none;
  height: 55px;
  width: 70px;
  padding-left: 20px;
  box-sizing: border-box;
}
.scrolled #rlogo { display:inline-block; }
#mainMenuSearchWrapper {
    height:100%;
    padding-left:15px;
    position:relative;
  width: 100%;
  box-sizing: border-box;
}
.scrolled #mainMenuSearchWrapper {
    display:inline-block;
    padding-left:1px;

    top:-20px;
    width: 120px;
    }
/*#mainMenuSearchWrapper > img {
    position:absolute;
    top:15px;
    left:20px;
}
.scrolled #mainMenuSearchWrapper > img { left:2px; }
*/
#mainMenuSearchWrapper label[for=searchbox] {
    display:none;
    color:#BBBBBB;
    font-size:14px;
    position:absolute;
    left:55px;
    top:22px;
}
.scrolled #mainMenuSearchWrapper > label { display: none !important; }

/*.scrolled #searchbox::-webkit-input-placeholder { opacity: 0; }
::-moz-placeholder { opacity: 0;  }
:-ms-input-placeholder { opacity: 0; }
input:-moz-placeholder {opacity: 0;  }*/


.mainMenuContentWrapper {
    display: block;
    height: 100%;
    min-width: 150px;
}

#categoryWrapper{
    min-width:720px;
}

#dragOverFiles {
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:9999;
}
#dragOverFiles > .dragOverBadge {
    display: block;
    height: 282px;
    width:282px;
    position:absolute;
    bottom:50%;
    left:50%;
    margin-bottom:-141px;
    margin-left:-141px;
  }
#dragOverFiles > span{
    background:#fff;
    border:2px solid #048823;
    content:" ";
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    z-index:-1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.dragOver #dragOverFiles { display:block; }
.dragOver #dragOverFiles.hidden { display:none; }


#fileTaskMenu > #taskCancelSelect > span > span > span {
    padding-top: 20px;
}



/*UPLOAD ANIMATION */
.animatedUploadAway {
    -moz-animation-name: uploadEyeMover; /* Chrome, Safari, Opera */
    -moz-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-name: uploadEyeMover; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: uploadEyeMover;
    animation-duration: 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes uploadEyeMover {
    from {
        transform: rotate(0deg) scale(1,1);
        bottom:50%;
        left:50%;
    }
    to {
        transform: rotate(720deg) scale(.1,.1);
         bottom:1%;
          left:25%;
    }
}

/* Mozilla */
@-moz-keyframes uploadEyeMover {
    from {
        transform: rotate(0deg) scale(1,1);
        bottom:50%;
        left:50%;
    }
    to {
        transform: rotate(720deg) scale(.1,.1);
         bottom:1%;
          left:25%;
    }
}

/* Standard syntax */
@keyframes uploadEyeMover {
    from {
        transform: rotate(0deg) scale(1,1);
        bottom:50%;
    }
    to {
        transform: rotate(720deg) scale(.1,.1);
         bottom:1%;
    }
}






/*coach marks css*/
.realPopup {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -1px;
    padding:20px;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#coachmarkBackground {
    display:block;
    opacity:.5;
    filter:alpha(opacity=50);
    position:fixed;
    top:0px;
    left:0px;
    min-width:100%;
    min-height:100%;
    z-index:1000;
}
.uploadCoachmarksId,
.upgradeCoachmarksId {
    background-color: #048823;
    border: none;
    margin-top: -1px;
    padding:20px;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*override border-top-color to match background color of callout*/
.realPopup:after {
    border: solid 10px transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.realPopup.arrowBottom:after {
  border-top-color: #048823;
  left: 50%;
  margin-left: -10px;
  top: 100%;
}
.realPopup.arrowTop:after {
  border-bottom-color: #048823;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
}
.realPopup.arrowLeft:after {
  border-right-color: #048823;
  margin-top: -10px;
  right: 100%;
  top: 50%;
}
.realPopup.arrowRight:after {
  border-left-color: #048823;
  margin-top: -10px;
  left: 100%;
  top: 50%;
}


/*List View Date Sort*/
.realPopup.listDateSortMenu {
    padding: 0px;
}

.realPopup.listDateSortMenu.arrowTop {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
}
#sortMenu:after,
#sortMenu:before,
.realPopup.listDateSortMenu.arrowTop:after,
.realPopup.listDateSortMenu.arrowTop:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#sortMenu:after,
.realPopup.listDateSortMenu.arrowTop:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 20px;
}
#sortMenu:before,
.realPopup.listDateSortMenu.arrowTop:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: 19px;
}
#sortMenu:after{ margin-left: 35px; }
#sortMenu:before{ margin-left: 34px; }


.uploadCoachmarksClass {
    background-color: #00a1ff;

}
.uploadCoachmarksClass.arrowTop:after {
  border-bottom-color: #00a1ff;
}
.uploadCoachmarksClass > * {color:#fff;}

/*  Custom to allow left-share list */
.sh #box-wrapper {
  /*left: 50%;
  margin-left: -300px;
  position: relative;*/
    margin:0 auto;
    width: 600px;

}


.groupHeaderSeperator {
    display: none;
  height: 1px;
  border: none;
  background-color: #ccc;
  position: absolute;
  left: -32px;
  bottom: 0px;
  width: 100%;
  padding: 0px 20px;
}

/*New Recent View*/
.rc .groupSelect,
.rc .groupItemCount {display: none!important;}
.rc .group-content-container {background-color: transparent !important;}
.rc .groupHeaderSeperator {}

.rc .group-content-container { width: 100% !important;}

.rc .groupMediaItems {
 display: block;
  overflow: auto;
  padding-right: 20px;
}

/* Change size of share activity panel on sharing view */
@media (max-width: 1080px) {
    .sh #sharedMenuWrapper {
        background:#f2f2f2;
        width:40px;
        white-space:nowrap;
        z-index:1;
    }
    .sh #sharedMenuWrapper:hover {width:216px; }

    .mobile .sh #sharedMenuWrapper:hover,
    .mobile .sh #sharedMenuWrapper { width:176px; }

    .sh #shareMenuTitle { opacity:0; }
    .sh #sharedMenuWrapper:hover #shareMenuTitle { opacity:1; }
}

/*
* Share view
*/
.shareViewWrapper:before {
    background:#000;
    content:' ';
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0.5;
    z-index:99999997;
}
/*.shareViewWrapper.isCollection .shareOption.embed { display:none; }*/
.shareViewWrapper #shareView {
    background:#fff;
    font-size:15px;
    font-weight:300;
    left:50%;
    margin-left:-275px;
    padding:0;
    position:fixed;
    top:30px;
    width:550px;
    z-index:99999999;
}

.shareViewWrapper #shareView.email .externalShare,
.shareViewWrapper #shareView.facebook .emailShare,
.shareViewWrapper #shareView.twitter .emailShare,
.shareViewWrapper #shareView.public .emailShare,
.shareViewWrapper #shareView.embed .emailShare,
.shareViewWrapper #shareView.pinterest .emailShare { display:none; }

#shareView.pinterest .extShareMsgWrapper { display:none; }

.shareViewWrapper.isCollection .shareOption.embed,
.shareViewWrapper.isAlbum .shareOption.embed,
.shareViewWrapper #shareView.public .btnAction,
.shareViewWrapper #shareView.embed .btnAction,
.shareViewWrapper #shareView.pinterest .btnAction { display:none!important; }

.shareViewWrapper #shareView.twitter #shareWithTwitterMsg,
.shareViewWrapper #shareView.twitter #twitterChars { display:block; }

.shareViewWrapper #shareView.embed #embedSizeSelector { display:inline-block; }

.shareViewWrapper #shareView.public .btnCancel,
.shareViewWrapper #shareView.embed .btnCancel,
.shareViewWrapper #shareView.pinterest .btnCancel {
    background:#00A1FF;
    color:#fff;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    -khtml-border-radius:20px;
}

.shareViewWrapper #shareViewTopbar {
    background:#f2f2f2;
    height:45px;
    line-height:45px;
    padding:0 20px;
    position:relative;
    text-transform:uppercase;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper #shareOptions {
    height:100%;
    position:absolute;
    right:20px;
    top:0;
}
.shareViewWrapper #shareOptions > .shareOption {
    display:inline-block;
    cursor:pointer;
    height:100%;
    margin-left:-3px;
    vertical-align:top;
    width:40px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper #shareOptions > .shareOption.selected,
.shareViewWrapper #shareOptions > .shareOption:hover { border-bottom:3px solid #11c719; }
.shareViewWrapper #shareOptions > .shareOption:before {
    background:#c2c2c2;
    content:' ';
    display:block;
    height:25px;
    margin:10px auto 0 auto;
    width:25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.shareViewWrapper #shareOptions > .shareOption.email:before { background:url(/images/share-dialog-assets.png) no-repeat; }
.shareViewWrapper #shareOptions > .shareOption.facebook:before { background:url(/images/share-dialog-assets.png) no-repeat 0 -100px; }
.shareViewWrapper #shareOptions > .shareOption.twitter:before { background:url(/images/share-dialog-assets.png) no-repeat 0 -200px; }
.shareViewWrapper #shareOptions > .shareOption.public:before { background:url(/images/share-dialog-assets.png) no-repeat 0 -300px; }
.shareViewWrapper #shareOptions > .shareOption.embed:before { background:url(/images/share-dialog-assets.png) no-repeat 0 -400px; }
.shareViewWrapper #shareOptions > .shareOption.pinterest:before { background:url(/images/pinterest-sh2.png) no-repeat; }

.shareViewWrapper #shareView .shareContainer { padding:15px 20px; }
.shareViewWrapper #importAddress {
    cursor:pointer;
    float:right;
    position:relative;
}
.shareViewWrapper #importAddress > span {
    background:url(/images/share-dialog-assets.png) no-repeat 0 -1300px;
    display:inline-block;
    height:20px;
    margin-left:10px;
    vertical-align:top;
    width:20px;
}

.shareViewWrapper #importAddress:hover .importContactList {
    border:none;
    display:block;
    padding-top:10px;
    top:11px;
    right:5px;
    /*width:80px;*/
}
.shareViewWrapper #importAddress .importContactList:after {
    bottom: 100%;
    left: 50%;
    top:-6px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(100, 102, 99, 0);
    border-bottom-color: #646663;
    border-width: 8px;
    margin-left: -8px;
}
.shareViewWrapper #importAddress .importContactList > li {
    background:#646663;
    color:#fff;
    padding:20px 20px 20px 60px;
    float:none;
    margin:0;
    box-sizing:border-box;
    -mozbox-sizing:border-box;
}
.shareViewWrapper #importAddress .importContactList > li .subtitle {
    display:block;
    font-size:11px;
    color:#c2c2c2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.shareViewWrapper #importFromFacebook { display:none; }
.shareViewWrapper #importAddress .importContactList > li.gmail { background:url(/images/share-dialog-assets.png) no-repeat 10px -790px #646663; }
.shareViewWrapper #importAddress .importContactList > li.outlook { background:url(/images/share-dialog-assets.png) no-repeat 10px -590px #646663; }
.shareViewWrapper #importAddress .importContactList > li.yahoo { background:url(/images/share-dialog-assets.png) no-repeat 10px -690px #646663; }

.shareViewWrapper #addEmailWrapper {
    background:#f2f2f2;
    max-height:88px;
    min-height:44px;
    line-height:44px;
    margin:10px 0 10px 0;
    overflow:auto;
    outline:none;
    padding:0 8px;
    width:100%;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    -khtml-border-radius:22px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper #addEmailWrapper.on:before {
    color:#c2c2c2;
    content:attr(placeholder);
    display:block;
    position:absolute;
    margin-left:10px;
}
.shareViewWrapper #addEmailWrapper  > *{
    display:inline-block;
    vertical-align:top;
}
.shareViewWrapper #recentContactsList {
    margin-bottom:20px;
    height:170px;
    max-height:170px;
    overflow:auto;
}
.shareViewWrapper #txtAddEmail { outline:none; display:inline-block!important; min-width:1px; margin-left:10px; }

.contactsAutocomplete > .item,
.shareViewWrapper .itemsList > .item {
    border-bottom:1px solid #f2f2f2;
    cursor:pointer;
    float:none;
    height:55px;
    line-height:50px;
    padding-left:50px;
    position:relative;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper .itemsList > .item.isRealtimes .name {
    color:#444;
    font-size: 16px;
    font-weight: 400;
}
.shareViewWrapper .itemsList > .item.isRealtimes .contactEmail {
    background:url("/images/imgBadge.png") no-repeat;
    height:26px;
    padding-left:30px;
    color: #00a1ff;
}
.shareViewWrapper .itemsList > .item.isKDDIUser .contactEmail {
    background:url("/images/RPCauBadge.png") no-repeat;
    height:20px;
    padding-left:45px;
    color: #00a1ff;
}
/*.shareViewWrapper .itemsList > .item.selected { background:#efefef; border-bottom:1px solid #fff; }
.shareViewWrapper .itemsList > .item:hover { background:#efefef; }*/

.shareViewWrapper .itemsList > .item .checkmark {
    background:url(/images/checkbox_sprite.png) 0px -1px no-repeat transparent;
    height:30px;
    position:absolute;
    right:10px;
    top:10px;
    width:30px;
}
.shareViewWrapper .itemsList > .item:hover .checkmark { background:url(/images/checkbox_sprite.png) 0px -35px no-repeat transparent; }
.shareViewWrapper .itemsList > .item.selected .checkmark { background:url(/images/checkbox_sprite.png) 0px -70px no-repeat transparent; }

.shareViewWrapper .itemsList > .item .name {
    padding-right:40px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    padding-top:6px;
}
.shareViewWrapper .itemsList > .item .contactEmail {
    color:#ccc;
    line-height:20px;
    font-size: 12px;
}

.contactsAutocomplete > .item img,
.shareViewWrapper .itemsList > .item img {
    height:35px;
    position:absolute;
    left:0;
    top:6px;
    width:35px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%;
}
.contactsAutocomplete > .item span,
.shareViewWrapper .itemsList > .item span {
    color:#ccc;
}
.shareViewWrapper .itemsList .selectContact {
    border:2px solid #00a1ff;
    cursor:pointer;
    height:30px;
    position:absolute;
    right:0;
    top:20px;
    width:30px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper .itemsList .selectContact.selected { border:10px solid #00a1ff; }
.shareViewWrapper .txtMessage {
    background:#f2f2f2;
    border:none;
    color:#333;
    font-size:15px;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:300;
    height:110px;
    padding:15px;
    outline:none;
    resize:none;
    width:100%;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -khtml-border-radius:15px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper #composeMessaeWrapper { margin:10px 0 0 0; }
.shareViewWrapper #txtEmailMessage {
    display:inline-block;
    vertical-align:top;
    width:330px;
}
.shareViewWrapper .smallThumb {
    background:#c2c2c2;
    display:inline-block;
    float:right;
    height:110px;
    vertical-align:top;
    width:160px;
}
.shareViewWrapper .btnActionsWrapper {
    padding:0 20px 15px 20px;
}
.shareViewWrapper .btnActionsWrapper > div {
    display:inline-block;
    vertical-align:top;
}
.shareViewWrapper .btnAction {
    background:#00a1ff;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:15px;
    height:30px;
    line-height:30px;
    padding:0px 20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    -khtml-border-radius:20px;
}
.shareViewWrapper .btnAction[disabled=disabled] { cursor:initial; opacity:0.5; }
.shareViewWrapper .btnCancel {
    color:#00a1ff;
    cursor:pointer;
    padding:0px 20px;
    height:30px;
    line-height:30px;
}
.shareViewWrapper .btnCancel:hover { text-decoration:underline; }

.shareViewWrapper #messageType { margin-bottom:10px; }
.shareViewWrapper .countItems { margin:20px 0 8px 0; text-align:right; display:none!important; }
.shareViewWrapper .largeThumb {
    background:#c2c2c2;
    height:200px;
    margin:20px 0 0 0;
    width:100%;
}

.shareViewWrapper .thumbnail {
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}
.shareViewWrapper #twitterChars {
    display:none;
    font-size:14px;
    position:absolute;
    bottom:5px;
    right:10px;
    color:#c2c2c2;
}
.shareViewWrapper #shareWithTwitterMsg {
    display:none;
    /*float:right;*/
    height: auto;
    background: none;
    color: #616161;
    width: auto;
    padding: 0;
    font-size: 16px;
}
.shareViewWrapper #embedSizeSelector {
    border:none;
    display:none;
    float:none;
    margin:10px 0;
    min-width:150px;
    padding:0 15px;
}
.shareViewWrapper #embedSizeSelector > div { font-size:15px; font-weight:300; text-align:left; }
.shareViewWrapper #embedSizeLabel {
    display:inline-block;
    padding:5px 5px 5px 0;
    vertical-align:top;
}
.shareViewWrapper #currentEmbedSize {
    border:1px solid #c2c2c2;
    display: inline-block;
    position:relative;
    vertical-align: top;
    padding: 5px 20px 5px 5px;
}
.shareViewWrapper #currentEmbedSize:after {
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #707070 transparent transparent transparent;
    content: " ";
    width: 0px;
    height: 0px;
    position: absolute;
    right:5px;
    top: 10px;
    margin-left:10px;
    -webkit-transform: rotate(360deg);
}
.shareViewWrapper #embedSizeList { background:#fff; width:auto; }
.shareViewWrapper #embedSizeList > li {
    font-size:13px;
    font-weight:300;
    float:none;
    padding:5px 14px;
    text-align:center;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.shareViewWrapper #embedSizeList > li:hover { background:#00a1ff; color:#fff; }
.shareViewWrapper #emailError { color:#f57876; display:none; margin-bottom:10px; text-align:center; }
.shareViewWrapper #autoplayWrapper { display:none; margin-left:15px; }
.shareViewWrapper .extShareMsgWrapper { position:relative; }
.shareViewWrapper #lblEmailTo { text-transform:capitalize; }
.shareViewWrapper #embedAutoplayLabel { font-size:14px; }

.contactsAutocomplete.ui-menu {
    background:#fff;
    border:none;
    border-bottom:#c2c2c2;
    color: #666;
    font-family: Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    height:260px;
    top:175px!important;
    left:50%!important;
    margin-left:-255px!important;
    width:510px!important;
    z-index:999999999;
}
.contactsAutocomplete.ui-menu > li {
    max-width:480px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.contactsAutocomplete.ui-menu > .ui-state-focus {
    background:#efefef!important;
    cursor:pointer;
    font-weight:300!important;
}

/* Old share dialog */
.shareDialogWrapper .cappedItem {
    font-size:12px;
    height:25px;
    line-height:25px;
    margin-top:0;
    padding:0 5px;
}
.shareDialogWrapper #emailInputWrapper { height:65px; }
.shareDialogWrapper #lblShareEmailMessage { bottom:113px; }
.shareDialogWrapper #share, .shareDialogWrapper #cancelShare { margin:7px -12px 0 -5px; }
.shareDialogWrapper .cappedItem .emailItem {
    display:inline-block;
    overflow:hidden;
    max-width:190px;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right:10px;
}
.shareDialogWrapper .cappedItem .removeItemAction { margin-left:2px; vertical-align:top; }

#account-menu-items.couponUnlimited #accountStorageLimitText,
/*#account-menu-items.couponUnlimited #accountStorageText,*/
#account-menu-items.couponUnlimited .accountStorageUsedBar,
#account-menu-items.couponUnlimited #accountStorageUsedText,
#account-menu-items.couponUnlimited #accountStorageUsedPercent,
#account-menu-items.couponUnlimited #accountGetMoreSpace,
#account-menu-items.couponUnlimited #upgradeLink {
    display:none;
}
#account-menu-items.couponUnlimited #accountInfoBkgd { height:auto; }
#account-menu-items.couponUnlimited #accountUserInfoEmail { font-size:12px; }

#acceptTosWrapper {
    bottom: 0;
    height: 100px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999999999;
    display : none;
    background-color: green;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
}

.mobile #acceptTosWrapper {
    top: auto;
}
#acceptTosDetails {
    min-height: 100px;
     width: 100%;
}
#acceptTosText {
    color: #FFFFFF;
    font-size:15px;
    line-height : 44px;
    min-height: 70px;
    position: relative;
    top: 10px;
    text-align: center;

}

.mobile #acceptTosText {
    top: auto;
    bottom: 0px;
}

#acceptTosBtn {
    background-color: #FFFFFF ;
    position: relative;
    text-align : center;
    height : 30px;
    width : 10%;
    margin: 0 auto;
    margin-top: -40px;
    #margin-bottom : 20px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
}

#acceptTosCancel {
    color : #FFFFFF;
    float:right;
    margin-right:2%;
    margin-top: 10px;
    cursor: pointer;
}

#acceptBtnTxt {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

/*Event Notification*/
#showEventLog {
  background-color: #00a1ff;
  color: #fff;
  display: inline-block;
  height: 45px;
  width: 45px;
  margin-top: 5px;
  line-height: 45px;

}
#eventNotifcationWrapper {
    border: 1px solid #999;
    background-color: #ddd;
    color:#666;
    display: none;
    height: auto;
    left: -205px;
    line-height: 15px;
    margin-top: 4px;
    max-height: 250px;
    overflow: auto;
    position: absolute;
    text-align: left;
    width: 249px;
}
#eventNotifcationWrapper > li {
    box-sizing:border-box;
    display: block;
    border-bottom: 1px solid #999;
    padding: 5px 10px;
    width: 100%;
}

#showEventLog {  display: none !important; } /*remove to enable event log


/*dev temp*/
#fileTaskMenu #taskCreateRealTimes { background-position: center -390px; }
.dev #fileTaskMenu #taskCreateRealTimes {display: block !important;}

.iframeDialog
{
    left: calc(50% - 300px) !important;
}

.iframeDialog.ui-dialog
{
    position: fixed;
}

.iframeDialog .ui-widget-content
{
    overflow: hidden;
}

.iframeDialog .ui-icon-closethick
{
    background-position: -97px -128px;
}

.iframeDialog button
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#searchSuggestions.hidden { display:none!important; }
#searchSuggestions {
    color:#00A1FF;
    display:none;
    font-size:14px;
    margin-top:8px;
    padding:20px;
    position:absolute;
    text-align:center;
    width:200px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
#searchSuggestions:before {
    background:#fff;
    content:' ';
    opacity:0.95;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
}
#lastSearchList { margin-bottom:10px; }
#suggestedOptionsList { border-top:1px solid #c2c2c2; padding-top:10px; }
.noHistory #suggestedOptionsList { border-top:none!important; padding-top:0!important; }

#searchSuggestions ul li {
    cursor:pointer;
    float:none;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
}
#searchSuggestions ul li:hover { text-decoration:underline; }

#wrapper.sr .list-content-filename { display:none!important; }


#videoPlayer { margin:0 auto!important; }








/* Notification Center */

#notificationCenterButton {
    background: url('/images/notificationCenterSprite.png') no-repeat 0px -108px transparent;
    cursor: pointer;
    display: inline-block;
    margin-top: 16px;
    width: 22px;
    height: 21px;
    background-size: 35px;
	left: -15px;
}
#notificationCenterButton .noticeCount {
    display: none;
    font-size: 10px;
    font-weight: lighter;
    height: 10px;
    min-width: 10px;
    line-height: 11px;
    padding-right: 2px;
    right: -6px;
    top: 0px;
}
#notificationCenterButton .noticeCount.newNotices {display: block;}
#notificationCenter, 
#notificationCenter * { box-sizing: border-box;}
#notificationCenter {
	border-left: 1px solid #888888;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
	
    background-color: #fff;
    bottom: 0px;
    font-weight: lighter;
    overflow: auto;
    position: fixed;
    top:0px;
    right: -400px;
    width: 380px;
    z-index: 99;     

    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;

}

#notificationCenter.active {
    right: 0px;
}

#notificationCenter .notificationHeader {
	text-align:center;
    font-size: 17px;
    height: 50px;
    border-bottom: 1px solid #eee;
    padding-top: 15px;  
	top: 0px;
	position: fixed;
    width: 379px;
	font-weight: 400;
    background-color: white;
    border-bottom: 1px solid #ccc;
    z-index: 9;
	right: -385px;
	-webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

#notificationCenter.active .notificationHeader {
	right: 0px;
}

#notificationCenter .notificationHeadCounter {
    background-color: #fff;
	color: #00a1ff;
	font-weight:400;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    top: 50px;
    left: 0px;
    z-index: 9999999920;
    height: 50px;
    width: 100%;
    position: absolute;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

#notificationCenter .notificationHeadCounter:empty {
   display: none;
}

#notificationCenter .notificationClose {
    border-radius: 12px;
	text-align: center;
	font-size: 26px;
	line-height: 12px;
    box-sizing: content-box;
    color: #666;
    cursor: pointer;
    font-weight: lighter;
    margin-top: 6px;
    padding: 0px;
/*    height: 12px;
    width: 12px;*/
    display: block;
    position: absolute;
    top: 12px;
    right: 25px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url('/images/sprite_mainui.png') no-repeat -1px -1px;
	width: 14px;
	height: 14px;
}
#notificationCenter .notificationTitle { padding-left: 10px;}
#notificationCenter .notificationBlockHeader {
    border-bottom: 1px solid #eee;
    height: 35px;
    position: relative;
}
#notificationCenter .notificationBlockTitle {
    bottom: 5px;
    left:5px;
    position: absolute;
}

#notificationCenter .blockListHeader {
	font-weight:400;
	background-color:#eee;
    border-bottom: 1px solid #bbb;
    padding-top:10px;
}

#notificationCenter .sharedBlockList {
	margin-top: 25px;
    overflow: hidden;
}


#notificationCenter .notificationItem {
    border-bottom: 1px solid #eee;
    display: block;
    height: 70px;
    position:relative;
}

#notificationCenter .emptyNotification {
    height: 42px; 
    vertical-align: middle; 
    text-align: center; 
    line-height: 42px; 
    background-color: #F5F5F5; 
    color: #999; font-size: 14px; 
    border-bottom: 1px solid #bbb;
} 

#notificationCenter .notificationItem.viewMore {display: none;}

#notificationCenter .notificationItem.viewMore.viewMoreVisible {display: block;}

#notificationCenter .viewMoreButtonWrapper {
    display: block;
    cursor: pointer;
    line-height: 30px;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
#notificationCenter  .viewMoreButton {
    display: block;
}
#notificationCenter .showMoreItems  .viewMoreButton {
    display: none;
}
#notificationCenter  .viewLessButton {
    display: none;
}
#notificationCenter .showMoreItems  .viewLessButton {
    display: block;
}


#notificationCenter .notificationItem .notificationItemDateTime{
    color: #777;
    font-size: 10px;
    left: 60px;
    position: absolute;
    bottom: 10px;    
}

#notificationCenter .notificationItem .notificationItemActorIcon{
    background-color: #eee;
    border-radius: 20px;
    height: 40px;
    left: 10px;
    position: absolute;
    top:10px;
    width: 40px;

}

#notificationCenter .notificationItem .notificationTypeIcon{
    background: url('/images/sprite_notificationCenter.png') no-repeat 0 0px;
    background-size: 25px;
    border-radius: 10px;
    height: 20px;
    left: 33px;
    position: absolute;
    top: 33px;
    width: 20px;
}

#notificationCenter .notificationItem .notificationItemStatement{
    position: absolute;
	display: block;
    display: -webkit-box;
    top: 10px;
    left: 60px;
    font-size: 11px;
    width: 220px;
    max-height: 30px;
    overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-weight: 400;
}

#notificationCenter .notificationItem .notificationItemThumbnail{
    background-color: #ddd;
	background-size: cover;
	background-position: center;
    height: 60px;
    position: absolute;    
    right: 10px;
    top: 5px;
    width: 60px;
}

#notificationCenter .notificationItem .notificationTypeIcon.comment{
    background-position: -2px -51px;
}
#notificationCenter .notificationItem .notificationTypeIcon.like{
    background-position: -2px -29px;
}

#notificationCenter .notificationItem .notificationTypeIcon.shared_to_me{
    background-position: 20px 0px;
}

#notificationCenter .notificationItem .notificationTypeIcon.reshare{
    background-position: -2px -74px;
}

#notificationCenter .notificationItem .notificationTypeIcon.add_to_share{
    background-position: -2px -96px;
}
#notificationCenter .blockListTitle { 
    font-size: 14px;
    line-height: 25px;
    padding-left: 10px;
}

#notificationCenter .notificationItem.notificationItemHighlight {
    background: rgba(0, 161, 255, 0.05);
}

.notificationInitName, .notificationMediaTitle { 
font-weight: 600;
}

.storycreator .ui-dialog-content {
    padding: 0px;
}

.storycreator .ui-dialog-titlebar-close {
	display: none !important;
}

.storycreator .ui-dialog-titlebar {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size:14px;
	font-weight: 400;
	background-color: #fff !important;
	border: none;
	height:30px !important;
	color: #000;
	line-height: 28px !important;
	padding: 3px 3px 3px 3px !important;
    padding-left: 15px !important;
}

.storycreator {
	border: none;
	overflow: hidden;
	height: 636px !important;
	border-radius: 5px;
	background-color: #000;
	padding: 0px;
}

/* Valentine Promo */
#valentineStoryPromo {
	display: none;
	position: fixed;
	top: 0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 9999999;
}

#vpHeart {
	background: url('/images/bigoverlay_heart2.png') no-repeat 0 0px;
    height: 385px;
	width: 408px;
	
    left: 50%;
	margin-left: -211px;
    position: absolute;
    top: 100px;
	
	color: #ffffff;
	text-align: center;
}

#vpBeta {
	position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
    color: #ff0000;
    line-height: 58px;

    width: 60px;
    height: 60px;
    background: url('/images/Oval 1_beta_icon.png') no-repeat;
    text-align: center;
}

#vpTitle {
	font-family: cursive;
	margin-top: 60px;
    font-size: 21px;
    padding: 20px 30px 10px 30px;
	line-height: 24px;
}

#vpText {
	font-size: 13px;
	padding: 0px 50px 0px 50px;
}

#vpSteps {
	font-size:13px;
    padding: 10px 80px 20px 80px;
}

#vpDone {
	width: 100px;
	color: #000000;
    font-size: 14px;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px;
    line-height: 10px;
    border: none;
}

.speech-bubble {
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  color: #000;
  background: #ff0000;
  border-radius: 10px;
}

/* creates triangle */
.speech-bubble:after {
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  top: -15px;
  left: 50%;
  width: 0;
  border-width: 0 15px 15px;
  border-style: solid;
  border-color: #ff0000 transparent;
}

#vpTooltip {
	display: none;
	background-color: #ff0000;
	padding: 10px;
	top: 65px;
	width: 200px;
	position: absolute;
	line-height: 14px;
	margin-left:-91px;
    color: #ffffff;
}

/*Upsell Dialog styles */

.upsellDialog .choosePaid {
    display: block;
    text-align: center;
    background: #40B75C;
    padding: 10px;
    margin-top: -20px;
    color: #fff;
    cursor: pointer;
}

.upsellDialog .continueFree {
    cursor: pointer;
    margin-top: 8px;
}

.upsellDialog .choosePaidWrapper * {
    color: white;
    font-weight: normal;
}
.upsellDialog ul {
    padding: 10px 0px;
    list-style-type: disc;
    margin-left: 15px;
}
.upsellDialog ul li {
    width: 100%;
    font-size: 12px;
    line-height: 22px;
}
.upsellDialog ul li:last-child {
    margin-bottom: 15px;
}

.upsellDialog button {
    display: block;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
}

.rtDialogtitle {
    font-size: 14px;
    color: #41cc62;
    font-weight: 500;
    text-transform: uppercase;
}

.upsellDialog .rtDialogHeader .close {
    position:absolute;
    right: 16px;
    top: 15px;
    cursor: pointer;
    background: url(/images/sprite_mainui.png) -1px -1px no-repeat;
    width: 14px;
    height: 14px
}

#jp_video_0, #videoPlayerOb, #videoPlayerOb video {
	position: relative;
    width: 100% !important;
}

.portrait #jp_video_0, .portrait #videoPlayerOb, .portrait #videoPlayerOb video {
    max-height: 400px;
}

.vjs-control-bar {
	position: absolute;
	bottom: 0px;
}

.vjs-big-play-button {
	left: 50% !important;
    top: 50% !important;
    margin-left: -45px !important;;
    margin-top: -45px !important;;
}

.sublogin {
	font-size: 12px;
    color: #00A1FF;
}

#goToReal > span {
    color:#00A1FF;
    padding:5px 10px;
    font-size:15px;
    vertical-align: top;
    line-height: 54px;
    font-style: normal;
  	font-stretch: normal;
  	text-align: center;  	
}

.headerItem{
    display:inline-block;
    cursor: pointer;
    font-size: 15px;
    height:100%;
    line-height: 54px;
    vertical-align:top;
    z-index: 21;       
}

#line {
    border-right: 1px solid #666;
    padding: 10px;
    cursor: auto;
    vertical-align: super;   
}
#campaigns {
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.8);
}

#campaigns.hidden { display: none; }

#campaigns .active { display: block;}

.message {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 40%;
    margin: auto;
}

#campaigns .active { display: block;}

/* Modal Content */
.campaignContent {
    background-color: #F8F8FF;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;

}

.msgAckBtn {
    background-color: #00a1ff;
    color: #F8F8FF;
    border-radius: 5px;
    text-align: center;
}

.msgDismissBtn {
    background-color: #00a1ff;
    color: #F8F8FF;
    border-radius: 5px;
    text-align: center;
}

.btnHolder-content {
    display: flex;
    justify-content: center;
}

.paid {
	visibility: hidden;
}
.free {
	visibility: visible;
}
#share-on-way-wrapper{
 height: 270px;
 
}
#share-on-way-img {
	margin-top: 120px;
	background: url("/images/ic_checkmark-110x130.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 120px;
	width: 100%;
}
.share-on-way-p {
	font-size:16px;
	text-align: center;
}

.btnActionsWrapperClose {
	margin-top: 45px;
}

#overlay-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999998;
}

#shareView-wrapper {
	height: inherit;
	position: relative;
}
.shareViewWrapper .btnActionsWrapper {
	position:absolute;
	padding: 0 20px;
	bottom: 3px;
	height: 35px;	
}


#shareView.facebook .extShareMsgWrapper {
	visibility: hidden;
}

.mobile-yes-no {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 267px;
    z-index: 5000;
    width: 318px;
    background-color: white;
    text-align: center;
}