/*  
CSS Styles: The Dev Center
Description: Global CSS Styles
Version: 1.00
Author: Broady
Author URI: http://www.broadyswebdesign.com
*/

/* Global html tag selectors */
body { font:12px arial,sans-serif; margin:0; padding:0; background:url("../img/body_bg.gif"); text-align:left; }
body, html { height:100%; }

.frame, frame2 { width:974px; padding:0px; }
.frame { margin-right:auto; margin-left:auto; background-image:url("../img/frame_bg.gif"); text-align:left}

/* General Link Styles */
a { color:#060; text-decoration:none; }
a:hover { text-decoration:none; color:#000;}

/* Generic formatting classes */
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.center{ margin:auto; text-align:center}
.imgBlock{ display:block}
p { padding:0; margin:0; }
h1 { color:#060; font-size:1.7em; font-weight:normal; margin:5px 0; padding:5px 0 0 0; }
h2 { font-size:1em; margin:0 0 10px 0; padding:0; }
img { border:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; }
hr { background:#6397BD; height: 1px; border:none; margin:10px 0; }
ol { padding:0; margin:0 0 0 30px; }
fieldset { padding:0 10px 10px 10px; margin:10px 1px; border:1px solid #999; background:#f7f7f7; }
legend { padding:2px 5px; color:#333; }

/* Collapsing fieldsets */
html fieldset.collapsed { border-bottom-width:1px; border-left-width:1px; border-right-width:1px; margin-bottom:0px; height:1em; }
html fieldset.collapsed * { display:none; }
html fieldset.collapsed legend { display:block; }
html fieldset.collapsible legend a { padding-left:15px; background:url(../img/expanded-arrow.png) 0 75% no-repeat; }
html fieldset.collapsed legend a { background-image:url(../img/collapsed-arrow.png); background-position:0 50%; }
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html fieldset.collapsed legend,
* html fieldset.collapsed legend *,
* html fieldset.collapsed table * {
  display:inline;
}
html fieldset.collapsible legend a { font-weight:bold; display:block; text-decoration:none; }
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html fieldset.collapsible .fieldset-wrapper {
  /*overflow: auto;*/
}
div.listings fieldset { margin:10px 0; }
div.listings legend { background:#f7f7f7; border:1px solid #999; padding:4px; }
div.categories-tree { padding:10px; margin:10px 0; border:1px solid #999; background:#f7f7f7; }

/* Form Styles */
form { padding:0; margin:0; }
div.search-form { *clear: both; background: url('../img/vert-line.gif') center left no-repeat; float:right; height:90px; padding:40px 0 0 20px; font-size:0.9em; }
div.search-form a { color:#E7EDF2; text-decoration:underline; }
div.search-form a:hover { text-decoration:none; }
input.what { border:1px solid #999; background:#FFF url('../img/text-bg.gif') center left repeat-x; width:200px; height:16px; }
input.text { border:1px solid #999; background:#FFF url('../img/text-bg.gif') center left repeat-x; height:16px; }
textarea { border:1px solid #999; }
input.flat-button
{
	border:1px solid #3F86B9;
	background:#3176A8 url('../img/flat-button.gif') center left repeat-x;
	font:bold 11px 'Trebuchet MS', Arial, Verdana;
	color:#FFF;
	height:20px;
}
input.flat-button:hover
{
	background: #6CA8D3;
}
input.login-button
{
	border: 1px solid #3176A8;
	background: #619AC3 url('../img/login-button.gif') center left repeat-x;
	font: bold 11px 'Trebuchet MS', Arial, Verdana;
	color: #FFF;
	height: 20px;
}
input.login-button:hover
{
	background: #77ADD3;
}
input, textarea { font-family:Verdana; font-size:1em; }

/* Top of page links */
#mastheadNav { background-image:url("../img/mastheadnav_bg.gif"); border:1px solid #000; border-bottom:0}
* html #mastheadNav{ height:19px}
.topNavText { color:#999; font:bold 10px tahoma,sans-serif; padding:4px 0; text-align:right; margin-right:10px;}
img.header { display:block; }

/* Main Header Styles */
#mainheader { background:url("../img/headerbg.gif") repeat-x; margin:0 12px; }
#tdcLogo{ font-size:0; position:relative; margin-left:12px;}

/* Main Search Bar */
#headerSearch { position:relative; background:url("../img/header_search_bg.gif") no-repeat; height:32px; padding:6px 0 0 20px }
.btnSearch { text-align:center; font:bold 10px tahoma,sans-serif; color:#060; cursor:pointer; border:1px solid #999; height:15px }
.btnSearch { background-image:url("../img/btn_search.gif"); padding:2px 0px 0px 0px; width:100px }
.btnSearch:hover { color:#000}

#search-location { font-weight:bold; text-align:left; margin:0 3px 0 0; float:left; line-height:4px; }
#search-location label input { margin:0 0 -2px 0 }
input.what { border:1px solid #666; background:#FFF url('../img/text-bg.gif') center left repeat-x; width:230px; height:16px; }

.styleSelector { color:#000; margin:0 20px 0 0; padding:2px 3px 0 0; text-align:right; float:right; font-weight: 600; }

/* quick search */
div.quickSearch { position:absolute; background:#FFFFFF; margin-top:1px; width:293px; overflow:hidden; float:left; display:none; z-index:9001; }
div.quickSearchItem { border-color:#FFFFFF rgb(255, 255, 255) rgb(238, 238, 238); border-style:solid; border-width:1px; color:#555555; font-size:11px; font-size-adjust:none; padding:2px; white-space:normal; font-family:tahoma,arial,helvetica,sans-serif; }
div.quickSearchItem h3 { color:#222222; margin:0pt; font-size:11px; display:block; font-family:inherit; font-size:inherit; font-size-adjust: font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:bold; line-height:inherit; }
div.quickSearchItem:hover { background:#DFE8F6 none repeat scroll 0%; border:1px dotted #A3BAE9 !important; }  


/* Leaderboard Row / Login box */
#leaderboardRow { background-image:url("../img/leaderboardrow_bg.gif"); width:974px; height:111px; text-align:left; }
#loginBoxOutline { width:209px; padding:2px 0px 0px 14px; text-align:left; float:left; }
.userwelcome { text-align:left; padding:0 0 0 15px; }
ul.account-menu-top { margin:0; padding:0; list-style-type:none;}
ul.account-menu-top li { float:left; margin:0 1px 0 5px; padding:0; line-height:30px; width:96px; text-align:left; white-space:nowrap; }
ul.account-menu-top li.active { }
ul.account-menu-top li.active div { line-height:20px; padding:0; color:#333; }
ul.account-menu-top li a { margin:0; padding:0 2px; line-height:20px; display:block }
ul.account-menu-top .icons { float:left; padding:0 5px 0 0; }

#loginBox{ padding-left:10px; text-align:left;}
#loginBox a { line-height:20px;}
#loginBox label { font-weight:bold; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; width:55px }
#loginBox .sp { font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif }
.loginBoxtxt { border:1px solid #999; background-color:#ffffff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; margin-bottom:2px; width:120px; }
#loginBoxOutline { width:209px; padding:2px 0px 0px 14px; text-align:center; float:left; }
.loginErr { font-weight:bold; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif }

#leaderboardAd { position:relative; left:-18px; top:0px; float:right; }


/***********************************************************************************************************
************************************************************************************************************
* LEFT COLUMN
************************************************************************************************************
***********************************************************************************************************/
#colLeft { float:left; width:141px; padding:0px; }
#navFrame { padding: 15px 0px 0px 13px; text-align:left; margin-top:-15px;}
.navCategory { font-size:11px; font-weight:bold; padding:7px 0px 7px 10px; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.greyHeaderBG { border-top:1px solid rgb(243, 243, 243); border-bottom: 1px solid rgb(204, 204, 204); margin:0px 1px 0px 0px; padding:5px 0px 0px 5px; background: transparent url("../img/left_header_bg.gif") repeat-x scroll 0%; -moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial; color: rgb(51, 51, 51); font-family:tahoma,sans-serif; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; line-height:normal; font-size-adjust:none; font-stretch:normal; height:17px; text-align:left;}
	
/* Left Navigation Styles */
.navArrow { color:#63ca5d }
.navLink { border-right:1px solid #fff; border-bottom:1px solid #fff;}
.navLink a:link, .navLink a:visited { color:#000; display:block; text-decoration:none; padding:3px 0px 3px 10px; }
.navLink a:hover{ color:#060; background-color: #fff; text-decoration:none; text-align:left }

/* Link To Us */
#linkToUsHeader { border-top:1px solid rgb(243, 243, 243); border-bottom: 1px solid rgb(204, 204, 204); margin:0px 1px 0px 13px; padding:5px 0px 0px 5px; background: transparent url("../img/left_header_bg.gif") repeat-x scroll 0%; -moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial; color: rgb(51, 51, 51); font-family:tahoma,sans-serif; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; line-height:normal; font-size-adjust:none; font-stretch:normal; height:17px; text-align:left;}
#linkToUsBody { margin:0px 0px 0px 13px; background-color:rgb(255, 255, 255); text-align:left; line-height:13px; }
#linkToUsImg { padding: 5px 0px; display: block;margin:auto;}
#linkToUsCode { padding:0px}
.linktxt {font-size:10px; width:122px;}
#linkToUsBtnBg { margin:5px 0px 0px 0px; background-image: url("../img/btn_linktous.gif"); width:128px; height:18px;}
#linkToUsBtn { width:60px;margin-right:1px;}
#linkToUsBtn:hover{ color:#000}

/************************
* Poll
************************/
#poll { background-image:url("../img/poll_bg.gif"); width:131px; float:right}
#pollContainer { height:190px }
.pollQuestion { width:120px; text-align:center; margin:7px auto 7px auto;}
.pollOption input { margin:2px; } 
.pollOption{ margin:2px 5px 2px 5px}
.pollImage { margin-left:6px;}
.pollButton{ color: #060; height:15px; text-align:center; font:bold 10px tahoma,sans-serif; cursor:pointer; width:70px; margin:auto;}
.pollButton { border:1px solid #aaa; background-image:url("../img/btn_search.gif"); padding:2px 0px 0px 0px; margin-top:10px}
.pollButton:hover { color:#000}

.pollViewResults { text-align:center; font:normal 9px tahoma,sans-serif;}
.pollOption_result { margin:2px; font-size:11px; margin-left:7px;}
.pollmsgThanks { font-size:11px; color:#060; padding:2px 0 5px 0; text-align:center }	
.pollTitle_result { margin-top:-10px; margin-bottom:5px; font-weight:bold; font-size:11px; text-align:center; }
.result_pollGraph img { float:left; }
.result_pollGraph div { float:left; height:16px; background-repeat:repeat-x; color:#333; font-size:10px; line-height:16px; }
.result_pollGraph {	height:16px; margin-left:7px; }
.poller_waitMessage{ display:none; }	
.pollTotalVotes { font-size:10px; margin:-4px 8px 0 0; text-align:right; clear:both}

/* Who Is Online */
#online { background-image:url("../img/poll_bg.gif"); width:131px; float:right; background-repeat:repeat-y;}
#onlineContainer { height:auto; }
#onlinecontent { text-align:left; margin:2px 7px; }
#onlinecontent ul { margin:0; padding:0 5px 0 0; list-style-type:none; line-height:20px; }
div.inventory ul li { float:left; margin:0 10px; padding:0; }

/* Listing Boxes */
div.box { clear:both; margin:10px 0 0 0; }

div.box-caption-green { border-top:1px solid rgb(243, 243, 243); border-bottom: 1px solid rgb(204, 204, 204); margin:0px 1px 0px 0px; padding:5px 0px 0px 5px; background: transparent url("../img/left_header_bg.gif") repeat-x scroll 0%; -moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial; color: rgb(51, 51, 51); font-family:tahoma,sans-serif; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; line-height:normal; font-size-adjust:none; font-stretch:normal; height:17px; text-align:left; text-transform:uppercase; }
div.box-caption-left-green { height:25px; }
div.box-caption-right-green { height:25px; }
div.box-footer { background:url('../img/box-footer-bg.gif') top left repeat-x; line-height:2px; margin:0 2px; }
div.box-footer-left { background:url('../img/box-footer-left.gif') top left no-repeat; line-height:2px; }
div.box-footer-right { background:#c6c6c6 url('../img/box-footer-right.gif') top right no-repeat; line-height:2px; }
div.box-content-right { background:#c6c6c6 url('../img/box-border-right.gif') top right repeat-y; width:100%; }
div.box-content-left { background:url('../img/box-border-left.gif') top left repeat-y; width:100%; }
div.box-content-center { background:#f7f7f7; padding:10px; margin:0 2px; }
div.box-content { padding:10px; }

/***********************************************************************************************************
************************************************************************************************************
* CENTER COLUMN
************************************************************************************************************
***********************************************************************************************************/
#colCenter { float:left; width:508px; padding-left:2px; }

/* Main Category Listing */
#categoryListing{ width:510px; background:#f7f7f7 url("../img/maincategories_bg.gif") repeat-y;}
#mainCategoriesHeader,#mainCategoriesHeader img{ width:510px; height:18px}

#mainCategories { width:490px; height:auto; font-size:12px; color:#333; text-align:left; padding:10px 20px 0px 2px; float:left; position:relative; left:-10px;}
#mainCategoriesFooter { width:510px; height:18px; background:url("../img/maincategoriesbottom_bg.gif") no-repeat top; font:bold 9px arial,sans-serif; padding-top:1px; }

#mainCategories .subCategories a { font-size:11px; font-weight:normal; color:#000; }
#mainCategories .subCategories a:hover { color:#060; }

div.categories div.categ { line-height:22px; padding-left:15px; background:url("../img/ico-dir.gif") top left no-repeat; margin-left:5px; padding-left:25px; }
div.categories div.categ a{ font-weight:bold; }
div.subcategories { padding-left:30px; }
div.subcategories a { font-size:11px; font-weight:normal; color:#000; text-decoration:none;}
div.subcategories a:hover {  text-decoration:none; color:#060; }

div.categories { list-style-type:none; padding:0px; width:100%; }
div.categories a { font-weight:normal; text-decoration:none; }
div.categories a:hover { text-decoration:none; }
div.categories div.col { float:left; height:100%; text-align:left; padding-top:5px; position:relative; }
div.categories div.last { float:left; height:100%; text-align:left; padding-top:5px; }
div.categories div.divider { clear:both; line-height:1px; }

/* Subcategory Box styles */
.catListingHead { height:17px; padding:5px 0 0 5px; background-image:url("../img/edithead_bg.gif"); margin-bottom:0; border-bottom:1px solid #999; color:#fff; text-transform:uppercase; font-family:tahoma,sans-serif; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; line-height:normal; font-size-adjust:none; font-stretch:normal; }
.pageNav{ height:20px; background:#e5ebf9; border:1px solid #afafaf; margin-top:0px}
.pageNavTxtBox{ position:relative}
.pageNavTxt{ position:absolute; padding-left:10px; padding-top:3px}

#subCatlistBox{ background:#FEFED4; border-left:1px #999 solid; border-right:1px #999 solid; border-bottom:1px #999 solid;padding:0px; margin-top:0px}
#listSubCats { width:465px; margin:auto; padding:5px}

div.listing-sorting { text-align:center; border:1px solid #999; background:#FEFED4; font-size:0.9em; padding:2px; }
div.listing-sorting a { font-weight:bold; }

/* Newest Listings/ Most Popular */
.listingHeader { border-top:1px solid #000; border-bottom:1px solid #000; margin:1px 2px 0px 2px; padding:0px 0 0px 5px; background-image:url("../img/spotheader_bg.gif"); text-align:left; overflow:hidden; color:#fff; font-weight:bold; height:14px; }
.listingBody { margin:0 10px; }
.listingBody a { color: #060; text-decoration:none; }
.listingBody a:hover { color:#000; }
#columns { background-image:url("../img/columns_bg.gif"); }
#columnsBottom { background-image:url("../img/columnsbottom_bg.gif"); height:22px; }
#colCenterContact{ height:19px; background:#ffc; padding:6px; border:#999 1px solid; margin-top:6px}
.list ul { list-style-type:none; padding:0; margin:0; }
.list li { background:#fff url("../img/arrowlist.gif") no-repeat; background-position:0.4em; padding-left:15px; }

/* theme 2 / Most Popular Scripts */
#theme { padding:0px; margin:0}
#themeLeft, #themeRight { border:1px solid #000; float:left; text-align:left; color:#000; position:relative;}
#themeLeft { background:url("../img/themeleft_bg.gif") no-repeat; width:247px; height:233px; padding:0px; margin:0px 1px 0px 0px; left:5px; }
#themeLeft a:hover, #themeRight a:hover { color:#000; }
#themeRight { background:url("../img/themeright_bg.gif") no-repeat; width:247px; height:233px; padding:0; margin:0px; left:6px;}
#themeLeft a, #themeRight a { color:#060 }
#themeHeadline { height:25px; padding:5px 10px 0px 20px; font-size:15px; font-weight:bold; text-align:left; color:#fff; }
#themeImages { float:left; padding-right:7px; }
.themeText { padding: 3px 0px; line-height:12px; }

div.featured-listing { margin:2px 5px; }
div.featured-listing a { margin:5px 0; text-align:left; }

.newlisting1, .newlisting2, .newlisting3 { float:left; padding:2px 0px 0px 0px; margin:0px; height:14px; text-align:left; }
.newlisting1 { width:20px; margin-left:1px; padding-left:5px; line-height:14px;}
.newlisting2 { padding-left:1px; width:80px; overflow:hidden; line-height:14px; padding-right:3px; font-weight:bold;}
.newlisting3 { text-align:right; padding-right:5px; padding-top:3px; height:13px; float:right}
						
/* rssFeeds Tabs */
ul.tabNavigation2 { list-style:none; margin:0; padding:0; }
ul.tabNavigation2 li { display:inline; }
ul.tabNavigation2 li a { padding:3px 5px; background-color:#060; color:#fff; text-decoration:none; }
ul.tabNavigation2 li a.selected, ul.tabNavigation2 li a:hover { background-color:#666; color:#fff; padding-top:7px; }
ul.tabNavigation2 li a:focus { outline:0; }
div.tabs2 > div { padding:5px; margin-top:3px; border:1px solid #dedede; }
div.tabs2 > div h2 { margin-top:0; }

ul.tabNavigation { list-style:none; margin:0; padding:0; }
ul.tabNavigation li { display:inline; }
ul.tabNavigation li a { padding:3px 5px; background-color:#060; color:#fff; text-decoration:none; }
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover { background-color:#666; color:#fff; padding-top:7px; }
ul.tabNavigation li a:focus { outline:0; }
div.tabs > div { padding:5px; margin-top:3px; border:1px solid #dedede; }
div.tabs > div h2 { margin-top:0; }

#webref { background-color:#f7f7f7; }
#devx { background-color:#f7f7f7; }
#cnet { background-color:#f7f7f7; }
#zdnet { background-color:#f7f7f7; }
#compw { background-color:#f7f7f7; }
#yahoo { background-color:#f7f7f7; }

.rssPubDate { font-size:9px; color:#666; }
.content-box { font-size:11px; }

/* Lastest Headlines / Columns within */
#columnsTopImg {margin: 0px; padding: 0px; display: block;}
.columns { background-image:url("../img/columns_bg.gif"); }
.column { width:245px; text-align:left; position:relative; float:left;}
.columnImage1, .columnImage2 { height:auto!important; }
.columnImage1 { padding:5px 0px; }
.columnImage2 { padding:5px 8px 5px 0px; background-color:#eee; }	

.column1, .column2 { padding:5px 8px; min-height:45px; }
/* IE hack for min-height */ * html body div.column1, * html body div.column2 { height:45px; }
.column2 { background-color:#eee; }
.columnsBottom { background-image:url("../img/columns_buttons.gif"); height:22px; }

/* Breadcrumbs */
div.breadcrumb { margin:2px 2px 0 0; background:#f7f7f7; padding:7px; border:solid 1px #ccc;}
div.breadcrumb a { color:#060; text-decoration:none; font-weight:bold; }
div.breadcrumb a:hover { color:#000; }

/* Multiple listing display */
div.listingsmain { background:#edf4f6; border:1px #999 solid; padding:7px; }
div.url { color:#3B6A3B; padding:0; font-style:italic; font-size:0.9em; cursor:help; white-space:nowrap; margin:0 10px 0 0; float:right; }
div.stat { clear:both; color:#333; padding:0; }
div.pr_stat { color:#333; margin:0 0 15px 0; }
div.pagerank { border:1px solid #ccc; height:4px; margin:7px 0 0 5px; padding:0; width:50px; background:#EFEFEF; float:left; }
div.inner-pagerank { margin-top:-1px; background-image:url('../img/pr10.gif'); float:left; height:5px; padding:0; }
div.pr-text { margin:0 0 5px 10px; float:left; font-size:0.9em; }
div.dateadded { margin:0 0 0 10px; float:left; font-size:0.9em; }

/* Listing Paging */
div.navigation { color:#000; clear:both; margin:15px 0; }
div.navigation a { text-decoration:none; border:1px solid #666; background:#d0d0d0; padding:0 4px; color:#000; }
div.navigation a:hover { background:#eff2ef; color:#000; }
div.navigation span { border:1px solid #666; padding:0 4px; background:#d0d0d0; }
div.navigation span.active { background:#eff2ef; }

.catListingBox{ background:#fff; border:1px solid #999; padding:0px; margin:auto }
div.title { height:17px; padding:5px 0 0 5px; background-image:url("../img/edithead_bg.gif"); margin-bottom:0; border-bottom:1px solid #999; color:#fff }
div.title a { color:#fff; font-weight:bold; }
div.title a:hover  { color:#000 }
div.title img { float:right; margin:0 5px 0 0; }
div.description { float:left; padding:15px; text-align:left }
.catListingImg { }
.catListingFooter { border-top:1px solid #999; height:25px; padding:5px 0 0 5px; margin:0; }
.catListingFooter .small { font-size:0.9em; }	

/* Detailed Listing Display */
div.preview { background:#FFF url('../img/no-preview.gif') center center no-repeat; border:1px solid #ccc; height:152px; width:202px; }

.catDetailsBox{ background:#fff; border:1px solid #999; padding:0px; margin:auto }
.catDetailsHead { height:17px; padding:5px 0 0 5px; background-image:url("../img/edithead_bg.gif"); margin-bottom:0; border-bottom:1px solid #999; color:#fff; text-align:left }
.catDetailsHead a { color:#fff; }
.catDetailsHead a:hover  { color:#ccc }
.catDetailsBody { padding:5px; text-align:left }
.catDetailsBody p { clear:left; margin:0; padding:2px 0 0 0 }
.catDetailsBody p .text { float:left; width:100px; font-weight:bold }
.catDetailsImg { margin:5px; border:1px solid #333 }
.catDetailsFooter { border-top:1px solid #999; height:25px; padding:5px 0 0 5px;}

div.admin-approve { margin:10px; }
div.waiting { margin:0 5px 0 0; float:left; width:15px; height:15px; background:#D9E1E7; border:1px solid #6397BD; }

/* Star rating */

.boxrating { display:block; }
.rating  { list-style:none; margin:0 0 0 70px; padding:0px; height:30px; position:relative; background:url('../img/starrating.gif') top left repeat-x; }
.rating li { text-indent:-90000px; padding:0px; margin:0px; float:left; }
.rating li a { outline:none; display:block; width:30px; height:30px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0px; cursor:hand; background:none; }
.rating li a:hover { background:url('../img/starrating.gif') left center; z-index:2; left:0px; }

.rating a.r1-unit { left:0px; }
.rating a.r1-unit:hover { width:30px; }
.rating a.r2-unit { left:30px; }
.rating a.r2-unit:hover { width:60px; }
.rating a.r3-unit { left:60px; }
.rating a.r3-unit:hover { width:90px; }
.rating a.r4-unit { left:90px; }	
.rating a.r4-unit:hover { width:120px; }
.rating a.r5-unit { left:120px; }
.rating a.r5-unit:hover { width:150px; }
.rating a.r6-unit { left:150px; }
.rating a.r6-unit:hover { width:180px; }
.rating a.r7-unit { left:180px; }
.rating a.r7-unit:hover { width:210px; }
.rating a.r8-unit { left:210px; }
.rating a.r8-unit:hover { width:240px; }
.rating a.r9-unit { left:240px; }
.rating a.r9-unit:hover { width:270px; }
.rating a.r10-unit { left:270px; }
.rating a.r10-unit:hover { width:300px; }

.rating li.current-rating { background:url('../img/starrating.gif') left bottom; position:absolute; height:30px; display:block; text-indent:-9000px; z-index:1; }
.voted { color:#999; text-align:right; margin:0 5px 0 0; }
.thanks { color:#36AA3D; }

.votcont { float:left; width:55px; height:48px; margin-top:2px; margin-right:5px; background:#fff url("../img/votetop.gif") no-repeat left }
.votcont {margin-right: 3px;}
.cyel { font-size:11px; color:#D69601; font-weight:bold; font-family:verdana, arial, helvetica, sans-serif; text-decoration:none }
.voteres { font-size:16px; color:#333300; font-weight:bold; font-family:arial,helvetica,san-serif; text-decoration:none } 
.votbot { text-align:center; margin:9px 0 0 1px; padding-top:10px; width:54px; height:27px; background:url("../img/votres.gif") no-repeat; display:block }
.divlinkname { padding-left:5px; font-weight:bold; font-size:12px; text-align:left margin:0; }
.cgr { font-size:11px; color: #7BA402; font-family:verdana,arial,helvetica,san-serif }

/* Suggest listing */
img.edit-field { background:url('../img/edit.png') center no-repeat; width:24px; height:24px; cursor:pointer; }
img.field_tooltip { background:url('../img/question.png') center no-repeat; width:16px; height:16px; cursor:pointer; font-size:10px; }

#tooltip { position:absolute; z-index:3000; border:1px solid #111; background-color:#eee; padding:5px; opacity:0.85; width:250px;}
#tooltip h3, #tooltip div { margin:0; font-size:10px; }

ul.tree { list-style-type: none; padding:0px; margin:0px 0px 0px 25px; }
ul.tree li { font-size:12px; }
ul.tree a { text-decoration:none; border:0; } 
div.tree-col { vertical-align:center; }
img.tree-icon-collapsed { background:url('../img/tree/vista/plus.gif') center no-repeat; height:9px;  width:9px; }
img.tree-folder-collapsed { background:url('../img/tree/vista/closed_folder.gif') center no-repeat; height:12px; width:16px; }
img.tree-icon-expanded { background:url('../img/tree/vista/minus.gif') center no-repeat; height:9px; width:9px; } 
img.tree-icon-space { height:9px;  width:9px; }
img.tree-folder-expanded { background:url('../img/tree/vista/open_folder.gif') center no-repeat; height:12px; width:16px; }
img.tree-cat-locked { background:url('../img/tree/vista/locked.gif') center no-repeat; height:13px; width:16px; }
img.tree-cat-crossed { background:url('../img/tree/vista/crossed.gif') center no-repeat; height:13px; width:16px; }

/***********************************************************************************************************
************************************************************************************************************
* RIGHT COLUMN
************************************************************************************************************
***********************************************************************************************************/
#colRight {	float:right; width:307px; padding:0px 12px 0px 4px; text-align:left; }
#HalfPageAd { position:relative; left:1px;}

.white { color:#fff; }
a.white:hover { color: #060; }
.rightBox a:hover { color:#9AAACB; }
.rightHeader { width:280px; height:16px; padding:3px 5px 0px 5px; border-left:1px solid #000; border-right:1px solid #000; background-image:url("../img/right_header_bg.gif"); font:bold 10px tahoma,sans-serif; color:#fff; }
.rightBlockHead { width:295px; height:17px; padding:5px 0 0 5px; background-image:url("../img/edithead_bg.gif"); margin-bottom:0; border-bottom:1px solid #999; color:#fff; text-transform:uppercase; font-family:tahoma,sans-serif; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; line-height:normal; font-size-adjust:none; font-stretch:normal; }

.rightEmail { float:right; margin:1px 2px 0px 0px; }
.eCheck { width:14px; height:14px; padding:0px; margin:0px; }

.right {width:300px; border-left:1px solid #CCC; border-right:1px solid #CCC; }
.rightBox { background-color:#f7f7f7; padding:0px 12px 0px 4px; } 
.rightButton { background-image:url("../img/rightbutton_bg.gif"); width:290px; height:19px; margin:4px 0px 0px 0px; }
.rightEmail { float:right; margin:1px 2px 0px 0px; }
.white:hover { color: #9AAACB; }

/* Footer Styles */
#frameBottom{ background:url("../img/framebottom.gif");height:32px;clear:both}
#footerRight { float:left; padding:10px 10px 0px 10px; margin-bottom:0px; border:1px solid #000; background-color:#333; text-align:left; color:#fff; height:57px; width:462px; }
#footerLeft { float:left; border:1px solid #000; background-color:#333; text-align:left; color:#fff; height:67px; width:485px; margin:0px 3px 0px 0px; overflow:hidden; }
#footerCenter { height:67px; width:550px; margin:0px 3px 0px 0px; overflow:hidden;}
.footerFrame { padding:0px; border-top:1px solid #000; width:974px; margin-right:auto; margin-left:auto; }

#footerNav { background:#fff url("../img/footernav_bg.gif") repeat-x; border:1px solid #000; border-top:0px; }

#textAd { padding:10px 0px; width:972px; border:1px solid #000; background-color:#333; color:#fff; margin:auto; text-align:center; }
#textAd a, #footerLeft a, #footerRight a { color: #fff; }
#textAd a:hover, #footerLeft a:hover, #footerRight a:hover { color: #060; }

#textAd a:hover, #footerLeft a:hover, #footerRight a:hover { color: #9AAACB; }

/************************
* footer textad hotgames (deprecated: this block to be deleted after network footer is entirely re-published )
************************/
/* Although this style block has alot in common with footer network, it is implemented independently to satisfy the standard network footer requirement, which is:
to stand on its own, so that the footer network code is the same on other networks with only its colors changed. */
#footerTextAdHotGames { border:1px solid #000; background-color:#333; padding:0 10px 10px 10px; margin:0 0 3px 0; text-align:center; }
/* text ad and hot games footer : width is not needed because .footerFrame defines the width so all child block elements fill to that width */
#footerTextAdHotGames a:hover, #footerTextAdHotGames { color:#fff; } 
#footerTextAdHotGames * { font:10px arial; } /* the text ad uses the font tag, so - #footerTextAdHotGames * - will overide it */
.footerHotGames, .footerTextAd div, .footerTextAd img { padding-top:10px; } /* text ads are children of a div element and banners are img elements, so by styling this way, 
the parent div #footerTextAdHotGames collapses gracefully when there are no text ads or no banner ads leaving even padding around the hotgames links. */

/************************
* ads hot content : to replace the footer textad hotgames css block above.

************************/
/* Although this style block has alot in common with footer network, it is implemented independently to satisfy the standard network footer requirement, which is:
to stand on its own, so that the footer network code is the same on other networks with only its colors changed. */
#adsHotContent { border:1px solid #000; background-color:#333; padding:10px 10px 10px 10px; margin:auto; text-align:center; }
#adsHotContent a:hover, #adsHotContent { color:#fff; } 
#adsHotContent * { font:10px arial; } /* the text ad uses the font tag, so - #footerTextAdHotGames * - will overide it */
.footerHotContent, #adsHotContent .TextAd, #adsHotContent .BannerAd { padding-top:10px;}

/************************
* footer network
************************/
/* deprecated styles : to be removed after network footer goes live since these will no longer be in use:
#footerRight, #footerLeft,  #textAd, #copyrightLogo, #copyrightLinks */

/* default footer link colors for channels that don't define them on the channel level (like retro, games, and blue ign) */
#footerTextAdHotGames a, #footerNetwork a, #adsHotContent a { color:#9AAACB; }

/************************
* footer network : note that #textAd, #footerLeft, and #footerRight above may be deleted AFTER the new network footer goes live.
************************/
#footerTextAdHotGames a, #footerNetwork a, #adsHotContent a { color:#6f6; }

/* wrapper decorator to surround the standard network footer : width is not needed because .footerFrame defines the width so all child block elements fill to that width */
#footerNetworkWrapper { border:1px solid #000; background-color:#333; }

/* STANDARD FOOTER NETWORK BLOCK: This is standard across all networks where only colors are allowed to change. */
#footerNetwork * { font:10px verdana,sans-serif!important; color:#FFF; }
#footerNetwork a:hover { color:#fff; text-decoration:none; }
#footerNetwork { width:750px; padding-bottom:10px; background-color:#333; margin-right:auto; margin-left:auto; }
.footerCorp { text-align:left; padding-left:22px; }
.footerRss { position:relative; top:4px; border:0; }

/************************
* buttons
************************/
.button17,.button17Inact, .button13, .button12 { text-align:center; font:bold 10px tahoma,sans-serif; color:#060; cursor:pointer; border:1px solid #999; height:15px; }
.button13, .button12 { height:12px; font-size:9px; position:relative; float:right; }
.button17,.button17Inact {	background-image:url("../img/btn_search.gif"); padding:2px 0px 0px 0px; }
.button13 {	background-image:url("../img/button13_bg.gif"); padding:1px 0px 0px 0px; }
.button12 {	background-image:url("../img/button12_bg.gif"); padding:0; float:right; left:1px; width:100px; height:10px; border:1px solid #000; color:#fff; }
.bottomRight { background-image:url("../img/bottomright_bg.gif"); width:290px; height:19px; margin:4px 0px 0px 0px; }
.buttonInput { color:#060; text-align:center; font:bold 9px tahoma,sans-serif; border:0px; width:55px; height:12px; padding-top:1px; position:relative; float:right; background-image:url(http://media.ign.com/ign/images/button13_bg.gif); cursor:pointer; }
.button17:hover{color:#000}
.button17Inact{color:#999;cursor:default}


/************************
* Styles for layout of wide centre column
************************/
#colCenterWide{ width:819px; margin:-13px 0 0 -1px; position:relative; top:0; float:left; padding:0px; }
#colCenterTop{ height:18px; background:url("../img/wide_colcenter_bg_top.gif") no-repeat }
#colCenterTopHeader { font:900 12px arial,helvetica,sans-serif; font-style:italic; margin-left:37px; padding-top:2px; color:#060 }
#colCenterBody{ background:#fff url("../img/wide_colcenter_bg.gif"); padding:2px 15px 10px 13px}

/************************
* Holly Hack for IE Peekaboo
************************/
/* Hides from IE5-mac \*/
* html #colCenterBody{height:1%}
/* End hide from IE5-mac */
#colCenterBot{height:15px;background:url("../img/wide_colcenter_bg_bot.gif")}

/* Ad Display on Category Pages */
#ad-wrap {width:819px; height:auto; background:#fff url("../img/wide_colcenter_bg.gif"); font:11px arial,helvetica,sans-serif; margin:0 auto; padding:0 0 10px 0; overflow: hidden;}  
#ad-hdr {width: auto; color: #73767b; font-size: 11px;  margin: auto; padding: 5px 6px 0 0; text-align:center}  
#ad-body {margin:auto; text-align:center }

#mvUserToolsBox{width:789px; background:#FEFED4; border-left:1px #999 solid; border-right:1px #999 solid; border-bottom:1px #999 solid;padding:0px; margin-top:0px}


/************************
* Ad Formatting
************************/
#LeaderboardAd{padding-top:12px; background:url("../img/ad_advertisementtxt.gif") no-repeat center top; float:none; width:auto; height:auto; left:0px; position:inherit }
#leaderboardAd{float:left; width:728px; height:90px; position:relative; left:5px}

#aroundTheNetworkBox {background:#E0E0E0;border-style:solid;border-width:1px;border-color:#AFAFAF;text-align:left;position:relative;padding:8px 8px 12px 12px;margin-top:9px;margin-bottom:9px}
.aroundTheNetworkLine{height:0px;border-top:1px #ccc solid;margin:3px 0;font-size:0;width:100%}












div.vert-line
{
	border-left: 1px solid #B9A37C;
	float: left;
	height: 40px;
	margin: 10px 0 0 20px;
}
div.accounts
{
	color: #E7EDF2;
	height: 46px;
	padding-left: 10px;
	font-size: 0.9em;
}
div.accounts a
{
	text-decoration: none;
	color: #E7EDF2;
}
div.accounts a:hover
{
	text-decoration: underline;
}

ul.account-menu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
}
ul.account-menu li
{
	text-transform: uppercase;
}
div.menu a
{
	color: #B4A183;
}
div.line
{
	background-color: #D2D2D2;
	width: 760px;
	height: 4px;
}	
div.top-menu
{
	padding: 10px 0 5px 0;
	margin: 0;
}
ul.menu
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.menu li
{
	margin: 0;
	background: url('../img/tab-left.gif') center left no-repeat;
	height: 22px;
}
ul.menu li a
{
	line-height: 22px;
	padding: 0 15px;
	display: block;
	text-decoration: underline;
}
ul.menu li a:hover
{
	text-decoration: none;
}
ul.menu li.active
{
	background: #B4DDFC url('../img/tab-left-active.gif') top left no-repeat;
}
ul.menu li.active div
{
	line-height: 22px;
	padding: 0 15px;
	background: url('../img/tab-right-active.gif') top right no-repeat;
}
div.lang-switch
{
	position: absolute;
	top: 4px;
	margin: 0;
	font-size: 0.9em;
	color: #FFF;
	padding-left: 10px;
}
div.lang-switch select
{
	font-size: 0.9em;
}


div.footer-right
{
	margin: 5px 7px 0 0;
	height: 53px;
	background: #539CC9 url('../img/footer-right.gif') top right no-repeat;
}
div.footer-left
{
	height: 53px;
	background: url('../img/footer-left.gif') top left no-repeat;
}
div.footer
{
	height: 53px;
	background: url('../img/footer-bg.gif') top left repeat-x;
	margin: 0 5px;
	color: #9ECFF5;
	font-size: 0.9em;
	padding-left: 15px;
}
div.footer a
{
	color: #FFF;
	text-decoration: none;
}
div.footer a:hover
{
	text-decoration: underline;
}
div.copyright
{
	float: right;
	color: #CDE8F8;
	font-size: 10px;
	text-align: right;
	padding: 10px;
}
div.copyright a
{
	color: #CDE8F8;
	text-decoration: none;
}
div.copyright a:hover
{
	color: #CDE8F8;
	text-decoration: underline;
}

div.content
{
	clear: both;
}


p.date
{
	font-size: 0.9em;
}
p.news
{
	margin-top: 5px;
}
p.last
{
	margin-top: 5px;
	text-align: right;
}



.button
{
	text-align: right;
	margin-bottom: 10px;
}


div.field
{
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 10px;
}







.no
{
	border: none;
}
a.no
{
	text-decoration: none;
}
.editor-welcome
{
	padding: 0;
	text-align: left;
}
.editor-content
{
	padding: 0;
	text-align: center;
}
div.notification
{
	background: #D7EBD3 url('../img/ico-notif.gif') center left no-repeat;
	border: 1px solid #265624;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 10px 10px 40px;
	color: #265624;
}
div.error
{
	background: #FFEDEB url('../img/ico-error.gif') center left no-repeat;
	border: 1px solid #CD5C52;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 10px 10px 35px;
	color: #CD5C52;
}



div.adsense
{
	margin: 10px 0;
	text-align: center;
}


div.sponsored-listing
{
	margin: 5px 0;
}
div.sponsored-listing a
{
	margin: 5px 0;
	text-align: left;
}
div.partner-listing
{
	margin: 5px 0;
}
div.partner-listing a
{
	text-align: left;
}
span.highlight
{
	background: #FAF3C1;
	color: #000;
	font-weight: bold;
}
ul.editor-menu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
}
ul.editor-menu li
{
	text-transform: uppercase;
}
td.listing
{
}
div.comment
{
}
div.posted
{
	margin: 5px 0;
	font-size: 0.9em;
	font-style: italic;
}

div.comment-approval
{
	font-size: 0.9em;
	color: #666;
}
p.user
{
	padding: 0;
	margin: 8px 0;
}
div.news-title
{
	font-weight: bold;
	margin: 0 0 5px 0;
}
div.news-date
{
	font-size: 0.9em;
	text-align: right;
	margin: 0 0 10px 0;
}
p.field-captcha
{
	float: left; 
	margin: 0 10px 10px 0;
}
td.left-column
{
	background: #86C3F1 url('../img/td-left-top.gif') top left no-repeat;
	width: 179px;
	padding: 0 10px 10px 10px;

	height: auto; /* for modern browsers */
	height: 500px; /* for IE5.x and IE6 */
	min-height: 500px; /* for modern browsers */
}
td.shadow-left
{
	background: #A8D7FA url('../img/shadow-left.gif') top left no-repeat;
	width: 7px;
}
td.center-column
{
	padding: 0 5px;
}
td.right-column
{
	width: 179px;
	padding: 0 5px 10px 5px;
}
td.main-right
{
	background: #A8D7FA url('../img/td-center-top.gif') top left repeat-x;
	padding-bottom: 10px;
}
td.right-top
{
	width: 5px;
	background: #A8D7FA url('../img/td-right-top.gif') top left no-repeat;
}
td.shadow-right
{
	background: url('../img/shadow-right.gif') top left no-repeat;
	width: 7px;
}
td.left-bottom
{
	background: #86C3F1 url('../img/td-left-bottom.gif') top left no-repeat;
	height: 5px;
}
td.right-bottom
{
	background: #A8D7FA url('../img/td-right-bottom.gif') top right no-repeat;
	height: 5px;
}
div.xml-button
{
	float: right;
	margin: -27px 5px 0 0;
}
p.field
{
	font-size: 0.9em;
	margin: 0 0 10px 0;
}


.suspended
{
	background-color: #eee;
}
.approval
{
	background: #D9E1E7;
}

div.dbx-box
{
}
div.dbx-handle
{
	color: #215DC6;
	height: 31px;
	padding:0px;
	margin:0px;
}






 
/* JS Box notification */
div.js_notification
{
	top: 10px;
	position: absolute;
	left: 10px;
	width: 200px;
	border: 1px solid black;

	background-color: #FFFFFF;
	font-family: Arial, Verdana, Tahoma;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}



 












































/* styles yo be deleted */
div.main-page
{
	_height: 100%;
	min-height: 100%;
	background: url('../img/body-bottom.gif') bottom left repeat-x;
}

div.outer-page
{
	background: url('../img/body-top.gif') top left repeat-x;
	padding-bottom: 10px;
}
div.page
{
	margin: 0 auto;
	width: 770px;
	min-width: 770px;
	font-size: 12px;
}

div.header
{
	clear: both;
	height: 130px;
	margin-right: 7px;
}
div.logo
{
	float: left;
	padding-top: 38px;
}
div.slogan
{
	float: left;
	background: url('../img/vert-line.gif') center left no-repeat;
	padding: 37px 0 0 20px;
	height: 93px;
	margin-left: 20px;
	width: 281px;
	color: #C1FF77;
	font-size: 23px;
}

div.inventory-right
{
	height: 29px;
	background: url('../img/inventory-right.gif') top right no-repeat;
	margin-right: 7px;
}
div.inventory-left
{
	height: 29px;
	background: url('../img/inventory-left.gif') top left no-repeat;
}
div.inventory
{
	height: 29px;
	background: url('../img/inventory-bg.gif') top left repeat-x;
	margin: 0 156px 0 250px;
}
div.inventory ul
{
	margin: 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	line-height: 29px;
	float: right;
}
div.inventory ul li
{
	float: left;
	margin: 0 5px;
	padding: 0;
}
div.inventory ul li a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
}
div.inventory ul li a:hover
{
	text-decoration: underline;
}
div.inventory ul li.home a
{
	color: #E7F289;
}
div.inventory ul li.login a
{
	color: #FBC8A8;
}