#visual-portal-wrapper {
  width: 800px; 
  border: 0px solid;
  margin:0 auto 0 auto;
  padding: 0;
  margin-top:10px;
  text-align:center;
}

#portal-logo {
  background: url(../design/newheader.jpg) no-repeat !important;
  height: 212px;
  padding-bottom:0px;
}

#portal-column-two {border-left: 0px !important; }


h1,h2,h3,h4,h5 {
  font-family: verdana, Helvetica, sans-serif !important;
}

#portal-column-one h5 
{
color: #ffffff;
background: url(../design/h52.jpg) no-repeat bottom !important;
font-weight: bold;
font-size: 12px;
line-height: 20px;
height: 20px;
}

#portal-column-two h5 
{
color: #ffffff;
background: url(../design/h5.jpg) no-repeat bottom !important;
font-weight: bold;
font-size: 12px;
line-height: 20px;
height: 20px;
width: 102%;
}


#portlet_20080806_1 h5 {
	background: url(../design/h52.jpg) no-repeat bottom !important;
}
	

body {
background: #ffa304 url(../design/bg.jpg) repeat-x;
text-align: center;
font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
background-color: #FEAC1A;
color: Black;
margin: 0;
padding: 0;
}

#midcol {
        border: none !important;
		  background-color: white;
}

#region-content {
	border-top: 0px !important;
}

#portal-logo a {
	border-bottom: 0px !important;
}

h1#portal-logo a#headerhomelink {
	border-bottom: 0px !important;
}

h1 {
border-bottom: none !important;
}

#main-title, h1 {
    border-bottom: none !important;
    color: #FEAC1A !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.portletBody {
	border-bottom: 0px !important;
	border: none;
    width: 100%;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    background-color: #FFFFFF;
		}

#portlet_20070912 .portletBody {
	margin-top: 0px !important;
	padding-top: 0px !important;
	width: 156px;
	
}


table#portal-columns #portal-column-one{
	width: 148px !important;
	background-color: #FFFFFF !important;
	border: 0px solid #000;
   margin:0px;
	text-align: left;
}

#portal-footer {
	background: #ffffff;
}


#portlet_20071018 .portletInnerBody {
    background-color: #9ACDEC !important;
	padding-bottom: 4px !important;
	width:150px;
    }
.nav-category {
	background: url(../design/nav.jpg) bottom !important;
	line-height: 18px;

}

#portal-column-two .nav-category {
	background: url(../design/nav.jpg) bottom !important;
	width: 100%;
}

.nav-category a:link {
    color:#ffffff !important;
}

.nav-category a:visited {
    color:#ffffff !important;
}

.nav-category a:hover {
    color: #0026FF !important;
}

#portal-nav-1 {
	background: url(../design/top.jpg) no-repeat;
}

#portal-nav-1 a{
	color: #fff;
	font-size: 14px;
}

#portal-column-two {
	width: 155px !important;
}

#portlet_20071023 .nav-category {
	background: #567110 !important;
	width: 150px;
	color: #ffffff;
}

#portlet_20080121 .nav-category {
	background: #567110 !important;
	width: 150px;
	color: #ffffff;
}

.featurepanel {
	color: #000000;
	}
	
.featurepanel h2{
	color: #FEAC1A;
	border-bottom: 0px;
	}	

.featurepanel a:link{
	color: blue;
	}	

.featurepanel a:visited{
	color: blue;
	}	
	
#portal-footer a:link{
	color: blue;
	}	

#portal-footer a:visited{
	color: blue;
	}	
	
td a, td a:link {
		color: blue;
	}
		
td a, td a:visited {
		color: blue;
	}	
	
fieldset {
 border-color: 	#FEAC1A !important;
 }
 
 #joinnowtext {
	 display: none !important;
 }
 
 #portlet_20080807_1 {
	 margin-top: -13px !important;
	.margin-top: -19px !important;
 }
 
 .cat-view-article-date {
	 display: none !important;
 }
 
#portlet_20080806_1 {
	margin-top: -13px !important;
}

#subscribe-renew-buttons {
	display: none !important;
}

#footer-contact {
	display: none !important;
}

pre {
  white-space: normal;
}

