/*
     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
*/

photoAccount {
    -moz-binding: url(chrome://flock/content/photo/photo.xml#photoAccount);
    margin: 2px;
}

simplephotoaccount {
    -moz-binding: url(chrome://flock/content/photo/photo.xml#simplephotoaccount);
    margin: 2px;
}

photoupload {
    -moz-binding: url(chrome://flock/content/photo/photo.xml#photoupload);
    margin: 2px;
}

photo {
    -moz-binding: url(chrome://flock/content/photo/photo.xml#photo);
    margin: 2px;
}

photopreview {
  -moz-binding: url(chrome://flock/content/photo/photo.xml#photopreview);
  margin-right: 3px;
}

photopreview:hover {
  cursor: pointer;
}

photoupload[selected="true"] {
    background-color:  #009eff;
}

photoupload[state="uploading"] {
    background-color:  #ABD3FF;
}

photoupload[state="uploaded"] {
    background-color:  #00FF00;
}

photo[selected="true"] {
    background-color:  #B38F00;
}

photo[state="uploading"] {
    background-color:  #ABD3FF;
}

photo[state="uploaded"] {
    background-color:  #00FF00;
}

photoupload[state="uploading"] .photoUploadIndicator {
    display: -moz-box;
}

#mediabar[showDraggers="false"] .photoDragger,
#mediabar photo[noThumbnail="true"] .photoDragger {
    display: none;
}

#mediabar[showDraggers="true"] .photoDragger {
    list-style-image: url("chrome://flock/skin/photo/photoDragThings.png");
    cursor: -moz-grab;
    -moz-appearance: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.photoDragger[size="small"] {
    -moz-image-region: rect(0px 14px 18px 0px);
}

.photoDragger[size="small"]:hover {
    -moz-image-region: rect(19px 14px 37px 0px);
}

.photoDragger[size="mid"] {
    -moz-image-region: rect(0px 34px 18px 14px);
}

photo[is_video="true"] .photoDragger[size="mid"],
photo[mediaType="3"] .photoDragger[size="mid"],
photo[singleThumbnail="true"] .photoDragger[size="mid"] {
    display: none;
}

.photoDragger[size="mid"]:hover {
    -moz-image-region: rect(19px 34px 37px 14px);
}

.photoDragger[size="bb"] {
    -moz-image-region: rect(0px 68px 18px 48px);
}

.photoDragger[size="bb"]:hover {
    -moz-image-region: rect(19px 68px 37px 48px);
}

.photoPrivate {
    list-style-image: url("chrome://flock/skin/photo/photoPrivate.png");
    -moz-image-region: rect(0px 16px 16px 0px);
    margin: 0px;
}

photoCropper {
    -moz-binding: url(chrome://flock/content/photo/photo.xml#photoCropper);
}

#tagPopup {
	margin: 0;
	padding: 0;
}

#tagPopup #tagPopupHeader {
	margin-bottom: 5px;
}

#tagPopupContent {
	background-color: #FFF;
	margin: 0;
	padding: 2px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#tagPopupContent .person {
	margin: 0;
	padding: 3px 3px 3px 18px;
	background-image: url("chrome://flock/skin/photo/person.png");
	background-repeat: no-repeat;
  background-position: 0 50%;
}

#tagPopupContent .person:hover {
	background-color: #CCC;
}

#tagPopupContent .divider {
	color: #aaa;
  background-color: #bbb;
  height: 1px;
  margin: 2px 0 2px 0;
}

#tagPopup .tagPopupHeader {
	font-weight: bold;
  color: gray;
}

photo {
  -moz-box-orient: horizontal;
  -moz-box-align: end;
  max-width: 75px;
}

#mediabar photo[transparency="none"] {
  -moz-opacity: 1;
}

#mediabar photo[transparency="full"] {
  -moz-opacity: 0;
}

#mediabar[mode="consume"] label[anonid="mediaTitle"] {
  display: none;
}

#mediabar photo[is_video="true"] vbox[anonid="playButton"] {
  display: -moz-box;
}

.mediaStack {
  cursor: pointer;
}

.mediaTitleBox {
 background-color: transparent;
}

.mediaTitle {
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  margin: 0px;
  margin-left: 2px;
  padding: 0px;
  font-weight: normal;
}

photoupload .photoImage {
  padding: 2px;
}
/* photoSizeLarge="true|false" */

/* BC: Don't mess with this CSS unless you absolutely know what you're doing.
 * this is a fix for the mozilla rendering bug with the html:div/img tags.
 * Have to use some specific funkyness to style spacing that doesn't register
 * in the dom, this spacing won't even register in the dom-inspector.
 */

