/*~~ Design by Free CSS Templates http://www.freecsstemplates.org ~~*/
body { margin: 0; background: url(images/img01.jpg) repeat-x left top; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 13px; color: #787878; }
h1, h2, h3 { margin: 0; text-transform: uppercase; letter-spacing: .15em; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.8em; padding-left: 5px; }
h2 { font-size: 1.4em; }
h3 { font-size: 1em; }
p, ul, ol { margin-top: 1em; line-height: 130%; margin-bottom: 0; }
/* reduses margin between paras */
p + p { margin-top: 0.75em; }
ul, ol { }
a { text-decoration: none; color: #5C5CFF; }
th { text-align: left; }
a:hover { background: none; }
/* Header */
#header { width: 920px; height: 86px; margin: 0 auto; }
/* Logo */
#logo { float: left; width: 600px; }
#logo h1 { float: left; padding-top: 20px; text-transform: capitalize; font-size: 2.2em; }
#logo p { float: left; margin: 0; padding: 30px 0 0 2px; text-transform: lowercase; font: 1.6em "Trebuchet MS" , Arial, Helvetica, sans-serif; }
#logo a { background: none; text-decoration: none; color: #400080; /* Purple */ /* color: #5F882C; Green */ }
/* Search */
#search { float: right; width: 250px; padding-top: 5px; }
#searchText { text-transform: lowercase; font: bold 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; }
#searchSubmit { display: none; }
#top-information { float: right; width: 250px; padding-top: 10px; }
/* Menu */
.menu-main { margin: 12px; }
#menu { width: 920px; height: 50px; margin: 0 auto; font-size: 11px; }
#menu ul { padding: 0; list-style: none; line-height: normal; }
#menu li { float: left; }
#menu a { padding: 3px 5px 3px 5px; text-transform: uppercase; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; }
#menu a:hover, #menu .current_page_item a { background: #566316; color: #FFFFFF; }
#menu a:hover { text-decoration: underline; }
#menu .dynamic_item { padding-top: 3px; background-color: #90bf4d; }
/* Page */
#page { width: 960px; margin: 0 auto; padding-top: 10px; text-align: left; }
/* Content */
#content { float: left; width: 700px; }
#content .post { background: url(images/img03.jpg) no-repeat left top; width: 700px; }
#content .post .title { padding: 5px 0 2px 15px; letter-spacing: -.5px; text-transform: capitalize; color: #5C5C5C; }
#content .post .title a { background: none; color: #5C5C5C; }
#content .meta .permalink { color: #5C5CFF; }
#content .meta { padding: 2px 20px 0; border-top: 1px dashed #D2D4C9; border-bottom: 1px dashed #D2D4C9; text-transform: uppercase; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
#content .entry { padding: 2px 10px; text-align: justify; }
#content .entry a { color: #5C5CFF; text-decoration: underline; }
/* Sidebar */
#sidebar { float: right; width: 250px; border-bottom: 1px dashed #D2D4C9; color: #787878; }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar li { }
#sidebar h2 { padding: 5px 10px; background: #79A73B url(images/img04.jpg) repeat-x left top; letter-spacing: -.5px; font-size: 1.2em; color: #FFFFFF; }
#sidebar li ul { padding: 20px; }
#sidebar li li { line-height: 35px; background: url(images/img05.jpg) no-repeat left center; border-bottom: 1px dashed #D2D4C9; padding-left: 15px; }
#sidebar p { padding: 20px; }
#sidebar a { color: #787878; }
#sidebar .post { margin: 0; padding: 0; list-style: none; }
#sidebar .post .title { padding: 5px 10px; text-transform: capitalize; background: #79A73B url(images/img04.jpg) repeat-x left top; letter-spacing: -.5px; font-size: 1.2em; color: #FFFFFF; }
#sidebar .post .title a { background: none; color: #FFFFFF; }
#sidebar .meta { padding: 2px 20px; border-bottom: 1px dashed #D2D4C9; text-transform: uppercase; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
#sidebar .meta .permalink { color: #5C5CFF; }
#sidebar .meta a { color: #D2D4C9; }
#sidebar .entry p { padding: 5px 20px; }
#sidebar .entry a { color: #5C5CFF; text-decoration: underline; }
/* NotePad */
.meta { padding: 2px 20px; border-top: 1px dashed #D2D4C9; border-bottom: 1px dashed #D2D4C9; text-transform: uppercase; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
/* Calendar */
#calendar { }
#calendar_wrap { padding: 20px; }
#calendar table { width: 100%; }
#calendar tbody td { text-align: center; }
#calendar #next { text-align: right; }
/* Footer */
#footer { width: 100%; height: auto; margin: 0 auto; padding: 50px 0 20px 0; background: #90BF4D url(       'images/img02.jpg' ) repeat-x left top; font-family: Arial, Helvetica, sans-serif; color: #416110; font-size: 14px; }
#footer p { margin: 0; line-height: normal; font-size: 9px; text-align: center; }
#footer a { color: #FFFFFF; }
#content_editor { width: 100%; }
/*CollapsiblePanel*/
#sidebar .collapsePanelHeader { width: 245px; background-image: url(images/img04.jpg); background-repeat: repeat-x; color: #FFFFFF; font-weight: bold; margin-left: 7px; }
#sidebar .collapsePanel { height: 0; margin-left: 7px; overflow: hidden; }
#content_editor .collapsePanelHeader { color: #FFFFFF; background-color: #65B2FF; font-weight: bold; margin-left: 7px; }
.collapse-header { padding: 5px; cursor: pointer; vertical-align: middle; }
.collapse-header-text { float: left; }
.collapse-header-image { float: right; vertical-align: middle; }
.collapsePanelSpacer { height: 5px; }
.collapsePanel { height: 0; margin-left: 7px; overflow: hidden; }
.listViewHeader { background-color: #5F882C; color: #FFFFFF; }
.listViewHeader a { color: #FFFFFF; }
.listViewHeader a:hover { text-decoration: underline; }
.listViewRow { background-color: #F7F6F3; color: #333333; }
.listViewAltRow { background-color: #FFFFFF; color: #284775; }
.listViewEditRow { background-color: #008A8C; color: #FFFFFF; }
.listViewSelectRow { background-color: #008A8C; font-weight: bold; color: #FFFFFF; }
.listViewInsertRow { }
.listViewEmptyRow { background-color: #FFFFFF; border-collapse: collapse; border-color: #999999; border-style: none; border-width: 1px; }
.dataPager { text-align: center; }
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; }
/* ################################## Ajax StyleSheet ####################################*/
.ContextMenuPanel { border: 1px solid #868686; z-index: 1000; background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA; cursor: default; padding: 1px 1px 0px 1px; font-size: 11px; }
.ContextMenuBreak { margin: 1px 1px 1px 32px; padding: 0; height: 1px; overflow: hidden; display: block; border-top: 1px solid #C5C5C5; }
a.ContextMenuItem { margin: 1px 0 1px 0; display: block; color: #003399; text-decoration: none; cursor: pointer; padding: 4px 19px 4px 33px; white-space: nowrap; }
a.ContextMenuItem-Selected { font-weight: bold; }
a.ContextMenuItem:hover { background-color: #FFE6A0; color: #003399; border: 1px solid #D2B47A; padding: 3px 18px 3px 32px; }
/* 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; }
/* DropShadow */
#master_content .dropShadowPanel span { color: white; text-decoration: underline; }
#master_content .dropShadowPanel span:hover { text-decoration: none; }
#master_content .collapsePanelHeader a { color: #FFF; }
#master_content .collapsePanelHeader a:hover { text-decoration: none; background: none; }
.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-repeat: repeat-x; color: #FFF; font-weight: bold; }
/*Confirm Button*/
.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: White; border-width: 2px; border-style: solid; border-color: Black; padding: 3px; width: 250px; }
.modalPopup2 { width: 200px; background-color: White; border-width: 2px; border-color: Black; border-style: solid; padding: 20px; }
.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;  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 { color: gray; }
.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); }
.walkthrough li { padding-bottom: 5px; }
.walkthroughNote { padding-left: 25px; font-style: italic; }
/************ 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: Yellow; 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: Yellow; }
.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; }
/* ################################## WebAdmin Styles ####################################*/
.aa td:hover { color: orange; text-decoration: underline; }
.bodyTextNoPadding { color: black; letter-spacing: 0; line-height: 150%; }
.callOutStyle { background-color: #6699CC; color: white; font-weight: bold; line-height: 150%; }
.gridRowStyle { background-color: #FFFFFF; color: black; letter-spacing: 0; padding-left: 30; padding-right: 20; padding-top: 3; padding-bottom: 3; }
.gridPagerStyle { color: #000000; background-color: #EEEEEE; padding-left: 30; padding-right: 20; padding-top: 3; padding-bottom: 3; }
.gridAlternatingRowStyle { color: black; letter-spacing: 0; padding-left: 30; padding-right: 20; padding-top: 3; padding-bottom: 3; background-color: #CADBED; border-left: 1 solid #CCDDEF; border-right: 1 solid #CCDDEF; }
.itemDetailsContainer { background-color: #EEEEEE; width: 100%; border: 0; }
.lrbBorders { border-left: 1 solid #CCDDEF; border-right: 1 solid #CCDDEF; border-bottom: 1 solid #CCDDEF; width: 100%; height: 100%; }
a.helpHyperLink:hover { color: #ffffff; }
a.helpHyperLink:link { color: #ffffff; }
a.helpHyperLink:visited { color: #ffffff; }
/** Obsolete, need to be replaced in pages **/
a.gridSelectedRowStyle:visited { color: white; }
a.gridSelectedRowStyle:link { color: white; }