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

#blogMenubar, #blogMainToolbar {
  -moz-appearance: toolbar;
}

#blogMainToolbar {
  background: transparent;
  height: 38px;
  border-bottom: 1px solid #bfbfbf;
}

#forecolor {
   border: none
}

#flock-blog-categories {
}

.selected-blog {
    font-weight: bold;    
}

.blogCategoriesBox {
    margin: 3px 7px 3px 7px !important;
    border: 1px solid #A5A5A5 !important;
    min-height: 80px;
    height: 80px;
}

#flock-blog-rightbar {
    border-left: 1px solid #999999;
    background-color: #D7DFE5;
}

#blog-left-panel {
    padding: 5px;
    background-color: #F9F9F9;
}

#blog-left-bottom {
    border-style: solid;
    border-color: #bababa;
    border-width: 1px 0px 0px 0px;
}

#blog-editor-source{
    margin: 10px;
    border: 1px solid #bababa;
}

#blog-editor-deck{
    background-color: #f2f2f2;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 1px 0px 1px;
}

.tinyBlogTabs,
.tinyBlogTabs:hover,
.tinyBlogTabs:focus,
.tinyBlogTabs:hover:active,
.tinyBlogTabs[open="true"],
.tinyBlogTabs[selected="true"],
.tinyBlogTabs[checked="true"],
.tinyBlogTabs[open="true"],
.tinyBlogTabs[disabled="true"],
.tinyBlogTabs[disabled="true"]:hover,
.tinyBlogTabs[disabled="true"]:hover:active {
    -moz-appearance: none !important;
    background-color: transparent;
    border: 0px;
    margin: 0px;


    background-color: #ffffff !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    -moz-border-top-colors: #bababa #bababa;
    -moz-border-right-colors: #dddddd #dddddd;
    -moz-border-bottom-colors: #dddddd #dddddd;
    -moz-border-left-colors: #dddddd #dddddd;
    -moz-border-radius: 0px 0px 2px 2px !important;
}

.tinyBlogTabs[selected=true] {
    border-style: solid !important;
    border-width: 0px 1px 1px 1px !important;
    -moz-border-top-colors: transparent transparent;
    -moz-border-right-colors: #bababa #bababa;
    -moz-border-bottom-colors: #bababa #bababa;
    -moz-border-left-colors: #bababa #bababa;
    -moz-border-radius: 0px 0px 2px 2px !important;
}


/* :::::: Blog Editor Icons :::::: */

#blog-new-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1332px 32px 1300px);
}
#blog-new-button:active,
#blog-new-button:hover:active {
  -moz-image-region: rect(100px 1332px 132px 1300px);
}
#blog-new-button[disabled="true"] {
  -moz-image-region: rect(150px 1332px 182px 1300px);
}
#blog-new-button:hover {
  -moz-image-region: rect(50px 1332px 82px 1300px);
}

#blog-open-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1232px 32px 1200px);
}
#blog-open-button:active,
#blog-open-button:hover:active {
  -moz-image-region: rect(100px 1232px 132px 1200px);
}
#blog-open-button[disabled="true"] {
  -moz-image-region: rect(150px 1232px 182px 1200px);
}
#blog-open-button:hover {
  -moz-image-region: rect(50px 1232px 82px 1200px);
}

#blog-save-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1182px 32px 1150px);
}
#blog-save-button:active,
#blog-save-button:hover:active {
  -moz-image-region: rect(100px 1182px 132px 1150px);
}
#blog-save-button:hover {
  -moz-image-region: rect(50px 1182px 82px 1150px);
}
#blog-save-button[disabled="true"] {
  -moz-image-region: rect(150px 1182px 182px 1150px);
}

#blog-configure-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1282px 32px 1250px);
}
#blog-configure-button:active,
#blog-configure-button:hover:active {
  -moz-image-region: rect(100px 1282px 132px 1250px);
}
#blog-configure-button[disabled="true"] {
  -moz-image-region: rect(150px 1282px 182px 1250px);
}
#blog-configure-button:hover {
  -moz-image-region: rect(50px 1282px 82px 1250px);
}

