#userlogin {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#userlogin TD {
	CLEAR: left; PADDING: 0px;FONT-SIZE: 0.7em; COLOR: #333AAA;
}

#userlogin LABEL {
	CLEAR: left; PADDING: 0px; MARGIN: 0px; FLOAT: left; FONT-WEIGHT: bold;
}

#userlogin input[type="radio"] {
	border: 0px;
	width: 20;
}

#logLAB {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#logLAB TD {
	CLEAR: left; PADDING: 0px;FONT-SIZE: 0.7em; COLOR: #333AAA;
}

#logLAB LABEL {
	CLEAR: left; PADDING: 0px; MARGIN: 0px; FLOAT: left; FONT-WEIGHT: bold;
}

#logLAB input[type="radio"] {
	border: 0px;
	width: 20;
}

.mainui {
	width:590px; 
	height:450px !important /*Non-IE6*/;
	background:rgb(255,255,255) url(../../admin/images/main.gif) repeat-x; 
	font-size:1.0em;
}

.mainui a:link {text-decoration: none;color: #333399;}
.mainui a:visited {text-decoration: none;color: #333399;}
.mainui a:active {text-decoration: none;color: #333399;}
.mainui a:hover {text-decoration: none;color: #333399;}

.mainui input{
	width:150px
}

.sitelogo {
	width:500px; 
	height:152px; 
	position:absolute; 
	z-index:0; 
	margin:15px 0 0 15px; 
	font:bold 40px tahoma,arial,helvetica;
	background:url(../../admin/images/header_logo.png) no-repeat; 
}


.inputarea {
	width:350px; 
	height:100px; 
	position:absolute; 
	z-index:0;
	margin-left:330px!important; 
	margin:300px 0 300px 45px;
	align-text:right
}


 #loading-mask{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     z-index:20000;
     background-color:white;
 }
 #loading{
     position:absolute;
     left:45%;
     top:40%;
     padding:2px;
     z-index:20001;
     height:auto;
 }
 #loading a {
     color:#225588;
 }
 #loading .loading-indicator{
     background:white;
     color:#444;
     font:bold 13px tahoma,arial,helvetica;
     padding:10px;
     margin:0;
     height:auto;
 }
 #loading-msg {
     font: normal 10px arial,tahoma,sans-serif;
 }

.adminmain {width:1024px!important;position:absolute; z-index:0;}
.maincontain {margin:10px 10px 10px 10px;}


.maintable {
float:left;
margin:0 0 0 0px;
padding:0 0 0 0;
height:450px !important;
display: block; 
}

.maintable table{
	width:730px !important;
}

.maintable th{
	width:70px !important;
}

.hmaintable {
float:left;
margin:0 0 0 0px;
padding:0 0 0 0;
height:225px !important;
}

.hmaintable table{
	width:730px !important;
}

.hmaintable th{
	width:70px !important;
}

.bsave {
	background-image: url(../images/document_save_as.png) !important;
}

.bundo {
	background-image: url(../images/undo.png) !important;
}

.x-grid3-cell-text-visible .x-grid3-cell-inner{overflow:visible;padding:3px 3px 3px 5px;white-space:normal;}


.bNew {
	background-image: url(../images/contact_new.png) !important;
}

.bCopy {
	background-image: url(../images/icons8-new-copy-16.png) !important;
}

.bEdit {
	background-image: url(../images/script_edit.png) !important;
}

