@charset "utf-8";
/* CSS Document */
body{
  font-family:Arial, Helvetica, sans-serif;	
  font-size:12px;
  background:#f4f5f8;
  
}
#main{
  width:910px;
  margin:0 auto;	
}

a{
  outline:0;  
  color:#528DC8;
}
h1{
  height:40px;
  margin:0 auto;
}
h2{
  font-size:16px;	
  
}
h2 strong, h3 strong{
  font-weight:normal;
  font-size:14px;	
}
ul#nav{
  height:86px;
  margin:0;
  padding:20px 0 0 135px;
  background:#fff;
  list-style:none; 
}
ul#nav li{
  display:block;
  float: left;
}
/*ul#nav li a:hover{
  background:url(../images/1.png) repeat-x;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;

}*/
ul#nav li a{
    display: block;
	margin:0 19px;
	padding: 0;
	text-decoration: none;
	font-size: 15px;
	color: #000;
	cursor:pointer;
	font-weight:normal;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:126px;
 
}
ul#nav li.active a{
 font-weight:bold;

}
ul#nav li a > span{
	display:block;
	width:47px;
	height:46px;
	line-height:46px;
	font-weight:normal;
	background:url(../skin/images/menu_bg.png) no-repeat 0 0;
	font-weight:bold;
	margin:auto;
	font-size: 16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:9px;
}
ul#nav li.pass a > span{background:url(../skin/images/menu_bg_pass.png) no-repeat 0 0;}
ul#nav li.active a > span{background:url(../skin/images/menu_bg_active.png) no-repeat 0 0;}
.hidden {
	display: none;
}
.content{
  display:block;
  height:560px;	
  width:910px;
}

.text{
   display:block; 
   height:553px;
   background-color:#FFF;	
   color:#528DC8;
   margin-top:7px;
}
.text h2{
   display:block;	
   margin:0;
   padding:0;
   float:left;
   color:#000;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:17px; 
}
.lang{
   display:block;
   height:auto;	
}
.text ul{
   margin:10px 0 0 60px;
   display:block;
   width:164px;
   float:left;
   color:#528DC8;
   
   
}
.text ul li{
    list-style-type:none; 	
	padding-bottom:3px;
}
.size{
  display:block;
  height:auto;
  width:282px;	
  float:left;
  margin-left:26px;
  padding-top:16px;
}

.preview{
  display:block;
  height:auto;
  width:602px;
  float:left;
  padding-top:16px;
  position:relative;
  z-index:1;
 
}
.widget_container{

  padding:10px;
  width:540px;
 
}
.widget_small_swf{
  width:160px;
  height:190px;
  border:2px solid #009;
  /*z-index:-1;
*/  
}
.spec, .ecode{
  display:block;
  height:auto;
  width:282px;	
  float:left;	
  margin-left:26px;
  color:#528DC8;
  padding-top:16px;
  position:relative;
  z-index:10;
}
span.color, span.preset, a.color, a.preset {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	border: 1px solid #528DC8;
}
input.txtbox {
	border: 1px solid #cccccc;
	width: 92px;
	height: 21px;
	color: #333333;
	margin: 0;
	padding: 0;
	line-height: 21px;
}

.spec p {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 22px;
}

.spec p label {
	width: 145px;
	float: left;
}
.clip{
   margin-top:10px;
   margin-left:155px;
   width:120px;
}
.clip a{
   cursor:pointer;	
}
.clip a:hover, .l_terms a:hover{
   border-bottom:1px dotted #528DC8;	
}
textarea.code{
	width: 260px;
	height: 226px;
	border: 1px solid #cccccc;
	font: 12px/14px Arial;
	padding: 5px;
}
select.dropdown {
	border: 1px solid #cccccc;
	width: 92px;
	height: 22px;
	color: #333333;
	font: 12px/22px Arial;
	margin: 0 0 0 27px;
}
.btns{
   padding-top:50px;
   height:50px;
}
.clear{
   clear:both;	
}

.reset{
	width:76px;
	height:27px;
	float:left;
	background:url(../skin/images/reaet_btn.png) no-repeat 0 0;
	position:relative;
	margin-top:7px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

.btn_space{
   width:auto;
   height:40px;	
   margin-top:22px;
  
}
.btn{
	width:auto;
	height:22px;
	line-height:22px;
	float:left;
	position:relative;
	color:#00ACEC;
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.btn.next{background:url(../skin/images/next_btn_arrow.png) no-repeat right 6px; padding-right:18px;}
.btn.prev{background:url(../skin/images/prev_btn_arrow.png) no-repeat 5px 6px; padding-left:24px; margin-right:30px;}
/*.btn:hover, .reset:hover{
	
}
.btn:active, .reset:active{
    top: 1px;	
}*/

#main > h1{background:#232f33;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; height:46px; line-height:46px; display:block; color:#fff; font-weight:normal; padding:0 15px;}
.lang h2{margin:15px 15px 15px 60px;}
.ecode > h2{margin-bottom:18px;}
/*.copy_to_clipboard_btn{background:url(../skin/images/copy_to_clipboard_btn.png) no-repeat 0 0; width:150px; height:27px; display:block; margin-top:10px; margin-bottom:15px;}*/
ul, menu, dir {
display: block;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
}

.copy-to-clipboard {
	font-size:14px;
	font-weight:bold;
	float:left;
	width:146px;
	height:20px;
	margin-right:15px;
	padding-top:3px;
	text-align:center;
	color:#000;
	background:url(/images/products/wordoftheday/copy-button.png) 0 0 no-repeat;
	text-decoration:none;
}