﻿

/* ------------------- AjaxControlToolkit TabContainer Control ------------------- */

/* Tweaks to the default XP tabbed panel theme */

.ajax__tab_xp .ajax__tab_header  /*A container element that wraps all of the tabs at the top of the TabContainer*/
    {
        font-family:Arial, Sans-Serif;
        font-size:11px;
        background:url(tab-line.gif) repeat-x bottom;
    }
    
.ajax__tab_xp .ajax__tab_outer 
{
    padding-right:4px;
    background:url(tab-right.gif) no-repeat right;
    height:21px;
}

.ajax__tab_xp .ajax__tab_inner  /*: An inner element of a tab, often used to set the right-side image of the tab.*/
{
    padding-left:3px;
    background:url(tab-left.gif) no-repeat;
}

.ajax__tab_xp .ajax__tab_tab  /*: An element of the tab that contains the text content*/
{
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    color: #00578D;
    font-weight: bold; 
    height:13px;
    padding:4px 6px;
    margin:0px;
    background:url(tab.gif) repeat-x;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer 
{
    cursor:pointer;
    background:url(tab-hover-right.gif) no-repeat right;
}
    
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner 
{
    cursor:pointer;
    background:url(tab-hover-left.gif) no-repeat;
}
    
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab 
{
    color: #000000;
    cursor:pointer;

}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer 
{
    background:url(tab-active-right.gif) no-repeat right;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner 
{
    background:url(tab-active-left.gif) no-repeat;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab 
{
    color: #227722; 
    background:url(tab-active.gif) repeat-x;
}

.ajax__tab_xp .ajax__tab_disabled 
{
    color: #A0A0A0;
}

.ajax__tab_xp .ajax__tab_body 
{
    font-family:Arial, Sans-Serif;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding: 0px !important;
    background-color:#ffffff;
}

/* Modify form styles for use as wrappers for TabbedPanel form content */
.ajax__tab_xp .form-body
{
}

.ajax__tab_xp .top-search-row
{
    margin: 0px;
    padding: 12px 15px;
}



/* -------------------- AjaxControlToolkit ModalPopup Control -------------------- */

/* Custom classes for uniform look and feel of popups used in Subscribers Section */

/* Page background during popup */
.ajax-modal-background
{
    /*background: #999999 url(../Application_Layout/Images/Layout/alpha30.png) repeat;*/
    background-color: #999999;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index:100;
}

/* Popup panel wrapper class */
.ajax-modal-popup
{
    border: 1px solid #00578D;
    padding: 2px;
    background-color: #FFFFFF;
    color: #000000; 
    margin-right: auto;
    margin-left: auto;
}

/* Red x close button wrapper class */
.ajax-modal-close-x
{
    float: right;
    position: relative;
    top: -4px;
    right: -8px;
}


/* ------------------ Css Class MyCalendar for Calendar Control ------------------ */

.MyCalendar .ajax__calendar_container
{
    border:1px solid #646464; 
    background-color:#ffffff; 
    color:#2B8B0E; 
    z-index:1000; 
    line-height: 23px;
    padding: 3px 4px 3px 3px;
}
.MyCalendar .ajax__calendar_header
{
    background-color: #E3E3E3; 
    margin-top: 0px;
    border: solid 1px black;
    height: 22px;
}
.MyCalendar .ajax__calendar_title,
.MyCalendar .ajax__calendar_next,
.MyCalendar .ajax__calendar_prev
{
    color: #800000; 
    padding-top: 1px; 
    height: 21px;
}
.MyCalendar .ajax__calendar_body
{
    border:1px solid #646464;
    border-top-width: 0px;
    line-height: 20px;
}
.MyCalendar .ajax__calendar_day
{
    text-align:center;
    height: 20px;
}
.MyCalendar .ajax__calendar_dayname
{
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #555;
}
.MyCalendar .ajax__calendar_other
{
    color: GrayText;
}
.MyCalendar .ajax__calendar_hover,
.MyCalendar .ajax__calendar_other .ajax__calendar_hover,
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    color: black;
    background-color: #e3e3e3;
}
.MyCalendar .ajax__calendar_active
{
    font-weight:bold;
    color: #333;
}
.MyCalendar .ajax__calendar_today
{
    font-weight:bold;
    color: #800000;
    padding-top: 0px;
    height: 22px;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day
{
    border:solid 1px black;
    background-color: #f3f3f3;
}

 /* AutoComplete */
 
.autoComplete 
{ 
	margin-left:0px;
	max-height:200px;
	border: solid 1px #7f9bd9;
	overflow:auto; background:inherit;
}
.autoCompleteListItem{ margin-left:2px; }