html {
    background: #333333 url(../img/bg-stone.jpg);
}
body { margin:10px; }
body,td { font-family:verdana; line-height:24px; font-size:12px; color:#111111 }
table.cssEditTable td.cssOne { background-color:rgba(210, 216, 242, 0.9); }
table.cssEditTable td.cssTwo { background-color:rgba(255,255,255,0.9); }
table.normal { border-spacing: 0px; }
table.normal td { padding:0.5em 1em; margin:0; }
table.normal tr:nth-child(odd) { background-color:rgba(255,255,255,0.9); }
table.normal tr:nth-child(even) { background-color:rgba(210, 216, 242, 0.9); }
fieldset, fieldset td { color: #000000; }

table.cssEditTable, table.cssViewTable { width:100%; border:1px solid #d8d8d8; box-shadow:0px 0px 15px 0px rgba(255, 255, 255, 1); }
table.cssEditTable td, table.cssViewTable td { color:#000000; }
table.cssViewTable th { background-color:#ffffff; color:#000000; border-right:1px solid #cccccc; }
table.cssViewTable th.cssEnd { background-color:#ffffff; color:#000000; width:50px; }
table.cssViewTable tr:nth-child(odd) { background-color:rgba(255,255,255,0.9); }
table.cssViewTable tr:nth-child(even) { background-color:rgba(210, 216, 242, 0.9); }
td.cssCalendarHeader { background-color:#993333; color:#FFFFFF; font-family:arial; font-size:12px; font-weight: bold; }
td.cssDay { color:#496EA8; font-family:arial; font-size:11px; font-weight:bold; }
td.cssDate { border:1px solid #FFFFFF; color:#999999; font-family:arial; font-size:11px; font-weight:bold; }
td.cssDatePast { border:1px solid #D8E0ED; background-color:#D8E0ED; color:#999999; font-family:arial; font-size:11px; font-weight:bold; }
td.cssDateToday { border:1px solid #D8E0ED; color:#999999; font-family:arial; font-size:11px; font-weight:bold;}
td.cssMouseOver { border:1px solid #993333; background-color:#FBA9A9; font-family:arial; font-size:11px; font-weight:bold;  cursor: pointer; }
td.cssDateSet { border:1px solid #00FF00; background-color:#CCFFCC; font-family:arial; font-size:11px; font-weight:bold;  cursor: pointer; }
table.cssCalendarTable { background-color:#FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; }

a.cssCurMonth, a.cssCurMonth:link, a.cssCurMonth:active, a.cssCurMonth:visited { color:#FFFFFF; font-family:arial; text-decoration: none; }
a.cssCurMonth:hover { color:#FFFFFF; font-family:arial; text-decoration: underline; }
a.arrow { float:right; border-left:1px solid #999; background-color:rgba(255,255,255,0.7); padding:0 0.5em; }
#view_table tr.trDragging { background-color:#666666; color:#ffffff; }
#view_table td.dragHandle { cursor: n-resize; max-width:150px; opacity:1; }
#view_table td.dragHandle.active { opacity:0.5; }

#view_table tr.trDragging td.dragHandle { background-color:#999999; }
a { color:#000; }
a:hover { text-decoration:none; }

input { border:1px solid #000; padding:2px; }
a.cssButton, .button { font-size:14px; }
a.cssIndexLink, a.cssButton, input.cssButton, .button {
    transition:0.25s all;
    padding:2px 5px 3px 5px;
    text-decoration:none;
    border:1px solid #9E9E9E;
    background-color:rgba(255,255,255,1);
    color:#000000;
}
a.on, .cssIndexLink:hover, .cssButton:hover {
    background-color:rgba(104,109,132,1);
    color:#ffffff;
}
ul.left-nav li:hover { cursor: pointer; }

fieldset { max-width:80%; background-color:rgba(255,255,255,0.9); border:1px solid #4d4d4d; margin-top:1em; }
legend { background-color:#ffffff;  padding-top:0; border:1px solid #4d4d4d; }
#divEditFields { color:#000000; }
#divRefineSearch {
    display:none;
    border:1px solid #05568F;
    background-color:#C7E4F8;
    padding:0 1em 0 1em;
    width:auto;
}
form#formView {
    clear:both;
    width:91%;
}
div#xwrapper {
    width:90%;
    padding:1em;
    margin:0 auto;
    min-width:950px;
    min-height:600px;
    border:1px solid #333333;
}
div#foundations-left-nav {
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:18.5em;
    background-color:#e8e8e8;
    border-right:1px solid #4d4d4d;
    background-color:rgba(104,109,132,0.5);
    text-align:center;
    overflow-y:auto;
}
div#foundations-left-nav div.unicodeMenu {
    display:none;
}
div#wrapper.cuttingEdge div#foundations-left-nav div.unicodeMenu {
    display:inline-block;
}
div#wrapper.cuttingEdge div#foundations-left-nav {
    max-height:60px;
    transition:all 0.5s;
    z-index:1000;
    overflow-y:hidden;
    background-color:initial;
    border-right:0;
}
div#wrapper.cuttingEdge div#foundations-left-nav.active {
    max-height:initial;
    background-color:rgba(104,109,132,1);
    overflow-y: scroll;
}

div#foundations-body {
    position:fixed;
    left:0;
    top:0;
    margin-left:18.5em;
    height:100%;
    overflow-y:auto;    
    background-color:rgba(255,255,255,0.1);
}
div#wrapper.cuttingEdge div#foundations-body {
    margin-left:0;
    padding-top:25px;
    width:100%;
    background-color:rgba(1,1,1,0.5);
    color:#ffffff;
}
div#foundations-body h1 {
    color:#000000;
}
div#foundations-content {
    border-left:3px solid #333333;
    overflow:auto;
    height:100%;
    width:100%;
    padding:0 0 30px 0;
    color:#000000;
}
div#wrapper.cuttingEdge div#foundations-content {
    color:#ffffff;
    border-left:0;
}
div.shaded {
    border:1px solid #4d4d4d;
    background-color:rgba(1,1,1,0.7);
    padding:1em;
    width:80%;
    color:#ffffff;
}
div.shaded h1 {
    color:#000000;
}
div.shaded div.float-panel {
    float:left;
    padding:1em;
}
div.shaded table {
    color:#ffffff;
}
select#selProjects {
    max-width:15em;
}
div#foundations-left-nav p {
    text-shadow: 0px 0px 10px rgba(1, 1, 1, 1);
    margin-top:0;
    color:#ffffff;
    line-height:1em;
}
div#foundations-left-nav h1 {
    margin-bottom:0;
    text-shadow: 0px 0px 10px rgba(1, 1, 1, 1);
    color:#ffffff;
}
div#foundations-left-nav ul {
    list-style:none;
    width:100%;
    padding-left:0;
    text-align:left; 
}
div#foundations-left-nav li {
    background-color:rgba(255,255,255,0.8);
    border-bottom:1px solid #4d4d4d;
    padding-left:2em;
}
div#foundations-left-nav li.on {
    background-color:rgba(97, 139, 99, 0.99);
    color:#ffffff;
}
div#foundations-left-nav li.child-on {
    background-color:rgba(97, 139, 99, 0.99);
    color:#ffffff;
    padding-left:3em;
}
div#foundations-left-nav li.object {
    background-color:rgba(255,255,255,0.8);
    color:#000000;
}
div#foundations-left-nav li.child-object {
    background-color:rgba(104,109,132,0.8);
    color:#ffffff;
    padding-left:3em;
}
div#foundations-left-nav li.on a,
div#foundations-left-nav li.child-on a,
div#foundations-left-nav li.child-object a {
    color:#ffffff;
}
div#foundations-left-nav li.title {
    background-color:rgba(0, 0, 0, 1);
    color:#ffffff;
    font-family:arial;
    font-weight:bold;
    padding-left:1em;
}
div#foundations-left-nav li a {
    transition: all 0.25s;
    text-decoration:none;
}
div#foundations-left-nav li:hover {
    background-color:rgba(97, 139, 99, 0.99);
}
div#foundations-left-nav li.title:hover {
    background-color:#000000;
}
form#plugin-config {
    background-color:rgba(255,255,255,0.7);
    padding:1em 1.5em;
}
div#cssHeaderDiv {
    position: fixed;
    top:0;
    background-color:rgba(1,1,1,0.5);
    width:100%;
    padding:1em 0 1em 2em;
}
div#wrapper.cuttingEdge div#cssHeaderDiv {
    background-color:initial;
    padding:1em 0 1em 20em;
}
div#helpful-hints {
    color:#ffffff;
    position:absolute;
    right:2em;
    top:0;
    width:300px;
    z-index:999999;
}
div#helpful-hints p {
    color:#ffffff;
    display:none;
    line-height:1em;
}
div#divBuffer {
    display:block;
    height:4.5em;
    width:100%;
}
div#divWhitePanel {
    width:100%;
    display:block;
    padding:1em;
    background-color:rgba(255,255,255,0.8);
}
div#wrapper.cuttingEdge div#divWhitePanel {
    width:calc(100% - 6.5em);
    margin:2em;
    color:#000000;
}
#helpful-hints { display:block; }