#blog-web-clip-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 432px 32px 400px);
}
#blog-web-clip-button:active,
#blog-web-clip-button:hover:active {
  -moz-image-region: rect(100px 432px 132px 400px);
}
#blog-web-clip-button[disabled="true"] {
  -moz-image-region: rect(150px 432px 182px 400px);
}
#blog-web-clip-button:hover {
  -moz-image-region: rect(50px 432px 82px 400px);
}

/***
 =Add Blog
 */

form#add-blog-url dl {
  margin: 4px 0 0 0;
  padding: 0;
}
form#add-blog-url dt {
  float: left;
}
form#add-blog-url dd {
  margin-left: 20em;
}
form#add-blog-url dd input[id=url] {
  width: 28em;
  width: 40em;
}
form#add-blog-url input[type=submit], form#add-blog-url input[type=button] {
  margin-left: 1em;
}

#add-blog {
    padding: 32px 50px;
    color: #fff;
}

#blog-account-input {
    width: 60%;
}

#close-button {
    position: absolute;
    left: 0px;
    bottom: 0px;
}


/**
 * Blog topbar button stuff
 * -moz-image-region: rect(top, right, bottom, left);
 */
.topbarBlogAccount {
    border-style: solid;
    border-width: 1px;
    border-color: white;
    padding: 6px;
    margin: 6px;
}

.blogLink {
    color: blue;
    cursor: pointer;
}


#boldButton {
    -moz-image-region: rect(9px 35px 35px 7px) !important;
}

#boldButton:hover {
    -moz-image-region: rect(43px 35px 69px 7px) !important;
}


#boldButton[disabled="true"] {
    -moz-image-region: rect(78px 35px 104px 7px) !important;
}

#boldButton:hover:active {
    -moz-image-region: rect(112px 35px 138px 7px) !important;
}


#italicButton {
    -moz-image-region: rect(9px 62px 35px 34px) !important;
}

#italicButton:hover {
    -moz-image-region: rect(43px 62px 69px 34px) !important;
}

#italicButton[disabled="true"] {
    -moz-image-region: rect(78px 62px 104px 34px) !important;
}

#italicButton:hover:active {
    -moz-image-region: rect(112px 62px 138px 34px) !important;
}


#DecreaseFontSizeButton {
    -moz-image-region: rect(9px 99px 35px 71px) !important;
}

#DecreaseFontSizeButton:hover {
    -moz-image-region: rect(43px 99px 69px 71px) !important;
}

#DecreaseFontSizeButton[disabled="true"] {
    -moz-image-region: rect(78px 99px 104px 71px) !important;
}

#DecreaseFontSizeButton:hover:active {
    -moz-image-region: rect(112px 99px 138px 71px) !important;
}


#IncreaseFontSizeButton {
    -moz-image-region: rect(9px 126px 35px 98px) !important;
}

#IncreaseFontSizeButton:hover {
    -moz-image-region: rect(43px 126px 69px 98px) !important;
}

#IncreaseFontSizeButton[disabled="true"] {
    -moz-image-region: rect(78px 126px 104px 98px) !important;
}

#IncreaseFontSizeButton:hover:active {
    -moz-image-region: rect(112px 126px 138px 98px) !important;
}

#ulButton {
    -moz-image-region: rect(9px 254px 35px 226px) !important;
}

#ulButton:hover {
    -moz-image-region: rect(43px 254px 69px 226px) !important;
}

#ulButton[disabled="true"] {
    -moz-image-region: rect(78px 254px 104px 226px) !important;
}

#ulButton:hover:active {
    -moz-image-region: rect(112px 254px 138px 226px) !important;
}

#olButton {
    -moz-image-region: rect(9px 281px 35px 254px) !important;
}

