@import "jquery.css";


/********************************************
 	voice pro theme css stylesheet 
	*******************************************/

/*
 * round panel
 */

.x-round-panel .tl {
		background: url(panel/round/tl.png) no-repeat top right;
		zoom: 1;
}

.x-round-panel .tc {
		background: url(panel/round/tc.png) repeat-x top right !important;
    zoom: 1;
}

.x-round-panel .tr {
		background: url(panel/round/tr.png) no-repeat top left;
    zoom: 1;
}

.x-round-panel .rc {
		background: url(panel/round/rc.png) repeat-y top left !important;
    zoom: 1;
}

.x-round-panel .bl {
		background: url(panel/round/bl.png) no-repeat bottom right;
    zoom: 1;
}

.x-round-panel .bc {
		background: url(panel/round/bc.png) repeat-x bottom left !important;
    zoom: 1;
}

.x-round-panel .br {
		background: url(panel/round/br.png) no-repeat bottom left;
    zoom: 1;
}

.x-round-panel .lc {
		background: url(panel/round/lc.png) repeat-y top left !important;
    zoom: 1;
}

.x-round-panel .tr, .x-round-panel .tl {
		width: 6px !important;
		height: 6px !important;
		overflow: hidden;
		padding: 0;		
}

.x-round-panel .br, .x-round-panel .bl {
		width: 6px !important;
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.x-round-panel .bc {
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.x-round-panel .lc, .x-round-panel .rc {
		width: 6px !important;
		overflow: hidden;
		padding: 0;		
}

.x-round-panel .tc {	
		height: 6px !important;
		overflow: hidden;
		padding: 0;		
		vertical-align: top;
}

.x-round-panel-content {
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
}

.x-round-panel table {
		border-collapse: collapse;
}

.x-round-panel td {
		border-bottom: 0;
		padding: 0;
}

.x-round-panel {
	display: block;
}

/*
 * buttons
 */

.x-button, .x-button-large, .x-btn {
		width: 80px;
		height: 21px;
		background-image: url(buttons/button_set.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-shadow: #fff 0 1px 0;
		color: #222;
		outline: none;
		font-size: 11px;
		font-weight: 700;
		cursor: pointer;
		padding-top: 6px;
		text-align: center;
		margin: none;
}

.x-button-disabled, .x-button-large-disabled, .x-btn-disabled {
		width: 80px;
		height: 21px;
		background-image: url(buttons/button_set.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-shadow: #fff 0 1px 0;
		color: #999;
		outline: none;
		font-size: 11px;
		font-weight: 700;
		cursor: default;
		padding-top: 6px;
		text-align: center;
		margin: none;
}
.x-button-large, .x-button-large-disabled {
		width: 120px;
		background-image: url(buttons/button_set_large.png);
}

.x-button:hover, .x-button-large:hover, .x-btn:hover { background-position: 0 -27px; }

.x-button:active, .x-button-large:active .x-btn:active { background-position: 0 -54px; }


/*
 * panel box
 */

.x-box, .modal-window {
		background: url(box/trade_box.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 278px;
		height: 178px;
		padding: 10px;
		position: relative;
}

#mask {
		position: absolute;
		z-index: 9000;
		background-color: #000;
		display:none;
		left: -100px; 
		top: -100px;
		overflow: hidden;
}
  
.modal-window {
		position: absolute;
		display: none;
		z-index: 9999;
		text-align: center;
}

.modal-message {
		text-shadow: #fff 0 1px 0;
		color: #555;
		font-size: 12px;
		outline: none;
}

/**
 * tabs
 */

/**
 * tab classes
 */

#tabs {
		position: fixed;
		top: 30px;
		background: url(tabs/tabs_bg.png) repeat-x top center;
		height: 50px;
		left: 0;
		width: 100%;
		z-index: 100;
		border-bottom: 1px solid #f3f3f3;
		display: none;
}

/**
 *  window classes
 */
.x-windows .tl {
		background: url(windows/tl.png) no-repeat bottom left;
		zoom: 1;
}

.x-windows .tc, .x-windows-controls {
		background: url(windows/tc.png) repeat-x top left !important;
    zoom: 1;
}

.x-windows .tr {
		background: url(windows/tr.png) no-repeat top left;
    zoom: 1;
}

.x-windows .rc {
		background: url(windows/rc.png) repeat-y top left !important;
    zoom: 1;
}

.x-windows .bl {
		background: url(windows/bl.png) no-repeat top left;
    zoom: 1;
}

.x-windows .bc {
		background: url(windows/bc.png) repeat-x top left !important;
    zoom: 1;
}

.x-windows .br {
		background: url(windows/br.png) no-repeat bottom right;
    zoom: 1;
}

.x-windows .lc {
		background: url(windows/lc.png) repeat-y top left !important;
    zoom: 1;
}

img.x-windows-mini, img.x-windows-max, img.x-windows-restore, img.x-windows-close, img.x-windows-snap {
		width: 13px;
		height: 16px;
		background-image: url(windows/control_spirits.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		zoom: 1;
}

img.x-windows-close { background-position: 0 0; }
img.x-windows-close:hover { background-position: 0 -16px; }
img.x-windows-mini { background-position: 0 -32px; }
img.x-windows-mini:hover { background-position: 0 -48px; }
img.x-windows-max { background-position: 0 -64px; }
img.x-windows-max:hover { background-position: 0 -80px; }
img.x-windows-restore { background-position: 0 -96px; }
img.x-windows-restore:hover { background-position: 0 -112px; }

img.x-windows-snap { background-position: 0 -96px; }
img.x-windows-snap:hover { background-position: 0 -112px; }

.x-window-resize {
		background: url(windows/resize.png) no-repeat 1px -1px;
		width: 8px;
		height: 8px;
		cursor: nw-resize;
}

.x-windows .tr, .x-windows .tl {
		width: 12px;
		height: 30px !important;
		overflow: hidden;
		padding: 0;		
}

.x-windows .br, .x-windows .bl {
		width: 12px;
		height: 12px;
		overflow: hidden;
		padding: 0;		
}

.x-windows .bc {
		height: 12px;
		overflow: hidden;
		padding: 0;		
}

.x-windows .lc, .x-windows .rc {
		width: 12px;
		overflow: hidden;
		padding: 0;		
}

.x-windows .tc {
		height: 30px !important;
		overflow: hidden;
		padding: 0;		
		cursor: move;
		vertical-align: middle;
}

.x-windows .tc div {
		float: left;
}

.x-windows {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 300px;
		z-index: 100;
		text-align: left;
}

.x-windows .x-windows-content {
		width: 100%;
		height: 100%;
		background: #fff;
}

.x-windows table {
		border-collapse: collapse;
}

.x-windows td {
		border-bottom: 0;
		padding: 0;
}

.x-windows-title {
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		line-height: 1.3em;
		color: #1985a8;
		text-shadow: 0px 1px 0px #fff; 		
		padding-top: 6px;
		height: 24px !important;
		overflow: hidden;
		padding: p;
		margin: 0;
}

.x-windows table td.x-windows-controls {
		text-align: right;
		width: 100px;
}

.x-windows-controls img {
		cursor: pointer;
		cursor: hand;
}

.x-window-transfer {
		border: 1px solid #58a4d5;
		background-color: #72c8ff;
		filter:alpha(opacity=30); 
		-moz-opacity: 0.3; 
		opacity: 0.3;
}

/**
 * x-taskbar
 */

#dock {
		position: fixed;
		bottom:0;
		left:0;
		width: 100%;
		height: 30px;
		border-bottom: 1px solid #003399;
		background: url(taskbar/bg_tile.png) repeat-x top left;
		z-index: 100000;	
}      

#x-taskbar {
		position: relative;
		overflow: hidden !important;
}

div.taskbar {
		float: left;
		position: relative;
		margin: 0;
		padding: 0;
		overflow: hidden;
		height: 30px;
}

.taskbar-collection {
		position: absolute;
		width: 2000px;
		left: 0px;
		top: 0px;
}

#x-taskbar a.prev, #x-taskbar a.next {
		display: block;
		width: 24px;
		height: 30px;
		background-image: url(taskbar/left_arrow.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		float: left;
		margin: 0px !important;
		cursor: pointer;
		font-size: 1px;
}

#x-taskbar a.prev:hover, #x-taskbar a.next:hover {
	/*	background-position: 0px -18px;		*/
}

#x-taskbar a.disabled {
		background-position: 0px 0px;		
}