.warning {
    color: red;
}

.public {
    color: green;
}
.disabled {
    color: red;
}
.pending {
    color: #FFA500;
}
.membersonly {
    color: green;
}
.workingcopy {
    color: #FFA500;
}
.private {
    color: red;
}

ol {
  padding-left:10px;
}

.nav-category {
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
}

.nav-article {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
}

         
body.kupu {
   text-align:left;
   line-height: 1.5em;
}

#portal-globalnav {
    background-color:#ebebeb;
    border: 1px solid #ccc;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    color: #fff;
    text-align: center;
}

ul#portal-globalnav li.plain a,
ul#portal-globalnav li.selected a
{
    font-weight:bold;
    border-bottom: none;
}

ul#portal-globalnav li.plain a:link,
ul#portal-globalnav li.plain a:visited,
ul#portal-globalnav li.plain  a:active,
ul#portal-globalnav li.selected a:link,
ul#portal-globalnav li.selected a:visited,
ul#portal-globalnav li.selected a:active
{
    color: #999;
    background-color: #fff;
    text-decoration: none;
    margin: 0px;
}

ul#portal-globalnav li.plain a:hover,
ul#portal-globalnav li.selected a:hover
{
    text-decoration: underline;
    color: #999;
    background-color: #d7d7d7;
}


ul#portal-nav-1 li, ul#portal-nav-2 li {
    
    display: inline;
}      

#portal-nav-1, #portal-nav-2 {
    margin-left:0px;
    margin-top:0px;
    padding: 3px;
    text-align:center;
}

#portal-nav-1 a, #portal-nav-2 a {
    text-decoration: none;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
}


#portal-nav-1 {
    background-color: #ccc;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    
}

#portal-nav-2 {
    background-color: #ccc;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    
}

#portal-nav-1 a {
    border-right: 0px solid #fff;
    color: #fff;
}

#portal-nav-1 a.last, #portal-nav-2 a.last {
   border-right:none;
}

a.homelink {text-transform:lowercase}
a.boldlink {font-weight:bold}

#portal-nav-2 a {
    border-right: 1px solid #fff;
    color: #fff;
}

#portal-nav-2 a {
    color: #fff;
}




table#portal-columns #midcol {
    border-left: 0px solid #000;
    width: auto;
}

table#portal-columns #portal-column-two {
    border-left: 0px solid #000;
    background-color: #FFFFFF;
}

h1#portal-logo {
     background-color: transparent;
     margin: 0px;
}

h1#portal-logo a#headerhomelink {
  display: block;
  position: relative !important;
  width: 100%;
  height: 100% !important;
}


.portletBody .nav-category{
   padding-left:5px;
}

.portletInnerBody {
   padding-left:5px;
}

div.portlet h5 {
   display: block;
   background-color: #ccc;
   padding: 0em 0em 0em 0em; /*to reset previuously applied*/
   padding-bottom:5px;
   padding-top:3px;
   overflow: hidden;
   width: 143px;
   font-weight: bold;
   color: #000000;
   border: none;
   margin: 0px;
   text-transform: none;
   padding-left:5px;
}

.portlet {
    width:148px;
}

#portal-footer {
     background-color: transparent;
     border:none;
}

#footerlinks span {
   padding: 0px 12px;
}

.related-articles-container {
     border: 1px solid #ccc;
     padding:10px;
}

ul.related-articles {
     list-style: none;
     list-style-image:none;
     margin-left:0px;
     padding-left:0px;
}
#sitemap ul {
     font-weight:bold;
     list-style:none;
     list-style-image:none;
}

#sitemap ul ul {
     font-weight: normal;
     list-style-type: square;
}

table.listing, table.listing td {
  border-color:#fff;
  font-size:100%;
  padding:0px;
}
.helppanel {
  border: 2px solid #DDBBCC;
  padding: 5px;
  background-color: #FFDDCC;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.helppanel h5{

}

.helpbody {
  margin: 5px;
}

.subhub-default-icon {
   width: 56px;
   height: 56px;
   background-image: url(../images/subhub-large-document_icon.gif);
}

