/*
    Document   : designer
    Created on : 29.08.2012, 11:43:17
    Author     : sgeisenhainer
    Description:
        Purpose of the stylesheet follows.
*/

.shadow_80x60 {
	box-shadow: 0px 0px 10px 1px rgba(210,178,152,1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(210,178,152,1);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(210,178,152,1);
}

.shadow {
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.4);
}

#layoutContainer {
    height: 100%;
    width: 100%;
}

.LD-page {
    background:#333;
    float:left;
    height:100%;
    width:66%;
    position:relative;
    overflow: auto;
    z-index: 1;
}

.LD-orderedarticles {
    width: 17%;
    height: 99%;
    overflow-y: auto;
    float: left;
    z-index: -11;
    margin: 2px;
}

.LD-text {
    height: 99%;
    width: 33%;
    overflow-y: auto;
    float: left;
    z-index: -11;
    margin: 2px;
}
.LD-articles{
    width: 16%;
    height: 90%;
    float: left;
    z-index: 1;
}

.LD-articles table{
    margin: 0px;
    width: 100%;
    height: 100%;
}

#searchArticles{
    height: 95%;
    overflow: auto;
    z-index: 1;
}

.LD-controls {
    width: 5%;
    height: 100%;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    z-index: 1;
}

.LD-fullpage {
    -webkit-box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.6);
    box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.6);
    z-index: 1;
}

.article {
    border: 1px solid transparent;
    margin: 0px;
    padding: 0px;
    cursor: move;
    z-index: 1;
}
.article:hover {
    border: 1px dashed #333;
}
.article-image {
    border: 6px solid white;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    z-index: 1;
}

.orderedArticle{
    border: 1px solid black;
    margin: 1px;
    z-index: 1;
}

.orderedArticle:hover{
    background-color: #F2f2f2;
}

.notOrderedArticle:hover{
    background-color: #F2f2f2;
}

.placedArticle{
    z-index: 1;
    /*background-color: #00FF99;*/
}

.notOrderedArticle{
    border: 1px solid black;
    margin: 1px;
    z-index: 1;
}

.article-status-disabled {
    background-color: #d3d3d3;
}
.article-status-deleted {
    background-color: #ff4500;
}
#accordion{
    padding: 0px;
    z-index: -2;
}

#accordion div{
    padding: 0px;
}

.singlescale_label{
    position: absolute;
    top: -35px;
    display: none;
}

.singlescale{
    position: absolute;
    top: -15px;
    display: none;
}

.pricefield{
    position: absolute;
}

.pricefield2{
    position: absolute;
}

.pricefield3{
    position: absolute;
}

.ui-accordion-content{
    overflow: auto;
}

/*
.ui-draggable{
    z-index: 1;
}*/

.ui-draggable-dragging{
    z-index: 1002;
    width: 15%
}

h3.layouttitle{
    margin: .1em 0px .1em 16px;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}

.foreignArticle{
    border-color: red;
}

.textframe{
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.textframe div{
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.textframe div span{
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.inputprice{
    width:100%;
}

#overlayEditor{
    position:fixed;
    top: 0px;
    left: 0px;
    background-color: #555555;
    height: 100%;
    width: 100%;
    -moz-opacity: 0.65;
    opacity: 0.65;
    z-index: 1005;
}

#overlayEditor .loading{
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    border-width: 2px !important;
    font-size: 11px;
    opacity: 1;
    -moz-opacitay: 1;
}

/* CSS overrides for accordion (use of v1.9.2 css but v1.8.24 js from jquery-ui) */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }