.cssDialog {width: 480px;display: none;position: absolute;top: 0;border-radius: 6px;z-index: 10;}
.cssDraggable {cursor: move;}
.cssDialogHeader {border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 6px 12px;border-bottom: solid 1px;}
.cssDialogHeader button {float: right;margin-right: 10px;cursor: pointer;height: 20px;}
.cssDialogContent {padding: 10px 15px}
.cssDialogContent > div:not(.cssDialogContentSection), .cssFieldsetContent > div {padding-bottom: 8px;}
.cssDiaRead {padding-top: 4px;padding-bottom: 0;}
.cssDiaRead > div {padding-bottom: 6px;}
.cssDialogContent > div:not(.cssDialogContentSection) > div, .cssFieldsetContent > div > div {display: inline-block;vertical-align: top;}
.cssDialogContent > div:not(.cssDialogContentSection) > div b, .cssFieldsetContent > div > div b {padding-left: 8px;}
.cssDialogButtons {margin: 6px 22px 4px 10px;padding-bottom: 6px;text-align: right;}
.cssDialogContent > div:not(.cssDialogContentSection) > :first-child {width: 160px;padding-right: 6px;padding-top: 4px;}
.cssDiaRead > div > :first-child {padding-top: 0;}
.cssDialogContent > div:not(.cssDialogContentSection) > :nth-child(2) {min-width: 250px;}
.cssDialogContent input[type="text"], .cssDialogContent select {width: 280px;}
.cssDialogContentSection, .cssDialogContentSection .cssDialogContent  {padding: 0;}

#idDiaNotebook {width: 730px; height: 400px}
#idDiaNotebook .cssDialogHeader {font-size: 14px; color: #09c;}
#idDiaNotebook .cssDialogContent {height: 326px; overflow: auto}
#idDiaNotebook .cssDialogButtons {padding-top: 8px}