@media screen
{

/*added for datagrid fonts*/
td.left-text { font-family: Arial, sans-serif; font-size: 12px; }
td.left-date { font-family: Arial, sans-serif; font-size: 10px; }
td.left-get { font-family: Arial, sans-serif; font-size: 12px; color: #004386; }
td.footer { font-family: Arial, sans-serif; font-size: 11px; color: #B9CAE5; }
td { font-family: Arial, sans-serif; font-size: 12px; }

body { margin: 0px; background-color: #ffffff; }

/*This is for the displaying error messages in the header*/
.ERROR { color: Red; font-weight: bold; }

/*This is for the displaying informational messages in the header*/
.INFORMATION { color: Green; font-weight: normal; }

/*This is for the displaying warning messages in the header*/
.WARNING { color: Yellow; font-weight: bold; }

/*This is for the displaying messages in the header*/
.DEFAULT { color: Black; font-weight: normal; }

/*This is for a textbox in a search control/page*/
.SearchTextBox { width: 60px; height: auto; font-size: x-small; }

/*This is for the value of a label retrieved from a DB for a search control/page(ie. it would be a textbox, but it is display only)*/
.SearchLabel { font-size: xx-small; }

/*This is for the search button in a search control/page*/
.SearchButton { width: 60px; height: auto; font-size: xx-small; }

/*This is for the clear button in a search control/page*/
.ClearButton { width: 60px; height: auto; font-size: xx-small; }

/*This is for a regular label for a header of a page*/
.HeaderLabel { font-size: 12px; margin-right: 10px; margin-left: 10px; font-weight: bold; }

/*This is for the value of a label retrieved from a DB for a header of a page(ie. it would be a textbox, but it is display only)*/
.HeaderLabelValue { font-size: 12px; margin-right: 10px; margin-left: 10px; font-weight: normal; }
/*This is for a checkbox that will be in the header of a page*/
.HeaderCheckBox { }

/*This is for a regular textbox*/
.TextBox { width: 90px; height: auto; text-align: left; }

/*This is for a regular textbox*/
.TextBoxSmall { width: 20px; height: auto; text-align: left; }

/*This is for a large textbox*/
.TextBoxLarge { width: 150px; height: auto; text-align: left; }
/*This is for a textbox that will fit a date*/
.TextBoxDate { width: 70px; height: auto; text-align: left; }
/*This is for a textbox that will fit a date*/
.DataGridTextBoxMedium { width: 70px; height: auto; margin-right: 5px; margin-left: 5px; text-align: left; }
.TextBoxMedium { width: 70px; height: auto; text-align: left; }
/*This is for a regular checkbox*/
.CheckBox { margin-right: 10px; margin-left: 10px; }

/*This is for a regular checkboxlist*/
.CheckBoxList { margin-right: 10px; margin-left: 5px; }

/*This is for a regular label*/
.Label { margin-right: 10px; margin-left: 10px; }
/*This is for a Success message label*/
.successLabel { font-family: Arial; font-size: 9pt; font-weight: bold; color: Green; }

/*This is for the value of a label retrieved from a DB(ie. it would be a textbox, but it is display only)*/
.LabelValue { margin-right: 10px; margin-left: 10px; }
/*This is for the value of a label on a radiobutton*/
.RadioValue { margin-right: 5px; margin-left: 5px; font-weight: bold; }
.RadioButtonList { margin-right: 5px; margin-left: 5px; }
/*This is for the secure icon for addresses, etc.*/
.SecureIcon { margin-right: 10px; }

/*This is for the AnyDropDown user control.*/
.AnyDropDown { }
/*This is for the Validation object on the Anydropdown user control.*/
.AnyDropDownValidation { margin-left: 0px; margin-right: 100px; }

/*This is for the LastActivity user control.*/
.LastActivityLabel { margin-right: 10px; margin-left: 10px; font-size: 12px; }

/*This is for the LastActivity user control.*/
.LastActivityLabelValue { margin-right: 10px; margin-left: 10px; font-size: 12px; font-style: italic; }

/*This is for MultiLineEdit Textboxes.*/
.MultiLineEditLarge { margin-right: 10px; margin-left: 10px; height: 120px; width: 200px; }

/*This is for any button*/
.Button { width: 100px; height: auto; }

.subMenu { border: solid; border-color: #7b7b7a; border-bottom-width: 1px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; }

/*This specifies the width for the first sub menu*/
.subMenu1 { border: solid; border-color: #7b7b7a; border-bottom-width: 1px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; width: 100px; }

.DPASToolBar { background-color: #c7d3ec; border-width: 0px; }

/*This is for a bolded regular label*/
.BoldLabel { margin-right: 10px; margin-left: 10px; font-weight: bold; }
/*This is for a bolded regular label*/
.LabelWarning { margin-right: 10px; margin-left: 10px; font-style: italic; color: Red; }
.LabelRequiredAsterisk { margin-right: 10px; margin-left: 10px; color: Red; }

/*This is for a regular textbox with Right Aligned Text*/
.TextBoxRight { width: 90px; height: auto; text-align: right; }

/*This is for a regular textbox with Left Aligned Text*/
.TextBoxLeft { width: 90px; height: auto;text-align: left; }

/*This is for the error message text on the menubar.*/
.MenuErrorLabel { margin-right: 10px; margin-left: 10px; }
/*This is for the login labels.*/
.LoginMainText { font-family: Arial; font-size: 9pt; }
/*This is for the login labels.*/
.LoginLabel { margin-right: 10px; margin-left: 10px; font-weight: bold; }
/*This is for the login user id textbox.*/
.LoginUserId { width: 90px; height: auto; margin-right: 10px; margin-left: 10px; text-align: left; }
/*This is for the login user id textbox.*/
.LoginPassword { width: 90px; height: auto; margin-right: 10px; margin-left: 10px; text-align: left; }
/*This is for the login buttons */
.LoginButton { width: 60px; height: auto; margin-right: 10px; margin-left: 10px; }
/*Error Label Text on custom error page DisplayError.aspx*/
.ErrorLabelText { margin-right: 10px; margin-left: 10px; font-weight: bold; }
/*Error Label Value on custom error page DisplayError.aspx*/
.ErrorLabelTextValue { margin-right: 10px; margin-left: 10px; }
/*Error HyperLink on custom error page DisplayError.aspx*/
.ErrorHyperLink { margin-right: 10px; margin-left: 10px; position: relative; }
.borderLt { border-left: 1px solid #CCCCCC; }

/*label that displays the user's type within the application*/
.userTypeLabel { font-size: medium; font-style: italic; font-weight: bold; color: Black; font-family: Arial; font-size: 13.5pt; }
/*links on DPASSelfServiceHeader, internal links only*/
.internalHeaderlink { text-decoration: none; background-color: #c7d3ec; color: Black; padding: 1px; font-family: Arial; font-size: 8pt; }
/*links at the top of the DPASSelfServiceHeader, external links only!*/
.externallink, a.externallink { text-decoration: none; background-color: #336699; color: White; font-family: Arial; padding: 3px; font-size: 10pt; }
externallink:link, a.externallink:link { color: #ffffff; }
externallink:visited, a.externallink:visited { color: #ffffff; }
externallink:hover, a.externallink:hover { color: #E1811B; }
/*links on DPASSelfServiceFooter, for displaying the printerfriendly version of the current page.*/
.printerFriendlyLink { font-size: x-small; background-color: Transparent; color: Black; }
/*left side navigation links.*/
.leftNavHyperlink { text-decoration: none; font-size: x-small; }
/*part of the header with page title description.*/
.pageTitle { margin-left: 5px; font-style: italic; text-decoration: underline; font-weight: bold; font-family: Arial; font-size: 13.5pt; }
.loginTableHeaderLabel { color: White; font-weight: bold; font-family: Arial; font-size: 10pt; padding: 5px; height: 30px; }
.LoginLabel { color: Black; font-weight: bold; font-family: Arial; font-size: 9pt; padding: 5px; }
.LoginHeader { color: Black; font-weight: bold; font-family: Arial; font-size: 9pt; }
.LoginLink { color: Black; font-family: Arial; font-size: 9pt; }
.formsLabel { color: Black; font-family: Arial; font-size: 9pt; }
.RequiredAsterisk { color: Red; padding: 5px; }

/*header breadcrumbs.*/
.breadCrumbs { color: Black; font-family: Arial; font-style: italic; font-size: 7.5pt; }
/*welcome page greeting.*/
.welcomeGreeting { color: Black; font-family: Arial; font-size: 9pt; }
/*welcome page body.*/
.welcomeBody { color: Black; font-family: Arial; font-size: 9pt; }
/*welcome page salutation.*/
.welcomeSalutation { color: Black; font-family: Arial; font-size: 9pt; }
/*welcome page message intro.*/
.welcomeMessageIntro { color: Black; font-family: Arial; font-size: 9pt; }
/*welcome page help directions.*/
.welcomeHelpDirections { color: Black; font-family: Arial; font-size: 9pt; }
/*welcome page hyperlinks.*/
.welcomeHyperlink { }
/*welcome page hyperlink descriptions.*/
.welcomeHyperlinkDescription { }
.multipayee { font-family: Arial, sans-serif; font-size: 25px; }
.menuchoice { text-decoration: none; }

.DPASControlHeader { background-color: #003366; font-weight: bold; color: White; border-width: 1px; border-color: Black; font-family: Arial, sans-serif; font-size: 13px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; }
.HeaderLabel1 { font-size: 11px; font-weight: bold; background-color: White; color: Black; border-width: 0px; font-family: Arial, sans-serif; }
.HeaderLabel2 { font-size: 11px; font-weight: bold; background-color: White; color: Black; margin: 3 3 3 3; border-width: medium; border-color: Black; font-family: Arial, sans-serif; }
.TextLabel { font-size: 12px; color: Black; font-style: italic; }


.DatagridItemTemplate { color: White; background-color: #91A8CE; }
.DatagridAlternateTemplate { color: Black; }
.DatagridSelectedItem { background-color: #91A8CE; font-size: XX-Large; font-weight: bold; }
.TableBorder { border-left: #7b7b7a 1px solid; border-right: #7b7b7a 1px solid; border-bottom: #7b7b7a 1px solid; border-top: #7b7b7a 1px solid; padding: 5px; margin-top: 10px; margin-bottom: 5px; }
.y {
border:1px solid #999;
background-color:#ffe;
color:#000;
padding:10px;
text-align:center;
}

.Table { padding: 5px; margin-top: 10px; margin-bottom: 5px; }
.rptEducateYourselfHeader { font-weight: bold; font-size: medium; }
.tableCell { border-right: #7b7b7a 1px solid; border-bottom: #7b7b7a 1px solid; border-left: #7b7b7a 0px none; }
.hyperlink { text-decoration: underline; }
.FooterLink { text-decoration: none; padding: 3px; margin-top: 3px; }
.headerTD { background-color: #91a8ce; }
/*on processes that are like wizards (registration, lost password, etc...), these are the header labels.*/
.WizardSectionHeaderLabel { font-size: 12px; font-weight: bold; color: White; border-width: 0px; font-family: Arial, sans-serif; }
.FieldDescriptionLabel { font-style: italic; }
.RequiredAsterisk { color: Red; }
.RequiredLabel { color: Red; font-style: italic; }
/*images on the DPASmaster toolbar for help/contact us/educate yourself*/
.MasterPageImageLinks { padding: 5px; }

/*Section Header Items*/
.help { font-family: Arial, sans-serif; font-size: 12px; background-color: #FFFFFF; color: White; text-align: center; font-weight: bold; }
.sectionHeaderError { color: Red; font-weight: bold; }
.sectionHeaderSuccess { color: Green; font-weight: bold; }

.EnrollmentPlanRepeaterCommandColumn { width: 20px; vertical-align: top; text-align: left; }
.EnrollmentPlanRepeaterTextColumn { vertical-align: top; text-align: left; }
.EnrollmentPlanRepeaterTable { border-bottom: solid 1px #999999; border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #999999; }

/*Dev is theming the tab container for Conforming to the Self Service look and feel*/
.selfService .ajax__tab_header { border-bottom: solid 2px #003366; color: #808080; }
.selfService .ajax__tab_header .ajax__tab_outer { background: #d8d8d8; margin: 0px 3px 0px 2px; padding: 1px 0px 1px 0px; vertical-align: bottom; border: solid 1px #a3a3a3; border-bottom-width: 0px; }
.selfService .ajax__tab_header .ajax__tab_tab { font-weight: bold; padding: 0.35em 0.75em; margin-right: 0.01em; }
.selfService .ajax__tab_hover .ajax__tab_outer { }
.selfService .ajax__tab_active .ajax__tab_tab { font-weight: bold; color: #ffffff; }
.selfService .ajax__tab_active .ajax__tab_outer { background: #003366; }
.selfService .ajax__tab_body { border: solid 1px #808080; border-top-width: 0px; }
.CostDetailsHref { width: 150px; cursor: pointer; color: #003366; text-decoration: underline; }
.FloatingPanel { width: 200px; height: 100px; padding: 0px 4px 0px 4px; border: solid 1px #000000; background: #fffacd; }
.FloatingPanelText { font-family: Verdana; font-size: 10px; color: #666666; padding: 10px; background: #eeeeee; }
.PopupCancel { cursor: pointer; padding: 1px 1px 1px 1px; }
.framePopup { position: absolute; font-family: arial,helvetica,clean,sans-serif; font-size: small; padding: 2px 3px; width: 300px; }

.overlayPopup { border: solid 1px #808080; border-width: 1px 1px; }

.underlayPopup { position: absolute; background-color: #000; bottom: -1px; filter: alpha(opacity=100); left: -1px; right: -1px; top: 3px; z-index: -1; }
.headerPopup { cursor: move; background-color: #c7d3ec; color: #ffffff; font-family: arial,helvetica,clean,sans-serif; font-size: small; border-bottom: solid 1px #ccc; padding: 3px 10px; }

.headerPopup .msg { font-family: arial,helvetica,clean,sans-serif; font-size: small; font-weight: bold; }

.closePopup { right: 7px; cursor: pointer; position: absolute; top: 7px; text-decoration: none; color: #ffffff; }

.WebEnrollmentConfirmation dt { font-size: 14px; font-weight: bold; margin-bottom: 3px; margin-top: 3px; }
.WebEnrollmentConfirmation dd { margin-bottom: 2px; margin-top: 2px; }
.WebEnrollmentConfirmation dd ol li { margin-bottom: 2px; margin-top: 2px; }
.WebEnrollmentConfirmation dd ul li { margin-bottom: 2px; margin-top: 2px; }
.WebEnrollmentReviewFinePrint { border: solid 1px #999999; background-color: #EFEFEF; margin: 1px 0px 10px 0px; padding: 3px 3px 0px 0px; }
.SelfServiceRoboHelpLeft { text-align: left; }
.SelfServiceRoboHelpRight { background-color: #ffffff; color: #000000; text-decoration: none; cursor: pointer; text-align: center; width: 15px; border: solid 1px #999999; }
.SelfServiceRoboHelpRight:hover { background-color: #dcdcdc; }
.SelfServiceRoboHelpRight a { color: #003366; text-decoration: none; }
/*End of Dev's tab theming for self service*/

.buttonDefault
{
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    background-image: url(images/button_center.png);
    border: 0px none transparent;
    height: 20px;
    color: #ECF6D1;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    min-width: 75px;
    display:inline;
}
.buttonDefaultLeftIE8
{
    background-repeat: no-repeat;
    border: 0px none transparent;
    margin: 0px -1px 0px 0px;
    vertical-align: top;
    display:inline;
}
.buttonDefaultRightIE8
{
    border: 0px none transparent;
    background-repeat: no-repeat;
    vertical-align: top;
    display:inline;
}

a.TaskCompleted
{
    font-style:normal;
    text-decoration:none;
    color:#000000 !important;    
    cursor:text !important;
}

.BulletStyle
{
    border-radius:10px; 
    width:20px; 
    border:1px solid #000000; 
    text-align:center
}


.Invisible
{
    display:none;
}


@media print


 {    
      .noprint {         display: none;     } 
      
     body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: White; width: 765px; margin: 0px; }

a, a:link, a:visited { color: #0066D4; }

table { width: 100%; }

hr { color: #DEE5EF; background-color: #DEE5EF; height: 2px; border: none; }

span { vertical-align: baseline; }

sup { font-weight: normal; font-size: x-small; }

input[type="checkbox"] { margin-left: 0px; }

.CheckBox { margin-left: 0px; margin-right: 0px; }

#header{ padding: 0px; margin: 0px 0px 5px 0px; height: 115px; width: 100%; background: none; border-bottom: #E5ECF4 1px solid; }

#header2{ padding: 0px; margin: 0px; width: 100%; height: 115px; background-image: url("images/Self_Service_Header_Green_Image.png"); background-repeat: no-repeat; }

/* Menu */

#headerMenu
{
    position: absolute;
    top: 82px;
    left: 0px;
    width: 200px;
    z-index: 999;
}

.rounded-corners
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.menuTab
{
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.menuDropDown
{
    font-size: 12px;
}

.menuDropDown, .staticMenuItem, .dynamicMenuItem
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.staticMenuItem
{
    display: block;
    line-height: 1.45em;
    margin: 5px 7px 5px 7px;
    border-style: none;
    border-width: 1px 1px 1px 0;
    border-color: white #D9D9D9 #D9D9D9;
    background-color: #0094C7;
    font-weight: bold;
}

.dynamicMenuItem
{
    display: block;
    float: none;
    font-weight: normal;
    vertical-align: middle;
    padding: 7px 10px;
    border-style: none;
    border-width: 1px 1px 1px 0;
    border-color: white #D9D9D9 #D9D9D9;
    background-color: #0094C7;
}

.menuDropDown a:link, .menuDropDown a:visited
{
    text-decoration: none;
    color: White;
}

.dynamicMenuItem a:link, .dynamicMenuItem a:visited 
{
    cursor: auto;
    color: White;
    background-color: Transparent;
}

.menuDropDown .hover, .dynamicMenuItem:hover
{
    background-color: #036;
    position: relative;
    z-index: 599;
    cursor: auto;
}

/* End Menu */

/* Footer */

#footer 
{
    background-image: url("images/footer_bg.jpg");
    float: left;
    border-top: #E5ECF4 1px solid;
    margin-left: 5px;
    margin-top: 35px;
    padding: 12px 12px 40px 5px;
    font-style: normal;
    font-size: 10px;
    color: #999;
}

#footer table
{
    width: 100%; 
    vertical-align: top;    
}

#footer td
{
    vertical-align: top;
    border-left: 1px solid #DEE5EF; 
    padding-left: 10px;
    font-style: normal;
    font-size: 10px;
}

#footer td#col1
{
    border-left-style: none;
    padding-left: 0px;    
    width: 23%;
}

#footer td#col2
{
    width: 60%;
}

#footer td#col3
{
    width: 21%;
}

#footer a
{
    text-decoration: none;
    color: #999;   
}

#footer ul
{
    margin: 0;
    padding: 0;
}

#footer ul li 
{
    padding: 0px;
    margin: 0px 0px 2px 0px;
    list-style: none;
}

#footer ul li.header
{
    font-weight: bold;
    cursor: default;
}

#footer ul li.separator
{
    padding-top: 5px;    
}

a.logosprite
{
    display: block;
    background: url("images/TransparentDPASLogo.png") no-repeat;
    width: 50px;
    height: 60px;
}

#copyright
{
    margin: 10px 0px 0px 0px;
    text-align: center;
}

/* End Footer */

#container { margin: 5px 0px 0px 5px; clear: both; }

#container2 { position: relative; margin: 0px 0px 0px 5px; }

#leftcol { position: absolute; top: 0px; left: 0px; width: 162px; height: 401px; background-image: url("images/Navigation.bmp"); background-repeat: no-repeat; }

#centercol { position: absolute; left: 162px; width: 603px; }

#breadcrumb
{
    position: absolute;
    left: 290px;
    font-size: 10px;  
}

#siteMessage, #errors
{
	padding-left: 7px;
	clear: both;
}

#centercolcontent { padding: 0px 0px 5px 7px; font-family: Arial, Helvetica, sans-serif; /*font attributes are redeclared because of ajax tabs */ font-size: 12px; color: #333333; background-color: White; }

.pageTitle { font-size: 20px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px; font-style: normal; text-decoration: none; font-family: inherit; }

#centercolcontent .pagetitle { font-size: 20px; font-weight: bold; padding: 0px; }

#centercolcontent .pageinfo { padding-left: 10px; width: 75%; }

#centercolcontent #header { text-align: right; margin: 0px; padding: 5px 0px 5px 0px; height: auto; }

div.contentheader { text-align: right; }

#centercolcontent .section { margin: 0px 0px 0px 0px; }

#centercolcontent .section .sectionheader { padding: 3px 10px 3px 10px; background-color: #DEE5EF; font-weight: bold; border: solid 1px #DEE5EF; }

#centercolcontent .section .sectioninfo { padding-left: 10px; padding-right: 10px; }

#centercolcontent .section .sectionbody { border: solid 1px #DEE5EF; padding: 5px 0px 5px 0px; }

.sectionbody div.sectionBodyData { padding: 3px 10px 3px 10px; }

table.sectionBodyData td, table.sectionBodyData th, .sectionbody table.sectionBodyData td, .sectionbody table.sectionBodyData th { padding: 3px 10px 3px 10px; }

.sectionBodyData .ajax__calendar_container table th, .sectionBodyData .ajax__calendar_container table td, table.inputFormData .ajax__calendar_container table th, table.inputFormData .ajax__calendar_container table td { padding: 0px; }

.section .sectionContainer { padding-top: 0px; }

table.sectionBodyData tr.spacer, table.sectionBodyData tr.spacer td { margin: 0px; padding: 0px; }

table.sectionBodyData tr.headerrow th { background-color: #DEE5EF; text-align: left; }

table.sectionBodyData td.dataContent { padding: 3px 3px 3px 10px; }

table.sectionBodyData td.validation { padding: 3px 3px 3px 3px; width: 5px; }

#centercolcontent .section .sectionfooter { padding: 15px 0px 0px 10px; }

#centercolcontent .section table.sectionHeaderInfo td { padding: 0px 10px 3px 10px; }

.small { font-size: 11px; }

.smallText { width: 75px; }

.smallTextAmount { width: 75px; text-align: right; }

.x-smallText { width: 50px; }

.dateText { width: 63px; }

.x-smallTextAmount { width: 50px; text-align: right; }

.xx-smallText { width: 35px; }

.mediumText { width: 100px; }

.mediumTextAmount { width: 100px; text-align: right; }

.largeText { width: 150px; }

.x-largeText { width: 175px; }

.normalText { width: 126px; }

.spacer { margin-top: 10px; }

a.info, a.info:link, a.info:visited { font-size: 10px; text-decoration: none; }

a.small, a.small:link, a.small:visited { font-size: 11px; text-decoration: none; }

td.note { color: #666666; font-size: 10px; padding-top: 0px; }

span.note { color: #666666; font-size: xx-small; }

span.blueText, .blueText { color: #00A7D4; font-weight: bold; }

td.imgRight { border-left: dashed 2px #DEE5EF; padding-left: 10px; }

.row td, .alternatingrow td, .headerrow th, table.view td, table.view th { padding: 3px 10px 3px 10px; vertical-align: top; text-align: left; border-color: #DEE5EF; }
.row td.amount, .alternatingrow td.amount { padding: 3px 10px 3px 10px; vertical-align: top; text-align: right; border-color: #DEE5EF;}

.separaterow td { border-top: dashed 1px #DEE5EF; margin: 0px 3px 0px 3px; }

.headerrow th a:hover { text-decoration: underline; color: #2866FA; }

.headerrow th a, .headerrow th a:visited, .headerrow th a:link, .headerrow th a:active, .headerrow th a:hover { text-decoration: underline; color: #2866AF; }

.pagerrow, .pagerrow td { text-align: left; }

.pagerrow table { width: auto; }

.detailsrow td { padding: 3px 10px 3px 10px; }

table.inputForm, div.inputForm { padding: 0px; }

table.inputForm td { padding: 0px; }

.inputForm table.inputFormData td { padding: 3px 10px 3px 10px; }

table.inputFormData table.summaryData td, table.inputFormData table.summaryData th, table.summaryData td, table.summaryData th { padding: 3px 10px 3px 0px; }

table.summaryData td.primaryContact td { padding: 0px; vertical-align: top; }

div.sectionbody table.summaryData { padding: 0px 0px 0px 10px; }

table.summaryData th { text-decoration: underline; font-weight: bold; }

td.primaryContact td { padding: 3px; }

.editrow td { padding: 10px 10px 10px 10px; vertical-align: top; }

table.defaultTable { }

.defaultTable td, .defaultTable th, .sectionBodyData table.defaultTable td, .sectionBodyData table.defaultTable th { padding: 0px; vertical-align: top; }

table.sectionBodyData table.colTable td { padding-left: 0px; vertical-align: top; }

.inlineEdit td { padding: 0px 5px 5px 0px; }

table.view { border-color: #DEE5EF; border-width: 1px; border-style: solid; border-collapse: collapse; }

table.view tr.headerrow { background-color: #F5F6FA; }

table.view tr.footerrow, table.summaryData tr.footerrow { font-weight: bold; }

table.seminars td { padding: 3px 10px 30x 0px; vertical-align: top; }

.date { padding-left: 1em; }

.date .month { background: #029FE0; color: White; padding: 2px 0px 1px 0px; width: 34px; }

.date .day { background: white; border: solid 1px #029FE0; border-top: none; color: #999999; font-size: 1.5em; line-height: 1; padding: 2px 0px 1px 0px; width: 32px; }

.date .month, .date .day { font-weight: bold; text-align: center; text-transform: uppercase; }

table.defaultGrid { border-collapse: collapse; border: solid 1px #DEE5EF; border-spacing: 0px 0px; }

table.defaultGrid td, table.defaultGrid th { padding: 3px 10px 3px 10px; vertical-align: top; }

table.defaultGrid th { background-color: #F5F6FA; text-align: left; }

.gridList .row .colLeft, .gridList .alternatingrow .colLeft, .gridList .headerrow .colLeft, .gridList .footerrow .colLeft { padding-left: 0px; }

.gridList .row .colRight, .gridList .alternatingrow .colRight { border-style: none; }

table.sickLeaveEstimate { padding: 5px 0px 5px 0px; border-collapse: collapse; border-style: none; border-bottom: solid 1px #DEE5EF; }

table.sickLeaveEstimate td { padding: 3px 10px 3px 0px; border-style: none; border-bottom: solid 1px #DEE5EF; }

table.sickLeaveEstimate th { background-color: #F5F6FA; border-style: none; border-bottom: solid 1px #DEE5EF; }

table.sickLeaveEstimate th.colBigHeader { font-size: 14px; font-weight: bold; padding-left: 0px; text-align: left; background-color: White; }

table.sickLeaveEstimate th.headerText { border: solid 1px #DEE5EF; text-align: center; }

table.sickLeaveEstimate th.colOperation { background-color: White; }

table.sickLeaveEstimate td.colOperation { background-color: White; text-align: right; font-size: smaller; }

table.sickLeaveEstimate td.sickLeaveEstimateTextCell { text-align: right; background-color: #F2F2F2; border: solid 1px #DEE5EF; }

table.sickLeaveEstimate td.spacer { border-right: solid 1px #DEE5EF; }

table.sickLeaveEstimate th.spacer { background-color: White; border-style: none; border-right: solid 1px #DEE5EF; }

.imageStep { float: left; padding-right: 10px; padding-bottom: 10px; }

.amountField { text-align: right; }

a.goto, a.goto:link, a.goto:visited, span.goto { font-size: 10px; text-decoration: none; vertical-align: top; }

.watermarked { color: #666666; }

/*added to suppress stylesheet in Common.css*/
.AnyDropDown { margin-left: 0px; margin-right: 0px; }

.TextBoxLarge { width: auto; height: auto; margin-right: auto; margin-left: auto; text-align: left; }

span.validation { padding: 0px 3px 0px 3px; width: 5px; display: inline-block; }

label.required, td.validation label.required { color: Red; }

div.importantInfo { border: 1px solid #f99; margin-top: 8px; margin-bottom: 10px; }

div.importantInfo p { margin-top: 15px; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; font-weight: bold; color: red; font-size: 13px; }

label
{
    cursor: default;
}

li 
{
    display: list-item;
}

.sectiontitle
{
    padding: 6px 6px 6px 3px;
    background-color: #DEE5EF; 
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Login */

#loginContainer
{
    float: left;    
}

#loginContainer #loginControl
{
    float: left;
    width: 245px;
}

#loginContainer #info
{
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    display: inline;
}

.loginbox
{
    background-color: #C6DCDF;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    position: relative;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 0px;
    width: 244px;
}

.loginbox h3 
{
    color: white;
    background: #0178B0 url("images/icon_padlock.gif") 10px 8px no-repeat;
    line-height: 32px;
    height: 29px;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 28px;
    margin: 0px;
    border: 0px;
    border-left: 1px solid #4B75A5;
    border-right: 1px solid #4B75A5;
    text-transform: capitalize;
}

.loginbox .logincontent, .loginbox label, .loginbox fieldset 
{
    border: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

.loginbox .logincontent
{
    border-top: 1px solid #4B75A5;
    border-right: 1px solid #4B75A5;
    border-left: 1px solid #4B75A5;
}

.loginbox fieldset 
{
    padding-left: 9px;
    padding-right: 9px;
}

.loginbox label
{
    font-size: 12px;
    margin: 0px;   
}

.loginbox label.username, .loginbox label.password
{
    margin-top: 8px;
}

.loginbox input[type="text"], .loginbox input[type="password"]
{
    border: 1px solid #A4B97F;
    background-color: white;
    padding: 1px 3px;
    width: 124px;
    color: #333;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
}

.loginbox input[type="submit"].submit
{
    margin: 8px 0px 4px 2px;
    display: block;
}

.loginbox ul 
{
    padding: 0px 0px 0px 3px;
    margin: 0px;
    list-style-type: none;
    display: block;
}

.loginbox fieldset ul.register
{
    padding-left: 0px;
}

.loginbox fieldset ul.register li
{
    padding-left: 3px;
}

.loginbox fieldset ul.register li.note
{
    padding-left: 0px;
    border-left-style: none;
}

label.note
{
    font-size: 11px;
}

.loginbox fieldset ul.forgotlinks 
{
    padding-top: 7px;
    padding-bottom: 7px;
}

.loginbox fieldset li {
    border-left: 1px solid #488898;
    display: inline;
    padding: 0;
    margin: 0;
    margin-left: 2px;
    padding-left: 5px;
}

.loginbox li.first 
{
    border-left: none;
    margin: 0px;
    padding: 0px;
}

.loginbox a, .loginbox a:link 
{
    color: #2866AF;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
}

.loginbox label#note
{
    padding-left: 8px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-top: -3px;
    border-left: 1px solid #4B75A5;
    border-right: 1px solid #4B75A5;
}

.loginbox .altlinks 
{
    background-color: #0178B0;
    padding: 0px;
    padding-left: 9px;
    padding-top: 4px;
    margin: 0px;
    height: 40px;
    position: relative;
}

.loginbox .altlinks ul 
{
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: 4px;
    bottom: 4px;
}

.loginbox .altlinks li 
{
    margin: 2px 0px;
}

.loginbox .altlinks ul a, .loginbox .altlinks ul a:link 
{
    color: #EEF7F9;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
}

/* End Login */

/* Login View */

div.loginViewContainer
{
    float: right;
    color: #333;
    font: normal normal normal 11px arial;
    text-transform: capitalize;
    padding: 5px 0px 0px 0px;
}

div.loginViewContainer #anonymousLogin
{
	padding-right: 10px;	
	text-transform: none;
}

div.loginView 
{
    height: 68px;
    width: 270px;
    background: transparent url("images/loginView.gif") no-repeat;
    padding: 5px 3px 5px 10px;
    line-height: 1.25em;
    text-align: left;
    position: relative;
    text-transform: capitalize;
}

div.loginView #loginHeader
{
}

div.loginView #loginHeader .appTitle
{
    font-weight: bold;
    padding-left: 13px;
    color: #003A6F;        
}

div.loginView #loginHeader .loginName
{
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: bold;
}

div.loginView #loginControl
{
    float: right;
    padding-right: 10px;
}

div.loginView #loginControl input[type="submit"]
{
    font-size: 10px;    
}

div.loginView #loginBody
{
    clear: both;
}

div.loginView #loginBody select
{
    margin: 0;
}

div.loginView #loginFooter
{
	font-size: 10px;
    position: absolute;
    bottom: 0;
    margin-bottom: 3px;
}

div.loginView #loginFooter a
{
	text-decoration: none;
}

div.loginView #loginFooter #siteHelp
{
	position: absolute;
	left: 210px;
	width: 50px;
}

/* End Login View */

/* Bubble */

.bubble 
{
    width: 288px;
    margin-left: 7px;
}

.bubbleBottom
{
    background: url("images/bubbleBottom.gif") 0 100% no-repeat;
}

.bubblePointer
{
    background: url("images/bubblePointer.gif") 0 0 no-repeat;
    min-height: 60px;
    padding: 10px 15px 15px 15px;
}

.bubblePointer ul
{
    padding-left: 30px;
}

/* End Bubble */

/* Banner */

.bannerBox
{
    border: 1px solid #DEE5EF;
    padding: 12px;
    margin-bottom: 10px;
    background-image: url("images/banner_bg.gif");
    background-repeat: repeat-x;
}

#loginContainer #banner 
{
    width: 200px;
    right: 0px;
    position: absolute;
    padding-top: 15px;
}

.bannerBox .center
{
    padding: 0;
    text-align: center;    
}

.bannerBox h2
{
    margin: 0px 0px 5px 0px;
    padding: 0;
    color: #ff7200;
}

.bannerBox .separator
{
    border-top: dotted 1px #DEE5EF;
    padding: 5px 0px 5px 0px;
}

.bannerBox .bannerContent
{
    position: relative;
    margin: 0;
    padding: 5px 0 0 0;
}

.bannerBox .bannerContent ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#loginContainer #banner .bannerBox .bannerContent ul 
{
    text-align: left;
}

.bannerBox .bannerContent li 
{
    background-image: url("images/calculator.gif");
    background-position: left;
    background-repeat: no-repeat;
    padding: 8px 0px 4px 15px;
    display: block;
    border-top: 1px dotted #DEE5EF;
}

.bannerBox .bannerContent li a
{
    text-decoration: none;
}

.bannerBox .bannerContent li.first 
{
    border-top-style: none;
}

/* End Banner */

#helpNow
{
    position: absolute;
    left: 430px;
    display: block;
    background: url("images/HelpNow.gif") no-repeat;
    width: 80px;
    height: 25px;
}

#formsContainer
{
	float: right;
}

#formsContainer select
{
	width: 150px;
	z-index: 1;
}

table.estimateData
{
    padding: 5px 0px 5px 0px;
    border-collapse: collapse;
    border-style: none;
    border-bottom: solid 1px #DEE5EF;
}

table.estimateData td
{
    padding: 3px 10px 3px 0px;
    border-style: none;
    border-bottom: solid 1px #DEE5EF;
}

table.estimateData th
{
    background-color: #F5F6FA;
    border-style: none;
    border-bottom: solid 1px #DEE5EF;
}

table.estimateData th.colBigHeader
{
    font-size: 14px;
    font-weight: bold;
    padding-left: 0px;
    text-align: left;
    background-color: White;
}

table.estimateData th.headerText
{
    border: solid 1px #DEE5EF;
}

table.estimateData th.colOperation
{
    background-color: White;
}

table.estimateData td.colOperation
{
    background-color: White;
    text-align: right;    
    font-size: smaller;
}

table.estimateData td.estimateDataTextCell
{
	text-align:right;
	background-color: #F2F2F2;
    border: solid 1px #DEE5EF;
}

table.estimateData td.spacer
{
    border-right: solid 1px #DEE5EF;
}

table.estimateData th.spacer
{
    background-color: White;
    border-style: none;
    border-right: solid 1px #DEE5EF;
}
 
      
      
      
      } 
      
      
  #printable { display: none; }     
   @media print    
    {         #non-printable { display: none; }        
              
               #printable { display: block; 
                            }    
                            
                             } 

/*Dev is skinning the ajax tabs for a wizard look and feel---Added by mmogula
/**********************Tab Styles Start ****************************/
.ajax__myTab.wizard .ajax__tab_outer
{
    background: url(Images/WizardTab/TabRightVisited.png) no-repeat right center;
    background-size: contain; 
    padding-right: 20px;
    margin: 0px 10px 7px 0px;
}
.ajax__myTab.wizard .ajax__tab_inner
{
    background: url(Images/WizardTab/TabLeftVisited.png) no-repeat left center;
    background-size: contain;
    padding-left: 8px;
}
.ajax__myTab.wizard .ajax__tab_tab
{
    background: url(Images/WizardTab/TabVisited.png) repeat-x;
    font-size: 10pt;
    background-size: contain;
    padding: 2px 2px;
    margin: 0px 2px;
}
.ajax__myTab.wizard .ajax__tab_tab span
{
    color: #e1f0a2;
}
.ajax__myTab.wizard .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    background: url(Images/WizardTab/TabRightHover.png) no-repeat right center;
    background-size: contain;
    padding-right: 20px;
    margin: 0px 10px 7px 0px;
}
.ajax__myTab.wizard .ajax__tab_hover .ajax__tab_inner
{
    cursor: pointer;
    background: url(Images/WizardTab/TabLeftHover.png) no-repeat left center;
    background-size: contain;
    padding-left: 8px;
}
.ajax__myTab.wizard .ajax__tab_hover .ajax__tab_tab
{
    cursor: pointer;
    background: url(Images/WizardTab/TabHover.png) repeat-x;
    background-size: contain;
}
.ajax__myTab.wizard .ajax__tab_hover .ajax__tab_tab span
{
    color: White;
}
.ajax__myTab.wizard .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/WizardTab/TabRightActive.png) no-repeat right center;
    background-size: contain;
    padding-right: 20px;
    margin: 0px 10px 7px 0px;
}
.ajax__myTab.wizard .ajax__tab_active .ajax__tab_inner
{
    background: url(Images/WizardTab/TabLeftActive.png) no-repeat left center;
    background-size: contain;
    padding-left: 8px;
}
.ajax__myTab.wizard .ajax__tab_active .ajax__tab_tab
{
    background: url(Images/WizardTab/TabActive.png) repeat-x;
    background-size: contain;
}
.ajax__myTab.wizard .ajax__tab_active .ajax__tab_tab span
{
    color: White;
}
.ajax__myTab.wizard .ajax__tab_disabled .ajax__tab_outer
{
    background: url(Images/WizardTab/TabRightInactive.png) no-repeat right center;
    background-size: contain;
    padding-right: 20px;
    margin: 0px 10px 7px 0px;
}
.ajax__myTab.wizard .ajax__tab_disabled .ajax__tab_inner
{
    background: url(Images/WizardTab/TabLeftInactive.png) no-repeat left center;
    background-size: contain;
    padding-left: 8px;
}
.ajax__myTab.wizard .ajax__tab_disabled .ajax__tab_tab
{
    background: url(Images/WizardTab/TabInactive.png) repeat-x;
    background-size: contain;
}
.ajax__myTab.wizard .ajax__tab_disabled .ajax__tab_tab span
{
    color: #a0a0a0;

}
.helpButton {
  background: url(images/help_button.png) right no-repeat;
  display: block;
  width: 64px;
  height: 27px;
  position: absolute;
  right: 0;
  top: 0;
}
.mainSectionHeader
{
    font-family: "Segoe UI Semibold";
    font-size: 11pt;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8aa7c9+0,43638a+100 */
    background: #8aa7c9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYTdjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzYzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #8aa7c9 0%, #43638a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8aa7c9), color-stop(100%,#43638a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8aa7c9 0%,#43638a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8aa7c9 0%,#43638a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8aa7c9 0%,#43638a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8aa7c9 0%,#43638a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa7c9', endColorstr='#43638a',GradientType=0 ); /* IE6-8 */
    -pie-background: linear-gradient(#8aa7c9, #43638a); /* Allows 100% with padding inside the box. */
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 3px 6px;
    width: 100%;
    height: 29px;
    display: block;
    color: #FFFFFF;
    border-bottom: solid 1px #2B4463; /*behavior: url(/DPAS.WebUI.Intranet/Javascripts/PIE.htc); Fix script to allow gradients and rounded corners in IE. */
}