#x-taskbar a.next {
		background-image: url(taskbar/right_arrow.png);
		clear: right;	
}

a.disabled {
	visibility:hidden !important;		
} 	

/*
.x-taskbar {
		float: left;
		position: relative;
		margin: 0;
		padding: 0;
		height: 34px;
}

#vchat {
		float: left;
		margin: 1px 0 0 4px;
		width: 100px;
		height: 29px;
} 

#vchat img, #vchat img:hover {
		background-image: url(taskbar/voice_chat.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 100px;
		height: 29px;
		cursor: hand;
		cursor: pointer;
} 

#vchat img:hover {
		background-position: 0 -29px;
} 
*/
.s-split {
		float: left;
		position: relative;
		margin-top: 4px;
		margin-right: 6px;
		width: 1px;
		height: 78%;
		background-color: #f1f1f1;
		border-left: 1px solid #bbb; 
} 

#x-taskbar .x-btn-wrap {
		width: 125px !important;
		cursor: pointer !important;
}

#x-taskbar button {
		text-align: left !important;
		vertical-align: middle;
		color: #fff;
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		cursor: pointer !important;
		font: normal 11px arial, verdana, sans-serif;
}

.x-taskbutton-left, .x-taskbutton-right {
		font-size: 1px;
		line-height: 1px;
}