.subhub-large-folder_icon {
   background-image: url(../images/subhub-large-folder_icon.gif); 
}


.subhub-large-settings_icon {
    background-image: url(../images/subhub-large-settings_icon.gif);
}

.subhub-large-user {
     background-image: url(../images/subhub-large-member_icon.gif);
}

#subhub-large-portal_memberdata {
     background-image: url(../images/subhub-large-members_icon.gif);
}

.subhub-large-image_folder_icon {
    background-image: url(../images/images_folder_icon.gif);
}


.schemataTabs {
    background-color: transparent;
   line-height: 30px;
    margin-top: 1em;
    margin-left: 0;
    border: 1px solid #8cacbb;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    width:500px;
}
.schemataTabs a {
    background-color: transparent;
    border: 1px solid #8cacbb;
    border-style: solid;
    color: #436976;
    padding-right:4px;
    text-decoration: none;
    text-transform: lowercase;
   white-space: nowrap;
   margin-left:0px;
   margin-right:10px;
}
.schemataTabs .selected a:link,
.schemataTabs .selected a:visited,
.schemataTabs .selected a:active  {
    background-color: #dee7ec;
    color: #436976;
}
.schemataTabs  a:hover {
    background-color: #dee7ec;
    color: #436976;
}
div#titleDiv input{
   width:400px 
}

div#titleDiv .field {
   width:415px !important;
}

#newspaper-main-img {
   padding-right: 10px;
   padding-top: 10px;
}

.contentActions li {
   display: block;
   width: 160px;
}

.menuPosition a {
   display: block;
   width: 150px;
}

body.kupu {
    background-color: white !important;
    background-image: none !important;
}

#benefits-portlet {
   padding-left:5px;
   padding-right: 5px;
}


#kupu-linklibdrawer-button, #kupu-imagelibdrawer-button, .kupu-logo {
   display:none;
}


#kupu-linkdrawer-type-select-wrapper {
   margin-top:10px;
}

.subhubUnauthorised {
   padding:5px;
   margin-bottom:10px;
   border: 1px solid red;
}

.field {
}

.field textarea {
   width:92%;
}

.help-toggle {
  position:absolute;
  top:0;
  right:0;
}

.formHelp {
   display:none;
   width:90%;
}

#contact-form textarea {
   width:250px;
}

#login-and-benefits .portletBody {
   background-color:transparent;
   border-bottom: none;
}

#login-and-benefits .portlet h5 {
   background-color:transparent;
   color: black;
}

#subscribe-renew-buttons {
   margin-top:8px;
}

div.subhub-emphasis{
   font-style: italic;
}

body#publichomepage .subhubDocumentActions, body#membershomepage .subhubDocumentActions {
   display:none;
}

td a, td a:visited {
    color: #436976;
    background-color: transparent;
    text-decoration:none;
}

.link-external {
    background-image: none;
    padding: 0px 0px 0px 0px;
}

.image-left {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

div#source, div#pubdate, div#divider {
   font-size:0.9em;
   color:#999;
}

#main-login-form div.formHelp {
   display:block;
}

#bottom-nav-container .paging-nav {
   float:right;
}

#back-to-top {
   float:left;
}


form#portlet-search {
   padding-top:10px;
   padding-bottom:10px;
}

#portal-breadcrumbs {
   padding:0px;
   padding-left:5px;
   padding: 0em 1em 1em 1em !important;
   border:none;
}

#filter-table td {
}


.field label {
   color:black;
}

.subhub-default-icon {
width:45px;
height:45px;
background-image:url(../images/icon-articles.gif);
}
#subhub-large-publichomepage {
background-image:url(../images/icon-publichomepage.gif);
}
#subhub-large-membershomepage {
background-image:url(../images/icon-membershomepage.gif);
}
#subhub-large-database {
background-image:url(../images/icon-database.gif);
}
#subhub-large-articles {
background-image:url(../images/icon-articles.gif);
}
#subhub-large-categories {
background-image:url(../images/icon-categories.gif);
}
#subhub-large-portlets {
background-image:url(../images/icon-portlets.gif);
}
#subhub-large-events {
background-image:url(../images/icon-events.gif);
}
#subhub-large-downloads {
background-image:url(../images/icon-downloads.gif);
}
#subhub-large-forums {
background-image:url(../images/icon-forums.gif);
}
#subhub-large-images {
background-image:url(../images/icon-images.gif);
}
#subhub-large-portal_memberdata {
background-image:url(../images/icon-portal_memberdata.gif);
}
#subhub-large-settings {
background-image:url(../images/icon-settings.gif);
}
#subhub-large-portal_subhubpaymenttool {
background-image:url(../images/icon-portal_subhubpaymenttool.gif);
}


