/*****
GWTL
 - green #006e23
 -  blue #003287
 -  gray #636b70
**/

/* ***************************************************************  BODY  *** */
 body {
 text-decoration: none;
          margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
           color: black;
     font-family: Verdana, sans-serif;
       font-size: 9pt;
}

input, select {
       font-size: 9pt;
     font-family: Verdana, sans-serif;
}

input.decorated {
       font-size: 9pt;
       margin: 1px;
       padding-left: 4px;
       padding-top: 4px;
       vertical-align: middle;
       border: solid black 1px;
}

table {
 border-collapse: collapse;
}

a:link, a:visited {
 text-decoration: none;
  color: black;
}

a:hover, a:active {
 text-decoration: underline;
  color: #003287;
}

td {
       font-size: 9pt;
          margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
  vertical-align: top;
}

img {
        border: 0px solid black;
vertical-align: top;
}

.required-field{
      font-weight: bold;
}

/* fullsize, generally used for grid cells */
.fs {
       margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
		width: 100%;
       height: 100%;
}
/* *********************************************************  List Table  *** */
table.list-table{
           width: 100%;
          margin: 10px 10px 10px 10px;
         padding: 0px 0px 0px 0px;
}

td.left-column{
      text-align: left;
          margin: 2px 2px 2px 2px;
         padding: 1px 3px 1px 3px;
  vertical-align: middle;
}

td.centered-column{
      text-align: center;
          margin: 2px 2px 2px 2px;
         padding: 1px 3px 1px 3px;
  vertical-align: middle;
}

td.right-column{
      text-align: right;
          margin: 2px 2px 2px 2px;
         padding: 1px 3px 1px 3px;
  vertical-align: middle;
}

/* ************************************************  Error Messages Text  *** */
td.error-messages {
           color: red;
          border: solid red 2px;
          margin: 0px 0px 0px 0px;
         padding: 5px 5px 5px 5px;
}

table.error-messages{
          border: solid red 2px;
          margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
           width: 100%;
 border-collapse: collapse;
}

/* ************************************************  Global Messages Text  *** */
table.global-messages{
          margin: 2px 0px 2px 0px;
           color: white;
background-color: red;
           width: 100%;
     font-weight: 800;
      text-align: center;
 border-collapse: collapse;
}

td.global-messages, span.global-messages {
	display:block;
	margin: 5px;
}


/* ***************************************************************  GRID  *** */
th.gridColumnHeader
{
      text-align: left;
       font-size: 10pt;
     white-space: nowrap;
background-image: url(images/gradient-header.png);
           color: white;
    border-right: solid #636b70 1px;
     border-left: solid #636b70 1px;
         padding: 4px 6px 4px 6px;
          margin: 0px 0px 0px 0px;
}

/* Goofy way of handling link color because of IE */
a.gridColumnHeader:link, a.gridColumnHeader:visited
{
       font-size: 10pt;
     white-space: nowrap;
           color: white;
  text-decoration: underline;
}

/* Planning Grid (pg) classes, abbreviated to reduce html traffic */
td.pg{
      text-align: left;
  vertical-align: middle;
     white-space: nowrap;
          margin: 0px 0px 0px 0px;
         padding: 1px 4px 1px 4px;
    border-right: dotted #636b70 1px;
     border-left: dotted #636b70 1px;
      border-top: solid #636b70 1px;
   border-bottom: solid black 1px;
}

/* planning-grid-noborder */
td.pg-nb{
      text-align: left;
  vertical-align: middle;
     white-space: nowrap;
          margin: 0px 0px 0px 0px;
         padding: 2px 4px 1px 4px;
          border: none;
}

/* left-grid */
td.lg{
      text-align: left;
          height: 20px;
  vertical-align: middle;
     white-space: nowrap;
          margin: 0px 0px 0px 0px;
         padding: 2px 2px 2px 2px;
    border-right: dotted #636b70 1px;
     border-left: dotted #636b70 1px;
      border-top: solid #636b70 1px;
   border-bottom: solid black 1px;
}

/* left-grid with wrapping */
td.lg-wrap{
      text-align: left;
          height: 20px;
  vertical-align: middle;
     white-space: normal;
          margin: 0px 0px 0px 0px;
         padding: 2px 2px 2px 2px;
    border-right: dotted #636b70 1px;
     border-left: dotted #636b70 1px;
      border-top: solid #636b70 1px;
   border-bottom: solid black 1px;
}


/* center-grid */
td.cg{
      text-align: center;
          height: 20px;
  vertical-align: middle;
     white-space: nowrap;
          margin: 0px 0px 0px 0px;
         padding: 2px 2px 2px 2px;
    border-right: dotted #636b70 1px;
     border-left: dotted #636b70 1px;
      border-top: solid #636b70 1px;
   border-bottom: solid black 1px;
}

/* right-grid */
td.rg{
      text-align: right;
          height: 20px;
  vertical-align: middle;
     white-space: nowrap;
          margin: 0px 0px 0px 0px;
         padding: 2px 2px 2px 2px;
    border-right: dotted #636b70 1px;
     border-left: dotted #636b70 1px;
      border-top: solid #636b70 1px;
   border-bottom: solid black 1px;
}

/* **************************************************************  PAGER  *** */
th.pager{
      text-align: center;
  vertical-align: top;
   border-bottom: none;
     margin-left: auto;
    margin-right: auto;
}

td.pager{
      text-align: center;
  vertical-align: top;
   border-bottom: none;
     margin-left: auto;
    margin-right: auto;
}

#srch td {
      text-align: center;
          border: solid black 1px;
           width: 22px;
background-color: #cccccc;
}

#srch a {
 text-decoration: none;
         padding: 1px 6px 1px 6px;
     font-weight: 300;
       font-size: 12px;
           color: black;
}

#srch a:hover {
 text-decoration: none;
         padding: 1px 6px 1px 6px;
background-color: black;
     font-weight: 300;
       font-size: 12px;
           color: white;
}

/* **********************************************************  TITLE BAR  *** */
table.title-bar {
           width: 100%;
          margin: 0px 0px 0px 0px;
         padding: 10px 10px 10px 0px;
      border-top: solid black 1px;
   border-bottom: solid black 1px;
 border-collapse: collapse;
background-image: url(images/gradient-title.png);
background-repeat: repeat-x;
}

td.title-left {
  vertical-align: middle;
           color: white;
       font-size: 14px;
     font-weight: 900;
         padding: 5px 5px 5px 30px;
      text-align: left;
}

td.title-right {
  vertical-align: middle;
           color: white;
         padding: 5px 30px 5px 5px;
      text-align: right;
}

/* *****************************************************  TAB NAVIGATION  *** */
table.tab-bar {
         padding: 0px 0px 0px 30px;
          margin: 0px 0px 0px 0px;
          width : 100%;
 border-collapse: collapse;
}

td.tab-bar{
         padding: 1px 0px 0px 0px;
          margin: 0px 0px 0px 0px;
}

a.inactive-tab {
          border: solid black 1px;
         padding: 0px 20px 0px 20px;
          margin: 0px 4px 0px 4px;
 text-decoration: none;
background-color: #636b70;
     font-weight: 300;
       font-size: 12px;
           color: black;
}

/* Goofy way of handling link color because of IE */
a.active-tab:link, a.active-tab:visited
{
          border: solid black 1px;
         padding: 0px 20px 0px 20px;
          margin: 0px 4px 0px 4px;
background-color: gray;
 text-decoration: none;
       font-size: 12px;
     font-weight: 600;
           color: white;
}

a.active-tab {
          border: solid black 1px;
         padding: 0px 20px 0px 20px;
          margin: 0px 4px 0px 4px;
background-color: gray;
 text-decoration: none;
       font-size: 12px;
     font-weight: 600;
           color: white;
}

a.help-tab {
          border: solid black 1px;
         padding: 0px 10px 0px 10px;
          margin: 0px 4px 0px 4px;
 text-decoration: none;
background-color: #636b70;
     font-weight: 600;
       font-size: 12px;
           color: black;
}

/* ****************************************************  SIDE NAVIGATION  *** */
.side-nav-link {
      text-decoration: none;
          font-weight: 600;
              padding: 0px 0px 0px 0px;
               margin: 5px 5px 5px 5px;
                color: black;
            font-size: 13px;
}

.side-sub-link {
      text-decoration: none;
          font-weight: 300;
              padding: 0px 0px 0px 0px;
               margin: 5px 5px 5px 5px;
                color: black;
            font-size: 12px;
}

.side-nav-disabled {
      text-decoration: line-through;
          font-weight: 600;
              padding: 0px 0px 0px 0px;
               margin: 5px 5px 5px 5px;
                color: #636b70;
            font-size: 13px;
}

/* *****************************************************  TOP NAVIGATION  *** */
table.top-nav {
             width: 100%;
     border-bottom: 1px solid black;
}

td.logo-left {

}

td.logo-right {

             text-align:right;
             padding: 10px 10px 10px 10px;
}

td.logo-right a {
	      color:black;
text-decoration:underline;
}

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

#top-left {
	float: left;
	left: 0;
}

#top-right {
	float: right;
	text-align: right;
	padding: 10px 10px 10px 10px;
}



/* **********************************************************  Color Bars *** */
.odd{
  background-color: #eeeeee;
          padding: 2px 2px 2px 2px;
}

.even{
  background-color: white;
           padding: 2px 2px 2px 2px;
}

.odd:hover {
  background-color: #dedede;
}

.even:hover {
  background-color: #dedede;
}

/* ************************************************************  Messages *** */
.messages{
          padding: 10px 10px 10px 10px;
}

/* *******************************************************  MAIN CONTENT  *** */
table.main-content {
          width: 100%;
border-collapse: collapse;
        padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
     border-top: solid black 1px;
  border-bottom: solid black 1px;
}

td.main-content {
  text-align:center;
}

table.secondary-content {
          width: 100%;
border-collapse: collapse;
        padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
}

.border-bottom {
  border-bottom: solid black 1px;
}

/* ***************************************************************** FORM *** */
table.form-table {
border-collapse: collapse;
        padding: 2px 2px 2px 2px;
         margin: 2px 2px 2px 2px;
          width: 99%;
}

td.half-page {
          width: 48%;
}

table.form-table-border {
border-collapse: collapse;
        padding: 2px 2px 2px 2px;
         margin: 2px 2px 2px 2px;
          width: 99%;
         border: solid #636b70 1px;
}

th.form-header {
      text-align: left;
           color: white;
background-image: url(images/gradient-header.png);
       font-size: 12px;
     font-weight: 600;
         padding: 4px 6px 4px 6px;
          margin: 0px 0px 0px 0px;
          border: none;
}



#fh-left {
 background: #636b70 url(images/block-title-left.png) top left no-repeat;
}

#fh-center {
 background: #636b70 url(images/block-title-bg.png) top left repeat-x;
 margin-left:10px;
}

#fh-right {
 background: #636b70 url(images/block-title-right.png) top right no-repeat;
}


td.form-label{
    text-align: right;
        height: 20px;
   white-space: nowrap;
       padding: 2px 5px 2px 5px;
        margin: 1px 1px 1px 1px;
vertical-align: middle;
}

td.form-field{
    text-align: left;
        height: 20px;
   white-space: nowrap;
       padding: 2px 5px 2px 5px;
        margin: 1px 1px 1px 1px;
vertical-align: middle;
}

td.form-field-border{
    text-align: left;
        height: 20px;
        border: solid black 1px;
       padding: 2px 5px 2px 5px;
        margin: 1px 1px 1px 1px;
vertical-align: middle;
}


/* *************************************************************  FOOTER  *** */
table.footer {
           width: 100%;
 border-collapse: collapse;
}

td.footer {
           width: 33%;
       font-size: 10px;
         padding: 0px 0px 0px 0px;
      text-align: center;
           color: black;
}

a.footer {
          color: black;
text-decoration: underline;
}

/* *************************************************************  BUTTONS  *** */

td.faux-button {
      text-align: center;
          border: solid black 1px;
         padding: 2px 10px 2px 10px;
background-color: #d6d6ce;
      border-top: 1px solid white;
     border-left: 1px solid white;
    border-right: 1px solid #424242;
   border-bottom: 1px solid #424242;
}

.faux-button-text {
      text-decoration: none;
          font-weight: 400;
              padding: 0px 0px 0px 0px;
               margin: 5px 5px 5px 5px;
                color: black;

}

.standard-button {
 margin: 0px 5px 0px 5px;
}

.standard-button-auto {
 margin: 0px 5px 0px 5px;
  width: auto;
}


td.button-table {
        padding: 6px 2px 4px 2px;
        vertical-align: middle;
}

td.v-center {
  vertical-align: middle;
}

.button-table-border {
        padding: 4px 2px 4px 2px;
         border: solid 1px #cccccc;
  background-color: #eeeeee;
}


/**************************************************
 * BEGIN quick search navigation
 **************************************************/
  #qsearch td {
    padding-left: 20px;
  }
  #qsearch ul
  {
    padding-left: 0px;
    margin-left: 0px;
    background-color: transparent;
    color: White;
    float: left;
    font-family: arial, helvetica, sans-serif;
    border-left: solid black 1px;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
  }

  #qsearch ul li { display: inline; }

  #qsearch a
  {
  padding: 0.1em 0.5em;
  background-color: #636b70;
  color: black;
  text-decoration: none;
  float: left;
  border-right: solid black 1px;
  }

  #qsearch a:hover
  {
  background-color: black;
  color: white;
  }


/**************************************************
 * END quick search navigation
 **************************************************/


/**************************************************
 * BEGIN layers and classes for list navigation list
 **************************************************/

#navlist { margin-left: 5px; }

#navlist ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 9pt;
}

#navlist li { margin: 0px 0px 1px 0px; }

#navlist a
{
display: block;
padding: 5px 10px;
width: 120px;
color: white;
font-weight: bold;
background-color: #636b70;
text-decoration: none;
}

#navlist a:hover
{
color: black;
background-color: #aaaaaa;
text-decoration: none;
}

#navlist ul ul li { margin: 0px 0px 1px 0px; }

#navlist ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 105px;
color: black;
font-weight: normal;
background-color: #cccccc;
text-decoration: none;
}

td.sidebar {
       width: 130px;
     padding: 2px 10px 0px 0px;
}

td.auto {
  width:auto;
}

/**************************************************
 * END layers and classes for list navigation list
 **************************************************/

/* TABBED PANE */
table.myFaces_panelTabbedPane{
	border-style: none;
	padding: 0;
	border-spacing: 0;
	empty-cells: show;
}

.myFaces_panelTabbedPane {
	width: 99% !important;
}


.myFaces_panelTabbedPane_activeHeaderCell {
	border-top: 2px outset silver;
	border-right: 2px outset silver;
	border-bottom: 0px none;
	border-left: 2px outset silver;

	text-align: center;
	width: 150px !important;
	height: 2em !important;
	background-color: white !important;
}

.myFaces_panelTabbedPane_inactiveHeaderCell,
.myFaces_panelTabbedPane_disabledHeaderCell{
	border-top: 1px outset silver;
	border-right: 1px outset silver;
	border-bottom: 0px none;
	border-left: 1px outset silver;
	text-align: center;
	background-color: silver;

	width: 150px !important;
	height: 2em !important;
}

.myFaces_panelTabbedPane_activeHeaderCell input,
.myFaces_panelTabbedPane_inactiveHeaderCell input,
.myFaces_panelTabbedPane_disabledHeaderCell label{
	border-style: none;
	width: 100%;
}

.myFaces_panelTabbedPane_activeHeaderCell input {
	cursor: pointer;
    background-color: transparent !important;
    /* background-color: inherit; */

	vertical-align: middle !important;
	font-weight: bold !important;
	height: 100% !important;
}

.myFaces_panelTabbedPane_inactiveHeaderCell input{
	cursor: pointer;
	background-color: silver;

	vertical-align: middle !important;
	height: 100% !important;
}
.myFaces_panelTabbedPane_disabledHeaderCell label{
	cursor: normal;
	background-color: silver;
}
.myFaces_panelTabbedPane_emptyHeaderCell{
	border-style: none;
}

td.myFaces_panelTabbedPane_emptyHeaderCell {
    background-color: white !important;
}

.myFaces_panelTabbedPane_activeHeaderCell input:hover,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover{
  color:white !important;
  background:black !important;
}

.myFaces_panelTabbedPane_subHeaderCell{
 	height: 2px;
	line-height: 0;
	font-size: 0;
	border-bottom: 0px none;
}
.myFaces_panelTabbedPane_subHeaderCell_active{
	border-top: 0px none;
}
.myFaces_panelTabbedPane_subHeaderCell_inactive{
	border-top: 2px outset silver;
}
.myFaces_panelTabbedPane_subHeaderCell_first{
	border-left: 2px outset silver;
}
.myFaces_panelTabbedPane_subHeaderCell_last{
	border-top: 2px outset silver;
	border-right: 2px outset silver;
}

.myFaces_panelTabbedPane_pane{
	border-top: 0px none;
	border-right: 2px outset silver;
	border-bottom: 2px outset silver;
	border-left: 2px outset silver;
	padding: 10px;
}
/* END TABBED PANE */