html {
  margin:0px;
  padding:0px;
}

body, html {
  margin:0px;
  padding:0px;
  background:#FFFFFF;
  font:13px Arial;
  color:#000000
}
input, textarea, select, option {
  font:13px Tahoma;
  color:#303030
}
input {
  border:1px solid #627176;
  padding:3px;
}
.sample {
  color:#9D9D9D;
}
select {
  border:1px solid #627176;
  padding:1px;
}
form {
  margin:0px;
  padding:0px;
}
#header_wrap {
  text-align:center;
  background:#003255 url(../images/header_bg.gif) repeat-x center top;
  height:115px;
}
#header {
  width:780px;
  text-align:left;
  margin:0px auto;
  height:115px;
  position:relative;
  overflow:hidden;
}
#logo {
  position:absolute;
  top:60px;
}
#web20 {
  position:absolute;
  top:15px;
  left:350px;
}
#tabs {
  position:absolute;
  top:86px;
  right:0px;
  text-align:right;
  font-size:14px;
  line-height:29px !important;
  height:29px !important;
  overflow:hidden;
}
#tabs img, #tabs a, #tabs span { 
  float:right;
  line-height:29px !important;
  height:29px !important;
}
#tabs img.space {
  margin-left:5px;
}
#tabs span {
  background:#FFFFFF url(../images/tab_bg.gif) repeat-x 0px 1px;
  color:#003255;
  padding:0px 10px;
}
#tabs a {
  background:#87DDF7;
  color:#003255;
  padding:0px 10px;
  text-decoration:none;
}
#footer_wrap {
  text-align:center;
  background:#003255 url(../images/footer_bg.gif) repeat-x center top;
  height:214px;
}
#footer {
  width:780px;
  text-align:left;
  margin:0px auto;
  height:169px;
  padding-top:45px;
  color:#D9D9D9;
  font-size:12px;
}
#footer p {
  width:540px;
}
#share {
  float:right;
  width:160px;
  height:100px;
  margin-left:0px;
}
#footer #share p {
  width:160px;
}
#footer_wrap2 {
  text-align:center;
  height:35px;
  background:#002742;
}
#footer a {
  color:#2ABCFF
}
#footer2 a {
  color:#9DCF65
}
#footer2 {
  width:780px;
  text-align:left;
  margin:0px auto;
  height:15px;
  padding:10px 0px;
  color:#D9D9D9;
  font-size:11px;
}
#content_wrap {
  margin-top:2px;
  text-align:center;
  background:#FFFFFF url(../images/content_bg.gif) repeat-x left top;
  padding-top:30px;
  margin-bottom:-24px;
}
#content {
  width:780px;
  text-align:left;
  margin:0px auto;
  height:485px;
  background:#CACAAA;
  overflow:hidden;
  position:relative;
  color:#303030;
}
#content3 {
  width:780px;
  text-align:left;
  margin:0px auto;
}
#content_left {
 float:left;
 width:540px;
}
.in_content {
 min-height:400px;
 height:auto !important;
 height:400px;
}
#content_right {
 float:right;
 width:228px;
}
#content b {
  color:#000000
}
#content2 {
  padding:10px 20px 30px 20px;
  width:740px;
  text-align:center;
  margin:0px auto;
  height:63px;
  background:#FFFFFF;
  font-size:11px;
  color:#6F6F6F;
  position:relative;
  overflow:hidden;
}
#content2_1 {
  padding:10px 20px 30px 20px;
  width:740px;
  text-align:center;
  margin:0px auto;
  height:63px;
  background:#FFFFFF;
  font-size:11px;
  color:#6F6F6F;
  position:relative;
  overflow:hidden;
  margin-bottom:15px;
}
.step_name {
  margin-bottom:20px;
}
input.noborder {
  margin:0px;
  padding:0px;
  margin-right:5px;
  vertical-align:bottom;
  border:none
}
input.noborder2 {
  margin:0px !important;
  padding:0px !important;
  border:none !important;
  width:auto !important;
}
#line1 {
  background:#002D4E;
  height:28px;
  overflow:hidden;
  position:relative;
  width:780px;
}
#info1 {
  position:absolute;
  right:15px;
  top:286px;
  text-align:right;
  color:#5C5C35;
  font-weight:bold;
}
#step1 {
  position:absolute;
  top:7px;
  left:15px;
  height:207px;
  height:300px;
}
#step2 {
  position:absolute;
  top:7px;
  left:224px;
  height:207px;
  height:300px;
}
#step3 {
  position:absolute;
  top:7px;
  left:581px;
  height:300px;
  width:190px;
}
#step2 p, #step3 p, #colors {
  margin-left:4px;
}
#step4 {
  position:absolute;
  top:278px;
  left:0px;
  height:207px;
  width:213px;
  background:#FFFFFF;
}
#code {
  position:absolute;
  top:306px;
  border-top:1px solid #FFFFFF;
  left:213px;
  height:147px;
  width:537px;
  padding:15px;
  background:#41612C url(../images/code_bg.gif) repeat left top;
  color:#FFFFFF;
}
#code b {
  color:#FFFFFF !important;
}
#code a {
  color:#B0F3FF;
  text-decoration:none;
  border-bottom:1px dotted #B0F3FF
}
#preview_site {
}
#code textarea {
  width:530px;
  height:70px;
  margin:8px 0px;
}
.half_see p, .half_see textarea, .half_see span {
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
}
.half_see a, .half_see span.hide {
  display:none
}
#in_step4 {
  margin-top:1px;
  background:#A8A888;
  padding:15px;
  height:150px;
}
#in_step4 input, #step1 input {
  width:175px;
  margin:4px 0px;
}
#in_step4 select {
  width:181px;
  margin:4px 0px;
}
#step1 select {
  margin:4px 0px;
}
#styles {
  height:125px;
}
#style {
  float:left;
  height:120px;
  width:84px;
}
#style img {
  background:#FFFFFF url(../images/style_bg.gif) no-repeat left top;
  padding:4px 4px 5px 5px;
  width:73px;
  height:73px;
  margin-bottom:5px;
}
#content_right input {
  width:188px;
}
#content_right input.code {
  width:100px;
}
#content_right textarea {
  width:192px;
}
#content_right p {
  margin-bottom:15px;
  line-height:18px;
}
#content_right span {
  color:#5C5C45
}
.in_content {
  background:#FFFFFF;
  padding:15px;
}
.comment .date {
  margin-top:3px;
  float:right;
  width:auto;
  color:#7C7C64;
  font-size:11px;
}
.comment .name {
  color:#008AB8;
  font-size:14px;
  font-weight:bold;
}
.comment .text {
  margin-top:3px;
  border-top:1px solid #86C441;
  background:url(../images/comment_bg.gif) repeat-x left top;
  padding:10px;
  padding-bottom:20px;
  color:#545454;
  font-size:14px;
}
.comment .name a {
  color:#008AB8;
  text-decoration:none
}
.message {
  font-weight:bold;
  padding-bottom:10px;
  color:#002D4E
}
#example {
  background:#FFFFFF url(../images/example_bg.gif) no-repeat left top;
  padding:4px 4px 4px 4px;
  height:164px;
  width:175px;
  margin-bottom:10px;
}
#example_img {
  filter: alpha(opacity = 5);
  -moz-opacity: 0.05;
  height:150px;
  width:150px;
  padding:0px 0px 14px 25px;
}
#cop1 {
  position:absolute;
  left:738px;
  top:40px;
}
#line2 {
  background:#002D4E url(../images/corners/bg_rt.gif) no-repeat right top;
  height:21px;
  padding:7px 0px 0px 15px;
  overflow:hidden;
  position:relative;
}
#line3 {
  background:#002D4E url(../images/corners/by_rt.gif) no-repeat right top;
  height:21px;
  padding:7px 0px 0px 15px;
  overflow:hidden;
  position:relative;
}
#loading {
  position:absolute;
  left:660px;
  top:130px;
}
#colors, #colors2 {
  height:50px;
}
#color {
  float:left;
  width:116px;
  height:50px;
}
#colors2 #color {
  float:none;
  width:auto;
}
#colors #color {
  line-height:18px;
}
#colors2 #color {
  line-height:14px;
}
#color div.this_color {
  margin-top:3px;
  background:url(../images/colorplace1.gif) no-repeat left top;
  padding:3px;
  float:left;
  margin-right:4px;
}
#colors #color div.this_color {
  background:url(../images/colorplace2.gif) no-repeat left top;
}
#color div.this_color a  {
  width:32px;
  height:32px;
  display:block;
}
#colors #color div.this_color a  {
  width:16px;
}
#color input {
  width:38px;
  padding:3px;
  font-size:11px;
  height:14px;
  vertical-align:middle;
}
#this_lang {
  position:absolute;
  right:10px;
  top:20px;
  color:#89CCFA;
}
#this_lang a {
  color:#89CCFA;
  text-decoration:none;
}
#this_about {
  position:absolute;
  left:0px;
  top:20px;
  color:#85C440;
  font-weight:bold;
  text-decoration:none;
  border-bottom:1px dotted #85C440
}
a#this_about:hover {
  color:#89CCFA;
  border-bottom:1px dotted #89CCFA
}
#langs {
  border:1px solid #FFFFFF;
  background:#00518B;
  width:auto;
  position:absolute;
  right:7px;
  top:40px;
  padding:1px 3px;
  font-size:11px;
}
#langs a {
  display:block;
  margin:3px;
  color:#89CCFA;
  text-decoration:none;
}
#langs a.act {
  color:#FFFFFF;
}
#langs a:hover {
  text-decoration:underline
}
.corner_lb {
  position:absolute;
  left:0px;
  top:98px;
}
.corner_rb {
  position:absolute;
  right:0px;
  top:98px;
}
.corner_lt {
  position:absolute;
  left:0px;
  top:0px;
}
.corner_rt {
  position:absolute;
  right:0px;
  top:0px;
}
a {
  color:#474747;
  text-decoration:underline
}
a:hover {
  color:#D66500
}
p, h1, h2, h3, h4, h5 {
  margin:0px;
  padding:0px;
  margin-bottom:8px;
}
h1 {
  color:#CF2400;
  font:bold 20px Arial;
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #000000
}
h2 {
  color:#1D3700;
  font:18px Arial;
}
h3 {
  color:#999999;
  font:17px Tahoma, Arial;
  text-transform:uppercase;
}
h4 {
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;

}
div.paginal {
  margin-top:10px;
  font-size:11px;
  color:#444444;
  line-height:20px;
  text-align:center;
}
div.paginal a, a.backto {
  border:1px solid #9AAFE5;
  padding:2px 6px;
  color:#105CB6;
  text-decoration:none;
}
div.paginal a.act {
  background:#2E6AB1;
  color:#FFFFFF;
  font-weight:bold;
}
div.paginal a:hover, a.backto:hover {
  background:#F4ECC7;
}
div.paginal span {
  border:1px solid #DDDDDD;
  padding:2px 6px;
  color:#999999;
  text-decoration:none;
}


/* COLORJACK PLUGIN */

#plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; CURSOR: pointer; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; TOP: 0; LEFT: 0; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; }
#plugCLOSE { FLOAT: right; MARGIN: 0 0px 3px; _MARGIN-RIGHT: 6px; COLOR: #000; border:1px outset #535B3F; padding:1px 4px; font-weight:bold; background:#F3F4EC; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover { COLOR: #FFD000;  }

#SV { background: #FF0000 url('../images/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 165px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('../images/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('../images/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }

#plugID { HEIGHT: 120px; WIDTH: 63%; MARGIN: 12px 0 0 250px; PADDING-TOP: 76px; COLOR: #000; BORDER: 2px solid #333; TEXT-ALIGN: center; FONT-SiZE: 25px; BACKGROUND: #F1FFCC; }

#example_img2 {
position:absolute; right:0px; top:0px; margin:0px; padding:0px
}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	height:100%;
}

#MB_header {
  margin:0;
  height: 28px;
}

#MB_content {
  padding:6px 12px;
  overflow:auto;
}

#MB_caption {
  font-size:85%;
  font-weight: bold;
  padding: 6px 0 0 5px;
  margin: 0;
  text-align: left;
}

#MB_close {
  display:block;
  position:absolute;
  right:0; top:0;
  padding:7px 5px;
  font-weight:bold;
  text-decoration:none;
  font-size:11px;
}
#MB_close:hover {
	background:transparent;
}

/* Color scheme */
#MB_window {
  border-color:#DEE0E5;
  background-color:#FFF;
  color:#000000;
  }
#MB_content, #MB_content p {
  font-size:14px;
  line-height:20px;
}

#MB_frame { border-color:#DEE0E5 }

#MB_header {
  background-color:#F9F9FF;
  border-color:#DDE;
}
#MB_caption { color:#000; font-size:12px; font-weight:bold;  visibility:hidden}

#MB_close { color:#99B }
#MB_close:hover { color:#000 }
span.cg {
  color:#ffed87;
  font-weight:bold;
}