/* CPSR.org Global CSS */
/* by ifPeople         */

/* GENERAL */

body {
	width : 100% ;
	min-width : 780px ;
	margin : 0 ;
	padding : 0 ;
	color : black ;
	font-size : small ;
	font-family : Verdana, Arial, sans-serif ;
	background : white ;
}

h3, h4, h5, h6 {
	margin : 0.5em 0 0 0 ;
}

h2 {
	font-size : 135% ;
	border-bottom : solid 1px #ccc ;
	margin : 1em 0 0 0 ;
}

h3 {
	font-size : 120% ;
}

h4 {
	font-size : 100% ;
}

h5 {
	font-size : 100% ;
}

img {
	border : none ;
}
input {
	margin : 0.2em 0px 0.5em 0px ;
}
form {
	margin : 0 ;
	padding : 0 ;
}
a:link { color : #369 ; text-decoration : none ; }
a:visited { color : #036 ; text-decoration : none ; }
a:hover { color : #369 ; text-decoration : underline ; }
a:active { color : #369 ; text-decoration : none ; }

/* WRAPPER */
#faux-column {
	background : url(cpsr_leftcol.png) top left repeat-y ; 
}
#visual-portal-wrapper {
	background : url(cpsr_rightcol.png) top right repeat-y ;
	margin : 0 ;
}

/* TOP */
#portal-top {
	height : 104px ;
	width : 100% ;
	background : #ffffcd url(corner.jpg) top left no-repeat ;
	border-bottom : solid 1px white ;
}
#portal-logo {
	height : 78px ;
	padding : 0 0 0 10px ;
	margin : 0 143px ;
	border-bottom : solid 1px white ;
	background : #ffffcd ;
	border-left : solid 1px white ;
}
#portal-logo a {
	display : block ;
	height : 78px ;
}

/* GLOBAL SECTIONS (TABS) */
#portal-globalnav {
	padding : 0 ;
	margin : 0px 143px 0px 143px;
	font-family : Arial, sans-serif ;
	font-size : 15px ;
}	
#portal-globalnav li {
	display : inline ;
	background : #c60 ;
	list-style-type : none ;
}
#portal-globalnav a {
	display : block ;
	text-align : center ;
	width : 20% ;
	height : 15px ;
	color : white ;
	background : #c60 ;
	float : left ;
	padding : 5px 0 ;
	border-left : solid 1px white ;
	margin-right : -1px ;
	text-decoration : none ;
}
#portal-globalnav a:hover, #portal-globalnav a.selected {
	background : #369 ;
}
	
/* COLUMNS */
#portal-columns {
	width: auto;
	margin: 0;
	clear : both ;
}
#visual-column-wrapper {
	float: left;
	width: 100%;
	margin-right: -143px;
}
#portal-column-content {
	width: 100%;
	float: right;
	margin-left: -143px;
	padding : 0 ;
}

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

#portal-column-one {
	float: left;
	width: 142px ;
	overflow: hidden;
	color : white ;
	background : #036 ;
}

#portal-column-two {
	float: right;
	width: 142px;
	overflow: hidden;
	margin-top : -104px ;
	background : #ffffcd ;
}

/* padding - thanks to the w3c box model :P */

#portal-column-content .visualPadding {
	padding: 0 ;
	margin : 0 ;
}
#portal-column-one .visualPadding {
	padding: 0;
	margin : 1em 0.5em ;
}
#portal-column-two .visualPadding {
	padding: 0;
	margin : 0 0.5em 1em 0.5em ;
}
#region-content {
	margin : 0 ;
	padding : 0 1em 1em 1em ;
}
#region-content .documentFirstHeading, h1 {
	color : black ;
	font-size : 160% ;
	margin : 1em 0 ;
	border-bottom : solid 1px black ;
	}