#mediabar .mediaStack {
  border: 0px solid #FF0000;
  background-color: #000000;
}

#mediabar:not([photoSizeLarge="true"]) .mediaStack {
  max-height: 75px;
  min-height: 75px;
  max-width: 75px;
  min-width: 75px;
}

#mediabar:not([photoSizeLarge="true"]) .photoImageContainerBox {
  max-height: 75px;
  height: 75px;
  padding-top: 1px;
  -moz-box-align: center;
}

#mediabar:not([photoSizeLarge="true"]) .photoImageContainer {
  max-width: 75px;
  border: 0px solid #FF0000;
}

#mediabar:not([photoSizeLarge="true"]) .photoImage {
  cursor: pointer;
  background-color: transparent;
  max-width: 75px;
  max-height: 75px;
}

/* Start Digg specific styling */
#mediabar photo[noThumbnail="true"] .diggBox,
#mediabar[mode="interact"] photo .diggBox {
  display: -moz-box;
}

#mediabar photo .diggBox,
#mediabar photo:not([svcShortName="digg"]) .diggBox {
  display: none;
}

#mediabar .diggCount {
  font-family: arial,helvetica,sans-serif;
  font-size: 22px;
  color: #9C9255;
  margin-bottom: 0px;
}

#mediabar .diggText {
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  color: #B8AF73;
  margin-top: -3px;
}
/* End Digg specific styling */

#mediabar photo .mediaTypeIcon {
  list-style-image: url("chrome://flock/skin/photo/mediaTypeMatrix.png");
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  margin-left: 3px;
  margin-bottom: 4px;
}

#mediabar photo .mediaTypeIcon {
  display: none;
}

.floatingGrayArea {
  position: fixed;
  top: 1px;
  left: 1px;
  background-color: #000000;
  opacity: 0.65;
}

.selectBox {
	border: 4px solid #DDD;
	height: 100px;
	width: 100px;
	position: fixed;
}
.selectBoxInner {
	border: 1px solid #222;
	height: 98px;
	width: 98px;
	position: fixed;
}

#uploading-image {
  border: 1px solid black;
  margin-left: 5px;
  margin-right: 5px;
}

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

/* photo control box */
photo[photoControlBoxOpen="false"] {
  max-width: 75px;
}

photo[photoControlBoxOpen="false"] .photoControlBtn {
  list-style-image: url("chrome://flock/skin/photo/mediaBarMatrix.png");
  -moz-image-region: rect(0px 976px 26px 950px);
}

photo[photoControlBoxOpen="false"] .photoControlBtn:hover {
  list-style-image: url("chrome://flock/skin/photo/mediaBarMatrix.png");
  -moz-image-region: rect(50px 976px 76px 950px);
}

photo[photoControlBoxOpen="false"] .photoControlBtn:active,
photo[photoControlBoxOpen="false"] .photoControlBtn:hover:active
{
  list-style-image: url("chrome://flock/skin/photo/mediaBarMatrix.png");
  -moz-image-region: rect(100px 976px 126px 950px);
}


photo[photoControlBoxOpen="true"] .photoControlBtn {
  list-style-image: url("chrome://flock/skin/photo/mediaBarMatrix.png");
  -moz-image-region: rect(0px 925px 26px 900px);
}
photo[photoControlBoxOpen="true"] .photoControlBtn:hover {
  list-style-image: url("chrome://flock/skin/photo/mediaBarMatrix.png");
  -moz-image-region: rect(50px 925px 76px 900px);
}
photo[photoControlBoxOpen="true"] .photoControlBtn:active,
photo[photoControlBoxOpen="true"] .photoControlBtn:hover:active
{
  list-style-image: url("chrome://flock/skin/photo/mediaBarMatrix.png");
  -moz-image-region: rect(100px 925px 126px 900px);
}

.photoControlBox {
  height: 75px;
  color: white;
  -moz-box-pack: end;
  -moz-box-align: stretch;
}

photo[photoControlBoxOpen="false"] .photoControlBox {
  display: none;
}

photo[photoControlBoxOpen="true"] .photoControlBox {
  width: 100px; 
  max-width: 100px;
  display: -moz-box;
}

photo > vbox > hbox {
  border: 1px solid #121212;
}
photo[photoControlBoxOpen="true"] > vbox > hbox {
  border: 1px solid #FFFFFF;
  background-color: #EDEDED;
}


