@charset "UTF-8";html{color:#000;background:#FFF;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
body {TEXT-ALIGN: center;}
fieldset,img{border:0;}
a           {COLOR: #787878; text-decoration:none;}
a:hover     {COLOR: #0066cc; text-decoration:underline;}
a:visited   {COLOR: #550099; text-decoration:none;}
li                   	{LIST-STYLE-TYPE: none;}
h1, h2, h3, h4, h5, h6  {FONT-WEIGHT: normal; FONT-SIZE: 100%;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit; vertical-align:middle;}
pre, code, kbd, samp, tt{font-family:monospace;font-size:108%;line-height:100%;}
p, blockquote   {PADDING:0px; MARGIN:0px;}
table	{BORDER-COLLAPSE:collapse; border-spacing:0; empty-cells: show; border: 0; }
td      {PADDING:0px; MARGIN:0px;}
th      {PADDING:0px; MARGIN:0px; TEXT-ALIGN: left; FONT-WEIGHT: normal; FONT-STYLE: normal;}
caption {TEXT-ALIGN: left; DISPLAY: none;}
address, caption, cite, code, dfn, strong, th, var{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
abbr, acronym   {BORDER: 0px; FONT-VARIANT: normal;}
sup         {VERTICAL-ALIGN: text-top; }
sub         {VERTICAL-ALIGN: text-bottom; }
button{ cursor:pointer;}
em {color:#ccc; margin:0 5px;font-weight:bold; font-family:verdana;}

a img{ margin:0 0 -3px 0;}

.front{ background:url(/img/front/bg.gif) 0px 153px repeat-x;}
.left {float:left;}
.right {float:right;}
.clear {CLEAR:both; WIDTH:100%; POSITION:relative; TEXT-ALIGN:center; height:0px; margin:0; padding:0;}
.w980 {width:980px;}
.w200 {width:200px;}
.w760 {width:760px; overflow:hidden;}
.w176 {width:176px;}

.w570 {width:570px;}
.w585 {width:585px;}
.w650 {width:650px;}
.w285 {width:285px;}
.w330 {width:330px;}
.w315 {width:315px;}
.w460 {width:460px;}
.m_t5{ margin:5px 0 0 0;}
.m_t10{ margin:10px 0 0 0;}
.m_t15{ margin:15px 0 0 0;}
.m_r15{ margin:0 25px 0 0;}
.hide {display:none;}


#container {POSITION:relative; MARGIN: 0px auto; WIDTH: 980px; text-align:left;}

/* 서브 contents_container 
--------------------------------*/
#contents_container { text-align:left;}
#contents_container.error { padding:120px 0 180px 0; text-align:center;}
.front #contents_container { display:block; margin:0 0 -15px 0;}
#contents_container h2{}

/* 서브 branding
--------------------------------*/
#branding {POSITION:relative; background:url(/img/common/branding_Bg.gif) no-repeat bottom; height:63px; width:980px; z-index:10;}	
#branding h1 {POSITION:absolute; top:0; left:0;}
#branding .location {POSITION:absolute; right:10px; top:10px; COLOR:#787878;}
#branding .location img{ margin:0 0 -2px 3px;}
#branding .location A {COLOR:#787878; TEXT-DECORATION: none; padding:0;}
#branding .location A:hover {TEXT-DECORATION:none;}
#branding .menu {position:absolute; top:35px; right:0;}
#branding .menu li {float:left; background:url(/img/enswerme/Menubar.gif) no-repeat 0 3px; padding:0 14px 0 15px; height:30px;}
#branding .menu a{ text-decoration:none; color:#000000;}
#branding .menu a:hover{ color:#773388;}
#branding .menu a img{ margin:0;}

#branding .menu .dropmenu { position:absolute; TOP:27px; margin:0; width:137px; height: auto; background:url(/img/common/drop_menu_top.gif) no-repeat 0 0; padding:5px 0 0 0;}
#branding .menu .dropmenu ul{ position: absolute; width:137px; padding:0 0 5px 0; background:url(/img/common/drop_menu_bottom.png) no-repeat 0 bottom;}
#branding .menu .dropmenu ul li { margin:0; border-left:1px solid #d0cee6;border-right:1px solid #d0cee6; background:#fff; width:131px; padding:0 2px; height:22px;  line-height:16px;}
#branding .menu .dropmenu ul li.logout { margin:0; border-left:1px solid #d0cee6;border-right:1px solid #d0cee6; background:#fff; width:115px; padding:50px 10px 80px 10px; color:#474568; text-align:center;}
#branding .menu .dropmenu ul li.logout a{ display:inline; padding:0; font-weight:bold; text-decoration:underline; width:auto; }
#branding .menu .dropmenu ul li.logout a:hover{ background:none; color:#474568;text-decoration:underline;}
#branding .menu .dropmenu ul li a { display:inline-block; width:115px; height:22px; line-height:22px; color:#474568; padding:0 8px; text-align:left;}
#branding .menu .dropmenu ul li a:hover {background:#d0cee6;  color:#fff; font-weight:bold; text-decoration:none;}
#branding .menu .dropmenu ul img{ position:absolute; bottom:-5px;}

#search_container {POSITION:absolute; top:13px; left:210px; height:50px; width:331px; text-align:left; }
#search_container form { display:block; height:23px; padding:27px 31px 0 0 ; vertical-align:middle; text-align:left;}
#search_container form span{POSITION:absolute; left:0; top:0; display:inline-block; WIDTH:300px; HEIGHT:26px; border:0px; padding:0; margin:0; background:url(/img/common/searchbox_bg.gif) no-repeat right bottom;} 
#search_container .search_query{POSITION:absolute; top:0; left:0; WIDTH:286px; HEIGHT:14px; border:1px solid #773388; COLOR: #773388; margin:0; padding:4px 5px;}
#search_container .search_button{POSITION:absolute; left:300px; top:0; wIDTH:31px; HEIGHT:26px; BORDER:0px; CURSOR:pointer; background:url(/img/btn/btn_search.gif) no-repeat;}

/* site_location 
----------------------------------------------------*/
#site_location{ position:relative; height:16px; border-bottom:1px solid #e5e5e5; padding:9px 0; background:#fff;}
#site_location img{ vertical-align: text-bottom; margin:0 7px 0 7px;}
#site_location .searchtxt{ color:#0066cc; font-weight:bold;}
#site_location .btn{vertical-align:middle; position:absolute; right:0px; top:7px; margin:0;}
#site_location .btn img{ margin:0 0 0 3px;}
ul#explore_option { position:absolute; right:0; bottom:-1px; height:24px;}
#explore_option li{float:left; margin:0 0 0 1px; text-align:center;}
#explore_option li a{ display: inline-block; padding:0 10px; height:22px; line-height:22px; color:#999; border:1px solid #ddd; min-width:30px; background:url(/img/common/bg_explore_option.gif) 0 0 repeat-x; text-decoration:none;}
#explore_option li a.selected{ font-weight:bold; border-bottom:1px solid #fff; color:#787878; }

/* Title 
--------------------------------*/
.page_description {text-align:left; padding:10px 0; color:#787878; font-weight:bold; display:block;}
.page_description h2 { width:680px; color:#000; height:26px; overflow:hidden; }
.page_description h2 a:link {color:#000;}
.page_description h2 a:hover {COLOR: #0066cc; text-decoration:none;}
.page_description .description{ display:inline-block; color:#787878; font-weight:normal; margin:7px 0 0 0; width:650px; min-height:18px;}
.page_description .btn { position:absolute; right:0; margin:-23px 0 0 0; text-align:right; vertical-align:middle; width:315px; height:20px;}
.page_description .btn .upload {margin:-5px 0 0 0;}
#rating_container {color:#999; margin:0; vertical-align:middle; display:inline-block;}
#ratingstars{ display:inline-block; width:70px; margin:0 5px -4px 0;}
#rating_container img{ margin: 0 2px -2px 0;}

	
/* 링크 버튼
--------------------------------*/
a.expand {position:absolute; top:0; right:0; padding:0 10px; color:#666; margin:6px 0 0 0; background: url(/img/icon/icon_expand.gif) no-repeat 0 5px;}
a.collapse {position:absolute; top:0; right:0; padding:0 10px; color:#666; margin:6px 0 0 0; background:url(/img/icon/icon_collapse.gif) no-repeat 0 5px;}

.btn{ text-align:right;}
a.more {display:inline-block;padding: 0 8px 0 0; background:url(/img/icon/icon_arrow02.gif) right 5px no-repeat; margin:1px 0 -1px 0; text-align:right; color:#000; border:0;}
#search_result .list a.more{ margin:0px 0 0 0;}
#search_result a.more{margin:0 0 10px 0; color:#000;}

.btn img{ margin:0 0 0 3px;}	

/* w200
----------------------------------------------------*/
.w200 h2, .w200 h3, .w200 h4, .w200 h5, .w200 h6{ position:relative; left:0; margin:0; background:url(/img/common/bg_left_tit.gif) no-repeat; height:30px; line-height:30px; font-weight:bold; padding:0 0 0 10px;}
.w200 h2{ background-position:0 40px; height:40px; padding:0 0 0 2px;}
.w200 h2 img{ margin:0 0 -8px 0;}
.w200 h3{ background-position:0 -32px; }
.w200 h4{ background-position:0 -62px;}
.w200 h5{ background-position:0 -92px;}
.w200 h6{ background-position:0 -122px;}
.w200 h6 img{ position:absolute; right:10px; top:9px; vertical-align:middle;}

.w200 .menu { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.w200 .menu a { display:block; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:17px; margin:-1px 0 0 0; color:#545454; text-decoration:none; padding:8px 0; font:bold 12px/17px helvetica;}
.w200 .menu a.selected{ background:#f2f2f2;}
.w200 .menu a:hover{ color:#000;}
.w200 .menu a img { margin:0 3px -3px 10px;}

.w200 div{ background:url(/img/common/bg_left_bottom.gif) 0 bottom no-repeat; padding:0 0 5px 0;}
.w200 div ul{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:1px 1px 0px 1px; position:relative;}
.w200 div ul li { width:196px; height:auto;}	
.w200 div ul li.closed ol{display:none;}
.w200 div ul li ol{ display:block; padding:1px 1px 3px 1px; MARGIN:-1px -1px 0 -1px; width:196px;}
.w200 div ul li ol li {background:#fff; font-weight:normal; padding:0; height:20px; width:196px;}

.w200 .explore_option { height:32px; width:188px;  background:url(/img/common/bg_exploresorting_option.gif) top repeat-x; font: bold 10px/30px Verdana; color:#545454; padding:0 5px;
						margin:0 -1px; /* Only IE6 */	margin /**/:-1px 0 0 -1px; /* IE7, FF */ }
.w200 .explore_option a{ height:18px;  margin:8px 0 0 0; line-height:18px;}

.w200 .column5, .w200 .column10{ height:23px; width:190px; padding:0 0 0 2px;}
.w200 .column5 a{ display:inline-block; width:35px; height:20px; margin:0 0 3px 3px; background: url(/img/common/bg_column5.gif) 0 0; text-decoration:none; text-align:center; font:11px/20px verdana;}
.w200 .column10 a{ display:inline-block; width:16px; height:20px; margin:0 0 3px 3px;background: url(/img/common/bg_column10.gif) 0 0; text-decoration:none;text-align:center; font:12px/20px verdana; }
.w200 .column5 a.selected, .w200 .column10 a.selected{ background-position:bottom; color:#fff; text-decoration:none;}

.w200 .option_search { position:relative; left:4px; height:24px; margin:0 0 6px 0; width:188px; background:url(/img/common/bg_optionsearch.gif) top left no-repeat ;}
.w200 .option_search.selected {background:url(/img/common/bg_optionsearch_selected.gif) top left no-repeat ;}
.w200 .option_search input{ position:absolute; top:0; left:0;  border:0; padding:3px 8px; line-height:18px; height:18px; width:150px; background:none; }
.w200 .option_search.selected input{ color:#fff;}
.w200 .option_search img{ position:absolute; right:0;}
.w200 .selectbox { position:absolute; width:170px; padding:4px 8px 15px 8px; border:1px solid #c4c4c4; background:#fff; max-height:200px; overflow-y:auto; overflow-x:hidden; z-index:100;}
.w200 .selectbox a{ display:block; background:url(/img/common/bg_dotline.gif) bottom repeat-x; line-height:25px; padding:0 0 0 5px; text-decoration:none;}

.w200 ul.contents { max-height:335px; overflow-x:hidden; overflow-y:auto; margin:0; padding:8px; *height:335px;}
.w200 dl{ padding:0 0 6px 63px; margin:0 0 8px 0; min-height:44px; border-bottom:1px solid #e4e4e4; *height:44px;}
.w200 dt { margin:0; padding:0;max-height:28px; max-width:120px;}
.w200 dt a{ display:inline-block; line-height:14px; max-height:28px; overflow:hidden; text-decoration:none;}
.w200 dd.img { position:absolute; left:0px; top:0; width:55px;}
.w200 dd.img img{ width:55px; height:41px;}
.w200 dd { font:10px/16px tahoma; margin:0; color:#999}
.w200 dd a{ margin:0 3px; font-weight:normal;}

.w200 ul.ranking{ padding:5px 5px 5px 11px; font-size:11px;}
.w200 ul.ranking li{PADDING:0 2px 0 18px; width:160px;}
.ranking li a { display:block; width:160px;line-height:19px;  height:19px;  overflow:hidden;  }
.ranking_pupple { background:url(/img/number/purple.gif) no-repeat; line-height:22px; height:22px; overflow:hidden; }
.ranking_gray { background:url(/img/number/gray.gif) no-repeat; margin:3px 0 0 0;}
.r1{ background-position:0 0px; }
.r2{ background-position:0 -22px;}
.r3{ background-position:0 -44px;}
.r4{ background-position:0 -66px;}
.r5{ background-position:0 -88px;}
.r6{ background-position:0 -110px;}
.r7{ background-position:0 -132px;}
.r8{ background-position:0 -154px;}
.r9{ background-position:0 -176px;}
.r10{ background-position:0 -198px;}
.ranking_n { background-position:0 -220px;}
.ranking_w { background-position:0 -242px;}

.w200 .profile H6{ height:35px; padding-top:3px; background-position:0 -152px}
.w200 .profile ul{ padding:0 7px 10px 7px; }
.w200 .profile ul li.img { width:180px; max-height:180px; max-width:180px; padding:1px; margin:0; border:1px solid #ccc; text-align:center;}
.w200 .profile ul li img { margin:0; max-height:180px; max-width:180px; vertical-align:middle;}
.w200 .profile ul li.userInfo { background:#f5f5f5; width:170px; margin:0 0 8px 0; padding:7px; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#aaa; }
.w200 .profile ul li.about{width:184px;}

.w200 .stats ul {padding:6px 1px 5px 1px;}
.w200 .stats li {background:url(/img/common/dot_purple.gif) no-repeat 7px center; margin:0; padding:0 0 0 15px; color:#000; line-height:18px;width:181px;}
.w200 .stats li span{display:inline-block; width:113px;}
.w200 .stats li span.number{ display:inline-block; text-align:right; width:60px; font:bold 10px/19px tahoma; color:#444499;}

.w200 .creat {position:relative;}
.w200 .creat a {  display:block; height:40px; padding:9px 0 0 55px; color:#000; text-decoration:none; background:url(/img/common/bg_creat.gif) top left; font-size:10px;}
.w200 .creat a b{ font:bold 17px/20px helvetica;}
.w200 .creat a img{ position:absolute; left:7px; top:7px; width:36px; height:36px; padding:1px; border:#cdcdcd solid 1px;}
.w200 .creat .category { position:absolute; top:7px; right:7px;}

/*
.w200 .user ul {padding:0 1px;}
.w200 .user li {width:156px;}
.w200 .user dl {height:44px; width:91px; padding:7px 5px 0 60px;}
.w200 .user dt{color:#000; padding:0; margin:-2px 0 0 0;}
.w200 .user dd p.description{ height:30px; overflow:hidden; line-height:15px; color:#999; }
.w200 .user dd.img {left:7px; top:7px; width:53px; height:44px; border:0;}
.w200 .user dd.img img {width:40px; height:40px; padding:1px; border:1px solid #eee;}
.w200 .user ul a.btn, .w170 .related ul a.btn{ display:inline-block; margin:7px 5px 0 5px; border-top:1px solid #e4e4e4; line-height:20px; height:20px; width:156px; text-align:center; color:#787878;}	
.w200 .user ul a.btn img, .w170 .related ul a.btn img{ margin:0px 2px 0 0;}

.w200 .related ul{padding:6px 1px 0 1px;}
.w200 .related ul ol{ padding:0 0 5px 0;}
.w200 .related li {background:url(/img/common/dot_gray.gif) no-repeat 7px 9px; margin:0 0 3px 0; padding:2px 15px; color:#000; line-height:16px; width:136px}
.w200 .related li img{ display:none;}
.w200 .related li.hover { border:0; background:url(/img/common/dot_gray.gif) no-repeat 7px 9px #f2f2f2; cursor:move;}
.w200 .related li.hover img{ display:inline-block; position:absolute; right:0; top:0; background:#f2f2f2; padding:0 0 3px 3px;}
----------------------------------------------------*/

/* w315
----------------------------------------------------*/
.w315 h2, .w315 h3, .w315 h4, .w315 h5 { position:relative; width:295px; background:url(/img/common/bg_right_tit.gif) no-repeat; height:30px; line-height:30px; font-weight:bold; padding:0 10px; margin:0; }
.w315 h3 {background-position:0 -30px; }
.w315 h4 {background-position:0 -60px;}
.w315 h5 {background-position:0 -90px;}

/* w760
---------------------------------------------------*/
.w760 h3{ height:30px; font:bold 18px/24px Helvetica; margin:10px 0 0 0; padding:0 0 0 7px;}
	.adult{ background:url(/img/19_tiny_bg.gif) repeat-x; margin:0 0 15px 0; color:#b49672; font:11px/35px dotum; }
	.adult a{ color:#ee0000; text-decoration:underline; background:url(/img/19_tiny_right.gif) no-repeat right; padding:0 12px 0 0; }

/* w795
---------------------------------------------------*/
.w795 .box h3 { background: url(/img/common/top_795.gif) top no-repeat ; position:relative; margin:0 0 0 0; padding:12px 20px 5px 20px;}
.w795 .box h3 .btn a{ color:#777; font-weight: normal;}
.w795 .box h3 .btn a.selected{ color:#000; font-weight:bold;}
.w795 .box h3 img{vertical-align:middle; margin:0 4px 4px 0}
.w795 .box ul { height:255px; position:relative; display:block; background: url(/img/common/bottom_795.gif) bottom no-repeat; padding:0 20px;}
.w795 .box dl { position:relative; padding:88px 0 0 0; margin:0 0 5px 20px; float:left; width:112px;}
.w795 .box dt { height:18px; width:112px; overflow:hidden; text-align:center;}
.w795 .box dl.first {position:relative; width:224px; height:75px; border-right:1px solid #ccc;padding:160px 0 20px 0; margin:0; float:left;}
.w795 .box dl.first dt{text-align:left; width:204px; }
.w795 .box dl dd.img {top:0px; left:0;}
.w795 .box dl dd p.stats { margin:0 0 6px 0;}
.w795 .box dl dd p.description{ height:30px; width:204px; overflow:hidden;}
.w795 .box dl dd.img img{ width:108px; height:81px; padding:1px; border:1px solid #ccc; }
.w795 .box dl.first dd.img img{ width:200px; height:148px; }
.w795 .box .btn{ position:absolute; right:25px; bottom:13px;}

.w760 h4, #comment h4, h4 {margin:0 0 5px 0; padding:0 0 0 5px; height:32px;}
#profile_contents{ position:relative;}
.w760 form#activity {position:absolute; top:15px; right:5px; padding:0; display:block; height:17px;}
.w795 h4 img, #comment h4 img,  h4 img{vertical-align: text-bottom;}
.w795 h4 img.btn{ vertical-align:middle;}

/* w570
----------------------------------------------------*/
.w795 .w570 h4{ position:relative; border-bottom:1PX solid #CCC; height:19px; margin:0; padding:5px 0 0 5px; width:100%; }
.w795 .w570 h4 .btn{ position:absolute; right:0; bottom:4px;}
.w795 .w570 .list2 dl{ height:83px; padding:7px 5px 0 125px;}
.w570 dt{ font-weight:bold; margin:0; padding:0;}
.w570 dd { line-height: 16px;}
.w570 dd p.stats{ margin:2px 0 7px 0;}
.w795 .w570 .list2 dd.img {left:5px;}
.w795 .w570 .list3 dl{height:41px; padding:7px 5px 0 125px;}
.w795 .w570 .list3 dd.img {left:5px; padding:0;}

/* w210
----------------------------------------------------*/
.w210 h5, .w210 h6 { position:relative; background:url(/img/front/title_bg.gif) no-repeat; height:25px; font-weight:bold; padding:0 0 0 10px; margin:0;} 
.w210 h5{ background-position:0 0;}
.w210 h6{ background-position:0 -25px; color:#545454;}
.w210 h5 .more, .w210 h6 .more { position:absolute; right:6px; top:6px; background:none; }

.w210 div{ background:url(/img/common/bottom_210.gif) bottom no-repeat; padding:0 0 5px 0;}



.w210 .user ul{ padding:9px 0 0 0; margin:0 0 0px 0;}
.w210 .user ul dl{ height:58px; padding:0 5px 0 72px;}
.w210 .user ul dt{ margin:0;}
.w210 .user ul dd  p.description{ height:32px; overflow-y:hidden}
.w210 .user ul dd.img {left:10px; top:0px;}
.w210 .user ul dd.img img{width:48px; height:48px; padding:1px; border:1px solid #eee;}

/* 리스트 정의
----------------------------------------------------*/	
.bg{background:#f2f2f2;}
a.more_list { display:block; height:30px; background: url(/img/btn/btn_bg.gif) center repeat-x; border:1px solid #e4e4e4;border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; text-align:center; color:#000; }

dl {position:relative; display:block; padding:5px 10px; margin:0;}
dt {position:relative; padding:1px 0; margin:0 0 3px 0; line-height:17px; }
dt a {color:#000; text-decoration:none;}
dt span{ color:#999; margin:0 0 0 8px; }
dt img, dd img { vertical-align:middle;}
dt img.site_logo {margin:0 5px 1px 0; vertical-align:middle;}
dd {position:relative; color:#666; }
dd a{ color:#666; font-weight:bold; }
dd .cluster_detail a{color:#8899bb; font-weight: normal;}
dd p.stats a{font-weight:bold;}
dd p.stats{color:#999;}
dd.img{ position:absolute; top:5px; left:0px;}
dd.img img.thumb_img { vertical-align:top; width:108px; height:81px; border:1px solid #000;}
dd.img img.highquality{position:absolute; top:1px; right:11px;}
dd.edit, span.edit{ display:none;}
ol dl.hover, ol li.hover{border-top:1px solid #e4e4e4; border-bottom:1px solid #c7c7c7;border-right:1px solid #c7c7c7;}
.hover{position:relative;}
dl.hover dd.edit, .hover span.edit{ position:absolute; display:block; top:0; right:0; padding:1px; background:#fff; border:0;}
ul li.hover span.edit{ top:5px; right:0;}
h2.hover span.edit{ top:10px; right:5px;}
	a.move {background:url(/img/btn/btn_playlist_move.gif); cursor:pointer;}
	a.edit{background:url(/img/btn/btn_playlist_edit.gif); cursor:pointer;}
	a.del{background:url(/img/btn/btn_playlist_del.gif); cursor:pointer;}
	dd.edit a, span.edit a{display:inline-block; height:16px; width:60px; background-position:left 0;}
	dd.edit a:hover, span.edit a:hover{background-position:60px 0;}
	span.edit a.edit { width:43px;}
	span.edit a.move { width:50px;}
		
span.cluster_timedata {position:relative; top:4px; display:inline-block; width:100px; height:9px; background:url(/img/cluster/bg_timeline.gif) no-repeat 0 0; padding:2px; margin:0 7px 0 0; line-height:3px; overflow:hidden;}
span.cluster_timedata span{ display:inline-block; width:98px; height:9px; padding:0; vertical-align:top;}
.cluster_timeinfo {display:inline-block; height:7px; width:100%; border:1px solid #7e79c7; background:url(/img/cluster/bg_duration.gif) repeat-x #9598ce; margin:0; vertical-align:top;}

.list dl {height:19px; padding:5px 10px 0 10px;}
.list dt {display:inline-block; margin:-1px 0 0 0; height:19px; overflow:hidden; position:absolute; width:700px;}
.list .text_logo {margin:0 10px 0 0; vertical-align:middle;}
	
.list1 dl {height:85px; padding:5px 0 5px 130px;; margin:0 0 20px 0;}
.list1 dt { height:17px; margin:0 230px 0 0; overflow:hidden;}
.list1 dd.description{height:64px; background: url(/img/common/bg_list1.gif) 0 bottom repeat-x;}
.list1 dd p {padding:0 230px 0 0; height:17px; overflow:hidden;}
.list1 dd p.stats{color:#787878;}
.list1 dd p.cluster_detail{ position:relative ; height:24px; line-height:22px; padding:0 10px 0 127px; margin:4px 0 0 0; background:none; border:0; z-index:0; font-family:tahoma;}
.list1 dd p.cluster_detail span.cluster_timedata { position:absolute; top:5px; left:5px;}
.list1 dd p.cluster_detail .overlapping{ position:absolute; top:7px; left:115px;}
.list1 dd.img {left:10px; background:#fff; padding:0 10px 0 0; height:85px;}	
dd.recommend_video_info{ position:absolute; right:0; width:216px; height:80px; margin:-85px 0 0 0; ; z-index:1;}
dd.recommend_video_info img { width:20px; height:8px; vertical-align: baseline;}
dd.recommend_video_info h3 { position: absolute; left:0px; height:16px; margin:-18px 0 0px 3px; background:#fff; padding:0 5px; z-index:2; color:#000; }
dd.recommend_video_info ul { position: absolute; width:200px; bottom:0; border:1px solid #ddd; padding:5px 7px; background:#fff; }
dd.recommend_video_info li { height:15px; width:200px; overflow:hidden;}
dd.recommend_video_info li a { color:#787878; font-weight:lighter; display:inline-block;width:176px; height:15px; overflow:hidden;}
dd.recommend_video_info li a:hover { text-decoration:underline;}	
.cluster_url, .cluster_id, .video_id, .video_start_time, .video_end_time, .cluster_seconds, .video_seconds, .video_start_seconds, .video_data_block { DISPLAY: none;}
.list1 #cluster {margin:-20px 0 5px 0px; padding:10px 0 10px 90px; background:url(/img/common/bg_dotline.gif) bottom repeat-x; z-index:2; min-height:120px;}
.list1 #cluster td.site_small_logo { padding:0 15px 0 10px; width:20px;}
	
.list2 dl {height:83px; padding:5px 10px 5px 130px;}
.list2 dt { margin:0;}
.list2 dd p {margin:0px 0 5px 0;}
.list2 dd p.description{ height:32px; overflow:hidden; }
.list2 dd.img {left:10px;}
.list2 dl.hover dd.edit{ padding:6px;}
	
.list3 dl{ height:53px; padding:5px 10px 5px 130px;}
.list3 dt{ padding:0; margin:0;}
.list3 dd .stats {margin:0 0 3px 0;}
.list3 dd.img {left:10px; padding:6px 0; background:#000; width:110px; }
.list3 dd.img img.thumb_img {width:55px; height:41px; border:0;}
	
.list4 dl{ height:53px; padding:5px 10px 5px 73px; }
.list4 dt{ padding:0; margin:0;}
.list4 dd.img {left:10px; padding:0;}
.list4 dd.img img.thumb_img {width:51px; height:51px; border:1px solid #ccc;}
	
#playlist a.expand, #playlist a.collapse, .w460 a.expand, .w460 a.collapse  { margin:15px -10px 0 0;}	
.my_list1 dl { height:40px; margin:0; display:block; padding:5px 290px 5px 10px;}
.my_list1 dl.hover dd.edit{ padding:1px 1px 1px 3px;}
.my_list1 dt a {color:#000; text-decoration:none;}
.my_list1 dd.img{ left:465px; width:290px; text-align:right;}
.my_list1 dd.img img{ width:54px; height:40px; border:0;}
/*
#profile_contents dd.edit{ position:absolute; display:block; top:0; right:0px; padding:1px; background:#fff; border:0;}
#profile_contents .my_list1 dd.edit { right:-20px;}
#profile_contents .my_list1 dd.edit a{ width:16px;}
*/

.my_list2 dl {height:80px; width:177px; margin:0 0px 5px 0px; padding:143px 5px 0 5px; display:inline-block; border:1px solid #fff;zoom:1; *display:inline; }
.my_list2 dl.hover {border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;  border-bottom:1px solid #c7c7c7;border-right:1px solid #c7c7c7;}
.my_list2 dl.hover dd.edit{ padding:1px; top:0px;}
.my_list2 dt a { color:#000; font-weight:bold; text-decoration:none; margin:2px 0 0 0; overflow:hidden; height:20px; display:block;}
.my_list2 dd.img { left:5px; }
.my_list2 dd.img img{ width:176px; height:132px; }

.my_list3 dt {margin:0; width:707px;}
.my_list3 dt a { color:#8899BB;text-decoration:underline;}
.my_list3 dl.hover dd.edit {background:transparent none repeat scroll 0 0;border:0 none;padding:6px;right:0;top:0;}
	
ol.line dl, ol.line li{border-bottom:1px solid #f2f2f2;}
ol.line dt a{ font-weight:bold; text-decoration:none;}
ol.line dl.hover, ol.line li.hover{border-bottom:1px solid #c7c7c7; cursor:pointer;}
.none_message { position:relative; text-align:center; padding:120px 0;}
.none_message span{ text-align:left; display:block; padding:23px 90px 0 90px;}
.none_message span span.searchtxt{ padding:0; display:inline; COLOR: #0066cc;}
.none_message span img{ margin:-23px 20px 0 0;}
.none_message span span.suggestion { display: inline-block; width:461px; padding:9px 0 0 5px; margin:-5px 0 0 -5px; background:url(/img/common/bg_dotline.gif) repeat-x top; line-height:19px; color:#787878;}

/* explore
----------------------------------------------------*/
h2, h4, h3 { position:relative;}
h2 span.btn, h3 span.btn{vertical-align:middle; position:absolute; right:0px; margin:0; top:3px;}
h4 span.btn {vertical-align:middle; position:absolute; right:0px; margin:0; bottom:0px; }
h4 .btn{ margin:0 0 3px 0;}

.w760 h3 {border-bottom:1px solid #e4e4e4; }
.result_container  h3 {border-bottom:0px solid #e4e4e4;}
.explore { overflow:hidden; margin:40px 0 0 0; border:0; padding:0; width:780px;}
.explore td { width:175px; padding:0 20px 20px 0px; vertical-align:top; }

.explore dl { position:relative; display:block; width:175px; margin:0 0 20px 0; padding:135px 0 0 0; vertical-align:top; zoom:1; *display:inline;}
.explore dt { padding:0; margin:0;width:175px;}
.explore dt a { color:#000; font-weight:bold; text-decoration:none; margin:0; display:block; font-size:12px;width:175px;}
.explore dd {color:#999; font:10px/16px tahoma;}
.explore dd a{ color:#787878; font-weight:lighter; margin:0 3px;}
.explore dd p.description{ height:30px; overflow:hidden; font:11px/16px verdana;}
.explore dl dd p.stats{ margin:1px 0 3px 0;}
.explore dd img{ margin:5px 0;}
.explore dd.img {left:0px; top:0;  width:166px; padding:1px; border:1px solid #ccc;}
.explore dd.img a{ margin:0;}
.explore dd.img img{ width:166px; height:125px; border:0; margin:0;}

.explore.video dl {height:;}
.explore.video dt,.explore.playlist dt a{overflow:hidden; height:18px; }

.explore.playlist dl {height:; padding:73px 0 0 0; }
.explore.playlist dd.img img{ width:83px; height:62px;}

.explore.more { margin:0 0 30px 0;}
.explore.more td { padding:10px; width:175px; }
.explore.more dl { display:block; width:175px; height:auto; margin:0; padding:0;  }
.explore.more dl dt a{color:#000;  height:auto; font:11px/16px verdana;}


/* 플레이어
----------------------------------------------------*/
	.w315 div{background:url(/img/common/bg_right_bottom.gif) 0 bottom no-repeat; padding:0 0 5px 0;}
	.w315 div ul{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:1px 1px 5px 1px; overflow-y:auto; overflow-x:hidden;  width:311px; }	
	
	#video_description ul{ position:relative; height:156px;}
	#video_description.open {}
	#video_description.open ul { height:449px;}
	#video_description li {background:url(/img/common/bg_dotline.gif) 0 bottom repeat-x #fff; padding:5px 0;}
	#video_description li.bg{ background:url(/img/common/bg_dotline.gif) 0 bottom repeat-x #f2f2f2;}
	#video_description li dd { color:#999; margin:5px 0;}
	
	#Related_Videos { position:relative; padding:8px 0 5px 0; margin:0;}
	#Related_Videos ul { position:relative; height:542px; overflow:hidden;}
	#Related_Videos dl { height:79px; margin:0; padding:10px 10px 2px 125px;}
	#Related_Videos dt { height:31px; overflow:hidden; margin:3px 0;}
	#Related_Videos dd.img { left:10px; width:110px; height:79px; background:none;}
	#Related_Videos dd.img img { width:100px; height:75px; padding:1px; border:#cdcdcd solid 1px;}	

/* 플레이리스트 
----------------------------------------------------*/
#playlist_container,#playlist_container.collapse { background:url(/img/common/playlist_bg.gif) right -5px no-repeat;}

#playlist_container #player_container {POSITION:relative; text-align:left;}

#playlist_list { text-align:left; width:330px; height:832px; /* IE6 Hack */ margin-left:-1px; background:url(/img/common/playlist_bg.gif) right 827px no-repeat;}
.collapse #playlist_list { height:574px; background-position: right 569px}
#playlist_list ul{ position:relative; height:822px; width:329px; overflow-y:auto; overflow-x:hidden; background:url(/img/common/playlist_list_bg.gif) repeat-y #fff; margin:5px 0 0 0; border-right:1px solid #e5e5e5;}
.collapse #playlist_list ul{height:564px;}
#playlist_container.collapse .result_cluster{ display:none;}
#playlist_container.collapse #timetrack{ height:5px;}

#playlist_list dl{ border-bottom:1px solid #d5d6d7; height:45px; padding: 6px 10px 6px 80px; }
#playlist_list dl.hover{ background:url(/img/common/playlist_hover_bg.gif) left; cursor:move;}	
#playlist_list dl.selected {background:url(/img/common/playlist_selected_bg.gif) left ;}		
#playlist_list dt { min-height:32px; overflow:hidden; margin:-2px 0 0 0; padding:0; }
#playlist_list dd.img {left:10px; top:6px; width:59px; height:45px; }
#playlist_list dd.img img { width:55px; height:41px; padding:1px; border:#cdcdcd solid 1px;}
#playlist_list dd.img img.play { display:none;}
#playlist_list dl.selected dd.img img.play{ display:block; position:absolute; left:0; top:0; padding:0; border:#000 solid 1px;width:57px; height:43px;}
#playlist_list dl .stats img{ margin:0 0 3px 0;}
#playlist_list dl.hover .stats img { display: inline-block; margin:0 0 2px 0;}
	
#player_videotitle .video_url IMG { MARGIN: 0px 0px -2px; }    
.recommend_cluster {HEIGHT: 126px; width: 230px;}
.recommend_cluster .video_highlight {MARGIN-TOP: 15px; FLOAT: left; MARGIN-LEFT: 18px; WIDTH: 85px; HEIGHT: 100px; margin-left: 8px;}
.recommend_cluster .video_fulltime {MARGIN-TOP: 15px; FLOAT: left; MARGIN-LEFT: 18px; WIDTH: 85px; HEIGHT: 100px;}
.recommend_cluster H3 { FONT-SIZE: 8pt; COLOR: #999; LINE-HEIGHT: 15px;}
.video_img {FLOAT: left; POSITION: relative; }
.recommend_cluster .thumb_img {BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; WIDTH: 85px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 63px;}
.recommend_cluster .highquality {RIGHT: 2px; POSITION: absolute; TOP: 3px;}
.recommend_cluster .site_logo { RIGHT: 2px; POSITION: absolute; TOP: 66px;}

.line { position:relative; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:5px 0 1px 1px; text-align:left;}
.line img.corner{ position:absolute; top:-1px; left:-1px;} 
.line li {padding:5px 10px 10px 10px; margin:0; color:#787878; max-height:48px; overflow:hidden;}
.line.open li{ overflow:visible; max-height:1000px;}
.line.open li.tpl{ height:215px; display:block;}
.line.open li.tpl textarea{ height:145px;}
.line li .label{ font-weight:bold; color:#000; margin:0 0 5px 0;}
 li .btn { display:block; margin:5px 0; text-align:right; width:100%; }
	
/* pages

.w460{ position:relative; }
#page_information { background:url(/img/common/bg_dotline.gif) repeat-x top; line-height:16px; }
#page_information li { background:url(/img/common/bg_dotline.gif) repeat-x bottom; padding:6px 8px 8px 8px; width:444px; min-height:16px; _height:16px;}
#page_information span {display:inline-block; color:#999;}
#page_information span#tag a, ul#page_information span#tag a:hover {color:#787878; text-decoration:none; cursor:text;}
#page_information span img { vertical-align:middle;}
#page_information span.label{ width:80px; font-weight:bold; color:#000;}
#page_information span#description{ margin:5px 0 0 0; height:65px; overflow:hidden; width:444px; }

#page_information.open span#description{ overflow:visible;height:auto; min-height:65px; margin:5px 0 0 0;}
#page_information span#tag{ margin:5px 0 0 0; overflow:hidden; max-height:16px; width:444px; }
#page_information.open span#tag{ overflow:visible; height:auto; max-height: none; margin:5px 0 0 0;}

#page_information li span.edit{ display:none; width:auto; z-index:100;}
#page_information li.hover span.edit{ display:inline-block;}
	
.w315 .photo { border:1px solid #e5e5e5; width:313px; height:235px; background:none; padding:0; margin:0; }
#thumb_photo {width:320px; padding:5px 0 0 0; background:none; margin:0 0 0 -5px;}
#thumb_photo img{ margin:0 0 0 5px; border:1px solid #ddd; padding:1px; width:55px; height:41px; }

 li select{ width:150px; margin:0 5px 0 0;}

#playlist, #detail{position:relative;}
----------------------------------------------------*/

/* photo

#photo_list { position:relative; height:97px;}
#photo_list img.left { position:absolute; left:0; top:0;}
#photo_list img.right { position:absolute; right:0; top:0;}
#photo_list div{ position:absolute; top:0; left:0; padding:10px 0; margin:0 35px; width:910px; height:75px; overflow:hidden;  border-top:1px solid #e4e4e4; border-bottom:1px solid #b7b7b7; }
#photo_list ul { text-align:left; height:75px; width:10000px;}
#photo_list ul li{ FLOAT:left; padding:0 7px; }
#photo_list ul img{ height:73px; width:97px; border:1px solid #ccc; vertical-align:middle;}

#photo_container {}	
.photo_description { position: absolute; width:327px; left:1px; top:1px;}
.photo_description h4 {padding:15px 20px 0 20px; height:auto; }	
.photo_description p{padding:10px 20px 15px 20px;}
.photo_description span.label{ display:block; margin:0 0 5px 0; font-weight:bold; color:#000;}
.photo_description p.stats{ padding:0 10px 0 20px;}
.photo_description p.stats a{ font-weight:bold;}
.photo_description p.stats img{ margin:10px 3px 10px 0;}
.big_photo {position:relative; top:0; border:0; width:650px; min-height:100px; background:#000; text-align:center; padding:20px 0; margin:-4px 0 0 328px;}
.big_photo img{ border:1px solid #777;}
#photo_container .btn a{ display:inline-block; background:url(/img/icon/icon_changephoto.gif) 0 5px no-repeat; padding:5px 0 0 24px; color:#999; }
#photo_container .btn a:hover{background:url(/img/icon/icon_changephoto_hover.gif) 0 5px no-repeat; padding:5px 0 0 24px; color:#999; }
	
.x-hidden, .x-hide-offsets { position:absolute;left:-10000px; top:-10000px; visibility:hidden;}	
----------------------------------------------------*/
	
	/* 검색결과 페이지
	----------------------------------------------------*/
	#contents_sorting{ margin:0 0 5px 0;}
	#contents_filtering ul li.closed { height:30px;}
	#contents_filtering li.closed a.filter{background:url(/img/common/bg_filter_option.gif) 0 -30px no-repeat;}	
	#contents_filtering li a.filter{display:block; width:188px; line-height:30px; padding:0 0 0 10px;  background:url(/img/common/bg_filter_option.gif) 0 0 no-repeat; font-weight:bold;
	margin:0 -1px; /* Only IE6 */	margin /**/:-1px 0 0 -1px; /* IE7, FF */ }
	#contents_sorting a, #contents_filtering a{color:#787878;line-height:20px; padding:0 0 0 20px; display:block;}
	#contents_sorting a.selected , #contents_filtering a.selected {background:url(/img/common/bg_option_selected.gif) 8px 6px no-repeat #f2f2f2; color:#550099;}
	#contents_sorting a:hover, #contents_filtering a:hover{text-decoration:none; }
	.sort{ border-top:1px solid #e4e4e4; background:#f2f2f2; padding:5px 10px 7px 10px; margin:0 0 10px 0; font-size:11px;}
	.sort .selected { font-weight:bold; color:#000;}
	#search_result h3 {}
	#search_result h3 span{color:#999;}
	#search_result .list1, #search_result .list2, #search_result .list3, #search_result .list4{padding:0 0 15px 0; border-bottom:1px solid #ccc; }
	#search_result .list2 dl, #search_result .list3 dl,#search_result .list4 dl{ margin:0 0 20px 0; }
	#search_result .list{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1px 0 5px 0  ; margin:0px 0 5px 0;}
	
	#search_result dt a:link {color:#0066cc; text-decoration:underline;}
	
	/* 프로필
	----------------------------------------------------*/
	.profile_menu { height:30px; overflow:hidden; margin:0 0 20px -5px; position:relative;}
	.profile_menu a{display:inline-block; width:148px; height:30px; background:url(/img/common/bg_profilemenu.gif) 0 -30px no-repeat; color:#787878;text-align:center; margin:0 0 0 5px;}
	.profile_menu a:hover{ color:#000; text-decoration:none; }
	.profile_menu a.selected{ background-position:0 0; color:#fff; }
	.profile_menu a:hover.selected, .profile_menu a:hover.selected{ color:#fff; }
	
	#profile_contents .list2 dd .description { width:653px; overflow:hidden;}

/* comment 
----------------------------------------------------*/
#comment { position:relative; padding:0; margin:0; border:0;/* IE6 Hack*/ zoom:1; text-align:left;}
#dynamic_comment {position:relative; text-align:left; margin:5px 0 0 0; padding:0; border:0; width:100%; top:0px; overflow:hidden;}
#dynamic_comment .Write{ padding:0 60px 0 0; text-align:right;}
#dynamic_comment .Write form {position:relative; height:50px; margin:0 4px 5px 0; padding:0; vertical-align:top;}
#dynamic_comment .Write img{POSITION:absolute; top:0px; left:0;}
#dynamic_comment .comment_query {POSITION:relative;/* For FF */ *POSITION:absolute; /* IE brothers */
top:0px; left:0; margin:0 0 0 4px; height:48px; border-top:1px solid #e4e4e4; border-left:0; border-right:0; border-bottom:1px solid #b7b7b7; width:100%; padding:0; }
#dynamic_comment .comment_button {POSITION:absolute; TOP:0px; right:-64px; BACKGROUND: url(/img/btn/btn_comment_submit.gif) no-repeat; border:0px; COLOR: #000000; HEIGHT: 50px; WIDTH: 60px; padding:0px; margin:0; CURSOR: pointer; }

#dynamic_comment ol li { position:relative; border-bottom:1px solid #eee; padding:5px 0; display:block; min-height:48px; _height:48px;}
#dynamic_comment ol li .edit, #dynamic_comment ol li dd.reply { position:relative; padding:0; height:40px; margin:0; min-height:35px;}
#dynamic_comment ol li .edit form {position:relative; height:35px; margin:0 55px 0 0;}
#dynamic_comment ol li dd.reply form {position:relative; height:40px; margin:0 55px 0 0;}
#dynamic_comment ol li .comment_query { POSITION:relative;/* For FF */ *POSITION:absolute; /* IE brothers */
 top:5px; left:0; margin:0; height:33px; border:1px solid #e4e4e4; border-right:0; border-bottom:1px solid #b7b7b7; width:100%; padding:0; }
#dynamic_comment ol li .comment_button {POSITION:absolute; top:5px; right:-55px; margin:0; BACKGROUND: url(/img/btn/btn_edit_comment_submit.gif) no-repeat; border:0px; COLOR: #000000; HEIGHT:35px; WIDTH:55px; padding:0px; CURSOR: pointer; }
#dynamic_comment ol li .reply img{POSITION: absolute; left:-45px; border:1px solid #cdcdcd; padding:1px; margin:0; width:31px; height:31px;}
#dynamic_comment ol li dl { padding:0 0 0 60px; min-height:50px; _height:50px;}
#dynamic_comment ol li dl dd { padding:0px 0 5px 0;}
#dynamic_comment ol li dl dd.img {position:absolute; left:0px; top:0;width:60px; height:60px; padding:0;}
#dynamic_comment ol li dl dd.img img{ border:1px solid #cdcdcd; padding:1px; width:46px; height:46px;}
#dynamic_comment ol li dl dd.btn { position:absolute; top:0px; right:0; margin:0; height:13px;  text-align:right;}
#dynamic_comment ol li ul {margin:0 0 -8px 60px;}
#dynamic_comment ol li ul li{ position:relative; border-bottom:0; padding:0  ; margin:0; min-height:48px; _height:48px;}
#dynamic_comment ol li ul li dl { padding:0 0 0 45px; min-height:45px; _height:45px; background:#f2f2f2; border-bottom:1px solid #ededed; margin:0 0 2px 0;}
#dynamic_comment ol li ul li dt { padding:5px 0 0 0;}
#dynamic_comment ol li ul li dd { padding:0 0 5px 0; margin:0 10px 0 0; }
#dynamic_comment ol li ul li dl dd.img { position:absolute; left:5px; top:5px; width:40px; height:40px; padding:0;}
#dynamic_comment ol li ul li dl dd.img img{border:1px solid #cdcdcd; padding:1px; width:31px; height:31px;}	

#dynamic_comment  a.id{ color:#000; text-decoration:none; font:bold 10px/14px Verdana;}
#dynamic_comment .date { color:#999; position:relative; font:10px/14px tahoma;}	
#dynamic_comment .btn .Delete {background:url(/img/btn/btn_delete13.gif) no-repeat; border:0px; width:48px; height:14px; margin:0 0 0 0; cursor:pointer;}
#dynamic_comment ol li.activity {min-height:24px; _height:24px;}
#dynamic_comment ol li.activity ul { padding:0 0 15px 0;}
#dynamic_comment ol li.activity ul li{ padding:0; margin:0 0 2px 0;min-height:45px; _height:45px;}
#dynamic_comment ol li dl.activity { position:relative; height:inherit; padding:0 0 0 60px; min-height:24px; _height:24px;}
#dynamic_comment ol li dl.activity.hover{ border:0; }
#dynamic_comment ol li dl.hover dd.edit { position:absolute; top:2px; width:60px; height:16px;}

dl.activity dt { position:absolute; left:60px; top:1px; margin:0; text-align:right;}
dl.activity dd p { font-size:11px; margin:0 0 0 24px; padding:3px 0;}
dl.activity dd span{font:10px/16px tahoma; color:#999;}
dl.activity dd a{color:#7799cc; text-decoration:none; font-weight:lighter; }

/* dropdown popup - 지역/언어/공개여부설정
----------------------------------------------------*/
.dropdown {display:inline-block; width:12px; height:11px; background:url(/img/icon/icon_dropdown.gif) 0 0 no-repeat; margin:0 0 -2px 0;}
.dropdown.open{background-position: -12px 0;}

.box_dropdown { display:none; POSITION:absolute; border:3px solid #eeeeee; background:#fff; WIDTH: 190px; TEXT-ALIGN: left; margin:11px 0 0 0;  font-weight:normal; Z-INDEX:1000; }
.box_dropdown p{margin:5px 10px; line-height:20px;}
.box_dropdown input{vertical-align: middle; margin:0 0 3px 0;}
.box_dropdown .title {padding:2px 0px; margin:0 10px; BORDER-BOTTOM:#dddddd 1px dashed; HEIGHT: 24px; color:#000;}
.box_dropdown A { display:block; COLOR:#999; TEXT-DECORATION: none;}
.box_dropdown A:hover { color:#000; text-decoration:underline;}
.box_dropdown IMG{ vertical-align:text-bottom; margin:0 3px 0 0;}
.box_dropdown table { margin:5px 10px;}
.box_dropdown table img{ vertical-align:text-bottom; margin:0 0 2px 0;}
.box_dropdown .close {BACKGROUND:#eee; TEXT-ALIGN:right; width:100%; margin:0; padding:5px 0 2px 0;}

.open .box_dropdown, .box_dropdown.open{ display:inline-block;}

#branding #box_location, #branding #box_language {POSITION:absolute; right:60px; TOP:15px;}
#branding_front #box_location, #branding_front #box_language {POSITION:absolute; right:0; TOP:21px;}
#safe.box_dropdown{ position: absolute; left:425px; top: 52px; width: 320px;}
#safe_search_off_desc{ padding:15px; margin:0 0 -5px 0; letter-spacing:-1px; color:#787878;}

/* cluster
----------------------------------------------------*/
#cluster { margin:0 1px; padding:4px 0;}
#cluster tr.selected{ background:#eef2ff;}
#cluster td {height:21px; color:#999; vertical-align:top;}
#cluster td.cluster_timeline { width:104PX; }
#cluster td.site_small_logo { width:20px; padding:0 7px 0 10px; height:10px; vertical-align:middle;}
#cluster td.site_small_logo img{vertical-align:middle;}
#cluster td.video_info { width:75px; padding:0 2px 0 0; }
#cluster td a { color:#000; display:block; overflow:hidden; height:19px; position:relative;}
#cluster td a img{ vertical-align: baseline; margin:0 0 -3px 0;}
#player_container #cluster td a { width:275px;}
.list1 #cluster td a { width:323px;}
#cluster td.cluster_item  { width:80px; padding:0 10px 0 0; text-align:right; font-weight:bold;}
#cluster .title01{ color:#545454;}
#cluster .title02{ color:#387ec5;}
#cluster .title03{ color:#319f31;}
#cluster .title04{ color:#ff8800;}	

/* player
----------------------------------------------------*/
#playlist_container #player_container #player_videotitle {display:block;}
#playlist_container #player_container { padding:0; margin:0;}
#player_container  {POSITION:relative; text-align:left; background:url(/img/player/player_top_bg.gif) 0 0 no-repeat; padding:6px 0 0 0; border:0; width:650px; }

#player_container #player_videotitle { display:none; POSITION:relative; background:url(/img/player/player_top_bg.gif) 0 -6px no-repeat #000; COLOR: #999; TEXT-ALIGN:left; height:50px;}
#player_container #player_videotitle a.title{ display:block; text-decoration:none; color:#fff; height:25px; margin:0 0 10px 0; overflow:hidden; padding:5px 10px 0 10px;}
#player_container #player_videotitle .stats { position:absolute; left:10px; top:35px; display:block; width:294px; }
#player_container #player_videotitle .btn { position:absolute; right:10px; top:37px; width:330px; height:15px; vertical-align:top; margin:0; text-align:right;}

#player_container #player_videotitle main_video_link {MARGIN: 0px 10px 0px 0px; COLOR: #000000; LETTER-SPACING: -1px; TEXT-DECORATION: none}
#player_container #player_videotitle .video_point IMG { MARGIN: 5px 2px 0px 0px;}
#player_container #player_videotitle .video_hit { COLOR: #787878;}

#videoplayer_container{POSITION:relative; width:650px; text-align:center;}
#video_player {POSITION:relative; width:630px; height:440px; padding:10px 10px 34px 10px; background:#000; text-align:center;}

#video_player .video_player_deco {background:#000000; COLOR: #ffffff; }
	#video_player_placeholder { z-index:10; }
	#videoplayer {POSITION:relative;}
	.video_player_deco .loading { position:absolute; display:block; width:630PX; top:37%; left:0;}
	#videoplayer_iframe {POSITION: relative; margin:auto; z-index:10; BACKGROUND: #000000; vertical-align:middle; display: table-cell; text-align:center; }
	A.video_linksource {POSITION: absolute; top:460px; left:10px; font-size:11px; line-height:16px; z-index:1; padding:0 0 0 15px; background:url(/img/player/IconLink.gif) no-repeat 0 5px; COLOR: #787878; TEXT-DECORATION: none; }
	A.video_linksource:hover {background:url(/img/player/IconLinkover.gif) no-repeat 0 5px;  COLOR: #cdcdcd;}
    A.video_change {POSITION: absolute;  top:460px; right:10px; font-size:11px; line-height:16px; z-index:1; padding:0 18px 0 0; background:url(/img/icon/icon_change.gif) no-repeat right 1px; COLOR: #787878; TEXT-DECORATION: none; }
	A.video_change:hover {background:url(/img/icon/icon_change_hover.gif) no-repeat right 1px;  COLOR: #cdcdcd;}
   
   	p.cluster_detail { position:relative; background:url(/img/player/bg_cluster.gif) repeat-x; height:19px; padding:8px 10px 8px 160px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; font-family:tahoma;}
	p.cluster_detail a{ color:#7799cc;}
	p.cluster_detail .site_logo{ position:absolute; top:12px; left:11px; margin:0 8px 0 0;}
	p.cluster_detail span.cluster_timedata{position:absolute; top:10px; left:38px;}
	p.cluster_detail .overlapping{ position:absolute; top:12px; left:149px;}
	.feedback {position:absolute; top:0; right:0;}
	
	#timetrack { background: url(/img/cluster/playercluster_info_back.gif) 0 bottom no-repeat; height:263px;}
	#playlist_container #timetrack { background-position: -650px bottom;}
	#timetrack .result_cluster { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; height:259px;}
	#timetrack .result_cluster #cluster{ position:relative; height:245px; overflow-y:auto; overflow-x:hidden;}
	#timetrack .result_cluster #cluster{_width:646px;}

/* last_viewed 
----------------------------------------------------*/
#last_viewed, #contents_tags{ margin:15px 0 0 0;}
#last_viewed ul { color:#787878; width:166px; height:200px; overflow-y:auto; overflow-x:hidden; }
#last_viewed li{ padding:5px 5px 0 25px; width:136px;}
#last_viewed li.video { background:url(/img/icon/icon_video_12.gif) 8px 6px no-repeat; }
#last_viewed li.playlist { background:url(/img/icon/icon_playlist_12.gif) 8px 6px no-repeat; }
#last_viewed li.page { background:url(/img/icon/icon_page_12.gif) 8px 6px no-repeat; }
#last_viewed a{color:#7799cc; text-decoration:underline; line-height:13px;}	
	
/*  pagination
--------------------------------*/
.pagination { text-align:center; margin:20px 0;}
.pagination li {DISPLAY:inline; margin:0 4px; border:0;}
.pagination a {COLOR:#999; TEXT-DECORATION: none}
.pagination a img { vertical-align:middle; margin:0 10px 2px 10px;}
.pagination .selected_page a {FONT-WEIGHT: bold; FONT-SIZE:11px; COLOR:#550099; TEXT-DECORATION: none}

/* site_info
--------------------------------*/ 
#site_info { margin:20px 0 0 0; border-top:1px solid #e6e6e6; color:#999; padding:0;font:10px/25px verdana; }
#site_info p{text-align:center; }
#site_info .link{ background:#f5f5f5; height:30px; color:#cdcdcd;}
#site_info a{ font-weight:lighter; margin:0 7px; color:#787878;}
#site_info a:hover  {COLOR: #550099; text-decoration:underline;}
#site_info #search_container {position:relative; top:6px; left:320px; padding:0; height:37px; width:331px;}	

.empty_list, td.empty_list { text-align:center; padding:30px 0 30px 0;}

			.setting {padding:5px 7px 30px 7px; width:751px;}
			#userpic {float:left; width:281px;}
			#aboutme {float:right; width:430px;}
			.setting .Label {width:150px; display:inline-block; text-align:right;}
			.setting .TextField {width:430px; height:65px; vertical-align:middle; }
			.setting span a{color:#444499; text-decoration:underline;}
			.setting .btn_basic{ position:relative; margin:0px 0 0 690px;}
			
		.form {width:255px;  border-left:1px solid #e5e5e5; padding:24px 24px 20px 24px; margin:0 1px -9px 0; } 
		#Register_to{width:255px;}
		.w650.form  { width:595px; padding:24px 24px 20px 24px; margin:0 1px -9px 0; z-index:1;}
		.form form {background:#f2f2f2; margin:10px -24px 15px -24px; padding:14px 24px 24px 24px;}		
		.form form .FormRow { margin:10px 0;}
		.form form .Label_b {display:block;}
		.form.w650 form .Label_b {display:inline-block; width:140px; text-align:right; padding:0 10px 0 0;}
		.form a.Forgot{display:block; margin:0; text-decoration:underline; color:#545454; text-align:center;}
		.form .TextField250 { border:1px solid #cccccc; border-top: 1px solid #666666; border-left:1px solid #666666; width:250px; height:20px;  }
		.form .TextField100 { border:1px solid #cccccc; border-top: 1px solid #666666; border-left:1px solid #666666; width:118px; height:20px;  }
		.form button{ background:url(/img/btn/btn_bg.gif) #bbbbdd; border:1px solid #777799; padding:0 5px; height:26px; color:#fff;}
		.form.w650 button{ margin:10PX 0 0 155PX;}

/*w980
--------------------------------------*/
.box980 { background:url(/img/box/box980_top.gif) top; padding:0 0 0px 0;}
.box980 h5{ position:relative; height:35px; padding:0 0 0 10px; border-bottom:1px solid #c7c7c7;}
.box980 h5 span,.box980 .benefits span{color:#999;}
.box980 h5 a.expand, .box980 h5  a.collapse {margin:10px 0 0 0;} 

form.edit fieldset{ padding:20px 20px 30px 20px;border-bottom:1px solid #e5e5e5; text-align:left; }
form.edit fieldset { font-size:10px;}
form.edit fieldset table{ border-top:1px solid #e5e5e5; width:100%;}
form.edit fieldset th{ border-bottom:1px solid #e5e5e5; background:#f2f2f2; text-align:right; height:30px; padding:0 15px; width:300px; font-weight:bold;}
form.edit fieldset td{ border-bottom:1px solid #f0f0f0; height:30px; padding:0 15px;}
form.edit fieldset img, form.edit fieldset input { vertical-align:middle;}
form.edit fieldset td label{ margin:0 30px 0 0; }
.box980 .btn{ display:block; padding:10px; text-align:center;}
.box980 input.btn { margin:10px 0 0 345px; padding:0; text-align:left;}
.box980 .benefits {margin:25px;}
.box980 .benefits img{ margin:-7px 10px 0 0;}
.box980 .benefits a{ color:#8899bb;}
.box980 .inner { clear:both; background:url(/img/box/box980_bottom.gif) top left no-repeat; height:10px; margin:-1px 0 0 0 ; padding:0px; z-index:-21; }
.box980.error { text-align:center;}
.box980.error span {display:inline-block; margin:0 auto; padding:120px 0 120px 130px; text-align:left; width:inherit;}

samp {color:#666;}
.FieldError {color:#e73269;}
.Info { color:#8888aa; display:block; margin:0 0 5px 155px;}

#play_button {  MARGIN-TOP: -40px; Z-INDEX: 5; LEFT:10px; POSITION: absolute; TOP: 50%}
#outlink_desc { Z-INDEX: 10; LEFT: 50px; MARGIN: -15px 0px 0px 115px; COLOR: #ffffff; POSITION: absolute; TOP: 50%; TEXT-ALIGN: left;}
.video_img A {outline-style: none;}
.backboard {DISPLAY: none;}
.selected .backboard {DISPLAY: block;POSITION: absolute; top:11px; left:-6px; background:url(/img/cluster/selectedcluster.gif) top left no-repeat; width:90px; height:90px; }

div.growlUI h1, div.growlUI h2 {color: white; padding: 8px 5px 5px 70px; vertical-align:middle; text-align: left; background:url(/img/icon/icon_warning.png) 5px 5px no-repeat; min-height:46px;}
div.growlUI h1 a, div.growlUI h2 a{ color:#fff; text-decoration:underline; }

.ui-widget-overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; opacity:.20; filter:Alpha(Opacity=20);}
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick  { display: none;}
.ui-dialog {padding:3px; background:#fff; border:3px solid #999; }
.ui-dialog .ui-dialog-titlebar {background: #88b; color:#fff; font-weight:bold; padding: 0 0 0 10px; text-align:left; line-height:35px; height:35px;} 
.ui-dialog .ui-dialog-title {margin:0; text-align:left; padding:0; } 
.ui-dialog .ui-dialog-titlebar-close { position:absolute; right:13px; top:13px; width:9px; height:9px; margin:auto; padding: 0; }
.ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; }
.ui-dialog .ui-dialog-buttonpane {}
.ui-dialog .ui-dialog-buttonpane button { }
.ui-dialog .ui-resizable-se {}
.ui-draggable .ui-dialog-titlebar { cursor: move; }

a.signin_platformv{ display:block; position:absolute; left:680px; margin:10px 0 0 0; color:#000; background:url(/img/cin/btn_bg.gif) right 4px no-repeat; padding:0 15px 0 0;}
table.cin {margin:0px 35px;}
table.cin td{ vertical-align:top; border:15px solid #fff;}
table.cin td p{ border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4; padding:7px 10px 10px 10px; width:630px; background:#f5f5f5; min-height:40px;}
table.cin td.tit{ width:160px; padding:7px 10px 10px 10px; background: url(/img/cin/thbg.gif) bottom #a3cfe1;}
table.cin td.tit2{ width:160px; padding:7px 10px 10px 10px; background: url(/img/cin/thbg2.gif) bottom #7ab4cb;}
table.cin .box{ position:absolute; margin:-7px -10px 0 -10px;}

.tos ul, .tos ol { margin:0 0 15px 25px; }
.tos ul li{ padding:0 0 25px 0;}
.tos ol li{ MARGIN:0 0 25px 0;}
.tos ul li P, .tos ol li P{ padding:5px 0;}
.tos ul li ul li, .tos ul li ol li, .tos ol li ol li { margin:5px 0; padding:0;}
.tos ul li ul li ul { margin-bottom:10px;}
.li_number li {list-style:decimal;}
.li_alpha li {list-style: lower-alpha;}
.li_roman li {list-style:lower-roman;}
.li_dot li	{list-style: disc;}

/*
.popup p { margin:15px 0 0 0; color:#787878;}
.popup fieldset { margin:10px 0 5px 0;}
.popup p.info {text-align:left;background: url(/img/enswerme/BarDot01.gif) repeat-x bottom;padding:0 15px 15px 15px;  }
.popup .action{ margin:15px 3px; }
.popup label{ display:inline-block; width:100px; color:#000; font-weight:bold;  text-align:right;}
.popup label.goto {width:180px; }
.popup label.label_150 { width:150px}
.popup select, .popup input, .popup textarea{ margin:3px; vertical-align: middle; border:1px solid #cdcdcd; line-height:18px; padding:1px;}
.popup p a{ text-decoration:underline; color:#999; font-weight:bold;}
.popup p a.selected{ text-decoration:none; color:#444499; font-weight:bold;}
.popup label.goto{ float:right; color:#787878; margin:-33px 10px 0 0;}
p.btn { height:22px; border-top:1px solid #eeeeee; background:#f2f2f2; padding:3px 6px 6px 6px ; margin:15px 0 0 0;}
.btn_basic, .popup a.btn_basic { width:65px; height:22px; background:url(/img/btn/BtnBasicBg.gif); color:#545454; border:0; cursor:pointer;vertical-align:text-top; text-decoration:none; display:inline-block; }
*/
