/* 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; }

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }

#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 #2F4F4F; color: white; background-color: #5078B3; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }

#master_content .accordionHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none; }

#master_content .accordionHeaderSelected a:hover { background: none; text-decoration: underline; }

.accordionContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; 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: #ffff99; 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/ajax/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: #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; }

.ListSearchExtenderPrompt { font-style: italic; color: Gray; background-color: white; }

.ajax__multi_slider_custom .outer_rail_horizontal { position: absolute; background: url('Images/rail_dark.gif') no-repeat; width: 321px; height: 25px; z-index: 100; }

.ajax__multi_slider_custom .inner_rail_horizontal { position: absolute; background: url('Images/rail_light.gif') no-repeat; width: 321px; height: 25px; z-index: 100; }

.ajax__multi_slider_custom .handle_horizontal_left { position: absolute; background: url('Images/handle_left.gif') no-repeat; width: 13px; height: 25px; z-index: 200; cursor: w-resize; }

.ajax__multi_slider_custom .handle_horizontal_right { position: absolute; background: url('Images/handle_right.gif') no-repeat; width: 13px; height: 25px; z-index: 200; cursor: w-resize; }


/* start RATE */
.cssRatingStar { white-space: nowrap; }

.cssRatingStar .ratingItem { font-size: 0pt; width: 16px; height: 25px; margin: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }

.cssRatingStar .Saved { background-image: url('/wpc2009/images/icon/star_shine.jpg'); }

.cssRatingStar .Filled { background-image: url('/wpc2009/images/icon/star_shine.jpg'); }

.cssRatingStar .Empty { background-image: url('/wpc2009/images/icon/star_drak.jpg'); }
/* end RATE */


/*Modal Popup*/
.modalBackground { background-color: #333333; filter: alpha(opacity=70); opacity: 0.7; }

.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; }