@charset "utf-8";

/* Basic Tag *************************************************************************************/

*
{
	margin                           : 0;
	padding                          : 0;
}

a:link, a:visited
{
	color                            : #666666;
	text-decoration                  : none;
}

a:hover, a:active
{
	color                            : #4163A2;
	text-decoration                  : underline;
}

abbr, acronym
{
	cursor                           : help;
}

address
{
	font-style                       : normal;
}

body
{
	background-color                 : #fff;
	color                            : #666666;
	font-family                      : 'Lucida Grande', Arial, AppleGothic, '굴림', Gulim, Tahoma, Verdana, sans-serif;
	font-size                        : small;
}

dl
{
	position                         : relative;
}

dl dt
{
	font-weight                      : bold;
	left                             : 0;
	line-height                      : 2em;
	position                         : absolute;
	text-align                       : left;
	top                              : 0;
}

dl dd
{
	line-height                      : 2em;
	margin-left                      : 100px;
	text-align                       : left;
}

em
{
	font-style                       : normal;
}

fieldset
{
 	background-image                 : url("./image/bg_dt.png");
	background-repeat                : repeat-y;
	border-bottom                    : 1px solid #DDDDDD;
	border-left                      : none;
	border-right                     : none;
	border-top                       : 1px solid #CCCCCC;
	/*float                            : left;*/
	margin                           : 0 0 30px 0;
	/*width                            : 460px;*/
}

h1,
h2
{
	display                          : none;
}

h3
{
	font-size                        : 1em;
}

input
{
	font-family                      : 'Lucida Grande', Arial, AppleGothic, '굴림', Gulim, Tahoma, Verdana, sans-serif;
}

label
{
	cursor                           : pointer;
}

legend
{
	display                          : none;
}

ol,
ol li,
ul,
ul li
{
	list-style-type                  : none;
}

optgroup
{
	font-style                       : normal;
	padding                          : 0 5px;
}

optgroup option
{
	padding                          : 0 15px;
}

optgroup.delete option
{
	color                            : #FF0000;
}

option
{
	padding-right                    : 0.5em;
}

kbd, samp
{
	font-family                      : "Courier New", Courier, AppleGothic, '굴림', Gulim, monospace;
	font-size                        : 11px; /* Sarafi에서 상대크기를 제대로 인식하지 못함. */
}

select
{
	font-size                        : 1em;
	font-family                      : 'Lucida Grande', Arial, AppleGothic, '굴림', Gulim, Tahoma, Verdana, sans-serif;
	vertical-align                   : middle;
}

table
{
	border-collapse                  : collapse;
}

textarea
{
	border                           : 1px solid #999999;
	font-size                        : 1em;
	padding                          : 2px;
}

/* Layout ****************************************************************************************/

#temp-wrap
{
	width                            : 100%;
	padding                          : 0;
	margin                           : 0;
}

#all-wrap
{
	font-size                        : 0.925em;
	text-align                       : justify;
}

/* Layout Header **********************************************************************************/

/* main description */
#main-description-box
{
	display                          : none;
}

/* main action */
#main-action-box
{
	border                           : 0;
	position                         : fixed;
	top                              : 0;
	right                            : 0;
	background-image                 : url("./image/bg_menu_round.png");
	background-position              : right center;
	z-index                          : 220;
}

#main-action li	
{
	float                            : left;
	display                          : block;
	width                            : 25px;
	height                           : 40px;
	padding-right                    : 5px;
	padding-left                     : 5px;
}

#main-action #action-helper
{
	padding-left                     : 15px;
}

#main-action li span
{
	display                          : none;
}

#main-action li a
{
	background-position              : right center;
	background-repeat                : no-repeat;
	color                            : #222;
	width                            : 25px;
	height                           : 40px;
	display                          : block;
}

#action-helper a
{
	background-image                 : url("./image/img_helper.gif");
}

#action-helper a:hover
{
	background-image                 : url("./image/img_helper_hover.gif");
}

#action-move-to-control-panel,
#action-move-to-control-panel a
{
	display                          : none !important;
}

#action-logout a
{
	background-image                 : url("./image/img_logout.gif");
}

#action-logout a:hover
{
	background-image                 : url("./image/img_logout_hover.gif");
}

#action-move-to-blog a
{
	background-image                 : url("./image/img_to_my_blog.gif");
}

