/**************************************************************************
** $Id: cards_theme.css,v 1.4 2006/11/23 03:48:13 helenf Exp $
**
** Copyright (c) 2000-2005 MassMedia Studios Pty Ltd.
** 68-72 Wentworth Ave, Surry Hills, NSW 2010, Australia.
** All rights reserved.
**
** This software is the confidential and proprietary information of 
** MassMedia Studios Pty Ltd. ("Confidential Information").  You shall not
** disclose such Confidential Information and shall use it only in
** accordance with the terms of the license agreement you entered into
** with MassMedia Studios Pty Ltd.
** ------------------------------------------------------------------------
** 
** Author: Helen Fu
** Release notes:
** This css controls the theme for a particular trading cards series.
**
** BACKGROUNDS
** e.g. background: #ffffff url(../images/sample.gif) no-repeat 0px 0px;
** This should be divided up as follows:
** background: "colourValue" + " imageUrl" + " imageRepetition" + " imagePosition"
** Any part is optional, though imageRepetition and imagePosition should only be specified if an imageUrl has been specified
** 
** imageRepetition options --> repeat (tile both directions), no-repeat (does not repeat at all), repeat-x (repeats horizontally), repeat-y (repeats vertically)
** imagePosition options --> top left, top right, bottom left, bottom right, x-pos y-pos, x% y%
**
** DISPLAY
** to show --> block, to hide --> none
** 
**************************************************************************/

/*-------------------------- GLOBAL --------------------------*/

body {
	/* page background */
	background:								#ffffff url(../images/global_bg_gray.jpg) repeat-x 0px 0px;
	font-family:							arial,helvetica,sans-serif;
}

a {
	/* default link colour */
	color:									#377288;
}

a:hover {
	/* default link hover colour */
	color:									#333;
}

div#mainThemeBox a, div.halfWidth a {
	/* feature panel link colour */
	color:									#ffcc00;
}

div#mainThemeBox a:hover, div.halfWidth a:hover {
	/* feature panel link hover colour */
	color:									#999;
}

/* highlight colour */
span.points, .highlight {
	color:									#ff6c00;
}

/* feature highlight colour */
div#mainThemeBox span.points, div#mainThemeBox .highlight, div.halfWidth .highlight {
	color:									#ff6c00;
}

/* green - completed status */
.completedStatus {
	color:									#009900!important;
}

/* red - incomplete status */
.incompletedStatus {
	color:									#cc0033!important;
}

/*-------------------------- STRUCTURE --------------------------*/

div#mainContent {
	/* main content area */
	border-left:							2px solid #eeeeee;
	border-right:							2px solid #eeeeee;
	background:								#f3f3f3;
}

div.topBanner {
	/* top banner image - appears on all pages for a series */
	border-bottom:							2px solid #eeeeee;
	display:								block;
}

div.standardBox {
	/* normal panel - outer border colour */
	background:								#858585;
}

div.standardBoxCtnt {
	/* normal panel - inside background colour + border colour + text colour */
	background:								#676767;
	border:									2px solid #676767;
	color:									#ffffff;
}

div#mainThemeBox, div.halfWidth div.standardBox {
	/* feature panel - outer border colour */
	background:								#858585;
}

div#mainThemeBox div.standardBoxCtnt, div.halfWidth div.standardBoxCtnt {
	/* feature panel - inside background colour + border colour + text colour */
	background:								#555555;
	border:									2px solid #555555;
	color:									#ffffff;
}

/*-------------------------- HEADINGS --------------------------*/

/* panel headings */
h1 {
	/* normal panel heading colour */
	color:									#f1f1f1;
}

div#mainThemeBox h1 {
	/* feature panel heading colour */
	color:									#f1f1f1;
}

div.leftSide div#mainThemeBox h1 {
	/* feature title background for LHS */
	background: 							url(../images/ctnt_hdn_bgLMain.gif) no-repeat;
}

div.leftSide h1 {
	/* normal title background for LHS */
	background: 							url(../images/ctnt_hdn_bgL.gif) no-repeat;
}

div.rightSide div#mainThemeBox h1 {
	/* feature title background for RHS */
	background: 							url(../images/ctnt_hdn_bgRMain.gif) no-repeat;
}

div.rightSide h1 {
	/* normal title background for RHS */
	background: 							url(../images/ctnt_hdn_bgR.gif) no-repeat;
}

div.halfWidth h1 {
	/* normal title background for half width */
	background: 							url(../images/ctnt_hdn_bgHalf.gif) no-repeat;
}
/* end panel headings */

h2 {
	/* main heading colour */
	color:									#666666;
}

div#mainThemeBox h2 {
	/* feature heading colour */
	color:									#ff6c00;
}

h4 {
	/* used on trade forms */
	color:									#ffffff;
}

/*-------------------------- FORM ELEMENTS --------------------------*/

select.changeSeries {
	/* hyperlink colour */
	background: 							#ffcc00;
}

/*-------------------------- BUTTONS --------------------------*/

/* standard buttons - do not change at all!!! */
a.btnHowToPlay {
	background:								url(../images/buttons/btn_howToPlay.gif) no-repeat 0px 0px;
}

