﻿/* Global Styles */

html { height: 100%; }
body { height: 100%; margin: auto; font-family: Verdana, Tahoma, Arial, Sans-Serif; color: #3a3a3a; text-align: left; font-size: 11pt; }
h3 { font-size: 14px; color: #295194; }
h2 { font-size: 18px; color: #295194; }
h1 { font-size: 22px; color: #295194; }
a { color: #183884; text-decoration: none; }
a:hover { color: #183884; text-decoration: underline; }
/*li { font-size: 12pt; list-style-type: disc; }*/
fieldset { border: solid 1px #adc3d6; padding: 15px; margin: 0px 10px 10px 10px; }
legend { color: #5c7daf; font-size: 12pt; margin-bottom: 10px; }
.header { font-size: 18px; color: #295194; font-weight: bold;}
.error { border: solid 1px LightSteelBlue; margin: 5px; padding: 5px; background-image: url(../images/poll_bg.png); background-repeat: repeat-x;}

/* Master Page Styles */

#master_header { margin-bottom: 10px; height: 80px; width: 100%; }
#master_menu { float: left; width: 100%; }
#master_breadcrumb { float: left; width: 100%; }
#master_titlebar { width: 100%; }
#master_content { width: 100%; padding-bottom: 60px; }

.master_header_container { width: 1024px; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; }
.master_header_container_fullscreen { width: 95%; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; /*min-width: 1024px;*/ }

.master_form { height: 100%; position: relative; }
.master_container { width: 1024px; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; }
.master_container_fullscreen { width: 95%; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; /*min-width: 1024px;*/ }
.master_footer { height: 40px; width: 1024px; clear: both; position: absolute; bottom: 0; text-align: center; border-top: solid 1px #adc3d6; margin-top: 10px; padding-top: 10px; }
.master_footer_fullscreen { height: 40px; width: 100%; clear: both; position: absolute; bottom: 0; text-align: center; border-top: solid 1px #adc3d6; margin-top: 10px; padding-top: 10px; z-index: -1; }
.tooltip { border: solid 1px #adc3d6; }
.footerPanel { width: 400px; float: left; }

/* Common Control Styles */

.textbox, textarea, .gridNavigator_pageTextBox { border: solid 1px #adc3d6; font-family: Verdana, Tahoma, Arial, Sans-Serif; color: #222; width: 175px; text-align: left; font-size: 10pt; }
.textbox_required { font-family: Verdana, Arial, Helvetica, sans-serif, Lucida Sans; font-size: 10pt !important; border: solid 1px #999; color: #292c29 !important; padding: 2px; margin: 3px; }
.dropdownlist { width: 181px; font-family: Verdana, Tahoma, Arial, Sans-Serif; color: #3a3a3a; text-align: left; font-size: 9pt; }
.createButtonDiv { margin-top: 5px; float: right; text-align: right; border: solid 1px Red; height: 36px; vertical-align: top; }
.label { font-size: 11pt; }

.CheckBoxList TD { padding: 5px; border: solid 1px #ccc; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; }
.RadioButtonList TD { padding: 5px; border: solid 1px #ccc; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; }

/* Buttons */

.button { font-size: 10pt; border: solid 1px Gray; line-height: 18px; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.button_over { font-size: 10pt; border: solid 1px Gray; line-height: 18px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.createNewLinkButton { float: right; background-image: url(../images/GridIcons/new.png); font-size: 11pt !important; background-repeat: no-repeat; background-position: left center; margin: 0px !important; padding: 0px; padding-left: 18px; }
.helpLinkButton { float: right; background-image: url(../images/help.gif); font-size: 11pt !important; background-repeat: no-repeat; background-position: left center; margin: 0px !important; padding: 0px; padding-left: 18px; }
.refreshLinkButton { float: right; background-image: url(../images/GridIcons/refresh.png); font-size: 11pt !important; background-repeat: no-repeat; background-position: left center; margin: 0px !important; padding: 0px; padding-left: 18px; }
.exportLinkButton { float: left; background-image: url(../images/button_export.gif); font-size: 11pt !important; background-repeat: no-repeat; background-position: left center; margin: 0px !important; padding: 0px; padding-left: 18px; }
.SubmitButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_submit.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.CancelButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; float: left; width: 100px; background-image: url(../images/button_cancel.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.CreateButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_create.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.NextButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_next.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.PreviousButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_previous.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.SearchButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_search.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.TestButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_test.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.ExportButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; background-image: url(../images/button_export.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.CancelCampaignButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 170px; background-image: url(../images/button_cancel.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }
.SuspendCampaignButton { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 170px; background-image: url(../images/button_suspend.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 10pt; border: solid 2px LightSteelBlue; vertical-align: middle; color: #fff; background-color: #183884; font-weight: normal; height: 24px; }

.SubmitButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_submit.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.CancelButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; float: left; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_cancel.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.CreateButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_create.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.NextButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_next.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.PreviousButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_previous.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.SearchButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_search.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.TestButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_test.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.ExportButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 100px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_export.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.CancelCampaignButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 170px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_cancel.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }
.SuspendCampaignButton_Hover { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 18px; vertical-align: middle; width: 170px; font-size: 10pt; border: solid 1px Gray; background-image: url(../images/button_suspend.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px; vertical-align: middle; background-color: #436bb9; font-weight: normal; height: 24px; color: #fff; }

div.smartbutton { background: #fff; height: 24px; width: 100px; }
div.smartbutton_outer { background: #ccc; height: 24px; width: 100px; }

/* Breadcrumb Styles */

.breadcrumb { width: 100%; background-color: #d6dfef; }
.breadcrumb_inner { font-size: 10pt; text-indent: 4px; }
.breadcrumb_left { height: 30px; width: 14px; background-image: url(../images/breadcrumb_l.png); background-repeat: no-repeat; background-position: top left; }
.breadcrumb_right { height: 30px; width: 14px; background-image: url(../images/breadcrumb_r.png); background-repeat: no-repeat; background-position: top left; }
.breadcrumb a, .breadcrumb a:visited { color: #295194; font-size: 10pt; text-decoration: none; }
.breadcrumb a:hover { color: #295194; font-size: 10pt; text-decoration: none; }

/* Title Bar Styles */

.titleBar { border-bottom: solid 2px #f19516; width: 100%; margin: 0px 0px 10px 0px; }
.titleBar TD { padding: 2px; margin: 0px; height: 28px; }
.titleBar_image { width: 35px; text-align: right; }
.titleBar_image img { vertical-align: middle; }
.titleBar_header { text-indent: 5px; font-size: 18pt; font-weight: bold; line-height: 28px; vertical-align: middle; color: #666; }
.titleBar_description { font-size: 12pt; vertical-align: top; line-height: 12pt; height: 12pt; }

/* Form Layout Styles */

.formContent { width: 100%; border: none; padding: 0; margin: 0; }
.divNameValue { border: none; padding: 0; margin: 4px; width: 300px; float: left; line-height: 20px; }
.divNameValueTwoCol { border: none; padding: 0; margin: 4px; width: 430px; float: left; line-height: 20px; }
.fieldName { text-align: right; font-weight: bold; float: left; font-size: 11pt; width: 45%; height: 100%; vertical-align: middle; line-height: 20px; padding: 2px; }
.fieldValue { text-align: left; float: right; width: 50%; vertical-align: middle; height: 100%; line-height: 20px; padding: 2px; white-space: nowrap; }
.fieldValue span { margin-top: 1px; }

/* Tab Control Styles */

.tabContainer { width: 98%; }
.smartTabTable { float: right; margin: 0px 1px 0px 1px; }
.smartTabTable_Inner { float: left; margin: 0px 1px 0px 1px; }
.smartTabTable TD { padding: 0px; margin: 0px; }
.smartTabItem_Selected { padding: 0 10px 0 10px; background-color: #21458c; background-image: url(../images/tab_default.png); background-repeat: repeat-x; height: 22px; float: left; text-align: center; margin-right: 1px; line-height: 22px; vertical-align: middle; }
.smartTabItem { padding: 0 10px 0 10px !important; color: #9bacbc; background-image: url(../images/tab_inner.png); background-repeat: repeat-x; height: 22px; float: left; text-align: center; margin-right: 1px; }
.smartTabLeft { height: 22px; width: 2px; border: 0px; background-image: url(../images/tab_l.png); background-repeat: no-repeat; background-position: center left; }
.smartTabLeft_Selected { height: 22px; width: 2px; border: 0px; background-image: url(../images/tab_l_default.png); background-repeat: no-repeat; background-position: center left; }
.smartTabRight { height: 22px; width: 2px; border: 0px; background-image: url(../images/tab_r.png); background-repeat: no-repeat; background-position: center right; }
.smartTabRight_Selected { height: 22px; width: 2px; border: 0px; background-image: url(../images/tab_r_default.png); background-repeat: no-repeat; background-position: center left; }
.smartTabItem a { color: #575757; text-decoration: none; font-size: 12px; line-height: 22px; vertical-align: middle; }
.smartTabItem a:hover { color: #ffecb8; text-decoration: none; font-size: 12px; line-height: 22px; vertical-align: middle; }
.smartTabItem_Selected a { color: #575757; padding: 0 10px 0 10px; text-decoration: none; font-size: 12px; line-height: 22px; vertical-align: middle; }

/* Tab Panel Styles */

.tabPanelTopLeft { height: 24px; width: 10px; background-image: url(../images/tabPanel_topleft.jpg); background-repeat: no-repeat; float: left; }
.tabPanelTopRight { height: 24px; width: 10px; background-image: url(../images/tabPanel_topright.jpg); background-repeat: no-repeat; float: right; }
.tabPanelTop { background-image: url(../images/tabPanel_top.jpg); background-repeat: repeat-x; padding: 0px; font-size: 12pt; color: #333; font-weight: bold; width: 100%; height: 24px; line-height: 24px; }


/* Horizontal List Styles */

.HorizontalList_Title { background-color: #888; color: #fff; padding: 2px; font-size: 10pt; font-weight: bold; }
.HorizontalList_DataItem { border: solid 2px #888; text-align: center; width: 100%; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; }
.HorizontalList_ItemHeader { font-size: 10pt; color: #666; }
.HorizontalList_ItemContent { font-size: 22pt; font-weight: bold; color: #666; }
.HorizontalList_ItemFooter { font-size: 8pt; color: #666; }

/* Rounded Header Items */

div.headerItem { background-color: #183884; color: #fff; text-indent: 10px; font-weight: bold; height: 18px; line-height: 18px; vertical-align: middle; margin: 2px 10px 2px 10px; }

/* Inner Tab Styles */

.innertab_left { width: 13px; height: 28px; background-image: url(../images/innertab_left.png); background-repeat: no-repeat; background-position: left top; }
.innertab_right { width: 13px; height: 28px; background-image: url(../images/innertab_right.png); background-repeat: no-repeat; background-position: right top; }
.innertab_middle { height: 28px; width: 98%; background-image: url(../images/innertab.png); background-repeat: repeat-x; }
.innertab_content { border: solid 1px LightSteelBlue; }

/* Export Attribute Control */

.ExportAttribute { border: solid 1px #ccc; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; width: 370px; margin: 2px; }
.ExportAttribute TD { font-size: 11px !important; vertical-align: middle !important; }

/* Telerik Rad Editor */

.EditorDropDown { font-size: 12px; width: 450px; }
.SystemAttributeRootNode { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 22px; width: 180px; text-indent: 18px; vertical-align: middle; background-image: url(../images/TreeIcons/folder_16.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-size: 10pt; vertical-align: middle; font-weight: normal; height: 24px; }
.FolderRootNode { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 22px; width: 280px; text-indent: 18px; vertical-align: middle; background-image: url(../images/TreeIcons/folder_16.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-size: 10pt; vertical-align: middle; font-weight: normal; height: 24px; }
.ListRootNode { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 22px; width: 280px; text-indent: 18px; vertical-align: middle; background-image: url(../images/TreeIcons/list_16.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-size: 10pt; vertical-align: middle; font-weight: normal; height: 24px; }
.AttributeRootNode { font-family: Verdana, Tahoma, Arial, Sans-Serif; line-height: 22px; width: 280px; text-indent: 18px; vertical-align: middle; background-image: url(../images/TreeIcons/attribute_16.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-size: 10pt; vertical-align: middle; font-weight: normal; height: 24px; }
.EmailContentText { width: 100%; }

/* Validation */

#validation_box { position: absolute; bottom: 5px; width: 250px; right: 5px; }
#validation_table { color: #2d5291; }
#validation_header { padding-left: 5px; background-image: url(../images/validation_header.png); font-weight: bold; font-size: 12pt; background-repeat: no-repeat; height: 24px; line-height: 24px; vertical-align: middle; width: 250px; }
#validation_footer { background-image: url(../images/validation_footer.png); background-repeat: no-repeat; height: 24px; width: 250px; }
#validation_body { color: #000; border: solid 1px LightSteelBlue; background-color: #fff; width: 250px; padding: 5px; }
#validation_body li { font-size: 11pt !important; list-style-image: url(../images/error_16.gif); vertical-align: top; padding: 0px 0px 5px 5px; margin: 0 0 0 -10px; }
#validation_body li li { font-size: 11pt !important; list-style-image: url(../images/arrow.gif); vertical-align: top; padding: 0px 0px 5px 5px; margin: 0 0 0 -10px; }


/* Org Selection */

#org_box { position: absolute; top: 5px; width: 250px; right: 5px; }
#org_table { color: #2d5291; }
#org_header { padding-left: 5px; background-image: url(../images/validation_header.png); font-weight: bold; font-size: 12pt; background-repeat: no-repeat; height: 24px; line-height: 24px; vertical-align: middle; width: 250px; }
#org_footer { background-image: url(../images/validation_footer.png); background-repeat: no-repeat; height: 24px; width: 250px; }
#org_body { color: #000; border: solid 1px LightSteelBlue; background-color: #fff; width: 250px; padding: 5px; text-align: left; }

.OrgSelectionTable { width: 250px !important; z-index: 1000001; position: absolute; top: 5px; right: 5px; border: solid 2px LightSteelBlue; background-color: #eee; }
.OrgSelectionTable TD { font-size: 10pt; padding: 3px; }
.OrgSelectionCloseButton { float: right; background-image: url(../images/close.png); background-repeat: no-repeat; background-position: center center; height: 16px; width: 16px; border: none; }
.OrgSelectionTitle { border-bottom: solid 1px LightSteelBlue; }

/* Progress Indicator */

.progressTemplate { position: absolute; top: 5px; right: 5px; width: 200px; border: solid 1px LightSteelBlue; background-image: url(../images/poll_bg.png); background-repeat: repeat-x;}
.progressTemplate_image { height: 48px; width: 48px; }
.progressTemplate_text { width: 152px; font-size: 12pt; color: #666; font-weight: bold; vertical-align: middle; padding: 4px; }