form {
    display: block;
}

input[type="submit"] {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0 0 0.3em;
    color: #fff;
    background: #44465D;
    border: 0;
}

input[type="submit"]:hover {
    background: #080037;
}

/* Plone form gen forms */

.pfg-form {
    padding: 1em;
    background: #eee;
}

.template-ripehomepage_view.portaltype-plone-site #content .documentActions,
.template-ripehomepage_view.portaltype-plone-site #content div.documentByLine,
.template-ripehomepage_view.portaltype-plone-site #portal-breadcrumbs,
.template-ripehomepage_view.portaltype-plone-site .documentDescription.description,
.template-ripehomepage_view.portaltype-plone-site #content .documentFirstHeading,
.hiddenStructure {
    display: none;
}

#searchGadget {
    width: 13em;
}

/* Collapsible elements in search_form */

.collapsible .collapser.collapsed {
    padding-right: 14px;
    background: url('arrowRight.png') center right no-repeat;
}

.collapsible .collapser.expanded {
    padding-right: 14px;
    background: url('arrowDown.png') center right no-repeat;
}
/* @end */


/* @group LiveSearch */
/* */
#LSResult {
    position: absolute;
    top: 3em;
    background: #fff;
    margin: 0;
    left: 0;
    right: 0;
    z-index: 11112;
    border: 1px solid #eee;
    display: none;
}

#LSResult article {
    padding: 0;
    min-height: 10px;
}

#LSResult  h2 {
    margin: 0 0 0.5em 0;
    font-size: 1em;
}

#LSResult .description {
    margin-bottom: 0.5em;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
}

/* @end */

/* @group Data tables */

table.listing,
table.plain {
    border-spacing: 0;
    border-collapse: collapse;
}

table.invisible {
    visibility: visible;
}

table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
    padding: 0.5em 1em;
    vertical-align: top;
}

table.plain th,
table.plain td {
    border: 1px solid #ddd;
}

table.listing td.listingCheckbox,
table.listing th.listingCheckbox {
    text-align: center;
}

table.listing th {
    text-align: left;
    color: #666;
    border: 0.1em solid #e7e7e7;
    border-style: solid none none;
}

table.listing tr.odd th {
    border: 0.1em solid #fff;
    border-style: solid solid none none;
}

table.listing tbody th {
    font-weight: bold;
}

table.listing tbody tr {
    text-align:left;
}

table.listing tbody tr.odd {
    background: #eee;
}

table.listing tbody tr td {
    background: transparent;
}

table.listing tbody tr.odd td {
    background: #eee;
}

table.listing a {
    line-height: 2em;
    border: none;
    display: inline-block;
    border-bottom: none;
}

table.listing td.draggable {
    text-shadow: White 1px 1px 1px;
    background: #ddd;
    border-bottom: 1px solid white;
    padding: 0.4em 0.4em 0 0.5em;
}

/* Vertical table data listings */

table.vertical th {
    text-align: right;
}

table.vertical td {
    padding: 0.5em;
}

/* Grid table listings */
table.grid td,
table.grid th {
    border: 1px solid #e7e7e7;
    padding: 0.5em;
}

.dragindicator {
    outline: 2px solid #FFD700;
}

/* @group Status messages */

dl.portalMessage {
    margin: 1em 0;
    font-size: 100%;
    border: 1px solid #996;
    background-color: #ffffe3;
}

dl.portalMessage a,
#content dl.portalMessage a {
    color: black;
    border-bottom: 1px solid #888;
}
dl.portalMessage dt {
    background-color: #996;
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em;
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;
}
dl.error dt {
    background-color: #d00;
}
dl.warning {
    border-color: #d80;
}
dl.warning dd {
    background-color: #fd7;
}
dl.error {
    border-color: red;
}
dl.error dd {
    background-color: #fdc;
}

.reviewHistory,
.contentHistory {
    display: inline;
    color: Black;
}

/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #ffa;
}

/* @group Overlay windows */

/* styling for overlays (popups) */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
    font-size: 100%;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 1001; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */

div.overlaybg div.close,
div.overlay div.close {
    opacity: 100;
    position: absolute;
    left: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
    padding-left: 1em;
}

.pb-ajax, .pb-image {
    background-color: #fff;
    border: 1px solid #999;
    white-space: normal;
}

.pb-ajax > div {
    width: 96%;
    padding: 1em;
}

.pb-ajax .documentActions {display:none}

