.header1
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.small
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.small-bold
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.body
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 112px
}
.smalltext
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 11px
}
.title
{
    BACKGROUND: #99cccc;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: justify
}
.table
{
    BACKGROUND-COLOR: #dce7f5;
    BORDER-BOTTOM: #336666 1px;
    BORDER-LEFT: #336666 1px;
    BORDER-RIGHT: #336666 1px;
    BORDER-TOP: #336666 1px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    table: center;
}

.table-displaytag
{
    BACKGROUND-COLOR: #dce7f5;
	FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    table: center;
	text-align: center;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;
	margin-left: 0%;
	border-width: 0.05em;
	border-style: none;
	padding-top: 0pt;
	padding-bottom: 0pt;
	padding-left: 5pt;
	padding-right: 5pt; 
	

}
.table-header
{
    BACKGROUND: #336666;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.row-dark
{
    BACKGROUND: #99cccc;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.row-light
{
    BACKGROUND: #b8d4d4;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.textbox
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #336666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.dropdown
{
    font-size: 8pt; 
	font-family: Monospace;
}
.textareastyle
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #336666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.errorType1
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
	FONT-WEIGHT: bold
	}
.errorType2
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold
}
.smallSizeText
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px
}
.header
{
    BACKGROUND: #006699;
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.details
{
    BACKGROUND: #A8C6EC;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.detail1s
{
    BACKGROUND: #dce7f5;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
}
.inuptDS
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.inuptDark
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.data
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 10px
}
.button
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	COLOR: white;
	BACKGROUND-COLOR: #0000CD;
	TEXT-ALIGN: center;
	BORDER-RIGHT: white 1px outset;
	BORDER-TOP: white 1px outset;
	BORDER-LEFT: white 1px outset;
	BORDER-BOTTOM: white 1px outset;
	MARGIN-LEFT: 1pt;
	MARGIN-RIGHT: 1pt;

}
TD.errorborder {    
     background-color: dce7f5;
     border:1 solid;
     border-color: red; 
     COLOR: #000000;
     FONT-FAMILY: Arial;
     FONT-SIZE: 12px; 
 }
.textfieldstyle
{

}
.tablebody
{
	border-color: #AAAAD5;
	border: 1px;
	border-style: solid;
}
.cursor
{
 cursor: hand;
}
.number
{
    BACKGROUND-COLOR: #dce7f5;
    BORDER-BOTTOM: #336666 1px;
    BORDER-LEFT: #336666 1px;
    BORDER-RIGHT: #336666 1px;
    BORDER-TOP: #336666 1px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    text-align :right;
}
.tabledark
{
    BACKGROUND-COLOR: #CCCCCC;
    BORDER-BOTTOM: #336666 1px;
    BORDER-LEFT: #336666 1px;
    BORDER-RIGHT: #336666 1px;
    BORDER-TOP: #336666 1px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    table: center
}

.tablelight
{
    BACKGROUND-COLOR: #e6f2ff;
    BORDER-BOTTOM: #336666 1px;
    BORDER-LEFT: #336666 1px;
    BORDER-RIGHT: #336666 1px;
    BORDER-TOP: #336666 1px;
    table: center
}.fld 
{
FONT-FAMILY: arial; 
COLOR: rgb(0,0,0); 
FONT-SIZE: 8pt 
}
.flddarkblacksmall 
{
FONT-FAMILY: arial; 

COLOR: rgb(0,0,0); 
FONT-SIZE: 8pt 
}
.flddarkblack 
{
FONT-FAMILY: arial; 
FONT-WEIGHT: bold; 
COLOR: rgb(0,0,0); 
FONT-SIZE: 10pt 
}

.tableborderstyle1
 {
     BACKGROUND-COLOR: white;
     BORDER-BOTTOM: #000000 1px;
     BORDER-LEFT: #000000 1px;
     BORDER-RIGHT: #000000 1px;
     BORDER-TOP: #000000 1px;
     FONT-FAMILY: Arial;
     FONT-SIZE: 12px;
     FONT-WEIGHT: Bold;
     table: center
 }
.tableborderstyle2
 {
     BACKGROUND-COLOR: white;
     BORDER-BOTTOM: #000000 1px;
     BORDER-LEFT: #000000 1px;
     BORDER-RIGHT: #000000 1px;
     BORDER-TOP: #000000 1px;
     FONT-FAMILY: Arial;
     FONT-SIZE: 10px;
     FONT-WEIGHT: Bold;
     table: center
 }
.tableborderstyle3
 {
     BACKGROUND-COLOR: white;
     BORDER-BOTTOM: #000000 1px;
     BORDER-LEFT: #000000 1px;
     BORDER-RIGHT: #000000 1px;
     BORDER-TOP: #000000 1px;
     FONT-FAMILY: Arial;
     FONT-SIZE: 10px;
 }
.tableborderstyle4
 {
     BACKGROUND-COLOR: #E0E0E0;
     BORDER-BOTTOM: #000000 1px;
     BORDER-LEFT: #000000 1px;
     BORDER-RIGHT: #000000 1px;
     BORDER-TOP: #000000 1px;
     FONT-FAMILY: Arial;
     FONT-SIZE: 10px;
 }
 
 
  th.sorted a,th.sortable a {
	background-position: top;
	display: block;
	width: 100%;
	padding: 5px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px ;
	border-collapse: collapse; 
	border: .05em ; 
	

}

th.sorted a,th.sortable a  {
	
	
	FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
	table: center;
	vertical-align: super;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	clear: right;
	float: left;
	color: black;
	background-image:url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #A8C6EC;
	padding: 5px;
	border: 0.05em ; 

}

th.order1 a {
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px;

}

th.order2 a {
	background-image: url(../images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px;
	
}
 
.red-border{
	border: 1px solid red
}

.tooltip{
	position:absolute;
	z-index:10000;
	background-color: #c0c0c0;
	overflow: hidden;
	opacity: 0.7;
	display:none;
}

.json-overlay{
	position: absolute;
	z-index: 999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: gray;
	filter: alpha(opacity=15);
	opacity: 0.6;
	-moz-opacity: 0.8;
}