/* ------------------------------------- style.css ------------------------------------ */

/************************
* Main
************************/  
body {
	background-color:#005500;
	color:#000000;
	font-size:12px;
	font-family:verdana,arial,helvetica,sans-serif;
	margin:0px;
	}
td {
	color:#000000;
	font-size:12px;
	font-family:verdana,arial,helvetica,sans-serif;	
	}
a:link {
	color:#005500;
	text-decoration:underline;
	}
a:visited {
	color:#005500;
	text-decoration:underline;
	}
a:hover {
	color:#007700;
	text-decoration:underline;
	}

h1 {
    font-size:16px;
    color:#005500;
    text-decoration:bold;
    }

/************************
* Imprint
************************/  
#imprint { 
    background-color:#000000;
    width:772px;
    height:23px;
    padding:4px;
    text-align:left;
    color:#FFFFFF;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	font-weight:bold;
 	voice-family: "\"}\"";
	voice-family: inherit;
    width:772px;
	height:15px;   
    }
#imprint a:link, #imprint a:visited { color:#FFFFFF; }
#imprint a:hover { color:#00CC00; background:#202020; }

#imprintLogo { float:left; }

/************************
* Masthead
************************/  
td.logods { background-image:url("http://www.ecgame.org/images/logo.jpg"); width:772px; height:45px;}

/************************
* Global
************************/      
.clear { clear:both; height:0px; }

.pagenav	{ font-size:11px; }

