@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
html,
body,
#textyleAdmin,
#container{ _height:100%;}
html{ background-color:#fff; color:#000;}
body{ margin:0; font-family:Tahoma, Sans-serif; background-image:url(../img/vrLnb.gif); background-repeat:repeat-y; background-position:169px top;}
img{ border:0;}
form{ margin:0; padding:0;}
form input, 
form textarea{ font-family:Tahoma, Sans-serif;}
fieldset{ border:0; margin:0; padding:0;}
legend{ position:absolute !important; width:0 !important; height:0 !important; overflow:hidden; left:-1000%; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
legend.visible{ position:static !important; width:auto !important; height:auto !important; overflow:visible; left:0; visibility:visible; line-height:1.2; z-index:1;}
label{ cursor:pointer; vertical-align:middle;}
.inputCheck,
.inputRadio{ width:13px; height:13px; margin:0 3px 0 0; vertical-align:middle;}
.buttonArea.aCenter{ text-align:center;}

a.skipToContent{ text-align:center; color:#fff; position:absolute; width:100%; font-size:12px;}
#textyleAdmin { position:relative;}
#textyleAdmin.hybrid #container{ width:100%; *zoom:1;}
#textyleAdmin.hybrid #container.ec #body{ clear:both; height:100%; padding-left:210px; padding-right:30px; z-index:2;}
#textyleAdmin.hybrid #container.ece #body{ clear:both; height:100%; padding-left:210px; padding-right:270px; z-index:2;}
#textyleAdmin.hybrid #container #body #content{ z-index:1; padding-bottom:150px;}
#textyleAdmin.hybrid #container #body .extension{ z-index:2;}
#textyleAdmin.hybrid #container.ec #body .extension.e1{ width:170px; margin-right:-170px; padding-bottom:150px; left:-210px;}
#textyleAdmin.hybrid #container.ece #body .extension.e1{ width:170px; margin-right:-170px; margin-bottom:150px; left:-210px;}
#textyleAdmin.hybrid #container.ece #body .extension.e2{ padding-top:80px; width:230px; margin-left:-230px; margin-bottom:150px; left:250px;}

/* LNB Toggle Layout */
.lnbClose{ background-image:url(../img/vrLnb.gif); background-repeat:repeat-y; background-position:51px top;}
.lnbClose #textyleAdmin.hybrid .ec#container #body{ padding-left:90px;}
.lnbClose #textyleAdmin.hybrid .ece#container #body{ padding-left:90px;}
.lnbClose #textyleAdmin.hybrid .ec#container #body .extension.e1{ width:52px; margin-right:-52px; left:-90px;}
.lnbClose #textyleAdmin.hybrid .ece#container #body .extension.e1{ width:52px; margin-right:-52px; left:-90px;}

/* Link */
.textyleAdmin #header a,
.textyleAdmin #footer a,
.textyleAdmin .extension a{ text-decoration:none;}
.textyleAdmin #header a:hover,
.textyleAdmin #footer a:hover,
.textyleAdmin .extension a:hover,
.textyleAdmin #header a:active,
.textyleAdmin #footer a:active,
.textyleAdmin .extension a:active,
.textyleAdmin #header a:focus,
.textyleAdmin #footer a:focus,
.textyleAdmin .extension a:focus{ text-decoration:underline;}

/* Partition */
.partitionContainer{ *zoom:1;}
.partitionContainer:after{ content:""; display:block; clear:both;}
.partitionContainer .partition{ width:49%;}
.partitionContainer .partitionLeft{ float:left;}
.partitionContainer .partitionRight{ float:right;}
.partitionContainer .quarter{ width:23.4%;}

/* Header */
#textyleAdmin #header{ width:100%; height:100px; *zoom:1; z-index:1; clear:both; background:url(../img/bgHeader.gif) repeat-x;}
#textyleAdmin #header:after{ content:""; display:block; clear:both;}
#textyleAdmin #header h1{ position:relative; float:left; margin:0; padding:0 10px 0 18px; background:#282e3f;}
#textyleAdmin #header .navigation{ position:static; left:-1px; float:left; clear:right; white-space:nowrap; font-size:11px; z-index:1; overflow:visible;}
#textyleAdmin #header .navigation .section{ position:static;}
#textyleAdmin #header .navigation ul{ padding-top:7px; *zoom:1;}
#textyleAdmin #header .navigation li{ float:none; display:inline; padding:0 5px 0 10px; background:url(../img/vrGnb.gif) no-repeat left center;}
#textyleAdmin #header .navigation li.first{ background:none;}
#textyleAdmin #header .navigation li a{ color:#d0d1d5;}
#textyleAdmin #header .navigation li.logout{ position:absolute; top:7px; right:30px; background:none;}
#textyleAdmin #header .navigation li.logout a{ padding-left:12px; color:#d0d1d5; white-space:nowrap; background:url(../img/buttonLogoutX.gif) no-repeat left center; text-decoration:none;}
#textyleAdmin #header .title{ position:relative; clear:both; padding:22px 30px 0 30px; *zoom:1; height:48px;}
#textyleAdmin #header .title:after{ content:""; display:block; clear:both;}
#textyleAdmin #header h2{ float:left; clear:left; margin:0 15px 0 0; line-height:1; font-size:24px;}
#textyleAdmin #header .buttonGray,
#textyleAdmin #header .buttonGray a{ background-image:url(../img/buttonHeader.gif) !important;}
#textyleAdmin #header .buttonGray{ background-position:left top !important; *top:-5px; float:left;}
#textyleAdmin #header .buttonGray a{ background-position:right top; padding-left:23px;}
#textyleAdmin #header .approach{ float:right;}
#textyleAdmin #header .buttonNewPost{ float:left;}
#textyleAdmin .headerShadow{ display:block; width:100%; height:5px; position:absolute; top:100px; background:transparent url(../img/hrHeader.gif) repeat-x 0 0; opacity:.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}

/* Footer */
#textyleAdmin #footer{ position:relative; bottom:0; height:79px; font-size:12px; background:#d8dadc; border-top:1px solid #d2d5d7; *zoom:1; display:none;}
#textyleAdmin #footer:after{ content:""; display:block; clear:both;}
#textyleAdmin #footer .navigation{ position:absolute; top:30px; left:30px;}
#textyleAdmin #footer .navigation ul{ float:left;}
#textyleAdmin #footer .navigation li{ padding:0 5px 0 10px; left:-1px; background:url(../img/vrFooter.gif) no-repeat left center;}
#textyleAdmin #footer .navigation li a{ color:#7c7d7d; text-decoration:underline;}
#textyleAdmin #footer address{ position:absolute; top:30px; right:30px;}
#textyleAdmin #footer address a{ display:block;}
#textyleAdmin #footer address img{ display:block;}

/* LNB Toggle */
#textyleAdmin .lnbToggle{ position:absolute; z-index:3; left:172px; top:355px; display:block; padding:0; width:14px; height:52px; margin-top:-26px; border:0; background-color:transparent; background-image:url(../img/buttonLnbToggle.gif); background-repeat:no-repeat; cursor:pointer; *zoom:1;}
#textyleAdmin .lnbToggle span{ position:absolute; font-size:0; line-height:0; z-index:-1; width:0; height:0; overflow:hidden; visibility:hidden;}
.lnbClose #textyleAdmin .lnbToggle{ left:54px; background-position:0 -52px;}

/* Extension */
#textyleAdmin #body .extension.e1{ font-size:12px;}
#textyleAdmin #body .extension.e1 h3{ display:none;}
#textyleAdmin #body .extension.e1 .section{ margin-right:1px;}

#textyleAdmin #body .extension.e1 ul{ margin:0; padding:0; list-style:none; background-color:#fff;}
#textyleAdmin #body .extension.e1 ul li ul{ position:relative; display:none; padding:5px 0; *zoom:1;}
#textyleAdmin #body .extension.e1 ul li.open ul,
#textyleAdmin #body .extension.e1 ul li.active ul{ display:block;}
#textyleAdmin #body .extension.e1 ul li.active ul{ background:#f8f8f8;}

#textyleAdmin #body .extension.e1 ul li{ position:relative; border-bottom:1px solid #d2d2d2; border-top:1px solid #f8f8f8; white-space:nowrap; background-image:url(../img/iconLnb.gif); background-repeat:no-repeat; background-position:24px 11px;}
#textyleAdmin #body .extension.e1 ul li.dashboard{ background-position:24px 11px;}
#textyleAdmin #body .extension.e1 ul li.post{ background-position:24px -41px;}
#textyleAdmin #body .extension.e1 ul li.comment{ background-position:24px -91px;}
#textyleAdmin #body .extension.e1 ul li.statistics{ background-position:24px -141px;}
#textyleAdmin #body .extension.e1 ul li.design{ background-position:24px -191px;}
#textyleAdmin #body .extension.e1 ul li.setup{ background-position:24px -241px;}
#textyleAdmin #body .extension.e1 ul li.active,
#textyleAdmin #body .extension.e1 ul li.hover{ background-color:#f8f8f8;}
#textyleAdmin #body .extension.e1 ul li li{ border:0; background:none !important; *zoom:1; position:relative;}

#textyleAdmin #body .extension.e1 ul li a{ padding:9px 0 10px 50px; height:15px; color:#5b5d60; font-weight:bold; position:relative; display:block; text-decoration:none; background-image:url(../img/iconLnbOpen.gif); background-repeat:no-repeat; background-position:145px 12px;}
#textyleAdmin #body .extension.e1 ul li a:hover,
#textyleAdmin #body .extension.e1 ul li a:active,
#textyleAdmin #body .extension.e1 ul li a:focus{ font-weight:bold;}
#textyleAdmin #body .extension.e1 ul li li a:hover,
#textyleAdmin #body .extension.e1 ul li li a:active,
#textyleAdmin #body .extension.e1 ul li li a:focus{ letter-spacing:-1px;}
#textyleAdmin #body .extension.e1 ul li.noChild a{ background-image:none; border-bottom:0 !important;}
#textyleAdmin #body .extension.e1 ul li.noChild.active a{ color:#ea3f22;}
#textyleAdmin #body .extension.e1 ul li.open a,
#textyleAdmin #body .extension.e1 ul li.active a{ border-bottom:1px solid #e2e2e2; color:#8b8f94; background-position:145px -35px;}
#textyleAdmin #body .extension.e1 ul li li a{ padding:3px 0 3px 50px; color:#8b8f94; font-weight:normal; background-image:none;}
#textyleAdmin #body .extension.e1 ul li.open li a,
#textyleAdmin #body .extension.e1 ul li.active li a{ border:0; color:#5b5d60;}
#textyleAdmin #body .extension.e1 ul li.active li.active a{ border:0; color:#ea3f22; font-weight:bold;}

.lnbClose #textyleAdmin #body .extension.e1 ul li ul{ display:none; position:absolute; top:34px; left:51px; border:1px solid #d2d2d2; min-width:119px; *width:119px;}
.lnbClose #textyleAdmin #body .extension.e1 ul li.active ul{ display:none;}
.lnbClose #textyleAdmin #body .extension.e1 ul li.hover ul{ display:block;}
.lnbClose #textyleAdmin #body .extension.e1 ul li a{ width:0; border:0; *padding-top:8px; *padding-bottom:9px; _padding-bottom:8px;}
.lnbClose #textyleAdmin #body .extension.e1 ul li a span{ visibility:hidden; height:15px; position:absolute; top:-2px; left:51px; min-width:100px; *width:100px; cursor:pointer; border:1px solid #d2d2d2; padding:11px 0 9px 19px; background:#f8f8f8;}
.lnbClose #textyleAdmin #body .extension.e1 ul li.hover a span{ visibility:visible;}
.lnbClose #textyleAdmin #body .extension.e1 ul li li a{ width:auto; height:auto; overflow:visible; padding-left:19px; margin:0;}

/* Go To Help */
.goToHelp{ margin:0 0 15px 0; padding:10px 0 10px 24px; overflow:hidden; color:#ddd; border-bottom:1px solid;}
.goToHelp a{ color:#767676;}
.lnbClose .goToHelp{ display:none;}

/* Language */
.extension.e1 .language{ position:relative; width:140px; margin:0 auto; text-align:right;}
.lnbClose .extension.e1 .language{ display:none;}
.extension.e1 .language button{ cursor:pointer; padding:0; overflow:visible; background:none; border:0; font-size:11px; font-family:Dotum; white-space:nowrap;}
.extension.e1 .language .selected{ color:#767676; height:16px; *height:18px;}
.extension.e1 .language ul{ position:absolute; right:0; top:20px; margin:0; padding:10px !important; list-style:none; background:#fff; border:1px solid #ddd;}
.extension.e1 .language ul li{ background:none !important; border:0 !important;}
.extension.e1 .language ul li button{ color:#666;}
.extension.e1 .language ul.hide{ display:none; }

/* Dashboard Header */
.dashboardHeader{ position:relative; padding:29px 0 23px 0; border-bottom:2px solid #cbd4df; background:url(../img/iconH3dashboard.gif) no-repeat left center;}
.dashboardHeader .h3{ font-size:18px; text-indent:50px; margin:0;}

/* Dashboard Notice */
.dashboardNotice{ padding:10px 0 0 0;}
.dashboardNotice .h4{ margin:0 0 12px 0; color:#ea3f22; font-size:11px;}
.dashboardNotice button{ position:absolute; top:10px; right:0; font-size:11px; color:#8b8b8b; padding:0 0 0 10px; text-align:right; border:0; background-color:transparent; background-image:url(../img/iconDashboardNoticeOpen.gif); background-repeat:no-repeat; background-position:left -25px; cursor:pointer; *zoom:1; overflow:visible;}
.dashboardNotice.open button{ background-position:left 5px;}
.dashboardNotice ul{ height:0; margin:0; padding:0; list-style:none; font-size:12px; line-height:1;}
.dashboardNotice.open ul{ height:auto; padding:10px 0 5px 9px; border-top:1px solid #ededed;}
.dashboardNotice li{ display:none; margin:0 0 7px 0; padding:0 0 0 13px; background:url(../img/iconDashboardSummary.gif) no-repeat left center;}
.dashboardNotice li.first{ position:absolute; top:11px; left:90px; display:block; background:none; padding:0; margin:0;}
.dashboardNotice li.first .date{ display:none;}
.dashboardNotice.open li{ display:block;}
.dashboardNotice.open li.first{ position:static; margin:0 0 7px 0; padding:0 0 0 13px; background:url(../img/iconDashboardSummary.gif) no-repeat left center;}
.dashboardNotice li a{ text-decoration:none; color:#555; margin-right:15px;}
.dashboardNotice li a:hover,
.dashboardNotice li a:active,
.dashboardNotice li a:focus{ text-decoration:underline;}
.dashboardNotice li .date{ color:#8b8b8b; font-size:11px;}
.dashboardNotice.open li.first .date{ display:inline;}

/* Dashboard Statistic */
.dashboardStatistic{ position:relative; width:100%; height:183px; _height:189px; *zoom:1; margin-bottom:30px;}
.dashboardStatistic .statistic{ position:relative; height:138px; padding:20px 20px 25px 20px; background:url(../img/bgDashboardStatistic.gif) repeat-x left top; font-size:12px; line-height:1;}
.dashboardStatistic .statistic:after{ content:""; display:block; clear:both;}
.dashboardStatistic .outline{position:absolute; overflow:hidden; font-size:0; line-height:0; background-image:url(../img/bgDashboardStatistic.gif);}
.dashboardStatistic .outline.ml{ top:0; left:-2px; width:4px; height:100%; background-position:left -300px; background-repeat:no-repeat;}
.dashboardStatistic .outline.mr{ top:0; right:-2px; width:4px; height:100%; background-position:right -300px; background-repeat:no-repeat;}
.dashboardStatistic .outline.tc{ top:0; left:0; width:100%; height:3px; background-position:left -600px; background-repeat:repeat-x;}
.dashboardStatistic .outline.bc{ bottom:0; left:0; width:100%; height:5px; background-position:left bottom; background-repeat:repeat-x;}
.dashboardStatistic .outline.tl{ top:0; left:-2px; width:4px; height:3px; background-position:left -603px; background-repeat:no-repeat;}
.dashboardStatistic .outline.tr{ top:0; right:-2px; width:4px; height:3px; background-position:right -603px; background-repeat:no-repeat;}
.dashboardStatistic .outline.bl{ bottom:0; left:-2px; width:4px; height:5px; background-position:left -606px; background-repeat:no-repeat;}
.dashboardStatistic .outline.br{ bottom:0; right:-2px; width:4px; height:5px; background-position:right -606px; background-repeat:no-repeat;}

.dashboardStatistic .statistic h4{ font-size:12px; height:22px; width:67%; margin:0 0 10px 0; background:url(../img/bgDashboardStatisticHeader.gif) repeat-x 0 -22px; text-align:center;}
.dashboardStatistic .statistic h4 span{ display:block; height:18px; padding-top:4px; margin:0 1px; color:#747482; background:url(../img/bgDashboardStatisticHeader.gif) repeat-x;}
.dashboardStatistic .statistic h4 em{ font-style:normal; font-size:9px; color:#b7b7c4; margin-left:5px;}

.dashboardStatistic dl{ position:relative; float:left; height:100px; width:23%; margin:0; background:url(../img/vrDashboardStatistic.gif) no-repeat left center;}
.dashboardStatistic dt { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.dashboardStatistic dd { position:absolute; margin:0; padding-top:40px; width:100%; text-align:center; background-image:url(../img/iconDashboardStatistic.gif); background-repeat:no-repeat; font-size:56px; font-weight:bold;}
.dashboardStatistic dd object,
.dashboardStatistic dd embed{ vertical-align:top;}
.dashboardStatistic dl.visit{ background:none;}
.dashboardStatistic dl.visit dd{ background-position:center 5px; color:#e3391d ;}
.dashboardStatistic dl.reply dd{ background-position:center -195px; color:#28313d;}
.dashboardStatistic dl.trackback dd{ background-position:center -395px; color:#4e4f54;}

.dashboardStatistic .summary{ float:right; width:30%; margin-top:-27px;}
.dashboardStatistic .summary caption{ position:relative; padding-bottom:20px; text-align:left; font-size:12px; line-height:1; font-weight:bold; color:#626972;}
.dashboardStatistic .summary table,
.dashboardStatistic .summary th,
.dashboardStatistic .summary td{ border-spacing:0; border:0; font-weight:normal;}
.dashboardStatistic .summary table{ width:100%; border-bottom:1px solid #e3e6e6;}
.dashboardStatistic .summary th,
.dashboardStatistic .summary td{ padding-top:6px; padding-bottom:6px; border-top:1px solid #e3e6e6; vertical-align:top;}
.dashboardStatistic .summary th{ padding-left:18px; padding-right:12px; white-space:nowrap; color:#8b8b8b; background:url(../img/iconDashboardSummary.gif) no-repeat 2px 9px;}
.dashboardStatistic .summary td{ color:#555;}
.dashboardStatistic .summary td strong{ font-size:11px; color:#ea3f22;}
.dashboardStatistic .summary td .description{ color:#8b8b8b;}
.dashboardStatistic .summary td .description strong{ color:#8b8b8b;}

/* Dashboard Wire */
.dashboardH4{ margin:0 0 7px 0; font-size:14px; color:#555;}
.dashboardH4 em{ font-size:11px; color:#b1b1b1; font-style:normal; margin-left:5px;}
.dashboardMoreTop{ position:absolute; top:4px; right:0; padding-left:7px; font-size:11px; display:block; white-space:nowrap; color:#8a919a; text-decoration:none; background:url(../img/iconMoreTop.gif) no-repeat left center;}

.dashboardWire{ position:relative; margin-bottom:40px; border-top:2px solid #cbd4df; border-left:1px solid #e3e5e7; border-right:1px solid #e3e5e7; border-bottom:1px solid #f1f1f1; background:#fff; *border-bottom:1px solid #d0d1d2; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#f1f1f1', positive='true');}
.dashboardWire:after{ content:""; display:block; height:1px; background:#d0d1d2; overflow:hidden;}
.dashboardWire .buttonArea{ padding:8px 14px; background:#fafafa; border-top:1px solid #e3e5e7; text-align:right; position:relative;}
.dashboardWire ul{ position:relative; list-style:none; margin:0; padding:0; font-size:12px; overflow:hidden;}
.dashboardWire li{ position:relative; top:-1px; border-top:1px solid #e3e5e7;}

.dashboardWire blockquote{ margin:0;}
.dashboardWire .noData{ color:#767676; padding:0 2em;}

.dashboardWire .legend{ position:absolute; top:15px; left:20px; margin:0; white-space:nowrap; font-size:12px;}
.dashboardWire .legend *{ display:inline;}
.dashboardWire .legend dt img{ border:1px solid;}
.dashboardWire .legend dt.past img{ border-color:#c3d1db;}
.dashboardWire .legend dt.today img{ border-color:#dc3835;}
.dashboardWire .legend dd{ font-size:11px; color:#b1b1b1; margin:0 5px 0 0;}

.dashboardWire .summary{ position:absolute; top:15px; right:20px; margin:0; white-space:nowrap; font-size:12px;}
.dashboardWire .summary *{ display:inline;}
.dashboardWire .summary dt{ margin-left:10px; color:#555;}
.dashboardWire .summary dd{ margin:0; font-size:11px; font-weight:bold; color:#ea3f22;}

.dashboardWire .graph{ position:relative; height:131px; padding-top:63px; margin:0 20px 26px 20px; background:url(../img/bgDashboardGraph.gif) repeat-x 0 63px;}
.dashboardWire .graph:after{ content:""; display:block; clear:both;}
.dashboardWire .graph dl{ position:relative; float:left; width:10%; height:100%; margin:0 2%; *margin:0 1.8%; _margin:0 2% 0 1.1%;}
.dashboardWire .graph dl dt{ position:absolute; width:100%; text-align:center; font-size:9px; bottom:-16px; color:#707070;}
.dashboardWire .graph dl dd{ position:absolute; bottom:6px; width:30%; margin:0; border:1px solid; font-size:0; line-height:0; overflow:hidden;}
.dashboardWire .graph dl dd.past{ left:0; border-color:#c3d1db; background:#d0dde5;}
.dashboardWire .graph dl dd.today{ right:0; border-color:#dc3835; background:#fe5656;}
.dashboardWire .graph dl dd span{ position:relative; width:0; height:0; font-size:0; line-height:0; overflow:hidden; z-index:-1; visibility:hidden;}
.dashboardWire .graph object,
.dashboardWire .graph embed{ margin-top:-20px;}

.dashboardWire a{ text-decoration:none; color:#648AB9;}
.dashboardWire a:hover,
.dashboardWire a:active,
.dashboardWire a:focus{ text-decoration:underline;}

/* Dashboard Last Post */
.dashboardWire .lastPost li{ position:relative; padding:14px 0 12px 15px; *word-break:break-all;}
.dashboardWire .lastPost li p{ margin:0; clear:both;}
.dashboardWire .lastPost li p.title{ margin:0 100px 6px 0;}
.dashboardWire .lastPost li p.state{ font-size:11px;}
.dashboardWire .lastPost li p a{ font-weight:bold;}
.dashboardWire .lastPost li .date{ position:absolute; top:15px; right:20px; color:#8b8b8b; font-size:11px; float:right;}
.dashboardWire .lastPost li .publishState{ margin-right:12px;}
.dashboardWire .lastPost li .publishState span{ _top:0;}
.dashboardWire .lastPost li .reply,
.dashboardWire .lastPost li .trackback{ position:relative; top:1px; color:#8b8b8b;}
.dashboardWire .lastPost li .reply{ margin-right:4px;}
.dashboardWire .lastPost li .trackback{ padding-left:8px; background:url(../img/vrFooter.gif) no-repeat left center;}

/* Dashboard Last Subject */
.dashboardWire .lastSubject li{ position:relative; padding:14px 100px 12px 15px; font-size:12px; *word-break:break-all;}
.dashboardWire .lastSubject li *{ font-size:12px; margin-top:0;}
.dashboardWire .lastSubject li .date{ position:absolute; top:15px; right:20px; color:#8b8b8b; font-size:11px; float:right;}
.dashboardWire .lastSubject img,
.dashboardWire .lastSubject object,
.dashboardWire .lastSubject embed{ max-width:100%; _width:100%;}

/* Dashboard Last Reply */
.dashboardWire .lastReply li{ position:relative; padding:14px 0 12px 15px; *zoom:1; *word-break:break-all;}
.dashboardWire .lastReply li:after{ content:""; display:block; clear:both;}
.dashboardWire .lastReply li .author{ float:left; border:1px solid #e1e1e1; margin-right:-41px; width:39px; height:39px;}
.dashboardWire .lastReply li p{ margin-left:54px; margin-top:0; color:#555;}
.dashboardWire .lastReply li p.title{ margin-right:15px; margin-bottom:9px;}
.dashboardWire .lastReply li p.content{ margin-right:15px; line-height:1.6;}
.dashboardWire .lastReply li p strong{ margin-right:5px;}
.dashboardWire .lastReply li p .delete{ border:0; width:15px; height:15px; vertical-align:middle; padding:0; overflow:visible; cursor:pointer; background:transparent url(../img/buttonListDataX.gif) no-repeat center;}
.dashboardWire .lastReply li p .delete span{ font-size:0; line-height:0; position:absolute; visibility:hidden;}

/* Content Header */
.contentHeader{ position:relative; height:28px; padding:29px 0 23px 0; background:url(../img/iconH3.gif) no-repeat left center;}
.contentHeader .h3{ font-size:18px; text-indent:50px; margin:0;}
.contentHeader.writingHeader{ background:url(../img/iconH3writing.gif) no-repeat left center;}
.contentHeader.postListHeader{ background:url(../img/iconH3postList.gif) no-repeat left center;}
.contentHeader.depositHeader{ background:url(../img/iconH3deposit.gif) no-repeat left center;}
.contentHeader.categoryHeader{ background:url(../img/iconH3category.gif) no-repeat left center;}
.contentHeader.replyHeader{ background:url(../img/iconH3reply.gif) no-repeat left center;}
.contentHeader.guestbookHeader{ background:url(../img/iconH3guestbook.gif) no-repeat left center;}
.contentHeader.trackbackHeader{ background:url(../img/iconH3trackback.gif) no-repeat left center;}
.contentHeader.spamHeader{ background:url(../img/iconH3spam.gif) no-repeat left center;}
.contentHeader.uvHeader{ background:url(../img/iconH3uv.gif) no-repeat left center;}
.contentHeader.refererHeader{ background:url(../img/iconH3referer.gif) no-repeat left center;}
.contentHeader.suporterHeader{ background:url(../img/iconH3suporter.gif) no-repeat left center;}
.contentHeader.popularHeader{ background:url(../img/iconH3popular.gif) no-repeat left center;}
.contentHeader.skinHeader{ background:url(../img/iconH3skin.gif) no-repeat left center;}
.contentHeader.editHeader{ background:url(../img/iconH3edit.gif) no-repeat left center;}
.contentHeader.profileHeader{ background:url(../img/iconH3profile.gif) no-repeat left center;}
.contentHeader.setupHeader{ background:url(../img/iconH3setup.gif) no-repeat left center;}
.contentHeader.writingSetupHeader{ background:url(../img/iconH3writingSetup.gif) no-repeat left center;}
.contentHeader.publishHeader{ background:url(../img/iconH3publish.gif) no-repeat left center;}
.contentHeader.pwHeader{ background:url(../img/iconH3pw.gif) no-repeat left center;}
.contentHeader.tagHeader{ background:url(../img/iconH3tag.gif) no-repeat left center;}
.contentHeader.wasteHeader{ background:url(../img/iconH3waste.gif) no-repeat left center;}
.contentHeader.dataHeader{ background:url(../img/iconH3data.gif) no-repeat left center;}
.contentHeader.addonHeader{ background:url(../img/iconH3addon.gif) no-repeat left center;}
.contentHeader.lineBottom{ border-bottom:1px solid #e3e5e7;}

/* Content Navigation */
.contentNavigation{ position:relative; *position:static; font-size:12px; background:#f9f9f9; border:1px solid #edeff1; border-bottom-color:#f7f7f7; z-index:10; *border-bottom-color:#e2e2e3; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#f7f7f7', positive='true');}
.contentNavigation:after{ content:""; display:block; clear:both; height:1px; background:#e2e2e3;}
.contentNavigation ul.sortDefault{ position:relative; float:left; overflow:hidden; list-style:none; margin:0 0 0 10px; padding:12px 0; white-space:nowrap; z-index:110;}
.contentNavigation ul.sortDefault li{ position:relative; left:-1px; display:inline; padding:0 8px 0 12px; background:url(../img/vrContentNavigation.gif) no-repeat left center;}
.contentNavigation ul.sortExtension{ position:relative; float:right; overflow:hidden; list-style:none; margin:0 10px 0 0; padding:12px 0; white-space:nowrap; z-index:110;}
.contentNavigation ul.sortExtension li{ position:relative; right:-1px; display:inline; padding:0 12px 0 8px; background:url(../img/vrContentNavigation.gif) no-repeat right center;}
.contentNavigation li a{ color:#8b8b8b; text-decoration:none;}
.contentNavigation li.active,
.contentNavigation li.active a{ font-weight:bold; color:#555566;}
.contentNavigation li a:hover,
.contentNavigation li a:active,
.contentNavigation li a:focus{ text-decoration:underline;} 
.contentNavigation ul.graphInfo{ position:relative; float:right; list-style:none; margin:0; padding:12px; white-space:nowrap;}
.contentNavigation ul.graphInfo li{ display:inline; color:#8b8b8b; font-size:11px;}
.contentNavigation ul.graphInfo li img{ vertical-align:middle;}
.contentNavigation ul.graphInfo li .today{ border:1px solid #dc3835;}
.contentNavigation ul.graphInfo li .yesterday{ border:1px solid #a9c9e1;}
.contentNavigation .cNavigation{ text-align:center; position:absolute; z-index:100; width:100%; *width:auto; *left:50%; *margin-left:-100px; padding:10px 0;}

/* List Header */
.listHeader{ font-size:12px; *zoom:1; padding:10px 0;}
.listHeader:after{ content:""; display:block; clear:both;}
.listHeader .info{ float:left; margin:4px 0; color:#555;}
.listHeader .info strong{ color:#ea3f22;}
.listHeader .search{ float:right;}
.listHeader .search *{ vertical-align:middle;}
.listHeader .search select{ font-size:12px;}
.listHeader .search .inputText{ border:1px solid #c6c6c6; font-size:12px; padding:3px 4px; width:135px; height:15px; vertical-align:top;}
.listHeader .search .buttonGray.medium input{ _top:0;}
.listHeader .notUsed{ float:right; margin:4px 0; white-space:nowrap; color:#555;}
.listHeader .notUsed img{ vertical-align:middle;}

/* Content */
#content .listHeader fieldset{ position:relative; z-index:200;}

/* Table Data */
.tableData{ width:100%; border:0; border-top:2px solid #cbd4df; border-bottom:2px solid #cbd4df; font-size:12px; margin-bottom:20px;}
.tableData .inputCheck{ width:13px; height:13px; vertical-align:middle;}
.tableData tr.articles{ background:#f9f9f9;}
.tableData th,
.tableData td{ border:0; padding:8px 10px 7px 10px; vertical-align:top; white-space:nowrap; color:#555; text-align:left;}
.tableData td.title{ white-space:normal;}
.tableData td.tag{ white-space:normal;}
.tableData th{ text-align:left; white-space:nowrap;}
.tableData tbody th{ border-top:1px solid #e3e5e7;}
.tableData td{ border-top:1px solid #e3e5e7;}
.tableData tr.first th,
.tableData tr.first td{ border:0;}
.tableData tr.replies td{ border-top:0;}
.tableData .buttonTableData{ border:0; width:19px; height:19px; padding:0; background:transparent url(../img/buttonTableDataX.gif) no-repeat center center; cursor:pointer;}
.tableData .buttonTableData span{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.tableData a{ text-decoration:none; color:#648ab9;}
.tableData a:hover,
.tableData a:active,
.tableData a:focus{ text-decoration:underline;}
.tableData td.postTitle,
.tableData td.postTitle a{ color:#648ab9;}
.tableData a.postTitle{ color:#648ab9; font-weight:bold;}
.tableData .title{ width:100%;}
.tableData .half{ width:50%;}
.tableData .quarter{ width:25%;}
.tableData .noWrap{ white-space:nowrap;}
.tableData .reply{ font-style:normal; color:#ea3f22; font-size:11px;}
.tableData .small{ font-size:11px; color:#8b8b8b;}
.tableData .thumb img{ border:1px solid #afb7cc; width:39px; height:39px;}
.tableData .replyArea{ white-space:normal; color:#555; width:100%;}
.tableData .replyArea dl{ margin:0;}
.tableData tr.indent .replyArea dl,
.tableData tr.replies .replyArea dl{ padding-left:20px; background:url(../img/iconHierarchy.gif) no-repeat;}
.tableData .replyArea dt{ margin-bottom:10px;}
.tableData .replyArea dt strong,
.tableData .replyArea dt a{ margin-right:5px;}
.tableData .replyArea dt .yymmdd,
.tableData .replyArea dt .hhmm{ font-size:11px; color:#8b8b8b; margin-right:5px;}
.tableData .replyArea dd{ margin:0; line-height:1.5;}
.tableData .replyArea a{ text-decoration:none; color:#648ab9;}
.tableData .replyArea a:hover,
.tableData .replyArea a:active,
.tableData .replyArea a:focus{ text-decoration:underline;}
.tableData .email,
.tableData .ipAddress{ font-size:11px; color:#8b8b8b;}
.tableData .state{ font-size:11px; color:#ea3f22;}
.tableData .state em{ font-style:normal; color:#8b8b8b;}
.tableData .buttonArea{ white-space:normal;}
.tableData .buttonArea td{ border:0;}
.tableData .buttonArea .reAction{ float:left;}
.tableData .buttonArea .reAction .buttonGray a{ _top:-1px;}
.tableData .buttonArea .control{ float:right;}
.tableData .replyAction{ background:#f6f6f6;}
.tableData .replyAction .textarea{ position:relative;}
.tableData .replyAction .textarea .inputTextarea{ border:1px solid #c6c6c6; width:96% !important; padding:10px; margin-bottom:10px; font-size:12px; line-height:1.5;}
.tableData .replyAction .textarea .arrow{ position:absolute; top:15px; left:-6px; width:7px; height:6px; background:url(../img/arrowReplyBubble.gif) no-repeat;}
.tableData .replyButtonArea{ *zoom:1; width:96%; padding-bottom:10px;}
.tableData .replyButtonArea:after{ content:""; display:block; clear:both;}
.tableData .replyButtonArea .secret{ float:left; margin:0;}
.tableData .replyButtonArea .submit{ float:right; margin-right:-22px;}
.tableData .replyButtonArea .submit .buttonGray button{ top:0;}
.tableData .original{ color:#648ab9;}
.tableData .trackbackIn{ margin:0 0 5px 0; padding:0 0 0 16px; background:url(../img/iconTrackbackIn.gif) no-repeat left top;}
.tableData .trackbackIn a{ color:#648ab9; font-weight:bold;}
.tableData .trackbackOut{ margin:0 0 5px 0; padding:0 0 0 16px; background:url(../img/iconTrackbackOut.gif) no-repeat left top;}
.tableData .trackbackOut a{ color:#648ab9; font-weight:bold;}
.tableData .trackbackAddress{ margin:0 0 5px 0;}
.tableData .noData{ padding-top:50px; padding-bottom:50px; color:#333; font-weight:bold; font-size:14px; text-align:center;}
.tableData .noData p{ display:inline-block; *display:inline; background:url(../img/iconNoData.gif) no-repeat left center; padding:10px 30px;}
.tableData .noData p a{ color:#648AB9; text-decoration:underline;}
.tableData .top3{ background:#f7fafc;}
.tableData .rank{ font-weight:bold; font-size:18px; color:#333;}
.tableData .top3 .rank{ color:#f00;}
.tableData .uri{ overflow:hidden; white-space:nowrap;}
.tableData .uri a{ font-size:11px; color:#555;}
.tableData .graph{ width:260px; color:#555; font-size:11px; text-align:right; white-space:nowrap;}
.tableData .top3 .graph{ font-weight:bold;}
.tableData .fullBarReferer{ position:relative; display:inline-block; overflow:visible; width:200px; background:#f2f2f2; border:1px solid #dcdee0; height:5px; vertical-align:middle; margin-left:10px; font-size:0; line-height:0; text-align:left; *zoom:1;}
.tableData .fullBarReferer img{ position:relative; display:inline-block; height:5px; width:0; border:1px solid #dc3835; margin:-1px; *zoom:1;}
.tableData .fullBarDirect{ position:relative; display:inline-block; overflow:visible; width:200px; background:#f2f2f2; border:1px solid #dcdee0; height:5px; vertical-align:middle; margin-left:10px; font-size:0; line-height:0; text-align:left; *zoom:1;}
.tableData .fullBarDirect img{ position:relative; display:inline-block; height:5px; width:0; border:1px solid #3585dc; margin:-1px; *zoom:1;}
.tableData .top3 td.postTitle{ color:#648ab9; font-weight:bold;}
.tableData .sum{ color:#ea3f22;}
.tableData .top3 .sum{ font-weight:bold;}
.tableData .user{ white-space:nowrap;}
.tableData .user a{ color:#648ab9;}
.tableData .top3 .user a{ font-weight:bold;}
.tableData .user .thumb{ border:1px solid #afb7cc; vertical-align:top; margin-right:10px; width:32px; height:32px;}
.tableData .buttonGray.small a{ _top:-1px;}
.tableData .wrap{ white-space:normal;}
.tableData .regDate{ color:#8b8b8b; font-size:11px;}
.tableData tr.articles dt,
.tableData tr.replies dt{ font-weight:bold;}
.tableData .published{ opacity:.5; filter:alpha(opacity=50); *filter:none;}
.tableData .published a{ filter:alpha(opacity=50); *filter:none; color:#999 !important;}

/* Referer Domain */
.refererDomain{ font-size:12px;}
.refererDomain a{ margin:0 10px 0 0; color:#648AB9;}

/* Statistic Data */
.statisticData{ width:100%; border:0; border-top:2px solid #cbd4df; border-bottom:2px solid #cbd4df; font-size:12px; margin-bottom:20px;}
.statisticData.AM{ float:left; width:49%; }
.statisticData.PM{ float:right; width:49%; }
.statisticData .inputCheck{ width:13px; height:13px; vertical-align:middle;}
.statisticData th,
.statisticData td{ border:0; padding:8px 25px 6px 25px; vertical-align:top; white-space:nowrap; color:#555; text-align:left;}
.statisticData td.title{ white-space:normal;}
.statisticData td.tag{ white-space:normal;}
.statisticData th{ text-align:left;}
.statisticData tbody th,
.statisticData tbody td{ border-top:1px solid #e3e5e7;}
.statisticData tbody td{ font-size:11px;}
.statisticData tr.realTime td{ background:#f7fafc; font-weight:bold; color:#ea3f22;}
.statisticData .hm{ width:100%; text-align:left;}
.statisticData .uv{ text-align:center; font-weight:bold;}
.statisticData .pc{ text-align:right; font-weight:bold;}
.statisticData .percent{ font-weight:normal;}

/* noKeepingData */
.noKeepingData{ padding:50px 10px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.noKeepingData p{ display:inline-block; padding:10px 30px; font-size:14px; font-weight:bold; color:#333; *display:inline; *zoom:1; background:url(../img/iconNoData.gif) no-repeat left center;}

/* List Footer */
.listFooter{ font-size:12px; *zoom:1;}
.listFooter:after{ color:""; display:block; clear:both;}
.listFooter .change{ padding:6px 0 0 40px; float:left; background:url(../img/lineListFooterL.gif) no-repeat 20px top;}
.listFooter .change .p1{ display:inline; color:#8b8b8b; margin-right:5px; line-height:1; *float:left; *padding-top:8px;}
.listFooter .change .buttonGray.large{ _vertical-align:top !important;}
.listFooter .change .buttonGray.large button{ _font-size:12px; _height:27px; _line-height:28px;}
.listFooter .change .category_list{ height:300px; overflow:scroll; overflow-x:hidden;}
.listFooter .pagination{ float:right;}

/* Bookmarklet Install */
.bookmarkletInstall{ border-top:1px solid #e3e5e7; padding:20px 0 20px 30px; line-height:1.5; color:#555;}
.bookmarkletInstall h4{ margin:0 0 20px -15px; padding-left:15px; font-size:14px; color:#000; background:url(../img/iconH4.gif) no-repeat left center;}
.bookmarkletInstall dt{ font-weight:bold; color:#648ab9;}
.bookmarkletInstall dt a{ color:#648ab9; text-decoration:none;}
.bookmarkletInstall dt a:hover,
.bookmarkletInstall dt a:active,
.bookmarkletInstall dt a:focus{ text-decoration:underline;}
.bookmarkletInstall dd{ margin-left:15px;}
.bookmarkletInstall dd .description{}
.bookmarkletInstall dd .image{ margin-bottom:2em;}
.bookmarkletInstall em{ font-style:normal; color:#ff6600;}

/* Subject List */
.subjectList{ position:relative; margin-bottom:20px; border-top:2px solid #cbd4df; border-bottom:2px solid #cbd4df; overflow:hidden;}
.subjectList .item{ position:relative; padding:20px 0; border-top:1px solid #e3e5e7; top:-1px;}
.subjectList .item a{ color:#648AB9;}
.subjectList .item dl{ margin:0;}
.subjectList .item dt{ position:relative; margin:0; padding:0; font-size:11px; color:#bababa; *zoom:1;}
.subjectList .item dd{ margin:0; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:12px;}
.subjectList .item dd img,
.subjectList .item dd object,
.subjectList .item dd embed{ max-width:100%; _width:100%;}
.subjectList .item .goPost{ margin:0; text-align:right;}
.subjectList .item .materialCart{ position:absolute; top:15px; right:20px;}
.subjectList .item .buttonDeleteSubject{ position:absolute; width:19px; height:19px; top:15px; right:0; border:0; padding:0; cursor:pointer; background:transparent url(../img/buttonTableDataX.gif) no-repeat center center;}
.subjectList .item .buttonDeleteSubject span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

/* Bookmarklet */
.bookmarklet{ padding:20px 15px 15px 15px; border:1px solid #c2c4c6; background:#ebedee url(../img/bgBookmarklet.gif) repeat-x left bottom; font-size:12px;}
.bookmarklet h3{ font-size:12px; margin:0 0 6px 10px; color:#5c6379;}
.bookmarklet p{ margin:0 0 10px 10px; color:#9096a9; line-height:1.5;}
.bookmarklet .buttonBookmarklet { display:inline-block; width:198px; height:34px; padding-top:15px; text-align:center; background:url(../img/buttonBookmarkletInstall.gif) no-repeat right 0; font-size:12px; font-weight:bold; color:#fff; text-decoration:none !important;}
.bookmarklet .buttonBookmarklet img{ vertical-align:middle; margin:0 5px 0 0;}

/* Bookmarklet Help */
.bookmarkletHelp{ border:1px solid #efefef; background:#f9f9f9; font-size:12px;}
.bookmarkletHelp h3{ padding:10px 0 10px 20px; margin:0; font-size:12px; color:#868d95;}
.bookmarkletHelp ul{ margin:0; padding:15px 0 5px 0; border-top:1px solid #efefef; color:#868d95;}
.bookmarkletHelp li{ margin:0 20px; padding:0 0 0 20px; line-height:1.6; margin-bottom:10px; list-style:none;}
.bookmarkletHelp li.item1{ background:url(../img/bgBookmarkletOrder1.gif) no-repeat 0 4px;}
.bookmarkletHelp li.item2{ background:url(../img/bgBookmarkletOrder2.gif) no-repeat 0 4px;}
.bookmarkletHelp li.item3{ background:url(../img/bgBookmarkletOrder3.gif) no-repeat 0 4px;}
.bookmarkletHelp li.item4{ background:url(../img/bgBookmarkletOrder4.gif) no-repeat 0 4px;}

/* Writing Title */
.wTitle{ position:relative; height:58px; padding:15px 20px 0 20px; margin-bottom:15px; background:#eee; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.wTitle .title{ position:relative; border:1px solid #ddd; background:#fff url(../img/bgInputText.gif) no-repeat;}
.wTitle .elementContainer{ margin:0 20px;}
.wTitle .cap{ position:absolute; width:10px; height:105px; top:-1px; background:url(../img/bgPublishTitle.gif) no-repeat 0 0;}
.wTitle .capLeft{ left:0; background-position:left top;}
.wTitle .capRight{ right:0; background-position:right top}
.wTitle .inputTitle{ border:0; background:transparent; width:64%; height:35px; padding:8px 0 0 10px; color:#6e6e6e; font-size:24px; font-weight:bold;}

.wTitle .category{ padding:5px 0;}
.wTitle .category *{ vertical-align:top;}
.wTitle .category select{ font-size:12px; vertical-align:middle; height:23px;}
.wTitle .category .inputText{ border:1px solid #ccc; padding:3px 4px; height:15px; font-size:12px; width:140px;}
.wTitle .category .addCategoryToggle button{ padding:0 5px 0 3px;}
.wTitle .category .addCategory{ display:none;}
.wTitle .category .addCategory.open{ display:inline;}

/* Writing Publish */
.wTitle .wPublish{ position:absolute; top:3px; right:3px; text-align:right; z-index:1; background:#fff;}
.pTitle .wPublish{ position:absolute; top:9px; right:12px; text-align:right; z-index:1; background:#fff;}
.wOption .wPublish{ text-align:center; position:relative; z-index:1;}
.wPublish .publish,
.wPublish .publish button{ display:inline-block; height:58px; position:relative; background-image:url(../img/buttonPublish.gif); background-repeat:no-repeat; cursor:pointer;}
.wPublish .publish{ background-position:left top; padding:0; border:0; cursor:pointer; vertical-align:top; padding-left:7px;}
.wPublish .publish button{ left:7px; background-position:right top; padding:0 80px 0 73px; line-height:58px; font-size:16px; font-weight:bold; color:#fff; border:0; background-color:transparent;}
.wPublish .publish:hover,
.wPublish .publish:focus{ background-position:left -100px;}
.wPublish .publish:hover button,
.wPublish .publish:focus button{ background-position:right -100px;}
.wPublish .publish:active{ background-position:left -200px;}
.wPublish .publish:active button{ background-position:right -200px;}
.wPublish .booking button{ background-position:right -300px !important;}

/* Publish Title */
.pTitle{ position:relative; height:59px; padding:14px 20px 0 20px; margin-bottom:3em; background:#eee; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.pTitle .title{ position:relative; border:1px dotted #ddd; background:#fff;}
.pTitle .title h2{ margin:0; color:#6e6e6e; font-size:24px; padding:8px 0 0 10px; height:35px; background:#f8f8f8;}
.pTitle .elementContainer{ margin:0 20px;}
.pTitle .cap{ position:absolute; width:10px; height:75px; top:-1px; background:url(../img/bgPublishTitle.gif) no-repeat 0 0;}
.pTitle .capLeft{ left:0; background-position:left top;}
.pTitle .capRight{ right:0; background-position:right top}

/* Writing Option */
.wOption{ position:relative; *zoom:1; margin-bottom:40px;}
.wOption .optionTime{ position:relative; z-index:2;}
.wOption .cap{ position:absolute; width:10px; height:10px; background-image:url(../img/bgRouningFF.gif); background-repeat:no-repeat; font-size:0; line-height:0; overflow:hidden;}
.wOption .cap.capTL{ top:-1px; left:-1px; background-position:left top;}
.wOption .cap.capTR{ top:-1px; right:-1px; background-position:right top;}
.wOption .cap.capBL{ bottom:-1px; left:-1px; background-position:left bottom;}
.wOption .cap.capBR{ bottom:-1px; right:-1px; background-position:right bottom;}
.wOption select{ height:23px; font-size:12px; vertical-align:middle;}
.wOption .addCategoryToggle button,
.wOption .addTrackbackURL button{ padding:0 5px 0 3px !important; *padding:0 8px 0 6px !important;}
.wOption .buttonGray button img{ vertical-align:middle !important;}
.wOption .addCategory{ display:none;}
.wOption .addCategory.open{ display:inline;}
.wOption .addCategory .inputText{ width:140px; margin:-1px 0 0 0;}
.wOption .inputText{ border:1px solid #c6c6c6; height:17px; width:96%; padding:3px 5px 0 5px; font-size:12px; vertical-align:middle; color:#767676;}
.wOption .usedTag{ display:none; width:96%; list-style:none; margin:0; padding:0; background:#f8f8f8; border:1px solid #e9e9e9; line-height:1.6; padding:5px 10px; margin:5px 0; text-align:justify;}
.wOption .usedTag.open{ display:block;}
.wOption .usedTag li{ display:inline; margin-right:5px;}
.wOption .usedTag li button{ border:0; padding:0; cursor:pointer; background:none; overflow:visible; font-size:12px; white-space:nowrap; color:#648ab9;}
.wOption .usedTag li.more button{ color:#f60;}
.wOption .bookingLayer{ display:none; margin:0 10px 0 0;}
.wOption .bookingLayer.open{ display:inline;}
.wOption .calendar{ left:-25px; margin-right:-10px;}
.wOption .calendar .layerCalendar{ bottom:22px; left:-81px; *bottom:28px; *left:-82px;}
.wOption .inputText.yymmdd{ width:95px; vertical-align:middle; padding-left:5px;}
.wOption .inputText.hh{ width:25px; vertical-align:middle;}
.wOption .inputText.mm{ width:25px; vertical-align:middle;}
.wOption em{ font-style:normal; color:#ff6600;}
.wOption label{ margin-right:10px;}
.wOption p{ margin:0;}
.wOption .buttonGray.medium button{ _top:0;}
.wOption .trackbackOption{ position:relative;}
.wOption .trackbackOption *{ vertical-align:top;}
.wOption .trackbackOption .item{ display:inline;}
.wOption .trackbackLogs { list-style:none; padding:0; margin:10px 0 0 0; }
.wOption .trackbackURL,
.wOption #postURL{ width:60%;}
.wOption .tableData{ margin-bottom:30px;}
.wOption .tableData caption.check{ text-align:left; font-weight:bold; padding:10px 0 10px 15px; font-size:12px; color:#333; background:url(../img/iconAttention.gif) no-repeat left center;}
.wOption .tableData caption.check .domain{ font-weight:normal; color:#767676;}
.wOption .tableData th{ color:#767676;}
.wOption .optionMicroBlog p{ margin-bottom:5px;}
.wOption em{ font-weight:bold;}
.wOption .visualFieldset{ border:1px dotted #ccc !important; padding:20px; margin:0 0 30px 0; *zoom:1;}
.wOption .visualLabel{ position:static !important; left:auto; height:auto !important; width:auto !important; padding:0 10px; visibility:visible; z-index:1; font-size:32px; font-weight:bold; line-height:1; color:#ccc; background:#fff;}

/* Category */
.category{ *zoom:1;}
.category:after{ content:""; display:block; clear:both;}

.category .cStructure{ float:left; width:38%; border-top:2px solid #cbd4df; margin-bottom:50px;}
.category .cStructure .cAdd{ padding:10px 0 10px 20px; background:#fafafa; border:1px solid #e3e5e7; border-top:0;}
.category .cStructure .inputText{ color:#8b8b8b; border:1px solid #c6c6c6; padding:3px 4px; height:15px; vertical-align:top; width:120px; font-size:12px;}
.category .cStructure ul{ margin:0; padding:0; list-style:none; font-size:12px; *zoom:1;}
.category .cStructure li{ position:relative; border:1px solid #e3e5e7; padding-top:10px; text-indent:15px; cursor:move; margin:-1px 0; *zoom:1;}
.category .cStructure li.hover{ background:#f5f5f5 url(../img/iconMovable.gif) no-repeat 96% center;}
.category .cStructure li li{ border-bottom:0; border-left:0; border-right:0; text-indent:35px; background-image:url(../img/bgHierarchy.gif); background-repeat:no-repeat; background-position:25px center;}
.category .cStructure li .inputRadio{ margin-bottom:10px; vertical-align:top;}
.category .cStructure .buttonArea{ *zoom:1; padding:10px 0;}
.category .cStructure .buttonArea:after{ content:""; display:block; clear:both;}
.category .cStructure .buttonArea .aLeft{ float:left;}
.category .cStructure .buttonArea .aRight{ float:right;}
.category .cStructure .buttonArea .move{ vertical-align:top; width:20px; height:20px; padding:0; *margin-left:4px; border:0; cursor:pointer; background-color:transparent; background-image:url(../img/buttonCategoryMove.gif); background-repeat:no-repeat;}
.category .cStructure .buttonArea .move span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
.category .cStructure .buttonArea .move.downEnd{ background-position:0 0;}
.category .cStructure .buttonArea .move.down{ background-position:0 -20px;}
.category .cStructure .buttonArea .move.up{ background-position:0 -40px;}
.category .cStructure .buttonArea .move.upEnd{ background-position:0 -60px;}

.category .cSetup{ float:right; width:60%; border-top:2px solid #cbd4df; margin-bottom:50px;}
.category .cSetup .h4{ margin:0; font-size:14px; color:#626972; padding:25px 0 15px 20px; background:url(../img/iconH4.gif) no-repeat 0 30px;}
.category .cSetup table{ border:1px solid #edeff1; background:#f9f9f9; width:100%;}
.category .cSetup th,
.category .cSetup td{ vertical-align:top; border:0;}
.category .cSetup th{ color:#868d95; text-align:left; font-size:12px; padding:3px 0 0 0; white-space:nowrap;}
.category .cSetup td{ color:#8b8b8b; font-size:11px; padding:0; width:100%;}
.category .cSetup td p{ margin:0;}
.category .cSetup td label{ font-size:12px; color:#555;}
.category .cSetup td .inputText{ font-size:12px; color:#8b8b8b; border:1px solid #c6c6c6; padding:3px 4px; height:14px; width:250px;}
.category .cSetup td em{ color:#; font-style:normal; color:#ea3f22;}
.category .submitArea{ text-align:center; clear:both; border-top:2px solid #cbd4df; padding:50px 0;}

/* Last Tag */
.lastTag{ padding:15px 30px; position:relative; *zoom:1; border:1px solid #e9e9e9; margin-bottom:20px;}
.lastTag .cap{ position:absolute; width:10px; height:10px; background-image:url(../img/bgRouningFF.gif); background-repeat:no-repeat; font-size:0; line-height:0; overflow:hidden;}
.lastTag .cap.capTL{ top:-1px; left:-1px; background-position:left top;}
.lastTag .cap.capTR{ top:-1px; right:-1px; background-position:right top;}
.lastTag .cap.capBL{ bottom:-1px; left:-1px; background-position:left bottom;}
.lastTag .cap.capBR{ bottom:-1px; right:-1px; background-position:right bottom;}
.lastTag dl{ margin:0; font-size:12px;}
.lastTag dt{ font-weight:bold; color:#8b8b8b; display:inline; margin-right:5px;}
.lastTag dd{ display:inline; margin:0;}
.lastTag dd a{ position:relative; color:#648ab9; white-space:nowrap; text-decoration:none;}
.lastTag dd a:hover,
.lastTag dd a:active,
.lastTag dd a:focus{ text-decoration:underline;}

/* Tag List */
.tagList{ *zoom:1;}
.tagList:after{ content:""; display:block; clear:both;}
.tagList .summary{ font-size:12px; color:#555; margin:0 0 10px 0;}
.tagList .summary strong{ color:#ea3f22;}

.tagList .tSum{ float:left; width:49%; border-top:2px solid #cbd4df; margin-bottom:50px;}
.tagList .tSum .tHeader{ *zoom:1; border-left:1px solid #e3e5e7; border-right:1px solid #e3e5e7; padding:8px 15px;}
.tagList .tSum .tHeader:after{ content:""; display:block; clear:both;}
.tagList .tSum .tHeader .aLeft{ float:left;}
.tagList .tSum .tHeader .aRight{ float:right;}
.tagList .tSum .tHeader button{ border:0; padding:0; cursor:pointer; background:none; font-size:12px; font-weight:bold; color:#555;}
.tagList .tSum .inputText{ color:#8b8b8b; border:1px solid #c6c6c6; padding:3px 4px; height:15px; vertical-align:top; width:200px; font-size:12px;}
.tagList .tSum ul{ position:relative; margin:0; padding:0; list-style:none; font-size:12px; *zoom:1; height:360px; overflow:auto; border:1px solid #e3e5e7;}
.tagList .tSum li{ position:relative; border-top:1px solid #e3e5e7; border-bottom:1px solid #e3e5e7; padding:8px 0; text-indent:15px; margin:-1px 0; *zoom:1;}
.tagList .tSum li.hover{ background:#f5f5f5;}
.tagList .tSum li.noTag{ text-align:center; border-bottom:0; padding-top:50px;}
.tagList .tSum li.noTag span{ display:inline-block; padding:10px 0 10px 30px; font-weight:bold; color:#a7abb1; background:url(../img/iconNoData.gif) no-repeat left center; text-indent:0;}
.tagList .tSum li .tWord{ color:#648ab9; font-weight:bold; text-decoration:none;}
.tagList .tSum li .tWord:hover,
.tagList .tSum li .tWord:active,
.tagList .tSum li .tWord:focus{ text-decoration:underline;}
.tagList .tSum li .sum{ position:absolute; top:8px; right:20px; font-size:12px; color:#ea3f22; font-weight:normal; white-space:nowrap;}
.tagList .tSum .buttonArea{ *zoom:1; padding:10px 0;}
.tagList .tSum .buttonArea:after{ content:""; display:block; clear:both;}

.tagList .tModify{ float:right; width:49%; border:1px solid #edeff1; background:#f9f9f9; font-size:12px;}
.tagList .tModify dt{ color:#868d95; font-weight:bold;}
.tagList .tModify .tagName{ padding:15px 0 15px 25px; margin:0 0 -1px 0; border-bottom:1px solid #edeff1;}
.tagList .tModify .tagName dt,
.tagList .tModify .tagName dd{ display:inline; margin:0;}
.tagList .tModify .tagName .inputText{ padding:3px 4px; height:15px; border:1px solid #c6c6c6; font-size:12px; color:#555; width:160px; vertical-align:top;}
.tagList .tModify .tagName span button{ top:0;}

.tagList .tModify .tagFamily{ margin:0; padding:15px 0 15px 25px;}
.tagList .tModify .tagFamily dt{ margin-bottom:15px;}
.tagList .tModify .tagFamily dd{ margin-bottom:3px; color:#555;}
.tagList .tModify .tagFamily dd a{ position:relative; color:#648ab9; text-decoration:none;}
.tagList .tModify .tagFamily dd a:hover,
.tagList .tModify .tagFamily dd a:active,
.tagList .tModify .tagFamily dd a:focus{ text-decoration:underline;}

/* Spam */
.spam .partitionLeft{ margin-right:2%;}
.spam form{ border:1px solid #e3e5e7; border-top:2px solid #cbd4df; *zoom:1;}
.spam legend{ width:auto !important; height:auto !important; overflow:visible; position:relative !important; visibility:visible; font-size:14px; line-height:1.2; z-index:1; font-weight:bold; margin-bottom:10px; color:#000 !important;}
.spam .header{ background:#fafafa; padding:10px; border-bottom:1px solid #e3e5e7; white-space:nowrap; margin-bottom:-1px;}
.spam .header .inputText{ border:1px solid #c6c6c6; color:#8b8b8b; font-size:12px; padding:3px 4px; height:15px; vertical-align:top; width:56%;}
.spam .header .buttonGray button{ _top:0px;}
.spam ul{ margin:0; padding:0; list-style:none; font-size:12px; overflow:auto; height:360px;}
.spam li{ position:relative; border-bottom:1px solid #e3e5e7; color:#555; padding:6px 15px; font-size:11px;}
.spam li button{ padding:0; border:0; cursor:pointer; position:absolute; width:17px; height:17px; top:5px; right:10px; background:url(../img/buttonListDataX.gif) no-repeat center center;}
.spam li button span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}

/* Flash Graph */
.flashGraph{ position:relative; padding:50px 0; z-index:1; text-align:center;}
.flashGraph object,
.flashGraph embed{ margin:0 auto;}

/* My Skin */
.mySkin{ position:relative; width:100%; height:290px; *zoom:1; margin-bottom:30px;}
.mySkin .container{ position:relative; height:230px; padding:30px 30px 30px 340px; background:url(../img/bgDashboardStatistic.gif) repeat-x left top; font-size:12px; line-height:1;}
.mySkin .container:after{ content:""; display:block; clear:both;}
.mySkin .outline{position:absolute; overflow:hidden; font-size:0; line-height:0; background-image:url(../img/bgDashboardStatistic.gif);}
.mySkin .outline.ml{ top:0; left:-2px; width:4px; height:100%; background-position:left -300px; background-repeat:no-repeat;}
.mySkin .outline.mr{ top:0; right:-2px; width:4px; height:100%; background-position:right -300px; background-repeat:no-repeat;}
.mySkin .outline.tc{ top:0; left:0; width:100%; height:3px; background-position:left -600px; background-repeat:repeat-x;}
.mySkin .outline.bc{ bottom:0; left:0; width:100%; height:5px; background-position:left bottom; background-repeat:repeat-x;}
.mySkin .outline.tl{ top:0; left:-2px; width:4px; height:3px; background-position:left -603px; background-repeat:no-repeat;}
.mySkin .outline.tr{ top:0; right:-2px; width:4px; height:3px; background-position:right -603px; background-repeat:no-repeat;}
.mySkin .outline.bl{ bottom:0; left:-2px; width:4px; height:5px; background-position:left -606px; background-repeat:no-repeat;}
.mySkin .outline.br{ bottom:0; right:-2px; width:4px; height:5px; background-position:right -606px; background-repeat:no-repeat;}

.mySkin .thumb{ float:left; margin-left:-310px; display:inline; border:1px solid #ddd; padding:10px; background:#fff;}
.mySkin .thumb img{ display:block; border:1px solid #f2f2f2;}
.mySkin .using{ position:absolute; top:20px; left:15px; margin:0;}
.mySkin .summary{ float:left; width:100%;}
.mySkin .summary .sHeader{ position:relative; padding:10px 0 15px 0; font-size:16px; border-bottom:1px solid #fff; *border-bottom:1px solid #e6e6e6; color:#648ab9;}
.mySkin .summary .sHeader:after{ content:""; display:block; background:#e6e6e6; height:1px; font-size:0; line-height:0; overflow:hidden; margin:15px 0 -15px 0;}
.mySkin .summary .sHeader .h4{ display:inline; margin:0;}
.mySkin .summary .sHeader .buttonGray{ position:absolute; top:10px; right:0;}
.mySkin .summary .sHeader .buttonGray em{ font-size:10px; font-weight:bold; color:#ff3636; font-style:normal;}
.mySkin .summary .contributor{ color:#8b8b8b; font-size:11px; font-weight:normal;}
.mySkin .summary .contributor a{ color:#555; font-size:11px; text-decoration:none; margin:0 0 0 3px;}
.mySkin .summary .contributor a:hover,
.mySkin .summary .contributor a:active,
.mySkin .summary .contributor a:focus{ text-decoration:underline;}
.mySkin .summary .description{ line-height:1.5; margin:1em 0 2em 0; text-align:left;}
.mySkin .summary .buttonArea .buttonGray span{ _top:-1px;}

.skinList ul{ *zoom:1; font-size:12px; margin:0; padding:0; list-style:none;}
.skinList ul:after{ content:""; display:block; clear:both;}
.skinList li{ float:left; padding:30px 20px 0 0; height:280px; width:180px; border-bottom:1px solid #f0f0f0;}
.skinList dl{ position:relative; margin:0;}
.skinList dt{ padding:120px 0 0 0;}
.skinList dt a{ font-weight:bold; color:#262626; text-decoration:none; *zoom:1;}
.skinList dd{ position:relative; margin:0;}
.skinList dd.thumb{ position:absolute; top:0; left:0; border:1px solid #ddd; margin-bottom:40px; padding:8px;}
.skinList dd.thumb a{ display:block; padding:8px;}
.skinList dd.thumb img{ display:block; border:1px solid #f2f2f2;}
.skinList dd.thumb em{ position:absolute; top:-15px; left:-15px; width:38px; height:38px; background:url(../img/iconBest.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconBest.png', sizingMethod='crop');}
.skinList dd.thumb em span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
.skinList dd.meta{ font-size:11px; color:#8b8b8b;}
.skinList dd.download{ padding:10px 0;}
.skinList dd.download .buttonGray button{ _top:-1px !important;}

/* Code Edit */
.codeEdit{ position:relative; height:500px;}
.codeEdit fieldset{ position:relative; margin-bottom:50px;}
.codeEdit legend{ display:block; font-size:14px; font-weight:bold; color:#555; margin:0; padding:0 0 10px 0; white-space:nowrap; display:block;}
.codeEdit h4{ position:relative; z-index:2; float:left; border:1px solid #ddd; font-size:12px; margin:0 -1px 0 0; background:#fff;}
.codeEdit h4 a{ color:#333; text-decoration:none; display:inline-block; padding:0 15px; height:29px; line-height:29px;}
.codeEdit textarea{ display:none; position:absolute; z-index:1; left:0; top:30px; border:1px solid #ddd; width:98%; height:400px; margin:0 0 15px 0; font:14px/24px Monospace, Sans-serif; background:#fdfef7;}
.codeEdit .s0 textarea,
.codeEdit.s0 .s0 textarea,
.codeEdit.s1 .s1 textarea,
.codeEdit.s2 .s2 textarea,
.codeEdit.s3 .s3 textarea,
.codeEdit.s4 .s4 textarea,
.codeEdit.s5 .s5 textarea,
.codeEdit.s6 .s6 textarea,
.codeEdit.s7 .s7 textarea,
.codeEdit.s8 .s8 textarea,
.codeEdit.s9 .s9 textarea,
.codeEdit.s10 .s10 textarea,
.codeEdit.s11 .s11 textarea,
.codeEdit.s12 .s12 textarea,
.codeEdit.s13 .s13 textarea,
.codeEdit.s14 .s14 textarea,
.codeEdit.s15 .s15 textarea,
.codeEdit.s16 .s16 textarea,
.codeEdit.s17 .s17 textarea,
.codeEdit.s18 .s18 textarea,
.codeEdit.s19 .s19 textarea{ display:block;}
.codeEdit .s0 h4{ background:#fdfef7; border-bottom:1px solid #fdfef7;}
.codeEdit.s0 h4,
.codeEdit.s1 h4,
.codeEdit.s2 h4,
.codeEdit.s3 h4,
.codeEdit.s4 h4,
.codeEdit.s5 h4,
.codeEdit.s6 h4,
.codeEdit.s7 h4,
.codeEdit.s8 h4,
.codeEdit.s9 h4,
.codeEdit.s10 h4,
.codeEdit.s11 h4,
.codeEdit.s12 h4,
.codeEdit.s13 h4,
.codeEdit.s14 h4,
.codeEdit.s15 h4,
.codeEdit.s16 h4,
.codeEdit.s17 h4,
.codeEdit.s18 h4,
.codeEdit.s19 h4{ background:#fff; border-bottom:1px solid #ddd;}
.codeEdit.s0 .s0 h4,
.codeEdit.s1 .s1 h4,
.codeEdit.s2 .s2 h4,
.codeEdit.s3 .s3 h4,
.codeEdit.s4 .s4 h4,
.codeEdit.s5 .s5 h4,
.codeEdit.s6 .s6 h4,
.codeEdit.s7 .s7 h4,
.codeEdit.s8 .s8 h4,
.codeEdit.s9 .s9 h4,
.codeEdit.s10 .s10 h4,
.codeEdit.s11 .s11 h4,
.codeEdit.s12 .s12 h4,
.codeEdit.s13 .s13 h4,
.codeEdit.s14 .s14 h4,
.codeEdit.s15 .s15 h4,
.codeEdit.s16 .s16 h4,
.codeEdit.s17 .s17 h4,
.codeEdit.s18 .s18 h4,
.codeEdit.s19 .s19 h4{ background:#fdfef7; border-bottom:1px solid #fdfef7;}
.codeEdit .resizeVertical{ position:relative; width:98%; border:1px solid #ddd; border-top:0; height:10px; background:#fafafa url(../img/buttonResizeVertical.gif) no-repeat center center; *zoom:1; font-size:0; line-height:0;}
.codeEdit .resizeVertical button{ width:100%; height:10px; border:0; margin:0; padding:0; background:transparent; cursor:n-resize; vertical-align:middle;}
.codeEdit .resizeVertical button span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
.codeEdit .widgetCreator{ position:absolute; top:0; right:2%;}
.codeEdit .buttonArea{ position:absolute; top:450px; width:100%;}
.codeEdit .buttonArea .actionWhite{ position:absolute; top:0; right:2%;}

/* User Image */
.userImage{ margin:0 0 30px 0;}
.userImage h4{ border-bottom:2px solid #ddd; padding:5px 0; margin:0;}
.userImage .upload{ position:relative; height:24px; line-height:24px; border-bottom:1px solid #ddd; margin:0; padding:10px 20px; color:#767676; background:#f9f9f9;}
.userImage .upload input{ font-size:12px;}
.userImage .upload em{ margin:0 0 0 15px; font-style:normal;}
.userImage .upload .buttonGray{ position:absolute; top:10px; right:20px;}
.userImage ul{ list-style:none; margin:0 0 15px 0; padding:0;}
.userImage li{ position:relative; border-bottom:1px dotted #ccc; margin:10px 0; overflow:hidden;}
.userImage .thumb{ position:relative;}
.userImage .path{ color:#767676;}
.userImage .delete{ position:absolute; top:0; right:0; border:0; padding:0; overflow:visible; width:18px; height:18px; cursor:pointer; background:transparent url(../img/buttonTableDataX.gif) no-repeat center;}
.userImage .delete span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; left:-2000%;}

/* User Define Skin */
.userDefineSkin h4{ border-bottom:2px solid #ddd; padding:5px 0; margin:0;}
.userDefineSkin .upload{ position:relative; height:24px; line-height:24px; border-bottom:1px solid #ddd; margin:0; padding:10px 20px; color:#767676; background:#f9f9f9;}
.userDefineSkin .upload input{ font-size:12px;}
.userDefineSkin .upload em{ margin:0 0 0 15px; font-style:normal;}
.userDefineSkin .upload .buttonGray{ position:absolute; top:10px; right:20px;}
.userDefineSkin .buttonArea{}
.userDefineSkin #rediscover{ display:none;}
.userDefineSkin #rediscover.open{ display:block;}

/* Set Up */
.setUp,
.setUp input{ font-size:12px;}
.setUp fieldset{ position:relative; padding:20px 0 20px 60px; border-bottom:1px solid #e3e5e7; *zoom:1;}
.setUp fieldset:after{ content:""; display:block; clear:both;}
.setUp select{ font-size:12px; margin:-2px 0;}
.setUp select option{ font-size:12px;}
.setUp .setupData{ font-size:12px; border:0; border-spacing:0;}
.setUp .setupData th,
.setUp .setupData td{ border:0; padding-top:5px; padding-bottom:5px; vertical-align:top;}
.setUp .setupData th{ width:150px; font-weight:normal; color:#555; white-space:nowrap; padding-right:20px; text-align:left;}
.setUp .setupData td{ color:#8b8b8b;}
.setUp .setupData tr.hide { display:none; }
.setUp .setupData.custom{ display:none; }
.setUp p{ margin:5px 0; color:#555;}
.setUp p strong{ color:#ea3f22;}
.setUp .inputText{ border:1px solid #c6c6c6; padding:1px 4px; margin:-2px 0; height:16px;}
.setUp .buttonArea{ text-align:center; padding:40px 0;}
.setUp h4{ margin:0 0 20px -40px; padding-left:15px; font-size:14px; background:url(../img/iconH4.gif) no-repeat left center;}
.setUp .thumb{ position:relative; float:left; margin-right:20px;}
.setUp .thumb .profilePhoto{ display:block; border:1px solid #b0bfde; clear:both; margin-bottom:5px;}
.setUp .thumb .deletePhoto{ position:absolute; top:1px; right:1px; width:17px; height:17px; padding:0; border:0; background:transparent url(../img/buttonTableDataX.gif) no-repeat center center; cursor:pointer;}
.setUp .thumb .deletePhoto span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
.setUp .inputTextarea{ border:1px solid #c6c6c6; font-size:12px; padding:10px; width:400px; height:100px;}
.setUp .favicon{ position:relative; width:180px; height:140px; float:left; margin-right:20px; background:url(../img/bgFavicon.gif) no-repeat;}
.setUp .favicon .iconFavicon{ position:absolute; left:89px;}
.setUp .favicon .iconFavicon.url{ top:31px;}
.setUp .favicon .iconFavicon.tab{ top:63px;}
.setUp .favicon .deleteFavicon{ position:absolute; top:105px; right:0; width:17px; height:17px; padding:0; border:0; background:transparent url(../img/buttonTableDataX.gif) no-repeat center center; cursor:pointer;}
.setUp .favicon .deleteFavicon span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
.setUp .example{ color:#8b8b8b;}
.setUp .uriExample{ background:#f5f5f5; padding:5px 15px; margin:1em 0;}
.setUp .uriExample strong{ color:#f44c19; margin-left:10px;}
.setUp td label{ display:inline-block; width:120px;}
.setUp button.fontFamily{ padding:0; overflow:visible; cursor:pointer; border:0; font-size:12px; background:transparent; color:#648AB9; position:relative; top:-1px; _top:1px; *vertical-align:bottom; *margin-left:3px;}
.setUp .progress{ margin:1em 0 1em 1px; display:none;}
.setUp .progress.open{ display:block;}
.setUp .progress dt{ float:left; white-space:nowrap; margin-right:1em;}
.setUp .progress dd{ margin:0;}
.setUp .progress dd .bar,
.setUp .progress dd .fill{ display:inline-block; font-size:0; line-height:10; height:10px; overflow:hidden; vertical-align:middle;}
.setUp .progress dd .bar{ width:60%; border:1px solid #ddd; margin-right:10px;}
.setUp .progress dd .fill{ background:#69C;}
.setUp .progress dd em{ font-style:normal; vertical-align:middle; font-size:11px;}

/* Category Manager Reset */
.gap1{ margin:0 !important;}
#menu{ border:1px solid #e3e5e7; border-top:2px solid #cbd4df; border-bottom:2px solid #cbd4df; margin:0; width:350px;}
#menu .simpleTree{ margin:0; padding:0; list-style:none;}
#menu .simpleTree li{ margin:0; padding:0; position:relative;}
#menu .simpleTree li.root{ background:none; _zoom:1;}
#menu .simpleTree li span{ position:relative; display:block; background-color:#fafafa; padding:15px 10px 20px 19px; margin:0 0 -5px 0; color:#555; font-size:14px; font-weight:bold; z-index:1;}
#menu .simpleTree li span.active{ background-color:#f5f5f5; border:0;}
#menu .simpleTree li ul{ position:relative; z-index:2; *zoom:1;}
#menu .simpleTree li li{ border-top:1px solid #e3e5e7; background:none; z-index:1; *zoom:1; overflow:hidden;}
#menu .simpleTree li li span{ padding:10px; padding-left:45px; margin:0; background-color:#fff; background-image:url(../img/iconFolderCategory.gif); background-repeat:no-repeat; background-position:19px 10px; font-size:12px; font-weight:normal; cursor:move;}
#menu .simpleTree li li li span{ background-image:url(../img/bgHierarchy.gif); background-repeat:no-repeat; background-position:35px 11px;}
#menu .simpleTree li li li span{ padding-left:60px; background-position:50px 11px;}
#menu .simpleTree li li li li span{ padding-left:75px; background-position:65px 11px;}
#menu .simpleTree li li li li li span{ padding-left:90px; background-position:80px 11px;}
#menu .simpleTree li li li li li li span{ padding-left:105px; background-position:95px 11px;}
#menu .simpleTree li li li li li li li span{ padding-left:120px; background-position:110px 11px;}
#menu .simpleTree li li.line,
#menu .simpleTree li li.line-last{ border:0; margin:0 0 -5px 0; height:5px !important; background:none; z-index:2;}
#menu .simpleTree li li.line-over,
#menu .simpleTree li li.line-over-last{ border-top:1px solid #e3e5e7; margin:0; height:5px !important; background-color:#FFC; background-image:none; z-index:2;}
#menu .simpleTree li .add,
#menu .simpleTree li .modify,
#menu .simpleTree li .delete{ position:absolute; top:16px; z-index:2; width:13px; height:13px; background-position:center; background-repeat:no-repeat;}
#menu .simpleTree li li .add,
#menu .simpleTree li li .modify,
#menu .simpleTree li li .delete{ top:11px; }
#menu .simpleTree li .add{ left:300px; background-image:url(../img/iconAddCategory.gif);}
#menu .simpleTree li .modify{ left:315px; background-image:url(../img/iconSetupCategory.gif);}
#menu .simpleTree li .delete{ left:330px; background-image:url(../img/iconDelCategory.gif);}
#menu .simpleTree li li .trigger{ display:none;}
#menu .simpleTree li .add img,
#menu .simpleTree li .modify img,
#menu .simpleTree li .delete img{ display:none;}

#drag_container{ border:0 !important; font-size:12px; z-index:100;}
#drag_container li{ background:none !important; padding:0; font-weight:bold;}
#drag_container li a{ padding:2px;}
#tree_plus{ margin:9px 0 0 7px; z-index:100;}

.categoryContent .button{ position:absolute; z-index:10; left:328px; top:97px; margin:0; padding:0; width:15px; height:16px; background:url(../img/buttonRefresh.gif) no-repeat !important;}
.categoryContent .button span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; background:none;}

#category_info{ position:absolute; top:180px !important; left:auto !important; right:30px; width:100% !important; height:0; overflow:visible;}
#category_info .layer{ position:relative; top:0; right:0; border:0; border-top:2px solid #cbd4df; margin:0 0 0 610px; padding:24px 0 0 0;}
#category_info .layer h4.xeAdmin{ background:url(../img/iconH4.gif) no-repeat 0 center !important; color:#626972; font-size:14px; font-weight:bold; padding:0 0 0 20px !important; margin:0 0 10px 0 !important;}
#category_info .layer .xButton{ display:none;}
#category_info .layer .layerBody{ position:relative; border:1px solid #edeff1; background:#f9f9f9; margin:0; padding:20px; *zoom:1;}

#category_info .layer .layerBody .rowTable{ border-spacing:0; border:0; width:100%; margin:0 0 -40px 0;}
#category_info .layer .layerBody .rowTable th{ color:#868d95; text-align:left; white-space:nowrap; padding:0 15px 0 0; vertical-align:top;}
#category_info .layer .layerBody .rowTable th input[type=checkbox]{ width:13px; height:13px; margin:0; vertical-align:middle;}
#category_info .layer .layerBody .rowTable td{ padding:0 0 20px 0; vertical-align:top;}
#category_info .layer .layerBody .rowTable td .inputTypeText{ border:1px solid #c6c6c6; color:#767676; vertical-align:middle;}
#category_info .layer .layerBody .rowTable td #category_name{ width:260px;}
#category_info .layer .layerBody .rowTable td p{ display:inline; font-size:11px; color:#767676;}
#category_info .layer .layerBody .rowTable td .checkbox{ width:13px; height:13px; margin:0; vertical-align:middle;}
#category_info .layer .layerBody .rowTable th.button{ text-align:center; height:0; padding:0; overflow:visible;}

#category_info .layer .layerBody span.button,
#category_info .layer .layerBody span.button input{ position:relative; border:0; margin:0; display:inline-block !important; font-family:Tahoma, Sans-serif; font-weight:bold !important; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle; *vertical-align:top; background-color:transparent; background-image:url(../img/buttonAction.gif); background-repeat:no-repeat; *zoom:1;}
#category_info .layer .layerBody span.button { position:relative; top:40px; margin-right:7px; background-position:left top; border:1px solid}
#category_info .layer .layerBody span.button input { top:0; left:7px; color:#fff; height:39px; padding:0 25px 0 40px !important; font:12px/39px Sans-serif; background-position:right top; overflow:visible;}
