/* html elements */ * {
    padding: 0;
    margin: 0;
}

/* <website colors> */
/** general **/
body, #nav a {
    color: #555; /* rgb(64, 64, 64) */
}

a {
    color: #555;
}


/** header **/
#header {
    background-color: #FFFFFF;/*#DCE7E3;*/
}

#header h1 a {
    color: #A14940;
}

#header h1 a:hover {
    color: #F90;
}

#header_top {
    background-color: #DCE7E3;
}

#language span {
    color: #a14940;
}

/** navigation **/
#nav a:hover {
    background-color: #CCC;
}

#nav li ul {
    background-color: #EEE;
}

#nav li ul a {
    border-left-color: #FFD08A;
}

#nav li ul a:hover {
    border-left-color: #FFB13D;
}

#nav li:hover, #nav li.sfhover {
    background-color: #CCC;
    color: #FFF;
}

#homePic {
    background: #eee;
}

/** columns **/
/* left column */
#colmask {
    background: #DBEFFF;
}

/* middle column */
#colmid {
    background: #fff;
}

/* right column */
#colright {
    background: #ECEEDC;
}

#col1 a {
    color: #3E7E3D;
}

.columnModule {
    background-color: #FAFAFA;
}

.columnModule h3 a {
    color: #555 !important;
}

.columnModule h3 a:hover {
    color: #000;
}

/** footer **/
#footer {
    background-color: #EDEDED;
}

/* </website colors> */
body {
    font: 75% / 150% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input[type =
"checkbox"] {
    display: block;
    float: left;
    margin: 2px 4px 2px 2px;
}

input[type =
"checkbox"], input[type = "radio"] {
    border: none !important;
}

input[type = submit] {
    font-size: 12px;
    padding: 0px 5px;
}

input[type = submit][class
~= iconLink] {
    padding: 2px 0px 2px 20px !important;
}

select {
    font-size: 11px;
}

h2, h3, h4 {
    border-bottom: 1px dashed #DDD;
    padding-bottom: 2px;
}

ul, ol {
    padding: 0px 14px;
}

/* layout */
#header h1 {
    line-height: 32px;
    padding: 10px 0px 5px 0px;
}

#header h1 a {
    font-size: 22px;
}

#header h1 a:hover {
    text-decoration: none;
}

#header_top {
    border-bottom: 1px solid #aaa;
    padding: 5px 5px 0px 5px;
    background-repeat: repeat;
    background-position: 0 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

#headerImage {
    background-color: white;/*url(../pix/header_bg.gif) repeat scroll 0 0 transparent;*/
    height: 84px;
    padding-top: 32px;
}

#headerImage a {
    float: left;
}

#logoTMF {
    background-image: url(../pix/logos/logo_for816.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 85px;
    height: 80px;
    padding: 2px;
}

#logoDFG {
    float: right;
    padding: 5px;
}

#language {
    float: left;
}

#language a {
    text-decoration: none;
}

#language span {
    font-size: 11px;
    padding-left: 50px;
    font-weight: normal;
    border: 0;
}

#login {
    float: right;
    margin: 0px 10px 2px 0px;
}

#login input, #login form, #login label {
    float: left;
    display: block;
}

.whoisonline_slider {
    display: none;
}

/* navigation */
#navigation {
    background: url(../pix/page_nav.png) repeat scroll 0 0 transparent;
    border-bottom: 2px solid #CCC;
    border-top: 2px solid #CCC;
    padding: 2px 0;
}

#nav {
    font-weight: bold;
    margin: 0 auto;
    min-width: 800px;
    padding-left: 20px;
}

#nav, #nav ul {
    font-size: 1.1em;
    font-weight: bold;
    list-style: none outside none;
    text-align: left;
    z-index: 10000;
}

#nav a {
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
    text-decoration: none;
    padding: 0px 5px;
}

#nav a:hover {
    background-repeat: repeat;
    background-position: 0 0;
    font-size: 1em;
    font-weight: bold;
}

#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#nav li {
    float: left;
    margin-left: 20px;
    position: relative;
}

#nav li ul {
    display: none;
    left: 0;
    list-style: none outside none;
    position: absolute;
    top: 1em;
}

#nav li > ul {
    left: auto;
    top: auto;
}

#nav li:hover ul, li.over ul {
    display: block;
}

#nav li ul {
    background-repeat: repeat;
    background-position: 0 0;
    border: 1px solid #DDD;
    font-size: 1em;
    height: auto;
    left: -999em;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 14em;
}

#nav li li {
    margin: 0;
    width: 14em;
}

#nav li ul a {
    border-left-style: solid;
    border-left-width: 1em;
    margin: 0;
}

#nav li ul a:hover {
    border-left-style: solid;
    border-left-width: 1em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    background-repeat: repeat;
    background-position: 0 0;
}

