/****************************************/
/****************************************/
/**** AJAX Styles **********************/
/****************************************/
/****************************************/
#div_level1 {
    position: absolute;
	z-index: 1;
}
#div_level2 {
    position: absolute;
	z-index: 2;
}
.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}


.demoarea {
    padding:20px;
    background:#FFF url(/images/demotop.png) no-repeat left top;
}

.demoarea p 
{
    padding:5px;
}

.demoheading {
    padding-bottom:20px;
    color:#5377A9;
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:1.5em;
}


.ListSearchExtenderPrompt
{
    font-style:italic;
    color:Gray;
    background-color:white;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
    visibility : hidden;
    margin : 0px!important;
    background-color: #ffffff;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    overflow : auto;
    height : 200px;
    text-align : left; 
    list-style-type : none;
	z-index: 10;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
	z-index: 10;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    background-color : window;
    color : windowtext;
    padding : 1px;
	z-index: 10;
}

/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
    text-align: right;
    vertical-align: top;
    padding-top: 5px;
}

.animationReferenceCode
{
    margin-top: 5px;
    vertical-align: top;
    font-family: 'Courier New', Monospace;
    font-style: normal;
    font-weight: bold;
    
    display:block;
    background-color:#FFF;
    color:#000;
    font-family:'Courier New', Monospace;
    font-size:0.9em;
    font-style:normal;
    font-weight: bold;
    margin-bottom: 5px;
}

.animationReferenceItems
{
    vertical-align: top;
}

.animationReferenceItemTable
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.animationReferenceItemRow
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.animationReferenceItem
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}

.animationReferenceItemCode
{
    display:block;
    background-color:#FFF;
    color:#000;
    font-family:'Courier New', Monospace;
    font-size:0.9em;
    font-style:normal;
    font-weight: bold;
}

/*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;
    font-size: 9px
}   

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
    color: #ff0000;
    font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.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;
}

