﻿@charset "utf-8";
/* CSS Document */
* { margin:0px;	padding:0px;}
img { border:0px;}
/*---------- Cenas lapas ------------*/

body { 
	background: rgb(0,0,0) url(bg.jpg) no-repeat center top; 
	color: #464646; 
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0;
	min-width: 960px;
	padding-top: 0;
	text-align: center;
}

ol, ul {
	list-style: none;
}

a {
	color:#333;

}
a:hover {
	color: rgb(128,128,128);
	text-decoration: underline;
}

h1 {
	
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-size: 37px;
	font-weight: normal;
	padding: 0px;
	padding-top: 10px;
}
h2, h3, h4 {
	font-family: Georgia;
	font-style: italic;
	color: rgb(64,97,116);
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 120%;
}
h2 {
	margin: 10px 10px 0px 10px;
	padding-bottom:10px;
	
	padding-left:15px;
	font-size: 19px;
	border-bottom:1px solid #cccccc;
}
h3, h4 {
	font-size: 14px;
}

blockquote {
	margin: 15px 0 15px 0;
	padding: 0 15px 0 15px;
	border-left: 5px rgb(211,211,211) dotted;
	color: rgb(83,83,83);
	font-size: 18px;
	text-align: left;
	letter-spacing: 0px;
	line-height: 150%;
	font-style: italic;
	font-family: Georgia;
}


div.div_main {
	position: relative;
	width: 1005px;
	height:auto;
	background: #FFF;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
}

/* head */
#head { 
	position:relative;
	height:100px;
	background: url(logo_en.jpg) no-repeat 20px -5px;
}

.logo { position:absolute; top:0px; float:left;}
.logo a { display:block; width: 240px; height: 95px;}

.tel { background:url(phone.gif) left center no-repeat; padding-left:20px; padding-right:15px;}
.mail { background:url(mail.gif) left center no-repeat; padding-left:20px;}
.mail a { text-decoration:none;}


div.contactus {
	position: absolute;
	top: 5px;
	right: 20px;
	color: #000;
	font-size: 23px;
	font-family: Myriad Pro, Trebuchet MS;
	font-style: italic;
	padding: 3px;
}

.login { float:right;margin:60px 80px 0 0;}
#username { background:url(username.jpg) 3px center no-repeat; padding: 0 0 0 20px; width:80px;}
#password { background:url(edit.jpg) 3px center no-repeat;padding: 0 0 0 20px; width:80px;}
.user-inline { display:none; font-size:12px;}
.gray_submit_button { background:url(dolphin_right-ON.gif) no-repeat; margin:0; border:0; padding:0 10px; color:#FFF;}

/* banner */
#banner { background:url(slogan_en.jpg) left top no-repeat; height:258px;}

.bantext { float:left; width:700px;}
.bantexttit { height:102px; color:#666666; position:relative;}
.bantexttitf { color:#FFFFFF; z-index:10; position:absolute; top:1px; left:2px;}
.bantexttit h1 { padding-left:60px; line-height:40px; font-size:30px;}
.bantexttit h1 span { font-size:26px;}
.bantextli { padding-left:65px; font-size:24px; color:#FFFFFF; text-transform:uppercase; font-family: Georgia; font-style: italic;}
.bantextli li { height:46px; line-height:46px; padding-left:35px;}


/* menu */
#menu {
	position: relative;
	height: 33px;
	font-size: 14px;
	background: #fff url(dolphin_bg.gif) repeat-x bottom left;
	padding: 0 50px 0 0;
	text-transform:uppercase;
}
#menu ul {

	padding-top:8px; 
	height:25px;
	list-style-type: none;
	width: auto;
	float: right;
}
#menu ul li {
	display: block;
	float: left;
	margin: 0 1px;
}
#menu ul li a {
	font-weight:bold;
	display: block;
	float: left;
	color: #EAF3F8;
	text-decoration: none;
	height: 33px;
	padding: 0 0 0 20px;
}
#menu ul li a span {
	height: 21px;
	float: left;
	padding: 9px 20px 0 0;
}
#menu ul li a:hover {
	color: #fff;
	background: transparent url(dolphin_bg-OVER.gif) repeat-x bottom left;
}
#menu ul li a:hover span {
	display: block;
	width: auto;
	cursor: pointer;
}
#menu ul li a.current, #menu ul li a.current:hover {
	color: #fff;
	background: #1D6893 url(dolphin_left-ON.gif) no-repeat top left;
}
#menu ul li a.current span {
	display: block;
	width: auto;
	background: #1D6893 url(dolphin_right-ON.gif) no-repeat top right;
	height: 24px;
	float: left;
	padding: 9px 20px 0 0;
}

