/******************************************************************************/
/* Liferay                                                                    */
/******************************************************************************/
/* Global */
a {
color: #000080;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body {
border: 0;
margin: 0;
padding: 0;
text-align: center;
font-family: Tahoma, Arial;
font-size: 76%;
color: #1B385E;
}
body#portal-body {
background: #F2F4F9 url(images/rayv_gradient_bg.gif) repeat-x;
height: 100%;
}
body * { font-size: 1em; }
.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;
}
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: #9fb7d3;
border-style: solid;
border-width: 1px;
}
.form-button-hover {
border-bottom: solid 1px #9fb7d3;
border-left: solid 1px #ffffff;
border-right: solid 1px #9fb7d3;
border-top: solid 1px #ffffff;
}
.form-text {
border-color: #000;
border-style: solid;
border-width: 1px;
height: 25px;
width: 192px!important;
font-size: 12px;
vertical-align: center;
padding-top: 3px;
}
.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: #9fb7d3;
}
.alpha-gradient {
background: url(images/portlet_title_bg_gradient.gif) repeat-x;
}
.alpha-neg-alert {
color: #FF0000;
}
.alpha-pos-alert {
color: #007F00;
}
.alpha-separator {
background: url(images/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: #90abcc;
}
.beta-gradient {
background: url(images/portlet_menu_bg_gradient.gif) repeat-x;
}
.beta-neg-alert {
color: #FF0000;
}
.beta-pos-alert {
color: #007F00;
}
.beta-separator {
background: url(images/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: #000000;
}
/* Gamma */
.gamma {
background-color: #ffffff;
}
.gamma-gradient {
background: url(images/portlet_bg_x.gif) repeat-x;
}
.gamma-neg-alert {
color: #FF0000;
}
.gamma-pos-alert {
color: #007F00;
}
.gamma-tab {
border-bottom: 1px solid #90abcc;
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 #90abcc;
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 #90abcc;
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: #e9eff5;	
height: 100%;
}
#layout-inner-side-decoration {
background-color: #ffffff;
height: 100%;
margin: 0 auto 0 auto;
border-right: 1px solid #CCCCCC;
}
#layout-top-banner {
height: 75px;
position: relative;
text-align: left;
z-index: 3;
}
#layout-top-banner * {
white-space: nowrap;
}
#portal-dock {
position: absolute;
right: 10px;
top: 25px;
height: 54px;
width: 54px;
}
#portal-dock-title {
text-align: right;
height: 25px;
position: absolute;
right: 10px;
top: 0;
}
.portal-dock-box {
cursor: pointer;
font-size: 0;
height: 54px;
padding: 2px;
position: absolute;
width: 54px;
top: 0;
left: 0;
}
.portal-dock-box div {
background-color: #5890d2;
}
#layout-user-menu {
position: relative;
text-align: right;
}
.layout-my-places {
background-color: #ffffff;
border: 1px solid #CCCCCC;
padding: 2px;
white-space: nowrap;
}
.layout-my-places-arrow {
background-color: #CCCCCC;
padding: 2px;
}
#portal-dock-my-places {
cursor: default;
padding-top: 2px;
position: relative;
text-align: right;
}
#portal-dock-my-places table {
float: right;
}
#portal-dock-my-places ul {
background-color: #ffffff;
border: 1px solid #000000;
position: absolute;
text-align: left;
right: 0;
top: 20px;
margin: 0;
}
#portal-dock-my-places ul li {
cursor: pointer;
padding: 2px;
white-space: nowrap;
}
#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: #c9d6e6;
}
.layout-nav-selected  {
background-color: #5890d2;
}
.layout-nav-tabs-box {
height: 27px;
position: relative;
}
.layout-tab, #layout-tab-add {
background-color: #c9d6e6;
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: #5890d2;
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(images/arrow-up.png);
font-size: 0;
position: absolute;
height: 48px;
width: 40px;
}
.layout-column-arrow-down {
background-image: url(images/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(images/diagonal-lines.gif) scroll repeat;
}
/******************************************************************************/
/* Portlet CSS                                                                */
/******************************************************************************/
/* Liferay Portlet */
.portlet-dragging-placeholder {
background-color: #e7edf4;
}
#portlet-place-holder DIV {
background-color: #90abcc;
}
.portlet-loading {
background: url(images/loading_animation.gif) no-repeat top left;
margin-top: 10px;
padding-top: 40px;
text-align: left;
}
.portlet-shadow-tl div {
background-image: url(images/shade-tl.png);
font-size: 0;
height: 3px;
width: 4px;
}
.portlet-shadow-tc {
background-image: url(images/shade-tc.png);
}
.portlet-shadow-tr div {
background-image: url(images/shade-tr.png);
font-size: 0;
height: 3px;
width: 4px;
}
.portlet-shadow-ml  {
background-image: url(images/shade-ml.png);
}
.portlet-shadow-mr  {
background-image: url(images/shade-mr.png);
}
.portlet-shadow-bl div {
background-image: url(images/shade-bl.png);
font-size: 0;
height: 7;
width: 8px;
}
.portlet-shadow-bc {
background-image: url(images/shade-bc.png);
}
.portlet-shadow-br div {
background-image: url(images/shade-br.png);
font-size: 0;
height: 7px;
width: 8px;
}
.portlet-container {
background-color: #ffffff;
}
.portlet-box {
border: 1px solid #9fb7d3;
margin-top: 1px;
}
.portlet-minimum-height {
}
.portlet-header-bar {
border: 1px solid #9fb7d3;
background: #9fb7d3 url(images/button_gradient.gif) scroll repeat-x center left;
position: relative;
}
.portlet-borderless-container {  }
.portlet-borderless-bar { text-align: left; font-size: 0.8em; }
.portlet-wrap-title {
height: 20px;
position: relative;
}
.portlet-title {
color: #000000;
font-weight: bold;
position: absolute;
top: 3px;
left: 5px;
}
.portlet-small-icon-bar {
padding-left: 2px;
position: absolute;
top: 1px;
right: 2px;
}
.portlet-spacer {
font-size: 0;
height: 10px;
}
/* Fonts */
.portlet-font {
color: #000000;
}
.portlet-font A {
color: #000000;
}
.portlet-font-dim {
color: #000080;
}
/* Messages */
.portlet-msg-status {
color: #000000;
font-style: italic;
}
.portlet-msg-info {
color: #000000;
}
.portlet-msg-error {
color: #FF0000;
}
.portlet-msg-alert {
color: #FF0000;
font-style: italic;
}
.portlet-msg-success {
color: #007F00;
}
/* Sections */
.portlet-section-header {
background: #acb5d1;
color: #000000;
font-weight: bold;
}
.portlet-section-header A {
color: #000000;
}
.portlet-section-body {
color: #000000;
background: #e7edf4;
}
.portlet-section-body-hover, TR.portlet-section-body:hover {
color: #000000;
background: #e0f0fc;
}
.portlet-section-body A {
color: #000000;
}
.portlet-section-body-hover A, TR.portlet-section-body:hover A {
color: #000000;
}
.portlet-section-alternate {
color: #000000;
background: #d3deeb;
}
.portlet-section-alternate-hover, TR.portlet-section-alternate:hover {
color: #000000;
background: #e0f0fc;
}
.portlet-section-alternate A {
color: #000000;
}
.portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A {
color: #000000;
}
.portlet-section-selected {
color: #000000;
background: #e0f0fc;
}
.portlet-section-selected-hover, TR.portlet-section-selected:hover {
color: #000000;
background: #e0f0fc;
}
.portlet-section-selected A {
color: #000000;
}
.portlet-section-selected-hover A, TR.portlet-section-selected:hover A {
color: #000000;
}
.portlet-section-subheader {
background: #e0e1ed;
color: #000000;
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(images/button_gradient.gif) repeat-x;
border-color: #9fb7d3;
border-style: solid;
border-width: 1px;
}
.portlet-icon-label {
color: #000000;
}
.portlet-dlg-icon-label {
color: #000000;
}
.portlet-form-field-label {
color: #000000;
}
.portlet-form-field {
color: #000000;
}
/******************************************************************************/
/* Display Tag Library                                                        */
/******************************************************************************/
TR.even { background-color: #90abcc; color: #000000; }
TR.odd { background-color: #ffffff; color: #000000; }
/*Modified on Nov 22nd 2007 */
#layout-box {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; PADDING-TOP: 0px; TEXT-ALIGN: left
}