/*
** Plone style sheet for CSS2-capable browsers.
**
** Copyright Alexander Limi - http://www.plonesolutions.com
**
** Additional Plone 2 work:
** Joe Geldart & Tom Croucher - http://www.netalleynetworks.com
** Michael Zeltner - http://niij.org
** Geir Bækholt - http://www.plonesolutions.com
**
** All you guys rock :)
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/
/* <!-- compression status: 0 --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */
div.row span.label { float: left; width: 100px; text-align: right; }
div.row span.left { float: left; text-align: left; font-weight: bold; color: #fff; width: 49%; }
div.row span.right { float: right; text-align: right; font-weight: bold; color: #fff; width: 49%; }
div.row span.formw { float: right; width: 335px; text-align: left; } 

/* The basic elements: */
body { font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; background-color: White; color: Black; margin: 0; padding: 0; }
table { font-size: 100%; }
a { text-decoration: none; color: #436976; background-color: transparent; }
img { border: none; vertical-align: middle; }
p { margin: 0.5em 0em 1em 0em; line-height: 1.5em; }
p a { text-decoration: underline; }
p a:visited { color: Purple; background-color: transparent; }
p a:active { color: Red; background-color: transparent; }
hr { height: 1px; color: #8cacbb; background-color: transparent; }
h1, h2, h3, h4, h5, h6 { color: Black; background-color: transparent; font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 100%; font-weight: normal; margin: 0; padding-top: 0.5em; border-bottom: 1px solid #8cacbb; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: Black ! important;  }
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; border-bottom: none; font-weight: bold; }
h4 { font-size: 120%; border-bottom: none; font-weight: bold; }
h5 { font-size: 100%; border-bottom: none; font-weight: bold; }
h6 { font-size: 85%; border-bottom: none; font-weight: bold; }
ul { list-style-type: square; margin-top: 3px ; margin-left: 30px ; padding: 0; list-style-image: url(/img/bullet.gif); }
ol { line-height: 1.5em; margin: 0.5em 0 0 1.5em; padding: 0; }
ul a, ol a { text-decoration: underline; }
li { margin-bottom: 1em; }
dt { font-weight: bold; }
dt a { text-decoration: underline; }
dd { line-height: 1.5em; margin-bottom: 1em; }
dd a { text-decoration: underline; }
dd.link a { text-decoration: none; color: Black; }
fieldset { border: 1px solid #8cacbb; margin: 1em 0em 1em 0em; padding: 0em 1em 1em 1em; line-height: 1.5em; width: auto; }
legend { background: White; padding: 0.5em; font-size: 90%; } 
form { border: none; margin: 0; }
textarea { font: 110% "Courier New", Courier, monospace;  border: 1px solid #8cacbb;   color: Black; background-color: white; width: 100%; }
input { font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; visibility: visible; border: 1px solid #8cacbb;   color: Black; background-color: white; vertical-align: middle; }
select { border: 1px solid #8cacbb;   color: Black; vertical-align: top; }
abbr, acronym, .explain { border-bottom: 1px dotted Black; color: Black; background-color: transparent; cursor: help; }
q { font-family: Times, "Times New Roman", serif; font-style: italic; font-size: 120%; }
blockquote { font-family: Times, "Times New Roman", serif; font-style: italic; font-size: 120%; }
code { font-size: 120%; color: Black; background-color: #dee7ec; border: 1px dashed #8cacbb; padding: 0 0.1em; }
pre { font-size: 120%; padding: 1em; border: 1px dashed #8cacbb; color: Black; background-color: #dee7ec; overflow: auto; }
.pre a { text-decoration: underline; }
ins { color: green; text-decoration: none; } 
del { color: red; text-decoration: line-through; } 
ul{ padding: 0px; margin: 0px 0px 30px 30px; }
li { padding: 0px; margin: 0px; margin-bottom: 3px; }

/*
** Structural Elements
*/
#visual-portal-wrapper { margin: 0; padding: 0; }  

/* Logo properties */
#portal-logo { background: url(/img/logo.gif) no-repeat; border: 0; margin: 0.75em 0em 0.75em 1.5em; padding: 0; }
#portal-logo a { display: block; text-decoration: none; overflow: hidden; border: 0; margin: 0; padding: 0; padding-top: 65px; height: 0px !important; height /**/: 65px; width: 219px; cursor: pointer; }
#portal-top { /* Top section */ margin: 0; padding: 0; background-color: transparent; }
#portal-globalnav { /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */ background-color: transparent; border-collapse: collapse; padding: 0em 0em 0em 2em; white-space: nowrap; list-style: none; margin: 0; height: auto; line-height: normal; }
#portal-globalnav li { display: inline; }
#portal-globalnav li a { /* The normal, unselected tabs. They are all links */ background-color: transparent; border-color: #8cacbb; border-width: 1px;  border-style: solid solid none solid; color: #436976; height: auto; margin-right: 0.5em; padding: 0em 1.5em; text-decoration: none; text-transform: lowercase; }
#portal-globalnav li.selected a { /* The selected tab. There's only one of this */ background-color: #dee7ec; border: 1px solid #8cacbb; border-bottom: #dee7ec 1px solid; color: #436976; }
#portal-globalnav li a:hover { background-color: #dee7ec; border-color: #8cacbb; border-bottom-color: #dee7ec; color: #436976; }
#portal-personaltools { /* Bar with personalized menu (user preferences, favorites etc) */ background-color: #dee7ec; border-top-color: #8cacbb; border-top-style: solid; border-top-width: 1px; border-bottom-color: #8cacbb; border-bottom-style: solid; border-bottom-width: 1px; line-height: 1.3em; color: Black; padding: 0em 3em 0em 3em; margin: 0; text-align: left; list-style: none; } 
#portal-personaltools li { background: transparent url(/img/linkOpaque.gif) center left no-repeat; padding-left: 8px; color: #436976; margin-left: 1em; display: inline; }
#portal-personaltools li a { text-decoration: none; color: #436976; }
#portal-breadcrumbs { /* The path bar, including breadcrumbs and add to favorites */ border-bottom-color: #8cacbb; border-bottom-style: solid; border-bottom-width: 1px; line-height: 1.3em; color: Black; padding: 0em 0em 0em 1em; margin: 0; text-align: left; list-style: none; }
#portal-breadcrumbs li { background: transparent url(/img/arrowRight.gif) center left no-repeat; padding-left: 8px; color: #436976; margin-left: 1em; display: inline; }
#portal-breadcrumbs li a { text-decoration: none; color: #436976; }
#content { padding: 0.139em 1em 0 1em; margin: 0em 0em 2em 0em; }
.documentContent { font-size: 110%; padding: 0em 1em 2em 1em !important; background: White; }
.portalMessage,
.system-message,  /* These two last ones are reST error indicators */
#error-handling { background-color: #ffce7b; border: 1px solid #ffa500; color: Black; font-size: 85%; font-weight: bold; margin: 1em 0em 0em 0em; padding: 0.5em 1em 0.5em 3em; vertical-align: middle; background-image: url(/img/info_icon.gif); background-repeat: no-repeat; background-position: 5px center ;  }
#portal-footer { background-color: #dee7ec; border-top: 1px solid #8cacbb; border-bottom: 1px solid #8cacbb; float: none; margin: 2em 0em 1em 0em; padding: 0.5em 0em 1em 0em; text-align: center; } 

/* The new form elements */
.field { top: 0; left: 0; margin: 0 1em 1em 0;     }
.field .field { margin: 1em 0 0 0; }
.field label { font-size: 100%; font-weight: bold; }
.error { /* Class for error indication in forms */ background-color: #ffce7b; border: 1px solid #ffa500; padding: 1em; margin: 0 0 1em 0; width: 68% !important; }
.error .fieldRequired { color: #ffce7b; } 

/* List classes without markers */
ul.visualNoMarker,  ol.visualNoMarker {  list-style-type: none; list-style-image: none; margin: 0.5em 0 0 0; }
.portlet { border: none; margin-bottom: 1em; padding: 0; }

/* Compensation when rendering portlets in the content area */
#region-content .portlet { font-size: 94%; }
.portlet h4 { font-size: 1em; font-weight: normal; white-space: nowrap; }
.portlet h5 { background: #dee7ec; border: 1px solid #8cacbb; border-style: solid solid none solid; padding: 0em 1em 0em 1em; text-transform: lowercase; display: inline; font-size: 1em; height: 1em; font-weight: normal; white-space: nowrap; }
.portlet h6 { background: #dee7ec; border: 1px solid #8cacbb; border-style: solid solid none solid; padding: 0em 1em 0em 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap; }
.portletBody { background: transparent; border-collapse: collapse; border: 1px solid #8cacbb; }
.portletDetails { text-align: right; } 
.portletMore { display: block; text-align: right; }
.portletContent { padding: 1em; }
.portletClose { float: right; text-transform: none; border-left: 1px solid #8cacbb; padding: 0em 0.2em; }
.portlet h1,  .portlet h2,  .portlet h3,  .portlet h4 { margin: 0; padding: 0; }
.portlet .even { background-color: #f7f9fa; }
.portlet .odd { background-color: transparent; }
.portlet input { font-size: 100%; }
.portlet ul, .portlet li { margin: 0; padding: 0; list-style: none; list-style-image: none; line-height: 1em; }
.spacer { margin: 1em; } 

/* Navigation tree styling */
.navIcon, .navIconRoot { position: relative; right: 20px; }
.navItemText { margin-left: -20px; }
.navRootItem, .navItem { margin: 0 0 0.2em 0; border: 1px solid White; display: block; background-repeat: no-repeat; background-position: 0 1px; padding: 0.1em 0.25em 0.2em 20px; } 
.currentNavItem, #portlet-navigation-tree a:hover { background-color: #dee7ec; color: #436976; border: 1px solid #8cacbb; }
.navLevel1 { margin-left: 0em; }
.navLevel2 { margin-left: 1em; }
.navLevel3 { margin-left: 2em; }
.navLevel4 { margin-left: 3em; }
.navLevel5 { margin-left: 4em; }
.navLevel6 { margin-left: 4.5em; }
.navLevel7 { margin-left: 5em; }
.navLevel8 { margin-left: 5.5em; }
/* Add more levels if needed. Then again, if you have more than 3-4 level deep
   structures, you should definitely re-think your Information Architecture ;)*/
.even { background-color: #f7f9fa; }
.odd { background-color: transparent; }
.visualHighlight { background-color: #f7f9fa; }

/*
** Accessibility and visual enhancement elements 
*/

.link-plain { background-image: none; padding: 0; }
.link-parent { display: block; background: transparent url(/img/arrowUp.gif) 4px 5px no-repeat; padding: 1px 0px 1px 16px; font-size: 85%; }
.link-user { background: transparent url(/img/user.gif) 0 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-external { background: transparent url(/img/link_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-https { background: transparent url(/img/lock_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-mailto { background: transparent url(/img/mail_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-news { background: transparent url(/img/topic_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-ftp { background: transparent url(/img/file_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-irc { background: transparent url(/img/discussionitem_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-callto { background: transparent url(/img/phone_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
.link-comment { background: transparent url(/img/discussionitem_icon.gif) center left no-repeat; padding: 1px 0px 1px 16px !important; }
.link-anchor { color: #76797c; text-decoration: none; font-weight: normal; }
.hiddenStructure { display: block; background: transparent; background-image: none; /* safari bug */ border: none; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 -1px; width: 1px; }
.contentViews .hiddenStructure, .contentActions .hiddenStructure { position: absolute; top: -200px; left: -200px; }
.visualClear { display: block; clear: both; }
.hiddenLabel { display: block; background: transparent; background-image: none; /* safari bug */ border: none; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 -1px; width: 1px; }
.label { font-weight: bold; display: inline; padding-right: 0.5em; }
.optionsToggle { border: 1px solid #8cacbb; color: Black; background-color: #dee7ec; font-weight: normal !important; font-size: 85%; }
.portalNotLoggedIn {} /* Used on all descriptions relevant to those not logged in */
#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500; 
    border-width: 1px;
}
.visualOverflow { overflow: auto; margin: 0 0 1em 0; }
.visualOverflow pre, .visualOverflow table, .visualOverflow img { margin: 0; }
.visualFontSizeCorrection { /* Correction for WYSIWYG editors */ font-size: 75%; }

/*
** Table-based column layout for all browsers.
** By Alexander Limi, http://www.plonesolutions.com
**
** There's a table-less column layout alternative in the plone_tableless
** skin layer, if you prefer layouts without tables.
*/

/* <!-- compression status: 0 --> (this is for http compression) */
/*  */

#portal-columns { width: 100% !important; }
#portal-column-one { vertical-align: top; width: 20em; }
#portal-column-content { vertical-align: top; margin: 0; padding: 0; }
#portal-column-two { vertical-align: top; width: 16em; }

/* Padding for the columns */
#portal-column-one .visualPadding { padding: 2em 0em 1em 2em; }
#portal-column-content .visualPadding { padding: 0em 2em 1em 2em; }
#portal-column-two .visualPadding { padding: 2em 2em 1em 0em; }

/*  */
/* Funvills */
.tab
{
    padding-left: 15px ; 
}

.Quote { margin:25px; padding: 5px; border: 1px dashed #8cacbb; color: Black; background-color: #efefff; }

.ErrorBox { border: 2px double red; padding: 3px; margin: 20px 0px; padding: 5px ; } 
.FYIBox { border: 2px double green; padding: 3px; } 


    .winsock2_errorcode_item {
        margin-bottom: 20px;
    }
    .winsock2_errorcode_item h1, h2, p {
        margin:         0px;
        padding:        0px;
        border:         0px;
    }
    .winsock2_errorcode_item h1 {
        font-size:      14pt;
    }
    .winsock2_errorcode_item h2 {
        padding-left:   20px;
        font-size:      12pt;
    }
    .winsock2_errorcode_item p {
        padding-left:   40px;
        font-size:      12pt;
    }

    .PDF_Link  
    {
        padding-bottom: 5px;
        background-image: url(/img/pdf_icon.gif); 
        background-repeat: no-repeat; 
        background-position: left top; 
        padding-left: 20px; 
    }    
    .HTML_Link  
    {
        padding-bottom: 5px;
        background-image: url(/img/document_icon.gif); 
        background-repeat: no-repeat; 
        background-position: left top; 
        padding-left: 20px; 
    }    

    .hz_list li
    {
        display: inline; 
        background-image: url(/img/bullet.gif); 
        background-repeat: no-repeat; 
        background-position: left top; 
        padding-left: 10px; 
        margin-left: 5px;
    }
    
div#HiddenLayer
{
   display: none;
}


.site_icon span {
        background-image: url(/img/site_icon.gif); 
        background-repeat: no-repeat; 
        background-position: left center; 
        padding: 3px 0px 3px 17px; 
}

.folder_icon span {
        background-image: url(/img/folder_icon.gif); 
        background-repeat: no-repeat; 
        background-position: left center; 
        padding: 3px 0px 3px 17px; 
}
.sociable ul { padding:0px; margin:0px;}
.sociable li { padding:0px; margin:0px; display: inline; }