﻿/*---desctop specific---*/
:target:before { /*implemented to set linked references beneth the fixed header*/
    content: "";
    display: block;
    height: 160px;
    margin: -160px 0 0;
}

h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.href_strong
{
	font-weight: bold;
	font-size: larger;
  	color: #043579;
}

.frame {
    font-family: Verdana;
    margin: 0 auto;
    width: 1000px;
    min-height: 100%;
}

.main {
    margin: 160px 0 0 0;
    font-size: small;
    line-height: 16px
}

.footer {
    margin: 0 auto;
    width: 1000px;
    text-align: center;
    padding: 4px 0 4px 0; /* top, right, bottom, left*/
    background-color: #336699;
}

.paneltopheader {
    position: fixed;
    top: 0;
    width: 1000px;
    background-color: #336699;
}

.topline {
    font-size: small;
    text-align: center;
    padding: 4px 0 0 0;
}

.titleline
{
	font-size: x-large;
	font-weight: bold;
    text-align: center;
}

.languagemenu {
    font-size: x-small;
    text-align: center;
    float: right;
}

.languagemenuitem img {
    width: 35px;
    height: 21px;
}

.mainmenu {
    position: absolute;
    width: 1000px;
    background-color: #043579;
}

.advertising {
	font-size: small;
}

.advertiseImage {
    width: 220px;
    vertical-align: top;
}

.table {
    padding: 2px;
    border: thin solid black;
    font-size: small;
    background-color: white;
    margin-left: 10px;
}

.tabRetention
{
	width: 680px;
}

.tabSupportDemands
{
    width: 680px;
}

.tabChildBenefit
{
    width: 340px;
}

.tabDivorceCosts
{
    width: 480px;
}

.tabIndex
{
	width: 380px;
}

.tabAccruedGains
{
	width: 680px;
}

.tabSupport
{
	width: 680px;
}

.Value
{
    text-align: right;
    width: 90px;
}

.ValueResult {
    text-align: right;
    width: 95px;
    Border-Style: None;
    background-color: white;
}

/*---desctop the same as mobile---*/
.advertiseheader {
    font-size: medium;
    font-weight: bold;
    line-height: 24px;
    color: #336699;
}

.tabHeader {
    font-size: small;
    text-align: center;
    font-weight: bold;
    background-color: #4386A9;
    color: white;
    Border-Style: None
}

.rowHeader {
    font-weight: bold;
    color: #336699;
    height: 28px;
}

.row2Lines {
    height: 40px;
}

.emptyRow {
    height: 12px;
}

.colHeader {
    text-align: center;
    font-weight: bold;
    color: #336699;
}

.colHeaderRight {
    text-align: right;
    font-weight: bold;
    color: #336699;
}
.SeparationHeader {
    font-weight: bold;
    text-decoration: underline;
    vertical-align: bottom;
    height: 30px;
}

.languagemenu_selected {
    border-bottom: solid white 1px;
    padding: 2px;
}

.mainmenu_selected {
    border: solid white 1px;
    background-color: #4386A9;
}

.description {
    font-size: 14px;
    line-height: 22px
}

.Error {
    color: Red;
    font-style: Italic;
    Font-Size: Small;
}

.ButtonUpdate
{
    margin: 10px 0 0 0;
    height: 34px;
    width: 100%;
    Font-Size: large;
    background-color: #4386A9;
    color: white;
    Border-Color: black;
    border-width: 1px
}

.ButtonCalculateDivorceCost {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 34px;
    Font-Size: large;
    background-color: #4386A9;
    color: white;
    Border-Color: black;
    border-width: 1px
}

.tabSeparater {
    border-top: 0;
}

.tabNoSeparater {
    border-top: 0;
    border-bottom: 0;
}

.rowSeparater {
    background-color: #b8c0c4;
}

.Age {
    text-align: right;
    width: 20px;
}

.AgeResult {
    text-align: right;
    width: 30px;
    Border-Style: None;
    background-color: white;
}

.Year {
    text-align: right;
    width: 32px;
}

.ValueSmall {
    text-align: right;
    width: 50px;
}

.ValueCount
{
    text-align: right;
    width: 20px;
}

.Index {
    text-align: right;
    width: 34px;
    Border-Style: None;
    background-color: white;
}

.Currency {
    text-align: left;
    width: 32px;
    height: 17px;
    color: black;
    font-weight: normal
}

.CurrencyButton {
    text-align: center;
    width: 46px;
    height: 17px;
}

.href_simple {
    text-decoration: underline;
    color: black;
}

.href_normal {
    text-decoration: none;
    font-weight: bold;
    color: #4386A9;
}

.href_normal:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #336699;
}

.href_advertise {
    text-decoration: underline;
    font-weight: bold;
    color: #336699;
}

.href_advertise1 {
    text-decoration: none;
    font-style: italic;
    font-size: medium;
    font-weight: bold;
    color: black;
}

.href_advertise2 {
    text-decoration: none;
    font-size: small;
    font-weight: bold;
    color: black;
}

.col1-right td:first-child {
    text-align: right
}

.col2-right td:first-child + td {
    text-align: right
}

.col3-right td:first-child + td + td {
    text-align: right
}

.col4-right td:first-child + td + td + td {
    text-align: right
}

.col5-right td:first-child + td + td + td + td {
    text-align: right
}

.col6-right td:first-child + td + td + td + td + td {
    text-align: right
}

.col7-right td:first-child + td + td + td + td + td + td {
    text-align: right
}

.col8-right td:first-child + td + td + td + td + td + td + td {
    text-align: right
}

.col9-right td:first-child + td + td + td + td + td + td + td + td {
    text-align: right
}

.col10-right td:first-child + td + td + td + td + td + td + td + td {
    text-align: right
}

.col1-center td:first-child {
    text-align: center
}

.col2-center td:first-child + td {
    text-align: center
}

.col3-center td:first-child + td + td {
    text-align: center
}

.col4-center td:first-child + td + td + td {
    text-align: center
}

.col5-center td:first-child + td + td + td + td {
    text-align: center
}

.col6-center td:first-child + td + td + td + td + td {
    text-align: center
}

.col7-center td:first-child + td + td + td + td + td + td {
    text-align: center
}

.col8-center td:first-child + td + td + td + td + td + td + td {
    text-align: center
}

.col9-center td:first-child + td + td + td + td + td + td + td + td {
    text-align: center
}

.col10-center td:first-child + td + td + td + td + td + td + td + td + td {
    text-align: center
}