div.overlay div.close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

div.overlay textarea { width: 100%; }

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
div.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
div.overlay .formTab.lastFormTab {
    margin-right:0em;
}
div.overlay .formControls a {
    display: block;
    margin: 0.75em;
}

/* @end */

.documentActions {
    display: inline-block;
    float: right;
    margin-top: 0.7em;
}
#content #document-action-rss {
    display: inline;
}

#content #document-action-rss a:after {
    font-family: FontAwesome;
    content: "\f09e";
    margin-left: 0.5em;
    color: orange;
}

.visualClear,
.clearall {
    clear: both;
}

.byline_tags .tag {
    text-transform: uppercase;
}

/* @end */

/* @group Forms */

fieldset,
.editionComment {
    line-height:1.5em;
    margin:1em 0;
    padding:0 1em 1em;
    width:auto;
}

div.formControls {
    margin: 1em;
}

#content optgroup {
    font-style: normal;
    font-weight: bold;
    color: #999;
    padding-left: 0.25em;
}
#content option {
    color: black;
}
#content optgroup > option {
    padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
    margin-left: 0;
    padding-top: 2em;
}
.searchSection {
    color: #76797c;
    margin-top: 0.25em;
}
.searchSection label:hover {
    color: Black;
}
.field {
    clear: both;
    margin-bottom: 1em;
}

input#title {
    width: 100%;
}

.error input#title {
    width:99%;
}

.fieldRequired {
    background: url(required.png) center left no-repeat;
    padding: 0 0 0 1em;
    color: White;
}
.fieldUploadFile {
    text-align: right;
    margin-right: 0.75em;
    display: none;
}
.fieldTextFormat {
    text-align: right;
    margin-right: 0.75em
}
.formHelp {
    color: #555;
    margin: 0 0 0.2em 0;
}
div.error {
    background-color: #fdc;
    border:  1px solid red;
    padding: 0.5em;
    margin:  1em 0;
}
.error .fieldRequired {
    color: #d00;
}

div.error.warning {
    background-color: transparent;
    border: none;
    margin-top: 0;
    padding: 0;
}

div.error.warning input {
    border: 2px solid red;
}

input.inputLabelActive {
    color: #76797c;
}
textarea#form\.description {
    height: 6em;
    width: 99%;
}

table.listing tbody tr.odd.selected td,
tr.selected {
    background-color: #ffa;
}

/* @group Login form */

body.template-logged_out #content,
body.template-login_form #content,
.pb-ajax #login-form {
    text-align: center;
}

#fieldset-openid-login input,
#login-form input {
    font-size: 100%;
}

body.template-register #content input,
body.template-new-user #content input {
    font-size: 175%;
    width: inherit;
}

#fieldset-openid-login label,
#login-form label {
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
    width: 10em;
    display: inline-block;
}

#fieldset-openid-login .formControls input,
#login-form .formControls input {
    margin-left: 0.25em;
    font-size: 1em;
}

#login-forgotten-password .discreet {
    max-width: 2000px;
}

/* @end */

/* Env */

#env {
    position: absolute;
    border: 5px solid #000;
    padding: 10px;
    top: 20px;
    left: 40%;
    height: 90px;
    width: 125px;
}

#env-name {
    font-size: 50px;
    color: #000;
    text-align: center;
    line-height: 1em;
}

/* end env */

/* current policy proposal browser view */

#current-proposals .complete {
    background: #d0d0d0;
    color: #000;
}

#current-proposals .inprogress .progress_complete,
#current-proposals .in_progress {
    background: #25783b;
}

#current-proposals .proposal_header .complete,
#current-proposals .complete .progress_complete {
    background: #347ebf;
}

#current-proposals .progress_incomplete {
    background: #fff;
}

#current-proposals .progression_bar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 10px;
    background: none;
}

#current-proposals .p {
    float: left;
    width: 100%;
}

#current-proposals .proposal_header span.ia,
#current-proposals .impact-analysis {
    background: #f19322;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
}

#current-proposals .impact-analysis {
    right: 0px;
    top: 0px;
    position: absolute;
}

#current-proposals .proposalbox {
    position: relative;
    padding: 30px 0px 5px 0px;
}

.in_progress,
#current-proposals .proposal_header .complete {
    width: 50px;
    height: 8px;
    margin: 5px;
    float: left;
}