.content_overview li {
    padding-bottom: 10px;
}

.content_overview li a {
    font-weight: bold;
}

#breadcrumbs {
    padding: 4px 10px 0px 0px;
}

/* footer */
#footer {
/*    border-top: 3px solid #000;*/
    padding: 12px 10px;
    text-align: center;
    font-size: smaller;
}

#contextLinks {
    padding-top: 20px;
    font-size: 10px;
}

#backHomeLink {
    float: left;
}

#homePic {
    margin: 0 0 20px 20px;
    padding: 10px;
    text-align: justify;
    width: 512px;
}

#toTopLink {
    float: right;
}

/* fluid 3 column layout */
#colmask {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

#colmid {
    float: left;
    width: 200%;
    position: relative;
    left: 200px;
    border-left: 1px solid #CCCCCC;
}

#colright {
    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -400px;
    border-left: 1px solid #CCCCCC;
}

#col1wrap {
    float: right;
    width: 50%;
    position: relative;
    right: 100%;
}

#col1pad {
    margin: 0 15px 0 415px;
    overflow: hidden;
}

#col1 {
    width: 100%;
    overflow: hidden;
    padding-top: 15px;
    min-height: 250px;
}

#col1 ul {
    list-style-type: square inside none;
}

#col2 {
    float: left;
    width: 170px;
    position: relative;
    margin-left: -50%;
    left: 215px;
    overflow: hidden;
    padding-top: 15px;
}

#col3 {
    float: left;
    width: 170px;
    position: relative;
    left: 15px;
    overflow: hidden;
    padding: 15px 0px;
}

#col3 .columnModule li {
    margin: 5px 0px;
}

#col1 h2 {
    margin-bottom: 15px;
}

.columnModule {
    background-repeat: scroll;
    background-position: 0 0;
    padding: 5px;
    font-size: 11px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.columnModule h3 a:hover {
    text-decoration: none;
}

.columnModule ul {
    list-style: none outside none;
    padding-left: 5px;
}

.columnModule_input {
    width: 110px;
}

.feedback_input {
    width: 300px;
}

.loginButton {
    float: right !important;
}

#login .iconUser {
    margin-right: 10px !important;
}

/* staff stuff */
.stafflist li {
    padding-bottom: 15px;
}

.staffitem {
    list-style-type: none;
    position: relative;
    margin-bottom: 5px;
    background: #eee;
}

.editbox {
    float: right;
    padding-left: 10px;
}


.stafftitle {
    background: #ccc;
    padding: 3px;
    font-weight: bold;
}

.staffpic {
    float: right;
    padding: 5px;
}

.staffpic img {
    background: #FFF;
    box-shadow: 1px 1px 2px #333;
    padding: 4px;
}

.staffdetails {
    font-size: 11px;
    line-height: 17px;
}

.staffdetails {
    padding: 5px;
}

.staffDivider {
    border-top: 1px solid #ccc;
    padding: 10px 0px;
}

/* paging */
.pagingArea li {
    float: left;
    list-style-type: none;
    padding: 5px;
    text-align: center;
}

.pagingArea a {
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    font-weight: bold;
    height: 16px;
    width: 16px;
    text-align: center;
    color: #555 !important;
}

.pagingArea a:hover {
    color: #3f7ad0 !important;
    background: #eee;
    text-decoration: none;
}

.pagingArea ol {
    display: table;
    margin: 0 auto;
}

.paging_current {
    height: 16px;
    width: 16px;
    font-weight: bold;
    color: #3f7ad0;
    cursor: default;
}

.paging_first {
    background-image: url(../pix/icons/resultset_first.png);
}

a.paging_first:hover {
    background-image: url(../pix/icons/resultset_first_green.png);
}

.paging_last {
    background-image: url(../pix/icons/resultset_last.png);
}

a.paging_last:hover {
    background-image: url(../pix/icons/resultset_last_green.png);
}

.paging_next {
    background-image: url(../pix/icons/resultset_next.png);
}

a.paging_next:hover {
    background-image: url(../pix/icons/resultset_next_green.png);
}

.paging_prev {
    background-image: url(../pix/icons/resultset_previous.png);
}

a.paging_prev:hover {
    background-image: url(../pix/icons/resultset_previous_green.png);
}

.disablelink {
    visibility: hidden;
}

/* news */
.newsitem {
    padding: 10px;
    background: #eee;
    margin-bottom: 25px;
}

.newstitle {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #ccc;
}

.newscontent {
    padding-bottom: 10px;
}

.newsfooter {
    position: relative;
    border-top: 1px dashed #ccc;
    font-size: 11px;
}

/* links with icons */
.iconLink {
    padding: 2px 0px 2px 20px;
    background-repeat: no-repeat;
    background-position: center left;
}

.iconHeight {
    height: 16px;
}