/* foot */
#foot {
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	border-top: 3px rgb(46,127,173) solid;
	background-color: rgb(20,61,85);
	height: auto;
}

#foot a { color:#FFFFFF; text-decoration:none; padding:0px 10px;}

#foot .fmenu { height:30px; border-bottom:1px dotted #999999; margin:0px 20px;}
#foot .flink { padding:20px; font-size:12px; padding-bottom:0px;}
#foot .flink a { padding:5px;}
#foot .fcopy { padding:20px; font-size:10px;}


/* */
#cleft { float:left; width:230px; min-height:10px; _height:10px; overflow:hidden; _overflow:inherit;}
#ccenter { float:left; width:515px; min-height:10px; _height:10px; overflow:hidden; _overflow:inherit; margin-left:15px;}
#ccenter1 { float:left; width:740px; min-height:10px; _height:10px; overflow:hidden; _overflow:inherit; margin-left:15px;}
#cright { float:right; width:230px; min-height:10px; _height:10px; overflow:hidden; _overflow:inherit;}

/**/
.gamelist { clear:both; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 20px; font-size:11px;}
.gamelist a { color:#666666; text-decoration:none; }
.gamelist a:hover {color: rgb(52,132,177);}
.gamelist li { clear:both; padding:5px 0; border-bottom:1px dotted #999999;background:url(new.png) 0px center no-repeat;}

.payment { clear:both; text-align:center; padding:10px 0px;}
.payment li { clear:both; padding:5px 0px;}
.payment li.paycard { padding:0px; height:32px; overflow:hidden;}
.payment li.paymoney { padding-top:15px;}

.uscontact { font-family:Arial, Helvetica, sans-serif; font-size:11px;  padding-left:20px;}
.uscontact b { padding-right:5px;}
.uscontact a {color:#666666; text-decoration:none;}
.uscontact ul { padding:10px 0px;}
.uscontact li { line-height:40px; height:40px;}
.uscontact li.server { color:#ff6600;}

.testimonials { font-family:Arial, Helvetica, sans-serif; line-height:20px;  font-size:11px; padding:10px 20px 0px 20px;}
.testimonials dt { padding-bottom:10px;}
/* center */
.hotgame { clear:both; height:auto; padding:15px 0px; overflow:hidden;}
.hotgame a { text-decoration:none;}

.short {
  float: left;
  height: 200px;
  margin: 0 5px 5px;
  text-align: center;
  width: 241px;
}

.blockquote { clear:both; height:auto; padding:10px 0px;}

.indabout { padding:10px 0px; line-height:24px;}
.indabout h1 { padding:20px 0px; font-size:26px;}
.indabout p { text-indent:2em; padding-bottom:15px;}

.pagecon {background:url(h1.png) no-repeat left; padding: 20px 70px;}

/**/
.rss_feed { line-height:50px; height:50px;}
.red { color:#FF0000;}


.contentlist {background-color: rgb(244,244,244); border: 6px rgb(220,220,220) dashed; padding:15px; margin: 20px 0px; color: rgb(66,66,66); font-weight:bold; min-height:10px; _height:10px; overflow:hidden; _overflow:inherit;}
.contentlist li { float:left; margin-right:10px; margin-bottom:10px; font-size:11px; width:180px; padding-left:44px; line-height:34px; background:url(class_li.gif) left top no-repeat;}
@charset "utf-8";
/* CSS Document */
/* jiandan game */
/* time:2011-1-11 */
/* author:chenyuzou */
/* bolg:chmanman.com */
#lang {position:absolute;top:5px;right:18%;}
#lang li {display:inline;}
#lang li a {display:block;float:left;border:1px solid #eee;border-right-color:#666;border-bottom-color:#666;margin:0 6px;width:30px;height:20px;text-indent:-2000em;background:url(flags.gif) no-repeat;}
#lang li a:hover {border:1px solid #666;border-right-color:#ccc;border-bottom-color:#ccc;}
#lang li #fr {background-position:0 -20px;}
#lang li #de {background-position:0 -40px;}

.fail { padding:5px; border:1px solid #999;  font-weight:bold; color:#F00; background:#FCF; }
.succ { padding:5px; border:1px solid #999;  font-weight:bold; color:#FFF; background:#090; }



.ordersn { font-weight:bold; color:#36F; font-size:11px;}
.sum { font-weight:bold; color:#F03;}
.osum { font-weight:bold; text-decoration:line-through; color:#933;}
.fred { color:#933; font-weight:bold; text-decoration:underline;}

table.cart { width:100%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px;}
table.cart td, table.cart th {padding:3px;}
table.cart th {text-align:center; border: 1px solid #BBB;}
table.cart tbody th {border: 1px solid #BBB;}
table.cart tbody tr td { border: 1px solid #BBB;text-align:center;}
.remove { width:60px; border:1px solid #666;}

.emptycart { padding:5px;}

.gd { color:#999900; text-indent:.5em; font-weight:bold;}
.fblue { color:#0066FF; text-indent:.5em; font-weight:bold;}

h5.gamenews {font-size:14px;margin:5px;}
div.gameintro{border:1px solid #DDDDDD; padding:5px; margin:10px 0 0 0;}

.itext { height:18px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

.input_area { height:50px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

.news { overflow:hidden;zoom:1;}
.news li { text-indent:1em; background:url(doc.gif) left 5px no-repeat; border-bottom:1px #999 dotted;}
.news li a { text-decoration:none; font-size:11px;}
.news .more { text-align:right; background:none;}

.rb { color:#F00; font-weight:bold;}
.aztitle { margin:10px 0;}
.aztitle a {font-size:16px;font-weight:bold; color:#333;}
div.line { width:98%;display:block; clear:left; background:url("paixu.jpg") repeat-x scroll 0 0 transparent;padding:2px;position:relative;}
div.line a {font-size:16px;font-weight:bold;}
span.top { color:#06F;cursor:pointer;position:absolute;right:10px;}

div.line { width:98%;display:block; clear:left; background:#DEDEDE;padding:2px;position:relative;}

.rec_mid{ font-size:16px; font-weight:bold;}
.gsel {text-align: center; border-bottom:1px solid #ccc; padding:0 0 5px 0;}
.gsel  select{width: 200px; margin:3px 0;}
input.charname { border-top:#666666 1px solid;border-left:#666666 1px solid;border-right:#999999 1px solid;border-bottom:#999999 1px solid; width:80px; height:20px;}
input.buyit { font-size: 12px; border: #7b9ebd 1px solid; background:url(btn.png) repeat-x;}
#tbl_fstorder input.charname { border: #7b9ebd 1px solid; height:18px; width:110px;}

table.tbl { width:100%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px;}
table.tbl td, table.tbl th {padding:3px;}
table.tbl th {text-align:center; border: 1px solid silver;}
table.tbl tbody th {border: 1px solid silver;}
table.tbl tbody tr td { border: 1px solid silver;}

.util {border:2px solid silver; text-align:center; margin:5px 0 10px 0;}
.util p { padding:10px 0;}
.util p select { width:200px; margin-left:10px;}

.game_m {height:150px;width:150px;float:left;margin:0 0 0 15px;}

.imgpm { display:block;}

/* gamelist style */
.hglist { padding:0 10px;}
.hglist dt { background:url(dotcc.jpg) left center no-repeat; padding:2px 0; text-indent:1.5em;  border-bottom:1px dotted #CCB29B; cursor:pointer;}
.hglist dt a{width:100%;}
.hglist dt:hover{ background:url(dotcc.jpg) left center no-repeat;}
.hglist dt.focus {background:url(dotbb.jpg) left center no-repeat;}
.hglist dt.focus a { font-weight:bold; color:#F00}
.hglist dd { background:url(arr.gif) 20px center no-repeat;text-indent:2.5em; padding:5px 0; display:none;}
.hglist dd.gold {background:url(arr.gif) 15px center no-repeat; _text-indent:3.5em;padding:5px 0;}
.hglist dd.power {background:url(arr.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.account {background:url(arr.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.cdkey {background:url(arr.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.show { display:block;}

/* news style */
dl.news{}
dl.news dt{ background:url(new_bj.gif) left center no-repeat; text-indent:2em;}
dl.news dt a { color:#4B830F; font-weight:bold;}
dl.news dd{ padding:0 5px 15px 5px;}
dl.news dd a { color:#4B830F;}
dl.navnews { padding:10px;}
dl.navnews dt.prevnews { font-weight:bold; color:#FF0000;}
dl.navnews dt.nextnews { font-weight:bold; color:#0000FF;}
dl.navnews dt.recentnews { font-weight:bold; color:#0066FF;}
dl.navnews dd { background:url(new_bj.gif) 8px center no-repeat; text-indent:2.5em;}
dl.navnews dd a { color:#4B830F;}

ul.news li { background: url("doc.gif") no-repeat scroll left center transparent; border-bottom: 1px dotted #999999; padding:5px 2px;  position: relative;  text-indent: 1em;}
ul.news .addtime { color: #666666; float: right; position: absolute; right: 5px; top: 5px;}


/* currency style */
.currency { color: #000; font-size:11px; cursor: pointer; font-family: Tahoma,Geneva,sans-serif; font-weight: bold;  text-decoration: underline;}
.current { color: #000; font-size:11px; cursor: pointer;  font-family: Tahoma,Geneva,sans-serif; font-weight: bold; text-decoration: none;}

/* region style */
dl.region {overflow: hidden;}
dl.region dt { background:url(dotcc.jpg) left center no-repeat; text-indent:1.5em; height:30px; line-height:30px; border-bottom: 1px dotted #ccc;clear: left;font-size: 12px;font-weight: bold;cursor:pointer; font-family:"Comic Sans MS",cursive;}
dl.region dt.current { color:#F00;background:url(dotbb.jpg) left center no-repeat;}
dl.region dt a {color: #4589F9;}
dl.region dd {background:url(arr.gif) 5px center no-repeat; float: left;font-size: 12px;height: 25px;line-height: 25px;text-indent: 1em;width:50%;}
dl.region dd a {color: #000;}
.hide { display:none;}

/* product style*/
.util{margin: 0 5px 10px 0; text-align: center; border: 1px solid #81817F; padding:10px 20px;}
.util p { margin:5px 0;}
.gtext { border:#CCCCCC 1px solid; background:#EEEEEE; padding:5px;}
.pro_price { width:25%; color:#ee7d21;}
a.cart { background:url(cart.gif) 20px center no-repeat; padding:0 0 0 40px;font-weight: bold;}
.progold .tbl {width:99%; margin:0 0 5px 0;border:1px solid #9a9a9a;border-collapse: collapse;}
.progold .tbl tr { background:#FFF;}
.progold .tbl tr:hover { background:#EEE;}
.progold .tbl td, .progold .tbl th {padding: 5px 0 5px 5px;}
.progold .tbl th {text-align: center;background: #DADAD6;letter-spacing:1px;}
.progold .tbl tbody th {color:#000;font-weight:bold;background:#f7f7f7;text-align:center;height:32px;}
.progold .tbl tbody tr td {border-top: 1px solid #9a9a9a;padding:.6em .5em;text-align:center;}

span{margin:0; padding:0;}

.pro_name, .pro_server, .pro_price {text-align: center;}
#fr_game,#fr_server,#fr_product{width:200px; margin:5px 0;}
#player_des {
    position: relative;
}
.playerimg {
    border: 2px solid #000;
    display: none;
    left: 30px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 60px;
    z-index: 999;
}