/* LOGIN FORM */
.css0086 { border-right: #336699 2px solid; border-top: #336699 2px solid; border-left: #336699 2px solid; width: 320px; border-bottom: #336699 2px solid; }
td { font-family: Tahoma,Simsun,Helvetica,sans-serif; font-size: 9pt; color: #000; }
.Option { font-size: 9pt; color: #000; font-family: Tahoma,Simsun,Helvetica,sans-serif; }
.css0144 { background-color: #ACCDE5; padding: 3px 7px 5px 6px; border-bottom: solid 1px #4791C5; background-color: #336699; }
.css0113 { border-right: 0px; padding-right: 0px; border-top: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: 0px; width: 100%; padding-top: 0px; border-bottom: 0px; }
.css0002 { color: #FFF; color: #000; font-size: 9pt; font-style: normal; font-weight: bold; vertical-align: middle; font-family: Tahoma,Simsun,Helvetica,sans-serif; width: 100%; color: #FFF; }
p { font-family: Tahoma,Simsun,Helvetica,sans-serif; font-size: 12pt; color: #000; font-size: 9pt; color: #000; margin: 0; padding: 0; margin: 0 0 5px 0; }
.css0029 { color: #FFF; color: #4791C5; font-size: 9pt; vertical-align: top; font-family: Tahoma,Simsun,Helvetica,sans-serif; width: 100%; color: #FFF; }
.css0145 { border-right: #deebf5 1px solid; padding-right: 2px; border-top: #deebf5 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #deebf5 1px solid; padding-top: 2px; border-bottom: #deebf5 1px solid; background-color: #deebf5; }
.css0059 { color: #336699; font-size: 9pt; font-weight: bold; font-family: Tahoma,Simsun,Helvetica,sans-serif; width: 111px; padding: 5px 4px 11px 0; color: #000; color: #336699; }
.css0093 { padding: 0 0 11px 0; width: 220px; }
input { font-family: Tahoma,Simsun,Helvetica,sans-serif; font-size: 9pt; color: #000; height: 20px; }
.formTextbox { border-right: #0099cc 1px solid; border-top: #0099cc 1px solid; border-left: #0099cc 1px solid; border-bottom: #0099cc 1px solid; }
.formDropdownlist { border-right: #0099cc 1px solid; border-top: #0099cc 1px solid; border-left: #0099cc 1px solid; border-bottom: #0099cc 1px solid; }
.css0034 { font-size: 9pt; font-family: Tahoma,Simsun,Helvetica,sans-serif; width: 200px; background-color: #f3f5f5; }
.css0035 { font-size: 9pt; font-family: Tahoma,Simsun,Helvetica,sans-serif; width: 200px; background-color: #fffacd; }
.css0064 { font-size: 9pt; font-family: Verdana,Simsun,sans-serif; text-decoration: underline; }
.css0064 a { color: #336699; text-decoration: underline; }
.css0064 a:hover { color: #336699; }
.css0170 { width: 318px; font-size: 9pt; }
.css0088 { font-size: 9pt; font-weight: bold; font-family: Tahoma,Simsun,Helvetica,sans-serif; padding: 2px 0 2px 0; }
.css0146 { padding-right: 6px; padding-left: 6px; padding-bottom: 5px; padding-top: 3px; background-color: #deebf5; }
.css0041 { padding-right: 0px; padding-left: 0px; font-size: 9pt; padding-bottom: 4px; width: 100%; color: #000; padding-top: 0px; font-family: Tahoma,Simsun,Helvetica,sans-serif; }
.css0006 { margin: 0 0 8px 0; color: #000; font-size: 9pt; font-family: Tahoma,Simsun,Helvetica,sans-serif; margin: 0; }
.css0147 { background-color: #336699; background-color: #ACCDE5; padding: 3px 6px 5px 6px; border-top: solid 1px #4791C5; background-color: #336699; }
.css0175 { color: #FFF; color: #4791C5; font-size: 9pt; font-weight: bold; font-family: Tahoma,Simsun,Helvetica,sans-serif; width: 100%; padding: 2px 0 0 0; color: #FFF; }
.css0025 { color: #FFF; color: #4791C5; font-size: 9pt; vertical-align: top; font-family: Verdana,Simsun,sans-serif; width: 100%; color: #FFF; }
/*END LOGIN FORM*/

.S1 { border-right: #d4d0c8 1px dashed; border-top: #d4d0c8 1px dashed; border-left: #d4d0c8 1px dashed; border-bottom: #d4d0c8 1px dashed; }
.top { background-image: url(../images/background/Background_GrayWhite.gif); }
.validatorCalloutHighlight { background-color: #fffacd; font-size: 9pt; }

/* Master Page Layout */
#master_header { margin: -1px auto 0 auto; width: 800px; }
#master_headertop { background: url(/images/headertop_img.jpg) no-repeat left top; }
#master_headerbottom { background: url(/images/headerbottom_img.png) no-repeat left top; }
#master_page { margin: 5px auto 20px auto; width: 800px; }
#master_menu { float: left; width: 240px; padding-right: 10px; }
.sidebar { width: 100%; margin-bottom: 10px; }
.sidebarheader { height: 24px; padding: 10px 0 0 35px; background: url(/images/sidebar_header.png) no-repeat left top; color: #FFF; font-family: Arial, Sans-Serif; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.sidebarcontent { border: 1px solid #0F2543; padding: 20px 20px 20px 30px; line-height: 1.5em; font-weight: bold; }
#master_sidebarSamples { padding-top: 72px; background: #FFF url(/images/samples_bg.gif) no-repeat left top; }
#master_sidebarWalkthroughs { padding-top: 72px; background: #FFF url(/images/walkthrough_bg.gif) no-repeat left top; }
.sidebarcontent a { padding: 2px 5px; color: #5377A9; text-decoration: none; }
.sidebarcontent a:hover { background-color: #0F2543; color: #FFF; }
.sidebarcontent a:visited { font-weight: normal; }
#master_content { float: left; width: 550px; margin-right: -550px; color: #666666; }

/*
#master_content a
{
	color: #5377A9;
	padding: 1px;
}

#master_content a:link
{
}

#master_content a:visited
{
}

#master_content a:hover
{
	background-color: #BFBFBF;
	color:#FFF;
}
*/

#master_content ul { margin: 0 25px 0 30px; }
#master_contentheader { height: 19px; background: url(/images/rightcoltop.gif) no-repeat right top; }
#master_contentplaceholder { padding: 30px 20px 40px 20px; border-left: 1px solid #0F2543; border-right: 1px solid #0F2543; border-bottom: 1px solid #0F2543; background-color: #EFEFEF; line-height: 1.5em; }
#master_contentfooter { clear: both; padding: 10px 0 5px 10px; color: #333; font-size: 0.8em; letter-spacing: 0.1em; }
/* Content Page Layout             */
.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; }
.demobottom { height: 8px; background: #FFF url(/images/demobottom.png) no-repeat left bottom; }
.heading { padding: 1em 0 0em 0; color: #5377A9; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 1.2em; }
.subheading { padding: .8em 0 0.5em 0; color: #0F2543; font-weight: bold; font-family: Arial, Sans-Serif; font-size: 1.1em; }
em { font-style: italic; }
i { font-style: italic; }
strong { font-weight: bold; }
.codeReference { font-family: 'Courier New' , Monospace; font-style: normal; font-weight: bold; }
pre, code { display: block; margin: 15px 15px 15px 0; padding: 10px; border: 1px dashed #CCC; background-color: #FFF; color: #000; font-family: 'Courier New' , Monospace; font-size: 0.9em; font-style: normal; }
.releaseList { list-style-type: disc; }
/* 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; }
.accordionContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 10px; }
/*Cascading DropDown*/
/*CollapsiblePanel*/
.collapsePanel { background-color: white; overflow: hidden; }
.collapsePanelHeader { width: 100%; height: 23px; 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; font-weight: bold; }
.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 { color: Blue; background-color: Blue; }
.BarBorder_TextBox2 { border-style: solid; border-width: 1px; 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; }
.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: #000000; }
.MaskedEditBlurNegative { color: #ff0000; }
.MyCalendar .ajax__calendar_container { border: 1px solid #646464; background-color: #fffacd; 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; }
.validatorCalloutHighlight { background-color: #fffacd; }
.functionsDescriptions { color: #0000ff; vertical-align: bottom; padding-bottom: 5px; padding-left: 15px; }