.iconHeightPadding {
    padding: 2px 0px;
}

.iconLoading {
    background-image: url(../pix/icons/load_animation.gif);
}

.iconRefresh {
    background-image: url(../pix/icons/arrow_refresh.png);
}

.iconFeedback {
    background-image: url(../pix/icons/comment.png);
}

.iconUser, .iconOwner {
    background-image: url(../pix/icons/user.png);
}

.iconUserSuit {
    background-image: url(../pix/icons/user_suit.png);
}

.iconUserEdit {
    background-image: url(../pix/icons/user_edit.png);
}

.iconMail {
    background-image: url(../pix/icons/email.png);
}

.iconCellular, .iconContactcellular {
    background-image: url(../pix/icons/phone.png);
}

.iconPhone, .iconContactphone {
    background-image: url(../pix/icons/telephone.png);
}

.iconCellular, .iconContactcellular {
    background-image: url(../pix/icons/phone.png);
}

.iconFax, .iconContactfax {
    background-image: url(../pix/icons/printer.png);
}

.iconVoIP, .iconContactVoIP {
    background-image: url(../pix/icons/webcam.png);
}

.iconWarning {
    background-image: url(../pix/icons/error.png);
}

.iconProjectAdmin {
    background-image: url(../pix/icons/award_star_bronze_1.png);
}

.iconHelp {
    background-image: url(../pix/icons/help.png);
    cursor: pointer;
}

.iconArrowLeft {
    background-image: url(../pix/icons/arrow_left.png);
    cursor: pointer;
}

.iconArrowDownLeft {
    background-image: url(../pix/icons/arrow_southwest.png);
    cursor: pointer;
}

.iconArrowUpLeft {
    background-image: url(../pix/icons/arrow_northwest.png);
    cursor: pointer;
}

.iconArrowRight {
    background-image: url(../pix/icons/arrow_right.png);
    cursor: pointer;
}

.iconEdit {
    background-image: url(../pix/icons/page_edit.png);
}

.iconNew {
    background-image: url(../pix/icons/page_add.png);
}

.iconDeletePage {
    background-image: url(../pix/icons/page_delete.png);
}

.iconConfirmPage {
    background-image: url(../pix/icons/page_confirm.png);
}

.iconPublication {
    background-image: url(../pix/icons/book_open.png);
}

.iconDataset {
    background-image: url(../pix/icons/page.png);
}

.iconFindDataset {
    background-image: url(../pix/icons/page_find.png);
}

.iconEditDataset {
    background-image: url(../pix/icons/script_edit.png);
}

.iconViewDataset {
    background-image: url(../pix/icons/report_magnify.png);
}

.iconAddLifecycle {
    background-image: url(../pix/icons/report_add.png);
}

.iconAddDataset {
    background-image: url(../pix/icons/plugin_add.png);
}

.iconAdd {
    background-image: url(../pix/icons/add.png);
}

.iconDelete {
    background-image: url(../pix/icons/delete.png);
}

.iconDeleteDataset {
    background-image: url(../pix/icons/page_delete.png);
}

.iconEditEntity {
    background-image: url(../pix/icons/plugin_edit.png);
}

.iconDeleteEntity {
    background-image: url(../pix/icons/plugin_delete.png);
}

.iconEmptyTable {
    background-image: url(../pix/icons/table_row_delete.png);
}

.iconAddRow {
    background-image: url(../pix/icons/table_row_insert.png);
}

.iconAddAttribute {
    background-image: url(../pix/icons/note_add.png);
}

.iconEditAttribute {
    background-image: url(../pix/icons/note_edit.png);
}

.iconDeleteAttribute {
    background-image: url(../pix/icons/note_delete.png);
}

.iconAddFile {
    background-image: url(../pix/icons/shape_square_add.png);
}

.iconEditFile {
    background-image: url(../pix/icons/shape_square_edit.png);
}

.iconDeleteFile {
    background-image: url(../pix/icons/shape_square_delete.png);
}

.iconEditSpatialProperties {
    background-image: url(../pix/icons/map_edit.png);
}

.iconViewStatistic {
    background-image: url(../pix/icons/report_magnify.png);
}

.iconViewMetadata {
    background-image: url(../pix/icons/script.png);
}

.iconPencil {
    background-image: url(../pix/icons/pencil.png);
}

.iconPause {
    background-image: url(../pix/icons/control_pause.png);
}

.iconPlay {
    background-image: url(../pix/icons/control_play.png);
}

.iconPass {
    background-image: url(../pix/icons/vcard.png);
}

.iconUserForms {
    background-image: url(../pix/icons/table_multiple.png);
}

.iconDownload {
    background-image: url(../pix/icons/page_save.png);
}

.iconDownloadMetadata {
    background-image: url(../pix/icons/script_save.png);
}

.iconPDF {
    background-image: url(../pix/icons/pdf.png);
}