.x-taskbutton-left {
		width: 8px !important;
		height: 28px;
		background-image: url(taskbar/taskbutton.png);
		background-repeat: no-repeat;
		background-position: 0 0;
}

.x-taskbutton-right {
		width: 8px !important;
		height: 28px;
		background-image: url(taskbar/taskbutton.png);
		background-repeat: no-repeat;
		background-position: 0 -28px;
}

.x-taskbutton-left i, .x-taskbutton-right i {
		display: block;
		width: 8px !important;
		overflow: hidden;
		font-size: 1px;
		line-height: 1px;
}

.x-taskbutton-center {
		background: url(taskbar/taskbutton.png) repeat-x 0 -56px;
		text-align: left;
		font-size: 11px;
		line-height: 1.5em;
		vertical-align: middle;
		padding-right: 5px;
		cursor: pointer;
		white-space: nowrap;
}

button .x-btn-text {
		font: normal 11px arial, verdana, sans-serif;
}

#x-taskbar .x-taskbutton-left{ 
		background-position: 0 0;
}

#x-taskbar .x-taskbutton-right{
		background-position: 0 -28px;
}

#x-taskbar .x-taskbutton-center{
		background-position: 0 -56px;
}

#x-taskbar .x-btn-over .x-taskbutton-left{
		background-position: 0 -252px;
}

#x-taskbar .x-btn-over  .x-taskbutton-right{
		background-position: 0 -280px;
}

#x-taskbar .x-btn-over .x-taskbutton-center{
		background-position: 0 -308px;
}

#x-taskbar .x-btn-click .x-taskbutton-left{
		background-position: 0 -168px;
}

#x-taskbar .x-btn-click  .x-taskbutton-right{
		background-position: 0 -196px;
}

#x-taskbar .x-btn-click .x-taskbutton-center{
		background-position: 0 -224px;
}

#x-taskbar .active-win .x-taskbutton-left{
		background-position: 0 -84px;
}

#x-taskbar .active-win  .x-taskbutton-right{
		background:url(taskbar/taskbutton.png) no-repeat 0 -112px;
}

#x-taskbar .active-win .x-taskbutton-center{
		background:url(taskbar/taskbutton.png) repeat-x 0 -140px;
}

#x-taskbar .active-win .x-taskbutton-icon {
		background:url(taskbar/taskbutton.png) repeat-x 0 -140px;
}

#x-taskbar .active-win .x-taskbutton-center button {
		color: #fff;
}

.x-taskbutton-icon {
		background: url(taskbar/taskbutton.png) repeat-x 0 -56px;
		vertical-align: middle;
		text-align: center;
}

/**
	 * menu classes 
 */

.x-ext-menu .tl  {
		background: url(menus/tl.png) no-repeat top left;
		zoom: 1;
}

.x-ext-menu .tc {
		background: url(menus/tc.png) repeat-x top left !important;
    zoom: 1;
}

.x-ext-menu .tr {
		background: url(menus/tr.png) no-repeat top left;
    zoom: 1;
}

.x-ext-menu .rc {
		background: url(menus/rc.png) repeat-y top right !important;
    zoom: 1;
}

