@charset "utf-8";

/* reset */
@import url(./reset.css);
@import url(./flyer.css);

/* global --------------------- */
body {
    background-color:#fff;
    font:11px/1.6 Verdana, Helvetica, sans-serif;
    color:#515151;
}

/* layout --------------------- */
#bodyWrap {
    width:540px;
}

/* tab navigation  --------------------- */
#tab {
    margin-bottom:26px;
}

#tab ul {
    padding-bottom:14px;
    padding-left:9px;
    background:url(/images/premium/korea_sparkling/bg_tab.gif) repeat-x 0 100%;
}

#tab li {
    display:inline;
}

#tab li a {
    float:left;
    width:92px;
    height:0 !important;
    height /**/:29px; /* for IE5/Win */
    padding:29px 0 0;
    overflow:hidden;
    margin-right:2px;
}

#tab li.tab_event a {
    background:url(/images/premium/korea_sparkling/tab_event.gif) no-repeat;
}

#tab li.tab_webwidget a {
    background:transparent url(/images/premium/korea_sparkling/tab_webwidget.gif) no-repeat scroll 0 0;
    width:131px;
}

#tab li.tab_desktopwidget a {
    background:transparent url(/images/premium/korea_sparkling/tab_desktopwidget.gif) no-repeat scroll 0 0;
    width:155px;
}

/* hover */
#tab li a:hover {
    background-position:0 -29px;
}

/* active */
#tab li.active a {
    background-position:0 -58px;
}

#tab li.active a:hover {
    background-position:0 -58px;
}

/* content (event)--------------------- */
/* title */
#content h2.eventTitle {
    display:block;
    width:360px;
    height:75px;
    margin:0 auto 25px;
    background:url(/images/premium/korea_sparkling/ir_eventTitle.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

/* event list */
#content .eventList {
    margin-bottom:20px;
}

#content .eventList li {
    margin-bottom:14px;
}
#content .eventList dl {
    width:540px;
    height:37px;
    margin-bottom:8px;
    overflow:hidden;
}

#content .eventList dl * {
    text-indent:-9999px;
}

#content .eventList li.event1 dl {
    background:url(/images/premium/korea_sparkling/ir_event1.gif) no-repeat;
}

#content .eventList li.event2 dl {
    background:url(/images/premium/korea_sparkling/ir_event2.gif) no-repeat;
}

#content .eventList p.text {
    padding:0 28px 0 103px;
}

/* prize */
#content .prize {
    width:476px;
    height:71px;
    margin:0 auto 36px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/premium/korea_sparkling/ir_prize.gif) no-repeat;
}

/* detail Info */
#content .detailInfo {
    padding:0 34px 0 52px;

}

#content .detailInfo dl {
    margin-bottom:30px;
    padding-left:3px;
}

#content .detailInfo dt {
    float:left;
    display:inline;
    width:64px;
    margin-right:5px;
    margin-bottom:4px;
    padding:0 5px 0 10px;
    background-color:#eb1c00;
    color:#fff;
    font-weight:bold;
    font-size:10px;
    text-transform: uppercase;
    text-align:right;
}

#content .detailInfo dd {
    float:right;
    width:365px;
    margin-bottom:4px;
    font-size:14px;
    color:#000;
    font-weight:bold;
    line-height:16px;
}

#content .detailInfo dd img {
    float:left;
    display: block;
}

#content .detailInfo dd p {
    float:left;
    margin: 3px 0 0 8px;
}

#content .detailInfo dt.first, #content .detailInfo dd.first {
    margin-bottom: 8px;
}


#content .detailInfo span.winners {
    font-size: 80%; 
    color: #666;
    display: block;
    margin-bottom: 2px;
}


#content .detailInfo .assist {
    margin-bottom:33px;
}

#content .detailInfo .assist li {
    padding-left:10px;
    background:url(/images/premium/korea_sparkling/bullet_star.gif) no-repeat 0 8px;
    color:#000;
}

#content .detailInfo .assist li a {
    color:#a33;
}

/* action */
#content .action {
    padding-left:69px;
}

#content .action a {
    display:block;
    width:404px;
    height:49px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/premium/korea_sparkling/ir_action.gif) no-repeat;
}

#content .action a:hover {
    background-position:0 -49px;
}


#content .action2 {
    padding-left:103px;
}

#content .action2 a {
    background:transparent url(/images/premium/korea_sparkling/ir_event3.gif) no-repeat scroll 0 0;
    display:block;
    height:20px;
    margin-top:5px;
    overflow:hidden;
    text-indent:-9999px;
    width:77px;
}



/* content (widget) --------------------- */
/* title */
#content h2.widgetTitle {
    width:476px;
    height:40px;
    margin-left:30px;
    margin-bottom:44px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/premium/korea_sparkling/ir_widgetTitle.gif) no-repeat;
}

#content h2.DesktopwidgetTitle {
    width:520px;
    height:40px;
    margin-left:12px;
    margin-bottom:18px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/premium/korea_sparkling/ir_desktopTitle.gif) no-repeat;
}

/* about widget */
#content .aboutWidget {
    margin-bottom:58px;
}

#content .screenshot {
    width:560px;
    height:300px;
    background:url(/images/premium/korea_sparkling/main_screenshot.png) no-repeat;
}




/* feature */
#content .feature {
    float:left;
    display:inline;
    width:170px;
    padding-left:30px;
    margin-right:33px;
}

