﻿/*
Background:			#231f20 (Dark Gray);
Content Background:	#2B2B2A (Lighter Dark Gray);
Text on Dark:		#eeeeee (Light Gray)
Link on Dark:		#ffbc3e	(Orange)
Link on Light:		#1e4872 (Steel Blue)
*/

body {
    overflow: -moz-scrollbars-vertical;
    background-color: #231f20;
    font-family: Tahoma;
    color: #eeeeee;
}

div.darknotification
{
	height: 408px;
	width: 500px;
	background-color: #231f20;
	color: #231f20;
	background-image: url('http://www.ccgtradepost.com/style/contests/ccghouse/UserProfileBod.jpg');
	background-repeat: no-repeat;
	padding: 10px;
	text-align: left;
}

.login
{
	min-height: 202px;
	height: 202px;
	width: 362px;
	padding-top: 10px;
	background-image: url('./images/login.png');
	background-position: top center;
	background-repeat: no-repeat;
	color: #231f20;
}

.login a:link 
{
	color:#1e4872;
	text-decoration:none;
  }
.login a:visited {
	color:#1e4872;
	text-decoration:none;
  }
.login a:hover {
	color:#1e4872;
	text-decoration: underline;
  }

table
{
	border: 0px;
}

td
{
	border: 5px;
}

tr
{
	border: 0px;
}

a:link 
{
	color:#ffbc3e;
	text-decoration:none;
  }
a:visited {
	color:#ffbc3e;
	text-decoration:none;
  }
a:hover {
	color:#ffbc3e;
	text-decoration: underline;
  }

.container_12
{
}

.Footer_BG
{
	height: auto;
	background-image: url('./images/960CCG_03.jpg');
	background-position: bottom center;
	background-repeat: repeat-y;
}

