/* styles/dialog.css */
.dialog {
  margin-top: 20;
}
.dialog .head .title {
  color: #C00000;
  text-align: left;
}
.dialog .head {
  margin-bottom: 10;
}
.dialog.object .head .title {
  color: #118;
}
.dialog.new .head .title {
  color: #C80;
}
.dialog .head .text {
  padding-top: 5;
}
.dialog .body {
  margin: 0;
  padding: 0;
}
.dialog .body .text {
  margin-top: 20px;
  margin-bottom: 10px;
}
.dialog .body ul.options {
  margin: 4px 0px;
}
.dialog .body ul.options li {
  margin: 4px 0px;
}
.dialog .body form {
  padding: 15px;
  border: 1px solid #ABADB3;
  background-color: #FFE;
}
.dialog .body .field {
  padding-bottom: 10px;
}
.dialog .body .field label {
  display: block;
}
.dialog .body .field.disabled label {
  color: gray;
}
.dialog .body .field .edit.wide {
  border: 1px solid #ABADB3;
  background-color: white;
  width: 100%;
}
.dialog .body .field .edit {
  border: 1px solid #ABADB3;
  background-color: white;
}
.dialog .body .field .highlighted {
  font-weight: bold;
}
.dialog .body .toolbar {
  padding-top: 10px;
  margin-top: 30px;
  border-top: 1px dotted #ABADB3;
}
.dialog .body .toolbar a {
  display: inline;
  margin-right: 10px;
}
.dialog .body .buttons {
  padding-top: 5px;
}
.dialog .body .hint {
  color: #665;
  margin-top: 10px;
  padding-top: 5px;
  border: 0;
  font-weight: normal;
}
.dialog .message {
  display: none;
  padding: 10px;
  color: #000;
  margin-bottom: 10;
  border: 1px solid #ABADB3;
  height: auto;
}
.dialog .message.error {
  background-color: #fdd;
}
.dialog .result .text {
  margin-top: 20px;
  margin-bottom: 10px;
}
.dialog .result .buttons {
  padding-top: 5px;
}

/* styles/month.css */
.month {
  float: left;
}
.month .day {
  color: black;
  cursor: pointer;
}
.month .saturday, 
.month .sunday, 
.month .august, 
.month .holiday {
  color:red;
}
.month .today {
  font-weight: bold;
}
.month .userday {
  background-color: #ddd;
  color:red;
}
.month .short {
  width: 170;
  height: 210;
  margin-right: 20;
}
.month .short .header {
  width: 170;
  padding: 5;
  font-weight: bold;
}
.month .short .footer {
  color: gray;
  padding: 0;
  margin:0;
  font-weight: normal;
  padding-left: 5;
  margin-top: -5;
}
.month .short .header {
  width: 100%;
}
.month .short .header div {
  clear: both;
}
.month .short .names td {
  font-weight: bold;
}
.month .short .names {
  border-top: 1px solid gray;
  font-weight: bold;
  color: gray;
}
.month .short .day {
  margin: 2;
  text-align: center;
  width: 20;
  float: left;
}
.month .short a.day:hover {
}

/* styles/application-header.css */
.desktop .header {
  padding-top: 5;
}
.desktop .header .usermessages {
}
.desktop .header .usermessages span {
  display:none;
}
.desktop .header .usermessages .actionloading {
  background-color: #444;
  color: white;
  padding-left: 3;
  padding-right: 3;
}
.desktop .header .usermessages .actiondone {
  color: #666;
}
.desktop .header .usermessages .actionfailure {
  color: red;
}
.desktop .header .toolbarbox {
  text-align: right;
  padding-right: 10;
}
.desktop .header .toolbar li {
  display: inline;
}
.desktop .header .dialog.logout {
  margin: 0;
  padding: 0;
}
.desktop .header ul {
  padding:0;
  margin:0;
}

/* styles/application-footer.css */


/* styles/dialog.calculate.css */
.dialog.calculate {
  text-align: justify;
}
.dialog.calculate .head .text {
  padding-bottom: 20;
}
.dialog.calculate .body form {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: white;
}
.dialog.calculate .body .field {
  width: 150;
}
.dialog.calculate .body .field .input {
  padding: 10;
  text-align: center;
  border: 1px solid #ABADB3;
}
.dialog.calculate .body .field .spin {
  width: 100%;
}
.dialog.calculate .body .field .spin a {
}
.dialog.calculate .body .field .spin .up {
  text-align: right;
}
.dialog.calculate .body .buttons {
  text-align: center;
  padding-top: 30;
}
.dialog.calculate .body .buttons input {
  padding: 10;
}
.dialog.calculate .select {
  background-color: #eee;
  border: 1px solid #ABADB3;
  padding: 8px;
  height: 290;
}
.dialog.calculate .select .buttons{
  text-align: right;
}
.dialog.calculate .select .month .short {
  height: 180;
  width: 170;
  margin-right: 15;
}
.dialog.calculate .select .month .footer {
  display: none;
}
.dialog.calculate .select .month a.command.day:hover {
  text-decoration: underline;
  color: black;
}
.dialog.calculate .select .label {
  padding-bottom: 15;
}
.dialog.calculate .select .navigation {
  clear: both;
}
.dialog.calculate .select .hint {
  clear: both;
}

/* styles/dialog.count.css */
.dialog.count {
  text-align: justify;
}
.dialog.count .head .text {
  padding-bottom: 20;
}
.dialog.count .body form {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: white;
}
.dialog.count .body .fields .field {
  width: 180;
}
.dialog.count .body .field .input {
  padding: 10;
  text-align: center;
  border: 1px solid #ABADB3;
}
.dialog.count .body .select {
  background-color: #eee;
  padding: 8px;
}
.dialog.count .body .select .buttons{
  text-align: right;
}
.dialog.count .body .select .month .short {
  height: 180;
  width: 170;
}
.dialog.count .body .select .month .footer {
  display: none;
}
.dialog.count .body .select .month a.command.day:hover {
  text-decoration: underline;
  color: black;
}
.dialog.count .body .select .label {
  padding-bottom: 15;
}
.dialog.count .body .select .navigation {
  clear: both;
}
.dialog.count .body .field .count {
  color: #333;
  text-align: center;
}

/* styles/dialog.info.css */
.dialog.info {
  border: 1px solid #ABADB3;
  padding: 15;
}
.dialog.info .head {
  padding: 0;
  margin: 0;
}
.dialog.info .body .field {
  margin-top: 5;
  margin-bottom: 5;
}
.dialog.info .body .field.fullname input {
  margin-bottom: 5;
}
.dialog.info .body form {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: white;
}

/* styles/dialog.calendar.css */
.dialog.calendar .field {
  display: block;
}
.dialog.calendar .field .places {
  font-size: 18px;
  font-weight: bold;
}
.dialog.calendar .hint {
  margin: 0;
  padding: 0;
  padding-bottom: 10;
}
.dialog.calendar .text {
  margin: 0;
  padding: 0;
  padding-top: 10;
  padding-bottom: 10;
}
.dialog.calendar .navigation {
  clear: both;
  padding: 0;
  margin: 0;
}
						
.dialog.calendar .month .short {
  width: 170;
  height: 210;
  margin-right: 20;
}

/* styles/dialog.result.css */
.dialog.result {
}
.dialog.result .body {
  margin: 0;
}
.dialog.result .body .duedate {
  margin-bottom: 10;
}
.dialog.result .body .field {
  margin: 0;
  padding: 0;
  padding-bottom: 3px;
}
.dialog.result .body .field span {
  font-weight: bold;
  display: inline;
}
.dialog.result .message.warning {
  margin: 0;
  margin-top: 10px;
  background-color: #D9E0FB;
  border: 1px solid #ABADB3;
}

/* styles/dialog.download.css */
.dialog.downloadresult {
}
.dialog.downloadresult .head {
  margin-bottom: 10;
}
.dialog.downloadresult .body .field  {
  padding-bottom: 10px;
}
.dialog.downloadresult .body .field input {
  padding: 2;
  width: 100%;
}
.dialog.downloadresult .body .field textarea {
  padding: 2;
  width: 100%;
  height: 120px;
}

/* styles/dialog.setup.css */
.dialog.setup .body select {
  margin: 3px 0px;
  width: 300px;
  font-weight: normal;
  display: block;
}
.dialog.setup .body .places {
  height: 120;
}
.dialog.setup .body .options {
  height: 120;
}

/* styles/dialog.link.css */
.dialog.link .field {
  clear: both;
}
.dialog.link .field .logged {
  color: gray;
}
.dialog.link.logged .field .logged {
  color: black;
}
.dialog.link .field.datalink {
  display: none;
}
.dialog.link.linking .field.datalink {
  display: block;
}
.dialog.link .field select {
  width: 280px;
}
.dialog.link .field .themes {
  width: 280px;
}
.dialog.link .field .themes li {
  float: left;
}
.dialog.link .field .themes li.selected {
  border: 2px solid black;
}
.dialog.link .field .themes li a {
  display: block;
}
.dialog.link .field .themes li a:hover {
  background-color: #ADD8E6;
}
.dialog.link .field .themes li a img {
  margin: 8px;
}
.dialog.link .field .preview {
  clear:both;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 250px;
}
.dialog.link .field .url {
  width: 350px;
}

/* styles/dialog.password.css */
.dialog.password form {
  width: 300;
  background-color: white;
  border: 0;
  padding: 0;
  margin: 0;
}

/* styles/dialog.register.css */
.dialog.register form {
  width: 350;
}
.dialog.register .body .field .captchacode {
  width: 150;
  margin-bottom: 10;
}

/* styles/dialog.login.css */
.dialog.login form {
  width: 350;
}
.dialog.register .body .field .captchacode {
  width: 150;
  margin-bottom: 10;
}
.dialog.login .body .field .email {
}

/* styles/application.css */
html {
}
body {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #25A;
}
a:visited {
  text-decoration: none;
  color: #25A;
}
a:hover {
  text-decoration: none;
  color: #e30;
}
input {
  padding-left: 2;
  padding-right: 2;
}
img {
  border: 0;
}
img a {
  border: 0;
}
table {
  border: 0;
  margin: 0;
  padding: 0;
  border-spacing: 0; 
  border-collapse: collapse;
}
td {
  vertical-align:top;
  border: 0;
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  padding: 0;
  margin: 0;
}
.hiddenable {
  display:none;
}
.command {
  cursor: pointer;
}
.command.default {
  font-weight: bold;
}
.notice {
  color: red;
}
.center {
  text-align: center;
}
.captcha {
  display: block;
  padding-top: 5px;
}
.wait {
  cursor: wait;
}
.wait a {
  cursor: wait;
}
.wait input {
  cursor: wait;
}
.desktop {
  display: none;
}
.desktop.widget {
  margin: 0;
}
.desktop.widget .dialog {
  margin-top: 0;
}
.desktop .empty {
  display: none;
}
.desktop.empty .empty {
  display: block;
}
.desktop.empty .noempty {
  display: none;
}
.desktop .display {
  padding-left: 5px;
  font-weight: bold;
  font-size: 18;
  color: #369;
}
.desktop .login {
  display: inline;
}
.desktop .logout {
  display: none;
}
.desktop.session .login {
  display: none;
}
.desktop.session .logout {
  display: inline;
}
.desktop .account {
  display: none;
}
.desktop.session .account {
  display: block;
}
.desktop .header {
  padding-left: 10;
  padding-top: 10;
}
.desktop .footer {
  padding-left: 10;
  padding-bottom: 10;
}
.desktop .container {
  display: none;
  margin-left: 10;
  margin-right: 10;
}
#DesktopLoading {
  height: 100%;
  width: 100%;
  background: white;
  padding: 0px;
  margin: 0px;
  display: block;
}
#DesktopLoading .loading {
  position: absolute;
  width: 200;
  height: 200;
  top: 50%;
  left: 50%;
  margin-left: -100;
  margin-top: -100;
}
#ApplicationConfiguration {
  display: none;
}
#ApplicationHistory {
  position: absolute;
  left: -1000;
  top:-1000;
  width:10;
  height:10;
}