/**********************************************************************
New CSS for IntCom
Oliver Schwarz, 2005-01-13
oliver.schwarz@vaicon.de */

/**********************************************************************
Changelog
2005-01-13  Creation, Oliver Schwarz
2005-01-13  Added table#main as framework
2005-01-13  Added body settings
2005-01-13  Added global settings (body, h2, font-elements)
2005-01-13  Added .box in alternate column
2005-01-13  Added global settings (fieldset, form-elements)
*/

/**********************************************************************
Global settings */

body {
    margin: 0;
    padding: 0;
    }
img {
    border:0pt none;
    }
h2 {
    font: bold 10pt arial, helvetica, sans-serif;
    margin: 0;
    padding: 3px 6px;
    margin-top: 10pt;
    background: #BCCEDA;
    border-top: 1px solid #8E9AA2;
    }
h2 span {
    font: 8pt arial, helvetica, sans-serif;
    }
h2.expand a {
    display: block;
    width: 100%;
    }
h2.top {
    border-top: 1px solid #8E9AA2;
    }
td.nowrap, col.nowrap {
    white-space: nowrap;
    }
table {
    border-collapse: collapse;
    font: 8pt arial, helvetica, sans-serif;
    }
table#main p, table#main li, table#main th, table#main td, table#main li {
    font: 8pt arial, helvetica, sans-serif;
    }

/* Special alternate element for popups and single pages */
#alternate p, #alternate p form {
    font: 8pt arial, helvetica, sans-serif;
    margin: 4px 7px;
    }

table#main th {
    font-weight: bold;
    text-align: left;
    }
table#main th.ctr, table#main td.ctr {
    text-align: center;
    }
a:link, a:visited {
    color: #333;
    }
a:hover {
    color: #f60;
    }
form {
    margin: 0;
    padding: 0;
    }
fieldset {
    border: none;
    margin: 10px 0 0 0;
    padding: 0;
    }
fieldset legend {
    margin: 0 0 0 -4px;
    padding: 3px 5px;
    border: 1px solid #ccc;
    display: block;
    background: #E1E1E1;
    font-size: 10pt;
    font-weight: bold;
    }
input.field, input.default, textarea {
    font: 10pt 'Courier New', courier, mono;
    color: #333;
    /*
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2px;
    */
    }
input.readonly {
    font: 9pt 'Courier New', courier, mono;
    color: #999;
    background: #fff;
    }
input.button {
    /*
    border: 1px solid #BCCEDA;
    color: #BCCEDA;
    background: #fff;
    font-weight: bold;
    */
    cursor: hand;
    }
.medium {
    width: 220px;
    }
fieldset#loginbox {
    padding: 0 0 6px 6px;
    }
.small {
    width: 60px;
    }
.large {
    width: 350px;
    }
.full {
    width: 99%;
    }
dl {
    margin: 10px 8px 5px 5px;
    }
dl dt, dl dd {
    padding: 3px 0;
    }
dl dt {
    font-weight: bold;
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px;
    }
.pointer {
    cursor: hand;
    }

/**********************************************************************
Header (Logo) */

#logo {
text-align: right;
padding: 12px 12px 5px 0;
}

#logo img {
border: none;
}

/**********************************************************************
Main table framework */

table#main {
border-collapse: collapse;
margin-top: 10px;
clear: both;
    width: 100%;
    }

table#main td {
    vertical-align: top;
    margin: 0;
    padding: 0;
    }

table#main td#content {
    padding-left: 10px;
    }

#content .pagetoggle {
    font-size: 8pt;
    letter-spacing: 0.2em;
    padding: 5px 0 5px 7px;
    }

#content .pagetoggle a {
    text-decoration: none;
    }

#content .pagetoggle a:hover {
    color: red;
    }

#content h3 {
    font: bold 11pt arial, helvetica, sans-serif;
    margin-bottom: 0;
    }

#content h3.padded {
    margin-left: 6px;
    }

#content h3 span {
    color: #900;
    }