.iconPDFGrey {
    background-image: url(../pix/icons/pdf_grey.png);
}

.iconDOC {
    background-image: url(../pix/icons/doc.png);
}

.iconZIP {
    background-image: url(../pix/icons/zip.png);
}

.iconPPT {
    background-image: url(../pix/icons/ppt.png);
}

.iconImage {
    background-image: url(../pix/icons/image.png);
}

.iconWorld {
    background-image: url(../pix/icons/world.png);
}

.iconWorldLink {
    background-image: url(../pix/icons/world_link.png);
}

.iconWorldDisabled {
    background-image: url(../pix/icons/world_grey.png);
}

.iconDownloadDatasetEntity {
    background-image: url(../pix/icons/note_go.png);
}

.iconDownloadDatasetAttribute {
    background-image: url(../pix/icons/note_go.png);
}

.iconMagnifier {
    background-image: url(../pix/icons/magnifier.png);
}

.iconFilter {
    background-image: url(../pix/icons/filter.png);
}

.iconFilterDownload {
    background-image: url(../pix/icons/filter_download.png);
}

.iconOwner {
    background-image: url(../pix/icons/user.png);
}

.iconCreatedAt {
    background-image: url(../pix/icons/wand.png);
}

.iconRights {
    background-image: url(../pix/icons/lock.png);
}

.iconStatus {
    background-image: url(../pix/icons/lightbulb.png);
}

.iconRecords {
    background-image: url(../pix/icons/chart_line.png);
}

.iconAddNewKeyword {
    background: url(../pix/icons/tag_blue_add.png) no-repeat left center;
}

.iconEmergency {
    background: url(../pix/icons/emergency_redcross.png) no-repeat left center;
}

.iconVisible_bullet {
    background: url(../pix/icons/bullet_picture.png) no-repeat left center;
}

.iconDownloadable_bullet {
    background: url(../pix/icons/bullet_disk.png) no-repeat left center;
}

.iconDataTable {
    background: url(../pix/icons/table_go.png) no-repeat left center;
}

.iconSpatialRaster {
    background: url(../pix/icons/picture_go.png) no-repeat left center;
}

.iconSpatialVector {
    background: url(../pix/icons/map_go.png) no-repeat left center;
}

.iconOtherEntity {
    background: url(../pix/icons/plugin_go.png) no-repeat left center;
}

.iconSortUp {
    background: url(../pix/icons/bullet_up.png) no-repeat left center;
}

.iconSortDown {
    background: url(../pix/icons/bullet_down.png) no-repeat left center;
}

.iconSortRemove {
    background: url(../pix/icons/bullet_delete.png) no-repeat left center;
}

.iconMoveLeft {
    background: url(../pix/icons/arrow_left.png) no-repeat left center;
}

.iconMoveRight {
    background: url(../pix/icons/arrow_left.png) no-repeat left center;
}

.iconMoveUpLeft {
    background: url(../pix/icons/arrow_northwest.png) no-repeat left center;
}

.iconMoveDownLeft {
    background: url(../pix/icons/arrow_southwest.png) no-repeat left center;
}

.iconSQLQuery {
    background: url(../pix/icons/database_table.png) no-repeat left center;
}

.iconOption {
    background: url(../pix/icons/cog.png) no-repeat left center;
}

.iconInfo {
    background: url(../pix/icons/information.png) no-repeat left center;
}

.iconWarning {
    background: url(../pix/icons/error.png) no-repeat left center;
}

.iconError {
    background: url(../pix/icons/exclamation.png) no-repeat left center;
}

.iconAccepted {
    background: url(../pix/icons/accept.png) no-repeat left center;
}

/* common classes */
.dev {
    background-color: #FFDBD3 !important;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

.inline {
    display: inline;
}

.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.relative {
    position: relative;
}

.fontSize_small {
    font-size: smaller;
}

.hidden {
    display: none;
}

.fullWidth {
    width: 100%;
}

.threequarterWidth {
    width: 70%;
}


.pointer {
    cursor: pointer;
}

.defaultPointer {
    cursor: default;
}

.alignRight {
    text-align: right;
}

.background_gray_light {
    background-color: #eee;
}

/* message boxes */
.messageBox {
    position: relative;
    padding: 3px 3px 3px 3px;
    margin-bottom: 5px;
    color: #000;
}

.messageBox, .info, .warning, .warningfield, .error, .errorfield, .accepted {
    min-height: 18px;
}

.generic {
    padding: 3px 3px 3px 25px !important;
    border: 1px dashed #CAC6E1;
}

.info {
    padding: 3px 3px 3px 25px !important;
    background: url(../pix/icons/information.png) 5px 4px no-repeat #E6E6FF;
    border: 1px dashed #CAC6E1;
}

.infoColor {
    background-color: #E6E6FF;
}

.warning, .warningfield {
    padding: 3px 3px 3px 25px !important;
    background: url(../pix/icons/error.png) 5px 4px no-repeat #FEFFBB;
    border: 1px dashed #B7B900;
}

.warningColor {
    background-color: #FEFFBB;
}

.error, .errorfield {
    padding: 3px 3px 3px 25px !important;
    background: url(../pix/icons/exclamation.png) 5px 4px no-repeat #FFDBD3;
    border: 1px dashed #A14940;
}

.errorColor {
    background-color: #FFDBD3;
}

.greyedOutColor {
    color: #999;
}

.accepted {
    padding: 3px 3px 3px 25px !important;
    background: url(../pix/icons/accept.png) 5px 4px no-repeat #C5FFC9;
    border: 1px dashed #2DC738;
}

.loading {
    padding: 3px 3px 3px 25px !important;
    background-image: url(../pix/icons/load_animation.gif);
    background-repeat: no-repeat;
    background-position: 5px 4px;
}

/* dev box */
#devBox {
    position: fixed;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    bottom: 20px;
    left: 20px;
    background: #FFDBD3;
    border: 1px dashed #A14940;
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
}

