/* ----------------------------------------------- */
/* --                                           -- */
/* --  COLOR SCHEME USED IN CI3:                -- */
/* --                                           -- */
/* --  Light Light Blue (highlight):  #D8E8FF   -- */
/* --  Light Blue:  #BFDBFF                     -- */
/* --  Medium Blue:  #6591CD                    -- */
/* --  Dark Blue:  #15428B                      -- */
/* --                                           -- */
/* --  White:  #FFF                             -- */
/* --  Light Gray:  #CCC                        -- */
/* --  Dark Gray:  #666                         -- */
/* --  Black:  #000                             -- */
/* --                                           -- */
/* --  Light Yellow (focus): #FFFFE0            -- */
/* --  Light Pink (autocompletes): #FEE         -- */
/* --                                           -- */
/* --  Dark Red (validation): #C00              -- */          
/* --                                           -- */
/* ----------------------------------------------- */


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                font-size: 100%;
                vertical-align: baseline;
                background: transparent;
}
body {
                line-height: 1;
}
ul {
                list-style: none;
}
blockquote, q {
                quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
                content: '';
                content: none;
}

/* remember to define focus styles! */
:focus {
                outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
                text-decoration: none;
}
del {
                text-decoration: line-through;
}
sup {
    font-size: x-small;
    vertical-align: text-top;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
                border-collapse: collapse;
                border-spacing: 0;
}*/

