/* replaces docDataEditor.css */

.previewImage {
    border: solid 1px #aaa;
    cursor: pointer;
    min-height: 400px;
    background:#FFF;
    margin:3px 0 0 0;
}
.documentPreview img {
    width:100%;
    cursor: pointer;
}
#editorNav.nav-stacked > li {
    border-bottom: 1px solid #EEE;
}
#editorNav.nav-pills.nav-stacked > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}
#editorContainer input, 
#editorContainer textarea {
    height: auto;
    min-height: 18px;
    line-height: normal;
}
#editorContainer textarea {
    min-height: 80px;
    display: block; /* This needs to be display:block for the autoresize plugin to work in ie6-8 */
}
#editorContainer button,
#editorContainer .fontToolbar {
    margin-bottom: 9px;
}
#editorContainer hr {
    margin: 0 0 9px 0;
}
#editorContainer .item {
    padding-top: 10px;
}
#editorContainer .item:nth-child(odd) {
    background-color:#EEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#editorContainer .buttonContainer {
    padding-left: 10px;
    padding-right: 10px;
}
#editorContainer .fieldContainer {
    padding-left: 10px;
    padding-right: 20px; 
}
#editorContainer .fieldContainer .field {
    width: 100%;
}
/*
  Add page dialog
*/
#sets_tabs li {
    display:inline;
}

.set_tab li {
    float:left;
    position: relative;
    overflow:  auto;
}

.set_tab li {
    padding: 10px;
    display: block;
    font-size:10px;
    text-align:center;
}

.set_tab li label {
  color: #999;
  width: 165px;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#addPageDialogDuplicateButtonSection {
  margin:10px 0;
  padding:0 0 10px 0;
}

#addPageDialogSetsSection {
    margin: 10px 0;
}

#addPageDialogSetsSection ul#sets_tabs {
    margin: 0 0 10px 0;
}

.set_div .addPageButton {
    margin: 10px auto 20px auto !important;
}

.set_div .addPageButton.btn {
    padding: 0 20px !important;
}

#addPageDialog {
    overflow: hidden;
}

.set_div {
    overflow: auto;
}

.template_img_div {
    height: 185px;
    margin: auto;
}

/*
  image upload 
*/

#selectImageDialog .imageBrowserPagerDiv {
  display:    block;
  text-align: right;
  width:      100%; 
  padding:    10px 0;
}

#selectImageDialog .imageBrowserSelectedPage {
  height:           20px;
  background-color: #eee;
  border:           1px solid #ccc;
  display:          inline;
  font-weight:      bold;
  margin:           0 3px 0 0;
  padding:          5px 6px; 
}

#selectImageDialog .imageBrowserPage {
  border:      1px solid #ccc;
  display:     inline;
  font-weight: bold;
  margin:      0 3px 0 0;
  padding:     5px 6px;
}

#selectImageDialog .imageBrowserPageLink {
  text-decoration: none;
}
#selectImageDialog .imageBrowserPageLink:hover {
  text-decoration: none;
}

#selectImageDialogImagesWrapper {
  border-top: 1px dotted #ccc;
  margin:     20px 0 0 0;
  padding:    10px 0 0 0;
  overflow-x: scroll; 
  overflow-y: none;
}
#selectImageDialogImagesWrapper {
    display: none;
}
#selectImageDialogImages {
  height: 220px;
}
#selectImageDialogImages a {
  font-size: 10px;
  color:     #666;
}

#selectImageDialogImages .imageBrowserTd {
  width:          165px;
  text-align:     center;
  vertical-align: top;  
}
#selectImageDialogImages .imageBrowserImgDiv {
  padding: 0 5px;
}

/*
  Color picker style
*/
input.miniColors{
    margin: 0px 3px 0px 0px;
    width:auto;
}

