﻿/* CONTAINER Styles ------------------------------------------------------------- */
html,
body,
.body {
	margin:0!important;
	padding:0!important;
}
body {
    background: #ffffff;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.fullWidthContainer {
	width: 100%;
}
.pageWidthContainer {
	margin: 0 auto!important;
	width: 960px;
}
img {
	border: #ffffff 0px solid;
}

/* TEXT Styles ------------------------------------------------------------- */
body,
.body {
	font-family: Arial;
	font-size: 13px;
	color: #222222;
	text-align: left;
}

/* TEMPLATE Styles ------------------------------------------------------------- */
#topAdSpace {
	background-color: #000000;
	max-height: 100px;
    overflow:hidden
}
#leaderboard {
	margin: 0 auto;
	width: 728px;
}
#topNav {
	background-color: #aaaaaa;
	height: 10px;
	margin: 3px 0;
}
#header {
	overflow: hidden;
}
#headerimage {
	
}
#logo {
	
}
#horizontalNav {
	background-color: #d7d7d7;
	height: 30px;
}
#topNav #horizontalNavUL {
	list-style-type: none;
	padding: 0;
	height: 30px;
	margin: 0;
	float: right;
	display: inline;
	width: 500px;	
}
#horizontalNav #horizontalNavUL {
	list-style-type: none;
	padding: 0;
	height: 30px;
	margin: 0 0 0 45px;	
}
.horizontalNavLI {
	display: inline-block;
	float: left;
	margin: 0;
	/*height: 30px;
	overflow:visible;*/
}
#topNav .horizontalNavLI {
	float: right;
}
#horizontalNav .horizontalNavLI {
	float: left;
}
.horizontalNavLI a {
	text-decoration: none;
	color: #222222;
	height: 21px;
	display: block;
	padding: 9px 20px 0 20px;
}
.horizontalNavLI a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #999999;
}
.spacerLI {
	padding-left:1px!important;
	background-color:#ffffff!important;
	overflow:hidden!important;
	width:1px!important;
	height:30px!important;
}
#context {
	min-height: 300px;
	margin-top: 5px!important;
}

#context::after {
    clear: both;
    display: block;
    content: ' ';
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.connect {
	background-color: #636363;
	height: 40px;
}
.connectHeader {
	color: #ffffff;
	font-size: 14px;
	/*margin: 0 8px;*/
	font-weight:bold;
}
/*.connect img {
	position: relative;
	top: -12px;
}*/
.square1, .square2, .square3 {
	width: 300px;
	overflow: hidden;
}
#footerLinks {
	background-color: #d7d7d7;
	margin: 3px 0;
	overflow: hidden;
}
#footerLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerLinks .left {
	border-right: #ffffff 1px solid;
	width: 159px;
	min-height: 150px;
}
#footerLinks .lastitem {
	border-right: #999999 0px solid!important;
}
.footerLinks_heading {
	margin: 10px 0 4px 10px;color: #333333;display:block;
}
#footerLinks li {
	margin: 0px 20px 10px 10px;
	padding: 0;
}
#footerLinks li a, #footerLinks li a:visited {
	color: #333333;
	text-decoration: none;
}
#footerLinks li a:hover {
	text-decoration: underline;
}
#footer {
	background-color: #aaaaaa;
    padding: 10px 0;
	margin: 3px 0;
	text-align: center;
	color: #444444;
}
#footer a, #footer a:visited {
	color: #444444;
}
.copyright {
	border-top:#ffffff 6px solid;
}
.address {
	border-top:#98cb5c 6px solid;
}
#subFooter {
	height: 30px;
	margin: 3px 0;
	text-align: center;
	color: #888888;
}
#subFooter a, #subFooter a:visited {
	color: #888888;
}

#breadcrumbs {
	margin-top: 5px!important;
}
#breadcrumbs a, #breadcrumbs a:visited {
	color: #888888;
	font-size: 11px;
}
#breadcrumbs a:hover {
	color: #333333;
}

#maincolumn {
	width: 650px;
	overflow: hidden;
	border-bottom: #ffffff 25px solid;
}
#sidecolumn {
	width: 300px;
	overflow: hidden;
}

.square1 div, .square2 div, .square3 div, .quicklinks, .cta #eventCalendarSmallContainer {
	margin-bottom: 10px;
}
.quicklinks {
	background-color: #d7d7d7;
	border-top: #d7d7d7 0px solid;
	border-bottom: #d7d7d7 0px solid;
}
.quicklinks a, .quicklinks a:visited {
	color: #333333;
	display: block;
	width: 100%;
	padding: 3px 8px;
	font-family : arial !important;
}
.quicklinks table {
	width: 100%;
}

#referralNumbers {
    margin: 20px 0;
    padding: 0;
    border : 0;
    border-collapse: collapse;
}

#referralNumbers td {
    padding: 0 20px 3px 0;
    vertical-align: top;
}

#referralNumbers td:last-child {
    padding-right: 0;
}

#referralNumbers td .wc-report-help-icon-container,
.wc-report-voi-Container .wc-report-help-icon-container {
    float: right;
    margin-left: 10px;
    visibility: hidden;
}
 
#referralNumbers td:hover .wc-report-help-icon-container,
.wc-report-voi-Container:hover .wc-report-help-icon-container{
    visibility: visible;
}

.k-chart svg g text{
    cursor: default !important;
}

.wc-report-help-icon-container img {
    width: 17px;
}

#content_TabContainer1_body{
    overflow:visible;
}