/* =======================
   General Reset
   ======================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:none;
}
.description {
    color:black;
}
/* =======================
   Form Elements & Buttons
   ======================= */
input[type="submit"],
input[type="text"],
input[type="file"],
button {
    background-color: #E3E5E8;
    padding: .5em;
    border-radius: 6px;
    color: #000;
    font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    font-size: 100%;
    border: 1px solid #BFC2C5;
    text-decoration: none;
}

input[type="submit"]:hover,
input[type="file"]:hover,
button:hover,
input[type="text"]:hover {
    border: 1px solid #A0A4A8;
    background: #D3D6DA;
    box-shadow: 0px 0px 2px #888;
}

.buttonHolder { 
    text-align: center; 
}

input, textarea, select {
    font:12px Arial, Helvetica, sans-serif;
    vertical-align:middle;
    padding:0;
    margin:0;
}

textarea {
    overflow:auto;
    resize:none;
}

/* =======================
   Body & Typography
   ======================= */
body {
    margin:0;
    padding:0;
    font-size:14px;
    line-height:21px;
    color:#000000;
    background-color:#FFFFFF;
    font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    color:#000;
}

h1 { font-size:33px; margin-bottom:10px; }
h2 { font-size:25px; margin-bottom:10px; }
h3 { font-size:18px; margin-bottom:10px; }
h4 { font-size:16px; margin-bottom:10px; }
h5 { font-size:14px; margin-bottom:10px; }
h6 { font-size:12px; margin-bottom:10px; }

/* Links */
a {
    color: #0056A3;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

/* Sup/Sub */
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub { top: 0.4em; }

/* Lists */
ul, ol { padding:0; margin:0; }
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
ul li,
ol li {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 15px;
}

/* Horizontal Rule */
hr {
    border-bottom: 1px solid #CCCCCC;
    margin:5px 0 15px 0;
    padding:0;
    height:2px;
    width:100%;
}

/* Utility */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

.copyright {
    border: 0px;
    height: 1px;
    width: 1px;
}

/* =======================
   Layout Wrapper
   ======================= */
#wrapper {
    width:1000px;
    margin:0 auto;
    padding:20px 0 10px 0;
}

/* =======================
   Header (Simple Section)
   ======================= */
#header {
    padding:0 0 5px;
    background:#E3E5E8;
}

#header h1 {
    font-size:32px;
    color:#000;
    margin:0;
    font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    font-weight:bold;
    padding:0 0 10px;
}

#header h1 a {
    color:#000;
    text-decoration: none;
}
#header h1 a:hover {
    text-decoration: none;
}

#header p {
    font-size:16px;
    margin-left:1px;
    color:#000;
    font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;
}

/* =======================
   Navigation
   ======================= */
.navigation {
    margin:0 0 25px;
    border-bottom:#b3b5b7 solid 1px;
    padding:15px 5px;
    background:#E3E5E8;
}

.navigation ul {
    margin:0;
    padding:0;
}

.navigation ul li {
    margin:0;
    padding:0 32px;
    display:inline;
    font-size:15px;
    list-style-type:none;
    border-right:#aaaaaa dotted 2px;
}

.navigation ul li:last-child {
    border-right:none;
}

.navigation ul li a {
    color:#000;
    text-decoration:none;
}

.navigation ul li a:hover {
    text-decoration:underline;
}

/* =======================
   Page Content
   ======================= */
#page_content {
    background:#F5F5F5;
    padding:10px;
}

#page_content .right_section {
    width:740px;
    float:right;
}

#page_content .right_section .top_content {
    padding:15px 0 0 0;
}

#page_content .right_section .top_content .column_one {
    width:300px;
    float:left;
    margin-bottom:20px;
}

#page_content .right_section .top_content .column_two {
    width:300px;
    float:right;
    margin-bottom:20px;
}

.common_content {
    padding:0 0 20px 0;
}

.border_left {
    border-left:#C5C5C5 dotted 1px;
    padding-left:20px;
}

.border_none {
    border:none!important;
    margin:0!important;
}

.left_side_bar {
    width:210px;
    margin-bottom:10px;
    float:left;
    padding-right:10px;
}

.left_side_bar h1 {
    font-size:18px;
    padding:0 0 0 35px;
    margin-bottom:15px;
    color:#000;
    background:url(../images/pencil.png) no-repeat 10px center;
}