#action-move-to-blog a:hover
{
	background-image                 : url("./image/img_to_my_blog_hover.gif");
}

/* main - blog selector */
#main-blog-box
{
	display : none;
}

/* main menu */
#main-menu-box
{
	background-image                 : url("./image/bg_menu_round.png");
	background-position              : left center;
	background-repeat                : repeat-x;
	height                           : 40px;
	line-height                      : 3em;
	margin-top                       : 0;
	width                            : 100%;
	position                         : fixed;
	top                              : 0;
	z-index                          : 200;
}

#main-menu
{
	height                           : 40px;
	width                            : 100%;
}

#main-menu li
{
	float                            : left;
	position                         : relative;
	height                           : 40px;
	z-index                          : 400;   /* Workaround for IE6 positioned element bug */
	margin                           : 0 3px;
	padding                          : 0;
}

#main-menu #menu-center,
#main-menu #menu-entry,
#main-menu #menu-communication,
#main-menu #menu-network,
#main-menu #menu-skin,
#main-menu #menu-plugin,
#main-menu #menu-setting, 
#main-menu #menu-control 
{
	background-color                 : #FFFFFF;
	background-image                 : url("./image/bg_menu.png");
}

#main-menu #menu-center
{
	width                            : 40px;
	background-image                 : url("./image/img_menu_center.png") !important;
	background-repeat                : no-repeat;
}

#main-menu a.menu-name span
{
	display                          : none;
}

#main-menu #menu-entry
{
	background-image                 : url("./image/img_menu_post.png") !important;
}
#main-menu #menu-entry .divider,
/*#main-menu #menu-entry #sub-menu-entry,*/
#main-menu #menu-entry #sub-menu-line,
#main-menu #menu-entry #sub-menu-category,
#main-menu #menu-entry #sub-menu-tag
{
	display                          : none;	
}

#main-menu #menu-communication 
{
/*	background-image                 : url("./image/img_menu_communication.png") !important; */
	display                          : none;
}

#main-menu #menu-network 
{
/*	background-image                 : url("./image/img_menu_network.png") !important; */
	display                          : none;
}

#main-menu #menu-skin 
{
	background-image                 : url("./image/img_menu_skin.png") !important; 
	display                          : none;
}

#main-menu #menu-plugin  
{
	background-image                 : url("./image/img_menu_plugin.png") !important; 
	display                          : none;
}

#main-menu #menu-setting 
{ 
	background-image                 : url("./image/img_menu_setting.png") !important; 
	display                          : none;
}

#main-menu a.menu-name
{
	width                            : 40px;
	height                           : 40px;
	display                          : block !important;
}

#main-menu li a:link,
#main-menu li a:visited
{
	color                            : #FFFFFF;
	text-decoration                  : none;
}

#main-menu li a:hover,
#main-menu li a:active
{
	color                            : #ADFF2F;
	text-decoration                  : none;
}

#main-menu li.selected
{
	color                            : #ADFF2F;
	background-color                 : #ADFF2F !important;
}

#main-menu li.selected a
{
	color                            : #ADFF2F !important;
}
#main-menu li ul li.selected
{
	background-color                 : #DDD !important;
	padding-left                     : 5px;
	border                           : 1px solid #CCC;
	border-radius                    : 5px;
	-moz-border-radius               : 5px;
	-webkit-border-radius            : 5px;
}

#main-menu li:hover
{
	background-color                 : #FAFAA0 !important;
}

#main-menu li:hover a,
#main-menu li a:hover
{
	color                            : #FAFAA0;
}

#main-menu li:hover a.menu-name
{
	-webkit-transition-duration      : 300ms;
	-webkit-transform                : scale(1.1);
	-moz-transition-duration         : 300ms;
	-moz-transform                   : scale(1.1);
}

#main-menu ul.sub-menu 
{
	display                          : none;
	border                           : none;
}

