/* -----------------------------------  Bright    */
body {
    font-family: Arial;
    margin: 0px;
    background-color: #dfdfdf;
}

#layoutTable {
    width: 994px;
    border: 1px solid #ccc;
    background-color: #efefef;
}

.breadcrumb {
    height: 20px;
    background-color: #ccc;
    font-family: Arial;
    vertical-align: bottom;
    font-align: center;
}

/* -------------------------------------
Dark    */

/*
body {
	font-family: Arial;
	margin: 0px;
	background-color: #4d4d4d;
}

#layoutTable {
	width: 994px;
	border: 1px solid #999;
	background-color: #efefef;
}

/**/

/* Debug Modus */
div {
    /*	margin: 1px;
       border: 1px red dotted; */

}

#pics {
    /*	display: none; /**/

}

#login {
    position: relative;
    left: 20px;
    top: 1px;
    float: right;
    filter: alpha(opacity=79); /* IE */
    -moz-opacity: 0.79; /* Gecko-Browser */
    opacity: 0.79; /* Opera 9+ */
}

.topic {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
}

.loginBox {
    font-size: 10px;
    background-color: #ddd;
    border: 1px solid gray;
}

.loginBox .data {
    font-size: 10px;
}

#menu {
    float: left;
    width: 180px;
}

#layout {
    float: right;
    position: relative;
    left: 0px;
    width: 800px;
}

#content {
    float: left;
}

#footer {
    clear: both;
}

.leftPane {
    float: left;
    width: 520px;
}

.rightPane {
    float: right;
    width: 280px;
}

#detailPane {
    vertical-align: top;
}

#objectPane {
    vertical-align: top;
}

#imagePane {
    width: 280px;
}

#contentPane {
    padding: 10px;
    vertical-align: top;
    padding-top: 10px;
}

#popup {
    font-family: Arial;
    font-size: 12px;
}

.dateInput {
    margin: 10px;
    height: 30px;
    font-size: 12px;
}

.dateInput div {
    float: left;
    margin: 5px;
    height: 22px;
}

.dateInput div span {
    padding-top: 28px;
    vertical-align: middle;
}

.dateInput div input {
    vertical-align: middle;
    font-size: 12px;
}

.estateImageBox {
    text-align: center;
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid black;
    padding-top: 5px;
    margin-top: 4px;
    margin-left: 4px;
    width: 265px;
    height: 191px;
}

.estateInfoBox {
    height: 188px;
    vertical-align: top;
    background-color: #ddd;
    border: 1px solid black;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 510px;
}

.estateInfoBox {
    font-size: 11px;
}

.estateInfoBox table .data .value {
    font-weight: bold;
}

.estateInfoBox .topic {
    font-size: 11px;
    font-weight: bold;
}

.unitImageBox {
    text-align: center;
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid black;
    padding-top: 5px;
    margin-top: 0px;
    margin-left: 0px;
    width: 518px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    height: 280px;
}

.unitInfoBox {
    vertical-align: top;
    background-color: #ddd;
    border: 1px solid black;
    padding: 8px;
    margin-left: 4px;
    width: 249px;
    height: 274px;
}

.unitInfoBox {
    font-size: 11px;
}

.unitInfoBox table .data .key {
    font-size: 11px;
}

.unitInfoBox table .data .value {
    font-size: 11px;
    font-weight: bold;
}

.unitInfoBox .topic {
    font-size: 11px;
    font-weight: bold;
}

.moduleImageBox {
    text-align: center;
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid black;
    padding: 4px;
    padding-top: 6px;
    margin: 4px;
    margin-top: 0px;
    padding-bottom: 2px;
    width: 257px;
    height: 180px;
}

.moduleInfoBox {
    height: 180px;
    vertical-align: top;
    background-color: #ddd;
    border: 1px solid black;
    padding: 4px;
    margin-top: 0px;
    margin-bottom: 4px;
    width: 510px;
}

.moduleInfoBox {
    font-size: 11px;
}

.moduleInfoBox table .data .value {
    font-weight: bold;
}

.moduleInfoBox .topic {
    font-size: 11px;
    font-weight: bold;
}

.moduleImageBoxA {
    text-align: center;
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid black;
    padding: 4px;
    margin-top: -4px;
    width: 236px;
    height: 182px;
}

.moduleInfoBoxA {
    height: 175px;
    vertical-align: top;
    background-color: #ddd;
    border: 1px solid black;
    padding: 4px;
    margin-top: -3px;
    margin-bottom: 2px;
    margin-left: -3px;
    width: 260px;
    height: 182px;
}

.moduleInfoBoxA {
    font-size: 11px;
}

.moduleInfoBoxA table .data .value {
    font-weight: bold;
}

.moduleInfoBoxA .topic {
    font-size: 11px;
    font-weight: bold;
}

.smallText {
    font-size: 10px;
    font-style: italic;
    color: grey;
    text-align: center;
}

.error {
    color: #e00;
    font-weight: bold;
    font-size: 16px;
}

.backgroundLogin {
    background-color: #fafafa;
    border: 1px solid black;
    padding: 10px;
}

.backgroundRegister {
    background-color: #ccf;
    border: 1px solid black;
    padding: 10px;
}

.backgroundList {
    background-color: #fafafa;
    border: 1px solid black;
    padding: 10px;
    width: 770px;
}

