/*  (do not remove this :) */
/*  (not this either :) */

.documentByLine {
    margin-bottom: 0;
}

.visualClear {
    margin: 0 -1px 0 0;
}

dt span.documentByLine {
    padding-right: 0px;
    padding-top: 0px;
}

#portal-top {
    padding-bottom: 1px;
}

#portal-personaltools-wrapper {
    background-color: transparent;
    border-bottom: 0 solid #B7B7B7;
    border-top: 0 solid #B7B7B7;
    display:inline;
    clear: both;
}

#portal-personaltools {
display:block;
float:none;
}


.navTreeLevel1 {
margin-left:0em;
}

.navTreeLevel1 li {
padding-left: 1em;
}

#portal-breadcrumbs {
text-align: center;
}

.colophonWrapper {
font-size: 11px;
margin-left: 10px;
}

#portal-column-two .portletFooter {
background-color:transparent;
border-width:0px;
}

#portal-column-two .portletHeader {
background-color:transparent;
border:0px solid #8CACBB;
font-weight:normal;
line-height:1.6em;
padding:0 1em;
text-transform:none;
}

#portal-column-two .portletItem img {
display: none;
}

#portal-column-two .portletItem {
border-left:0px solid #8CACBB;
border-right:0px solid #8CACBB;
padding: 0.5em 1em 0.5em 1em;
}

#portal-column-two .portletItem a {
background: transparent url(arrow-hor-s.gif) no-repeat scroll 0 5px;
padding-left:8px;
}

#portal-column-two .portlet {
background:transparent url(white-sep.gif) no-repeat scroll center bottom;
border-bottom:0px solid #8CACBB;
padding-bottom: 5px;
}

#portal-column-two .portletHeader {
font-size:12px;
margin-left:0;
padding-top:13px;
text-transform:none;
font-weight: bold;
}

#portal-column-two .visualPadding {
padding:0;
background: #EAEAEA none repeat scroll 0 0;
}

#portal-column-two .visualPadding2 {
background: transparent url(bkg-moduleRight-bottom.gif) no-repeat scroll left bottom;
}

#portal-column-two {
width: 220px;
}

#portal-column-one {
background-color:#F8F8F8;
border-right: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
width: 177px;
}

#portal-column-one .visualPadding {
padding:0;
}

.portlet {
margin-top:0;
}

.documentContent ul {
list-style-image:none;
list-style-type:none;
margin: 0.5em 0 0 0.5em;
}


.documentContent li {
list-style-type:none;
background: transparent url(bullet.gif) no-repeat scroll left 6px;
padding: 0 0 7px 7px;
}

#portal-sitemap li {
list-style-type:none;
background: transparent;
padding: 0;
}

#content {
margin: 1em 0;
}

#portal-sitemap .navTreeLevel2 {
border-left:0 solid #D8D8D8;
}

.tileItem {
border-top: 0px solid #8CACBB;
margin-top: 0;
padding: 10px;
}

.navpanel .scmDefaultImage {
/*
left:42px;
position:absolute;
top:30px;
z-index:1;
*/
margin: -120px 0 0;
}

.navpanel {
background-color:#D7D7D7;
display:none;
left:0px;
position:absolute;
top:111px;
width:885px;
z-index:108;
text-align: left;
padding: 25px;
min-height: 350px;
white-space: normal;
}

.navpanel td {
text-align: left !important;
padding: 10px;
}

#content a[href^="http:"], #content a.link-external {
background: transparent;
padding: 0;
}

div.tab_hide {
display:none;
}

.documentContent a.tab_url {
padding-left: 3px;
color: #4B4B4B;
}

ul.tabList {
margin-left: 0;
}

div.tabNavWrapper {
background:transparent url(bkg-tab_on.gif) repeat-x scroll left bottom;
height:20px;
}

li.lTabC {
background:#FFFFFF url(sprite-tabs.gif) no-repeat scroll -140px 0;
width:15px;
float:left;
font-size:11px;
font-weight:bold;
height:20px;
line-height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0;
text-align:center;
}

li.lTabC_on {
background:#FFFFFF url(sprite-tabs.gif) no-repeat scroll -104px 0;
}

li.fTabC {
background:#FFFFFF url(sprite-tabs.gif) no-repeat scroll -122px 0;
width:15px;
float:left;
font-size:11px;
font-weight:bold;
height:20px;
line-height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0;
text-align:center;
}

li.fTabC_on {
background:#FFFFFF url(sprite-tabs.gif) no-repeat scroll 0 0;
}

li.tabC {
background:#FFFFFF url(sprite-tabs.gif) no-repeat scroll -54px 0;
float:left;
font-size:11px;
font-weight:bold;
height:20px;
line-height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0;
text-align:center;
width:15px;
}