#current-proposals .proposal_header {
    background: #444444;
    padding: 10px 5px;
    color: #fff;
    line-height: 1.8;
}

#current-proposals .proposal_header .in_progress,
#current-proposals .proposal_header .complete {
    border: 1px solid #ccc;
}

#current-proposals .proposal_header div.h {
    float: left;
    margin-right: 30px;
}

#current-proposals .proposal_header div.h div,
#current-proposals .proposal_header div.h span {
    margin-right: 5px;
    margin-top: 9px;
}

#current-proposals .pp_progress .progress_div {
    float: left;
    padding: 10px 0px;
}

#current-proposals table th,
#current-proposals table td {
    border-left: 1px solid #666666;
    width: 25%;
}

#current-proposals table td {
    vertical-align: bottom;
}

#current-proposals table th {
    font-size: 15px;
    padding: 10px;
}

#current-proposals table tr {
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
}

#current-proposals .progress_incomplete,
#current-proposals .progress_complete {
    height: 10px;
}

#current-proposals .proposal_title {
    background: #f2f2f2;
    padding: 10px 10px 2px 10px;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    vertical-align: top;
}

#current-proposals .state,
#current-proposals table .date,
#current-proposals .proposal_id {
    font-size: 14px;
    font-weight: bold;
}

#current-proposals p.state_desc {
    color: #444;
    font-size: 90%;
    margin-top: 20px;
}

body.template-current-policy-proposals #content #current-proposals p.wg a {
    color: #347EBF;
    font-weight: normal;
}

body.portaltype-policyproposal .footer-byline {
    display: none;
}

#content #current-proposals p.wg {
    margin-top: 30px;
}

#current-proposals table .date {
    font-size: 16px;
}

#current-proposals .datepara {
    margin-bottom: 5px;
}

#current-proposals .clear {
    clear: both;
}

#current-proposals td .progress_inner {
    float: left;
    margin: 0px 10px;
    clear: both;
}

#current-proposals .progress_arrow {
    width: 0;
    height: 0;
    float: right;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #25783B;
}

#current-proposals .complete .progress_arrow {
    border-left: 5px solid #347EBF;
}

#current-proposals .complete .progress_arrow {
    border-top: 5px solid #d0d0d0;
    border-bottom: 5px solid #d0d0d0;
}

/* --- End Current PDP ----- */

#homepage_text {
    left: 0;
    position: absolute;
    top: 90px;
    width: 48%;
    display: none;
}

.portaltype-plone-site #search-info  {
    height: 30px;
    overflow: hidden;
    display: none;
}

body.template-ripehomepage_view.portaltype-plone-site #search-info {
    height: 100%;
}

body.template-ripehomepage_view.portaltype-plone-site #search-info,
body.template-ripehomepage_view #homepage_text {
    display: block
}

#parent-fieldname-description {
    font-weight: bold;
    margin: 1em 0;
}

body.template-ripehomepage_view #LSResult {
    top: 65px;
}

/*---- TinyMCE styles -----*/

.image-left {
    float: left;
    padding: 0.5em 1em 1em 0;
}

.image-right {
    float: right;
    padding: 0.5em 0 1em 1em;
}

.block-element {
    display: block;
}

.newdifftext {
    color: blue;
    font-style: italic;
}

.olddifftext {
    color: green;
    font-style: italic;
}

.discreet {
    font-size: 80%;
    font-weight: bold;
}

/* -- Table of Contents ---- */

#document-toc .portletHeader {
    display: none;
}

#document-toc ol.TOC1Digit {
    padding: 0;
}

/* -- Accordion styles ---*/

#content .ui-accordion-header {
    background: transparent;
    border-left: 0px;
    border-top: 0;
    border-right: 0px;
    border-radius: 0;
    position: relative;
    padding-left: 2em;
    font-size: 1.1em;
    margin-top: 0;
}

.ui-accordion-header a:after {
    position: absolute;
    font-family: FontAwesome;
    top: 4px;
    right: 10px;
    content: "\f105";
    font-size: 1.5em;
    line-height: 1.1em;
}

.ui-state-hover {
    border-bottom: 1px solid #080037;
}

.ui-accordion-header.ui-state-active a:after {
    content: "\f107";
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-radius: 0;
}

.ui-accordion-header span.ui-accordion-header-icon {
    display: none;
}

body main #content #content-core .ui-accordion-header a,
.ui-accordion-content {
    color: #333 !important;
}