/* dev box */
#jsBox {
    position: fixed;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    bottom: 20px;
    left: 20px;
    background: #FEFFBB;
    border: 1px dashed #B7B900;
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
}

/* download */
#downloadArea {
    text-align: center;
}

.downloadMetadataContainer ul {
    padding: 0;
}

.downloadMetadataContainer li {
    list-style-type: none;
}

/* for816 */
.basicColumnBox {
    float: left;
    padding: 0px 50px 0px 0px;
}

.titleBox, .valueBox {
    float: left;
    padding-right: 10px;
}

.zebraColor1, .even table {
    background-color: #EFEEF6;
}

.zebraColor2, .uneven table {
    background-color: #CAC6E1;
}

.unevenRow {
    background-color: #ddd;
}

.datasetItemOverview {
    padding: 3px;
}

.datasetItemOverview a {
    color: #555;
}

.uploadStepHint {
    background: #ddd;
    padding: 5px 10px !important;
    margin-bottom: 15px;
}

.geographicCoverageDetailButton {
    border: 0;
    color: #3E7E3D !important;
    cursor: pointer;
}

.geographicCoverageDetailButton:hover {
    text-decoration: underline;
}

/* hint box */
.hintBox {
    display: none;
    padding: 20px 0px;
}

.hintKeyword {
    font-weight: bold;
}

/* publications */
.publicationElement {
    position: relative;
    padding: 5px;
/*    border: 1px solid #ccc;*/
}

.publicationData {
    display: block;
    padding-right: 80px;
}

.publicationActions {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding: 3px;
}

.publicationAuthorBox {
    background: #eee;
    padding: 5px 10px;
}

/* statistics */
.statistics_backLink {
    text-align: center;
    text-decoration: underline;
    font-size: 9px !important;
}

#Website_Uptime, #key_figures, #cit_per_subpro, #dat_per_subpro_ph1, #dat_per_subpro_ph2, #dat_per_subpro_ph3, #dl_topN_dat, #dl_lit_dat_att_per_month, #sessions_tmf_daily, #sessions_tmf_monthly, #member_nationality, #member_role, #member_role_nationality {
    margin: 0 auto;
    width: 800px;
}

#dat_per_subpro_ph1, #dat_per_subpro_ph2, #dat_per_subpro_ph3, #key_figures {
    height: 200px;
}

#Website_Uptime {
    height: 220px;
}

#member_role_nationality {
    height: 300px;
}

#dl_topN_dat, #dl_lit_dat_att_per_month, #sessions_tmf_daily, #sessions_tmf_monthly, #member_nationality, #member_role {
    height: 400px;
}

#cit_per_subpro {
    height: 550px;
}

/* htmlview */
.entry ul, .entry ol {
    padding-left: 40px;
}

img {
    border:auto;
}

/*img {
    border: none;
}*/

/*
 #htmlview {
 height: auto;
 overflow: auto;
 background-color: #FFFFFF;
 border-bottom-width: 3px;
 border-top-width: 2px;
 border-left-width: 3px;
 border-right-width: 3px;
 border-style: none;
 border-color: #000;
 }
 
 #htmlview a {
 background: transparent;
 color: #3E7E3D;
 }
 
 #htmlview a:hover {
 text-decoration: underline;
 }
 
 #htmlview li a {
 background: transparent;
 color: #3E7E3D;
 }
 
 #htmlview li a:hover {
 text-decoration: underline;
 color: #444;
 }
 
 #htmlview table {
 border-collapse: collapse;
 border-spacing: 0;
 border: thin solid;
 empty-cells: hide;
 }
 
 #htmlview h1, #htmlview h2, #htmlview h3, #htmlview h4 {
 border: 0 !important;
 margin-bottom: 0 !important;
 }
 
 #htmlview h1 {
 font-size: 13px;
 }
 
 #htmlview h2 {
 font-size: 12px;
 }
 
 #htmlview h3 {
 font-size: 11px;
 }
 
 #htmlview hr {
 color: #A1B1A1;
 background-color: #A1B1A1;
 }
 */
