body {
	background-color: black;
	margin: 0; /* this flushes the table right to the top of the browser window */
}

a:link,a:visited,a:hover,a:active {
	color: inherit; /* to prevent borders showing around linked images when backtracking page */
	text-decoration: none;
}

iframe {
	margin: 0;
	padding: 0 0 6px 0;
	border: none;
}

div.center {
	text-align: center;
}

hr {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-top: 1px;
	color: #262626;
}

img {
	vertical-align: top;
	border: 0; /* 1px solid red */
}

@font-face {
  font-family: OpenSans-Regular;
  src: url(fonts/OpenSans-Regular.ttf);
}

.txt {
	font-family: OpenSans-Regular;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
}

p.pub
{
	font-size: 0.8rem;
	font-style: italic;
	padding: 30px 0 0 0;
}

.dg {
	background-color: #181818;
}

.lg {
	background-color: #262626;
}

.trans {
	height: 4px;
	background-color: transparent;
}

.column {
  float: left;
  padding: 0;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

table.parent {
	table-layout: auto;
	width: 1140px;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

table.child {
	table-layout: auto;
	width: 1120px;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

table.chart {
	table-layout: auto;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

td.hubbywifeyGAMING {
	width: 940px; /* image total width 838 */
	height: auto;
	padding: 0 0 0 10px; /* this sets padding to default 0 for all top right bottom left */
	text-align: left;
	vertical-align: top;
	background-color: #181818;
}

td.adfree {
	width: 200px;
	height: auto;
	padding: 6px 10px 0 0px;
	text-align: right;
	vertical-align: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #ffffff;
	background-color: #181818;
}

td.titlesub {
	width: 1140px;	/* padding on both left and right at 10px each adds up to 1140 */
	height: 25px;
	padding: 6px 0 0 10px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #999999;
	background-color: #1d1d1d;
}

span.titlesubACTIVE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	text-align: left;
	color: white;
	padding: 5px 0 0 0;
}

td.body {
	width: 1140px;	/* padding on both left and right at 10px each adds up to 1140 */
	padding: 10px 10px 15px 10px;
	text-align: left;
	vertical-align: top;
	font-family: OpenSans-Regular;
	font-size: medium;
	color: #cccccc;
	background-color: #181818;
}

.subtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: white;
	text-decoration-line: underline;
}

.subtitleNORM {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
	color: white;
	text-decoration-line: none;
}

span.blue, p.blue {
	color: #00ccff;
}

span.pink {
	color: #ff66cc;
}

span.link {
	color: yellow;
	text-decoration: underline;
}

.ttl {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 0 0 21px 0;
}

h2 {
	padding: 20px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	text-decoration: none;
}

hr.lg {
	border: 2px dotted #333333; /* solid, dashed , dotted */
	margin: 30px 0 3px 0; /* adjusts padding around horizontal ruler in order of top right bottom left */
}

img.border {
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

img.t {
	border-width: 0;
	height: 0;
}

td.copyright {
	height: 40px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #ffffff;
	text-align: center;
	background-color: #262626;
}

span.nomoreupd {
	font-size: small;
	color: red;
}



/* ###################################################################################### */
/* #									MAIN MENU BAR									# */
/* ###################################################################################### */

/* In the CSS, a class selector is a name preceded by a full stop (“.”) and an ID selector is a name preceded by a hash character (“#”). The difference between an ID and a class is that an ID can be used to identify one element, whereas a class can be used to identify more than one. */

.mainmenuBAR {
	width: 1120px;
	height: 35px;
	padding: 5px 0 0 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #262626;
}

.mainmenuDIVIDER {
	width: 1px;
	height: 35px;
	padding: 0;
	vertical-align: top;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #262626;
}

li {
  float: left;
}

li.inactive {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 25px;
  color: #181818;
}

li a, .dropbtn {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {	/* config for when you hover over the alphabets */
  background-color: #363636;
}

li.dropdown {	/* config for active alphabets */
  display: inline-block;
  color: #787878;
}

.dropdown-content {	/* config for the dropdown that appears */
  display: none;
  position: absolute;
  background-color: #363636;
  min-width: 60px;	/* width of dropdown menu */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {	/* config for the dropdown that appears for ACTIVE links */
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: small;
  color: white;
  padding: 6px 6px;
  text-decoration: none;
  display: block;	/* dropdown selection scroll downwards. If display not specified, will appear and scroll sideways */
  text-align: left;
}

.dropdown-content a:hover {background-color: purple;}

.dropdown:hover .dropdown-content {
  display: block;
}

/*
.dropdownDIVIDER {
	width: 100%;
	height: 1px;
	color: white;
	padding: 0;
}
*/


/* ###################################################################################### */
/* #										HOME										# */
/* ###################################################################################### */

table.home {
	table-layout: auto;
	border-spacing: 0;
}



/*	#     # ##### ####  #####  #   #            #   # ##### #     # ####    #  #####   	*/
/*	##   ## #   # #	  #   #	  # #  #            #  #  #   # ##   ## #   #  # #   #		*/
/*	# # # # #   # ####    #	  ###  #            ###   #   # # # # # ####   ###   #		*/
/*	#  #  # #   # #	  #   #	 #   # #            #  #  #   # #  #  # #   # #   #  #		*/
/*	#     # ##### #	  #   #	 #   # #####        #   # ##### #     # ####  #   #  #		*/

/* ###################################################################################### */
/* #									MK SHARED										# */
/* ###################################################################################### */

table.mkMENU {
	table-layout: auto;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

p.mkKOMBO {
	color: #ff9900;
	font-family: Verdana, Geneva, sans-serif;
	font-size: larger;
	font-weight: 600;
	text-align: center;
}

span.mkKOMBO {
	color: #ff9900;
	font-family: Verdana, Geneva, sans-serif;
	font-size: larger;
	font-weight: 600;
}

span.mkKOMBOnorm {
	color: #ffcc66;
	font-size: large;
	font-weight: normal;
}

h3.specialmoves {
	font-family: Verdana, Geneva, sans-serif;
	color: #ffff33;
	text-decoration: none;
}

h3.fatality {
	font-family: Verdana, Geneva, sans-serif;
	color: #aa0000;
	text-decoration: none;
}

h3.babality {
	font-family: Verdana, Geneva, sans-serif;
	color: #00cc00;
	text-decoration: none;
}

h3.friendship {
	font-family: Verdana, Geneva, sans-serif;
	background-image: linear-gradient(to right, red, yellow, green, orange, purple, yellow, blue, green, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.same {
	font-size: medium;
	color: green;
}

td.mkCOLUMNleft {
	width: 630px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	vertical-align: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
}

td.mkCOLUMNcenter {
	width: 30px;
	padding: 0; /* this sets padding to default 0 for all top right bottom leftm */
	vertical-align: top;
}

td.mkCOLUMNright {
	width: 460px;
	height: 6px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

td.mkCOLUMNrightTAB {
	height: 33px;
	border: 1px solid black;
	padding: 5px 0 6px 0; /* this sets padding to for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	color: #141414;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #444444;
}

td.mkCOLUMNrightCONTENT {
	border: 1px solid black;
	padding: 8px; /* this sets padding to 8px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
	background-color: #262626;
}

td.mkCOLUMNrightSHORTHAND {
	border: 1px solid black;
	height: 157px;
	padding: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
	background-color: #262626;
}

td.mkCOLUMNrightPLATFORM {
	border: 1px solid black;
	height: 53px;
	padding: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
	background-color: #262626;
}

td.mkCOLUMNrightVIDEO {
	border: 1px solid black;
	padding: 8px 0 8px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: center;
	vertical-align: top;
	background-color: #262626;
}

td.mkCOLUMNrightEMPTY {
	border: 0 solid black;
	padding: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
	background-color: #181818;
}

td.mkSHORTHAND {
	padding: 0; /* this sets padding to 0 for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
}

td.warning {
	border: 1px solid black;
	padding: 10px; /* this sets padding to 10px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #000000;
	background-color: #ff0000;
}



/* ###################################################################################### */
/* #					MK1 SUBMENU BAR					# */
/* ###################################################################################### */

td.mk1MENU {
	width: 85px;
	height: 124px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

td.mk1MENUgap {
	width: 9px;
	height: 124px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

#mk1johnny {
	width: 85px;
	height: 124px;
	background-image: url('mk1/johnnyINACTIVE.png');
}

#mk1johnny:hover {
	background-image: url('mk1/johnnyBLINK.gif');
}

#mk1kano {
	width: 85px;
	height: 124px;
	background-image: url('mk1/kanoINACTIVE.png');
}

#mk1kano:hover {
	background-image: url('mk1/kanoBLINK.gif');
}

#mk1raiden {
	width: 85px;
	height: 124px;
	background-image: url('mk1/raidenINACTIVE.png');
}

#mk1raiden:hover {
	background-image: url('mk1/raidenBLINK.gif');
}

#mk1liukang {
	width: 85px;
	height: 124px;
	background-image: url('mk1/liukangINACTIVE.png');
}

#mk1liukang:hover {
	background-image: url('mk1/liukangBLINK.gif');
}

#mk1scorpion {
	width: 85px;
	height: 124px;
	background-image: url('mk1/scorpionINACTIVE.png');
}

#mk1scorpion:hover {
	background-image: url('mk1/scorpionBLINK.gif');
}

#mk1subzero {
	width: 85px;
	height: 124px;
	background-image: url('mk1/subzeroINACTIVE.png');
}

#mk1subzero:hover {
	background-image: url('mk1/subzeroBLINK.gif');
}