.contentViews {
border-color: red;
}
.contentViews li a {
border: 1px solid red;
color: red;
}
.contentViews li a:hover {
background-color: red;
color: white;
border-color: red;
}
.contentViews .selected a {
background-color: red;
color: white;
border-color: red;
}
.contentActions {
background-color: red;
border-color: red;
}
.contentActions a {
color: white;
}
.contentActions .actionMenu {
border: 1px solid red;
background-color:white;
}
.actionMenu li a {
color: red;
}
.actionMenu li a:hover {
background-color: red;
color: white;
}
.actionMenu .actionSeperator a {
border-top: 1px solid red;
}
.contentActions ul,
.contentActions li {
border-color: red;
color: red;
}
.documentEditable .documentContent {
border: 1px solid red;
}

.fieldset envelope {
   border: 3px solid grey;
}

.listing th {
background-color: #a5a5a5;
border-color: #808080;
}

.calendar h1 {
  text-align: center;
}

.calendar_month th {
  height: 25px;
  width: 25px;
}

.eventsportlet .portletBody{
  text-align: center;
  width: 95%;
}
.eventsportlet .calendar {
  border: 1px solid white;
  text-align: center;
  font-size: 9px;
}
.eventsportlet .calendar th {
  text-decoration: underline;
  font-size: 9px;
}
.eventsportlet .calendar td a {
  background-color: black;
  color: white;
  padding: 0px;
  border: 1px solid white;
    font-size: 9px;
}
.eventsportlet .calendar-month a {
  font-size: 12px !important;
}


dl.admincomment {
  background-color: #cccccc;
}

.documenticon1 {
  background: #ffffff url(../images/document_icon.gif) no-repeat !important;
  padding-right: 12px;
}
.documenticon2 {
  background: #ffffff url(../images/icon_premium_content.gif) no-repeat;
  padding-right: 12px;
}



ul.bb-list-unordered { }
ol.bb-list-ordered { }
ol.bb-list-ordered-d { list-style-type:decimal; }
ol.bb-list-ordered-lr { list-style-type:lower-roman; }
ol.bb-list-ordered-ur { list-style-type:upper-roman; }
ol.bb-list-ordered-la { list-style-type:lower-alpha; }
ol.bb-list-ordered-ua { list-style-type:upper-alpha; }
ol.bb-listitem { }

.bb-code,
.bb-php {
  border: 1px solid black;
  padding: 10px;
  font-family: Courier;
  white-space: nowrap;
}

.bb-quote {
  border: 1px solid black;
  padding: 10px;
}

.bb-email { }
.bb-url { }

.bb-image {
  border-width: 0;
  border-style: none;
}

#region-content {
  border: 1px solid #ffffff;
}

.dividingHeader {
        font-size:16px;
        font-weight:bold;
        padding:3px;
        border:solid 1px #D8D8D6;
        background:#F0F0EE;
        margin-top:30px;
        margin-bottom:10px;
}

#block_html_plain {
display: none;
}

#footer-sitemap {
}


table {
    font-size: 100%;
}


a {
    text-decoration: none;
    color: #436976;
    background-color: transparent;
}
img {
    border: none;
}

.contentActions img {
    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;
}
p img {
    border: 0;
   /* margin: 0;*/
}

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% !important;
}


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 { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(../images/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;
}

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;
}

.netscape4 {
    display: none;
}



#portal-skinswitcher {
  

}

#portal-skinswitcher a {
    display: block;
    float: left;
}

#portal-top {
 
    margin: 0;
    padding: 0;
    background-color: transparent;
}


