/* This file contains the CSS rules that are part of the default Lighthouse WF_LEFT_L theme.
   Changes made here:
   1) Will affect ALL deployed sites that use this theme.
   2) Should be reported to Joel for inclusion in the production environment.
   
   Generally speaking, you should NOT modify anything in this file unless the modification is something
   you want large groups of customers to have access to.
 */



/* CONTENTS OF CUSTOM_BASE.CSS ------------------------------------------------- */

#wrapper {
    font-family: Verdana, sans-serif
}


.show-my-places {
    height: 300px;
    overflow: auto;
}

#navigation {
	background: red none repeat-y scroll 0 0;
	font-size: 13px;
	font-weight: bold;
}

#navigation {
    padding-right: 0px;
    z-index: 30;
    overflow: visible;
}

#navigation ul {
    list-style-type: none;
	float: none;
	margin-top: 10px;
	margin-right: 0px;
}

#navigation li {
	background-image: none;
	display: list-item;
	list-style-type: none;
	float: none;
	padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;	   
	margin-bottom: 7px;
}

#navigation li a {
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
}

#navigation li.selected a {
    padding-top: 0px;
}

#navigation li a span {
	background-image: none;
}

#navigation li.selected a span {
	background-image: none;
	font-size: 13px;
}

#navigation li a:hover span {
	background-image: none;
}

#navigation li.selected a:hover {
	padding-bottom: 0px;
}

#navigation li a:hover {
	padding-bottom: 0px;
}

#navigation .nav-item-sign-in .delete-tab, #navigation .nav-item-sign-out .delete-tab {
    background-image: none;
}

/* Drop down menu support */
#navigation .child-menu {
	position: absolute;
	top: -0.5em;
	left: 175px;
	background: red none scroll no-repeat left bottom;
	height: auto;
	min-width: 150px;
	width: auto;
	z-index: 79;
	overflow: visible;
	padding-bottom: 5px;
	border: 4px solid;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 10px;
	white-space: nowrap;
	margin-left: -10px;
}

#navigation .child-menu ul {
	height: auto;
	padding-bottom: 2px;
}

#navigation .child-menu ul , #navigation .child-menu li {
	float: none;
}

#navigation .child-menu li {
	border: none;
	display: block;
	padding: 0px 0px 0px 0px;
}

#navigation .child-menu li a {
	padding : 0px 0px 0px 0px;
	text-align: left;
	text-transform: none;
}

#navigation .child-menu-first a {
	text-transform: uppercase;
	text-align: center;
}

#navigation .child-menu .child-menu-first a {
	border-bottom: 1px solid;
}


#navigation .child-menu .delete-tab {
    right: auto;
    top: 0px;
    left: -8px;
}


#not-selectable-content-wrapper {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

#content-wrapper {
	background: transparent none repeat-y scroll;
	padding: 4px 4px 4px 4px;
	position: relative;
	left: 0px;
	top: 0px;
	width: auto;
	height: auto;
	border: 3px solid transparent;
}

#portlet-wrapper, #portlet-wrapper- {
	background: transparent none repeat-y scroll;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
    top: 0px;
    width: auto;
    height: auto;
    overflow: hidden;
}

.tabs {
    margin-top: 5px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   **                                                         **
   **            START OF "PER SITE" CUSTOM CSS SECTION       **
   **                                                         **
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  */



/* =============================================================
   **                HIGH LEVEL CONTENT CONTAINERS            **
   =============================================================  */

#wrapper {
   position: relative;
   margin: 0px 0px 0px 0px;
   width: 100%;
   height: 100%;
}

/* The entire viewable browser window */
.wf_whole {
   position: relative;
   top: 0px;
   left: 0px;
   height: auto;
   bottom: auto;
   right: 0px;
}

/* The entire presentation, including shadow borders */
/* Use this version for fixed width layouts */
.wf_whole_body {
   position: relative;
   height: auto;
   bottom: auto;
}

.public_site .wf_whole_body {
   width: 802px;
   margin-left: auto;
   margin-right: auto;
}

.private_site .wf_whole_body {
   position: relative;
   width: auto;
   top: 0px;
   left: 10px;
   margin-right: 20px;
}


/* The area INSIDE the shadow borders */
.wf_whole_mid {
   position: relative;
   top: 0px;
   left: 20px;
   width: auto;
   right: 24px;
   height: auto;
   bottom: auto;
}

.public_site .wf_whole_mid {
   width: 754px;
}

.private_site .wf_whole_mid {
   margin-right: 40px;
}

/* =============================================================
   **                     SHADOW BORDERS                      **
   =============================================================  */

/* Shadow border on left */
.wf_border_left {
   position: absolute;
   left: 0px;
   top: 22px;
   width: 20px;
   height: auto;
   bottom: 22px;
}


/* Shadow border on right */
.wf_border_right {
   position: absolute;
   top: 22px;
   right: 0px;
   width: 20px;
   height: auto;
   bottom: 22px;
}


/* Shadow border along the top */
.wf_border_top {
   position: relative;
   left: 0px;
   top: 0px;
   width: auto;
   right: 0px;
   height: 20px;
}

