/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Main Body Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-text {
  background-color: white;
  margin-left: 160px; /* change navbar width as well */
  border:1px #BBBBBB solid;
  padding: 10px;
  min-height: 1200px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Download Link Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#download {
  background: url(images/down.png) no-repeat;
  padding:0px;
}
#download ul {
  padding:0px;
  margin-left:25px; /* = background-position + margin-left of 'bulletdownload' below */
}
#download li{
  padding:0px;
}
#download li.link{
  list-style:none;
  font-size: 0.8em;
}
#download li.update {
  color:black;
  font-size: 0.6em;
  background: #DDDDDD;
  padding-left: 10px;
  width:170px;
  display:block;
}

#htmltext {
background: url(images/html.png) no-repeat 4px center;
margin-top: 10px;
font-size: 0.8em;
}
#htmltext li{
list-style: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Table Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#table {
padding: 10px;
margin-top: 10px;
}
#table td{
font-size:0.9em;
}
#table td.date, td.fill{
color:#000000;
font-size: 0.7em;
background: #DDDDDD;
padding-left: 5px;
padding-right: 5px;
}
#table td.date{text-align:right;}
#table td.fill{text-align:center;}
#table td.bullet{background:url(images/bullet.png) no-repeat left center ; padding-left: 10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Tips and Notes Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#hint ul, #note ul, #warning ul{
  margin: 0px;
  padding: 0px;
  margin-left:25px;
  margin-bottom:3px;
}
#hint li, #note li, #warning li{
  list-style:none;
  font-size: 0.7em;
  line-height: 1.2em;
  padding-left:  15px;
  padding-right: 10px;
  padding-top:1px;
  padding-bottom:1px;
  text-align: justify;
  width: 400px;
  margin: 0px;
}
#hint li.caption, #note li.caption, #warning li.caption{
  text-align: center;
  font-weight:bold;
  color:#FFFFFF;
  width: 100px;
}
/* Green heading and box */
#hint li.caption{   background-color:#d0e0d0;}
#hint li{           background-color:#f0f8f0; color:#9b9; }

/* Blue heading and box */
#note li.caption{  background-color:#d0d0e0;}
#note li{          background-color:#f0f0f8; color:#99b; }

/* Red heading and light oracnge box */
#warning li.caption{background-color:#e0d0d0;}
#warning li{        background-color:#f8f0f0; color:#b99; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Bulleted text Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p.bullet, p.bulletdownload { 
  background-image: url(images/bullet.png);
  background-position: left 3px top 4px; 
  background-repeat: no-repeat; 
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 1px;
}

p.bullet {
  margin: 4px;
}
p.bulletdownload {
  margin-left: 22px;
}

.list, .list2{
    font-size: 0.7em;
    line-height: 1.2em;
    text-align: justify;
    list-style-image: url(images/bullet.png);
    list-style-position:outside;
}
.list2{
    font-weight:bold;   
    color:#000000;
    border-bottom: 1px #cfd7f6 solid;
    font-size: 0.8em;
    line-height: 1.2em;
}
.projID {
    list-style:none;
    color:#ffcc88;
    font-size: 0.6em;
}
.description {
  list-style:none;
  font-size: 0.7em;
  line-height: 1.2em;
}
#thumblink { }
#thumblink img { float:left; height:120px;}
.conference,.confhead,.confdate,.conftitle{ list-style:none;font-size: 0.8em;}
.conference{ color:#FF6600;}
.confhead{color:#999999; font-size:0.7em;}
.confdate{font-size:0.7em;}
.conftitle{font-weight:bold;}

p.preamble{
    font-size: 0.7em;
    line-height: 1.2em;
    text-align: justify;
    background-color:#ffcc88;
    padding: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Group Info Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#person {
    height:100px;
    margin-top: 5px;
    padding-bottom:15px;
}
#person table td.image {
    padding:0px;
    margin: 0px;
    float: none;
}
#person table td.personInfo{
    padding-top:15px;
    padding-right: 10px;
    font-size: 1.2em;
}
#person img.picture{float:none;height:100px; background-color:#E6E6E6;}
img.email{  float:none; margin:-3px; margin-bottom:-5px;}
#person li{         list-style:none; font-size:0.7em;}
#person li.name{    font-weight:bold;}
#person li.task{    color:#FF6600; font-weight:bold; }
#person li.task a { color:#FF6600; font-weight:bold; }
#person li.task a:hover {   color:#FF6600; background-color: #ddddff; font-weight:bold; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Screenshots Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#screenshot {
/*  height: 172px;
    background-repeat: no-repeat; */
}
#screenshot p{
/*  margin-left: 220px; */
}
img { 
    padding: 5px;
    float:  right;
    border:none;
    margin: 15px;
}
#thumblink img {
    float: left;
    padding: 10px;
    background-color:#E6E6E6;
    margin-right: 20px;
}
#pubyear p {
/*  background-color:#FF9933;*/
    color: #cc0000;
    font-weight:bold;
    font-size:0.9em;
    display:block;
    width:150px;
    text-align: center;
    border-bottom: 1px #ffcc88 solid;
    border-left: 5px #ffcc88 solid;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MainImage Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#treegroups {
  height: 250px;
  background-image: url(images/phylo_tree.jpg);
  background-position: left center;
  background-repeat: no-repeat;
}
#treegroups p{
  margin-left: 420px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Citation Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#citation p{
  background-color: #ffcc88;
  padding: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Publication Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#publication p{
  background-image: url(images/book.png);
  background-position: left 2px; 
  background-repeat: no-repeat; 
  padding-left: 25px; 
  padding-right: 10px;*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Heading Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1,h2 {
  color: #000000;
  border-bottom: 1px #CCCCCC solid;
  border-left: 5px #ffcc88 solid;
  padding-left: 5px;
  margin-bottom: 0px;
}
h1 {
  font-size: 0.9em;
}
h2 {
  font-size: 0.8em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Paragraph style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p{
  font-size: 0.7em;
  line-height: 1.2em;
  text-align: justify;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Link Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a {}
a:link {
  text-decoration: none;
  color: #0000BB;
}
a:visited {
  text-decoration: none;
  color: #880000;
}
a:hover {
  text-decoration: none;
  background-color: #ffcc88;
  color: #6666cc;
}
a:active {}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Footer style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {border-top: 1px #ffcc88 solid;}
#footer td {
    font-size: 0.7em;
    color: #777777;  
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
#footer date {
  color:#000088;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/