﻿/* override background color for home page header */
.H01 {background-color: black;}

/* error box, for contact me*/
.error-box {color: red;}

/* Sitrant Wealth Management blue table, for support pages*/
.xxxwa12-blue-table{border:1px solid #7ba0cd;border-collapse:collapse}
.xxxwa12-blue-table th{text-align:left;background-color:#4f81bd;color:#fff;padding:5px;font-weight:700}
.xxxwa12-blue-table td{text-align:left;padding:5px;border-top:1px solid #7ba0cd}
.xxxwa12-blue-table tr:nth-child(even) td{background-color:#d3dfee;color:#3b3b3b}
.xxxwa12-blue-table tr:nth-child(odd) td{background-color:#fff;color:#3b3b3b}

/* Sitrant Wealth Management gray table, for event pages*/
.xxxwa12-gray-table{border:1px solid gray;border-collapse:collapse}
.xxxwa12-gray-table th{text-align:left;background-color:#c7c7ca;color:#3b3b3b;padding:5px;font-weight:700}
.xxxwa12-gray-table td{text-align:left;padding:5px;border-top:1px solid gray}
.xxxwa12-gray-table tr:nth-child(even) td{background-color:#efefef;color:#3b3b3b}
.xxxwa12-gray-table tr:nth-child(odd) td{background-color:#fff;color:#3b3b3b}

.search-results {
    margin-bottom:20px;
}

#skip a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 110;
}

#skip a:active,
#skip a:focus,
#skip a:hover {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

/* contact me form */
.contact-me .left {
    display: inline;
    float: left;
    position: relative;
    width: 50%;
    margin-right: 20px;
}

.contact-me .right {
    display: inline;
    float:left;
    position: relative;
}

/* set min-height on events listing page */
@media (min-width: 48em) {
    .event-list {
        min-height: 600px;
    }
}

/* add gray and red tags*/
.post-tag--gray a.post-tag,a.post-tag--gray {
    background:#cccccc;
    color:#fff!important
}
.post-tag--gray a.post-tag:hover,a.post-tag--gray:hover{
    background:#924015
}

.post-tag--red a.post-tag,a.post-tag--red {
    background:#862633;
    color:#fff!important
}
.post-tag--red a.post-tag:hover,a.post-tag--red:hover{
    background:#924015
}

/* blog grid category selector */
.G01 select {
    color: #fff;
    border-style: solid;
    border-color: #fff;
    font-size: 1.125em;
    padding: .25em 0 .25em .5em;
    background-color: #002594;
}

/* account login button */
.account-login__form input[type=button] {
    margin-left: .5em;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    padding: .5em;
    line-height: 1em;
}

/* C06 background gray*/
.C06-background-gray {
    background: #eee;
}

/* make social button background transparent */
.social-background-transparent {
    background-color: transparent;
}

/* add submenu selected state */
.N03__contents ul > li > a.selected {
    color: #002594;
}

/* blog content formatting*/
.blog-copy h2 {
    font-size: 1.57142857em;
    line-height: 1.33em;
    padding: 5px 0;
    font-weight: bold;
    margin: 0;
}

.blog-copy p {
    margin: 5px 0 10px 0;
}

/* disclaimer */
.disclaimer {
    color: #3A3A3A;
    font-style: italic;
}

/* action box */
.abcontainer {
    display: inline-block;
    padding: 4px 8px;
    color: #efefef;
    font-size: 1em;
    background-color: #eee;
}

.abcontainer .item {
    float: left;
    padding: 5px 0px 2px;
    margin: 0;
    font-size: 12px;
    display: inline-block;
} 

.abcontainer	.ab-twitter		{width: 69px; overflow: hidden;}
.abcontainer	.ab-facebook	{width: 66px; overflow: hidden;}
.abcontainer	.ab-linkedin	{width: 69px; overflow: hidden;}
.abcontainer	.ab-google		{width: 65px; overflow: hidden;}


.font11 {font-size:11px;}
.font12 {font-size:12px;}
.red {color: #862633;}
.hidden {display:none;}

a.plainBoxBtn,a.boxBtn,a.plainBoxBtn:visited,a.boxBtn:visited {
    color: #fff;
    line-height: 30px;
    font-family: "Sitrant Wealth ManagementSlab-Bold",garamond,georgia,serif;
    font-size: 15px;
    text-decoration: none;
    padding: 6px 18px;
    cursor: pointer;
    background: #002594;
    border: 0;
    border-radius: 2px;
    white-space: nowrap
}

a.plainBoxBtn:hover,a.boxBtn:hover {
    color: #fff;
    text-decoration: none;
    background: #003659
}

a.plainBoxBtn:active,a.boxBtn:active {
    outline: 0
}


a.boxBtn:hover.white,a.plainBoxBtn:hover.white {
    background-color: #e6e6e6
}

a.boxBtn:hover.gray-white,a.plainBoxBtn:hover.gray-white {
    background-color: #5c5f61
}

a.boxBtn:hover.red,a.plainBoxBtn:hover.red,a.boxBtn:hover.tomato,a.plainBoxBtn:hover.tomato {
    background-color: #5e1b24
}

a.boxBtn:hover.ochre,a.plainBoxBtn:hover.ochre,a.boxBtn:hover.saffron,a.plainBoxBtn:hover.saffron {
    background-color: #7d4e03
}

a.boxBtn:hover.green,a.plainBoxBtn:hover.green,a.boxBtn:hover.aqua,a.plainBoxBtn:hover.aqua {
    background-color: #32511c
}

a.boxBtn:hover.orange,a.plainBoxBtn:hover.orange,a.boxBtn:hover.violet,a.plainBoxBtn:hover.violet {
    background-color: #924015
}

a.boxBtn:hover.plum,a.plainBoxBtn:hover.plum,a.boxBtn:hover.indigo,a.plainBoxBtn:hover.indigo {
    background-color: #443457
}

a.boxBtn:hover.gray,a.plainBoxBtn:hover.gray {
    background-color: #222
}

a.boxBtn:hover.steel-blue,a.plainBoxBtn:hover.steel-blue {
    background-color: #003659
}

a.boxBtn.gray-white,a.plainBoxBtn.gray-white {
    background-color: #75787b
}

a.boxBtn.white,a.plainBoxBtn.white {
    background-color: #fff;
    color: #002594
}

a.boxBtn.red,a.plainBoxBtn.red,a.boxBtn.tomato,a.plainBoxBtn.tomato {
    background-color: #862633
}

a.boxBtn.ochre,a.plainBoxBtn.ochre,a.boxBtn.saffron,a.plainBoxBtn.saffron {
    background-color: #af6d04
}

a.boxBtn.green,a.plainBoxBtn.green,a.boxBtn.aqua,a.plainBoxBtn.aqua {
    background-color: #4a7729
}

a.boxBtn.orange,a.plainBoxBtn.orange,a.boxBtn.violet,a.plainBoxBtn.violet {
    background-color: #be531c
}

a.boxBtn.plum,a.plainBoxBtn.plum,a.plainBoxBtn.indigo {
    background-color: #5d4777
}

a.boxBtn.gray,a.plainBoxBtn.gray {
    background-color: #3b3b3b
}

a.boxBtn.steel-blue,a.plainBoxBtn.steel-blue {
    background-color: #002a3a
}

a.boxBtn.small,a.plainBoxBtn.small {
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 10px;
    border-width: 1px;
    font-family: "Sitrant Wealth ManagementSlab",garamond,georgia,serif;
    background: #002594;
}

a.plainBoxBtn.disabled,a.boxBtn.disabled,a.plainBoxBtn.disabled:hover,a.boxBtn.disabled:hover,div a.plainBoxBtn.disabled,div a.boxBtn.disabled,div a.plainBoxBtn.disabled:hover,div a.boxBtn.disabled:hover {
    cursor: default;
    background: #9b9b9b;
    color: #e2e2e2
}

.post-box-copy {
	overflow: hidden;
}

.fancybox-playlist--ajax {
	visibility:hidden;
}

.login-dialog {
    display:none;
    background-color:white;
    padding:20px;
}

.suggestions {background-color:#efefef;padding:8px 20px 20px 20px;margin-bottom:20px}
.suggestions .tiny {font-size:.85714286em;font-family:"xxxwa12Sans-Bold",arial,verdana,sans-serif;float:right}

.paginator {margin-top:20px; padding:10px 0 10px 0; color:#3b3b3b;  position:relative; line-height:initial}
.paginator .desc {top:-4px; position: relative; display:inline-block}
.paginator ul {padding:0; list-style:none; list-style-image:none; display:inline-block}
.paginator ul li {margin:0 4px; float:left; background:none; padding:0px; min-width:10px; text-align:center;}
.paginator ul .selected {background:#0095db; padding:5px; border:1px solid #047bb0}
.paginator ul .page {background-color:#ccc; border:1px solid #9b9b9b; }
.paginator ul a,.paginator ul a:visited {padding:5px; color:#3b3b3b; text-decoration:none; display:block}
.paginator ul a:hover {background:#e2e2e2}
.paginator.plain {border:none; background:inherit}

.ui-tooltip {
    padding: 1px 4px;
    border: 1px solid gray !important;
    border-radius: 0px !important;
    box-shadow: none;
    font-size: .8em;
}
