/* -------------------------------------------------------------
 *
 * Bootstrap overrides
 *
 * ------------------------------------------------------------- */
a {
    text-decoration: underline;
}

table {
    border-collapse: separate;
}

td, th{
    padding: 2px;
}

.mailboxRow td {
    padding: 2px;
}

.mailboxPanel th {
    padding: 2px;
}

.mailboxPanel table {
    height: 100%;
    padding: 5px;
}

.subMenuPanel div {
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}

.mailboxRow input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
}

/* -------------------------------------------------------------
 *
 * Define the appearance of general body elements.
 *
 * ------------------------------------------------------------- */
    
    body
    {
        font-family: Sans-Serif;
        font-size: small;
        color: #444444;
    }
    
    .dmbaLogo
    {
    	background-image: url('/Assets/Images/DMLogo.jpg'); 
    	width: 58px;
    	height: 38px; 
    }
    
/* -------------------------------------------------------------
 *
 * Class for defining the appearance of list items in
 * ordered and unordered lists.
 *
 * ------------------------------------------------------------- */
	ul
	{
		margin-top:5px;
	}
	
    ul li
    {
        list-style-type: square;
        padding-top: 5px;
        margin-left: -15px;
        line-height: normal;
    }
    
    ol
	{
		margin-top:5px;
	}
	
    ol li
    {
        padding-top: 5px;
    }
   
    dt
    {
        padding-top: 5px;
        font-weight: bold;
    }

/* -------------------------------------------------------------
 *
 * Define the appearance of confirmation messages when
 * forms are submitted.
 *
 * ------------------------------------------------------------- */

    .confirmationMessage
    {
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #008800;
        padding: 8px;
        background-color: #fefeee;
        color: #008800;
        font-weight: bold;
    }

    .OEconfirmationMessage
    {
        padding: 10px;
        border: 1px solid black;
        background-color: #ebe9e1;
        color: black;
        margin-bottom:20px;
    }

    /* -------------------------------------------------------------
 *
 * Define the appearance of warning messages when
 * forms are submitted.
 *
 * ------------------------------------------------------------- */

    .warningMessage
    {
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #ccbb00;
        padding: 8px;
        background-color: #fcf9de;
        color: #ccbb00;
        font-weight: bold;
    }
    
 /* -------------------------------------------------------------
 *
 * Define the appearance of validation error messages when
 * forms are submitted.
 *
 * ------------------------------------------------------------- */

    /* Class to be used for general error messages at the top of the page. */
    .errorMessage
    {
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #cc0000;
        padding: 8px;
        background-color: #fefeee;
        color: #cc0000;
        font-weight: bold;
        margin-bottom: 15px;
    }
    
    /* Class to be used for error messages that appear next to individual form elements. */
    .inlineErrorMessage
    {
        color: #cc0000;
        font-weight: bold;
    }
    

/* -------------------------------------------------------------
 *
 * Class to use on a div tag to have contents stand out on the page.
 *
 * ------------------------------------------------------------- */

    .noteBox
	{
		color: #392D1C;
		background-color: #ECE9DC;
		border: solid 1px #AAA092;
		padding: 5px;
	}
    

/* -------------------------------------------------------------
 *
 * Class to use for displaying website alerts.
 *
 * ------------------------------------------------------------- */

    .WebsiteAlert
	{
        background-color: #FEF5D3;
        color: #392D1C;
		border: solid 1px #AAA092;
		padding: 10px;
		font-family: Verdana;
		font-size: 10pt;		
	}

    .OEAlert
	{
		font-family: Verdana;
		font-size: 17pt;
        text-align:center;
        color:black;
        padding-bottom:5px;	
        padding-top:0px;
	}

	.BlackoutAlert
	{
		background-image:url(/Assets/Images/alertShade.gif);
        background-repeat: repeat-x;
        color: #392D1C;
		border: solid 1px #AAA092;
		padding: -15px;
		font-family: Verdana;
		font-size: 10.5pt;	
		font-weight:bold;	
	}
        
