/* ---------------------------------------------------------------------------------

	File: 			ajax.css
	Author: 		Walter Botich
	Created: 		02/27/09
	Modified:		04/16/09
	Description:	Sets the default styling for .NET AJAX and other AJAX controls
					Included as part of screen.css
	
----------------------------------------------------------------------------------*/
    
/* CALENDAR EXTENDER ------------------------------------------------------------ */
/* Currently uses .NET default */
.btn-calendar-small {
    background-image: url("../images/icn16-calendar.png");
}

/* TABS ------------------------------------------------------------------------- */
/* Currently uses .NET default */


/* ACCORDIONS ------------------------------------------------------------------- */
.accordion-header, .accordion-header-selected {
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: .5em;
    font-size: .9em;
    font-weight: bold;
}
    .accordion-header {   
        background: #ffffff url("../images/bg-accordion_header.gif") repeat-x top;
        border: 1px solid #999999;
    }
    .accordion-header-selected {
        background: #ffcc00 url("../images/bg-accordion_header_selected.gif") repeat-x top;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #999999;
    }
.accordion-content {
    padding: .5em 1em;
    background: #ffffcc;
    border: 1px solid #999999;
}

    
/* MODAL POPUP ------------------------------------------------------------------ */
.modal-popup {
    background-color: #dadada;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* VALIDATOR CALLOUT ------------------------------------------------------------ */
/* Currently uses .NET default */


/* TEXTBOX WATERMARK ------------------------------------------------------------ */
/* See form.css input.watermark */


/* LOADING DIALOG --------------------------------------------------------------- */
/* Status indicator class while information loads */
/* Parent container must have "position: relative;" */
div.loading {
    position: absolute;
    z-index: 20000;
    top: 30px;
    left: 44%;
    right: 44%;
    padding: 20px 0;
    text-align: center;
    border: 5px solid #cccccc;
}

/* USER NOTIFICATION CLASSES ---------------------------------------------------- */
/* Tooltip hover window */
div.tooltip {
	margin: 0;
	padding: .5em 1em;
	font-size: .85em;
	color: #333333;
    border: 1px solid #ffce29;
    background-color: #fdefbd;
}

/* ROLODEX/NOTECARD ------------------------------------------------------------- */
/* Class to make a fieldset look like a rolodex card or note card */
fieldset.rolodex, fieldset.notecard {
    /* IE bug fix */
    position: relative;
    /* end bug fix */
    min-height: 6em;
    margin: 3em 0 1em;
    padding: 2em;
    /* Webkit and Mozilla implementations for rounded corners */
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    /* end implementation */
}
    fieldset.rolodex {
        background: #efefef url("../images/bg-rolodex.gif") repeat-x top;
        border-color: #000000;   
    }
    fieldset.notecard {
        background: #efefef url("../images/bg-notecard.gif");
        border-color: #cccccc;   
    }
    
    fieldset.rolodex legend, fieldset.notecard legend {
        /* IE bug fix */
        position: absolute;
        /* end bug fix */
        top: -1em;
        margin: 0;
        padding: .3em .5em;
        color: #ffffff;
        /* Webkit and Mozilla implementations for rounded corners */
        -webkit-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-topleft: 5px;
        /* end implementation */
    }
        fieldset.rolodex legend {
            background: #000000;
        }
        fieldset.notecard legend {
            background: #999999;
            border-bottom: 1px solid #ff8c9d;   
        }
            fieldset.rolodex legend select, fieldset.notecard legend select {
                font-weight: bold;
                color: #ffffff;
                border-width: 0;
            }
                fieldset.rolodex legend select {
                    background: #000000;
                }
                fieldset.notecard legend select {
                    background: #999999;   
                }
    	    
/* CALENDAR --------------------------------------------------------------------- */
table.calendar {
    margin: 1em 0;
    border-collapse: collapse;
    border: 1px solid #000000;
}
    /* DO NOT EDIT */
    table.calendar tr {
        background: none;   
    }
        table.calendar tr td {
            padding: 0;
            border: 1px solid #000000;
        }
            table.calendar tr td img {
                margin: 2px 2px 0 0;
                vertical-align: middle;
            }
    
    table.calendar table {
        margin: 0;
        border-width: 0;
    }
        table.calendar table tr td {
            padding: .25em;
            font-size: 1.4em;
            font-weight: bold;
            vertical-align: middle;
            border-width: 0 !important;
        }
    /* END DO NOT EDIT */

/* Classes for .NET calendar control */
table.calendar .title {
    color: #ffffff;
    background: #333333;
}
table.calendar .day-header {
    padding: .15em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #000000;
}
/* NOTE: Text color must be set in skin file due to .NET control limitations */
table.calendar .day, table.calendar .today, table.calendar .other-month, table.calendar .selected-day {
    padding: .25em;
}
    table.calendar .day {
        background: #ffffff;  
    }
    table.calendar .today {
        background: #ffee00; 
    }
    table.calendar .other-month {
        background: #dedede;
    }
    table.calendar .selected-day {
        font-weight: bold;
        background: #799fc5 !important;
    }
        table.calendar .day:hover, table.calendar .other-month:hover {
            background: #edf9ff;
        }
        table.calendar .day a, table.calendar .today a, table.calendar .other-month a, table.calendar .selected-day a {
            display: block;
        }
        table.calendar .day a:hover, table.calendar .today a:hover, table.calendar .other-month a:hover, table.calendar .selected-day a:hover {
            color: #0066cc !important;
            text-decoration: none;
        }

/* Custom size calendar */
table.calendar.custom {
    width: 50%;
}
    table.calendar.custom .day, table.calendar.custom .today, table.calendar.custom .other-month, table.calendar.custom .selected-day
    {
        height: 50px;   
    }
/* Fill-width size calendar */
table.calendar.fill-width {
    width: 100%;
}
    table.calendar.fill-width .day, table.calendar.fill-width .today, table.calendar.fill-width .other-month, table.calendar.fill-width .seleted-day {
        height: 100px;   
    }