.left_side_bar .col_1 {
    padding:0 0 20px 0;
}

.left_side_bar .col_1 .box {
    padding:10px 15px 5px;
    border:#C1C5C7 solid 2px;
    background:#FFFFFF;
}

.left_side_bar .col_1 .box ul {
    margin:0;
    padding:0;
}

.left_side_bar .col_1 .box ul li {
    margin:0 0 8px;
    padding:0 0 0 20px;
    font-size:13px;
    list-style-type:none;
    background:url(../images/li2.png) no-repeat left center;
    color:#000;
}

.left_side_bar .col_1 .box ul li a {
    color:#000;
    text-decoration:underline;
}

.left_side_bar .col_1 .box ul li a:hover {
    text-decoration:none;
}

/* Special submit button */
.submit {
    background-color: #DDE2E7;
    padding: .5em;
    border-radius: 6px;
    color: #000;
    font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #BFC2C5;
}
.submit:hover {
    border: 1px solid #A0A4A8;
    background: #C9CED4;
    box-shadow: 0px 0px 1px #777;
}

/* =======================
   Simple Footer
   ======================= */
#footer {
    clear:both;
    margin-top:18px;
    padding:15px 0 12px 0;
    height:25px;
    text-align:center;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    line-height:19px;
    border-top:#c8cccf solid 1px;
    background:#E3E5E8;
    color:#000;
}

#footer a {
    color: #000;
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}

/* =======================
   Feed / Header Styles
   ======================= */
.fa_header {
    margin-top:8px;
    overflow:hidden;
    margin-bottom:20px;
}
table.fa_headerTable td,
table.fa_headerTable th {
    padding:0;
}
.fa_headerRow {
    padding:0;
    margin:0;
}
.fa_headerCell {
    padding:0;
    margin:0;
    vertical-align:top;
    text-align:left;
}
.fa_header_image {
    width:48px;
    height:48px;
    vertical-align:top;
    text-align:right;
    overflow:hidden;
}
.fa_header_info {
    padding-left:8px;
}
.fa_header_title {
    font-size:19px;
    line-height:25px;
    font-weight:700;
    margin-top:0;
    margin-bottom:8px;
    vertical-align:top;
    color:#000;
}
.fa_header_desc {
    margin-top:8px;
    overflow:hidden;
    color:#000;
}
.fa_item_info {
    margin-top:20px;
}
.fa_item_titleLink,
.fa_item_title {
    font-weight:600;
    color:#000;
}
.fa_item_date {
    color:#666;
}
.fa_item_name {
    color:#555;
    font-size:13px;
    line-height:20px;
    font-weight:600;
}
.fa_item_desc {
    margin-top:8px;
    overflow:hidden;
    color:#000;
}

/* =======================
   Microsoft-style Footer / Header Areas (Light)
   ======================= */
