/**
 *  Edirom Online
 *  Copyright (C) 2011 The Edirom Project
 *  http://www.edirom.de
 *
 *  Edirom Online is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  Edirom Online is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with Edirom Online.  If not, see <http://www.gnu.org/licenses/>.
 *
 *  ID: $Id: edirom.css 1403 2012-08-23 13:01:59Z daniel $
 */

@import url("compiled.css");

/*@import url("sourceView.css");*/
@import url("xmlView.css");
/*@import url("meiHeaderView.css");*/
/*@import url("annotView.css");
@import url("summaryWork.css");
@import url("summarySource.css");*/

/*TODO: Folgende Einträge in SASS einbauen:*/

.toolButton.pageBasedView {
    background: url("../pix/pageView.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    margin: 2px !important;
}

.toolButton.pageBasedView.x-focus {
    background: url("../pix/pageView.png") no-repeat, -moz-linear-gradient(center top , rgba(255, 224, 107, 0.85) 0%, rgba(243, 149, 82, 0.85) 100%) repeat;
    box-shadow: 0 0 1px #000000 inset;  
}

.toolButton.measureBasedView {
    background: url("../pix/barView.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    margin: 2px !important;
}

.toolButton.measureBasedView.x-focus {
    background: url("../pix/barView.png") no-repeat, -moz-linear-gradient(center top , rgba(255, 224, 107, 0.85) 0%, rgba(243, 149, 82, 0.85) 100%) repeat;    
    box-shadow: 0 0 1px #000000 inset;
}


.toolButton.voiceFilter {
    background: url("../pix/selectVoices.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    margin: 2px !important;
}

.toolButton.voiceFilter.x-focus {
    background: url("../pix/selectVoices.png") no-repeat, -moz-linear-gradient(center top , rgba(255, 224, 107, 0.85) 0%, rgba(243, 149, 82, 0.85) 100%) repeat;
    box-shadow: 0 0 1px #000000 inset;
}

.toolButton.fit {
    background: url("../pix/zoom-fit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    margin: 2px !important;
}

.toolButton.fit.x-focus {
    background: url("../pix/zoom-fit.png") no-repeat, -moz-linear-gradient(center top , rgba(255, 224, 107, 0.85) 0%, rgba(243, 149, 82, 0.85) 100%) repeat;    
    box-shadow: 0 0 1px #000000 inset;
}


.toolButton.x-disabled {
    background-position: 0 -24px;
}

.toolButton.x-pressed {
    box-shadow: 0 0 2px #000000 inset;
}

.taskSquareButton.x-pressed {
    box-shadow: 0 0 2px #000000 inset;
}

.ediromWindow.voiceSelection .x-grid-row-selected .x-grid-cell {
    background: -moz-linear-gradient(center top , #FFE06B, #F39552) repeat scroll 0 0 transparent !important;
}

.ediromWindow.voiceSelection .x-column-header-over, 
.ediromWindow.voiceSelection .x-column-header-sort-ASC, 
.ediromWindow.voiceSelection .x-column-header-sort-DESC {
    background-image: -moz-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: -webkit-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: -ie-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: -opera-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: linear-gradient(bottom,#e5e5e5,#cccccc);
    border-left-color: transparent;
    border-right-color: transparent;
}

.ediromWindow.voiceSelection .x-grid-header-ct,
.ediromWindow.voiceSelection .x-column-header {
    background-image: -moz-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: -webkit-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: -ie-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: -opera-linear-gradient(bottom,#e5e5e5,#cccccc);
    background-image: linear-gradient(bottom,#e5e5e5,#cccccc);
}

div.measure span.measureInnerEmpty {
    display:none;
}

.taskbarMenu {
    z-index: 50001 !important;
}

#ediromTaskbar {
    z-index: 50000;
}

.summaryViewText .metaData {
    float:left;
    width:auto;
}

.ediromWindow div.textViewContent {
    font-size: 1em;
}

.ediromWindow div.textViewContent span.annotation {

}

.navigatorItem {
    font-size: 13px;
}

.annotationViewContent .contentBox {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: inherit;
}

.annotationViewContent .metaBox {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: inherit;
    max-height: inherit;
    margin: 10px;
}

.annotationViewContent .previewArea {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 10px;
}

.annotView .x-splitter-vertical {
	background-image: -moz-radial-gradient(50% 50% , ellipse cover, #999999, #ffffff 50%);
	cursor: ew-resize;
}

.annotView .x-splitter-horizontal {
	background-image: -moz-radial-gradient(50% 50% , ellipse cover, #999999, #ffffff 50%);
	cursor: ns-resize;
}

.annotationViewContent .stepLeft {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: -10px;
	width: 50px;
	height: 80px;
	background-image: url('../pix/annotPreviewBackward.png');
	z-index: 20000;
}

.annotationViewContent .stepRight {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: -10px;
	width: 50px;
	height: 80px;
	background-image: url('../pix/annotPreviewForward.png');
	z-index: 20000;
}

.annotView .previewArea .previewItem .txtBox {
    background-color: white;
    bottom: 30px;
    box-shadow: 0 0 5px #333333;
    left: 10px;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    overflow: auto;
}

.renderingViewContent {
	height: 100%;
	width: 100%;
	border: none;
}





/* LIGHTBOX */

#ux-lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 55000;
    text-align: center;
    line-height: 0;
}

#ux-lightbox img {
    width: auto;
    height: auto;
}

#ux-lightbox a img {
    border: none;
}

#ux-lightbox-outerImageContainer {
    position: relative;
    background-color: #f3efec;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#ux-lightbox-imageContainer {
    padding: 10px;
}

#ux-lightbox-loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(images/lb-load.gif) no-repeat center 15%;
}

#ux-lightbox-hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#ux-lightbox-imageContainer > #ux-lightbox-hoverNav {
    left: 0;
}

#ux-lightbox-hoverNav a{
    outline: none;
}

#ux-lightbox-navPrev,
#ux-lightbox-navNext {
    width: 49%;
    height: 100%;
    *background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover *//* the * is there to avoid errors in other browsers*/
    display: block;
}

#ux-lightbox-navPrev { left: 0; float: left;}
#ux-lightbox-navNext { right: 0; float: right;}
#ux-lightbox-navPrev:hover, #ux-lightbox-navPrev:visited:hover { background: url(images/lb-prev.png) left 33% no-repeat; }
#ux-lightbox-navNext:hover, #ux-lightbox-navNext:visited:hover { background: url(images/lb-next.png) right 33% no-repeat; }

#ux-lightbox-outerDataContainer {
    margin: 0 auto;
    width: 100%;
}