a.btnHowToPlayNorm {
	background:								url(../images/buttons/btn_howToPlayNorm.gif) no-repeat 0px 0px;
}

a.btnStartCollecting {
	background:								url(../images/buttons/btn_startCollecting.gif) no-repeat 0px 0px;
}

a.btnLaunchMedia {
	background:								url(../images/buttons/btn_launchMedia.gif) no-repeat 0px 0px;
}

a.btnLeaderboard {
	background:								url(../images/buttons/btn_leaderboard.gif) no-repeat 0px 0px;
}

a.btnMyCards {
	background:								url(../images/buttons/btn_myCards.gif) no-repeat 0px 0px;
}

a.btnCollectCard {
	background:								url(../images/buttons/btn_collectCard.gif) no-repeat 0px 0px;
}

a.btnCardReleases {
	background:								url(../images/buttons/btn_cardReleases.gif) no-repeat 0px 0px;
}

a.btnTradingZone {
	background:								url(../images/buttons/btn_tradingZone.gif) no-repeat 0px 0px;
}

a.btnMyTrades {
	background:								url(../images/buttons/btn_myTrades.gif) no-repeat 0px 0px;
}

a.btnAddCard {
	background:								url(../images/buttons/btn_addCard.gif) no-repeat 0px 0px;
}

a.btnCancel {
	background:								url(../images/buttons/btn_cancel.gif) no-repeat 0px 0px;
}

a.btnCancelUnit {
	background:								url(../images/buttons/btn_cancelUnit.gif) no-repeat 0px 0px;
}

a.btnSearch {
	background:								url(../images/buttons/btn_search.gif) no-repeat 0px 0px;
}

a.btnAccept {
	background:								url(../images/buttons/btn_accept.gif) no-repeat 0px 0px;
}

a.btnSubmit {
	background:								url(../images/buttons/btn_submit.gif) no-repeat 0px 0px;
}

a.btnSubmitFeatPan {
	background:								url(../images/buttons/btn_submitFeatPan.gif) no-repeat 0px 0px;
}

a.btnConfirm {
	background:								url(../images/buttons/btn_confirm.gif) no-repeat 0px 0px;
}

a.btnNext {
	background:								url(../images/buttons/btn_next.gif) no-repeat 0px 0px;
}

a.btnPrevious {
	background:								url(../images/buttons/btn_previous.gif) no-repeat 0px 0px;
}

a.btnMakeOffer {
	background:								url(../images/buttons/btn_makeOffer.gif) no-repeat 0px 0px;
}

a.btnEnter {
	background:								url(../images/buttons/btn_enter.gif) no-repeat 0px 0px;
}
/* end standard buttons */

/*-------------------------- STANDARD BOX ELEMENTS --------------------------*/

/* introduction area */
div.introArea div.featureImg {
	/* same as feature unit border colour */
	border:									2px solid #cccccc;
}

/* multimedia box */
div.introArea div.mmBox {
	/* feature unit border colour, background and text colour */
	border-left:							2px solid #cccccc;
	border-right:							2px solid #cccccc;
	border-bottom:							2px solid #cccccc;
	background:								#717171;
	color:									#ffffff;
}

/* feature unit colours */
div#mainThemeBox a.closedDeck, div#mainThemeBox div.fixedUnit, div#mainThemeBox div.singleUnit, div.halfWidth div.singleUnit {
	border:									2px solid #cccccc;
	background:								#717171;
	color:									#ffffff;
}

/* deck collector series */
a.closedDeck, div.fixedUnit, div.singleUnit {
	/* border: unit border colour, background: unit bg colour, colour: normal panel copy colour */
	border:									2px solid #d5d5d5;
	background:								#f6f6f6;
	color:									#666666;
}

div#mainThemeBox div.noBdrUnit, div.halfWidth div.noBdrUnit {
	/* feature unit: border colour is set to same as bg colour */
	border:									2px solid #717171;
}

div.noBdrUnit {
	/* normal unit: border colour is set to same as bg colour */
	border:									2px solid #f6f6f6;
}

a.closedDeck:hover {
	/* background: normal panel bg colour, colour: hyperlink colour */
	background:								#676767;
	color:									#ffcc00;
}

a.closedDeck span.iconOpen {
	/* border: unit border colour */
	border-left:							2px solid #d5d5d5;
	/* bg colour: hyperlink colour */
	background:								#ffcc00 url(../images/buttons/btn_openDeck.gif) no-repeat 0px 0px;
}

div.openDeck a.iconClose {
	/* all colours same as unit border colour */
	border-left:							2px solid #d5d5d5;
	border-bottom:							2px solid #d5d5d5;
	background:								#d5d5d5 url(../images/buttons/btn_closeDeck.gif) no-repeat 0px 0px;
}

/* leaderboard */
dl.leaderDetails, dl.playerStats dd {
	/* leaderboard - player list - player details */
	color:									#666666;
}

dl.playerStats dt {
	/* leaderboard - player list - headings (same as h4) */
	color:									#ffffff;
}

span.error { /* default error colour */
	color: 									#ff6c00;
}

div.halfWidth span.error { /* registration, forgotten password, login */
	color: 									#ff6c00;
}