/* Shadow border along the top - left corner */
.wf_border_top_left {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 20px;
   height: 20px;
}

/* Shadow border along the top - right corner */
.wf_border_top_right {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 20px;
   height: 20px;
}


/* Shadow border along bottom */
.wf_border_bottom {
   position: relative;
   left: 0px;
   bottom: 0px;
   width: auto;
   right: 0px;
   height: 20px;
}


/* Shadow border along the bottom - left corner */
.wf_border_bottom_left {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 20px;
   height: 20px;
}

/* Shadow border along the top - right corner */
.wf_border_bottom_right {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 20px;
   height: 20px;
}



/* =============================================================
   **                        HEADER                           **
   =============================================================  */

/* The banner area */
.wf_header {
   position: relative;
   left: 0px;
   right: 0px;
   width: auto;
   height: 65px;
}

.wf_logo {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 56px;
  width: 250px;
}

.wf_logo_link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-size: 18pt;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  background-color: transparent;
}


.wf_logo_company_name {
   position: absolute;
   height: 18pt;
   top: 0px;
   bottom: 0px;
   margin-top: auto;
   margin-bottom: auto;
   overflow: visible;
   background-color: transparent;
}


/* Using a logo only? Hide the name:
.wf_logo_company_name {
   display: none;
}
*/

/* Custom HTML inside the banner area */
.wf_header_article {
   position: absolute;
   top: 0px;
   right: 5px;
   width: 100px;
   height: 80%;
   margin: 5px 5px 5px 5px;
   overflow: hidden;
}


/* =============================================================
   **                  SIDE PANEL / NAVIGATION                **
   =============================================================  */

/* The left side panel including navigation */
.wf_left_panel {
   position: absolute;
   width: 175px;
   height: auto;
   top: 70px;
   bottom: 0px;
   z-index: 5;
}

/* A div that holds all of the "panel articles" */
.wf_left_panel_content {
   position: relative;
   height: auto;
   width: auto;
   left: 0px;
   right: 0px;
   bottom: auto;
   top: 25px;
}

/* Custom HTML inside the left side panel */
.wf_left_panel_article_1 {
   width: 90%;
   min-height: 50px;
   height: auto;
   margin: 1px 5px 5px 5px;
   overflow: hidden;
}

/* Custom HTML inside the left side panel */
.wf_left_panel_article_2 {
   width: 90%;
   min-height: 50px;
   height: auto;
   margin: 1px 5px 5px 5px;
   overflow: hidden;
}

/* Custom HTML inside the left side panel */
.wf_left_panel_article_3 {
   width: 90%;
   min-height: 50px;
   height: auto;
   margin: 1px 5px 5px 5px;
   overflow: hidden;
}

/* Navigation */
#navigation li {
	background-image: none;
	display: list-item;
	list-style-type: none;
	float: none;
	padding: 0px 0px 0px 0px;
	margin-bottom: 7px;
}

#navigation li a {
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}

#navigation {
	background-color: transparent;
}

#navigation li.selected a {
    padding-top: 0px;
}

#navigation li a span {
	background-image: none;
}

#navigation li.selected a span {
	background-image: none;
}

#navigation li a:hover span {
	background-image: none;
}

#navigation li.selected a:hover {
	padding-bottom: 0px;
}

#navigation li a:hover {
	padding-bottom: 0px;
}

#navigation .nav-item-sign-in .delete-tab, #navigation .nav-item-sign-out .delete-tab {
    background-image: none;
}

/* No drop down menu support */
#navigation .child-menu {
    display: none;
}

.portlet-table-scroller TD {
    padding-right: 4px;
}


/* =============================================================
   **                    MAIN CONTENT AREA                    **
   =============================================================  */

.wf_content_panel {
   position: relative;
   height: auto;
   width: auto;
   left: 180px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   margin-right: 175px;
}


/* Main content area */
.wf_main_body {
   position: relative;
   width: auto;
   height: auto;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   overflow: visible;
}


/* Custom HTML that appears at the bottom of the main body on each page */
.wf_main_body_bottom {
   text-align: center;
}


/* =============================================================
   **                        FOOTER                           **
   =============================================================  */

/* The footer area of the site */
.wf_footer {
   position: relative;
   width: auto;
   height: 25px;
   left: 0px;
   right: 0px;
   bottom: 0px;
}

/* Custom HTML that appears in the footer of every page */
.wf_footer_article {
   position: absolute;
   right: 5px;
   width: auto;
   height: 80%;
   overflow: hidden;
}

/* =============================================================
   **                          OTHER                          **
   =============================================================  */

/* Allow Liferay data input forms constrained by size to be scrolled */
.wf_main_body_top .portlet-content-container .uni-form {
    overflow: auto;
}

/* =============================================================
   **                         IE Fixes                        **
   =============================================================  */

.ie .wf_whole {
   position: static;
   height: 99%;
   width: 802px;
   margin-left: auto;
   margin-right: auto;
}

.ie .wf_logo_company_name {
   top: 30%;
   padding-bottom: 5px;
}