#portal-siteactions {
    background-color: transparent;
    border-collapse: collapse;
    white-space: nowrap;
    list-style: none;
    margin: 1px 0 0 0;
    height: auto;
    line-height: normal;
    float: right;
    padding: 3px 2em 3px 0;
}
#portal-siteactions li {
    display: inline;
}
#portal-siteactions li a {
    background-color: transparent;
    border: 1px solid White;
    color: #76797c;
    height: auto;
    padding: 0.2em;
    margin-right: 0.2em;
    text-decoration: none;
    text-transform: lowercase;
}
#portal-siteactions li.selected a {
    background-color: #dee7ec;
    color: #436976;
    border: 1px solid #8cacbb;
}
#portal-siteactions li a:hover {
    background-color: #dee7ec;
    color: #436976;
    border: 1px solid #8cacbb;
}



/* searchbox style and positioning */
#portal-searchbox {
    float: right;
    clear: right;
    background-color: transparent;
    margin: 1.5em 0 0 0;
    padding: 0 2em 0 0;
    text-align: right;
    text-transform: lowercase;
    white-space: nowrap;
    z-index: 2;
}
#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 0em;
    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: right;
    text-transform: lowercase;
    list-style: none;
}
#portal-personaltools .portalUser {
    background: transparent url(../images/user.gif) center left no-repeat;
    padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
    color: Black;
    padding: 0;
    background: transparent;
    background-image: none;
} /* Used on all descriptions relevant to those not logged in */
 
#portal-personaltools li {
    background: transparent url(../images/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;
}
.visualCaseSensitive {
    text-transform: none;
}

.addFavorite {
    vertical-align: bottom;
}
.contentViews {
    background-color: transparent;
    border-collapse: collapse;
    padding-left: 1em;
    line-height: normal;
    margin-top: 1em;
    margin-left: 0;
    /* white-space: nowrap; */
    list-style: none;
    border: 1px solid #74ae0b;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.contentViews li {
    display: inline;
}
.contentViews li a {
    background-color: transparent;
    border: 1px solid #74ae0b;
    border-style: solid;
    color: #578308;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.5em;
    line-height: normal;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 1;
}
.contentViews .selected a {
    background-color: #cde2a7;
    border-bottom: #cde2a7 1px solid;
    color: #578308;
}
.contentViews li a:hover {
    background-color: #cde2a7;
    color: #578308;
}

/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
    border-collapse: collapse;
    background-color: #cde2a7;
    border-left: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    color: #578308;
    text-align: right;
    text-transform: lowercase;
    padding: 0 0 0 1em;
    z-index: 2;
    height: 1.2em;
}

.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: Black;
    text-align: left;
}

.contentActions ul {
    line-height: 1.2em;
    height: 1.2em;
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    background-image: url(../images/arrowDownAlternative.gif);
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
    padding: 0 0 0 1em;
    margin: 0 1em 0 0;
}

.menuPosition {
    /*  The spec says we can't put this on an element with a float (although 
        Opera is the only one that cares) and we need it in order to catch 
        the position:absolute bubbling up */
    position: relative;
    }

.actionSingular {
    background-image: none !important;
}

.actionItems li {
    background-image: none;
}

.contentActions a {
    text-decoration: none;
    color: #578308;
    padding: 0 1em 0 0;
}

.contentActions .actionMenu {
    visibility: hidden;
    z-index: 5;
    position: absolute;
    top: 0;
    right: -1px;
    background: #cde2a7;
    overflow: hidden;
    height: auto;
    padding: 0;
    margin: 1.2em 0 0 0;
    border: 1px #74ae0b;
    border-style: none solid solid solid;
}

.actionMenu li {
    float: none;
    background: none;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

.actionMenu li a {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}

.actionMenu li a:hover {
    background-color: #74ae0b;
    color: White;
}

.actionMenu .actionSeperator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}

/*
** end ECMAScript Content Action Menus
*/

.configlet .contentViews {
    font-size: 90%;
}
 
#content {
    padding: 0 1em;
    margin: 0em 0em 2em 0em;
}

#content-news h1 {
    margin-bottom: 1em;
}

.newsItem {
    margin-bottom: 1em;
    border-bottom: 1px solid #8cacbb;
}

