.AjaxGrid
{
	margin-bottom:10px;
	min-height:150px;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
	z-index:1;
	background-color:White;
}
.PanelData
{
	float:left;
	position:relative;
	width:100%;
	height:100%;	
	overflow:hidden;
	margin-left:-1px;
	z-index:0;
	
}
.PanelData .Cell {
    border-left: 1px solid white;
    position:absolute;
    overflow: hidden;
    height:20px;
    line-height:20px;
    padding: 1px;
    text-align: center;
    background-color:#f8f8f8;	
    z-index:0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.PanelData .LastRow .Cell
{
}
.PanelData .LastCell.Cell {
}
.PanelData .ALT .Cell
{
	background-color:white;	
}
.PanelHead
{
    z-index:1;
	float:left;
	position:relative;
	width:100%;
	height:61px;
	margin-left:-1px;
	overflow:visible;
    background-color: white;
}
.X8pop .PanelHead
{    
	height:22px;
}
.X8pop .PanelHead  .Cell
{ 
    cursor:default;    
    padding-top:3px;
}
.PanelHead .Cell 
{
    cursor:pointer;
    border-left: 1px solid white;
    position:absolute;
    overflow: hidden;
    height:20px;
    line-height:25px;
    padding-top:8px;
    text-align: left;
    margin-left:1px;    
	text-transform:uppercase;
}
.PanelHead .SCell {
    background-color: white;
    border-left: 1px solid white;
    position:absolute;
    overflow:visible;
    height:22px;
    margin-left:0px;
    bottom:1px;
}

.PanelHead .SCell .sbw  input { background-color:transparent;}
.PanelHead .SCell .sbw > *.sbcond { position:absolute;left:0px;top:0px;width:20px;z-index:99;margin-left:0px; height:25px;background-position:center top;}
.PanelHead .SCell  { background-color:#dbf3eb; }
.PanelHead .SCell .sbw { position:relative;overflow:visible; }
.PanelHead .SCell .sbox {  position:absolute;right:0px }
.PanelHead .SCell .resev { width:0px;height:0px;overflow:hidden;}
.PanelHead .Cell.First
{
	padding-right:1px;
}
.PanelHead .Cell.Last
{
}
.PanelScroll
{	
	position:absolute;
	right:0px;
	width:16px;	
	top:18px;
	background-color:#e0e0e0;
	overflow:visible;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	z-index:3;
}
.PanelScroll_H
{
	height:16px;
	empty-cells:show;
	position:relative;
	display:none;
	float:right;
	background-color:#e0e0e0;
	overflow:hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}
.PanelStatus
{
	height:18px;
	background-color:#fefefe;
	border:solid 1px #f3f3f3;
	overflow:hidden;
	clear:both;
	width:100%;
	z-index:-1;
	text-align:left;
}
.PanelStatus .detail
{
	float:left;
}
.AjaxGrid .PanelDivScroller
{
	position:absolute;
	width:16px;
	height:16px;
	top:0px;
	left:0px;
	background-color:#9d9c9c;
	background-position:top left;
	cursor:pointer;
}
.AjaxGrid .PanelData .AGHover .Cell,.AjaxGrid .PanelData .Selected .Cell
{
	/*background-color:#e9fcf6;*/
	background-color:#bae9de;
	cursor:pointer;
}

.AjaxGrid .PanelData .AGHoverDisabled .Cell,.AjaxGrid .PanelData .Selected .Cell
{
	/*background-color:#e9fcf6;*/
	background-color:#f0f0f0;
	cursor:default;
}

/*
.AjaxGrid .PanelData .AGSelect .Cell
{
    position:absolute;
	z-index:12;
	background-color:#E2F4EC;
}
.AjaxGrid .PanelData .AGSelect.ALT .Cell
{
    position:absolute;
	z-index:12;
	background-color:#E7F9F1;
}
*/

.x8pop .AjaxGrid .PanelData .AGHover .Cell,.x8pop .AjaxGrid .PanelData .Selected .Cell
{
	
}
.AjaxGrid .btnUp
{	
	right:0px;
	top:0px;
	width:16px;
	height:18px;
	position:absolute;
	background-color:White;
	background-image:url(images/scrollup.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	display:none;
	z-index:3;
}
.AjaxGrid .btnDown
{
	background-color:White;
	right:0px;
	bottom:20px;
	width:16px;
	height:18px;
	position:absolute;
	background-image:url(images/scrolldown.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	display:none;
	z-index:3;
}
.AjaxGrid .RowShower
{
	margin-top:18px;
	position:absolute;
	top:1px;
	right:17px;
	overflow:visible;
	color:#009ea0;
	white-space: nowrap;
	background-color:#fefefe;
	z-index:99;
}
.PanelHead .Cell 
{
    
}

.AjaxGrid .PanelData .AGHilight .Cell,.AjaxGrid .PanelData .Selected .Cell
{
    background-color:#bae9de;
    opacity:0.5;
}

.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;    
    border-bottom: 10px solid  #009ea0;
    margin: auto;
    margin-left:55px;
    margin-top:-22px;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;    
    border-top: 10px solid  #009ea0; 
    margin: auto;
    margin-left:55px;
    margin-top:-22px;
}

.arrow-right 
{
    Position:absolute;
    left:230px;
    top:3px;
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;   
    border-left: 10px solid   #009ea0; 
    margin: auto;
}

.arrow-left
{
    Position:absolute;
    left:230px;
    top:3px;
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;   
    border-right:10px solid #009ea0; 
    margin: auto;
}


.rotated-text {
    display: inline-block;
    overflow: hidden;
    cursor:pointer;
}
.rotated-text__inner {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
   cursor:pointer;
}
.rotated-text__inner:before {
    content: "";
    float: left;
    margin-top: 100%;
    cursor:pointer;
}