#main-menu li:hover ul,
#main-menu li a:hover table
{
	display                          : block !important;
	width                            : 150px;
	color                            : #222;
    position                         : absolute;
	z-index                          : 100 !important;
	top                              : 40px; 
	left                             : 0;
	border                           : solid 1px #CCC;
	background-color                 : #EEE;
	background-image                 : url("./image/bg_menu_selected.png");
	background-repeat                : no-repeat;
    filter                           : alpha(opacity=90);
	opacity                          : .90;
	background-position              : -130px -33px;
/*	padding-bottom                   : 10px;*/
	padding                          : 0 0 10px 8px;
	-moz-box-shadow                  : 5px 5px 5px #888;
	-webkit-box-shadow               : 5px 5px 5px #888;
	-moz-border-radius-bottomleft       : 8px;
	-moz-border-radius-bottomright      : 8px;
	-webkit-border-bottom-left-radius   : 8px;
	-webkit-border-bottom-right-radius  : 8px;
}

#main-menu li:hover ul:hover,
#main-menu li a:hover ul
{
	display                          : block;
	float                            : none;
	margin                           : 0;
}

#main-menu li:hover ul li.firstChild,
#main-menu li a:hover ul li.firstChild
{
	margin-top                       : 5px;
}

#main-menu li:hover ul li.selected,
#main-menu li a:hover ul li.selected
{
	font-weight                      : bold;
}

#main-menu li:hover ul li,
#main-menu li a:hover ul li
{
	display                          : block;
	width                            : 125px;
	height                           : 27px;
	background-image                 : none !important;
	border                           : 1px solid #EEE;
}

#main-menu li:hover ul li:hover,
#main-menu li a:hover ul li a:hover
{
	background-color                 : #CCC;
	padding-left                     : 5px;
	border                           : 1px solid #BBB;
	border-radius                    : 5px;
	-moz-border-radius               : 5px;
	-webkit-border-radius            : 5px;
	-webkit-transition-duration      : 300ms;
	-webkit-transform                : translate(0.3em,0);
}

#main-menu li:hover ul li a:link,
#main-menu li:hover ul li a:visited,
#main-menu li a:hover ul li a:link,
#main-menu li a:hover ul li a:visited
{
	color                            : #222 !important;
	display                          : block;
	line-height                      : 27px;
}

#main-menu #menu-textcube
{
	display                          : none;
}

#main-menu li.divider
{
	height                           : 3px !important;
	border-bottom                    : 1px solid #BBB !important;
}

#main-menu li.divider span,
#sub-menu li.divider
{
	display                          : none;
}


/* Layout Body ***********************************************************************************/

#sub-menu-box
{
	clear                            : both;
	display:none;
}

#layout-body
{
	margin-top                       : 45px;
	margin-bottom                    : 35px;
	z-index                          : 150;
}

/* pseudo box */
#pseudo-box
{
	background-color                 : #FFF;
	margin                           : 0 auto;
	position                         : relative;
/*	width                            : 100%;*/
}

#data-outbox
{
	padding                          : 0 10px 0 10px;
/*	padding                          : 10px;*/
}

.part .caption,
h2.caption
{
	background-color                 : #FFF;
	background-image                 : url("./image/bg_title_left.png");
	background-position              : left top;
	background-repeat                : no-repeat;
	clear                            : both;
	color                            : #222;
	display                          : block;
	height                           : 25px;
	font-size                        : 1em;
	font-weight                      : normal;
	line-height                      : 10px;
	margin-bottom                    : 10px;
	overflow                         : hidden;
	padding-left                     : 60px;
	border-left                      : 1px solid #eee;
	border-bottom                    : 1px solid #eee;
}

.part .caption span,
h2.caption span
{
	background-color                 : #FFF;
	background-image                 : url("./image/bg_title_right.png");
	background-position              : right top;
	background-repeat                : repeat-x;
	display                          : block;
	height                           : 23px;
	line-height                      : 23px;
	border-right                     : 1px solid #eee;
}

.part .panel-setting
{
	margin                           : -50px 10px 0 0;
}

.part dl.panel-setting
{
	border-top                       : none !important;
	height                           : 38px;
}

.part .panel-setting dd
{
	color                            : #222;
	text-align                       : right;
}

.part .panel-setting a
{
	color                            : #22A;
	text-align                       : right;
}

.part .panel-setting dt
{
	display                          : none;
}

.main-explain-box .explain
{
	line-height                      : 1.5em;
	margin-bottom                    : 30px;
	padding                          : 0 20px;
}

.main-explain-box .explain a:link,
.main-explain-box .explain a:visited
{
	color                            : #FF6600;
	text-decoration                  : underline;
}

