#PopupBox {
    background-color : #CBCC66;
    border-bottom-color : #303030;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    border-left-color : #303030;
    border-left-style : solid;
    border-left-width : 2px;
    border-right-color : #303030;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : #303030;
    border-top-style : solid;
    border-top-width : 2px;
    height : 100px;
    left : 0;
    position : absolute;
    text-align : center;
    top : 0;
    vertical-align : middle;
    width : 400px;
  }

select,select:hover {
    border: #999999 solid 1px;
    border-style: inset;
    /*background-color: #DDDDDD;*/
  }

select:hover {
    /*background-color: #FFFFDD;*/
  }

select:focus {
    /*background-color: #FFFFDD;*/
  }

.text {
    border: #666666 solid 1px;
    border-style: inset;
    background-color: #DDDDDD;
  }

.text:hover {
    background-color: #FFFFDD;
  }
.text:focus {
    background-color: #FFFFDD;
  }

textarea {
    border: #666666 solid 1px;
    border-style: inset;
    background-color: #DDDDDD;
  }

textarea:hover {
    background-color: #FFFFDD;
  }

textarea:focus {
    background-color: #FFFFDD;
  }

.input_button {
    border: #666666 groove 1px;
    background-color: #EEEEEE;
  }

.input_button:hover {
    background-color: #FFFFDD;
  }

.input_button:focus {
    background-color: #FFFFDD;
  }

body,div,td {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    border: 0px;
  }

label {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    border: 0px;
  }

div.label {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    border: 0px;
    width:90px;
  }

font {
    color: #000000;
    font-size: 12px;
  }

font.left_group {
    color: white;
    font-family: Arial;
    font-size: 12px;
  }

font.menu {
    color: #CCCCCC;
    font-family: Arial;
    font-size: 12px;
  }

font.bold_text {
    color: #888888;
    font-weight:bold;
    font-size: 12px;
  }

div.left_group {
    cursor:pointer;
    overflow:hidden;
  }

body {
    background-color:#666666;
    text-align:center;
    margin: 0;
  }

table.decorated {
    width:100%;
    border:1px #303030 solid;
  }

th.decorated {
    border-bottom:1px #303030 solid;
  }

#container {
    text-align: left;
    /* counter the body center */
    width:995px;
    background-color:#FFFFFF;
    margin: 0 auto;

  }

div.error {
    text-align: left;
    /* counter the body center */margin:10px;
    color: red;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
  }

div.dropdown {
    text-align: left;
    /* counter the body center */width:100%;
    margin:5px;
    cursor: pointer;
  }

#dialog {
    text-align: left;
    /* counter the body center */width:838px;
    background-color:#FFFFFF;
    text-align:left;
    margin: 0 auto;
    overflow:auto;
    background-image:url('/soffice4/gfx/popupboks-full_bg.gif');
  }

#popup {
    text-align: left;
    /* counter the body center */width:600px;
    height:572px;
    border-left:7px #CCCCCC solid;
    border-right:7px #CCCCCC solid;
    background-color:#FFFFFF;
    text-align:left;
    margin: 0 auto;
  }

div {
    color: #000000;
  }

.heading {
    color: #000000;
    clear: left;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
  }

div.calendar {
    background-image:url('gfx/min_bg.gif');
  }

div.calhead {
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    text-align:left;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    background-color: #999999;
  }

div.timehead {
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    float:left;
    width:90px;
    color: white;
    text-align:left;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    background-color: #999999;
  }

div.datehead {
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    float:left;
    width:115px;
    color: white;
    text-align:left;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    background-color: #999999;
  }

DIV.app {
    color: white;
    text-align:left;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #999999;
  }

DIV.date {
    width:100px;
    text-align:left;
    padding-top: 7px;
    padding-bottom: 7px;
    float: left;
    overflow: hidden;
    padding-left: 5px;
  }


DIV.time {
    width:110px;
    text-align:left;
    padding-top: 7px;
    padding-bottom: 1px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
  }


DIV.cal_functions {
    width:30px;
    float:right;
    padding-top: 3px;
    color: white;
    text-align:right;
    padding-top: 5px;
    padding-bottom: 5px;
  }


DIV.cal_title {
    text-align:left;
    margin-top: 7px;
    margin-bottom: 1px;
    width:320px;
    float:left;
    overflow: hidden;
    font-size: 12px;
  }


DIV.cal_custom {
    text-align:left;
    margin-top: 7px;
    margin-bottom: 1px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
  }


DIV.header {
    text-align:left;
    padding: 0px;
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom: 3px;
    font-weight: bold;
    font-family: Arial;
    float: left;
    color: white;
  }


DIV.header_background {
    width:100%;
    text-align:left;
    float: left;
    background-color: #999999;
  }


DIV.task_cell {
    text-align:left;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    font-family: Arial;
    float: left;
    color: black;
  }


DIV.normal {
    color:#000000;
    text-align:left;
    font-size: 11px;
    font-family: Arial;
    border-bottom: #999999 solid 1px;
    float: left;
  }


DIV.normallight {
    text-align:left;
    font-size: 11px;
    font-family: Arial;
    border-bottom: #999999 solid 1px;
    float: left;
  }


TH.today {
    padding-left: 10px;
    color: white;
    width:100px;
    background-color: #999999;
    text-align:left;
    font-size: 11px;
    font-family: Verdana;
  }