.photoControlBoxButtons {
  -moz-appearance: none;
  border: 0px;
  padding: 0px;
  margin: 1px;
  height: 17px;
  -moz-box-flex: 1;
}

  .photoControlBoxButtons > .toolbarbutton-icon,
  .photoControlBoxButtons > .toolbarbutton-menu-dropmarker {
    list-style-image: url("chrome://flock/skin/photo/ctrlButtonMatrix.png");
  }

  /* BC: Left edge of button */
  .photoControlBoxButtons > .toolbarbutton-icon {
    -moz-image-region: rect(0px 8px 17px 0px);
    height: 17px;
    padding: 0px !important;
  }
  .photoControlBoxButtons:hover > .toolbarbutton-icon {
    -moz-image-region: rect(34px 8px 51px 0px);
  }
  .photoControlBoxButtons:active > .toolbarbutton-icon,
  .photoControlBoxButtons:hover:active > .toolbarbutton-icon {
    -moz-image-region: rect(17px 8px 34px 0px);
  }

  /* BC: Center Background image of button */
  .photoControlBoxButtons > .toolbarbutton-text {
    background-image: url("chrome://flock/skin/photo/ctrlButtonC.png");
    background-repeat: repeat-x;
    padding-top: 2px;
    padding-right: 3px;
    height: 17px;
    font-size: 10px;
    text-align: left;
    color: #000000;
  }
  .photoControlBoxButtons:hover > .toolbarbutton-text {
    background-image: url("chrome://flock/skin/photo/ctrlButtonCHover.png");
    background-repeat: repeat-x;
  }
  .photoControlBoxButtons:active > .toolbarbutton-text,
  .photoControlBoxButtons:hover:active > .toolbarbutton-text {
    background-image: url("chrome://flock/skin/photo/ctrlButtonCActive.png");
    background-repeat: repeat-x;
  }

  /* BC: Right Drop Marker Image for button */
  .photoControlBoxButtons > .toolbarbutton-menu-dropmarker {
    list-style-image: url("chrome://flock/skin/photo/ctrlButtonMatrix.png");
    -moz-image-region: rect(0px 37px 17px 20px);
    height: 17px;
    padding: 0px !important;
  }
  .photoControlBoxButtons:hover > .toolbarbutton-menu-dropmarker {
    -moz-image-region: rect(34px 37px 51px 20px);
  }
  .photoControlBoxButtons:active > .toolbarbutton-menu-dropmarker,
  .photoControlBoxButtons:hover:active > .toolbarbutton-menu-dropmarker {
    -moz-image-region: rect(17px 37px 34px 20px);
  }

/* Group bars */
.groupbar {
  min-height: 12px;
  margin-left: 1px;
  margin-right: 1px;
  border: 1px solid gray;
  border-top: none;
  border-right: none;
  overflow: hidden;
  color: gray;
  font-size: 9px;
}
.groupbar label {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  overflow: hidden;
  margin: 0px 3px;
}

/* Mini View Button */
.miniViewButton {
  -moz-appearance: none;
  border: 0px;
  padding: 0px;
  margin: 1px;
  height: 17px;
  -moz-box-flex: 1;
}

  /* BC: Left edge of button */
  .miniViewButton > .toolbarbutton-icon {
    list-style-image: url("chrome://flock/skin/photo/ctrlButtonMatrix.png");
    -moz-image-region: rect(0px 8px 17px 0px);
    height: 17px;
    padding: 0px !important;
  }
  .miniViewButton:hover > .toolbarbutton-icon {
    -moz-image-region: rect(34px 8px 51px 0px);
  }
  .miniViewButton:active > .toolbarbutton-icon,
  .miniViewButton:hover:active > .toolbarbutton-icon {
    -moz-image-region: rect(17px 8px 34px 0px);
  }

  /* BC: Center Background image of button */
  .miniViewButton > .toolbarbutton-text {
    background-image: url("chrome://flock/skin/photo/ctrlButtonC.png");
    background-repeat: repeat-x;
    padding-top: 2px;
    padding-right: 3px;
    width: auto;
    height: 17px;
    font-size: 10px;
    text-align: left;
    color: #000000;
  }
  .miniViewButton:hover > .toolbarbutton-text {
    background-image: url("chrome://flock/skin/photo/ctrlButtonCHover.png");
    background-repeat: repeat-x;
  }
  .miniViewButton:active > .toolbarbutton-text,
  .miniViewButton:hover:active > .toolbarbutton-text {
    background-image: url("chrome://flock/skin/photo/ctrlButtonCActive.png");
    background-repeat: repeat-x;
  }

  /* BC: mini-view button right edge */
  .miniViewButton {
    background-image: url("chrome://flock/skin/photo/ctrlButtonRForward.png");
    background-position: top right;
    height: 17px;
    background-repeat: no-repeat;
    padding-right: 16px;
  }
  .miniViewButton:hover {
    background-image: url("chrome://flock/skin/photo/ctrlButtonRForwardHover.png");
    background-position: top right;
  }
  .miniViewButton:active,
  .miniViewButton:hover:active {
    background-image: url("chrome://flock/skin/photo/ctrlButtonRForwardActive.png");
    background-position: top right;
  }

  