li.tb {
background:transparent url(bkg-tab_off.gif) repeat-x scroll left top;
float:left;
font-size:11px;
font-weight:bold;
height:20px;
line-height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0;
text-align:center;
}

li.tabC_on {
background: #FFFFFF url(sprite-tabs.gif) no-repeat scroll -24px 0;
}

li.tabC_l {
background: #FFFFFF url(sprite-tabs.gif) no-repeat scroll -85px 0;
}

li.on {
border-bottom:medium none !important;
background:#FFFFFF url(bkg-tab_on.gif) repeat-x scroll left top;
}


.documentEditable .documentContent {
border-width: 1px 0 0 0;
}

#personaltools {
margin-right: -2px;
}

dt {
padding-bottom:4px;
}

dd {
margin-bottom:18px;
}

#portal-column-one .portletItem,
#portal-column-one .portlet {
border:none;
}

#portal-column-one dl {
border-top: 1px solid #DEDEDE !important;
}

.navTreeItem a:hover {
text-decoration: underline !important;
background-color:#F8F8F8 !important;
}

.navTreeItem div a {
color:#5F5F5F !important;
font-size:12px;
font-weight:bold;
padding:5px 10px 6px 13px;
border: 0px solid #DEDEDE !important;
background: transparent url(arrow-leftNavParent.gif) no-repeat scroll 5px 5px;
}

.navTreeItem {
margin-bottom: 0 !important;
border-bottom: 1px solid #DEDEDE !important;
}

#portal-sitemap .navTreeItem {
margin: 0.5em;
border-bottom: 0px solid #DEDEDE !important;
}

#portal-sitemap a, #portal-sitemap a:active {
color:#0067AC !important;
text-decoration:none;
}

.visualNoMarker div a {
padding:5px 10px 6px 25px;
background: transparent url(arrow-leftNavChild.gif) no-repeat scroll 14px 5px;
}

.navTreeItem div a.navTreeCurrentItem {
background:transparent url(bkg-leftNavCurrent.jpg) repeat-x scroll left top;
color:#FFFFFD !important;
font-size:11px !important;
padding:5px 10px 6px 13px;
font-weight:bold;
}

.navTreeCurrentNode div a.navTreeCurrentItem {
padding: 5px 10px 6px 25px;
}

.navTreeCurrentNode div a {
background:transparent url(bkg-leftNavCurrent.jpg) repeat-x scroll left top;
color:#FFFFFD !important;
font-size:11px !important;
padding:5px 10px 6px 25px;
font-weight:bold;
}

.visualNoMarker ul a {
padding:5px 10px 6px 25px;
color:#5F5F5F !important;
background: transparent url(arrow-leftNavChild.gif) no-repeat scroll 14px 5px;
}

.visualNoMarker ul li.navTreeCurrentNode div a {
background:transparent url(bkg-leftNavCurrent.jpg) repeat-x scroll left top;
color:#FFFFFD !important;
font-size:11px !important;
padding:5px 10px 6px 37px;
font-weight:bold;
margin-bottom:-1px;
margin-left:-12px;
border-bottom: 0 solid transparent;
}

.navTreeCurrentNode img {
display: none;
}

.navTreeItem img {
display: none;
}

.portletNavigationTree {
background-color: transparent;
}

.portletNavigationTree dd.portletItem {
padding: 0;
}

.portletNavigationTree dt {
display:none;
}

#portal-column-content {
padding:0 21px 0 0;
}

#juniper_view * {
font-family: Verdana;
font-size: 10px;
}

#juniper_view td {
padding: 7px;
}

#juniper_view h2,
#juniper_view dt a {
font-family: Verdana;
font-size: 11px;
}

h1 {
color: #5F5F5F;
font-size:14px;
font-weight:bold;
margin:0 0 1em;
padding:3px 0 5px;
text-transform:uppercase;
border-bottom: none;
}

h2 {
color:#5F5F5F;
padding-bottom:9px;
font-size:13px;
text-transform:uppercase;
border-bottom: none;
font-weight: bold;
}

#portal-siteactions {
margin: 15px 80px 0 0;
}

#portal-siteactions li a {
color: #0067AC;
text-decoration:none;
border: 0px solid transparent;
background: transparent;
font-size:11px;
font-weight:bold;
}

#portal-siteactions li a:visited {
color:#A148A1;
text-decoration:none;
border: 0px solid transparent;
background: transparent;
font-size:11px;
font-weight:bold;
}

#portal-siteactions li a:hover {
color: #0067AC;
text-decoration: underline;
border: 0px solid transparent;
background: transparent;
font-size:11px;
font-weight:bold;
}

