/*
 * DB-SVG Copyright 2009 Derrick Bowen
 *
 * This file is part of DB-SVG.
 *
 *   DB-SVG 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.
 *
 *   DB-SVG 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 DB-SVG.  If not, see <http://www.gnu.org/licenses/>.
 */
body,html {
    margin: 0px;
    color:#17212c;
    background-color:#e0e0da;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.titleBox {
    position: absolute;
    top: 0px;
    left:0px;
    right: 0px;
    height:50px;
    /*
    border: 1px solid #aaaaaa;
    background: #25351d url(/DB-SVG/images/ui-bg_glass_40_25351d_1x400.png) 50% 50% repeat-x;
    color: #b9ceb6;
    font-weight: bold;
     -moz-border-radius: 12px;
     -webkit-border-radius: 12px;
     margin-left:1px;
     margin-right:1px; 
    background-image: url(/DB-SVG/images/title_bg.png);
    background-repeat: repeat-x; */
    height: 75px;
}

.titleBox .menu { 
    padding-top:6px;
    padding-left:12px;
}

.titleHeader {
    background-image: url(/DB-SVG/images/title_bg.png);
    background-repeat: repeat-x;
    height: 50px;
    width:100%;
}

.contentBox {
    position: absolute;
    padding: 4px;
    padding-left: 10px;
    top: 75px;
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
}

.modelContentBox {
    padding: 4px;
    padding-left: 10px;
}

.contentBoxMenu {
    position: absolute;
    padding: 4px;
    padding-left: 10px;
    top: 55px;
    bottom: 4em;
    left: 0;
    right: 0;
    overflow: auto;
}

.footer {
    position: absolute;
    bottom: 0px;
    height: 4em;
    left:0px;
    right: 0px;
    padding-left:1.2em;
    font-size:small;
}

.footlight {
    color:#666;
}

/*  Title Styles  */
.titleLeft {
    float:left;
    background-image: url(/DB-SVG/images/title_left_bg.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 20px;
}

.titleRight {
    float:right;
    background-image: url(/DB-SVG/images/title_right_bg.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 20px;
}

.titleBody {
    padding: 4px;
    padding-left: 10px;
}


h1 {
    padding:5px !important;
    padding-bottom:18px !important;
    margin:0px;
    font-size:1.8em !important;
    color: #b6c6ce;
    text-shadow: 2px 2px 2px #222;
}

h2 {
    padding:5px !important;
    margin:0px;
    font-size:1.2em !important;
    color: #4c4a41;
}

h3 {
    padding:2px ;
    padding-left:10px;
    margin:0px;
    font-size:1.2em !important;
    color: #4c4a41;
}

h4 {
    padding:2px ;
    padding-left:10px;
    padding-top:8px;
    margin:0px;
    font-size:1em !important;
    color: #4c4a41;
}

a {
    color:#666666;
    text-decoration: none;
}

.menusetup a {
    margin-left:1em;
    color:#888888;
    text-decoration: none;
}
a:hover {
    color:#888888;
    text-decoration: underline;
}

.menusetup a:hover {
    color:#AAAAAA;
    text-decoration: none;
}
.menu {
    padding:2px;
    margin-bottom:5px;
}

.menu a {
    font-size:small;
    color:#444444;
    background-color: #dfdfdf;
    text-decoration: none;
    border: solid 1px #cdcdcd;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:3px;
    margin:1px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
}
.menu a:hover {
    color:#333333;
    background-color: #dcdcdd;
    border: solid 1px #bcbcbc;
    -o-box-shadow: 2px 2px 5px #d1d1d1;
    -icab-box-shadow: 2px 2px 5px #d1d1d1;
    -khtml-box-shadow: 2px 2px 5px #d1d1d1;
    -moz-box-shadow: 2px 2px 5px #d1d1d1;
    -webkit-box-shadow: 2px 2px 5px #d1d1d1;
}

.tablayer {
    font-size:small;
    padding-right:15px;
}
.tablayer a {
    margin-top:-4px;
    float:right;
    padding-right:5px;
    text-decoration: none !important;
}

.tab {
    background-color: #d8dcdd;
    border:1px solid #444;
    border-top:0px;
    width:auto;
    padding:5px;
    padding-top:0px;
    padding-bottom:6px;
    height:1em;
     -moz-border-radius: 0px 0px 10px 10px;
     -webkit-border-radius: 0px 0px 10px 10px;
    -o-box-shadow: 2px 2px 1px #AAA;
    -icab-box-shadow: 2px 2px 3px #CCC;
    -khtml-box-shadow: 2px 2px 3px #CCC;
    -moz-box-shadow: 2px 2px 3px #CCC;
    -webkit-box-shadow: 2px 2px 3px #CCC;

}
.tab:hover {
    color:#333333;
    background-color: #c8d2d4;
}

ul {
    margin:0px;
}

.svgdiv { 
    width: 100%;
    height: 300px;
    border: 2px solid #596b72;
}
.svgwrapper{
    width: 99%;
    height: 95%;
    margin:0px;
    margin-right: 10px;
    margin-right: 10px;
    overflow:visible;
}
.svgbox{
    width: 99%;
    height: 95%;
    margin:0px;
    margin-right: 10px;
    margin-right: 10px;
    overflow:visible;
}
#svgwindow {
    width: 99%;
    height: 99%;
    margin-right: 10px;
    margin-right: 10px;
    border: 2px solid #596b72;
    overflow:visible;
}
#svganim { width: 600px; height: 350px; }
#svggraph, #svgplot { height: 500px; }
#svgmix { height: 700px; }
.svgsample { float: left; width: 46%; margin: 1%; overflow: scroll; border: 1px solid #3c8243; padding: 5px; }
.drawOpt { float: left; width: 25%; }
.row { clear: both; }
#loadDialog {
    font-size:.8em !important;
}
#loadDialog p {
    padding-top:10px;
}
.info {
    margin:5px;
    padding-left:10px;
    color:#222;
    font-size:small;
}
.info .data {
    color:#555;
}
.info .label {
    font-weight:bold;
    width:7em;
}
.pagesTable {
    border: solid 1px #cccccc;
    padding:10px;
    margin:10px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
}
.pagesTable td{
    margin:2px;
}

.pagesTable .pagebox{
    text-align:center;
}
.pagesButtons {
    float:right;
    margin-top:2px;
    margin-left:20px;
    margin-right:20px;
}
.right-banner-image {
	float:right;
	padding:-30px 0 10px 10px;
}