#olButton:hover {
    -moz-image-region: rect(43px 281px 69px 254px) !important;
}

#olButton[disabled="true"] {
    -moz-image-region: rect(78px 281px 104px 254px) !important;
}

#olButton:hover:active {
    -moz-image-region: rect(112px 281px 138px 254px) !important;
}

#outdentButton {
    -moz-image-region: rect(9px 309px 35px 281px) !important;
}

#outdentButton:hover {
    -moz-image-region: rect(43px 309px 69px 281px) !important;
}


#outdentButton[disabled="true"] {
    -moz-image-region: rect(78px 309px 104px 281px) !important;
}

#outdentButton:hover:active {
    -moz-image-region: rect(112px 309px 138px 281px) !important;
}

#indentButton {
    -moz-image-region: rect(9px 336px 35px 309px) !important;
}

#indentButton:hover {
    -moz-image-region: rect(43px 336px 69px 309px) !important;
}

#indentButton[disabled="true"] {
    -moz-image-region: rect(78px 336px 104px 309px) !important;
}

#indentButton:hover:active {
    -moz-image-region: rect(112px 336px 138px 309px) !important;
}

#align-left-button {
    -moz-image-region: rect(9px 162px 35px 135px) !important;
}

#align-left-button:hover {
    -moz-image-region: rect(43px 162px 69px 135px) !important;
}

#align-left-button[disabled="true"] {
    -moz-image-region: rect(78px 162px 104px 135px) !important;
}

#align-left-button:hover:active {
    -moz-image-region: rect(112px 162px 138px 135px) !important;
}


#align-center-button {
    -moz-image-region: rect(9px 189px 35px 162px) !important;
}

#align-center-button:hover {
    -moz-image-region: rect(43px 189px 69px 162px) !important;
}

#align-center-button[disabled="true"] {
    -moz-image-region: rect(78px 189px 104px 162px) !important;
}
#align-center-button:hover:active {
    -moz-image-region: rect(112px 189px 138px 162px) !important;
}


#align-right-button {
    -moz-image-region: rect(9px 217px 35px 189px) !important;
}

#align-right-button:hover {
    -moz-image-region: rect(43px 217px 69px 189px) !important;
}

#align-right-button[disabled="true"] {
    -moz-image-region: rect(78px 217px 104px 189px) !important;
}

#align-right-button:hover:active {
    -moz-image-region: rect(112px 217px 138px 189px) !important;
}


.toolbarbutton-menu-dropmarker {
    -moz-appearance:none;
    visibility: collapse;
}

#topbarButton {
    -moz-image-region: rect(9px 710px 35px 634px) !important;
}

#topbarButton:hover {
    -moz-image-region: rect(43px 710px 69px 634px) !important;
}

#topbarButton[disabled="true"] {
    -moz-image-region: rect(78px 710px 104px 634px) !important;
}

#topbarButton:hover:active {
    -moz-image-region: rect(112px 710px 138px 634px) !important;
}

#insert-link-button {
    -moz-image-region: rect(9px 531px 35px 504px) !important;
}

#insert-link-button:hover {
    -moz-image-region: rect(43px 531px 69px 504px) !important;
}

#insert-link-button[disabled="true"] {
    -moz-image-region: rect(78px 531px 104px 504px) !important;
}

#insert-link-button:hover:active {
    -moz-image-region: rect(112px 531px 138px 504px) !important;
}

#remove-links-button {
    -moz-image-region: rect(9px 559px 35px 531px) !important;
}

#remove-links-button:hover {
    -moz-image-region: rect(43px 559px 69px 531px) !important;
}

#remove-links-button[disabled="true"] {
    -moz-image-region: rect(78px 559px 104px 531px) !important;
}

#remove-links-button:hover:active {
    -moz-image-region: rect(112px 559px 138px 531px) !important;
}

#flock_spellingButton {
    -moz-image-region: rect(9px 747px 35px 719px) !important;
}

