body {
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 font-family: Arial;
 font-size: 9pt;
 color: #303030;
}

.button {
 cursor: pointer; 
}

a {
 color: inherit;
}

h2 {
 font-size: 11pt;
 border-bottom: 1px solid #DDDDDD;
 color: #606060;
}

h3 {
 font-size: 9pt;
 color: #606060;
 margin-top: 3px;
 margin-bottom: 3px;
}

.header img {
 float: left;
}

.header .content {
}

.header {
 margin-top: 20px;
 height: 51px;
 border-bottom: 1px solid #DDDDDD;
}

.header h1 {
 padding: 0;
 margin: 0;
 font-size: 13pt;
 margin-left: 240px;
 color: #606060;
}

.header-tabs {
 margin-top: 10px;
 margin-left: 240px;
}

.header-tabs a {
 display: inline-block;
 background-color: #E68200;
 border: 1px solid #DDDDDD;
 padding: 3px 15px 3px 15px;
 font-size: 9pt;
 width: 80px;
 text-align: center;
 color: White;
 margin-right: 10px;
 text-decoration: none;
 position: relative;
 top: -1px;
}

.header-tabs a.selected {
 background-color: #FDFDFD;
 border-bottom-color: #FDFDFD;
 color: inherit;
 font-weight: bold;
}

.page-title {
 background-color: #FDFDFD;
 margin-bottom: 20px;
 border-bottom: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-right: 1px solid #DDDDDD;
 padding: 10px;
}

.page-title h3 {
 padding: 0;
 margin: 0;
 font-size: 13pt;
 color: #606060;
}

.page-title .path {
 font-size: 8pt;
}

.page-title .path * {
 font-size: 8pt;
 color: #808080;
 text-decoration: none;
}

.page-content {
 min-height: 600px;
}

.page-footer {
 margin-top: 20px;
 margin-right: 5px;
 text-align: center;
 font-size: 8pt;
 color: #606060;
}

.button {
 margin: 10px 0 0 0;
 border: 1px solid #DDDDDD;
 cursor: pointer;
 min-width: 60px;
 padding: 3px 10px 3px 10px;
 background-color: #EEEEEE;
 text-align: center;
}

.button:disabled {
 color: #CCCCCC;
}

.message {
 font-style: italic;
 text-align: center;
}

.warning {
 color: Red;
}

.link {
 cursor: pointer;
}

/* Input **************************/

input {
 font-size: 8pt;
 margin: 0;
}

input[type="checkbox"] {
 margin-right: 5px;
}

label {
 vertical-align: top;
}

.form-invalid-input {
 background-color: #FF9F89;
 border: 1px solid Gray;
}

form .error {
 color: #FF9F89;
 display: block;
}

/* Toolbar **************************/

.toolbar {
 float: right;
}

.toolbar span {
 font-size: 8pt;
 margin-left: 5px;
 padding-left: 5px;
 border-left: 1px solid #DDDDDD;
}

.toolbar span.tool {
 text-decoration: underline;
 cursor: pointer;
}

.toolbar span.tool.img {
 text-decoration: none;
 background-repeat: no-repeat;
 display: inline-block;
 width: 16px;
 height: 16px;
 border-left-style: none;
 padding-left: 0;
}

.toolbar span.tool.img.edit {
 background-image: url(../../img/common/edit.png);
}

.toolbar span.tool.img.edit2 {
 background-image: url(../../img/16x16/edit.2.png);
}

.toolbar span.tool.img.clock {
 background-image: url(../../img/16x16/clock.png);
}

.toolbar span.tool.img.delete {
 background-image: url(../../img/common/delete.png);
}

.list-command-button {
 display: inline-block;
 width: 16px;
 margin-left: 3px;
 vertical-align: baseline;
 background-repeat: no-repeat;
 background-position: left center;
}

.list-command-button.order-ascending {
 background-image: url(../../img/common/order-ascending.gif);
}

.list-command-button.order-descending {
 background-image: url(../../img/common/order-descending.gif);
}

.list-command-button.apply-search {
 background-image: url(../../img/common/search.png);
}

.list-command-button.clear-search {
 background-image: url(../../img/common/clear-search.png);
}

/* Columns *************************************************************/

.column-section {
 clear: both;
}

.column-left {
 float: left;
 width: 47%;
}

.column-left-xsmall {
 float: left;
 width: 17%;
}

.column-left-small {
 float: left;
 width: 37%;
}