#ux-lightbox-dataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #f3efec;
    overflow: auto;
    line-height: 1.4em;
}

#ux-lightbox-data{    padding:0 10px; color: #666; }
#ux-lightbox-data #ux-lightbox-details{ width: 80%; float: left; text-align: left; }
#ux-lightbox-data #ux-lightbox-caption{ font-weight: bold;    }
#ux-lightbox-data #ux-lightbox-imageNumber{ display: block; clear: left; padding-bottom: 1.0em;    }
#ux-lightbox-data #ux-lightbox-navClose{ background: url(images/lb-close.gif) no-repeat; width: 66px; height: 22px; float: right;  padding-bottom: 0.7em; outline: none;}
#ux-lightbox-data #ux-lightbox-navClose:hover{ background-image: url(images/lb-close-over.gif);}

#ux-lightbox-overlay,
#ux-lightbox-shim{
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 54999 !important;
    width: 100%;
    height: 100%;
    background-color: #000;
    padding: 0;
    margin: 0;
}

#ux-lightbox-shim {
    z-index: 89;
    background-color: transparent;
    filter: alpha(opacity=0);
}

/* the box-sizing stuff is there to overload the .x-border-box modified by extjs' theme */
#ux-lightbox-bottomNav, #ux-lightbox-bottomNav *{    box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box }

/* HELP WINDOW */
.helpWindow div.textViewContent {
    padding: 10px 10px 10px 20px;
}

