html,
body {
	background-color: #FFFFFF;
	color: #666666;
	margin: 0;
	padding:0;
	height:100%;
	
	link: #006699;
	alink: #006699;
	vlink: #006699;
}

A:link { color: #006699; }
A:visited { color: #006699; }
A:active { color: #006699; }
A:hover { color: #006699; }

img {
	border-style: none;
}

.link-image {
    border-top: #EEEEEE solid 1px;
    border-bottom: #EEEEEE solid 1px;
    border-left: #EEEEEE solid 1px;
    border-right: #EEEEEE solid 1px;
}

.menu-header {
	background-color: #F8F8F8;
	
	font-weight: bold;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}

.title-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

.menu-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.main-table {
    background-color: #FFFFFF;
    border-top: #EEEEEE solid 1px;
    border-bottom: #EEEEEE solid 1px;
    border-left: #EEEEEE solid 1px;
    border-right: #EEEEEE solid 1px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.main-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

.error {
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: red;
}

input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	border-top-color: #b7b7b7;
	border-left-color: #d0d0d0;
	margin: -1px 0px -1px 0px;
	padding: 3px;
	height: 14px;
}

textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	border-top-color: #b7b7b7;
	border-left-color: #d0d0d0;
	margin: -1px 0px -1px 0px;
	padding: 3px;
}

.button {
	background-color: #e8e8e8;
	cursor: pointer;
	border: 1px solid #999999;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	
	height: 22px;
}

.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.sublabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: italic;
}

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

#hintbox{
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px;
	padding: 3px;
	border: 1px solid black;
	font: normal 11px Verdana;
	line-height:18px;
	z-index: 100;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	visibility: hidden;
}

.table-banner {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: none; /*1px solid black; */
        width: 100%;
        background-color: #ffffff;
        border-collapse: collapse;

}

.table-banner td, th {
        padding-top: 10px;
        padding-bottom: 10px;
}

.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
}

.table-selector {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: none;
        background-color: #ffffff;
        border-collapse: separate;
        height: 15px;

}

.table-selector td, th {
        opacity: 0.25;
}

.table-selector td:hover, th:hover {
        opacity : 1.0;
}

.table-selector td.active {
        opacity : 1.0;
}



/*   old    */






.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.small-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.area {
        scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #666666;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 13px;
        color: #666666;
        padding: 2px;
        background-color: #f8f8f8;
}
.area1 {
		scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #676662;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        padding: 2px;
        background-color: #F5F5F5;
}

.area2 {
		scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #676662;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        padding: 2px;
        background-color: #FFFFFF;
}


.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold; }
.area11 {scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #676662;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        padding: 2px;
        background-color: #F5F5F5;
}
.table_header_left {
        background-color: #F8F8F8;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
        border-left: #eeeeee solid 1px;
}
.table_header_center {
        background-color: #F8F8F8;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
}
.table_header_right {
        background-color: #F8F8F8;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
        border-right: #eeeeee solid 1px;
}

.table_row_left{
		border-bottom: #eeeeee solid 1px; 
		border-left: #ffffff solid 1px;
}
.table_row_center{
		border-bottom: #eeeeee solid 1px;
}
.table_row_right{
		border-bottom: #eeeeee solid 1px; 
		border-right: #ffffff solid 1px;
}

.table tr {
	    background-color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.datarow2 {
	    background-color: #ccffff;
}

.table tr.hover {
	    background-color: #ffffdd;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.table_field_column tr{
	    background-color: #f8f8f8;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}

TABLE {
       font-size: 13px;
       font-family: verdana;
        color: black;
}