.backgroundListNotice {
    background-color: #ffffe9;
    border: 1px solid black;
    padding: 10px;
    width: 770px;
}

.backgroundListTask {
    background-color: #ffffe9;
    border: 1px solid black;
    padding: 10px;
    width: 770px;
}

.backgroundContactList {
    background-color: #fafafa;
    border: 1px solid black;
    padding: 5px;
    margin: 0px;
}

.signbox {
    position: absolute;
    top: 200px;
    left: 50px;
    background-color: #eeeefe;
    width: 600px;
    height: 100px;
    border: 2px solid grey;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    filter: alpha(opacity=85);
    opacity: 0.95;
}

.list a:link {
    color: #444488;
    text-decoration: none;
}

.list a:visited {
    color: #444488;
    text-decoration: none;
}

.list .header td {
    font-size: 11px;
    background-color: #eee;
    border-bottom: 1px solid grey;
}


.list .header .function {
    background-color: #ddd;
}

.list .dataHeader .errorMessage {
    font-size: 11px;
    font-weight: bold;
    background-color: #eaa;
}

.list .dataHeader .errorTd li {
    list-style: none;
}

.list .data_red td {
    font-size: 11px;
    border-bottom: 1px solid grey;
    max-width: 100px;
    cursor: pointer;
    background-color: #fbb;
}

.list .data td {
    font-size: 11px;
    border-bottom: 1px solid grey;
    max-width: 100px;
    cursor: pointer;
}

.list .data input {
    font-size: 10px;
    max-width: 80px;
}

.list .data_red input {
    font-size: 10px;
    max-width: 80px;
}

.list .data .dataoff td {
    font-size: 11px;
    border-bottom: none;
}

.list .data .function {
    background-color: #eee;
    width: 40px;
}

.list .data .functionSmall {
    background-color: #eee;
    width: 26px;
}

.list .data_estateunit {
    background-color: #dde;
    width: 40px;
}

.list .data_estateunit td {
    font-size: 11px;
    border-bottom: 1px solid grey;
    max-width: 100px;
    cursor: pointer;
}

.list .data_estateunit .dataoff td {
    font-size: 11px;
    border-bottom: none;
}

.list .data_estateunit .function {
    background-color: #eee;
    width: 40px;
}


.listNotice td {
    font-size: 11px;
}

.listNotice a {
    color: #444488;
    text-decoration: none;
}

.listNotice .header td {
    color: #fff;
    background-color: #606060;
    border-bottom: 1px solid grey;
}

.listNotice .data td {
    border-bottom: 1px solid grey;
    max-width: 75%;
    cursor: pointer;
}

.listNotice .header .function {
    background-color: #ddd;
}

.listNotice .data .function {
    background-color: #eee;
    width: 30px;
}

.wwFormTable tr td .notice {
    background-color: #ffffe9;
    width: 760px;
    height: 125px;
    font-family: Arial;
    font-size: 12px;
    margin: 0;
}

.wwFormTable tr td .noticeExtras {
    width: 180px;
}

.listTask td {
    font-size: 11px;
}

.listTask a {
    color: #444488;
    text-decoration: none;
}

.listTask .header td {
    color: #fff;
    background-color: #606060;
    border-bottom: 1px solid grey;
}

.listTask .data td {
    border-bottom: 1px solid grey;
    max-width: 75%;
    cursor: pointer;
}

.listTask .header .function {
    background-color: #ddd;
}

.listTask .data .function {
    background-color: #eee;
    width: 30px;
}

.wwFormTable tr td .task {
    background-color: #ffffff;
    width: 760px;
    height: 45px;
    font-family: Arial;
    font-size: 12px;
    margin: 0;
}

.wwFormTable tr td .taskExtras {
    width: 180px;
}

.listTaskEvent td {
    font-size: 11px;
}

.listTaskEvent a {
    color: #444488;
    text-decoration: none;
}

.listTaskEvent .header td {
    color: #fff;
    background-color: #606060;
    border-bottom: 1px solid grey;
}

.listTaskEvent .data td {
    border-bottom: 1px solid grey;
    max-width: 75%;
    cursor: pointer;
}

.listTaskEvent .header .function {
    background-color: #ddd;
}

.listTaskEvent .data .function {
    background-color: #eee;
    width: 30px;
}

.listTaskEvent .data {
    width: 30px;
}

.wwFormTable tr td .taskEvent {
    background-color: #ffffe9;
    width: 760px;
    height: 125px;
    font-family: Arial;
    font-size: 12px;
    margin: 0;
}

.wwFormTable tr td .taskEventExtras {
    width: 180px;
}

.wwFormTable tr td .grey {
    background-color: #efefef;
    border: 1px solid #bbb;
}

.wwFormTable {
    font-size: 11px;
    width: 100%;
}

.wwFormTable .tdLabel {
    width: 180px;
}

.wwFormTable tr td input {
    font-size: 11px;
}

.wwFormTable tr td input[type=text] {
    font-size: 11px;
    width: 200px;
}

.wwFormTable tr td input[type=password] {
    font-size: 11px;
    width: 200px;
}

.wwFormTable tr td select {
    font-size: 11px;
    width: 204px;
}

.test {
    border: 1px dotted red;
}

.filter input[type="text"] {
    font-size: 10px;
    width: 80px;
}

.filter input[type="submit"] {
    font-size: 10px;
    width: 50px;
}

.errorLabel {
    color: #f00;
}