/*
 ---------- Uni-Form form controls ----------
Uni-Form (v1.1) by Dragan Babic  - http://dnevnikeklektika.com/uni-form/
Modified to use the Liferay/JSR-168 classname convention
Regex used to convert classnames are
Find: (\.|#)([a-z]+)([A-Z]{1})([a-z]+)(\s|\{|:|,)
Replace: $1$2-\L$3$4$5
Distributed under http://creativecommons.org/licenses/by-sa/2.5/
*/
.uni-form {
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
/* Some generals */
.uni-form .ctrl-holder {
/* this is the main unit that contains our form elements */
overflow: hidden;
clear: both;
margin: 0;
padding: 0;
}
.uni-form .button-holder {
clear: both;
overflow: hidden;
}
.uni-form .reset-button {
}
.uni-form .submit-button {
}
.uni-form .inline-label,   .uni-form .inline-labels .inline-label,   .uni-form .block-labels .inline-label {
display: inline;
float: none;
margin: 0 1em 0 0;
width: auto;
}
.uni-form .inline-label input {
}
.uni-form .focused {
}
/* ########################################################################## */
/* Styles for form controls where labels are in line with the input elements */
/* Set the class of the parent (preferably to a fieldset) to .inline-labels */
.uni-form .inline-labels .ctrl-holder {
}
.uni-form .inline-labels label,   .uni-form .inline-labels .label {
float: left;
line-height: 100%;
margin: .3em 2% 0 0;
padding: 0;
position: relative;
}
.uni-form .inline-labels .text-input,   .uni-form .inline-labels .file-upload {
float: left;
}
.uni-form .inline-labels .file-upload {
}
.uni-form .inline-labels .select-input {
float: left;
}
.uni-form .inline-labels textarea {
float: left;
}
.uni-form .inline-labels .form-hint {
clear: both;
}
/* inlineLabels esthetics */
.uni-form .inline-labels .form-hint strong {
}
/* ########################################################################## */
/* Styles for form controls where labels are above the input elements */
/* Set the class of the parent (preferably to a fieldset) to .block-labels */
.uni-form .block-labels .ctrl-holder {
}
.uni-form .block-labels label,   .uni-form .block-labels .label {
display: block;
float: none;
line-height: 100%;
margin: .3em 0;
padding: 0;
width: auto;
}
.uni-form .block-labels .label {
float: left;
margin-right: 3em;
}
.uni-form .block-labels .inline-label {
position: relative;
top: .15em;
}
.uni-form .block-labels .text-input,   .uni-form .block-labels .file-upload {
float: left;
}
.uni-form .block-labels .file-upload {
}
.uni-form .block-labels .select-input {
display: block;
}
.uni-form .block-labels textarea {
display: block;
float: left;
}
.uni-form .block-labels .form-hint {
clear: none;
float: right;
margin: 0;
}
/* blockLabels esthetics */
.uni-form .block-labels .ctrl-holder {
}
.uni-form .block-labels .focused {
}
/* ########################################################################## */
/* Focus pseudoclasses */
.uni-form .ctrl-holder .text-input:focus {
}
.uni-form div.focused .text-input:focus {
}
.uni-form div.focused .form-hint {
}
/* Required fields asterisk styling, use if needed */
.uni-form label em,   .uni-form .label em {
display: block;
font-style: normal;
font-weight: bold;
left: 100%;
position: absolute;
}
.uni-form .block-labels label em,   .uni-form .block-labels .label em {
display: inline;
position: static;
}
/* ########################################################################## */
/* Messages */
.uni-form #error-msg,   .uni-form .error {
}
.uni-form #error-msg dt,   .uni-form #error-msg h3 {
}
.uni-form #error-msg dd {
}
.uni-form #error-msg ol {
}
.uni-form #error-msg ol li {
}
.uni-form .error-field {
}
/* ########################################################################## */
/* Add the following classes to your fieldsets (preferably) if you want columns */
.uni-form .col {
float: left;
}
.uni-form .column-left {
float: left;
}
.uni-form .column-right {
float: right;
}
/* ---------- IE Specific controls ---------- */
.ie6 .uni-form,   .ie6 .uni-form fieldset,   .ie6 .ctrl-holder,   .ie6 .ctrl-holder span,   .ie6 .form-hint {
/* trigger haslayout, move to your ie specific stylesheet if possible */
zoom: 1;
}
.ie6 .block-labels .form-hint {
margin-top: 0;
}
/* ---------- Uni-Form custom rules ---------- */
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */
/* Generals */
.uni-form fieldset {
margin: 0;
}
.uni-form fieldset legend {
/* reset ie */
font-weight: bold;
color: #000;
font-size: 120%;
}
.uni-form .ctrl-holder {
/* this is the main unit that contains our form elements */
padding: 3px;
}
.uni-form .button-holder {
text-align: left;
margin-top: 15px;
}
.uni-form .ctrl-holder .button-holder {
clear: none;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
}
.uni-form .focused {
background: #FFFCDF;
}
.uni-form .ctrl-holder.inline-label label {
display: inline;
}
/* .inline-labels */
.uni-form .inline-labels label,  .uni-form .inline-labels .label {
width: 45%;
}
.uni-form .inline-labels .text-input,  .uni-form .inline-labels .file-upload {
width: 45%;
}
.uni-form .inline-labels .select-input {
width: 45%;
}
.uni-form .inline-labels textarea {
height: 12em; /* required property */
width: 45%;
}
.uni-form .inline-labels .form-hint {
margin-left: 47%;
margin-top: 0;
}
/* .block-labels */
.uni-form .block-labels .text-input,  .uni-form .block-labels .file-upload {
width: 53%;
}
.uni-form .block-labels .select-input {
display: block;
width: 53.5%;
}
.uni-form .block-labels textarea {
/* required property */
height: 12em;
width: 53%;
}
.uni-form .block-labels .form-hint {
width: 45%;
}
/* Columns */
.uni-form .col {
margin: 0 2% 0 0; /* required property */
width: 47.9%;
}
.uni-form .column-left {
width: 49%;
}
.uni-form .column-right {
width: 49%;
}
/* Messages */
.uni-form #error-msg {
background: #FFDFDF;
border: 1px solid #DF7D7D;
border-width: 1px 0;
margin: 0 0 1em 0;
padding: 1em;
}
.uni-form .error {
background: #FFDFDF;
border: 1px solid #DF7D7D;
border-width: 1px 0;
}
.uni-form #error-msg dt,  .uni-form #error-msg h3 {
font-size: 110%;
font-weight: bold;
line-height: 100%;
margin: 0 0 .5em 0;
}
.uni-form #error-msg dd {
margin: 0;
padding: 0;
}
.uni-form #error-msg ol {
margin: 0;
padding: 0;
}
.uni-form #error-msg ol li {
border-bottom: 1px dotted #DF7D7D;
list-style-position: inside;
margin: 0;
padding: 2px;
position: relative;
}
.uni-form .error-field {
background: #FFBFBF;
color: #AF4C4C;
margin: 0 0 6px 0;
padding: 4px;
}
/* ---------- Modules ---------- */
/* ---------- Generic module styling ---------- */
.lfr-grid {
width: 100%;
}
.lfr-component, .lfr-component ul, .lfr-component li, .lfr-component dl, .lfr-component dt, .lfr-component dd {
margin: 0;
padding: 0;
list-style: none;
}
/* ---------- Add content styles ---------- */
.portal-add-content-search {
margin-bottom: 8px;
}
.portal-add-content .lfr-portlet-used {
color: #ccc;
cursor: default;
}
.portal-add-content .portlet-msg-info {
color: #333;
margin-bottom: 0;
}
.portal-add-content .lfr-portlet-used a {
display: none;
}
.lfr-add-content {
margin-bottom: 0.5em;
}
.lfr-add-content.collapsed {
}
.lfr-add-content.expanded {
}
.lfr-add-content h2 {
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
margin: 0;
}
.lfr-add-content.collapsed h2, .lfr-add-content .lfr-add-content.collapsed h2 {
background: url(/html/themes/header-content-footer/images/arrows/01_plus.png) no-repeat 100% 50%;
border: none;
}
.lfr-add-content.expanded h2, .lfr-add-content .lfr-add-content.expanded h2 {
background: url(/html/themes/header-content-footer/images/arrows/01_minus.png) no-repeat 100% 50%;
}
.lfr-add-content h2 span {
background: url(/html/themes/header-content-footer/images/add_content/portlet_category.png) no-repeat 0 50%;
padding-left: 20px;
}
.lfr-content-category {
padding-left: 10px;
padding-top: 3px;
}
.lfr-content-category.hidden {
display: none;
}
.lfr-content-category.visible {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
display: block;
}
.ie6 .lfr-content-category.visible {
height: 1%;
}
/* ---------- Flyout ---------- */
.lfr-flyout ul {
display: none;
}
.js li.lfr-flyout {
display: block;
position: relative;
}
.js .lfr-flyout li ul {
display: none;
}
.js .lfr-flyout.has-children {
background: url(/html/themes/header-content-footer/images/arrows/04_left.png) no-repeat 5px 50%;
padding-left: 12px;
}
.js .lfr-flyout.has-children.send-right {
background-image: url(/html/themes/header-content-footer/images/arrows/04_right.png);
}
.js .lfr-flyout.has-children ul {
display: none;
min-width: 150px;
position: absolute;
right: 100%;
top: 0;
}
.js .lfr-flyout.has-children.send-right ul {
left: 100%;
right: auto;
}
/* ---------- Portlet item ---------- */
.lfr-portlet-item {
background: url(/html/themes/header-content-footer/images/add_content/portlet_item.png) no-repeat 0 50%;
border: 1px solid #fff;
cursor: move;
font-size: 1.1em;
margin-bottom: 3px;
padding: 0 5px 0 20px;
}
.lfr-portlet-item.lfr-instanceable {
background-image: url(/html/themes/header-content-footer/images/add_content/portlet_item_instanceable.png);
}
.lfr-portlet-item:hover, .lfr-portlet-item.over {
background-color: #ffc;
border-color: #fc0;
}
.ie .lfr-portlet-item {
height: 1%;
}
.lfr-portlet-item p {
font-size: 1em;
margin: 0;
padding-right: 30px;
position: relative;
}
.lfr-portlet-item p a {
cursor: pointer;
font-size: 0.9em;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
}
.ie .lfr-portlet-item p a {
top: -2px;
}
.ie6 .lfr-portlet-item p a {
right: 20px;
}
#layout_configuration_content {
width: 95%;
}
/* ---------- Color picker ---------- */
.lfr-color-picker {
background-image: url(/html/themes/header-content-footer/images/color_picker/picker_container_bg.png);
font: 11px Arial,Helvetica,sans-serif;
height: 192px;
position: relative;
width: 305px;
}
.lfr-color {
background-color: #F00;
background-image: url(/html/themes/header-content-footer/images/color_picker/picker_bg.png);
background-position: center;
background-repeat: no-repeat;
height: 184px;
left: 8px;
position: absolute;
top: 5px;
width: 184px;
}
.lfr-color-indic {
background-image: url(/html/themes/header-content-footer/images/color_picker/select.png);
height: 11px;
position: absolute;
width: 11px;
}
.lfr-hue {
background-image: url(/html/themes/header-content-footer/images/color_picker/hue.png);
height: 186px;
left: 200px;
position: absolute;
top: 3px;
width: 18px;
}
.lfr-hue-indic {
background-image: url(/html/themes/header-content-footer/images/color_picker/color_indic.png);
height: 7px;
position: absolute;
width: 18px;
}
.lfr-current-color {
border: 2px solid #999;
height: 60px;
position: absolute;
right: 10px;
top: 38px;
width: 60px;
}
.lfr-color-values {
left: 240px;
position: absolute;
top: 80px;
}
.lfr-color-values input {
font-size: 11px;
padding: 1px;
}
.lfr-old-color {
background-color: #fff;
height: 50%;
position: absolute;
top: 50%;
width: 100%;
}
.lfr-rgbR, .lfr-rgbG, .lfr-rgbB {
width: 20px;
}
.lfr-hex {
width: 40px;
}
.lfr-color-picker-close {
background-image: url(/html/themes/header-content-footer/images/color_picker/close.png);
cursor: pointer;
height: 30px;
position: absolute;
right: 5px;
text-indent: -9999em;
top: 0;
width: 30px;
}
/* ---------- Interactive Dock ---------- */
.js .interactive-mode {
float: right;
min-width: 150px;
position: relative;
right: 10px;
top: 10px;
}
.js .interactive-mode h2 {
background: url(/html/themes/header-content-footer/images/dock/menu_bar.png) no-repeat 100% -30px;
font-size: 1.2em;
margin-bottom: 0;
padding: 0 29px 0 0;
position: relative;
z-index: 82;
}
.js .interactive-mode h2 span {
background: url(/html/themes/header-content-footer/images/dock/menu_bar.png) no-repeat 0 0;
display: block;
font-size: 1.2em;
margin-bottom: 0;
min-height: 16px;
min-width: 90px;
padding: 0.5em 0.5em 0.5em 2em;
}
.js.ie6 .interactive-mode h2 span {
height: 16px;
}
.js .lfr-dock.expanded .lfr-dock-list-container {
border-top: none;
top: -2px;
}
.js .interactive-mode ul {
background: url(/html/themes/header-content-footer/images/dock/menu_bg.png) no-repeat 0 0;
display: none;
float: none;
}
.js .interactive-mode li {
display: block;
float: none;
margin-bottom: 0pt;
margin-left: 0.2em;
}
.js .interactive-mode li a {
background-position: 0.5em 50%;
background-repeat: no-repeat;
display: block;
margin-left: 0.3em;
padding: 0.5em 0pt 0.5em 2.5em;
text-decoration: none;
}
.js .interactive-mode li a:hover {
background-position: 1.5em 50%;
padding-left: 3.5em;
}
.js .interactive-mode .my-places li.current a {
background: transparent url(/html/themes/header-content-footer/images/dock/my_place_current.png) no-repeat 1em 50%;
margin: 0.1em 0 0 0.2em;
padding-left: 3.5em;
}
.js .interactive-mode .lfr-flyout.has-children li {
position: relative;
}
.js .interactive-mode .my-places li.public a {
background-image: url(/html/themes/header-content-footer/images/dock/my_places_public.png);
}
.js .interactive-mode .my-places li.private a {
background-image: url(/html/themes/header-content-footer/images/dock/my_places_private.png);
}
.js .interactive-mode .my-places ul li a.add-page {
background: url(/html/themes/header-content-footer/images/dock/page_settings.png) no-repeat;
border: none;
display: block;
font-size: 0;
height: 16px;
padding: 0;
position: absolute;
right: 3px;
text-indent: -9999em;
top: 3px;
width: 16px;
}
.ie6.js .lfr-dock.interactive-mode {
white-space: nowrap;
width: 150px;
}
.ie6.js .lfr-dock.interactive-mode li {
height: 1%;
}
.ie6.js .lfr-dock.interactive-mode li a {
height: 1%;
}
/* ---------- Portlet css editor ---------- */
#portlet-set-properties {
display: none;
}
#portlet-set-properties .uni-form {
clear: both;
}
#portlet-set-properties fieldset {
margin-bottom: 1em;
}
#portlet-set-properties fieldset fieldset {
margin-top: 1em;
}
#portlet-set-properties fieldset fieldset legend {
font-size: 1.1em;
}
#portlet-set-properties .uni-form .text-input {
margin-right: 5px;
width: 80px;
}
#portlet-set-properties .uni-form fieldset.col {
width: 29%;
}
#portlet-set-properties .common {
width: 27%;
}
#portlet-set-properties .extra {
width: 20%;
}
#portlet-set-properties #lfr-border-width, #portlet-set-properties #lfr-border-style, #portlet-set-properties #lfr-border-color {
float: left;
}
#portlet-set-properties #lfr-border-width {
width: 25%;
}
#portlet-set-properties #lfr-border-style {
width: 15%;
}
#portlet-set-properties #lfr-border-color {
width: 20%;
}
#portlet-set-properties #lfr-padding, #portlet-set-properties #lfr-margin {
width: 25%;
}
#portlet-set-properties .uni-form #custom-css {
height: 300px;
width: 400px;
}
#portlet-set-properties .form-hint {
float: none;
}
#portlet-set-properties .lfr-bg-image-properties {
display: none;
}
#portlet-set-properties #border-note {
display: none;
margin-top: 10px;
}
#portlet-set-properties .uni-form {
clear: both;
}
/* ---------- Tree ---------- */
ul.gamma {
}
ul.gamma .expand-image {
}
ul.gamma a {
text-decoration: none;
}
ul.gamma li {
margin-bottom: 2px;
padding-left: 0;
}
ul.gamma li ul {
}
ul.gamma li ul li, ul.gamma li.tree-item {
padding-left: 0;
}
ul.gamma img {
vertical-align: middle;
}
ul.gamma li.tree-item {
padding-left: 5px;
}
ul.gamma li.tree-item a img {
cursor: move;
}
ul.gamma li.tree-item li {
padding-left: 20px;
}
ul.gamma li.tree-item ul {
margin-left: 0;
margin-top: 5px;
}
ul.gamma li.tree-item a, ul.gamma li.tree-item .expand-image {
cursor: pointer;
}
ul.gamma .tree-item-hover {
background: #7D93C1;
padding: 5px;
}
li.toggle-expand {
padding-bottom: 10px;
}
li.toggle-expand a {
padding: 2px 0 2px 20px;
}
#lfr-expand {
background: url(/html/themes/header-content-footer/images/trees/expand_all.png) no-repeat 0 50%;
}
#lfr-collapse {
background: url(/html/themes/header-content-footer/images/trees/collapse_all.png) no-repeat 0 50%;
}
/* ---------- Uploader ---------- */
.lfr-upload-container {
margin-bottom: 1em;
width: 450px;
}
.lfr-upload-container .upload-target a {
float: left;
margin-right: 15px;
}
.lfr-upload-container a.browse-button {
background-image: url(/html/themes/header-content-footer/images/dock/add_content.png);
background-repeat: no-repeat;
}
.lfr-upload-container a.upload-button {
background-image: url(/html/themes/header-content-footer/images/common/top.png);
background-repeat: no-repeat;
}
.lfr-upload-container a.clear-uploads {
background-image: url(/html/themes/header-content-footer/images/portlet/refresh.png);
background-repeat: no-repeat;
}
.lfr-upload-container a.cancel-uploads {
background-image: url(/html/themes/header-content-footer/images/common/close.png);
background-repeat: no-repeat;
float: right;
margin-right: 0;
}
.lfr-upload-container .upload-file {
background: #f0faf0 url(/html/themes/header-content-footer/images/document_library/jpg.png) no-repeat 5px 50%;
border-bottom: 1px solid #ccc;
display: block;
font-weight: bold;
margin-bottom: 1px;
padding: 5px;
padding-left: 25px;
position: relative;
}
.lfr-upload-container .upload-list-info {
margin: 5px 0;
}
.lfr-upload-container .upload-list-info h4 {
font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
background-image: url(/html/themes/header-content-footer/images/common/delete.png);
background-repeat: no-repeat;
position: absolute;
right: 5px;
}
.lfr-upload-container .upload-complete {
background-color: #E8EEF7;
background-image: url(/html/themes/header-content-footer/images/dock/my_place_current.png);
font-weight: normal;
opacity: 0.6;
}
.lfr-upload-container .upload-complete .cancel-button {
display: none;
}
.lfr-upload-container .file-uploading {
background-color: #ffc;
}
.lfr-upload-container .file-uploading .cancel-button {
top: 0;
}
.lfr-upload-container .progress-bar {
background: #fff;
border: 1px solid #83a8d9;
display: none;
height: 15px;
}
.lfr-upload-container .progress {
background: #8db2e3 url(/html/themes/header-content-footer/images/progress_bar/complete_gradient.png) repeat-y 100% 0;
display: block;
height: 15px;
width: 0;
}
.lfr-upload-container .file-uploading .progress-bar {
display: block;
}
/* ---------- Portal ---------- */
/* ---------- Portal login ---------- */
.lfr-portal-login {
}
.lfr-portal-login:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ie .lfr-portal-login {
height: 1%;
}
.lfr-portal-login form {
float: left;
margin-right: 10px;
width: 300px;
}
.lfr-portal-login fieldset {
padding-top: 0;
}
.lfr-portal-login .lfr-input-text {
width: 150px;
}
.lfr-portal-login .uni-form legend {
padding-top: 0;
}
/* ---------- Portal notifications styling ---------- */
.popup-alert-notice .notice-date {
margin: 0 10px;
}
/* ---------- Tag selector styling ---------- */
.lfr-tag-select-container {
height: 300px;
position: relative;
width: 400px;
}
.lfr-tag-container {
height: 260px;
overflow: auto;
width: 395px;
}
.lfr-tag-container label {
cursor: pointer;
display: block;
float: left;
margin-bottom: 5px;
margin-right: 5px;
overflow: hidden;
white-space: pre;
width: 25%;
}
.lfr-tag-container label input {
margin-right: 5px;
}
.lfr-tag-select-container .save-button {
bottom: 0;
left: 0;
position: absolute;
}
/* ---------- Generic styling ---------- */
.popup-alert-notice, .popup-alert-warning {
background: #ffc url() no-repeat 5px 50%;
border-bottom: 1px solid;
font-size: 1.1em;
left: 0;
padding: 10px;
padding-left: 25px;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.popup-alert-notice {
background-color: #ffc;
background-image: url(/html/themes/header-content-footer/images/messages/alert.png);
border-bottom-color: #fc0;
}
.popup-alert-warning {
background-color: #fcc;
background-image: url(/html/themes/header-content-footer/images/messages/error.png);
border-bottom-color: #f00;
font-weight: bold;
}
.ie6 .popup-alert-notice, .ie6 .popup-alert-warning {
bottom: auto;
left: expression( ( LFR_IGNORE_ME2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
position: absolute;
right: auto;
top: expression( ( LFR_IGNORE_ME = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
}
.popup-alert-notice .countdown-timer {
font-size: 1.1em;
font-weight: bold;
}
.popup-alert-notice input, .popup-alert-warning input {
vertical-align: middle;
}
/* ---------- Portlets ---------- */
/* ---------- Generic styling ---------- */
.breadcrumbs {
margin-bottom: 10px;
margin-left: 0px;
}
.js .lfr-fallback {
display: none;
}
.lfr-button {
background: url() no-repeat 0 50%;
padding: 2px 0 2px 20px;
}
.float-container:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ie .float-container {
height: 1%;
}
.lfr-meta-actions {
padding-top: 1em;
}
.lfr-table {
border-collapse: collapse;
clear: both;
}
.lfr-table tr td, .lfr-table tr th {
padding: 0 5px;
}
.lfr-table tr th {
font-weight: bold;
}
.lfr-table tr td:first-child, .lfr-table tr td.first-child, .lfr-table tr th:first-child, .lfr-table tr th.first-child {
padding-left: 0;
}
.lfr-table tr td:last-child, .lfr-table tr td.last-child, .lfr-table tr th:last-child, .lfr-table tr th.last-child {
padding-right: 0;
}
.lfr-control-links a {
margin-right: 1em;
}
.portlet-toolbar {
margin-bottom: 1.5em;
}
/* ---------- Liferay forms ---------- */
.lfr-input-text {
width: 350px;
}
.lfr-textarea {
height: 100px;
width: 500px;
}
/* ---------- Separator ---------- */
.separator {
margin: 15px auto;
}
/* ---------- Taglib action bar ---------- */
.lfr-actions {
float: right;
text-align: left;
}
.lfr-actions.left {
float: left;
}
.lfr-actions.right {
}
.lfr-actions.visible {
position: relative;
}
.lfr-actions ul {
display: none;
bottom: 0%;
position: absolute;
right: 100%;
z-index: 99999;
}
.lfr-actions.visible ul {
display: block;
}
.lfr-actions.left ul {
right: auto;
left: 100%;
}
.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
background: url(/html/themes/header-content-footer/images/common/button_bg.png) no-repeat;
font-weight: normal;
}
.lfr-actions .lfr-trigger {
background-position: 100% -42px;
cursor: pointer;
padding-right: 3px;
}
.ie6 .lfr-actions {
height: 15px;
}
.lfr-actions .lfr-trigger strong {
display: block;
min-width: 70px;
padding: 2px 0 3px;
text-align: center;
}
.ie6 .lfr-actions .lfr-trigger strong {
display: inline-block;
}
.lfr-actions.visible .lfr-trigger {
background-position: 100% 100%;
}
.lfr-actions.visible .lfr-trigger strong {
background-position: 0 -21px;
}
.lfr-actions .lfr-trigger strong span {
background: url(/html/themes/header-content-footer/images/common/action.png) no-repeat 5px 0;
padding: 2px 10px 2px 35px;
}
.lfr-actions.left .lfr-trigger strong span {
background-position: 98% 100%;
padding: 2px 35px 2px 10px;
}
.lfr-actions .lfr-trigger li {
background: #fff;
border-bottom: 1px solid #99b6db;
padding: 5px;
}
.lfr-actions .lfr-trigger li.last {
border-bottom: none;
}
.lfr-actions .lfr-trigger li a {
display: block;
font-weight: normal;
position: relative;
padding-left: 20px;
text-decoration: none;
}
.lfr-actions .lfr-trigger li a img {
position: absolute;
left: 0;
}
.ie6 .lfr-actions .lfr-trigger li a img {
left: -20px;
}
/* ---------- Taglib calendar ---------- */
.taglib-calendar {
width: 190px;
}
.taglib-calendar table {
border: 1px solid #999;
width: 100%;
}
.taglib-calendar tr th, .taglib-calendar tr td {
height: 25px;
text-align: center;
border-bottom: 1px solid #999;
}
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
border: 1px solid #999;
border-bottom: none;
border-top: none;
padding: 0;
width: 26px;
}
.taglib-calendar tr.portlet-section-header th.first, .taglib-calendar tr td.first {
border-left: none;
}
.taglib-calendar tr.portlet-section-header th.last, .taglib-calendar tr td.last {
border-right: none;
}
.taglib-calendar tr td a {
display: block;
height: 15px;
padding: 5px 0;
}
.taglib-calendar a:hover, .taglib-calendar a:focus {
background-color: #ccc;
}
.taglib-calendar .calendar-inactive {
color: #999;
}
.taglib-calendar .calendar-current-day {
}
.taglib-calendar .calendar-current-day a {
}
.taglib-calendar .has-events a span {
background: url(/html/themes/header-content-footer/images/calendar/event_indicator.png) no-repeat 50% 95%;
padding-bottom: 5px;
}
.taglib-calendar .calendar-current-day.has-events a span {
background-image: url(/html/themes/header-content-footer/images/calendar/event_indicator_current.png);
}
/* ---------- Taglib discussion thread ---------- */
.taglib-discussion td img {
vertical-align: middle;
}
/* ---------- Taglib diff thread ---------- */
.taglib-diff-addedline, #taglib-diff-results ins {
background: #E6FFE6;
}
.taglib-diff-context {
background: #EEEEEE;
}
.taglib-diff-deletedline, #taglib-diff-results del {
background: #FFE6E6;
}
.taglib-diff-table {
border-collapse: separate;
border-spacing: 5pt;
width: 100%;
}
/* ---------- Taglib icon list ---------- */
.taglib-icon-list li {
float: left;
margin-right: 1em;
}
.taglib-icon-list:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ie .taglib-icon-list {
height: 1%;
}
/* ---------- Taglib search iterator ---------- */
.taglib-search-iterator {
border-collapse: collapse;
width: 100%;
}
.taglib-search-iterator td {
padding: 4px;
}
.taglib-search-iterator-highlighted {
font-weight: bold;
}
.taglib-search-iterator-page-iterator-top {
padding-bottom: 5px;
}
.taglib-search-iterator-page-iterator-bottom {
padding-top: 5px;
}
.taglib-page-iterator {
clear: both;
height: auto;
overflow: hidden;
width: auto;
}
.taglib-page-iterator .search-results {
float: left;
}
.taglib-page-iterator .search-pages {
float: right;
}
.taglib-page-iterator .search-pages .page-links a, .taglib-page-iterator .search-pages .page-links span {
background: url() no-repeat 0 0;
border-left: 1px solid #ccc;
padding: 2px 15px;
}
.taglib-page-iterator .search-pages .page-links span {
background-position: 0 100%;
}
.taglib-page-iterator .search-pages .page-links a.first, .taglib-page-iterator .search-pages .page-links span.first {
background-image: url(/html/themes/header-content-footer/images/arrows/paging_first.png);
background-repeat: no-repeat;
border-left: none;
}
.taglib-page-iterator .search-pages .page-links a.previous, .taglib-page-iterator .search-pages .page-links span.previous {
background-image: url(/html/themes/header-content-footer/images/arrows/paging_previous.png);
background-repeat: no-repeat;
}
.taglib-page-iterator .search-pages .page-links a.next, .taglib-page-iterator .search-pages .page-links span.next {
background-image: url(/html/themes/header-content-footer/images/arrows/paging_next.png);
background-repeat: no-repeat;
}
.taglib-page-iterator .search-pages .page-links a.last, .taglib-page-iterator .search-pages .page-links span.last {
background-image: url(/html/themes/header-content-footer/images/arrows/paging_last.png);
background-repeat: no-repeat;
}
.taglib-page-iterator .search-pages .page-links a.first, .taglib-page-iterator .search-pages .page-links span.first, .taglib-page-iterator .search-pages .page-links a.previous, .taglib-page-iterator .search-pages .page-links span.previous {
padding-right: 5px;
}
.taglib-page-iterator .search-pages .page-links a.next, .taglib-page-iterator .search-pages .page-links span.next, .taglib-page-iterator .search-pages .page-links a.last, .taglib-page-iterator .search-pages .page-links span.last {
background-position: 100% 0;
padding-left: 5px;
}
.taglib-page-iterator .search-pages .page-links span.first, .taglib-page-iterator .search-pages .page-links span.previous {
background-position: 0 100%;
}
.taglib-page-iterator .search-pages .page-links span.next, .taglib-page-iterator .search-pages .page-links span.last {
background-position: 100% 100%;
}
.taglib-page-iterator .search-pages .page-selector, .taglib-page-iterator .search-pages .page-links {
float: left;
}
.taglib-page-iterator .search-pages .page-selector {
margin-right: 10px;
padding-right: 10px;
}
/* ---------- Taglib social bookmark ---------- */
.taglib-social-bookmarks li {
float: left;
margin-right: 1em;
}
.taglib-social-bookmarks:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ie .taglib-social-bookmarks {
height: 1%;
}
.taglib-social-bookmark-blinklist {
background: url(/html/themes/header-content-footer/images/social_bookmarks/blinklist.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
.taglib-social-bookmark-delicious {
background: url(/html/themes/header-content-footer/images/social_bookmarks/delicious.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
.taglib-social-bookmark-digg {
background: url(/html/themes/header-content-footer/images/social_bookmarks/digg.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
.taglib-social-bookmark-furl {
background: url(/html/themes/header-content-footer/images/social_bookmarks/furl.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
.taglib-social-bookmark-newsvine {
background: url(/html/themes/header-content-footer/images/social_bookmarks/newsvine.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
.taglib-social-bookmark-reddit {
background: url(/html/themes/header-content-footer/images/social_bookmarks/reddit.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
.taglib-social-bookmark-technorati {
background: url(/html/themes/header-content-footer/images/social_bookmarks/technorati.gif) no-repeat 0 50%;
padding: 3px 2px 3px 20px;
}
/* ---------- jQuery plugins ---------- */
/* ---------- Tabs ---------- */
.tabs-hide {
display: none;
}
.ie6 .tabs-nav {
display: inline-block;
}
.ie6 .tabs-nav .tabs-disabled a {
filter: alpha(opacity=40);
}
/* ----------- OpenID ---------- */
input[type="text"].openid_login {
background: url(/html/themes/header-content-footer/images/common/openid.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
.ie6 input.text.openid_login {
background: url(/html/themes/header-content-footer/images/common/openid.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
/******************************************************************************/
/* Liferay                                                                    */
/******************************************************************************/
/* Global */
a {
color: #000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body {
background-color: #ffffff;
border: 0;
margin: 0;
padding: 0;
text-align: center;
font-family: Tahoma, Arial;
font-size: 76%;
}
body#portal-body {
background-color: #ffffff;
height: 100%;
}
.font-xx-small { font-size: 0.7em; }
.font-x-small { font-size: 0.8em; }
.font-small { font-size: 0.9em; }
.font-large { font-size: 1.1em; }
.font-x-large { font-size: 1.2em; }
.font-xx-large { font-size: 1.3em; }
form {
margin: 0;
padding: 0;
}
select {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
/*
ul {
list-style-type: none;
margin: 5px 0 10px 20px;
padding: 0;
}
*/
table { font-size: 1em; }
/* img { border: 0; margin: 0; padding: 0 } */
input, button, select { font-size: 0.8em; }
/* textarea { font-family: Arial; font-size: 1em; } */
.form-button {
border-color: #ffffff;
border-style: solid;
border-width: 1px;
}
.form-button-hover {
border-bottom: solid 1px #ffffff;
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
border-top: solid 1px #ffffff;
}
.form-text {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
.tree-js-pop-up DIV {
background-color: #D3D3D3;
border: 2px Outset #FFFFFF;
display: none;
padding: 4px;
position: absolute;
text-align: left;
z-index: 10;
}
.pop-up-outer { border: 1px solid #383838; background-color: #FFFFFF; }
.pop-up-inner { border: 1px solid #747474; }
.pop-up-header { background-color: #000000; height: 25px; }
.pop-up-title { color: #FFFFFF; font-weight: bold; padding-left: 10px; }
.pop-up-close a { color: #FFFFFF; margin-right: 7px; white-space: nowrap; text-decoration: underline; }
/* Alpha */
.alpha {
background-color: #ffffff;
}
.alpha-gradient {
background: url(/html/themes/header-content-footer/color_schemes/01/portlet_title_bg_gradient.gif) repeat-x;
}
.alpha-neg-alert {
color: #ff0000;
}
.alpha-pos-alert {
color: #007f00;
}
.alpha-separator {
background: url(/html/themes/header-content-footer/color_schemes/01/portlet_title_bg_x.gif) repeat-x;
height: 1px;
font-size: 0;
}
A.alpha {
background: none;
color: #000000;
text-decoration: none;
}
A.alpha:hover {
color: #000000;
text-decoration: underline;
}
FONT.alpha {
background: none;
color: #000000;
}
/* Beta */
.beta {
background-color: #303030;
}
.beta-gradient {
background: url(/html/themes/header-content-footer/color_schemes/01/portlet_menu_bg_gradient.gif) repeat-x;
}
.beta-neg-alert {
color: #ff0000;
}
.beta-pos-alert {
color: #007f00;
}
.beta-separator {
background: url(/html/themes/header-content-footer/color_schemes/01/portlet_menu_bg_x.gif) repeat-x;
height: 1px;
font-size: 0;
}
A.beta {
background: none;
color: #000000;
text-decoration: none;
}
A.beta:hover {
color: #000000;
text-decoration: underline;
}
.beta {
background: none;
color: #ffffff;
}
/* Gamma */
.gamma {
background-color: #ffffff;
}
.gamma-gradient {
background: url(/html/themes/header-content-footer/color_schemes/01/portlet_bg_x.gif) repeat-x;
}
.gamma-neg-alert {
color: #ff0000;
}
.gamma-pos-alert {
color: #007f00;
}
.gamma-tab {
border-bottom: 1px solid #303030;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-right: 0px;
padding-bottom: 27px;
padding-left: 0px;
}
.gamma-tab ul, .gamma-tab li {
background: #F6F6F6;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #303030;
color: #CCCCCC;
display: inline;
float: left;
line-height: 22px;
list-style-type: none;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
.gamma-tab ul.current, .gamma-tab li.current {
background: #ffffff;
border: 1px solid #303030;
border-bottom: 1px solid #ffffff;
color: #000000;
}
.gamma-tab li a { color: #777777; }
.gamma-tab li.current a { color: #000000; }
.gamma-tab li.toggle {
background: none;
border: 0px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
A.gamma {
background: none;
color: #000000;
text-decoration: none;
}
A.gamma:hover {
color: #000000;
text-decoration: underline;
}
FONT.gamma {
background: none;
color: #000000;
}
/* Bg */
.bg {
background-color: #ffffff;
}
.bg-neg-alert {
color: #ff0000;
}
.bg-pos-alert {
color: #007f00;
}
A.bg {
background: none;
color: #000000;
text-decoration: none;
}
A.bg:hover {
color: #000000;
text-decoration: underline;
}
FONT.bg {
color: #000000;
}
/******************************************************************************/
/* Liferay Layout CSS                                                         */
/******************************************************************************/
#layout-outer-side-decoration {
background-color: #ffffff;
height: 100%;
}
#layout-inner-side-decoration {
background-color: #ffffff;
margin: 0 auto 0 auto;
}
#layout-box {
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
text-align: left;
}
#layout-top-banner {
/*
height: 75px;
 */
position: relative;
text-align: left;
z-index: 3;
}
#layout-top-banner * {
/*
 *   Causes problems in drop down menus.
 */
/*
white-space: nowrap;
 */
}
#layout-user-menu {
/*
position: relative;
   text-align: right;
*/
}
/* ---------- Dock without JavaScript ---------- */
.lfr-dock {
position: absolute;
right: 10px;
top: 10px;
}
.lfr-dock h2 {
background: url(/html/themes/header-content-footer/images/navigation/welcome_message.png) no-repeat 0 50%;
font-size: 1.2em;
margin-bottom: 0.5em;
padding-left: 2em;
text-align: right;
}
.lfr-dock ul {
display: inline;
float: left;
}
.lfr-dock li {
display: inline;
float: left;
margin-left: 15px;
}
.lfr-dock li a {
background: url() no-repeat 0 50%;
padding: 2px 0 2px 20px;
}
.lfr-dock li.home a {
background-image: url(/html/themes/header-content-footer/images/dock/home.png);
}
.lfr-dock li.my-account a {
background-image: url(/html/themes/header-content-footer/images/dock/my_account.png);
}
.lfr-dock li.sign-in a {
background-image: url(/html/themes/header-content-footer/images/dock/sign_in.png);
}
.lfr-dock li.sign-out a {
background-image: url(/html/themes/header-content-footer/images/dock/sign_out.png);
}
.lfr-dock li.add-content a {
background-image: url(/html/themes/header-content-footer/images/dock/add_content.png);
}
.lfr-dock li.layout a {
background-image: url(/html/themes/header-content-footer/images/dock/layout.png);
}
.lfr-dock li.page-settings a {
background-image: url(/html/themes/header-content-footer/images/dock/page_settings.png);
}
.lfr-dock li.staging a {
background-image: url(/html/themes/header-content-footer/images/dock/staging.png);
}
.lfr-dock li.my-places a {
background-image: url(/html/themes/header-content-footer/images/dock/my_places.png);
}
.lfr-dock li.my-places {
display: none;
}
.lfr-dock li.toggle-controls {
display: none;
}
/* ---------- Dock with JavaScript ---------- */
.js .interactive-mode {
float: right;
min-width: 150px;
position: relative;
right: 10px;
top: 10px;
}
.js .interactive-mode h2 {
background: url(/html/themes/header-content-footer/images/dock/menu_bar.png) no-repeat 100% -30px;
font-size: 1.2em;
margin-bottom: 0;
padding: 0 29px 0 0;
position: relative;
z-index: 82;
}
.js .interactive-mode h2 span {
background: url(/html/themes/header-content-footer/images/dock/menu_bar.png) no-repeat 0 0;
color: #fff;
display: block;
font-size: 1.2em;
margin-bottom: 0;
padding: 0.5em 0.5em 0.5em 2em;
}
.js .lfr-dock.expanded .lfr-dock-list-container {
background: #60738C;
border: 1px solid #B5B9BB;
border-top: none;
top: -2px;
}
.js .interactive-mode ul {
background: url(/html/themes/header-content-footer/images/dock/menu_bg.png) no-repeat 0 0;
border-left: 20px solid #DAE3EF;
display: none;
float: none;
}
.js .interactive-mode li {
border-top: 1px solid #ccc;
clear: both;
display: block;
float: none;
margin-bottom: 0;
margin-left: 0;
}
.js .interactive-mode li a {
background-position: 0.5em 50%;
background-repeat: no-repeat;
display: block;
margin-left: 0.3em;
padding: 0.5em 0pt 0.5em 2.5em;
text-decoration: none;
}
.js .interactive-mode li a:hover {
background-color: #FFF5BA;
background-position: 1.5em 50%;
padding-left: 3.5em;
}
.js .interactive-mode .lfr-dock-list li.first {
border-top: none;
}
.js .lfr-dock.interactive-mode .my-places li a {
background-image: none;
}
.js .interactive-mode .my-places li {
background-position: 5px 50%;
background-repeat: no-repeat;
}
.js .lfr-dock.interactive-mode .my-places.lfr-flyout.has-children > ul {
margin-right: -1px;
}
.js .interactive-mode .my-places li.current-community {
background-color: #E5FDEC;
}
.js .interactive-mode .my-places li h3 {
font-size: 1em;
font-weight: normal;
margin: 0;
}
.js .lfr-dock.interactive-mode .my-places li h3 a {
background-image: url(/html/themes/header-content-footer/images/dock/my_place.png);
}
.js .interactive-mode .lfr-flyout.has-children ul {
background: #fff none no-repeat 3px 50%;
border: 1px solid #999;
display: none;
margin-left: 0;
top: -1px;
}
.js .interactive-mode .my-places li.public a {
background-image: url(/html/themes/header-content-footer/images/dock/my_places_public.png);
}
.js .interactive-mode .my-places li.private a {
background-image: url(/html/themes/header-content-footer/images/dock/my_places_private.png);
}
.js .interactive-mode .my-places li.current a {
background: #E5F7FD url(/html/themes/header-content-footer/images/dock/my_place_current.png) no-repeat 1em 50%;
margin: 0;
padding-left: 3.5em;
}
.js .interactive-mode .group-end {
border-bottom: 2px solid #ccc;
}
.ie.js .interactive-mode .lfr-flyout.has-children {
min-width: 175px;
}
.ie.js .interactive-mode .taglib-my-places > li {
height: 24px;
}
.ie6.js .lfr-dock.interactive-mode {
white-space: nowrap;
width: 150px;
}
.ie6.js .lfr-dock.interactive-mode li {
height: 1%;
width: 100%;
}
.ie6.js .interactive-mode .lfr-flyout.has-children {
width: 150px;
}
.js .interactive-mode li.toggle-controls {
display: block;
}
.js .interactive-mode li.toggle-controls a {
background-image: url(/html/themes/header-content-footer/images/common/checked.png);
}
.js .controls-hidden .interactive-mode li.toggle-controls a {
background-image: url(/html/themes/header-content-footer/images/common/unchecked.png);
}
#layout-global-search {
}
#layout-nav-more-menu li {
padding: 2px 2px 2px 5px;
}
#layout-nav-container {
float: left;
z-index: 2;
}
#layout-nav-divider {
clear: both;
font-size: 0;
height: 10px;
margin-bottom: 10px;
}
.layout-nav-divider {
background-color: #dfdfdf;
}
.layout-nav-selected  {
background-color: #303030;
}
.layout-nav-tabs-box {
height: 27px;
position: relative;
}
.layout-tab, #layout-tab-add {
background-color: #dfdfdf;
float: left;
font-weight: bold;
height: 27px;
margin-right: 1px;
margin-top: 1px;
position: relative;
text-align: right;
}
.layout-tab a {
color: #000000;
}
#layout-tab-add, #layout-tab-add a {
background-color: #ffffff;
color: #000000;
font-weight: normal;
}
#layout-tab-selected, #layout-tab-selected a {
background-color: #303030;
color: #ffffff;
}
.layout-tab-text {
padding: 6px 20px 0 20px;
}
.layout-tab-text {
padding: 6px 20px 0 20px;
}
.layout-tab-text * {
white-space: nowrap;
}
.layout-tab-text-editing {
padding: 0 0 0 0;
}
.layout-tab-close {
margin: 6px 3px 0 0;
}
.layout-tab-input {
margin: 6px 2px 0 0;
}
#layout-content-outer-decoration {
z-index: 0;
}
/* Column Layout */
#layout-bottom-container {
text-align: left;
}
.layout-add-select-style {
}
.portal-add-content {
padding: 8px;
}
.portal-tool-tip {
background-color: #FFFFCC;
border: 1px solid #000000;
padding: 2px;
font-size: 0.9em;
}
.layout-column-arrow-up {
background-image: url(/html/themes/header-content-footer/images/arrows/arrow-up.png);
font-size: 0;
position: absolute;
height: 48px;
width: 40px;
}
.layout-column-arrow-down {
background-image: url(/html/themes/header-content-footer/images/arrows/arrow-down.png);
font-size: 0;
position: absolute;
height: 48px;
width: 40px;
}
/*
#layout-column_column-1,
#layout-column_column-2,
#layout-column_column-3,
#layout-column_column-4,
#layout-column_column-5
{
min-height: 75px;
}
*/
.layout-column-highlight {
background: url(/html/themes/header-content-footer/images/common/diagonal-lines.gif) scroll repeat;
}
/******************************************************************************/
/* Portlet CSS                                                                */
/******************************************************************************/
/* Liferay Portlet */
/* ---------- Drag Indicators ---------- */
#content-wrapper #layout-grid.dragging {
border-collapse: separate;
}
#content-wrapper #layout-grid.dragging .lfr-column {
border: 3px double #ACBED5;
}
.drag-indicator {
border: 2px dashed #036;
cursor: move;
font-size: 0;
position: relative;
}
.drop-area {
background-color: #000;
font-size: 0;
opacity: .10;
}
.ie .drop-area {
filter: alpha(opacity=10);
}
.drop-position-top {
background: url(/html/themes/header-content-footer/images/arrows/02_up.gif) scroll repeat-x top left;
}
.drop-position-bottom {
background: url(/html/themes/header-content-footer/images/arrows/02_down.gif) scroll repeat-x bottom left;
}
.portlet-dragging-placeholder {
background-color: #666 ;
}
#portlet-place-holder DIV {
background-color: #0c0 ;
}
.portlet-loading {
background: url(/html/themes/header-content-footer/images/progress_bar/loading_animation.gif) no-repeat top left;
margin-top: 10px;
padding-top: 40px;
text-align: left;
}
.portlet-shadow-tl div {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-tl.png);
font-size: 0;
height: 3px;
width: 4px;
}
.portlet-shadow-tc {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-tc.png);
}
.portlet-shadow-tr div {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-tr.png);
font-size: 0;
height: 3px;
width: 4px;
}
.portlet-shadow-ml  {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-ml.png);
}
.portlet-shadow-mr  {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-mr.png);
}
.portlet-shadow-bl div {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-bl.png);
font-size: 0;
height: 7px;
width: 8px;
}
.portlet-shadow-bc {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-bc.png);
}
.portlet-shadow-br div {
background-image: url(/html/themes/header-content-footer/images/shadow/shade-br.png);
font-size: 0;
height: 7px;
width: 8px;
}
.portlet-container {
background-color: #ffffff;
}
.portlet-box {
border: 1px solid #ffffff;
margin-top: 1px;
}
.portlet-minimum-height {
}
.portlet-header-bar {
border: 1px solid #ffffff;
/*
background: url(/html/themes/header-content-footer/color_schemes/01/button_gradient.gif) scroll repeat-x center left;
 */
position: relative;
}
.portlet-borderless-container { position: relative; }
.portlet-borderless-bar { text-align: left; font-size: 0.8em; }
.portlet-wrap-title {
/*
 *  A specific height makes anything(s) higher than 20px spill into the
 *  content area, below, also outside, the header.
 */
/* height: 20px; */
min-height: 20px;
position: relative;
}
.portlet-title {
color: #000000;
/*
 *  Let user control the font style
 */
/*	font-weight: bold; */
/*
 *   Need to change from absolute to relative so that title area expands
 *   with contents.
 */
position: relative;
top: 3px;
left: 5px;
}
.portlet-small-icon-bar {
padding-left: 2px;
position: absolute;
top: 1px;
right: 2px;
z-index: 1;
}
.portlet-inner-top {
margin: 0 auto 0 auto;
}
.portlet-bottom-blank {
margin-bottom: 5px;
}
/* Fonts */
.portlet-font {
color: #000000;
}
pre.portlet-font {
color: #000000;
font-family: normal, sans-serif;
}
.portlet-font A {
color: #000000;
}
.portlet-font-dim {
color: #c0c0c0;
}
/* Messages */
.portlet-msg-status {
color: #000000;
font-style: italic;
}
.portlet-msg-info {
color: #000000;
}
.portlet-msg-error {
color: #ff0000;
}
.portlet-msg-alert {
color: #f00000;
font-style: italic;
}
.portlet-msg-success {
color: #007f00;
font-size: xx-small;
}
/* Sections */
.portlet-section-header {
background: #808080;
color: #ffffff;
font-weight: bold;
}
.portlet-section-header A {
color: #ffffff;
}
.portlet-section-body {
color: #000000;
background: #ffffff;
}
.portlet-section-body-hover {
color: #000000;
background: #eed67c;
}
.portlet-section-body A {
color: #000000;
}
.portlet-section-body-hover A {
color: #000000;
}
.portlet-section-alternate {
color: #000000;
background: #d0d0d0;
}
.portlet-section-alternate-hover {
color: #000000;
background: #eed67c;
}
.portlet-section-alternate A {
color: #000000;
}
.portlet-section-alternate-hover A {
color: #000000;
}
.portlet-section-selected {
color: #ffffff;
background: #99ff99;
}
.portlet-section-selected-hover {
color: #000000;
background: #00ff00;
}
.portlet-section-selected A {
color: #ffffff;
}
.portlet-section-selected-hover A {
color: #000000;
}
.portlet-section-subheader {
background: #a0a0a0;
color: #ffffff;
padding: 2px;
}
.portlet-section-footer {
color: #000000;
}
.portlet-section-text {
color: #000000;
}
/* Forms */
.portlet-form-label {
color: #000000;
}
.portlet-form-input-field {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
.portlet-form-button {
/*
background: url(/html/themes/header-content-footer/color_schemes/01/button_gradient.gif) repeat-x;
 */
border-color: #ffffff;
border-style: solid;
border-width: 1px;
}
.portlet-icon-label {
color: #000000;
}
.portlet-dlg-icon-label {
color: #000000;
}
.portlet-form-field-label {
color: #000000;
font-size:small;
}
.portlet-form-field {
color: #000000;
}
/******************************************************************************/
/* Display Tag Library                                                        */
/******************************************************************************/
TR.even { background-color: #303030; color: #000000; }
TR.odd { background-color: #ffffff; color: #000000; }
/******************************************************************************/
/* Messaging Styles
/******************************************************************************/
div.msg-chat-box {
background-color: white;
border: 1px solid black;
padding: 10px;
text-align: left;
}
div.msg-chat-area {
border: 1px solid gray;
height: 100px;
margin: 5px 0 5px 0;
padding: 5px;
}
/*
 *  Things outside of classic|borderless theme.
 */
/*
 *  Shadows are more trouble than they are worth.
 */
.portlet-shadow-tl,
.portlet-shadow-tc,
.portlet-shadow-tr,
.portlet-shadow-ml,
.portlet-shadow-mr,
.portlet-shadow-bl,
.portlet-shadow-bc,
.portlet-shadow-br {
display: none;
font-size: 0px;
height: 0px;
width: 0px;
}
/*
 * Container for "back" link/button for a maximized portlet when nobody has logged in.
 */
.portlet-max-back {
display: block;
text-align: right;
margin: auto 0px;
padding: 4px 0px;
}
.white    { background-color: #fff; }
.light-bg { background-color: #e3e4f1;  }
.dark-bg  { background-color: #303030;  }
.borders { border: 2px solid #f0f !important; }
.dark-colors {
color: #e0e0e0;
background-color: #800000;
}
.dark-colors a {
color: #e0e000;
background-color: #800000;
}
.dark-colors a:visited {
color: #40f040;
background-color: #800000;
}
.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }
.top    { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.float-left  { float: left; }
.float-right { float: right; }
.no-left-margin { margin-left: 0px; }
.no-right-margin { margin-right: 0px; }
.no-left-padding { padding-left: 0px; }
.no-right-padding { padding-right: 0px; }
.clear-left  { clear: left; }
.clear-right { clear: right; }
.clear-both  { clear: both; }
.clear-for-float {
clear: both;
padding: 0px;
margin: 0px;
height: 0px;
width: 0px;
}
.inline, .embed { display: inline; }
.block  { display: block; }
.pos-absolute { position: absolute; }
.pos-relative { position: relative; }
.min-space {
font-size: 0px;
margin: 0px;
padding: 0px;
}
.wide-1px { width: 1px; }
/*
 * For putting things inline w/ use of custom tags.
 */
.embed form,
.embed #layout-gloabl-search form {
display: inline;
}
.embed ul {
list-style: none;
}
/*
 *  Compensate for removal of styles for unclassified img & ul elements.
 */
.portal-add-content img,
/*  For community navigation portlet, but since it does not have a known,
 *  stable class|id, use the best that can be done.
 */
ul li img {
border: 0px;
}
#layout-user-menu {
text-align: left;
display: block ;
/*
float: left;
border: 2px dashed #f0f !important;
 */
}
/*
 *  Without this, the "Add" buttons appear on the page underneath, with area
 *  between a button & text description appearing as transparent.  Further, the
 *  select elements appear busting out the imaginary border formed by stretching
 *  the right title edge to the bottom.
 */
.portal-add-content {
color: #000000;
background-color: #ffffff;
border: 2px ridge #000000;
}
/*
 * Dynamic CSS Menus
 */
.dynamic-menu {
position: relative;
text-align: left;
}
.dynamic-menu,
.dynamic-menu table,
.dynamic-menu img,
.dynamic-menu ul,
.dynamic-menu li,
.dynamic-menu .root,
.dynamic-menu .root-item {
padding: 0px;
margin: 0px;
border: none;
}
.dynamic-menu ul,
.dynamic-menu li {
list-style: none;
list-style-image: none;
float: left;
}
.dynamic-menu a {
display: block;
color: #000000;
background-color: #ffffff;
}
.dynamic-menu ul,
.dynamic-menu ul li {
color: #000000 ;
background-color: #ffffff ;
}
.dynamic-menu li:hover,
.dynamic-menu li.over,
.dynamic-menu a:hover {
color: #ffffff;
background-color: #303030;
}
.dynamic-menu li li {
/*
 * A particular width is especially needed for IE 6 to display a list -- child
 * of an list item -- at the position specified (see ".dynamic-menu-horizontal
 * .root-item ul").  Otherwise, the child list list appear some distance below
 * the parent list.
*/
width: 130px;
border-bottom: 1px solid #000000;
text-align: left;
display: block;
min-width: 5em;
float: none;
}
.dynamic-menu li li a {
padding: 3px 3px;
}
.dynamic-menu ul.root,
.dynamic-menu li:hover,
.dynamic-menu li.over {
position: relative;
}
.dynamic-menu .root-item ul {
position: absolute;
top: 97%;
left: 1ex;
z-index: 9;
border: 2px outset #000000;
}
.dynamic-menu ul > ul,
.dynamic-menu li > ul,
.dynamic-menu li:hover > ul > ul {
display: none;
}
.dynamic-menu li:hover > ul {
display: block;
z-index: 40;
}
.image-centered {
text-align: center;
display: block;
    margin-left: auto;
    margin-right: auto;
}
.user-display-portrait img {
border-width: 0px;
}
.photogallery-slideshow {
text-align:center;
height: 350px;
word-wrap: break-word;
overflow: hidden;
}
.photogallery-slideshow .slide, .caption {
margin: 5px 5px 0px 5px;
word-wrap: break-word;
overflow: hidden;
}
.photogallery {
/*	float:left; */
margin: 10px 20px 10px 10px;
}
.photogallery-folder {
margin-top: 5px; margin-bottom: 5px;
width: 91px; height: 95px; padding: 7px 0px 0px 7px;
background: url(/html/themes/header-content-footer/images/ext/photo_gallery/folder_bgnd.gif) no-repeat; }
.photogallery .image {
width: 100px;
height: 100px;
text-align:center;
}
.photogallery .caption {
width:120px;
}
.user-display-outer {
float: left;
margin: 10px 25px 10px 0px;
height: 120px;
}
.user-display-inner {
}
.user-display-inner h3 {
margin: 0 0 0 0;
}
.user-display-portrait {
float: left;
padding-right: 12px;
vertical-align: middle;
text-align: center;
}
.user-display-info {
vertical-align: middle;
}
.avatar-update {
clear: left;
}
.padded-block {
display:block;
padding: 4px 1px 4px 0px;
vertical-align:text-top;
}
.padded-block-inline {
display:inline;
padding: 4px 1px 4px 0px;
vertical-align:middle;
}
.heading {
padding-top:10px;
padding-bottom:6px;
font-weight:bold;
font-size:small;
}
.padded-paragraph {
display:block;
clear:left;
clear:right;
padding-top: 8px;
padding-bottom: 10px;
}
.indent {
display:block;
padding-left: 10px;
}
.padded-block-clear {
display:block;
clear:left;
clear:right;
padding: 4px;
vertical-align:text-top;
}
.right-column {
display:inline;
margin-left: 10px;
}
.left-column {
float:left;
padding: 4px;
vertical-align:middle;
}
.right-column-large {
display:inline;
margin-right: 30px;
padding: 3px 0px 3px 0px;
width:90%;
text-align:left;
}
.left-column-small {
float:left;
width:4%;
margin: 0px;
}
ul.left-column li {
padding: 2px 2px;
float:left;
}
.clear-left br {
clear:left;
}
.field-description {
font-size: 0.9em;
}
.centered {
width:100%;
text-align:center;
margin:0px auto;
}
.vertical-middle {
display: table-cell;
vertical-align: middle;
}
#p_p_id_LE_11_ .custom-link {
border:1px solid #988560;
float:left;
height:49px;
text-align:center;
width:99px;
vertical-align:middle;
word-wrap: break-word;
overflow: hidden;
}
#p_p_id_LE_11_ .link {
padding:3px;
float:left;
}
#p_p_id_LE_11_ .custom-link a {
position: relative;
top: 12px;
}
.dailyquote-status, .dailyquote-content, .dailyquote-refer {
text-align: center;
border-bottom: solid 1px;
padding: 10px;
}
.dailyquote ul {
list-style-type:none;
text-align:center;
padding-left:0em;
margin-left:-5px;
margin-top:0px;
margin-bottom:0px;
}
.dailyquote li {
padding: 5px;
}
.dailyquote-refer {
border: 0px;
max-height: 40px;
}
.progress-bar {
width: 405px;
height: 40px;
}
.progress-bar .due-date {
text-align:right;
margin-right:5px;
}
.progress-bar .pb-bullet-on {
float:left;
width: 10px;
height: 10px;
}
.progress-bar .pb-bullet-off {
float:left;
width: 10px;
height: 10px;
}
.progress-bar .pb-bullet-current {
position:relative;
float:left;
width: 10px;
height: 16px;
}
.progress-bar .text-align-center {
position:absolute;
width:57px;
left:-18px;
padding-top:14px;
}
.progress-bar .text-align-right {
position:absolute;
width:57px;
right:-1px;
padding-top:14px;
}
.progress-bar .text-align-left {
position:absolute;
width:57px;
padding-top:14px;
}
.event-tell-friend h4 {
font-weight: bold;
}
.event-tell-friend h5 {
font-weight: normal;
}
.min-dim-grid {
  min-width: 220px;
  min-height: 150px;
  float: left;
}
.anyinfo-field-name {
font-weight: bold;
color: black;
padding: 5px 10px 3px 10px;
}
.anyinfo-field-name-modified {
font-weight: bold;
color: black;
padding: 5px 10px 3px 10px;
background-color: silver;
}
.anyinfo-field-description {
vertical-align: top;
color: black;
font-weight: bold;
font-style: italic;
padding: 3px 10px 15px 35px;
}
.anyinfo-expand-collapse-button {
background-color: white;
padding-right: 5px;
}
.anyinfo-expand-collapse-button-modified {
background-color: silver;
padding-right: 5px;
}
.anyinfo-expand-all-button {
display: inline;
}
.anyinfo-collapse-all-button {
display: inline;
}
.anyinfo-field-content {
color:black;
padding: 3px 10px 15px 50px;
}
.org-logo {
float:left;
padding-right: 12px;
vertical-align: middle;
text-align: center;
}
.avatar-org-name {
padding-bottom:10px;
}
.label {
font-weight:bold;
float: left;
padding-right:10px;
}
.search-field {
float:left;
padding:0px 20px 6px 0px;
color: #000000;
}
#create-account-name, #create-account-address, #create-account-login-and-prefs, #create-account-extrainfo-1 {
border: 0px;
width:600px;
}
.rss-icon {
float:right;
}
.blog-title {
font-size: small;
font-weight: bold;
}
.blog-subtitle {
font-size: x-small;
}
.social_tags {
}
.social_tags .tag {
padding: 0px 15px 0px 0px;
}
.page-wizard-step-3 a.add-content {
float: right;
}
.page-wizard-step-3 a.need-help {
float: right;
padding-right: 8px;
padding-top: 5px;
padding-left: 5px;
}
.page-wizard-step-3 a.invite-others {
float: left;
padding-left: 8px;
padding-top: 5px;
}
.msg-chat-area {
border: #d0d0d0 1px solid;
padding: 5px;
overflow: auto;
margin: 5px 0 5px 0;
height: 100px;
}
.invite-header {
border-bottom: 1px solid;
font-size: x-large;
width:600px;
}
.login-portlet .portlet-form-button {
width:75px;
}
.login-portlet .sign-in-button {
padding-top:5px;
}
.login-portlet .join-now-button {
padding-top:10px;
}
.donate-gift {
clear:left;
}
.donate-gift-choice {
}
.donate-amount {
padding-top:10px;
clear:left;
}
.donate-amount-choice {
}
.donate-bequest-checkbox {
clear:left;
padding-top:10px
}
.donate-billing {
padding-top:10px;
}
.donate-billing-table {
padding-top:10px;
}
.cvv2-img {
position:relative;
left:162px;
top:-23px;
width:51px;
}
.avatar-coordinator {
float: left;
text-align: center;
padding-left: 4px;
padding-right: 4px;
}
.required-input-prompt-token {
color:red;
font-weight:bold;
}
.calendar-rss-icon {
float:right;
}
.recent-activity-section-label {
font-weight:bold;
}
.community-video {
text-align:center;
}
.community-video .video-caption {
padding:15 15 15 15;
}
.community-video .video-number {
padding-bottom:15px;
}
.community-video .video-button {
}
.community-video .portlet-form-button {
}
.community-video .video-spacer {
border-top: 1px solid black;
}
.mb-category-reorder-spacer {
padding-bottom:30px;
}
.anyinfo-textarea {
height: 100px;
width: 500px;
}
.rss-title {
}
.rss-date {
font-size: xx-small;
}
.rss-description {
font-size: xx-small;
}
 
  
 .portlet-boundary_LE_9_ input.error {
 background-color: pink;
 }
 
.portlet-boundary_LE_9_ textarea.error {
background-color: pink;
}
.portlet-boundary_LE_9_ select.error {
background-color: pink;
}
 .portlet-boundary_LE_9_ label.error {
 color: red;
 }
 
 
 .portlet-boundary_LE_9_ br {
 clear: left;
 }
 
 .portlet-boundary_LE_9_ .errorContainer {
 /* position: fixed; */
 background-color: grey;
 }
 
 .portlet-boundary_LE_9_ .errorSummary {
 list-style-type: none;
 }
 
.form-element-button {
width: 121px;
}
.form-element-buttons {
width: 121px;
}
.preview-hover {
background-color:#DCDCDC;
}
  
/* ---------- Autocomplete styles ---------- */
.autocomplete-box {
background: #E2ECF2;
border: 1px solid #ABC6D7;
color: #333;
min-width: 200px;
padding: 0;
}
.ie6 .autocomplete-box {
width: 200px;
}
.autocomplete-selected {
background: #C0D5E3;
border-bottom: 1px solid #ABC6D7;
border-top: 1px solid #ABC6D7;
color: #333;
font-weight: bold;
padding: 0.5em 0.3em;
}
.page-message-body {
 width: 100%;
 height: 50px;
}