TD.light {
    color: #000000;
    font-size: 10px;
    font-family: Arial;
    border-bottom: #999999 solid 1px;
  }


TH.pickcalendar {
    font-size: 11px;
    color: #666666;
    background-image:url('gfx/kalender_bg.gif');
    width: 23px;
    height:20px;
    text-align: center;
  }


TD.pickcalendar {
    color: #666666;
    background-color: #FFFFFF;
    font-size: 10px;
    font-family: Arial;
    width:23px;
    height:16px;
    text-align: center;
  }


DIV.pickcalendar {
    color: #666666;
    background-color: #FFFFFF;
    font-size: 10px;
    font-family: Arial;
    border-bottom: #FFFFFF solid 0px;
    width:20px;
    height:16px;
    text-align: center;
    float:left;
  }


TD.daycell {
    color: #666666;
    background-color: #FFFFFF;
    font-size: 10px;
    font-family: Arial;
    height:15px;
    text-align: center;
  }


TD.daycell_today {
    color: #666666;
    background-color: #DADB94;
    font-size: 10px;
    font-family: Arial;
    height:15px;
    text-align: center;
  }


TH.dayhead {
    color: #FFFFFF;
    background-color: #999999;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    height:20px;
  }


TH.dayhead_today {
    color: #FFFFFF;
    background-color: #DADB94;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    height:20px;
  }


TD.datelight {
    padding-top: 3px;
    text-align:left;
    padding-right: 5px;
    font-family: Arial;
    border-bottom: #999999 solid 1px;
  }


A {
    color: #000000;
    font-size:12px;
    font-family: Arial;
    text-decoration: underline;
  }


A.pickcalendar {
    color: #000000;
    font-size:10px;
    font-family: Arial;
    text-decoration: none;
  }


A.current {
    text-decoration: none;
    padding-left:2px;
    padding-right:2px;
    border-left:1px #303030 solid;
    border-right:1px #303030 solid;
    font-weight: bold;
    color: #555500;
    font-size:11px;
    font-family: Arial;
  }


A.title {
    font-weight: bold;
    color: #000000;
    font-size:11px;
    font-family: Arial;
  }


A.cal_title {
    font-weight: bold;
    color: #FFFFFF;
    font-size:11px;
    font-family: Arial;
  }


A.link {
    font-weight: normal;
    color: #FFFFFF;
    font-size:11px;
    font-family: Arial;
    text-decoration: none;
  }

DIV.menuitem {
    height:20px;
    padding: 2px;
    width:180px;
    overflow:hidden;
    cursor:pointer;
    white-space: nowrap;
    background-image:url("gfx/gruppe_menu-bg.gif");
  }

DIV.menuitem_highlighted {
    height:20px;
    padding: 2px;
    width:180px;
    overflow:hidden;
    cursor:pointer;
    white-space: nowrap;
    background-image:url("gfx/gruppe_menu-bg.gif");
    background-color: #DADB94;
    color: #000000;
  }

font.button {
    font-weight: bold;
    color: #FFFFFF;
    font-size:12px;
    font-family: Arial;
    white-space: nowrap;
  }


H1 {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    margin:0;
    padding:0;
  }


H3 {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
  }


TH {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #999999;
    text-align: left;
  }


TD {
    --background-color: #EEEEEE;
    vertical-align: top;
  }


TH.bs {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #999999;
    text-align: left;
  }


TD.bs {
    font-family: Arial;
    font-size: 12px;
    color: black;
    background-color: #DDDDDD;
    border-top:1px #303030 solid;
  }


TD.bs1 {
    font-family: Arial;
    font-size: 12px;
    color: black;
    background-color: #EEEEEE;
    border-top:1px #303030 solid;
  }


#dhtmltooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
  }


#dhtmlpointer {
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
  }

/* the div that holds the date picker calendar */



.dpDiv {
  }

/* the table (within the div) that holds the date picker calendar */



.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
  }

/* a table row that holds date numbers (either blank or 1-31) */



.dpTR {
  }

/* the top table row that holds the month, year, and forward/backward buttons */



.dpTitleTR {
  }

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */



.dpDayTR {
  }

/* the bottom table row, that has the "This Month" and "Close" buttons */



.dpTodayButtonTR {
  }

/* a table cell that holds a date number (either blank or 1-31) */



.dpTD {
    border: 1px solid #ece9d8;
  }

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */



.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
  }

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */



.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
  }

/* the table cell that holds the name of the month and the year */



.dpTitleTD {
  }

/* a table cell that holds one of the forward/backward buttons */



.dpButtonTD {
  }

/* the table cell that holds the "This Month" or "Close" button at the bottom */



.dpTodayButtonTD {
  }

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */



.dpDayTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    color: white;
  }

/* additional style information for the text that indicates the month and year */



.dpTitleText {
    font-size: 12px;
    color: gray;
    font-weight: bold;
  }

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */



.dpDayHighlight {
    color: 4060ff;
    font-weight: bold;
  }

/* the forward/backward buttons at the top */



.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
  }

/* the "This Month" and "Close" buttons at the bottom */



.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
  }

.oldui {
	background-image: url('/soffice4/gfx/oldui/oldui.png' );
	background-repeat: no-repeat;
	padding-left: 2px;
}