.x-ext-menu .bl {
		background: url(menus/bl.png) no-repeat top left !important;
    zoom: 1;
}

.x-ext-menu .bc {
		background: url(menus/bc.png) repeat-x bottom left;
    zoom: 1;
}

.x-ext-menu .br {
		background: url(menus/br.png) no-repeat bottom right;
    zoom: 1;
}

.x-ext-menu .lc {
		background: url(menus/lc.png) repeat-y top left !important;
    zoom: 1;
}

.x-ext-menu .tr, .x-ext-menu .tl {
		width: 5px;
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.x-ext-menu .br, .x-ext-menu .bl {
		width: 5px !important;
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.x-ext-menu .bc {
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.x-ext-menu .lc, .x-ext-menu .rc {
		width: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.x-ext-menu .tc {
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
		cursor: move;
		vertical-align: top;
}

.x-ext-menu .x-ext-menu-content {
		background: url(menus/pixel.png) repeat top left;
		border-left: 1px solid #636363;
		border-right: 1px solid #636363;		
		position: relative;
}

.x-ext-menu table {border-collapse: collapse;}

.x-ext-menu td {
		border-bottom: 0;
		padding: 0;
}

.x-ext-menu {
		position: absolute;
		z-index: 999999;
		padding: 0px;
		margin: 0px;
		display: none;
}

.x-ext-menu ul {
		margin: 0;
		padding: 0;
}

.x-ext-menu li {
		list-style: none;
		list-style-type: none;
		margin: 0px !important;
		height: 20px !important;
		font-family: "Lucida Grande", arial, verdana, tahoma, sans-serif;
		font-size: 11px;
		letter-spacing: .3;
		line-height: 1.5em;
		background-position: 4px center !important;
		padding: 2px 25px 2px 25px !important;
		cursor: pointer;
}

.x-ext-menu a {
		color: #111;
		text-shadow: 0px 1px 0px #fff; 		
		cursor: pointer;
		font-size: 10px;
		text-decoration: none;
		display: block;
		outline: none;
}

.x-ext-menu li.disabled a {
		color: #929292 !important;
		cursor: default;
		text-shadow: none !important;
}

.x-ext-menu li.disabled:hover {
		background-color: transparent;
		cursor: default;
		border-bottom: 0px;
		border-top: 0px;
		padding-top: 2px !important;
		padding-bottom: 2px !important;
}

.x-ext-menu li.separator {
		height: 1px !important;
		background: #dadadb !important;
		font-size: 0px !important;
		padding: 0 !important;
		margin: 3px 0 3px 0 !important;
		border-bottom: solid 1px #fff;
}

.x-ext-menu li.separator:hover {
		padding: 0 !important;
		border-bottom: solid 1px #fff;
		border-top: 0;
}


.x-ext-menu li.hover {
		background-color: #2ca7e4;
		border-bottom: 1px solid #3399cc;
		border-top: 1px solid #3399cc;
		padding-top: 2px !important;
		padding-bottom: 0px !important;
}

.x-ext-menu li.hover a {
		color: #fff;
		text-shadow: none; 		
		text-decoration: none;
}
/**
 * chat window
 */

#x-chat-window {
		position: relative; 
		left: 0;
		top: 0;
		width: 100%; 
		overflow: hidden !important;
}

#x-chat-window .x-header {
		height: 70px;
		background-image: url(chat/header_tile.png);
		background-repeat: repeat-x;
		background-position: top left;
		border: 1px solid #3399cc;
}

#x-chat-window .x-header-wrap {
		background-image: url(chat/voice_splash.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		height: 70px;
}

#x-chat-window .x-header .x-title {
		font-size: 13px;
		font-weight: bold;
		color: #fff;
}

#x-chat-window .x-header .x-status {
		color: #1b5d75;
}

#ystat {
		font-size: 10px;
}

#x-chat-window .x-header .x-controls {
		float: right;
		margin: 7px;
		cursor: pointer;
}

#x-chat-window .x-service-indicators {
		position: absolute; 
		left: 77px; 
		top: 47px; 
		z-index: 10001; 
		cursor: pointer;
}

#x-chat-window .x-buddylist, #x-chat-window .x-footer  {
		float: left;
		width: 100%;
		padding-right: 0px;
		background-color: #1b5d75;	
}