#mk1sonya {
	width: 85px;
	height: 124px;
	background-image: url('mk1/sonyaINACTIVE.png');
}

#mk1sonya:hover {
	background-image: url('mk1/sonyaBLINK.gif');
}



/* ###################################################################################### */
/* #					MK2 SUBMENU BAR					# */
/* ###################################################################################### */

td.mk2MENU {
	width: 85px;
	height: 104px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

td.mk2MENUgap {
	width: 9px;
	height: 104px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

#mk2liukang {
	width: 85px;
	height: 104px;
	background-image: url('mk2/liukangINACTIVE.png');
}

#mk2liukang:hover {
	background-image: url('mk2/liukangBLINK.gif');
}

#mk2kunglao {
	width: 85px;
	height: 104px;
	background-image: url('mk2/kunglaoINACTIVE.png');
}

#mk2kunglao:hover {
	background-image: url('mk2/kunglaoBLINK.gif');
}

#mk2johnny {
	width: 85px;
	height: 104px;
	background-image: url('mk2/johnnyINACTIVE.png');
}

#mk2johnny:hover {
	background-image: url('mk2/johnnyBLINK.gif');
}

#mk2johnny {
	width: 85px;
	height: 104px;
	background-image: url('mk2/johnnyINACTIVE.png');
}