body main #content #content-core .ui-accordion-header a {
    padding-right: 1em;
    display: block;
}

#content .ui-accordion-header.ui-state-active {
    background: #080037;
}

body main #content #content-core .ui-accordion-header-active a {
    color: #fff !important;
}

main #content .ui-widget-content a {
    color: #00abab;
}

.mlisturl {
    float: left;
    margin: 0 10px 0 auto;
    text-align: center;
}

/* Glossary styling */

.ripe-glossary-popover {
    background: transparent;
    border-bottom: 1px dotted #ccc;
    z-index: 90;
}

.ripe-glossary-popover:hover {
    cursor: pointer;
}


#content .highlightedGlossaryTerm #glossary-definition-popup h6 {
    font-weight: bold;
    background: transparent;
    font-size: 1.3em;
    margin-bottom: 5px;
}

/* RIPE Documents and Policy Proposal styles */

#portal-columns .portlet.portletPolicyDocumentMetadata .portletItem li a,
#portal-columns .portlet.portletPolicyDocumentMetadata .portletItem li,
.portlet.portletPolicyDocumentMetadata .portletItem p {
    padding: 0;
    margin: 0;
    background: transparent;
    border-bottom: 0;
}

#portal-columns .portlet.portletPolicyDocumentMetadata .portletItem li {
    margin-bottom: 0.2em;
}

#portal-columns .portlet.portletPolicyDocumentMetadata .updated-ripe-documents {
    max-width: 230px;
}

#portal-columns .portlet.portletPolicyDocumentMetadata strong {
    display: block;
    margin-top: 1.2em;
}

.portlet.portletPolicyDocumentMetadata a i.fa-copy {
    color: #080037;
}

#portal-column-two .portlet.portletPolicyDocumentMetadata li:hover a i.fa-copy {
    background: transparent;
    color: #080037;
}

#portal-columns #portal-column-two .portlet.portletPolicyDocumentMetadata a.diff:hover {
    text-decoration: none;
}

#portal-columns .portlet.portletPolicyDocumentMetadata strong:first-of-type {
    margin-top: 0;
}

#portal-columns .portlet.portletPolicyDocumentMetadata .portletItem a:hover {
    color: #2a6496;
    text-decoration: underline;
}

.portletPolicyDocumentMetadata .download {
    background: #eee;
    border-top: 2px solid #fff;
}

.portletPolicyDocumentMetadata .portletItem {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 2em;
}

.portletPolicyDocumentMetadata .ripe-doc-details,
.portletPolicyDocumentMetadata .downloadImage {
    float: left;
    padding: 0.2em 0 0.2em 1em;
}

#portal-columns .portlet.portletPolicyDocumentMetadata .rightCol a {
    background: #080037;
    padding: 1em;
    color: #fff;
    float: right;
    font-weight: bold;
}

#portal-columns .portlet.portletPolicyDocumentMetadata .rightCol a:hover {
    color: #00abab;
}

.portletPolicyDocumentMetadata .downloadImage {
    width: 36px;
}

.portletPolicyDocumentMetadata .downloadImage > img {
    margin-top: 0.5em;
}

h2.tileHeadline {
    font-size: 1.4em;
}

#archive-proposals .accepted,
#archive-proposals .withdrawn {
    font-weight: bold;
    display: block;
    width: 130px;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
}

#archive-proposals .accepted {
    background: #66CC99;
    color: #000;
}

#archive-proposals .withdrawn {
    background: #990000;
    color: #fff;
}

#archive-proposals tr.thead {
    font-weight: bold;
}

/* Nested Folder Views */

.tileSubFolders {
    width: 100%;
}

#content .tileSubFolders a {
    position: relative;
    padding: 1em 3em 1em 1em;
    border-bottom: 1px solid #eee;
    color: #333;
    display: block;
    margin-right: 10px;
    padding: 1em 3em 1em 1em;
    position: relative;
    width: 95%;
}

body.portaltype-workinggroupfolder.subsection-groups-wg #content #content-core .tileItem:first-child h2 a {
    color: #3F7F7F;
}

.tileSubFolders div:nth-child(1) > a,
.tileSubFolders div:nth-child(2) > a {
    border-top: 1px solid #eee;
}

.tileSubFolders a:after {
    position: absolute;
    font-family: FontAwesome;
    top: 15px;
    right: 10px;
    content: "\f07b";
    font-size: 1.5em;
    line-height: 1.1em;
    color: #aaa;
}