.main-explain-box .explain a:hover,
.main-explain-box .explain a:active
{
	color                            : #FC924B;
	text-decoration                  : underline;
}
/* preventing IE overflow:visible bug */
.folding
{
	position                         : relative;
}
/* tab */
.tabs-box
{
	background-image                 : url('./image/bg_tabbox.jpg');
	background-position              : left bottom;
	line-height                      : 2.3em;
	list-style-type                  : none;
	height                           : 2.55em;
	overflow                         : hidden;
	padding-left                     : 10px;
}
.tabs-box li
{
	background-image                 : url("./image/bg_submenu_item_selected.gif");
	background-color                 : #EFEFEF;
	border                           : 1px solid #D9D9D9;
	border-bottom                    : 1px solid #B9B9B9;
	cursor                           : pointer;
	display                          : block;
	float                            : left;
	list-style-type                  : none;
	margin                           : 0 1px;
}

.right li
{
	float                            : right !important;
}

.tabs-box li a
{
	padding                          : 0 1em;
	text-decoration                  : none;
}

.tabs-box li.selected
{
	background-image                 : none;
	background-color                 : #FFF;
	border-bottom                    : 1px solid #FFF;
}

.tabs-box li.selected a
{
	cursor                           : default;
}

/* category form */
#category-form
{
	position                         : absolute;
	top                              : 10px;
	right                            : 20px;
/*	margin                           : 20px 0 6px 15px;*/
}

/* data inbox */
.data-inbox
{
	margin                           : 2px 0;
	width                            : 100%; 
}

table.data-inbox thead tr th
{
	background-color                 : #F3F3F1;
	border-bottom                    : 1px solid #D2D2CC;
	border-top                       : 1px solid #D2D2CC;
	color                            : #333333;
	font-weight                      : normal;
	padding                          : 6px 0;
	text-align                       : center;
}

table.data-inbox tbody tr td
{
	border-bottom                    : 1px solid #E3E3DE;
	padding                          : 1px 8px;
	text-align                       : center;
}

table.data-inbox tbody tr.active-class
{
	background-color                 : #EFF6FF;
}

table.data-inbox tr .selection
{
	background-position              : right bottom;
	padding-left                     : 0;
	padding-right                    : 0;
	width                            : 30px;
}


/* data subbox */
.data-subbox
{
	position                         : relative;
	padding                          : 0 !important;
	margin                           : 0 !important;
}

#change-section,
#delete-section
{
	background-color                 : #EEEEEE;
	border-top                       : 1px solid #BBBBBB;
	margin                           : 0 0 5px 0;
	padding-top                      : 8px;
	padding-bottom                   : 8px;
	padding-left                     : 8px;
	width                            : 100%;
}

#change-section-top,
#delete-section-top
{
	background-color                 : #FFF;
	border-top                       : none;
	margin                           : 0 0 5px 0;
	padding-top                      : 8px;
	padding-bottom                   : 8px;
	padding-left                     : 8px;
	width                            : 100%;
}

#page-navigation
{
	background-color                 : #FFFFFF;
	margin                           : 20px 0 40px 0;
	text-align                       : center;
	width                            : 100%;
}

#page-navigation span .selected
{
	color                            : #BBB;
}

#page-list
{
	display                          : block;
	margin-bottom                    : 5px;
}

#page-list a {
	padding                          : 4px;
	margin-left                      : 5px;
	margin-right                     : 5px;
	border                           : 1px solid #BBB;
}

#total-count
{
	color                            : #999999;
}

#page-section .page-count
{
	display                          : block;
	position                         : absolute;
	top                              : 9px;
	right                            : 20px;
	text-align                       : right;
	width                            : 250px;
}

#page-section .page-count select
{
	width                            : 50px;
}

#search-form
{
	background-color                 : transparent;
	background-image                 : url("./image/bg_menu.png");
	background-position              : left top;
	border                           : none;
	margin                           : 0;
	position                         : fixed !important;
	top                              : 0; 
	right                            : 95px;
	height                           : 40px;
	text-align                       : right;
	z-index                          : 230;
}

#search-form .section
{
	padding-top                      : 10px;
	padding-right                    : 15px;
}

#search-form label
{
	display                          : none;
}

#search-form .input-text
{
	background-image                 : url("./image/bg_search_icon.gif");
	background-position              : center right;
	background-repeat                : no-repeat;
	width                            : 100px;
}