#mk2johnny:hover {
	background-image: url('mk2/johnnyBLINK.gif');
}

#mk2reptile {
	width: 85px;
	height: 104px;
	background-image: url('mk2/reptileINACTIVE.png');
}

#mk2reptile:hover {
	background-image: url('mk2/reptileBLINK.gif');
}

#mk2subzero {
	width: 85px;
	height: 104px;
	background-image: url('mk2/subzeroINACTIVE.png');
}

#mk2subzero:hover {
	background-image: url('mk2/subzeroBLINK.gif');
}

#mk2shang {
	width: 85px;
	height: 104px;
	background-image: url('mk2/shangINACTIVE.png');
}

#mk2shang:hover {
	background-image: url('mk2/shangBLINK.gif');
}

#mk2kitana {
	width: 85px;
	height: 104px;
	background-image: url('mk2/kitanaINACTIVE.png');
}

#mk2kitana:hover {
	background-image: url('mk2/kitanaBLINK.gif');
}

#mk2jax {
	width: 85px;
	height: 104px;
	background-image: url('mk2/jaxINACTIVE.png');
}

#mk2jax:hover {
	background-image: url('mk2/jaxBLINK.gif');
}

#mk2mileena {
	width: 85px;
	height: 104px;
	background-image: url('mk2/mileenaINACTIVE.png');
}

#mk2mileena:hover {
	background-image: url('mk2/mileenaBLINK.gif');
}

#mk2baraka {
	width: 85px;
	height: 104px;
	background-image: url('mk2/barakaINACTIVE.png');
}

#mk2baraka:hover {
	background-image: url('mk2/barakaBLINK.gif');
}

