/*
This is the style sheet for the main application pages.  It is to be included with the 
ApplicationFramework.master page.  This CSS controls all of the styles that are to be applied
to pages using this master page.  the following styles are to be implemented and used throughout 
the pages.
*/

/* Style applies to everything in a body tag.  This should cover all normal text unless overridden */
body
{
    font-family: 'Tahoma';
    font-size: 12px;
    color: #393A3D;
    background-color: White;
    background-image: url('Images/gradient_background.jpg' );
    background-repeat: repeat-x;
}
/*
 Some of the pages have a title.  This will apply to the title of the page.
*/
.PageTitle
{
    font-family: 'Tahoma';
    font-size: 14px;
    font-weight: bold;
    color: #393A3D;
}
/* These styles cover the Advertising area. This will only cover the cell holding the ads
the rest of the styles are contained in the ad script. */
.AdAreaBackground
{
    background-color: #C9CACC;
}

/* Will apply to text fields that are required fields for entry */
.RequiredField
{
    font-size: 12px;
    color: navy;
    font-family: 'Tahoma';
    background-color: #FAFAD2;
}

/* Will apply to text fields that are optional */
.OptionalField
{
    font-size: 12px;
    color: black;
    font-family: 'Tahoma';
    background-color: white;
    text-align: left;
}
/* These are for the tabs */
.TabSelected
{
    height: 30px;
    width: 157px;
    background-image: url("Images/tab_Blank_Highlight.gif");
}
.TabUnselected
{
    height: 30px;
    width: 157px;
    background-image: url("Images/tab_Blank_Normal.gif");
}
.TabLinkButtonSelected
{
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    text-decoration: none;
}
.TabLinkButtonUnSelected
{
    color: Black;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
}

.Button
{
    font-weight: normal;
    font-family: 'Tahoma';
}
.GridButton
{
    font-weight: normal;
    font-size: 10px;
    font-family: 'Tahoma';
}
.HelpPageTitleBox
{
    background-color: #769DB9;
    color: White;
    vertical-align: top;
    position: static;
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
}
.HelpPageTopicBox
{
    background-color: #769DB9;
    color: White;
    vertical-align: top;
    position: static;
    font-size: 14px;
    vertical-align: top;
}
.ContentBox
{
    background-color: #C9CACC;
    border-color: Navy;
    border-style: solid;
    border-width: 1px;
}
.EmptyTableAddIndicator
{
    background-color: #769DB9;
    color: White;
    font-weight: bold;
}
/*************************************************************************************************
Calendar Styles
**************************************************************************************************/
.Cal_CssClass
{
    background-color: White;
    border-color: Black;
    border-style: none;
    border-width: 0;
    font-family: Tahoma;
    font-size: 10px;
    color: Black;
}
.Cal_DayHeaderStyle
{
    background-color: White;
    font-weight: normal;
    font-size: 10px;
    color: #333333;
    height: 2px;
}
.Cal_DayStyle
{
    background-color: #CCCCCC;
    height: 30px;
}
.Cal_NextPrevStyle
{
    font-weight: bold;
    font-size: 12px;
    color: White;
}
.Cal_OtherMonthDayStyle
{
    color: #888888;
    background-color: #888888;
}
.Cal_SelectedDayStyle
{
    background-color: #393A3D !important; /*#55738B*/
    color: White !important;
    font-weight: bold !important;
}
.Cal_SelectorStyle
{
}
.Cal_TitleStyle
{
    background-color: #769DB9; /* 		One note about this background color.  For some reason, the control still fills in the  		cell that contains the title with a background of silver.  I haven't found a way to change 		this other than to set the control.  IF you change the background here, you will need to change 		every control background color as well.  (What a pain in the butt!!!) 	*/
    border-color: #769DB9;
    border-style: solid;
    border-width: 0px;
    font-weight: bold;
    font-size: 12px;
    color: White;
    height: 2px;
    margin: 0 0 0 0;
}
.Cal_TodayDayStyle
{
    background-color: #55738B;
    color: White;
}
.Cal_WeekendDayStyle
{
    background-color: #BBBBBB;
}

/*************************************************************************************************
GrivView Styles
**************************************************************************************************/
.GridView_Style
{
    font-family: "Tahoma";
}
.GridView_Style caption
{
    font-family: "Tahoma";
    color: #03528E;
    font-weight: bold;
    text-align: left;
}
.GridView_Style A
{
    font-family: "Tahoma";
    color: #03528E;
}
.GridView_RowStyle
{
    vertical-align: text-top;
}
.GridView_HeaderStyle
{
    background-color: #769DB9;
    color: White;
    text-align: left;
}
.GridView_HeaderStyle A
{
    background-color: #769DB9;
    color: White;
    text-align: left;
}
.GridView_AlternatingRowStyle
{
    background-color: #DDDDDD;
    vertical-align: text-top;
}
.GridView_FooterStyle
{
}
.GridView_EmptyDatarowStyle
{
}
.GridView_EditRowStyle
{
}
.GridView_SelectedRowStyle
{
}
.GridView_PagerStyle
{
}
/*************************************************************************************************
Extra Menu Styles
**************************************************************************************************/
.MousePointer
{
    cursor: pointer;
    z-index: 1;
}
/*************************************************************************************************
Ajax Tab Styles
**************************************************************************************************/

/* default layout */
.ajax__tab_default .ajax__tab_header
{
    white-space: nowrap;
}
.ajax__tab_default .ajax__tab_outer
{
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_inner
{
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_tab
{
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}

/* xp theme */
.CustomTabStyle .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(images/tab-line.gif) repeat-x bottom;
}
.CustomTabStyle .ajax__tab_outer
{
    padding-right: 0px;
    background: url(images/tab-right.gif) no-repeat right;
    height: 21px;
}
.CustomTabStyle .ajax__tab_inner
{
    padding-left: 3px;
    background: url(images/tab-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(images/tab.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: url(images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    background: url(images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab
{
    background: url(images/tab-hover.gif) repeat-x;
    color: Blue;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    background: url(images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url(images/tab-active-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    background: url(images/tab-active.gif) repeat-x;
    color: White;
}
.CustomTabStyle .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}


/*************************************************************************************************
Ajax Popup Calendar Styles
**************************************************************************************************/
.PopupCalClass .ajax__calendar_container
{
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}
.PopupCalClass .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}
.PopupCalClass .ajax__calendar_title, .PopupCalClass .ajax__calendar_next, .PopupCalClass .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}
.PopupCalClass .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}
.PopupCalClass .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}
.PopupCalClass .ajax__calendar_day
{
    text-align: center;
}
.PopupCalClass .ajax__calendar_hover .ajax__calendar_day, .PopupCalClass .ajax__calendar_hover .ajax__calendar_month, .PopupCalClass .ajax__calendar_hover .ajax__calendar_year, .PopupCalClass .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}
.PopupCalClass .ajax__calendar_today
{
    font-weight: bold;
}
.PopupCalClass .ajax__calendar_other, .PopupCalClass .ajax__calendar_hover .ajax__calendar_today, .PopupCalClass .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}