/**
 * BEGIN FLOCK GPL
 *
 * Copyright Flock Inc. 2005-2009
 * http://flock.com
 *
 * This file may be used under the terms of the
 * GNU General Public License Version 2 or later (the "GPL"),
 * http://www.gnu.org/licenses/gpl.html
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * END FLOCK GPL
 */

  #flock-photo-topbar-container {
    min-height: 90px;
}

.flock-contacts-menu-item {
  list-style-image: url("chrome://flock/skin/photo/searchContacts.png");
}

 #flock-photo-browse-status {
     color: #ffffff;
 }

.flock-photo-browse-toolbar-menu {
     background:  none;
 }
 
  #flock-photo-browse-user-album,
  #flock-photo-browse-user {
     background: url("chrome://flock/skin/photo/photo-browser-user-right.png") no-repeat;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: 100% 2px;
%endif
 }
 
 #flock-photo-browse-user-album:hover,
 #flock-photo-browse-user:hover {
     background: url("chrome://flock/skin/photo/photo-browser-user-right-hover.png") no-repeat;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: 100% 2px;
%endif
 }

 #flock-photo-browse-user-album.flock-button .toolbarbutton-text,
 #flock-photo-browse-user.flock-button .toolbarbutton-text {
    margin-left: -5px !important;
    margin-right: 18px !important;
    padding-left: 5px !important;
    padding-top: 6px !important;
    padding-bottom: 9px !important;
    padding-right: 5px !important;
    background: none;
    color: #ffffff;
    font-weight: bold;
 }
 
.slideyScrollBoxBG {
    /*background-image: url("chrome://flock/skin/photo/photoSlideySlice.png") !important; */
    background-color: #232323;
    background-image: url("chrome://flock/skin/photo/mediabar-slidey-background.png");
    background-repeat: repeat-x;
}
 
 #flock-photo-browse-user-album.flock-button:hover .toolbarbutton-text,
 #flock-photo-browse-user.flock-button:hover .toolbarbutton-text {
  background: url("chrome://flock/skin/photo/tb_slice.png") repeat-x center;
 }
 
 #flock-photo-browse-user-album > .toolbarbutton-icon,
 #flock-photo-browse-user > .toolbarbutton-icon {
    background: none;
 }
 
 #flock-photo-browse-user-album:hover > .toolbarbutton-icon,
 #flock-photo-browse-user:hover > .toolbarbutton-icon {   
  background: url("chrome://flock/skin/photo/tb_left_border.png") no-repeat;
 }
 
 #flock-photo-browse-new .toolbarbutton-icon,
 #flock-photo-browse-friends .toolbarbutton-icon {
%ifdef XP_MACOSX
    padding: 1px;
%else
	 padding: 3px;
%endif
 }
 
 #flock-photo-browse-new .toolbarbutton-menu-dropmarker,
 #flock-photo-browse-friends .toolbarbutton-menu-dropmarker {
%ifdef XP_MACOSX
    padding: 1px;
%else
    padding: 3px;
%endif
}
 
 #flock-photo-browse-new label,
 #flock-photo-browse-friends label {
     display: -moz-box !important;	 
 }

 #flock-photo-browse-search-image {
     list-style-image: url("chrome://flock/skin/photo/starReloadResize.png");
     -moz-image-region: rect(3px 186px 19px 160px);
}

 #flock-photo-browse-user-album {
    background: url("chrome://flock/skin/photo/photo-browser-user-right.png") no-repeat;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: 100% 2px;
%endif
 }
 
 #flock-photo-browse-user-album .toolbarbutton-icon{