/* sample image */
#content .feature .sampleImg {
    margin-bottom:32px;
}

#content .feature .sampleImg img {
    border:1px solid #d1d1d1;
}

/* feature list */
#content .feature dl.featureList dt {
    display:block;
    height:0 !important;
    text-indent:-9999px;
    overflow:hidden;
}

#content .feature dl.featureList dd {
    display:block;
    width:170px;
    height:80px;
    margin-bottom:7px;
}

#content .feature dl.featureList dd img {
    border:1px solid #d1d1d1;
}

#content .feature dl.featureList dd.list1 {
    background:url(/images/premium/korea_sparkling/ir_featureList1.gif) no-repeat 100% 0;
}

#content .feature dl.featureList dd.list2 {
    background:url(/images/premium/korea_sparkling/ir_featureList2.gif) no-repeat 100% 0;
}

#content .feature dl.featureList dd.list3 {
    background:url(/images/premium/korea_sparkling/ir_featureList3.gif) no-repeat 100% 0;
}

/* download introduction */


#content .downloadintroduction {
    float:left;
    display:inline;
    width:520px;
    padding-left:15px;
    padding-right:12px;
}

#content .downloadintroduction .downloadBtn {
    text-align: center;
    margin:5px 0 0 0;
}

#content .downloadintroduction .downloadBtn .deluxe {
    margin-right: 10px;
}


#content .downloadintroduction .introText {
    margin-bottom:35px;
}

#content .downloadintroduction h3 {
    font-weight:bold;
    margin-bottom:5px;
}

/* desktop introduction */


#content .desktopintroduction {
    float:left;
    display:inline;
    width:520px;
    padding-left:15px;
    padding-right:12px;
}

#content .desktopintroduction .introText {
    margin-bottom:35px;
}

#content .desktopintroduction h3 {
    font-weight:bold;
    margin-bottom:13px;
}

#content .more {
    width:520px;
    padding-top:25px;
    padding-left:18px;
    margin-bottom: 20px;
}

#content .more h3 {
    background:url(/images/premium/korea_sparkling/ir_more.gif) no-repeat 100% 0;
    text-indent:-9999px;
    width:55px;
    height:25px;
}

#content .more .img {
    margin-right:1px;
    border:#a8a8a8 1px solid;
}

#content .desktopintroduction img.thumbnail {
    margin:5px 0 10px 15px;
}



/* web introduction */
#content .introduction {
    float:left;
    display:inline;
    width:295px;
    padding-right:12px;
}

#content .introduction .introText {
    margin-bottom:35px;
}

#content .introduction h3 {
    font-weight:bold;
    margin-bottom:13px;
}

/* installation */
#content .install {
    padding-left:30px;
}

#content .install h2.installWidget {
    width:220px;
    height:30px;
    margin-bottom:12px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/premium/korea_sparkling/ir_installTitle.gif) no-repeat;
}

#content .install p.installText {
    margin-bottom:17px;
}

#content .install p.installText a {
    text-decoration: underline;
    /*color: #000;*/
    color: #2358b8;
}

#content .install p.installText span.myspace {
    font-weight: bold;
    color: #2358b8;
}


/* install form */
#content .installForm dl {
    padding:10px 0;
    border-bottom:1px solid #e9e9e9;
}

#content .installForm dt {
    float:left;
    display:inline;
    width:130px;
    margin-right:26px;
    text-align:right;
    font-weight:bold;
}

#content .installForm dd {
    float:left;
    display:inline;
    width:354px;
}

#content .installForm dd p {
    clear:left;
    line-height:1.2;
    padding-top:6px;
    font-size:10px;
}

#content .installForm input.inputText {
    border:1px solid #c9c9c9;
    padding:3px;
    font:11px Verdana, Helvetica, sans-serif;
    color:#515151;
}


#content .installForm .item_widgetSize input.inputText {
    width:50px;
}

/* blog address */
#content .installForm .item_blogAdd input.inputText {
    width:240px;
}

/* nickname */
#content .installForm .item_nickName input.inputText {
    width:170px;
}

/* e-mail */
#content .installForm .item_email input.inputText {
    width:170px;
}

/* content */
#content .installForm .item_content ol.contentType li {
    float:left;
    display:inline;
    margin-right:3px;
}

#content .installForm .item_content ol.contentType li img.contentPreview {
    border:1px solid #bbb;
    cursor:pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}

#content .installForm .item_content ol.contentType li.selected img.contentPreview {
    cursor:default;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}

#content .installForm .item_content ol.contentType li span {
    display:block;
    text-align:center;
    font-size:10px;
}

#content .installForm .item_content ol.contentType li span {
    display:block;
    text-align:center;
    font-size:10px;
    font-weight:normal;
}

#content .installForm .item_content ol.contentType li.selected span {
    font-weight:bold;
}

/* location */
#content .installForm .item_location input.inputText {
    width:240px;
    float:left;
    margin-right:5px;
}

#content .installForm .item_location button {
    background-color:#f0f0f0;
    border:1px solid #c9c9c9;
    color:#515151;
    font:bold 11px Verdana, Helvetica, sans-serif;
    padding:2px;
}

/* temperature */
#content .installForm .item_temperature input {
    float:left;
    display:inline;
}

#content .installForm .item_temperature label {
    float:left;
    display:inline;
    width:32px;
    line-height:16px;
}

/* submit */
#content .installForm .formSubmit {
    padding-top:22px;
    padding-left:156px;
}