/* @group Layout
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#header {
   background-color: #C3B9A5;
   background-image: url("../images/header.jpg");
   background-repeat: no-repeat;
   background-position: right;
   border-color: #9A9A9A;
}

#navbar {
   background-color: #9A9A9A;
   border-color: #FFFFFF;
}

/*
    These styles control the basic two-column format of every page
    ( StandardPageStart.html, StandardPageEnd.html )
*/
.rightnav {
    background-color: #E7E3DC;
    border-color: #FFFFFF;
}

.RightNavBottom {
    background-color: #D7D4CF;
}

#ResourceBox {
   border-color: #E7E3DC;
}

#footer {
   background-color: #B3B3B3;
   border-color: #B3B3B3;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Text
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.header {
    color: #333333;
}

/*
    The pagetitle class is used for the portal name displayed at the
    top of every page (StandardPageStart.html)
*/
.pagetitle {
    color: #FFFFFF;
}

.pagetitle a {
    color: #FFFFFF;
}

/*
    The BottomNav class styles the text in the footer of each page.
    (StandardPageEnd.html)
*/
.BottomNav {
    color: #333333;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Links
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* Base styles for links*/
a.link, a.link:link, a.link:visited {
    color: #4A77A1;
}

a.link:hover {
    color: #4A77A1;
}

/*
    The header class is used for headers throughout CWIS.
    For example, the headlines of the two news areas on
    Home use the header class.
*/
a.header, a.header:link, a.header:visited {
    color: #4A77A1;
}

a.header:hover {
    color: #4A77A1;
}

/*
    The whitenav class styles the navigation options on the right side
    of every page (StandardPageEnd.html)
*/
a.whitenav, a.whitenav:link, a.whitenav:visited {
    color: #FFFFFF;
}

a.whitenav:hover {
    color: #FFFFFF;
}

/*
    The ResourceHeader class is used for the title of resources
    printed using the PrintResource function in Common.html
*/
a .ResourceHeader, a:link .ResourceHeader, a:visited .ResourceHeader {
    color: #333333;
}

a:hover .ResourceHeader {
    color: #333333;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Forms
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*
    The KeywordTitle class and #searchForm span styles the phrase "Keyword Search" at the
    top of every page (StandardPageStart.html)
*/
.KeywordTitle, #SearchForm span {
    color: #FFFFFF;
}

/*
    The AdvSearchBox class styles colored boxes throughout the
    portal. The Advanced Search page, for example, uses this style
    for the area with the title "Enter your search"
*/
.AdvSearchBox {
    background-color: #E7E3DC;
    border-color: #D7D2C9;
}

/*
    These styles are for the saved search area on the Advanced Search screen
*/
ul.SPTSavedSearches li {
    background-color: #F7F3EC;
    border-color: #D7D2C9;
}

ul.SPTSavedSearches li:hover {
    background-color: #FFFBF4;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Help Navigation
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*
    There are two styles of Help navigation in the portal. The
    first displays navigation options as a stack of list items
    and is styled by the HelpNav class. The second displays navigation
    options as a linear arangement of list items and is styled by
    the HelpNavLinear class
*/

ul.HelpNav {
    background-color: #E7E3DC;
    border-color: #D7D2C9;
}

ul.HelpNav li {
    border-color: #D7D2C9;
}

ul.HelpNav li:hover, ul.HelpNavLinear li:hover {
    background-color: #F7F3EC;
}

ul.HelpNavLinear li {
    background-color: #E7E3DC;
    border-color: #D7D2C9;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Styled Buttons
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.StyledButton, .StyledButton:link, .StyledButton:hover, .StyledButton:visited {
    background-color: #E7E3DC;
    background-image: url("../images/CW-Gradient-Short.png");
    border-color: #D7D2C9;
    color: #4A77A1;
}

.StyledButton:active {
    background-color: #E7E3DC
    background-image: url("../images/CW-Gradient-ShortReversed.png");
}

.OrderButton .Text {
    color: #4A77A1;
}

.OrderButton .Arrow {
    color: #4A77A1;
}

.OrderButton, .OrderButton:link, .OrderButton:hover, .OrderButton:visited {
    color: #4A77A1;
}

a.AddField {
    background-color: #F7F3EC;
    background-image: url("../images/CW-Icon-Add.png");
    border-color: #D7D2C9;
    color: #4A77A1;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Resource Information
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.FullRecord .BoundingBox {
    background-color: #E7E3DC;
    border-color: #D7D4CF;
}

#ResourceHeaderBox {
    background-color: #FFFFFF;
    background-image: url("../images/CW-Gradient-Short.png");
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group CWIS
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* ----- COMMON BUTTON -------------------------------------------------------
Uses: Non-form action "buttons".
Tags: (any)
*/
.Button {
    background-color: #F7F3EC;
    border-color: #D7D2C9;
}

/* ----- CONFIGURATION TABLE -------------------------------------------------
Uses: Table for displaying and editing options or configuration settings.
Tags: table
*/
.ConfigTable th {
    background-color: #D7D4CF;
    border-color: #F9FAFF;
}

.ConfigTable td {
    background-color: #F7F3EC;
    border-color: #F9FAFF;
}

.ConfigTable tr.DarkRow td,
.ConfigTable tr:nth-child(odd) td {
    background-color: #E7E3DC;
}

.ConfigTable tr.LightRow td,
.ConfigTable tr:nth-child(even) td {
    background-color: #F7F3EC;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Metadata Tool and Adminstration Interface
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* -------------- Metadata Tool --------------*/

.MDTable {
    border-color: #D7D2C9;
    background-color: #E7E3DC;
}

.MDTable th {
    color: #333333;
}

table.MDTable td, table.MDTable th {
    border-color: #F9FAFF;
}

/* -------------- Database Editor--------------*/

.DBEditorTable th.FieldSection {
    background-color: #AAAAAA;
}

.DBEditorTable .FieldSection2 {
    border-color: #F9FAFF;
}

.DBEditorTable th, th.DBEth {
    background-color: #CCCCCC;
    border-color: #F9FAFF;
}

.DBEditorTable th.light, th.light a {
    background-color: #E1DFDC;
}

.DBEditorTable td {
    background-color: #F4F2EF;
    border-color: #F9FAFF;
}

.DBEditorTable tr.FieldDisabled td {
    background-color: #F9F7F4;
    color: #888888;
}

.DBEditorTable tr.FieldDisabled th.light, tr.FieldDisabled th.light a {
    background-color: #E9E7E4;
    color: #888888;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* @group Miscellaneous
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* LightRow and DarkRow are used when we want alternating row colors  */
.LightRow {
    background: #F7F3EC;
}

.DarkRow {
    background: #E7E3DC;
}

/* @end
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