a
{
    text-decoration: none;
    color: #15428B;
    cursor: pointer;
}
a:hover
{
    text-decoration: underline;
}
a:visited.LightLink, a:link.LightLink 
{
    color: White;
}
a:visited.DarkLink, a:link.DarkLink
{
    color: #15428B;
}
body, textarea
{
	font-family: Arial, Tahoma, Verdana, Microsoft Sans Serif; 
	font-size: 10pt;
}
body.Waiting 
{
    cursor: wait;
}
input[type=password], input[type=text],
select, textarea
{
    border: solid 1px #666;
}
.ajax__calendar_footer 
{
	display: none;
}
.BlueLabel, .BlueLabelMedium, .BlueLabelSmall
{
	color: #15428B;
	font-weight: bold;
}
.BlueLabel
{
    font-size: 14pt;
}
.BlueLabelMedium
{
    font-size: 12pt;
}
.ButtonSmallGreen, .ButtonSmallLight
{
    font-size: 8pt;
    background-repeat: repeat-x;
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    font-family: Verdana;
    cursor: pointer;
    color: Black;
    /*_min-width: 50px;*/
}
input[disabled="disabled"].ButtonSmallLight,
.ButtonSmallLight.DisabledButton,
input[disabled="disabled"].ButtonLargeDark,
.ButtonLargeDark.DisabledButton
{
	color: Gray;
	cursor: auto;
    background-image:none;
    background: lightgray;
}
a[disabled="disabled"] 
{
    color: Gray;
    cursor: auto;
    text-decoration: none;
}
input[disabled="disabled"],
input[readonly="readonly"],
.DisabledIndexField,
.DisabledButton
{
    background: lightgray;
}
div.ButtonSmallGreen, div.ButtonSmallLight
{
    height: 16px;
    line-height: 16px;
}
input.ButtonSmallGreen, input.ButtonSmallLight
{
    height: 20px;
    line-height: normal;   
}
.ButtonSmallGreen
{
    background-image: url(../Images/ButtonSmallGreenBackground.png);
}
.ButtonSmallLight
{
    background-image: url(../Images/ButtonSmallLightBackground.png);
}
.ButtonLargeDark
{
    background-image: url(../Images/ButtonLargeDarkBackground.png);
    background-repeat: repeat-x;
    margin-bottom: auto;
    margin-top: auto;
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    font-family: Verdana;
    color: White;
    cursor: pointer;
    width: auto;
}
.ButtonLargeLight
{
    background-image: url(../Images/ButtonLargeLightBackground.png);
    background-repeat: repeat-x;
    margin-bottom: auto;
    margin-top: auto;
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    font-family: Verdana;
    cursor: pointer;
}
.CodeText
{
    font-family: Courier New, Courier, Monospace;
    font-size: 9pt;   
}

    .CodeText.FormattedCode
    {
        display: block;
        unicode-bidi: embed;
        font-family: monospace;
        white-space: pre;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .CodeText.UnformattedCode
    {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        font-family: monospace;
    }

.DivAsButton
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    padding-left: 7px; padding-right: 7px;
    white-space: nowrap;
}
.FieldLabel
{
    font-size: smaller;
    color: #666;
}
.GrayedOutText
{
    color: #999;   
}
.GrayedOutBox
{
    background-color: #DDD;
}
.HelpIcon
{
    cursor: help;
}
.InlineIcon
{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.ItalicText
{
    font-style: italic;
}
.MediumText
{
    font-size: 9pt;
}
.MiddleCenter
{
    vertical-align: middle;
    text-align: center;
}
.MiddleLeft
{
    vertical-align: middle;
    text-align: left;
}
.ModalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.ModalPanel
{
	border: solid 1px #666;
	padding: 10px;
	background-color: White;
}
.LightBluePanel
{
    background-color: #BFDBFF;
}
.Panel100Percent
{
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
    width: 100%; height: 100%;
}
.PopupControl
{
    position: absolute;
    visibility: hidden;
    border: solid 1px #333;
    background-color: #FFEEEE;
    padding: 5px;    
}
.SectionTitle
{
	color: Blue;
	font-weight: bold;
	font-size: larger;
}
.SmallText
{
    font-size: 8pt;
}
.TextBox25
{
    width: 25px;
}
.TextBox50
{
    width: 50px;
}
.TextBox75
{
    width: 75px;
}
.TextBox100
{
    width: 100px;   
}
.TextBox125
{
    width: 125px;   
}
.TextBox150
{
    width: 150px;   
}
.TextBox175
{
    width: 175px;   
}
.TextBox200
{
    width: 200px;
}
.TextBox250
{
    width: 250px;
}
.TextBox275
{
    width: 275px;
}
.TextBox300
{
    width: 300px;
}
.TextBox350
{
    width: 350px;
}
.TextBox400
{
    width: 400px;
}
.TopCenter
{
    text-align: center;
    vertical-align: top;   
}
.TopLeft
{
    text-align: left;
    vertical-align: top;
}
.UpdateProgressDivWhite
{
    position: absolute; 
    top: 0px; right: 0px; bottom: 0px; left: 0px; 
    background-color: White;
    filter: alpha(opacity=90); opacity: 0.9;
    min-height: 50px;
}
.Validation
{
    font-weight: bold;
    color: #C00;
}
.ValidationBug
{
    cursor: pointer;
}

/* ----- Homepage Tabs ----- */
.MainTabs .ajax__tab_header { margin-left: 15px; }
.MainTabs .ajax__tab_outer { padding-right: 4px; background: url(../Images/Tabs/tab-right.gif) no-repeat right; height: 21px; }
.MainTabs .ajax__tab_inner { padding-left:3px; background: url(../Images/Tabs/tab-left.gif) no-repeat; }
.MainTabs .ajax__tab_tab { height: 13px; padding: 4px; margin: 0px; background: url(../Images/Tabs/tab.gif) repeat-x; }
.MainTabs .ajax__tab_hover .ajax__tab_outer { cursor: pointer; background: url(../Images/Tabs/tab-hover-right.gif) no-repeat right; }
.MainTabs .ajax__tab_hover .ajax__tab_inner { cursor: pointer; background: url(../Images/Tabs/tab-hover-left.gif) no-repeat; }
.MainTabs .ajax__tab_hover .ajax__tab_tab {cursor: pointer;background: url(../Images/Tabs/tab-hover.gif) repeat-x; }
.MainTabs .ajax__tab_active .ajax__tab_outer { background: url(../Images/Tabs/tab-active-right.gif) no-repeat right; color: White; }
.MainTabs .ajax__tab_active .ajax__tab_inner { background: url(../Images/Tabs/tab-active-left.gif) no-repeat; color: White;}
.MainTabs .ajax__tab_active .ajax__tab_tab { background: url(../Images/Tabs/tab-active.gif) repeat-x; color: White; font-weight: bold; }
.MainTabs .ajax__tab_disabled { color: #A0A0A0; }
.MainTabs .ajax__tab_body 
{
    position: absolute;
    top: 20px;
    bottom: 0px;
    background-color: White;
    background-image: url('../Images/HomepageGradientBackground.png');
    background-repeat: repeat-x;
    width: 100%;
    border-top: solid 1px #666;
}
.FullSizeContainerDiv
{
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    width: 100%; height: 100%;
    z-index: 4;
}
.ModalBackgroundDiv
{
    position: absolute; 
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    height: 100%; width: 100%;
    background-color: Gray; 
    filter: alpha(opacity=70); opacity: 0.7;
}
.ModalPopupDiv
{
    position: absolute;
    background-color: White; 
    margin-top: 20px; 
    max-height: 90%; 
    padding: 10px;
    overflow: auto;
}
.BulkEmailModalPopupDiv
{
    position: inherit;
    margin-top: 0;
}
.CIMembershipUserSelectorDiv
{
    position: relative;
    cursor: pointer;
    border: solid 1px #666;
    left: 2px;
}
.CIMembershipUserSelectorHighlightedItem
{
    background-color: #D8E8FF;
    padding: 5px 5px 5px 20px;
    background-image: url(../../Images/Icons/Person.png);
    background-position: left;
    background-repeat: no-repeat;
}
.CIMembershipUserSelectorListItem
{
    background-color: #FDD !important;
    padding: 5px 5px 5px 20px;
    background-image: url(../../Images/Icons/Person.png);
    background-position: left;
    background-repeat: no-repeat;
}
.LoadingSpinnerBackground
{
    background-color: #fff; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    filter: alpha(opacity=80); opacity: 0.8;
    z-index: 9999;
}
.LoadingSpinner
{
    width: 250px; 
    height: 50px; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -125px;
    margin-left: -125px; 
    text-align: center; 
    vertical-align: middle;
}

/* --- Report Chart Viewer --- */
.ReportChartViewer 
{
    margin: 10px auto;
    width: 800px;
    height: 650px;    
}
.ReportChartViewer .ajax__tab_xp .ajax__tab_body
{
    position: relative;
}
.ReportChartViewer .ChartControlsPanel 
{
    position: absolute;
    top: 5px;
    right: 5px;
}
/* - End Report Chart Viewer - */

.FilterDropdown 
{
    margin-top: 3px;
    width: 100%;
}

.querytiming {
    color: #fefefe;
    font-family: monospace;
}