#danielIssueNo h5 {

  background: #ffffff url("/design/h5.gif") repeat-x;
  height: 17px;  /* no width specified, others use 135px wrongly */
  color: #ffffff;
  font-size: 13px;
  padding-left: 0px; /* required to undo off-centre damage (with "div.portlet h5" in subHub.css?) */
  margin-bottom: 5px; /* give space before image */
}


#list_products {
  width: 100%;
  border-collapse: collapse;
}
#list_products td {
  padding: 5px;
}
#list_products .price {
  text-align: center;
}
#list_products .description {
  font-style: italic;
  font-size: smaller;
}
#list_products .category {
  font-size: smaller;
  font-weight: bold;
}


/*http://www.newsontheblock.com/css/ploneColumns.css*/

/*
** 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: 1 --> (this is for http compression) */
/*  */

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

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

#portal-column-content {
    vertical-align: top;
    margin: 0;
    padding: 0;
	/*clear:left;*/
	float:left;
	width:580px;
	margin-left:5px;

}



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

/*  */

/*http://www.newsontheblock.com/css/plone.css*/

/*
** 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
**
** 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: 1 --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */
/*  */
/*  */

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

.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: 100%;
}

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(http://www.newsontheblock.com/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;
}
textarea {
	float:left;
    font: 110% "Courier New", Courier, monospace; 
    border: 1px solid #8cacbb;  
    color: Black;
    background-color: white;
    width: 585px;
	/*margin-left: 5px;*/
}
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;
}

.netscape4 {
    display: none;
}





/*
** Structural Elements
*/

#visual-portal-wrapper {
    margin: 0;
    padding: 0;
}


/* Logo properties */
 
#portal-logo {
    background: url(http://www.newsontheblock.com/images/logo.jpg) no-repeat;
    border: 0;
    margin: 0.75em 0em 0.75em 1.5em;
    padding: 0;
    position: relative;
}
#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
}

#portal-skinswitcher {
    /* The skin switcher at the top, only shows up if you have multiple skins available */

}

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

#portal-top {
    /* Top section */
    margin: 0;
    padding: 0;
    background-color: transparent;
}


/* Site-wide action menu - font size, contact, index, sitemap etc */
#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 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: right;
    text-transform: lowercase;
    list-style: none;
}
#portal-personaltools .portalUser {
    background: transparent url(http://www.newsontheblock.com/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(http://www.newsontheblock.com/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;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #8cacbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: lowercase;
}
.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(http://www.newsontheblock.com/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(http://www.newsontheblock.com/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 #8cacbb;
    border-bottom: 1px solid #8cacbb;
    float: none;
    margin: 2em 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(http://www.newsontheblock.com/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(http://www.newsontheblock.com/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(http://www.newsontheblock.com/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(http://www.newsontheblock.com/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(http://www.newsontheblock.com/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 h2 { 
    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(http://www.newsontheblock.com/images/arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 1px 16px;
    font-size: 85%;
}

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

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

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

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

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

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

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

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

.link-comment {
    background: transparent url(http://www.newsontheblock.com/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;
}

/*http://www.newsontheblock.com/css/subHub.css*/

/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/*  (do not remove this :) */
/*  (not this either :) */
/*  */
/*  */

pre {
  white-space: normal;
}

.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 {
   background-color: #ffffff;
  text-align:center;
}

#visual-portal-wrapper {
    margin:0 auto 0 auto;
    /*border: 1px solid red;*/
    width: 732px;
    margin-top:10px;
    text-align:left;

}

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 {
    /*border: 1px solid black;*/
    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: #369;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    
}

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

#portal-nav-1 a {
    border-right: 1px 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 {
    border: 1px solid #000;
    margin:0px;
    background-color: #fff;
}

table#portal-columns #portal-column-one {
    width: 198px;
    background-color: #FFFFFF;
	float:left;
	height:100%;
	display:block;
}

div#portal-column-one {
    width: 198px;
    background-color: #FFFFFF;
	float:left;
	height:100%;
	display:block;
}

table#portal-columns #midcol {
    border-left: 1px solid #000;
    width: auto;
    /*border-right: 1px solid #036;*/
}

div#midcol {
    border-left: 1px solid #000;
    width: auto;
	float:right;
    /*border-right: 1px solid #036;*/
}

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

