﻿
    /******************************/
    /* Accordion */
    .accordionHeader
    {
        border: 1px solid #FF0033;
        color: white;
        background-color: #FF0033;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
        background-image: url( '/images/backgrounds/content_bg.jpg' );
        background-repeat: repeat;
    }
    #master_content .accordionHeader a
    {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }
    #master_content .accordionHeader a:hover
    {
        background: none;
        text-decoration: underline;
    }
    .accordionHeaderSelected
    {
        border: 1px solid #F00000;
        color: black;
        background-color: #F00000;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
        background-image: url( '/images/backgrounds/bg5.gif' );
        background-repeat: repeat;
    }
    #master_content .accordionHeaderSelected a
    {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }
    #master_content .accordionHeaderSelected a:hover
    {
        background: none;
        text-decoration: underline;
    }
    .accordionContent
    {
        background-color: #FFF7E7;
        border: 1px dashed #FF0033;
        border-top: none;
        padding: 5px;
        padding-top: 10px;
    }
    
    
    
    
    
     /* Accordion 2 */
    .accordionHeader2
    {
        border: 1px solid #588316;
        color: white;
        background-color: #009541;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
        background-image: url( '/images/backgrounds/bg2.gif' );
        background-repeat: repeat;
    }
    #master_content .accordionHeader2 a
    {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }
    #master_content .accordionHeader2 a:hover
    {
        background: none;
        text-decoration: underline;
    }
    .accordionHeaderSelected2
    {
        border: 1px solid #588316;
        color: white;
        background-color: #588316;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
        background-image: url( '/images/backgrounds/bg4.gif' );
        background-repeat: repeat;
    }
    #master_content .accordionHeaderSelected2 a
    {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }
    #master_content .accordionHeaderSelected2 a:hover
    {
        background: none;
        text-decoration: underline;
    }
    .accordionContent2
    {
        background-color: #CCFF99;
        border: 1px dashed #588316;
        border-top: none;
        padding: 5px;
        padding-top: 10px;
    }
    
    
    
    
    
    
    
    /*AutoComplete flyout */
    .autocomplete_completionListElement
    {
        visibility: hidden;
        margin: 0px !important;
        background-color: inherit;
        color: windowtext;
        border: buttonshadow;
        border-width: 1px;
        border-style: solid;
        cursor: 'default';
        overflow: auto;
        height: 200px;
        text-align: left;
        list-style-type: none;
    }
    /* AutoComplete highlighted item */
    .autocomplete_highlightedListItem
    {
        background-color: #FFFFFF;
        color: black;
        padding: 1px;
    }
    /* AutoComplete item */
    .autocomplete_listItem
    {
        background-color: window;
        color: windowtext;
        padding: 1px;
    }
    /*Cascading DropDown*/
    /*CollapsiblePanel*/
    .collapsePanel
    {
        background-color: white;
        overflow: hidden;
    }
    .collapsePanelHeader
    {
        width: 100%;
        height: 30px;
        background-image: url(images/bg-menu-main.png);
        background-repeat: repeat-x;
        color: #FFF;
        font-weight: bold;
    }
    #master_content .collapsePanelHeader a
    {
        color: #FFF;
    }
    #master_content .collapsePanelHeader a:hover
    {
        text-decoration: none;
        background: none;
    }
    /*Confirm Button*/
    /* DropShadow */
    #master_content .dropShadowPanel span
    {
        color: white;
        text-decoration: underline;
    }
    #master_content .dropShadowPanel span:hover
    {
        text-decoration: none;
    }
    .dropShadowPanel
    {
        width: 300px;
        background-color: #5377A9;
        color: white;
        font-weight: bold;
    }
    /*Drag Panel*/
    .dragMe
    {
        width: 100%;
        height: 21px;
        background-color: #FFF;
        background-image: url(images/header-opened.png);
        text-align: center;
        cursor: move;
        font-weight: bold;
    }
    .overflowHidden
    {
        overflow: hidden;
    }
    .overflowScroll
    {
        overflow: hidden;
    }
    /*Hover Menu*/
    .popupMenu
    {
        position: absolute;
        visibility: hidden;
        background-color: #F5F7F8;
        opacity: .9;
        filter: alpha(opacity=90);
    }
    .popupHover
    {
        background-image: url(images/header-opened.png);
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #F5F7F8;
    }
    /* PagingBulletedList */
    .selectIndex
    {
        font-weight: bold;
        text-decoration: none;
    }
    .unselectIndex
    {
        font-weight: normal;
        text-decoration: underline;
    }
    /*Modal Popup*/
    .modalBackground
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    .modalPopup
    {
        background-color: #ffffdd;
        border-width: 3px;
        border-style: solid;
        border-color: Gray;
        padding: 3px;
        width: 250px;
    }
    .sampleStyleA
    {
        background-color: #FFF;
    }
    .sampleStyleB
    {
        background-color: #FFF;
        font-family: monospace;
        font-size: 10pt;
        font-weight: bold;
    }
    .sampleStyleC
    {
        background-color: #ddffdd;
        font-family: sans-serif;
        font-size: 10pt;
        font-style: italic;
    }
    .sampleStyleD
    {
        background-color: Blue;
        color: White;
        font-family: Arial;
        font-size: 10pt;
    }
    /*Popup Control*/
    .popupControl
    {
        background-color: White;
        position: absolute;
        visibility: hidden;
    }
    /*Reorder List*/
    .dragHandle
    {
        width: 10px;
        height: 15px;
        background-color: Blue;
        background-image: url(images/bg-menu-main.png);
        cursor: move;
        border: outset thin white;
    }
    .callbackStyle
    {
        border: thin blue inset;
    }
    .callbackStyle table
    {
        background-color: #5377A9;
        color: Black;
    }
    .reorderListDemo li
    {
        list-style: none;
        margin: 2px;
        background-image: url(images/bg_nav.gif);
        background-repeat: repeat-x;
        color: #FFF;
    }
    .reorderListDemo li a
    {
        color: #FFF !important;
        font-weight: bold;
    }
    .reorderCue
    {
        border: dashed thin black;
        width: 100%;
        height: 25px;
    }
    .itemArea
    {
        margin-left: 15px;
        font-family: Arial, Verdana, sans-serif;
        font-size: 1em;
        text-align: left;
    }
    /* Rounded Corners*/
    .roundedPanel
    {
        width: 300px;
        background-color: #5377A9;
        color: white;
        font-weight: bold;
    }
    /* ResizableControl */
    .frameImage
    {
        width: 130px;
        height: 65px;
        overflow: hidden;
        float: left;
        padding: 3px;
    }
    .frameText
    {
        width: 100px;
        height: 100px;
        overflow: auto;
        float: left;
        background-color: #ffffff;
        border-style: solid;
        border-width: 2px;
        border-color: Gray;
        font-family: Helvetica;
        line-height: normal;
    }
    .handleImage
    {
        width: 15px;
        height: 16px;
        background-image: url(images/HandleHand.png);
        overflow: hidden;
        cursor: se-resize;
    }
    .handleText
    {
        width: 16px;
        height: 16px;
        background-image: url(images/HandleGrip.png);
        overflow: hidden;
        cursor: se-resize;
    }
    .resizingImage
    {
        padding: 0px;
        border-style: solid;
        border-width: 3px;
        border-color: #B4D35D;
    }
    .resizingText
    {
        padding: 0px;
        border-style: solid;
        border-width: 2px;
        border-color: #7391BA;
    }
    /*Textbox Watermark*/
    .unwatermarked
    {
        height: 18px;
        width: 148px;
    }
    .watermarked
    {
        height: 20px;
        width: 150px;
        padding: 2px 0 0 2px;
        border: 1px solid #BEBEBE;
        background-color: #F0F8FF;
        color: gray;
    }
    /* Rating */
    .ratingStar
    {
        font-size: 0pt;
        width: 13px;
        height: 12px;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        display: block;
        background-repeat: no-repeat;
    }
    .filledRatingStar
    {
        background-image: url(Images/FilledStar.png);
    }
    .emptyRatingStar
    {
        background-image: url(Images/EmptyStar.png);
    }
    .savedRatingStar
    {
        background-image: url(Images/SavedStar.png);
    }
    /*Toggle Button*/
    /*Setup*/
    .walkthrough li
    {
        padding-bottom: 5px;
    }
    /*Using a sample extender*/
    /*Creating a new extender*/
    .walkthroughNote
    {
        padding-left: 25px;
        font-style: italic;
    }
    /*Other neat stuff*/
    /************ PasswordStrength Related Styles ***********************/
    .TextIndicator_TextBox1
    {
        background-color: Gray;
        color: White;
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        padding: 2px 3px 2px 3px;
    }
    .BarIndicator_TextBox2_weak
    {
        color: Red;
        background-color: Red;
    }
    .BarIndicator_TextBox2_average
    {
        color: Blue;
        background-color: Blue;
    }
    .BarIndicator_TextBox2_good
    {
        color: Green;
        background-color: Green;
    }
    .BarBorder_TextBox2
    {
        border-style: solid;
        border-width: 1px;
        padding: 2px 2px 2px 2px;
        width: 200px;
        vertical-align: middle;
    }
    .TextIndicator_TextBox3
    {
        background-color: Blue;
        color: Yellow;
        font-size: small;
        font-variant: small-caps;
        padding: 2px 3px 2px 3px;
    }
    .TextIndicator_TextBox3_Handle
    {
        width: 16px;
        height: 14px;
        background-image: url(images/Question.png);
        overflow: hidden;
        cursor: help;
    }
    .TextIndicator_TextBox1_Strength1
    {
        background-color: Gray;
        color: White;
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        padding: 2px 3px 2px 3px;
        font-weight: bold;
    }
    .TextIndicator_TextBox1_Strength2
    {
        background-color: Gray;
        color: Yellow;
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        padding: 2px 3px 2px 3px;
        font-weight: bold;
    }
    .TextIndicator_TextBox1_Strength3
    {
        background-color: Gray;
        color: #FFCAAF;
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        padding: 2px 3px 2px 3px;
        font-weight: bold;
    }
    .TextIndicator_TextBox1_Strength4
    {
        background-color: Gray;
        color: Aqua;
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        padding: 2px 3px 2px 3px;
        font-weight: bold;
    }
    .TextIndicator_TextBox1_Strength5
    {
        background-color: Gray;
        color: #93FF9E;
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        padding: 2px 3px 2px 3px;
        font-weight: bold;
    }
    .dynamicPopulate_Normal
    {
        border: silver 1px inset;
        padding: 2px;
        text-align: center;
        height: 2em;
        margin: 5px;
        width: 200px;
    }
    .dynamicPopulate_Updating
    {
        background-image: url(images/loading.gif);
        background-repeat: no-repeat;
        border: silver 1px inset;
        text-align: center;
        padding: 2px;
        height: 2em;
        margin: 5px;
        width: 200px;
    }
    /************ MaskedEdit Related Styles ***********************/
    .MaskedEditFocus
    {
        background-color: #ffffcc;
        color: #000000;
    }
    .MaskedEditMessage
    {
        color: #CC0000;
        font-weight: bold;
    }
    .MaskedEditError
    {
        background-color: #ffcccc;
    }
    .MaskedEditFocusNegative
    {
        background-color: #ffffcc;
        color: #CC0000;
    }
    .MaskedEditBlurNegative
    {
        color: #CC0000;
    }
    .MyCalendar .ajax__calendar_container
    {
        border: 1px solid #646464;
        background-color: lemonchiffon;
        color: red;
    }
    .MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
    {
        color: black;
    }
    .MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
    {
        color: black;
    }
    .MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
    {
        color: black;
        font-weight: bold;
    }
    /* SlideShow styles */
    .slideTitle
    {
        font-weight: bold;
        font-size: small;
        font-style: italic;
    }
    .slideDescription
    {
        font-size: small;
        font-weight: bold;
    }
    .validatorCalloutHighlight
    {
        background-color: lemonchiffon;
    }
    .ListSearchExtenderPrompt
    {
        font-style: italic;
        color: Gray;
        background-color: white;
    }
    http: //
    www.asp.net /
    AJAX /
    AjaxControlToolkit /
    Samples /
    App_Themes /
    SampleSiteTheme /
    Menu.ContextMenu.css .ContextMenuPanel
    {
        border: 1px solid #868686;
        z-index: 1000;
        background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
        cursor: default;
        padding: 1px 1px 0px 1px;
        font-size: 11px;
    }
    .ContextMenuBreak
    {
        margin: 1px 1px 1px 32px;
        padding: 0;
        height: 1px;
        overflow: hidden;
        display: block;
        border-top: 1px solid #C5C5C5;
    }
    a.ContextMenuItem
    {
        margin: 1px 0 1px 0;
        display: block;
        color: #003399;
        text-decoration: none;
        cursor: pointer;
        padding: 4px 19px 4px 33px;
        white-space: nowrap;
    }
    a.ContextMenuItem-Selected
    {
        font-weight: bold;
    }
    a.ContextMenuItem:hover
    {
        background-color: #FFE6A0;
        color: #003399;
        border: 1px solid #D2B47A;
        padding: 3px 18px 3px 32px;
    }