#htmlview p {
    padding: 0.2em;
}

#htmlview ul li {
    margin: 0;
    padding: 0.2em;
    list-style: square outside;
}

#htmlview ol li {
    margin: 0 0 0 1em;
    padding: 0.2em;
}

/* submenu content */
.subprojects ul {
    padding-bottom: 20px;
}

.subprojects li {
    padding: 0px 0px 10px 0;
    margin: 0px 0px 0px 10px;
}

.mailcompilercheckboxlist {
    border: 1px solid #ccc;
    margin: 3px;
    padding: 10px;
}

.mailcompilercheckboxlist .relative:hover {
    background: #eee;
}

.mailcompilercheckboxlist .relative span {
    position: absolute;
    top: 2px;
}

.mailcompilercheckboxlist .relative div {
    padding-left: 20px;
}

/* for816 */
.for816_list_link {
    text-decoration: none;
    font-weight: normal;
    background: transparent;
    display:block;
    padding-top:50px;
    margin-top:-50px;
}

.datasetTable tr td:first-child {
    width: 100px;
}

.datasetAreaTable tr td:first-child {
    width: 185px;
}

.elementAreaTable tr td:first-child {
    width: 110px;
}

.insertElement {
    padding-bottom: 10px;
}

.highZindex {
    position: relative;
    z-index: 100000;
}

.selectKeywordContainer {
    float: left;
}

.selectKeyword {
    cursor: pointer;
    float: left;
    margin: 0 10px;
    padding: 15px 0;
}

.selectKeywordContainer .iconArrowLeft, .selectKeywordContainer .iconArrowRight {
    display: block;
    height: 16px;
}

.selectKeywordContainer label.quicksearch {
    line-height: 35px;
}

.selectKeywordContainer .iconAddNewKeyword {
    margin-left: 10px;
}

#insertForm .stafflist .iconHelp {
    margin-left: 5px;
}

#insertForm .arrowContainer {
    width: 35px;
    text-align: center;
}

#insertForm .arrowContainer .movePerson, #insertForm .sortIconContainer .sortIcon, .selectKeywordContainer .iconAddNewKeyword {
    cursor: pointer;
}

/* category tree */
a.tooltip_att {
    color: #5CAFC2;
}

div.attribute {
    display: none;
}

div.attribute span {
    display: none;
}

input#searchField {
    color: #8d8d8d;
    font-style: italic;
}

input:focus#searchField {
    color: #000;
    font-style: normal;
}

#attrTreeSearch {
    display: none;
    background: #fafafa;
    border: 1px solid #ccc;
}

#container {
    height: auto;
    width: auto;
    margin: 10px auto;
    overflow: hidden;
    background: white;
    padding: 0 10px 10px 10px;
}

#container ul {
    margin: 0;
    background-color: transparent;
    padding: 0;
}

#container ul li {
    margin: 0;
    background-color: transparent;
    padding: 1px 15px;
}

#container pre {
    display: block;
}

#treeBody .attrTree {
    width: auto;
    float: none;
    clear: both;
}

.number_of_ds {
    color: #BEC6E8;
}

.attrTree {
    width: auto;
    height: 480px;
    float: left;
    margin: 0;
    background: white;
    overflow: auto;
}

.number_of_att {
    color: #BEC6E8;
}

.tooltip_att {
    color: #3F7AD0 !important;
}

.tooltip_att span.info {
    font-size: 100%;
    display: none;
}

.tooltip_att:hover span.info {
    display: block;
    background: #DBEFFF !important;
    line-height: 115%;
    padding: 5px !important;
    padding-left: 10px;
    white-space: normal;
    text-decoration: none;
    border: none !important;
}

.att_info_header {
    color: #3B7F7E;
    font-size: 115%;
}

.att_info_body_keywords {
    color: #3F7AD0;
    font-size: 80%;
}

.att_info_body_content {
    color: #58545B;
    font-size: 80%;
}

/* valuefilter */
#attribute_container {
    display: none;
}

#valuefilter .ui-button {
    cursor: pointer !important;
}

.inputFocusOut {
    font-style: italic;
    color: #999;
}

.numericInput {
    text-align: right;
}

.valuefilter_container {
    margin: 10px;
    background: #eee;
}

.valuefilter_container .inputArea {
    float: left;
}

.valuefilter_container .inputArea input {
    border: 1px solid #999;
}

.valuefilter_container .submitArea, .valuefilter_container .hintArea {
    float: right;
}

