@charset "utf-8";
/* CSS Document */

body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size:11px;
	color: #444;
	/*background:url(../images/bg.png) repeat;*/	
}

#leftsite { float:left; margin-left:51px; }
#rightsite{ float:right; margin-right:51px;  }
.f-left { float:left; }
.f-right { float:right; }
.container { width: 982px; margin:auto; padding:0; }
.clearfix { clear:both; }
#warp { margin-top:25px; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }
a img{ border:0; }

.nr-font { font-size:11px; color:#444; font-weight:normal; }

/*

white : #FFF
pink : #F1645D
gray : #333
blashk : #000
soft pink : #F18989

*/

#topmenu-sub #logout a{ color:#F1645D; }
#topmenu-sub #logout a:hover { color:#F18989; }

#video-preview { /*background:#000;*/ width:648px; height:362px; text-align:center; /*position:relative;*/ }

#upload-field { 
	width:214px;  
	margin:auto;  
}

#upload-field ul {
	padding:10px 0 10px 50px; 
	margin: 0;
	width: 100%;
}

#upload-field ul li{
	padding:2px 0; 
}

#upload-field-header { background:url(../images/bg-upload-header.png) no-repeat; width:214px; height:8px; }
#upload-field-middle { background:url(../images/bg-upload-middle.png) repeat-y; width:214px; }
#upload-field-footer { background:url(../images/bg-upload-footer.png) no-repeat; width:214px; height:7px; }

#upload-btn { width:174px; height:28px; text-align:center; font-size:14px; margin:auto; padding:3px 0; }
#jobpost-btn { width:174px; height:28px; text-align:center; font-size:14px; margin:auto; padding:3px 0; }

#upload-btn a{ 
	background-image:url('../images/button/upload-vdo.png'); 
	background-position: 0 0;
	width:174px; height:28px;  
	display:block;
}
#upload-btn a:hover{ 
	background-image:url('../images/button/upload-vdo.png'); 
	background-position: 174px 0;   
}

#upload-desc {  }

#line-center { width:879px; margin:10px auto; height:6px; }
.banner { margin:10px 0; text-align:center; width:220px; }
#banner-title { margin:15px 0; width:200px; padding:0 10px; }
#banner-title #title{ 
	font-size:13px; color: #333; margin:10px 0 5px 0; }
#banner-title #link {  margin:10px 0 5px 0; }
#banner-title #link a{ font-size:11px; color: #F1645D; }
#banner-title #link a:hover{ font-size:11px; color: #F18989; }

#introduce { margin:15px 0; width:200px; padding:0 10px; }
#introduce #title{ font-size:13px; color: #333; margin:10px 0 5px 0; }
#introduce a{ font-size:11px; color: #F1645D; }
#introduce a:hover{ font-size:11px; color: #F18989; }

/************************************** Login ******************************************/

#pane { height: 320px; }
#pane a img{ border:0; }

/************************************** Header ******************************************/

#header { 
	position:relative;  
	width: 100%;
	background: #333;
	height:95px;

/*	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;*/
}

#logo { position:absolute; top:0; left:20px; width:239px; height:99px; }

#logo a.logo-img{ 
	background:url('../images/logo.png'); 
	background-position: 0 0;
	width:239px; height:99px; 	
	display:block;
}
#logo a:hover.logo-img{	
	background:url('../images/logo.png'); 
	background-position: 240px 0;
}
/*#logo a{
	position: relative;
	text-align: center;
	width:239px; 
	height:99px;
	float: left;
}*/

#topmenu { 

	z-index:100;

	width: 100%;
	background: #333;
	position:relative;

	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;	
	 
}
#topmenu-main #h-line{
	border: 0;
	background:url(../images/h-line.png);
	height: 3px;
	width: 100%;
	margin:0;
	padding:0;
}
#topmenu-main .v-line { 
	border: 0;
	background:url(../images/v-line.png) repeat-y;
	min-height: 31px;
	width: 3px;
	margin:0;
	padding:0;
}
#topmenu-main a{ 
	font-size:11px; 
	text-decoration:none; 
	color: #FFF; 
	padding-left:10px;
}

#topmenu-main .menu{ 
	padding-top:10px;
}



#topmenu-sub { 

	position:absolute;
	top:30px;

	width: 100%;
	background: #333;

	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;	
	
	display:none; 
}

#topmenu-sub #h-line{
	border: 0;
	background:url(../images/h-line.png);
	height: 3px;
	width: 100%;
	margin:0;
	padding:0;
}
#topmenu-sub .v-line { 
	border: 0;
	background:url(../images/v-line.png) repeat-y;
	min-height: 31px;
	width: 3px;
	margin:0;
	padding:0;
}
#topmenu-sub a{ 
	font-size:11px; 
	text-decoration:none; 
	color: #FFF; 
}

#topmenu-sub .menu ul {
	padding: 10px 0 10px 10px; margin: 0;
	width: 100%;
	list-style: none;
	/*border-top: 1px solid #000; /*--Gives the bevel feel on the panel--*/
}
#topmenu-sub .menu ul li{
	padding: 0; 
	margin: 0 0.66em 0.5em 0;
	/* position: relative; */
}

#topmenu-sub .menu ul li div{  }

#topmenu-sub .menu ul li a:hover{ text-decoration:underline; }


a.btn-search{ font-size:11px; color:#444; font-weight:normal; }
a.btn-search:hover{ color:#F18989; text-decoration:none; }
#search { float:right; padding:0 45px 0 0; position:relative;  }
#search a{ padding:0; }

#search #search-input{ position:absolute; top:1px; right:53px; display:none; }
#search a #search-btn{ background:url(../images/b-go-w.png); width:23px; height:20px;  }
#search a:hover #search-btn{ background:url(../images/b-go-r.png); width:23px; height:20px;  }

#search .search-default {
	background:url("../images/bg-search-input.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#797979;
	display:block;
	float:left;
	font-size:1.1em;
	height:22px;
	text-transform:capitalize;
	width:200px;
}

#search .search-active {
	background:url("../images/bg-search-active.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#797979;
	display:block;
	float:left;
	font-size:1.1em;
	height:22px;
	text-transform:capitalize;
	width:190px;
	padding-left:10px;
}

#search #search-list{ 

	z-index:200;
	 
	width: 135px;
	background: #333;
	position:absolute;
	top:29px;
	right:75px;
	color:#FFF;

	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;	
	
	 display:none;	
}

#search #search-list ul {
	
	padding: 10px 0 0 10px; margin: 0;
	width: 100%;
	list-style: none;
	/*border-top: 1px solid #000; /*--Gives the bevel feel on the panel--*/
}

#search #search-list ul li{
	padding: 0; margin: 0 0.66em 0 0;
}

#search #search-list ul li a img{ margin-right:5px; }


#search .option-inactive{ 
	background-color:#F2F2F2;
	width:10px; height:10px; 
	border:1px #CBCBCB solid; 
	cursor:pointer; 
	margin-right:10px; 		 
}
#search .option-active { 
	background-color:#F1645D;
	width:10px; height:10px; 
	border:1px #CBCBCB solid; 
	cursor:pointer; 
	margin-right:10px; 		
}

#search .option-title{
	position:relative;
	top:-13px;
	left:20px;
}

#search-detail { margin:5px 0 0 20px; }
.result-keyword { font-size:13px; margin-bottom:5px; }
.result-count { font-size:11px; color:#999; }
.result-dot-line { 
	width:595px; height:2px; 
	background:url("../images/line-result-dot.png"); 
	margin:5px 0;
}

#search-result .box-pic-vdo { width:119px; height:119px}
#search-result .box-pic-vdo img{width:119px; height:119px; border:2px #FFF solid;}
#search-result .box-pic-vdo a:hover img{border:2px #F48987 solid;}
#search-result .box-vdo-all {
    height: auto;
    margin: 12px 20px 0 12px;
    width: 123px;
}

#search-result .text-name-vdo-row a{color:#F1645D;}
#search-result .text-name-vdo-row a:hover{color:#F48987; text-decoration:none;}
#search-result .line-under-vdo-all {
    background-image: url("../images/img-category/line-under-vdo");
    height: 2px;
    margin: 5px 0;
    width: 123px;
}

#search-result .job { padding:6px 0 3px 0; color:#B2B2B2; font-style:italic; }

#login-menu{
	position:absolute; top:40px; right:45px;
}

#member-top-menu{
	color:#FFF;
	font-size:11px;	
}

#login-menu ul li #member-top-menu a{
	color:#F1645D;
	font-size:13px;	
}

#login-menu ul li #member-top-menu a img{ border:1px #333 solid; }
#login-menu ul li #member-top-menu a:hover img{ border:1px #FFF solid; }

#login-menu ul li #member-top-menu a:hover{
	text-decoration:underline;
}

#login-menu .line{
	background:url(../images/v-line-menu-login.png);
	width:3px; 
	height:15px;
	margin:0;
	/* position: relative; */
}

#login-menu ul {
	padding: 0; margin: 0;
	width: 100%;
	list-style: none;
	/*border-top: 1px solid #000; /*--Gives the bevel feel on the panel--*/
}
#login-menu ul li{
	padding: 0; margin: 0 0.66em 0 0;
	float: left;
	/* position: relative; */
}
#login-menu ul li a{
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size:11px; 
}

#login-menu ul li a:hover{
	text-decoration: none;
	color: #F1645D;
	text-align: center;
	font-size:11px; 
}

/************************************** VDO ******************************************/

#vdo-preview{
	
	border: none;
	width: 880px;
	/*margin:0 auto 20px;*/
	margin:0 auto 10px;
	background: #FFF;
	height:340px;

	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;		
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;*			
}

/************************************** VDO SLIDE ******************************************/

.vp_header { background:url("../images/bg-up4slide.png"); width:210px; height:34px; margin:0 0 5px 2px; }
.vp_middle { background:#FFF; width:210px; margin:auto; }
.arrow_up{ width:17px; height:8px; margin:auto; padding:10px 0;}
.arrow_up img { border:none; }
.arrow_down{ width:17px; height:8px; margin:auto; padding:10px 0; }
.arrow_down img { border:none; }
.vp_detail { padding:5px 0; margin:auto; width:180px; }
.vp_detail img { border:none; }
.vp_title { font-weight:bold; padding:15px 0 0 7px; }
.vp_title a{ font-size:12px; color:#333; text-decoration:none; }
.vp_title a:hover{ font-size:12px; color:#F1645D; text-decoration:none; }
.vp_more { padding:0 0 10px 170px; }
.vp_more a { color:#F1645D; font-size:11px; font-style:italic; }
.vp_more a:hover{ color:#F18989; font-size:11px; font-style:italic; text-decoration: underline; }

/************************************** ARTICLE ******************************************/

#article_title { 
	
	border: none;
	width: 646px;
	background: #FFF;

	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;		
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;*
}
#article_img { width:230px; padding:5px; }
#article_detail {width:350px; }
#article_by { }
#article_by a{ 
	font-size:15px; color: #333; text-decoration:none; 
}
#article_by a:hover{ 
	font-size:15px; color: #F18989; text-decoration:none; 
}
#article_intro {  margin:10px 0 5px 0; font-size:22px; color: #333; word-wrap:break-word; }
#article_intro a{ 
	font-size:22px; color: #333; text-decoration:none; 
}
#article_intro a:hover{ 
	font-size:22px; color: #F18989; text-decoration:none; 
}
#article_desc { padding:0 20px 15px 0; font-size:11px; line-height:1.5em; word-wrap:break-word; }
#article_readmore { text-align:right; }
#article_readmore a{ color:#F1645D; font-size:11px; font-style:italic; }
#article_readmore a:hover{ color:#F18989; font-size:11px; font-style:italic; text-decoration:underline; }

#sketchbook-main { padding:20px 30px; }

#blog-main { padding:20px 30px; }
#blog-main pre{ width:586px; white-space:pre-wrap; }
.blog-desc { position:relative; }
.blog-desc .more{ position:absolute; right:40px; bottom:80px; }
.blog-desc .more a{ color: #F1645D; }
.blog-desc .more a:hover{ color: #F18989; }

.blog-detail { width:580px; margin:auto; padding-top:10px; }
.blog-detail pre{ width:580px; white-space:pre-wrap; }
.blog-detail .line-finish {
    background-image: url("../images/img-sketchbook/ling-dot-down-project.png");
    height: 3px;
    margin: 35px 0 5px;
    width: 580px;
}

.blog-detail .tool { padding:10px 0; }

.blog-detail .box-b-tfh-left {
    float: left;
	margin:0;
}

.blog-detail .box-b-tfh-right {
    float: right;
    margin: 0;
}

.blog-title {  padding: 15px 0 0 30px; }
.blog-title a{ color:#F1645D; font-size:15px; font-weight:bold;  }

.blog-create-by {  padding: 5px 0 0 30px; }
.blog-created {  padding: 0 0 0 8px; font-size:0.8em; }
.blog-create-by-space { padding-right:8px; }

.blog-month {
    font-size: 11px;
    padding: 5px 0 5px 10px;
}
.blog-month a { color:#444; }

.blog-month .view { float:right; padding:5px 10px 0 0; }
.blog-month .create_by { list-style:circle; }
.blog-month .create_by ul{
	padding-left:20px; 
	margin: 0;
}
.blog-month .created{ float:left; padding:5px 0 0 20px;  }

.blog-v{ background: #F2F2F2; }

.blog-v img{
	
    height: 10px;
    left: 500px;
    position: relative;
    top: 0;
    width: 32px;
}

#blog-comment {
	
	border: none;
	background: #F2F2F2;

	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;		
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;*	
}

#blog-comment #comment-header {
    background:#F2F2F2;
	height:0;
}

#blog-comment #comment-footer {
    background:#F2F2F2;
}

#blog-comment #comment-center {
    background:#F2F2F2;
}

#blog-comment #comment-response {
    margin-top: 0;
    padding: 10px 0 0 20px;
}

/************************************** FOOTER ******************************************/

#footer { font-size:11px; color:#FFF; margin-top:30px; background:url(../images/bg-footer.png); width:983px; height:50px; }
#footer_center a { font-size:11px; color:#E5E5E5; padding:0 10px; }
#footer_center a:hover { font-size:11px; color:#FFF; padding:0 10px; }
#footer_center #follow-link a{ padding:0; }

/************************************** VDO SHOW DETAIL ******************************************/

#vdo-show-detail{
	border: none;
	width: 885px;
	margin:20px auto;		
}

#vdo-show-detail #credit{ margin-bottom:10px; }
#vdo-show-detail #credit #detail{ margin:0 0 0 5px; }
#vdo-show-detail #credit #title{ 
	margin:0 0 0 10px;
	font-size: 16px;
	color: #333;	 
}
#vdo-show-detail #credit #by{ margin:0 0 0 10px; }
#vdo-show-detail #credit #by a{
	font-size: 11px;
	text-decoration:none;
	color: #333;
}
#vdo-show-detail #credit #by a:hover{
	font-size: 11px;
	text-decoration:none;
	color: #F1645D;
}
#vdo-show-detail #credit #add { margin:20px 0 0 10px; }
#vdo-show-detail #credit #add a{
	font-size: 12px;
	text-decoration:none;
	color: #F1645D;
}
#vdo-show-detail #credit #add a:hover{
	font-size: 12px;
	text-decoration:none;
	color: #F48987;
}

#vdo-show-detail #vdo .line { background:url(../images/line-vdo.png); width:3px; height:31px; margin:0; }
#vdo-show-detail #vdo {
	font-size: 12px;
	color: #333;
}
#vdo-show-detail #vdo span{ margin:0 10px; }
#vdo-function { background:url(../images/bg-vdo-function.png); width:648px; height:39px; }
#vdo-function a img{ border:none; padding:0 15px; }
#vdo-desc { 
	background:#FFF; 
	width:618px;
	font-size: 11px;
	color: #333;
	padding:15px;
}
#vdo-desc .title {
	margin:5px 0;	
}

#vdo-desc .description {
	margin:5px 0;	
}

#vdo-desc .description pre{ 
	width:618px; 
	white-space:pre-wrap;
	font-family:Verdana;
	font-size:11px;
	height:39px;
	overflow:hidden;
}

#vdo-desc .credit {
	margin:5px 0;	
}

#vdo-desc .credit a{ color:#F1645D; }
#vdo-desc .credit a:hover { color:#F18989; }

#vdo-desc #desc-read-more { display:none; }
#vdo-desc .readmore{ width:100%; text-align:right; }
#vdo-desc .readmore a{
	font-size: 11px;
	text-decoration:none;
	color: #F1645D;
}
#vdo-desc .readmore a:hover{
	font-size: 11px;
	text-decoration:none;
	color: #F48987;
}

#vdo-show-detail #list{
	float:right;
	width:220px;
	margin-left:15px;
}
#list #title { 
	font-size: 13px;
	font-weight:bold;
	color: #333;
	margin-bottom:10px;
}

#list .desc { 
	
	width:200px;
	font-size: 11px;
	color: #333;
	margin-bottom:30px;
}

#list #tag { 
	font-size: 13px;
	font-weight:bold;
	color: #333;
	margin-top:20px;
}
#list .line { background:url(../images/line-tags.png); width:215px; height:4px; margin:5px 0; }

#list #tag-link a{
	font-size: 11px;
	text-decoration:underline;
	color: #F1645D;
}
#list #tag-link a:hover{
	font-size: 11px;
	text-decoration:underline;
	color: #F48987;
}
#list #vdo-list { background:url(../images/bg-vdo-list.png); width:194px; height:323px; padding:10px; }
#list #vdo-list .line { height:1px; width:180px; margin:5px 0;  }

/************************************** VDO SHOW DETAIL ******************************************/

#list-vdo-r-site { width:180px; line-height:1.3em  }
#list-vdo-r-site .vdo-img { float:left; width:90px; height:68px; background:#000; cursor:pointer; }
#list-vdo-r-site .vdo-detail { float:right; width:80px; margin:0 5px; }
#list-vdo-r-site .vdo-detail .vdo-name a{ color:#333; }
#list-vdo-r-site .vdo-detail .vdo-name a:hover{ color:#F48987; text-decoration:none; }

#list-vdo-r-site .vdo-detail .create-by a{ color:#F1645D; }
#list-vdo-r-site .vdo-detail .create-by a:hover{ color:#F48987; text-decoration:none; }


/*************************************** VDO Explore *****************************************/

.vdo-category { }

/******* LEFT *********/
.box-header{background: url(../images/img-explore/BG-vdo-01.png); height:6px; width:648px;}
.box-center{background-image:url(../images/img-explore/BG-vdo-02.png); height:auto; width:648px;}
.box-footer{background: url(../images/img-explore/BG-vdo-03.png); height:5px; width:648px;}

.box-center-edit{ 
	background-image:url(../images/img-explore/BG-vdo-02.png); 
	height:auto; width:648px;
	padding:3px 0 6px 0;
}

.box-center-edit .text-left{
	float:left;
	margin:7px 0 0 20px; 
	font-size:11px; 
}

.box-center-edit .box-search-owner{

	background-image:url(../images/box-search-owner.png); 
	height:22px; width:149px;
	 padding:0 10px;
	border:none;
}

.box-center-edit .menu-show-right{
	float:right;
	margin:5px 10px 0 0; 
	color:#F1645D;	
}

.vdo-category .vdo-detail { padding:10px 3px 0 10px; width:635px; }

.text-left-edit { float:left; margin:5px 0 0 20px; font-size:13px; font-weight:bold; height:25px; }

