/* <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, css=1)"> (this is for http compression) */

/* <dtml-with base_properties> (do not remove this :) */

/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */





/* KUPU */

html.kupu-html { background-color:#fff; font-size: 90%; }

body.documentContent { background-color:#fff; font-size: 90%; }


/* BASE STYLES */

body { font-size:0.75em; font-family:Arial, Helvetica, san serif; background-color:#7e90a9; color:#000; margin:0; padding:0; margin:auto; width:90%; }

table { font-size:100%; }

a:link, a:visited { color:#306CA8; text-decoration:none; }

a:active, a:hover { color:#306CA8; text-decoration:underline; }

img { border: none; /*vertical-align: middle;*/ }

p { margin:0 0 1.333em 0; line-height: 1.333em; }

p img { border: none; }

hr { border:0; height:&dtml-borderWidth;; color:&dtml-globalBorderColor;; background-color:&dtml-globalBorderColor;; margin:0.5em 0 1em 0; }

h1 { color: #fff; background-color: #979797; margin:2 2 2 5; padding:2px; text-transform:uppercase; }

h2, h3, h4, h5, h6 { color: &dtml-fontColor;; background-color: transparent; margin:0 0 0 0; }

#portlet-static h1  { color: #fff; background-color: #979797; margin:2 2 2 5; padding:2px; text-transform:uppercase; }

h1 { font-size: 1em; }

h2 { font-size: 1.333em; }

h3 { font-size: 1.25em; }

h4 { font-size: 1.167em; }

h5 { font-size: 1em; }

h6 { font-size: 0.917em; }

ul { line-height:1.167em; margin-top:0; margin:bottom:1em; padding-top:0; padding-bottom:0; }

ol { line-height:1.167em; margin-top:0; margin:bottom:1em; padding-top:0; padding-bottom:0; }

li { margin-bottom: 0.5em; }

dt { font-weight: bold; }

dd { line-height:1.25em; margin-bottom: 1em; }



fieldset { margin:1em 0em 1em 0em; padding:1em 1em 0em 1em; line-height:1.5em; }

legend { background: &dtml-backgroundColor;; padding: 0.5em; font-size: 90%; }

form { border: none; margin: 0; }

label { font-weight: bold; }

select, input, textarea { font-family:Arial,Helvetica,sans-serif; font-size:100%; }

textarea { border:&dtml-borderWidth; solid &dtml-globalBorderColor;; color:&dtml-inputFontColor;; background:#fff; }

input { visibility:visible; border:&dtml-borderWidth; solid &dtml-globalBorderColor;; color:&dtml-inputFontColor;; vertical-align:middle; background:#fff; }

select { border:&dtml-borderWidth; solid &dtml-globalBorderColor;; color:&dtml-inputFontColor;; background-color:#fff; vertical-align:top; }





abbr, acronym, .explain {

border-bottom: &dtml-borderWidth; dotted &dtml-fontColor;;

color: &dtml-fontColor;;

background-color: transparent;

cursor: help;

}

q {

font-family: Baskerville, Georgia, serif;

font-style: italic;

font-size: 120%;

}

blockquote {

padding-left: 0.5em;

margin-left: 0;

border-left: 4px solid &dtml-globalBorderColor;;

color: &dtml-discreetColor;;

}

code {

font-family: Monaco, "Courier New", Courier, monospace;

font-size: 120%;

color: &dtml-fontColor;;

background-color: &dtml-globalBackgroundColor;;

padding: 0 0.1em;

}

pre {

font-family: Monaco, "Courier New", Courier, monospace;

font-size: 100%;

padding: 1em;

border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;

color: &dtml-fontColor;;

background-color: &dtml-globalBackgroundColor;;

overflow: auto;

}

ins {

color: green;

text-decoration: none;

}

del {

color: red;

text-decoration: line-through;

}



/* Helper element to work with CSS floats */

.visualClear {

display: block;

clear: both;

}



/* Hiding helper elements for old browsers */

.netscape4 {

display: none;

}

/* HEADER AND TOP (GLOBAL) NAVIGATION */

#portal-header #banner {width:100%; background-color:#fff; margin:auto; text-align:left;}

/* The global section tabs. */

#portal-globalnav {

background-color: transparent;

padding: 0em 0em 0em 2em;

white-space: nowrap;

list-style: none;

margin: 0;

height: auto;

line-height: 2em;

}

#portal-globalnav li {

display: inline;

}

#portal-globalnav li a {

/* The normal, unselected tabs. They are all links */

background-color: transparent;

border-width:0px;

color: #fff !important;

height: auto;

margin-right: 0.5em;

padding: 0em 1em 0em 1em !important;

text-decoration: none;

text-transform: capitalize;
}

#portal-globalnav li.selected a {

/* The selected tab. There's only one of this */

background: transparent;

border: 0px;

border-bottom: 0px;

color: #fff !important;

}

#portal-globalnav li a:hover {

background-color: &dtml-globalBackgroundColor;;

border-color: &dtml-globalBorderColor;;

border-bottom-color: &dtml-globalBackgroundColor;;

color: &dtml-globalFontColor;;

}



/* TOP NAVIGATION */

#portal-globalnav {background-image:url("img/horzmenubg.gif"); background-repeat:repeat-x; height:24px; }


/* SEARCHBOX STYLE */

#portal-searchbox { float:none; clear:none; background-color:transparent; margin:0px 2px 1em 2px; padding:6px 14px 6px 14px; text-align:left; text-transform:none; white-space:normal; z-index:auto; }

input.searchField { vertical-align:middle; font-size:0.917em; margin:0px; padding:3px; background:#fff; border:1px #c8cdd2 solid; width:150px !important;}

input.searchButton { vertical-align:middle; font-size:0.917em; margin:0px; padding:1px; background:#DCE1E6; text-transform:none; border:2px #C8CDD2 solid; border-top-color:#fff; border-left-color:#fff; cursor: pointer; }



/* BREADCRUMBS */

#portal-breadcrumbs { border-width:0px; text-transform:none; padding:8px 22px 5px 16px; margin:0px; font:normal 0.917em/1em Arial,Helvetica,sans-serif; color:#c8cdd2; }

#portal-breadcrumbs A:link,

#portal-breadcrumbs A:active,

#portal-breadcrumbs A:visited,

#portal-breadcrumbs A:hover { color:#a5aeb8; }


/* PORTAL COLUMNS */


#portal-columns {background-color:#fff; width:90%; padding:10px 20px;}
#portal-column-one .visualPadding { background-color:#d4e0e8; padding: 0 .5em 0 .5em; margin:8px; }
#portal-column-content { }
#portal-column-two {width:30%; }
#portal-column-two .visualPadding { background-color:#fff; padding: 0 .5em 0 .5em; margin:8px; }

/* NAVIGATION */

#portlet-navigation-tree .portlet {padding:0px; margin:auto; }

/* New navtree styles */

#portlet-navigation-tree .portletItem {
padding:0px;
font-size:0.917em;
}
.portletNavigationTree {
margin:0;
padding: 0;
list-style: none;
list-style-image: none;
}
.navTree {
list-style: none;
list-style-image: none;
}
.navTree li {
}
.navTreeItem {
display: block;
padding: 0;
margin: 0;
}
.navTreeItem a:link, .navTreeItem a:visited,
.portletItem .navTreeItem a:link, .portletItem .navTreeItem a:visited {
display:block;
color:#E66600;
padding:5px 14px 3px 14px;
border:1px #D5CAC0 solid;
border-bottom-color:#fff;
background:#fff;
background-image:none;
text-decoration:none;
margin:0px;
line-height:127%;
}
.navTreeItem a:hover, .navTreeItem a:active,
.portletItem .navTreeItem a:hover, .portletItem .navTreeItem a:active {
display:block;
border:1px #d4e0e8 solid !important;
background:#d4e0e8 !important;
background-image:none;
color:#000 !important;
margin:0px;
padding:5px 14px 3px 14px;
line-height:127%;
}
.navTreeCurrentItem {
border:1px #d4e0e8 solid !important;
background:#d4e0e8 !important;
color:#000 !important;
}
li.navTreeCurrentItem {
display: block;
}
li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover {
display: block;
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBackgroundColor;;
height: auto;
}

/* Another workaround for broken Internet Explorer */

* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
height: 1.6em;
}
.navTreeLevel0,
.navTreeLevel1,
.navTreeLevel2,
.navTreeLevel3,
.navTreeLevel4,
.navTreeLevel5 { margin:0; padding:0; }
.navTreeItem .navTreeLevel0 a:link, .navTreeItem .navTreeLevel0 a:visited, .navTreeItem .navTreeLevel0 a:active, .navTreeItem .navTreeLevel0 a:hover { margin:0; }
.navTreeItem .navTreeLevel1 a:link, .navTreeItem .navTreeLevel1 a:visited, .navTreeItem .navTreeLevel1 a:active, .navTreeItem .navTreeLevel1 a:hover { margin:0; padding-left:26px; }
.navTreeItem .navTreeLevel2 a:link, .navTreeItem .navTreeLevel2 a:visited, .navTreeItem .navTreeLevel2 a:active, .navTreeItem .navTreeLevel2 a:hover { margin:0; padding-left:38px; }
.navTreeItem .navTreeLevel3 a:link, .navTreeItem .navTreeLevel3 a:visited, .navTreeItem .navTreeLevel3 a:active, .navTreeItem .navTreeLevel3 a:hover { margin:0; padding-left:50px; }
.navTreeItem .navTreeLevel4 a:link, .navTreeItem .navTreeLevel4 a:visited, .navTreeItem .navTreeLevel4 a:active, .navTreeItem .navTreeLevel4 a:hover { margin:0; padding-left:62px; }
.navTreeItem .navTreeLevel5 a:link, .navTreeItem .navTreeLevel5 a:visited, .navTreeItem .navTreeLevel5 a:active, .navTreeItem .navTreeLevel5 a:hover { margin:0; padding-left:74px; }
.navTreeItem .navTreeLevel1 a:link, .navTreeItem .navTreeLevel1 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; }
.navTreeItem .navTreeLevel2 a:link, .navTreeItem .navTreeLevel2 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; }
.navTreeItem .navTreeLevel3 a:link, .navTreeItem .navTreeLevel3 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; }
.navTreeItem .navTreeLevel4 a:link, .navTreeItem .navTreeLevel4 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; }
.navTreeItem .navTreeLevel5 a:link, .navTreeItem .navTreeLevel5 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; }




