/*********************************************************
   * Sterling Theme CSS adapted from JBoss Industrial Theme *
   **********************************************************/

   #body {
      background-color: #FFFFFF;
      margin: 0px;
      padding: 0px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
   }
   
   body {
      background-color: #FFFFFF;
      margin: 10px;
      padding: 0px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
   }
   
   td {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
	}
   
   select, input, textarea {
   		font-family: Arial,Helvetica,sans-serif;
		font-size: xx-small;
   }
   
	.rule {
		color: #7E9CA8; /*#9abcde;*/
	}

	.colorBox {
		background-color: #B1DDE6; /*#abcdef;*/
		border:1px solid silver;
		margin:4px;
		padding: 6px;
	}
	
	.colorBox a{
		color: #0000CC;
	}
	
	.floater {
		border:1px solid silver;
		background-color:#B1DDE6;
		padding:6px;
		margin:10px;
	}
	
	.clearBox {
		border:1px solid silver;
		margin:4px;
		padding: 6px;
	}
	
	.missingData {
		font-weight:bold;
		background-color:#FFFF99;
	}
	
      /*****************
      * Portal Header  *
      ******************/

      /* spacer to keep header at certain width regardless of display size
done to avoid overlapping of tab navigation in header */
   #spacer {
      width: 1024px;
      line-height: 0px;
      font-size: 0px;
      height: 0px;
   }

   /* Wrapper for Header */
   #header-container {
      /*background-image: url( images/portal_background.gif );
      background-repeat: repeat-y;*/
      /*height: 40%;*/
      min-width: 1000px;
      width: 100%;
      /* test to reposition header on page
     position: absolute;
     bottom: 5px;*/
   }

   /* Header background */
   #header {
      /*background-image: url( images/header.gif );
      background-repeat: repeat-x;*/
      /*height: 60px;*/
      padding: 0px;  /*margin: 0 25% 0 25%;*/
   }

    #logoName {
       background-image: url( /portal-core/themes/sterling/images/logo_sterling_small.jpg );
       background-repeat: no-repeat;
       width: 158px;
       height: 31px;
       /*position: absolute;*/
       margin-left: 10px;
       margin-top: 4px;
		 margin-bottom: 4px;
    }
 
    #secondLogo {
       background-image: url( /portal-core/themes/sterling/images/sterling_director_small.jpg );
       background-repeat: no-repeat;
       width: 259px;
       height: 31px;
       /*float: right;*/
       padding-top: 0px;
       padding-right: 8px;
    }

	 #logoutlink {
	 	font-family:Arial,Helvetica,sans-serif;
		font-size:1.4em;
	 }
      /************************
      * Portal Layout Regions *
      *************************/

   /* wrapper for entire portal. starts/ends after/before body tag */
   #portal-container {
   /*width: 100%;*/

   /*part of below IE hack to preserve min-width for portlet regions */
      padding: 0 350px 0 350px;
   }

   /* min width hack for IE */
   #expander {
      margin: 0 -350px 0 -350px;
      position: relative;
   }

   /* min width hack for IE */
   #sizer {
      width: 100%;
   }

   /* IE Hack \*/
   * html #portal-container,
      * html #sizer,
      * html #expander {
      height: 0;
   }

   /* end IE min-width hack */

   /*table that contains all regions. does not include header*/
   #content-container {
      height: 430px; /*width: 100%;*/
      /*margin:1em auto;
   border: 1px solid black;*/
      text-align: left;
      max-width: 1600px;
      min-width: 800px;
      margin-left: 5px;
      /*margin-top: -100px;*/

      /*part of below IE hack
  padding: 0 350px 0 350px;*/
   }

   /* Login JSP Selectors */
   #login-container {
      position: relative;
      left: 35%;
      top: 55px;
      right: 45%;
      width: 320px;
      height: 250px;
      margin: 0px;
      background-color: #7E9CA8; /*#9ABCDE;*/
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
   }

   #login-container fieldset {
      background-color: #ffffff;
   }

   #login-container label, #login-container input {
      display: block;
      float: left;
      width: auto;
      margin-top: 12pt;
   }

   #login-container label {
      text-align: right;
      padding-right: 20px;
      width: 95px;
   }

   #login-container br {
      clear: left;
   }

   #login-container legend {
      font-family: Arial, Helvetica, sans-serif;
      font-size: medium;
      font-weight: bold;
      color: #000000;
   }

   #loginForm {
      background-color: #7E9CA8; /*#9ABCDE;*/
      margin: 0px;
      padding: 0px;
   }

   /* end Login Page Selectors */

   /* portlet regions within content-container. this includes footer-container. */
   #regionA {
      /* test to swap columns...
     float: right; */

      width: 25%;
      float: left;
      margin: 0px;
      padding: 0px;
      min-width: 250px;
   }

   #regionB {
      /*test to swap columns...
      margin: 0 30% 0 0; */

   /* two column layout*/
      margin: 0 0 0 25%;
      padding: 0;
      width: 74%;

      /* test to add 3rd region in layout...
     width: 40%;
     float: left;*/
   }

   #regionC {
      /* inclusion of 3rd region - comment out for 2 region testing
     padding: 0px;
     width: 27%;
     float: left;*/
      display: none;
   }

   /* give a maximized portlet more space */
   #regionMaximized {
      width: 100%;
      float: left;
      margin: 0px;
      padding: 0px;
      min-width: 400px;
   }

   #footer-container {
   /* margin: 30px 25% 0 25%;*/
      margin-left: 0px;
      text-align: left;
      width: 97%;
      padding: 10px;
      background-color: #EBEBEB;
      color: #000000;
   }

   #navigation-container {

   }

   #sub-navigation-container {

   }

      /* used to clear float in regionA,B,C divs so that
 footer spans bottom of page */
   hr.cleaner {
      clear: both;
      height: 1px;
      margin: -1px 0 0 0;
      padding: 0;
      border: none;
      visibility: hidden;
   }

      /****************************
      * Tab Navigation for Header *
      *****************************/

   UL#tabsHeader {
      margin: 0;
      width: 100%;
      height: 24px;
      padding-left: 10px;
      min-width: 550px;
      background-color: #7E9CA8; /*#9ABCDE;*/
   }

   UL#tabsHeader li {
      list-style: none;
      float: left;
      margin-left: -1px;
      margin-top: 6px;
      margin-right: 0px;
      line-height: 16px;
      width: 100px;
      height: 24px;
      background-image: url( images/normalTab.gif );
      background-repeat: no-repeat;
      padding: 0px;
      border-right: 3px solid #7E9CA8; /*#9ABCDE;*/
      border-left: 3px solid #7E9CA8; /*#9ABCDE;*/
   }

   UL#tabsHeader li:hover {
      background-image: url( images/normalTab.gif );
      background-repeat: no-repeat;
   }

      /* hover selectors for main header tabs done to deal
with IE not liking hover pseudo class on li */
   UL#tabsHeader li.hoverOn {
      background-image: url( images/normalTab.gif );
      background-repeat: no-repeat;
   }

   UL#tabsHeader li.hoverOff {
      background-image: url( images/normalTab.gif );
      background-repeat: no-repeat;
   }

   UL#tabsHeader a {
      display: block;
      float: left;
      text-align: center;
      padding: 4px 15px 5px 15px;
      text-decoration: none;
      font: medium / normal Arial, Helvetica, sans-serif;
      /*background: 100% 0 no-repeat;
      background-color: #5292CE;*/
      color: #ffffff;
   }

   UL#tabsHeader a:hover {
      text-decoration: underline;
   }

   UL#tabsHeader #current, UL#tabsHeader #current a {
      font: medium / normal Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: #000000;
      background-image: url( images/activeTab.gif );
      background-repeat: no-repeat;
      /*background-color: #FFFFFF;*/
   }

      /* used for sub navigation if applicable
      UL#tabsHeader #currentSubNav, UL#tabsHeader #currentSubNav a {
        color: #000;
        line-height: 19px;
        padding-top: 0px;
        padding-bottom: 1px;
        margin-bottom: -1px;
        background: #eeeeef;
      }*/

   /* Tab background color for selected global nav item */
   li.currentTabBackground {
      background: #ffffff;
   }

      /* used for sub navigation if applicable
      li.currentTabBackgroundSubNav {
        background: #eeeeef;
      }*/

   /* backslash hack for IE5-Mac \*/
   UL#tabsHeader a {
      float: none;
   }

   /* End Mac Hack */
   html>body UL#tabsHeader a {
      width: auto;
   }

   /* fixes IE6 win hack */

      /****************************
      * Portlet Container Windows *
      *****************************/

   .portlet-container {
   /*margin: 10px;*/
      padding: 10px;
   }

   .portlet-titlebar-title {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #000000;
      white-space: nowrap;
      line-height: 100%;
      float: left;
      text-indent: 15px;
   }

   .portlet-titlebar-decoration {
      background-image: url( images/portlet-win-decoration.gif );
      background-repeat: no-repeat;
      height: 11px;
      width: 11px;
      float: left;
      position: relative;
      top: 6px;
   }

   /* wrapper for floating portlet window modes */
   .portlet-mode-container {
      float: right;
   }

   .portlet-titlebar-left {
      background-image: url( images/portlet-top-left.gif );
      background-repeat: no-repeat;
      width: 9px;
      height: 33px;
      background-position: right;
      min-width: 9px;
   }

   .portlet-titlebar-center {
      background-image: url( images/portlet-top-middle.gif );
      background-repeat: repeat-x;
      height: 33px;
   }

   .portlet-titlebar-right {
      background-image: url( images/portlet-top-right.gif );
      background-repeat: no-repeat;
      width: 10px;
      height: 33px;
      min-width: 10px;
   }

   .portlet-content-left {
      background-image: url( images/portlet-left-vertical.gif );
      height: 100%;
      background-repeat: repeat-y;
      background-position: right;
      width: 9px;
      min-width: 9px;
   }

   .portlet-content-center {
      background-color: #ffffff;
      background-repeat: repeat;
      vertical-align: top;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
   }

   .portlet-body {
      background-color: #ffffff;
   }

   .portlet-content-right {
      background-image: url( images/portlet-right-vertical.gif );
      height: 100%;
      background-repeat: repeat-y;
      background-position: left;
      width: 10px;
      min-width: 10px;
   }

   .portlet-footer-left {
      background-image: url( images/portlet-bottom-left.gif );
      width: 9px;
      height: 9px;
      background-repeat: no-repeat;
      background-position: top right;
      min-width: 9px;
   }

   .portlet-footer-center {
      background-image: url( images/portlet-bottom-middle.gif );
      height: 14px;
      background-repeat: repeat-x;
   }

   .portlet-footer-right {
      background-image: url( images/portlet-bottom-right.gif );
      width: 10px;
      height: 9px;
      background-repeat: no-repeat;
      min-width: 10px;
   }

      /***********************
      * Portlet Window Modes *
      ************************/
   .portlet-mode-maximized {
      background-image: url( images/maximize.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-minimized {
      background-image: url( images/minimize.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-normal {
      background-image: url( images/normal.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-help {
      background-image: url( images/help.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-edit {
      background-image: url( images/edit.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-remove {
      background-image: url( images/remove.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-view {
      background-image: url( images/view.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-reload {
      background-image: url( images/reload.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

      /**********************
      * Copyright Selectors *
      ***********************/
   .portal-copyright {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      color: #000000;
   }

   a.portal-copyright {
      color: #006699;
      text-decoration: none;
   }

   a.portal-copyright:hover {
      color: #0000FF;
      text-decoration: underline;
   }

   #ThemeBy:before {
      content: "Theme by Sterling";
   }

      /*************
      *  Elements  *
      **************/
   a {
      color: #006699;
      text-decoration: none;
   }

   a:hover {
      color: #0000FF;
      text-decoration: underline;
   }

   INPUT.TEXT, SELECT {
      font-family: Arial, Helvetica, sans-serif;
      font-size: smaller;
   }
   
   INPUT.BUTTON , BUTTON {
      font-family: Arial, Helvetica, sans-serif;
      font-size: normal;
   }

   /*FONT {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      color: #000000;
   }*/

   FIELDSET {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      background-color: #ffffff;
      border: 1px solid #000000;
      padding: 6px;
   }

   LEGEND {
      background-color: transparent;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 0px;
      font-size: small;
   }

      /*******************
      * Table Selectors  *
      ********************/
   /* Table header */
   .portlet-table-header {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      background-color: #768591;
      color: #ffffff;
   }

   /* Normal text in a table cell */
   .portlet-table-body {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
   }

   /* Text in every other row in the table */
   .portlet-table-alternate {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      background-color: #ececec;
   }

   /* Text in a selected cell range */
   .portlet-table-selected {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      background-color: #768591;
      color: #ffffff;
   }

   /* Text of a subheading */
   .portlet-table-subheader {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      font-weight: bold;
   }

   /* Table footer */
   .portlet-table-footer {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
   }

   /* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
   .portlet-table-text {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      font-style: italic;
   }

      /********
      * FONTS *
      *********/

      /* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
   .portlet-font {
   	  background-color:#FFFFFF;
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
	  font-weight: normal;
   }
   
   /* Font attributes for headings in CMS */
   .portlet-heading {
		color: #7E9CA8; /*#447CB0;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
   }

   .portlet-tiny {
		font-size: x-small;
	}
	
	.portlet-warning {
		color:#FF0000;
		font-weight:bold;
	}
	
	.portlet-head-block {
		background-color: #7E9CA8; /*#9ABCDE;*/
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
	}
	
	.portlet-highlight-block {
		background-color: #003399;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.portlet-color-block {
		background-color: #7E9CA8; /*#9ABCDE;*/
		color: #000000;
		border: 1px solid #000000;
	}
   
   /* Font attributes similar to the portlet.font but the color is lighter */
   .portlet-font-dim {
      color: #888385;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
   }

      /********
      * FORMS *
      *********/

   /* Text used for the descriptive label of the whole form (not the label for fields)...why not call this portlet-form-title? */
   .portlet-form-label {
      color: #000000;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
   }

   /* Text on a form button */
   .portlet-form-button {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      color: #000000;
   }

   /* Text that appears beside a context dependent action icon */
   .portlet-icon-label {

   }

      /* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
   .portlet-dlg-icon-label {

   }

   /* Text for form field labels */
   .portlet-form-field-label {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      color: #000000;
      vertical-align: bottom;
		text-align: right;
   }

   /* Text for a form field */
   .portlet-form-field {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
      color: #000000;
      margin-top: 10px;
   }

   /* Text of the user-input in an input field. not sure if we need this guy? */
   .portlet-form-input-field {
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
   }

      /********
      * LINKS *
      *********/

   .portal-links:link {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #242424;
      text-decoration: none;
   }

   .portal-links:hover {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #5699B7;
      text-decoration: none;
   }

   .portal-links:active {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #242424;
      text-decoration: none;
   }

   .portal-links:visited {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #242424;
      text-decoration: none;
   }

      /***********
      * MESSAGES *
      ************/

   /* Status of the current operation. */
   .portlet-msg-status {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-style: normal;
      color: #788793;
   }

   /* Help messages, general additional information, etc. */
   .portlet-msg-info {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-style: italic;
      color: #000000;
   }

   /* Error messages. */
   .portlet-msg-error {
      color: red;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
   }

   /* Warning messages. */
   .portlet-msg-alert {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #821717;
   }

   /* Verification of the successful completion of a task. */
   .portlet-msg-success {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-weight: bold;
      color: #359630;
   }

      /***********
      * SECTIONS *
      ************/

   /* Table or section header */
   .portlet-section-header {
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      font-size: medium;
      color: #768591;
      background-color: #f7f7f7; /*background-image: url(interf/head.jpg);*/
   }

   /* Normal text in a table cell */
   .portlet-section-body {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
   }

   /* Text in every other row in the cell */
   .portlet-section-alternate {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      background-color: #ececec;
   }

   /* Text in a selected cell range */
   .portlet-section-selected {
      background-color: #768591;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      color: #ffffff;
   }

   /* Text of a subheading */
   .portlet-section-subheader {
      font-weight: bold;
      font-size: small;
      font-family: Arial, Helvetica, sans-serif;
      color: #000000;
      /*margin: 3px;
     padding: 3px;*/
   }

   /* Table or section footnote */
   .portlet-section-footer {
      font-family: Arial, Helvetica, sans-serif;
      background-color: #f7f7f7;
      font-size: x-small;
   }

      /* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
   .portlet-section-text {
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
      font-style: italic;
   }

      /********
      * MENUS *
      *********/

   /*General menu settings such as background color, margins, etc. */
   .portlet-menu {

   }

   /* Normal, unselected menu item. */
   .portlet-menu-item {
      color: #242424;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
   }

   .portlet-menu-item:hover {
      color: #5699B7;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
   }

   /* Selected menu item. */
   .portlet-menu-item-selected {

   }

   /* Selected menu item when the mouse hovers over it. */
   .portlet-menu-item-selected:hover {

   }

   /* Normal, unselected menu item that has sub-menus. */
   .portlet-menu-cascade-item {

   }

   /* Selected sub-menu item that has sub-menus */
   .portlet-menu-cascade-item-selected {

   }

   /* Descriptive text for the menu (e.g. in a help context below the menu) */
   .portlet-menu-description {

   }

   /* Menu caption */
   .portlet-menu-caption {

   }

   /* A separator bar similar to a horizontal rule, but with styling matching the page */
   .portlet-horizontal-separator {
   }

   /* Allows portlets to mimic the title bar when nesting something */
   .portlet-nestedTitle-bar {
   }

   /* Allows portlets to match the textual character of the title on the title bar. */
   .portlet-nestedTitle {
   }

   /* Support portlets having tabs in the same style as the page or other portlets */
   .portlet-tab {
   }

   /* Highlight the tab currently being shown */
   .portlet-tab-active {
   }

   /* Highlight the selected tab (not yet active) */
   .portlet-tab-selected {
   }

   /* A tab which can not be currently activated */
   .portlet-tab-disabled {
   }

   /* Top level style for the content of a tab. */
   .portlet-tab-area {
   }