/* FOOTER */
#portal-footer, #portal-colophon {
	margin : 0 143px ;
	text-align : center ;
	font-size : 85% ;
	font-weight : bold ;
}
#portal-footer {
	background : #369 ;
	clear : both ;
}
#portal-footer ul {
	margin : 0 ;
	padding : 0 ;
}
#portal-footer li {
	padding : 0 0.5em ;
	margin : 0 ;
	list-style-type : none ;
	display : inline ;
	border-left : solid 1px white ;
	border-right : solid 1px white ;
}
#portal-footer a {
	color : white ;
}
#portal-colophon {
	background : white ;
	padding : 1em 0 ;
}
#portal-colophon img {
	padding : 0.5em ;
}
/* PERSONAL TOOLS */
#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #dee7ec;
    border: #8cacbb solid 1px;
    line-height: 1.3em;
    color: black;
    padding: 0em 1em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
}
#portal-personaltools .portalUser {
    background: transparent url(user.gif) center left no-repeat;
}
#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(linkOpaque.gif) center left no-repeat;
    padding-left: 8px;
    color: black;
    margin-left: 1em;
    display: inline;
}
#portal-personaltools li a {
    text-decoration: none;
    color: black;
}
.visualCaseSensitive {
    text-transform: none;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    text-transform: lowercase;
    background : #ffffcd ;
    margin : 0 ;
    padding : 0 2em ;
}

.contentViews {
    background-color: #cdf;
    margin : 0px ;
    padding : 0 ;
    list-style: none;
    display : inline ;
}

.contentViews li {
    /*float : left ;*/
    margin : 0 ;
    padding : 0 ;
    display : inline ;
}
.contentViews li a {
    background-color: #fff;
    color : #369 ;
    border : solid 1px #369 ;
    padding: 0em 1em;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 1;
    margin : 0 0.5em 0px 0px ;
}
.contentViews .selected a {
    background-color: #cdf;
    color: #369;
    border : solid 1px #369 ;
}
.contentViews li a:hover {
    background-color: #cdf;
    color: #369;
}
/*
** begin ECMAScript Content Action Menus
*/
.contentActions {
    border-collapse: collapse;
    background-color: #cdf ;
    border-left: solid 1px #369;
    border-right: solid 1px #369;
    color: #369;
    text-align: right;
    text-transform: lowercase;
    padding: 0 0 0 1em;
    z-index: 2;
    height: 1.2em;
    clear : both ;
    border-top : solid 3px #369 ;
    font-size : x-small ;
}
.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(arrowDown.gif);
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 4;
    border-left: solid 1px #369;
    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: #369;
    padding: 0 1em 0 0;
}
.contentActions .actionMenu {
    visibility: hidden;
    z-index: 5;
    position: absolute;
    top: 0;
    right: -1px;
    background: #cdf;
    overflow: hidden ;
    height: auto;
    padding: 0;
    margin: 1.2em 0 0 0;
    border-left : solid 1px #369;
    border-right : solid 1px #369;
    border-bottom : solid 1px #369;
}
.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: #369;
    color: White;
}
.actionMenu .actionSeperator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: solid 1px #369;
}
/*
** end ECMAScript Content Action Menus
*/
.configlet .contentViews {
    font-size: 90%;
}

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

.documentEditable .documentContent {
    border: solid 1px #369 ;
    padding: 0;
}
.documentActions {
    float: right;
    margin: -1.5em 0 0 0;
}
.documentActions ul,
.documentActions li {
    display: inline;
    list-style: none;
    list-style-image: none;
}
.documentActions a {
    border: 0;
    text-decoration: none;
}

.documentDescription {
    /* The summary text describing the document */
    font-weight: normal ;
    display: block;
    margin: 1em 0em;
    line-height: 1.5em;
}