.ie6 .wf_whole_body {
   height: 775px;
}

.ie6.private_site .wf_whole_body {
   position: absolute;
   width: 99%;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
}


.ie6 .wf_border_top,
.ie6 .wf_border_bottom {
   width: 100%;
}

.ie6 .wf_border_left,
.ie6 .wf_whole_mid,
.ie6 .wf_border_right {
   height: 724px;
}

.ie6.public_site .wf_whole_mid {
   width: 753px;
}

.ie6.public_site .wf_header {
   width: 747px;
}

.ie6 .wf_left_panel,
.ie6 .wf_content_panel {
   height: 652px;
}

.ie6 .wf_left_panel {
   z-index: 1;
}

.ie6 .wf_main_body {
   width: 100%;
   height: 612px;
}

.ie6.public_site .wf_content_panel {
   width: 567px;
}

.ie6.private_site .wf_whole_mid {
   width: 95%;
}

.ie6.private_site .wf_header,
.ie6.private_site .wf_footer,
.ie6.public_site .wf_footer {
   width: 100%;
}

.ie6.private_site .wf_content_panel {
   width: 83%;
}

/* =============================================================
   **                     DEFAULT COLOR SCHEME                **
   =============================================================  */

/* Browser background color */
.wf_whole,
#wrapper {
    background-color: lightgrey;
}

/* Color INSIDE the site area */
.wf_whole_body {
   background-color: white;
}


.default #navigation,
.default #navigation .child-menu {
    background-color: transparent;
}

.default #content-wrapper {
    background-color: transparent;
}

.default #portlet-wrapper, .default #portlet-wrapper- {
    background-color: transparent;
}

.default .portlet-title {
    color: black;
}

.default .portlet, 
.default .portlet-topper, 
.default .portlet-content, 
.default .portlet-title {
	background-image: none;
}

.default.noborders .portlet, 
.default.noborders .portlet-topper, 
.default.noborders .portlet-content, 
.default.noborders .portlet-title {
	background-image: none;
	background-color: transparent;
}


.default .tabs li,
.default .tabs li a, .default .tabs li span,
.default .tabs li.current a, .default .tabs li.current span,
.default .tabs li.current {
	background-image: url(file:///Macintosh%20HD/sites/JMI/Ruvo_Template/images/color_schemes/default/skin/tabs_bg.png);
}

.default #content-wrapper .tabs a, 
.default #portlet-wrapper .tabs a, 
.default #portlet-wrapper- .tabs a {
    color: white;
}


.default #footer {
    background-color: white;
    background-image: none;
}

/* Colors --------------------------------------- */

.default #navigation li a,
.default #navigation .child-menu li a {
	color: black;
}

.default #navigation li.selected a,
.default #navigation li a:hover span,
.default #navigation li.selected a:hover span,
.default #navigation .child-menu-first a span,
.default #navigation .child-menu a:hover {
	color: blue;
}

.default #navigation li.selected a:hover span {
	background-color: transparent;
}

.default #navigation .child-menu {
	border-color: #C0C0C0;
	border-left-color: white;
	background-color: white;
}

.default #navigation .child-menu ul , 
.default #navigation .child-menu li , 
.default #navigation .child-menu a {
	background: transparent none;
}


.default #navigation .child-menu .child-menu-first a {
	border-bottom-color: #C0C0C0;
}

.default #navigation .child-menu a:hover {
	background-color: transparent;
}


.js .default #add-page a span {
    color: white;
}

.js .default #add-page a:hover span {
	color: yellow;
}

.default #content-wrapper, .default #portlet-wrapper, .default #portlet-wrapper- {
	color: black;
	background-color: transparent;
}

.default #content-wrapper a, .default #portlet-wrapper a, .default #portlet-wrapper- a {
    color: blue;
}

.default #content-wrapper u {
    color: black;
}

.default .tabs {
	border-bottom: 2px solid #157886;
}


.default .portlet-section-header {
  background-color: #C0C0C0;
}

.default .portlet-section-header th {
  color: white;
  border-bottom: 1px solid white;
}


.default .portlet-section-body {
   background-color: transparent;
}

.default .portlet-section-body td {
   background-color: transparent;
   border-bottom: 1px solid #157886;
   border-top: 1px solid #157886;
}

.default .portlet-section-alternate {
   background-color: #E0E0E0;
}

.default .portlet-section-alternate td {
   background-color: #E0E0E0;
   border-bottom: 1px solid #157886;
   border-top: 1px solid #157886;
}

.default .portlet-section-alternate-hover td, .default .portlet-section-body-hover td {
	background: #2F3E3E;
	color: yellow;
	border-bottom: 1px solid #157886;
	border-top: 1px solid #E0D79F;
}

.default #content-wrapper .portlet-section-alternate-hover td a, .default #content-wrapper .portlet-section-body-hover td a {
	color: yellow;
}

.default .portlet-msg-success {
    color: black;
}

.default .portlet-msg-error {
    color: red;
}

.default #content-wrapper .lfr-actions a {
    color: black;
}