/* PORTAL PERSONALTOOLS */

#portal-personaltools {background-image:url("img/horzmenubg.gif"); background-repeat:repeat-x; height:24px; border-width:0px; line-height:1.6em; padding:.25em 3em 0em 3em; list-style:none; }

#portal-personaltools a {color:#fff !important; text-transform:capitalize; }

#portal-personaltools .portalUser {
background: transparent;
padding-left: 18px;
}

#portal-personaltools .portalNotLoggedIn {
/* Used on all descriptions relevant to those not logged in */
color: &dtml-fontColor;;
padding: 0;
background: transparent;
background-image: none;
}

#portal-personaltools li {
color: #fff !important;
margin-left: 1em;
display: inline;
}

#portal-personaltools li a {
text-decoration: none;
color: #fff !important;
}

#portal-personaltools .visualIconPadding {
padding-left: 10px;
}





/* RELATED LINKS */

#relatedlinks h3 {

padding:0px 0px 12px 16px;

font-size:0.917em;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

text-transform:uppercase;

margin:0px;

color:#b3b3b3;


}

#relatedlinks ul {

display:block;

list-style:none;

margin:0px 0px 0px 16px;

font-size:0.917em;

font-family:Arial, Helvetica, sans-serif;

padding:0px;

/* width:160px; */

/* border-bottom:1px #dce1e6 solid; */

}

#relatedlinks li {

display:block;

list-style:none;

list-style-image:none;

/* margin:0px !important; */

padding:0px 0px 12px 0px ;

}





/* DOCUMENT DISPLAY */

.documentContent th {

text-align:left;

vertical-align:top;

font-family:Arial, Helvetica, sans-serif;


}

.documentContent td {

text-align:left;

vertical-align:top;

}

.documentContent .listing {

border-bottom:1px &dtml-globalBorderColor; solid;

border-collapse:separate;

clear:both;

}

.documentContent .listing td {

border-bottom:1px #f2f2f2 solid;

padding-top:3px; padding-bottom:3px;

}



#portal-colophon {background-color:#fff; }






/* </dtml-with> */