/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #eee; 
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 3em; font-weight: bold; padding-top:25px; color:#4e332f;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; color: #444;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #fff; }
a           { color: #eee; text-decoration: underline; }
.slice-light a{ color: #444 !important;}
.slice-light a:hover{ color: #000 !important;}
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
a img {vertical-align:bottom}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0 !important; padding-right:0 !important; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.clear{
	clear:both;
}
#bademail{
	border: 2px solid #B44426;
	background: #F0C4B9;
	padding: 5px;
	margin-bottom: 10px;
	color: #444;
}
#success{
	border: 2px solid #239E1A;
	background: #BAF3B6;
	padding: 5px;
	margin-bottom: 10px;
	color: #444;
}
#badserver{
	border: 2px solid #BEBF00;
	background: #FFFFAA;
	padding: 5px;
	margin-bottom: 10px;
	color: #444;
}
/* GRID ALIGNMENT */
.sc_gallery img{
	border: 1px solid #c2c4c5;
	padding: 3px;
	background: #fff;
	}
.sc_gallery a{
	margin-bottom: 20px;
	background: url(../images/zoom.gif) center center no-repeat;
	box-shadow: 0px 1px 2px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.4);
	margin: 0 20px 20px 0;
	height: 68px;
	padding:0;
	display:block;
}
.lbimg{
	background: #fff url(../images/zoom.gif) center center no-repeat !important;
	padding:0;
	display:block;
	margin: 0 20px 0 0;
	text-decoration:none;
}
.video{
	background-image:url(../images/zoom_v.gif) !important;
}
.frame{
	border-bottom: 1px solid rgba(256,256,256, 0.3);
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: rgba(0,0,0, 0.8);
}
.slice-light .frame{
	border: 1px solid #c2c4c5;
	padding: 3px;
	background: #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.4);
}
/*-------------------------------------------------------------------------------------------*/
/* 1. Info Box */
/*-------------------------------------------------------------------------------------------*/
.tn-sc-box {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;}
.tn-sc-box.none {border-width:0;}
.tn-sc-box.full {border-width:1px;}
.tn-sc-box.medium {padding:18px 20px 18px 50px; font-size:1.1em;}
.tn-sc-box.large {padding:25px 27px 25px 50px; font-size:1.2em; }
.tn-sc-box.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tn-sc-box.alert { border-color:#f0baa2; background:#ffd9c8 url(../images/ico-alert.png) no-repeat 20px 45%; }
.tn-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-download.png) no-repeat 20px 45%; }
.tn-sc-box.tick { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-tick.png) no-repeat 20px 45%; }
.tn-sc-box.info { border-color:#ccc; background:#eee url(../images/ico-info.png) no-repeat 20px 45%; }
.tn-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(../images/ico-note.png) no-repeat 20px 45%; }
.tn-sc-box.normal { border-color:#ccc; background:#eee; padding:9px 15px;}
.tn-sc-box h3{
	line-height: 50px;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. Buttons */
/*-------------------------------------------------------------------------------------------*/
a.tn-sc-button {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin:0 .6em 1.5em 0;
	border: 1px solid #4081af !important;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.tn-sc-button.small { padding:2px 10px; font-size:0.9em;}
a.tn-sc-button.large { padding:7px 16px; font-size:1.4em;}
a.tn-sc-button.xl { padding:9px 20px; font-size:1.8em;}

a.tn-sc-button:hover, 
a.tn-sc-button.hover, 
a.tn-sc-button.active {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}

a.tn-sc-button:active,
a.tn-sc-button.active  {
	border-color: #20559a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.tn-sc-button.dark span { color:#555; text-shadow:0 1px #fff;}
a.tn-sc-button.custom:hover { opacity:0.85; }

a.tn-sc-button span { line-height:1.2em; min-height: 16px; }
a.tn-sc-button span.tn-info { background:url("../images/ico-info.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.tn-sc-button span.tn-download { background:url("../images/ico-download.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.tn-sc-button span.tn-tick { background:url("../images/ico-tick.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.tn-sc-button span.tn-note { background:url("../images/ico-note.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.tn-sc-button span.tn-alert { background:url("../images/ico-alert.png") no-repeat 0 45%; padding-left:25px; display:block; }

a.tn-sc-button.red { 
	border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
	background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}
a.tn-sc-button.red:hover { 
	background: #d20000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
	background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}

a.tn-sc-button.orange { 
	border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
	background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
}
a.tn-sc-button.orange:hover { 
	background: #d25e00;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
	background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
}

a.tn-sc-button.green { 
	border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
	background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
}
a.tn-sc-button.green:hover { 
	background: #87c000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
	background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
}

a.tn-sc-button.aqua { 
	border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
	background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
}
a.tn-sc-button.aqua:hover { 
	background: #00d2a8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
	background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
}

a.tn-sc-button.teal { 
	border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
	background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
}
a.tn-sc-button.teal:hover { 
	background: #009ed2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
	background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
}

a.tn-sc-button.purple { 
	border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf));
	background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%);
}
a.tn-sc-button.purple:hover { 
	background: #0036d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca));
	background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%);
}

a.tn-sc-button.pink { 
	border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
	background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
}
a.tn-sc-button.pink:hover { 
	background: #bc00d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
	background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
}

a.tn-sc-button.silver { 
	color: #444 !important;
	text-shadow:0 1px #fff;
	border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
	background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
a.tn-sc-button.silver:hover { 
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}


/*-------------------------------------------------------------------------------------------*/
/* 3. Columns */
/*-------------------------------------------------------------------------------------------*/
.twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.fourcol-two{width:48%;}
.fourcol-three{width:74%;}
.fivecol-one{width:16.8%;}
.fivecol-two{width:37.6%;}
.fivecol-three{width:58.4%;}
.fivecol-four{width:67.2%;}
.sixcol-one{width:13.33%;}
.sixcol-two{width:30.66%;}
.sixcol-three{width:47.99%;}
.sixcol-four{width:54.32%;}
.sixcol-five{width:82.67%;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;position:relative;}
.last{clear:right;margin-right:0 !important;}


/*-------------------------------------------------------------------------------------------*/
/* 4. Tweetmeme */
/*-------------------------------------------------------------------------------------------*/
.tn-tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; }
.tn-tweetmeme.none { margin:0 0 1.5em 0;  }
.tn-tweetmeme.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 5. Twitter */
/*-------------------------------------------------------------------------------------------*/
.tn-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; }
.tn-sc-twitter.none { margin:0 0 1.5em 0;  }
.tn-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 6. Digg */
/*-------------------------------------------------------------------------------------------*/
.tn-digg.left { margin:0 1.5em 1.5em 0; float:left; }
.tn-digg.none { margin:0 0 1.5em 0;  }
.tn-digg.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 7. Related posts */
/*-------------------------------------------------------------------------------------------*/
.tn-sc-related-posts .thumbnail { float:left; margin:0 1em 1em 0;}
.tn-sc-related-posts li { clear:both; }

/*-------------------------------------------------------------------------------------------*/
/* 8. Horizontal Rule */
/*-------------------------------------------------------------------------------------------*/
.tn-sc-hr { clear:both; display:block; background:url(../images/light_dots.png) center left repeat-x; height:40px}
.slice-light .tn-sc-hr{
	background-image:url(../images/dark_dots.png) !important;
}
.tn-sc-divider { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }
.tn-sc-divider.flat { padding:0; margin:0; }

/*-------------------------------------------------------------------------------------------*/
/* 9. Quote */
/*-------------------------------------------------------------------------------------------*/
.tn-sc-quote p { margin: 1em 20px; padding: 0 0 0 55px; background: url(../images/quote.png) no-repeat 0 3px; font-family: serif; font-size: 1.2em; font-style: italic; color:#777; min-height: 32px; }
.tn-sc-quote.left { float:left; width:30%;}
.tn-sc-quote.right { float:right; width:30%;}
.tn-sc-quote.boxed { background: #f5f5f5; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.tn-sc-quote.boxed.left { margin: 0 1.5em 1em 0;}
.tn-sc-quote.boxed.right { margin: 0 0 1em 1.5em;}

/*-------------------------------------------------------------------------------------------*/
/* 10. Icon Links */
/*-------------------------------------------------------------------------------------------*/
.tn-sc-ilink { padding:0 0.3em;  }
.tn-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; }
.tn-sc-ilink a:hover { text-decoration: none; }
.tn-sc-ilink .download { background: url(../images/ico-download.png) no-repeat left 40%; }
.tn-sc-ilink .tick { background: url(../images/ico-tick.png) no-repeat left 40%; }
.tn-sc-ilink .info { background: url(../images/ico-info.png) no-repeat left 40%; }
.tn-sc-ilink .note { background: url(../images/ico-note.png) no-repeat left 40%; }

/*-------------------------------------------------------------------------------------------*/
/* 11. Facebook */
/*-------------------------------------------------------------------------------------------*/
.tn-fbshare.left { margin:0 1.5em 1.5em 0; float:left; }
.tn-fbshare.none { margin:0 0 1.5em 0;  }
.tn-fbshare.right { margin:0 0 1.5em 1.5em; float:right;  }

.tn-fblike.left { margin:0 1.5em 1.5em 0; float:left; }
.tn-fblike.none { margin:0 0 1.5em 0;  }

/* Forms styling */
.forms{
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%;}
ol.forms label{cursor:pointer; font-size:14px; display:block;float:left;font-weight:bold;padding-right:20px;width:100px; line-height: 30px;}
ol.forms input,ol.forms textarea{	
	border: 1px solid #444;
	background: #0D0E0F;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	display: block;
	outline: none;
	padding: 7px;
	margin: 2px 5px 0 0;
	width: 170px;
	-moz-box-shadow: 0px 3px 3px #050505 inset;
	-webkit-box-shadow: 0px 3px 3px #050505 inset;
	box-shadow: 0px 3px 3px #050505 inset;
	}
ol.forms input#sendCopy{border:none;}
ol.forms textarea{height:250px;width:280px;}
ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
ol.forms li.textarea .error{display:block; margin-left:120px}
ol.forms li.screenReader{margin-bottom:0; display: none;}
.buttons{text-align: center;}
.submit{
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	display: block !important;
	margin: 0 auto !important;
	width: auto !important;
	border: 1px solid #000 !important;
	background: -moz-linear-gradient(bottom, #191b1c, #282b2c) !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #191b1c), to(#282b2c)) !important;
	box-shadow:inset 0 1px 0 #2c3033 !important;
	-webkit-box-shadow:inset 0 1px 0 #2c3033 !important;
	-moz-box-shadow:inset 0 1px 0 #2c3033 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	/* COLOR & SHADOW */
	color:#fff;
	text-shadow: 0 1px 1px #000;
	cursor: pointer;
}
ol.forms li.inline input{width:auto;margin-left:120px;}
ol.forms li.inline label{display:inline;float:none;width:auto;}
#contactForm ol.forms .inputError { border: 3px solid #EFDADA; }
p.error { background:#f6a6a6;border:1px solid #e76868;padding:10px; margin-bottom:20px; }
.thanks{background:#fafafa;border:1px solid #ddd;padding:10px 20px; margin-bottom:20px;}
.tn-fblike.right { margin:0 0 1.5em 1.5em; float:right;  }

/* Styleswitcher */

.customizr{
	position: absolute;
	top: 54px;
	right: 10px;
	width: 170px;
	background: #2C3033;
	color: #fff;
	padding: 8px 10px 10px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.customizr form{
	display: none;
}
.customizr form fieldset{
	display:block;
}
.customizr form label{
	display: block;
	text-align: left;
	margin: 10px 0 0 0;
}
.customizr h4{
	color: #fff !important;
	font-weight: bold;
	background: url(../images/colorpicker/color_wheel.png) top left no-repeat;
	padding:0 0 0 20px;
	margin:0;
}
.customizr h4 a{
	color: #fff !important;
	text-decoration: none;
}
.colorpicker {
	width: 342px;
	height: 170px;
	overflow: hidden;
	position: absolute;
	background: #fafafa url(../images/colorpicker/color_bg.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	border: 1px solid #ccc;
  border-color: #ddd #bbb #bbb #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	z-index: 100;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 10px;
	top: 10px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker/color_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker/color_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 10px;
	left: 164px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker/color_indicator.png) left top;
	margin: -5px 0 0 0;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	right: 80px;
	top: 10px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	right: 10px;
	top: 10px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	top: 6px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker/color_hex.png) top;
	left: 201px;
	bottom: 9px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker/color_rgb_r.png);
	top: 49px;
	left: 201px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker/color_rgb_g.png);
	top: 79px;
	left: 201px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker/color_rgb_b.png);
	top: 109px;
	left: 201px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker/color_hsb_h.png);
	top: 49px;
	right: 9px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker/color_hsb_s.png);
	top: 79px;
	right: 9px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker/color_hsb_b.png);
	top: 109px;
	right: 9px;
}
.colorpicker_submit {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(../images/colorpicker/color_wheel.png) top;
	right: 10px;
	bottom: 10px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}