/* -------------------------------------------------------------
 *
 * Class for defining has fieldsets appear.
 *
 * ------------------------------------------------------------- */
    
    fieldset legend
    {
        color: #392D1C;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of anchor tags.
 *
 * ------------------------------------------------------------- */

    /* Define the appearance of anchor tags generally. */
    a
    {
        color: #262626;
    }

    /* Define the appearance of anchor tags when the mouse hovers over. */
    a:hover
    {
	    color: #0033CC;
    }
    
    .linkImage
    {
    	border:0;
    	padding-top:3px;
    	padding-bottom:5px;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of headers.
 *
 * ------------------------------------------------------------- */

    /* Standard page header */
    h1
    {
        font-size: 13pt;
        font-family: Arial;
        font-style:normal;
        font-weight:bold;    
	    color: Black;
	    margin-top: 0px;
    }

    /* Standard page sub-header */
    h2
    {
	    font-size: 11pt;
	    font-family: Arial;
	    font-style: normal;
	    font-weight: bold;
	    color: Black;
	    margin-bottom: 0px;
	    padding-bottom: 5px;
    }

    /* Standard page sub-sub-header */
    h3
    {
	    font-size: 10pt;
	    font-family: Arial;
	    font-style: normal;
	    font-weight: bold;
	    color: Black;
	    margin-bottom: 0px;
	    padding-bottom: 5px;
    }


/* -------------------------------------------------------------
 *
 * Class for defining the appearance of watermark text.
 * See the search box for an example of watermark text.
 *
 * ------------------------------------------------------------- */

    .waterMarkText
    {
        color: #888888;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of help links and
 * help link content.
 *
 * ------------------------------------------------------------- */

    /* Define the appearance of the panel that appears when a help link is clicked. */
    .helpPanel
    {
        background-color: #fefeee;
        border: 1px solid black;
    }

    /* Define how the title of the help text appears within the help panel. */
    .helpTitle
    {
        font-size: 11pt;
        color: #8C3F00;
        font-weight: bold;
    }

    /* Define how the content of the help text appears within the help panel. */
    .helpContent
    {
        font-size: 8pt;
        color: Black;
    }

    /* Define how the close link appears within the help panel. */
    .helpClose
    {
        font-size: 8pt;
    }

    /* Define how the help link appears. */
    .helpLink
    {
        font-size: 8pt;
    }

/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of banner.
 *
 * ------------------------------------------------------------- */

	.banner
	{
		background-image: url('/Assets/Images/BannerSub.jpg'); 
		background-repeat: no-repeat; 
		height: 70px; 
	}
	
/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of sub-menus and widgets.
 *
 * ------------------------------------------------------------- */
    
    .subMenu .subMenuTitle {
        font-size: 23px;
        padding-top: 10px;
    }

    .subMenu .subMenuSubHeader {
        font-size: 16px;
        border-bottom: thin dotted #3b3a36;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .subMenuList li {
        font-size: small;
        padding-bottom: 5px;
    }

    .subMenuList .disabled {
        color: gray;
        cursor: not-allowed;
    }

    .subMenuActivate {
        position: absolute;
        left: -30px;
        z-index: 1020;
        margin-left: 5px;
        -webkit-transform: rotate(270deg); /* Chrome, Safari 3.1+ */
        -moz-transform: rotate(270deg); /* Firefox 3.5-15 */
        -ms-transform: rotate(270deg); /* IE 9 */
        -o-transform: rotate(270deg); /* Opera 10.50-12.00 */
        transform: rotate(270deg);
    }

    .subMenuButton {
        color: black;
        background-color: #f8f8f8;
        border-top: none;
        border-left: solid 1px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-color: #e7e7e7;
    }

    .subMenuContentCover {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: lightgrey;
        opacity: .5;
        top: 0px;
        left: 0px;
        z-index: 100;
        margin-left: 40px;
    }

    /* Define the appearance of sub-menu headers. */
    .subMenuHeader
    {
        background-image:url(/Assets/Images/GradientWidgetTitle.gif);
        background-repeat: repeat-x;
        font-size: 10pt;
        color: #ffffff;
        font-weight: bold;
        height: 20px;
        padding-top: 2px;
        padding-left: 3px;
        padding-bottom: 0px;
        padding-right: 3px;
    }

    /* Define the appearance of anchor tags that appear in sub-menu headers. */
    .subMenuHeader a
    {
        color: #FFFFFF;
    }

    /* Define the hover appearance of anchor tags that appear in sub-menu headers. */
    .subMenuHeader a:hover
    {
        color: #0033CC;

    }
    
    /* Define the appearance of sub-menu panels. 
       This is the outside box of the sub-menu. */
    .subMenuPanel
    {
	    border: 1px solid #999999;
	    background-color: #f4f4f4;
	    padding: 0px;
	    font-size: 9pt;
	    margin-top: 5px;
    }

    /* Define the appearance of sub-menu links. */
    .subMenuPanel a
    {
        font-size: 9pt;
        text-decoration: none;
    }

    /* Define the appearance of sub-menu bullets. */
    .subMenuPanel li
    {
        list-style-type: square;
        padding-top: 5px;
        margin-left: -10px;
    }
    
    /* Define the appearance of accordian headers with sub-menus.
       This is the header of each section under a sub-menu. */
    .accordianHeader
    {
	    height: 25px;
	    cursor: pointer;
	    vertical-align: top;
	    border: solid 1px #D3D3D3;
	    margin: 2px;
    	background-image:url(/Assets/Images/AccordionGradientUp.jpg);
    	background-repeat: no-repeat;
    }

    /* Define the appears of submenu panel headers within web apps. */
    .webAppSubMenuPanelHeader
    {
        background-image:url(/Assets/Images/AccordionGradient.jpg);
        height: 20px;
    	padding-left: 5px;
    	padding-top: 5px;
    	padding-right: 10px;
        font-weight: bold;
    }
    
    
    /* This is the second part under the accordian header that shows
       the gradient all the way across the header */
    .accordianHeader div
    {
    	background-image:url(/Assets/Images/AccordionGradient.jpg);
    	height: 20px;
    	margin-left: 20px;
    	padding-top: 5px;
    	padding-right: 10px;
    }

    /* Define how the content appears of each accordian pane. 
       This is the content within each section under a sub-menu. */
    .accordianContent
    {
	    padding: 5px;
	    margin-right: 2px;
	    margin-left: 2px;
	    border: solid 2px #D3D3D3;
    }

    /* Define the appearance of a selected accordian pane under a sub-menu. */
    .accordianSelected
    {
	    height: 25px;
	    cursor: pointer;
	    vertical-align: top;
	    border: solid 1px #D3D3D3;
	    margin: 2px;
    	background-image:url(/Assets/Images/AccordionGradientDown.jpg);
    	background-repeat: no-repeat;
    }
    
    /* This is the second part under the selected accordian header that shows
       the gradient all the way across the header */
	.accordianSelected div
    {
    	background-image:url(/Assets/Images/AccordionGradient.jpg);
    	height: 20px;
    	margin-left: 20px;
    	padding-top: 5px;
    	padding-right: 10px;
    }

    /* Define the spacing between sub-menus and widgets. */
    .lineBreak
    {
	    height: 20px;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the navigation tabs.
 *
 * ------------------------------------------------------------- */
    
    /* Define the way the text appears within each tab. */
    .mainMenu a
    {
        color: #666666;
        font-weight: bold;
    }

    /* Define the appearance of the tab strip. */
    .mainMenu
    {
    }

    /* Define the appearance of non-selected tabs. */
    
    .mainMenuItem td   /* The TD tag for the menu item */
    {
        background-image: url(/Assets/Images/GradientMenuItem.gif);
	    background-repeat: repeat-x;
    }
    
    .mainMenuItem   /* The anchor tag for the menu item */
    {
        padding: 15px;
	    border-left: 1px solid #999999;
	    border-right: 1px solid #999999;
	    border-bottom: 1px solid #999999;
	    height: 27px;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10pt;
	    color: #666666;
	    font-weight: normal;
	    outline: none; 
    }

    /* Define the way the text appears within each tab when the mouse hovers over. */
    .mainMenuHover a
    {
	    color: #000000;
    }

    /* Define the appearance of tabs when the mouse hovers over. */
    
    .mainMenuItem td:hover   /* The TD tag for the menu item */
    {
        background-image: url(/Assets/Images/GradientMenuItemHover.gif);
	    background-repeat: repeat-x;
    }
    
    .mainMenuHover   /* The anchor tag for the menu item */
    {
	    border-left: 1px solid #000000;
	    border-right: 1px solid #000000;	
	    border-bottom: 1px solid #000000;
	    color: #000000;
	    outline: none; 
    }

    /* Define the way the text appears on a selected tab. */
    .mainMenuSelected a
    {
	    color: #000000;
	    font-weight: bold;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10pt;
    }

    /* Define the appearance of selected tabs. */
    table[class~=mainMenuSelected] td
    {
        background-image: url(/Assets/Images/GradientMenuItemSelected.gif);
	    background-repeat: repeat-x;
    }
    
    table[class~=mainMenuSelected] td:hover   /* Keep the selected style when the menu item is hovered over. */
    {
        background-image: url(/Assets/Images/GradientMenuItemSelected.gif);
	    background-repeat: repeat-x;
    }
    
    .mainMenuSelected
    {
	    border-left: 1px solid #000000;
	    border-right: 1px solid #000000;
	    border-bottom: 1px solid #000000;
	    height: 27px;
    }

/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the mailbox control.
 *
 * ------------------------------------------------------------- */

    /* Define the appearance of the mail box. */
    .mailboxPanel
    {
        border: 1px solid #AAA092;
        background-color: #fefeee;
        padding: 0px;
        font-size: 9pt;
    }

    /* Define the appearance of a message when the mouse hovers over. */
    .mailboxRow:hover
    {
        color: #0000FF;
        cursor: pointer;
    }
    
    /* Define the appearance the area of the mailbox containing the
       Send Message and Delete Messages links. */
    .mailboxCommandPanel
    {
        background-color: #ECE9DC;
        padding: 5px;
        font-weight: bold;
        border-top: 1px solid #AAA092;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the page footer.
 *
 * ------------------------------------------------------------- */

    /* Define the appearance of the footer. */
    .footer
    {
	    padding: 10px;
	    margin-top: 20px;
	    border-top: solid 1.5px black;
	    font-family: Sans-Serif;
	    font-size:x-small; 
	    text-align: center;
    }

    /* Define the appearance of links within the footer. */
    .footer a
    {
	    text-decoration: underline;
	    color: blue;
    }

/* -------------------------------------------------------------
 *
 * Classes for tables and gridviews .
 *
 * ------------------------------------------------------------- */

    /* Class to be used on all table tags and gridviews. */
    .tbl
    {
        border-collapse: collapse; 
    }

    /* Table header style.  The default text alignment is left.  The the following classes to change text alignment. */
    .tbl th
    {
        color: #392D1C;
        border-top: 1px solid #CFCAC2;
        border-bottom: 1px solid #AAA092;
        background-color: #ECE9DC;
        padding: 5px;
        text-align: left;
    }
    
    /* Apply this class if you want the text in a table header cell to be right aligned. */
    .tbl th.rightHeader
    {
        text-align: right;
    }
    
    /* Apply this class if you want the text in a table header cell to be centered. */
    .tbl th.centerHeader
    {
        text-align: center;
    }

    /* Create the horizontal separator line between each row of a GridVew. */
    .tbl td
    {
        border-bottom: 1px solid #CFCAC2;
        padding: 5px;
    }
    /* Sets Calendar padding to zero */
    .tbl td table td
    {
        border-bottom: 1px solid #CFCAC2;
        padding: 0px;
    }

    
    /* 
     * Create the horizontal separator line between each row of a GridVew. "Compact version" modifies regular tbl classes.
     * Hint: when you want to do a table class="tbl" but you want to save space, do table class="tbl tbl-compact".
     */
    .tbl-compact td
    {
        border-bottom: none;
        padding: 2px;
    }

    /* Alligns the caption to the left of the GridView. */
    .tbl caption
    {
        text-align: left;
        padding-bottom: 5px;
    }
    
    /* Class to be used on table tags that you only want the style to apply to that table */
    .tblOnly
    {
        border-collapse: collapse; 
    }

    .tblOnly > tbody > tr > th
    {
        color: #392D1C;
        border-top: 1px solid #CFCAC2;
        border-bottom: 1px solid #AAA092;
        background-color: #ECE9DC;
        padding: 5px;
        text-align: left;
    }
    
    .tblOnly > tbody > tr > th.rightHeader
    {
        text-align: right;
    }
    
    .tblOnly > tbody > tr > th.centerHeader
    {
        text-align: center;
    }

    .tblOnly > tbody > tr > td
    {
        border-bottom: 1px solid #CFCAC2;
        padding: 5px;
    }

    /* For table and grid cells where all borders should be displayed. */
    .cellWithBorders
    {
        border: 1px solid #CFCAC2;
    }
    
    /* Use this class to prevent radiobutton or checkbox lists that are contained within a table from having a border. */
    .listNoBorders > tbody > tr > td
    {
	    border-width: 0px;
    }
    
    .pager
    {
        color: #392D1C;
        border-top: 1px solid #CFCAC2;
        border-bottom: 1px solid #AAA092;
        background-color: #ECE9DC;
        padding: 5px;
        text-align: left;
    }
    
    .pager a
    {
        padding-left: 5px;
    }
    
    .pager span
    {
        padding-left: 5px;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the security wizard.
 *
 * ------------------------------------------------------------- */

    /* Class for the main wizard panel. */
    .wizard
    {
        padding-left: 3px;
        padding-right: 3px;
    }

    /* Class for the top banner of the wizard (indicating the step number). */
    .wizardHeader
    {
        border-top: 1px solid #CFCAC2;
        border-bottom: 1px solid #AAA092;
        background-color: #ECE9DC;
        font-weight: bold;
        font-size: 12pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        height: 50px;
        padding-left: 8px;
    }

    /* Class for the footer of the wizard (containg the Next and Previous buttons). */
    .wizardNavigation 
    {
        background-color: #ffffff;
    }


/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the plan comparisons
 *
 * ------------------------------------------------------------- */    
    .ComparisonList
    {
    	margin-top: 0px;
    }

/* -------------------------------------------------------------
 *
 * Classes for shading table cells.
 *
 * ------------------------------------------------------------- */    

    .alertBackground
    {
        background-image:url(/Assets/Images/alertShade.jpg);
        background-repeat: repeat-x;
    }
        
    .warningBackground
    {
        background-image:url(/Assets/Images/warningShade.jpg);
        background-repeat: repeat-x;
    }
        
    .alertBackground td
    {
        background-image:url(/Assets/Images/alertShade.jpg);
        background-repeat: repeat-x;
    }
        
    .warningBackground td
    {
        background-image:url(/Assets/Images/warningShade.jpg);
        background-repeat: repeat-x;
    }

/* -------------------------------------------------------------
 *
 * Classes that define the look of the modal dialog.
 *
 * ------------------------------------------------------------- */    

    .modalDialogHeader
    {
        background-image:url(/Assets/Images/GradientModalTitle.gif);
        background-repeat: repeat-x;
        font-size: 10pt;
        color: #ffffff;
        font-weight: bold;
        height: 25px;
        padding-top: 4px;
        padding-left: 4px;
        padding-bottom: 0px;
        padding-right: 4px;
    }

/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of tables using tablesorter
 *
 * ------------------------------------------------------------- */    
table.tablesorter {
	border-collapse: collapse; 
	border-width: 0px;
	margin:10px 0pt 15px;
	font-size: 9pt;
	
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th
{
    background-color: #ECE9DC;
    border-top: 1px solid #CFCAC2;
    border-bottom: 1px solid #AAA092;
    border-right: 1px solid #CFCAC2;
    font-size: 9pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/masterpages/legacy/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	
}
table.tablesorter tbody td {
	
	padding: 4px;
	vertical-align: top;
	border-width: 0px;
	border-bottom: 1px solid #CFCAC2;
	
	
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
	
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/masterpages/legacy/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/masterpages/legacy/images/desc.gif);
}

table.tablesorter thead tr .sorter-false {
    background-image: none;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
{
    background-color: #A0A58B;
}

/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the missionary medical
 * recovery system.
 *
 * ------------------------------------------------------------- */    
    .mmrCommandLink
    {
        font-size: 8pt;
        font-family: Arial;
        font-style: normal;
        font-weight: bold;
    }
    
    .mmrSectionHeader
    {
        font-size: 10pt;
        font-family: Arial;
        font-style: normal;
        font-weight: bold;
        color: Black;
        margin-bottom: 0px;
        padding-bottom: 5px;
        padding-top: 20px;
        width: 100%; 
        border-bottom: solid gray 1px; 
        margin-bottom: 10px;
    }
 
    table.mmrLayoutTable
    {
        border-collapse: collapse; 
    }
 
    table.mmrLayoutTable > tbody > tr > td
    {
        font-weight: normal;
        padding: 5px; 
    }

    table.mmrLayoutTable > tbody > tr > th
    {
        padding: 5px; 
        font-weight: bold;
        text-align: right;
    }

    
 /* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the customer service
 * web application.
 *
 * ------------------------------------------------------------- */    
    .csaSection
    {
        
    }

    .csaSectionContent
    {
        
    }

    .csaSectionHeader
    {
        font-size: 10pt;
        font-family: Arial;
        font-style: normal;
        font-weight: bold;
        color: Black;
        margin-bottom: 0px;
        padding-bottom: 5px;
        padding-top: 10px;
        width: 100%; 
        border-bottom: solid gray 1px; 
        margin-bottom: 10px;
    }

    .csaSectionHeader table
    {
        margin-bottom: -5px;
    }

    .csaSectionHeader a
    {
        font-size: 11px;
    }

    table.csaLayoutTable
    {
        border-collapse: collapse; 
        background-repeat: repeat-x;
    }
 
    table.csaLayoutTable > tbody > tr > td
    {
        font-weight: normal;
        padding: 4px; 
        padding-right: 15px;
        text-align: left;
    }

    table.csaLayoutTable > tbody > tr > th
    {
        padding: 0px; 
        padding-right: 5px;
        font-weight: bold;
        text-align: right;
    }

     table.csaCondensedLayoutTable
    {
        border-collapse: collapse; 
        background-repeat: repeat-x;
    }
 
    table.csaCondensedLayoutTable > tbody > tr > td
    {
        font-weight: normal;
        padding: 0px; 
        padding-right: 15px;
        text-align: left;
    }

    table.csaCondensedLayoutTable > tbody > tr > th
    {
        padding: 0px; 
        padding-right: 5px;
        font-weight: bold;
        text-align: right;
    }

    .csaMainSearch
    {
        background-image: -ms-linear-gradient(top, #97A97F 5%, #4A5B2F 100%); /* IE 11... */
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97A97F), color-stop(1, #4A5B2F) );
	    background:-moz-linear-gradient( center top, #97A97F 5%, #4A5B2F 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A97F', endColorstr='#4A5B2F');
        
        width: 1102px; 
        padding: 6px;
    }

    .csaSearchHeader
    {
        color: white;
        text-shadow:1px 1px 0px #636163;
        font-weight: bold;
    }

    .csaButton 
    {
	    -moz-box-shadow:inset -1px -1px 0px 0px #9E9E9E;
	    -webkit-box-shadow:inset -1px -1px 0px 0px #9E9E9E;
	    box-shadow:inset -1px -1px 0px 0px #9E9E9E;
        background-image: -ms-linear-gradient(top, #FFFFFF 5%, #CECECE 100%); /* IE 11... */
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #CECECE) );
	    background:-moz-linear-gradient( center top, #FFFFFF 5%, #CECECE 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CECECE');
	    background-color:#ededed;
	    -moz-border-radius:6px;
	    -webkit-border-radius:6px;
	    border-radius:6px;
	    display:inline-block;
	    color:#524f52;
	    font-size:12px;
	    font-weight:bold;
	    padding:3px 18px;
	    text-decoration:none !important;
	    text-shadow:1px 1px 0px #c2bec2;
        border: solid #C4C4C4 1px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .csaButton:hover 
    {
        background-image: -ms-linear-gradient(top, #CECECE 5%, #FFFFFF 100%); /* IE 11... */
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CECECE), color-stop(1, #FFFFFF) );
	    background:-moz-linear-gradient( center top, #CECECE 5%, #FFFFFF 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CECECE', endColorstr='#FFFFFF');
	    background-color:#dfdfdf;
        color:#524f52;
	    text-decoration:none !important;
    }
    
    .csaButton:active 
    {
	    position:relative;
	    top:1px;
    }

    .csaButton:disabled
    {
	    color:#909090;
        text-shadow: none;
    }

/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the customer service
 * web application.
 *
 * ------------------------------------------------------------- */
    table.dashboardTabs
    {
        
    }    

    table.dashboardTabs td
    {
        background-image: url(/Assets/Images/GradientMenuItem.gif);
        border: solid #adadad 1px;
        padding: 5px;
        line-height: normal;
	}

	table.dashboardTabs a 
    {
		text-decoration: none;
        width: 100%;
        height: 100%;
	}

	table.dashboardTabs td.active
    {
		background-image: url(/Assets/Images/GradientMenuItemSelected.gif);
        border-bottom: none;
	}

    table.dashboardTabs td:hover
    {
        cursor: pointer;
    }

    div.dashboardTabDivs 
    {
		padding:10px;
	}

/* -------------------------------------------------------------
 *
 * InputField support
 *
 * ------------------------------------------------------------- */

    .inputfield-label
    {
        font-weight: normal;
        color: black;
        text-align: left;
    }

    .inputfield-label-readonly
    {
        font-weight: bold;
        color: black;
        text-align: right;
    }

    .inputfield-value
    {
        font-weight: normal;
        color: black;
    }

/* -------------------------------------------------------------
 *
 * Classes for defining the appearance of the mega menu on the 
 * customer service web application.
 *
 * ------------------------------------------------------------- */
    ul.megamenuCustomerService {
        background-repeat: repeat-x;
        margin: 0px auto;
        padding: 1px 8px;
        list-style: none;
        display: none;
        height: 25px;
    }

    ul.megamenuCustomerService li.mm-item {
    }

    ul.megamenuCustomerService > li {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
    }

    ul.megamenuCustomerService li 
    {
      text-align: left;
    }

    ul.megamenuCustomerService > li > a {
      font-weight: bold;
    }

    ul.megamenuCustomerService li.clear-fix {
      float: none;
      clear: both;
      margin: 0px;
      padding: 0px;
      height: 0px;
      font-size: 0px;
      line-height: 0px;
    }

    ul.megamenuCustomerService a.mm-item-link:link, ul.megamenuCustomerService a.mm-item-link:visited {
      color: white;
      position: relative;
      display: inline-block;
      padding: 5px 5px;
      margin: 0px 5px 0px 0px;
      text-decoration: none;
      z-index: 10;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
    }
    *html ul.megamenuCustomerService a.mm-item-link:link, *html ul.megamenuCustomerService a.mm-item-link:visited {
      border-color: pink;
      filter: chroma(color=pink);
    }

    ul.megamenuCustomerService a.mm-item-link-hover:link, ul.megamenuCustomerService a.mm-item-link-hover:visited 
    {
        color: black;
        text-shadow:1px 1px 0px #DDF9A7;
    
        background-image: -ms-linear-gradient(top, #9CAE84 5%, #FFFFFF 100%); /* IE 11... */
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9CAE84), color-stop(1, #FFFFFF) );
        background:-moz-linear-gradient( center top, #9CAE84 5%, #FFFFFF 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CAE84', endColorstr='#FFFFFF');

        border-top: 1px solid #777;
        border-left: 1px solid #777;
        border-right: 1px solid #777;
        -moz-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;
    }

    ul.megamenuCustomerService div.mm-item-content {
      background: #FFF;
      padding: 0px;
      position: absolute;
      border: 1px solid #777;
      z-index: 9;
    }

    .mm-content-base {
      background: #FFF;
      position: relative;
      z-index: 11;
      padding: 10px;
    }
    .mm-js-shadow {
      background: #555;
      position: absolute;
      z-index: 10;
    }
    
    
/* -------------------------------------------------------------
 *
 * Classes for rendering electronic provider transactions gridview
 *
 * ------------------------------------------------------------- */  
 

    /* Table header style.  The default text alignment is left.  The the following classes to change text alignment. */
    .multiprovgrid th
{
	color: #392D1C;
	border-top: 1px solid #AAA092;
	border-bottom: 1px solid #AAA092;
	border-left: none;
	background-color: #F8F7F1;
	padding: 5px 5px 5px 15px;
	text-align: left;
	width: 747px;
}    
    
	/* Create the horizontal separator line between each row of a GridVew. */
    .multiprovgrid td
{
    border-bottom: 1px solid #CFCAC2;
    border-left: none;
	padding: 5px 5px 5px 15px;
}
    /* Sets Calendar padding to zero */
    .multiprovgrid td table td
{
    border-bottom: 1px solid #CFCAC2;
    padding: 20px;
}

.multiprovmain th
{
	background-color:  #ECE9DC;
	padding: 5px;
	text-align: left;
	width: 747px;
}

/* -------------------------------------------------------------
 *
 * Classes for rendering the mailbox header/footer
 *
 * ------------------------------------------------------------- */  


.mailboxHeader
{
    color: #392D1C;
    border-top: 1px solid #CFCAC2;
    border-bottom: 1px solid #AAA092;
    background-color: #ECE9DC;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.labelSpacingRight
{
    padding-right:20px;
}

.labelSpacingLeft
{
    padding-left:15px;
}

.radiobuttonlist_margin label 
{
    margin-right:15px;
    margin-left:5px;
}


/* -------------------------------------------------------------
 *
 * Class to use for displaying Highlight around the enter password box
 *
 * ------------------------------------------------------------- */

    .PasswordAlert
	{
        border: 1px solid black; background-color: #fefeee; padding: 10px;		
	}

@media print {
    a[href]:after {
        content: none;
    }
}