.app-bar {
 color: inherit;
}
.app-bar fieldset {
 background-color: #d6e4ef;
 border: 1px solid #a0bdd4;
 margin: 5px 0;
 padding: 5px;
}
.app-bar a {
 background: white;
 padding: 0 3px;
}
.app-bar input[type="submit"] {
 cursor: pointer;
 border: 1px solid #b4b4b4;
 border-radius: 3px;
 padding: 4px 10px;
 margin: 10px 5px;
 background: #FCFCFC;
 background: -moz-linear-gradient(top, #FBFBFB 0%, #a0bdd4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#a0bdd4));
 background: -webkit-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
 background: -o-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
 background: -ms-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
 background: linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#a0bdd4',GradientType=0 );
 /*float: left;*/
 color: #4a4a4a;
}
.app-bar input[type="submit"]:hover {
  color: #a52a2a;
}

.app-form {
 background: #f5f5f5;
 border: 1px solid #a0bdd4;
 width: 800px;
 margin-bottom: 5px; 
 margin-left: auto;
 margin-right: auto;
}
.app-form fieldset {
 background-color: #f5f5f5;
 border: 0px solid #a0bdd4;
 margin: 5px 0;
 padding: 5px;
}
.app-form .description {
  color: #666666;
  font-size: 0.8em; 
  line-height: 1.667em;
}
.app-form a {
 background: transparent;
 padding: 0 3px;
}
.app-form input[type="submit"] {
  cursor: pointer;
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  padding: 4px 10px;
  margin: 10px 5px;
  background: #FCFCFC;
  background: -moz-linear-gradient(top, #FBFBFB 0%, #a0bdd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#a0bdd4));
  background: -webkit-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  background: -o-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  background: -ms-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  background: linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#a0bdd4',GradientType=0 );
  /*float: left;*/
  color: #4a4a4a;
}
.app-form input[type="submit"]:hover {
  color: #a52a2a;
}
.app-form input.text, 
.app-form input.title,
.app-form textarea {
  margin:0; 
  border: 1px solid #C0C0C0;
}

.popup-btnbox {
 border: 1px solid #a9a9a9;
 margin: 1px 1px 1px;
 padding: 3px;
 font-size: 11px;
 font-family: Tahoma, Arial, "Sans-Serif ";
 font-weight: bold;
  background: #FCFCFC;
  background: -moz-linear-gradient(top, #FBFBFB 0%, #a0bdd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#a0bdd4));
  background: -webkit-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  background: -o-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  background: -ms-linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
  background: linear-gradient(top, #FBFBFB 0%,#a0bdd4 100%);
 color: black;
 line-height: 1em;
}

.phonetag {
  background: transparent url(../images/phone16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.emailtag {
  background: transparent url(../images/email16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.skypetag {
  background: transparent url(../images/skype16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.remarktag {
  background: transparent url(../images/remark16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 15px;
  margin: 0px 1px;
}
.finishtag {
  background: transparent url(../images/cert16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 15px;
  margin: 0px 1px;
}
.printtag {
  background: transparent url(../images/print16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.edittag {
  background: transparent url(../images/edit_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.deletetag {
  background: transparent url(../images/delete_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.customertag {
  background: transparent url(../images/customer_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.addtag {
  background: transparent url(../images/add_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.copytag {
  background: transparent url(../images/copy_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.showtag {
  background: transparent url(../images/show_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.hidetag {
  background: transparent url(../images/hide_16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.notesedittag {
  background: transparent url(../images/mess16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  margin: 0px 1px;
}
.imfxtag {
  background: transparent url(../images/disk16x16.png) no-repeat left;
  font-size:90%;
  padding: 3px 1px 3px 16px;
  overflow: hidden; 
}
.docedittag {
  background: transparent url(../images/docedit16x16.png) no-repeat left;
  font-size:90%;
  padding: 4px 6px 4px 20px;
  overflow: hidden; 
}
.docsenttag {
  background: #aec7f2 url(../images/docsent16x16.png) no-repeat left;
  font-size:90%;
  padding: 4px 6px 4px 20px;
  overflow: hidden; 
}
.doccuptag {
  background: #ffdead url(../images/doccup16x16.png) no-repeat left;
  font-size:90%;
  padding: 4px 6px 4px 20px;
  overflow: hidden; 
}
.docreadytag {
  background: #66cdaa url(../images/docready16x16.png) no-repeat left;
  font-size:90%;
  padding: 4px 6px 4px 20px;
  overflow: hidden; 
}
.docfinishedtag {
  background: #bee9db url(../images/cert16x16.png) no-repeat left;
  font-size:90%;
  padding: 4px 6px 4px 20px;
  overflow: hidden; 
}
.doccanceltag {
  background: silver url(../images/docdel16x16.png) no-repeat left;
  color: #646464;
  font-size:90%;
  padding: 4px 6px 4px 20px;
  overflow: hidden; 
}
.gridmode {
 text-align: left;
 padding: 0px;
}
.gridmode th {
 border: 1px solid #acacac;
 font-size: 0.9em;
 font-weight: normal;
 line-height: 1.2em;
 padding: 2px;
} 
.gridmode td {
 border: 1px solid #acacac;
 padding: 0px;
 background-color: #ffffe0;
} 
.gridmode #gridlabel {
 padding: 0px;
 background-color: #fff;
} 
.gridmode .form-item{
 margin: 0px;
}
.gridmode .form-text{
 background-color: #ffffe0;
 margin: 0px;
 border: 0px solid #fff;
}
.gridmode select{
 margin: 0px;
 border: 0px solid #fff;
}
.gridmode select:disabled {
 background: #f9f9f9;
 margin: 0px;
 border: 0px solid #fff;
}
.gridmode input:disabled{
 background: #f9f9f9;
 border: 0px solid #dcdcdc;
 cursor: default;
}
.gridmode .form-submit,
.gridmode input[type="submit"] {
  border: 1px solid #a9a9a9;
  border-radius: 0px;
  background: #f5f5f5 none;
  color: #000;
  padding: 2px;
  margin: 1px;
  font-size: 11px;
  font-family: Tahoma, Arial, "Sans-Serif";
}
.gridmode .form-submit {
	font-weight: bold;
}
.formmode {
 text-align: left;
 padding: 0px;
}
.formmode th {
 border: 1px solid #acacac;
 font-size: 0.9em;
 font-weight: normal;
 line-height: 1.2em;
 padding: 3px;
} 
.formmode td {
 border: 1px solid #acacac;
 padding: 3px;
} 
.formmode #gridlabel {
 padding: 0px;
} 
.formmode .form-item{
 margin: 0px;
}
.formmode .form-text{
 background-color: #ffffe0;
 margin: 0px;
 border: 0px solid #fff;
}
.formmode textarea{
 background-color: #ffffe0;
 margin: 0px;
 border: 1px solid #acacac;
}
.formmode select{
 margin: 0px;
 border: 1px solid #acacac;
}
.formmode select:disabled {
 background: #f9f9f9;
 margin: 0px;
 border: 1px solid #acacac;
}
.formmode input:disabled{
 background: #f9f9f9;
 border: 1px solid #acacac;
 cursor: default;
}        
.formmode .form-submit,
.formmode input[type="submit"] {
  border: 1px solid #a9a9a9;
  border-radius: 0px;
  background: #f5f5f5 none;
  color: #000;
  padding: 2px;
  margin: 1px;
  font-size: 11px;
  font-family: Tahoma, Arial, "Sans-Serif";
}

.formmode .form-submit {
 font-weight: bold;
}


.nonemode {
 text-align: left;
 padding: 0px;
}
.nonemode th {
 border: none;
 font-size: 0.9em;
 font-weight: normal;
 line-height: 1.2em;
 padding: 2px;
} 
.nonemode td {
 border: none;
 padding: 2px 3px;
} 
.nonemode .form-text{
 background-color: #ffffe0;
 margin: 0px;
 border: 1px solid #acacac;
}
.formmode .form-item .description{
 font-size: 10px;
}
.nonemode select{
 margin: 0px;
 border: 1px solid #acacac;
}
.nonemode select:disabled {
 background: #f9f9f9;
 margin: 0px;
 border: 1px solid #acacac;
}
.nonemode input:disabled{
 background: #f9f9f9;
 border: 1px solid #acacac;
 cursor: default;
}        


.listdmode {
 text-align: left;
 padding: 0px;
}
.listmode th {
 background: #c3ced7;
 border: 1px solid #acacac;
 font-size: 0.8em;
 padding: 2px;
 text-align: left;
} 
.listmode td {
 border: 1px solid #acacac;
 padding: 2px;
} 
@media print {
 .noprint {display: none;}
}