A {
	color:#003399;
	font-size: 8pt;
	text-decoration:none;
	font-family: verdana, arial, helvetica;
}
A:link {
	color:#003399;
	font-size: 8pt;
	text-decoration:none;
	font-family: verdana, arial, helvetica;
}
A:hover {text-decoration:underline;}
A:active:hover {text-decoration:underline;}
A:visited:hover {text-decoration:underline;}

.linkbutton 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	TEXT-TRANSFORM:capitalize; 
	COLOR:#ffffff; 
	FONT-FAMILY: verdana, arial, helvetica; 
}

.linkbutton2 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	TEXT-TRANSFORM:capitalize; 
	COLOR:#383838; 
	FONT-FAMILY: verdana, arial, helvetica; 
}

.clsText {
	font-size: 8pt; 
	color: #000000; 
	font-family: verdana, arial, helvetica;
}

.clsLabel 
{
	font-size: 8pt; 
	font-weight:bold; 
	color: white; 
	font-family: verdana, arial, helvetica;
}

.clsTextItalic {
	font-size: 8pt; 
	color: #000000; 
	font-family: verdana, arial, helvetica;
	font-style: italic;
}

.clsText A {text-decoration:none; border:#FFFFFF; color: #003399;}
.clsText A:link {text-decoration:none; border:#FFFFFF; color: #003399;}
.clsText A:hover {text-decoration:underline; color:#003399;}
.clsText A:active {text-decoration:none; color:#003399;}
.clsText A:visited {text-decoration:none; color:#003399;}
.clsText A:active:hover {text-decoration:underline; color:#003399;}
.clsText A:visited:hover {text-decoration:underline; color:#003399;}

.clsDisabledText {
	font-size: 8pt; 
	color: Gray; 
	font-family: verdana, arial, helvetica;
}

.clsDisabledLabel {
	font-size: 8pt; 
	font-weight:bold; 
	color: Gray; 
	font-family: verdana, arial, helvetica;
}

.clsLabel {
	font-size: 8pt; 
	font-weight:bold; 
	color: #333333; 
	font-family: verdana, arial, helvetica;
}
.clsSubTab{
		font-family: Verdana, Arial, Helvetica;
		font-size: 8pt;
		color: #ffffff; 
		background-color: #3A4E5A;
}
.clsSubTab A:link {text-decoration: none; color:#ffffff}
.clsSubTab A:link{text-decoration:none; color:#ffffff}
.clsSubTab A:hover {text-decoration:underline; color:#ffffff;}
.clsSubTab A:active:hover {text-decoration:underline; color:#ffffff;}
.clsSubTab A:visited:hover {text-decoration:underline; color:#ffffff;}

.clsTertiaryTab {
		font-family: Verdana, Arial, Helvetica;
		font-size: 8pt;
		color: #3A4E5A;
}

.clsTertiaryTab A:link{text-decoration:none; color:#3A4E5A}
.clsTertiaryTab A:hover {text-decoration:underline; color:#3A4E5A;}
.clsTertiaryTab A:active:hover {text-decoration:underline; color:#3A4E5A;}
.clsTertiaryTab A:visited:hover {text-decoration:underline; color:#3A4E5A;}

.clsTab {
	background-color: #8A99A4;
}
.clsSelectedTab {
	background-color: #3A4E5A;
}
.clsError {
	font-size: 10pt; 
	color: #CC3300; 
	font-family: verdana, arial, helvetica;
}
.clsError A {text-decoration:none; border:#FFFFFF; color: #003399; font-size: 10pt;}
.clsError A:link {text-decoration:none; border:#FFFFFF; color: #003399; font-size: 10pt;}
.clsError A:hover {text-decoration:underline; color:#003399; font-size: 10pt;}
.clsError A:active {text-decoration:none; color:#003399; font-size: 10pt;}
.clsError A:visited {text-decoration:none; color:#003399; font-size: 10pt;}
.clsError A:active:hover {text-decoration:underline; color:#003399; font-size: 10pt;}
.clsError A:visited:hover {text-decoration:underline; color:#003399; font-size: 10pt;}

.clsFooter {
	font-size: 7pt; 
	color: #333333; 
	font-family: verdana, arial, helvetica;
}
.clsHeader {
	font-size: 8pt; 
	font-weight: bold;
	color: #ffffff; 
	background-color: #577386;
	font-family: verdana, arial, helvetica;
}
.clsTextBox {
	background: white;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-top: black 1px solid;
	color: black;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: Black;
}

.clsDropDownBox 
{
	background: white;
	color: black;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: Black;
	height: 18px;
	width: 120px;
}
.clsDropDownBoxNoWidth
{
	background: white;
	color: black;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: Black;
	height: 18px;	
}

.clsListBoxNoWidth
{
	background: white;
	color: black;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: Black;	
}

.clsLoginBox {
	background: white;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-top: black 1px solid;
	color: black;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	height: 18px;
	width: 150px
}

.clsSectionHeader {
	font-size: 9pt; 
	font-weight: bold;
	color: #333333; 
	font-family: verdana, arial, helvetica;
}
.clsSubSectionHeader {
	font-size: 8pt; 
	font-weight: bold;
	color: #333333; 
	font-family: verdana, arial, helvetica;
	padding-bottom: 5px; 
	padding-top: 5px; 
}
.clsTableHeaderDark {
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size: 8pt;
	color: #ffffff; 
	background-color: #3F6EA7;
}

.clsTableHeaderDark A:link {text-decoration:none; color:#FFFFFF}
.clsTableHeaderDark A:hover {text-decoration:underline; color:#FFFFFF;}
.clsTableHeaderDark A:active:hover {text-decoration:underline; color:#FFFFFF;}
.clsTableHeaderDark A:visited:hover {text-decoration:underline; color:#FFFFFF;}

.clsTableHeaderLight {
	font-size: 8pt; 
	font-weight: bold;
	color: #333333; 
	background-color: #F3F6F9;
	font-family: verdana, arial, helvetica;
	height: 21;
}

.clsTableHeaderLightBorder {
	font-size: 8pt; 
	font-weight: bold;
	color: #333333; 
	background-color: #F3F6F9;
	border-bottom: #A2AEB7 1px solid;
	border-top: #A2AEB7 1px solid;
	font-family: verdana, arial, helvetica;
	height: 21;
}
.clsContractTableHeaderDark {
	font-size: 8pt;
	font-weight: bold;
	color: #333333; 
	background-color: #CEDFEF;
	font-family: verdana, arial, helvetica;
	height: 21;
}
.clsCommuterTableHeader {
	font-size: 8pt; 
	font-weight: bold;
	color:  #FFFFFF; 
	background-color: #53BABF;
	font-family: verdana, arial, helvetica;
}

.clsCommuterTableHeader A:link {text-decoration:none; color:#FFFFFF}
.clsCommuterTableHeader A:hover {text-decoration:underline; color:#FFFFFF;}
.clsCommuterTableHeader A:active:hover {text-decoration:underline; color:#FFFFFF;}
.clsCommuterTableHeader A:visited:hover {text-decoration:underline; color:#FFFFFF;}

.clsFSATableHeader {
	font-size: 8pt; 
	font-weight: bold;
	color:  #FFFFFF; 
	background-color: #FBB897;
	font-family: verdana, arial, helvetica;
}

.clsFSATableHeader A:link {text-decoration:none; color:#FFFFFF}
.clsFSATableHeader A:hover {text-decoration:underline; color:#FFFFFF;}
.clsFSATableHeader A:active:hover {text-decoration:underline; color:#FFFFFF;}
.clsFSATableHeader A:visited:hover {text-decoration:underline; color:#FFFFFF;}

.clsRowHeaderLight {
	font-size: 8pt;
	color: #333333; 
	background-color: #F3F6F9;
	font-family: verdana, arial, helvetica;
	height: 21;
}
.clsRowHeaderDark {
	font-size: 8pt;
	color: #333333; 
	background-color: #CEDFEF;
	font-family: verdana, arial, helvetica;
	height: 21;
}
.clsCommuterHeaderText {
	font-size: 8pt; 
	font-weight: bold;
	color: #41AAAF; 
	background-color: #F3F6F9;
	font-family: verdana, arial, helvetica;
}
.clsFSAHeaderText {
	font-size: 8pt; 
	font-weight: bold;
	color: #FF6633; 
	background-color: #F3F6F9;
	font-family: verdana, arial, helvetica;
}
.clsTableTextDark {
	font-size: 8pt; 
	color: #333333; 
	font-family: verdana, arial, helvetica;
	background-color: #F3F6F9;
	height: 21;
}
.clsTableTextLight {
	font-size: 8pt; 
	color: #333333;  
	font-family: verdana, arial, helvetica;
	background-color: #FFFFFF;
	height: 21;
}

.clsTableTextRedLight 
{
	font-size: 8pt;
	color:#ff0000;
	font-family: verdana, arial, helvetica;
	background-color:#FFFFFF;
	height: 21;
}
.clsTableTextRedLight A:link {text-decoration: none; color:#ff0000}
.clsTableTextRedLight A:link{text-decoration:none; color:#ff0000}
.clsTableTextRedLight A:visited {text-decoration:none; color:#ff0000;}
.clsTableTextRedLight A:hover {text-decoration:underline; color:#ff0000;}
.clsTableTextRedLight A:active:hover {text-decoration:underline; color:#ff0000;}
.clsTableTextRedLight A:visited:hover {text-decoration:underline; color:#ff0000;}

.clsTableTextRedDark
{
	font-size: 8pt;
	color:#ff0000;
	font-family: verdana, arial, helvetica;
	background-color:#FFFFCC;
	height: 21;
}
.clsTableTextRedDark A:link {text-decoration: none; color:#ff0000}
.clsTableTextRedDark A:link{text-decoration:none; color:#ff0000}
.clsTableTextRedDark A:visited {text-decoration:none; color:#ff0000;}
.clsTableTextRedDark A:hover {text-decoration:underline; color:#ff0000;}
.clsTableTextRedDark A:active:hover {text-decoration:underline; color:#ff0000;}
.clsTableTextRedDark A:visited:hover {text-decoration:underline; color:#ff0000;}


.clsTableTextYellowLight
{
	font-size: 8pt;
	color: #333333;  
	font-family: verdana, arial, helvetica;
	height: 21px;
	background-color: #ffff00;
}
.clsTableTextYellowLight A:link {text-decoration: none; color:#333333}
.clsTableTextYellowLight A:link{text-decoration:none; color:#333333}
.clsTableTextYellowLight A:visited {text-decoration:none; color:#333333;}
.clsTableTextYellowLight A:hover {text-decoration:underline; color:#333333;}
.clsTableTextYellowLight A:active:hover {text-decoration:underline; color:#333333;}
.clsTableTextYellowLight A:visited:hover {text-decoration:underline; color:#333333;}


.clsTableTextYellowDark
{
	font-size: 8pt;
	color: #333333;  
	font-family: verdana, arial, helvetica;
	background-color:#ffff00;
	height: 21px;
}
.clsTableTextYellowDark A:link {text-decoration: none; color:#333333}
.clsTableTextYellowDark A:link{text-decoration:none; color:#333333}
.clsTableTextYellowDark A:visited {text-decoration:none; color:#333333;}
.clsTableTextYellowDark A:hover {text-decoration:underline; color:#333333;}
.clsTableTextYellowDark A:active:hover {text-decoration:underline; color:#333333;}
.clsTableTextYellowDark A:visited:hover {text-decoration:underline; color:#333333;}



.clsFSATableTextDark {
	font-size: 8pt; 
	color: #333333; 
	font-family: verdana, arial, helvetica;
	background-color: #FFFFCC;
	border-bottom: #8A99A4 1px solid;
	height: 21;
}
.clsFSATableTextLight {
	font-size: 8pt; 
	color: #333333; 
	font-family: verdana, arial, helvetica;
	background-color: #FFFFFF;
	border-bottom: #8A99A4 1px solid;
	height: 21;
}

.clsTableBorder
{
    BORDER-RIGHT: #a6a6a6 1px solid;
    BORDER-TOP: #a6a6a6 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #a6a6a6 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #a6a6a6 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-COLLAPSE: collapse
}
.clsTableHeaderColor
{
    BORDER-RIGHT: #a6a6a6 1px solid;
    BORDER-TOP: #a6a6a6 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #a6a6a6 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #a6a6a6 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #cccccc
}

.clsConfirmation
{
	font-size: 10pt;
	padding-bottom: 10px;
	color: #009F62;
	font-family: Verdana, Arial, Helvetica;
}

.clsHelpLink
{
	color:#003399;
	font-size: 8pt;
	text-decoration:underline;
	font-family: verdana, arial, helvetica;
}

.popupWindow
{
	position:absolute;
    border: solid 1px black;
    margin: 0px 0px 0px 0px;
    background-color:white;
    display:none;
    z-index:1000;
}

body { 
    margin: 0;
}

.invisibletext{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.clsTextRight { text-align: right; }
.clsTextCenter { text-align: center; }

/*.btn-image-search {
    background: url("../Images/Buttons/SearchLt_Up.gif") no-repeat;
    height: 1.2rem;
    width: 4.4rem;
    border: 0;
    cursor: pointer;
    outline: none;
}
.btn-image-search:hover,
.btn-image-search:focus,
.btn-image-search.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

/*.btn-back-image {
    background: url("../Images/Buttons/BackLt_Up.gif") no-repeat;
    height: 1.2rem;
    width: 3.4rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-back-image:hover,
.btn-back-image:focus,
.btn-back-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

/*.btn-edit-image {
    background: url("../Images/Buttons/EditLt_Up.gif") no-repeat;
    height: 1.2rem;
    width: 3.3rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-edit-image:hover,
.btn-edit-image:focus,
.btn-edit-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/


/*.btn-save-image {
    background: url("../Images/Buttons/Save_Up.gif") no-repeat;
    height: 1.2rem;
    width: 3.3rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-save-image:hover,
.btn-save-image:focus,
.btn-save-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

/*.btn-cancel-image {
    background: url("../Images/Buttons/CancelLt_Up.gif") no-repeat;
    height: 1.2rem;
    width: 4.5rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-cancel-image:hover,
.btn-cancel-image:focus,
.btn-cancel-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

/*.btn-go-image {
    background: url("../Images/Buttons/go_new.gif") no-repeat;
    height: 1.2rem;
    width: 3.3rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-go-image:hover,
.btn-go-image:focus,
.btn-go-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

/*.btn-exit-image {
    background: url("../Images/Buttons/Exit_Up.gif") no-repeat;
    height: 1rem;
    width: 2.3rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-exit-image:hover,
.btn-exit-image:focus,
.btn-exit-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

/*.btn-calendar-image {
    background: url("../Images/Buttons/FileCalendar_Up.gif") no-repeat;
    height: 1rem;
    width: 6.9rem;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-calendar-image:hover,
.btn-calendar-image:focus,
.btn-calendar-image.pressed {
    outline: 2px solid;
    outline-color: #69a5c7;
}*/

.btn-simple{
    background: white;
    box-shadow: #C3C3C3 -3px -3px 3px -2px inset;
    border: 1px solid;
    border-color: #5F6F79 #2E3D47 #2E3C46 #5F6F79;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: .4px;
    color: #000;
    padding: 3px 10px;
    vertical-align: top;
    cursor: pointer;
}

    .btn-simple[disabled] {
        color: #9B9B9B;
        border-color: #BDBDBD #ABABAB #ABABAB #BCBCBC;
    }

    .btn-simple + .btn-simple {
        margin-left: 17px;
    }

    .btn-simple:hover,
    .btn-simple:focus {
        border-width: 2px;
        padding: 2px 9px;
    }

.btn-simple--forward  { 
    font-style: italic;
}

.high-contrast .btn-simple[disabled]:hover,
.high-contrast .btn-simple[disabled]:focus {
    border-width: 1px;
    padding: 3px 10px;
}


.btn-simple--dark {
    background: #3F6EA7;
    border-width: 0;
    box-shadow: none;
    color: white !important;
}

.btn-simple--dark:focus,
.btn-simple--dark:hover {
    border-width: 1px;
}

.high-contrast .btn-simple--dark {
    border-width: 1px;
    padding: 4px 10px;
}

    .high-contrast .btn-simple--dark:focus,
    .high-contrast .btn-simple--dark:hover {
        border-width: 2px;
        padding: 3px 9px;
    }

.btn-simple--help {
    border-color: #3F6EA7;
    color: #3F6EA7;
    border-radius: 0;
    box-shadow: none;
}

.high-contrast td.clsTableHeaderDark,
.high-contrast th.clsTableHeaderDark,
.high-contrast td.clsCommuterTableHeader,
.high-contrast th.clsCommuterTableHeader {
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}

.high-contrast tr.clsTableHeaderDark td,
.high-contrast tr.clsTableHeaderDark th {
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}

    .high-contrast tr.clsTableHeaderDark td td,
    .high-contrast tr.clsTableHeaderDark td th,
    .high-contrast tr.clsTableHeaderDark th td,
    .high-contrast tr.clsTableHeaderDark th th {
        border: none;
    }

.high-contrast td.topleftgeneral_corner {
    background:none;
    border-top: 1px solid currentColor;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    border-top-left-radius: 100px;
}

.high-contrast td.toprightgeneral_corner {
    background: none;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    border-top-right-radius: 100px;
}


.high-contrast td.bottomleftgeneral_corner {
    background: none;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    border-bottom-left-radius: 100px;
}

.high-contrast td.bottomrightgeneral_corner {
    background: none;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    border-bottom-right-radius: 100px;
}

.high-contrast td.topleftgeneral_corner img,
.high-contrast td.toprightgeneral_corner img, 
.high-contrast td.bottomleftgeneral_corner img, 
.high-contrast td.bottomrightgeneral_corner img {
    display: none;
}

.inline-resource {
    display: none;
}

.btn-icon {
    border: none;
    background: none;
    padding: 0;
    height: auto;
    margin: 0 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.icon {
    width: 1em;
    height: 1em;
}

.icon-help {
    color: #3F6EA7;
    fill: white;
}

.high-contrast .icon-help {
    color: inherit;
    fill: transparent;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
}

.w3per{ width: 3%;}

.border-top-left-corner{
    border-top-left-radius: 100px;
}
.border-top-right-corner{
    border-top-right-radius: 100px;
}

.border-bottom-left-corner{
    border-bottom-left-radius: 100px;
    border-left:#8a99a4  1pt solid;
    border-bottom: #8a99a4  1pt solid;
}

.border-bottom-right-corner{
    border-bottom-right-radius: 100px;
    border-right:#8a99a4  1pt solid;
}

/*.clsTableHeaderDark, .table .clsText,
.clsTableTextDark, .outbound .clsTableTextLight,
.clsSubSectionHeader {
    font-size: 66.7% !important;
    line-height: 1.5em;
}*/

.clsTableHeaderDark {
    line-height: 1.5rem;
}