%ifdef XP_MACOSX
     list-style-image: url(chrome://browser/skin/bookmarks/bookmark-folder.png) !important;
%else
    list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
    -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
%endif
    
 }
 
  #flock-photo-browse-tab-deck > label {
    background: url("chrome://flock/skin/photo/photoSlideySlice.png");
    margin: 0 !important;
    padding: 8px 0 0 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
 #flock-photo-browse-find-user {
    background: url("chrome://flock/skin/photo/photoSlideySlice.png");
}
 #flock-photo-browse-find-user-msg {
    color: #fd0;
    font-weight: bold;
}

 #flock-photo-browse-find-user-heading {
    color:  #F587FF;
    font-weight: bold;
    font-size: 16px;
}

 #flock-photobrowse-container {
    padding: 5px;
    background: url("chrome://global/skin/toolbar/toolbar-background.png");
}

 #flock-photobrowse-container .toolbarbutton-text {
    display: none;
}

 #flock-photobrowse-container .flock-photo-browse-toolbar-menu .toolbarbutton-text {
    display: -moz-box !important;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 11px;
}

 #flock-photobrowse-container .photo-bar-button {
    padding: 0 !important;
    margin: 2px 2px 0 2px !important;
}

 #flock-photobrowse-infobox-container {
    padding-bottom: 2px;
%ifdef XP_MACOSX
    margin-bottom: -10px;
%else
    margin-bottom: -5px;
%endif
}

.flock-photobrowser-topLeft {
    background: url("chrome://flock/skin/photo/photoSlideyTopLeftCap.png");
    width: 5px;
}

.flock-photobrowser-userInfo {
    background: url("chrome://flock/skin/photo/photoSlideySlice.png");
    -moz-box-pack: center;
    -moz-box-align: center;
    height: 27px;
    color: #ffffff !important;
    font-size: 1.3em !important;
    font-weight: bold;
}

.flock-photobrowser-topRight {
     background: url("chrome://flock/skin/photo/photoSlideyTopRightCap.png");
     width: 5px;
}


 #flock-photo-browse-size[thumb="true"] {
    -moz-image-region: rect(0px 104px 27px 78px);
    cursor: pointer;
}

 #flock-photo-browse-size[thumb="true"]:hover {
    -moz-image-region: rect(27px 104px 54px 78px);
}

 #flock-photo-browse-size[thumb="true"]:active {
    -moz-image-region: rect(54px 104px 81px 78px);
}

 #flock-photo-browse-size {
    list-style-image: url("chrome://flock/skin/photo/starReloadResize.png");
    -moz-image-region: rect(0px 130px 27px 104px);
}

 #flock-photo-browse-size:hover {
    -moz-image-region: rect(27px 130px 54px 104px);
}

 #flock-photo-browse-size:active {
    -moz-image-region: rect(54px 130px 81px 104px);
}

 #flock-photo-browse-watch {
    list-style-image: url("chrome://flock/skin/photo/starReloadResize.png");
    -moz-image-region: rect(0px 52px 27px 26px);
    cursor: pointer;
}

 #flock-photo-browse-watch:hover {
    -moz-image-region: rect(27px 52px 54px 26px);
}

 #flock-photo-browse-watch:active {
    -moz-image-region: rect(54px 52px 81px 26px);
}

 #flock-photo-browse-watch[watch="true"] {
    -moz-image-region: rect(0px 26px 27px 0px);
}

 #flock-photo-browse-watch[watch="true"]:hover {
    -moz-image-region: rect(27px 26px 54px 0px);
}

 #flock-photo-browse-watch[watch="true"]:active {
    -moz-image-region: rect(54px 26px 81px 0px);
}

 #flock-photo-browse-watch[disabled="true"] {
    visibility: collapse;
}

 #flock-photo-browser-refresh {
    list-style-image: url("chrome://flock/skin/photo/starReloadResize.png");
    -moz-image-region: rect(0px 78px 27px 52px);
}

 #flock-photo-browser-refresh:hover {
    cursor: pointer;
    -moz-image-region: rect(27px 78px 54px 52px);
}
 #flock-photo-browser-refresh:active {
    cursor: pointer;
    -moz-image-region: rect(54px 78px 81px 52px);
}

 #flock-photo-browser-search {
    background: #fd0 !important;
    cursor: pointer;
    font-weight: normal;
    height: 20px;
    font-size: 10px;
}

 #flock-photo-browser-search .toolbarbutton-text {
    display: -moz-box !important;
}

 #flock-photo-searchbox {
    border: 1px solid #333 !important;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 12px;
    height: 20px;
    font-weight: normal;
}

 #flock-photo-browser-search-container {
     min-height: 25px;
 }
 
 #flock-photo-browser-search-left {
     width: 8px;
 }
 
  #flock-photo-browser-search-container:hover #flock-photo-browser-search-left {
     width: 8px;
  background: url("chrome://flock/skin/photo/tb_left_border.png") no-repeat;
 }
 
 #flock-photo-browser-search-inner-container > label {
     margin: 0;
     padding: 0 0 2px 0;
     font-size: 11px;
     font-weight: normal;
     color: #888;
 }
 #flock-photo-browser-search-container[open] > #flock-photo-browser-search-inner-container >  label {
     color: #fff;
 }

 #flock-photo-browser-search-container:hover #flock-photo-browser-search-inner-container {
  background: url("chrome://flock/skin/photo/tb_slice.png") repeat-x;
 }
  
  #flock-photo-browser-search-right {
       width: 5px;
  }

  #flock-photo-browser-search-container:hover #flock-photo-browser-search-right {
  background: url("chrome://flock/skin/photo/tb_right_border.png") no-repeat;
 }
 
 #flock-photo-browser-search-container[open] {
    background: #999999;
    -moz-border-radius: 3px;
 }
 
  #flock-photo-browser-search-container[open][hasSearchTerm] {
     background: #f19834 !important;
 }
 
  #flock-photo-browser-search-container[open] #flock-photo-browser-search-right {
    background: none;
 }
 
 #flock-photo-browser-search-container[open] #flock-photo-browser-search-left {
    background: none;
 }
 
 #flock-photo-browser-search-container[open] #flock-photo-browser-search-inner-container {
    background: none;
 }

 #flock-photo-browse-friends {
    list-style-image: none !important;
}