#content p.head-sub {
    margin: 5px 0;
    padding-left: 7px;
    }

#content table.fixed td {
    width: 120px;
    }

table#main td#alt {
    width: 200px;
    padding: 0 10px;
    }

/**********************************************************************
    Fieldset for box-search */

fieldset.box-search {
    padding: 6px;
    background: #eee;
    margin: 0;
    }

fieldset.box-search p.subinfo {
    margin: 0;
    }

/**********************************************************************
    IC table framework */

table#main table#ic {
    border-collapse: collapse;
    width: 100%;
    }

table#main table#ic td {
    vertical-align: top;
    }

table#main table#ic td#left {
    width: 200px;
    padding-right: 10px;
    }

table#main table#ic td#iccontent {

    }

table.borders td {
    border-bottom: 1px solid #999;
    }

/**********************************************************************
    Table dp-head */

table#dp-head {
    border-collapse: collapse;
    width: 100%;
    }

table#dp-head td {
    padding: 8px 6px 0 6px;
    }

table#dp-head td.right {
    text-align: right;
    }

table#dp-head td.right input {
    width: 130px;
    font: 8pt arial;
    }

table#dp-head td.special select, table#dp-head td.special input.button {
    font: 8pt arial, helvetica, sans-serif;
    }

/**********************************************************************
    Alternative column right */

.box {
    /* background: #eee; */
    border-bottom: 1px solid #fff;
    background: #E1E1E1;
    }

.box h2 {
    background: #BCCEDA;
    }

.box h2 a {
    text-decoration: none;
    }

.box p {
    margin: 0;
    }

.box .leftbox {
    display: block;
    }

.box ul {
    margin: 0;
    padding: 8px 6px;
    }

.box ul li {
    list-style: none;
    }

.box ul ul {
    margin: 0 10px;
    padding: 0 0 6px 0;
    }

.box ul li li {
    list-style: none;
    padding-left: 3px;
    }

.box iframe {
    margin: 8px 4px;
    height: 20px;
    }

.box ul a {
    text-decoration: none;
    }

.box ul a.current {
    font-weight: bold;
    }

.box ul a:hover {
    text-decoration: underline;
    }

.box ul.simple {
    margin: 0;
    padding: 8px 6px;
/* background: red;*/
    }

/*.box ul.simple li {
    list-style: none;
    font: 8pt arial;
    }
*/
/**********************************************************************
    Listing tables */

table#main table.list {
    border-collapse: collapse;
    margin-top: 3px;
    width: 100%;
    }

table#main table.list th, table#main table.list td {
    padding: 4px 6px;
    border-bottom: 1px solid #ccc;
    }

table#main table.list th {
    background: #BCCEDA;
    }

table#main table.list thead.bottom th {
    vertical-align: bottom;
    }

table#main table.list tbody.middle td {
    vertical-align: middle;
    }

table#main table.list tbody {
    background: #eee;
    }

table#main table.list tbody td {
    background-color: transparent;
    }

table#main table.list tbody tr:hover {
    background-color: #e5e5e5;
    }

table#main table.list th img {
    border: none;
    }

table#main table.list td {
    background: #eee;
    }

table#main table.list td.right_border {
    border-right: 1px solid #ccc;
    }

table#main table.list td.subtitle {
    background: #E1E1E1;
    }

table#main table.list table#inner-table {
    border-collapse: collapse;
    }

table#main table.list table#inner-table td {
    border: none;
    vertical-align: middle;
    }

table#main table.list td.draghandle {
    cursor: move;
    }

tr.dojo-dnd-list-row td {
    background-color: #ddd;
    padding: 4px 6px;
    cursor: move;
    }

/**********************************************************************
    Form tables */

table#main table.form {
    border-collapse: collapse;
    margin-top: 10px;
    }

table#main table.form th, table#main table.form td {
    padding: 3px 10px;
    }

table#main table.form th {
    width: 160px;
    }

table.booklet {
    margin-top: 10px;
    }