h1#portal-logo {
     background-color: transparent;
     margin: 0px;
     border-top: 1px solid #000;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
#portal-logo {
  height: 103px;
}
h1#portal-logo a#headerhomelink {
  display: block;
  position: relative !important;
  width: 100%;
  height: 100% !important;
}
.portletBody {
    border: none;
    width: 100%;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:2px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ccc;
}

.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;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
          margin-top:0px;
		  clear:both;
}

#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(http://www.newsontheblock.com/images/subhub-large-document_icon.gif);
}

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


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

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

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

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


.schemataTabs {
    background-color: transparent;
   /* border-collapse: collapse;*/
   /* padding-left: 1em;*/
   line-height: 30px;;
    margin-top: 1em;
    margin-left: 0;
    /*white-space: nowrap;*/
   /* list-style: none;*/
    border: 1px solid #8cacbb;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    width:500px;
}
/*.schemataTabs li {
    display: inline;
}*/
.schemataTabs a {
    background-color: transparent;
    border: 1px solid #8cacbb;
    border-style: solid;
    color: #436976;
   /* height: auto; */
   /* margin-right: 0.5em;*/
   /* padding: 1.5em 1.5em 1.5em 1.5em;*/
   /* line-height: normal; */
    padding-right:4px;
    /*padding-left:5px;*/
    /*width:100px;*/
    text-decoration: none;
    text-transform: lowercase;
   /* z-index: 1;*/
   white-space: nowrap;
   /*margin-bottom:1em;*/
   /*display:block;*/
   margin-left:0px;
   margin-right:10px;
   /* margin-bottom:5px; */
   /*margin-top:5px;*/
}
.schemataTabs .selected a:link,
.schemataTabs .selected a:visited,
.schemataTabs .selected a:active  {
    background-color: #dee7ec;
   /* border-bottom: #dee7ec 1px solid;*/
    color: #436976;
}
.schemataTabs  a:hover {
    background-color: #dee7ec;
    color: #436976;
}
/* Used to special case Title in base_view and base_edit*/
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-linkdrawer h1 {
   display:none;
}
*/


#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 {
   /*position:relative;*/
   /*border:1px solid gray;*/
}

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

/* this picks up links embedded in article templates etc */
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 {
/*   vertical-align:text-top; */
}


.field label {
   color:black;
}

/* Admin Page Start */
.subhub-default-icon {
width:45px;
height:45px;
background-image:url(http://www.newsontheblock.com/images/icon-articles.gif);
}
#subhub-large-publichomepage {
background-image:url(http://www.newsontheblock.com/images/icon-publichomepage.gif);
}
#subhub-large-membershomepage {
background-image:url(http://www.newsontheblock.com/images/icon-membershomepage.gif);
}
#subhub-large-database {
background-image:url(http://www.newsontheblock.com/images/icon-database.gif);
}
#subhub-large-articles {
background-image:url(http://www.newsontheblock.com/images/icon-articles.gif);
}
#subhub-large-categories {
background-image:url(http://www.newsontheblock.com/images/icon-categories.gif);
}
#subhub-large-portlets {
background-image:url(http://www.newsontheblock.com/images/icon-portlets.gif);
}
#subhub-large-events {
background-image:url(http://www.newsontheblock.com/images/icon-events.gif);
}
#subhub-large-downloads {
background-image:url(http://www.newsontheblock.com/images/icon-downloads.gif);
}
#subhub-large-forums {
background-image:url(http://www.newsontheblock.com/images/icon-forums.gif);
}
#subhub-large-images {
background-image:url(http://www.newsontheblock.com/images/icon-images.gif);
}
#subhub-large-portal_memberdata {
background-image:url(http://www.newsontheblock.com/images/icon-portal_memberdata.gif);
}
#subhub-large-settings {
background-image:url(http://www.newsontheblock.com/images/icon-settings.gif);
}
#subhub-large-portal_subhubpaymenttool {
background-image:url(http://www.newsontheblock.com/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 {
border: 1px solid red;
}
.fieldset envelope {
   border: 3px solid grey;
}

.listing th {
background-color: #a5a5a5;
border-color: #808080;
}
/* Admin Page End */



/*  */

/* 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
   
   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.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   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
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */

.calendar h1 {
  text-align: center;
}

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

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


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

/* document icons */
.documenticon1 {
  background: #ffffff url(http://www.newsontheblock.com/images/document_icon.gif) no-repeat !important;
  padding-right: 12px;
}
.documenticon2 {
  background: #ffffff url(http://www.newsontheblock.com/images/icon_premium_content.gif) no-repeat;
  padding-right: 12px;
}


/* forum bbcode */

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

/* fix disappearing content in IE*/
#region-content {
  border: 1px solid #ffffff;
}

