@charset "UTF-8";
@import url("jquery-ui.css");
@import url("ipex.css");

body {
	margin: 0;
	padding : 0;
	color: #cccccc;
	background: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

a {
	color: #cccccc;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}

a:hover {
	color: #cc0000;
	text-decoration: underline;
}

img {
	border: 0;
}

marquee {
	width: 75%;
}

form {
	margin: 0px;
}

option {
	padding-right: 10px;
}

#my_sample{
display:none;
height:360px;
position:absolute;
width:480px;
}
/*
 * Parts
 */

.divError{
	font-size: 9pt;
}
.divError ul{
background-color:#220000;
border:1px solid #880000;
color:#FF1111;
height:auto;
margin:7px 7px 18px;
padding-bottom:6px;
padding-left:32px;
padding-top:6px;
text-decoration:blink;
width:80%;
}

.btnText {
	color: gray;
	font-size: 12px;
	font-weight:bold;
	height: 10px;
	line-height: 10px;
	font-family: Arial, sans-serif;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

dl.oForm        { display: table; }
dl.oForm dt.row { display: table-row; }
dl.oForm dt     { display: table-cell; padding-right: 0.4em; }
dl.oForm dd     { display: table-cell; }

/*
 * Commons
 */
#indexBody {
height:664px;
left:16px;
margin-left:auto;
margin-right:auto;
position:relative;
top:0;
width:924px;
}

#header {
border-bottom:1px solid #EEEEEE;
font-size:12px;
height:60px;
left:0;
letter-spacing:4px;
position:relative;
top:0;
width:100%;
}
#enjoy {
	position: absolute;
	top: 36px;
	right: 0px;
	width: auto;
	letter-spacing: 0px;
}

#header_logo {
	position: relative;
	top: 0px;
	left: 18px;
	width: 250px;
	height: 54px;
}

.headerLine {
	width: 100%;
	height: 7px;
}

#oServer_status {
	position: absolute;
	left: 153px;
	top: 7px;
}

#header_btnSignOut,#header_btnSignIn{
height:18px;
letter-spacing:0;
line-height:18px;
position:absolute;
right:0;
top:8px;
width:70px;
}

#header_btnReturn{
height:18px;
letter-spacing:0;
line-height:18px;
position:absolute;
right:74px;
top:8px;
width:119px;
}

#header_btnTop {
	position: absolute;
	right: 8px;
	top: 21px;
	width: 70px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}

#search_footer {
border-top:1px solid #EEEEEE;
font-size:11px;
height:38px;
left:12px;
position:relative;
top:0;
width:671px;
}

/*
 * My Page
 */
#body_myPage{
height:auto;
position:relative;
top:0;
width:100%;
}

#my_prof{
height:auto;
left:6px;
padding:0;
position:absolute;
top:0;
width:182px;
}
div#my_prof div.c1, div#my_prof div.c2{
	background-color:#d8d8d8;
}
#my_profFrame{
background-color:#D8D8D8;
color:black;
height:385px;
left:23px;
line-height:19px;
padding:16px 23px 23px;
top:106px;
width:136px;
}
#my_profFrame a{
color:#900000;
}
#my_profFrame a:hover{
color:#FF0000;
}
#my_thumb{
height:134px;
margin:0 6px;
text-align:center;
width:120px;
}
#my_thumb img{
border:2px solid black;
}
#my_intro{
color:black;
height:148px;
width:130px;
}
#my_btnEdit{
bottom:9px;
position:absolute;
right:7px;
}

#my_btnNewCoin{
bottom:-55px;
height:39px;
position:absolute;
right:0;
width:183px;
}
div#my_btnNewCoin div.c1, div#my_btnNewCoin div.c2, div#my_btnNewCoin div.c3 {
background-color:#606060;
}

div#my_btnNewCoin div.btnLight{
font-size:18px;
font-weight:normal;
height:32px;
line-height:30px;
position:relative;
width:100%;
}

#my_btnSignOut,#my_btnSignIn{
bottom:9px;
position:absolute;
left:7px;
}

#my_latestRss{
color:#808080;
height:24px;
position:absolute;
right:0;
top:-32px;
width:auto;
}

#my_tab{
height:2057px;
left:218px;
margin-top:38px;
position:relative;
top:0;
width:692px;
}

#my_rss{
height:24px;
position:absolute;
right:24px;
top:47px;
width:24px;
z-index:2;
}
#search_tab{
height:2057px;
left:116px;
margin-top:38px;
position:relative;
top:0;
width:692px;
}

#searchControl {
	position: relative;
	width: 100%;
	height: 132px;
}

#search_title {
color:#DDDDDD;
height:20px;
left:18px;
position:absolute;
top:16px;
width:661px;
}

#search_more {
	position: absolute;
	left: 242px;
	top: 14px;
	font-size: 12pt;
	display: none;
}

#search_board {
display:none;
height:42px;
left:59px;
position:absolute;
top:58px;
width:633px;
}

#search_slider {
	position: absolute;
	left: 8px;
	top: 23px;
	width: 570px;
	height: 6px;
	background:#111;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
}

#search_slider .ui-slider-handle {
	width: 10px;
	height: 18px;
	top: -7px;
	background-color: #EEE;
}

#search_back {
	position: absolute;
	left: 242px;
	top: 33px;
	font-size: 12pt;
	display: none;
}

#footer {
border-top:1px solid #EEEEEE;
height:40px;
line-height:20px;
left:0;
position:relative;
top:11px;
width:100%;
text-align:right;

}

#search_more2 {
	position: absolute;
	left: 242px;
	top: 0px;
	font-size: 12pt;
	display: none;
}

#search_back2 {
	position: absolute;
	left: 242px;
	top: 19px;
	font-size: 12pt;
	display: none;
}

.searchExp {
	position: absolute;
	left: 360px;
	top: 35px;
	font-size: 10pt;
}

#search_count {
color:red;
left:30px;
position:absolute;
top:42px;
}

#server_access {
color:red;
left:554px;
position:absolute;
text-decoration:blink;
top:18px;
width:100px;
}

#search_btnCreate {
border:1px solid red;
height:20px;
left:51px;
line-height:20px;
position:absolute;
text-align:center;
top:0;
width:48px;
}

#search_btnUpdate {
border:1px solid black;
height:20px;
left:109px;
line-height:20px;
position:absolute;
text-align:center;
top:0;
width:48px;
}

#keyword {
	position: absolute;
	left: 553px;
	top: 16px;
	width: 300px;
	height: 48px;
}

#keyword_txtKeyword {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 140px;
	height: 18px;
}

#keyword_btnSearch {
	position: absolute;
	left: 147px;
	top: 2px;
	width: 100px;
	height: 18px;
}

#keyword_err {
	position: absolute;
	left: 249px;
	top: -2px;
	font-size: 9pt;
	width: 92px;
	height: 18px;
	text-align: center;
	padding: 1px 4px;
	line-height: 18px;
	display: none;
}

#keyword_err2 {
	position: absolute;
	left: 47px;
	top: 22px;
	width: 190px;
	font-size: 9pt;
	text-align: center;
	padding: 1px 4px;
	line-height: 18px;
	display: none;
}

#category {
	position: absolute;
	left: 543px;
	top: 10px;
	width: 300px;
	height: 72px;
}

#category_btnSearch {
	position: absolute;
	left: 161px;
	top: 52px;
	width: 100px;
	height: 18px;
}

#category_err {
	position: absolute;
	left: 160px;
	top: 12px;
	width: 92px;
	height: 18px;
	line-height: 18px;
	font-size: 9pt;
	text-align: center;
	padding: 1px 4px;
	display: none;
}

#category_err2 {
	position: absolute;
	left: 50px;
	top: 74px;
	width: 200px;
	font-size: 9pt;
	text-align: center;
	padding: 1px 4px;
	line-height: 18px;
	display: none;
}

#theme {
	position: absolute;
	left: 543px;
	top: 10px;
	width: 300px;
	height: 72px;
}

#selTehsion1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 18px;
}

#selTehsion2 {
	position: absolute;
	left: 0px;
	top: 26px;
	height: 18px;
}

#selDoing {
	position: absolute;
	left: 0px;
	top: 52px;
	height: 18px;
}

#theme_btnSearch {
	position: absolute;
	left: 161px;
	top: 52px;
	width: 100px;
	height: 18px;
}

#theme_err {
	position: absolute;
	left: 262px;
	top: 48px;
	width: 92px;
	height: 18px;
	line-height: 18px;
	font-size: 9pt;
	text-align: center;
	padding: 1px 4px;
	display: none;
}

#theme_err2 {
	position: absolute;
	left: 50px;
	top: 74px;
	width: 200px;
	font-size: 9pt;
	text-align: center;
	padding: 1px 4px;
	line-height: 18px;
	display: none;
}

.record {
height:182px;
left:17px;
position:relative;
top:0;
}

.divThumb {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 138px;
	width: 206px;
}

.divImage {
border:1px solid #EEEEEE;
cursor:pointer;
display:table-cell;
height:120px;
left:16px;
overflow:hidden;
position:absolute;
text-align:center;
top:24px;
width:160px;
}

* html div.divImage div { /* IE 6 */
	display: inline;
	zoom: 1;
}

.divImage a {
	text-decoration: none;
}

* :first-child+html div.divImage div { /* IE 7 */
	display: inline;
	cursor: pointer;
	zoom: 1;
}

.abone {
	position: absolute;
	background-color: #222;
	text-align: center;
}

.aboneText {
	position: absolute;
	bottom: 10%;
	color: #666;
	text-align: center;
	width: 100%;
	left: 0px;
	font-size: 14pt;
	text-decoration: none;
}

.dustFav {
color:#888888;
font-size:12px;
height:auto;
position:absolute;
right:26px;
top:0;
}
.dustFav span{
background-image:url(dustbox.gif);
width:16px;
height:16px;
}

.clickstart {
color:#888888;
font-size:10px;
left:9px;
position:absolute;
top:82px;
}

.clickLine {
	width: 73px;
	height: 73px;
	border-left: solid 1px #888;
	border-bottom: solid 1px #888;
}

.tdStatus {
	width: 490px;
	vertical-align: top;
}

.divStatus {
height:100%;
left:208px;
position:absolute;
top:0;
width:463px;
}

.divTitle {
border-bottom:1px solid #EEEEEE;
font-size:16px;
font-weight:bold;
height:27px;
left:0;
line-height:23px;
position:relative;
top:0;
width:440px;
}

.statusTitle {
font-size:10px;
font-weight:normal;
line-height:10px;
position:absolute;
right:0;
text-align:right;
top:4px;
width:100px;
}

.statusTheme {
height:25px;
position:absolute;
right:2px;
top:0;
width:auto;
}

.divInfo {
font-size:12px;
height:99px;
left:0;
padding-left:2px;
position:relative;
top:6px;
width:438px;
}

.infoBubble{
height:49px;
left:84px;
position:absolute;
top:18px;
width:309px;
}
div.infoBubble div.c1,div.infoBubble div.c2{
	background-color:#303030;
}
.infoText {
background-color:#303030;
border-collapse:collapse;
font-size:12px;
height:49px;
overflow-x:hidden;
overflow-y:scroll;
padding:0 6px;
width:314px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
	line-break: strict; /* IE 5.5+ */
	word-break: break-all;
	word-wrap: break-word;
}

.infoScrCover {
background-color:#2A2A2A;
height:66px;
left:393px;
position:absolute;
top:18px;
width:21px;
z-index:1;
}

.divStatistics {
border-top:1px solid #EEEEEE;
font-size:12px;
height:36px;
left:0;
padding-top:4px;
position:relative;
top:0;
width:440px;
}

.divHname {
bottom:0;
font-size:10px;
left:0;
line-height:10px;
position:absolute;
text-align:center;
width:60px;
}

.statusId {
font-size:14px;
margin-top:2px;
width:100%;
}

.infoVv{
margin-left:0;
padding:0;
}
.infoTotalup{
margin-right:8px;
padding:0;
}
.infoIcons{
float:right;
margin:0;
padding:0;
text-align:right;
width:300px;
}

span.infoIconT,span.infoIconI,span.infoIconM,span.infoIconS{
display:inline-block;
height:16px;
margin-right:3px;
width:16px;
background: url(icons.gif);
}

span.infoIconT{
background-position: -64px 0;
}

span.infoIconI{
background-position: -80px 0;
}
span.infoIconM{
background-position: -112px 0;
}
span.infoIconS{
background-position: -96px 0;
}

.statusTime {
font-size:8pt;
font-weight:normal;
line-height:11px;
position:absolute;
right:0;
text-align:right;
top:2px;
}

#search_board2 {
	position: relative;
	left: 61px;
	top: 0px;
	height: 28px;
	width: 876px;
	display: none;
}

#search_slider2 {
	position: absolute;
	left: 0px;
	top: 16px;
	height: 8px;
	width: 876px;
	border: 1px solid #EEE;
}

#search_btnTop {
	position: absolute;
	left: 32px;
	top: 8px;
}

#footer_btnTop {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 70px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}

.dataColor {
	color: #cccccc;
}

#searchBody{
position:absolute;

}
#frmSearch{
background-color:#181818;
margin:24px 10px 0 28px;
padding:12px 36px;
position:relative;
top:0;
width:568px;
display:none;
}
#divSearchIcon{
	position:absolute;
	background-image:url(../img/search.gif);
	width:40px;
	height:40px;
	left:-16px;
	top:-16px;
}
#divCategory{
left:288px;
position:absolute;
top:12px;
}
#divTheme{
height:83px;
position:absolute;
right:64px;
top:12px;
width:157px;
}
.btnLine{
height:23px;
left:0;
position:relative;
top:0;
width:100%;
}
#my_btnSearch{
position:absolute;
right:-13px;
top:8px;
}

.oInfoUser {
height:70px;
position:absolute;
text-align:center;
top:20px;
width:78px;
}

.oInfoBubMark {
background-image:url(bbltitle.gif);
height:11px;
left:68px;
position:absolute;
top:32px;
width:16px;
}

.googleAd{
margin:12px 0px;
text-align:center;
}