table.booklet th {
    text-align: left;
    width: 100%;
    font: 8pt arial, helvetica, sans-serif;
    }

table.booklet th.top {
    vertical-align: top;
    padding-top: 4px;
    }

table.booklet td input.default {
    border: 1px solid #999;
    padding: 2px 3px;
    font: 9pt 'Courier New', mono;
    }

table.booklet td input.inactive {
    border: 1px solid #fff;
    }

table.booklet td input.small {
    width: 50px;
    }

table.booklet td input.medium {
    width: 200px;
    }

table.booklet td input.readonly {
    border: 1px solid #999;
    padding: 2px 3px;
    font: 9pt 'Courier New', mono;
    background: #eee;
    color: #666;
    }

table.booklet td.ctr {
    text-align: center;
    }

table.booklet textarea {
    font: 9pt 'Courier New', mono;
    border: 1px solid #999;
    padding: 2px 3px;
    }



/**********************************************************************
    System tables */

table#main table.system {
    border-collapse: collapse;
    margin: 10px 0 0 2px;
    }

table#main table.system th, table#main table.system td {
    padding: 3px 10px;
    border: 2px solid #fff;
    }

table#main table.system th {
    background: #ddd;
    }

table#main table.system th.top {
    vertical-align: top;
    }

table#main table.system td {
    background: #eee;
    }

/**********************************************************************
    SUB stuff */

p.sub {
    margin: 5px 0;
    color: #666;
    padding: 5px 10px;
    }

/* =NEW
--------------------------------------------------------------------
    New settings, classes and elements for finalization of
    the complete CSS-file. Single elements and objects may
    be exported to single files later on (dividing fonts, colours
    and graphics)


/* =FOLDABLE-SEARCHFORM
--------------------------------------------------------------------
    Is being used in /templates/searchform_hacked.ihtml, may be
    exported to serve other purposes later.
    */

#foldable-search {
    margin: 10px 0;
    }
#foldable-search #opened p, #foldable-search #closed p {
    clear: left;
    margin: 5px;
    }
#foldable-search ul {
    display: block;
    height: 19px !important;
    height: 15px;
    margin: 0;
    padding: 0;
    }
#foldable-search ul li {
    list-style: none;
    float: left;
    padding: 0 5px;
    color: #ccc;
    }
#foldable-search .open {
    border: 1px solid #600;
    background: #ff9 url(/images/v_bg_active.gif) bottom left repeat-x;
    }
#foldable-search .closed {
    border: 1px solid #7288A2;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }
#foldable-search select, #foldable-search input {
    font-size: 8pt;
    }
#foldable-search .fixed {
    width: 100px;
    }
#foldable-search label.fixed {
    text-indent: 5px;
    }
#foldable-search p a  {
    text-decoration: none;
    }
#foldable-search p a:hover {
    text-decoration: underline;
    }
#foldable-search #fields {
    clear: left;
    border-collapse: collapse;
    margin: 0 5px;
    padding-left: 1px;
    }
#foldable-search #fields td {
    padding: 2px;
    vertical-align: middle;
    height: 25px;
    }
#foldable-search #fields td img {
    vertical-align: bottom;
    border: none;
    padding-bottom: 1px;
    }

input.v_button {
    border: 1px solid #8CA2C9;
    background: #fff;
    color: #8CA2C9;
    font: bold 9pt arial,helvetica,sans-serif;
    padding: 0;
    cursor: pointer;
    margin: 0;
    }

/* =FOLDABLE-GRAPHS
--------------------------------------------------------------------
    Is being used ConnectionLog.
    */

#foldable-graphs {
    margin: 10px 0;
    }
#foldable-graphs p {
    clear: left;
    margin: 5px;
    }
#foldable-graphs ul {
    display: block;
    height: 19px !important;
    height: 15px;
    margin: 0;
    padding: 0;
    }
#foldable-graphs ul li {
    list-style: none;
    float: left;
    padding: 0 5px;
    color: #ccc;
    }
