html, body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 96%;	/* IE hack to achieve readable font sizes */

	margin: 0;
	padding: 0;
	color: #041426;
    background-color: #797876;
}

a {
	color: #505E7D;
	text-decoration: none;
}

a:hover {
	color: #806B31;
	text-decoration: none;
}

#divPageFaktRader {
    width: 100%;
    border:
}

a img {
    border: 0px;
}

#topnav_content {
	display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    margin: 0px 0px 0px -450px;
    width: 900px;
}

#clientinfo_content 
{
	display: block;
	border-style: solid;
	border-color: #595959;
	border-width: 1px;
	background-color: #C8C1BA;
	/*background: transparent url(pics/bg_clientinfo.gif) top left no-repeat;*/
    position: absolute;
    left: 50%;
    top: 5px;
    margin: 0px 0px 20px -450px;
    width: 900px;
    height: 20px;
    text-align: center;
}

#clientinfo_content_sub {
    margin: 10px 5px 12px 5px;
}
/* Strange, but small, hack for IE compability */
* html div#clientinfo_content {
    padding: 0px 0px 0px 0px;
}

table#tblClientInfo {
    border: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
}

table#tblClientInfo td{
    height: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #666666;
}

#topfield_content {
	display: block;
    /*border: solid 1px #595959;*/
	background: transparent url(pics/bg_topfield.png) top left no-repeat;

    position: absolute;
    left: 50%;
    top: 40px;
    margin: 20px 0px 20px -450px;
    width: 900px;
}
/* Strange, but small, hack for IE compability */
* html div#topfield_content {
    padding: 10px 5px 12px 5px;
}

#topfield_content_sub {
    margin: 10px 5px 12px 5px;
    height: 650px;
}
/* Strange, but small, hack for IE compability */
* html div#topfield_content_sub {
    margin: 0px;
    
}

#page_content {
    position: absolute;
    left: 50%;
    top: 200px;
    margin: 20px 0px 20px -475px;
    width: 900px;
    padding: 25px;
    background-color: transparent;
}
/* Strange, but small, hack for IE compability */
* html div#page_content {
    width: 950px;
	margin: 20px 0px 20px -475px;
}

#pageholder {
    font-size: 0.9em;
    padding: 20px 20px 14px 20px;
    border-left: 1px solid #595959;
    border-right: 1px solid #595959;
    border-bottom: 1px solid #595959;
    background-color: #C9C3BC;
}

#pageholder_nomenu {
    font-size: 0.9em;
    padding: 20px 20px 14px 20px;
    border: 1px solid #595959;
    background-color: #C9C3BC;
}

#pageheader {
    font-size: 1.0em;
    font-weight: bold;
    color: #666666;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px dotted #595959;
}

#pagefooter {
    font-size: 0.9em;
    font-weight: bold;
    color: #666666;
    text-align: left;
    margin-top: 10px;
    border-top: 1px dotted #595959;
}

#header {
    text-align: center;
    width: 520px;
    height: 45px;
    background: transparent;
}




/* -------------------------------------------------------
    Top nav specific styling
   ------------------------------------------------------- */
table#tblTopNav {
    font-size: 0.7em;
    color: black;
    width: 860px;
    border: 0px;
    margin: 0px 20px 0px 20px;
}

table#tblTopNav td.tdFirstAkt {
    width: 25px;
    height: 20px;
}

table#tblTopNav td.tdPrevAkt {
    width: 25px;
    height: 20px;
}

table#tblTopNav td.tdNextAkt {
    width: 25px;
    height: 20px;
}

table#tblTopNav td.tdLastAkt {
    width: 25px;
    height: 20px;
}

table#tblTopNav td.tdNewAkt {
    width: 80px;
}

table#tblTopNav td.tdRemoveAkt {
    width: 160px;
    padding-left: 4px;
}

table#tblTopNav td.tdSeparator {
    width: 25px;
}

table#tblTopNav td.tdStatList {
    padding: 1px 4px 0px 0px;
}

table#tblTopNav td.tdShowStat {
    width: 100px;
    padding: 0px;
}

table#tblTopNav td.tdHelp {
    width: 60px;
    padding: 0px;
}

table#tblTopNav td.tdLogout {
    width: 70px;
    padding: 0px;
}

a.navButton {
    display: block;
    height: 20px;
    width: 20px;
    margin: 0px;
    padding: 0px;
}


/* -------------------------------------------------------
    Top field search specific styling
   ------------------------------------------------------- */
table#tblTopField {
    width: 100%;
    border: 0px;
}

table#tblTopField td#dividerfield{
    height: 10px;
}

table#tblTopField td.leftmost {
    width: 75px;
    padding-left: 6px;
}


/* ---------------------- */
table#tblSearch {
    font-size: 0.7em;
    color: black;
    width: 100%;
    height: 25px;
    border: 0px;
}

table#tblSearch td.searchmode {
    width: 140px;
    padding-top: 1px;
}

table#tblSearch td.middlepart {
    width: 70px;
    text-align: right;
    padding-right: 8px;
}

table#tblSearch td.searchfield {
    width: 220px;
    padding-top: 2px;
}

table#tblSearch td.searchfield .txt {
    width: 200px;
}

table#tblSearch td.searchbutton_field .btn {
    width: 50px;
    margin-top: 2px;
}

table#tblTopField td.imagefield_top {
    width: 250px;
    height: 60px;
    /*background: transparent url(../pics/logo.gif) top right no-repeat;*/
}

table#tblTopField td.imagefield_bottom {
	width: 142px;
    font-size: 1pt;   
    height: 5px;
    /*background: transparent url(pics/logo.gif) bottom right no-repeat;*/
}


/* ---------------------- */
table#tblArenden {
    font-size: 0.7em;
    color: black;
    width: 100%;
    height: 20px;
    border: 0px;
}

table#tblArenden td.leftmost {
    width: 75px;
    padding-bottom: 2px;
}

table#tblArenden td.middlepart {
    width: 80px;
}

table#tblArenden td.rightmost {
    width: 45px;
    text-align: center;
}
* html table#tblArenden td.rightmost {
    width: 41px;
}


table#tblArenden .btn {
    margin-top: 0px;
    width: 80px;
}

table#tblArenden td.separator {
    width: 95px;
}
* html table#tblArenden td.separator {
    width: 99px;
}


/* -------------------------------------------------------
    Top field status specific styling
   ------------------------------------------------------- */
table#tblStatus {
    font-size: 0.7em;
    width: 100%;
    border: 0px;
}

table#tblStatus td.datefield {
    width: 135px;
}

table#tblStatus td.casefield {
    width: 185px;
/*    background: transparent url(pics/logo.gif) top right no-repeat;*/
}

table#tblStatus td.idfield {
    width: 185px;
}

table#tblStatus div.status {
    font-size: 8pt;
	font-weight: bold;
	color: #003E66;
	display: block;
	padding: 2px 3px 2px 3px;
    margin-top: 3px;
	border: dotted 1px #596378;
	background-color: #C8D1E5;
    width: 150px;
    height: 13px;
}

table#tblStatus div.security {
    font-size: 8pt;
	font-weight: bold;
    text-align: center;
	color: white;
	display: block;
	padding: 2px 3px 2px 6px;
    margin: 3px 0px 0px 4px;
	border: dotted 1px red;
	background-color: #DB7474;
    width: 75px;
    height: 13px;
}

table#tblStatus div.substatus {
    font-size: 8pt;
	font-weight: bold;
	color: #003E66;
	display: block;
	padding: 2px 3px 2px 3px;
    margin: 3px 12px 0px 0px;
	border: dotted 1px #596378;
	background-color: #C8D1E5;
    height: 13px;
}
/* Strange, but small, hack for IE compatability */
* html table#tblStatus div.substatus {
	margin: 3px 20px 0px 0px;
}


table#tblStatus div.datestatus {
    font-size: 8pt;
	font-weight: bold;
	color: #003E66;
	display: block;
	padding: 2px 3px 2px 3px;
    margin-top: 3px;
	border: dotted 1px #596378;
	background-color: #C8D1E5;
    width: 115px;
    height: 13px;
}

table#tblStatus div.idstatus {
    font-size: 8pt;
	font-weight: bold;
    text-align: right;
	color: #003E66;
	display: block;
	padding: 2px 3px 2px 3px;
    margin-top: 3px;
	border: dotted 1px #596378;
	background-color: #C8D1E5;
    width: 125px;
    height: 13px;
}


/* -------------------------------------------------------
    Main menu specific styling
   ------------------------------------------------------- */
table#mainmenu_holder {
    width: 100%;
    border: 0px;
}

table#mainmenu_holder td.leftspacer {
    width: 20px;
    border-bottom: 1px solid #595959;
}

table#mainmenu_holder td.middle {
    background: url(pics/mainmenu/border_bottom.gif) repeat-x bottom left;
}

table#tblMainMenu {
    border: 0px;
}

table#tblMainMenu td.leftside {
    width: 80px;
    height: 30px;
    background: url(pics/mainmenu/tab_left.gif) top left no-repeat;
}

table#tblMainMenu td.rightside {
    width: 80px;
    height: 30px;
    background: url(pics/mainmenu/tab_right.gif) top left no-repeat;
}

table#tblMainMenu td.tableft {
    width: 8px;
    height: 30px;
    background: url(pics/mainmenu/tab_inactive-left.gif) top left no-repeat;
    cursor: pointer;
}

