/*
* EES CSS Library [Toolbar]
 *
 * @copyright 2010 Squiz Pty Ltd (ABN 77 084 670 600)
 * @license   GNU General Public License v.2
 * @link
*/

/* ---------------------------------------------------------------------------------------------
START: TOOLBAR STYLES
--------------------------------------------------------------------------------------------- */

.toolbarButton {
    line-height: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid;
    height: 25px;
    line-height: 25px;
    color:#FFF;

    text-shadow: 0px -1px 1px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=-1);


    background: #282828; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMyYzJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);


    background: -moz-linear-gradient(top, #2c2c2c 15%, #000000 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#2c2c2c), color-stop(50%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2c2c2c 15%,#000000 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2c2c2c 15%,#000000 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2c2c2c 15%,#000000 50%); /* IE10+ */
    background: linear-gradient(top, #2c2c2c 15%,#000000 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */


    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;

    -webkit-box-shadow: rgba(0,0,0,1) 0 0 2px inset;
    -moz-box-shadow: rgba(0,0,0,1) 0 0 2px inset;
    box-shadow: rgba(0,0,0,1) 0 0 2px inset;

    border-color: #222 #222 #3A3A3A;
}

.toolbarButton a { color: #FFF; cursor: pointer; height: 25px; line-height: 25px; display: block; text-decoration: none; }

.toolbarButton:hover {

    background: #3d3d3d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3d3d3d 15%, #111111 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#3d3d3d), color-stop(50%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3d3d3d 15%,#111111 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3d3d3d 15%,#111111 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3d3d3d 15%,#111111 50%); /* IE10+ */
    background: linear-gradient(top, #3d3d3d 15%,#111111 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#111111',GradientType=0 ); /* IE6-8 */


    -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 2px inset;
    -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 2px inset;
    box-shadow: rgba(0,0,0,0.4) 0 1px 2px inset;

}

.toolbarButton.noleft {
    border-left-width:0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.toolbarButton.noright {
    border-right-width:0;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.toolbarButton.current, .toolbarButton > .current {

    text-shadow: 0 -1px 1px #14243D;

    background: #2b65b6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiMyYjY1YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMwNTM3NmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2b65b6 13%, #05376d 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#2b65b6), color-stop(65%,#05376d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2b65b6 13%,#05376d 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2b65b6 13%,#05376d 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2b65b6 13%,#05376d 65%); /* IE10+ */
    background: linear-gradient(top,  #2b65b6 13%,#05376d 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b65b6', endColorstr='#05376d',GradientType=0 ); /* IE6-8 */



    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.9) inset;

}

#ees_toolBar {
    z-index: 99;
    height: 38px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    min-width: 960px;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #555555 0%, #000000 70%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(70%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555555 0%,#000000 70%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #555555 0%,#000000 70%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #555555 0%,#000000 70%); /* IE10+ */
    background: linear-gradient(top, #555555 0%,#000000 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    -moz-box-shadow: 0px 2px 7px #333333;
    -webkit-box-shadow: 0px 2px 7px #333333;
    box-shadow: 0px 2px 7px #333333;
}

#ees_toolBar .icon {
    width: 25px;
    height: 25px;
    display: block;
    background:url(../Images/toolbar_sprite.png) 0 0 no-repeat;
}

#ees_toolBarLogo {
    background: url(../Images/matrix-logo-new.png) 0 0 no-repeat;
    float: left;
    height: 38px;
    margin-left: 15px;
    width: 150px;
}

#ees_createNew {
    float: left;
    margin: 5px 5px 0 0;
}

#ees_initCreationWizard .icon {
    background-position: 100% 0;
    padding: 0 24px 0 13px;
    margin-right: 6px;
}

#ees_modeSwitcher {
    float: left;
    margin: 5px 5px 0 0;
}

#ees_modeSwitcher ul {
    list-style: none;
}

#ees_modeSwitcher li {
    float: left;
}

#ees_modePreview {
    padding: 0 20px 0 25px
}

#ees_modeEdit {
    padding: 0 25px 0 20px
}

#ees_assetInfoBox {
    margin: 5px 5px 0 0;
    float: left;
}

.Explorer7 #ees_assetInfoBox, .Explorer8 #ees_assetInfoBox,
.Explorer7 #ees_showInfoBox, .Explorer8 #ees_showInfoBox {
    max-width: 190px;
    min-width: 100px;
}

#ees_showInfoBox .status {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 9px;
    width: 9px;
    margin: 7px 0 0 10px;
}