#foldable-graphs .open {
    border: 1px solid #600;
    background: #ff9 url(/images/v_bg_active.gif) bottom left repeat-x;
    }
#foldable-graphs .closed {
    border: 1px solid #7288A2;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }
#foldable-graphs p a  {
    text-decoration: none;
    }
#foldable-graphs p a:hover {
    text-decoration: underline;
    }

/* =MESSAGELIST
--------------------------------------------------------------------
    Used in /messages/templates/list.ihtml. Just a draft, will be
    globalized for multi-table purpose later on.
    */
#messagelist {
    border-collapse: collapse;
    width: 100%;
    }
table#messagelist td {
    border: 1px solid #999;
    padding: 4px;
    color: #333;
    cursor: pointer;
    }
table#messagelist th {
    text-align: left;
    border: 1px solid #7288A2;
    padding: 0;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }
table#messagelist th a {
    display: block;
    padding: 4px;
    }
table#messagelist th span {
    display: block;
    padding: 4px;
    }
table#messagelist th a.listhead_ASC {
    background: url(/images/sort_arrow_up3.gif) top right no-repeat;
    }
table#messagelist th a.listhead_DESC {
    background: url(/images/sort_arrow_down3.gif) top right no-repeat;
    }
table#messagelist td.light {
    background: #eee;
    }
table#messagelist td.dark {
    background: #ddd;
    }

/* =LISTTABLE
-------------------------------------------------------------------- */
#listtable {
    border-collapse: collapse;
    width: 100%;
    }
table#listtable td {
    font: 8pt arial, verdana, helvetica, sans-serif;
    border: 1px solid #999;
    padding: 4px;
    color: #333;
    cursor: pointer;
    }
table#listtable.noPointer td {
    cursor: default;
    }
table#listtable td label {
    cursor: pointer;
    }
table#listtable th {
    text-align: left;
    border: 1px solid #7288A2;
    padding: 4px;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }
table#listtable th a {
    display: block;
    /*padding: 4px;*/
    }
table#listtable th span {
    display: block;
    padding: 4px;
    }
table#listtable th a.listhead_ASC {
    background: url(/images/sort_arrow_up3.gif) top right no-repeat;
    }
table#listtable th a.listhead_DESC {
    background: url(/images/sort_arrow_down3.gif) top right no-repeat;
    }
table#listtable td.light, table#listtable tr.light {
    background: #eee;
    }
table#listtable td.dark, table#listtable tr.dark {
    background: #ddd;
    }
table#listtable tr {
    background: #fff;
    }
table#listtable td.light_error {
    background: #ffcfcf;
    }
table#listtable td.dark_error {
    background: #ffb8b8;
    }
table#listtable ul.errorlist {
    margin: 0;
    font-size: 80%;
    list-style-type: square;
    padding-left: 1.5em;
    }

/* =LISTTABLE-ALT
-------------------------------------------------------------------- */
#listtable-alt {
    border-collapse: collapse;
    width: 100%;
    margin: 0 7px;
    }
table#listtable-alt td {
    border-bottom: 1px solid #ddd;
    padding: 4px 4px 4px 0;
    color: #333;
    cursor: pointer;
    }
table#listtable-alt td a {
    text-decoration: none;
    }

/* =BBOX
-------------------------------------------------------------------- */
.bbox {
    border: 1px solid #7288A2;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    height: 25px;
    }
.bbox ul {
    margin: 0;
    padding: 0;
    }
.bbox li {
    list-style: none;
    float: left;
    padding: 5px;
    }
.bbox li img {
    margin: 0 5px;
    }

.box-block {
    padding: 2px 7px;
    }

/* =BOX-MAIN
-------------------------------------------------------------------- */
.box-main {
    padding: 7px;
    }

.box-main p {
    margin: 4px 8px 7px 8px;
    }

.box-main h4 {
    font: bold 8pt arial, helvetica, sans-serif;
    margin: 4px 7px 5px 7px;
    }