.bDel {
	background-image: url(../images/mail_delete.png) !important;
}
.bView {
	background-image: url(../images/view.ico) !important;
}
.bSearch {
	background-image: url(../images/kdict.png) !important;
}
.bPrint {
	background-image: url(../images/Printer-icon.png) !important;
}
.bPrintPdf {
	background-image: url(../images/pdf.png) !important;
}
.bPrintExcel {
	background-image: url(../images/o13xG6W.png) !important;
}
.bPrintBarcode {
	background-image: url(../images/scanner.png) !important;
}
.bVerify {
	background-image: url(../images/Check-2-icon.png) !important;
}
.bConfirm {
	background-image: url(../images/Apply.png) !important;
}
.bReject {
	background-image: url(../images/mail_delete.png) !important;
}
.bCancel {
	background-image: url(../images/undo-16.png) !important;
}
.bFinished {
	background-image: url(../images/unit-completed-icon.png) !important;
}
.bFDiff {
	background-image: url(../images/finishedDiff.png) !important;
}
.bFirst {
	background-image: url(../images/page-first.gif) !important;
}
.bPrev {
	background-image: url(../images/page-prev.gif) !important;
}
.bNext {
	background-image: url(../images/page-next.gif) !important;
}
.bLast {
	background-image: url(../images/page-last.gif) !important;
}
.bSendRequest {
	background-image: url(../images/sendRequest.png) !important;
}
.bBackRequest {
	background-image: url(../images/undo-16.png) !important;
}
.bAcceptRequest {
	background-image: url(../images/Apply.png) !important;
}
.bBatchAcceptRequest {
	background-image: url(../images/unit-completed-icon.png) !important;
}
.bAcceptBackRequest {
	background-image: url(../images/reply.png) !important;
}
.bApply {
	background-image: url(../images/Check-2-icon.png) !important;
}
.bSendApply {
	background-image: url(../images/sendRequest.png) !important;
}
.bSendBackApply {
	background-image: url(../images/undo-16.png) !important;
}
.bReturnApply {
	background-image: url(../images/undo-16.png) !important;
}
.bAcceptApply {
	background-image: url(../images/Apply.png) !important;
}
.bAcceptBackRequest {
	background-image: url(../images/reply.png) !important;
}
.bAssignAgent {
	background-image: url(../images/2140-16.png) !important;
}
.bExpArrange {
	background-image: url(../images/messanger-16.png) !important;
}
.bExpBArrange {
	background-image: url(../images/messanger-16.1.png) !important;
}
.bExperiment {
	background-image: url(../images/atom-16.png) !important;
}
.bRequest {
	background-image: url(../images/sendRequest.png) !important;
}
.bFinishedExp {
	background-image: url(../images/Apply.png) !important;
}
.bFinishedSuccess {
	background-image: url(../images/Apply.png) !important;
}
.bFinishedFail {
	background-image: url(../images/mail_delete.png) !important;
}
.bDownload {
	background-image: url(../images/cloud-download.png) !important;
}
.bCalendar {
	background-image: url(../images/b_calendar.png) !important;
}

.x-column-tree .x-tree-node {
    zoom:1;
}
.x-column-tree .x-tree-node-el {
    /*border-bottom:1px solid #eee; borders? */
    zoom:1;
}
.x-column-tree .x-tree-selected {
    background: #d9e8fb;
}
.x-column-tree  .x-tree-node a {
    line-height:18px;
    vertical-align:middle;
}
.x-column-tree  .x-tree-node a span{
	
}
.x-column-tree  .x-tree-node .x-tree-selected a span{
	background:transparent;
	color:#000;
}
.x-tree-col {
    float:left;
    overflow:hidden;
    padding:0 1px;
    zoom:1;
}

.x-tree-col-text, .x-tree-hd-text {
    overflow:hidden;
    -o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: nowrap;
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-tree-headers {
    background: #f9f9f9 url(../../resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
	cursor:default;
    zoom:1;
}

.x-tree-hd {
    float:left;
    overflow:hidden;
    border-left:1px solid #eee;
    border-right:1px solid #d0d0d0;
}
.task {
    background-image:url(../shared/icons/fam/cog.png) !important;
}
.task-folder {
    background-image:url(../shared/icons/fam/folder_go.png) !important;
}

.search-item {
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:100px;
    display:block;
    clear:none;
}

#popResultWin .x-window-body { background:#fff !important; }

.x-body {
    font-family: Tahoma;
    font-size: 15px;
    color: #333;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

   /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}