#flock_spellingButton:hover {
    -moz-image-region: rect(43px 747px 69px 719px) !important;
}

#flock_spellingButton [disabled="true"] {
    -moz-image-region: rect(78px 747px 104px 719px) !important;
}

#flock_spellingButton:hover:active {
    -moz-image-region: rect(112px 747px 138px 719px) !important;
}

.tab-text {
    visibility: collapse;
    margin: 0px 0px 0px 0px;
    width: 0px;
}


#blog-refresh-categories,
#blog-refresh-categories:hover,
#blog-refresh-categories[disabled="true"],
#blog-refresh-categories:hover:active {
  list-style-image: url("chrome://flock/skin/blog/catReload.png");
}

#blog-refresh-categories {
  -moz-image-region: rect(16px 16px 32px 0px);
}
#blog-refresh-categories:hover {
  -moz-image-region: rect(32px 16px 48px 0px);
}
#blog-refresh-categories[disabled="true"] {
  -moz-image-region: rect(0px 16px 16px 0px);
}
#blog-refresh-categories:hover:active {
  -moz-image-region: rect(48px 16px 64px 0px);
}

.blog-container {
    border: 1px solid #bababa;
    border-bottom: 1px solid transparent;
    background-color: #ffffff;
}

.blog-tabpanel-container {
    -moz-appearance: tabpanel;
    padding: 10px;
    
}

.blogViewTabs .tabs-right{
    border-style: solid !important;
    border-width: 1px 0px 0px 0px !important;
    -moz-border-top-colors: #bababa #bababa;
}

/* primary toolbar buttons */
#shelfEditorToolbar {
  background: #ebebeb;
}

#blogToolbar toolbarbutton,
#CustomizeToolbarWindow #palette-box toolbarbutton {
    -moz-box-orient: vertical;
    min-width: 57px
}


#shelfEditorToolbar toolbarbutton,
#CustomizeToolbarWindow #palette-box toolbarbutton{
  list-style-image: url("chrome://flock/skin/blog/blogEditorIcons.png");
}

