body {
}

#container {
  padding-left: 0px;   /* LC width */
  padding-right: 200px;  /* RC width */
}

#container div.column {
  position: relative;
  float: left;
}

#content {
  width: 100%;
  overflow:auto;
}

#leftcol {
display:none;
  width: 0px;          /* LC width */
  right: 0px;          /* LC width */
  margin-left: -100%;
}
#rightcol {
  width: 200px;          /* RC width */
  margin-right: -200px;  /* RC width */
  overflow:hidden;
}


#content {
    width:100%;
}

#pad {
    min-height:480px;
    margin-left:4px;
    padding: 0 10px 10px; /* CC padding */
    float: center;
    background:#fafafa;
    border:1px solid #777;
    }

#footer {
    clear: both;
}

#scrn-read {
    display:none
}

body,html {
    font-size:100%;
    padding:0;
    margin:0;
}

body {
    background: #FFF;
    font-size:0.8em;
}

td,div,body {
    font-family:Verdana, Arial, Helvetica, sans-serif
}

#header-wrapper
{
    height:26px;
    position:fixed;
    width:100%;
    z-index:10;
}
#header-spacer
{
    height:26px;
}

#header {
    padding: 2px 2px 2px 5px;
    background: #dde;
    font-size:8.5pt;
    font-style:italic;
    margin:0px 0px 5px 0px;
}
#header .info {background:#eee; color:#620; margin-right:0.5em}
#header b { font-size:7pt;  font-style:normal; }

#footer-wrapper {
    margin: 20px ;
    clear: both;

}
#footer {
    border-top:1px dotted #999;
    background: #fff;
    color: #888;
    font-size: 0.8em;
}

#sqlprofiling { display:none; }
#profiling:hover #sqlprofiling { display:block; border:1px solid #999; color:#000;}

#container { }

#container .column {
    padding-top: 0em;
}

h1,h2,h3,h4,h5 {
    color: #242;
    font-weight: normal;
    margin:0.1em;
}
h2 { font-size:11pt; }
h3 { font-size:10pt; }


/* title */
#content h1.header {
    font-size:13pt;
    border-bottom:dotted 1px  #999780;
    font-weight: bold;
    border-width:0px 0px 1px 0px;
    padding:1px 4px;
    background:#F5F0E0;
    margin:0px -10px 5px -10px;
    color:#454014;
    }

/* block title (clears)*/
#content h2 { font-size:10pt;
                font-weight:bold;
                margin:8px 0px 2px 2px;
                padding:2px 0px 2px 4px;
                color:#000;
                background-color:#f0e9f2;
                clear:both;
                border:1px solid #777;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
                }
#content h3 { font-weight:bold; clear:both;}
#content h4 { font-weight:bold; }
#content h3.inline, #content h4.inline { display:inline; }

hr { height:0px; border-top:1px dotted #777; margin-top:10px; margin-bottom:10px; }

.small { font-size:7pt; }

a {
    color: #306FDF;
    text-decoration: underline;
}

a:hover {
    color: #16448A;
    text-decoration: underline;
}


/* layout within content */
#content div.innercol {
    width:430px;
    float:left;
    margin:3px 10px 0px 0px;
    padding:2px;

}

/* controller messages */

#success p , #error p , #info p {
    border:3px solid #ccc;
    padding:0.8em; margin:0px 0px 1px 0px;
    font-size:9pt;
    width:80%;
}

#success p {
    background:#efe; border-color:#bdb;
    color:#060;
}

#success p:before { content:url(../../../gui-icons/accept.png); margin:4px;}
#info p:before { content:url(../../../gui-icons/information.png); margin:4px;}
#error p:before { content:url(../../../gui-icons/error.png); margin:4px;}


#error p {
    background:#fee; border-color:#dbb;
    color:#600;
}

#info p {
    background:#ffffd0; border-color:#ddb;
    color:#660;
}

/* login page */
#login-page {}
#login-page #content  {background:#fff;
    margin:auto;
    width:50%;
    min-width:400px;
    min-height:0px;
    margin-top:3em;
     }
#login-page #content h1.header {
     margin:2px;
}

/* object tables, inner padding block */
.inner-status { padding:3px;}
td .inner-status span.status  { display:inline;}

/* status classes */
span.status { padding:2px; font-weight:bold; font-size:0.9em}
td span.status { display:block;}
span.status_canceled,
span.status_warning,
span.status_error,
span.status_red { background:#f00; color:#fff; }
span.status_ok,
span.status_yes,
span.status_done,
span.status_accepted,
span.status_active     { background:#2c0; color:#fff; }
span.status_no,
span.status_pending,
span.status_open,
span.status_end,
span.status_medium     { background:#890; color:#fff; }
span.status_new { background:#b5c; color:#fff; }
span.status_registered { background:#8ce; color:#fff; }
span.status_ordered { background:#c8e; color:#fff; }
span.status_locked { background:#fa0; color:#fff; }
span.status_disabled { background:rgba(233,233,233,0.8); color:rgb(160,160,160); }

span.mark_big { font-size:1.2em; }

input.status_disabled { background:rgba(233,233,233,0.8); color:rgb(160,160,160); }
input.status_ok { background:#2c0; color:#fff; }