#Footer,
#FooterText {
    cursor:default;
}
#Footer {
    min-height:35px;
    margin:41px 0 0 0;
}
#FooterWinLogo {
    min-height:0;
    float:left;
}
#FooterLocaleChooser {
    margin-top:-3px;
    background-color:#E3E5E8;
    float:left;
}
#FooterLocaleChooser a,
#FooterLocaleChooser a:hover,
#FooterLocaleChooser a:visited {
    text-decoration:none;
    color:#000;
}
#FooterText {
    min-height:0;
    text-align:right;
}
#FooterText span {
    zoom:1;
    cursor:auto;
    margin-left:16px;
}
#FooterText span#FooterCopyright {
    cursor:text;
}
#FooterFlavorText {
    cursor:text;
    margin-right:15px;
    float:left;
    color:#000;
}
#FooterCopyright {
    cursor:text;
    margin-left:32px;
}
#FooterMsLogo {
    min-height:0;
    margin:0;
    margin-left:20px;
    margin-top:-17px;
    float:right;
}
#FooterFar {
    min-height:0;
    margin:0;
    margin-top:-17px;
    padding-bottom:14px;
    text-align:right;
    float:right;
}
#FooterNear {
    min-height:0;
    margin:0;
    margin-right:16px;
    text-align:left;
    float:left;
}
.ie7 #FooterNear {
    float:none;
}
.FooterLocaleChooserContainer {
    display:inline-block;
    position:relative;
    min-width:100px;
    text-align:center;
}
.FooterLocaleChooserCurrentLocale {
    display:inline-block;
    padding-top:4px;
    padding-bottom:5px;
    margin-left:9px;
    margin-right:33px;
}
.FooterLocaleChooserIconContainer {
    position:absolute;
    top:0;
    right:0;
}
.FooterLocaleChooserIconInnerContainer {
    display:inline-block;
    position:relative;
}
div#FooterLocaleChooser img {
    top:-197px;
    left:-111px;
    position:absolute;
}
.FooterBigRegion {
    background-color:#F2F3F5;
    border-top-width:10px;
    border-top-style:solid;
}
.FooterBigRegion a {
    font-size:12px;
    line-height:15px;
    color:#000;
}
.FooterBigRegion a:hover,
.FooterBigRegion a:active {
    font-size:12px;
    line-height:15px;
    text-decoration:none;
    color:#444;
}
.FooterBigRegion div.section h2.title_section {
    font-size:12px;
    line-height:15px;
    color:#000;
    margin-bottom:12px;
}
.FooterBigRegion div.section_section-product {
    padding-bottom:33px;
}
.FooterBigRegion div.section_section-product li.linklist {
    padding-bottom:0;
}
.FooterControlRegion {
    font-size:12px;
    line-height:15px;
    font-weight:600;
    background-color:#E3E5E8;
    color:#000;
}
.FooterControlRegion a {
    font-size:12px;
    line-height:15px;
    color:#000;
}
.FooterControlRegion a:hover,
.FooterControlRegion a:active {
    font-size:12px;
    line-height:15px;
    text-decoration:none;
    color:#444;
}

/* =======================
   Header Bar (Fixed, Light)
   ======================= */
.headerIsPresent #bodyContentPaneFullWidth,
.headerIsPresent #bodyContentPane {
    padding-top:105px;
}
.headerIsPresent.ie7 #bodyContentPane {
    padding-top:0;
    margin-top:105px;
}

#Header {
    min-height:0;
    font-weight:600;
    color:#000;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:10;
    -webkit-transform:translateZ(0);
}
#HeaderFBMain,
#HeaderFBSub {
    width:100%;
}

div.headerSCCollapse div#HeaderFBTransparent {
    height:10px;
}
div.headerSCCollapse div#HeaderSecondaryContainer {
    display:none;
    background-color:#FFFFFF;
}