.box-main select {
    font-size: 8pt;
    }

.box-main ul {
    margin: 0;
    padding: 0;
    }

.box-main li {
    display: block;
    list-style: none;
    border: 1px solid #999;
    padding: 10px 7px;
    margin: 0 0 10px 0;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }

.box-main li a {
    font-size: 10pt;
    font-weight: bold;
    }

.box-main .box-blue {
    display: block;
    border: 1px solid #999;
    padding: 10px 7px;
    margin: 0 0 10px 0;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }

.box-main .box-blue h3 {
    margin: 0;
    font: bold 10pt arial, helvetica, sans-serif;
    }

/* =GROUPS
-------------------------------------------------------------------- */

#groups .box-group {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    margin-bottom: 10px;
    }

#groups .group-head {
    border-bottom: 1px solid #999;
    height: 22px;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    }

#groups h3 {
    float: left;
    margin: 0;
    padding: 2px 7px;
    }

#groups h3 a {
    text-decoration: none;
    }

#groups .small {
    display: block;
    float: left;
    padding: 3px 0 0 10px;
    font: 8pt arial, helvetica, sans-serif;
    }

#groups h3 .small a {
    color: #999;
    }

#groups h3 .small a:hover {
    color: #333;
    }

#groups p {
    margin: 6px 0;
    color: #333;
    padding: 0 7px;
    }

#groups table {
    clear: both;
    border-collapse: collapse;
    width: 100%;
    background: #eee;
    }

#groups table td {
    width: 25%;
    cursor: pointer;
    padding: 3px 0 3px 7px;
    border-bottom: 1px solid #999;
    }

#groups table tr:hover {
    background: #ff9;
    }

#groupedit {
    }

#groupedit p {
    margin: 4px 8px;
    }

#groupedit table.groupmembers {
    border-collapse: collapse;
    }

#groupedit table.groupmembers th, #groupedit table.groupmembers td {
    border: 1px solid #ccc;
    padding: 4px;
    }

/* =CREATE BOX
-------------------------------------------------------------------- */

#create-box {
    border-collapse: collapse;
    margin: 10px 20px 0 6px;
    width: 98%;
    }

#create-box th, #content table#create-box td {
    vertical-align: top;
    padding: 4px 2px;
    height: 30px;
    }

#create-box .noborder, #content table#create-box td.noborder {
    border: none;
    padding: 2px;
    }

#create-box .lined, #content table#create-box td.lined {
    border-bottom: 1px solid #999;
    }

#create-box th {
    width: 200px;
    }

#create-box th.dark {
    background: #ddd;
    }

/* =DETAILS
--------------------------------------------------------------------
    All detail pages are structured by the block element #details.
    See example at /messages/templates/detail.ihtml */

#details {
    }
#details h3 {
    font-size: 10pt;
    padding: 2px 7px;
    }
#details h3.error {
    border: 1px solid #f00;
    background: #ff9;
    }
#details h4 {
    padding: 0 7px 0 7px;
    margin: 0 0 0 0;
    color: #600;
    font-size: 12pt;
    }
#details #box {
    margin: 0 0 0 19px;
    }
#details h5 {
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 10pt;
    }
#details #box-head {
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    border-bottom: 1px solid #7288A2;
    margin-bottom: 0;
    }
#details p {
    margin: 5px 0;
    }
#details p.sub {
    padding: 4px 7px 0 7px;
    margin: 0 0 4px 0;
    }
#details p.info {
    padding: 0 0 14px 28px;
    margin: 0;
    color: #666;
    }
#details p.subhead {
    padding: 7px;
    margin: 0;
    font: 10pt arial, helvetica, sans-serif;
    color: #333;
    }
#details dl {
    margin: 0;
    padding: 0;
    }
#details dt {
    background: #fff;
    border-bottom: none;
    margin: 0;
    padding: 2px 0;
    }
#details dd {
    margin: 0;
    padding: 2px 0;
    }
