/* ****** START - Custom Style ****** */

/* jQuery UI 1.12+ shows text on close button - hide it to match old behavior */
/* The text is a direct text node, so we hide it with font-size and restore the icon */
.ui-dialog-titlebar-close {
	font-size: 0 !important;
	width: 22px !important;
	height: 22px !important;
}
.ui-dialog-titlebar-close .ui-button-icon {
	font-size: 16px;
}
.ui-dialog-titlebar-close .ui-button-icon-space {
	display: none;
}

/* Prevent flash of unstyled content (FOUC) for jQuery UI widgets */
/* Hide content until JavaScript initializes, then fade in */
.game-initializing .scenarioTimelinePanel,
.game-initializing #tabs,
.game-initializing .leftPanel {
	opacity: 0;
}

.game-ready .scenarioTimelinePanel,
.game-ready #tabs,
.game-ready .leftPanel {
	opacity: 1;
	transition: opacity 0.15s ease-in;
}

body {
	margin: 0;
	padding: 0;
	background-color: #e9e8e8;
}

#login-container {
  width: 340px;
  margin: 160px auto;
}

#reset-password-container {
  width: 340px;
  margin: 160px auto;
}

#account-form-container {
    width: 460px;
    margin: 100px auto;
}

#four04 {
    padding: 20px;
}
.clear-fix {
    clear: both;
}
.well {
    margin-left: 0;
    border: 1px solid #ccc;
}

.form-horizontal .control-label-tgs {
    width: 80px;
}
.form-horizontal .controls-tgs {
    margin-left: 120px;
}
.form-horizontal .form-actions-tgs {
    padding: 17px 0 0 270px;
}

label {
    color: #808080;
    text-shadow: -1px 1px 0 #fff;
    -moz-text-shadow: -1px 1px 0 #fff;
    -webkit-text-shadow: -1px 1px 0 #fff;
}

.subheading {
    color: #808080;
    text-shadow: -1px 1px 0 #fff;
    -moz-text-shadow: -1px 1px 0 #fff;
    -webkit-text-shadow: -1px 1px 0 #fff;
    margin-top: 3px;
}

/*
button i {
    padding-left: 20px;
}

.icon-white {
    background-image: url('../images/glyphicons-halflings-white.png');
}
.icon-lock {
    background-position: -287px -24px
}
*/

#hdr_dropdown {
    margin: 0 0 0 0
}

.nav>li>a:hover {
    background-color: transparent;
}

.contentPanel {
	background-color: transparent;
	width: 100%;
	height: 100%;
	vertical-align:top;
}

.calculatorIcon, .bankIcon, .creditCardIcon {
	width: 64px;
	height: 66px;
}
.calculatorIcon {
	background: url('../images/icon-assets.png') no-repeat 0 0;
}
.bankIcon {
	background: url('../images/icon-assets.png') no-repeat -64px 0;
}
.creditCardIcon {
	background: url('../images/icon-assets.png') no-repeat -128px 0;
}
.calculatorIcon:hover {
	background: url('../images/icon-assets.png') no-repeat 0 -66px;
}
.bankIcon:hover {
	background: url('../images/icon-assets.png') no-repeat -64px -66px;
}
.creditCardIcon:hover {
	background: url('../images/icon-assets.png') no-repeat -128px -66px;
}
.calculatorIcon:active {
	background: url('../images/icon-assets.png') no-repeat 0 -132px;
}
.bankIcon:active {
	background: url('../images/icon-assets.png') no-repeat -64px -132px;
}
.creditCardIcon:active {
	background: url('../images/icon-assets.png') no-repeat -128px -132px;
}

.contentPanelTopHighlight {
	border-top: 1px solid #a9a9a9;
}

.headerActionsText {
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
}
.headerActionItem:hover {
	color: #d5e7ff;
}
.headerActionMenu:hover .headerActionMenuArrow  {
	background: url('../images/icon-menu-arrow.png') no-repeat 0 -5px;
	color: #d5e7ff;
}
.headerActionMenuArrow {
	width: 7px;
	height: 5px;
	display: inline-block;
	background: url('../images/icon-menu-arrow.png') no-repeat 0 0;
}

.headerContainer {
	height: 68px;
	background-color: #0b5ac3;
	border-top: 1px solid #4d98fd;
	border-bottom: 1px solid #4d99fb;
	width: 100%;
}
.headerLogoContainer {
	padding-left: 40px;
	padding-top: 6px;
}
.headerTextPrimary {
	font-size: 20px;
	font-weight: bold;
	padding-left: 12px;
	height: 24px;
	white-space: nowrap;
}
.headerTextSecondary {
	font-size: 13px;
	font-weight: bold;
	padding-left: 12px;
	height: 17px;
	white-space: nowrap;
}

