.logof{background-image:url('images/logof.png');background-repeat:no-repeat;background-position:center;height:120px;position:absolute;top:0px;width:100%;left:0px;z-index:0}
.logot{background-image:url('images/logot.png');background-repeat:no-repeat;}
.bgpg{background-image:url('images/bgpg.png');background-repeat:repeat;background-position:top left;}
.bgmun{background-image:url('images/bgmnu.png');background-repeat:repeat;background-position:top left;}
.X8inner *.statusbar { margin-left:0px;margin-right:0px; }
*.statusbar{ position: fixed;bottom: 0px;left: 0px;height:32px;margin-left:30px;margin-right:30px;background-color:white;z-index:777;}
.x8symbol { background-repeat:no-repeat;float:left;width:250px;height:40px;background-position:bottom left;}
.previous,.ZG_btnPagerPrev {background-image:url('images/previous.png');background-repeat:no-repeat;background-position:center ;}
.next,.ZG_btnPagerNext  {background-image:url('images/next.png');background-repeat:no-repeat;background-position:center ;}
fieldset { border-color:#dadad9; }
legend { color:#009ea0; }
.x8searchbtn {background-image:url('images/search-icon.png'); width:15px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;}
.x8si { background:url('images/btndown.png') no-repeat center;width:20px;height:20px;}
.x8addbtn { background-image:url('images/btna.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8backbtn { background:url('images/btnback.png') no-repeat left; width:45px;height:22px;line-height:22px; font-size:12px;display:inline-block;cursor:pointer;float:left;padding-left:20px;}
.x8reloadbtn { background-image:url('images/btnreload.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Sbtn { background-position:center right; background-image:url('images/btnSearch.png'); width:19px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Sbtn : hover { background-image:url('images/btnSearchO.png'); }
.x8Hbtn { background-position:center right;background-image:url('images/btnHistory.png'); width:25px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Hbtn : hover { background-image:url('images/btnHistoryO.png'); }
.x8Mail { text-transform:uppercase;color:#009ea0;background-position:center left;padding-left:21px;background-image:url('images/mail.png');height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Mail.Disabled { color:#c0c0c0;background-image:url('images/mail-inactive.png'); }
.x8Print { text-transform:uppercase;color:#009ea0;background-position:center left;padding-left:21px;background-image:url('images/printer.png');height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Print.Disabled { color:#c0c0c0;background-image:url('images/printer-inactive.png'); }
.x8Massbtn { background-position:center right; background-image:url('images/mass_hover.png'); width:23px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Massbtn : hover { background-image:url('images/mass_hover.png'); }

.pnlNotify { margin-right:0px; background-image:url('images/notifier.png');padding-left:5px; width:23px;background-repeat:no-repeat;display:inline-block;color:White;text-align:center;background-position:center right;}
.boxyCloser {  background-image:url('images/btnCloser.png'); width:14px;height:14px;background-position:center;}
.boxyAlt .boxyCloser { background-image:url('images/btnCloserWhite.png'); width:14px;height:14px;background-position:center;}
.X8MSG .close { position:absolute;right:5px;top:5px; }

.x8Comment{background-image:url('images/comment.png');background-repeat:no-repeat;background-position:center;}
.x8CommentAct{background-image:url('images/comment-active.png');background-repeat:no-repeat;background-position:center;}
.x8CommentDis{background-image:url('images/comment-inactive.png');background-repeat:no-repeat;background-position:center;}
input[type=checkbox].x8Star{ display:none; }
.x8Star.Ctrl { width:20px;height:20px;cursor:pointer; }
.x8Star{background-image:url('images/star-active.png');background-repeat:no-repeat;background-position:center;}
.x8StarDis,.x8Star.Uncheck{background-image:url('images/star-inactive.png');background-repeat:no-repeat;background-position:center;}
.x8MoreRed{background-image:url('images/more-red.png');background-repeat:no-repeat;background-position:center;}
.x8MoreGreen{background-image:url('images/more-green.png');background-repeat:no-repeat;background-position:center;}
.x8Promote{background-image:url('images/promote.png');background-repeat:no-repeat;background-position:center;}
.x8PromoteDis{background-image:url('images/promote-inactive.png');background-repeat:no-repeat;background-position:center;}
.AttachImg { background-image:url('images/btnaddc.gif'); width:15px;height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left; }
.x8Highlight { background-color:#bae9de; }

/* ---------------------------  Mass Mode--------------------------------------- */
.X8DDL { position:relative }
.X8DDL .field 
{
    background-color:#009ea0;
	border:none; 
	cursor:pointer;
	font-family:'lucida sans unicode',sans-serif; 
	font-X8DDL:1em;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.X8DDL>ul.list  
{
    display:none;
	position:absolute; 
	left:65px; 
	top:-25px; 
	z-index:999;
	width:200px;
	margin:0; /*  padding:5px;  */
	padding:0px;
	list-style:none;
	background:#e5f8f5; 
	text-align:left;
}
.X8DDL>ul.list li {
	padding:3px;
	overflow: hidden;
    text-overflow: ellipsis;
	/* border-bottom: solid 1px #ccc; */
}

.X8DDL>ul.list li a{
	color:#009ea0;
}

.X8DDL>ul.list li:hover a{
	 color:#fff;
}

.X8DDL>ul.list li:hover 
{
    color:#009ea0;
	background:#009ea0;
}
.X8DDL>ul.list li:last-child { border:none }