/*
Copyright (c) 2009, Shawphy(shawphy.com). All rights reserved.
http://shawphy.com/2009/03/my-own-reset-css.html
Based on YUI http://developer.yahoo.com/yui/reset/ 
and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 
Licensed under the BSD License:
http://creativecommons.org/licenses/BSD/
version: 1.1 | 20090303
*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #f0f0f0;	
}
.clearfix:after {  
	content:".";  
	display:block;  
	height:0;  
	clear:both;  
	visibility:hidden;  
	overflow: hidden;
}  
.clearfix{
	display:inline-block;
	clear: both;
	width:0px;
	height:0px; 
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}  
/* Hide from IE Mac */  
.clearfix {
	display:block;
	overflow: hidden;
	clear: both;
	width:0px;
	height:0px; 
}  
/* End hide from IE Mac */  
a{ text-decoration: underline; color: #0092f5;}
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; color: #9d3400; }
a:active { text-decoration: none; }

.hide{ display: none;}

.left{float: left; clear: none;}
.right{float: right;clear: none;}
.margin-top10{margin-top:10px;}
.margin-right10{margin-right:10px;}
.margin-right0{margin-right:0;}
.w_fixed{width: 980px; margin: 0 auto;}

strong{font-weight: bold;}

/* header */
#header{
	height: 70px;
	border-bottom: 1px solid #ccc;
	background-color: #e2e2e2;
}
	/* Logo */
	#logo{margin-top: 11px; float: left;}
	#logo,
	#logo img{
		width: 283px;
		height: 48px;
		display: block;
		overflow: hidden;
	}
		
	/* Lang */
	#lang{ 
		float: right;
		margin-top: 19px;
		position: relative;
		height: auto;
	}
		/* lang_drop */
		#lang_drop{
			height: 32px;
			line-height: 30px;
			color: #fff;
			text-shadow: 0 1px #013f73;
			text-align:left;
			cursor: pointer;
			border: 0px;
			font-size: 14px;
			position: relative;
			display: block;
			text-decoration: none;
			z-index: 9;
			padding-right: 26px;
			background: url(../images/lang.png) right -32px no-repeat;
		}
			#lang_drop span{
				height: 32px;
				overflow: hidden;
				display: block;
				padding: 0 10px;
				background: url(../images/lang.png) left 0 no-repeat;
			}
		
		#lang_box{
			width: 424px;
			position:absolute;
			z-index: 8;
			border:1px solid #01497f;
			padding:0px;
			margin: -3px 0 0 0;
			right: 0;
			text-align:left;
			padding: 5px;
			overflow: hidden;
			background: #fff;
			box-shadow: 1px 1px 5px #999;
			-moz-box-shadow: 1px 1px 5px #999;
			-webkit-box-shadow: 1px 1px 5px #999;
			display: none;
		}
			#lang_box ul li{
				width: 140px;				
				height: 30px;
				line-height: 30px;
				overflow: hidden;
				font-size: 12px;
				cursor:pointer;
				border: 1px solid #e5e5e5;
				float: left;
				margin: 0 -1px -1px 0;
				font-weight: normal;
			}
			#lang_box ul li a{
				text-decoration: none;
				display: block;
				width: 100%;
				height: 100%;
				padding: 0 10px;
			}
			#lang_box li a:hover{background: #f0f0f0;}
			#lang_box li.selected{ font-weight: bold; background: #f9f9f9;}		
			#lang_box li.selected a{color: #9d3400;}	
	
	/* Nav */
	#nav{ 	
		height:32px; 
		overflow: hidden;
		float: right;
		margin-top: 19px;
		padding-right: 10px;
	}
		#nav li{ float: left; margin-right: 5px;} 	
		#nav a{
			display: block;
			float: left;
			height: 32px;
			padding-right: 5px;
			overflow: hidden;
			text-decoration: none;
			color: #000;
		}	
			#nav a span{
				cursor: pointer;
				text-shadow: 0 1px #fff;
				display: block;
				font-size: 16px;
				height: 32px;
				line-height: 28px;
				padding: 0 15px 0 20px;
				text-align: center;
			}
			
		#nav a.active,
		#nav a:hover{
			color: #fff;
			background: url(../images/button.png) right -32px no-repeat;
		}	
			#nav a.active span,
			#nav a:hover span{
				text-shadow: 0 1px #013f73;
				background: url(../images/button.png) left 0 no-repeat;
			}
			
/* wrapper */
#wrapper{
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}			
			
/* square_ad */
.square_ad{
	width: 728px;
	height: 225px;
	overflow: hidden;
	margin-top: 10px;
}			
	/* bsap_1236897 */
	#bsap_1236897{
		width: 750px;
		height: 125px;
		overflow: hidden;
		padding-left: 1px;
	}
		#bsap_1236897 a,
		#bsap_1236897 a img{
			width: 125px;
			height: 125px;
			overflow: hidden;
		}
		#bsap_1236897 a{float: left;margin-right: 25px;}
		#bsap_1236897 a.adhere{
			width: 123px;
			height: 123px;
			color: #666;
			font-weight: bold;
			font-size: 12px;
			border: 1px solid #ccc;
			background: #e7e7e7;
			text-align: center;
			line-height: 1000%;
			text-decoration: none;
		}
		#bsap_1236897 a.adhere:hover{
			color: #000;
			border: 1px solid #999;
			background: #ddd;
		}
		
	/* w728x90 */
	.square_ad .w728x90{ margin-top: 10px;}
	.square_ad .w728x90,
	.square_ad .w728x90 img{
		width: 728px;
		height: 90px;
		display: block;
		overflow: hidden;
	}	
	
/* focus_note */
.focus_note{
	width: 240px;
	height: 223px;
	margin-top: 10px;
	overflow: hidden;
	line-height: 15px;
	color: #333;
	text-shadow: 0 1px #fff;
	border: 1px solid #bdc4ca;
	background-color: #dae6f2;
	-webkit-border-radius: 5px;
	-moz-box-border-radius: 5px;
	border-radius: 5px;
}
	.focus_note p{
		padding: 10px 14px 0 14px;
	}	
	
/* box */
.box{
	margin-top: 10px;
	overflow: hidden;
}	
	.box .caption{
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		border-bottom: 1px solid #d7d7d7;
		background-color: #f5f5f5;
	}
		.box .caption h2{
			padding: 0 13px 0 3px;
			float: left;
			color: #000;
			font-size: 18px;
			text-shadow: 0 1px #fff;
		}		
		.box .caption .box_form{
			height: 26px;
			margin-top: 8px;
		}
		.box .caption .a_btn{float: left;margin-left: 5px;}
		
	.box .content{
		border-top: 1px solid #fff;
	}	
			
/* current_blend */
#current_blend{
	width: 794px;
}		
	/* blend_list */
	.blend_list{
		width: 804px;
		overflow: hidden;
		clear: both;
	}
		.blend_list li{
			width: 110px;
			height: 154px;
			padding: 6px;
			overflow: hidden;
			float: left;
			margin: 10px 10px 0 0;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			background-color: #fff;
		}
		.blend_list li.current{
			border: 1px solid #0092f5;
			background-color: #e5e5e5;
		}
			/* blend_color */
			.blend_list .blend_color{
				width: 110px;
				height: 110px;
				overflow: hidden;
				display: block;
				cursor: pointer;
			}
			
			/* blend_rgb */
			.blend_list .blend_rgb{
				width: 110px;
				height: 36px;
				line-height: 18px;
				overflow: hidden;
				color: #333;
				margin-top: 5px;
			}
				.blend_list .blend_rgb dt,
				.blend_list .blend_rgb dd{
					width: 40px;
					height: 18px;
					overflow: hidden;
					text-align: left;
					float: left;
				}
				.blend_list .blend_rgb dd{ 
					width: 70px;
					text-align: right; 
					float: right;
				}
	/* blend_sort */
	.blend_sort{
		height: 20px;
		line-height: 20px;
		font-size: 13px;
		padding-top: 5px;
		overflow: hidden;
	}
		.blend_sort strong,
		.blend_sort input,
		.blend_sort label,
		.blend_sort .item{float: left;}		
		
		.blend_sort input{margin: 3px 5px 0 0;}	
		.blend_sort label{margin: 0 10px 0 0;}			
		.blend_sort .item{margin: 0 0 0 20px;}				
			
			
