@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:700|Quantico:400,400italic,700);

body {
  font-family: 'Quantico', sans-serif;
  width: 700px;
  margin: auto;

 }

h1, h2, h3 {
   font-family: 'Source Code Pro', sans-serif;
}

#content {
   padding: 10px;
   background: #fff;
   border: 2px #555 solid;
   border-bottom-right-radius:25px;
   border-bottom-left-radius: 25px;
    }

    #content h1,h2,h3 {
     color: #b3a496;
       }

   #content h1 span { 
display: block; 
border-top: 1px dotted #696969; 
font-size: 65%; 
margin: 0; }

#logout a {
   position: absolute;
   top: 1px;
   font-size: .8em;
   color: #fff;
   background: #4cc;
   padding: 2px;
   left: 5px;
 }
   #footer {

     color: #333;
      padding: 5px;
      font-size: 70%;
      } 

#caninfostatus th {
text-align: left;
padding-right: 1em;
}

#canstatuslist {
   border-collapse:collapse;
   width: 500px;
}

#canstatuslist .even {
   background: #ddd;
}
#canstatuslist td, #canstatuslist th{
  padding-right: 1em;
  text-align: left;
}


  #header p {
    padding: 2px;
    font-size: 170%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Source Code Pro', sans-serif;
   } 

    a, a:link, a:active { color: #bd9100; } 
    a:visited { color: #967300; }
    a:hover { color: #967300; text-decoration: none; background: #eee; }



#maintablelist {
   width: 100%;
   border: 1px solid #eee;
}

#maintablelist .odd {
   background: #eee;}

#maintablelist tr {
   border-bottom: 1px solid #ddd;
}


#actionmenu{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;text-transform:uppercase;}
#actionmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#actionmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#actionmenu ul li a{display:block;float:left;color:#967300;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#actionmenu ul li a:hover,#actionmenu ul li a.current{color:#967300; background:#eee;}

#positions { background: #eee; }
#positions table { width: 100%; }
#positions .odd { background: #cec; }
#positions td { border-right: 1px #999 solid; font-family: courier, monospace; }
#positions th { font-family: courier, monospace; }
#positions .sline { background: #ccc;  }

#valuationlist { background: #eee; }
#valuationlist table { width: 100%; }
#valuationlist .odd { background: #cec; }
#valuationlist td { border-right: 1px #999 solid; font-family: courier, monospace; }
#valuationlist th { font-family: courier, monospace; }
#valuationlist .sline { background: #ccc;  }



.emotionname {
  text-align: center;
  border: 1px dashed #333;
  width: 30%;
  color: #fff;
  background: #444;
  padding: 5px;
  margin: auto;
  }

#pearson {
  background: #fdf;
  border: 1px solid #ccc;
  padding: 4px;
}
#pearson td { padding: 2px;
text-align:center; 
margin:0px;
border: 1px solid #ccc;
font-size: .8em;

 }



/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(/images/blueslate_background.gif) repeat-x top left; text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(/images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(/images/greenslate_background.gif) repeat-x top left;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(/images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */

/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(/images/redslate_background.gif) repeat-x top left;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(/images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */

/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(/images/purpleslate_background.gif) repeat-x top left;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(/images/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */