/*
This style sheet was designed in such a manner to minimize the need for specifying
style attributes and properties in the HTML and numerous CSS class declarations
with the hope of reducing the size of the HTMLs and simplifying the process of
changing WL�s style when necessary.  The following guidelines will help keep the
number of style attributes or properties specified in the HTML to a minimum:

1.	Declare in the HTML entity that contains the table �Class=TableColHead� for
    HTML pages with column headers or �Class=TableRowHead� for HTML pages with row headers.

2.	Be sure to use <TH> rather than <TD> for table cells that represent column or row headers.

3.	Use <button> rather than <input> for buttons.

4.	If an HTML has column group headers (ex. The row with the text �Pending NO Actions�
    on the NO Summary screen), use the �ColGroupHead� class in the <TR> that has
    the column group header.

5.  The 'EmphasizedColumn' class can be used to give <TH> cells more emphasis (ex.
    the Field column on the FO Summary screens) and is usually declared in the containing <TR>.

6.	The class �ContrastingBackground� can be used on pages whose white text boxes
    merge too much with the surrounding white space (ex. Add New Sponsor).

7.  The 'Total' class is used for rows that contain column totals and is usually
    declared in the containing <TR>.

8.  The 'NoBorders' can be declared in the HTML entity that contains a table that is
    invisible to the user but helps organize controls in an HTML.

Scott 21-Feb-08 RT5537 Many style changes were required as a result of the new logo
    and this style sheet is an attempt simplify and improve ccs usage throughout the system.
Scott 19-May-08 RT5860 Provide 'PaleGoldenRod' as an alternative to white in order to lessen eye fatigue
Scott 28-Jun-08 RT6162 Prevent Firefox 3 from expanding the row height to fill the table
Scott 02-Oct-09 E762 Grey out text boxes when disabled
*/

a {
	color: #000000;
	font-family: arial, 'comic sans ms';
}

button {
	background-color: #738C1F; /*Changed from #CCCCCC for RT5860*/
	border: 1px outset #000000; /*Added for RT5860*/
	color: #FFFFFF; /*Changed from #000000 for RT5860*/
	font-size: 7pt;
}

button:hover {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 7pt;
}

button:disabled {
	color: #3F3F3F; /*Changed from grey for RT5860*/
}

/*
This line prevents a blank line from showing between the screen filters and buttons
*/
form {
	margin-bottom: 0;
}

.ReadOnly {
	background-color: #DDDDDD;
}

input {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-family: arial, 'comic sans ms';
	font-size: 10pt;
}

li {
	color: #000000;
	font-family: arial, 'comic sans ms';
	font-size: 10pt;
}

p {
	color: #000000;
	font-family: arial, 'comic sans ms';
	font-size: 10pt;
}

select {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-family: arial, 'comic sans ms';
	font-size: 10pt;
}

td {
	font-size: 9pt;
	font-family: arial, 'comic sans ms';
}

th {
	font-size: 9pt;
	font-family: arial, 'comic sans ms';
}

/*Added for RT6162*/
tr {
	height: 1em;
}

input:disabled { /*Added for E762*/
	background-color: lightgrey;
}

textarea {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 10pt;
	font-family: arial, 'comic sans ms';
}

.ContrastingBackground {
	background-color: #CCCCCC;
}

.CopyRight {
	color: #738C1F;
	font-family: arial, 'comic sans ms';
	font-size: 6pt;
	text-align: center
}

/*
Class for error message
*/
.ErrorMessage {
	font-weight: bold;
	color: #000000;
	font-size: 14pt;
	font-family: arial, 'comic sans ms';
    text-align: center;
    vertical-align: top
}

/*
Belongs in <TR> of the screen filters
*/
.Filter td {
	font-size: 7pt;
	color: #000000;
	vertical-align: middle;
}

.Filter input {
	font-size: 7pt;
	color: #000000;
	background-color: #FFFFFF;
}

.Filter select {
	font-size: 7pt;
	color: #000000;
	background-color: #FFFFFF;
}

/*
Defines the appearance of screen instructions
*/
.Instruction {
	color: #FFFFFF;
	font-size: 10pt;
	font-family: arial, 'comic sans ms';
    text-align: left;
    background-color: #000000
}

.JumpReport {
	background-color: PaleGoldenRod; /*Changed from #CCCCCC for RT5860*/
	font-size: 7pt;
}

/*
This class should be put in the HTML element that contains a TABLE element with column headers.
If the table also has row headers add 'HasEmphasizedColumn' to the <TR>
*/

.TableColHead table {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
}

.TableColHead td {
	border: 1px inset #CCCCCC;
	color: #000000;
	font-size: 8pt;
	padding: 1px;
    text-align: center;
	background-color: PaleGoldenRod; /*Added for RT5860*/
}

.TableColHead th {
	background-color: #738C1F;
	border: 1px inset #CCCCCC;
	color: #FFFFFF;
	font-size: 9pt;
   	font-weight: normal;
	padding: 1px;
    text-align: center;
}

/*
This class should be put in the HTML element that contains a TABLE element with row headers and no column headers
*/
.TableRowHead table {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: PaleGoldenRod; /*Added for RT5860*/
}

.TableRowHead td {
	border: 1px inset #CCCCCC;
	color: #000000;
	font-size: 8pt;
	padding: 1px;
    text-align: left;
}

.TableRowHead th {
	background-color: #738C1F;
	border: 1px inset #CCCCCC;
	color: #FFFFFF;
	font-size: 9pt;
   	font-weight: normal;
	padding: 1px;
    text-align: left;
}

/*
Belongs in <TR> of rows that have row headers when TableColHead is specified.  This class
must be declared after 'TableColHead' so that it overrides its 'th' declaration.
*/
.HasEmphasizedColumn th {
	background-color: PaleGoldenRod; /*Changed from #FFFFFF for RT5860*/
	color: #000000;
	font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

/*
Used in the <tr> that contains group headers.  Must be after TableRowHead and TableColHead
in order to have precedence.
*/
.ColGroupHead th {
	font-weight: bold;
    text-align: center;
}

/*
This class is used for tables that are for formatting only (i.e. not visible). This class
must be declared after 'TableColHead' and 'TableRowHead' so that it overrides its 'th' declaration.
*/
.NoBorders table {
	border: 0px;
	width: 100%;
	border-spacing:0;
}

.NoBorders td {
	border: 0px;
}

.NoBorders th {
	border: 0px;
}

/*
This class should be put in the element that contains the system title
*/
.Title1 {
	font-weight: bold;
	color: #FFFFFF; font-size: 10pt;
	font-family: arial, 'comic sans ms';
    text-align: center;
    background-color: #000000;
}


/*
This class should be put in the element that contains the screen titles
*/
.Title2 {
	font-weight: bold;
	color: #738C1F; /*Changed from #000000 for RT5860*/
	font-size: 10pt;
  background-color: #FFFFFF;
}

/*
Belongs in <TR> of total rows
*/
.Totals a {
	color: #000000;
}

.Totals td {
	font-size: 9pt;
   	font-weight: bold;
    text-align: center;
}

.Totals th {
	background-color: PaleGoldenRod; /*Changed from #FFFFFF for RT5860*/
	color: #000000;
	font-size: 9pt;
   	font-weight: bold;
    text-align: left;
}

/*
Menu classes
*/
.itemTopOff {
	width:90px;
	padding:1px 5px;
	border:2px outset #000000;
	text-align:center;
	font-size:10pt;
	font-weight: bold;
	background-color:#738C1F;
}

.itemTopOn {
	cursor:default;
	width:90px;
	padding:1px 5px;
	border:2px outset #000000;
	text-align:center;
	font-weight: bold;
	font-size:10pt;
	background-color:#000000;
}

.itemSubOff {
	background-color:PaleGoldenRod; /*Changed from #CCCCCC for RT5860*/
	width:230px;
	padding:1px 3px;
	border:1px solid #738C1F; /*Added for RT5860*/
	text-align:left;
	font-size:8pt;
}

.itemSubOn {
	cursor:default;
	width:230px;
	padding:1px 3px;
	border:1px solid #000000;
	text-align:left;
	font-size:8pt;
	background-color:#000000;
}

.fontOff {
	font-family:arial, 'comic sans ms';
	font-size:10pt;
	color:#ffffff;
}

.fontOn {
	font-family:arial, 'comic sans ms';
	font-size:10pt;
	color:#ffffff;
}

.fontOffSub {
	font-family:arial, 'comic sans ms';
	font-size:8pt;
	color:#000000;
}

.fontOnSub {
	font-family:arial, 'comic sans ms';
	font-size:8pt;
	color:#ffffff;
}

.tagOff {
	width:8px;
	height:13px;
	float:right;
	background:url("menu_G5/images/tagRN.gif")
	no-repeat bottom;
}

.tagOn {
	width:8px;
	height:13px;
	float:right;
	background:url("menu_G5/images/tagRH.gif") no-repeat bottom;
}

.separatorTop {
	background-color:#738C1F;
	width:10px;
}

/*Added for RT6162*/
.NoBackground td {
  background-color: #FFFFFF;
  border: 1px inset #CCCCCC;
}

.NoBackground th {
  border: 1px inset #CCCCCC;
}


.ui-datepicker-trigger { /*Make the button that holds the icon invisible and centers the date image nicely*/
  border: 0;
  background: transparent;
  vertical-align: middle;
}

.ui-tabs {
  padding: 0!important; /*Removes the spaces between the tabbers and other elements*/
}

.ui-tabs-panel {
  border : 1px solid #AAAAAA!important; /*Gives the tab panels a border*/
  background: PaleGoldenRod!important; /*Gives the tab its color*/
  padding: 0!important; /*Scrunches up the tabs*/
}

.ui-tabs-nav li a {
  font-weight : bold;
  font-size : 9pt;
}

.ui-tabs-selected {
  background: PaleGoldenRod!important; /*Gives the selected tab its color*/
}

.ui-widget-content {
  border : none!important; /*Removes the border around the entire tab control*/
}

.ui-widget-header {
  background : none!important; /*Removes default grey tab background*/
  border : none!important; /*Removes the border around all the tabs*/
}

.HasNestedTabber ul{
  background: PaleGoldenRod!important;  /*Gives the tabs in a nested tabber (like sponsorships on the sponsor profile) the yellow background*/
}

.HasNestedTabber div {
  background: PaleGoldenRod!important; /*Gives the thin border around a tabber in a nested tabber (like sponsorships on the sponsor profile) the yellow background*/
}

.MenuArrows {
  margin: 4px; /*vertically centers them*/
  float: right; /*right justifies them*/
}

/*jdMenu overrides*/
ul.jd_menu {
  background-color: #738C1F!important;
  font-weight : bold;
}

ul.jd_menu ul,
ul.jd_menu ul ul,
ul.jd_menu ul ul ul {
  background-color: PaleGoldenRod!important;
  font-weight : normal!important;
}

ul.jd_menu ul a,
ul.jd_menu ul ul a,
ul.jd_menu ul ul ul a {
  color : black!important;
  font-size : 8pt!important;
}

ul.jd_menu li.jdm_hover {
  background-color: black!important;
}

ul.jd_menu li.jdm_hover li.jdm_hover {
  background-color: #738C1F !important;
}

.tabber  {
  display: none;
}