body {
	background-color: #000000;
	background-image: url(bg10.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	border: 0;
	behavior:url('cssfocusandhover.htc');
    text-indent: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal;
}
form { padding: 0px; margin: 0px; }
strong { font-weight: bold; }
a:link { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #FFFFFF; text-decoration: none; }
a:active { color: #FFFFFF; }
fieldset { padding: 4px; }
fieldset legend {
    padding: 0;
	text-indent: 2px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
}
input[type="text"], input[type="password"] { margin: 2px; width: 125px; }
input[type="submit"], input[type="button"], button {  
    margin: 2px;
	background-color: #ff6e00; 
	color: #FFFFFF; 
	border: 1px #000000 solid; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal
}
.stdhead {
    padding: 2px;
	background-color: #ff6e00;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	text-align: center;
	border-bottom: 1px #000000 solid;
	white-space: nowrap;
}
table.stdtable2 {
	border: 1px #000000 solid;
	background-color: #ffffff;
	color: #000000;
	padding: 0;
	margin-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
}
table.stdtable2 td {
	padding: 0;
	text-indent: 2px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
    vertical-align: text-top;
    overflow: hidden;
    white-space: nowrap;
}
table.stdtable2 a {
	padding: 0;
	text-indent: 2px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
}
table.stdtable2 th {
	padding: 0;
	background-color: #ff6e00;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	border-bottom: 1px #000000 solid;
    padding-left: 2px;
	padding-right: 2px;
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap; 
}
table.stdtable2 td.stdhead {
	padding: 0;
	background-color: #ff6e00;
	color: #FFFFFF;
}
table.stdtable2 td.stdhead a {
	padding: 0;
	background-color: #ff6e00;
	color: #FFFFFF;
}
table.stdtable2 tr.stdbold {
    padding: 0;
	text-indent: 2px;
    background-color: #D3D3D3;
	color: #000000;
}
table.stdtable2 tr.stdboldalt {
    padding: 0;
	text-indent: 2px;
	background-color: #C4C4C4;
	color: #000000;
}
table.stdtable2 tr.stdbold2 td {
    padding: 0;
	text-indent: 2px;
	color: #000000;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
table.stdtable2 tr.stdboldalt2 td {
    padding: 0;
	text-indent: 2px;
	background-color: #E8E8E8;
	color: #000000;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
table.stdtable2 tr.regular {
	padding: 0;
	text-indent: 2px;
	color: #000000;
}
table.stdtable2 tr.alternate {
	padding: 0;
	text-indent: 2px;
	background-color: #E8E8E8;
	color: #000000;
}
table.stdtable2 tr.stdbold2h12 td {
    padding: 0;
	text-indent: 2px;
	color: #000000;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
    font-size: 15px; 
}
table.stdtable2 tr.stdboldalt2h12 td {
    padding: 0;
	text-indent: 2px;
	background-color: #E8E8E8;
	color: #000000;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
    font-size: 15px; 
}
table.stdtable2 tr.stdbold2Italic td {
    padding: 0;
	text-indent: 2px;
	color: #000000;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
    font-size: 15px; 
    font-style:italic
}
#page_header { border-left-width: 2px; border-right-width: 2px; height: 30px; width: 100%; }
#nema_logo_td { height: 30px; vertical-align: middle; text-align:left; }
#nema_logo_picture { height: 19px; width: 58px; }
#nema_copyright_notice { text-align: right; }
#logon_logo_container { text-align: center; }
#logon_validation_summary_container { text-align: center; }
#logon_layout_table { margin-left: auto; margin-right: auto; margin-top: 10px; }
#logon_layout_table .logon_layout_left_column { text-align: right; }
#logon_layout_table .logon_layout_right_column { text-align: left; }
#logon_layout_table .logon_layout_footer { text-align: right; }
#login_info_div { text-align: right; margin-right: 4px; }
#dimensionoverview_budget_layout_table { margin-right: auto; margin-left: auto; vertical-align: text-top; }
#dimensionoverview_budget_header_table { width: 100%; vertical-align: top; }
#dimension_budget_overview_container { vertical-align: top; }
#dimension_budget_logout_container { text-align: right; padding: 0 0 0 0; margin: 0 0 0 0; }
#dimension_budget_show_all_accounts:hover { cursor: pointer; text-decoration: underline; }
#dimension_budget_hide_all_accounts:hover { cursor: pointer; text-decoration: underline; }
#dimension_table { vertical-align: text-top; }
.dimension_table_hidden { display: none; }
#dimension_table tbody tr:hover { background-color: #ffae00; cursor: pointer; }
#dimension_table_header_dimcode { width: 125px; text-align: center; }
#dimension_table_header_accountname { width: 350px; text-align: left; }
#dimension_table_header_budget { width: 125px; text-align: right; }
#dimension_table_header_balance { width: 125px; text-align: right; }
#dimension_table_header_balrem { width: 125px; text-align: right; }
/*#dimension_table_header_indexcolor { width: 50px; text-align: right; }*/
#dimension_table_header_indexcolor { width: 50px; text-align: right;  
	background-color: #ff6e00;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	text-align: center;
	border-bottom: 1px #000000 solid;
	white-space: nowrap;}
#dimension_table_header_weightedindex { width: 50px; text-align: right; }
#dimension_table_header_index { width: 50px; text-align: right; }
#dimension_table_header_fakturasaldo { width: 125px; text-align: right; }
.dimension_table_row_dimcode { width: 125px; overflow: hidden; white-space: nowrap; text-align: center; }
.dimension_table_row_accountname { width: 350px; overflow: hidden; white-space: nowrap; text-align: left; }
.dimension_table_row_budget { width: 125px; overflow: hidden; white-space: nowrap; text-align: right; }
.dimension_table_row_balance { width: 125px; overflow: hidden; white-space: nowrap; text-align: right; }
.dimension_table_row_balrem { width: 125px; overflow: hidden; white-space: nowrap; text-align: right; }
.dimension_table_row_indexcolor { width: 50px; overflow: hidden; white-space: nowrap; text-align: center; }
.dimension_table_row_weightedindex { width: 50px; overflow: hidden; white-space: nowrap; text-align: right; }
.dimension_table_row_index { width: 50px; overflow: hidden; white-space: nowrap; text-align: right; }
.dimension_table_row_fakturasaldo { width: 125px; overflow: hidden; white-space: nowrap; text-align: right; }
.dimension_accounts_hidden { display: none; }
.dimension_accounts_show {}
#accountoverviewtable tbody tr:hover { background-color: #ffae00; cursor: pointer; }
#error_message_div { text-align: center; }
.field-validation-valid { display: none; } 
.validation-summary-valid { display: none; }
.filled-circle-green {
    width:10px;
    height:10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #008000;
}
.filled-circle-yellow {
    width:10px;
    height:10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #FFFF00;
}   
.filled-circle-red {
    width:10px;
    height:10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #FF0000;
}
.filled-circle-black {
    width:10px;
    height:10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #000000;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
} 
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}