.column-left-large {
 float: left;
 width: 57%;
}

.column-left-xlarge {
 float: left;
 width: 77%;
}

.column-right {
 float: right;
 width: 47%;
}

.column-right-xsmall {
 float: right;
 width: 17%;
}

.column-right-small {
 float: right;
 width: 37%;
}

.column-right-large {
 float: right;
 width: 57%;
}

.column-right-xlarge {
 float: right;
 width: 77%;
}

/* Selector **************************/

.selector {
 border: 1px solid #DDDDDD;
 background-color: #FDFDFD;
 padding: 10px;
}

table.selector {
 border-style: none;
 border-collapse: collapse;
 text-align: left;
 width: 100%;
 cursor: default;
}

table.selector thead {
 border-bottom: 1px solid #DDDDDD;
}

table.selector th img {
 margin-left: 5px;
 position: relative;
 top: -2px;
}

table.selector td, table.selector th {
 padding: 3px;
}

table.selector tbody tr.selected {
 background-color: #DDDDDD;
}

table.selector tbody tr:hover {
 background-color: #DDDDDD;
}

table.selector tbody tr.empty:hover {
 background-color: inherit;
}

table.selector a {
 color: inherit;
 text-decoration: none;
}

.list-command {
 font-size: 8pt;
}

.list-command * {
 font-size: 8pt;
}

.list-command .title {
 font-weight: bold;
}

.list-command .block {
 display: inline-block;
 margin-right: 10px;
}

.list-command .block img {
 vertical-align: middle;
 margin-left: 3px;
 cursor: pointer;
}

.list-header {
 margin-bottom: 5px;
 padding-top: 5px;
 vertical-align: middle;
 border-top: 1px none #DDDDDD;
}

.list-header .block .title {
 display: block;
}

.list-pager {
 text-align: right;
 margin-top: 5px;
 padding-bottom: 5px;
 vertical-align: middle;
 border-bottom: 1px none #DDDDDD;
}

.list-pager span {
 margin-left: 5px;
}

.list-pager span.value {
 cursor: pointer;
 color: #606060;
}

.list-pager span.value.selected {
 font-weight: bold;
}

.list-pager span.value.disabled {
 color: #DDDDDD;
}

/* Properties table **************************/

div.properties
{
 border: 1px solid #DDDDDD;
 background-color: #FDFDFD;
 margin-bottom: 10px;
 padding: 3px;
}

table.properties {
 width: 100%;
 text-align: left;
}

table.properties th {
 padding: 3px;
 vertical-align: top;
}

table.properties td {
 padding: 3px;
 vertical-align: top;
}

table.properties td.label {
 font-size: 90%;
 color: #808080;
 padding-bottom: 0;
}

table.properties td.value {
 padding-top: 0;
 font-weight: bold;
 color: #606060;
}

/* Editor **************************/

.editor {
}

.editor table {
 border-collapse: collapse;
 width: 100%;
}

.editor .label {
 font-size: 8pt;
}

.editor-command {
 text-align: right;
 border-top: 1px solid #DDDDDD;
 margin-top: 10px;
}

/* Iframe container **********************/

.iframe-container {
 border: 1px solid #BBBBBB;
 /*
 background-color: #DDDDDD;
*/
 padding: 10px;
 margin-top: 10px;
}

iframe {
/* border: 1px solid #BBBBBB; */
border-style: none;
 background: white;
 width: 100%;
 height: 800px;
}

/* Tabs **************************/

.tabs {
 border: 1px solid #DDDDDD;
 padding: 5px;
}

.tabs-head {
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom: 1px solid #DDDDDD;
}
.tabs-head span[tab] {
 cursor: pointer;
 text-decoration: underline;
 font-size: 9pt;
 margin-right: 5px;
 padding-right: 5px;
 border-right: 1px solid #DDDDDD;
}

.tabs-head span[tab].selected {
 font-weight: bold;
 text-decoration: none;
 cursor: default;
}

.tabs-panel div[tab] {
 display: none;
}

/* Prettify **********************/

pre.prettyprint {
 border: 1px solid #DDDDDD;
 background-color: #FDFDFD;
 margin-bottom: 10px;
 overflow: scroll;
 max-height: 800px;
 font-size: 8pt;
}

pre.prettyprint.short {
 overflow: auto;
}

pre.prettyprint.embedded {
 border-style: none;
 background-color: inherit;
 margin: 0 0 5px 0;
}