.valuefilter_container .submitArea input {
    margin: 0px 0px 5px 0px;
    border: 1px solid #ccc;
}

.valuefilter_container .submitArea input {
    display: block;
}

.valuefilter_container .valuefilter_box {
    padding: 0px 10px;
    border: 1px solid #ccc;
    background: #ccc;
}

.valuefilter_container .aggregation_area, .valuefilter_container .datetime_aggregation, .valuefilter_container .draw_graph {
    background-color: #eee;
    padding: 10px;
}

.valuefilter_container .datetime_aggregation {
    display: none;
}

.valuefilter_container .datetime_aggregation h4 {
    margin: 0 0 10px 0;
}

.valuefilter_container .submitArea {
    padding: 10px 0px;
}

.valuefilter_box .inputArea .divElement {
    padding: 5px 10px 5px 0px;
}

.valuefilter_box h4 {
    padding: 10px 0px 0px 0px;
}

.valuefilter_box .orderBox {
    background: #eee;
    margin: 5px 0px;
    padding: 0px 5px 5px 5px;
}

.valuefilter_container .hintArea {
    border: 1px dotted #666;
    background: #fff;
    padding: 5px;
    margin: 5px 0px;
}

#pageSizeInput, .pageSizeInput {
    width: 35px;
    text-align: center;
}

.applyFilterSubmit input {
    margin: 10px;
    padding: 3px;
}

.applyFilterResult {
    background: none !important;
}

#filter_numeric_between_input, #filter_numeric_and_input {
    background: #eee;
    color: #999;
    font-style: italic;
}

.queryKeyword {
    font-weight: bold;
}

.queryString {
    padding: 0px 0px 0px 10px;
}

.deleteFilter {
    background: url(../pix/icons/delete.png) center left no-repeat;
    position: absolute;
    right: 0px;
    top: 9px;
    height: 1px;
}

.centerText {
    text-align: center;
}

#showSQLQuery_button {
    cursor: pointer;
}

#showSQLQuery_string {
    display: none;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    font-family: Courier;
    font-size: 11px;
    margin-top: 5px;
    padding: 5px;
}

.showSQLQuery_keyword {
    font-weight: bold;
}

.showSQLQuery_string {
    padding: 0 0 0 10px;
}

.box_downloads {
    overflow: auto;
}

.filterDownload {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 12px;
    color: #555;
}

.filterDownload:hover {
    text-decoration: underline;
}

.table_row_color {
    background: #95F0AB !important;
}

/* edit metadata */
#editdataset {
    color: #555;
    padding: 0;
    margin: 0;
}

#datasetContainer {
    position: relative;
    padding: 10px;
    background-color: #E6E6E6;
    border: 1px solid #555;
}

#datasetContainer .status_popup {
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../pix/icons/cog.png) no-repeat scroll center center transparent;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

#datasetContainer th {
    text-align: left;
}

#datasetContainer hr {
    margin: 10px 0px;
}

#datasetHead p {
    padding: 10px 0px;
}

#datasetContainer .datasetEntity {
    padding: 20px 0px;
    border-bottom: 1px dashed #999;
}

#datasetContainer .additionalInfo {
    background-color: #E6E6FF;
    border: 1px solid #808080;
    padding: 10px;
    margin-right: 30px;
}

#datasetContainer .firstColumn {
    float: left;
    width: 10%;
}

#datasetContainer .secondColumn {
    float: left;
    width: 90%;
}

#datasetContainer .thirdColumn {
    width: 45%;
}

#datasetContainer .firstSubColumn, #datasetContainer .secondSubColumn {
    float: left;
    width: 50%;
}

#datasetContainer .secondSubColumn p {
    padding-left: 30px;
}

#datasetContainer .tableList {
    background-color: #E6E6FF;
    border: 1px solid #808080;
    padding: 10px;
    margin-top: 20px;
}

#datasetContainer .tableList table {
    width: 100%;
}

#datasetContainer .entityHeader {
    float: left;
    font-weight: bold;
}

#datasetContainer .columnHeader {
    padding-right: 26px;
}

#status_popup_box, #status_popup_box p {
    padding: 5px;
}

#statistic_usage {
    padding: 10px;
}

#box_basic {
    padding: 1px 10px 10px 10px;
    background: #eee;
}

.basic_spacer {
    width: 85px;
    display: block;
    float: left;
}

.basicColumnBox {
    float: left;
    padding: 0px 50px 0px 0px;
}

.basicColumnBox td {
    padding: 3px;
}

.table_scroll {
    height: 210px;
    overflow: auto;
}

.flexigrid .tablesorter thead {
    display: none;
}

.tabledefault {
    background: #eeeeee;
    color: black;
    width: 100%;
    font-size: 12px;
}

