/* _________ Stylesheet for Silva 1.1 frontend _______________ */
/* _________ Silva users can insert their own frontend styles _________ */
/* _________ Styles modified here will affect the Silva preview  ______ */
/*
**  Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
** ** 
** 
** 
** 
*/

body {
  font-family: helvetica, arial, sans-serif;
  background-color: white;
  margin:0;
  padding:0;
}

/* _________________________________________________________ typography _____ */

H1 {
        width: 100%;
        font-size: 75px;
        text-align: right;
        color: #004000;
        margin-top: 5px;
        margin-bottom: 10px;
}
H2 {
	border-width: 0pt;
        color: gray;
	border-bottom: 1px dotted gray;
}
H3 {
	width: 100%;
	border-width: 0pt;
        color: gray;
	border-bottom: 1px dotted gray;
}
H4 {
        color: gray;
        font-size: 120%;
        margin-top:1em;
        margin-bottom:1em;
}
H5 {
        color: gray;
        font-size: 110%;
        margin-top:1em;
        margin-bottom:1em;
}

.subhead {
  font-weight : bold;  
  font-family : verdana, arial, helvetica, sans-serif;
  color: #333767;
  line-height : 1.6em;
} 

pre {
  font-size: 120%;
  color: #444466;
  background: transparent;
  padding: 0;
  border: none;
}

/* Dashed underlines for acronyms in IE - actually abbr is not yet supported by IE */
acronym, abbr {
    border-bottom-style:dashed;
    border-bottom-width:1px;
}

/* ____________________________________________ silva specific styles _____ */

p.lead {
  font-weight : bold;
}

p.annotation {
  font-style : italic;
}

div.citation {
  font-size : 110%;
  color : #426061;
  background : #F4F3DB;
  margin : 1em 3em;
  padding : 0.4em 2em 1.2em 2em;
  border : 1px solid #426061;
}

div.citation p {
  margin : 0.5em 0em;
}

div.citation p.author {
  font-size : 90%;
  font-weight : bold;
  margin-bottom : 0;
}

div.citation p.source {
  font-size : 90%;
  margin-top: 0;
  margin-bottom : 0;
}


/* ______________________________________________________ align/float _____ */

.image-left {
  text-align: left;
}

.image-center {
  text-align: center;
}

.image-right {
  text-align: right;
}

.float-left {
  float: left;
  margin: 0 1em 1em 1em;
  clear: none;
}

.float-right {
  float: right;
  margin: 0 1em 1em 1em;
  clear: none;
  border: 1px solid black;
}


/* __________________________________________________ silva list styles _____ */

ul {
  margin : 0.5em 0em;
  /* override default indent */
  padding-left: 1.4em; 
}

ul.disc {
  list-style-type : disc;
}
  
ul.square {
  list-style-type : square ! important;
} 

ul.circle {
  list-style-type : circle;
} 

ul.nobullet {    
  list-style-type: none;   
}

ol {
  margin : 0.5em 0em;
  /* override default indent */
  padding-left: 1.9em; 
}

ol.decimal {
  list-style-type : decimal;
} 

ol.upper-roman {
  list-style-type : upper-roman;
}

ol.lower-roman {
  list-style-type : lower-roman;
}

ol.upper-alpha {
  list-style-type : upper-alpha;
}

ol.lower-alpha {
  list-style-type : lower-alpha;
}

dt {
  font-weight: bold;
  background : transparent;
}

dd {
  background : transparent;
  margin-left : 1.5em;
}



/* _________________________________________________ silva table styles _____ */

table.silvatable {
  empty-cells: show;
  border-collapse: collapse;
  margin-bottom: 1em;
}
table.silvatable tr {
  vertical-align: top;
} 
table.silvatable tr.rowheading {
  font-weight: bold;
} 
table.silvatable td {
  border-right: none ! important;
} 
table.silvatable th.align-left, table.silvatable td.align-left {
  text-align: left;
}
table.silvatable th.align-center, table.silvatable td.align-center {
  text-align: center;
}
table.silvatable th.align-right, table.silvatable td.align-right {
  text-align: right;
}

table.datagrid, table.plain, table.list, table.grid {
  width: 100%;
}

table.plain {
  border-style: none;
} 
table.plain td {
  border-right: none ! important;
}
 
table.list td {
  border-bottom: 1px solid #444444;
} 

table.list tr.rowheading td, table.list thead th {
  border-bottom: 2px solid #444444;
} 
  
table.grid td, table.grid thead th {
  border: 2px solid #444444;
  border-right: 2px solid #444444 ! important;
} 
  
table.datagrid td {
  border: 2px solid #444444;
  border-right: 2px solid #444444 ! important;
} 
table.datagrid tr.rowheading td {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none ! important;  
} 

table.simple {
  border-style: none;
}

table.simple thead th {
  font-weight: normal;
}

td.even table td {
  border-right: none ! important;
}


/*___________________________________________ various table layouts _____ */ 

table.black_border td,
table.black1 td,
table.red td, 
table.green td {
  padding: 0 5px;
}

