/*
 * File: typography.css
 * Description: Used only to define fonts and control the display of type
 * Guidelines: Order properties alphabetically. Pseudo classes for links should follow "LoVe HAte" order
 * 
 * TABLE OF CONTENTS
 * -------------------------
 * 1. General
 * 2. Headers
 * 3. Links & Buttons
 * 4. Images & Thumbnails
 * 5. [Forms]
 * 6. Header
 * 7. Footer
 * 8. [Main Content]
 * 9. Sidebar
 * 10. Bottom Cap
 * 11. Confirmation Box (Facebox)
 * 12. Tabs
 * 13. Studio Highlights
 * 14. Drop Down
 * 15. Error 404
 * 
 * COLORS VALUES
 * ---------------------------
 * Black			| #000000
 * White			| #ffffff
 * Light Gray		| #717171
 * Medium Gray		| #5b5b5b
 * Dark Gray		| #4f4f4f
 * Cornflower Blue	| #226bd7
 * Sky Blue			| #0096ff
 * Dark Green		| #2c8301
 * Light Green		| #3fbe00
 * Orange			| #f0810a
 * 
 * Copyright 2008 Fi (www.f-i.com)
 */

/* GENERAL
================================================== */

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.platforms {
	color: #4f4f4f;
}

.date, .sub {
	color: #717171;
	font-size: 10px;
}

div.resultsListing .sub {
	font-size: 11px;
}

div.c_downloads span.date:after {
	content: " | ";
}

.alignRight,
.alignRight2 {
	text-align: right;
}

.availableon{
	font-weight: bold;
}
.comingsoon{
	font-style: italic;
}
.title{
	font-weight: bold;
}
ul.platforms,
.platform{
	font-style: italic;
	font-size: 11px;
}
ul.normal {
    font-size: 11px;
}
#browserResultsList span.platform, .normal {
	font-weight: normal;
}
#accordionBrowser .platform{
	font-style: normal;
}
.desc{
	color: #717171;
	font-size: 10px;
}
.duration{
	font-size: 10px;
}

.underline{
	text-decoration: underline;
}

.rate_it {
	color: #aab5bd;
	font-size: 10px;
	text-transform: uppercase;
}

.views {
	color: #000;
	font-size: 10px;
}

.views strong {
	font-weight: bold;
}

.playlist .views {
	font-size: 11px;
	line-height: 11px;
}

.currentView,
.currentView strong {
	color: #4f4f4f;
	font-size: 11px;
	font-weight: bold;
}

.currentView strong {
	color: #000;
}


/* HEADERS
================================================== */

h1 {
	font-size: 26px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

h4 em {
	font-style: italic;
	font-weight: bold;
}


/* LINKS & BUTTONS
================================================== */

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:active {
	color: #226bd7;
}

a.more,
a.leaveComment,
.bottomCap a,
#navigation #counter a {
	color: #226bd7;
	font-size: 12px;
	font-weight: bold;
}
a.leaveComment {
	font-size: 12px;
	font-weight: bold;
}
#navigation #counter a {
	font-size: 13px;
}

.bottomCap a:visited,
.bottomCap a:link{
	color: #226bd7;
}

	a.more:hover,
	a.more:active,
	a.leaveComment:hover,
	a.leaveComment:active,
	.bottomCap a:hover,
	.bottomCap a:active,
	a.external:hover,
	#sidebar .c_sporePromo #spore_infoLink a:hover,
	#sidebar .c_sporePromo #spore_infoLink a:active,
	#navigation #counter a:hover,
	#navigation #counter a:active
	div.studioListModule a {
		color: #0096ff;
	}

a.download {
	color: #2c8301;
	font-size: 10px;
	text-decoration: underline;
}

	a.download:hover,
	a.download:active {
		color: #3fbe00;
	}

a.internal{
	color: #226BD7;
	font-size: inherit;
	text-decoration: underline;
}
	a.internal:hover,
	a.internal:active {
		color: #0096FF;
	}
	
a.external{
	color: #226BD7;
}
a.external:hover{
	
}

a.add{
	color: #f0810a;
}

/* Possible BOLD for external links */
#gameAvailable .site a.external{
	font-weight: bold;
}	
	
	
/* set link color to black for related links */
#sidebar div.c_links li a.external {
	color: #000000;
}

.btn_explore_large{
	font-size: 16px;
}

.btn_explore_small {
	font-size: 12px;
}

.c_systemcheck h3{
	font-size: 16px;
	font-weight: bold;
}
.btn_systemCheck{
	font-size: 14px;
}
.btn_systemCheck:link,
.btn_systemCheck:visited{
	color: #043e93;
}

.btn_addcart,
.btn_info,
.btn_standard,
.btn_platformAdd,
.btn_platformAddExternal,
.btn_continueStnd,
.btn_download,
.btn_systemCheck,
.btn_Upload,
.btn_explore_large,
.btn_explore_small,
.btn_playNow,
.btn_playNowHome,
.btn_iTunes,
.btn_getItNow,
.btn_checkAvailability {
	text-decoration: none;
}
.btn_addcart span,
.btn_info span,
.btn_Upload span,
.btn_playNow span,
.btn_playNowHome span,
.btn_getItNow span,
.btn_checkAvailability span {
	color: #ffffff;
	font-size: 12px;
}
.btn_addcart.xboxlive span,
.btn_addcart.psn span,
.btn_addcart.itunes span,
.btn_getItNow span,
.btn_checkAvailability span {
	color:#4c4c4c;
}
.btn_standard:hover{
	color: #3a3a3a;
}
.btn_platformAdd,
.btn_platformAddExternal,
#gameAvailable .platformComingSoon,
.btn_continueStnd,
.btn_download,
.btn_systemCheck,
.btn_explore_large,
.btn_explore_small,
.sortOrder label,
.btn_addcart span,
.btn_info span,
.btn_Upload span,
.btn_standard span,
.btn_playNow,
.btn_playNowHome,
.btn_getItNow span,
.btn_checkAvailability span {
	font-weight: bold;
}
#gameAvailable .platformComingSoon{
	color: #878787;
	text-decoration: none;
}
.btn_platformAdd:hover,
.btn_platformAddExternal:hover,
.btn_continueStnd:hover,
.btn_download:hover,
.btn_systemCheck:hover,
.btn_Upload:hover,
.btn_explore_large:hover,
.btn_explore_small:hover{
	color: #ffffff;
}
.btn_continueStnd:active {
	color: #226bd7;
}
.btn_confirm_cart_lg {
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

.btn_explore_large,
.btn_explore_small{
	text-align: center;
}

.btn_clearSearch {
	text-indent: -9999px;
}


/* FORMS
================================================== */

input {
	/* intentially blank */
}
input.searchSubmit {
	font-weight: bold;
} 
 
 
/* HEADER
================================================== */

#breakingNews {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
}

#breakingNews a {
	color: #e73a21;
}

input.searchField {
	color: #989898;
}
input.searchField.focus{
	color: #000000;
}
#breadcrumbs li{
	font-weight: bold;
	font-size: 11px;
}
#breadcrumbs li a{
	font-weight: normal;
}
input.searchSubmit {
	color: #fff;
}
#header_search .submitsd_on input,
input.searchSubmit:hover{
	color: #0f4097;
}

/* new counter style
#navigation #counter {
	font-style: italic;
	text-align: right;
	font-weight: bold;
}
*/

#counter dd {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 11px;
}


/* ----- Main Menu ----- */
#menu li,
#menu li a {
	color: #141414;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
}
#menu li a {
	text-indent: 10px;
	text-align: center;
}

#menu li:hover,
#menu li:active,
#menu li:hover a,
#menu li:active a,
#menu li.drop:hover,
#menu li.drop:active,
#menu li.drop:hover a,
#menu li.drop:active a,
#menu li.active,
#menu li.active a {
	color: #fff;
}

/* Reset styles for second level nav elements */
#menu li div li,
#menu li div a,
#menu li div a span {
	color: #000;
	font-weight: normal;
	text-align: left;
	text-transform: none;
}

#menu li:hover div li a,
#menu li.drop div li a,
#menu li div li a,
#menu li:hover{
	color: #626262;
	text-decoration: none;
}


/* main menu - games drop down */
#menu li.games div.sub_nav div li a,
#menu li.games div.sub_nav div dd a {
	color: #626262;
	text-decoration: underline;
	font-style: normal;
	font-size: 12px;
}
#menu li.games div.sub_nav div dd a:hover {
	color:#226BD7;
}
#menu li.games div.sub_nav div dt {
	color: #0f0f0f;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	line-height: 9px;
}

#menu li.games div.sub_nav div div.featuredAreas a {
	text-decoration: underline;
	font-weight: bold;
	color:#226BD7;
}
#menu li.games div.sub_nav div div.featuredAreas a:hover {
	color:#0096FF;
}

#menu li.games div.sub_nav div div.featuredAreas div.featuredGame {
	color: #0F0F0F;
	text-align: center;
	text-indent: 0px;
}
#menu li.games div.sub_nav div div.featuredAreas div.featuredGame a {
	font-weight: bold;
	text-indent: 0px;
}


/* main menu - studio drop down */

/* item text */
#menu li.studio div.sub_nav li a {
	color: #4f4f4f;
	font-size: 11px;
	text-decoration: none;
	text-indent: 0px;
}
/* item header */
#menu li.studio div.sub_nav li a span {
	color: inherit;
	font-size: 12px;
	font-weight: bold;
}

#menu li.studio div.sub_nav li a:hover {
	color: #fff;
}
#menu li.studio div.sub_nav li a:hover span {
	color: #fff;
}



/* FOOTER
================================================== */

/* Used in the tag footer (for instance, the news article page) - uses same text color as internal links */
.tagLinks {
	color: #226BD7; 
	line-height: 15px;
}
.tagTitle {
	font-weight: bold;
}
.tagFooter, .tagFooter a {
	font-size: 11px;
}



/* MAIN CONTENT
================================================== */
#mainContent {
	/* intentially blank */
}
#gameAvailable strong{
	font-weight: bold;
}

/* increased leading for larger bodies of text */
#gameCopy p,
#newsCopy p {
	line-height: 1.5;
}
#mainContent #gameCopy h2{
	font-size: 24px;
	padding: 0px;
	margin-bottom: 2px;
}

.featuresMain p,
.featuresSide p {
	color: #717171;
	line-height: 1.45;
	font-size: 12px;
}



/* NEWS ARTICLE PAGE
================================================== */
#newsCopy .newsLead {
	font-weight: bold;
}

#newsCopy em {
  font-style: italic;
}

#newsCopy ul,
#newsCopy ol {
  margin: 10px 0;  
}

#newsCopy ul li {
  list-style-type: disc;
  list-style-position: inside;
}

#newsCopy ol li {
  list-style-type: decimal;
  list-style-position: inside;
}

#newsArticleMedia .caption {
	font-size: 11px;
}
#additionalMedia p {
	font-size: 11px;
}


/* NEWS LIST PAGE & GAME BROWSER PAGE
================================================== */
.verticalList p {
	font-size: 12px;
}
.verticalList.thumbs li h3{
	font-size: 12px;
}

/* SEARCH RESULTS PAGE
================================================== */
.lblSearchString {
	color: #4e4e4e;
	font-weight: normal;
}
.lblSearchResult {
	color:#226BD7;
}
.c_leaderBoard table th {
	font-weight: bold;
}
#searchResultsGames .gameLinks {
	color: #d5d5d5;
	font-size: 11px
}


/* PROFILE PAGE
================================================== */
#profileProperties h2{
	font-size: 20px;
}




/* Play4Free Index page
================================================== */
/* image overlay */
.play4freeHighlight div.cropImage div.imageOverlay {
	font-size: 11px;
}


/* play4free sidebar module
================================== */
#play4FreeSidebar .bottomCap a {
	font-weight: normal;
}

/* play4free game page 
================================== */
#play4freeGameControls ul li strong {
	font-weight: bold;
}
#play4freeGameDetails h3 {
	font-size: 16px;
}






/* SIDEBAR
================================================== */

#sidebar h2,
.studioListModule h2 {
	color: #ffffff;
	line-height: 1.2;
}

#sidebar h3.selected a {
	color: #226bd7;
}

#sidebar p,
.studioListModule p {
	font-size: 11px;
	color: #4f4f4f;
}

#sidebar .c_news p{
	font-size: 12px;
}

#sidebar .instr{
	font-size: 11px;
}

/* No results from Game Browser */
#sidebar .noresults li h2{
	color: #000000;
}
#sidebar .noresults li{
	text-align: center;
}
#sidebar .noresults li span{
	color: #6e6e6e;
}
#sidebar .noresults #gameReviewActions a.btn_standard, #browserResults.noresults label{
	color: #b7b7b7;	
}
#browserResults.noresults .paginationResults{
	display: none;
}