.new-media-items-button {
  font-size: 1.3em;
  color: #ff0000;
  font-family: arial, sans;
  font-weight: bold;
}

.flock-photo-browser-infobutton {
    -moz-appearance: toolbarbutton;
    -moz-box-orient: horizontal;
    padding: 0 5px 0 5px;
}

.flock-photo-browser-infobutton .toolbarbutton-text {
    padding: 0 3px 0 3px;
    display: -moz-box !important;
}

.flock-photo-browser-infobutton .toolbarbutton-icon {
    padding-left: 4px;
}

.flock-button .toolbarbutton-menu-dropmarker {
    display: none;
}

 #flock-photo-browse-user-album > image,
 #flock-photo-browse-user > image {
  display: -moz-box !important;
  padding: 4px 5px 6px 3px !important;
}

 #flock-photo-browse-accounts {
    list-style-image: url("chrome://flock/skin/photo/accountKeys.png");
}

 #flock-photo-browse-new {
    list-style-image: none !important;
    padding: 2px;
}

 #flock-photo-browse-recent {
    list-style-image: url("chrome://flock/skin/photo/historyClock.png");
}

 #flock-photo-browser-launchUploader {
    list-style-image: url("chrome://flock/skin/photo/uploadOnLight.png");
}

 #flock-photo-upload-container {
    margin: 5px;
}

.flock-photo-resize {
    -moz-appearance: none;
    border: 0;
    list-style-image: url("chrome://flock/skin/photo/photoSizeControl.png");
}

.flock-photo-resize:hover {
    cursor: pointer;
}

.flock-photo-resize .button-text {
    -moz-appearance: none;
    display: none;
}

 #flock-photo-browse-size-thumb{
    -moz-image-region: rect(0px 21px 26px 0px);
}

 #flock-photo-browse-size-thumb:hover,
 #flock-photo-browse-size-thumb[checkState="1"] {
    -moz-image-region: rect(27px 21px 53px 0px);
}

 #flock-photo-browse-size-thumb:hover:active {
    -moz-image-region: rect(54px 21px 80px 0px);
}

 #flock-photo-browse-size-medium {
    -moz-image-region: rect(0px 43px 26px 22px);
%ifdef XP_MACOSX
    border: 1px solid transparent;
    margin-left: -5px;
