/* MENU */

.menuWrap {
	width: 162px;
	position: relative;
	left: -2px;
	height: 19px;
	font: 11px/10px arial, helvetica, san-serif;
	text-align: left;
	color: #000;
	margin: 7px;
}

.menuWrap .t .l {
	background: url("media/menuwrap-rnd.png") no-repeat -3px -3px;
	float: left;
	width: 3px;
	height: 3px;
}

.menuWrap .t .c {
	background: #eee;
	height: 3px;
	width: 156px;
	float: left;
}

.menuWrap .t .r {
	background: url("media/menuwrap-rnd.png") no-repeat 0 -3px;
	float: right;
	width: 3px;
	height: 3px;
}

.menuWrap .b {
	clear: both;
}

.menuWrap .b .l {
	background: url("media/menuwrap-rnd.png") no-repeat -3px 0;
	float: left;
	width: 3px;
	height: 3px;
}

.menuWrap .b .c {
	background: #eee url("media/menubg.png") repeat-x left -12px;
	height: 3px;
	width: 156px;
	float: left;
}

.menuWrap .b .r {
	background: url("media/menuwrap-rnd.png") no-repeat;
	float: right;
	width: 3px;
	height: 3px;
}

.menuBox {
	clear: both;
	background: #9d9d9d url("media/menubg.png") repeat-x;
	position: relative;
	height: 13px;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.menuBox ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}

.menuBox ul li {
	padding: 3px 0 4px 7px;
	cursor: pointer;
	position: relative;
	top: -3px;
}

.menuBox ul li.sel {
	background: url("media/menu-arrows.png") no-repeat right 4px;
}

.menuBox ul.opened li {
	background: #eee;
	padding: 3px 0 4px 20px;
	cursor: pointer;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #fff;
}

.menuBox ul.opened li.sel {
	background: #eee url("media/menuchk.png") no-repeat 5px 2px;
}

.menuBox ul.opened li:HOVER {
	background: #284ef4;
	border-bottom-color: #0d36e6;
	border-top-color: #284ef4;
	color: #fff;
}

.menuBox ul.opened li.sel:HOVER {
	background: #284ef4 url("media/menuchk-dark.png") no-repeat 5px 3px;
}

.menuBox ul li.top,
.menuBox ul li.top:HOVER {
	padding: 0;
	border: 0;
	border-bottom: 1px solid #eee;
}

.menuBox ul.opened li.top {
	cursor: default;
	padding: 0;
	width: 100%;
	background: none;
	height: 3px;
}

.menuBox ul.opened li.top .l {
	background: url("media/menurnd.png") no-repeat -3px -10px;
	float: left;
	width: 3px;
	height: 3px;
}

.menuBox ul.opened li.top .c {
	background: #eee;
	height: 3px;
	width: 156px;
	float: left;
}

.menuBox ul.opened li.top .r {
	background: url("media/menurnd.png") no-repeat 0 -10px;
	float: right;
	width: 3px;
	height: 3px;
}

.menuBox ul li.bottom {
	height: 0;
	border: 0;
}

.menuBox ul.opened li.bottom {
	cursor: default;
	padding: 0;
	width: 100%;
	background: none;
	height: 7px;
}

.menuBox ul.opened li.bottom .l {
	background: url("media/menurnd.png") no-repeat -3px 0;
	float: left;
	width: 3px;
	height: 8px;
}

.menuBox ul.opened li.bottom .c {
	background: url("media/menu-shadow.png") repeat-x;
	height: 10px;
	width: 156px;
	float: left;
}

.menuBox ul.opened li.bottom .r {
	background: url("media/menurnd.png") no-repeat;
	float: right;
	width: 3px;
	height: 8px;
}

/* WINDOWS */