.newsContent {
    padding: 0 1em 1em 1em;
}

.newsContent ul,
.newsContent li {
    display: block; 
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.newsAbout {
    display: block;
    color: #76797c;
    font-size: 85%;
    padding: 0;
    margin-top: 0;
    list-style: none;
    list-style-image: none;
    float: right;
    text-align: right;
}

.newsAbout li {
    display: inline;
}

.newsFooter {
    
}

.newsFooter li {
    display: inline;
    margin: 0 1em 0 0;
}

#content {
    padding-top: 1em !important;
}

.documentEditable {
    padding: 0em 2em 1em 2em !important;
}

.configlet .documentEditable {
    padding: 0em !important;
}

.documentContent {
    font-size: 110%;
    padding: 0em 1em 2em 1em !important;
    background: White;
}

.documentEditable .documentContent {
    border: 1px solid #74ae0b;
    padding: 0;
}
.documentActions {
    margin: -1.5em 0 2em 0;
}

.documentActions ul {
    margin: 0 0 0.3em 0;
    float: right;
    clear: right;
}


.documentActions ul,
.documentActions li {
    display: inline;
    list-style: none;
    list-style-image: none;
}
.documentActions a {
    border: 0;
    text-decoration: none;
}

.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(../images/info_icon.gif);
    background-repeat: no-repeat;
    background-position: 5px;
}
.portalMessage a {
    color: Black;
    text-decoration: underline;
}
.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 1em 0em;
    line-height: 1.5em;
}
.documentByLine {
    text-align: right;
    font-size: 85%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}
.documentByLine a {
    text-decoration: underline;
}

.productCredits {
    text-align: right;
    font-size: 85%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}

.productCredits a {
    text-decoration: underline;
}

#portal-footer {
    background-color: #dee7ec;
    border-top: 1px solid;
    border-bottom: 1px solid #8cacbb;
    float: none;
    margin: 0em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

#portal-colophon {
    float: none;
    margin: 0em 0em 2em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
    list-style: none;
    display: inline;
    text-decoration: none;
    color: Black;
}

#portal-colophon ul li {
    font-size: 85%;
    margin: 0 0.25em;
    padding: 0.1em 0.2em;
}


/*
** Widgets
*/

.standalone,
.documentEditable * .standalone {
    background: #dee7ec url(../images/linkOpaque.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.context,
.documentEditable * .context {
    background: transparent url(../images/linkTransparent.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.destructive,
.documentEditable * .destructive {
    background: #ffce7b url(../images/linkTransparent.gif) 9px 1px no-repeat;
    border: 1px solid #ffa500;  
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
input.searchButton {
    font-size: 100%;
    margin-bottom: 1px ! important;
    background: White url(../images/search_icon.gif) 2px 1px no-repeat;
    cursor: pointer;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;

}
.noborder,
.documentEditable * .noborder {
    border: none;
    margin: 0;
    background-color: transparent;
}
.add,
.documentEditable * .add {
}
.quickSearch {
}
.notify,
.documentEditable * .notify {
    border: 1px solid #ffa500;  
}

/* 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;
}

.fieldRequired {
    background: url(../images/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: White;
} 

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp a {
    text-decoration: underline;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.formControls {
   margin: 1em 0 0 0; 
}

.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;
} 

.card {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin: 1em;
    text-align: center;
    width: 110px;
    padding: 1em 0;
}

.portrait {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid;
    font-size: 85%;
    margin: 0.5em;
    padding: 1em 0 0.5em 0;
    text-align: center;
    width: 100px;
}

.portraitPhoto {
    border: 1px solid black;
}

.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-left: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    font-size: 85%;
    margin: 1em 0em 1em 0em;
}
.listing th,
.stx table th {
    background: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    border-right: 1px solid #8cacbb;
    font-weight: normal;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
}
.listing .top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
.listing .odd {
    /*every second line should be shaded */
    background-color: transparent;
}
.listing .even {
    background-color: #f7f9fa;
}
.listing .listingCheckbox {
    text-align: center;
}
.listing td,
.stx table td {
    border-right: 1px solid #8cacbb;
    padding: 0em 1em;
    text-align: left;
}
.listing a:hover {
    text-decoration: underline;
}
.listing img {
    vertical-align: middle;
}

ul.configlets {
    margin: 1em;
    list-style-image: none;
    list-style: none;
}

ul.configlets li {
    margin-bottom: 1em;
}

ul.configlets li a {
	text-decoration: none;
}

ul.configlets li label {
    font-weight: bold;
}

ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}

ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}

ul.configletDetails li a {
	text-decoration: none;
}

ul.configletDetails li label {
    font-weight: bold;
}

/* List classes without markers */

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



/* Additional STX workaround classes */
.stx table p /* stupid STX table workaround */
{
    margin: 0;
    padding: 0;
}
.stx table  /* stupid STX table workaround */
{
    border: 1px solid #8cacbb ! important;
}
.stx table td {
    border-bottom: 1px solid #8cacbb;
}

.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;
}