.text-left{ float:left; margin:5px 0 0 30px; font-size:13px; font-weight:bold; height:25px; }
.text-right{ float:right; margin:8px 15px 0 0; color:#F1645D; height:22px; }
.text-right a{color:#F1645D;}
.text-right a:hover{color:#F48987;}

.text-name-vdo {font-size:12px; margin:5px 0 0 10px; font-weight:bold;}
.text-name-vdo a{color:#F1645D;}
.text-name-vdo a:hover{color:#F48987;}

.text-name-own {margin:5px 0 0 10px;}
.text-name-own a{color:#F1645D;}
.text-name-own a:hover{color:#F48987;}

.text-vdodetail {margin:5px 0 0 10px;}

.line-text-vdo{margin:5px 0 0 8px; background-image:url(../images/img-explore/line-text-name-vdo.png); height:2px; width:331px;}
.line-center-page{background-image:url(../images/img-explore/line-center.png); height:6px; width:648px; margin:15px 0 15px 0;}

.box-left{float:left; height:auto; width:341px;}
.box-left img{ border:0;}
.box-right{float:right;}
.box-right img {padding:0 8px 8px 0; width:133px; height:100px; border:0;}
.box-right .block { padding-bottom:5px; }
.box-right .block img{ width:10px; height:10px; padding:0; }

/******* RIGHT *********/

#menu-vdo-catlist { margin-bottom:20px; }
.bg-menu-vdo-catlist-header{background-image:url(../images/img-explore/BG-meun-R-01.png); height:8px; width:215px;}
.bg-menu-vdo-catlist-center{background-image:url(../images/img-explore/BG-meun-R-02.png); height:auto; width:215px;}
.bg-menu-vdo-catlist-foodter{background-image:url(../images/img-explore/BG-meun-R-03.png); height:8px; width:215px;}

.line-menu-box-right{ background-image:url(../images/img-explore/line-menu-box-R.png); height:2px; width:213px; margin:5px 0 5px 0;}

.text-menu{ padding:8px 8px 8px 15px; color:#333; font-weight:bold; }
.text-menu a{color:#333;}
.text-menu a:hover{color:#F48987; text-decoration:none;}


/*************************************** VDO Catagory *******************************************/
.menu-show-left{ float:left; margin:10px 0 0 20px; font-size:13px; font-weight:bold;  }
.menu-show-right{float:right; margin-right:25px; color:#F1645D; }

.box-big-edit{  }
.box-big-vdo{ padding:0 0 25px 2px; }

/*.box-pic-vdo { width:175px; height:132px}
.box-pic-vdo img{width:175px; height:132px; border:2px #FFF solid;}
.box-pic-vdo a:hover img{border:2px #F48987 solid;}
.box-pic-vdo img{width:175px; height:132px; }
*/

.box-pic-vdo { width:175px; height:132px; border:2px #FFF solid; background:#000; }
a:hover .box-pic-vdo{ border:2px #F48987 solid; }


/*.box-pic-vdo-left{float:left; width:175px; height:132px}
.box-pic-vdo-left img{width:175px; height:132px; border:2px #FFF solid;}
.box-pic-vdo-left a:hover img{border:2px #F48987 solid;}*/

.box-pic-vdo-left{float:left; width:175px; height:132px; background:#000; border:2px #FFF solid;}
a:hover .box-pic-vdo-left{border:2px #F48987 solid;}


.box-vdo-detell-right{float:right; width:450px; height:auto;}
.box-vdo-detell-right-text{margin:0 10px 10px 10px;}
.box-see-hart{height:15px; font-style:italic; color:#C6C6C6}

.line-under-vdo-row{background-image:url(../images/img-category/line-under-vdo-row.png); width:394px; height:2px; margin:5px 0 5px 0;}

.text-name-vdo-row{color:#333;font-weight:bold; margin-top:5px;}
.text-name-vdo-row a{color:#333;}
.text-name-vdo-row a:hover{color:#F48987; text-decoration:none;}

.text-own-vdo-row{color:#333;}
.text-own-vdo-row a{color:#F1645D;}
.text-own-vdo-row a:hover{color:#F48987;}

.text-vdo-detell-row{ margin-top:5px;}

.box-span-text { padding-top:5px; }

.feature-vdo { margin:10px 0 20px 0; }

/*************************************** VDO Catagory All *******************************************/

.line-under-vdo-all{background-image:url(../images/img-category/line-under-vdo.png); width:175px; height:2px; margin:5px 0 5px 0;}

.box-vdo-all{width:175px; height:auto; margin:12px 20px 0 12px;}

.box-vdo-edit { width:174px; height:auto; padding:3px 8px 3px 8px; }

.box-vdo-edit .box-span-text{ padding:5px 5px 0 5px; }
.box-vdo-edit .delvdo { float:right; }
.box-vdo-edit .delvdo a.del-link{ 
	background:url(../images/icon-del-02.png) no-repeat; 
	width:20px; height:20px;  
	display:block;
}
.box-vdo-edit .delvdo a:hover.del-link{ 
	background:url(../images/icon-del.png) no-repeat; 
	width:20px; height:20px;  
	display:block;
}
.box-vdo-edit .delvdo a.edit-link{ 
	background:url(../images/icon-pen.png) no-repeat; 
	width:20px; height:20px;  
	display:block;
}

.box-vdo-edit .chkbox { float:left; }
.box-vdo-edit .tool{ padding-bottom:7px; }
.box-vdo-edit .box-pic-vdo{ width:175px; height:132px; padding-bottom:5px; }
/*.box-vdo-edit .box-pic-vdo img{ width:175px; height:132px; border:2px #FFF solid; }
.box-vdo-edit .box-pic-vdo a:hover img{ border:2px #F48987 solid; }*/

.box-vdo-edit-header { background:url(../images/bg-vdo-own-01.png) no-repeat; width:194px; height:6px; }
.box-vdo-edit-middle { background:url(../images/bg-vdo-own-02.png) repeat-y; width:194px; }
.box-vdo-edit-footer { background:url(../images/bg-vdo-own-03.png) no-repeat; width:194px; height:5px; margin-bottom:10px;  }


.box-vdo-edit-middle-myvdo { 
	background:url(../images/bg-vdo-own-02.png) repeat-y; 
	width:194px; 
	padding-bottom:30px; 
}

.box-vdo-edit-footer-myvdo { 
	background:url(../images/bg-vdo-own-03.png) no-repeat; 
	width:194px; height:5px; margin-bottom:10px;
	position:relative;  
}

.box-vdo-edit-footer-myvdo .vdo-promote a.vdo-promote-link{ 
	background:url(../images/b-promote-01.png) no-repeat; 
	width:128px; height:30px;  
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}

.box-vdo-edit-footer-myvdo .vdo-promote a.vdo-promote-now{ 
	background:url(../images/b-promote-02.png) no-repeat; 
	width:128px; height:30px;  
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}


.line-underweb-category{background-image:url(../images/img-category/line-buttom.png); width:648px; height:2px; margin:5px 0 20px 0;}

.explore-img { width:341px; height:190px; background:#000; cursor:pointer; }
.explore-img a img{ border:0; }

/**************** addto.php ***************/
.bg-tab{ background-color:#E5E5E5; color:#4D4D4D; width:648px; height:auto; padding:20px 0 10px 0; }

#tab-function { display:none; }
#tab-embed { display:none; }
#tab-share { display:none; }
#tab-addto { display:none; font-size:11px; padding:20px 0; }
#tab-addto-left { width:180px; float:left; padding-left:60px; }
#tab-addto-right { width:340px; float:right; padding-left:60px; } 
#tab-report { display:none; font-size:11px; padding:20px 0; }
#tab-report-left { width:290px; float:left; padding-left:30px; }
#tab-report-right { width:270px; float:right; } 

#tab-report-left #vdo-report-title { font-weight:bold; }

.box-tab-big{padding:15px;}
.text-tab-name{font-weight:bold;}

.text-tab-readmore{float:right; color:#F1645D; padding:10px 10px 0 0;}
.text-tab-readmore a{color:#F1645D;}
.text-tab-readmore a:hover{text-decoration:none; color:#F1645D;}

.text-tab-detell{margin-top:10px;}

#tab-album { position:relative; height:60px; }

#menu-tab-l{ position:absolute; top:15px; left:30px; }
#line-center-tab{ position:absolute; top:10px; left:200px;}
#menu-tab-r{ position:absolute; top:15px; right:50px; }

.text-name-tab-1-l{float:left;}
.text-name-tab-1-r{float:left; margin:0 0 0 10px;}
.text-name-tab-2-l{float:left;}
.text-name-tab-2-r{float:left; margin:0 0 0 15px;}

/****** embed.php **********/

.box-textarea{margin:10px 0 0 65px;}
#exbed_code { width:518px; height:100px; } 

.line-dot-dot{background-image:url(../images/img-share-tab/line-dot-dot.png); width:554px; height:5px; margin:30px 0 5px 30px;}
.box-text-exbed{ padding:5px 0 0 70px;}

.box-size-vdo{margin:10px 0 0 130px;}
.text-size-no{ width:100%; font-size:11px; text-align:center; margin-bottom:5px;}
.size-img-vdo{ background-color:#F2F2F2; border:2px #CBCBCB solid; cursor:pointer; }
.size-img-vdo-active { background-color:#F1645D; border:2px #CBCBCB solid; }
#size-img-vdo-1{ width:47px; height:38px; }
#size-img-vdo-2{ width:51px; height:43px; }
#size-img-vdo-3{ width:69px; height:56px; }
#size-img-vdo-4{ width:103px; height:80px; }

.box-embed-option{margin:10px 0 5px 65px;}
.embed-option-l{float:left; margin:0 0 0 10px; }
.embed-option-r{ float:left; margin:0 0 0 25px; font-size:11px; }
.embed-option-r ul { 
	padding: 0; margin: 0;
	width: 100%;
	list-style: none;
}

.embed-option-r ul li{
	padding: 0; margin: 0 0.66em 0.5em 0;	
}

.option-vdo-inactive{ 
	background-color:#F2F2F2;
	width:10px; height:10px; 
	border:1px #CBCBCB solid; 
	cursor:pointer; 
	margin-right:10px; 		 
}
.option-vdo-active { 
	background-color:#F1645D;
	width:10px; height:10px; 
	border:1px #CBCBCB solid; 
	cursor:pointer; 
	margin-right:10px; 		
}

.text-restore{color:#F1645D; margin-top:10px;}
.text-restore a{color:#F1645D;}

/**************** share.php ***************/

.box-share-big{ margin:10px 100px; }

.icon-share-e-mail{margin:0 70px 0 0;}
.icon-share-e-mail a img{ border:none;}

.icon-share-facebook{margin:0 70px 0 0;}
.icon-share-facebook a img{ border:none;}

.icon-share-twitter{margin:0 70px 0 0;}
.icon-share-twitter a img{ border:none;}

.icon-share-myspce{margin:0 70px 0 0;}
.icon-share-myspce a img{ border:none;}

.icon-share-buzz{margin:0 70px 0 0;}
.icon-share-buzz a img{ border:none;}

/* Select Nice Form */

/*Selects*/

#selectbox {
	position: relative;	
	color:#444;
}

.selectArea {
	height:22px;
}

.selectArea .left {
	width:5px;
	height:22px;
	background:url(../images/select_left.png) no-repeat left top;

}

.selectArea .right {
	width:26px;
	height:22px;
	background:url(../images/select_right.png) no-repeat left top;

}
.selectArea .right a {
	
	display:block;
	width:100%;
	height:21px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;

}
.selectArea .right i {display:none;}

.selectArea .center {
	
	height:18px;
	padding:4px 15px 0 5px;
	background:url(../images/select_bg.png) repeat-x left top;	
}

/******************** Selects drop-down *********************/

.selectlist a#create-new-album{ color:#F00; }
.selectlist a#create-new-album:hover{ color:#000; }

.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	top:25px;
	left:3px;
	background:#FFF;
	padding:2px;
	font-size:11px;
	z-index:20;
	border:1px solid #F2F2F2;
	text-align:left;
	max-height:400px;
	overflow:auto;

	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;*
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:3px 4px;
}
.optionsDivVisible a:hover {
	color:#000;
	background:#F2F2F2;
}

#new-album, #new-other { display:none; border:1px solid #F2F2F2; height:15px; margin: 5px auto; }


/************************************* Profile ***********************************/

#profile {
	margin:20px 0 0 0;	
}

#profile-detail {
	margin-bottom:10px;
}

#profile-detail .link {
	padding:0 5px 10px 5px;
	line-height:1.6em;
	text-align:right;
}

#profile-detail .link a{ 
	color:#F1645D; font-weight:bold; padding-left:5px; 
}

#profile-detail .title{ 
	color:#333; font-weight:bold; 
	padding:0 5px 1px 5px
}

#profile-detail .line{ 
	background-image: url(../images/img-profile-setting/line-box-menu-02.png); 
	height:2px; width:210px;
	margin:0 auto 5px;
}

#profile-detail .personal-info{ 
	padding:20px 0 25px 5px;
}

#profile-detail .personal-info .country { padding:0 5px 10px 5px; font-weight:bold; }
#profile-detail .personal-info div{ padding:2px 5px; }

#profile-detail .desc{ 
	padding:0 5px;
	margin-bottom:30px;
	line-height:1.5em;
}

#profile-detail .detail{ 
	padding:0 5px 20px 5px;
	line-height:1.5em;
}

#profile-detail .detail a { color:#F1645D; }

.profile-vdo { 
	width:645px !important;
	margin:0 !important;
}

.line-profile-max {
 
	background-image: url("../images/img-profile-setting/line-center-setting.png");
    height: 6px;
    width: 645px;
	margin:20px auto;
}

.line-profile-min {
	background-image: url("../images/line-welcome.png");
    height: 4px;
    width: 215px;
	margin:5px auto 15px;
}

#profile-detail-other { 
	font-size:11px; font-weight:bold; color:#333; 
	margin-top:15px;
}

#profile-detail-other a{ font-size:11px; font-weight:bold; color:#333; }
#view-fan-all a{ font-size:11px; color:#F1645D; }
#view-fan-all a:hover{ font-size:11px; color:#F18989; }
#fan-view { margin:25px 0 25px 0; }
#fan-view img { width:54px; height:54px; }
.link-title { width:205px; padding:0 5px; margin:auto; }

.link-my { margin-bottom:10px; padding:0 10px; font-weight:bold; }
.link-my a { 
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}
.profile-my {
	
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-size: 11px;
    padding: 15px;
    width: 606px;
	margin:auto;
	
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;*
		
}

.profile-my td{ text-align:center; }
.profile-my td.td-left{ text-align:left; padding-left:10px; }
.profile-my a img{ width:175px; height:131px; margin:5px 0; }
.profile-my .line-dot{
	background: url(../images/line-dot.png) repeat-x; 
	width:600px; height:2px; 
	margin: 10px auto 10px;
}

.profile-my .no-have{
	background:#F0F0F0;
	padding:15px 0;
	text-align:center;
	line-height:1.8em;	
}

.profile-my .no-have .f-bold{ font-weight:bold; }
.profile-my .no-have a{ color: #F1645D; }
.profile-my .no-have a:hover{ color:#F18989; }

.profile-my #sket-left { float:left; width:294px; background:#FFF; }
.profile-my #sket-right { float:right; width:294px;	 }

.profile-my #sket-right .title{ font-weight:bold; font-size:12px; text-align:center; padding-bottom:10px;  }
.profile-my #sket-right .detail{ line-height:1.6em; }
.profile-my .read-more{ width:588px; height:0; text-align:right; position:relative; bottom:10px; right:-15px; }
.profile-my .read-more a{ color: #F1645D; }
.profile-my .read-more a:hover{ color: #F18989; }

#profile-job-list a{ color: #F1645D; }
#profile-job-list a:hover{ color: #F18989; }

#myvideo-six a img { margin:5px 13px; }

.profile-link-pink a{ color: #F1645D; }
.profile-link-pink a:hover{ color: #F18989; }

.add-contact-follow{ color:#999 !important; text-decoration:none !important; cursor:default; }

/******************************** profile-setting *********************************/

.link-to-profile a{ color: #F1645D; }
.link-to-profile a:hover{ color: #F18989; }

.ex-input { font-style:oblique; color:#999; font-size:11px; }

.box-up-img-profile{margin-top:15px;}
.box-lift-setting{ float:left;  width:224px; height:225px; padding:0 0 0 140px; }
.box-right-setting{float:right; width:225px; height:auto;  padding:45px 10px 10px 20px; position:relative;}
.tell-size { text-align:right; margin-right:135px; }

.box-button{ margin:15px 0 0 170px; }
.box-missed{ color:#F1645D; position:relative; top:0; left:300px; height:0px; }

.input-profile-four{
	border:none; background:url(../images/img-profile-setting/bg-box-profile-4.png);
	width:268px; height:119px;
	padding:5px;
}
.input-profile-one{	
	border:none; background:url(../images/img-profile-setting/bg-box-profile-1.png);
	width:258px; height:26px;
	padding:0 10px 0 10px;
}
.input-profile-two{
	border:none; background:url(../images/img-profile-setting/bg-box-profile-2.png);
	width:173px; height:26px;
	padding:0 10px 0 10px;
}
.input-profile-three{
	border:none; background:url(../images/img-profile-setting/bg-box-profile-3.png);
	width:159px; height:16px;
	padding:5px;}

.input-profile-five{
	border:none; background:url(../images/img-profile-setting/bg-box-profile-5.png);
	width:268px; height:63px;
	padding:5px;}	
	
.box-far{ margin-top:8px; }
.box-far-under{padding-top:15px;}

.text-star{ color:#969696; margin-top:5px; }
.text-head-setting{ margin-left:10px; font-weight:bold; }

.line-center-setting{background-image:url(../images/img-profile-setting/line-center-setting.png); width:626px; height:6px;}
.box-far-line{margin-top:20px;}
.text-center-pos{margin:0 8px 0 8px; font-weight:bold;}

.box-input-checkbox{margin:20px 0 0 80px;}

.ps-left { float:left; width:125px; margin-top:10px; }
.ps-right { float:right; width:495px; margin-top:8px; }
.ps-input { margin-top:5px; }

.ps-info-box { margin:15px 0 15px 20px; font-size:12px; text-decoration:underline; }

.bg-menu-r-setting-header{background-image:url(../images/img-profile-setting/bg-menu-r-setting-01.png); height:5px; width:215px;}
.bg-menu-r-setting-center{
	background:url(../images/img-profile-setting/bg-menu-r-setting-02.png); width:215px;
}
.bg-menu-r-setting-foodter{background-image:url(../images/img-profile-setting/bg-menu-r-setting-03.png); height:4px; width:215px;}

.line-box-menu-01{ background-image: url(../images/img-profile-setting/line-box-menu-01.png); height:4px; width:215px;}
.line-box-menu-02{ background-image: url(../images/img-profile-setting/line-box-menu-02.png); height:2px; width:214px;}

.bg-menu-r-setting-center .current { 
	padding:9px 8px 9px 15px; color:#FFF; font-weight:bold; background-color:#C9C9C9; 
}
.bg-menu-r-setting-center .current a { color:#FFF; }

.menu-setting-block { padding:9px 8px 9px 15px; color:#333; font-weight:bold; font-size:13px; }
.menu-setting-block a{ color:#000; }
/*.menu-setting-block a:hover{ color:#FFF;text-decoration:none; background-color:#C9C9C9; }*/


.text-menu-setting{ padding:6px 8px 6px 5px; color:#333; font-weight:bold; font-size: 14px; width:200px; 
display:block; }
.text-menu-setting a{color:#000;}
.text-menu-setting a:hover{color:#FFF;text-decoration:none; background-color:#C9C9C9;}
.box-far-menu{margin-top:30px;} 

.nofan {
    margin: auto;
    padding: 5px 5px 0 5px;
    width: 205px;
	font-size:11px;
	font-weight:normal;
	line-height:1.3em;
}

.nofan-focus{ color:#F1645D; }

/*************************** profile-setting-account.php ******************************************/

.text-head-account{margin-left:5px; font-weight:bold;}
.ps-right-account { float:right; width:460px; margin-top:8px; }
.ps-left-account { float:left; width:160px; margin-top:10px; }
.box-text-delete-l{float:left; margin-top:8px;}
.box-text-delete-r{float:right;}
.box-text-notification-r{float:right; margin-right:130px;}
.box-far-delete{margin-top:25px;}
.box-center-delete{padding:0 10px 0 40px;}
.box-in-send-mail{ margin-left:30px;}
.box-choose-send{ margin-top:2px;}

/******************** Video Upload.php **********************/

#vdo-info {
	margin: 0 0 0 80px;
    width: 470px;
	display:none;
}

#video_edit #vdo-info {
	margin: 0 0 0 80px;
    width: 470px;
	display:block;
}

#vdo-upload-desc {
	display:block;	
}

#InsertForm {
	padding:10px 0 20px 0;	
}

#showthumbnail{
	padding:10px 0 40px 0;	
	width:420px; margin:auto;
}

#thumbnail-edit{
	padding:20px 0;	
	width:420px; margin:auto;
	text-align:center;	
}

#thumbs ul {
	padding: 0; margin: 0;
	width: 100%;
	list-style: none;
	/*border-top: 1px solid #000; /*--Gives the bevel feel on the panel--*/
}
#thumbs ul li{
	padding: 0; margin: 0 0.7em 0 0;
	float: left;
	/* position: relative; */
}

#thumbs ul li a img{    
	border: 2px solid #C9C9C9;
    height: 68px;
    width: 89px;
}

#thumbs ul li a:hover img{    
	border: 2px solid #F1645D;
    height: 68px;
    width: 89px;
}

#thumbs ul li img.loading { 
	height: 32px; width: 32px; 
	margin:20px 0 0 50px;
}

#thumbs .thumb-img img{ border: 2px solid #C9C9C9; }
#thumbs .thumb-img-choose img{ border: 2px solid #F1645D; }

#vdo-info .text-star{ color:#969696; position:relative; left:-10px; top:5px; }
#vdo-info .text-space{ padding-left:5px; }
.upvdo-center{ /*margin: 0 0 0 80px; width:449px;*/ }
.box-choose-upload{ margin:20px auto 0; width:490px; }
#box-choose-file-login { 
	width:449px; height:31px; 
	margin:0 auto 20px; 
	background:url(../images/img-video-upload/bg-upload.png);
	padding-top:5px; 
}
#box-choose-file-login a{
	background-image: url('../images/button/choose-file-upload.png'); 
	background-position: 0 0;	
	width:160px; height:23px;  
	display:block;	
	margin:auto;
}
#box-choose-file-login a:hover{
	background-image: url('../images/button/choose-file-upload.png'); 
	background-position: 161px 0;
}
.box-upvdo{ padding:0 0 80px 0; height:auto; width:278px; margin:auto; }
.box-upload-header{background:url(../images/img-video-upload/BG-Text-upload1.png); height:6px; width:278px;}
.box-upload-center{background-image:url(../images/img-video-upload/BG-Text-upload2.png); height:auto; width:278px;}
.box-upload-footer{background:url(../images/img-video-upload/BG-Text-upload3.png);  height:6px; width:278px;}
.box-text-upload{padding:20px 20px 20px 20px;}
.text-h01 {font-weight: bold;}
.text-h02 {color: #F1645D;margin-top:15px; line-height:15px;}
.text-h03 {margin-top:15px; line-height:15px;}

.line-r-center{background-image:url(../images/img-video-upload/line-R-center.png); height:4px; width:215px;}

.box-R-text{ width:215px; position:relative; right:-3px; }
.text-r-header{margin:16px 8px 6px 8px; font-size:13px; font-weight:bold;}
.text-r-under{font-weight: bold; text-decoration:underline; color:#F1645D; margin:10px 8px 0 8px; line-height:15px;}
.text-r-detell-red{color:#F1645D; margin:10px 8px 0 8px;}
.text-r-detell{margin:10px 8px 0 8px;}
.text-r-readmore{ margin:5px 8px 0 0; float:right;}
.text-r-readmore a{color:#F1645D;}
.text-r-readmore a:hover{text-decoration:none; color:#F18989;}
.text-faq{margin:10px 8px 0 8px;}
.text-faq a{color:#F1645D;}
.text-faq a:hover{text-decoration:none; color:#F18989;}

/******************** Video Upload load + ok.php **********************/
.line-under-load{background-image:url(../images/img-video-upload/line-under-load.png); height:6px; width:450px;}

.box-margiltop{margin-top:20px;}

.box-imgchoose{margin:20px 8px 20px 16px;}
.box-table-choose{margin:6px;}
.box-table-choose a img{border:2px #C9C9C9 solid; width:89px; height:68px; }
.box-table-choose a:hover img{border:2px #F48987 solid;}
.box-text-underline{ text-decoration:underline; margin-top:15px; }
.vdo-upload-tile { font-size:12px; font-weight:bold; }

.input-oneline { 
	border:none; 
	background:url(../images/img-video-upload/bg-input-oneline.png); 
	width:408px; height:26px; 
	padding:0 10px 0 10px;
}

.input-twoline { 
	border:none; 
	background:url(../images/img-video-upload/bg-input-twoline.png); 
	width:408px; height:37px; 
	padding:5px 10px;
}
.input-frieline{
	border:none; background:url(../images/img-video-upload/bg-input-frieline.png);
	width:408px; height:139px;
	padding:10px;
}

.box-r-mum{float:right; margin:5px 20px 0 0; color:#B0B0B0;}
.box-text-detellsub{margin:0 0 8px 20px; font-weight:bold;}

.box-input-center{margin:20px 8px 0 12px;}
.box-text-tag{color:#B0B0B0; line-height:15px; margin:5px 0 0 15px;}

.box-text-ans{margin:20px; 0 0 0;}

.box-checkbox-choose{ margin: 5px 0 5px 25px;}

.box-save-cencel{ float:right; padding:10px 20px 10px 0;}
.box-s-c{margin:4px;}
.box-s-c a:hover img{border:none;}

.upload-validate { color:#F00; padding-left:20px; font-size:11px; font-weight:normal; }

/*************************** vdo edit.php ***************************/
.box-img-edit{
	 border:3px #F48987 solid;
	 margin:20px 8px 20px 150px; 
	 width:167px; height:123px;}

.box-gray-header{
	border:none; background:url(../images/img-my-playlist/bg-playlist-01.png) no-repeat;
	width:606px; height:5px;	
}

.box-gray-middle{
	border:none; background:url(../images/img-my-playlist/bg-playlist-02.png) repeat-y;
	width:606px; height:auto;
}

.box-gray-footer{
	border:none; background:url(../images/img-my-playlist/bg-playlist-03.png) no-repeat;
	width:606px; height:5px;
	padding-bottom:15px;	
}

.box-gray-line {
	border:none; background:url(../images/img-my-playlist/line-playlist.png) no-repeat;
	width:606px; height:2px;	
}

.box-gray-middle .box-vdo-all {
    height: auto;
    margin: 12px 10px 0 10px;
    width: 175px;
}

.vdo-category .vdo-detail-playlist {
    padding: 20px 3px 0 22px;
    width: 623px;
}

.box-gray-middle .titlebar{
    padding: 7px 15px 10px 15px;
}

.box-gray-middle .album_name{
	font-weight:bold;
}

.box-gray-middle span{
	padding-right:15px;
}

.box-gray-middle .titlebar a {
    color: #F1645D;
    font-size: 11px;
}

.box-gray-middle .box-vdo-all .box-span-text{ padding:5px 5px 0 5px; }

.box-gray-middle .box-big-vdo { padding-bottom:5px; }

#album-detail { width:600px; margin:20px 0 30px 20px; }
#album-detail .name { font-weight:bold; margin-bottom:8px; font-size:13px; }
#album-detail .date-video-view{ margin-bottom:15px; }
#album-detail .date-video-view span{ padding-right:15px; }
#album-detail .desc { line-height:1.5em }
#album-detail .desc .desc-title{ font-weight:bold; margin-bottom:8px; }
#album-detail .input-bg {
    background: url("../images/img-my-playlist/box-one.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 26px;
    padding: 0 10px;
    width: 592px;
}
#album-detail .textarea-bg {
    background: url("../images/img-my-playlist/box-two.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 66px;
    padding: 3px 10px;
    width: 591px;
}

.line-playlist-desc {
	border:none; background:url(../images/img-my-playlist/line-playlist-desc.png) repeat-x;
	width:598px; height:2px;	
	margin:auto;
}

.line-4px {
	border:none; background:url(../images/img-my-playlist/line-long.png) repeat-x;
	width:648px; height:4px;
}

.line-2px {
	border:none; background:url(../images/img-my-playlist/line-short.png) repeat-x;
	width:648px; height:2px;
}

.album-dot-line {
	border:none; background:url(../images/img-my-playlist/line-dot.png) repeat-x;
	width:648px; height:2px;	
}

.album-btn {
	padding:30px 10px 5px 0;
	float:right;	
}

.tool-delete {
    padding: 12px 0 12px 24px;
    width: 624px;
	background:#F2F2F2;
}

.box-vdo-edit-footer-myvdo .vdo-promote a.album-cover-link{ 
	background:url(../images/img-my-playlist/b-album-cover-02.png) no-repeat; 
	width:119px; height:30px;  
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}

.box-vdo-edit-footer-myvdo .vdo-promote a.album-cover-now{ 
	background:url(../images/img-my-playlist/b-album-cover.png) no-repeat; 
	width:119px; height:30px;  
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	cursor:default;
}

/******************************************** MESSAGE ******************************************/

.box-mes-btn{ padding:10px 0 10px 25px;}
.box-header-btn{ padding:10px 0 10px 25px;}
.box-btn-set1{margin:4px;}
.box-btn-set1 a:hover img{border:none;}
.box-mes-center{background-image: url(../images/img-my-message/bg-bix-message-out-02.png); height:auto; width:648px;}
.box-mes-footer{background:url(../images/img-my-message/bg-bix-message-out-03.png); height:5px; width:648px;}
.line-far-header{margin-top:5px;}

.text-head-mes{font-weight:bold; font-size:12px; margin-left:5px;}

.box-mes-btn-lr{margin:10px 0 0 0;}
.box-mes-btn-l{float:left;}
.box-mes-btn-r{float:right; margin-right:30px;}

.box-btn-set2{margin:4px;}
.box-btn-set2 a:hover img{border:none;}

.box-fix-boxin{ padding:0 0 10px 15px;}
.box-in-mes-header{background:url(../images/img-my-message/bg-bix-message-in-01.png); height:5px; width:618px;}
.box-in-mes-center{background:url(../images/img-my-message/bg-bix-message-in-02.png); height:auto; width:618px;}
.box-in-mes-footer{background:url(../images/img-my-message/bg-bix-message-in-03.png); height:5px; width:618px;}

.box-l-text-mes{margin-left:10px;}
.box-in-text-mes{margin-left:15px;}
.box-detell-mes{padding:4px 0 0 0;}

.box-detell-mes-read { background:#FFF; padding:4px 0 15px 0; }
.box-detell-mes-unread { background:#DFDFDF; padding:4px 0 15px 0; }

.box-detell-mes-up{padding:15px 0 0 0;}
.box-detell-mes-box{padding-right:15px;}
.text-mame-who{font-weight:bold; width:490px;}
.text-mame-who a{ font-weight:bold; color:#444; }
.text-mame-who a:hover{ color:#F18989; }
.text-detell-mes{color:#989898}
.box-text-far-dell{ margin-top:4px;}
.img-mail a img{ width:60px; height:60px; }
.img-mail a:hover img{ }

.line-mesinbox{background:url(../images/img-my-message/line-mes-inbox.png); height:2px; width:561px; margin-left:40px;}
.box-far-line-mes{margin:15px 0 0 40px;}
.line-mes-read{background:url(../images/img-my-message/line-read.png); height:2px; width:513px;}
.box-far-line-mes-read{margin-top:10px;}
.line-mes-new{background:url(../images/img-my-message/line-mes-new.png); height:3px; width:591px;}
.box-far-line-mes-new{margin:10px 0 0 12px;}


.box-b-day{ float:right; }
.text-subject { float:left; }
.box-mumpage-mes{padding:0 0 5px 0; width:648px;}
.box-far-footer-mes{padding-bottom:10px;}
.box-mes-text-r-up{float:right; margin:10px 30px 0 0;}
.box-mes-text-r-up a{text-decoration:none; color:#4D4D4D;}
.box-mes-text-r-up a:hover {text-decoration:none; color:#F18989;}

.text-read-mes{padding:10px 20px 0 85px ; min-height:80px;}
.box-foodter-read{margin-top:80px;}

.input-mes-new{	
	border:none; background:url(../images/img-my-message/box-to.png);
	width:426px; height:20px;
	padding:0 10px 0 10px;
}

.box-text-mes-input{margin-left:10px; width:60px;}
.input-mes-pim{
	border:none; 
	background: url(../images/img-my-message/box-input-text.png) no-repeat;
	width:494px; height:85px;
	padding:10px;
}
.box-free-mes{margin-top:27px;}

.box-search-owner {
    background: url(../images/box-search-owner.png) no-repeat;
    border: none;
    height: 22px;
    padding: 0 10px;
    width: 149px;
}

/********************** my_sketchbook.php + my_sketchbook_create.php ********************/

.box-text-sketchbook {padding:15px 0 15px 20px;}
.box-header-sket{background: url(../images/img-sketchbook/bg-sket-01.png); height:6px; width:618px; margin-left:5px;}
.box-center-sket{background-image:url(../images/img-sketchbook/bg-sket-02.png); height:auto; width:618px; margin-left:5px;}
.box-footer-sket{background: url(../images/img-sketchbook/bg-sket-03.png); height:6px; width:618px; margin-left:5px;}

.box-sket-input-first{ padding:15px 0 15px 33px;}
.input-name-sket{ 
	border:none; 
	background:url(../images/img-sketchbook/box-sket-01.png); 
	width:533px; height:26px; 
	padding:0 10px 0 10px;
}

.input-detell-sket{
	border:none; background:url(../images/img-sketchbook/box-sket-02.png);
	width:533px; height:92px;
	padding:10px;
}

.input-img-sket{
	border:none; background:url(../images/img-sketchbook/box-sket-03.png);
	width:533px; height:49px;
	padding:10px;
}

.box-far-sket{ margin-top:10px; line-height:1.6em; }
.box-far-sket a{ color:#F1645D; }
.box-upload-b-sket{ background-image:url(../images/img-sketchbook/bg-upload-b.png); width:192px; height:112px;}

.box-b-img{ padding-top:40px;}
.box-text-1of10 { 
	margin-top:10px;	
	font-style: italic;
	text-align: center;
}
.box-upimg{text-align: center;}
.box-far-b-sket{margin:20px 0 20px 180px;}
.box-3button{float:right; padding:10px 30px 10px 10px;}
.box-b-finish{float:right; margin:0 33px 0 0;}
.sketchbook-name{ width:550px; word-wrap:break-word; }
.sketchbook-desc pre{
	width:550px; 
	white-space:pre-wrap;
	font-family:Verdana;
	font-size:11px;
	word-wrap:break-word;
}

/********************************** my_sketchbook_project_on_progress.php ***********************************/

.text-menu-sket-cre{ padding:8px 8px 8px 22px; color:#333; width:175px; overflow:hidden;}
.text-menu-sket-cre a{color:#333; font-weight:bold;}
.text-menu-sket-cre a:hover{color:#F48987; text-decoration:none;}

.text-menu-sket-cre-now{ padding:8px 8px 8px 22px; color:#F48987; width:175px; overflow:hidden;}
.text-menu-sket-cre-now a{color:#F48987;}
.text-menu-sket-cre-now a:hover{color:#F48987; text-decoration:none;}

.box-day-views{ padding:5px 0 5px 10px; font-size:10px;}
.box-day-now{ float:left; color:#F48987; font-style: italic; margin-left:10px;}
.box-day{ float:left; margin-left:10px;}
.box-views{ float:right; margin-right:10px;}

.box-b-project{margin:0 15px 0 15px;}
.box-next-l{ float:left;}
.box-next-r{ float:right;}
.box-img-project { margin:20px auto 0; position:relative; text-align:center; }
.box-img-project-view { margin-top:20px; width:550px; text-align:center;  }

.box-b-close{position:relative; left:528px; top:55px; width:19px; height:19px;}
.box-b-close a img{border:none;}
.box-b-close a:hover img{border:none;}

.box-finish{ width:551px; }
.line-finish{background-image:url(../images/img-sketchbook/ling-dot-down-project.png); height:3px; width:551px; margin:35px 0 5px 0;}
.box-finish-sketchbook {
	font-weight:bold;
	text-align:center;
	font-size:14px;
	margin-bottom:30px;
}
.b-create-project{float:right; margin:1px 15px 0 0;}
.b-create-project a img{border:none;}
.b-create-project a:hover img{border:none;}

.box-b-v-view{position:relative; left:500px; top:25px; width:32px; height:10px;}

.text-comments{color:#F1645D; font-weight:bold; margin-left:30px;}
.text-no{color:#808080;}

.box-b-tfh-left{float:left; margin:15px 0 0 0;}
.b-tfh-h{margin-left:30px;}
.b-tfh{padding:2px;}
.b-tfh a img{border:none;}
.b-tfh a:hover img{border:none;}

.box-b-tfh-right{float:right; margin:15px 35px 0 0;}
.box-far-under-ment{padding-top:30px;}
.text-h-comment{margin-left:35px; font-weight:bold;}
.text-res-comment{font-size:10px; margin-left:20px;}

.box-comment-sket{width:618px; margin-left:5px;}

#sketchbook .del-detail {
	position:absolute;
	right:5px; top:5px;	
}

#sketchbook a.del-link{ 
	background:url(../images/icon-del-02.png) no-repeat; 
	width:20px; height:20px;  
	display:block;
}
#sketchbook a:hover.del-link{ 
	background:url(../images/icon-del.png) no-repeat; 
	width:20px; height:20px;  
	display:block;
}

#sketchbook-detail .block {
	display:none;
	width:550px;
}

.sketchbook-img-upload img { width:551px; }

/******************************** Sketchbook Comment *****************************/

#sketchbook #comment-response {
	margin-top:20px;
	padding-left:20px;
}

#sketchbook-comment #comment-input textarea {
    background: url("../images/img-sketchbook/box-comment.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #797979;
    display: block;
    float: left;
    font-size: 1.1em;
    width: 436px; height:41px;
    padding: 5px 10px;
    text-transform: capitalize; 
}

#sketchbook-comment #comment-header {
    background:#FFF;
    height: 0;
    width: 620px;
}

#sketchbook-comment #comment-footer {
    background:#FFF;
    height: 0;
    width: 620px;
}

#sketchbook-comment #comment-center {
    background:#FFF;
    width: 620px;
}
#sketchbook-comment #comment-input { padding-bottom:10px; }
#sketchbook-comment #comment-input #comment-input-left{ float:left; padding:5px 0 5px 30px; }
#sketchbook-comment #comment-input #comment-input-right{ float:right; margin:15px 30px 0 0; }
#sketchbook-comment #comment .line {
    background: url("../images/line-comment.png") repeat scroll 0 0 transparent;
    height: 3px;
    margin: auto;
    width: 560px;
}

#sketchbook-comment #comment #comment-block-main .line {
    background: url("../images/line-comment.png") repeat scroll 0 0 transparent;
    height: 3px;
    margin: auto;
    width: 560px;
}

#sketchbook-comment #comment #comment-block-main ul.timeline {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 25px;
}

#sketchbook-comment #comment #comment-block-main ul.timeline li {
    width: 560px;
}

#sketchbook-comment #comment .active { background:#DFDFDF; width:560px; margin:auto; }

#sketchbook-comment #comment .detail {
    color: #999999;
    font-size: 11px;
    width: 400px;
}

/************************* UPLOAD BUTTON *********************************/



#sketchbook .upload-field { margin:auto; }
#sketchbook .upload-status { margin:auto; }

.upload-field{
/*	padding:5px 0;
	font-size:11px;
	font-family: Tahoma;
	font-weight:bold;
	text-align:center;
	background:#E5E5E5;
	color:#4D4D4D;
	border:1px solid #B2B2B2;
	width:110px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;*/	
	width:110px;
}

.upload-status { padding:10px 0 0 0; }

.upload-picture{ 
	background-image: url('../images/button/upload-picture.png'); 
	background-position: 0 0;
	width:109px; height:22px;  
	display:block;
}

.upload-picture-active{ 
	background-image: url('../images/button/upload-picture.png'); 
	background-position: 109px 0;
	width:109px; height:22px;  
	display:block;
}

.change-picture{ 
	background-image: url('../images/button/change-picture.png'); 
	background-position: 0 0;
	width:109px; height:22px;  
	display:block;
}

.change-picture-active{ 
	background-image: url('../images/button/change-picture.png'); 
	background-position: 109px 0;
	width:109px; height:22px;  
	display:block;
}

/****************************************** JOB *******************************************/

#job-detail { margin:0 0 0 20px; font-size:12px; padding-bottom:10px; font-weight:bold; }
.job-box-center { background: url(../images/img-job/bg-job-center.png) repeat-y; width:648px; }
.job-box-footer { background: url(../images/img-job/bg-job-footer.png) no-repeat; width:648px; height:6px; }

.package-box { width:409px; margin:auto; padding:40px 0 10px 0; }
.package-box .title { font-size:12px; font-weight:bold; margin-bottom:10px; }

.package-box-header { 
	background: url(../images/img-job/bg-package-header.png) no-repeat; width:409px; height:6px; }
	
.package-box-center { 
	background: url(../images/img-job/bg-package-center.png) repeat-y; width:409px; }
	
.package-box-footer { 
	background: url(../images/img-job/bg-package-footer.png) no-repeat; width:409px; height:6px; }	
	
.job-box-center .line-dot{ 
	background: url(../images/img-job/line-dot.png) no-repeat; 
	width:408px; height:2px; 
	margin: auto;
}

.job-box-center .next-step{  
	margin: auto;
	padding:10px 0 20px 450px;	
}

#job-infomation {
	width:419px;
	margin:auto;	
	padding:30px 0 40px 0;
}

#job-infomation .title{
	font-weight:bold;
	text-align:right;
	padding-top:5px;
}

#job-infomation .title-detail{
	padding-top:10px;	
}

#job-infomation .title-detail ul{
	padding:0;
	margin: 0;
}

#job-infomation .title-detail ul li{

}

#job-infomation .input-field{	
	border:none; background:url(../images/img-job/input.png);
	width:258px; height:26px;
	padding:0 10px 0 10px;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	font-stretch:normal;
}

#job-infomation .input-city{	
	border:none; background:url(../images/img-job/input-city.png);
	width:173px; height:26px;
	padding:0 10px 0 10px;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	font-stretch:normal;	
}

#job-infomation .textarea-field{	
	border:none; background:url(../images/img-job/textarea.png);
	width:258px; height:151px;
	padding:10px;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	font-stretch:normal;
}

#job-infomation .line-dot{ 
	background: url(../images/img-job/line-dot.png) no-repeat; 
	width:408px; height:2px; 
	margin: 10px auto 0;
	padding-bottom:20px;
}

#job-infomation .btn{
	text-align:right;	
}

.payment-box-header { 
	background: url(../images/img-job/bg-payment-01.png) no-repeat; width:477px; height:6px; }
	
.payment-box-center { 
	background: url(../images/img-job/bg-payment-02.png) repeat-y; width:457px; padding:10px 0 10px 20px; }
	
.payment-box-footer { 
	background: url(../images/img-job/bg-payment-03.png) no-repeat; width:477px; height:7px; }	
	
#job-payment {
	width:477px;
	margin:auto;	
	padding:30px 0 40px 0;
}

#job-payment .line-dot{ 
	background: url(../images/img-job/line-dot.png) repeat-x; 
	width:477px; height:2px; 
	margin: 10px auto 0;
	padding-bottom:20px;
}

#job-payment .btn{
	text-align:right;	
}

#job-payment .title-contact{
	font-weight:bold;
	text-decoration:underline;	
}

#job-payment .contact{
	line-height:1.5em;
}

#job-payment .contact pre{
	font-family:Verdana;
	font-size:11px;
	width:450px; 
	white-space:pre-wrap;
}

#job-payment .information{
	line-height:1.5em;
	padding-bottom:40px;
}

#job-payment .information pre{
	font-family:Verdana;
	font-size:11px;
	width:450px; 
	white-space:pre-wrap;	
}

#job-payment .job-name{
	font-weight:bold;
	font-size:12px;
	padding-bottom:20px;
}

#job-payment .company{
	font-weight:bold;
	font-size:13px;
	padding-bottom:3px;
}

#job-payment .address{
	padding-bottom:3px;
}

#job-payment .date{
	padding-bottom:30px;
}

.feature-company { margin: 10px 0 20px; }
.feature-company #title { color: #333333;  font-size: 13px; margin-bottom: 10px; }
.feature-company .link { width:189px; margin: auto; padding-bottom:10px; }

/*************************** About , Contact *************************/

.about-detail { width:594px; margin:auto; padding:40px 0; line-height:1.8em; }

.about-header { background: url(../images/img-about/bg-about-01.png) no-repeat; width:594px; height:6px; }
.about-center { 
	background: url(../images/img-about/bg-about-02.png) repeat-y; 
	width:554px; 
	padding:20px 20px 40px 20px; 
}
.about-footer { background: url(../images/img-about/bg-about-03.png) no-repeat; width:594px; height:6px; }	


.input-mes-new{	
	border:none; background:url(../images/img-my-message/box-to.png);
	width:426px; height:20px;
	padding:0 10px 0 10px;
}

.about-detail .input-mes-pim{
	border:none; 
	background: url(../images/img-about/input-textarea.png) no-repeat;
	width:404px; height:85px;
	padding:10px;
}

.about-detail #friends {
    background: url(../images/img-about/input-field.png) repeat scroll 0 0 transparent;
    border: medium none;
    cursor: text;
    height: 19px;
    padding: 1px 10px 0;
    width: 339px;
}

.about-detail .input-mes-new {
    background: url(../images/img-about/input-field.png) repeat scroll 0 0 transparent;
    border: medium none;
    cursor: text;
    height: 19px;
    padding: 1px 10px 0;
    width: 339px;
}

.about-detail .line-mes-new {
    background: url(../images/img-about/line-contact.png) no-repeat;
    height: 2px;
    width: 491px;
}

.about-detail .web{
	font-weight:bold;
	font-size:14px;
	padding-bottom:20px;	
}

.about-detail .topic{
	font-weight:bold;
	font-size:14px;	
}

.about-detail .company{
	font-weight:bold;
	font-size:13px;	
}

.about-detail .detail{
	padding:20px 0 20px 0;	
}

.about-detail ul#subject{
	margin:0; padding-left:20px;	
}

.about-detail ul#subject li{
	list-style:decimal; padding-bottom:20px;	
}

.about-detail ul#subject li .f-bold { font-weight:bold; }

.about-detail ul#subject li ul{
	margin:0; padding:0;	
}

.about-detail ul#subject li ul li{
	margin:0; padding:0;
	list-style:inside;	
}

#btn-send-contact{ padding:10px 0 0 455px; }
#message-active { position:relative; top:-15px; left:83px; height:11px; width:12px; }

a#link-list{ 
	background:url(../images/img-category/see-all-row.png) no-repeat; 
	width:22px; height:22px;  
	display:block;
}
a#link-list:hover{ 
	background:url(../images/img-category/see-all-row-active.png) no-repeat;   
}
a#link-list-active{ 
	background:url(../images/img-category/see-all-row-active.png) no-repeat;
	width:22px; height:22px;  
	display:block;	
	cursor:default;
}

a#link-grid{ 
	background:url(../images/img-category/see-grid.png) no-repeat; 
	width:22px; height:22px;  
	display:block;
}
a#link-grid:hover{ 
	background:url(../images/img-category/see-grid-active.png) no-repeat;   
}
a#link-grid-active{ 
	background:url(../images/img-category/see-grid-active.png) no-repeat; 
	width:22px; height:22px;  
	display:block;
	cursor:default;
}


a#link-company-list{ 
	background-image: url('../images/img-job-list/list.png'); 
	background-position: 0 0;
	width:22px; height:21px; 
	display:block; 	
}
a#link-company-list:hover{ 
	background-image: url('../images/img-job-list/list.png'); 
	background-position: 23px 0;	 
}
a#link-company-list-active{ 
	background-image: url('../images/img-job-list/list.png'); 
	background-position: 23px 0;
	width:22px; height:21px; 
	display:block;	
	cursor:default;
}

a#link-company-grid{ 
	background-image: url('../images/img-job-list/grid.png'); 
	background-position: 0 0;
	width:22px; height:21px; 
	display:block;
}
a#link-company-grid:hover{ 
	background-image: url('../images/img-job-list/grid.png'); 
	background-position: 23px 0;	 
}
a#link-company-grid-active{ 
	background-image: url('../images/img-job-list/grid.png'); 
	background-position: 23px 0;
	width:22px; height:21px; 
	display:block;	
	cursor:default;
}

/****************************** Video Icon *************************************/

a#btn-like{ 
	background-image: url('../images/img-preview/like.png'); 
	background-position: 0 0;
	width:21px; height:31px;  
	display:block;
	margin:0 15px;
}

a:hover#btn-like{ 
	background-image: url('../images/img-preview/like.png');
	background-position: 21px 0;
}

a#btn-embed{ 
	background-image: url('../images/img-preview/embed.png'); 
	background-position: 0 0;
	width:34px; height:31px;  
	display:block;
	margin:0 7px;
}

a:hover#btn-embed{ 
	background-image: url('../images/img-preview/embed.png');
	background-position: 34px 0;
}

a#btn-share{ 
	background-image: url('../images/img-preview/share.png'); 
	background-position: 0 0;
	width:29px; height:31px;  
	display:block;
	margin:0 10px;
}

a:hover#btn-share{ 
	background-image: url('../images/img-preview/share.png');
	background-position: 29px 0;
}

a#btn-addto{ 
	background-image: url('../images/img-preview/addto.png'); 
	background-position: 0 0;
	width:35px; height:31px;  
	display:block;
	margin:0 8px;
}

a:hover#btn-addto{ 
	background-image: url('../images/img-preview/addto.png');
	background-position: 35px 0; 
}

a#btn-report{ 
	background-image: url('../images/img-preview/flag.png'); 
	background-position: 0 0;
	width:21px; height:31px;  
	display:block;
	margin:0 15px;
}

a:hover#btn-report{ 
	background-image: url('../images/img-preview/flag.png');
	background-position: 21px 0;
}

a.btn-add{ 
	background-image: url('../images/img-preview/add.png'); 
	background-position: 0 0;
	width:37px; height:24px;  
	display:block;
}

a:hover.btn-add{ 
	background-image: url('../images/img-preview/add.png');
	background-position: 37px 0;
}

a#btn-mail{ 
	background-image: url('../images/button/icon-email.png'); 
	background-position: 0 0;
	width:36px; height:53px;  
	display:block;
}

a:hover#btn-mail{ 
	background-image: url('../images/button/icon-email.png');
	background-position: 36px 0;
}

a#btn-facebook{ 
	background-image: url('../images/button/icon-facebook.png'); 
	background-position: 0 0;
	width:46px; height:53px;  
	display:block;
}

a:hover#btn-facebook{ 
	background-image: url('../images/button/icon-facebook.png');
	background-position: 46px 0;
}

a#btn-twitter{ 
	background-image: url('../images/button/icon-twitter.png'); 
	background-position: 0 0;
	width:38px; height:53px;  
	display:block;
}

a:hover#btn-twitter{ 
	background-image: url('../images/button/icon-twitter.png');
	background-position: 38px 0;
}

a#btn-myspace{ 
	background-image: url('../images/button/icon-myspace.png'); 
	background-position: 0 0;
	width:43px; height:53px;  
	display:block;
}

a:hover#btn-myspace{ 
	background-image: url('../images/button/icon-myspace.png');
	background-position: 43px 0;
}

a#btn-buzz{ 
	background-image: url('../images/button/icon-buzz.png'); 
	background-position: 0 0;
	width:37px; height:53px;  
	display:block;
}

a:hover#btn-buzz{ 
	background-image: url('../images/button/icon-buzz.png');
	background-position: 37px 0;
}

/***************************** Button **********************************/

a.btn-sure {
	background-image: url('../images/popup/sure.png'); 
	background-position: 0 -1px;
	width:54px; height:22px;  
	display:block;
}
a:hover.btn-sure{ 
	background-image: url('../images/popup/sure.png');
	background-position: 54px 0px; 
}

a.btn-save {
	background-image: url('../images/button/save.png'); 
	background-position: 0 0;
	width:53px; height:20px;  
	display:block;
}
a:hover.btn-save{ 
	background-image: url('../images/button/save.png');
	background-position: 53px 0; 
}

a.btn-yes {
	background-image: url('../images/button/yes.png'); 
	background-position: 0 0;
	width:53px; height:22px;  
	display:block;
}
a:hover.btn-yes{ 
	background-image: url('../images/button/yes.png');
	background-position: 53px 0; 
}

a.btn-cancel {
	background-image: url('../images/button/cancel.png'); 
	background-position: 0 0;
	width:53px; height:20px; 
	display:block; 
}
a:hover.btn-cancel{ 
	background-image: url('../images/button/cancel.png'); 
	background-position: 53px 0;
}

a.btn-edit {
	background-image: url('../images/button/edit.png'); 
	background-position: 0 0;
	width:57px; height:22px; 
	display:block; 
}
a:hover.btn-edit{ 
	background-image: url('../images/button/edit.png'); 
	background-position: 57px 0;
}

a.btn-add-more {
	background:url('../images/button/add-more.png'); 
	background-position: 0 0;
	width:75px; height:20px;  
	display:block;
}
a:hover.btn-add-more{ 
	background:url('../images/button/add-more.png'); 
	background-position: 75px 0;
}

a.btn-like-sketchbook {
	background:url('../images/button/like-sk.png'); 
	background-position: 0 0; 
	width:24px; height:24px;  
	display:block;
}
a:hover.btn-like-sketchbook{ 
	background:url('../images/button/like-sk.png'); 
	background-position: 25px 0; 
}

a.btn-facebook-sketchbook {
	background:url('../images/button/facebook-sk.png'); 
	background-position: 0 0; 
	width:25px; height:24px;  
	display:block;
}
a:hover.btn-facebook-sketchbook{ 
	background:url('../images/button/facebook-sk.png'); 
	background-position: 25px 0;
}

a.btn-twitter-sketchbook {
	background:url('../images/button/twitter-sk.png'); 
	background-position: 0 0;  
	width:25px; height:24px;  
	display:block;
}
a:hover.btn-twitter-sketchbook{ 
	background:url('../images/button/twitter-sk.png'); 
	background-position: 25px 0;  
}

a.btn-create-project {
	background:url('../images/button/create-project.png'); 
	background-position: 0 0;
	width:96px; height:22px;  
	display:block;
}
a:hover.btn-create-project{ 
	background:url('../images/button/create-project.png'); 
	background-position: 96px 0;
}

a.btn-delete-project {
	background:url('../images/button/delete-project.png'); 
	background-position: 0 0;
	width:96px; height:22px;  
	display:block;
}
a:hover.btn-delete-project{ 
	background:url('../images/button/delete-project.png'); 
	background-position: 96px 0;
}

a.btn-fininsh-project {
	background:url('../images/button/finish-project.png'); 
	background-position: 0 0;
	width:96px; height:22px;  
	display:block;
}
a:hover.btn-fininsh-project{ 
	background:url('../images/button/finish-project.png'); 
	background-position: 96px 0; 
}

a.btn-new-message {
	background:url('../images/button/new-message.png'); 
	background-position: 0 0;
	width:103px; height:22px;  
	display:block;
}
a:hover.btn-new-message{ 
	background:url('../images/button/new-message.png'); 
	background-position: 103px 0;
}
a.btn-new-message-active {
	background:url('../images/button/new-message.png'); 
	background-position: 103px 0;
	width:103px; height:22px;  
	display:block;
}

a.btn-inbox {
	background:url('../images/button/inbox.png'); 
	background-position: 0 0;
	width:53px; height:22px;  
	display:block;
}
a:hover.btn-inbox{ 
	background:url('../images/button/inbox.png'); 
	background-position: 53px 0;
}
a.btn-inbox-active {
	background:url('../images/button/inbox.png'); 
	background-position: 53px 0;
	width:53px; height:22px;  
	display:block;
}

a.btn-sent {
	background:url('../images/button/sent.png'); 
	background-position: 0 0;
	width:53px; height:22px;  
	display:block;
}
a:hover.btn-sent{ 
	background:url('../images/button/sent.png'); 
	background-position: 53px 0;
}
a.btn-sent-active {
	background:url('../images/button/sent.png'); 
	background-position: 53px 0;
	width:53px; height:22px;  
	display:block;
}

a.btn-send {
	background:url('../images/button/send.png'); 
	background-position: 0 0;
	width:53px; height:20px;  
	display:block;
}
a:hover.btn-send{ 
	background:url('../images/button/send.png'); 
	background-position: 53px 0; 
}

a.btn-delete {
	background:url('../images/button/delete.png'); 
	background-position: 0 0;
	width:53px; height:20px;  
	display:block;
}
a:hover.btn-delete{ 
	background:url('../images/button/delete.png'); 
	background-position: 53px 0;
}

a.btn-reply {
	background:url(../images/img-my-message/b-reply-set2.png) no-repeat center; 
	width:55px; height:22px;  
	display:block;
}
a:hover.btn-reply{ 
	background:url(../images/img-my-message/b-reply-set2.png) no-repeat center; 
}

a.btn-delete-album {
	background:url('../images/button/delete-this-album.png'); 
	background-position: 0 0;
	width:107px; height:21px;  
	display:block;
}
a:hover.btn-delete-album{ 
	background:url('../images/button/delete-this-album.png'); 
	background-position: 107px 0;
}

a.btn-next {
	background:url('../images/button/next-step.png'); 
	background-position: 0 0;
	width:67px; height:22px;  
	display:block;
}
a:hover.btn-next{ 
	background:url('../images/button/next-step.png'); 
	background-position: 67px 0;
}

a.btn-back {
	background:url('../images/button/back.png'); 
	background-position: 0 0;
	width:46px; height:22px;  
	display:block;
}
a:hover.btn-back{ 
	background:url('../images/button/back.png'); 
	background-position: 46px 0;
}

a.btn-send-request {
	background:url('../images/button/send-request.png'); 
	background-position: 0 0;
	width:94px; height:22px;  
	display:block;
}

a:hover.btn-send-request{ 
	background:url('../images/button/send-request.png'); 
	background-position: 94px 0; 
}

a.btn-job-post {
	background:url('../images/button/job-post.png'); 
	background-position: 0 0;
	width:174px; height:28px;  
	display:block;
}
a:hover.btn-job-post{ 
	background:url('../images/button/job-post.png'); 
	background-position: 174px 0; 
}

a.del-link {
    background: url(../images/icon-del-02.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px; width: 20px;
}
a.del-link:hover {  
	background: url(../images/icon-del.png) no-repeat center; 
}

a.btn-contact-us {
	background:url('../images/button/contact-us.png'); 
	background-position: 0 0;
	width:78px; height:22px;  
	display:block;
}
a.btn-contact-us:hover {  
	background:url('../images/button/contact-us.png'); 
	background-position: 78px 0;
}

a.btn-arrow-left {
	background:url('../images/button/arrow-left.png'); 
	background-position: 0 0;
	width:23px; height:23px;  
	display:block;
}
a.btn-arrow-left:hover {  
	background:url('../images/button/arrow-left.png'); 
	background-position: 23px 0;
}
.btn-arrow-left-active {  
	background:url('../images/button/arrow-left.png'); 
	background-position: 23px 0;
	width:23px; height:23px;  
	display:block;	
}

a.btn-arrow-right {
	background:url('../images/button/arrow-right.png'); 
	background-position: 0 0;
	width:23px; height:23px;  
	display:block;
}
a.btn-arrow-right:hover {  
	background:url('../images/button/arrow-right.png'); 
	background-position: 23px 0;
}
.btn-arrow-right-active {  
	background:url('../images/button/arrow-right.png'); 
	background-position: 23px 0;
	width:23px; height:23px;  
	display:block;	
}

a.btn-footer-fb {
	background:url('../images/button/footer-fb.png'); 
	background-position: 0 0;
	width:22px; height:22px;  
	display:block;
}
a.btn-footer-fb:hover {  
	background:url('../images/button/footer-fb.png'); 
	background-position: 22px 0;
}

a.btn-footer-tw {
	background:url('../images/button/footer-tw.png'); 
	background-position: 0 0;
	width:22px; height:22px;  
	display:block;
}
a.btn-footer-tw:hover {  
	background:url('../images/button/footer-tw.png'); 
	background-position: 23px 0;
}


/*************************** job-list.php **************************/

a.btn-recruiter {
	background:url('../images/img-job-list/recruiter.png'); 
	background-position: 0 0;
	width:63px; height:21px;  
	display:block;
}
a.btn-recruiter:hover {  
	background:url('../images/img-job-list/recruiter.png'); 
	background-position: 63px 0;
}
a.btn-recruiter-active {
	background:url('../images/img-job-list/recruiter.png'); 
	background-position: 63px 0;
	width:63px; height:21px;  
	display:block;
}

a.btn-freelance {
	background:url('../images/img-job-list/freelance.png'); 
	background-position: 0 0;
	width:106px; height:21px;  
	display:block;
}
a.btn-freelance:hover {  
	background:url('../images/img-job-list/freelance.png'); 
	background-position: 106px 0;
}
a.btn-freelance-active {
	background:url('../images/img-job-list/freelance.png'); 
	background-position: 106px 0;
	width:106px; height:21px;  
	display:block;
}

#job-type { margin:0 0 10px 0; }
#job-type #recruiter { float:left; }
#job-type #freelance { float:left; margin-left:5px; }

.haed-job-list{ background-image:url(../images/img-job-list/01.png); width:619px; height:33px;}

.center-job-list{ background-image:url(../images/img-job-list/02.png); width:619px; height:auto;}
.center-job-list td{ text-align:center; padding:5px 0; line-height:1.6em; }
.center-job-list td.td-name{ text-align:left; padding:5px 0 5px 10px; line-height:1.6em; }
.center-job-list .link-profile a{ color:#F1645D; }
.center-job-list .link-black a{ color:#444; }

.foodter-job-list{ background-image:url(../images/img-job-list/03.png); width:619px; height:7px;} 

.table-head-job td{ text-align:center; font-weight:bold; font-size:11px; padding-top:10px;  }

.line-job-list{background-image:url(../images/img-job-list/line.png); width:618px; height:3px;}

.box-detell-job{padding:5px 5px 5px 25px;}

.job-color-text{color:#F1645D;}

.text-job-header{text-align: left;}

.job-detail {
    padding: 10px 0 10px 15px;
    width: 633px;
}

.company-img { padding-left:10px; width:100px; }
.company-img img { width:80px; height:80px; }
.company-name { text-align:center; width:150px; }
.company-name a{ color:#F1645D; line-height:1.8em; }
.company-address { text-align:center; width:150px; }
.company-update { text-align:center; width:200px; }
.company-dot{
	background: url(../images/line-dot.png) repeat-x; 
	width:100%; height:2px; 
	margin: 10px auto;
}

/*********************** company-directory.php *************************/
.bg-box-h-l{background-image:url(../images/img-company-directory/box-h-l.png); width:308px; height:37px;}
.bg-box-h-r{background-image:url(../images/img-company-directory/box-h-r.png); width:308px; height:37px;}
.bg-box-l-cd{background-image:url(../images/img-company-directory/box-l.png); width:308px; height:38px;}
.bg-box-r-cd{background-image:url(../images/img-company-directory/box-r.png); width:308px; height:38px;}
.bg-box-f-l{background-image:url(../images/img-company-directory/box-f-l.png);width:308px; height:44px;}
.bg-box-f-r{background-image:url(../images/img-company-directory/box-f-r.png);width:308px; height:44px;}
.box-cd-rl{padding:13px 10px 0 12px;}
.cd-lift{ float:left; width:150px; }
.cd-lift a { color:#F1645D; }
.cd-riht{ float:right; width:130px;}


.ex-text { font-style:italic; color:#CCC; height:0; }

.img-profile-sixty { wwidth:60px; height:60px; position:relative; }
.img-profile-sixty .link-img-sixty { width:60px; height:60px; position:absolute; top:0; left:0; }
.img-profile-sixty .link-img-sixty a img{ width:60px; height:60px; z-index:1; }
.img-profile-sixty .img-border-sixty{ 
	width:60px; height:60px; 
	position:absolute; top:0; left:0; 
	background:url(../images/img-border/sixty.png); 
	z-index:10;
	display:none;
	cursor:pointer;
}

.img-profile-seventy-nine { wwidth:79px; height:79px; position:relative; }
.img-profile-seventy-nine .link-img-seventy-nine { width:79px; height:79px; position:absolute; top:0; left:0; }
.img-profile-seventy-nine .link-img-seventy-nine a img{ width:79px; height:79px; z-index:1; }
.img-profile-seventy-nine .img-border-seventy-nine{ 
	width:79px; height:79px; 
	position:absolute; top:0; left:0; 
	background:url(../images/img-border/seventy-nine.png); 
	z-index:10;
	display:none;
	cursor:pointer;
}

.img-profile-fifty-four { wwidth:54px; height:54px; position:relative; }
.img-profile-fifty-four .link-img-fifty-four { width:54px; height:54px; position:absolute; top:0; left:0; }
.img-profile-fifty-four .link-img-fifty-four a img{ width:54px; height:54px; z-index:1; }
.img-profile-fifty-four .img-border-fifty-four{ 
	width:54px; height:54px; 
	position:absolute; top:0; left:0; 
	background:url(../images/img-border/fifty-four.png); 
	z-index:10;
	display:none;
	cursor:pointer;
}

.img-profile-eighty { wwidth:80px; height:80px; position:relative; }
.img-profile-eighty .link-img-eighty { width:80px; height:80px; position:absolute; top:0; left:0; }
.img-profile-eighty .link-img-eighty a img{ width:80px; height:80px; z-index:1; }
.img-profile-eighty .img-border-eighty{ 
	width:80px; height:80px; 
	position:absolute; top:0; left:0; 
	background:url(../images/img-border/eighty.png); 
	z-index:10;
	display:none;
	cursor:pointer;
}

#star { margin: 25px 0 25px 0; padding-left:10px;  width: 210px; }
#star #title { font-size:12px; font-weight:bold; padding-bottom:7px; }
#star .desc { padding-top:10px; line-height:1.4em; font-size:11px; }

#fb { margin:0 0 25px 10px; background:#FFF; width:199px; }

.line{ width:100%; margin:20px auto; height:2px; background:url(../images/line.png) repeat; }
.longline{ width:880px; }

#headline { width:646px; }
#headline ul{
	padding:0; 
	margin: 0;
	width: 100%;
}
#headline ul li{
	float:left;
	width:302px;
	list-style:none;
	color:#333;
	height:272px;
	overflow:hidden;
}
#headline ul li:nth-child(odd){ margin:0 30px 0 10px; }
#headline ul li .pic img{ width:302px; height:204px; }
#headline ul li .title{ margin-top:10px; height:19px; overflow:hidden; }
#headline ul li .title a{ color:#333; font-size:15px; font-weight:bold; }
#headline ul li .description{ color:#333; font-size:13px; margin-top:5px; }

.article { width:646px; margin-bottom:20px; }
.article .content { /*float:right;*/ word-wrap:break-word; padding-left:10px; }
.article .pic { /*float:left;*/ }
.article .pic img{ /*width:302px; height:204px;*/ max-width:510px; }
.article .title{ margin-bottom:5px; }
.article .title a{ color:#333; font-size:15px; font-weight:bold; }
.article .title a:hover{ color:#F18989; text-decoration:none; }
.article .author{ margin-bottom:5px; }
.article .author span{ color: #F1645D; font-weight:bold; }
.article .description{ color:#333; font-size:11px; margin-top:5px; line-height:1.5em; }
.article hr{ height:1px; border:0; background:#333; }
.article .readmore{ margin:10px 10px 0 0; text-align:right; }
.article .readmore a{ color: #F1645D; }
.article .readmore a:hover{ color: #F18989; text-decoration:underline; }

#bloglist { width:646px; }
#bloglist ul#tiles{
	padding:0; 
	margin: 0;
	width: 100%;
	position: relative;
}
#bloglist ul#tiles li{
	float:left;
	width:305px;
	list-style:none;
	color:#333;
	display:block;
	margin:0 9px 9px 9px;
}
#bloglist ul#tiles li .box{
	background: #FFF;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	padding:6px;
}
#bloglist ul#tiles li .pic img{ width:293px; }
#bloglist ul#tiles li .line{ margin:10px 0 0 0 !important; }
#bloglist ul#tiles li .title{ margin-top:15px;  }
#bloglist ul#tiles li .title a{ font-size:15px; color: #F1645D; font-weight:bold; }
#bloglist ul#tiles li .author{ margin-top:10px; font-size:11px; color: #333;  }
#bloglist ul#tiles li .author a{ color:#333; }
#bloglist ul#tiles li .description{ margin-top:10px; font-size:11px; color: #333; line-height:1.5em;  }
#bloglist ul#tiles li .readmore{ margin:10px 0; text-align:right; }
#bloglist ul#tiles li .readmore a{ color: #F1645D; }
#bloglist ul#tiles li .readmore a:hover{ color: #F18989; text-decoration:underline; }
#bloglist ul#tiles li .tool{ margin:10px 0; }
#bloglist ul#tiles li .tool table tr td{ padding:0 2px; }

#blog-category{ font-size:14px; font-weight:bold; padding:5px 0 10px 12px; }
#headline-topic{ font-size:15px; font-weight:bold; padding:0 0 20px 12px; }