/*
 *  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 :) */
/*  */
/*  */
@import url(http://fonts.googleapis.com/css?family=Italianno);
pre {
  white-space: normal;
}

.warning {
    color: red;
}

.public {
    color: green;
}
.disabled {
    color: red;
}
.pending {
    color: #FFA500;
}
.membersonly {
    color: blue;
}
.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;
}

#new-portal-globalnav { position: relative; height: 34px; width: 100%; background: url(/images/admin_icons/new_admin_bg.jpg) repeat-x top left; }

	#new-portal-globalnav ul { list-style: none; width: 940px; margin: 0 auto; postion: relative; }

 	#new-portal-globalnav ul li { float: left; width: 130px; margin: 6px 0 0 0; border-right: 1px solid #DDD; border-left: 1px solid #999; line-height: 2em; }

	#new-portal-globalnav ul #cp_icon { border-left: none; }

	#new-portal-globalnav ul #set_icon { border-right: none; }

	#new-portal-globalnav ul li a { color: #000; text-decoration: none; font-weight: bold; font-size: 12px !important; padding: 5px 0 5px 26px; }

	#new-portal-globalnav ul li a:hover { text-decoration: none; color: #FFF !important; }

		#new-portal-globalnav ul #cp_icon a { background: url(/images/admin_icons/cp_icon.gif) no-repeat left center; }

		#new-portal-globalnav ul #art_icon a { background: url(/images/admin_icons/art_icon.png) no-repeat left center; }

		#new-portal-globalnav ul #cat_icon a { background: url(/images/admin_icons/cat_icon.png) no-repeat left center; }

		#new-portal-globalnav ul #nav_icon a { background: url(/images/admin_icons/nav_icon.png) no-repeat left center; }

		#new-portal-globalnav ul #des_icon a { background: url(/images/admin_icons/des_icon.png) no-repeat left center; }

		#new-portal-globalnav ul #mem_icon a { background: url(/images/admin_icons/mem_icon.png) no-repeat left center; }

		#new-portal-globalnav ul #set_icon a { background: url(/images/admin_icons/set_icon.png) no-repeat left 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: #ccc;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    
}

#portal-nav-2 {
    background-color: #ccc;
    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: 148px;
    background-color: #FFFFFF;
}

table#portal-columns #midcol {
    border-left: 1px solid #000;
    width: auto;
    /*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;
}

#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;
   /* 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(/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 {
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 {border: 1px solid #000; border-collapse: collapse;}
.calendar_month td {border: 1px solid #000;}

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


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

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


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

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

/* Hide plain text box from HTML portlet - un-hide on a per-site bais. */
#block_html_plain {
display: none;
}

#footer-sitemap {
/*display: none !important*/
}

.subpage_seperator {
  padding-bottom: 5px;
  border:solid 1px #e0e0ee;
  background: #e2e2e2;
  margin-top: 16px;
  margin-bottom: 4px;
}

.subpage_seperator h3 {
  padding-top: 5px;
  padding-left: 5px;
}

#custom_field_table_header {
	background: #999999;
	color: #ffffff;
	text-align: center;
}

#field_table {
	border-collapse: collapse;
}


.moveUp	{
	border: none;
}

.moveDown {
	border: none;
}

table #commops {border: 1px solid #ccc;
}
table #commops th {border: 0px;
}

table #commops td {border: 0px;}


#buybuttn {
	horizontal-align: center;
	bottom:10px; 
	margin:20px 0 0 0; 
	padding:0 0 0 0; 
	display:block; 
	width: 275px;
	height: 64px; 
	background: url("/images/trial/grn_buy_now.png") no-repeat 0 -64px; 
	list-style: none; 
}

#buybuttn:hover {
	background-position: 0 0;
}


buybuttn span {
	display: none; 
	margin:0;
	padding:0;
}


#idev_get_account {
	horizontal-align: center;
	bottom:10px; 
	margin:20px 0 0 0; 
	padding:0 0 0 0; 
	display:block; 
	width: 275px;
	height: 64px; 
	background: url("/images/idev/grn_get_an_account.jpg") no-repeat 0 -64px; 
	list-style: none; 
}

#idev_get_account:hover {
	background-position: 0 0;
}

#idev_get_account span {
	display: none; 
	margin:0;
	padding:0;
}

#idev_login {
	horizontal-align: center;
	bottom:10px; 
	margin:20px 0 0 0; 
	padding:0 0 0 0; 
	display:block; 
	width: 275px;
	height: 64px; 
	background: url("/images/idev/grn_idev_login.jpg") no-repeat 0 -64px; 
	list-style: none; 
}

#idev_login:hover {
	background-position: 0 0;
}

#idev_login span {
	display: none; 
	margin:0;
	padding:0;
}

#idev_login_grey {
	horizontal-align: center;
	bottom:10px; 
	margin:20px 0 0 0; 
	padding:0 0 0 0; 
	display:block; 
	width: 275px;
	height: 64px; 
	background: url("/images/idev/grn_idev_login_grey.jpg") no-repeat 0 0px; 
	list-style: none; 
}

#idev_login_grey span {
	display: none; 
	margin:0;
	padding:0;
}

#leavecommentlink { 
	font-size: 70%;
	margin-left: 20px;
}

/****************************************************************/
/* SubHub Professional Design Banner - Peter Harrison - 11/8/10 */

#professional_design { background: url(/images/professionaltemplates.gif) no-repeat top left; height: 70px; text-indent: -99999px; float: right; margin-top: 3px; }

#professional_design a { display: block; height: 70px; width: 350px; overflow: hidden; }

/****************************************************************/

/* twitter bootstrap alert styles */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}