.comment {
    background: #f7f9fa; 
    border: 1px dashed #8cacbb; 
    padding: 0 1em 0.5em 1em;
    margin-bottom: 1em;
}

.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px dashed #76797c;
    font-weight: normal;
}

.commentBody {
    margin: 0 1em 1em 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 ;)*/

/* workflow state colors */

.state-private {
    color: Black;
}
.state-published {
    color: #74AE0B;
}
.state-pending {
    color: #ffa500;
}
.state-expired {
    color: Red;
}
.syndicated {
    color: #008000;
}
.role-Member {
    
}
.role-Reviewer {
    
}
.role-Manager {
    
}
.role-Translator {
    
}
.location-frontpage {
    
}
.location-news {
    
}
.location-members {
    
}
.even {
    background-color: #f7f9fa;
}
.odd {
    background-color: transparent;
}
.visualHighlight {
    background-color: #f7f9fa;
}

.discreet {
    color: #76797c;
    font-size: 85%;
    font-weight: normal;
}

.listingBar {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-style: solid;
    border-width: 1px;
    padding: 0em 1em;
    text-align: center;
    text-transform: lowercase;
    vertical-align: top;
    margin: 1em 0em;
    font-size: 94%;
    clear: both;
}
.listingBar span.previous,
.listingPrevious {
    text-align: left;
    float: left;
    margin-right: 1em;
}
.listingBar span.next,
.listingNext {
    text-align: right;
    float: right;
    margin-left: 1em;
}
.listingBar img {
	vertical-align: middle;
}

/*
** Accessibility and visual enhancement elements 
*/

.link-plain {
    background-image: none;
    padding: 0;
}