/*
  Color picker style (deprecated - not being used anymore; miniColors plugin instead)
*/
div.color_picker {
    height: 16px;
    width: 16px;
    border: 1px solid #ccc;
    background: url(../images/arrow.gif) no-repeat top right;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

div#color_selector {
    width: 110px;
    position: absolute;
    border: 1px solid #598FEF;
    background-color: #EFEFEF;
    padding: 2px;
    z-index: 9999;
}
div#color_custom {
    width: 100%; 
    float:left 
}
div#color_custom label {
    font-size: 95%; 
    color: #2F2F2F; 
    margin: 5px 2px; 
    width: 25%
}
div#color_custom input {
    margin: 5px 2px; 
    padding: 0; 
    font-size: 95%; 
    border: 1px solid #000; 
    width: 65%; 
}
div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}
select.fontToolBarSizeSelect {
    width: 60px;
    border:1px solid #ccc;
    padding:4px;
    margin:0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    font-size:12px;
    display: inline;
    vertical-align:middle;
}
#sortItemsModal #itemsList li {
    padding:10px;
    border:1px solid #ccc;
    background: #FFF;
    cursor: move;
    margin-bottom: 5px;
}
#sortItemsModal #itemsList .sortPlaceholder {
    height: 1.5em;
    line-height: 1.2em;
    background: #EEE;
}
#sortItemsModal .modal-body {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    max-height: 366px;
}

/*
 Visitor modal
*/
#visitorOptionsModal .signup {
    background: url(http://images.musthavemenus.com/images/img/13/home/signup-btn.png) no-repeat scroll center top transparent;
    display: block;
    height: 45px;
    margin: 40px auto;
    text-align: center;
}

#visitorOptionsModal .signup:hover {
    background: url(http://images.musthavemenus.com/images/img/13/home/signup-btn.png) no-repeat bottom center;
}

#titleContainer #assetTitle .btn {
    display: none;
}

#titleContainer #assetTitle:hover .btn {
    display: inline-block;
}

#titleContainer #titleFieldContainer {
    display: none;
}

#titleContainer #titleField {
    height: 30px;
    font-size: 30px;
}
.fieldContainer .spacerContainer {
    padding: 10px 0px 10px 10px;
}
.spacerContainer {
    padding: 10px 20px;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.ui-slider .ui-slider-range {
    background-color: #fff;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
    border-radius: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold;
    outline: medium none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}
.ui-slider-horizontal .ui-slider-handle {
    background-color: #393939;
    margin-left: -0.6em;
    top: -0.6em;
    border-radius: 3px;
    padding: 1px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-top:solid 1px #747474;
    border-left:solid 1px #747474;
    border-right:solid 1px #484848;
    border-bottom:solid 1px #484848;
}
.ui-slider .ui-slider-handle {
    cursor: col-resize;
    height: 1.3em;
    position: absolute;
    width: 1.3em;
    z-index: 2;
}
.ui-slider a, .ui-slider a:hover{
    text-decoration:none;
}

#fbPostToWallModal .fieldContainer {
    padding-right: 10px; /* Need the extra 10px because of the input width 100% */
}
#fbPostToWallModal .fieldContainer textarea {
    width: 100%;
}

.pagesContainer {
    overflow: auto;
    max-height: 300px;
}

.reorderPageList li {
    float:left;
    position: relative;
    overflow:  auto;
}

.reorderPageList li * {
    padding: 0 10px;
    display: block;
    font-size:10px;
    text-align:center;
}
#previewContainer .navbar h4,
#editorClose .navbar h4 {
    margin: 0;
}
#previewContainer .navbar .nav {
    margin: 0; /* close space next to pager */
}
#previewContainer .navbar .nav li,
#editorClose .navbar .nav li {
    line-height: 20px;
}
#previewContainer #pagination {
    padding: 0;
    margin: 0;
}
#previewContainer .navbar,
#editorClose .navbar {
    margin: 10px 0;
}
#editorClose button {
    margin-bottom: 0;
}
a.intro-info {
    opacity: .5;
}
a.intro-info:hover {
    opacity: 1;
}