/* MAIN ELEMENTS
============================================= */
body {font-family: "Open Sans", Arial, Tahoma, Verdana, Sans-Serif; font-size: 14px; line-height: 16px; background: #f8f4f2 url('malady/images/bg.png') repeat;}
a:link, a:active, a:visited {color: #CE534D; text-decoration: none;}
a:hover {color: #8bd5d1;}


header {float: left; width: 25%;}
nav {margin: 0px auto; float: left; width: 70%; }
nav ul {padding: 0; margin: 0; list-style: none; }
nav ul li {float:left; position:relative; background: #494949; display: inline-block; padding: 1em .6em; }
nav ul li.current {background: #08c1c3;}
nav ul li.current a:hover {background: 0;}
nav ul li:last-child {border: 0;}
nav ul li a:link, nav ul li a:visited {text-decoration: none; color: #fff; }
nav ul li ul.sub-menu {position:absolute; left:-9999px; width: auto; z-index: 150; margin-top: 10px;}
nav ul li:hover {background: #696969;}

nav ul li:hover ul.sub-menu { left: 0; background: #494949;  }
nav ul li ul.sub-menu li {height: auto; width: 100%; display: block; }





footer {clear: both; padding: .5em; text-align: center; margin-top: 5em;}

h2 {font-size: 1.2em; text-shadow: 0px 1px 1px #fff; color: #494949}
h3.right {float: left;}



/* SECONDARY ELEMENTS 
============================================= */
#wrapper {width: 70%; margin: 0px auto;}
#page {background: #f1f1f1; border: 2px solid #d1d1d1; clear: both; padding: 1em; margin: 2em 0 0 0;}

a.save-button {background: #d0d0d0; padding: 1em; }
a.save-button:hover {color: #494949;}
a.button{background: #d0d0d0; padding: .5em; text-align: center;}

/* HEADER */
header h1 {font-family: "Pacifico", sans-serif; font-size: 2.5em; text-shadow: 0px 1px 1px #fff; color: #08c1c3;}
header h1 a, header h1 a:visited {color: #08c1c3;}
header h1 a:hover {color: #8bd5d1;}

table {width: 100%; margin: 0px auto;}
tr:first-child {background: #f8f5f4; padding: .35em; color: #494949; }
td {padding: 1em; border: 1px dotted #000;}
p.error {background:#CE534D; border: 1px solid #bc4343; text-shadow: 0 1px 0px black; width: 600px; padding: 10px 10px; margin: 20px auto 0; color: #fff}
p.success {background: #DFF2BF; border: 1px solid #4F8A10;; text-shadow: 0 1px 0px white; width: 600px; padding: 10px 10px; margin: 20px auto 0; }
p.notice{background: #FEF6D2; border: 1px solid #EFE3AE; text-shadow: 0 1px 0px white; width: 600px; padding: 10px 10px; margin: 20px auto 0; }
p.saveDB {float: left;}
p.mass-edit {float: right;}
p.button {background: #d0d0d0; padding: .5em; text-align: center; width: 150px; margin: 0 1em 0 0; border: 1px solid #aaa;}
p.button:hover {background: #e0e0e0;}

form {clear: both;}

fieldset {
background: #ebebeb;
border: 1px dashed #d4d3d2;
 margin: 0 0 20px 0;
 padding: 1%;
 width: 98%;}
 
 fieldset legend {
 background: #ebebeb;
 color: #909090;
 padding: 10px;
 text-transform: uppercase;
 border: 1px dashed #d4d3d2;
}

fieldset label {
 padding: 0 1% 0 0;
 text-align: left;
 width: 10%;
}
input[type=text],input[type=submit], input[type=password] {
background-color: #f9f8f7;
font-family: "Pontano Sans", Arial, Tahoma;
 border-bottom: 1px solid #c0c0c0;
 border-left: 0;
 border-right: 0;
 border-top: 0;
 color: #909090;
 width: 90%;
 display: block; 
 font-size: 14px;
 padding: .5em;}

textarea {height: 200px; width: 90%; padding: 0; background-color: #f9f8f7;
font-family: "Pontano Sans", Arial, Tahoma;
 border-bottom: 1px solid #c0c0c0;
 border-left: 0;
 border-right: 0;
 border-top: 0;
 color: #909090;
 width: 90%;
 display: block; 
 font-size: 14px;
 padding: .5em;}
 
 input.delete[type="submit"] {
 background:#CE534D; border: 1px solid #bc4343; text-shadow: 0 1px 0px black; color: #fff; padding: .5em; text-align: center; display: inline; float: left; width: 150px; margin: 0 1em 0 0;}
 
 input.delete[type="submit"]:hover {background: #ec4343;}
 input.button[type="submit"] {background: #d0d0d0; padding: .5em; text-align: center; display: inline; float: left; width: 150px; margin: 0 1em 0 0; border: 1px solid #aaa;}
 input.button[type="submit"]:hover {background: #e0e0e0;}


div#allProbs {overflow: auto; height: 170px; width: 100%; margin: 1em;}
  input[type=checkbox] + label
   {
   
   
       
 }
   
   input[type=checkbox]:checked + label
    {
      
   
background: #CE534D;
color: white;   

    }

p.prob {float: left; margin: .1em 0; width: 30%; display: inline; font-size: 12px;}
input.prob label {}
#genList {
width: 500px;
overflow: auto;
height: 300px;
border: 1px solid #aaa;
padding: 1em;
margin-bottom: 2em;
}
.fl { margin: 1em 0; padding: .25em;}