/* default css */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: black;
	margin: 0px;
	background-color: #ffffff;

}

.current-url
{
	font-weight: bolder;
	color: ##9F4535;
}

.acroTitle
{
	font-weight: bold;
	color: navy;
	margin-bottom: 5px;
}

.content
{
	margin:5px 30px 10px 20px;
}

.layout
{
	width: 100%;
	vertical-align: top;
	border-spacing: 0px;
}

.layout td {
    padding: 0px;
}

th, td {
	font-size: .8em;
}

.body 
{
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
}

.blueNav .current-url 
{
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	color: White;
}

.cellBorder 
{
	BORDER-WIDTH: 1px;
	BORDER-COLOR: White;
	BORDER-BOTTOM-STYLE: dashed;
	BORDER-TOP-STYLE: dashed;

}

.handletext
{
	margin-right: 10px;
	text-align: right;
	font-weight: Bolder;
}

.body 
{
	margin-left: 10px;
	margin-right: 60px;
}

a:link:hover
{
	color: #d74627;
	text-decoration: none;
	font-weight: bold;
}

a:link, a:visited  
{
	text-decoration: none;
	color: navy;
	font-weight: bold;
}

a:link:visited
{
	text-decoration: none;
}

.page-toc a:hover
{
	color: #d74627;
	text-decoration: none;
}

.page-toc a:link, a:visited  
{
	text-decoration: none;
}

.page-toc a:visited
{
	text-decoration: none;
}

a.NavTop
{
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
	color: White;
	font-weight: bold;
}

a:hover.NavTop
{
	margin-left: 20px;
	margin-right: 20px;
	color: #CCC;
	font-weight: bold;
}

a.NavTopLeft
{
	text-decoration: none;
	margin-left: 200px;
	margin-right: 20px;
	color: White;
	font-weight: bold;
}

.blueNavExport .current-url
{
	margin-left: 200px;
	color: White;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

p {
  line-height: 1.45em;
 }

p.firstline-indent {
	text-indent: 0.6cm;
}

p.hanging-indent {
	margin-left: 0.6cm; text-indent: -0.6cm;
}

p.glossaryHeading {
	font-size: 1.3em;
	color: #d74627;
	padding-bottom: 5px;
	font-family: Verdana;
	font-weight: bold;
}


dt {
	font-weight: bold;
}

H1  {
	font-size: 1.3em;
	color: #d74627;
	padding-bottom: 5px;
	font-family: Verdana;
	font-weight: bold;
}

.title
{
	font-family: Arial,  Helvetica, sans-serif;
	font-size: 1.6em;
	background: #ffffff;
	margin-left: 5px;
	font-weight: bold;
	color: #d74627;
	width: 100%;
}

H2  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	color: navy;
	font-weight: bold;
	
}

H3  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #d74627;
	font-weight: bold;
	font-style: italic;
}

H4  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #d74627;
	font-weight: normal;
}

H5  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	font-weight: normal;
	
}

H6  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: normal;
}

span.footnote,  span.endnote {
     line-height: 0px;
     vertical-align: baseline;
     position: relative;
     bottom: 0.25em;
}

sup  {
    line-height: 0px;
    font-size: .8em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;

}

sub  {
	font-size: x-small;
}

pre  {
	font-family: Courier New, Courier, mono;
	
}

.small  {
	font-size: smaller;
}

/* Activity Tables */
div.slide, table.note, table.exercise, table.activity, table.reading, table.reflection, table.learning, table.example, table.casestudy, table.discussion {
	background-color: #FFF9D8;
	margin-left: 25px;
	border: 1px solid #C4C2BC;
}

div.slide, table.note td, table.exercise td, table.activity td, table.reading td, table.reflection td, table.learning td, table.example td, table.casestudy td, table.discussion td{
	padding: 4px;
	vertical-align: top;
}

div.slide h1, table.note h6, table.exercise h6, table.activity h6, table.reading h6, table.reflection h6, table.learning h6, table.example h6, table.casestudy h6, table.discussion h6 {
	text-align: left;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 1.1em;
}

table {
  border-spacing: 0;
}

/* Lists */

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

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

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

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


dt {
	font-weight: bold;
}

/* nav buttons */
.nav-buttons 
{
	margin-right: 5px;
	padding: 0px;
}
.nav-buttons div {
	padding: 0px;
	margin: 0px;
}

/* Footer */
table.footer,table.copyright {
    width: 100%;
}

.footer {
    background-color: #F6F6F6;
    width: 100%;
    text-align: center;
}

.copyright,.footer {
    font-size: .9em;
    color: #999999;
    background-color: inherit;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    text-align: center;
}