#mk2scorpion {
	width: 85px;
	height: 104px;
	background-image: url('mk2/scorpionINACTIVE.png');
}

#mk2scorpion:hover {
	background-image: url('mk2/scorpionBLINK.gif');
}

#mk2raiden {
	width: 85px;
	height: 104px;
	background-image: url('mk2/raidenINACTIVE.png');
}

#mk2raiden:hover {
	background-image: url('mk2/raidenBLINK.gif');
}



/*	#   # ##### #	# #####	####  #	    # ### #   # ##### ##### ####	*/
/*	##  # #	    #	# #		#   # #	    #  #  ##  #   #   #     #   #	*/
/*	# # # ####   # #  ####	####   # # #   #  # # #   #   ####  ####	*/
/*	#  ## #	     # #  #		#   #  # # #   #  #  ##   #   #     #   #	*/
/*	#   # #####   #	  ##### #   #	# #   ### #   #   #   ##### #   #	*/



/* ###################################################################################### */
/* #									NWO SUBMENU BAR									# */
/* ###################################################################################### */

table.nwoMENU {
	table-layout: auto;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

td.nwoMENU {
	height: 58px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #ff6633;
	padding: 0;
	background-color: #262626;
}

td.nwoMENUgap {
	width: 9px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

td.nwoMENUactive {
	height: 58px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #262626;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #dd6633;
}

#nwoMENU {
	height: 58px; /* background-color already defined in nwoMENU */
}

#nwoMENU:hover {
	background-color: #363636;
}

span.nwoMENUsm {
	font-size: 10px;
	font-weight: normal;
}

span.nwoMENUsmACTIVE {
	font-size: 10px;
	font-weight: normal;
	color: black;
}



/* ###################################################################################### */
/* #					NWO Content for: ENCHANTMENTS, ARTIFACTS						# */
/* ###################################################################################### */

td.nwoARTICHANTtab {
	border: 1px solid black;
	padding: 4px; /* this sets padding to default 4px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	color: #141414;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #444444;
}

td.nwoARTICHANTsubtab {
	border: 1px solid black;
	padding: 8px; /* this sets padding to default 8px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	color: #999999;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #444444;
}

td.nwoARTICHANTcontent1 {
	border: 1px solid black;
	padding: 8px; /* this sets padding to 8px for all top right bottom left */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: center;
	background-color: #262626;
}

td.nwoARTICHANTcontent2 {
	border: 1px solid black;
	padding: 8px; /* this sets padding to 8px for all top right bottom left */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: center;
	background-color: #191919;
}



/* ###################################################################################### */
/* #				NWO Content for: MOUNT INSIGNIA BONUS			# */
/* ###################################################################################### */

td.nwoCOLUMNleft {
	width: 730px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #cccccc;
}

td.nwoCOLUMNcenter {
	width: 40px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	vertical-align: top;
	background-image: url('nwo/nwoCOLUMNcenterBG.gif');
}