#ees_showInfoBox .status.archived {
    box-shadow: 0 0 6px 1px #c2b0a0;
}
#ees_showInfoBox .status.underconstruction {
    box-shadow: 0 0 6px 1px #aaccdd;
}
#ees_showInfoBox .status.pendingapproval {
    box-shadow: 0 0 6px 1px #dcd2e6;
}
#ees_showInfoBox .status.approvedtogolive {
    box-shadow: 0 0 6px 1px #f4d425;
}
#ees_showInfoBox .status.live {
    box-shadow: 0 0 6px 1px #dbf18a;
}
#ees_showInfoBox .status.upforreview {
    box-shadow: 0 0 6px 1px #50d000;
}
#ees_showInfoBox .status.safeediting {
    box-shadow: 0 0 6px 1px #f25c86;
}
#ees_showInfoBox .status.safeeditingpendingapproval {
    box-shadow: 0 0 6px 1px #cc7cc7;
}
#ees_showInfoBox .status.safeeditapprovedtogolive {
    box-shadow: 0 0 6px 1px #ff9a00;
}

#ees_showInfoBox .name {
    max-width: 95px;
    min-width: 45px;
    margin: 0 5px 0 10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#ees_showInfoBox .id {
    margin-right: 10px;
    color: #4b8fef;
}

#ees_previewOptions {
    float: left;
    margin: 5px 10px 0 0;
}

#ees_previewOptions ul {
    list-style: none;
}

#ees_previewOptions li {
    float: left;
}

#ees_previewOptions li a {
    display: block;
    text-decoration: none;
}

#ees_showDifferences .icon {
    background-position: 0 -75px;
    margin: 0 10px;
}

.noright #ees_showDifferences .icon {
    margin-right: 5px;
}

.toolbarButton.acc {
    display: none !important;
}

.plus .toolbarButton.acc {
    display: block !important;
}

#ees_showAccessibilityOverlay .icon {
    background-position: 0 -100px;
    margin: 0 10px;
}

.noleft #ees_showAccessibilityOverlay .icon {
    margin-left: 5px;
}

#ees_currentUser {
    float: right;
    margin: 5px 5px 0 0;
}

#ees_currentUserExit, #ees_assetFinderButton {
    float: left;
}

#ees_currentUserExit .icon {
    background-position: 0 -25px;
    margin: 0 5px 0 10px;
}

#ees_assetFinderButton .icon {
    background-position: 0 -50px;
    margin:0 10px 0 5px;
}

#ees_saveButton {
    float: right;
    margin: 5px 15px 0 5px;
}

#ees_saveButtonAction {
    height: 27px;
    background: #568d2b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM1NjhkMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMjRjMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwZjI1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #568d2b 15%, #224c05 50%, #0f2500 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#568d2b), color-stop(50%,#224c05), color-stop(80%,#0f2500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #568d2b 15%,#224c05 50%,#0f2500 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #568d2b 15%,#224c05 50%,#0f2500 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #568d2b 15%,#224c05 50%,#0f2500 80%); /* IE10+ */
    background: linear-gradient(top, #568d2b 15%,#224c05 50%,#0f2500 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#568d2b', endColorstr='#0f2500',GradientType=0 ); /* IE6-8 */
}

#ees_saveButtonAction:hover {
    background: #52a413; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM1MmE0MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMzU5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMxMzMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #52a413 15%, #235900 50%, #133000 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#52a413), color-stop(50%,#235900), color-stop(80%,#133000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52a413 15%,#235900 50%,#133000 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52a413 15%,#235900 50%,#133000 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52a413 15%,#235900 50%,#133000 80%); /* IE10+ */
    background: linear-gradient(top, #52a413 15%,#235900 50%,#133000 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a413', endColorstr='#133000',GradientType=0 ); /* IE6-8 */
}

#ees_saveLabel {
    padding: 0 30px;
}

#ees_saveButtonAction.disabled,
#ees_saveButtonAction.disabled:hover,
.previewMode #ees_saveButtonAction,
.previewMode #ees_saveButtonAction:hover {
    /*background-image: -moz-linear-gradient(center top , #555555 0pt, #000000 70%);*/
    background-color: #212121; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #555555 0%, #000000 70%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(70%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555555 0%,#000000 70%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #555555 0%,#000000 70%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #555555 0%,#000000 70%); /* IE10+ */
    background: linear-gradient(top, #555555 0%,#000000 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    border-color: #222222 #222222 #3A3A3A;
    color: #666666;
    height: 27px;
    text-shadow: 0 -1px 1px #333333;
    cursor:not-allowed;
}


/* ---------------------------------------------------------------------------------------------
END: TOOLBAR STYLES
--------------------------------------------------------------------------------------------- */