/* BC: This needs to be max of 20px in width */
photo[photoControlBoxOpen="true"] *[anonid='cbSvcIcon'] {
  max-width: 20px;
  padding-left: 4px;
}

/* BC: This needs to be max-width of 70px */
photo[photoControlBoxOpen="true"] *[anonid='cbAuthor'] {
  max-width: 70px;
  width: 70px;
  font-style: italic;
  color: black;
}

.authorLink {
  color: #2f64da !important;
  font-weight: normal;
  cursor: pointer;
  font-size: 10px;
  margin: 1px 5px;
}
.authorLink:hover {
  text-decoration: underline;
}

textbox[empty="true"] {
  color: lightgray;
}

/* Media Streams Folder */
#editMediaStreamPanel {
  padding: 4px;
}

#editMediaStreamPanelGrid {
  margin-top: 2px;
}

#editMediaStreamPanelGrid rows row {
  margin-bottom: 2px;
}

#streamPanelStarIcon {
  margin: 5px 0 0 5px;
  list-style-image: url("chrome://flock/skin/favorites/starButton.png");
  -moz-image-region: rect(200px 38px 237px 0px);
}

#streamPanelTitle,
#folderDialogTitle {
  font-size: 130%;
}

#streamPanelTitle {
  margin: 9px 0 0 10px;
}

#folderDialogTitle {
  background: transparent url("chrome://browser/skin/folder.png") 0px 0px no-repeat;
  margin-bottom: 4px;
  padding-left: 20px;
}

textbox#streamName {
  width: 200px;
}

#streamFolderTree {
  max-width: 285px;
  margin-bottom: 4px;
}

#streamFolderTree treechildren::-moz-tree-image(container) {
  list-style-image: url("chrome://browser/skin/folder.png");
  -moz-image-region: auto;
  margin-right: 5px;
}

#streamMenuList {
  max-width: 200px;
}

#streamMenuList label {
  margin-left: 5px !important;
}

.expander-down#treeToggleButton,
.expander-up#treeToggleButton {
  margin: 2px 5px 2px 0 !important;
}

button#editMediaStreamPanelRemoveButton {
  margin-left: 10px;
  margin-top: 12px;
}

menu.media-folder,
menuitem.media-folder {
  list-style-image: url("chrome://browser/skin/folder.png");
}

#mediabar-channels-popup {
  padding-top: 4px;
}

.newMediaItem {
  font-weight: bold;
}

.folder-icon {
%ifdef XP_UNIX
%ifdef XP_MACOSX
/* Mac */
  list-style-image: url("chrome://browser/skin/folder.png") !important;
%else
/* Linux */
  list-style-image: url("moz-icon://stock/gtk-directory?size=menu") !important;
%endif
%else
/* Windows */
  list-style-image: url("chrome://browser/skin/folder.png") !important;
%endif
}

/* Begin Media Stream Favorite Dialog */
#addFavoriteDlgContent {
  font-size: 10px;
}

#addFavoriteDlgContent label,
#addFavoriteDlgContent description,
#addFavoriteDlgContent image,
#addFavoriteDlgFlockbarDesc {
%ifdef XP_UNIX
/* Mac or *nix */
  margin-left: 0;
%else
/* Windows */
  margin-left: 5px;
%endif
  margin-right: 0;
}

#addFavoriteDlgContent checkbox {
%ifdef XP_UNIX
/* Mac or *nix */
  margin-left: 0;
%else
/* Windows */
  margin-left: -3px;
%endif
}

#addFavoriteDlgTitle,
#addFavoriteDlgHighlight {
  font-weight: bold;
}

#addFavoriteDlgTitle {
  font-size: 12px;
}

#addFavoriteDlgMediaStreamImg {
  margin-top: 7px;
  margin-bottom: 10px;
}

#addFavoriteDlgFlockbarImgContainer,
#cBox {
  margin-top: 10px;
}

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

#addFavoriteDlgFlockbarImgContainer {
  margin-bottom: 5px;
}

#addFavoriteDlgFlockbarDesc label {
  margin-left: 0;
}

#cBox {
  margin-bottom: 0;
}

/* Unix- and Windows-specific, respectively */
#cBox hbox.checkbox-spacer-box,
#cBox hbox.checkbox-label-box {
  margin-left: 0;
}
/* End Media Stream Favorite Dialog */