#shelfEditorToolbar toolbarbutton#bold,
#CustomizeToolbarWindow #palette-box toolbarbutton#bold {
  -moz-image-region: rect(0px 20px 20px 0px);
}
#shelfEditorToolbar toolbarbutton#italic,
#CustomizeToolbarWindow #palette-box toolbarbutton#italic {
  -moz-image-region: rect(0px 40px 20px 20px);
}
#shelfEditorToolbar toolbarbutton#strikethrough,
#CustomizeToolbarWindow #palette-box toolbarbutton#strikethrough {
  -moz-image-region: rect(0px 60px 20px 40px);
}
#shelfEditorToolbar toolbarbutton#underline,
#CustomizeToolbarWindow #palette-box toolbarbutton#underline {
  -moz-image-region: rect(0px 80px 20px 60px);
}
#shelfEditorToolbar toolbarbutton#cut,
#CustomizeToolbarWindow #palette-box toolbarbutton#cut {
  -moz-image-region: rect(0px 100px 20px 80px);
}
#shelfEditorToolbar toolbarbutton#copy,
#CustomizeToolbarWindow #palette-box toolbarbutton#copy {
  -moz-image-region: rect(0px 120px 20px 100px);
}
#shelfEditorToolbar toolbarbutton#paste,
#CustomizeToolbarWindow #palette-box toolbarbutton#paste {
  -moz-image-region: rect(0px 140px 20px 120px);
}
#shelfEditorToolbar toolbarbutton#insertunorderedlist,
#CustomizeToolbarWindow #palette-box toolbarbutton#insertunorderedlist {
  -moz-image-region: rect(0px 160px 20px 140px);
}
#shelfEditorToolbar toolbarbutton#insertorderedlist,
#CustomizeToolbarWindow #palette-box toolbarbutton#insertorderedlist {
  -moz-image-region: rect(0px 180px 20px 160px);
}
#shelfEditorToolbar toolbarbutton#outdent,
#CustomizeToolbarWindow #palette-box toolbarbutton#outdent {
  -moz-image-region: rect(0px 200px 20px 180px);
}
#shelfEditorToolbar toolbarbutton#indent,
#CustomizeToolbarWindow #palette-box toolbarbutton#indent {
  -moz-image-region: rect(0px 220px 20px 200px);
}
#shelfEditorToolbar toolbarbutton#insertlink,
#CustomizeToolbarWindow #palette-box toolbarbutton#insertlink {
  -moz-image-region: rect(0px 240px 20px 220px);
}
#shelfEditorToolbar toolbarbutton#unlink,
#CustomizeToolbarWindow #palette-box toolbarbutton#unlink {
  -moz-image-region: rect(0px 260px 20px 240px);
}
#shelfEditorToolbar toolbarbutton#subscript,
#CustomizeToolbarWindow #palette-box toolbarbutton#subscript {
  -moz-image-region: rect(0px 280px 20px 260px);
}
#shelfEditorToolbar toolbarbutton#superscript,
#CustomizeToolbarWindow #palette-box toolbarbutton#superscript {
  -moz-image-region: rect(0px 300px 20px 280px);
}
#shelfEditorToolbar toolbarbutton#justifyleft,
#CustomizeToolbarWindow #palette-box toolbarbutton#justifyleft {
  -moz-image-region: rect(0px 320px 20px 300px);
}
#shelfEditorToolbar toolbarbutton#justifycenter,
#CustomizeToolbarWindow #palette-box toolbarbutton#justifycenter {
  -moz-image-region: rect(0px 340px 20px 320px);
}
#shelfEditorToolbar toolbarbutton#justifyright,
#CustomizeToolbarWindow #palette-box toolbarbutton#justifyright {
  -moz-image-region: rect(0px 360px 20px 340px);
}
#shelfEditorToolbar toolbarbutton#justifyfull,
#CustomizeToolbarWindow #palette-box toolbarbutton#justifyfull {
  -moz-image-region: rect(0px 380px 20px 360px);
}
#shelfEditorToolbar toolbarbutton#insertimage,
#CustomizeToolbarWindow #palette-box toolbarbutton#insertimage {
  -moz-image-region: rect(0px 400px 20px 380px);
}


#flock-blog-tags {
     margin: 6px;
}

#flock-blog-title {
    font-size: 12px;
    font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, Arial;
}

#publish-blog-container {
    padding: 10px;
}

/* ::::: Help Button ::::: */

#help-button {
  padding: 0px;
  padding-right: 15px;
  list-style-image: url("chrome://flock/skin/toolbar/helpButtonMatrix.png");
  -moz-image-region: rect(0px 16px 16px 0px);
}
#help-button:active,
#help-button:hover:active {
  -moz-image-region: rect(40px 16px 56px 0px);
}
#help-button[disabled="true"] {
  -moz-image-region: rect(60px 16px 76px 0px);
}
#help-button:hover {
  -moz-image-region: rect(20px 16px 36px 0px);
}

/* ::::: FlockCast ::::: */

#flockcast-box {
  width: 389px;
}

#flockcast-checkbox {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#flockcast-checkbox[disabled="true"] {
  font-style: italic;
}

#flockcast-whats-this {
  color: blue;
  margin: 2px 0px 0px 1px;
}

#flockcast-box:not([expanded="true"]) #flockcast-whats-this {
  cursor: pointer;
}

#flockcast-login-text {
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0px;
%ifdef XP_WIN
  padding: 0px 0px 0px 21px;
%else
  padding: 0px 0px 0px 14px;
%endif
}

#flockcast-explain-divider {
  margin: 0px 0px 5px 0px;
  height: 1px;
  border-bottom: 1px solid gray;
}

#flockcast-box[expanded="true"] #flockcast-explain-divider,
#flockcast-box[expanded="true"] #flockcast-explain {
  display: block;
}
