domingo, 22 de janeiro de 2012

@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */


.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
li.TabbedPanelsTab {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; width:74px; height:27px; border:0;
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 14px sans-serif;
color:#630;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}


li.TabbedPanelsTabHover{
background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
}

li.TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
border-bottom: 1px solid #EEE;
}


li.TabbedPanelsTab a {
color: black;
text-decoration: none;
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat;
}

.TabbedPanelsContentGroup {
clear: both;
width:375px;
}
.TabbedPanelsContent {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsbg.jpg) no-repeat;
padding: 4px 10px;
height:320px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat;
border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
/** DDTank */

/* import tobar style */
@IMPORT url("/MaxPow/style/topbar.css");

/* tags ***************************** */
body { }
div { overflow: hidden; }
img { border: none; }
ul, li, form, p, body { padding: 0px; margin: 0px; }
input, select, textarea { font: 12px/normal Georgia; }
a { text-decoration: none; }

/* public ***************************** */
html, body, .full { width: 100%; height: 100%; }
a.full { display: block; }
.line { height: 10px; width: 100%; }

/* body */
body { background: url("../images/body_main_bg.jpg") center top repeat-x #46389d; }
/*.body_bottom_bg { background: url("../images/body_bottom_bg.png") center bottom no-repeat; padding-bottom: 150px; }*/
.body_bottom_bg { color:#46389d; }
.body { width: 980px; margin: 0 auto; background: url("../images/body_bg.jpg") center top no-repeat; }

/* header ***************************** */
.header {}

/* logo */
.header .logo { padding-top: 10px; }
.header .logo a { display: block; width: 343px; height: 153px; background: url("../images/New23/logo_2_3.png") center no-repeat; margin: 0 auto; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/ddt_logo.png"); }

/* navigation */
.header .nav { width: 980px; height: 44px; background: url("../images/nav_bg.gif") left top no-repeat; }
.header .nav_aide { width: 761px; margin: 0 auto; }
.header .nav_aide div { height: 42px; padding: 1px 10px; float: left; }
.header .nav_aide a { background: url("../images/nav_buts.gif") no-repeat; }
.header .nav_h { width: 89px; }
.header .nav_h a { background-position: 0px 0px; }
.header .nav_h a:hover, .header .nav_h a.cur { background-position: -89px 0px; }
.header .nav_n { width: 86px; }
.header .nav_n a { background-position: -178px 0px; }
.header .nav_n a:hover, .header .nav_n a.cur { background-position: -264px 0px; }
.header .nav_g { width: 91px; }
.header .nav_g a { background-position: -350px 0px; }
.header .nav_g a:hover, .header .nav_g a.cur { background-position: -441px 0px; }
.header .nav_f { width: 102px; }
.header .nav_f a { background-position: -532px 0px; }
.header .nav_f a:hover, .header .nav_f a.cur { background-position: -634px 0px; }
.header .nav_s { width: 125px; }
.header .nav_s a { background-position: -736px 0px; }
.header .nav_s a:hover, .header .nav_s a.cur { background-position: -861px 0px; }
.header .nav_a { width: 148px; }
.header .nav_a a { background-position: -986px 0px; }
.header .nav_a a:hover, .header .nav_s a.cur { background-position: -1134px 0px; }

/* banner */
.header .banner { width: 980px; height: 228px; position: relative; }
.header .banner img { float: left; }
.header .xue { display: none; }
.header .banner table { position: absolute; z-index: 99; top: 22px; left: 332px; }

/* middle ***************************** */
.middle { padding: 10px 0; }
.middle .left { float: left; width: 254px; }
.middle .right { float: right; width: 722px; }

/* game_start */
.game_start { width: 254px; height: 300px; padding-top: 67px; background: url("../images/game_start.jpg") left top no-repeat; }
.game_start .login { padding: 10px; }
.game_start .inputitem { height: 20px; padding: 8px 0; }
.game_start .inputitem div { float: left; width: 80px; font: 14px/20px Arial; color: #e1b963; }
.game_start .inputitem input { width: 125px; height:16px; border: 1px #8de1f2 solid; background: white; float: left; padding: 1px; margin: 0px; }
.game_start .butts { padding: 10px 0; }
.game_start .butts input, .game_start .butts a { width: 102px; height: 29px; background: url("../images/but_bg_a.gif") no-repeat; float: left; font: 12px/29px Georgia; color: white; text-align: center; }
.game_start .butts input { background-position: 0 0; padding: 0px; margin: 0px; border: 0 none; margin-right: 5px; }
.game_start .butts a { display: block; background-position: -102px 0; }
.game_start .getpass { }
.game_start .getpass a { font: 12px/normal Arial; color: #baf7ff; }
.game_start .getpass a:hover { color: #ffa200; }
.game_start .fclogin { text-align: center; padding-top: 15px; }

.game_start .loginInfo { padding: 3px; padding-left: 50px; font: 14px/20px Arial; color: white; }
.game_start .loginInfo a { color: #baf7ff; }
.game_start .loginInfo a:hover { color: #ffa200; }

.game_start .palynow { padding-top: 5px; padding-left: 10px; width: 245px;}
/*
.game_start .palynow2 { padding: 5px 0 10px 50px; font: bold 16px/20px Arial; }
.game_start .palynow2 a, .game_start .palynow a { color: #ffa000; }
.game_start .palynow2 a:hover, .game_start .palynow a:hover { color: #ffa200; }
*/
.game_start .palynow .seritem { width: 245px; height: 45px; position: relative; }
.game_start .palynow .seritem_aide { width: 235px; height: 45px; margin-top: 5px; background: url("/ddt/images/serverlogin/seritem_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/serverlogin/images/serverlogin/seritem_bg.png"); }
.game_start .palynow .seritem_aide a { background-position: 10px 3px; background-repeat: no-repeat; }
.game_start .palynow .s1 a { background-image: url("/ddt/images/serverlogin/s0.gif"); }
.game_start .palynow .s8 a { background-image: url("/ddt/images/serverlogin/s8.gif"); }
.game_start .palynow .s9 a { background-image: url("/ddt/images/serverlogin/s9.gif"); }
.game_start .palynow .s10 a { background-image: url("/ddt/images/serverlogin/s10.gif"); }
.server_new_icon { width: 55px; height: 34px; position: absolute; right: 0px; top: 0px; background: url("/ddt/images/serverlogin/slogin_new.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/serverlogin/images/serverlogin/slogin_new.png"); }


/* llicon */
.llicon { width: 254px; height: 68px; position: relative; }
.llicon .li_aide { position: absolute; z-index: 0; top: 0; left: 0; }
.llicon a { position: absolute; z-index: 10; top: 0; left: 0; }
.marketplace .li_aide { background: url("../images/marketplace_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/marketplace_bg.png"); }
.updateflash .li_aide { background: url("../images/update_flash.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/update_flash.png"); }
.new_players_sur { width: 222px; height: 84px; float: right; }
.new_players_sur .li_aide { background: url("../images/npsurprise.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/npsurprise.png"); }
.imlink { width: 254px; }
.imlink img { float: left; }

/* lpanel ddt_guide */
.lpanel { width: 254px; }
.lpanel .title { height: 35px; background: url("../images/left_panel_title_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/left_panel_title_bg.png"); }
.lpanel .cont { width: 254px; background: url("../images/left_panel_con_bg.png") left top repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/panel_cont_bg.png"); }
.lpanel .bottom { height: 17px; background: url("../images/left_panel_bottom_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/left_panel_bottom_bg_ie6.png"); }

.ddt_guide { padding: 10px; padding-bottom: 2px; padding-top: 8px; }
.ddt_guide div { height: 20px; padding: 5px 0 5px 30px; background: url("../images/icons_a.gif") 16px 12px no-repeat; }
.ddt_guide a { font: bold 14px/20px Arial; color: white; }
.ddt_guide a:hover { color: #ffa405; }

/* adarea flash_show */
.flash_show { width: 491px; height: 297px; float: left; position: relative; }
.flash_show .png_bg { position: absolute; z-index: 0; top: 0px; left: 0px; background: url("../images/x.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/x.png"); }
.flash_show .show_body { width: 481px; height: 287px; position: absolute; z-index: 10; top: 5px; left: 5px; }
.flash_show .show_body div, .flash_show .show_body a, .flash_show .show_body img { width: 100%; height: 100%; }
.flash_show img { float: left; }

.flash_show .nav_icons { width: 74px; position: absolute; z-index: 100; top: 10px; right: 10px; }
.flash_show .nav_icons div { margin: 5px 0; padding: 1px; cursor: pointer; }
.flash_show .nav_icons div img { border: 1px #2c3036 solid; opacity:0.60; filter:alpha(opacity=60); width: 70px; }
.flash_show .nav_icons div.cueicon { padding: 0px; }
.flash_show .nav_icons div.cueicon img { border: 2px #22c3d1 solid; opacity:1.00; filter:alpha(opacity=100);}

.click_party { width: 215px; height: 215px; float: right; padding: 0 5px 5px 0; }

/* rpanel ddt_news */
.rpanel { width: 722px; }
.rpanel .title { height: 35px; background: url("../images/right_panel_title_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/right_panel_title_bg.png"); }
.rpanel .cont { width: 722px; min-height: 600px; background: url("../images/panel_cont_bg.png") left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/right_panel_bottom_bg.png"); }
.rpanel .bottom { height: 10px; background: url("../images/right_panel_bottom_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/right_panel_bottom_bg.png"); }
.rpanel .ddt_news_title { height: 100%; background: url("../images/ddt_news_title.jpg") 10px top no-repeat; }
.rpanel .ddt_news_title a { float: right; font: 10px/normal Georgia; padding: 6px 22px 0 0; color: white; }

.ddt_news { padding: 10px ; padding-bottom: 5px; }
.ddt_news div { height: 20px; padding: 5px 20px 5px 30px; background: url("../images/icons_b.gif") 16px 12px no-repeat; font: 14px/20px Arial; color: #b3d2e2; }
.ddt_news a { color: #b3d2e2; }
.ddt_news a { float: left; }
.ddt_news span { float: right; }
.ddt_news a:hover { color: #ffa405; }

.inner_title span { font: bold 20px/32px Arial; color: white; padding-left: 20px; }
.inner_content { padding: 10px; color: white; }

/* my_shop */
.my_shop { width: 722px; height: 90px; background: url("../images/my_shop_bg.gif") left top no-repeat; }
.my_shop_aide { width: 600px; height: 63px; float: right; padding-top: 13px; }
.my_shop .previous, .my_shop .next { width: 50px; height: 100%; float: left; cursor: pointer; }
.my_shop .previous { }
.my_shop .next { }
.my_shop .content { width: 500px; height: 63px; float: left; }
.my_shop .content div { width: 84px; height: 63px; padding: 0 8px; float: left; }
.my_shop .content a { }
.my_shop .content img { float: left; width: 100%; height: 100%; }

/* images_shows */
.images_shows { width: 722px; height: 140px; background: url("../images/images_shows_bg.gif") no-repeat; }
.images_shows_f { background-position: 0 0; }
.images_shows_s { background-position: 0 -140px; }
.images_shows .menu { height: 34px; }
.images_shows .menu div { width: 102px; height: 100%; float: left; cursor: pointer; }
.images_shows .cont { width: 688px; height: 90px; margin: 0 auto; padding-top: 10px; }
.images_shows .cont div { width: 70px; height: 100p%; padding: 0 8px; float: left; }
.images_shows .cont img { width: 70px; height: 63px; }
.images_shows .cont span { display: block; height: 20px; text-align: center; font 12px/20px Arial; color: #c6c6c6; }

.images_shows .cont2 { width: 700px; height: 90px; margin: 0 auto; padding-top: 10px; }
.images_shows .cont2 div { width: 84px; height: 84px; padding: 0 8px; float: left; }
.images_shows .cont2 img { width: 100%; height: 100%; float: left; }


/* footer ***************************** */
.footer { width: 980px; height: 83px; background: url("../images/footer_bg.gif") left top no-repeat; }
.footer .copyright { font: 12px/20px Arial; padding-top: 20px; width: 400px; margin: 0 auto; }
.footer a.inc_logo { cursor: pointer; display: block; width: 65px; height: 41px; background: url("../images/inc_logo.png") no-repeat; float: left; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/inc_logo.png"); }
.footer .copyright, .footer .copyright a { color: #e9e9e9; }
.footer .copyright p { text-align: center; }


/* listContent ***************************** */
#listContent { }
#listContent a { color: #baf7ff; }
#listContent a:hover { color: #ffa200; }
#listContent .guest { padding: 3px 5px; }


/* ddt_left */
.ddt_left { width: 254px; font: 14px/24px Arial; }
.ddt_left_top { height: 10px; background: url("../images/ddt_left_top_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/ddt_left_top_bg.png"); }
.ddt_left_bottom { height: 10px; background: url("../images/ddt_left_bottom_bg.png") left top no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/ddt/images/ddt_left_bottom_bg.png"); }
.ddt_left_cont { background: url("../images/ddt_left_cont_bg.gif") left top repeat-y; }