#search-form .search-button
{
	display                          : none;
}

/* Layout Footer *********************************************************************************/

#layout-footer
{
	background-image                 : url("./image/bg_body_bottom.png");
	background-position              : left top;
	background-repeat                : repeat-x;
	background-color                 : #FFFFFF;
	font-family                      : Tahoma, sans-serif;
	font-size                        : 0.9em;
	margin                           : 0 auto;
	padding                          : 8px 0 5px 0;
	text-align                       : center;
	width                            : 100%;
}

#layout-footer address
{
	display                          : none; 
}

#layout-footer #login-information
{
	display                          : inline; 
	float                            : left;
}

#login-information
{
	padding-left                     : 30px;
}
#version
{
	display                          : none !important;	
}

/* Etc *******************************************************************************************/

/* data description (for simple help footers) */
#data-description
{
	text-align                       : right;
}

#data-description dl
{
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : inline;
	font-family                      : 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size                        : 0.93em;
	font-weight                      : normal;
	padding                          : 3px 0 1px 29px;
}

#data-description dl dt
{
	display                          : none;
}

#data-description dl dd
{
	display                          : inline;
	margin                           : 0;
	padding-right                    : 11px;
	position                         : static;
}

/* etc */

.attention
{
	border                           : 1px solid #FD2323;
	color                            : #000;
	display                          : block;
	font-weight                      : bold;
	padding                          : 3px;
	text-align                       : center;
	vertical-align                   : middle;
}

.attention span
{
	background-image                 : url('./image/icon_alert.gif');
	background-position              : left 1px;
	background-repeat                : no-repeat;
	padding-left                     : 19px;
}

.hidden
{
	display                          : none;
}

.clear
{
	clear                            : both;
	height                           : 0;
	overflow                         : hidden;
	width                            : 100px;
}

.input-button
{
	background-color                 : #fff;
	background-image                 : url("./image/bg_submenu_item.gif");
	background-position              : left bottom;
	background-repeat                : repeat-x;
	border                           : 1px solid #777;
	border-radius                    : 5px;
	-moz-border-radius               : 5px;
	-webkit-border-radius            : 5px;
	cursor                           : pointer;
	font-size                        : 1em;
	height                           : 1.8em;
	line-height                      : 1.8em;
	padding                          : 0 5px !important;
	vertical-align                   : middle;
}

.input-button:hover
{
	background-image                 : url("./image/bg_submenu_item_selected.gif");
	border                           : 1px solid #333;
	-webkit-box-shadow               : 0 0 7px #FFE13C;
	-moz-box-shadow                  : 0 0 7px #FFE13C;
}

.wide-button
{
/*	width                            :100% !important;*/

}

input.checkbox,
input.radio
{
	margin-right                     : 3px;
	vertical-align                   : middle;
}

input.input-text
{
	border                           : 1px solid #777777;
	font-size                        : 1em;
	height                           : 1.3em;
	line-height                      : 1.3em;
	padding-top                      : 3px;
	vertical-align                   : middle;
}

.button-box
{
	text-align                       : center;
}

.button-box a.button
{
	text-decoration                  : none;
}

.ajaxMessage
{
	background-repeat: no-repeat;
	background-position: center 11px;
	font-weight: normal !important;
	padding: 27px 25px 13px 25px!important;
	color: #000 !important;
	z-index: 2000;
}

.ajaxProcessingMessage, .ajaxSuccessMessage
{
	background-image                 : url('./image/bg_gray_textcube.gif') !important;
	background-color                 : #dedede !important;
	border                           : 1px solid #999 !important;
	color                            : #000 !important;
    filter                           : alpha(opacity=90);
	opacity                          : .90;
}
.ajaxProcessingMessage
{
	-moz-border-radius-bottomleft    : 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.ajaxSuccessMessage,
.ajaxErrorMessage
{
	-moz-border-radius-topleft       : 6px;
	-moz-border-radius-topright      : 6px;
	-webkit-border-top-left-radius   : 6px;
	-webkit-border-top-right-radius  : 6px;
}
.ajaxErrorMessage
{
	background-image                 : url('./image/bg_pink_textcube.gif') !important;
	border                           : 1px solid #ff5f62 !important;
	background-color                 : #fcebeb !important;
	color                            : #000 !important;
    filter                           : alpha(opacity=90);
	opacity                          : .90;
}