/* edit_color */
#edit_color{
	width: 770px;
	height: 152px;
}		
	/* rgb_hsv */
	.rgb_hsv{
		width: 90px;
		height: 25px;
		margin-top: 8px;
		overflow: hidden;
		background: url(../images/rgb_hsv.png) 0 0 no-repeat;
	}	
		.rgb_hsv li{
			width: 45px;
			height: 25px;
			line-height: 23px;
			overflow: hidden;
			float: left;
			text-align: center;
		}
			.rgb_hsv li a{
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				font-size: 13px;
				text-decoration: none;
				color: #666;
				text-shadow: 0 1px #fff;
			}
			.rgb_hsv li.current a{
				color: #333;
				font-weight: bold;
				background: url(../images/rgb_hsv.png) 0 -25px no-repeat;
			}
		
	/* selector_rgb */
	#selector_rgb{
		width: 750px;
		padding: 0 10px;
		overflow: hidden;
	}		
		/* rgb_box */
		#rgb_box{
			width: 600px;
			margin-top: 8px;
			overflow: hidden;
			float: left;
		}
			#rgb_box li{
				margin-top: 8px;
				height: 24px;
				overflow: hidden;
				float: left;
				clear: both;
			}
				#rgb_box strong{
					width: 20px;
					height: 16px;
					line-height: 16px;
					margin: 4px 0 0 0;
					float: left;
					display: block;
					overflow: hidden;
				}
				#rgb_box .dirinput{
					width: 48px;
					height: 22px;
					line-height: 22px;
					float: left;
					overflow: hidden;
					text-align: center;
					color: #333;
					border: 1px solid #d2d2d2;
					background: url(../images/input.gif) 0 0 no-repeat;
				}
				#rgb_box .rgb_bar{
					width: 511px;
					height: 16px;
					float: left;
					margin: 4px 10px 4px 0;
					overflow: hidden;
					background: url(../images/rgb_bar.gif) 0 0 repeat-x;
				}
					/* scroll_btn */
					#rgb_box .scroll_btn{
						width: 18px;
						height: 16px;
						overflow: hidden;
						cursor: pointer;
						text-indent: -99px;
						float: left;
						position: relative;
						z-index: 1;
						background-repeat: no-repeat; 
						background: url(../images/bar.png);
					}
					#rgb_box .l_btn{background-position: 0 0;margin-right: -1px;}
					#rgb_box .l_btn:hover{background-position: 0 -16px;}
					
					#rgb_box .r_btn{background-position: right 0;margin-left: -1px; float: right;}
					#rgb_box .r_btn:hover{background-position: right -16px;}
					
					/* rgb_slider */
					#rgb_box .rgb_slider{
						width: 477px;
						height: 16px;
						overflow: hidden;
						float: left;
						position: relative;
					}
						#rgb_box .rgb_slider .line{
							position: absolute;
						}
						#rgb_box .rgb_slider .handle{
							width: 23px;
							height: 16px;
							overflow: hidden;
							cursor: pointer;
							position: absolute;
							background: url(../images/bar.png) 0 -32px no-repeat;
						}
						
		/* rgb_color */
		#rgb_color{
			width: 123px;
			height: 92px;
			margin-top: 14px;
			overflow: hidden;
			float: right;
			padding-right: 5px;
		}
			#rgb_color li{
				width: 127px;
				height: 28px;
				overflow: hidden; 
				margin-bottom: 4px;
				float: left;
				clear: both;
			}		
			#rgb_color li.i2{
				width: 105px;
				padding-left: 22px;
			}	
				#rgb_color .variation{
					width: 38px;
					height: 28px;
					overflow: hidden;
					float: left;
					margin-right: 4px;
					cursor: pointer;
				}
						
						
	
/* sideBox */
.sideBox{
	margin-top: 10px;
	overflow: hidden;
}	
	.sideBox .caption{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #d7d7d7;
		background-color: #f0f0f0;
	}
		.sideBox .caption h2{
			text-align: center;
			color: #000;
			font-size: 18px;
			text-shadow: 0 1px #fff;
		}		
	.sideBox a.a_btn40{
		display: block;
		font-weight: normal;
	}	
	.sideBox a.a_btn40 span{
		padding: 0 0 0 6px;
	}
			
/* download_blend */
#download_blend{
	width: 176px;
	height: 219px;
}		
	#download_blend li{
		padding-bottom: 11px;
		margin-top: 11px;
		border-bottom: 1px solid #e3e3e3;
	}
	
/* color_fun */
#color_fun{
	width: 200px;
	height: 152px;
}
	#color_fun li{
		margin: 15px 0 -5px 0;
	}
	
/* friends */
#friends{
	
}	
	.friends_list{
		overflow: hidden;
		margin: 10px 0;
	}
		.friends_list li{
			width: 196px;
			height: 22px;
			line-height: 22px;
			overflow: hidden;
			text-indent: 10px;
			float: left;
		}	
		
/* footer */
#footer{
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	border-top: 1px solid #fff;
}		
	#footer .right{ color: #ccc; margin-right: -10px;}	
	#footer .right a{
		margin: 0 10px;
		color: #333;
		text-decoration: none;
	}
	#footer .right a:hover{
		text-decoration: underline;
	}	
		
/****** form_box ******/			
/****** form_box ******/
.form_box,
.form_box .form_li{
	width: 100%;
	overflow: hidden;
	clear: both;
}
.form_box{ padding: 15px 0;}
.form_box .form_li{ padding: 5px 0; float: left;}			
			
			
/* form_name */
.form_name{
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
}	
/* form_field */
.form_field{
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold;
	font-size: 13px;
}
	.form_field .input_txt{
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		overflow: hidden;
		padding: 0 5px;
		font-size: 13px;
		color: #666;
		border: 1px solid #d2d2d2;
		background: url(../images/input.gif) 0 0 no-repeat;
	}		
	/* input_hint_box */
	.input_hint_box{
		width: 178px;
		margin: 0;
		font-weight: bold;
		padding: 2px 10px;
		position: absolute;
		border: 1px solid #e6db55;;
		z-index: 9999;
		color: #f00;
		background-color: #fffbcc;
	}
	
/* .form_textarea */
.form_textarea{
	height: auto;
	line-height: normal;
}		
	.form_textarea .input_txt{
		height: 240px;
		overflow: auto;
		font-size: 13px;
		line-height: 18px;
		overflow-x: hidden;
		padding: 5px;
	}
	
/* form_check */
.form_check{
	height: 30px;
	line-height: 28px;
	overflow: hidden;
}
	.form_check input.checks{
		float: left;
		margin-top: 6px;
		margin-right: 5px;
	}	
	.form_check label{
		float: left;
		font-size: 13px;
		margin-right: 10px;
	}		
	.form_check .input_txt{
		float: left;
		margin-right: 10px;
	}

/* form_select */	
.form_select{
	
}
	.form_select .selectbox{	
		border: 1px solid #ccc;
		cursor: pointer;
		display : block;
		font-size: 13px;
		height: 23px;
		line-height: 21px;
		text-align:left;
		font-weight: bold;
		color: #333;
		text-indent: 8px;	
		background: url(../images/combo.png) right -23px no-repeat;
	}
	.form_select .selectbox:hover{
		background-position: right 0;
	}	
	.form_select .selectbox-wrapper{	
		padding:0px;
		margin-top: -1px;
		position:absolute;
		text-align:left;		
		z-index: 7;
		overflow: hidden;
		border:1px solid #ccc; 
		background: #fff;
	}
		.form_select .selectbox-wrapper ul li {			
			cursor:pointer;
			display: block;
			height: 25px;
			line-height: 25px;
			overflow: hidden;			
			padding: 0 10px;
			font-size: 12px;
		 	margin-top: 0px;		
			color: #333;	
			background: #fff;
			border-bottom: 1px dotted #ccc;
		}
		.form_select .selectbox-wrapper ul li.selected{ 			
			background:#fffdec; 
			color: #0092f5;
			font-weight: bold;
		}
		.form_select .selectbox-wrapper ul li.current { 
			color: #0092f5;
			text-decoration: none;
			background-color: #f9f9f9;
		}	
		
/* form_msg_fixed */		
.form_msg_fixed{
	position: absolute;
	margin-left: 500px;
	margin-top: -7px;
	background: url(../images/transparent.png);
}			
	.form_msg_fixed_box{
		margin: 5px 5px 5px 0;
		overflow: hidden;
		padding: 5px 10px;
		color: #f00;
		border: 1px solid #dbb648;
		background: #f9f4ce;
		float: left;
	}	
	.form_msg_fixed_tip{
		width: 5px;
		height: 7px;
		overflow: hidden;
		float: left;
		margin-top: 16px;
		background: url(../images/arrow.gif) right 0 no-repeat;
	}	
	