/* SITE ACTIONS (small text, large text) */
#portal-siteactions {
	margin : 0 0 0 -0.5em;
	padding : 0 ;
	position : absolute ;
	top : 5px ;
	width : 142px ;
}
#portal-siteactions h5 {
	font-size : 10px ;
	margin : 0 ;
	padding : 0 ;
	display : inline ;
}
#portal-siteactions ul {
	margin : 0 ;
	padding : 0 ;
	font-size : 10px ;
	display : inline ;
}
#portal-siteactions li {
	display : inline ;
	margin : 0 ;
	padding : 0 ;
}
#portal-siteactions a {
	padding : 0 0.5em 0 0;
}


/* SEARCHBOX */

#portal-searchbox { 
	position : absolute ;
	padding : 0 ;
	margin : 0 0 0 -0.5em ;
	top : 40px ;
	width : 142px ;
	}
#searchGadget {
	font-size : 12px ;
	width : 70% ;
	border : solid 1px #ccc ;
	background : white ;
	margin : 0px ;
	padding : 0px ;
}
#portal-searchbox .searchButton {
	font-size : 10px ;
	margin : 0 ;
	padding : 0 ;
}
#portal-searchbox label {
	color : #666 ;
	margin : 0px ;
	font-size : 10px ;
	line-height : 12px ;
	display : block ;
	}


/* LEFT COLUMN PROPERTIES */

#portal-column-one a {
	color : #9cf ;
}

#portal-column-one a:hover {
	color : #9cf ;
}
#portal-column-one h5 {
	color : white ;
}
#portal-column-one h5 a {
	color : white ;
}

#portal-column-one .portlet {
	border-bottom : solid 1px #9cf ;
	padding : 0 0 1em 0 ;
	margin : 0 0 1em 0 ;
}

/* RIGHT COLUMN PROPERTIES */

#portal-column-two .portlet {
	border-bottom : solid 1px #c60 ;
	padding : 0 0 1em 0 ;
	margin : 0 0 1em 0 ;
}

#portal-column-two .field input {
	border : solid 1px #ccc ;
	width : 90% ;
}
/* OTHERS */
.more {
	text-align : right ;
	font-size : 85% ;
	font-weight : bold ;
}

input.context, .searchButton {
	background : #5e7b99 ;
	border-top : solid 2px #90a6bb ;
	border-left : solid 2px #90a6bb ;
	border-bottom : solid 2px #036 ;
	border-right : solid 2px #036 ;
	color : white ; cursor: pointer ;
}
.field input {
	border : solid 1px #ccc ;
}
dl {
    padding-left : 1em ;
}
dt {
	font-size : 100% ;
	font-weight : bold ;
	margin : 0.2em 0 0 0 ;
}
dd p {
	margin : 0 ;
	padding : 0 ;
}
#standards a {
	padding : 0px 5px ;
	border : none ;
}
.documentByLine {
	text-align : right ;
	font-size : xx-small ;
	color : #666 ;
}
#sitemap ul.level0 > li {
	margin-bottom : 1em ;
}
#sitemap li {
	list-style-type : none ;
	padding-bottom : 0em ;
	padding-top : 0em ;
}
td {
	vertical-align : top ;
	background : #eee ;
	margin : 5px ;
	padding : 5px ;
}
.al-center {
	text-align : center ;
}
.al-right {
	text-align : right ;
}
#roleform {
	overflow : scroll ;
}
#roleform td, #roleform th {
	overflow : hidden ;
	color : green ;
}
.news-date {
	margin : 0px ;
	font-size : x-small ;
	color : #666 ;
	font-weight : normal ;
}
.discreet {
	color : #666 ;
}
.formHelp {
	color : #666 ;
	font-size : 85% ;
}
hr.netscape4 {
	display : none ;
}


/* PORTLET CASTELLANO */
#portlet-castellano {
	margin : 77px -1em 1em -1em ;
	background : #f5e2a6 ;
	border-top : solid 1px white ;
	border-left : solid 1px white ;
	border-bottom : solid 1px white ;
	width : 143px ;
	height : 15px ;
	text-align : center ;
	padding : 5px 0 ;
}	
#portlet-castellano h5 {
	color : white ;
	font-size : 10px ;
	font-family : Arial, sans-serif ;
	margin : 0 ;
	padding : 0 ;
}

