/* file:/home2/picpicko/public_html/files/cache/optimized/c9430d2d9163dbe65b24847fb1950c05.cache.php */ /* default.css - Type Selector Definition */ body { margin:0;padding:0; font-size:.75em;} img { border:none; } label { cursor:pointer; } form { margin:0; padding:0; } /* Special Class Selector */ .fr { float:right; } .fl { float:left; } .clear { clear:both; } .fwB { font-weight:bold;} .tCenter { text-align:center; } .tRight { text-align:right; } .tLeft { text-align:left; } .gap1 { margin-top:.8em; } .nowrap { white-space:nowrap; } .iePngFix { behavior:url(./common/js/iePngFix.htc); } .zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); } /* Input Style Definition */ .inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; } *:first-child+html .inputTypeText { font-size:9pt; } .inputTypeText:hover, .inputTypeText:focus { background:#f4f4f4; } .inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;} *:first-child+html .inputTypeTextArea { font-size:9pt; } .w40 { width:40px; } .w60 { width:60px; } .w70 { width:70px; } .w80 { width:80px; } .w90 { width:90px; } .w100 { width:100px; } .w110 { width:110px; } .w120 { width:120px; } .w130 { width:130px; } .w140 { width:140px; } .w150 { width:150px; } .w160 { width:160px; } .w170 { width:170px; } .w180 { width:180px; } .w190 { width:190px; } .w200 { width:200px; } .w210 { width:210px; } .w220 { width:220px; } .w230 { width:230px; } .w240 { width:240px; } .w250 { width:250px; } .w260 { width:260px; } .w270 { width:270px; } .w280 { width:280px; } .w290 { width:290px; } .w300 { width:300px; } .w400 { width:400px; } /* editor style */ a.bold { font-weight:bold; } .editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; } .editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; } .editor_red_text { color: #f42126 !important; text-decoration:underline !important; } .editor_red_text a { color: #f42126 !important; text-decoration:underline !important; } .editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; } .editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; } .editor_green_text { color: #08830B !important; text-decoration:underline !important; } .editor_green_text a { color: #08830B !important; text-decoration:underline !important; } .folder_opener { display: block; } .folder_closer { display: none; } .folder_area { display: none; } .xe_content { line-height:1.6; overflow:hidden; } .zbxe_widget_output { background:url(/common/tpl/images/widget_text.gif) no-repeat center bottom; display:block;} /* xe layer */ #waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url(/common/tpl/images/loading.gif) no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; } #popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;} #popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;} #popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;} #popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;} #popup_menu_area li a{ text-decoration:none; color:#000;} #popup_menu_area li a:hover, #popup_menu_area li a:active, #popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;} /* xe faceoff */ .faceOffManager { position:fixed; _position:absolute; right:3px; top:3px; height:23px; } /* file:/home2/picpicko/public_html/files/cache/optimized/41af1049f8cfb3892b55804d88eaf576.cache.php */ /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Anchor Button */ a.button, a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;} a.button { padding:0; background-position:left top; overflow:visible;} a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;} /* Large Size */ a.button.large { background-position:left -30px; } a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;} /* xLarge Size */ a.button.xLarge { background-position:left -65px; } a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;} /* Small Size */ a.button.small { background-position:left -107px; } a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;} /* Control Button + Submit Button */ span.button, span.button button, span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;} span.button { padding:0; background-position:left top;} span.button button, span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;} /* Large Size */ span.button.large { background-position:left -30px;} span.button.large button, span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;} /* xLarge Size */ span.button.xLarge { background-position:left -65px;} span.button.xLarge button, span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;} /* Small Size */ span.button.small { background-position:left -107px;} span.button.small button, span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;} /* Strong Button */ a.button.strong *, span.button.strong * { font-weight:bold !important;} /* Icon Add */ a.button .icon { position:relative; border:0; vertical-align:middle;} span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;} /* Color Preset */ a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input { background-image:url(/common/tpl/images/buttonGreen.gif); color:#fff;} a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input { background-image:url(/common/tpl/images/buttonBlack.gif); color:#fff;} a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input { background-image:url(/common/tpl/images/buttonRed.gif); color:#fff;} a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input { background-image:url(/common/tpl/images/buttonBlue.gif); color:#fff;} /* Offset Debug */ a.button, span.button{ margin-right:2px;} /* Button Set */ .buttonSet{ width:16px; height:16px; background-image:url(/common/tpl/images/buttonSet.gif); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;} .buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;} .buttonSet.buttonUp{ background-position:0 0;} .buttonSet.buttonDown{ background-position:0 -16px;} .buttonSet.buttonLeft{ background-position:0 -32px;} .buttonSet.buttonRight{ background-position:0 -48px;} .buttonSet.buttonInfo{ background-position:0 -64px;} .buttonSet.buttonCopy{ background-position:0 -80px;} .buttonSet.buttonSetting{ background-position:0 -96px;} .buttonSet.buttonActive{ background-position:0 -112px;} .buttonSet.buttonDisable{ background-position:0 -128px;} .buttonSet.buttonDelete{ background-position:0 -144px;} .buttonSet.buttonHomepage{ background-position:0 -160px;} .buttonSet.buttonBlog{ background-position:0 -176px;} .buttonSet.buttonCalendar{ background-position:0 -192px;} .buttonSet.buttonLayoutEditor{ background-position:0 -208px;} .buttonSet.buttonAddWidget{ background-position:0 -224px;} .buttonSet.buttonAddContent{ background-position:0 -240px;} /* file:/home2/picpicko/public_html/files/cache/optimized/cd04dc45b9a17501d93fefcfeb0de0e9.cache.php */ /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/common/js/plugins/ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/common/js/plugins/ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/common/js/plugins/ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(/common/js/plugins/ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/common/js/plugins/ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/common/js/plugins/ui/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/common/js/plugins/ui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/common/js/plugins/ui/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/common/js/plugins/ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/common/js/plugins/ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url(/common/js/plugins/ui/images/ui-anim_basic_16x16.gif) right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: -1px; } /* Button ----------------------------------*/ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* file:/home2/picpicko/public_html/files/cache/optimized/11297fd33f9ba7ce5f33ed755ee0f0bb.cache.php */  /* NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/) Jeong, Chan Myeong 070601~070630 */ /** * Header **/ /* board Title */ .boardHeader { border:1px solid #e1e1dd; border-bottom:0; background:#ffffff url(/modules/board/skins/picpick_board/images/common/bgH3.gif) repeat-x left bottom; overflow:hidden;} .boardHeader .boardHeaderBorder { width:100%;} .boardHeader h3 { margin:0; float:left; padding:15px 15px 12px 15px; font-size:1.2em; background:#ffffff url(/modules/board/skins/picpick_board/images/common/lineH3.gif) no-repeat right bottom;} /* board Description */ .boardDescription { color:#AEAEAE; border:1px solid #DDDDDD; overflow:hidden; padding:10px; margin-top:5px; background-color:#FFFFFF;} /* board Information */ .boardInformation { width:100%; clear:both; margin:10px 0 2px 0; overflow:hidden; color:#666666;} .articleNum { float:left; padding:0 0 0 15px; } /* account Navigation */ .accountNavigation { margin:0; padding:0; float:right; } .accountNavigation li { float:left; margin-left:7px; list-style:none; } .accountNavigation li a { white-space:nowrap; color:#666666; text-decoration:none;} .accountNavigation li.setup a { background:url(/modules/board/skins/picpick_board/images/common/iconSetup.gif) no-repeat left top; padding-left:14px; } .accountNavigation li.admin a { background:url(/modules/board/skins/picpick_board/images/common/iconAdmin.gif) no-repeat left top; padding-left:12px; } .accountNavigation li.listType { margin-left:5px; } .accountNavigation li.loginAndLogout a { background:url(/modules/board/skins/picpick_board/images/common/line_1x10_e0e0e0.gif) no-repeat left 2px; padding-left:8px; } /* secret Content */ .secretContent { margin:20px auto; text-align:center; border:1px solid #EFEFEF; width:240px; } .secretContent .title { padding:10px 0 10px 0; background-color:#EFEFEF; display:block; font-weight:bold; } .secretContent .content { padding:10px 0 10px 0; background-color:#FFFFFF; display:block; } /* blog Style Notice */ .blogNotice { margin-bottom:10px; padding:5px; border:1px solid #e0e1db;} .blogNotice .item { background:url(/modules/board/skins/picpick_board/images/common/notice.gif) no-repeat -2px 3px; padding:3px 0 3px 18px; } .blogNotice .item .date { font-family:verdana; font-size:.9em;color:#AAAAAA; } .blogNotice .item a { text-decoration:none; color:#444444; } .blogNotice .item a:hover { text-decoration:underline} .blogNotice .item .replyAndTrackback { color:#AAAAAA; font-size:.9em; } /* boardRead */ .viewDocument { border-bottom:2px solid #AAAAAA; margin-bottom:20px; } .boardRead { margin:10px 0 10px 0; } .boardRead .titleAndUser { overflow:hidden; border-bottom:1px solid #e0e1db; } .boardRead .titleAndUser .title { float:left; margin:10px 0 5px 0; } .boardRead .titleAndUser h4 { margin:0; font-size:1.5em; margin-left:3px;} .boardRead .titleAndUser h4 a { color:#000000; text-decoration:none; } .boardRead .titleAndUser h4 a:hover { text-decoration:underline; } .boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:11px; } .boardRead .titleAndUser .userInfo .author { color:#3074a5; } .boardRead .titleAndUser .userInfo .author a { font-size:.9em; color:#3074a5; text-decoration:none; } .boardRead .dateAndCount { clear:both; white-space:nowrap; color:#444444; margin:5px 0 0 0; float:left; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; } .boardRead .dateAndCount .date { float:right; background:url(/modules/board/skins/picpick_board/images/common/calendar.gif) no-repeat left top; padding-left:18px; margin-left:10px; } .boardRead .dateAndCount .readedCount { float:right; color:#AAAAAA; margin-left:10px; background:url(/modules/board/skins/picpick_board/images/common/read.gif) no-repeat left top; padding-left:18px; color:#4A3FD7;} .boardRead .dateAndCount .votedCount { float:right; color:#AAAAAA; margin-left:10px; background:url(/modules/board/skins/picpick_board/images/common/vote.gif) no-repeat left top; padding-left:18px; color:#D76A3F;} .boardRead .dateAndCount .replyAndTrackback { float:right; } .boardRead .dateAndCount .replyAndTrackback .replyCount { margin-left:10px; float:left; background:#FFFFFF url(/modules/board/skins/picpick_board/images/common/iconReply.gif) no-repeat left 1px; padding-left:15px; } .boardRead .dateAndCount .replyAndTrackback .trackbackCount { margin-left:10px; float:left; background:#FFFFFF url(/modules/board/skins/picpick_board/images/common/iconTrackback.gif) no-repeat left 1px; padding-left:15px; } .boardRead .dateAndCount .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none; } .boardRead .dateAndCount .replyAndTrackback a:hover { text-decoration:underline; } .boardRead .dateAndCount .category { float:left; margin-right:10px; } .boardRead .dateAndCount .category a { color:#555555; text-decoration:none; background:url(/modules/board/skins/picpick_board/images/common/category.gif) no-repeat left -1px; padding-left:18px; } .boardRead .dateAndCount .category a:hover { text-decoration:underline; } .boardRead .dateAndCount .uri { float:left; } .boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#BBBBBB; } /* extraVars list */ .boardRead .extraVarsList { width:100%; border:1px solid #e0e1db; border-bottom:none; margin:0 0 30px 0; table-layout:fixed;} .boardRead .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;} .boardRead .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; } .boardRead .extraVarsList td a { color:#555555; } .boardRead .readBody { color:#555555; margin-top:20px; } .boardRead .readBody .contentBody .ipaddress { text-align:right; margin-top:10px; color:#bbbbbb; font-family:tahoma;} .boardRead .tag { background:#FFFFFF url(/modules/board/skins/picpick_board/images/common/iconTag.gif) no-repeat 3px 2px; padding-left:25px; margin:10px 0 0 0; } .boardRead .tag ul { margin:0; padding:0; } .boardRead .tag li { display:inline; list-style:none; } .boardRead .tag li a { color:#444444;} .boardRead .fileAttached { border:1px solid #EFEFEF; background-color:#F4F4F4; padding:5px; margin-top:10px; overflow:hidden;} .boardRead .fileAttached h5 { font-weight:normal; color:#999999; font-size:1em; line-height:22px; } .boardRead .fileAttached ul { padding:0; margin:0; } .boardRead .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin-right:10px; height:18px;} .boardRead .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; color:#444444; } .boardRead .fileAttached li a:visited { color:#777777;} .boardRead .contentButton { text-align:right;margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px;} .trackbackBox { padding:.6em .6em; color:#666666; border:1px solid #e0e1db;;margin-top:.5em; } .trackbackBox .trackbackUrl { color:#1F3DAE; font-size:.9em; background:url(/modules/board/skins/picpick_board/images/common/iconTrackback.gif) no-repeat left top; padding-left:18px; margin:0 0 3px 10px; height:18px;} .trackbackBox .trackbackItem { background-color:#F3F3F3; padding:.6em .8em .6em .6em; line-height:1.25em; border-top:1px dotted #EEEEEE; list-style:none;} .trackbackBox p { display:inline; margin-bottom:1em;} .trackbackBox a { color:#666666; text-decoration:none;} .trackbackBox div { clear:both; } .trackbackBox address { display:block; padding:0 .3em 0 0; } .trackbackBox address a { font-size:.9em; color:#3074a5; margin-right:.3em; float:left;} .trackbackBox address .date { font:.8em Tahoma; color:#cccccc; float:right;} .replyBox { padding:10px; color:#666666; border:1px solid #183B4F; margin-top:.5em;} .replyBox .replyItem { background-color:#FFFFFF; padding:.6em .8em .6em .6em; line-height:1.em; clear:both; border-bottom:1px dotted #EEEEEE; list-style:none;} .replyBox p { display:inline; margin-bottom:1em;} .replyBox .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;} .replyBox .author a { color:#3074a5; margin-right:.3em; text-decoration:none; } .replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;} .replyBox .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;} .replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;} .replyBox .replyOption img { vertical-align:middle;} .replyBox .replyContent { clear:left; } .replyBox .replyContent p { display:block; } .replyBox .reply { background-color:#F4F4F4; border-bottom:1px dotted #DDDDDD;} .replyBox .replyIndent { background:url(/modules/board/skins/picpick_board/images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;} .replyBox .fileAttached { border:1px solid #EFEFEF; background-color:#F4F4F4; padding:5px; margin-top:10px; overflow:hidden;} .replyBox .fileAttached ul { border:0; margin:0; } .replyBox .fileAttached h5 { font-weight:normal; color:#999999; float:left; font-size:1em; line-height:22px;} .replyBox .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin-right:10px; height:18px;} .replyBox .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; color:#444444; } .replyBox .fileAttached li a:visited { color:#777777;} .commentButton { margin-top:.5em; } /* gallery sub menu */ .boardSubMenu { margin:0 0 .5em 0; padding:1em 0 .5em .5em; border-bottom:1px solid #e0e1db;} .boardSubMenu a { text-decoration:none; color:#666666; vertical-align:bottom; background:url(/modules/board/skins/picpick_board/images/common/line_1x10_e0e0e0.gif) no-repeat right 5px; padding-left:10px; padding-right:10px; _padding-top:5px; position:relative; top:5px; } .boardSubMenu img.sort { vertical-align:middle; } /* list */ .boardList { width:100%; border:1px solid #e0e1db; border-top:none; table-layout:fixed;} .boardListNoTopBorder { border:none; } .boardList th { color:#3e3f3e; font-weight:bold; border-top:1px solid #e0e1db; border-bottom:1px solid #ffffff; white-space:nowrap; padding-top:2px; height:20px; overflow:hidden;} html:not([lang*=""]) .boardList th { height:21px; } .boardList th.no_line { background-position:-3px bottom; } .boardList th a { color:#3e3f3e; text-decoration:none; } .boardList th.num { border-left:1px solid #ffffff; } .boardList th.checkbox { text-align:center; padding:15px 5px 15px 5px;} .boardList th.title { text-align:center; padding-left:1em; } .boardList th.topic { text-align:left; padding-left:1em; } .boardList th.category { text-align:left; padding-left:1em; } .boardList th.category select { vertical-align:absmiddle; width:80px; height:16px; font-size:.90em;} .boardList th.reading, th.recommend , th.date { white-space:nowrap;} .boardList th .sort { padding:0 .2em; vertical-align:middle;} .boardList tr.notice { background:#dddddd } .boardList tr.notice .num { font-weight:bold;} .boardList tr.bg1 { background:#ffffff} .boardList tr.bg2 { background:#F5F5F5;} .boardList td { border-top:1px solid #eff0ed; padding:20px 10px 20px 10px;} .boardList td.num { font:.8em tahoma; color:#999999; padding:.5em 1em; text-align:center;} .boardList td.checkbox { font:.8em tahoma; color:#999999; text-align:center;} .boardList tr.notice td.num { padding:.5em; white-space:nowrap;} .boardList tr.notice td.notice { font-size:.9em; color:#000000; font-weight:bold; text-align:center;} .boardList td.thumb img { border:1px solid #E0E1DB; padding:2px; } .boardList td.title {padding-left:1em;} .boardList td.title span.category { font-size:0.85em; color:#555555; background:url(/modules/board/skins/picpick_board/images/common/line_1x10_e0e0e0.gif) no-repeat right 3px; padding-right:.5em; margin-right:.5em;} .boardList td.title.bold { font-size:1.1em; font-weight:bold;} .boardList td.title.bold a { position:relative; top:.5em;} .boardList td.title * { vertical-align:middle;} .boardList td.title, .boardList td.title a { color:#444444; text-decoration:none;} .boardList td.title a:visited { color:#777777;} .boardList td.topic { padding-left:1em; color:#888888; } .boardList td.topic strong a { font-size:1em; font-weight:normal; text-decoration:none; color:#222222; } .boardList td.topic strong a:visited { color:#777777; } .boardList td.topic .category { background:url(/modules/board/skins/picpick_board/images/common/line_1x10_e0e0e0.gif) no-repeat left 3px; padding-left:.5em; margin-left:.5em; color:#AAAAAA; } .boardList td.topic div.author { margin-top:.5em; color:#BBBBBB; font-size:0.8em; } .boardList td.topic div.author strong { font-size:1.2em; font-weight:normal; color:#666666; } .boardList td.commentCount { font:bold .8em Tahoma; color:#888888; text-align:center; } .boardList td.latestPost { color:#888888; } .boardList td.latestPost div.author { margin-top:.5em; color:#BBBBBB; font-size:0.8em; } .boardList td.latestPost div.author strong { font-size:1.2em; font-weight:normal; color:#666666; } .boardList td.latestPost div.date { font-size:0.8em; margin-top:.5em; } .boardList td.latestPost div.date strong { font-family:Tahoma; font-weight:normal; color:#666666; } .boardListNoTopBorder td { border-top:none; border-bottom:1px solid #eff0ed; padding:.5em;} .boardList td.webzineTitle { padding-left:1em; color:#777777;} .boardList td.webzineTitle strong.category { font-size:1em; background:url(/modules/board/skins/picpick_board/images/common/line_1x10_e0e0e0.gif) no-repeat right 3px; padding-right:.5em; margin-right:.5em;} .boardList td.webzineTitle.bold { font-size:1.2em; font-weight:bold;} .boardList td.webzineTitle * { vertical-align:middle;} .boardList td.webzineTitle, .boardList td.webzineTitle a { color:#444444; text-decoration:none;} .boardList td.webzineTitle a:visited { color:#777777;} .boardList td.summary { border-top:none; vertical-align:top; color:#666666; line-height:1.25em; padding-left:1em;} .boardList td.summary a { color:#666666; text-decoration:none; line-height:inherit;} .boardList td.summary a:visited { color:#999999;} .boardList td .replyAndTrackback img.trackback { margin-bottom:-.1em;} .boardList td .replyAndTrackback strong { font:bold 1em Tahoma;} .boardList td .replyAndTrackback { font:.8em Tahoma; } .boardList td.author { color:#333333; font-size:.95em; padding-left:1em;} .boardList td.author a { font-size:1em; color:#333333;} .boardList td.reading { font:.8em Tahoma; color:#999999; text-align:center;} .boardList td.recommend { font:bold .8em Tahoma; text-align:center;} .boardList td.date { font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;} .boardList td input { _margin:-3px;} .buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; _position:relative; _top:0px; font:.75em Tahoma; text-align:center;} *:first-child+html .buttonTypeGo { position:relative; top:3px; } .thumbnailBox { margin-top:1em; clear:both; overflow:hidden; border-bottom:1px solid #e0e1db; } .thumbnailBox div.cell { display:block; float:left; overflow:hidden; margin-bottom:1em; margin-right:1em;} .thumbnailBox div.cell img.thumb { padding:2px; border:1px solid #e0e1db; display:block; margin-bottom:1em; margin-left:auto;margin-right:auto;} .thumbnailBox div.title { color:#3B96C0; margin-bottom:.2em; overflow:hidden; white-space:nowrap; text-align:center;} .thumbnailBox div.title a { color:#3B96C0; text-decoration:none;} .thumbnailBox div.nameAndDate { font-size:.9em; color:#999999; margin-bottom:.2em; text-align:center;} .thumbnailBox div.nameAndDate a { color:#999999;} .thumbnailBox div.nameAndDate .author { margin-left:auto; margin-right:right; } .thumbnailBox div.nameAndDate .author div { display:inline; vertical-align:middle;} .thumbnailBox div.nameAndDate .date { font:.8em Tahoma; color:#999999;} .thumbnailBox div.readAndRecommend { font-size:.9em; color:#666666; text-align:center;} .thumbnailBox div.readAndRecommend .num { font:.8em Tahoma;} .thumbnailBox div.readAndRecommend .vr { color:#dddddd;} .thumbnailBox div.readAndRecommend strong.num { font:bold .8em Tahoma; color:#ff6600;} /* board Bottom */ .boardBottom { margin-top:10px; } /* list button */ .leftButtonBox { float: left; } .rightButtonBox { float: right; } /* pageNavigation */ .pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;} .pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 10px 0 0; } .pageNavigation .current { font:bold 1em Tahoma; text-decoration:none; margin:0 10px 0 0; } .pageNavigation a:hover { background:#F7F7F7; text-decoration:none; } .pageNavigation a:visited { color:#999999; } .pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;} /* Search Form */ .boardSearch { margin-top:30px; margin-left:auto; margin-right:auto; clear:both; text-align:center;} .boardSearch select { height:20px; } .boardSearch input { height:18px; } /* boardWrite */ .boardEditor { margin-bottom:10px; } .commentEditor { margin-top:10px; } .boardWrite { border:1px solid #e0e1db; padding-bottom:10px;} .boardWrite fieldset { border:none; } .boardWrite .userNameAndPw { margin:10px 10px 0 10px; } .boardWrite .userNameAndPw .userName {width:60px; margin-right:10px; } .boardWrite .userNameAndPw .userPw {width:60px; margin-right:10px; } .boardWrite .userNameAndPw .emailAddress {width:60px; margin-right:10px; } .boardWrite .userNameAndPw .homePage {width:60px; margin-right:10px; } .boardWrite .title { margin-top:5px; } .boardWrite .title .category { margin-left:10px; } .boardWrite .title label.title { margin:0 10px 0 10px; } .boardWrite .title input.title { width:60%;} .boardWrite dl { padding:0; margin:0; } .boardWrite dl dd { padding:0; margin:0; } .boardWrite dl.option { margin:10px 0 3px 10px; padding:0;} .boardWrite dl.option dd { display:inline; margin-right:5px; } .boardWrite dl.option dd * { vertical-align:middle;} .boardWrite dl.option dd select { width:8em; font-size:.95em; } .boardWrite .tag { margin-top:10px; margin-left:10px; } .boardWrite .tag .inputTypeText { width:90%; background:#FFFFFF url(/modules/board/skins/picpick_board/images/common/iconTag.gif) no-repeat 5px 5px; padding-left:30px;} .boardWrite .tag .help { vertical-align:middle;} .boardWrite .tag .info { font-size:.9em; color:#999999; background:url(/modules/board/skins/picpick_board/images/common/iconArrowD8.gif) no-repeat left center; margin-top:5px;} .boardWrite .extraVarsList { width:100%; border-top:1px solid #e0e1db; border-bottom:none; margin:10px 0 10px 0; table-layout:fixed;} .boardWrite .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;} .boardWrite .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; } .boardWrite .extraVarsList td a { color:#555555; } .boardWrite .extraVarsList p { margin:5px 0 0 0; padding:0; } .boardWrite .extraVarsList ul { margin:0; padding:0; } .smallBox { border:1px solid #e0e1db; margin-left:auto; margin-right:auto; } .smallBox.w268 { width:268px;} .smallBox .header { position:relative; _width:100%; background:#ffffff url(/modules/board/skins/picpick_board/images/normal/bgH3.gif) no-repeat left bottom; overflow:hidden;} .smallBox .header h3 { clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em; border-bottom:3px solid #fe3614; } .smallBox .complex { padding:1.5em 2em 2em 2em;} .smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;} .smallBox .inputPassword .inputTypeText { float:left; margin-right:.5em; width:8em;} .smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;} .smallBox .messageBox { background-color:#F3F3F3; padding:20px; border-bottom:1px solid #EEEEEE;} /* 게시물의 팝업 메뉴 */ .comment_popup_menu, .document_popup_menu { text-align:right; background:none; background:url(/modules/board/skins/picpick_board/images/common/document_menu.gif) no-repeat right top; padding:0 15px 0 0; height:18px; } .comment_popup_menu span, .document_popup_menu span { cursor:pointer; display:inline; } /* tag list */ .tagsBox { border:1px solid #EEEEEE; padding:10px; overflow:hidden;} .tagsBox h5 { margin:0; padding:2px; } .tags { width:100%; } .tags div { float:left; padding:2px; margin-right:10px; overflow:hidden; white-space:nowrap; height:15px;} .tags div a { text-decoration:none; color:#555555; line-height:150%;} .tags div a:hover { background-color:#888888; color:#FFFFFF;} .tags .tagTypeA a { color:#fe3614; font-weight:bold; font-size:12pt; background-color:#EFEFEF; margin:0;} .tags .tagTypeB a { color:#fe3614; font-size:11pt; margin:0;} .tags .tagTypeC a { font-weight:bold; font-size:11pt; margin:0; background-color:#EFEFEF;} .tags .tagTypeD a { font-weight:bold; margin:0; background-color:#EFEFEF;} .tags .tagTypeE a { font-weight:normal; margin:0;} /* 회원 서명 및 프로필 이미지 출력 */ .memberSignature { border:1px solid #e0e1db; padding:10px; margin-top:20px;} .memberSignature .profile { float:left; margin-right:20px; } .commentProfileImage { margin:0 0 10px 0; } #listreply {margin:0; padding:0; } #listreply li {list-style:none;} #listreply p { display:inline;} #listreply .replyIndent { background:url(/modules/board/skins/picpick_board/images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em; } #listreply .replyContent {float:left;} #listreply .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em 0.5em 0;} #listreply .author a { font-size:.9em; color:#3074a5; margin-right:.3em;} #listreply .date { float:left; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;} /* file:/home2/picpicko/public_html/files/cache/optimized/f2c355561632d778fadfb48a36c8f383.cache.php */ /* board Title */ .boardHeader h3 { margin:0; border-bottom:3px solid #fe3614; } /* board Information */ .articleNum { float:left; background:url(/modules/board/skins/picpick_board/images/white/iconArticle.gif) no-repeat left top; } .articleNum strong { font:bold 11px Tahoma; color:#ff6600;} /* account Navigation */ .accountNavigation li.join a { background:url(/modules/board/skins/picpick_board/images/white/iconMyInfo.gif) no-repeat left top; padding-left:14px; } .accountNavigation li.myInfo a { background:url(/modules/board/skins/picpick_board/images/white/iconMyInfo.gif) no-repeat left top; padding-left:14px; } /* boardRead */ .boardRead .fileAttached li { background:url(/modules/board/skins/picpick_board/images/white/iconFile.gif) no-repeat left top;} /* style.list */ .boardList th { background:#ffffff url(/modules/board/skins/picpick_board/images/white/lineBoardListTh.gif) no-repeat left bottom; } .boardList td.recommend { color:#ff6600; } .boardList td .replyAndTrackback { color:#ff6600; } .buttonTypeGo { background:url(/modules/board/skins/picpick_board/images/white/buttonTypeInput24.gif) no-repeat; } /* pageNavigation */ .pageNavigation .current { color:#ff6600; } /* replyAndTrackback */ .buttonBox .replyAndTrackback a strong { color:#ff6600;} .replyBox .fileAttached li { background:url(/modules/board/skins/picpick_board/images/white/iconFile.gif) no-repeat left top;} /* file:/home2/picpicko/public_html/files/cache/optimized/8119da654b54aedcc9975562ef384bdc.cache.php */  html {height:100%;} body, div, img, ul, ol, li, p, h1, h2, h3, h4, h5, input, select, textarea, fieldset, form, button, table, th, td, tr, a { margin:0; padding:0; border:none; font-family: Tahoma, "나눔 고딕", "맑은 고딕", "돋움", sans-serif; font-size:12px;} body { width:100%; height:100%; background:url(/layouts/mediaOn_plus/images/bg.jpg) top fixed no-repeat #454545; } a { text-decoration:none; } div.clear { clear:both; width:100%; height:0px; overflow:hidden; } #bgWrap { _position:fixed; left:0; top:0; _position:absolute; width:100%; _height:100%; _z-index:1;} #bodyWrap { position:relative; z-index:2; width:980px; margin:0 auto; padding-bottom:10px; } .headerWrap { position:relative; height:88px; overflow:hidden; } .headerWrap h1.title a { display:block; color:#FFF; font-size:32px; padding:30px 10px;} .topMenu { position:absolute; right:10px; top:10px; height:100px; width:600px; overflow:hidden;} .topMenu ul {display:block; float:right; white-space:nowrap; } .topMenu ul li { float:left; padding:0 7px; list-style:none; border-right:1px solid #888; position:relative; right:-7px; } .topMenu ul li a { color:#ffffff;} .topMenu ul li a:hover { color:#fff; text-decoration:underline; } .topMenu ul li.language .languageList { display:none; width:600px; } .topMenu ul li.language .languageList li { padding:0px; float:right; border:none; padding:0 5px 0 0; } .topMenu ul li.language .languageList li a { font-size:10px; color:#999; height:12px; padding:2px 4px; background:#333; } .topMenu ul li.language .languageList li a:hover {color:#ccc; text-decoration:none; background:#000;} .topMenu ul li.language .languageList li.title a { color:#ccc; background:none; padding:2px 0; } .topMenu ul li.language .languageList li.title a:hover {background:none;} .topMenu ul li.open .languageList { display:block; float:right; padding:0; top:18px; right:4px; position:absolute; padding:5px; } .contentWrap { position:relative; } .contentTop { height:60px; } #rssWrapper a img { position:absolute; top:-15px; right:10px; z-index:150; } #rssWrapper a img:hover { top:-13px; } #rssWrapper a img { width:90px; height:22px; } /* 메인 메뉴 */ #menu_l { float:left; height:60px; width:10px; background:url(/layouts/mediaOn_plus/images/menu_l.gif); } #menuWrap { float:left; height:30px; width:680px; padding:15px 0; background:url(/layouts/mediaOn_plus/images/menu_bg.gif); } #mainMenu { list-style:none; z-index:100; position: relative;} #mainMenu li { float:left; list-style:none; hight:30px; position: relative; } #mainMenu li a { text-decoration:none; cursor:pointer; } #mainMenu li a span{ float:left; display:block; height:30px; } #mainMenu li a span.left, #mainMenu li span.right { width:10px; } #mainMenu li a span.center { font-weight:bold; font-size:14px; color:#999; height:18px; padding:6px 0; display:block; } #mainMenu li.on span.left { display:block; background:url(/layouts/mediaOn_plus/images/menu_slb.png) no-repeat; } #mainMenu li.on span.center { color:#ccc; background:url(/layouts/mediaOn_plus/images/menu_sb.png); } #mainMenu li.on span.right { display:block; background:url(/layouts/mediaOn_plus/images/menu_srb.png) no-repeat; } #mainMenu li.out a span.left { display:block; background:none; } #mainMenu li.out a span.center { color:#666; background:none; } #mainMenu li.out a span.right { display:block; background:none;} #mainMenu li.select a span.left { display:block; width:15px;} #mainMenu li.select a span.center { color:#ccc; } #mainMenu li.select a span.right { display:block; width:15px;} #mainMenu li.select a span.blueL { background:url(/layouts/mediaOn_plus/images/blue/menu_sl.png) right no-repeat; } #mainMenu li.select a span.blueC { color:#ccc; background:url(/layouts/mediaOn_plus/images/blue/menu_s.png); } #mainMenu li.select a span.blueR { background:url(/layouts/mediaOn_plus/images/blue/menu_sr.png) left no-repeat; } #mainMenu li.select a span.redL { background:url(/layouts/mediaOn_plus/images/red/menu_sl.png) right no-repeat; } #mainMenu li.select a span.redC { color:#ccc; background:url(/layouts/mediaOn_plus/images/red/menu_s.png); } #mainMenu li.select a span.redR { background:url(/layouts/mediaOn_plus/images/red/menu_sr.png) left no-repeat; } #mainMenu li.select a span.greenL { background:url(/layouts/mediaOn_plus/images/green/menu_sl.png) right no-repeat; } #mainMenu li.select a span.greenC { color:#ccc; background:url(/layouts/mediaOn_plus/images/green/menu_s.png); color:#FFF !important; } #mainMenu li.select a span.greenR { background:url(/layouts/mediaOn_plus/images/green/menu_sr.png) left no-repeat; } #mainMenu li.select a span.purpleL { background:url(/layouts/mediaOn_plus/images/purple/menu_sl.png) right no-repeat; } #mainMenu li.select a span.purpleC { color:#ccc; background:url(/layouts/mediaOn_plus/images/purple/menu_s.png); } #mainMenu li.select a span.purpleR { background:url(/layouts/mediaOn_plus/images/purple/menu_sr.png) left no-repeat; } #mainMenu li.select a span.grayL { background:url(/layouts/mediaOn_plus/images/gray/menu_sl.png) right no-repeat; } #mainMenu li.select a span.grayC { color:#ccc; background:url(/layouts/mediaOn_plus/images/gray/menu_s.png); } #mainMenu li.select a span.grayR { background:url(/layouts/mediaOn_plus/images/gray/menu_sr.png) left no-repeat; } #mainMenu li.select a:hover span.center { color:#fff;} /*메인메뉴 드랍*/ #mainMenu li ul { top:25px; left:0px; padding-top:10px; display:none; position:absolute; } #mainMenu li ul.blue { background:url(/layouts/mediaOn_plus/images/blue/drop_arrow.gif) left top no-repeat;} #mainMenu li ul.red { background:url(/layouts/mediaOn_plus/images/red/drop_arrow.gif) left top no-repeat;} #mainMenu li ul.green { background:url(/layouts/mediaOn_plus/images/green/drop_arrow.gif) left top no-repeat;} #mainMenu li ul.purple { background:url(/layouts/mediaOn_plus/images/purple/drop_arrow.gif) left top no-repeat;} #mainMenu li ul.gray { background:url(/layouts/mediaOn_plus/images/gray/drop_arrow.gif) left top no-repeat;} #mainMenu li ul li { width:100%; clear:both; position:relative; list-style: none; } #mainMenu li ul.blue li {background:url(/layouts/mediaOn_plus/images/blue/dropmenu_bg.gif) bottom repeat-x;} #mainMenu li ul.red li {background:url(/layouts/mediaOn_plus/images/red/dropmenu_bg.gif) bottom repeat-x;} #mainMenu li ul.green li {background:url(/layouts/mediaOn_plus/images/green/dropmenu_bg.gif) bottom repeat-x;} #mainMenu li ul.purple li {background:url(/layouts/mediaOn_plus/images/purple/dropmenu_bg.gif) bottom repeat-x;} #mainMenu li ul.gray li {background:url(/layouts/mediaOn_plus/images/gray/dropmenu_bg.gif) bottom repeat-x;} #mainMenu li ul li a {display:block; padding:7px 20px 7px 10px; font-weight:bold; } #mainMenu li ul.blue li a { color:#6fa5d3;} #mainMenu li ul.red li a { color:#e86e5a; } #mainMenu li ul.green li a { color:#95c95d} #mainMenu li ul.purple li a { color:#cb75e7; } #mainMenu li ul.gray li a { color:#999;} #mainMenu li ul li a:hover { color:#ccc; padding:7px 18px 7px 12px;} #mainMenu li ul li.on a {color:#FFF;} #menu_r { float:left; height:60px; width:10px; background:url(/layouts/mediaOn_plus/images/menu_r.gif); } /* 검색 */ .contentTop #searchWrap { position:relative; float:left; margin-top:20px; padding:10px 10px 0 20px; height:30px; width:250px; background:url(/layouts/mediaOn_plus/images/search_bg.gif); overflow:hidden; } .contentTop #searchWrap .searchText { padding:5px; height:20px; width:180px; font-size:14px; background: transparent; color:#999; font-weight:bold;} .contentTop #searchWrap .submit { height:30px; width:30px; background:url(/layouts/mediaOn_plus/images/search_btn1.gif); position:absolute; right:10px; top:10px;} .contentTop #searchWrap .submit:hover {background:url(/layouts/mediaOn_plus/images/search_btn2.gif);} .contentMiddle {background:url(/layouts/mediaOn_plus/images/right_bg.gif) right repeat-y #FFF; position:relative; **float:left; overflow:hidden; } /* 좌측단 */ .leftColumn { width:680px; position:relative; float:left; padding:20px 10px 0px 10px; overflow:hidden; background:url(/layouts/mediaOn_plus/images/content_bg.gif) top repeat-x; } /* 우측단 */ .rightColumn { float:right; position:relative; width:280px; padding-top:20px; } /* 서브메뉴 & 위젯 */ .rightColumn .menuTitle { padding-left:20px; font-weight:bold; font-size:16px; } .rightColumn .menuTitle.blue { color:#25a5e0;} .rightColumn .menuTitle.red { color:#f31a20;} .rightColumn .menuTitle.green { color:#95c95d;} .rightColumn .menuTitle.purple { color:#d042ff;} .rightColumn .menuTitle.gray { color:#ccc;} .rightColumn .widgetTitle { padding-left:20px; font-weight:bold; font-size:16px; color:#999;} .rightColumn .widgetWrapper { background:url(/layouts/mediaOn_plus/images/widget_bg.gif) top no-repeat; padding:25px 10px 20px 20px; color:#666;} .rightColumn #submenu {list-style:none; *position:relative;} .rightColumn #submenu li { padding-bottom:5px; *position:relative;} .rightColumn #submenu li a { display:block; padding:7px 10px; white-space:nowrap; background:url(/layouts/mediaOn_plus/images/sub_off.gif) left repeat-y; font-weight:bold; color:#999; } .rightColumn #submenu li a:hover { background:url(/layouts/mediaOn_plus/images/sub_on.gif) left repeat-y; color:#fff;} .rightColumn #submenu li.selected a { color:#fff;} .rightColumn #submenu li.selected.blue a { background:url(/layouts/mediaOn_plus/images/blue/sub_select.gif) left repeat-y;} .rightColumn #submenu li.selected.blue a:hover { background:url(/layouts/mediaOn_plus/images/blue/sub_select_on.gif) left repeat-y;} .rightColumn #submenu li.selected.red a { background:url(/layouts/mediaOn_plus/images/red/sub_select.gif) left repeat-y;} .rightColumn #submenu li.selected.red a:hover { background:url(/layouts/mediaOn_plus/images/red/sub_select_on.gif) left repeat-y;} .rightColumn #submenu li.selected.green a { background:url(/layouts/mediaOn_plus/images/green/sub_select.gif) left repeat-y;} .rightColumn #submenu li.selected.green a:hover { background:url(/layouts/mediaOn_plus/images/green/sub_select_on.gif) left repeat-y;} .rightColumn #submenu li.selected.purple a { background:url(/layouts/mediaOn_plus/images/purple/sub_select.gif) left repeat-y;} .rightColumn #submenu li.selected.purple a:hover { background:url(/layouts/mediaOn_plus/images/purple/sub_select_on.gif) left repeat-y; } .rightColumn #submenu li.selected.gray a { background:url(/layouts/mediaOn_plus/images/gray/sub_select.gif) left repeat-y;} .rightColumn #submenu li.selected.gray a:hover { background:url(/layouts/mediaOn_plus/images/gray/sub_select_on.gif) left repeat-y;} .rightColumn #submenu .extend {list-style:none; padding:5px 0;} .rightColumn #submenu .extend li a { padding:5px 0 0 15px !important; background:none !important; color:#666; font-size:12px; } .rightColumn #submenu .extend li a:hover { padding:5px 0 0 17px !important; background:none; color:#ccc;} .rightColumn #submenu .extend li.blue a { color:#25A5E0; } .rightColumn #submenu .extend li.red a { color:#f31a20;} .rightColumn #submenu .extend li.green a { color:#95c95d;} .rightColumn #submenu .extend li.purple a { color:#d042ff;} .rightColumn #submenu .extend li.gray a { color:#ccc;} .contentWrap .contentBottom { height:60px; background:url(/layouts/mediaOn_plus/images/center_bg.gif); **width:980px; text-align:right;} .contentWrap .contentBottom img { margin-top:2px;} .contentWrap .contentBottom img:hover { margin-top:0;} /* 하단 */ .footerWrap { position:relative; *width:980px; padding:0; margin:0 auto; background:#2e2e2e;} #sitemapMenu { padding:0 0 20px 20px; overflow:hidden; float:left; position:relative;} #sitemapMenu h3 { padding: 0px 0 10px 20px; background:url(/layouts/mediaOn_plus/images/home.png) left top no-repeat;} #sitemapMenu h3 a { font-size:16px; color:#ccc; } #sitemapMenu .section { width:105px; float:left; padding-right:7px; overflow:hidden; border-left:1px solid #111; } #sitemapMenu .section h4 {padding:5px; border-left:1px solid #444;} #sitemapMenu .section h4 a { color:#999; } #sitemapMenu .section h4 a:hover { color:#eee;} #sitemapMenu .section ul { list-style:none; padding-left:10px; border-left:1px solid #444; padding-top:2px;} #sitemapMenu .section ul li { padding-bottom:5px;} #sitemapMenu .section ul li a {color:#666;} #sitemapMenu .section ul li a:hover { padding-left:2px; color:#999;} #sitemapMenu .section .extend {list-style:none; padding:0 0 10px 5px; border-left:none;} #sitemapMenu .section .extend li { padding-bottom:0px;} #sitemapMenu .section .extend li a { font-size:10px; color:#555;} #sitemapMenu .section .extend li a:hover { padding-left:2px; color:#999;} #footerProfile { padding:0 20px 20px 0; float:right; position:relative; width:240px; } #footerProfile h3 { padding-bottom:10px; font-size:16px; color:#ccc; padding-left:5px; } #footerProfile img.profileImg {width:48px; padding:4px; height:auto; float:left; background:#333; border:1px solid #444; border-left:1px solid #222; border-top:1px solid #222;} #footerProfile .textWrap { width:160px; float:right; color:#666;} #footerProfile .textWrap h4 {padding-bottom:5px; color:#999;} #footerProfile .textWrap p { padding-bottom:5px; } #footerProfile .textWrap a { color:#555;} #footerProfile .textWrap a:hover { color:#999; text-decoration:underline;} .footerContent { position:relative; padding:0 20px 20px 20px; overflow:hidden; float:left; color:#666; } .footBar { position:relative; background:#000; height:30px; background:url(/layouts/mediaOn_plus/images/footBar.png);} #bottomMenu { position:absolute; left:15px; bottom:0px; overflow:hidden; } #bottomMenu ul { display:block; overflow:hidden; white-space:nowrap; } #bottomMenu ul li { float:left; list-style:none; position:relative; left:-15px; } #bottomMenu ul li.slush { color:#444; text-align:center; width:15px;} #bottomMenu ul li a { color:#999;} #bottomMenu ul li a:hover { color:#ddd; text-decoration:underline;} .footerWrap .footLogo {position:absolute; right:10px; top:7px; } .copyright { background:url(/layouts/mediaOn_plus/images/foot_bg.gif) top no-repeat; margin:0 auto 30px auto; padding:30px 10px 10px 10px; text-align:right; font:9px tahoma, arial, sans-serif; color:#999; } .copyright span { font-weight:bold; color:#ccc;} /* file:/home2/picpicko/public_html/files/cache/optimized/b68f66f5186b0fd43f59a4969a11da49.cache.php */ /* modalWindow */ .loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:999; } .loginWindow .modalWindow{ display:block; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; background:#333; opacity:.8; filter:alpha(opacity:80);} .loginWindow .loginLayer{ position:absolute; width:300px; top:120px; left:50%; padding-top:40px; margin-left:-150px; background:url(/layouts/mediaOn_plus/images/login_top.gif) top no-repeat;} .loginWindow .loginLayer form{ *zoom:1; margin:0; padding:0;} .loginWindow .loginLayer form:after{ content:""; display:block; clear:both;} .loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;} .loginWindow .loginLayer .fieldWrapper {background:#FFF;} .loginWindow .loginLayer fieldset{ border:0; margin:0; padding:10px; } .loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#666666; margin:0 0 5px 0;} .loginWindow .loginLayer dd{ margin:0 0 10px 0; padding:0; } .loginWindow .loginLayer .inputText { width:260px; height:32px; padding:6px 9px 0 9px; border:1px solid #ccc; font-size:16px; font-weight:bold; color:#666; background:url(/layouts/mediaOn_plus/images/login_bg.png);} .loginWindow .loginLayer .inputText:focus{ border:1px solid #999;} .loginWindow .loginLayer .openID { width:230px; height:32px; padding:6px 9px 0 39px; background:url(/layouts/mediaOn_plus/images/openid_bg.png);} .loginWindow .loginLayer .openID:focus { background:url(/layouts/mediaOn_plus/images/openid_bg2.png); } .loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;} #openidLogin { border-top:1px dotted #999;} .loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;} .loginWindow .loginLayer .keep label{ color:#555;} .loginWindow .loginLayer .loginBtn { position:relative; height:30px; width:79px; background:url(/layouts/mediaOn_plus/images/login_btn.png); float:right; cursor:pointer;} .loginWindow .loginLayer .help{ margin:0; padding-top:12px; height:28px; list-style:none; text-align:center; background:url(/layouts/mediaOn_plus/images/login_bottom.gif);} .loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;} .loginWindow .loginLayer .help li.join{ font-weight:bold;} .loginWindow .loginLayer .help li.find{ border-left:1px solid #444;} .loginWindow .loginLayer .help li a{ text-decoration:none; color:#999;} .loginWindow .loginLayer .help li a:hover { color:#ccc;} .loginWindow .loginLayer .close{ position:absolute; cursor:pointer; top:0; right:0; }