%endif
}

 #flock-photo-browse-size-medium:hover,
 #flock-photo-browse-size-medium[checkState="1"] {
    -moz-image-region: rect(27px 43px 53px 22px);
}

 #flock-photo-browse-size-medium:hover:active {
    -moz-image-region: rect(54px 43px 80px 22px);
}

.flock-topbar-close-button {
    margin: 0 5px 0 0 !important;
    -moz-appearance: none;
    padding: 0 !important;
    list-style-image: url("chrome://flock/skin/common/closeTab.png");
    -moz-image-region: rect(0px 16px 16px 0px);
}

.flock-topbar-close-button:hover {
    -moz-image-region: rect(16px 16px 32px 0px);
}

.flock-topbar-close-button:hover:active {
    -moz-image-region: rect(32px 16px 48px 0px);
}

#flock-photobrowse-container toolbarbutton:hover {
    -moz-border-top-colors: transparent transparent;
    -moz-border-right-colors: transparent transparent;
    -moz-border-bottom-colors: transparent transparent;
    -moz-border-left-colors: transparent transparent;
} 

 .flock-photobrowser-userInfo toolbarbutton,
 .flock-photobrowser-userInfo toolbarbutton:hover,
 .flock-photobrowser-userInfo toolbarbutton:hover:active,
 .flock-photobrowser-userInfo toolbarbutton[open="true"],
 .flock-photobrowser-userInfo toolbarbutton[disabled="true"],
 .flock-photobrowser-userInfo toolbarbutton[disabled="true"]:hover,
 .flock-photobrowser-userInfo toolbarbutton[disabled="true"]:hover:active {
    vertical-align: top;
    border-style: none;
    padding: 0;
    min-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 0px 0px 0px 0px;
    -moz-border-top-colors: transparent transparent;
    -moz-border-right-colors: transparent transparent;
    -moz-border-bottom-colors: transparent transparent;
    -moz-border-left-colors: transparent transparent;
    background-color: transparent;
    -moz-margin-end: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

 .flock-photobrowser-userInfo toolbarbutton {
  -moz-appearance: none;
  -moz-box-align: center;
  -moz-box-pack: center;
  margin: 0;
  border: 0px solid transparent;
  padding: 0;
  background-color: transparent;
  color: -moz-DialogText;
}


 .flock-photobrowser-userInfo toolbarbutton:hover,
 .flock-photobrowser-userInfo toolbarbutton[buttonover="true"] {
  border-color: transparent transparent transparent transparent;
}


 .flock-photobrowser-userInfo toolbarbutton[disabled="true"],
 .flock-photobrowser-userInfo toolbarbutton[disabled="true"]:hover,
 .flock-photobrowser-userInfo toolbarbutton[disabled="true"]:hover:active,
 .flock-photobrowser-userInfo toolbarbutton[disabled="true"][open="true"] {
  border-color: transparent;
  padding: 0px;
  color: GrayText !important;
}

 #flock-photo-instructions {
    padding: 20px;
    background-color: transparent;
    color: lightgray;
    text-align: center;
    font-size: 1.8em;
    font-family: arial, sans;
    font-weight: bold;
}

.toolbarbutton-icon {
    -moz-margin-end: 0px;
}

#mediabar-bannermessage {
  padding: 20px;
  color: lightgray;
  text-align: center;
  font-size: 1.2em;
  font-family: arial, sans;
  font-weight: bold;
  background-color: black;
  -moz-opacity: .8;
}

#mediabar-slideybox #scroll-left-button {
  list-style-image: url(chrome://flock/skin/photo/mediabar-scroll-left.png) !important;
/*  margin: 0px !important;
  padding: 0px !important;*/
  border: 0px !important; 
  width: 14px;
  background-color: transparent;
}

#mediabar-slideybox #scroll-right-button {
  list-style-image: url(chrome://flock/skin/photo/mediabar-scroll-right.png) !important;
/*  margin: 0px !important;
  padding: 0px !important;*/
  border: 0px !important; 
  width: 14px;
  background-color: transparent;
}