#HeaderFBOpqaue {
    background-color:#E3E5E8;
    height:105px;
    min-width:225%;
}
#HeaderFBTransparent {
    opacity:.95;
    filter:alpha(opacity=95);
    background-color:#F2F3F5;
    height:33px;
    min-width:225%;
    z-index:9;
}
#HeaderMainContainer {
    position:relative;
    margin:-105px auto 0 auto;
    max-width:998px;
    min-width:998px;
    padding:0 4px;
}
#HeaderNearChild {
    float:left;
    max-width:741px;
    min-width:741px;
    margin:0;
    overflow:hidden;
    height:105px;
    position:relative;
}
#HeaderFarChild {
    float:right;
    width:227px;
    max-width:227px;
    height:105px;
}
#HeaderWinLogo {
    line-height:normal;
    margin-top:30px;
}
#HeaderPrimaryNav {
    position:absolute;
    bottom:7px;
    font-size:12px;
    line-height:15px;
    letter-spacing:1px;
    white-space:nowrap;
    left:0;
    overflow:hidden;
    max-width:741px;
}
#HeaderPrimaryNav > a {
    display:inline-block;
}
#HeaderPrimaryNav a,
#HeaderPrimaryNav .NavSep,
#HeaderNavSecondary a,
#HeaderNavSecondary .NavSep {
    margin-right:18px;
}
.NavSep {
    visibility:hidden;
}
.HeaderNoAccent {
    color:#000;
}
.HeaderNoAccent:visited {
    color:#000;
}
#Header a.accentBackgroundText:focus,
#Header a.accentBackgroundText:hover,
#Header a.accentBackgroundText:visited:hover,
#Header a.accentBackgroundText:visited:focus,
#Header a.HeaderNoAccent:focus,
#Header a.HeaderNoAccent:hover,
#Header a.HeaderNoAccent:visited:focus,
#Header a.HeaderNoAccent:visited:hover,
#Header #HeaderSignIn a:focus,
#Header #HeaderSignIn a:hover,
#Header #HeaderSignIn a:visited:hover,
#Header #HeaderSignIn a:visited:focus {
    color:#0056A3;
}
#HeaderSecondaryContainer {
    position:relative;
    margin:-33px auto 0 auto;
    width:998px;
    height:33px;
    padding:0 4px;
}
#HeaderNavSecondary {
    float:left;
    font-size:12px;
    line-height:15px;
    margin-top:1px;
    padding-top:7px;
    overflow:hidden;
    height:22px;
    white-space:nowrap;
    position:relative;
    width:905px;
    max-width:905px;
}
#HeaderNavSecondary a {
    position:relative;
    visibility:visible;
    display:inline-block;
    color:#000;
}
#HeaderChevronContainer {
    float:right;
    display:none;
}
.HeaderButton {
    border:0 none;
    background-color:transparent;
    float:left;
    padding:0;
}
.HeaderButton:focus::-moz-focus-inner {
    border:1px dotted #000;
}
#HeaderPrevImg,
#HeaderNextImg {
    height:33px;
    width:33px;
    position:relative;
    overflow:hidden;
}
.HeaderButton img {
    position:absolute;
}
#HeaderSignIn {
    font-size:12px;
    line-height:15px;
    position:absolute;
    bottom:7px;
    max-width:227px;
    min-width:227px;
    text-align:right;
    line-height:normal;
    word-wrap:break-word;
    color:#000;
}
#HeaderSignIn #WOLUserName {
    color:#000;
    overflow:hidden;
    margin-right:8px;
}
#HeaderSignIn #WOLSignInButton,
#HeaderSignIn #WOLLoadingSpan {
    color:#000;
}
#HeaderSignIn #WOLSignOutButton {
    color:#555;
}
.ie7 #HeaderNext {
    margin-left:-3px;
}
body.headerIsPresent a.inPageAnchor {
    display:block;
    position:relative;
    top:-138px;
}
#bodyBigFooter {
    min-height:0;
    padding-top:43px;
    padding-bottom:64px;
    width:100%;
    clear:both;
}
#bodyFooter {
    min-height:0;
    z-index:1;
    bottom:0;
    display:block;
    width:100%;
    clear:both;
}

/* =======================
   Centered Page
   ======================= */
#centeredpage {
    padding-top: 10px;
    width:900px;
    margin:0 auto;
    border:0;
}

/* =======================
   Flip Card Component
   ======================= */
.flipnclick {
    width: 128px;
    height: 128px;
    border: 1px solid #D0D4D8;
    text-align: left;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s ease-in;
    transform: rotateY(0);
    display: inline-block;
    margin: 10px;
    background:#FFFFFF;
}

.flipnclick.active {
    transform: rotateY(-180deg);
}

.flipnclick__image {
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.5s ease-in;
}

.flipnclick__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    overflow-y: hidden;
    background-color: #FFFFFF;
    font-size:14px;
    transition: all 0.5s ease-in;
    transform: rotateY(-180deg);
    -webkit-perspective: 1000px;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    z-index: 2;
    opacity: 0;
    color:#000;
}

.flipnclick__arrow {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.flipnclick__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.flipnclick.active .flipnclick__content {
    opacity: 1;
}

.flipnclick.active .flipnclick__image {
    opacity: 0;
}

.flipnclick.active .flipnclick__link {
    z-index: 111;
}
.HeaderActTax {
    color: #000;
}
.description {
    color: #000;
}
/* Floating theme toggle widget */
#theme-toggle-widget {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    background: #111;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.35);
    z-index: 9999;
    cursor: default;
}

/* Light mode appearance for the widget itself */
#theme-toggle-widget.light {
    background: #f2f2f2;
    color: #111;
    border: 1px solid rgba(0,0,0,0.12);
}

/* Main toggle button */
#theme-toggle-button {
    border: none;
    background: transparent;
    font-size: 1rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

/* Dismiss “x” */
#theme-toggle-close {
    border: none;
    background: transparent;
    font-size: 0.85rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    opacity: 0.8;
}

#theme-toggle-close:hover {
    opacity: 1;
}