﻿/*
Background:			#17395b (Dark Gray);
Content Background:	#2B2B2A (Lighter Dark Gray);
Text on Dark:		#000000 (Light Gray)
Link on Dark:		#1e4871	(Orange)
Link on Light:		#1e4872 (Steel Blue)
*/

body {
    overflow: -moz-scrollbars-vertical;
    background-color: #17395b;
    font-family: tahoma;
    font-size: 10pt;
    color: #000000;
}

h3
{
	font-size: 12pt;
	margin-bottom: 5px;
}

a:link 
{
	color:#1e4871;
	text-decoration:none;
  }
a:visited {
	color:#1e4871;
	text-decoration:none;
  }
a:hover {
	color:#1e4871;
	text-decoration: underline;
  }
  
h2
{
	font-size: 12pt;
}

hr
{
 border-color: #eeeeee;	
}

.Wrapper_Header
{
	/*This is the header area of the website */
	min-height: 210px;
	height: 210px;
	background-image: url('./images/glass_02.png');
	background-position: top center;
	background-repeat: no-repeat;
}

.Wrapper_Body
{
	/*This is the non-repeatable image that continues the header image*/
	min-height: 500px;
	background-image: url('./images/glass_04.png');
	background-position: top center;
	background-repeat: no-repeat;
}

.Footer_BG
{
	/* This repeats through the whole website from top to bottom */
	height: auto;
	background-image: url('./images/glass_05.png');
	background-position: bottom center;
	background-repeat: repeat-y;
}

.Header
{
	height: 175px;
}

.sub-header-links
{
	padding-top: 5px;
	padding-left: 10px;
	font-size: 12pt;
}

.sub-header-links a:link 
{
	color:#FFFFFF;
	text-decoration:none;
  }
.sub-header-links a:visited {
	color:#FFFFFF;
	text-decoration:none;
  }
.sub-header-links a:hover {
	color:#FFFFFF;
	text-decoration: underline;
  }
  
.blog-list
{
	padding-left: 5px;
}
  
.blog-list .blog-post
{
    min-height: 40px;
	padding-bottom: 15px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ececec;
}

/* THE REST IS WEIRD SHIZ I DONT KNOW WHAT DO TO WITH. */
div.darknotification
{
	height: 408px;
	width: 500px;
	background-color: #17395b;
	color: #17395b;
	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: #17395b;
}

.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;
}

.container_12
{
}

.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: #000000;
	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: #17395b;
	font-size: 10pt;
	cursor: pointer;
}

.sub-header-menu-collapsed
{
	position: absolute;
	overflow: hidden;
	width: 400px;
	margin-top: 4px;
	height: 0px;
	background-color: #000000;
	background-image: url('./images/user-menu-collapsed.png');
	background-repeat: no-repeat;
	color: #17395b;
	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
{
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	padding-top: 4px;
}

.SearchInput
{
	float: left;
	min-height: 28px;
	height: 27px;
	width: 237px;
	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/search-box.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: 918px;
	padding: 10px;
	padding-top: 0px;
	border: 1px solid #d7dce1;
}

/*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-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;
	padding-top: 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:#1e4871;
	font-weight: bold;
	text-decoration:none;
	background-color: #d7dce1;
  }
.trade-header-menu a:visited {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#000000;
	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-left: 10px;
	margin-left: 10px;
}

.trade-messenger-header
{
	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: #17395b;
}

.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: #17395b;
}

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-menu
{
	
}

.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:#000000;
	font-weight: bold;
	text-decoration:none;
	background-color: #005aaa;
  }
.user-profile-menu a:visited {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	color:#000000;
	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:#1e4871; 
	text-decoration:none;
	font-size: 8pt;
}
.dual-side-menu-left a:visited 
{
	color:#1e4871;
	text-decoration:none;
	font-size: 8pt;
}
.dual-side-menu-left a:hover 
{
	color:#1e4871;
	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 #1e4871;
}

.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: #d7dce1;
}

/* 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
{ 
	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: #1e4871;
}

.search-results-inventory
{
	color: #FFFFFF;
}
.search-results-item-template
{
	padding-right: 3px;
	padding-left: 3px;
	background-color: #e5e8ed;
}

.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: #000000;
	font-weight: bold;
}

.no-have-card a:link
{
	color: #000000;
}

.no-have-card a:visited
{
	color: #000000;
}

.no-have-card a:hover
{
	color: #000000;
}

.want-card-on-list
{
	padding-right: 3px;
	padding-left: 3px;
	color: #000000;
	border-left: #1e4871;
	border: 1px solid #1e4871;
	
}

.has-card
{
	padding-right: 3px;
	padding-left: 3px;
	background-color: #1e4872;
	color: #eeeeee;
	border-left: #1e4871;
	border-bottom: 1px solid #2B2B2A;
}

.has-card a:link
{
	color: #eeeeee;
}

.has-card a:visited
{
	color: #eeeeee;
}

.has-card a:hover
{
	color: #eeeeee;
}

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;
}


/* 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;
	color: #cc3300;
	font-weight: bold;
	
}
.feedback-neutral
{
	width: 80%;
	padding: 5px;
	color: #cecece;
	font-weight: bold;
	
}
.feedback-positive
{
	width: 80%;
	padding: 5px;
	color: #33cc00;
	font-weight: bold;
}


.accordionHeader
{
	background-color: #1e4871;
	color: #d7dce1;
	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: #1e4871;
	color: #d7dce1;
	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;
}
