/** Theme setting **/
#mypicker {
   width: 200px;
   height: 200px;
   position: absolute;
   z-index: 99999;
   display: none;
 }
#setting { position: relative;  margin-bottom: 5px; display: none; background-color:#222; color: #000; padding-top: 10px; padding-bottom: 5px; }
#setting a { color: #F2F2F2; }
#sewrapper { margin-left: 10px; width: 910px; position: relative; }
.setab {
	position: relative;
	width: 470px;
	margin-left: 5px;
}
#sewrapper a { text-decoration: underline; }
#sewrapper ul { margin: 0; padding: 0; list-style: none; }
#sewrapper li {
	float: left;
	border: 1px solid #000000;
	border-bottom-width: 0;
	margin-right: 5px;
	top: 1px;
	position: relative;
	background-color: #000;
}
#sewrapper .setab a {
	 padding: 2px 12px 4px 10px; 
	 text-align: center; 
	 display: block;
	 text-decoration: none;
}
#sewrapper .setab a:hover { text-decoration: underline; }
#sewrapper .setab .seselected a {
	top: 1px;
	background-color: #222;
	text-decoration: none;
}
#sewrapper .setab .seselected a:hover { text-decoration: none; }

/*** View ****/
/* p1 */
#seview {
	width: 350px;
	height: 170px;
	border: 1px solid #000;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
	background-color: #fff;
	position: relative;
}
/* P2 */
#seviewheader {
	text-align: center;
	width: 280px;
	margin: 7px 0 5px 35px;
	height: 40px;
	position: relative;
}
/* P3 */
#seviewtop, #seviewbody, #seviewfooter {
	border-width: 1px;
	border-style: solid;
	width: 280px;
	margin-left: 35px;
}
#seviewtop {
	width: 280px;
	height: 20px;
	border-bottom-width: 0;
}
/* P4 */
#seviewbody {
	width: 280px;
	margin-bottom: 5px;
	height: 50px;
}
/* P5 */
#seviewfooter {
	border-width: 0;
	border-top-width: 1px;
	height: 25px;
}
/* P6.1 */
#seheader {
	position: absolute;
	right: 5px;
	top: 2px;
	width: 75px;
	height: 15px;
	color: #98C123;
}
/* P6.2 */
#setop {
	margin: 2px 0 0 5px;
	color: #FFF;
}
/* P6.3 */
a#selink { 
display: block;
width: 60px;
color: #0033FF;
margin: 5px 0 0 5px;
}
/* P6.4 */
#setext {
margin: 5px 0 0 5px;
color: #888;
}
/* Control */
#secontrol {
	width: 470px;
	height: 210px;
	margin-left: 20px;
	margin-top: 0;
	float: left;
	position: relative;
}
.secolor {
	width: 50px;
	font-size: 10px;
}
.sehihead {
	width: 25px;
	font-size: 10px;
}
.sefile {
	width: 100px;
	font-size: 10px;
}
#secontrolbody {
	border: 1px solid #000;
	color: #FFFFFF;
	height: 180px;
	position: relative;
}
#secontrolbody p {
	margin-bottom: 5px;
}
.setitle {
 	margin: 7px 0 0 0;
}
.setitle p {
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #000;
	margin-right: 5px;
}
#sethemename {
	margin-top: 7px;
}
#sethemename input {
	font-size: 10px;
	width: 120px;
}
.leftsep1 {
	float: left;
	width: 260px;
}
.sesubject {
	float: left;
	width: 70px;
	margin-top: 3px;
}
.sedetail, .sedetail2 {
	float: left;
	width: 165px;
}
.rightsep1 .sesubject {
	float: left;
	width: 55px;
}
.rightsep1 .sedetail, .rightsep1 .sedetail2 {
	float: left;
	width: 120px;
}
.rightsep1 .sedetail table, .rightsep1 .sedetail2 table {
	width: 120px;
	height: 100px;
	border: 0;
	text-align: center;
	vertical-align: middle;
}
.rightsep1 .sedetail  td, .rightsep1 .sedetail2  td {
	border: 1px solid #FFF;
}
.rightsep1 {
	float: right;
	width: 180px;
	margin-right: 5px;
}
#sep3 .sesubject, #sep4 .sesubject {
	width: 25px;
	margin-top: 12px;
}
#sep3 .sedetail, #sep4 .sedetail {
	margin-top: 9px;
}
#sep2 table {
	padding: 0;
	margin: 0;
	width: 90px;
}
#sep6 .sesubject {
	width: 80px;
}
#sep6 .sedetail {
	width: 100px;
}

/****** SEA ******/
#sea1, #sea2, #sea3 {
	width: 888px;
	border:  1px solid #000000;
	padding: 2px 2px 0 5px;
	height: 215px;
	background-color: #222222;
}
#sea1 { display: block; }
#sea2 { display: none; }
#sea3 { display: none; }
#seinp  input {
	width: 75px;
	height: 10px;
	margin-top: 12px;
	padding: 0;
}

/***** SEP *****/
#sep1, #sep2, #sep3, #sep4, #sep5, #sep6 {
	margin: 3px 0 0 10px; position: relative;
}
#sep1 {display: block; }
#sep2 { display: none; }
#sep3 { display: none; }
#sep4 { display: none; }
#sep5 { display: none; }
#sep6 { display: none; }
/***** SE Search ******/
#sesearch p {
	text-align: right;
}
#secontent, #secontent2 {
	margin: 10px 0 8px 0;
	height: 175px;
}
#secontent .ct, #secontent2 .ct {
	float: left;
	text-align: center;
	width: 165px;
	height: 70px;
	margin: 5px 5px 5px 0;
	border: 3px solid #666;
}
.ctimg {
	margin-bottom: 5px;
	margin-top: 5px;
}
.ctimg img {
	width: 150px;
	height: 40px;
}
#sesubpage, #sesubpage2 {
	text-align: center;
	margin-bottom: 5px;
}
#sesubpage .tsubpage a, #sesubpage2 .tsubpage a, .tsubpage span{ border: 1px solid #000; padding: 1px 6px 1px 6px; margin-right: 5px; text-decoration: none; }
#sesubpage .tsubpage a:hover, #sesubpage2 .tsubpage a:hover{ background-color: #FFF; color: #000; } 
.tsubpage span { font-weight: bold; border-width: 0; }

.sedelpic {
	margin: 3px 0 2px 0;
	display: block;
	width: 60px;
}
.sesubmit {
	position: absolute;
	right: 15px;
	bottom: -30px !important;
	bottom: 10px;
	width: 110px;
	height: 30px;
	border-width: 1px;
	background-color: #000;
	color: #FFFFFF;
	font-weight: bold;
}
.active_theme {
	font-weight: bold;
	color: #006600;
}
#close_theme {
	width: 35px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 0;
	text-align: center;
}
/***** Add on ********/
.farbtastic {
   position: relative;
  background: #333;
  border: 1px solid #999;
  top: 1px;
  left: 0;
  z-index: 99999999;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/images/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/images/marker.png) no-repeat;
}