 .rating_small{
float: left;
background: transparent url(http://www.tcgplayer.com/games/images/rating_small.jpg) no-repeat left top;
}

.rating_small_bg{
height: 10px;
width: 50px;
overflow: hidden;
float: left;
background: transparent url(http://www.tcgplayer.com/games/images/rating_small_bg.jpg) no-repeat left top;
}

.togglecontent{
display: none; 
}

.drafthint{
width: 220px;
height: 305px;
align: center;
valign: middle;
PADDING-TOP: 10px;
background: #921996; 
}

table.decks { list-style-type: none; }
table.decks tr a { display: block; padding: 0 0 0 0; font-size: 8pt;  FONT-FAMILY:  Arial; line-height: 12px }
table.decks tr a:hover { background: #DFE0F9; } 

.menua {BORDER-TOP: #658498 1px solid; overflow: hidden; BORDER-BOTTOM: black 0px solid; height: 15px; font-size:10px; width: 100%; vertical-align: middle;}
.menua:Link {  color: #efefef; text-decoration: none; }
.menua:Visited  { color: #efefef; text-decoration: none;}
.menua:Hover  { color: #efefef; text-decoration: underline; cursor: pointer }

.updatebox {BORDER-TOP: #2C6285 2px solid; BORDER-BOTTOM: #2C6285 2px solid; BORDER-RIGHT: #2C6285 2px solid; BORDER-LEFT: #2C6285 2px solid; background: #1F435A; overflow: hidden;}


.cardtxt {BORDER-RIGHT: white 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: silver 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; overflow: hidden; BORDER-LEFT: black 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 0px solid; align: left; height: 70px;  font-size: 7pt; FONT-FAMILY:  Arial; color: black; line-height: 10px }

.updateboxtop {height: 565px; BORDER-TOP: #2C6285 2px solid; BORDER-BOTTOM: #2C6285 2px solid; BORDER-RIGHT: #2C6285 2px solid; BORDER-LEFT: #2C6285 2px solid; overflow: hidden;}

.updatebox-400 {height: 455px; BORDER-TOP: #2C6285 2px solid; BORDER-BOTTOM: #2C6285 2px solid; BORDER-RIGHT: #2C6285 2px solid; BORDER-LEFT: #2C6285 2px solid; overflow: hidden;}

.underline {background:url(/images/button_bg.jpg); height: 16px; font-weight: bold;  font-size: 8pt; FONT-FAMILY:  Arial; color: white; padding-top: 3px; padding-right: 12px}

.capper {background:url(/images/cap_bg.jpg); height: 17px; font-weight: bold;  font-size: 8pt; FONT-FAMILY:  Arial; color: white; padding: 3px 12px 0px 0px}

.infobarbox2 {BORDER-TOP: #2C6285 2px solid; BORDER-BOTTOM: #2C6285 2px solid; BORDER-RIGHT: #2C6285 2px solid; BORDER-LEFT: #2C6285 2px solid; background: #efefef}

.infobarbox {BORDER-TOP: #2C6285 2px solid; BORDER-BOTTOM: #2C6285 2px solid; BORDER-RIGHT: #2C6285 2px solid; BORDER-LEFT: #2C6285 2px solid; overflow:hidden; background: #1F435A}

.infolink:Link {  color: #efefef; text-decoration: none; }
.infolink:Visited  { color: #C9C7DC; text-decoration: none;}
.infolink:Hover  { color: #88CDCB; text-decoration: underline; cursor: pointer }

.storebox {width: 286px; height: 265px; BORDER-TOP: #2C6285 2px solid; BORDER-BOTTOM: #2C6285 2px solid; BORDER-RIGHT: #2C6285 2px solid; BORDER-LEFT: #2C6285 2px solid;  padding:5px 5px 5px 5px ; overflow: hidden; background: #1F435A}

.default_8_title { font-size: 8pt;  FONT-FAMILY:  Arial; line-height: 12px }
.default_8_title:Link { color: #efefef; text-decoration: none; }
.default_8_title:Visited  { color: #efefef; text-decoration: none;}
.default_8_title:Hover  { color: #605C98; text-decoration: underline; }

.default_5 { font-size: 2pt;  FONT-FAMILY:  Arial; line-height: 5px }
.default_7 { font-size: 7pt;  FONT-FAMILY:  Arial; line-height: 11px }
.default_8 { font-size: 8pt;  FONT-FAMILY:  Arial; line-height: 12px }
.default_7w { font-size: 7pt;  FONT-FAMILY:  Arial; color: white; line-height: 11px }
.default_7w:Link {  color: white; text-decoration: none; }
.default_7w:Visited  { color: white; text-decoration: none;}
.default_7w:Hover  { color: #efefef; text-decoration: underline; cursor: pointer }


.default_8w { font-size: 8pt;  FONT-FAMILY:  Arial; color: white; line-height: 12px }
.default_8w:Link {  color: #E1F1FB; text-decoration: none; }
.default_8w:Visited  { color: #E1F1FB; text-decoration: none;}
.default_8w:Hover  { color: #efefef; text-decoration: underline; cursor: pointer }
.default_9 { font-size: 9pt;  FONT-FAMILY:  Arial; line-height: 13px; text-align: top; vertical-align: top;  }
.default_9w { font-size: 9pt;  FONT-FAMILY:  Arial; color: #F6F4D5; line-height: 12px }
.default_9w:Link {  color: white; text-decoration: underline; }
.default_9w:Visited  { color: white; text-decoration: underline;}
.default_9w:Hover  { color: #efefef; text-decoration: underline; cursor: pointer }
.default_12 { font-size: 12pt;  FONT-FAMILY:  Arial; line-height: 16px }
.default_11 { font-size: 11pt;  FONT-FAMILY:  Arial; line-height: 17px }
.default_10 { font-size: 10pt;  FONT-FAMILY:  Arial; line-height: 16px }
.default_5 { font-size: 5pt;  FONT-FAMILY:  Arial; line-height: 5px }

A:link  {text-decoration: none; color: #2323FF;}
A:visited  {text-decoration: none; color: #2323FF;}
A:active  {text-decoration: underline; color: #3A66D5;}
A:hover   {text-decoration: underline; color: #3A66D5}
.clsACL {

	color: #2D388C;
	cursor:pointer;
}
#rollovermenu{
	padding:0px;
	width:200px;
	border:0px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#BCCFCE;
}

#rollovermenu, #rollovermenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#rollovermenu ul{
	border:0px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#BCCFCE;
	width:200px;
}

#rollovermenu ul a:link, #rollovermenu a:visited {
	display: block;
	border:none;
	text-decoration:none;
	padding:0px 0px;
}
#rollovermenu ul a:hover, #current a{
	background:#ffffff;
	color:black;

}
#rollovermenu li { /* all list items */
	position: relative;
	text-align: right;
	cursor: default;
	padding:0px 0px;
	margin:0px;
	color:#999999;
}

#rollovermenu li ul { /* second-level lists */
	position: absolute;
	border:1px solid #333333;
	border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;
	background-color:#BCCFCE;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:0px;
}

li#invite {
	text-align:left;
	font-size:12px;
	margin: 0 0 0px 20px;
	padding:14px 0 0 0;
	padding:0 0 0 0;
	color:black;
}

#div-all {
 position:relative;
}
#div-spacer {
 height:155px;
width:975px;
}
#div-header {
 position:absolute;
 top:0;
 left:0;
 height:155px;
 width:975px;
}

#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

.cluetip-default {
  background-color: #FFFFFF;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFFFFF;
border: 1px solid black;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 2px;
  padding:  4px 5px 2px;
  font-size: 1em;
  font-weight: bold;
  background-color: #21628F;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 5px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #030C33;
}

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 1px 2px;
  font-size: 12px;
  font-weight: normal;
  background-color: #ccc;
  color: #030C33;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #030C33;
}

.clue-right-jtip .cluetip-arrows {
  background-image: url(/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

h1 {
	font-size: 10pt;  FONT-FAMILY:  Arial; line-height: 13px; display: inline;
}
.showSwitch {
	display: table;
	display: inline-block;
}
.hideSwitch {
	display: none;
}



.output
{
	font-family:Arial;
	font-size: 10pt;
	color:black;
	padding-left: 3px;
	padding-top: 3px;
	border: 1px solid #000000;
	width: 200px;
	background: #fff;
}
.shadow
{
	width:1px;
	position:relative;
	top: 2px;
	left: 2px;
	background: #555;
}
.shadow div{
	position:relative;
	top: 0px;
	left: 0px;
}

/***** For the SubmitEventDeck.asp file (deck submission using email) *****/
.hidden { display: none; }
.deck_section { margin-left: 25px; }
