/* CSS for colorPanel */
.colorPanel{}
.colorPanel .left{
	float:left;
	width:144px;
	height:144px;
}
.colorPanel .left .colorCell{
	float:left;
	width:14px;
	height:14px;
	padding:1px;
	border:1px solid #fff;
	background:#fff;
}
.colorPanel .left .colorCellActive{
	border:1px solid #069;
	background:#EDF2F8;
}
.colorPanel .left .colorCell .color{
	width:14px;
	height:14px;
}
.colorPanel .right{
	float:left;
	margin-left:4px;
	width:28px;
	height:142px;
	border: 1px solid #ccc;
}

/**
 * Tab panel 
 */
.tabPanel{
}

/**
 * Tabs
 */
.tabPanel .tabs{
	display:block;
} 
.tabPanel .tabs .l{
	background:url(/Public/image/nui/panel/tabpanel.gif) 0 0 no-repeat;
	padding-left:5px;
	height:30px;
	overflow:hidden;
}
.tabPanel .tabs .r{
	background:url(/Public/image/nui/panel/tabpanel.gif) right -60px no-repeat;
	padding-right:5px;
	height:30px;
	overflow:hidden;
}
.tabPanel .tabs .c{
	background:url(/Public/image/nui/panel/tabpanel.gif) 0 -30px repeat-x;
	height:30px;
	overflow:hidden;
}
.tabPanel .tabs .tab, .tabPanel .tabs .tab .l, .tabPanel .tabs .tab .r, .tabPanel .tabs .tab .c{
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	zoom:1;
}
.tabPanel .tabs .tab{
	margin:5px 5px 5px 0;
	line-height:20px;
	vertical-align:middle;
	cursor:pointer;
}
.tabPanel .tabs .tab .l{
	background:url(/Public/image/nui/panel/tabpanel.gif) 0 -120px no-repeat;
	padding-left:5px;
	height:20px;
	overflow:hidden;
}
.tabPanel .tabs .tab .r{
	background:url(/Public/image/nui/panel/tabpanel.gif) right -160px no-repeat;
	padding-right:5px;
	height:20px;
	overflow:hidden;
}
.tabPanel .tabs .tab .c{
	background:url(/Public/image/nui/panel/tabpanel.gif) 0 -140px repeat-x;
	height:20px;
	overflow:hidden;
	color:#888;
}
.tabPanel .tabs .tabhover .l{
	background-position:0 -180px;
}
.tabPanel .tabs .tabhover .r{
	background-position:right -220px;
}
.tabPanel .tabs .tabhover .c{
	background-position:0 -200px;
	color:#000;
}
.tabPanel .tabs .tabselected .l{
	background-position:0 -240px;
}
.tabPanel .tabs .tabselected .r{
	background-position:right -280px;
}
.tabPanel .tabs .tabselected .c{
	background-position:0 -260px;
	color:#fff;
	
}

/**
 * Contents
 */
.tabPanel .contents{
	padding:5px;
	background:#D8DEEF;
}

.tabPanel .contents .cnt{
}

/**
 * Foots
 */
.tabPanel .foot{
	display:block;
} 
.tabPanel .foot .l{
	background:url(/Public/image/nui/panel/tabpanel.gif) 0 -90px no-repeat;
	padding-left:5px;
	height:10px;
	overflow:hidden;
}
.tabPanel .foot .r{
	background:url(/Public/image/nui/panel/tabpanel.gif) right -110px no-repeat;
	padding-right:5px;
	height:10px;
	overflow:hidden;
}
.tabPanel .foot .c{
	background:url(/Public/image/nui/panel/tabpanel.gif) 0 -100px repeat-x;
	height:10px;
	overflow:hidden;
}