/* ACCORDION - General
================================================== */
#sidebar .accordion h3 a,
#sidebar .accordion li ul li a {
	text-decoration: none;
}

	#sidebar .accordion h3 a {color: #000;}
		#sidebar .accordion h3 a:hover {color: #043e93;}
		#sidebar .accordion h3 a:active {color: #043e93;}
		#sidebar .accordion h3.selected a {color: #226bd7;}

	#sidebar .accordion li ul li a {color: #000;}
			#sidebar .accordion li ul li a:hover, #sidebar .accordion li ul li a.on {color: #2469e2;}
			#sidebar .accordion li ul li a:active {color: #2469e2;}



/* ACCORDION - Game Browser (only used on Game Browser page so ID'd to help JS)
================================================== */
#accordionBrowser h3 span{
	font-size: 10px;
	color: #909090;
	text-decoration: none;
}
#accordionBrowser h3 span.chkSelected{
	color: #226bd7;	
}





/* Related Games */
.c_related{
	font-size: 11px;
}
/* Store Locator */
#store_locator label{
	font-weight: bold;
	font-size: 12px;
}


/* BOTTOM CAP
================================================== */

/*
#sidebar .bottomCap,
#commonTopics .bottomCap {*/
.bottomCap{
	text-align: right;
}
.bottomCap a{
	font-weight: bold;
}

/* CONFIRMATION BOX & SYSTEM CHECKER (FACEBOX)
================================================== */

div#confirm legend {
	color: #5b5b5b;
}

div#confirm span.error {
	color:#C12D2D;
	font-size:11px;
}
div#confirm  li span.price {
	font-weight: bold;
	color: #cc0000;
}

#test-results thead td{
	color: #9e9e9e;
}
#test-results td.title,
#faq li.q{
	font-weight: bold;
}
#test-results td.txt_Fail{
	color: #f12a2a;
}
#faq li.a{
	
}
/* TABS
================================================== */

.tabs .nav li a {
	text-decoration: none;
	font-weight: bold;
}

.tabs .nav li a:hover,
.tabs .nav li a:active {
	color: #ffffff;
}

.tabs .nav li a.selected,
.tabs .nav li a.selected:hover {
	color: #226bd7;
}

/* HOMEPAGE: STUDIO HIGHLIGHTS
================================================== */

#studioHighlights .sections h3 {
	text-indent: -9999px;
}

.playlist .sub {
	font-size: 11px;
}


/* DROP DOWN
================================================== */

div.drop-default, div.drop-default_hover, div.drop-default_on,
div.drop-default_Up, div.drop-default_hover_Up, div.drop-default_on_Up,
div.drop-70px, div.drop-70px_hover, div.drop-70px_on,
div.drop-70px_Up, div.drop-70px_hover_Up, div.drop-70px_on_Up,
div.drop-90px, div.drop-90px_hover, div.drop-90px_on,
div.drop-90px_Up, div.drop-90px_hover_Up, div.drop-90px_on_Up,
div.drop-game, div.drop-game_hover, div.drop-game_on,
div.drop-game_Up, div.drop-game_hover_Up, div.drop-game_on_Up {
	font-weight: bold;
}

/* GAME DETAILS */
#playAllAudio {
	background-image: none;
	padding: 0px;
}


/* ERROR 404
================================================== */
#mainContent.error404 h2.oops,
#mainContent.error404 h2.oops span.na{
	font-size: 24px;
	font-weight: bold;
}
#mainContent.error404 h2 span{
	color: #7c7c7c;
	font-size: 12px;
	font-weight: normal;
}
#mainContent.error404 h2 span.na{
	color: #2e7bfa;
}


/* HOMEPAGE: E3 LIVE STREAM TAKEOVER
================================================== */
#e3LiveStream h1{
	font-size: 40px;
	text-align: center;
	color: #333333;
}

#e3LiveStream h1 strong{
	font-weight: bold;
	color: #0082c6;
}

#e3LiveStream h4 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #6d6e72;
}

#e3LiveStream h4 span{
	font-size: 11px;
	font-style: italic;
}

#e3LiveStream h4 a{
	text-indent:-3000px;
}

#e3LiveStream ul li h3 {
	font-size: 18px;
	font-weight: normal;
	text-decoration: underline;
}

#e3LiveStream ul li p {
	font-size: 11px;
	color: #8b8b8b;
}