.contenttitle		{ font-size:16px; color:#0D4500; font-weight:bold; }
.contenttitle2		{ font-size:14px; color:#0D4500; font-weight:bold; }

img.blockImg { display:block; }

hr.green { height:1px; color:#006600; }

td.colorgrey { background-color:#828282; }
td.colorblack { background-color:#000000; }

/************************
* Page Formatting
************************/  
td.menuLeftFrame {
	width:133px;
	background-color:#828282;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	border-left-style:solid;
	border-left-color:#000000;
	border-left-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:1px;
	}

td.menuLeftFramespace {
	width:0px;
	background-color:#828282;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	}

#menuLeft { padding:4px 3px }
    
td.menuRightFrame {
	width:125px;
	background-color:#828282;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
    padidng:0px;
	margin:0px;
    border-right:solid #000000 1px;
	}

#menuRight { padding-left:4px; padding-right:3px }

#contentOuterFrame { background:url(http://www.ecgame.org/images/content_bg.gif) repeat-y; 	border-bottom:solid #000000 1px }

td.contentFrame {
	width:468px;
	background-color:#FFFFFF;
    border:solid #000000 1px;
    border-top:0px;
    border-bottom:0px;
	margin:0px;
	font-size:12px;
        text-align:center;
	}

td.contentFramespace {
	width:21px;
	background-color:#828282;
	margin:0px;
	font-size:12px;
        text-align:center;
	}

#content { padding:6px }   
    
td.contentNoRightFrame {
	width:639px;
	background-color:#FFFFFF;
    border:solid #000000 1px;
	margin:0px;
	font-size:12px;
	}
    
#contentNoRight { padding:6px }
    
td.contentWideFrame {
	width:770px;
	background-color:#FFFFFF;
    border:solid #000000 1px;
	margin:0px;
	font-size:12px;
	}

#contentWide { padding:6px }

/************************
* RICOCKULOUS IE5.0 FIX!
************************/  
td.menuLeftFrame {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:133px;
	}

td.menuRightFrame {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:125px;
	}

td.contentFrame {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:470px;
	}

td.contentNoRightFrame {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:637px;
	}

td.contentWideFrame {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:768px;
	}

div.nav {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}

div.dailydownloadTitle {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}
	
div.dailydownload {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:90px;
	}

div.specialfeaturesTitle {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}
	
div.specialfeatures {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}

div.pgTopFive {
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}

/************************
* Left Bar
************************/ 
div.nav {
	width:130px;
	background-color:#404040;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:5px;
	margin:0px;
	margin-bottom:4px;
	line-height:15px;
	font-weight:normal;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}
.nav a:link { color:#FFFFFF; text-decoration:none; }
.nav a:visited { color:#FFFFFF; text-decoration:none; }
.nav a:hover { color:#00FF00; text-decoration:underline; }
span.navTitle { font-family:tahoma,arial,helvetica,sans-serif; color:#00CC00; font-size:12px; font-weight:bold; }
ul.navList { margin:0px; margin-left:15px; padding:0px;	}
.navList ul { margin:0px; margin-left:15px; padding:0px; }

span.networkFeaturedSites { font-size:10px; font-weight:normal; }

/* Network group for legacy support of Partner nav */
div.network {
	width:122px;
	background-color:#404040;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:5px;
	margin:0px;
	margin-bottom:4px;
	line-height:15px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:110px;
	}
.network a:link { color:#FFFFFF; text-decoration:none; }
.network a:visited { color:#FFFFFF; text-decoration:none; }
.network a:hover { color:#00FF00; text-decoration:underline; }
span.networkTitle { font-family:tahoma,arial,helvetica,sans-serif; color:#00CC00; font-size:11px; font-weight:bold; }
span.networkTitleSmall { font-family:verdana,arial,helvetica,sans-serif; color:#C0C0C0; font-size:11px; font-weight:bold; }
ul.networkList { margin:0px; margin-left:15px; padding:0px; }

div.dailydownloadTitle {
	width:110px;
	background-color:#404040;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#000000;
	padding:1px;
	margin:0px;
	}
div.dailydownload {
	width:110px;
	background-color:#F3F3F3;
	font-size:11px;
	color:#000000;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:1px;
	margin:0px;
	margin-bottom:4px;
	}
div.rightcontenttitle {
	width:122px;
	background-color:#404040;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00CC00;
	border-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#000000;
	padding:1px;
	margin:0px;
	}
div.rightcontent {
	width:122px;
	background-color:#F3F3F3;
	font-size:11px;
	color:#000000;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:0px;
	margin:0px;
	margin-bottom:4px;
	}
.dailydownload a:link { color:#005500; text-decoration:none; }
.dailydownload a:visited { color:#005500; text-decoration:none; }
.dailydownload a:hover { color:#005500; text-decoration:underline; }
img.dailydownloadIMG { border-width:1px; border-style:solid; border-color:#000000; }
b.dailydownloadHeadline { font-size:12px; }

div.specialfeaturesTitle {
	width:122px;
	background-color:#404040;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#000000;
	padding:5px;
	margin:0px;
	}
div.specialfeatures {
	width:122px;
	background-color:#F3F3F3;
	font-size:11px;
	color:#000000;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:5px;
	margin:0px;
	margin-bottom:4px;
	}
.specialfeatures a:link { color:#005500; text-decoration:none; }
.specialfeatures a:visited { color:#005500; text-decoration:none; }
.specialfeatures a:hover { color:#005500; text-decoration:underline; }
img.specialfeaturesIMG { border-width:1px; border-style:solid; border-color:#000000; }
b.specialfeaturesHead { font-size:12px; }
ul.specialfeaturesList { margin:0px; margin-left:15px; padding:0px; }

/************************
* Ad Formatting
************************/      
div.textAd { font-size:11px; }
	
#boxzillabox {
	width:310px;
	float:right;
}

#boxzillabox .label {
	height:11px;
	font-size:10px;
	color:#444444;
	text-align:right;
}

#boxzilla {
	padding:4px;
	border:1px solid black;
	background:silver;
}

#boxzilla img { display:block; }

#skyScraperAd { margin-top:5px }

#verticalBannerAd { margin-top:5px }

#countDownAd { margin-top:5px }

/* New ad formatting - 9/1/05 */

#TextAd {font-size: 11px; margin-top:8px; text-align: center;}
#NavAd {}
#ConnBoxAd {padding-bottom:2px;}

/************************
* Right Bar
************************/
#menuRightMedia { margin-top:5px }

img.gameMedia { border-width:1px; border-style:solid; border-color:#000000; }
div.allScreenshots { border-width:1px; border-style:solid; border-color:#000000; border-top-width:0px; padding:2px; background-color:#FFFFFF; text-align:center; }
div.adBox { border-width:1px; border-style:solid; border-color:#000000; background-color:#CCCCCC; color:#000000; }
div.adBoxPad { padding:4px; }
div.adTitle { text-align:center; color:#636563; }
img.adImg { border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-style:solid; border-color:#000000; }

div.sidebarHead { border-width:1px; border-style:solid; border-color:#000000; border-bottom-width:0px; background-color:#CCCCCC; color:#000000; font-weight:bold; text-align:center; padding:4px; }
div.sidebarBox { border-width:1px; border-style:solid; border-color:#000000; background-color:#EBEBEB; color:#000000; font-size:12px; }
div.sidebarBoxPad { padding:4px; }
img.sidebarIMG { border-bottom-width:1px; border-style:solid; border-color:#000000; }

#d2dDownloadGame { margin-top:5px }

/************************
* Footer
************************/  
#footer {
        width:772px;
	background-color:#000000;
	padding:3px;
    font-size:11px;
	color:#FFFFFF;
	text-align:center;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:766px;
	}
#footer a:link { font-size:11px; color:#00CC00; text-decoration:none; }
#footer a:visited { font-size:11px; color:#00CC00; text-decoration:none; }
#footer a:hover { font-size:11px; color:#00FF00; text-decoration:underline; }

#footerAds { padding-left:110px; }

#footerLogo {
	width:110px;
	float:left;
	}

#footerLinks {
	padding-top:15px;
	padding-bottom:4px;
    font-size:11px;
	text-align:center;
	}

/************************
* Footer Network
************************/  	
#footerAdWrapper { padding:5px 5px 0 5px; }
#footerNetwork * { font:10px verdana,sans-serif!important; color:#FFF; }
#footerNetwork a { color:#0C0; text-decoration:none; }
#footerNetwork a:hover { color:#0F0; text-decoration:underline; }
#footerNetwork { align:center; width:750px; padding-bottom:10px; background-color:#000; margin-right:auto; margin-left:auto; }
.footerLogo { display:block; width:30px; height:31px; background:url(http://www.ecgame.org/images/footer_logo.gif) no-repeat;  }
.footerCorp { text-align:right; padding-left:22px; }
.footerLogoCell { vertical-align:middle; width: 30px; }
.footerTextCell { vertical-align:middle; text-align:left; }
.footerRss { position:relative; top:4px; border:0; }
   
/************************
* Network Connection Box
************************/  
#aroundTheNetwork1colBox { background-color:#F3F3F3 !important; border-width:1px !important; border-style:solid !important; border-color:#888888 !important; padding:8px !important; }
.aroundTheNetwork1col {border:none !important;padding:8px !important;background:#F3F3F3 !important;}
.colRightBoxHead {font-weight:bold;}
.aroundTheNetwork1col{height:0px;border-top:1px #888888 solid !important;margin:3px 0;width:100%;}
.aroundTheNetwork1colLinks a {font-weight:normal !important; text-decoration: none; }
.aroundTheNetwork1colLinks a:visited {font-weight:normal !important; text-decoration: none; }
.aroundTheNetwork1colLinks a:hover {font-weight:normal !important; text-decoration: underline;}

/* Header Search */
#headerSearch {position: relative; width:772px;  background-color:#646464;border: 1px solid black; height: 32px;}
#headerSearch table {margin-left:3px; white-space: nowrap}
#searchRadios {color:#c9c9c9;font-size:9px;font-weight: bold;}
.searchRadio {margin:2px;position:relative;}
#keyboard {position:relative;background-color:#CFCFCF; border:1px solid #000000;width: 350px}         
.textBox{width:50px;font-size:9px;font-weight: bold; color:#FFFFFF;}

/************************
* Connection Box
************************/
#spotlights { margin-bottom: 10px; }
.featureTextNew1 {
	text-align: center;
	font-size: 10px;
	padding: 4px;
	}
.featureTextNew2 {
	text-align: left;
	font-size: 10px;
	padding: 4px;
	}
.featureImageNew2 {
	border-right: 1px solid #C9C9C9;
        border-left: 1px solid #C9C9C9;
	padding-right: 6px;
	padding-left: 6px;
        text-align: center;
	}
.featureImageNew3 {
	border-right: 1px solid #C9C9C9;
        border-left: 1px solid #C9C9C9;
	padding-right: 6px;
	padding-left: 6px;
        text-align: left;
	}
img.ImageNew2 { border-width:1px; border-style:solid; border-color:#000000; }
.lastFeature {
	padding-left: 4px;
	}
	
#gsdailyBox {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #C9C9C9;
	padding:3px;
	font-size:9px;
	}
#gsdailyBox img { float: right; margin-left: 2px;}
#gsdailyTitle {
	font-size:9px;
	padding-top: 2px;
	padding-bottom: 3px;
	}
	
.leftBox {
		border-right: 1px solid #C9C9C9;
		border-left: 1px solid #C9C9C9;
		border-bottom: 1px solid #C9C9C9;
		border-top: 0px;
		background-color: #F3F3F3;
		font-size:10px;
	}

.leftBox ul { padding: 4px 0px 0px 0px; margin: 0px 4px 4px 20px; }
.leftBox li { padding: 0px 0px 2px 0px;; margin: 0px; }
.leftBoxTitle {
		padding-left: 5px;
		background-image: url("http://www.ecgame.org/images/silver_gradient_1.gif");
		border: 1px solid #7A7A7A;
	}

#latest  { margin-bottom: 10px; }
.articleTable  td {
		font-size:10px;
		padding: 4px 0px 0px 8px;
	}

/************************
* Reviews & Previews
************************/  
.revTitle td { font-size:11px; }

div.revTitle {
	background-color:#F3F3F3;
	border-width:1px;
	border-style:solid;
	border-color:#C9C9C9;
	padding:3px;
	font-size:11px;
	}
b.revTitle { font-size:15px; color:#006900; }
b.releaseDate { color:#006900; }

div.editorBlurb {
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-color:#C9C9C9;
	border-style:solid;
	padding:4px;
	}

td.editorText { padding:4px; }
img.editorPic { border-width:1px; border-style:solid; border-color:#000000; }
span.editorName { font-size:10px; }

div.revRatings {
	background-color:#F3F3F3;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-color:#C9C9C9;
	border-style:solid;
	padding:0px;
	padding-top:10px;
	}

td.revReader {
	background-color:#F3F3F3;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#C9C9C9;
	border-style:solid;
	padding:0px;
	}

div.revMulti {
	background-color:#F3F3F3;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-color:#C9C9C9;
	border-style:solid;
	padding:0px;
	padding-bottom:5px;
	}

td.rateThis {
	padding-top:2px;
	}

b.howWork { font-size:10px; }
span.rateIt { font-size:10px; color:#444444 }
b.discussForums { font-size:10px; }

div.proCon {
	background-color:#F3F3F3;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-color:#C9C9C9;
	border-style:solid;
	padding:0px;
	padding-bottom:3px;
	}

td.proConHead {
	padding:3px;
	background-color:#E5E5E5;
	font-weight:bold;
	font-size:11px;
	}

td.proConText {
	padding:5px;
	font-size:11px;
	}

span.reviewerSpecs {
	color:#444444;
	}

span.systemReqs {
	color:#444444;
	}

ul.gameBioLinks  {
	font-weight: bold;
	font-style: italic;    
}

#gameScore { display:block; margin-top:-9px; position:relative; }

/************************
* Game Bio
************************/ 
.gameBioHeader { border-width:1px; border-color:#000000; border-style:solid; background-color:#006900; color:#FFFFFF; font-weight:bold; padding:5px; }
.gameBioBoxShot { float:right; }
img.gameBioBoxImg { border-width:1px; border-color:#000000; border-style:solid; }

table.gameBioInfo { background-color:#000000; width:468px }
td.gameBioInfoHeader { width:90px; background-color:#FFFFFF; font-weight:bold; }
td.gameBioInfoText { width:140px; background-color:#FFFFFF; font-weight:bold; }

.gameBioSysReqTitle { border-width:1px; border-style:solid; border-color:#000000; background-color:#000000; color:#FFFFFF; font-weight:bold; text-align:center; padding:4px; }
.gameBioSysReq { border-width:1px; border-style:solid; border-color:#000000; background-color:#C3FFC3; padding:4px; }

/************************
* Indices
************************/  
#platSelect {
	border-width:1px; border-style:solid; border-color:#888888;
	background-color:#F3F3F3;
	padding:5px;
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,Sans-Serif;
	}

span.platSelected { background-color:#559955; color:#FFFFFF; font-weight:bold; padding:4px; }

td.indexHeaderLeft {
    background-color:#006900;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px;
    font-size:11px;
    text-align:left;
}

th.indexHeader {
    background-color:#006900;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px;
    font-size:11px;
    text-align:center;
}

th.indexHeaderLeft {
    background-color:#006900;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px;
    font-size:11px;
    text-align:left;
}

.indexHeader a:link { color:#FFFFFF; }
.indexHeader a:link { color:#FFFFFF; }
.indexHeader a:visited { color:#FFFFFF; }
.indexHeader a:hover { color:#FFFFFF; }

.indexHeaderLeft a:link { color:#FFFFFF; }
.indexHeaderLeft a:link { color:#FFFFFF; }
.indexHeaderLeft a:visited { color:#FFFFFF; }
.indexHeaderLeft a:hover { color:#FFFFFF; }

td.indexList1 { padding:4px; background-color:#F3F3F3; font-size:11px; }
td.indexList1 a { text-decoration:none; }
td.indexList1 a:hover {text-decoration:underline }
td.indexList1 a:visited {text-decoration:none }

.platformList { font-size:9px; color:#444444; }

/************************
* Lists
************************/  
#latestArticleList { background-color:#F3F3F3; border-width:1px; border-style:solid; border-color:#888888; padding:8px; }
#latestArticleList ul { margin-top:5px; margin-bottom:0px; line-height:1.2; }
#latestArticleList a:link { text-decoration:none; }
#latestArticleList a:visited { text-decoration:none; }
#latestArticleList a:hover { text-decoration:underline; }
    
/************************
* Not Current Used
************************/ 
#latest  { margin-bottom: 10px; }
.articleTable  td {
		font-size:12px;
		padding: 4px 0px 0px 8px;
	}

/************************
* Article & News adspace format
************************/
#space4ad{
float:  left;                    /讓靠左
clear:  left;                  /讓塊的左邊不能有其他塊
height:  150px;    /用這個來控制廣告在內容裡的位置
width:  1px;              /
}
#ad{
height:  200px;
width:  200px;
float:  left;                /讓塊靠左
clear:  left;              /讓塊的左邊不能有其他塊
margin:  15px  15px  15px  0px;
}
#new  img,#new  table{
clear:  left;          /讓內容裡的圖片和表格不會遮擋廣告
}
#new{
float:  left;
}

/************************