.Wrapper_Header
{
	min-height: 170px;
	height: 170px;
	background-image: url('./images/960CCG_01.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

.Wrapper_Body
{
	min-height: 500px;
	background-image: url('./images/960CCG_02.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

.Wrapper_Footer
{
	min-height: 0px;
	height: 1%;
	text-align: center;
	
	/*background-image: url('./images/960CCG_04.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;*/
}

#header-menu
{
	padding-top: 5px;
}

#sub-header-menu
{
	padding-top: 7px;
	margin-top: 2px;
}

.sub-header-menu-notice
{
	height: 54px;
	width: 405px;
	padding-left: 10px;
	padding-top: 5px;
	background-color: Transparent;
	background-image: url('./images/notice.png');
	background-repeat: no-repeat;
	color: #eeeeee;
	font-size: 10pt;
}

.sub-header-menu-header
{
	width: 400px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
	background-image: url('./images/sub-header-menu-collapsed.png');
	background-repeat: no-repeat;
	color: #231f20;
	font-size: 10pt;
	cursor: pointer;
}

.sub-header-menu-collapsed
{
	position: absolute;
	overflow: hidden;
	width: 400px;
	margin-top: 4px;
	height: 0px;
	background-color: #eeeeee;
	background-image: url('./images/user-menu-collapsed.png');
	background-repeat: no-repeat;
	color: #231f20;
	font-size: 10pt;
	z-index: 1;
}

.sub-header-menu-collapsed-container
{
	width: 390px;
	padding: 5px;
	padding-top: 0px;
}

.sub-header-menu-collapsed-container p
{
	padding-left: 5px;
}

.sub-header-menu-collapsed-container a:link 
{
	color:#1e4872;
	font-weight: bold;
	text-decoration:none;
}
.sub-header-menu-collapsed-container a:visited 
{
	color:#1e4872;
	font-weight: bold;
	text-decoration:none;
}
.sub-header-menu-collapsed-container a:hover {
	color:#1e4872;
	font-weight: bold;
	text-decoration: underline;
}

.sub-header-menu-notice a:link 
{
	color:#cfcfcf;
	text-decoration:none;
}
.sub-header-menu-notice a:visited 
{
	color:#cfcfcf;
	text-decoration:none;
}
.sub-header-menu-notice a:hover 
{
	color:#cfcfcf;
	text-decoration:underline;
}

#sub-header-search
{
	padding-left: 13px;
	padding-top: 7px;
	width: 300px;
}

#header-menu a:link {
  color:#2b2b2a;
  text-decoration:none;
  font-weight: bold;
  }
#header-menu a:visited {
  color:#2b2b2a;
  text-decoration:none;
  font-weight: bold;
  }
#header-menu a:hover {
  color:#2b2b2a;
  text-decoration:underline;
  font-weight: bold;
  }
  

.cmdSearchCards
{
	min-height: 29px;
	height: 29px;
	margin: 0px;
	margin-top: 3px;
}

.SearchInput
{
	position: absolute;
	min-height: 28px;
	height: 28px;
	width: 208px;
	margin: 0px;
	margin-right: 0px;
	margin-top: 3px;
	padding: 0px;
	padding-top: 2px;
	padding-left: 6px;
	
	border: 0px;
	font-size: 14pt;
	
	background-color: Transparent;
	background-image: url('./images/txtSearch.png');
	background-repeat: no-repeat;
}

.user-profile-list-desc
{
	font-size: 10pt;
}
.user-profile-list-number
{
	font-size: 12pt;
}
.MatchNumber
{
	font-size: 16pt;
}

.SubContent
{
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
}

.trade-shipping-info
{
	width: 920px;
	padding: 10px;
	padding-top: 0px;
	background-color: #231f20;	
}

/*Registration*/
.register_top
{
	min-height: 205px;
	height: 205px;
	width: 820px;
	background-image: url('./RegistrationPage/images/register_01.jpg');
}
.register_infobubble
{
	min-height: 247px;
	height: 247px;
	width: 680px;
	background-image: url('./RegistrationPage/images/register_02.jpg');
	background-repeat:repeat-y;
	padding-left: 70px;
	padding-right: 70px;
	line-height: 18px;
}
.register_infobubble_bottom
{
	min-height: 16px;
	height: 16px;
	width: 820px;
	background-image: url('./RegistrationPage/images/register_03.jpg');
}
.register_content
{
	min-height: 18px;
	width: 680px;
	background-image: url('./RegistrationPage/images/register_05.jpg');
	background-repeat:repeat-y;
	padding-left: 70px;
	padding-right: 70px;
	line-height: 18px;
}
.register_content_bottom
{
	min-height: 19px;
	height: 19px;
	width: 820px;
	background-image: url('./RegistrationPage/images/register_06.jpg');
}

.register_content td.admContent input
{
	width: 265px;
	height: 40px;
	background-color: #232322;
	background-image: url('./RegistrationPage/images/registration-input.jpg');
	background-repeat: no-repeat;
	border: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14pt;
}
.register_content td.admTitle
{
	width: 150px;
	font-size: 14pt;
	padding-left: 10px;
}

/*Mini Match*/

.mini-match-list
{
	width: 190px; 
	height: 60px; 
	padding-left: 5px; 
	padding-bottom: 10px; 
	font-size: 8pt; 
	overflow:hidden; 
	display:block;
}

/* Trade Header */


.trade-header
{
	min-height: 85px;
	height: 85px;
	width: 925px;
	padding-top: 15px;
	padding-left: 15px;
	background-image: url('./images/trade-header.png');
	color: #000000;
}

.trade-header-menu
{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 15px;
	border: 0px solid #c7cde8;
}

.trade-header h1
{
	padding-left: 10px;
	margin-bottom: 17px;
}

.trade-header a:link 
{
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
.trade-header a:visited 
{
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
.trade-header a:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
}
.trade-header-menu a:link 
{
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#eeeeee;
	font-weight: bold;
	text-decoration:none;
	background-color: #005aaa;
  }
.trade-header-menu a:visited {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#eeeeee;
	font-weight: bold;
	text-decoration:none;
	background-color: #005aaa;
  }
.trade-header-menu a:hover {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	background-color: #aebde1;
  }
  
/* Trade Messenger */

.trade-messenger
{
	width: 660px;
	padding: 20px;
	padding-left: 10px;
	margin-left: 10px;
	background-color: #231f20;
}

.trade-messenger-header
{
	min-height: 85px;
	height: 85px;
	width: 695px;
	padding-top: 15px;
	padding-left: 15px;
	background-image: url('./images/user-page-header1.png');
	color: #000000;
}

/* Card Info Page */


div.card-info-body
{
	width: 371px; 
	background-repeat: repeat-y; 
	background-position: top left;
}

div.card-info-top
{
	height: 10px;
	min-height: 10px;
	width: 341px; 
	padding-left: 10px; 
	padding-right: 20px;
	background-image: url('./images/card-info-match_01.png'); 
	background-repeat: no-repeat; 
	background-position: top left; 
	color: #000000;
}

div.card-info-middle
{
	width: 331px; 
	padding-left: 20px; 
	padding-right: 20px;
	background-image: url('./images/card-info-match_02.png'); 
	background-repeat: repeat-y; 
	background-position: top left;
	color: #231f20;
}

.card-info-middle a:link 
{
	color:#1e4872;
	font-weight: bold;
	text-decoration:none;
}
.card-info-middle a:visited 
{
	color:#1e4872;
	font-weight: bold;
	text-decoration:none;
}
.card-info-middle a:hover {
	color:#1e4872;
	font-weight: bold;
	text-decoration: underline;
}

div.card-info-bottom
{
	height: 10px;
	min-height: 10px;
	background-image: url('./images/card-info-match_04.png'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
}

/*User Profile */

div.side-menu-body
{
	width: 230px; 
	background-repeat: repeat-y; 
	background-position: top left;
}

div.side-menu-top
{
	height: 20px;
	min-height: 20px;
	width: 200px; 
	padding-left: 10px; 
	padding-right: 20px;
	background-image: url('./images/side-menu_01.png'); 
	background-repeat: no-repeat; 
	background-position: top left; 
	color: #000000;
}

div.side-menu-middle
{
	width: 190px; 
	padding-left: 20px; 
	padding-right: 20px;
	background-image: url('./images/side-menu_02.png'); 
	background-repeat: repeat-y; 
	background-position: top left;
	color: #231f20;
}

div.side-menu-bottom
{
	min-height: 25px;
	background-image: url('./images/side-menu_04.png'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
}

.user-profile-header
{
	min-height: 85px;
	height: 85px;
	width: 695px;
	padding-top: 15px;
	padding-left: 15px;
	background-image: url('./images/user-page-header1.png');
	color: #000000;
}

.user-profile-header img
{
	padding: 0px;
	margin: 0px;
}

.user-profile-header .avatar
{
	float: left;
	position: relative;
	margin: 3px;
	border: 2px solid #005aaa;
}

.user-profile-header-menu
{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
.user-profile-header h1
{
	padding-left: 10px;
	margin-bottom: 5px;
}

.user-profile-header a:link 
{
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
.user-profile-header a:visited 
{
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
.user-profile-header a:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
}

.user-profile-menu
{
	
}

.user-profile-signature
{
	float: left; 
	width: 650px; 
	padding-left: 30px; 
	padding-right: 10px;
}

.match-list-compare
{
	min-width: 100%;
	width: 100%;
	text-align: right;	
}

.user-page-card-match-1
{
	height: 256px;
	min-height: 256px;
	width: 210px;
	padding: 20px;
	padding-right: 0px;
	background-image: url('./images/user-page-card-match.png');	
}

.user-page-card-match
{
	height: 150px;
	min-height: 150px;
	width: 190px;
	padding: 20px;
	background-image: url('./images/user-page-card-match.jpg');	
}

.user-page-matches
{
	height: 270px;
	min-height: 270px;
	width: 190px;
	padding: 20px;
	background-image: url('./images/user-page-matches.jpg');	
	color: #000000;
}

.user-page-matches a:link 
{
	color:#1e4872;
	text-decoration:none;
  }
.user-page-matches a:visited {
	color:#1e4872;
	text-decoration:none;
  }
.user-page-matches a:hover {
	color:#1e4872;
	text-decoration: underline;
  }

.user-profile-menu a:link 
{
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#eeeeee;
	font-weight: bold;
	text-decoration:none;
	background-color: #005aaa;
  }
.user-profile-menu a:visited {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#eeeeee;
	font-weight: bold;
	text-decoration:none;
	background-color: #005aaa;
  }
.user-profile-menu a:hover {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	background-color: #aebde1;
  }
  
.dual-side-menu
{
	min-height: 548px;
	height: 548px;
	width: 229px;
	background-color: Transparent;
	background-image: url('./images/dualsidemenu.jpg');
	background-repeat: no-repeat;
}

.dual-side-menu-left
{
	float: left; 
	width: 107px; 
	padding-top: 10px; 
	padding-left: 3px; 
	color: White;
}

.dual-side-menu-left a:link 
{
	color:#ffbc3e; 
	text-decoration:none;
	font-size: 8pt;
}
.dual-side-menu-left a:visited 
{
	color:#ffbc3e;
	text-decoration:none;
	font-size: 8pt;
}
.dual-side-menu-left a:hover 
{
	color:#ffbc3e;
	text-decoration:underline;
	font-size: 8pt;
}

.dual-side-menu-right
{
	float: right; 
	width: 110px; 
	padding-top: 20px;	
	color: #000000;
}

.dual-side-menu-right a:link 
{
	color: #000000;
	text-decoration:none;
	font-size: 8pt;
}
.dual-side-menu-right a:visited 
{
	color: #000000;
	text-decoration:none;
	font-size: 8pt;
}
.dual-side-menu-right a:hover 
{
	color: #000000;
	text-decoration:underline;
	font-size: 8pt;
}

.Warning
{
	margin: 20px;
	padding: 10px;
	border: 2px solid #ffbc3e;
}

.grid-list-header
{
	padding-right: 3px;
}

.card-list-item-template
{
	padding-right: 3px;
	padding-left: 3px;
}

.alternate-item-template
{
	padding-right: 3px;
	padding-left: 3px;
	background-color: #000000;
}

/* CardLister.ascx */

div.card-info-left
{
	float: left;
	width: 260px;
}
div.card-info-right
{
	float: right;
	width: 460px;
	padding: 10px;
}

div.search-results-body
{
	width: 770px; 
}

div.search-results-top
{
	height: 65px;
	min-height: 65px;
	width: 740px; 
	padding-left: 10px; 
	padding-right: 20px;
	background-image: url('./images/search-results_01.png'); 
	background-repeat: no-repeat; 
	background-position: top left; 
	padding-top: 15px;
	color: #000000;
}

div.search-results-middle
{
	width: 740px; 
	padding-left: 10px; 
	padding-right: 20px;
	background-image: url('./images/search-results_02.png'); 
	background-repeat: repeat-y; 
	background-position: top left;
	color: #000000;
}

div.search-results-bottom
{
	height: 20px;
	min-height: 20px;
	background-image: url('./images/search-results_04.png'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	color: #000000;
}

.grid-inventory
{
	width: 200px;
	padding-left: 3px;
	padding-right: 20px;
	background-color: #1e4872;
	text-align: center;
	color: #ffbc3e;
}

.search-results-item-template
{
	padding-right: 3px;
	padding-left: 3px;
	background-color: #eeeeee;
}

.search-results-alternate-item-template
{
	padding-right: 3px;
	padding-left: 3px;
}

.search-results-middle a:link 
{
	color: #1e4872;
	text-decoration:none;
	font-size: 8pt;
}
.search-results-middle a:visited 
{
	color: #1e4872;
	text-decoration:none;
	font-size: 8pt;
}
.search-results-middle a:hover 
{
	color: #1e4872;
	text-decoration:underline;
	font-size: 8pt;
}

.no-have-card
{
	padding-right: 3px;
	padding-left: 3px;
	background-color: #dc101c;
	color: #eeeeee;
	font-weight: bold;
}

.no-have-card a:link
{
	color: #eeeeee;
}

.no-have-card a:visited
{
	color: #eeeeee;
}

.no-have-card a:hover
{
	color: #eeeeee;
}

.want-card-on-list
{
	padding-right: 3px;
	padding-left: 3px;
	color: #eeeeee;
	border-left: #ffbc3e;
	border: 1px solid #ffbc3e;
	
}

.has-card
{
	padding-right: 3px;
	padding-left: 3px;
	background-color: #1e4872;
	color: #eeeeee;
	border-left: #ffbc3e;
	border-bottom: 1px solid #2B2B2A;
}

.has-card a:link
{
	color: #ffbc3e;
}

.has-card a:visited
{
	color: #ffbc3e;
}

.has-card a:hover
{
	color: #ffbc3e;
}

h5
{
	margin-bottom: 3px;
}

h6
{
	margin-bottom: 3px;
}

.side-menu
{
	padding-left: 5px; 
	padding-right: 5px; 
}

.side-menu p
{
	padding-left: 5px;
	margin: 3px;
}

.side-menu a:link
{
	color: #1e4872;
}

.side-menu a:visited
{
	color: #1e4872;
}

.side-menu a:hover
{
	color: #1e4872;
	text-decoration: underline;
}

.bottom-back-link
{
	width: 100%; 
	text-align: right; 
	font-size: 16pt;	
}

.feed-item
{
	padding-bottom: 3px;
}

.admTitle
{
	width: 100px;
}

/* BB Code */
.bbcode-quote
{
	padding: 10px;
	border: 2px solid #cecece;
}

.Wrapper_Body .grid_12
{
	margin: 0px;
}

.grid_12 .page-block
{
	width: 660px; 
	padding-left: 20px; 
	padding-right: 20px;	
}

/* Feedback */

span.feedback-Positive
{
	color: #33cc00;
}
span.feedback-Negative
{
	color: #cc3300;
}

.feedback-grid
{
	width: 100%;
	padding: 3px;	
}
.feedback-grid .feedback-header-name
{
	float: left;
	width: 50%;
	font-size: 14pt;
	padding-bottom: 3px;
}
.feedback-grid .feedback-header-date
{
	float: right;
	width: 50%;
	text-align: right;
	font-size: 14pt;
	padding-bottom: 3px;
}

.feedback-negative
{
	width: 80%;
	padding: 5px;
	border: 3px solid #cc3300;
	background: #eeeeee;
	color: #231f20;
	
}
.feedback-neutral
{
	width: 80%;
	padding: 5px;
	border: 3px solid #cecece;
	background: #eeeeee;
	color: #231f20;
	
}
.feedback-positive
{
	width: 80%;
	padding: 5px;
	border: 3px solid #33cc00;
	background: #eeeeee;
	color: #231f20;
}


.accordionHeader
{
	background-color: #ffbc3e;
	color: #231f20;
	padding-left: 30px;
	font-size: 14pt;
	cursor: pointer;
	border-bottom: 2px solid #000000;
	background-image: url('./images/collapsed.png');
	background-position: center left;
	background-repeat: no-repeat;
}

.accordionHeaderSelected
{
	background-color: #ffbc3e;
	color: #231f20;
	padding-left: 30px;
	font-size: 14pt;
	cursor: pointer;
	border-bottom: 2px solid #000000;
	background-image: url('./images/expanded.png');
	background-position: center left;
	background-repeat: no-repeat;
}

.accordionContent
{
}

.header-user-name
{
	font-size: 22pt;
	font-weight: bold;
}

.trade-ready
{
	color: #00FF00;
	font-weight: bold;
}

.trade-not-ready
{
	color: #FF0000;
	font-weight: bold;
}

span.Rare
{
	font-weight: bold;
	color: #999900;
}

span.Mythic
{
	font-weight: bold;
	color: #990000;
}

span.Uncommon
{
	font-weight: bold;
	color: #333333;
}

span.Common
{
}

div.filter-options
{
	padding: 10px;
	padding-left: 0px;
}