body {
    background-color: #bbcbb9;
    margin: 0;
    color: #000000;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11pt;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}

img {
    border: 0;
}

sup {
	font-size: 50%;
}

.popupList
{
	display: none;
}

.popop
{
	margin: 0px;
	padding: 0px;
	display: none;
	overflow:auto;
}

.popup td
{
	margin: 0px;
	padding: 0px;
	width: 85%;
	height: 80%;
	/*overflow: auto;*/
}

#container {
    margin: 0 auto;
    width: 1200px;
}

/* header */
header {
    position: relative;
    height: 107px;
    background: url(../Images/headerbar.png) repeat-x;
}

.logo-text {
    position: relative;
    top: 6px;
    left: 8px;
}

#nav_bar {
    position: absolute;
    top: 62px;
    right: 5px;
    height: 27px;
    text-align: right;
    color: #ffffff;
}

#nav_bar a {
    color: #ffffff;
    font-size: 10pt;
    padding: 0 2px;
}

#nav_bar a:hover {
    font-weight: normal;
}

#account_box {
    height: 35px;
    position: absolute;
    top: 8px;
    right: 7px;
    border: 1px solid #000000;
    padding: 0 8px;
    background-image: url(../Images/accountbg.png);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/***********************************
 Anchor Buttons
************************************/

a.button
{
	background: transparent url('../Images/button_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 17px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

a.button span 
{
	background: transparent url('../Images/button_left.png') no-repeat;
	display: block;
	line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 1px 0 1px 10px;
}

a.button:hover span
{
	text-decoration: underline;
	font-weight: bold;
}

a.disabledbutton
{
	background: transparent url('../Images/button_right_disabled.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 17px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

a.disabledbutton span 
{
	background: transparent url('../Images/button_left_disabled.png') no-repeat;
	display: block;
	line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 1px 0 1px 10px;
	text-decoration: none;
	font-weight:normal;
}

a.disabledbutton:hover span
{
	text-decoration: none;
	font-weight: normal;
	cursor:default;
}

a.button2
{
	background: transparent url('../Images/button_right.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 24px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}

a.button2 span 
{
	background: transparent url('../Images/button_left.gif') no-repeat;
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 1px 0 1px 10px;
}

a.button2:hover span
{
	text-decoration: underline;
	font-weight: bold;
}

.clear 
{
	overflow: hidden;
	width: 100%;
}
/************************************
 Nav Arrows
*************************************/
.first, .prev, .next, .last
{
	background: url(../Images/navIcons.png);
	padding: 0;
	margin: 0;
	width: 25px;
	height: 25px;
	display: table-cell;
}

.first a, .prev a, .next a, .last a
{
	display:block;
	width:100%;
	height:100%;
}

.first 
{
	background-position: 0px 0px;
}

.firstDisabled
{
	background-position: -25px 0px;
}

.first:hover
{
	background-position: -25px -50px;
}

.prev 
{
	background-position: 0px -25px;
}

.prevDisabled
{
	background-position: -25px -25px;
}

.prev:hover
{
	background-position: -0px -50px;
}

.next 
{
	background-position: -75px -25px;
}

.nextDisabled
{
	background-position: -50px -25px;
}

.next:hover
{
	background-position: -75px -50px;
}

.last
{
	background-position: -75px 0px;
}

.lastDisabled
{
	background-position: -50px -0px;
}

.last:hover
{
	background-position: -50px -50px;
}


.prevCarousel 
{
	background: url('../Images/left.png') no-repeat 0 0;
	width: 46px;
	height: 61px;
	border: 0;
	display: table-cell;	
}

.nextCarousel 
{
	background: url('../Images/right.png') no-repeat 0 0;
	width: 46px;
	height: 61px;
	border: 0;
	display: table-cell;	
}

.prevCarousel a, .nextCarousel a
{
	display:block;
	width:100%;
	height:100%;	
}

/* 'body' */
#body {
    position: relative;
    background-color: #FFF;
    width: 100%;
    overflow: hidden;
    min-height: 600px;
}

.col {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
   
}

/* side bar */
#sidebar {
    position: relative;
    float: left;
    font-size: .8em;
    overflow: hidden;
}

#sidebar.active {
    width: 250px;
}

#sidebar.inactive {
    width: 15px;
}

#sidebar.not-logged-in {
    min-width:200px !important;
    max-width:250px !important;
}

#sidebar_actionbar {
    position: absolute;
    top: 0; right: 0;
    width: 15px;
    height: 100%;
    background-color: #d9d9d9;
}

#sidebar_actionbar.abr {
    background: #bbcbb9 url('../images/actionbar2.png') repeat-y
}

#sidebar_actionbar.abl {
    background: #bbcbb9 url('../images/actionbar.png') repeat-y
}

/* login */
.login-box {
    /*margin: 4px;*/
    padding: 4px;
    /*width: 200px;*/
}

#login-controls {
    /*width: 200px;*/
    margin: 0 auto;
}

#login-controls label {
    font-size: 9pt;
}

    #login-controls input[type=text], #login-controls input[type=password] {
        width: 95%; /*192px;*/
        display: block;
    }