td.nwoCOLUMNright {
	width: 350px;
	height: 6px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

span.nwoSUBTITLE {
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

span.nwoSUBTITLEnorm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

span.insignia {
	color: #ff9900;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
}

td.nwoMOUNTtab {
	border: 1px solid black;
	padding: 5px 0 6px 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #141414;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #444444;
}

td.nwoMOUNTcontentMYTHIC {
	border: 1px solid black;
	padding: 8px 0 6px 0; /* this sets padding to 8px for top and bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #66ffff;
}

td.nwoMOUNTcontentLEGENDARY {
	border: 1px solid black;
	padding: 8px 0 6px 0; /* this sets padding to 8px for top and bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #ff9966;
}

td.nwoMOUNTcontentEPIC {
	border: 1px solid black;
	padding: 8px 0 6px 0; /* this sets padding to 8px for top and bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #cc99cc;
}

td.nwoMOUNTcontentRARE {
	border: 1px solid black;
	padding: 8px 0 6px 0; /* this sets padding to 8px for top and bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #99ccff;
}

td.nwoMOUNTcontentUNCOMMON {
	border: 1px solid black;
	padding: 8px 0 6px 0; /* this sets padding to 8px for top and bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #99ff66;
}

td.nwoMOUNTcontentCOMMON {
	border: 1px solid black;
	padding: 8px 0 6px 0; /* this sets padding to 8px for top and bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #cccccc;
}

img.insigniaBOX {
	padding: 5px 0 4px 0;
}

img.dvd { /* divider between mounts listed */
	width: 100%;
	height: 1px;
	border: 0;
	padding: 6px 0 8px 0;
}

td.nwoCOLUMNrightTAB {
	background-color: #444444;
	border: 1px solid black;
	color: #141414;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	height: 34px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

td.nwoCOLUMNrightCONTENT {
	border: 1px solid black;
	padding: 0; /* this sets padding to 0 for all top right bottom left */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
	background-color: #262626;
}

td.nwoCOLUMNrightCONTENTxp {
	border: 1px solid black;
	padding: 8px; /* this sets padding to 8px for all top right bottom left */
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	vertical-align: top;
	background-color: #262626;
}

p.nwoBONUStitle { /* other parameters already defined in td.nwoCOLUMNrightCONTENT */
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

span.nwoBONUSinfo {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}

span.insigniaSMALL {
	font-family: Verdana, Geneva, sans-serif;
	color: white;
}

.collapsible {
	background-color: #262626;
	color: #cccccc;
	cursor: pointer;
	padding: 8px; /* defined in td.nwoCOLUMNrightCONTENT */
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 1px;
}

.active, .collapsible:hover {
	background-color: #363636;
}

.collapsible:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: white;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

p.content {
	padding: 0 8px;
	display: none;
	overflow: hidden;
	font-size: small;
	text-align: left;
}



/* ###################################################################################### */
/* #			Neverwinter Online Content for: COMPANION STAT & BONUS		# */
/* ###################################################################################### */

td.nwoCOMPtab {
	border: 1px solid black;
	padding: 5px 0 6px 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #999999;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #444444;
}

td.nwoCOMPcontent {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	background-color: #999999;
}

td.nwoCOMPcontent2 {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	background-color: #cccccc;
}

td.nwoCOMPcontentLEGENDARY {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #ff9966;
}

td.nwoCOMPcontentLEGENDARY2 {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #ffcc99;
}

td.nwoCOMPcontentEPIC {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #cc99cc;
}

td.nwoCOMPcontentEPIC2 {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #ffccff;
}

td.nwoCOMPcontentRARE {
	width: 180px;
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #99ccff;
}

td.nwoCOMPcontentRARE2 {
	width: 180px;
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #ccffff;
}

td.nwoCOMPcontentUNCOMMON {
	width: 180px;
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #99ff66;
}

td.nwoCOMPcontentUNCOMMON2 {
	width: 180px;
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #ccff99;
}

td.nwoCOMPcontentCOMMON {
	border: 1px solid black;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #cccccc;
}



/* ###################################################################################### */
/* #				Star Wars Dark Forces 1 Content				# */
/* ###################################################################################### */

img.df1SECRET {
	width: 278px;
	height: 172px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	margin-top: 15px;
	margin-right: 10px; /* to create gap spacing on the right between images */
	margin-bottom: 10px; /* to create gap spacing on the bottom between images and coordinate text */
}

img.df1MAP {
	width: 275px;
	height: 172px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	margin-top: 15px;
	margin-bottom: 10px; /* to create gap spacing on the bottom between images and coordinate text */
}

span.coord {
	color: #ffcc00;
}



/* ###################################################################################### */
/* #				Star Wars Jedi Knight: Mysteries of the Sith Content				# */
/* ###################################################################################### */

img.jkmotsSECRET {
	width: 278px;
	height: 209px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	margin-right: 10px; /* to create gap spacing on the right between images */
	margin-bottom: 10px; /* to create gap spacing on the bottom between images and coordinate text */
}



/* ###################################################################################### */
/* #							Batman: Arkham City GOTY SUBMENU BAR								# */
/* ###################################################################################### */

table.batacMENU {
	table-layout: auto;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

td.batacMENU {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #d2b301;
	padding: 0;
	background-color: #262626;
	line-height: 1rem;
}

td.batacMENUgap {
	width: 9px;
	padding: 0;
	background-color: #181818;
}

td.batacMENUactive {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #161616;
	padding: 4px 0 4px 0;
	background-color: #d2b301;
	line-height: 1rem;
}

#batacMENU {
	height: auto; /* background-color already defined in nwoMENU */
}

#batacMENU:hover {
	background-color: #363636;
}

span.batacMENUsm {
	font-size: 0.7rem;
	font-weight: normal;
}

span.batacMENUsmACTIVE {
	font-size: 0.7rem;
	font-weight: normal;
	color: black;
}



/* ###################################################################################### */
/* #							Sleeping Dogs SUBMENU BAR								# */
/* ###################################################################################### */

table.sdgsMENU {
	table-layout: auto;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

td.sdgsMENU {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #cc3366;
	padding: 0;
	background-color: #262626;
	line-height: 1rem;
}

td.sdgsMENUgap {
	width: 9px;
	padding: 0;
	background-color: #181818;
}

td.sdgsMENUactive {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #161616;
	padding: 4px 0 4px 0;
	background-color: #cc3366;
	line-height: 1rem;
}

#sdgsMENU {
	height: auto; /* background-color already defined in nwoMENU */
}

#sdgsMENU:hover {
	background-color: #363636;
}

span.sdgsMENUsm {
	font-size: 0.7rem;
	font-weight: normal;
}

span.sdgsMENUsmACTIVE {
	font-size: 0.7rem;
	font-weight: normal;
	color: black;
}



/* ###################################################################################### */
/* #			Sleeping Dogs Content for: CLOTHING BONUS SETS			# */
/* ###################################################################################### */

td.sdgsCLOTHINGtab {
	border: 1px solid black;
	padding: 4px; /* this sets padding to default 4px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	color: #141414;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #444444;
}

td.sdgsCLOTHINGcontent1 {
	border: 1px solid black;
	padding: 8px; /* this sets padding to 8px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	background-color: #262626;
}

td.sdgsCLOTHINGcontent2 {
	border: 1px solid black;
	padding: 8px; /* this sets padding to 8px for all top right bottom left */
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #cccccc;
	text-align: left;
	background-color: #191919;
}



/*	####  ##### ##### ### ####  ##### #   #	#####	 ##### #   # ### #		  #####		*/
/*	#   # #	    #	   #   #  # #	  ##  #	  #	     #     #   #  #  #		      #		*/
/*	####  ####  #####  #   #  # ####  # # #	  #	     ####   # #	  #  #		  #####		*/
/*	#   # #         #  #   #  # #	  #  ##	  #	     #	    # #	  #  #		  #		*/
/*	#   # ##### ##### ### ####  ##### #   #	  #	     #####   #	 ### #####    #####		*/



/* ###################################################################################### */
/* #				RESIDENT EVIL 2 SUBMENU BAR				# */
/* ###################################################################################### */

table.re2MENU {
	table-layout: auto;
	border-spacing: 0; /* this sets thickness of border going outwards */
	border-collapse: collapse; /* collapse gets rid of default borders for all of table, separate shows border thickening outwards */
	margin-right: auto; /* this helps keep the table centered along with margin-left */
	margin-left: auto;  /* this helps keep the table centered along with margin-right */
}

td.re2MENU {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #ff3333;
	padding: 0;
	background-color: #262626;
	line-height: 1.1rem;
}

td.re2MENUgap {
	width: 9px;
	padding: 0; /* this sets padding to default 0 for all top right bottom left */
	background-color: #181818;
}

td.re2MENUactive {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #262626;
	padding: 4px 0 4px 0;
	background-color: #ff3333;
	line-height: 1.1rem;
}

#re2MENU {
	height: auto; /* background-color already defined in nwoMENU */
}

#re2MENU:hover {
	background-color: #363636;
}

span.re2MENUsm {
	font-size: 0.7rem;
	font-weight: normal;
}

span.re2MENUsmACTIVE {
	font-size: 0.7rem;
	font-weight: normal;
	color: black;	/* small black font is easier to read */
}

span.reR {
	color: #cc3333;
	font-weight: bold;
}

span.reG {
	color: #009900;
	font-weight: bold;
}

span.reB {
	color: #3399ff;
	font-weight: bold;
}

h2.re2 {
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	text-decoration: underline;
}