table.black_border { 
  border: 1px solid black;
}

table.black_border td { 
  border: 1px solid black;
}

table.black_border tr.odd td { 
  background-color: #c1c1c1; 
}

table.black1 tbody { 
  border-right: 1px solid black; 
}

table.black1 td {
  border: 1px solid black;
}

table.red { 
  border: 1px solid darkred;
}

table.red td {
  border: 1px solid darkred;
}

table.red tr.odd td {
  background-color: #d0bbbb;
}

table.green {
  border: 1px solid darkgreen;
}

table.green td {
  border: 1px solid darkgreen;
}

table.green tr.odd td {
  background-color: #b3c99c;
}

/* definitions for batching */
div.listingBar {
  width: 60em;
  margin: 2em 0;
}

div.listingBar .next {
  margin-left: 5em;
} 

div.listingBar .previous {
  margin-right: 5em;
}


/* ______________________________________________ silva frontend layout _____ */

/* defines the width of the text in the preview/public layout */
/* duplicated from silva.css */
.public {
}

.preview_compare {
  margin-left : 7em;
  padding-top : 2.3em;
  margin-right: 7em;
}

.preview_compare_left, .preview_compare_right {
  width: 49%;
}

.preview_compare_left {
  border-width: 0px;
  border-color: black;
  border-style: solid;
  border-right-width: 1px;
  padding-right: 2.3em;
}

.preview_compare_right {
  padding-left: 2.3em;
}


/* ____________________________________________________________ links _____ */

span.breadcrumb a {
  text-decoration : none;
}  
span.breadcrumb a:hover {
  text-decoration : underline;
}  

/* highlighting index links */
/* keep this if you markup text with index elements, this overrides the highlighting in the editor */
a.index-element {
  background-color : transparent;
  text-decoration : none;
}

div.public a:link {
  color : #0000aa;
  text-decoration : underline;
}
div.public a:visited {
  color : #4a00b2;
  text-decoration : underline;
}
div.public a:active {
  color : #3399cc;
}
div.public a:hover {
  color : #0000ff;
  text-decoration : none;
}

a img {
  border: 0;
}

/* __________________________________________________________ buttons _____ */

input.button {
  font-size: 95%;
    font-weight: normal;
    color: #d9f3da;
  background : #064C29;
    margin: 0.2em 0.2em 0.1em 0.2em;
    padding: 0 0.2em;
  border: 1px solid #6bb591;
    cursor: pointer;
}

button.button {
  font-size: 95%;
    font-weight: normal;
    color: #d9f3da;
  background : #064C29;
    margin: 0.2em 0.2em 0.1em 0.2em;
    padding: 0 0.2em;
  border: 1px solid #6bb591;
    cursor: pointer;
}

input.transport {
  font-size: 95%;
    font-weight: normal;
  color: #d9f3f1;
  background: #283365;
    margin: 0.2em 0.2em 0.1em 0.2em;
    padding: 0 0.2em;
  border: 1px solid #8faecf;
    cursor: pointer;
}

input.warning {
  font-size: 95%;
    font-weight: normal;
  color : #fdeaea; 
  background : #752e2f;
    margin: 0.2em 0.2em 0.1em 0.2em;
    padding: 0 0.2em;
  border: 1px solid #b48f8f;
    cursor: pointer;
}

input.cancel {
  font-size: 95%;
    font-weight: normal;
  color : #ccd7d6;
  background : #666668;
  background : #444446;
  border : 1px solid #b9c2c1;
    margin: 0.2em 0.2em 0.1em 0.2em;
    padding: 0 0.2em;
    cursor: pointer;
}
  

/* end cascade */

TD#image {
background-color:lightblue;
vertical-align: middle;
text-align:center;
color: gray;
background-image: url("/~philz/image.png");
}
TD#topleft {
width:250px;
height:80px;
border-bottom: 2px solid black;
font-size:30px;
text-align: center;
color: gray;
font-family: monospace;
}
TD#topright {
width:100%;
height:80px;
border-bottom: 2px solid black;
font-size:30px;
font-weight: bold;
color:black;
border-left: 2px solid black;
padding-left: 10px;
}
TD#menu {
vertical-align: top;
padding:10px;
font-size:14px;
font-family: monospace;
border-top: 2px solid black;
padding-bottom: 30px;
}
TD#breadcrumb {
border-bottom: 2px solid black;
border-left: 2px solid black;
padding:2px;
padding-left: 10px;
font-family: monospace;
font-size:12px;
font-weight: bold;
color: black;
}
TD#body {
padding:10px;
border-left: 2px solid black;
border-top: 2px solid black;
padding-bottom: 30px;
vertical-align: top;
}
TD#footer {
text-align: center;
font-size: 12px;
width:100%;
border-top: 2px solid black;
padding:5px;
font-family: monospace;
}

p.p {
margin-bottom: 1em;
}
a {
  text-decoration : none;
}
a:hover {
  text-decoration : underline;
}

.default {
border: 1px solid black;
margin: 5px;
}