.copyright td,.footer td {
    text-align: center;
    color: #999999;
    background-color: inherit;
}

.copyright a:link {
    color: #999999;
    background-color: inherit;
}

.copyright a:visited {
    color: #999999;
    background-color: inherit;
}

/* Lightbox -- this one should be removed as it's in fancyzoom.css*/
.lightbox-link .lb-link-text {
    /* transparent and display inline required for safari */
    display: inline;
    color: transparent;
    font-size: 0px;
}
.lightbox-caption{
	font-weight:bold;
	margin-left:5px;
}
a:link :hover .lightbox-link,a:link :visited .lightbox-link {
    /* hides underline on hover */
    color: transparent;
    text-decoration: none;
}

a.lightbox:hover span.lightbox-link {
/*    position: absolute;
    background: url(magnifier.png) no-repeat bottom;
    vertical-align: bottom;
    margin-left: 2px;
    height: 12px;
    width: 16px;
    padding-top: 8px;
    padding-left:15px;
    text-decoration: none;*/
}

a.lightbox img + span.lightbox-link {
    position: relative;
    right: 18px;
    bottom: 12px;
    background: url(magnifier.png) no-repeat bottom;
    padding-top: 8px;
    padding-left:15px;
    vertical-align: bottom;
}

/* footnotes / glossary as tooltips */
span.footnote {
    position: relative;
}

span.glossary-term {
    position: relative;
}

span.glossary-term:after {
    color: blue;
    content: "*";
}

a.footnote {
    vertical-align: super;
}

span.footnote span.footnote-text, span.glossary-term span.glossary-def {
    display: none;
}

span.footnote:hover, span.glossary-term:hover {
    z-index: 500;
}

span.footnote:hover span.footnote-text, span.glossary-term:hover span.glossary-def {
    background: #fff9d8;
    border: 1px solid gray;
    color: black;
    font-style: normal;
    font-weight: normal;
    display: inline;
    left: -1em;
    padding: 0.5em;
    position: absolute;
    top: 0.75em;
    width: 250px;
    z-index: 501;
}

/*Alert box */
#popup_overlay{
        font-family: Arial, sans-serif;
	    font-size: 12px;
        background: #bdbdbd;
        border: solid 1px #bdbdbd;
        color: black;
	    width : 450px;
	    height: 120px;
	    border-radius:5px;
	    display: none;
	    position:absolute;
	    left : 30%;
	    top:55%;
       }
#popup_title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75em;
	color: Black;
	background: gray;
	border: solid 1px #c0d0ff;
	border-bottom: solid 1px #999;
	padding: 0em;
	margin: 0em;
	cursor: move;
}
#Esc_button{
	width : 30px;
    position : absolute;
    right:0px;
    top:0px;
    }
#popup_content {
	padding: 1em 0.5em;
	margin: 0em;

}
#popup_button{

    position:relative;
    left:200px;
    top: 20px;
    bottom:2px;
    }

/* Header styles */

.TopNav
{
	background-color: #0C1E5C;
	height: 25px;
	color: White;
}

.HeaderBanner
{	
	background: #0C1E5C;
	text-align: right;
}
table.banner 
{
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}

table.nav-content
{
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}

/* Left Navigation Styles */

.layout-left 
{
	background-image: url(logo-pilin.gif);
	background-repeat: no-repeat;
	width: 179px;
	height: 540px;
	vertical-align: top;
}

.layout-left_web 
{
	background-image: url(sidebar3.jpg);
	background-repeat: no-repeat;
	width: 179px;
	height: 850px;
	vertical-align: top;
}

.left-toc 
{
	width: 150px;

}

.toc ul, .context-toc ul
{
	margin: 0px;
	padding: 0px;
}

.context-toc a:link, .context-toc a:visited
{
	color: White;
}

.context-toc a:hover
{
	color: #AFCC7A;
	text-decoration: none;
}

.context-toc li
{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin-left: 25px;
	padding-right: 5px;
	text-indent: -15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.context-toc li ul li {
  margin-left: 15px;
}

.context-toc .current-url
{
	font-size: 12px;
	color: #D38062;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nav-contents
{
	padding-top: 50px;
}

.nav-contents .current-url
{
	font-size: 12px;
	color: #D38062;
	margin-top: 20px;
	margin-bottom: 20px;
}

.demoLink
{
	position:absolute; left:20px; top:610px;
	font-size: 12px;
	color: White;
	font-weight: bold;
}

span.sup {
    vertical-align: baseline;
	font-weight: bold;
    position: relative;
	line-height: 0;
}