/* PORTLET ISSUES */
#leftPortlet ul {
	margin : 0 ;
	padding : 0 ;
}
#leftPortlet li {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
}
#leftPortlet li:before {
	content : "> "
}

.addFavorite {
    vertical-align: bottom;
}

/*
** Widgets
*/

.error {
    /* Class for error indication in forms */
    background-color: #ffce7b;
    border: #ffa500 solid 1px;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 68% !important;
}
.error .fieldRequired {
   color: #ffce7b;
} 
.card {
	float : none ;
	display : list-item ;
	margin-left : 2em ;
}
.card br {
	display : none ;
}
.card img {
	display : none ;
}
.portrait {
    background-color: #dee7ec;
    border : solid 1px #8cacbb ;
    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: solid 1px #8cacbb ;
    border-bottom: solid 1px #8cacbb ;
    font-size: 85%;
    margin: 1em 2em 1em 0em ;
}
.listing th,
.stx table th {
    background: #dee7ec;
    border-top: solid 1px #8cacbb ;
    border-bottom: solid 1px #8cacbb ;
    border-right: solid 1px #8cacbb ;
    font-weight: normal;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
}
.listing .top {
    border-left: solid 1px #8cacbb ;
    border-top: solid 1px #8cacbb ! important;
    border-right: solid 1px #8cacbb ! 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: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
    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;
}

.currentNavItem {
    color: white;
    font-weight: bold;
}
.state-private {
    color: Black;
    font-weight : bold ;
}
.state-published {
    color: green ;
    font-weight : bold ;
}
.state-pending {
    color: #ff6600;
    font-weight : bold ;
}
.state-expired {
    color: Red;
    font-weight : bold ;
}
.syndicated {
    color: #008000;
}


.even {
    background-color: #f7f9fa;
}
.odd {
    background-color: transparent;
}
.visualHighlight {
    background-color: #f7f9fa;
}

.listingBar {
    background-color: #dee7ec;
    border: solid 1px #8cacbb;
    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(arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 1px 16px;
    font-size: 85%;
}
.link-user {
    background: transparent url(user.gif) 0 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-external {
    background: transparent url(link_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-https {
    background: transparent url(lock_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-mailto {
    background: transparent url(mail_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-news {
    background: transparent url(topic_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-ftp {
    background: transparent url(file_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-irc {
    background: transparent url(discussionitem_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-callto {
    background: transparent url(phone_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-comment {
    background: transparent url(discussionitem_icon.gif) center left no-repeat;
    padding: 1px 0px 1px 16px !important;
}

.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: solid 1px #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%;
}
.ploneCalendar {
	font-size : 80% ;
}
.ploneCalendar td {
	margin : 0 ;
	padding : 2px ;
	border-collapse : collapse ;
	border : solid 1px #ccc ;
}
/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #feff82;
}

blockquote {
	font-style : normal ;
}

.list-field {
	width : 90% ;
}

div.field {
	margin : 1em 0 ;
}

.membersbyline {
    background : #369 ;
    color : white ;
    text-align : center ;
}



/* Navigation tree styling */
#portlet-navigation-tree a:selected{
    color: white ;
}

.navItemText {

/*    margin-left: -20px;*/
}

.navRootItem,
.navItem {
    margin: 0 0 0.2em 1em;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 0.1em 0.25em 0.2em 0;
    display : list-item ;
list-style-type : square ;

}

.currentNavItem,
#portlet-navigation-tree a:hover {
  }

.navLevel0 {
}

.navLevel1 {
    margin-left: 2em;
}

.navLevel2 {
    margin-left: 3em;
}

.navLevel3 {
    margin-left: 4em;
}

.navLevel4 {
    margin-left: 5em;
}

.navLevel5 {
    margin-left: 4.5em;
}

.navLevel6 {
    margin-left: 5em;
}

.navLevel7 {
    margin-left: 5.5em;
}