body #content .tileSubFolders a:hover {
    background: #080037;
    color: #fff;
    text-decoration: none;
}

.template-nested-folder-view .tileReadMore {
    float: right;
}

/* Working Group Chair view */

.photoAlbumEntry {
    text-align: center;
}

.photoAlbumEntryTitle {
    display: block;
    margin-top: 0.2em;
}


/* portal homepage styles */

#portal  .landing-box .block_content ul li a {
    padding: 0.5em 1.8em 0.5em 2em;
    display: block;
}

#portal .landing-box .footer_link {
    margin-top: 0.5em;
}

/* Collections views */

body.template-archived_content_view dt.tileItem,
body.template-ripe_rss dt.tileItem,
body.portaltype-topic dt.tileItem {
    border-top: 1px solid #eee;
    padding-top: 1em;
    padding-bottom: 1em;
}

body.template-archived_content_view  dt.tileItem:first-of-type,
body.portaltype-topic dt.tileItem:first-of-type {
    border-top: 0px solid #eee;
    padding-top: 0em;
    padding-bottom: 0em;
}


/* Presentation views */

table.presentations_table td.legend {
	width:1px;
	wite-space: nowrap;
}

/* archived content page */

.tileItem .archived {
    color: #ffa500;
}

/* Glossary View */

.template-ploneglossary_view #glossary a img {
    display: none;
}

.template-ploneglossary_view #glossary dl dt a:first-of-type:before {
    font-family: FontAwesome;
    content: "\f02d";
}

.template-ploneglossary_view #glossary dl dt a:first-of-type:hover {
    text-decoration: none;
}

/* live chat specific styles */

#button-container #userlikeCustomTab {
    visibility: hidden;
    position: absolute;
    margin-left: -9999px;
    font-size: 1.3em;
}

#button-container #login-statement {
    visibility: hidden;
}

/* Collection view tabs */

#content .collection .nav-tabs li.active a {
    cursor: pointer;
}

/* max width for block elements */

h1, h2, h3, h4, h5, h6, p, li, div.documentDescription {
    max-width: 700px;
}


/* Service announcements BrowserView page */

.services .fa-check {
    color: green;
}

.services .fa-times {
    color: red;
}

#content .services tr td.red {
    background: #f5e79e;
}

/* Draft Documentation View */

#draft_documentation div.pending_state.document_item {
    padding: 1em;
    border: 1px dashed #f5e79e;
    margin-bottom: 1em;
}

#draft_documentation span.pending {
    color: #ffa500;
}

#spinner {
    position: absolute;
    top: 50%;
    left: 48%;
    font-size: 4em;
}

/* Plone 5 fixes */

#portal-columns .date {
    border: 0;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 0px transparent inset;
    width: 100%;
    font-size: 1em;
    background: transparent;
}

#portal-column-two header,
#content header {
   min-height: 100%;
}

article#content {
    padding: 1em;
}

.documentDescription {
    font-weight: bold;
    margin: 1em 0;
}

.label {
    color: #000;
}

#content nav.pagination li,
.pagination li {
    display: inline-block;
    padding: 0.5em;
}

nav.pagination {
    background: #eee;
}

nav.pagination li.next,
nav.pagination li.previous {
    display: block;
    padding: 0.5em;
    background: #44465D;
}

nav.pagination .next a,
nav.pagination .previous a {
    color: #fff;
}

.pagination {
    display: block;
    border-radius: 0;
    margin-top: 0.5em;
}

.pagination  ul {
    padding: 0;
}


.pagination .previous,
.pagination .next {
    float: left;
    padding: 0 1em;
    margin: 0 0.3em 0 0;
}

.pagination .next {
    float: right;
    margin: 0 0 0 0.3em;
}

/* popup styles */

img.popup-link {
    cursor: pointer;
}

#prepOverlay .modal-dialog {
    width: 800px;
}

.mobile #prepOverlay .modal-dialog,
#prepOverlay .modal-auto {
    width: auto;
}


#prepOverlay .modal-auto .modal-content {
    margin: 2em;
}

/* news item */

.newsImageContainer {
    max-width: 230px;
}


/* RIPE NCC 25 years */

#ripencc25 {
    position: fixed;
    width: 400px;
    bottom: 50px;
    right: 10px;
    background: #fff;
    z-index: 1111;
}

#ripencc25 i.fa-close {
    cursor: pointer;
}