/* Application styles could go here */

@import "master.css";
body {
    background-color: #aaa;
}

#app {
    background-color:#fff;
}
.header {
    padding:10px;
    margin-top:-80px;
    position: absolute;
}

.header_bg {
    background-image:url(/series/z/183/images/header_bg.jpg);
    width:100%;
    height:80px;
    opacity:0.7;
}

.header h1 {
    color:#fff;
    font-size:32px;
    text-transform:uppercase;
	letter-spacing: .08em;
    margin-bottom:0px;
    text-shadow: 1px 1px 4px #000;
}

.header h2 {
    color:#F2FBFF;
    font-size:16px;
    margin-top: 0;
    text-shadow: 1px 1px 3px #000;
}

#menu {
    background-color: #57869F;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0) 100%);
    border: medium none;
}
#menu .dijitMenuItem {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat-x;
    border: 0 none;
    color: #FFFFFF;
    margin: 0;
    padding: 4px 12px;
    height:20px;
    font-family:"Trebuchet MS",verdana,"arial unicode ms",helvetica,sans-serif;
    font-size: 16px;
    font-weight:bold;
    -webkit-font-smoothing: subpixel-antialiased;
}
#menu .dijitDropDownButton .dijitButtonText {
    color: #FFFFFF;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}
#menu .dijitDropDownButtonActive .dijitButtonText {
    color: #FFFFFF;
    font-weight: bold;
}
#menu .dijitDropDownButtonHover .dijitButtonText {
    color: #000000;
}
#menu .dijitMenuItemHover {
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.7) inset;
}
#menu .dijitMenuItemActive {
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.9) inset;
}
#menu .dijitMenuItemSelected {
    box-shadow: 0 -3px 0 #FFFFFF inset;
}
.nihilo .dijitMenuItemSelected {
    background-color: #57869F;
    color:#fff;
}
.dlaguaScrollableServicedPane-child {
    padding:10px;
}

.sampletexts {
    display:none;
}

.dlaguaScrollableServicedPaneItem:first-child .sampletexts {
    display:block;
}

.text-key {
    display: inline-block;
    font-weight: bold;
    min-width: 130px;
    width:20%;
}

.text-key:after {
    content:': '
}
.text-content {
    padding:10px 5px;
    margin-top:20px;
    border:#57869F groove 1px;
    border-left:none;
    border-right:none;
}

.text-content p {
    font-family:verdana,sans-serif;
}

.text-info {
    columns: auto 2;
    -moz-columns: auto 2;
    -webkit-columns: auto 2;
}

.text-info>div {
    margin:5px 0;
}

.bg {
    position:absolute;
    z-index:0;
}

#bg_ch_1 {
    background: no-repeat scroll top left url(series/z/183/images/chap1-header.jpg);
}

div.container {
    position: absolute;
    top: 5px;
    left: 20px;
    margin: 0px;

}

img.spaced {
    border: 1px solid #101015;
    width: 575px;
}

div.midimg {
    margin: 2px;
    margin-left: 214px;
    width: 577px;
    border: 1px solid #d1d5cf;
}

div.midcontent {
    margin: 2px;
    margin-left: 214px;
    width: 557px;
    border: 1px solid #d1d5cf;
    padding: 10px;
}

div.navbar {
    position: absolute;
    left: 17px;
    top: 36px;
    width: 195px;
    border: 1px solid #d1d5cf;
    padding: 5px;
}

div.info {
    position: absolute;
    left: 741px;
    top: 239px;
    width: 150px;
    border: 1px solid #d1d5cf;
    padding: 5px;
}

.entry {
    border-top: 1px dashed #d1d5cf;
    padding: 0.5em;
    width: 100%;
}

.timeline {
    padding: 10px;
    width: 100%;
}

.timeline td:first-child {
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    font-size:+1;
    width: 6em;
}

.timeline td:last-child {
    text-align: right;
    vertical-align: middle;
    width: 100px;
}

td.icon {
    vertical-align: middle;
    text-align: right;
    width: 100px;
}

.blurb {
    vertical-align: middle;
    text-align: left;
}

img.icon {
    border: 1px solid #d1d5cf;
}

hr {
    border: none 0;
    border-top: 1px dashed #d1d5cf;
    height: 1px;
}

.dd {
    margin:0;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    padding-bottom:.8em;
}
.letter {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
}

.dt {
    font-weight:bold;
    -webkit-column-break-after: avoid;
    -moz-column-break-after: avoid;
    column-break-after: avoid;
    break-after: avoid;
}

.dl {
    columns:2;
    -webkit-columns:2; /* Safari and Chrome */
    -moz-columns: 2; /* Firefox */
    /*-moz-column-width: 50%;*/
}
.item {
    break-inside:avoid;
    display:inline-block;
    min-width:100%;
}

h3 {
    margin-top: 1.2em;
}

p.title {
    font-size: 16pt;
    font-weight: bold;
    margin-top: 0em;
    margin-bottom: 0.5em;
}

p.header {
    display: inline;
}

.disclaimer {
    font-size: 8pt;
}

p.banner {
    font-size: 11.5pt;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 0.05em;
}

.indent { margin-left: 1em;
         font-size: 9pt; }
         
p.topic {
    font-weight: bold;
}

.link {
    margin-left: 2em;
}

div.container {
position: absolute;
top: 5px;
left: 20px;
margin: 0px;
}

img.spaced {
border: 1px solid #fff;
width: 575px;
}

div.midimg {
margin: 2px;
margin-left: 214px;
width: 577px;
border: 1px solid #000;
}

div.midcontent {
margin: 2px;
margin-left: 214px;
width: 557px;
border: 1px solid #000;
padding: 10px;
}

div.navbar {
position: absolute;
left: 5px;
top: 208px;
width: 195px;
border: 1px solid #000;
padding: 5px;
}

hr {
border: none 0;
border-top: 1px dashed #000;
height: 1px;
}

p.title {
font-size: 16pt;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0.5em;
}

p.header {
display: inline;
}

.disclaimer {
font-size: 8pt;
}

p.banner {
font-size: 11.5pt;
font-weight: bold;
font-style: italic;
text-align: center;
margin: 0.05em;
}

.indent { margin-left: 1em;
        font-size: 9pt; }
        
div.figure {
font-size: 9pt;
text-align: center;
font-style: italic;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

img.figure {
border: 1px solid #000;
}