.link-parent {
    display: block;
    background: transparent url(../images/arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 1px 16px;
    font-size: 85%;
}

.link-user {
    background: transparent url(../images/user.gif) 0 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-external {
    background: transparent url(../images/link_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-https {
    background: transparent url(../images/lock_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-mailto {
    background: transparent url(../images/mail_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-news {
    background: transparent url(../images/topic_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-ftp {
    background: transparent url(../images/file_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-irc {
    background: transparent url(../images/discussionitem_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-callto {
    background: transparent url(../images/phone_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-comment {
    background: transparent url(../images/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%;
}

/*
** Calendar elements - used in the calendar rendering 
*/

.dayPopup {
    background-color: #ffffe1;
    border: 1px solid Black;
    padding: 0.2em;
    position: absolute;
    visibility: hidden;
    width: 12em;
    z-index: 2;
}
.date {
    font-weight: bold;
}

.ploneCalendar {
    border: 1px solid #8cacbb;
    margin: 1em 0em;
}
.ploneCalendar a {
    text-decoration: none;
}
.ploneCalendar a:hover {
    text-decoration: none;
}
.ploneCalendar th {
    background-color: #dee7ec;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}
.ploneCalendar td {
    background-color: transparent;
    width: 1.5em;
    text-align: right;
    padding: 2px;
}
.ploneCalendar .weekdays td {
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    border-style: solid none;
    text-align: center;
    padding: 2px;
}
.ploneCalendar .event {
    background-color: #dee7ec;
    font-weight: bold;
}
.ploneCalendar .todayevent {
    background-color: #dee7ec;
    border: 2px solid #ffa500;
    font-weight: bold;
}
.ploneCalendar .todaynoevent {
    border-collapse: collapse;
    border: 2px solid #ffa500;
}

/* for highlighting of search terms */

.highlightedSearchTerm {
   background-color: #feff82;
}

/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}

/*  */


body.kupu {
    background-color: white !important;
    background-image: none !important;
}

 /* +++++++++++++++++++ MOVE TO PLONE CSS ALL BELOW THIS LINE +++++++++ */
#portal-footer {
	background: #FFF;
}

/* Playing with admin tabs. */

#portal-globalnav li a {
	color: black !important;
	background-color: transparent;
	background-image: url(../images/tabs/sq_tab_light.png);
}

#portal-globalnav li a#buynow {
	color: white !important;
	background-color: transparent;
	background-image: url(../images/tabs/sq_tab_dark_grn.png);
}

#portal-globalnav li a:hover {
	color: white !important;
	background-color: transparent;
	background-image: url(../images/tabs/sq_tab_dark.png);
}

#portal-globalnav li a#buynow:hover {
	color: black !important;
	background-color: transparent;
	background-image: url(../images/tabs/sq_tab_light_grn.png);
}


#portal-globalnav {
	/*border: none !important;*/
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	background-color: transparent !important;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#portal-globalnav li a {
	text-transform: uppercase !important;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial;
	font-size: 10px;
	margin-right: 0em;
}

/* No more horrible red fields. */
fieldset {
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

/* Button formatting. */

.context, .documentEditable * .context

{

background-color: #CCC;
background-image: none;
background-x-position: 9px;
background-y-position: 1px;
font-size: 100%;
margin-bottom: 1em;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
text-transform: none;
}

.context:hover
{
background-color: #999;
}

/* Error/Warning/Message Bar */
.portalMessage, .system-message, #error-handling
{
background-color: #D6F0FF;
border-top-color: #A9BCDA;
border-right-color: #A9BCDA;
border-bottom-color: #A9BCDA;
border-left-color: #A9BCDA;
}

/*Red tables gone in admin panel.*/
table.standardTable th

{
background-color: #999 !important;
color: white;
}

.admin_panel a {
	font-weight: bold !important;
	color: #00688B !important;
	text-decoration: underline !important;
}

.admin_panel a:hover {
	color: #009ACD !important;
}

.faqbutton {
	float: right !important;
}

.nav-category a {
	font-weight: bold !important;
	font-family: arial;
}

h1, h2, h3, h4, h5 {
	font-family: arial;
}

/* member profile */
#memberprofile {
  position: relative;
}
#memberprofile .photo {
  display: table-cell;
  vertical-align: top;
  width: 164px;
  height: 210px;
  margin-bottom: 5px;
  text-align: center;
}
#memberprofile .photo img {
  border: 2px dashed #404040 !important;
}
#memberprofile ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  font-size: 90%;
  font-weight: bold;
}
#memberprofile label {
  color: #404040 !important;
  font-weight: bold;
  display: block;
}
#memberprofile .details {
  position: absolute;
  top: 0px;
  left: 170px;
  width: 400px;
}
#memberprofile .details li {
  margin: 0px;
  clear: both;
}
#memberprofile .details li label, #memberprofile .details li span {
  float: left;
}
#memberprofile .details li label {
  width: 110px;
}
#memberprofile .details a {
  color: #404040 !important;
}
#memberprofile .details input, #memberprofile .details span {
}
#memberprofile .extradetails {
  margin-top: 20px;
}

.noedit
{
background: #CDCDCD !important;
}

.details
{
padding: 5px;
}

.extradetails2
{
padding-top: 125px;
}

.adminlink {
	padding: 3px;
	border: solid #000 1px;
	background: #CCC;
}

.forum_button {
	border: solid #000 1px;
	background: #CCC;
}

#portal-columns {
    width: 100% !important;
}

#portal-column-one {
    vertical-align: top;
    width: 16em;
}

#portal-column-content {
    vertical-align: top;
    margin: 0;
    padding: 0;
	 text-align: left;
}

#portal-column-two {
    vertical-align: top;
    width: 16em;
}


#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;
}