#login-controls input[type=checkbox] {
    margin: 3px;
}

#login-controls a.login-link {
    float: right;
    margin-top: 2px;
    /*margin-right: 15px;*/
}

#login-controls .login-help-link {
    font-size: x-small;
    color: blue;
}

#login-img-rotator {
    text-align:justify;
    padding-top:10px;
    margin-right:15px;
}

/* Tree Nav */
.TreeNavigationContainer {
  margin: 0px 0px 0px 0px;
  padding: 8px 8px 24px 8px;
  height: 100%;
  text-align: left;
}

.TreeNode {
  padding: 1px;
}

.TreeNodeRoot, .TreeNodeRoot.TreeNodeHover, .TreeNodeRoot.TreeNodeHover A {
  font-size: 12pt;
}

.TreeNodeRoot.TreeNodeHover A:hover {
  text-decoration: none;
}

.TreeNodeHover, .TreeNodeHover A, .TreeNodeHover A:hover {
  cursor: pointer;
  text-decoration: none;
}

.TreeNodeSelected {
	padding: 1px;
	background-color: #99cc99; /* #49AA49 */
}

/* Main */
#main {
    text-align: center;
}

#main table {
   /* margin: 0 auto; */
    margin-left: 0 0px;
    margin-right: 0 0px;
}

#main.active {
    margin-left: 250px;
}

#main.inactive {
    margin-left: 15px;
}
.auto-margin{
    margin: auto;
}
.pub_container {
    padding-right: 20px;
    width: 750px;
    margin: 0 auto;
}

/* Footer */
footer {
    clear: both;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    font-family: Helvetica;
    text-decoration: none;
    letter-spacing: 0.01em;
    margin-top: 4px;
}

footer a, footer a:visited {
    color: #2b7621;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.01em;
    padding: 0 1em 0 1em;
}

footer a:hover {
    text-decoration: underline;
}

/* Menu Tabs */
#menuTabs {
    list-style-type: none;
    margin:0;
    margin-bottom: 5px;
    padding:0;
    display: block;
    width: 400px;
    overflow: hidden;
}

#menuTabs li {
  margin: 0px;
    float: left;
}

#menuTabs li a:hover {
    /* font-weight: normal !important; */
}

.ui-dialog {
    z-index: 10001 !important;
    font-size: 11pt !important;
    font-family: Helvetica, Arial, Sans-Serif !important;
}




.chart_nav_tab {
    display: block;
    width: 21px;
    height: 97px;
    margin-bottom: 7px;
}

.chart_nav_tab_chart {
    background: url(../Images/ChartNavTabChart.png);
}

.chart_nav_tab_map {
    background: url(../Images/ChartNavTabMap.png);
}

.chart_nav_tab_share {
    background: url(../Images/ChartNavTabShare.png);
}

.chart_nav_tab_discuss {
    background: url(../Images/ChartNavTabDiscuss.png);
}

.chart_nav_tab_details {
    background: url(../Images/ChartNavTabDetails.png);
}

.chart_nav_tab_recent {
    background: url(../Images/ChartNavTabRecent.png);
}

.selected_chart_nav_tab {
    background-position-x: -21px;
}

.disabled_chart_nav_tab {
    background-position-y: -97px;
}

.chart_nav_tab_shared {
    background-position-y: -97px;
    background-position-x: -21px;
}

.chart_nav_tab_new_discuss {
    background-position-y: -97px;
    background-position-x: -21px;
}

.chart_nav_tab_discussed {
    background-position-y: -97px;
}

/***********************************
 Customize Page Styles
 ***********************************/

.CustomizeHeader {
  color: #ffffff;
  background-color: #2D7A1C;
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
}

.CustomizeRow {
  background-color: #A3B3C2;
}

.CustomizeAltRow {
  background-color: #FFFFFF;
}

.CustomizeHeader a, .CustomizeHeader a:hover
{
	color: #ffffff;
	font-weight: bold;
}



/* NEW AT KC */
#new-at-kc-dialog {
    margin-bottom: 20px;
}

#new-at-kc-text {
}

#new-at-kc-ctl {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 20px;
    background-color: #ebebeb;
}

#new-at-kc-chk-ctl {
    float: left;
}

#new-at-kc-close {
    float: right;
    margin-right: 10px;
}

#new-at-kc-return-msg {
    text-align: center;
    font-size: smaller;
}

/* JQuery Theme Overrides */
#menuTabs .ui-state-active a {
    font-weight: bold !important;
}

#menuTabs .ui-state-hover:not(.ui-state-active) a {
    font-weight: normal !important;
}

.tree-nav-tab {
    width: 85px;
    height: 21px;
    display: block;
    padding: 0px !important;
    background-position: 0px 0px;
}
.tree-nav-tab a{
    display: block;
}
.tree-nav-tab-library 
{
    background-image: url(/images/LibraryNavTab.png);
}
.tree-nav-tab-mycharts 
{
    background-image: url(/images/MyChartsNavTab.png);
}
.tree-nav-tab-active
{
    background-position: -85px 0px !important;
}

.tree-nav-tab-hover 
{
    background-position: -170px 0px;
}