#x-chat-window .x-buddylist {
		min-height: 100px;
		overflow: hidden;
		overflow-y: auto !important;
		position: relative;
}

#x-chat-window .x-buddylist .service-block, #x-chat-window .x-buddylist .service-block .service {
		float: left;
		position: relative;
		width: 100%;
		clear: both;
}

#x-chat-window .x-buddylist .service-block .service {
		background-image: url(chat/service_tile.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		color: #4d6593;
		font-weight: bold;
		font-family: arial;
		border-bottom: 1px solid #3b4f7d;
}

#x-chat-window .x-buddylist .service-name, #offline-count, #msn-count, #yahoo-count, #voice-count {
		text-shadow: 0px 1px 0px #fff;
		letter-spacing: .3;
		cursor: pointer;
}

#x-chat-window .x-buddylist .service-contacts	{
		float: left;
		margin-top: 0px;
		width: 100%;
		position: relative;
}

#x-chat-window .x-buddylist ul {
		margin: 0;
		padding: 0;
		list-style: none;
}

#x-chat-window .x-buddylist ul li {
		background-color: none;
		color: #fff;
		padding: 8px 8px 9px 8px;
		cursor: pointer;
}

#x-chat-window .x-buddylist ul li:hover {
		background-color: #707fa5;
		color: #fff;	
		padding: 8px;
		border-bottom: 1px solid #5a80bb;
}

#x-chat-window .x-buddylist .offline li, #x-chat-window .x-buddylist .offline li:hover {
		background: none;
		color: #fff389;
		padding: 8px;
		border-bottom: 0;
}

#x-chat-window .hide, #x-chat-window .show {
		background-image: url(chat/toggle_spirits.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 16px;
		width: 16px;
}

#x-chat-window .hide {
		background-position: 0 0 px;
}

#x-chat-window .show {
		background-position: 0 -16px;
}

.ui-effects-transfer { 
	border: 1px solid #58a4d5;
	background-color: #72c8ff;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;	
}




.mojuix-tooltip .tl  {
		background: url(tooltip/tl.png) no-repeat top left;
		zoom: 1;
}

.mojuix-tooltip .tc {
		background: url(tooltip/tc.png) repeat-x top left !important;
    zoom: 1;
}

.mojuix-tooltip .tr {
		background: url(tooltip/tr.png) no-repeat top left;
    zoom: 1;
}

.mojuix-tooltip .rc {
		background: url(tooltip/rc.png) repeat-y top right !important;
    zoom: 1;
}

.mojuix-tooltip .bl {
		background: url(tooltip/bl.png) no-repeat top left !important;
    zoom: 1;
}

.mojuix-tooltip .bc {
		background: url(tooltip/bc.png) repeat-x bottom left;
    zoom: 1;
}

.mojuix-tooltip .br {
		background: url(tooltip/br.png) no-repeat bottom right;
    zoom: 1;
}

.mojuix-tooltip .lc {
		background: url(tooltip/lc.png) repeat-y top left !important;
    zoom: 1;
}

.mojuix-tooltip .tr, .mojuix-tooltip .tl {
		width: 5px;
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.mojuix-tooltip .br, .mojuix-tooltip .bl {
		width: 5px !important;
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.mojuix-tooltip .bc {
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.mojuix-tooltip .lc, .mojuix-tooltip .rc {
		width: 5px !important;
		overflow: hidden;
		padding: 0;		
}

.mojuix-tooltip .tc {
		height: 5px !important;
		overflow: hidden;
		padding: 0;		
		cursor: move;
		vertical-align: top;
}

.mojuix-tooltip .lc, .mojuix-tooltip .rc {
		width: 5px !important;
		background: url(tooltip/pixel.png) repeat top left;			
		overflow: hidden;
		padding: 0;
}

.mojuix-tooltip .mojuix-tooltip-content {
		background: url(tooltip/pixel.png) repeat top left;	
		position: relative;
		display: block;
		color: #f3f3f3;
		padding: 2px;
		min-height: 10px;
		white-space: nowrap;
}

.mojuix-tooltip table {border-collapse: collapse;}

.mojuix-tooltip td {
		border-bottom: 0;
		padding: 0;
}

.mojuix-tooltip {
		position: absolute;
		z-index: 999999;
		padding: 0px;
		margin: 0px;
		display: none;
}