/**************************************************************************
** $Id: cards_theme.css,v 1.1 2007/03/19 00:38:42 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:								#fff url(../images/body_bg.gif) repeat-x 0 0; 
	font-family:							arial,helvetica,sans-serif;
}

a, a:hover, a u, p u a, p u span a {
	/* default link colour */
	color:									#0083bc;
}

span a, p.MsoNormal a, p a {
	/* default link colour */
	color:									#0083bc!important;
	text-decoration:						underline;
}

a strong {
	color:									#0083bc!important;
	text-decoration:						underline;
}

a:hover strong {
	color:									#0083bc!important;
	text-decoration:						underline;
}
div#mainThemeBox a, div#mainThemeBox a:hover, div.halfWidth a, div.halfWidth a:hover {
	/* feature panel link colour */
	color:									#f0d44c;
}

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

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

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

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

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

div#mainContent {
	/* main content area */
	border-left:							2px solid #9cd13f;
	border-right:							2px solid #9cd13f;
	background:								#9cd13f url(../images/ctnt_bg.jpg) repeat 0 0; 
}

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

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

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

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

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

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

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

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:									#333333;
}

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

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

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

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

/*-------------------------- 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;
}

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

.cardBtn {
	height:									30px;
	display:								block;
	margin: 								0 0 0 21px!important;
}
* html .cardBtn {
	margin: 								0 auto;
}
*+html .cardBtn {
	margin: 								0 auto;
}
/* end standard buttons */

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

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

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

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

/* 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 #d8e1f2!important;
	background:								#f3f3f3!important;
	color:									#696969!important;
}

a.closedDeck {
	/* background: unit bg colour */
	background:								#f3f3f3;
}

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

div.noBdrUnit {
	/* normal unit: border colour is set to same as bg colour */
	border:									2px solid #d8e1f2;
	/* same as default bg for normal unit */
	background:								#f3f3f3;
}

a.closedDeck:hover {
	/* background: normal panel bg colour, colour: hyperlink colour */
	background:								#fff;
	color:									#0083bc;
	border:									2px solid #66caf6;
}

a.closedDeck span.iconOpen {
	/* border: unit border colour */
	border-left:							2px solid #d8e1f2;
	/* bg colour: hyperlink colour */
	background:								#000 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 #d8e1f2;
	border-bottom:							2px solid #d8e1f2;
	background:								#000 url(../images/buttons/btn_closeDeck.gif) no-repeat 0px 0px;
}

/* leaderboard */
dl.leaderDetails, dl.playerStats dd {
	/* leaderboard - player list - player details (same as normal unit text) */
	color:									#696969;
}

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

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

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

/* ADDED FOR SERIES 2 NATM */
input, select, textarea {
	background:								#fff;
	border:									1px solid #482610;
}

/* in cards_structure css, should be series specfic - used on the multimedia audio pages */
.audio_divider {
	border-top:								1px solid #9B654A;
}



/* NEEDS TO BE REMOVED NEXT SERIES */
.alignLeft {
	text-align:								left!important;
}

table.mmTable th, table.mmTable td {
	vertical-align:							top;
}

body.adminPage input, body.adminPage select, body.adminPage textarea {
	background:								#fff;
	border:									1px solid #cccccc;
}

/* used on enter comp page per individual card comp */
.cardPromoImg {
	margin:									5px 0 -5px 5px;
	border: 								2px solid #848484;
}

.cardCompLeft {
	float: 									left;
	width: 									442px;
	padding-right: 							10px;
	widt\h: 								432px;
}
.cardCompRight {
	float: 									left;
	width: 									193px;
	border-left: 							2px solid #848484;
	border-right: 							2px solid #848484;
	border-bottom: 							2px solid #848484;
	border-top: 							1px solid #848484;
	background: 							#d0f1ff;
	padding: 								14px 0;
	margin-left:							10px;
}
* html .cardCompRight {
	border-top: 							2px solid #848484;
}
*+html .cardCompRight {
	border-top: 							2px solid #848484;
}

.inputMiddle {
	margin:									5px 0 0 18px;
	font-size:								0.8em;
}

.padLeft {
	padding: 								15px 0 0 10px;
}
.mmBox p {
	color: 									#333333;
}

/* END: NEEDS TO BE REMOVED NEXT SERIES */