#portal-languageselector li {
position:relative;
left:-215px;
top:35px;
}


#portal-languageselector div {
overflow: hidden;
}

#portal-languageselector select {
width: 95px;
color:  #0067AC;
background: transparent url(btn-countryarrow-s.gif) no-repeat scroll 62px 6px;
border: 0px solid transparent;
text-align: left;
margin-right: -17px;
}

#portal-languageselector select option {
color:  #0067AC;
border-top: 1px solid #CCCCCC;
background: white;
text-align: left;
}

#portal-searchbox {
padding-right: 18px;
margin-top: 13px;
}

.LSBox input.searchButton {
background:White url(btn-search-s.gif) no-repeat scroll 3px 3px;
border: 0px solid #ffffff;
width: 22px;
height: 22px;
color: transparent;
font-size:0;
padding:0px;
margin-right:-3px;
}

#searchGadget {
background: transparent url(bkg-search.gif) no-repeat scroll 0 0;
border:0 none;
color:#5F5F5F;
font-size:12px;
padding:3px 9px;
width:140px;
margin-top:3px;
font-family: Arial,Helvetica,sans-serif;
}

.searchSection {
display:none;
}

#portal-globalnav {
background-color:#EAEAEA;
height: 30px;
width:935px;
border-top: 1px solid #DEDEDE;
padding: 0;
}

#portal-globalnav td {
text-align: center;
}

#portal-globalnav td a {
color:#5F5F5F;
display: block;
cursor:pointer;
font-size:12px;
font-weight:bold;
line-height:30px;
text-align:center;
}

#portal-globalnav td a:hover {
color: #000000;
text-decoration: none;
}

#portal-globalnav td.selected {
background: #F7A222 url(bkg-navbar-on.gif) repeat-x scroll left top;
}

#portal-globalnav td.selected a {
color: #ffffff;
}

#portal-globalnav td a span.pull_down {
background: transparent url(arrow-navbar-off.gif) no-repeat scroll right center;
padding-right:15px;
}

#portal-globalnav td.selected a span.pull_down {
background: transparent url(arrow-navbar-on.gif) no-repeat scroll right center;
padding-right:15px;
}

#portal-globalnav td:hover {
background-color: #D7D7D7;
}

#portal-globalnav .navpanel ul {
margin-left: 20px;
}

#portal-globalnav .navpanel li a {
border-width: 0;
margin: 0;
padding: 0;
}

#portal-globalnav .navpanel li {
display: list-item;
border-width: 0;
margin-bottom: 0;
}

#portal-globalnav .navpanel td {
text-align: left;
}

#portal-globalnav .navpanel td a,
#portal-globalnav .navpanel td a:hover {
text-align: left;
display: inline;
font-weigh: normal;
color:#0067AC;
text-decoration:none;
}

.documentContent {
padding: 0 !important;
}

#region-content {
margin-left: 18px;
}

.documentContent p a, .documentContent li a {
border-bottom: 0px solid #CCCCCC;
text-decoration:none;
}

.documentContent p a:hover, .documentContent li a:hover {
border-bottom: 0px solid #CCCCCC;
text-decoration:underline;
}

a:visited {
color:#A148A1;
text-decoration:none;
}

a, a:active {
color:#0067AC;
text-decoration:none;
}

a:hover {
color:#0067AC;
text-decoration:underline;
}

#portal-logo {
height:81px;
}

#portal-logo img {
margin:20px 0 1em 21px;
}

body {
text-align:center;
background:#D8D8D8 url(bkg-body.gif) repeat-x scroll left top;
color:#4B4B4B;
font-family: Verdana;
font-size:10px;
margin:0;
padding:0 0 20px;
}

* {
margin:0;
padding:0;
}

#visual-portal-wrapper {
text-align:left;
background-color:#FFFFFF;
border-left:20px solid #FFFFFF;
border-right:20px solid #FFFFFF;
margin:0 auto;
position:relative;
width:933px;
}

div, td, th {
color:#5F5F5F;
font-family:arial,sans-serif;
font-size:12px;
}

#portal-colophon {
background-color:#FFFFFF;
border-top:1px solid #E4E4E4;
clear:both;
color:#919191;
float:left;
font-size:10px !important;
height:25px;
line-height:25px;
margin-top:75px;
padding:0 12px;
width:892px;
text-align:left;
margin: 0;
}

#portal-colophon ul li a {
border-bottom:0px none #CCCCCC;
}

#portal-colophon ul li a:hover {
border-bottom:1px solid #CCCCCC;
}

#portal-columns {
margin-top: -1px;
}


/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */