@charset "utf-8";

@import "base.css";

/*************************************************************************************************************
 * Common style
*************************************************************************************************************/
.skipList, .hiddenPhrase { position:absolute; width:0; height:0; overflow:hidden; top:-10000px; visibility:hidden; }
.hidden { display:none; }
.urlInputBox { width:324px; height:auto; border:3px solid #bbb; padding:6px 5px; float:left; margin:0 5px 0 0;}
.submitBtn { width:110px; height:31px; float:left; text-indent:-9999px; cursor:pointer; overflow:hidden; padding:0 0 0 110px;
	background:url(http://cfs.tvpot.daum.net/img/durl/btns.gif) no-repeat;}
.insert .submitBtn { background-position:0 -31px; }
.insert .copyBtn { display:block; float:left; width:81px; height:31px; text-indent:0; overflow:hidden;
	background:url(http://cfs.tvpot.daum.net/img/durl/btns.gif) no-repeat 0 -62px; }
.insert .ieStyleBtn { text-indent:-9999px; }
.orginalURLBox { border:3px solid #bbb; width:384px; height:13px; padding:6px; float:left;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; overflow:hidden; }
.rows2 { height:30px; }
.rows3 { height:40px; }
.rows4 { height:50px; }
.rows5 { height:60px; }
.shortenedURLBOX { border:3px solid #6866ed; width:298px; height:13px; padding:6px; margin:0 5px 0 0; float:left;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#6866ed; overflow:hidden; }
.proceedBtn { display:block; float:left; width:81px; height:31px; text-indent:-9999px; overflow:hidden;
	background:url(http://cfs.tvpot.daum.net/img/durl/btns.gif) no-repeat 0 -93px; }


/*************************************************************************************************************
 * Top.htm style
*************************************************************************************************************/
.wrapper { width:455px; position:absolute; top:50%; left:50%; margin-top:-164px; margin-left:-228px;}		
.header strong { display:none; }
.contents { width:455px; }
.siteInfo { position:absolute; top:25px; right:25px;} 
.siteInfo dl { font:10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#bbb; float:left; padding:0 0 0 12px; }
.siteInfo dl.teamName { background:url(http://icon.daum-img.net/see/2008/common/line_10pt_cc.gif) no-repeat 100% 2px; padding:0 12px 0 0; }
.siteInfo dt, .siteInfo dd { display:inline; float:left; }
.siteInfo dd { font-weight:bold; padding:0 0 0 7px;  }
.siteInfo dd a { display:block; color:#bbb; text-decoration:none; border-bottom:1px dotted #bbb; }
.siteInfo dd a:hover { border-bottom:1px solid #bbb; }
.footer { position:relative; width:100%; height:125px; background:#f3f3f3; }
.footer div { position:absolute; left:50%; bottom:0; margin-left:-228px; top:32px; height:80px; }
.footer div fieldset { height:60px; overflow:hidden; }
.top .header { width:455px; height:148px; background:url(http://cfs.tvpot.daum.net/img/durl/logo_l2.gif) no-repeat 122px 0; }
.top .header a { width:212px; height:148px; margin:0 0 0 114px; display:block; overflow:hidden; text-indent:-9999px; }
.top label { display:none; }
.top .contents p { padding:10px 0 0; text-align:center; color:#3f48ca; }
.top .contents p span { font-size:9px; font-family:Arial, Helvetica, sans-serif; padding:0 5px; }

/*************************************************************************************************************
 * Insert.htm style
*************************************************************************************************************/
.insert .header { position:absolute; top:0; left:0; width:100%; height:70px; border-bottom:3px solid #6866ed;
	background:#fafafa url(http://cfs.tvpot.daum.net/img/durl/logo_s.gif) no-repeat 29px 14px; }
.insert .header a { width:60px; height:46px; margin:14px 0 0 30px; display:block; overflow:hidden; text-indent:-9999px; }
.insert .contents { width:500px; margin:0 auto;  padding:125px 0 34px 43px;}
.insert .contents dl { width:500px; margin:0 0 10px 0; overflow:hidden; } 
.insert .contents dt { width:103px; }
.insert .contents dt label { height:31px; }
.insert .contents dd { display:inline; float:left; width:510px; overflow:hidden; }
.insert .contents .orginal dt { width:101px; height:29px; overflow:hidden; text-indent:-9999px;
	background:url(http://cfs.tvpot.daum.net/img/durl/tit.gif) no-repeat; }
.insert .contents .short dt { width:101px; height:29px; overflow:hidden; text-indent:-9999px;
	background:url(http://cfs.tvpot.daum.net/img/durl/tit.gif) no-repeat 0 -31px; }
.insert .contents .title { margin-bottom:10px; } 
.insert .contents .title dt { width:101px; height:29px; overflow:hidden; text-indent:-9999px;
	background:url(http://cfs.tvpot.daum.net/img/durl/tit.gif) no-repeat 0 -62px; }
.insert .contents .title dd { padding:5px 0 0 0; font:12px "굴림", gulum, sans-serif; color:#333; line-height:15px; }
.insert .contents .snapshot dt {display:none; }
.insert .contents .snapshot dd { position:relative; border:1px solid #ddd; width:400px; height:300px; overflow:hidden; }
.insert .contents .snapshot #loadingBar { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; }
.insert .contents dd span { display:block; float:left; font:10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666; padding:18px 0 0 8px; }
.insert .contents dd span em { font-style:normal; font-weight:bold; }
.insert .footer label { margin:0 0 11px 0; font:bold 13px Arial, sans-serif; }
.insert .footer p { padding:5px 0 0; text-align:center; color:#3f48ca; position:absolute; width:455px; height:20px;}

/*************************************************************************************************************
 * View.htm style
*************************************************************************************************************/
.view .header { position:absolute; top:0; left:0; width:100%; height:70px; border-bottom:3px solid #6866ed;
	background:#fafafa url(http://cfs.tvpot.daum.net/img/durl/logo_s.gif) no-repeat 29px 14px; }
.view .header a { width:60px; height:46px; margin:14px 0 0 30px; display:block; overflow:hidden; text-indent:-9999px; }
.view .contents { width:100%; padding:70px 0; text-align:center;}
.view .contents h2 { width:100%; height:30px; background:#f1f1fd; border-bottom:1px solid #e1e0fb; text-align:center; padding:20px 0 0 0; }
.view .contents h2 a { font:12px "굴림", gulim, sans-serif; color:#5c5ddc; text-decoration:none; font-weight:bold; }
.view .snapshotWrap { width:400px; margin:0 auto; }
.view .snapshotWrap dl { margin:20px 0 10px 0; width:406px; position:relative; overflow:hidden; }
.view .snapshotWrap dt { display:none; }
.view .snapshotWrap dd { position:relative; border:3px solid #ddd; width:400px; height:300px; overflow:hidden; }
.view .snapshotWrap dd img { display:block; }
.view .snapshotWrap .viewCount { margin:0 0 20px 0; }
.view .snapshotWrap .viewCount dt { float:left; display:block; background:url(http://durl.me/images/tit_2.gif) no-repeat 0 50%; height:20px; overflow:hidden; text-indent:-9999px; width:71px; }
.view .snapshotWrap .viewCount dd { float:left; border:none; height:28px; width:160px; font:bold 11px/19px Tahoma, sans-serif; color:#6866ED; text-align:left; text-indent:5px; }
.view .snapshotWrap #loadingBar { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; }
.view .snapshotWrap a.proceedBtn { position:relative; left:162px; }

/*************************************************************************************************************
 * BookMarkletTop.htm style
*************************************************************************************************************/
.bookmarklet { border:2px solid #777; width:431px; height:535px; top:0; left:0; margin:0; overflow:hidden; }
.bookmarklet .urlInputBox { width:305px; border:1px solid #bfbfbf; padding:5px; }
.bookmarklet .header { position:relative; top:164px; left:157px; width:114px; height:74px; background:url(http://cfs.tvpot.daum.net/img/durl/pop_logo.gif) no-repeat;}
.bookmarklet .header a { margin:0; width:114px; height:74px; }
.bookmarklet .contents { position:relative; top:170px; left:15px; width:401px; padding:0; margin:0; }
.bookmarklet .submitBtn { width:78px; height:25px; padding:0 0 0 78px; background: url(http://cfs.tvpot.daum.net/img/durl/pop_btns.gif) no-repeat; }
.insert .bookmarklet .contents dl { width:402px; margin:0 0 21px 0; }
.insert .bookmarklet .contents dt { background:none; text-indent:0; font-weight:bold; font-size:10px; width:108px; height:19px; }
.bookmarklet .contents .orginal dt label { float:left; height:19px; }
.bookmarklet .contents .orginal dt span { float:left; }
.insert .bookmarklet .contents .short { margin-bottom:20px; }
.bookmarklet .contents .short dt label { height:19px; }
.insert .bookmarklet .contents .title { margin-bottom:7px; }
.bookmarklet .contents .title dd { padding-top:3px; }
.insert .bookmarklet .contents { top:43px; }
.bookmarklet .orginalURLBox { border:1px solid #bfbfbf; padding:5px 6px 5px 6px; }
.bookmarklet .shortenedURLBOX { border:1px solid #6866ED; padding:5px 6px 5px 6px; }
.bookmarklet .copyBtn { display:block; float:left; width:66px; height:25px; text-indent:0; overflow:hidden;
	background:url(http://cfs.tvpot.daum.net/img/durl/pop_btns.gif) no-repeat 0 -25px; }

/*************************************************************************************************************
 * /api/OpenAPI.htm style
*************************************************************************************************************/
.api .header { border-bottom:3px solid #6866ED; height:70px; left:0; position:absolute; top:0; width:100%; 
	background:#FAFAFA url(http://cfs.tvpot.daum.net/img/durl/logo_s.gif) no-repeat scroll 29px 14px; }
.api .header a { width:60px; height:46px; margin:14px 0 0 30px; display:block; overflow:hidden; text-indent:-9999px; }
.api .contents { width:846px; margin:0 auto;  padding:125px 0 34px 0; font-size:12px; }
.api .contents div { padding:0 0 15px 10px; }
.api .footer label { font-family:Arial,sans-serif; font-size:13px; font-weight:bold; margin:0 0 11px; }
.api h2 { line-height:28px; font-size:16px; background:#6866ED; color:#fff; line-height:28px; padding:2px 5px; margin:0 0 5px 0; }
.api h3 { line-height:26px; font-size:14px; margin:10px 0 0 0; }
.api h4 { line-height:24px; font-size:12px; margin:8px 0 0 0; padding:0 0 0 10px; }
.api h5 { line-height:22px; font-size:12px; padding:0 0 0 30px; font-weight:normal; text-decoration:underline; }
.api textarea { border:1px solid #bbb; padding:3px 0 3px 4px; font:12px "Courier New"; margin:3px 0 0 0; width:754px;}
.api .example textarea { margin:7px 0 10px 10px; width:800px; }
.api p { line-height:20px; }
.api .example p { margin:0 0 0 10px; }
.api p.level4 { padding:0 0 0 20px; }
.api p.level5 { padding:0 0 0 40px; }
.api ul li { list-style-type:disc; line-height:20px; }
.api ul li ul li { list-style-type:circle; }
.api ul.level4 { padding:0 0 0 25px; }
.api ul.level5 { padding:0 0 0 55px; }
.api .sampleCode li { list-style-type:none; line-height:24px; }
.api blockquote { border:1px dashed #6866ED; padding:7px; display:block; margin:7px 0 10px 10px; font-size:11px;
	background:#f5f9ff; line-height:20px; width:790px; }

/*************************************************************************************************************
 * /api/Plugin.htm style
*************************************************************************************************************/
.plugin .contents { padding-left:34px; padding-bottom:100px; }
.plugin .contents div { width:390px; margin:0 0 10px 10px; padding:0; float:left; display:inline; }
.plugin .contents div h4 { padding:0;  }
.plugin .contents div img { border:1px solid #6866ED; margin:5px 0 0 0; padding:5px; background:#F5F9FF;  }
.plugin ul { margin:0 0 0 10px;}
.plugin ul li { margin:10px 0 0 20px;}
.plugin p { line-height:20px; }
.plugin ol { list-style-type:decimal; padding:0 0 0 50px; }
.plugin ol li { list-style-type:decimal; line-height:20px; margin:5px 0 0 0;}
.plugin ol li img { display:block; margin:10px 0; border:1px solid #ddd; }
.plugin h3 { clear:both; margin:10px 0 0 0;}
.plugin h5 { margin:10px 0 0 0;} 
.plugin textarea { background:#F5F9FF; border:1px dashed #6866ED; padding:3px 0 3px 4px; font:12px "Courier New"; margin:7px 0 0 5px; height:288px; width:816px;}