html, body {
   width: 100%;
   height: 100%;
   padding: 0px;
   margin: 0px;
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   overflow: hidden;
}

body { position: relative; }

.purgatory { clear: both; }
.tar { text-align: right; }
.alert {
   font-size: 1.5em;
   font-weight: normal;
   color: gray;
}

#tabulator_headers ul {
   top: 42px;
   left: 1px;
   right: 1px;
}

.contentbox {
   position: absolute;
   top: 75px;
   left: 1px;
   right: 1px;
   bottom: 1px;
   /* padding: 20px; */
   display: none;
   overflow: hidden;
}

.message {
   font-size: 1.4em;
   text-align: center;
   color: #990000;
   background-color: #FFCCCC;
   border-top: solid 1px white;
   width: 300px;
}

.success {
   font-size: 1.4em;
   text-align: center;
   color: #006633;
   background-color: #CCFFCC;
   border-top: solid 1px white;
}

.new, .edit {
   display: block;
   text-align: right;
   padding: 10px;
   width: 100px;
   background-repeat: no-repeat;
   background-position: 5px center;
   border: solid 1px gray;
   background-color: #dfdfdf;
   margin-left: 2px;
   text-decoration: none;
   color: gray;
}

.new {
   background-image: url(img/new.png);
}

.edit {
   background-image: url(img/edit.png);
}

.new:hover, .edit:hover {
   background-color: orange;
   color: white;
}

#title {
   position: absolute;
   top: 1px;
   left: 1px;
   right: 1px;
   background-color: black;
   color: white;
   font-size: 1.8em;
   padding: 0px 10px 0px 10px;
   height: 38px;
   line-height: 2em;
}

#title span { font-size: .8em; }

input[type="text"], input[type="password"] {
   display: inline-block;
   width: 300px;
   padding: 3px;
   margin-bottom: 15px;
}

#conndata input[type="button"] {
   padding: 10px;
}

#conndata table {
   border-collapse: collapse;
}

#conndata table tr td {
   padding: 10px;
}

label {
   display: inline-block;
   color: orange;
   font-size: 1.2em;
   margin-bottom: 3px;
}

#projects_list_container {
   position: absolute;
   top: 20px;
   left: 2px;
   bottom: 2px;
   width: 300px;
}

#projects_label {
   /* background-color: gainsboro; */
   padding: 5px;
   border-bottom: solid 2px gray;
}

#projects_list {
   position: absolute;
   top: 47px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   overflow: scroll;
}

#projects_list a {
   display: block;
   padding: 5px;
   border-bottom: solid 1px gainsboro;
   text-decoration: none;
   border-right: solid 5px white;
}

#projects_list a:hover, #projects_list a.active {
   background-color: #EEEEEE;
   border-right: solid 5px orange;
}

.folder_name {
   font-size: 16px;
   color: steelblue;
}

.project_description {
   color: gray;
}

#projects_crud_box {
   position: absolute;
   top: 20px;
   left: 320px;
   /* width: 300px; */
   height: 400px;
   /* border: solid 1px gray; */
}

#projects_crud_tools {
   margin-bottom: 15px;
}

#projects_crud_tools a {
   float: right;
}

#projects_crud_tools a.edit { display: none; }

iframe {
   border: none;
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
}

#home {
   background-color: #150802;
   background: url(../img/girlplay.jpg) no-repeat center top fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}