.leftPanel {
	width: 275px;
}


.primaryLogo {
	/*background: url('../images/primary_logo.png') no-repeat center center;*/
    background: url('../images/fvg_blue.jpg') no-repeat center center;
    background-size: 93px 57px;
	width: 83px;
	height: 57px;
    border: solid white 1px;
}

.scenarioTimelinePanel {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	white-space: nowrap;
}

#year_selection {
    /*display: inline-block;*/
    white-space: nowrap;
    font-weight: bold;
}

.table_cell_align_middle {
	vertical-align: middle;
}

.whiteText {
	font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}

.skyBlue {
    color: skyblue;
}
/* ****** START - TAB style override ******* */
#tabs.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
	width: 170px;
}
#tabs.ui-tabs .ui-state-active .tab-select-arrow {
	background: url('../images/tab_select_arrow.png') no-repeat center center;
	width: 30px;
	height: 46px;
	display: inline-block;
	position: relative;
	z-index: 1000;
	top: 2px;
	left: 3px;
}
#tabs .panelFrameYellow {
	border: 3px solid #f7b506;
}
#tabs .panelFrameGreen {
	border: 3px solid #009f00;
}
#tabs .panelFrameBlue {
	border: 3px solid #0a58bf;
}
#tabs .panelFramePurple {
	border: 3px solid #9800a0;
}
#tabs .panelFrameYellow, #tabs .panelFrameGreen, #tabs .panelFrameBlue, #tabs .panelFramePurple {
	border-radius: 10px 10px;
	background-color: #fff;
}
#tabs.ui-tabs .ui-tabs-panel {
	margin: 0;
	padding: 15px 40px;
	height: 100%;
	min-height: 400px;
	position: relative;
	left: 3px;
	width: 720px;
}

/* jQuery UI 1.13+ tabs panel visibility */
/* Hide inactive panels using aria-hidden attribute */
#tabs .ui-tabs-panel[aria-hidden="true"],
.contentPanel > .ui-tabs-panel[aria-hidden="true"] {
	display: none !important;
}

/* Show active panel */
.contentPanel > .ui-tabs-panel[aria-hidden="false"] {
	display: block !important;
}

#tabs.ui-tabs.ui-tabs-vertical {
	width: 100%;
	height: 100%;
	white-space: nowrap;
}
#tabs.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
	width: 240px;
	background-color: transparent;
}
#tabs.ui-widget-content {
	background: none;
	background-color: transparent;
}
#tabs.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
	padding-left: 10px;
	padding-top: 30px;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a, #tabs.ui-tabs .ui-tabs-nav li a {
	font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	font-size: 20px;
	padding: 11px 20px;
	font-weight: bold;
	background-color: transparent;
	border: none;
}
#tabs.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
	border-radius: 5px 0 0 5px;
	overflow: visible;
}

#tabs .tabYellow {
	background: url('../images/tab_background_yellow.gif') repeat-x left top;
	border: 1px solid #cdcb00;
	border-right: none;
}
#tabs .tabYellow:hover {
	background: url('../images/tab_background_yellow_hov.gif') repeat-x left top;
}
#tabs .tabGreen {
	background: url('../images/tab_background_green.gif') repeat-x left top;
	border: 1px solid #009207;
	border-right: none;
}
#tabs .tabGreen:hover {
	background: url('../images/tab_background_green_hov.gif') repeat-x left top;
}
#tabs .tabBlue {
	background: url('../images/tab_background_blue.gif') repeat-x left top;
	border: 1px solid #302e88;
	border-right: none;
}
#tabs .tabBlue:hover {
	background: url('../images/tab_background_blue_hov.gif') repeat-x left top;
}
#tabs .tabPurple {
	background: url('../images/tab_background_purple.gif') repeat-x left top;
	border: 1px solid #882e63;
	border-right: none;
    margin-bottom: 30px;
}
#tabs .tabPurple:hover {
	background: url('../images/tab_background_purple_hov.gif') repeat-x left top;
}
#tabs.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
	border: none;
}
/* ****** END - TAB style override ******* */

@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('Open-Sans-Italic'),
url('../fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
url('../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
}
 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('Open-Sans-Bold'),
url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}
 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('Open-Sans-Regular'),
url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}

/* ****** END - Custom Style ****** */



/*
body {
    font-size: 14px;
    font-family: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;;
}
*/

h2,h3,h4
{
    color: #039;
}
h2
{
    font-size: 1.4em;
}
h3.section_hdr
{
    border-bottom: 2px solid rgba(102, 120, 177, 0.43);
    clear: both;
}
p.indent
{
    margin-left: 30px;
}