table#tblMainMenu td.tabmiddle {
	color: #403923;
	font-size: 8pt;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 30px;
    background: url(pics/mainmenu/tab_inactive-middle.gif) repeat-x top left;
    cursor: pointer;
}

table#tblMainMenu td.tabmiddle:hover {
	color: black;
}

table#tblMainMenu td.tabright {
    width: 8px;
    height: 30px;
    background: url(pics/mainmenu/tab_inactive-right.gif) top left no-repeat;
    cursor: pointer;
}

table#tblMainMenu td.tableft_active {
    width: 8px;
    height: 30px;
    background: url(pics/mainmenu/tab_active-left.gif) top left no-repeat;
    cursor: pointer;
}

table#tblMainMenu td.tabmiddle_active {
	color: black;
	font-weight: bold;
	font-size: 8pt;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 30px;
    background: url(pics/mainmenu/tab_active-middle.gif) repeat-x top left;
    cursor: pointer;
}

table#tblMainMenu td.tabright_active {
    width: 8px;
    height: 30px;
    background: url(pics/mainmenu/tab_active-right.gif) top left no-repeat;
    cursor: pointer;
}

table#tblMainMenu td.bottom {
    height: 30px;
    border-bottom: 1px solid #595959;
    background: transparent;
    background-color: gray;
}


/* -------------------------------------------------------
    Bottom field button specific styling
   ------------------------------------------------------- */
table#tblBottomField {
    width: auto;
    margin-top: 10px;
    border: 0px;
}

table#tblBottomField td.buttonfield {
    width: auto;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px 0px 5px;
}

table#tblBottomField td.buttonfield a {
	font-weight: bold;
    font-size: 0.6em;
	text-decoration: none;
	color: #041426;
	display: block;
	padding: 2px 10px 2px 10px;
	border: solid 1px #919194;
	background-color: #E0DFE3;
}

table#tblBottomField td.buttonfield div.active {
	font-weight: bold;
    font-size: 0.6em;
	text-decoration: none;
	color: #041426;
	display: block;
	padding: 2px 10px 2px 10px;
	background-color: #FFFFE1;
	border: #D3D397 1px solid;
}


/* -------------------------------------------------------
    Various styling
   ------------------------------------------------------- */
.error {
	font-weight: bold;
    font-size: 0.7em;
	color: red;
	display: block;
	padding: 2px 3px 2px 3px;
	border: dotted 1px red;
	background-color: #FFEDED;
}

.exception_header {
    color: black;
    padding: 2px 3px 2px 3px;
    background-color: #EBE8CE;
}

.exception_info {
    font-size: 0.7em;
    color: red;
    padding: 3px;
}

table.standard {
    width: 100%;
    border: 0px;
}

table.tblRow {
    width: 100%;
    border: 0px;
}

table.tblRow tr.separator {
    height: 10px;
}

div.infoheader {
    font-size: 0.7em;
    color: white;
    padding: 2px 2px 2px 6px;
}

div.infoheader2 {
    font-size: 0.7em;
    color: black;
    padding: 2px 2px 2px 6px;
}

div.infobox {
    color: black;
    padding: 5px;
    background-color: #F4F2F2;
    border: solid 1px #AFAFAF;
}

div.infobox2 {
    color: black;
    padding: 5px;
    background-color: #FFFFE0;
    border: solid 1px #AFAFAF;
}

img.piechart {
    margin-bottom: 5px;
    border: solid 1px #AFAFAF;
}

.txt {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	display: block;
	border: solid 1px #B3B9C3;
	background-color: #FAFAFA;
	padding: 2px;
    height: 19px;
}

.txtmsg {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	display: block;
	border: solid 1px #B3B9C3;
	background-color: #FAFAFA;
	padding: 2px;
	resize: none;
	
}

.txtlogin {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	display: block;
	border: solid 1px #B3B9C3;
	background-color: #FAFAFA;
	padding: 2px;
    height: 25px;
}

.txtval {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	display: block;
	border: solid 1px #B3B9C3;
	background-color: #FAFAFA;
	padding: 2px;
    height: 19px;
    text-align: right;
}


.cb {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	display: block;
    margin-top: 3px;
    margin-bottom: 2px;
}

.ddlist {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
}

.btn {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	display: block;
	width: 118px;
}

.attachment {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	/*background-color: #F4F2F2;*/
	width: 118px;
		background-color: transparent;
			background-color: transparent;
	background-image: url("./pics/remove.gif");
	background-repeat: no-repeat;
	/*background-image: url("./pics/yes.gif");*/

}









.centered {
    text-align: center;
    vertical-align: bottom;
}

.rightaligned {
    text-align: right;
    vertical-align: bottom;
}

.redtext {
    font-weight: bold;
    font-size: 7pt;
    color: red;
}

.block {
    display: block;
}