.gui {
	cursor: move;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.gui br {
	CLEAR: both;
}

.gui .TL {
	background: url('http://www.colorjack.com/software/media/win_LT.png');
	width: 16px;
	height: 26px;
	float: left;
}

.gui .TM {
	background: url('http://www.colorjack.com/software/media/win_MT.png');
	width: 75px;
	height: 20px;
	float: left;
	text-align: center;
	padding-top: 6px;
	color: #fff;
	font-size: 13px;
	font-variant: small-caps
}

.gui .TML {
	float: left;
	z-index: 10;
	position: absolute;
}

.gui .TRx {
	float: right;
	position: relative;
	top: 2px;
	left: 1px
}

.gui .TRx img {
	float: left;
	margin: 0;
	padding: 0 0 0 6px;
	height: 12px;
	width: 12px;
	position: relative;
	top: 1px;
	opacity: 0.5;
	cursor: pointer
}

.gui .TRx img:hover {
	opacity: 1;
}

.gui .TRx div {
	width: 1px;
	background: #1a1a1a;
	height: 13px;
	float: left;
	margin: 1px 0 0 0;
	opacity: 0.5;
	display: none;
}

.gui .TR {
	background: url('http://www.colorjack.com/software/media/win_RT.png');
	width: 16px;
	height: 26px;
	float: left;
}

.gui .ML {
	background: url('http://www.colorjack.com/software/media/win_LM.png');
	float: left;
	width: 16px;
	height: 257px;
}

.gui .MM {
	background: url('http://www.colorjack.com/software/media/win_MM.png');
	float: left;
	width: 75px;
	cursor: default;
}

.gui .MR {
	background: url('http://www.colorjack.com/software/media/win_RM.png');
	float: left;
	width: 16px;
	height: 257px;
}

.gui .BL {
	background: url('http://www.colorjack.com/software/media/win_LB.png') 0 -22px;
	float: left;
	width: 16px;
	height: 20px;
}

.gui .BM {
	background: url('http://www.colorjack.com/software/media/win_MB.png') 0 -22px;
	float: left;
	width: 75px;
	height: 20px;
}

.gui .BR {
	background: url('http://www.colorjack.com/software/media/win_RB.png') -16px -22px;
	float: left;
	width: 16px;
	height: 20px;
}


body {
	background: #000;
	color: #fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, serif;
	margin: 0;
}

a, .a {
	color: #A4D0E9;
	text-decoration: none;
	cursor: pointer;
}

a:hover, .a:hover {
	color: #E093AB;
}

.noSelect {
	user-select: none;
}

#wheel {
	position: absolute;
	left: 10px;
	top: 60px;
	z-index: 1;
}

#wheel_1x1 {
	position: absolute;
	cursor: pointer;
	border: 1px solid #fff;
	left: 10px;
	top: 60px;
	display: none;
	width: 15px;
	height: 15px;
}

#wheel_plot_2 {
	position: absolute;
	left: 10px;
	top: 60px;
	z-index: 0;
}

#wheel_plot {
	position: absolute;
	left: 10px;
	top: 60px;
	z-index: 1;
}

#wheel_cur {
	position: absolute;
	left: 10px;
	top: 60px;
	z-index: 1;
}

#wheel_title {
	position: absolute;
	display: none;
	border: 1px solid #111;
	left: 10px;
	color: #000;
	top: 540px;
	text-align: center;
	font-size: 16px;
	line-height: 1.5em;
	padding: 12px 15px;
	z-index: 1000;
}

.left {
	float: left;
	width: 70px;
	padding-top: 7px;
	text-align: right;
	color: #777;
}

.left span {
	color: #333;
}

.rgb {
	text-align: center;
	color: #000;
	width: 250px;
	font-size: 16px;
	float: right;
	margin-top: 25px;
}

.rgb div.noSelect {
	position: absolute;
}

.rgb span#data {
	color: #fff;
	font-size: 16px;
	position: relative;
	top: 5px;
	line-height: 1em;
}

/*( TOP */

#top {
	background: #222;
	border-radius: 7px;
	padding: 5px;
	color: #444;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#top .west {
	float: left;
	margin-left: 163px;
	font-size: 16px;
	font-variant: small-caps;
}

#top .west div {
	margin-left: 15px;
	padding: 0 0 4px;
	color: #999;
	cursor: pointer;
	float: left;
}

#top .west div:hover {
	color: #ddd;
}

#top .east {
	float: right;
	font-size: 16px;
	font-variant: small-caps;
}

#top .east div {
	cursor: pointer;
	height: 20px;
	border-left: 1px solid #333;
	color: #e8e8e8;
	display: inline;
	padding: 4px 10px;
}

#top .east div:hover {
	background: none;
	color: #888;
	padding: 4px 10px 4px;
}

#wheel_db {
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 16px;
	text-align: center;
	width: 150px;
	text-align: left;
	z-index: 1;
	height: 12px;
}

#wheel_db:hover {
	overflow: visible;
}

#wheel_db span {
	font-size: 16px;
	display: block
}

#T {
	position: absolute;
	width: 100%;
	top: 0;
	height: 70%;
	z-index: 0;
}

#T div {
	cursor: pointer;
	padding: 2px 3px;
	font-size: 16px;
}

#T div:hover {
	padding-left: 10px;
}

/* XTRA */

#sexy_bg {
	BACKGROUND: #000;
	DISPLAY: none;
	POSITION: absolute;
	HEIGHT: 100%;
	OPACITY: 0.5;
	top: 0;
	width: 100%;
	Z-INDEX: 1000001;
}

#sexy_box {
	width: 282px;
	display: none;
	opacity: 1;
	Z-INDEX: 1000002;
	font-size: 16px;
	top: 100px;
	position: fixed;
	color: #efefef;
}

#sexy_box .TM, #sexy_box .MM, #sexy_box .BM {
	width: 250px
}

#sexy_box .ML, #sexy_box .MM, #sexy_box .MR {
	height: 170px
}

.sexyX {
	BACKGROUND: #000;
	BORDER-TOP: 1px solid #272727;
	color: #ddd;
	FONT-SIZE: 16px;
	PADDING: 4px 0;
}