.scenario_text
{
    width: 90%;
    white-space: normal;
    font-size: 14px;
    padding: 4px 40px;
    line-height: 1.3em;
}
.scenario_text li
{
    padding-top: 12px;
}
#scenario_freezer
{
    background-image:url('../images/freezer.png');
    background-repeat: no-repeat;
}

.special_scenario
{
    display: table;
    width: 90%;
}
.scenario_row
{
    display: table-row;
}
.scenario_row>div
{
    padding: 0 0 10px 45px;
}
.scenario_snippet, .scenario_label, .scenario_choice
{
    display: table-cell;
}
.scenario_snippet, .scenario_label
{
    width: 32%;
}
.scenario_snippet img
{
    width: 24px;
    margin-right: 10px;
}
.scenario_label
{
    text-align: right;
}
.scenario_choice
{
    width: 45%;
}
#edu_pgm_acct
{
    width: 170px;
}


.styled-select {
    width: 270px;
    height: 34px;
    overflow: hidden;
    background: url('../images/select_down_small.png') no-repeat right #ffffff;
    border: 1px solid #ccc;
}
.styled-select select
{
    background: transparent;
    width: 288px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

/* ------------------
 styling for the tables
   ------------------   */


#action_input
{
    margin: 20px 18px;
    font-size: 13px;
    color: #669;
}
#action_input td:first-child
{
    text-align: right;
    width: 130px;
}
#action_input select,option
{
    font-size: 13px;
    font-weight: bold;
    color: #669;
    height: 28px;
}
#action_input option
{
    height: 15px;
    font-weight: normal;
}


.info_tbl
{
    background: #fff;
    margin: 20px 18px;
    border-collapse: collapse;
    text-align: right;
    white-space: normal;
}
.info_tbl th
{
    font-size: 13px;
    font-weight: bold;
    color: #6678b1;
    width: 90px;
    padding: 0 8px 15px;
}
.info_tbl th:first-child
{
    text-align: left;
    width: 120px;
}
.info_tbl thead tr:last-child th
{
    border-bottom: 2px solid #6678b1;
}
.info_tbl td
{
    color: #669;
    padding: 10px 8px;
}
.info_tbl td:first-child
{
    text-align: left;
}
.info_tbl td.first_col
{
    width: 190px;
}
.info_tbl tbody tr:hover td
{
    color: #009;
}


.small_tbl
{
    background: #fff;
    margin: 20px 18px;
    width: 200px;
    border-collapse: collapse;
    text-align: right;
}
.small_tbl th
{
    font-size: 13px;
    font-weight: bold;
    color: #6678b1;
    padding: 0 8px 15px;
}
.small_tbl th:first-child
{
    text-align: left;
}
.small_tbl thead tr:last-child th
{
    border-bottom: 2px solid #6678b1;
}
.small_tbl td
{
    color: #669;
    padding: 10px 8px;
}
.small_tbl td:first-child
{
    text-align: left;
}
.small_tbl td.first_col
{
    width: 190px;
}
.small_tbl tbody tr:hover td
{
    color: #009;
}


#action_list
{
    background: #fff;
    margin: 20px 18px;
    width: 600px;
    border-collapse: collapse;
    text-align: left;
}
#action_list th
{
    font-size: 13px;
    font-weight: bold;
    color: #6678b1;
    padding: 0 8px 15px;
}
#action_list th:last-child
{
    text-align: right;
}
#action_list thead tr:last-child th
{
    border-bottom: 2px solid #6678b1;
}
#action_list td
{
    color: #669;
    padding: 10px 8px;
}
/*align delet-circle and i-circle icons in year 5, decision tab payments and transfers*/
#action_list td:last-child
{
    text-align: left;
}
#action_list td.first_col
{
    width: 190px;
}
#action_list tbody tr:hover td
{
    color: #009;
}

.annotation img
{
    width: 20px;
}

.budget_tbl
{
    background: #fff;
    margin: 20px 45px;
    width: 540px;
    border-collapse: collapse;
    text-align: right;
}
.budget_tbl th
{
    font-size: 13px;
    font-weight: normal;
/*
    background: #e8edff;
*/
    color: #039;
    padding: 2px 8px 4px;
}
.budget_tbl th:first-child
{
    text-align: left;    
}
.budget_tbl thead tr:last-child th
{
    border-bottom: 2px solid #6678b1;
}
.budget_tbl td
{
    border-bottom: 1px solid #ccc;
    color: #669;
    padding: 6px 8px;
}
.budget_tbl td:first-child
{
    text-align: left;
}
.budget_tbl td.first_col
{
    font-size: 13px;
    width: 170px;
}
.budget_tbl tfoot td
{
    border-bottom: 0;
}
.budget_tbl tbody tr:hover td
{
    color: #009;
}

#box-table-a
{
    margin: 40px;
    width: 540px;
    text-align: left;
    border-collapse: collapse;
}
#box-table-a th
{
    font-size: 14px;
    padding: 8px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#box-table-a td
{
    padding: 8px;
    background: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
#box-table-a td span
{
    margin-left: 6px;
}
#box-table-a td p
{
    text-align: center;
    font-size: 10px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
#box-table-a tr:hover td
{
    background: #d0dafd;
    color: #339;
}

#sortable-item
{
    list-style-type: none;
    margin: 0;
    padding: 0 15px;
}
#sortable-item li
{
    border-radius: 3px;
    margin: 5px 12px 5px 5px;
    padding: 5px 5px 8px 5px;
    height: 1.1em;
    float: left;
    width: 170px;
    text-align: center;
    font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#sortable-item li div
{
	padding-left: 4px;
	display: inline-block;
}

.center-text
{
    clear: both;
    width: 86%;
    text-align: center;
    margin: 0 0 25px 0;
}

.center-text span
{
    display: inline-block;
}

.msg-area
{
    display: none;
}

.msg-area-success
{
  display: none;
}

.msg-area-modal
{
  display: none;
}

.bankMenu {
    position: absolute;
    z-index: 100;
}

.choicesLockedContainer {
    border-radius: 6px;
    border: 2px solid #009207;
    padding: 3px 12px 3px 8px;
    background-color: #f5f5f5;
}
.choicesLockedContainer label {
    margin-bottom: 0;
    color: #009207;
    font-weight: bold;
}
.choicesLockedContainer.game-finished {
    border-color: #b8860b;
    background: linear-gradient(135deg, #fff8e1, #ffe082);
}
.choicesLockedContainer.game-finished label {
    color: #b8860b;
}

.dropMenuItem {
    margin-right: 10px;
    margin-left: 5px;
}

.paymentTransfersTable TD {
    vertical-align: middle;
}
.paymentTransfersTableLabel {
    padding-right: 10px;
}


div.ui-buttonset .ui-button {
    margin-right: -0.1em;
}

/* jQuery UI 1.13+ Controlgroup styles (replaces buttonset) */
.ui-controlgroup {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.ui-controlgroup-horizontal {
    display: inline-flex;
}

.ui-controlgroup-horizontal > .ui-controlgroup-item {
    flex-shrink: 0;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-item {
    margin-left: 0;
    margin-right: 0;
}

/* Style the labels to look like buttons (for radio button groups) */
.ui-controlgroup .ui-controlgroup-item > label {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    cursor: pointer;
    background-color: #e6e6e6;
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Remove double borders between adjacent items */
.ui-controlgroup-horizontal .ui-controlgroup-item:not(:first-child) > label {
    margin-left: -1px;
}

/* First item rounded corners */
.ui-controlgroup-horizontal .ui-controlgroup-item:first-child > label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Last item rounded corners */
.ui-controlgroup-horizontal .ui-controlgroup-item:last-child > label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Hover state */
.ui-controlgroup .ui-controlgroup-item > label:hover {
    background-color: #d9d9d9;
    background-image: linear-gradient(#f0f0f0, #e0e0e0);
}

/* Active/checked state */
.ui-controlgroup .ui-controlgroup-item > input:checked + label,
.ui-controlgroup .ui-state-active {
    color: #ffffff;
    background-color: #0064cd;
    background-image: linear-gradient(to bottom, #049cdb, #0064cd);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Disabled state */
.ui-controlgroup .ui-controlgroup-item > input:disabled + label,
.ui-controlgroup .ui-state-disabled {
    opacity: 0.65;
    cursor: not-allowed;
    background-image: none;
}

/* Hide the actual radio/checkbox inputs */
.ui-controlgroup .ui-controlgroup-item > input[type="radio"],
.ui-controlgroup .ui-controlgroup-item > input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* styles for the financial calculator - start */

/* overall width of panel within modal dialog */
.loan {
    width: 620px;
}

.savings {
    width: 620px;
}

/* spacing and effects around form entry */
#srcamt {
    margin: 12px 20px 0 0;
    border-right: 1px solid #ccc;
}

 /*special use of the data definition to get a tabular look without tables */
#pmt dt {
    text-align: left;
}

#pmt dd {
    text-align: right;
}

/* styles for the financial calculator - end */

.help-inline {
    font-weight: bold;
}

.dont_display {
    display: none;
}

/* generic table column alignments - apply to table tag */

.col-right tr th,
.col-right tr td {
    text-align: right;
}

.first-col-right tr th:first-child,
.first-col-right tr td:first-child {
    text-align: right;
}

.first-col-center tr th:first-child,
.first-col-center tr td:first-child {
    text-align: center;
}

.first-col-left tr th:first-child,
.first-col-left tr td:first-child {
    text-align: left;
}

.last-col-center tr th:last-child,
.last-col-center tr td:last-child {
    text-align: center;
}

/* end generic table column alignments */

.odd {
    background-color: #f3f3f3;
}

.show-small-caps {
    font-variant: small-caps;
    font-size: 1.1em;
}


/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
*
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
*
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    /* position */
    margin: 0;

    /* size */
    padding: 0 5px 0 0;

    /* text */
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

.fht-table {
    /* appearance */
    border-collapse: collapse;
    border-spacing: 0;
}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    /* appearance */
    overflow: hidden;

    /* position */
    position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    /* appearance */
    overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
    /* appearance */
    overflow: hidden;

    /* size */
    height: 1px;
}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
    /* position */
    top: 0;
    left: 0;
    position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
    /* position */
    z-index: 1;
}

/* @end */


.fht-table thead.hdr-highlight,
.hdr-highlight {
    font-weight: bold;
    font-size: 1.1em;
}

#savingcal {
    display: none;
}

a.linkScore {
    color:#3a87ad;
    text-decoration: none;
}

a.linkScore:hover {
    color:purple;
}

.rankcol.unsynRankCol, .span3.rankcol.unsynRankCol {
    display: none;
}

/*general calculator*/
.box {
    border: 1px solid black;
    background-color: #3d4543;
    width: 320px;
    height: 425px;
    position:relative;
    top:2px;
    left:20%;
}

.display {
    height: 92px;
    width: 270px;
    left:24px;
    top:30px;
    position: relative;
    background-color: #bccd95;
}

#operationDisplay {
    width: 255px;
    height: 20px;
    left:0px;
    top:1px;
    position: relative;
    background-color: #bccd95;
    text-align: left;
    border-color: #bccd95;
    margin-bottom: 0px;
    font-size: 20px;
    /*font-size: -webkit-xxx-large; */
}

#currentNumDisplay {
    width: 255px;
    height: 50px;
    left:0px;
    top:1px;
    position: relative;
    background-color: #bccd95;
    text-align: right;
    border-color: #bccd95;
    margin-bottom: 0px;
    font-size: 30px;
}

/*.display input{
    height: 70px;
    left:0px;
    top:1px;
    position: relative;
    background-color: #bccd95;
    text-align: right;
    font-size: -webkit-xxx-large;
}     */

.keypress {
    position: relative;
    top: 60px;
    left: 30px;
    width: 270px;
    height: 250px;
}

.keypress input{
    position: relative;
    top: 1px;
    left: 6px;
    width: 50px;
    padding: 5px;
    margin-bottom: 10px;
    margin-right: 14px;
    background-color: tan;
}

#zeroButton {
    width: 114px;
}

#equalButton {
    height: 77px;
    float: right;
    margin-right: 28px;
}

.button.gray {
    color: white;
    background-color: #6f6f6f;
    cursor: pointer;
}

.button.red {
    color: white;
    background-color: indianred;
    cursor: pointer;
}

.button.black {
    color: white;
    background-color: black;
    cursor: pointer;
}

.button.orange {
    color: white;
    background-color: #FF9933;
    cursor: pointer;
}

.button.green {
    color: white;
    background-color: seagreen;
    cursor: pointer;
}

/*adjust the X icon in 'About' selection, 'Payments and Transfers' section*/
.deleteIconAdjustment {
    display: inline-block;
    background-position: -32px -190px;
}

/*make the i-circle icon similar size as delete-circle icon in year 5, Payments and Transfer*/
#newInvenCost {
    max-width: 68%;
}

#stepLocked {
  width: 692px;
  background-color: #deb4ff;
  border-color: #b464ee;
  color: #5100b9;
  text-shadow: none;
}


#mini-scoreboard
{
  border: 1px solid #302e88;
  height: 100%;
  white-space: nowrap;
  width: 230px;
  background-color: #fff;
  padding-left: 10px;
  padding-top: 5px;
}

#mini-scoreboard {
  font-weight: normal;
}

#mini-scoreboard tr.score-totals {
  border-top: #669 2px solid;
}

#full-scoreboard tr.score-totals {
  border-top: black 2px solid;
}

tr.score-totals td {
  font-weight: bold;
}