/* Copyright 2007 Dreiling Terrones Bartos Architecture, Inc. */
/* All Rights Reserved                                        */

/* load styles for basic HTML elements */
@import url( "common.css" );

/* load styles for the ui widgets */
@import url( "subtopics.css" );
@import url( "pager.css" );
@import url( "chooser.css");
@import url( "lister.css");

/* basic page definitions */

#page-body { 
position: absolute;
top: 0px;  /* re-written by centerWithCSSRule */
left: 0px; /* re-written by centerWithCSSRule */
width: 870px;
height: 510px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .1em;
font-size: 10px;
background-color: white;
color: #999999;
/* border: 1px solid cyan; */
}

#page-master { 
position: absolute;
top: 0px;
left: 0px;
width: 870px;
height: 510px;
overflow: hidden;
 }

#page-path { 
position: absolute;
left: 0px;
top: 60px;
text-align: right;
white-space: nowrap;
 }

#page-path span, #page-path a { 
position: absolute;
top: 0px;
padding-top: 0px;
text-transform: lowercase;
/* border: 1px solid cyan; /* for debugging */
 }

#page-path a { 
color: #bb6666;
padding-left: 10px;
background-image: url(gleft09.jpg);
background-position: left center;
background-repeat: no-repeat;
 }

#page-path span { 
color: #777777;
 }

#page-path a:hover { 
color: black;
background-image: url(gleft09blk.jpg);
 }

#page-path .first { 
right: -85px;
 }

#page-path .second { 
right: -215px;
 }

#page-path .third { 
right: -365px;
 }

#page-path .fourth { 
right: -565px;
 }

#page-path .fifth { 
right: -865px;
 }

#page-subtopics { 
margin: 0px;
padding: 0px;
width: 200px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 200%;
letter-spacing: .2em;
color: #999999;
/* border: 1px solid cyan; /* for debugging */
 }

#page-portrait { 
position: absolute;
top: 0px;
right: 0px;
 }

#page-text { 
position: absolute;
left: 0px;
top: 100px;
width: 350px;
height: 366px;
margin: 0px;
padding: 0px;
font-family: Tahoma, Geneva, sans-serif;
letter-spacing: .1em;
font-size: 10px;
line-height: 150%;
text-align: left;
color: #777777;
/* border: 1px solid cyan; /* for debugging */
 }

#page-rightside { 
position: absolute;
left: 370px;
top: 100px;
width: 500px;
height: 360px;
font-size: 10px;
/* border: 1px solid cyan; /* for debugging */
 }

#page-scroll-text { 
position: absolute;
width: 500px;
left: 370px;
top: 100px;
height: 358px;
overflow: auto;
/* the following only work on IE */
/* 
scrollbar-3dlight-color: #bbbbbb;
scrollbar-arrow-color: #bbbbbb;
scrollbar-base-color: white;
scrollbar-darkShadow-color: #bbbbbb;
scrollbar-face-color: #dddddd;
scrollbar-highlight-color: #dddddd;
scrollbar-shadow-color: #dddddd;
scrollbar-track-color: #eeeeee;
*/
border-top: 1px solid #bbbbbb;
 }

#page-scroll-text div { 
width: 480px; /* save 20px for the scroll bar */
 }

.floatbox { 
display: block;
position: relative;
float: right;
width: 122px;
padding-left: 5px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 0px;
font-size: 10px;
font-family: Tahoma, Geneva, sans-serif;
letter-spacing: normal;
border-left: 1px solid #bbbbbb;
text-transform: none;
 }

.floatbox h1 { 
position: relative;
left: -5px;
top: -10px;
width: 122px;
font-size: 10px;
padding-left: 3px;
padding-right: 3px;
line-height: normal;
border-bottom: 1px solid #bbbbbb;
background-color: #dddddd;
color: #777777;
text-transform: lowercase;
}

.floatbox a.next { 
position: absolute;
right: 0px;
bottom: 0px;
margin-right: -1px;
text-align: right;
text-transform: lowercase;
color: #bb6666;
padding-right: 7px;
padding-bottom: 1px;
letter-spacing: .1em;
background-image: url(right09.jpg);
background-position: right center;
background-repeat: no-repeat;
 }

.floatbox a.next:hover { 
color: black;
background-image: url(right09blk.jpg);
 }

.floatbox a.prev { 
position: absolute;
left: 3px;
bottom: 0px;
text-transform: lowercase;
color: #bb6666;
margin-left: 3px;
padding-left: 10px;
padding-bottom: 1px;
letter-spacing: .1em;
background-image: url(left09.jpg);
background-position: left center;
background-repeat: no-repeat;
 }

.floatbox a.prev:hover { 
color: black;
background-image: url(left09blk.jpg);
 }

.sequencer { 
position: absolute;
right: 0px;
top: 0px;
margin-bottom: 10px;
text-align: right;
text-transform: lowercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
/* border: 1px solid cyan; /* for debugging */
 }

.sequencer a { 
padding-bottom: 1px;
color: #bb6666;
}

.sequencer a.forward { 
padding-right: 7px;
background-image: url(right09.jpg);
background-position: right center;
background-repeat: no-repeat;
 }

.sequencer a.forward:hover { 
color: black;
background-image: url(right09blk.jpg);
 }

.sequencer a.backward {
padding-left: 10px; 
background-image: url(left09.jpg);
background-position: left center;
background-repeat: no-repeat;
 }

.sequencer a.backward:hover { 
color: black;
background-image: url(left09blk.jpg);
 }

.link-list { 
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .1em;
font-size: 10px;
background-color: white;
color: #999999;
white-space: pre;
text-transform: uppercase;
 }

.link-list a { 
color: #999999;
 }

.link-list a:hover { 
color: black;
 }

.definition-list th { 
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .1em;
font-size: 10px;
white-space: nowrap;
text-transform: uppercase;
vertical-align: top;
padding-right: 10px;
padding-bottom: 15px;
 }

.definition-list td { 
vertical-align: top;
padding-bottom: 15px;
 }
.textblack {
	color: #000000;
}