/* form_msg */	
.form_msg{
	font-size: 12px;
	display: block;
	float: left;
	clear: both;
	color: #666;
	padding-top: 3px;
}
.form_msg_red{
	color: #f00;
}			
	
/* form_button */
.form_button{
	
}		

/* button style */
a.a_btn{	
	display: inline-block;
	height: 30px;		
	overflow: hidden;
	padding-right: 6px;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px #fff;
	font-family: Verdana;
	# font-weight: bold;
	background: url(../images/button.png) right -414px no-repeat;
}	
	a.a_btn span{
		cursor: pointer;
		display: block;
		font-size: 13px;
		height: 30px;
		line-height: 25px;
		padding: 0 10px 0 16px;
		text-align: center;
		background: url(../images/button.png) left -384px no-repeat;
	}
	a.a_btn:hover{background-position: right -474px; color: #000;}
	a.a_btn:hover span{background-position: left -444px;}
	
/* yellow_btn */
a.yellow_btn{	
	color: #83552b;
	text-shadow: 0 1px #ffe9bd;
	background-position: right -534px; 
}	
	a.yellow_btn span{background-position: left -504px;}
	a.yellow_btn:hover{background-position: right -594px; color: #59452a;}
	a.yellow_btn:hover span{background-position: left -564px;}		
	
/* a_btn26 */		
a.a_btn26{
	height: 26px;
	background-position: right -650px;
}
	a.a_btn26 span{
		height: 26px;
		line-height: 22px;
		background-position: left -624px;
	}
	a.a_btn26:hover{background-position: right -702px;}
	a.a_btn26:hover span{background-position: left -676px;}	
	
/* a_btn40 */		
a.a_btn40{
	height: 40px;
	background-position: right -104px;
}
	a.a_btn40 span{
		height: 40px;
		line-height: 38px;
		background-position: left -64px;
	}
	a.a_btn40:hover{background-position: right -184px;}
	a.a_btn40:hover span{background-position: left -144px;}
		
/* yellow_btn40 */
a.yellow_btn40{	
	color: #83552b;
	text-shadow: 0 1px #ffe9bd;
	background-position: right -264px; 
}	
	a.yellow_btn40 span{background-position: left -224px;}
	a.yellow_btn40:hover{background-position: right -344px; color: #59452a;}
	a.yellow_btn40:hover span{background-position: left -304px;}	
	
/* box_info */
.box_info{
	height: 30px;
	overflow: hidden;
}
	.info_page .box_info{
		line-height: 30px;
		font-size: 13px;
		font-weight: bold;
	}	
	
/********** Pages Style Start *************/
.pages{
	height: 25px;
	overflow: hidden;
	text-align: right;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
	.pages a,
	.pages span,
	.pages em{
		display: inline-block;
		overflow: hidden;
		height: 22px;
		line-height: 22px;
		border: 1px solid #ccc;
		padding: 0 8px;
		margin-left: 5px;
		text-decoration: none;
	}
	.pages a:hover{
		border: 1px solid #ccc;
		text-decoration: none;
		background-color: #ececec;
	}
	.pages span.current{
		font-weight: bold;
		color: #fff;
		border: 1px solid #0092f5;
		font-size: 14px;
		background-color: #0092f5;
	}
	.pages span.disabled{
		color: #ccc;
		text-shadow: 0 1px #fff;
		border: 1px solid #e0e0e0;
		background: #f9f9f9;
	}
	.pages em{
		padding: 0 3px;
		color: #666;
		font-weight: bold;
		border: 0;
		background: none;
	}
/********** Pages Style End *************/		
	
/* round */
.round,
.round_box,
.dialog_box,
.dialog_min_box,
.about_box .sidebar li a,
.notification,
.con_box,
.dialog_box,
.dialog_min_box,
.blend_list li,
.focus_note,
.form_msg_fixed,
.box_msg,
.tran_edit,
.links_confirm p{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}	
.round_box{
	margin-top: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}
	
.blends_thumb li,
.pages a,
.pages span,
.pages em{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}	
	
/* tab_box */	
.box_tab_menu{
	height: 32px;
	overflow: hidden;
	margin-top: 10px;
}
	.box_tab_menu li{
		width: 185px;
		float: left;
		margin-right: -1px;
		display: block;
		height: 30px;
		line-height: 28px;
		border: 1px solid #ccc;
		text-align: center;
		overflow: hidden;
		position: relative;
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #e5e5e5;
	}
		.box_tab_menu li a{	
			display: block;
			height: 100%;
			width: 100%;
			overflow: hidden;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
			color: #666;
			text-decoration: none;
		}	
	.box_tab_menu li.active{
		height: 31px;
		border-bottom: 0;
		background-color: #fff;
	}	
		.box_tab_menu li.active a{ color: #0092f5;}
	
/* box_tab_content */
.box_tab_content{
	padding: 10px;
	overflow: hidden;
	margin-top: -1px;
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}	

/* blends_sort */
.blends_sort .box_tab_content{padding: 12px;height: 25px;}
.blends_sort .form_name{padding: 0 20px 0 5px;}
.blends_sort .form_check{padding-right: 15px;}
.blends_sort .input_txt{width: 40px;margin-right: 5px;}
.blends_sort .hex_input{width: 200px;}

/* blends_box */
.blends_box{
	width: 960px;
	padding: 9px;
}
/* blends_thumb */
.blends_thumb{
	overflow: hidden;
	padding-bottom: 10px;
}
	.blends_thumb ul{
		width: 980px;
	}
	.blends_thumb li{
		width: 172px;
		height: 52px;
		padding: 5px;
		overflow: hidden;
		float: left;
		margin: 10px 10px 0 0;
		border: 1px solid #d7d7d7;
		background-color: #f0f0f0;
	}	
		.blends_thumb .color_board{
			width: 168px;
			height: 28px;
			padding: 2px;
			overflow: hidden;
			background-color: #fff;
		}
		.blends_thumb .ss{
			width: 28px;
			height: 28px;
			overflow: hidden;
			float: left;
			cursor: pointer;
		}
		.blends_thumb p{padding: 1px 0 0 0;}
		
/* about_box */
.about_box{
	width: 960px;
	padding: 9px;
}		
	/* sidebar */
	.about_box .sidebar{
		width: 180px;
		padding: 15px;
		padding-top: 0px;
		margin: 15px 0;
	}
		.about_box .sidebar li{
			width: 180px;
			height: 40px;
			overflow: hidden;
		}
			.about_box .sidebar li a{
				display: block;
				width: 180px;
				height: 30px;
				line-height: 28px;
				overflow: hidden;
				font-weight: bold;
				font-size: 13px;
				text-indent: 15px;
				text-decoration: none;
			}
			.about_box .sidebar li a:hover,
			.about_box .sidebar li.active a{	
				color: #fff;
				text-decoration: none;
				background-color: #0092f5;
			}
		
	/* Content */		
	.about_box .content{
		width: 700px;
		padding: 0 18px;
		margin: 15px 0;
		overflow: hidden;
		border-left: 1px solid #e0e0e0;
	}
		/* about_ico */
		.about_ico{
			margin: 20px 0 0 0;
			overflow: hidden;
			background-color: #eee;
			padding: 5px;
		}
			.about_ico,
			.about_ico img{
				width: 80px;
				height: 80px;
				display: block;
				overflow: hidden;
			}
		
		/* about_txt */
		.about_txt{ width: 580px;}
	
		/* form_box */
		.about_box .form_name,
		.about_box .form_select,
		.about_box .form_field{
			float: left;
		}
		.about_box .form_code{
			clear: both;
			overflow: hidden;
			padding-top: 5px;
			margin: 0 0 0 190px;
		}
		.about_box .form_name{width: 180px;}
		.about_box .input_txt{width: 490px;}
		.about_box .w120{width: 140px;}
		.about_box .selectbox{width: 500px;}
		.about_box a.a_btn{ 
			width: 146px;
			text-decoration: none;
		}
	
	
/* faq_box */
.faq_box{
	padding: 20px 15px;
	font-size: 14px;
	overflow: hidden;
}		
	.faq_box a{ text-decoration: underline;}
	.faq_box a:hover{}
	
	.big_title{
		color: #0092f5;
		font-size: 26px;
		line-height: 28px;
		padding-bottom: 15px;
		font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px dotted #ccc;
	}
	.faq_list{margin-top:20px;}	
	.faq_list h2{font-size: 16px;font-weight: bold; color: #333;}	
	
	.faq_title{margin-top:8px;line-height: 18px;}	
	.faq_toggle{padding-left: 20px;display: none;}
	.faq_open a{ text-decoration: none;}
	.faq_text p{padding: 5px 0;line-height: 22px;color: #666;}
	
/*************** Notifications ***************/
.notification{
	text-align:left;
	font-size: 13px;
	position: relative;
	margin-top: 10px;
	border: 1px solid;
	-webkit-box-shadow: 0 1px 3px #ddd;
	-moz-box-box-shadow: 0 1px 3px #ddd;
	box-shadow: 0 0 3px #ddd;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
}
.attention {
   background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
   border-color: #e6db55;
   color: #666452;
}
.information {
	background: #dbe3ff url('../images/icons/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}	
.success {
	background: #d5ffce url('../images/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}	
.error {
	background: #ffcece url('../images/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
}
	.notification_box{
		 display:block;
       font-style:normal;
       padding: 10px 10px 10px 36px;
       line-height: 1.5em;
	}
	.notification .close{
	    color:#990000;
	    font-size:9px;
	    position:absolute;
	    right:7px;
	    top:5px;
    }	
	 
/* con_box */
.con_box{
	margin-top: 10px;
	border: 1px solid #ccc;
	background: #fff;
}
	.con_box h2,
	.con_box .caption{
		height: 27px;
		line-height: 25px;
		font-weight: bold;
		font-size: 13px;
		color: #333;
		padding: 0 10px;
		text-shadow: 0 1px #fff;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border: 1px solid #fff;
		border-bottom: 1px solid #e0e0e0;
		background: #eee;
	}
	.con_box .caption{
		height: 30px;
		line-height: 30px;
		padding: 5px;	
	}
	.con_box .caption h3{
		font-size: 15px;
		font-weight: bold;
		padding-left: 10px;
		width: auto;
	}
	.con_box .table-form{ width: 100%; padding: 15px 0 20px 0; overflow: hidden;}
	.con_box .table-form li{ width: 100%; clear: both;}	 
	.con_box .content{
		padding: 15px;
		overflow: hidden;
		border-top: 1px solid #ddd;
	}
	
	.positon{
		padding: 10px 15px; 
		overflow: hidden; 
		height: 30px;
		line-height: 30px;
	}
	.positon em{ margin: 0 10px;}
	.positon a,.positon label{font-weight: 700;}
	.positon label{ color: #999;}
	.positon a.a_btn{font-weight: normal; float: right;}
	

/* profile */
.profile{width: 515px; padding-bottom: 45px;}	
.profile .form_box{padding: 15px 0 30px 0;}
.profile .form_box .form_li{ padding: 10px 0;}
.profile .form_name{width: 100px;}
.profile .input_txt{width: 370px;}
.profile .form_msg{ padding-left: 110px;}

.profile_right{width: 450px;}
.profile_right .form_name{width: 150px;}
.profile_right .input_txt{width: 250px;}	

.rgb_slider .slider-input {display:none;}

/* form_msg_fixed */		
.form_msg_fixed{
	position: absolute;
	margin-left: 500px;
	margin-top: -7px;
	background: url(../images/transparent.png);
	-webkit-border-radius: 5px;
	-moz-box-border-radius: 5px;
	border-radius: 5px;
}			
	.form_msg_fixed_box{
		margin: 5px 5px 5px 0;
		overflow: hidden;
		padding: 5px 10px;
		color: #f00;
		border: 1px solid #dbb648;
		background: #f9f4ce;
		-webkit-border-radius: 3px;
		-moz-box-border-radius: 3px;
		border-radius: 3px;
		float: left;
	}	
	.form_msg_fixed_tip{
		width: 5px;
		height: 7px;
		overflow: hidden;
		float: left;
		margin-top: 16px;
		background: url(../images/arrow.gif) right 0 no-repeat;
	}	

/* mailing_list */
.mailing_list{
	padding: 15px;
}
	.mailing_list h5{ 
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 28px;
		line-height: 28px;
	}
	.mailing_list p{ float: right;}
	
/* sign_up */
.sign_up{width: 978px;}	
.sign_up .form_box{padding: 15px 0 30px 0;}
.sign_up .form_box .form_li{ padding: 10px 0;}
.sign_up .form_box .check_li{ padding: 5px 0;}
.sign_up .form_name{width: 150px;}
.sign_up .form_field{ height: auto;}
.sign_up .input_txt{width: 550px;height: 35px; line-height: 35px; font-size: 14px;}
.sign_up .form_msg{ padding-left: 160px;}
.sign_up .form_msg_fixed{margin: -2px 0 0 730px}	

/* signin_box */
/* signin_box */
.signin_box{width: 586px;}
.signin_box .form_box .form_li{ padding: 10px 0;}
.signin_box .form_box .check_li{ padding: 0; width: 510px; font-size: 14px;}
.signin_box .form_name{width: 130px; font-size: 14px; padding-right: 20px;}
.signin_bar .form_field,
.signin_box .form_field{ height: auto;}
.signin_bar .input_txt,
.signin_box .input_txt{width: 350px; height: 35px; line-height: 35px; font-size: 14px;}	
.signin_box .form_field2 .input_txt{width: 188px; margin-right: 10px;}
.signin_box .form-checkbox-skin{ padding-right: 48px;}
.signin_box .form_msg_fixed{margin: -2px 0 0 520px;}	
.signin_box .form_button{margin: 0 10px 0 0;}	

/* reset_pw */
.reset_pw{
	margin: 0 auto;
	margin-top: 10px;
}
	.reset_pw p{
		font-size: 14px;
		color: #333;
		padding: 15px 15px 0 15px;
	}
	.reset_pw .form_name{width: 160px;}
	.signin_box .form_msg_fixed{margin: -2px 0 0 550px;}	
	.reset_pw .form_button2{
		margin: 0 auto;
		text-align: center;
		padding: 15px 0;
	}

/* signin_bar */
.signin_bar{width: 380px;}
.signin_bar_box{
	padding: 15px 25px;
}
	.signin_bar_box p{
		font-size: 14px;
		color: #333;
	}
	.signin_bar_box h5{
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		font-size: 34px;
		color: #6a7e2a;
		text-align: center;
		margin: 10px 0;
	}
	.signin_bar_box .form_field{	
		width: 330px; 
		margin: 0 auto;
		margin-top: 10px;
	}
	.signin_bar_box .form_field2{width: auto; margin-right: 10px;}
	.signin_bar_box .form_code{margin-top: 10px;}
	.signin_bar_box .form_msg_fixed{margin: -38px 0 0 335px;}
	.signin_bar_box .form_field .input_txt{width: 318px;}
	.signin_bar_box .form_field2 .input_txt{width: 155px;}
	.signin_bar_box .form_button{
		text-align: center;
		padding-top: 10px;
		float: left;
		width: 100%;
	}
	

/* dialog_box */
.dialog_box{
	width: 420px;
	padding: 5px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/transparent.png);
}	
	.dialog_min_box{
		overflow: hidden;
		border: 1px solid #ccc;
		background-color: #fff;
	}
		.dialog_text{
			padding: 5px 10px;
		}
		.dialog_title{
			padding: 5px 10px 15px 20px;
			margin-bottom:5px;
			border-bottom: 1px solid #e0e0e0;
		}
			.dialog_title h2{		
				font-weight: bold;
				font-size: 26px;
				color: #333;
				height: 30px;
				line-height: 30px;
				margin-top: 10px;
				text-shadow: 0 1px #fff;
			}
			.dialog_title h3{		
				font-weight: bold;
				font-size: 13px;
				color: #333;
				text-shadow: 0 1px #fff;
			}
			.dialog_title a{float: right;}
			
/* form_box */			
.dialog_box .form_box{width: 100%;overflow: hidden; padding: 0;}
.dialog_box .form_box .form_li{
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 0 0 20px;
}
.dialog_box .form_box li.line{
	height: 0;
	font-size: 0;
	line-height: 0;
	padding: 15px 0 0 0;
	margin-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
}

/* save_tip */
.save_tip{width: 400px;}
.save_tip .form_box{padding: 0 0 10px 0;}
.save_tip .dialog_title{padding: 5px 10px;margin-bottom:5px;}
.save_tip .form_name{width:80px;}
.save_tip .input_txt{width:250px;}
.save_tip .a_btn{width:78px;}

.reset_pw {
    margin: 10px auto 0;
}

/* dialog_sign */
.dialog_sign .form_field{height: auto;padding-right: 10px; font-weight: bold; }
.dialog_sign .input_txt{
	width: 366px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.dialog_sign .short_input{width: 172px;}
.dialog_sign_in .form_button{width: auto;margin: 0;padding-right: 42px;}
.dialog_sign_up .form_button{ text-align: center; padding: 10px 0;}
.dialog_sign .a_btn{
	width: 100px;
}
.dialog_sign .form_msg_fixed{margin-left: 380px;margin-top: 1px;}
.dialog_sign .form_checkbox_skin{ padding-right: 42px;}	
.dialog_sign_tip{padding: 0 22px 15px 22px;margin-top: 5px;}		

.dialog_sign_tip .left a{ text-decoration: underline;}
.dialog_sign_tip .left a:hover{ text-decoration: none;}	
.dialog_sign_tip .right a{ font-weight: bold;text-decoration: none;}

/* tab_form */
.tab_form .info_page{margin-top: 10px;}
.tab_sort .form_select,
.tab_sort .form_field{ margin-right: 10px;}
.tab_sort .input_txt{ width: 188px;}
.tab_form .margin-right0{ margin-right: 0;}
.tab_form .margin-top0{ margin-top: 0;}


/* table_box*/
.table_box{
	width: 100%;
	*border: 1px solid #ccc;
	margin: 10px 0 0 0;
}	
	.table_box th,
	.table_box td{
		height: 28px;
		line-height: 28px;
		font-size: 13px;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		border: 1px solid #ccc;
		white-space:nowrap;
	}	
	.table_box th{
		height: 30px;
		line-height: 30px;
		font-weight: bold;
		background-color: #f0f0f0;
	}
	
	.table_box tr.odd td{ background: #fff;}
	.table_box tr.even td{background: #f9f9f9;}
	.table_box tr.active td{background: #feffcf;}
	.table_box tr.selected td{background: #feffcf;}
	
	.table_box .col30{ width: 30px; }
	.table_box .col50{ width: 50px;}
	.table_box .col60{ width: 60px; }
	.table_box .col70{ width: 70px; }
	.table_box .col80{ width: 80px; }
	.table_box .col85{ width: 85px; }
	.table_box .col90{ width: 90px; }
	.table_box .col100{ width: 100px; }
	.table_box .col110{ width: 110px; }	
	.table_box .col120{ width: 120px; }
	.table_box .col130{ width: 130px; }
	.table_box .col135{ width: 135px; }
	.table_box .col140{ width: 140px; }
	.table_box .col150{ width: 150px; }
	.table_box .col160{ width: 160px; }
	.table_box .col165{ width: 165px; }	
	.table_box .col170{ width: 170px; }	
	.table_box .col180{ width: 180px; }	
	.table_box .col190{ width: 190px; }		
	.table_box .col200{ width: 200px; }		
	.table_box .col220{ width: 220px; }
	.table_box .col230{ width: 230px; }
	.table_box .col250{ width: 250px; }
	.table_box .col380{ width: 380px; }
	.table_box .col500{ width: 500px; }	
	.table_box .col540{ width: 540px; }	
	.table_box .col810{ width: 810px; }
		
	.table_box .align_left{
		text-align: left;
		padding-left: 10px;
	}	
	.table_box a{margin: 0 5px;}
	.table_box .a_btn{ display: block; width: 60px; margin: 0 auto;}

	/* input_focus */	
	.table_box .input_focus{
		width: 220px;
		padding: 0 5px;
		height: 20px;
		line-height: 20px;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		border: 1px solid #ccc;
		background: url(../images/input.gif) 0 0 no-repeat;
	}
	.table_box .input_focus_active{
		border: 1px solid #999;
	}	
	
	/* img */	
	.table_box img{
		margin: 0 auto;
		vertical-align: middle;
	}	
	.table_box img.sort_ico{
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		margin-bottom: 3px;
	}
	
	/* chart */
	.chart{
		width: 130px;
		height: 13px;
		margin: 0 auto;
		overflow: hidden;
		clear: both;
		background: url(../images/percentage.png) 0px -31px repeat-x;
	}
		.chart div{
			height: 13px;
			float: left;
			overflow: hidden;		
			background-image: url(../images/percentage.png);
			background-repeat: repeat-x;
		}
		.chart div.green{background-position: 0 0;}
		.chart div.purple{background-position: 0 -16px;}	
	
	/* .rate */
	.rate{
		width: 100px;
		height: 20px;
		padding-right: 2px;
		margin: 0 auto;
		border: 1px solid #ccc;
		text-align: left;
	}
		.rate div{
			display: block;
			height: 20px;
			background: url(../images/rate.gif) 0px 0px repeat-x;
		}	
	
/* tab_sort */	
.tab_sort{
	height: 30px;
	padding: 0;
	clear: both;
}	
	/* tab_title */
	.tab_title{
		height: 25px;
		line-height: 25px;
		font-size: 13px;
		overflow: hidden;
	}
		.tab_title span{margin-right: 15px;font-size:14px;}
		.tab_title strong{margin: 0 3px;}
	
/* tran_box */	
		
/* tran_info */		
.tran_info{
	overflow: hidden;
	padding: 10px 0 0 0;	
}
	.tran_info ol{
		height: 45px;
		overflow: hidden;
		background: url(../images/percentage.png) 0px 2px no-repeat;
	}
		.tran_info ol li{
			height: 16px;
			line-height: 16px;
			overflow: hidden;
			text-indent: 30px;
		}		

/* tran_edit */
.tran_edit{
	position: relative;
	overflow: hidden;
	background-color: #f9f9f9;
}			
	.tran_edit .form_box{ padding: 10px 0;}
	.tran_edit .input_txt{ width: 550px;}
	.tran_edit .short_input{ width: 90px;}
	.tran_edit .form_name{width: 130px;}
	.tran_edit .form_name2{width: auto;}
	.tran_edit .form_field,
	.tran_edit .form_button{ margin-right: 10px; height: auto;}
	.tran_edit .form_msg{padding-left: 140px;}
	
	.tran_edit .no{
		position: absolute;
		top: 10px;
		left: 15px;
	}
		.tran_edit .no strong{
			font-size: 16px;		
			font-weight: bold;
			font-style: italic;
		}		

/* box_msg */
.box_msg{
	padding: 8px 13px;
	margin: 10px 0 0 0;
	line-height: 18px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}
	.box_msg li{
		font-size: 13px;
		padding: 3px 0 3px 15px;
		background: url(../images/dot.gif) 0px 8px no-repeat;
	}		
	.box_msg p{
		font-size: 13px;
		font-weight: 700;
		padding: 5px 0 5px 40px;
		background: url(../images/icons/bulb.png) 0 center no-repeat;
	}
	
		
/* links_box */
.links_box{
	padding: 6px;
	height: 117px;
	overflow: hidden;
	background-color: #f9f9f9;
}	
.links_box_red,
.links_box:hover{
	border-color: #df8f8f;
}
	/* links_pic */
	.links_pic{
		width: 150px;
		height: 105px;
		overflow: hidden;
		padding: 5px;
		border: 1px solid #ccc;
		background-color: #fff;
	}	
		.links_pic img{
			width: 150px;
			height: 105px;
			overflow: hidden;
			display: block;
		}		
		
	/* links_info */
	.links_info{
		width: 765px;
		height: 117px;
		padding-right: 5px;
		overflow: hidden;
	}		
		/* TT */
		.links_info_tt{
			height: 25px;
			line-height: 22px;
			overflow: hidden;
		}
			.links_info_tt h1{
				font-size: 14px;
				font-weight: bold;
			}
			.links_info_tt span{float: right;}
			.links_info_tt span a{text-decoration: underline;}
			.links_info_tt span a:hover{text-decoration: none;}
			
		/* P */	
		.links_info p{
			height: 60px;
			line-height: 20px;
			font-size: 13px;
			overflow: hidden;
		}		
		
	/* links_info_tags */
	.links_info_tags{
		margin-top: 3px;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		font-weight: bold;
	}
		.links_info_tags label{color: #666;}					
		.links_info_tags a{margin: 0 5px;}	
		
/* links_edit */			
.links_edit{height: 28px;overflow: hidden;}
.links_edit .form_name{ padding: 0 10px;}		
.links_edit .form-viod li{	
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	float: left;
	padding: 0 10px;
	margin-right: 5px;
	border: 1px solid #ccc;
	background: #f0f0f0;
	-webkit-border-radius: 3px;
	-moz-box-border-radius: 3px;
	border-radius: 3px;
}

/* dashboard */
.dashboard{
	width: 968px;
	overflow: hidden;
	margin: -10px 0 0 0;
	padding-right: -10px;
}		
/* board_box */
.board_box{
	width: 310px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}	
	.box_top{
		height: 27px;
		line-height: 27px;
		overflow: hidden;
		text-shadow: 0 1px #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		background-color: #f0f0f0;
	}
		.box_top h1{
			font-weight: bold;
			font-size: 13px;
			padding-left: 10px;
		}
		.box_top h1 img{
			vertical-align: middle;
			margin-top: -4px;
		}
		.box_top h1 .fav_link{
			vertical-align: middle;
			margin: -4px 3px 0 3px;
		}
		.box_top span{
			float: right;
			padding-right: 8px;
			font-size: 12px;
			text-align: right;
		}


	/* board_list */
	.board_list{
		padding: 10px 0;
		overflow: hidden;
		clear: both;
	}
		.board_list li{
			height: 30px;
			line-height: 30px; 
			overflow: hidden;
			font-size: 13px;
			font-weight: bold;
			border-bottom: 1px dotted #f0f0f0;
		}
			.board_list label{
				width:150px;
				height: 30px;
				overflow: hidden;
				text-align: right;
				display: inline-block;
				font-weight: bold;
				font-size: 13px;
				color: #666;
				padding-right: 5px;
				float: left;
			}
			.board_list a{
				text-decoration: underline;
				font-weight: bold;
				font-size: 16px;
			}
			
	/* board_table_box*/
	.board_table_box{
		width: 294px;
		border: 1px solid;
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}		
		.board_table_box th,
		.board_table_box td{
			border-top: 0;
			border-bottom: 0;
		}	
		
/* links_add */
.links_add .form_name{width: 190px;}
.links_add .form_msg{ padding-left: 200px;}	
.links_add .input_txt{width: 580px;}	

/* links_tags */
.links_tags	.table_box{ margin-top: 0;}

/* fieldset_box */
.fieldset_box{
	margin: 10px 0 0 0;
}	
	.fieldset_box legend{
		margin-left: 10px;
		font-weight: bold;
		font-size: 13px;
		padding: 0 5px;
		background: #fafdff;
	}
	.fieldset_main{
		padding: 5px 15px 10px 15px;
		overflow: hidden;
	}
	
/* .fieldset_box */	
.fieldset_box_red{
	border-color: #390;
	background-color: #fcfcfc;
}
	
/* links_confirm */
.links_confirm li{
	padding: 5px 0;
	overflow: hidden;
	width:100%;
	font-size: 14px;
}	
	.links_confirm .tt{
		width: 200px;
		float: left;	
		text-align: right;
		margin-right: 20px;
	}
	.links_confirm .tt h5{ text-align: left; height: 30px;}
	.links_confirm strong{
		font-weight: bold;
		font-size: 15px;
		font-style: italic;
		margin-right: 5px;
	}
	.links_confirm .tt label{ float: right; font-weight: 700; font-size: 13px;}
	
	.links_confirm em{ font-weight: bold; color: #f00; margin-left: 3px; }
	.links_confirm a.show_code{
		display: inline-block;
		margin-top: 0px;
		text-decoration: none;
		margin-left: 15px;
		vertical-align: middle;
		font-size: 12px;
	}	
	.links_confirm p{
		overflow: hidden;
		padding: 5px 8px;
		font-size: 12px;
		margin-top: 5px;
		font-style: italic;
		border: 1px solid #ccc;
		color: #333;
		background-color: #f5f5f5;
	}
	.links_confirm a.btn30{
		text-decoration: none;
		font-size: 12px;
	}	
	.links_confirm .form_box{padding:0;}
	.links_confirm .form_name{width: 150px;}
	.links_confirm .input_txt{width: 560px;}
	.links_confirm .ui-prompt{ margin-left: 740px;}
	
	.links_confirm .links-text{
		float: left;
	}
	.links_confirm .ui-prompt{	
		margin: 0;
		float: left;
		margin-left: 20px;
		position: inherit;
		height: auto;
		line-height: 18px;
		padding: 3px 10px;
		border-radius: 4px;
	}	
		.links_confirm .ui-prompt-arrow{
			top:inherit;
			left: inherit;
			margin-left: -16px;
		}
		.links_confirm .ui-prompt-cnt{		
			color: #080;
			white-space: normal; 
			font-size: 13px;
		}	
		.links_confirm .ui-prompt-cnt strong{ font-size: 13px; font-style: normal; }	
		.links_confirm .ui-prompt-cnt strong.no{ color: #c00; }	
		.links_confirm .ui-prompt-cnt span{ color: #06c; }	
	
		.fieldset_box_red{padding-bottom: 30px;}
		.fieldset_box_red .form_field{ height: 32px;}
		.fieldset_box_red .input_txt{ border: 2px solid #390;}
		.fieldset_box_red .ui-prompt-cnt{ color: #c00;}
		.fieldset_box_red .ui-prompt{
			max-width: 200px;
			position: absolute;
			margin-left: 743px;
		}
	
/* links-domain */
.links-domain .form_box{ width: 100%; padding: 15px 0; overflow: hidden;}
.links-domain .form_name{width: 150px; font-size: 16px; }
.links-domain .input_txt{width: 530px; margin-right: 10px;}
.links-domain .new_form_button{border-top: 1px solid #ddd; margin-top: 10px;}
.links-domain .form_msg{ padding-left: 160px;}
	
.links-domain-item{
	width: 100%;
	overflow: hidden;
}		
	.links-domain-item h5{
		font-size: 13px;
		font-weight: 700;
		border-bottom: 1px solid #ddd;
		padding: 5px;
	}
	.links-domain-item p{
		font-size: 14px;
		padding: 10px;
	}
	.links-domain-item .donot-list{ margin: 10px 0;}
	.links-domain-item .donot-list li{
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		margin: 0 5px;
		padding-left: 23px;
		background: url('../images/icons/cross_circle.png')  0 4px no-repeat;
	}
	.links-domain-item .donot-list li.cando{
		background-image: url('../images/icons/tick_circle.png');
	}
	.customize-list{
		line-height: 24px;
		font-size: 13px;
		margin: 0 10px;
	}
	
/* customize-link */	
.customize-link{margin-top: 20px;}
.customize-link .notification{margin: 0 0 10px 0;}
.customize-link .form_box{ width: 100%; padding: 10px 0; overflow: hidden;}
.customize-link .form_name{width: 150px; }
.customize-link .input_txt{width: 550px;}
.customize-link .ui-prompt{ margin-left: 730px;}	
.customize-link .form_textarea .input_txt{ width: 700px; height: 100px; margin-left: 10px;}
.customize-link .new_form_button{border-top: 1px solid #ddd; margin-top: 20px;}
	
/* links-overview */
.links-overview{margin-top: 20px;}
.links-overview .new_form_button{border-top: 1px solid #ddd; margin-top: 20px;}	
.links-domain-item h5{text-transform:uppercase; color: #080;}
.links-domain-item h5 strong{color: #e00;}
	
/* links-overview-box */
.links-overview-box{
	float: left;
	width: 550px;	
	overflow: hidden 
}	
	
/* links-overview-bar */	
.links-overview-bar{
	width: 340px;
	padding: 0 20px;
	border: 1px solid #ddd;
	float: right;
	border-radius: 5px;
}	
.links-overview-bar h5{ font-size: 20px; line-height: 18px; padding: 15px 0;}
.links-overview-bar p{ font-size: 14px; line-height: 18px;}
.links-overview-bar .form_box{  padding: 10px 0;}
.links-overview-bar .form_button{ text-align: center;}
.links-overview-bar .a_btn span{padding: 0 20px 0 26px;}
.links-overview-bar .input_txt{width: 328px;}
.links-overview-bar .form_textarea .input_txt{ height: 160px;}
	
/* form-msg */	
.form-msg{
	font-size: 12px;
	display: block;
	float: left;
	clear: both;
	color: #666;
	padding-top: 3px;
}
.form-msg-red{color: #f00;}

/* form-msg-fixed */
.form-msg-fixed{	
	z-index: 999;	
	padding: 5px;
	position: absolute;
	margin-left: 480px;
	margin-top: -6px;
	background: url(../images/transparent.png);
}		
	.form-msg-fixed-box{		
		overflow: hidden;
		padding: 0 10px;
		height: 28px;
		line-height: 28px;
		color: #f00;		
		white-space:nowrap; 
		border: 1px solid #dbb648;
		background: #f9f4ce;
		float: left;
	}	
	.form-msg-fixed-tip{
		width: 5px;
		height: 7px;
		overflow: hidden;
		float: left;
		margin-top: 11px;
		margin-left: -5px;		
		position: absolute;
		background: url(../images/arrow.gif) right 0 no-repeat;
	}	
	
.tran_edit .form-msg{ padding-left: 140px;}
.tran_edit .form-msg-fixed{ margin-left: 780px;}
	
	
	/*ui-prompt */
	.ui-prompt{	
		height: auto;
		line-height: 18px;
		padding: 0 10px;
		position: absolute;
		z-index: 999;	
		cursor: pointer;
		border: 1px solid #dbb648;
		background: #fefcce;
	}	
		.ui-prompt-arrow{
			width: 6px;
			height: 12px;
			top: 8px;
			left: -6px;
			overflow: hidden;
			position: absolute;
			background: url(../images/ui-tips-arrow.png) 0 0 no-repeat;
		}
		.ui-prompt-cnt{		
			overflow: hidden;
			color: #f00;		
			font-size: 12px;
			padding: 2px 0;
		}	
		
.new_form_button{padding: 20px 0; text-align: center;}
.new_form_button_two .new_button{
	display: inline-block;
	width: auto;
	padding: 0 60px;
	margin: 0 10px;
}

/* none-listing */
.none-listing{
	padding: 7px 13px;
	color: #666;
	font-size: 16px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 4px;
}
		
/* new_button */
.new_button{	
	display: block;
	width: 300px;
	height: 58px;
	line-height: 56px; 
	font-size: 22px;
	margin: 0 auto;
	white-space:nowrap;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	color: #666;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background-color: #ddd;
}
body .new_button{	text-decoration: none;}
.new_button:hover{
	color: #fff;	
	text-shadow: 0 1px 0 #02477a;
	background-color: #02477a; 
}



/* links-listin */
#links-listing{margin-top: 0;}
#links-listing td{width: 20%;}
#links-listing td label{ padding-left: 10px;}
#links-listing td span{ padding-right: 10px;}.reset_pw {
    margin: 10px auto 0;
}

.rgb_slider .slider-input {display:none;}

/* rgb_color */
.selectcolor{
    width: 123px;
    height: 92px;
    margin-top: 14px;
    overflow: hidden;
    float: right;
    padding-right: 5px;
}
.selectcolor li{
    width: 127px;
    height: 28px;
    overflow: hidden; 
    margin-bottom: 4px;
    float: left;
    clear: both;
}		
.selectcolor li.i2{
    width: 105px;
    padding-left: 22px;
}	
.selectcolor .variation{
    width: 38px;
    height: 28px;
    overflow: hidden;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.notification {margin-bottom:10px;}

.msg_box {margin:30px 0 50px 0;}
.msg_box p {margin-bottom:10px;}
.msg_box .box_main {padding:10px 20px 20px 10px;}

/* form_msg_fixed */		
.form_msg_fixed{
	position: absolute;
	margin-left: 500px;
	margin-top: -7px;
	background: url(../images/transparent.png);
	-webkit-border-radius: 5px;
	-moz-box-border-radius: 5px;
	border-radius: 5px;
}			
	.form_msg_fixed_box{
		margin: 5px 5px 5px 0;
		overflow: hidden;
		padding: 5px 10px;
		color: #f00;
		border: 1px solid #dbb648;
		background: #f9f4ce;
		-webkit-border-radius: 3px;
		-moz-box-border-radius: 3px;
		border-radius: 3px;
		float: left;
	}	
	.form_msg_fixed_tip{
		width: 5px;
		height: 7px;
		overflow: hidden;
		float: left;
		margin-top: 16px;
		background: url(../images/arrow.gif) right 0 no-repeat;
	}	/* WS DROPDOWN BASE */
div.ws-dropdown {
	vertical-align:middle;
	position: relative;
	width:auto;
	display:inline-block;
	zoom:1;
	padding: 0;
	margin: 0;
	*display: inline;
	border: 1px solid #cacdc3;
	color: #333;
	background: url(../images/combo.png) repeat-x 0 -221px #fff;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	/*box-shadow: 1px 1px 1px rgba(0,0,0,.10);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.10);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.10);*/
}
div.ws-dropdown img.dropdown-img {
	float:left;
	width:16px;
	height:16px;
	padding:0;
	margin:4px 0 1px 4px;
}
div.ws-dropdown img.dropdown-img-empty {
	background: url(../images/combo.png) no-repeat 0 -205px !important;
}
div.ws-dropdown input.dropdown-txt, .ws-dropdown-tmptext {
	float:left;	
	height:23px;
	padding:0 4px 0 4px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:11px;
	line-height:23px\9;
	*height:11px;
	*line-height:11px;
	*padding:6px 4px;	
	color:#333;
	border:0;
	margin:0;
	outline:0;
	cursor: default;
	background-color: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*no selection*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	/*iOS fix*/
	-webkit-appearance: none;
}
.dropdown-txt::selection {
	background: transparent !important;
	color: #333 !important;
}
.dropdown-txt::-moz-selection {
	background: transparent !important;
	color: #333 !important;
}
.ws-dropdown-tmptext {
	width: auto !important;
	height: auto !important;
	float: left !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	*padding: 0 !important;
}
div.ws-dropdown .dropdown-btn {
	float:left;
	width:17px;
	height:23px;
	padding:0;
	margin:0;
	background: url(../images/combo.png) no-repeat 0 -23px;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}
div.ws-dropdown-hover .dropdown-btn {
	background-position: 0 0;
}
div.ws-dropdown-disabled .dropdown-img {
	opacity: .25;
	filter: alpha(opacity=25);
}
div.ws-dropdown-disabled .dropdown-btn {
	background: url(../images/combo.png) no-repeat 0 -46px !important;
}
div.ws-dropdown-disabled .dropdown-txt {
	color: #aaada3 !important;
	opacity: .5;
	filter: alpha(opacity=50);
	text-shadow: #fff 1px 1px 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.ws-dropdown-disabled .dropdown-txt {
		color: #5a5d53 !important;
	}
}
div.ws-dropdown-end, div.ws-dropdown-end *:last-child {
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
div.ws-dropdown-popup {
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	border: 1px solid #aaada3;
	border-top: 0;

	position:absolute;
	left:-1px;
	top:23px;
	background:#babdb3;
	display: none;
	overflow: hidden;

	*zoom: 1;
	
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;

	box-shadow: 1px 1px 2px #e2e2e2;
	-moz-box-shadow: 1px 1px 2px #e2e2e2;
	-webkit-box-shadow: 1px 1px 2px #e2e2e2;
	box-shadow: 1px 1px 4px rgba(79,73,66,.25);
}
table.ws-dropdown-popup-inner {
	width: 1%;
	*position: relative;
}
div.ws-dropdown-focused {
	border: 1px solid #aaada3;
	box-shadow: 1px 1px 2px #e2e2e2;
	-moz-box-shadow: 1px 1px 2px #e2e2e2;
	-webkit-box-shadow: 1px 1px 2px #e2e2e2;
	box-shadow: 1px 1px 2px rgba(79,73,66,.25);
}
div.ws-dropdown-below {
	border: 1px solid #aaada3;

	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;

	box-shadow: 1px 1px 2px #e2e2e2;
	-moz-box-shadow: 1px 1px 2px #e2e2e2;
	-webkit-box-shadow: 1px 1px 2px #e2e2e2;
	box-shadow: 1px 1px 2px rgba(79,73,66,.25);
}
div.ws-dropdown-below .dropdown-btn {
	border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	-webkit-border-radius: 0 3px 0 0;
}
div.ws-dropdown-above {
	border: 1px solid #aaada3;

	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;

	box-shadow: 1px 1px 2px #e2e2e2;
	-moz-box-shadow: 1px 1px 2px #e2e2e2;
	-webkit-box-shadow: 1px 1px 2px #e2e2e2;
	box-shadow: 1px 1px 2px rgba(79,73,66,.25);
}
div.ws-dropdown-above div.ws-dropdown-popup {
	border: 1px solid #aaada3;
	border-bottom: 0;

	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;

	box-shadow: 1px 0 2px #e2e2e2;
	-moz-box-shadow: 1px 0 2px #e2e2e2;
	-webkit-box-shadow: 1px 0 2px #e2e2e2;
	box-shadow: 1px -1px 4px rgba(79,73,66,.25);
}
div.ws-dropdown-below .dropdown-btn, div.ws-dropdown-above .dropdown-btn {
	width: 16px;
	border-left: 1px solid #babdb3;
	background-position: -1px -69px;
}
div.ws-dropdown-above .dropdown-btn {
	border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
}

/* COMBO */
.combo-sel {
	font-style: italic;
	color: #999 !important;
}
div.ws-combo-items {
	overflow: hidden;
	background: #fdfbfa;
	zoom: 1;
}
div.ws-combo-items ul, div.ws-combo-items li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	float: none;
	clear: both;
	zoom: 1;
}
div.ws-combo-items ul {
	*display: inline-block;
}
div.ws-combo-items li {
	white-space: nowrap;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:25px;
	padding: 0 7px;
	background: #fdfbfa;
	cursor: default;
}
div.ws-combo-items li.ws-combo-in {
	color: #d41;
	background: #f0f0f0;
}
div.ws-combo-items li span.wsc-i {
	display: inline-block;
	padding: 0;
	margin: 5px 4px 0 0;
	width: 16px;
	height: 16px;
	overflow: hidden;
	vertical-align: top;
	*margin: 0 4px 0 0;
}
div.ws-combo-items li span.wsc-h {
	*display: inline-block;
	*vertical-align: top;
	_height: 18px;
	_padding: 3px 0;
	_line-height: 18px;
}
div.ws-combo-footer {
	background: url(../images/combo.png) repeat-x 0 -92px #ececec;
	text-align: left;
	padding: 4px;

	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333;
	overflow: hidden;

	position: relative;
	*margin-top: -1px;
	_overflow: visible;
	_zoom: 1;
}
div.ws-combo-footer span {
	display: block;
	float: left;
	clear: both;
	white-space: nowrap;
}
div.ws-combo-footer .ws-combo-reset {
	outline: 0;
	color: #d41;
	cursor: pointer;
	text-decoration: underline;
}
div.ws-combo-footer .ws-combo-reset:hover {
	color: #a20;
}
div.ws-combo-footer input {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: normal !important;
	padding: 3px 20px 3px 2px;
	margin: 2px 0 0 0;
	outline: 0;
	border: 1px solid #aaada3;
	color: #333;
	width: 10px;
	height: 13px;
	background: url(../images/combo.png) repeat-x 0 -221px #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.ws-combo-footer div {
	position: absolute;
	width: 19px;
	height: 19px;
	padding: 0;
	margin: 0;
	right: 5px;
	bottom: 5px;
	*bottom: 6px;
	_bottom: 5px;
	_right: 4px;
	background: url(../images/combo.png) no-repeat 1px -185px;
	display: none;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: pointer;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}
div.ws-combo-footer div.wsc-invalid {
	background: url(../images/combo.png) no-repeat 1px -244px !important;
	border-left: 0 !important;
	border-color: transparent !important;
	opacity: .5 !important;
	filter: alpha(opacity=50) !important;
	cursor: text !important;
}
div.ws-combo-footer div.wsc-hover {
	border-left: 1px solid #babdb3;
	background-color: #f0f0f0;
}

div.ws-dropdown-above div.ws-combo-end, div.ws-dropdown-above div.ws-combo-end *:last-child, div.ws-dropdown-above div.ws-combo-footer {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
div.ws-combo-itop {
	margin: 0;
	padding: 0;
	height: 1px;
	overflow: hidden;
	background: #f1f1f1;
}
div.ws-combo-itop s {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #babdb3;
	border-left: 16px solid #babdb3;
}
li.ws-combo-separator {
	*padding: 0 7px !important;
	*display: block !important;
	*clear: both !important;
	*float: left !important;
	*overflow: visible;
	*height: 1px;
	line-height: 1px;
	font-size: 1px;
	padding: 2px 7px !important;
}
li.ws-combo-separator s {
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;	
	overflow: hidden;
	text-indent: -9999px;
	background: #e2e2e2;
	padding: 0;
	margin: 0;
}
li.ws-combo-label {
	padding: 0 !important;
	background: #f1f1f1 !important;
	line-height: 12px !important;
	margin-top: -1px !important;
}
li.ws-combo-label b {
	display: block;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 3px 7px;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #777;
}
li.ws-combo-disabled {
	color: #aaada3 !important;
	text-shadow: #fff 1px 1px 1px;
}.ibutton-container {
  position: relative;
  height: 25px;
  cursor: pointer;
  overflow: hidden;
	/* set max width to that of sprite */
	max-width: 400px;
	/* prevent text selection */
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled;
	/* set default width based on ON/OFF labels */
	width: 89px;
	margin-top: 2px;
}

.ibutton-container input {
  position: absolute;
	top: 0;
	left: 0;

	/* hide the element */
	filter:alpha(opacity=0);
	-moz-opacity: 0.0; 
	opacity: 0.0;

	/* allow checking of input if visible */
	-moz-user-input: enabled  !important;
}

.ibutton-handle {
  display: block;
  height: 25px;
  cursor: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -50px;
  z-index: 3;
  padding-left: 3px;
	/* set default width based on ON/OFF labels */
	width: 33px;
}

.ibutton-handle-right {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 100% -50px;
  z-index: 3; 
}

.ibutton-handle-middle {
  height: 100%;
  width: 100%;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 50% -50px;
  z-index: 3; 
}

div.ibutton-label-on, div.ibutton-label-off {
  white-space: nowrap;
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: inherit;
  display: block;
  height: 22px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 5px;
  overflow: hidden; 
  text-align: center;
  background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 0;
}

div.ibutton-label-on {
  color: #fff;
  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
  left: 0;
  padding-top: 5px;
  z-index: 1; 
}

div.ibutton-label-on span {
  padding-left: 0px;
}

div.ibutton-label-off {
  color: #7c7c7c;
  background-position: 100% 0;
  text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
  text-align: right;
  right: 0;
	/* the off label needs to near the left edge (ideally just 5px away) 
	 * it just needs to be close enough that it won't show under the handle if dragged to the left  
	 */
	width: 95%;
}

div.ibutton-label-off span {
  padding-right: 12px; 
}

/* create an outline when button gets focus via keyboard */
.ibutton-container label {
	cursor: inherit;
	padding: 1px 3px;
	font-size: 1em !important;
}

.ibutton-focus label {
	/* we must use border, since outline doesn't work in IE */
	border: 1px dotted #666 !important;
	padding: 0 2px;
}

.ibutton-focus div.ibutton-label-on span label {
	/* use white for more contrast */
	border-color: #fff !important;
}

/* add padding to right/left so that text gets clipped before absolute edge */
.ibutton-padding-left, .ibutton-padding-right {
	position: absolute; 
	top: 4px;
	z-index: 2; 
	background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -4px; 
	width: 3px;
	height: 20px;
}
	
.ibutton-padding-left {
	left: 0; 
}

.ibutton-padding-right {
	right: 0; 
	background-position: 100% -4px;
}

/* change the styles of the handle when being dragged */
.ibutton-active-handle .ibutton-handle {
	background-position: 0 -100px;
}

.ibutton-active-handle .ibutton-handle-right {
	background-position: 100% -100px;
}

.ibutton-active-handle .ibutton-handle-middle {
	background-position: 50% -100px;
}

/* styles to use when the button is disabled */
.ibutton-disabled {
	cursor: not-allowed !important; /* cursor options: default or not-allowed */
}

.ibutton-disabled .ibutton-handle {
	background-position: 0 -75px;
}

.ibutton-disabled .ibutton-handle-right {
	background-position: 100% -75px;
}

.ibutton-disabled .ibutton-handle-middle {
	background-position: 50% -75px;
}

.ibutton-disabled div.ibutton-label-on {
	background-position: 0 -25px;
}

.ibutton-disabled div.ibutton-label-off {
	background-position: 100% -25px;
}

.ibutton-disabled .ibutton-padding-left {
	background-position: 0 -25px;
}

.ibutton-disabled .ibutton-padding-right {
	background-position: 100% -25px;
}

.ibutton-disabled div.ibutton-label-on {
	color: #fff;
}

.ibutton-disabled div.ibutton-label-off {
	color: #cbcbcb;
}