#details form {
    background: #eee;
    margin-top: 5px;
    padding: 2px 7px 8px 7px;
    border-top: 1px solid #999;
    }
#details form p {
    margin: 4px 0;
    }
#details form select {
    font-size: 8pt;
    }
#details #box {
    padding: 5px 7px;
    }
.head-small {
    padding: 0 0 0 10px;
    font-size: 9pt;
    font-weight: normal;
    color: #666;
    }
.head-small a {
    color: #666;
    }

fieldset.default p {
    margin: 3px 6px;
    }
fieldset.default td {
    font: 8pt arial, helvetica, sans-serif;
    }

a.link_button {
    float: left;
    margin: 0 10px 10px 0;
    padding: 1px 5px 2px 5px;
    border: 1px solid #8CA2C9;
    color: #8CA2C9;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    }
a.link_button:visited {
    color: #8CA2C9;
    }

#floated {
    margin: 10px 0 0 0;
    padding: 0;
    }
#floated li {
    list-style: none;
    display: inline;
    width: 100%;
    }

.leftbox ul {
    margin: 8px;
    padding: 0;
    }

.leftbox ul.bo_multi {
    border-bottom: 1px dashed #999;
    }

.leftbox ul ul {
    margin: 0;
    padding: 2px;
    padding-left: 8px;
    border-bottom: none;
    }

.leftbox ul ul ul {
    margin: 0 0 0 5px;
    }

#left .leftbox ul li {
    list-style: none;
    margin: 0;
    font-weight: bold;
    font-size: 10pt;
    _height: 1%;
    padding: 2px 0;
    }

#left .leftbox ul li a {
    text-decoration: none;
    }
#left .leftbox ul li a:hover {
    text-decoration: underline;
    }
#left .leftbox ul li a.bo_current {
    background: #ccc;
    font-weight: bold;
    }

#left .leftbox ul li li {
    margin: 0;
    font-weight: normal;
    font-size: 8pt;
    }

.alignleft {
    float: left;
    }
.alignright {
    float: right;
    }

p.infobox {
    border: 1px solid #999;
    background: #ff9 url(/images/v_bg_active.gif) bottom left repeat-x;
    padding: 5px;
    }

/* =DATALOGGING
-------------------------------------------------------------------- */

#datalogging {}
#datalogging p { margin: 4px 7px; }
#datalogging .error { color: red; }
#datalogging #ownerbox {
    border-collapse: collapse;
    border: 1px solid #999;
    background: #eee url(/images/v_bg_inactive.gif) bottom left repeat-x;
    width: 100%;
    margin: 7px 0 7px 0;
    }
#datalogging #ownerbox td {
    padding: 7px;
    }

#datalogging table.stats {
    border-collapse: collapse;
    margin-bottom: 15px;
    }
#datalogging table.stats th, #datalogging table.stats td {
    border-bottom: 1px solid #ccc;
    padding: 3px;
    }
/* #UDM
-------------------------------------------------------------------- */


#udm_current {
    background: #e1e1e1 !important;
    }

table#main table.unstyled {
    border-collapse: collapse;
    border: none;
    }

table#main table.unstyled th, table#main table.unstyled td, table#main table.unstyled tr {
    border: none;
    padding: 0;
    margin: 0;
    }

/* =BOILEROVERVIEW STUFF
-------------------------------------------------------------------- */

#bo h3 {
    background: #bcceda;
    padding: 2px 5px;
    color: #000;
    border-top: 1px solid #999;
    margin: 13px 0 0 0;
    }

#bo h3 small {
    padding-left: 20px;
    }

#bo h3 small, #bo h3 small a {
    color: #333;
    font-size: 8pt;
    }

#bo h3 small a {
    text-decoration: none;
    }

#bo h3 small a:hover {
    text-decoration: underline;
    color: #999;
    }

table#bo-head {
    border-collapse: collapse;
    width: 580px;
    }

table#bo-head td {
    font: 8pt arial, helvetica, sans-serif;
    padding: 5px;
    vertical-align: middle;
    }