.helpWindow div.textViewContent ul {
    margin-left: 10px;
    margin-bottom: 10px;
}

.helpWindow div.textViewContent table {
    margin-left: 0;
    margin-bottom: 10px;
}

.helpWindow div.textViewContent table

.helpWindow h1, .helpWindow h2, .helpWindow h3, .helpWindow h4 {
    margin-left: -10px;
} 

.helpWindow h3 {
    margin-top: 20px;
}

.helpWindow h4 {
    margin-top: 10px;
    clear: both;
}

.helpWindow p, .helpWindow dl {
    margin-bottom: 10px;
}

.helpWindow .textViewContent tr.label td {
    background-color: #e5e5e5;
}

.helpWindow .textViewContent img {
    max-width: 100%;
}

.helpWindow .textViewContent dt{
    
}

.helpWindow .textViewContent dd{
    margin-bottom: 12px;
}

.helpWindow .textViewContent .term {
    font-weight:bold;
}

.helpWindow .textViewContent .figure {
    display:block;
    clear:both;
    margin-bottom: 12px;
}

.helpWindow .textViewContent .figure div.table{
    margin-bottom: 0em !important;
}

.helpWindow .textViewContent .figure + *{
    display:block;
    clear:both;
}

.helpWindow .textViewContent .figure img{
    float:left;
    margin-right:6px;
    margin-bottom:6px;
}

/*.helpWindow .textViewContent .figure img:nth-child(n+2){
    margin-left:10px;
}*/

.helpWindow .textViewContent .figure .p{
    display:block;
}

.helpWindow .textViewContent .figure .caption{
    display:block;
    clear:both;
}


/****Misc****/

.x-box-scroller-right .x-toolbar-scroll-right, .x-box-scroller-left .x-toolbar-scroll-left {
	border-bottom: none;
}

/* SEARCH WINDOW */

.searchWindow .searchResultDoc {
    margin: 5px;
}

.searchWindow .searchResultDoc .doc {
    margin-top: 10px;    
}

.searchWindow .searchResultDoc:first-child .doc {
    margin-top: 0;
}

.searchWindow .searchResultDoc p {
    margin-top: 7px;
    margin-left: 15px;
}

.searchWindow .hit {
    color: #1354B5;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #e5e5e5,#cccccc);
    cursor: pointer;
}

span.searchResult {
    background: -moz-linear-gradient(center top , #FFE06B, #F39552) repeat scroll 0 0 transparent;
}

div.annotation.combinedHighlight div.annotIcon {
    border: 1px solid white;
}

.searchWindow .x-toolbar {
    background: -moz-linear-gradient(top, #e5e5e5, #cccccc);
    border-bottom: 1px solid #999999;
}

.searchWindow .x-toolbar .x-form-text {
    border-radius: 5px;
    padding: 0 5px;
    border: 1px solid #999999;
    box-shadow: 0 0 1px #666666 inset;
    font-size: 90%;
}

.searchWindow .taskSquareButton.search {
    background-position: 0 -2px !important;
}

.searchWindow .taskSquareButton.search.over {
    background-position: 0 -2px !important;
    border-color: #999999;
}

.searchWindow .searchResultDoc > .doc {
    padding: 1px 8px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
    box-shadow: 0 1px 2px #666666;
    margin-top: 20px;
}

.searchWindow .searchResultDoc .resultTitle {
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
}

.searchWindow .searchResultDoc .resultCount {
    color: #666666;
    font-size: 80%;
}

.searchWindow .searchResultOverview {
    margin: 0 5px;
    font-weight: bold;
}

.searchWindow .searchResultOverview .num {
    display: inline-block;
    padding: 0 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #e5e5e5,#cccccc);
}

.searchWindow .hitP {
    border-left: 3px solid #e5e5e5;
    padding-left: 0px;
    margin-left: 5px;
}

.searchWindow .showMore {
    color: #666666;
    font-size: 85%;
    margin: 5px 0 15px 5px;
    cursor: pointer;
}