http://www.newsontheblock.com/design/subhubCustom.css

body {

  font-family: helvetica !important;

  font-size: 11px;

  color: #000000;

}

#region-content a, #region-content a:hover {

  color: #FF6633;

}

#visual-portal-wrapper {

  width: 797px;

}

#portal-logo {

  background: #ffffff url(http://www.newsontheblock.com/design/header.gif) no-repeat !important;

  height: 142px;

}



#portal-logo-print {

 img: url(http://www.newsontheblock.com/design/header.gif);

}



#portal-column-one .portlet h5  {

  background-color: #ffffff;

  color: #FF6633;

  font-weight: bold;

  font-size: 12px;

}

#portal-column-one .portlet h2  {

  background-color: #ffffff;

  color: #FF6633;

  font-weight: bold;

  font-size: 12px;

}

#portal-column-one .portlet a, #portal-column-one .portlet a:visited {

  color: #000000;

  font-weight: normal;

}

#portal-column-one ul {

list-style-image:none;
list-style:none;

}

#portal-column-one li {

margin-left:-5px;

}




#portlet_20060810 h5 {

  display: none;

}



#portlet_20060719_7  h5 {

  background: #ffffff url(http://www.newsontheblock.com/design/h5.gif) repeat-x;

  height: 17px; width: 135px! important; 

  color: #ffffff;

  font-size: 13px;

}

#portlet_20060719_7 .portletBody {

  background: #CCCCCC;width: 140px;

  border: none;

}

#portlet_20060904,#portlet_20060719_7, #portlet_20060720 {

  padding: 0px;

  margin: 0px;

}

#portlet_20060720 h5 {

  background: #ffffff url(http://www.newsontheblock.com/design/h5.gif) repeat-x; 

  height: 17px; width: 135px;

  color: #ffffff;

  font-size: 13px;

}

#portlet_20060720 .portletBody {

  background: #CCCCCC; width: 140px! important;

  border-bottom: 2px solid black; 

}



#portal-logo, #portal-footer, #portal-columns, #midcol, #portal-column-two {

        border: none !important;


}



#portal-column-one {

  border-right: 1px solid #666666 !important;

}

#portal-column-one .portlet {

  border-bottom: 1px solid #666666 !important;

}

.portletBody {

  border: none;

}

#portal-footer {

  border-top: 2px solid #000000 !important;

}



#portal-nav-1 {

  background: #E75D3B;

  text-align: left !important;

  border: none !important;

}

#portal-column-two {

 padding-top: 10px; width: 135px !important;

}



h2 {

  text-transform: uppercase;

  border: none;

  font-size: 15px;

  font-weight: bold;

}



#portal-footer, #portal-footer a, #portal-footer a:visited {

  color: #808284;

}



.documenticon1 {

  background: #ffffff url(/design/document_icon.gif) no-repeat !important;

}

.documenticon2 {

  background: #ffffff url(/design/icon_premium_content.gif) no-repeat !important;

}



.featurepanel h2 {

  display: none;

}



/* TOP LOGIN BOX */

#portlet_20070530 {

	display: inline !important;

	color: #ffffff !important;	

}



#portlet_20070530 form{

	display: inline !important;

	color: #ffffff !important;

}

		

#portlet_20070530 .field label{

	color: #ffffff !important;

}

/*

.login {

	background: #404040;

	color: white;

}

*/

/*TOP SEARCH BOX */

#portlet_20070530_1 {

	display: inline !important;

	color: #ffffff !important;

    text-align: left !important;	

}



#portlet_20070530_1 form{

	display: inline !important;

	color: #ffffff !important;

	text-align: left !important;

}



#fieldset {

	border: 0px !important;

}



.fieldset {

	border: 0px !important;

}



/* Footer Links */



#portal-nav-2 {

	background: #ffffff;

	border: 0px;

}



#portlet_20070913{

	display: inline;

}