.tablehead {
    background: #9aaabb;
    color: white;
    font-size: 13px;
    padding: 0px 5px 2px;
}

.tabledefault .highlight {
    background-color: #c9dcf0;
    font-size: 12px;
}

/* datachart */
.datachartBox {
    float: left;
    background-color: #cccccc;
    margin: 10px;
    padding: 10px;
    border: 1px solid #999;
}

.zoomButton {
    background-color: #90ee90;
    cursor: pointer;
}

.zoomButton:hover {
    background-color: #74c374;
}

/* tag cloud */
#keywordHeader span {
    margin-left: 5px;
}

.tagCloud {
    text-align: center;
}

/* createAttribute */
#createAttributeContainer label {
    width: 160px;
    padding-right: 5px;
    text-align: right;
}

#createAttributeContainer .iconHelp {
    margin: 3px;
}

#createAttributeContainer input, #createAttributeContainer label, #createAttributeContainer select, #createAttributeContainer a {
    margin: 5px 0px;
}

#createAttributeCategoriesContainer {
    background: #eee;
    border: 1px dotted #ccc;
    margin: 10px 0;
    padding: 5px 0;
}

/* edit account */
#account_userPic {
    position: relative;
    max-width: 150px;
    max-height: 150px;
    border: 1px solid #ccc;
    margin: 10px 10px 10px 0px;
    text-align: center;
}

#account_userPicUpload {
    padding-top: 70px;
}

#account_userPicActionContainer {
    position: absolute;
    padding-right: 3px;
    bottom: 0;
    right: 0;
}

.account_table th {
    text-align: left;
    padding-top: 10px;
}

#user_roleTableEmpty {
    display: none;
}

/* add project member */
#userAddContainer label {
    width: 150px;
    text-align: right;
    padding: 0px 5px
}

/* form tables */
.formTable td {
    padding: 2px;
    vertical-align: top;
}

/* protocols */
.protocols li {
    padding-bottom: 0px;
}

/* text alignment */
.justify {
    text-align: justify;
}

/* diagrams */
.diagramContainer .diagram {
    float: left;
    width: 300px;
    height: 10px;
    background: #eee;
    border: 1px solid #666;
    position: relative;
    margin: 20px 0px;
}

.diagramContainer .light {
    position: absolute;
    height: inherit;
    width: 100px;
}

.diagramContainer .red {
    left: 270px;
    top: 0;
    width: 30px;
    background: #F87600;
}

.diagramContainer .yellow {
    left: 180px;
    top: 0;
    width: 90px;
    background: #F5DB5D;
    border-right: 1px solid #666;
}

.diagramContainer .green {
    left: 0px;
    top: 0;
    width: 180px;
    background: #70C765;
    border-right: 1px solid #666;
}

.diagramContainer .grey {
    position: absolute;
    background: #eee;
    top: 0;
    right: 0;
    height: inherit;
    border-left: 1px solid #ccc;
}

.diagramContainer .counter {
    float: left;
    padding: 15px;
}

.diagramContainer .marker {
    position: absolute;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.diagramContainer .marker1 {
    left: 175px;
    top: -15px;
}

.diagramContainer .marker2 {
    left: 265px;
    top: -15px;
}

.diagramContainer .marker_line {
    position: absolute;
    height: inherit;
    background: #666;
    width: 1px;
}

.diagramContainer .line1 {
    left: 180px;
}

.diagramContainer .line2 {
    left: 270px;
}

.diagramColor {
    height: 10px;
    float: left;
}

.diagramColor_grey1 {
    background: #387F3A;
}

.diagramColor_grey2 {
    background: #387F3A;
    opacity: 0.3;
}

.diagramColor_yellow1 {
    background: #ff0;
}

.diagramColor_yellow2 {
    background: #ff0;
    opacity: 0.3;
}

.diagramColor_red1 {
    background: #f00;
}

.diagramColor_red2 {
    background: #f00;
    opacity: 0.3;
}

/* create projects */
.createProject_text {
    width: 150px;
    text-align: right;
    padding-right: 5px;
}

.createProject_dropdown {
    max-width: 500px;
}

/* loadingScreen */
#loadingScreen {
    background-color: rgba(0, 0, 0, 0.5);
}

#loadingScreenBox {
    position: fixed;
    top: 50px;
    left: 50px;
    background-color: #fff;
    background-image: url(../pix/icons/loadingscreen_animation.gif);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    font: 75% / 150% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    color: #555;
    padding: 3px 5px 3px 25px;
    box-shadow: 5px 5px 5px #333;
}

/*to arrange images horizontally*/
.box-set {
}

.box {
    float: left;
    margin: 2%;
    width: 250px;
    vertical-align: baseline;
}

.role_dw
{
    background-color: #ffdbd3;
    border: 1px;
    border-color: #ff958c;
}

.role_dw table
{
    background-color: #ffdbd3;
}