/* Misc. formatting */
#content table td.blackout
{
    background-color: #555;
    color: inherit;
}

#content table td.header
{
    background-color: #ccc;
    color: inherit;
}

#content table caption
{
    color: inherit;
    caption-side: bottom;
    font-style: italic;
}

#smallprint {
   font-size: 10px;
}
#alternative {
   background-color: #cccccc;
}

#lheight {
    height: auto;
}

#lheight2 {
   height: 92%;
}

/* One-line justify, found on http://blog.vjeux.com/2011/css/css-one-line-justify.html */
.fulljustify {
    text-align:justify;
}
.fulljustify:after {
    content: "";
    display: inline-block;
    width: 100%;    
}
#tagline {
    height: 40px;
    overflow: hidden;
    line-height: 40px; /* vert-center */
}

#tagline a.selected {
    /*background-color: #dddddd;*/
    font-weight: bolder;
}

/* Input elements */
input.menubutton
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   color:#000000;
   width:100%;
   background-color:#EEEEEE;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffFFEEDD');
   border-top-style:solid;
   border-top-color:#FFFFFF;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#FFFFFF;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#FFFFFF;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#FFFFFF;
   border-right-width:1px;
}

input.groovybutton {
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#440088;
   height:18px;
   background-color:#ccccff;
   border-top-style:solid;
   border-top-color:#9999cc;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#9999cc;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#9999cc;
   border-left-width:10px;
   border-right-style:solid;
   border-right-color:#9999cc;
   border-right-width:1px;
}

input.greyedouttext {
    background-color:cccccc;
}

.invalid {
   background-color: #f88;
   border-color: #f00;
}

.valid {
   background-color: #ffffff;
   border-color:#000000;
}

input[type="text"]:focus {
    background-color: yellow;
}

textarea:focus {
   background-color: yellow;    
}

select:focus {
   background-color: yellow;
}

select {
    color: black;
    font-size: 0.9em;
}

fieldset {
   padding:2px;
   height:auto;
   width:auto;
   margin-bottom: 1em;
   border: 1px solid #888;
   border-right: 1px solid #666;
   border-bottom: 1px solid #666;
}

legend {
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #888;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: .5em;
    background-color: #ccc;
}

/* Table/divs */
div.row {
   clear: both;
   padding-top: 10px;
}

div.row span.label {
   float: left;
   width: 100px;
   text-align: right;
}

div.row span.formw {
   float: right;
   width: 335px;
   text-align: left;
} 

/* Page layout */
#box1 {
   text-align:left;
   padding:0px;
   border:none;
   margin:5px;
   margin-right:3%;
   max-width:20%;
   max-height:300px;
   width:19%;
   height:300px;
   overflow:auto;
   position:static;
   float:left;
   top:0px;
   left:0px;
}

#box2 {
   text-align:left;
   padding:2px;
   border:none;
   margin:0px;
   max-width:70%;
   max-height:290px;
   width:69%;
   height:290px;
   overflow:auto;
   position:static;
   float:left;
   top:0px;
   left:0px;
}
   
#box3 {
   text-align:left;
   padding:2px;
   border:none;
   margin:0px;
   max-width:90%;
   width:89%;
   height:auto;
   overflow:auto;
   position:static;
   float:left;
   top:0px;
   left:0px;
}

#menulink {
    display: none;
}

#columnLeft {
    float: left;
    width: 160px;
    margin-left: 10px;
    padding-top:1em;
}

#columnRight {
    padding-top: 1em;
    margin: 0 2em 0 200px;
}

/* Table-like display classes, adapted from Christopher Schmitt, "CSS Cookbook", 2nd ed., O'Reilly & Assc., 2006 */
div.table, div.table a {
    display:table;
    border-collapse:collapse;
    text-decoration: none;
   padding: 0;
   white-space: nowrap;
   width:auto;
   text-align:justify;
   margin-left: auto;
   margin-right: auto;
}

div.table_inl {
   display:table;
}

div.tr {
    display:table-row;
    width:100%;
}

div.td { 
    display:table-cell;
    border: none;
   font-size: 0.8em;
   font-weight: bold;
   width:130px;
   text-transform: uppercase;
   padding: 5px 13px 6px 25px;
   background: url(../img/nav_off.gif) repeat-x;
}

div.td:hover {
   background-image: url(../img/nav_over.gif);
   color: #000000;
}

div.td2 {
   width:130px; 
    display:table-cell;
}

div.td3 {
   width:130px;   
   display:table-cell;
   padding: 2px;
   text-align: center;
}

div.td4 {
   width:100%;   
   display:table-cell;
   padding: 2px;
   text-align: center;
}

div.th {
    display: table-caption;
    background-color: black;
    color: white;
    padding: 2px;
    text-align: center;
    width: 100%;
}
/*
#content blockquote:before {
    content: "\201C";
}
#content blockquote:after {
        content: "\201D";
}
#content blockquote {
    quotes: "" "";
}
*/
#content blockquote {
    border-left: 0;
    font: italic 14px georgia;
    padding: 0 0 0 36px;
    line-height: 21px;
    color: #565350;
    margin-bottom: .25em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* margin-left: 6px;
    margin-bottom: 18px;    
    background: url(../images/blockquote.gif) 6px 0 no-repeat; margin: 0; */
}
#content blockquote p {
    color: #736f6d;
    display: block;
    margin-bottom: .5em;
}

/* Leading dots for TOCs, taken from http://www.w3.org/Style/Examples/007/leaders.en.html */
ul.leaders {
    max-width: 51em;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1
}

/* CSS 3 solution
ul.leaders {
    padding: 0;
    list-style: none
}
ul.leaders span:first-child:after {
    content: leader(dotted)
}
*/

table.toc { 
    font-size: 10pt;
    width:100%;
    border: none !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    overflow-x: hidden;
    table-layout:fixed;
}
tr.toc:hover { background: #eff5f7;; }
td.toc {
    white-space:nowrap;
    height: 1em;
    vertical-align: bottom;
}
td.author {
    /*height: 1em;*/
    vertical-align: bottom;
    width: 90%;
    overflow: hidden;
    overflow-x: hidden;
    /*white-space: nowrap;*/
}
td.pages {
   text-align:right;
   vertical-align: bottom;
}

#tabs-min { 
    background: transparent; 
    border: none; 
} 
#tabs-min .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs-min .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
#tabs-min .ui-tabs-nav .ui-state-active { 
    background: transparent url(images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
} 
#tabs-min .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
} 
#tabs-min .ui-tabs-nav .ui-state-active a { 
    color: #333; 
}
a {
  color: #af0a0a;
}

/* body .container {
    padding: 20px 0 0 0;
}*/
.jumbotron p {
   font-size: 18px;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.legend {
    width: 10em;
    margin-top: 10px;
    float: left;
}

.legend .title {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;
}

.legend .color-sample {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}

.canvas-holder {
	float:left;
	margin:10px 20px 30px 10px;
}

.mypiechart {
   width: 370px;
   height: 370px;
   min-width: 250px;
   min-height: 250px;
}

.myareachart {
   width: 470px;
   height: 370px;
}

.charttext {
   margin:10px 20px 30px 10px;
}

.maptext {
   margin-top:10px;
}

.mymap {
	min-width: 400px;
	min-height: 300px;
}