﻿.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; }
.wpthemeMainContent div.logot { float:left  !important;width:50px; background-image:url('images/X8Symbol.png'); margin-top:10px;height:30px; }
.wpthemeMainContent .statusbar { bottom:40px !important; margin-left:80px;margin-right:80px; }
.swfCoreFooter { bottom:0px !important; z-index:199; }
.swfCoreFooter span { text-transform:capitalize; }
.swfCoreNavName { text-transform:capitalize; }

.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;}
.x8addbtn:hover { background-image:url('images/Add-Hover.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;}
.x8backbtn:hover { background:url('images/Back-Hover.png') no-repeat left;color:#00c1b5; 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/reload.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8reloadbtn:hover { background-image:url('images/reload-hover.png'); }
.x8infobtn { background-image:url('images/info2.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8infobtn:hover { background-image:url('images/info2-hover.png'); }
.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:20px;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.png'); width:23px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Massbtn:hover { 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;}
.x8Exportbtn { background-position:center right; background-image:url('images/Export_excel.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Exportbtn:hover { background-position:center right; background-image:url('images/Export-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Errortbtn { background-position:center right; background-image:url('images/ErrorIcon.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Errortbtn:hover { background-position:center right; background-image:url('images/Error-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8FullScreen { background-image:url('images/fullscreen.png'); width:28px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8PrintIcon { background-image:url('images/icon-printer.png'); width:28px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8ImportFormbtn { background-position:center right; background-image:url('images/import-icon.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8ExportFormbtn { background-position:center right; background-image:url('images/export-icon.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.rating { float:left;padding-left:0px; position:relative; margin: 0px; } .rating li { float:left; width:20px; list-style:none; } .rating.e li { cursor:pointer; }
.rating>.unrated { display:none;background:url('images/reject-15.png') center no-repeat; } .rating:hover>.unrated{ display:block;left:-14px;width:20px; }
.x8SaveBtn { background-image:url('../../JSScript/JS_DashBoard/css/images/save-widget-idle.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8SaveBtn:hover { background-image:url('../../JSScript/JS_DashBoard/css/images/save-widget-over.png'); }
.x8refresh { background-image:url('images/btnRefresh.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8refresh:hover { background-image:url('images/btnRefresh-hover.png'); }
.x8FilterBtn { background-position:center right; background-image:url('images/Filter.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8FilterBtn:hover { background-position:center right; background-image:url('images/Filter-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8DelBtn { background-image:url('images/delete-15-green.png'); width:15px;height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8DelBtn.Disabled { background-image:url('images/delete-grey.png'); cursor:default; }
.x8Verifybtn { background-image:url('images/btnVerify.png'); width:22px;height:21px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;}
.x8Verifybtn:hover { background-image:url('images/btnVerify-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,.pnlCloser { 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; }
.x8deletebtn { background-image:url('images/btndelete.png'); width:15px;height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left; }
.x8Highlight { background-color:#bae9de; }
.x8Rated{background-image:url('images/rated.png');background-repeat:no-repeat;background-position:center;}
.x8NoRated{background-image:url('images/no-rated.png');background-repeat:no-repeat;background-position:center;}
/* ---------------------------  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 }
.imgow {text-align: center; position: relative; float: Left; margin-bottom: 2px;border: dotted 1px #ddd; z-index: 1;}
.imgw {vertical-align:top; position: relative;min-width: 80px;max-width:200px;max-height:200px;min-height: 120px;overflow: hidden;}
.imgw .fui{    position: absolute;    width: 100%;    top: 0px;    height: 180px;    margin-left: -160px;    float: left;    z-index: 995;    -moz-opacity: 0;    filter: alpha(opacity: 0);    opacity: 0;    font-size: 35px;    right: 0px; }
.imgw .hover{    line-height: 35px;    text-align: center;    position: absolute;    bottom: -35px;    height: 35px;    left: 0px;    right: 0px;    background-color: #efefef;    transition: bottom 0.25s;    -webkit-transition: bottom 0.25s; }
.imgw:hover .hover{  bottom: 0px;}
.imgw .deleter {    display:none;background-image:url('images/reject-15.png');text-align: center; position: absolute; height: 15px;
                    width: 7px; cursor: pointer; top: 0px; right: 0px; padding-left: 4px; padding-right: 4px;
                    background-repeat: no-repeat;
                    z-index: 999; }
.imgw.exists:hover .deleter { display:block; }
.imgw.hasimg .ni,.imgw.deleteimg .di { display:block; }

.imgw .ni,.imgw .di { display:none;position: absolute; width: 100%;height:100%;top:0px;left:0px;background-color:white;z-index:999;text-align:center;vertical-align:middle; }