table.data { border-collapse: collapse; }
table.data th {border-bottom: 2px solid #cccccc; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: center;}
table.data th.left { text-align: left; }
table.data th.right { text-align: right; }
table.data td { background-color: #f5f5f5; padding: 10px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; }
table.data td input, textarea {  }
table.data td.title { background-color: #ACBFB8; width: 30%; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; }
table.data td.left { text-align: left; }
table.data td.right { text-align: right; }
table.data td.borderTop { border-top: 1px solid #cccccc; }
table.data td.noBorder { border: 0px; border: hidden; }



div.materialArea {
    border: 1px solid gray;
    z-index: 80;
    height: 300px;
    overflow:auto;
    position:absolute;
    width: 300px;
    background-color: #f5f5f5;
}


h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

div.workArea { 
	width: 98%;
	background-color: #f8f8f8; 
	border: 1px solid gray;
	padding: 10px;
	text-align: left;
	}
h4 { 
		font-size: 18px; 
		font-weight: bold; 
		font-family: Geneva, Arial, Helvetica, sans-serif;
		margin-top: 40px;
		text-align: left;
        border-bottom: 1px dashed #cccccc;
        color: gray;
	}
h5 { font-size: 18px; font-weight: bold; }
fieldset { background-color: #f5f5f5; }
legend { font-weight: bold; font-style: italic; }


div.authUser {
    width: 96%;
    font-size: 12px;
    color: gray;
    text-align: right;
}


.help {font-size: 10px; color: gray; }



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

table.innerData td {
    border-bottom: 1px dashed gray;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 12px;
    font-style:normal;
    text-align: left;

}
table.innerData td.noBorder {
    border: 0px;
    border: hidden;
}

div.menuArea {
    width: 100%;

    
}
table.menu {
    border-collapse:collapse;
    
    
}
table.menu td {
    
}

.menubutton {
    cursor: pointer;
}
  .r1, .r2, .r3 {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size:1px;
}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #CCCCCC;
}

.box {
    padding:7px;
    background-color: #CCCCCC;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

  .d1, .d2, .d3 {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size:1px;
}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #CCCCCC;
}

.box {
    padding:7px;
    background-color: #CCCCCC;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

  div#positionsArea {
    color:gray;
    font-style:italic;
    font-size: 13px;
    text-align: center;
    margin-top: 8px;
  }

div.version {
    color: gray;
    font-size: 12px;
}


.section_name {
  font-size: 14px;
  font-weight: bold;
  padding: 15px;
}