table#bo-head td.rightaligned {
    text-align: right;
    }

.box-padded {
    padding: 7px;
    }

/* =SPECIALS
-------------------------------------------------------------------- */

#details form.simple {
    margin: 0;
    background: none;
    border: none;
    }

#details .formbox {
    border-top: 1px solid #999;
    background: #eee;
    margin-top: 20px;
    padding-top: 10px;
    }

#details form.simple p {
    margin: 3px 0 0 0;
    }

#details form.simple p small {
    font-size: 8pt;
    color: #666;
    }

#details h2.custom {
    margin-bottom: 18px;
    }

/* =BOOKLETS
-------------------------------------------------------------------- */

fieldset.default table.booklet {
    border-collapse: collapse;
    background: #ccc;
    }

table.booklet th, table.booklet td {
    vertical-align: top;
    }

/* =OBJECTDETAILS
--------------------------------------------------------------------
    Added 04/12 after the redo of the objectdetails. This should
    improve readability of the structured information in both
    form and display only. */

table#obj-details {
    border-collapse: collapse;
    width: 100%;
    margin-top: 7px;
    }
table#obj-details tbody {
    border-bottom: 1px solid #ccc;
    }
table#obj-details th, table#obj-details td {
    vertical-align: top;
    padding: 9px 7px 3px 7px;
    }
table#obj-details th {
    width: 23%;
    }
table#obj-details td.boto, table#obj-details th.boto {
    border-top: 1px solid #ccc;
    }
table#obj-details td.bobo, table#obj-details th.bobo {
    border-bottom: 1px solid #ccc;
    }
table#obj-details td.bgdark, table#obj-details th.bgdark {
    background: #eee;
    }
table#obj-details td input, table#obj-details td select, table#obj-details td textarea {
    font: 8pt Arial, Helvetica, sans-serif;
    }
table#obj-details td .formerror {
    display: block;
    color: red;
    }
.dp-highlight {
    border: 2px solid blue;
    }

/* =ICONS
--------------------------------------------------------------------
    added 2007-02-07 by Marco Arnold */

img.square {
    background-color: #7a9eb6;
    }

img.round {
    background-color: #7a9eb6;
    background-image: url(/images/clearbits/bg_rounded.gif);
    background-repeat: no-repeat;
    }

img.circle {
    background-color: #7a9eb6;
    background-image: url(/images/clearbits/bg_circle.gif);
    background-repeat: no-repeat;
    }

img.red {
    background-color: #f00;
    }

img.disabled {
    background-color: #D0D0D0;
    }

a img.disabled {
    cursor: default;
    }

/* =InputForm per Greybox
--------------------------------------------------------------------
    added 2007-02-22 by Marco Arnold */
#inputForm {
    line-height: 1em;
}

#inputForm table {
    border-collapse:collapse;
    }

#inputForm td {
    padding: 5px 0 5px 0;
    }

#inputForm th {
    padding: 5px 5px 5px 0;
    vertical-align: top;
    }

#inputForm tr {
    border-bottom: 1px solid #EDF2F5;
    }

#inputForm th label {
    font-weight: bold;
    cursor: pointer;
    }

#inputForm div.error_msg {
    font-weight: bold;
    color: #f00;
    font-weight: bold;
    }

#inputForm div.reference {
    background-color: #eee;
    }

/* add padding to each contentpane inside the tab container, and scrollbar if necessary */
.dojoTabPane {
    padding : 10px 10px 10px 10px;
    overflow: auto;
    background-color: #F2F4F8;
    }

div#loading {
    color: ##BCCEDA;
    background-color: #fff;
    left: 0;
    top: 0;
    padding: 5px;
    position: absolute;
    width:auto;
    font-size: 110%;
    font-weight: bold;
    /*z-index: 100000;*/
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
    }

.hidden {
    display: none;
    }

div.myDialog, div.datapointTabContainer {
    background-color: #fff;
    height: 400px;
    width: 600px;
    }