/* Style rules to make data tables look better */
.list-paging-header {
   background-color: white;
}

.list-paging-footer {
   background-color: white;
}

.list-row-even {
}

.list-row-odd {
   background-color: #eeeeee;
}

.selectAttention {
   color: red;
   font-weight: bolder;
   vertical-align: bottom
}

/* Style rules for message severity levels */

.infoMessage {
   color: black;
}

.warnMessage {
   color: orange;
   font-weight: bold;
}

.errorMessage {
   color: red;
   font-weight: bold;
}

.fatalMessage {
   color: red;
   font-style: italic;
   font-weight: bold;
}

.fragment-main {
   -rave-layout: grid;
}


.header-main {
   background-image: url(../../resources/images/dart5.jpg);
   background-repeat: no-repeat;
   height: 15%;
   width: 100%
}

.header-inner {
   vertical-align: middle;
}

.header-text {
   color: #ff0000;
   font-family: Georgia,'Times New Roman',times,serif;
   font-size: 40px;
   font-style: italic;
   font-weight: bold;
   text-align: left;
   text-indent: 15%
}

.footer-main {
   text-align: center;
}


.footer-text {
   color: gray;
   font-family: 'Times New Roman',Times,serif;
   font-size: small;
}

.input-field {
   width: 240px
}

.text-bold {
   font-weight: bold;
}

.start-main {
   margin-bottom: 1%;
   margin-left: 5%;
   margin-right: 1%;
   margin-top: 1%
}

.welcome-main {
   font-size: large;
}

.gen-tableMain {
   height: 75%;
   vertical-align: top;
   width: 100%;
}

.gen-trMain {
   vertical-align: top;
}

.design-tdTree {
   padding-bottom: 3%;
   padding-left: 3%;
   padding-right: 3%;
   padding-top: 3%;
   width: 30%
}

.design-tdNode {
   padding-bottom: 3%;
   padding-left: 3%;
   padding-right: 3%;
   padding-top: 3%;
}

.design-tdVersions {
   padding-bottom: 3%;
   padding-left: 3%;
   padding-right: 3%;
   padding-top: 3%;
   width: 35%
}

.desing-contentTitle {
    font-weight: bold;
    text-align: center;
}

.design-contentText {
    width: 100%;
    height: 100pt;
}


.desing-input {
   width: 100px
}



.gen-mainTitle {
   font-size: large;
   font-weight: bold;
   text-align: center;
   text-decoration: underline;
}


.design-blockSpace {
   margin-top: 10px
}

.gen-spanIndent {
   margin-left: 10px
}

.design-span2Indent {
   margin-left: 10px;
   margin-right: 10px
}

.design-dropDown {
   width: 50px
}

.desing-columnAction {
   text-align: center;
   width: 5%
}

.desing-columnName {
   width: 47%
}


.desing-columnValue {
}

.result-tdControl {
   padding-bottom: 3%;
   padding-left: 3%;
   padding-right: 3%;
   padding-top: 3%;
   width: 30%
}

.result-tdPreview {
   padding:0;
   margin:0;
}