/* Default values for elements
--------------------------------*/

* {
	margin: 0;
	xlist-style: none;
	z-index: 10;
}

/* prevent horizontal shift on firefox */
html	{
	min-height: 100%;
	margin-bottom: 1px;
}
body {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	background: #1c1c1c url(/img/mainBg.jpg) ;
}
a {
	font-weight: bold;
	color: #666;
}

ul {
	list-style: square;

}

h3 {
	font-weight: bold;
	font-size: 17px;
	font-family: "Arial Narrow", "Arial", sans-serif;
	background: #000 url(/img/headerBg.gif) no-repeat;
	padding: 5px 10px;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	display: block !important;
	display: inline-block;
}
#tooltip h3 {
	display: inline;
}


/*** CONTAINER STUFF **/
#container {
	width: 970px;
	margin: auto;
	position: relative;
}
#logoLeft {
	width: 285px;
	height: 100px;
	background: url(/img/mainLogo.png) no-repeat;
}
#header {
	height: 135px;
}

/** status Bar **/
#statusBar  {
	width: 670px;
	height: 100px;
	top: 0px;
	left: 301px;
	position: absolute;
	color: #fff;
}
#statusBar_bg {
	position: absolute;
	width: 670px;
	height: 100px;
	background: url(/img/statusBarBg.png) no-repeat;
}
#statusBar a {
	color: #fff;
}
#statusBarUsername {
	top: 35px;
	left: 10px;
	position: absolute;
	width: 250px;
	font-size: 14px;
}
#statusBarUsername div {
	width: 230px;
	height: 18px;
	overflow: hidden;
}
#statusBarLinks {
	font-size: 11px;
}
#statusBarLinks a {
	color:#eee;
}
.statusBarItem	{		/* general item defs */
	position: absolute;
	overflow: hidden;
	top: 30px;
	height: 50px;
	font-size: 13px;
	color: #d2c79a;

}
.statusBarItem strong {
	display: block;
	color: #fff;
	margin-top: 5px;
}
#statusBarBID	{
	left: 260px;
	width: 55px;
}
#statusBarLevel	{
	left: 330px;
	width: 120px;
}
#statusBarRank	{
	left: 460px;
	width: 90px;
}
#statusBarAccount	{
	left: 555px;
	width: 115px;
}

/** navigation inner **/
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	height: 35px;
	width: 138px;
	top: 0px;
	list-style: none;
	margin: 0;
	padding:0;
	float: left;
	background-image: url(/img/navBar.gif);
	background-repeat: none;
	cursor: pointer;
}
#navHome { 	background-position: 0 0;} #navHome.active { background-position: 0 -35px;}
#navOffice { background-position: -138px 0; } #navOffice.active { background-position: -138px -35px;}
#navBoxer { background-position: -276px 0; } #navBoxer.active { background-position: -276px -35px;}
#navFights { background-position: -414px 0; } #navFights.active { background-position: -414px -35px;}
#navShop { 	background-position: -552px 0; } #navShop.active { background-position: -552px -35px;}
#navForum { 	background-position:  -690px 0;} #navForum.active { background-position: -690px -35px;}
#navHelp { 	background-position:  -828px 0; width: 142px;} #navHelp.active { background-position: -828px -35px;}

/** Outer stuff */
#outerHeader {
	width: 970px;
	overflow: hidden;
}
#outerHeader div{
	float: left;
	overflow: hidden;
}
.outerNav {
	xmargin-top: 131px;
	height: 34px;
	cursor: pointer;
}
#outerHeader1 {
	background: url(/img/homeNav01.gif) no-repeat;
	width: 167px;
}
#outerHeader1.active {
	background: url(/img/homeNav01.gif) 0 -35px no-repeat;
}
#outerHeader2 {
	background: url(/img/homeNav02.gif) no-repeat;
	width: 192px;
}
#outerHeader2.active {
	background: url(/img/homeNav02.gif) 0 -35px no-repeat;
}
#outerHeader3 {
	background: url(/img/homeNav03.gif) no-repeat;
	width: 189px;
}
#outerHeader3.active {
	background: url(/img/homeNav03.gif) 0 -35px no-repeat;
}
#outerLogo {
	background: url(/img/homeNavLogo.gif) no-repeat;
	width: 272px;
	height: 185px;
}

.outerContent {
	overflow: hidden;
	margin-top: 10px;
}


/** content stuff **/
#content {
	font-size: 12px;
	overflow: hidden;
	position: relative;
}


/** side bar and navigation **/
.contentSide {
	width: 250px;
	margin-top: 15px;
	float: left;
}
.contentSide a {
	color: #fff;
	text-decoration: none;
}

#shoutBox {
	background: url(/img/shoutBoxHeaderBg.gif) no-repeat;
	height: 42px;
	width: 250px;
}
#shoutBoxContent {
	padding: 10px;
	background: url(/img/sideBoxBg.jpg) repeat-y;
}
#shoutBoxItem {
	color: #000;
	background: url(/img/shoutBoxMessageBg.gif) repeat-x;
	padding: 0 5px 5px 5px;
	margin-bottom: 10px;
	font-size: 11px;
}
#shoutBoxItem h4{
	line-height: 20px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 12px;
}

div.sideNavHeader {
	height: 45px;
	width: 250px;
}
#sideNavOffice {
	background: url(/img/sideNavOffice.gif);
}
#sideNavFights {
	background: url(/img/sideNavFights.gif);
}
#sideNavShop {
	background: url(/img/sideNavShop.gif);
}
#sideNavHelp {
	background: url(/img/sideNavHelp.gif);
}
#sideNavBoxer {
	background: url(/img/sideNavBoxer.gif);
}
#sideNavSettings {
	background: url(/img/sideNavSettings.gif);
}
.sideNavFooter	{
	width: 250px;
	height: 44px;
	background: url(/img/sideNavFooterBg.gif) no-repeat;
}
.contentSide ul {
	background: url(/img/sideNavBg.gif);
	margin: 0;
	padding: 0;
}
.contentSide li {
	height: 37px;
	font-size: 15px;
	line-height: 37px;
	font-weight: bold;
	color: #fff;
	list-style: none;
	padding-left: 10px;
}
.contentSide li.active {
	background: url(/img/sideNavActiveBg.jpg) no-repeat;
	cursor: pointer;
}
.contentSide li.active a {
	color: #f90;
}

/** main content **/
.contentMain {
	position: relative;
	width: 700px;
	float: right;
	margin-top: 15px;
	min-height: 600px;
	color: #fff;
	background: url(/img/contentMainBg.jpg) repeat-y;
}
.contentMain a {
	color: #fff;
}
div.inner {
	margin: 10px 10px 30px 10px;
}
.contentMain h1 {
	text-indent: -1000px;
	font-size: 12px;
}



.contentBg {
	background: url(/img/contentMainBg.jpg) ;
}
.contentWide {
	width: 610px;
	overflow: hidden;
}
.contentSmall {
	overflow: hidden;
	width: 350px;
}
.contentFull {
	overflow: hidden;
}

.contentSub {
	margin: 10px 10px 30px 10px;
	border: 1px solid #000;
}
.contentSub p {
	padding: 0 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 19px;
	color: #fff;
}
.contentSub p a {
	color: #fff;
}
.copy {
	margin: 10px;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
}
.copy p {
	margin-bottom: 10px;
}

.trimLine	{
	width: 680px;
	height: 10px;
	background: url(/img/trimLine.gif) no-repeat;
	margin: 10px 0;
}


/** General table lists **/
.tableList {
	color: #000;
	font-size: 12px;
}
.tableListDock {
	margin-top: -20px;
}
.tableList thead tr {
	background: url(/img/tableHeaderBg.gif) no-repeat top left;
	color: #fff;
	line-height: 30px;
}
.tableList tr.odd {
	background: #aea79d;
}
.tableList tr.head {
	font-weight: bold;
}
.tableList tr td {
	line-height: 20px;
}

.tableList tr td {
	padding: 4px;
}

.inner table.tableList {
	width: 680px;
	color: #000;
}
.inner table.tableList a {
 	color: #000;
}
table.tableList tfoot tr {
	background: url(/img/tableHeaderBg.gif) no-repeat top left;
	height: 30px;
}

/** GAME HINTS **/
div.gameHint {
	position: relative;
	background: url(/img/gameHintBg.gif) repeat-x;
	color: #000;
	font-size: 12px;
	margin: 0 30px 0 30px;
	padding: 10px;
}
div.gameHint p {
	margin-bottom: 10px;
}
div.gameHint a {
	color: #000;
}
div.gameHintIcon {
	width: 30px;
	height: 30px;
	position: absolute;
	background: url(/img/icnHelp.png) no-repeat;
	left: -30px;
	top: 0;
}
div.gameHintClose {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: -30px;
	background: url(/img/x.png) no-repeat;
	cursor: pointer;
	_cursor: hand;
}

/** DEVELOPMENTS **/
.develContainer {
	width: 660px;
	height: 470px;
	background: url(/img/boxerDevBg.gif) no-repeat;
	margin: 30px 0 20px 10px;
	position: relative;
	color: #000;
}
.develContainer h4 {
	font-face: "Arial narrow", Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;

}
.develContainerHeadline {
	overflow: hidden;
}
.develContainerHeadline div {
	font-size: 10px;
	line-height: 16px;
	width: 160px;
	height: 16px;
	display: block;
	float: left;
	margin-left: 2px;
	text-transform: uppercase;
	color: #928a80;
	overflow: hidden;
}
.develContainerHeadline div.develSecondHeader {
	text-align: right;
	width: 150px;
	margin-left: 2px;
}
.develContainerContentLeft {
	width: 315px;
	float: left;
	display: inline;
}
.develContainerContentRight {
	float: left;
	width: 345px;
	display: inline;
}
.develContainerLevel {
	overflow: hidden;
	height: 45px;
}
div.develContainerContentLeft .develContainerLevel.active {
	background: #f90;
	margin: 0 2px 0 3px;
	color: #fff;

}
.develContainerLevel div {
	width: 140px;
	line-height: 45px;
	font-size: 15px;
	float: left;
	display: inline;
	margin-left: 10px;
}
.develContainerContentRight div {
	margin: 15px 15px 30px 15px;
	font-size: 15px;
}


/** available moves **/
.availableHits, .availableDefense {
	margin-bottom: 30px;
}
.availableHits div , .availableDefense div {
	margin-left: 30px;
	margin-bottom: 20px;
	cursor: default;
}
.availableHits span.moveCount, .availableDefense span.moveCount {
	display: block;
	text-align:center;
	width: 80px;
	overflow: hidden;
}
.availableDefense span.moveCount {
	
}

/** balance sheet **/
#balanceTable {
	width: 680px;
	height: 325px;
	background: url(/img/contentOfficeBg.jpg) no-repeat;
	overflow: hidden;
	position: relative;
}
#balanceTable span {
	cursor: pointer;
	_cursor: hand;
}
#balanceTable table {
	width: 645px;
	margin: 15px;
	color: #000;
	font-size: 17px;
	line-height: 40px;
}
#balanceTableHeader	{
	background: url(/img/tableHeaderBalance.png) no-repeat;
	width: 650px;
	height: 30px;
}
.balanceTableCenterLine	{
	width: 10px;
	border-bottom: none;
}
.balanceTableSum {
	font-weight: bold;
}
#balanceTable table tr td {
	border-bottom: 1px solid #000;
}
#balanceTable table tr.balanceTableThickLine td {
	border-bottom: 3px solid #000;
}

#balanceDetails {
	position: absolute;
	width: 512px;
	z-index: 20;
	border: 3px solid #000;
	color: #000;
	background: #fff;
}
#balanceDetails div {
	margin: 5px;
	font-size: 14px;
}
#balanceDetails div table {
	width: 100%;
}
#balanceDetails div table tr td {
	font-size: 12px;
}


/*** PREPARE FIGHT FIRST SCREEN ***/
#fightDetails {
	width: 680px;
}
#fightDetails h4 {
	background: url(/img/prepareFightHeaderBg.gif) no-repeat;
	line-height: 30px;
	font-size: 17px;
	font-family: "Arial Narrow", Arial, Helvetica;
	color: #000;
	padding-left: 10px;
}
.fightDetailsBox {
	font-size: 13px;
	line-height: 21px;
	width: 220px;
	overflow: hidden;
}
#fightBoxerDetailsLeft {
	float: left;
	width: 250px;
	height: 375px;
	background: url(/img/prepareFightLeftBg.jpg) no-repeat;
	position: relative;
}
#fightDetailsCenter {
	float: left;
	width: 180px;
	height: 375px;
	background: url(/img/prepareFightMiddleBg.jpg) no-repeat;
	position: relative;
}
#fightDetailsSearchCenter {
	float: left;
	width: 180px;
	height: 375px;
	background: url(/img/prepareFightSearchMiddleBg.jpg) no-repeat;
	position: relative;
}
#fightBoxerDetailsRight {
	float: left;
	width: 250px;
	height: 375px;
	background: url(/img/prepareFightRightBg.jpg) no-repeat;
	position: relative;
}
#fightBoxerSearchRight {
	float: left;
	width: 250px;
	height: 375px;
	background: url(/img/prepareFightSearchRightBg.jpg) no-repeat;
	position: relative;
}
#fightBoxerDetailsLeft div.fightDetailsBox {
	position: absolute;
	top: 210px;
	left: 25px;
}
#fightBoxerDetailsRight div.fightDetailsBox, #fightBoxerSearchRight div.fightDetailsBox {
	position: absolute;
	top: 210px;
	left: 15px;
}
#fightDetailsRounds {
	position: absolute;
	top: 190px;
	left: 53px;
	font-size: 40px;
	width: 75px;
	text-align: center;
}
#fightDetailsType {
	position: absolute;
	left: 22px;
	top: 307px;
	font-size: 14px;
	text-align:center;
	width: 138px;
}
#fightSearchButton	{
	width: 120px;
	height: 85px;
	top: 211px;
	left: 30px;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	_cursor: hand;
}
#fightSearchProgressBar {
	width: 120px;
	height: 19px;
	position: absolute;
	top: 314px;
	left: 30px;
	overflow: hidden;
}

#fightPreparations {
	background: url(/img/prepareFightItemsBg.gif) no-repeat;
	width: 680px;
	padding: 10px 0;
}
#fightPrepareCutman, #fightPrepareTrainer, #fightPrepareHymn {
	float: left;
	width: 216px;
	margin-left: 10px;
	display: inline;
}
#fightPrepareCutman h4, #fightPrepareTrainer h4, #fightPrepareHymn h4 {
	font-family: "Arial Narrow", Arial, Helvetica;
	font-size: 17px;
	text-transform: uppercase;
}
.fightPrepareItem {
	background: #fff url(/img/icnPrepareFightInactive.gif) top left no-repeat;
	color: #564e43;
	margin: 2px 10px 5px 2px;
	padding: 2px 2px 2px 35px;
	font-size: 11px;
	cursor: pointer;
	_cursor: hand;
	display: block !important;
	display: inline-block;
}
div.fightPrepareItem.active {
	background: #fff url(/img/icnPrepareFight.gif) top left no-repeat;
}
.fightPrepareItem div {
	line-height: 18px;
}

/** BOXER PROFILE **/
#boxerProfile {
	overflow: hidden;
	margin-bottom: 10px;
}
#profilePictureContainer {
	width: 250px;
	overflow: hidden;
	float: left;
	display: inline;
}
#profilePicture {
	width: 250px;
	height: 320px;
}
#profilePower {
	width: 250px;
	height: 30px;
	background: url(/img/profileStatBg.gif);
}
#profilePower span {
	width: 62px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}
#profileData {
	float: right;
	display: inline;
	width: 420px;
	xheight: 450px;
	padding-bottom: 15px;
	background: url(/img/profileDataBg.jpg);
	color: #000;
	font-size: 14px;
	line-height: 19px;
}
#profileData table {
	margin: 10px 0 0 10px;
}
#profileData .lineBreak {
	background: url(/img/trimLineMedium.gif) no-repeat 0 8px;
	height: 20px;
}
#profileData h4 {
	text-transform: uppercase;
}
#profileData td.profileDataItem {
	font-weight: bold;
}
td.profileDataItem a {
	color: #000;
}

#profileLinks a {
	background: url(/img/btnBoxerProfile.gif) no-repeat;
	width: 350px;
	height: 30px;
	line-height: 30px;
	text-indent: 25px;
	margin: 10px 0;
	display: block;
	text-decoration: none;
}

#fightPrepareProfileLeft {
	position: absolute;
	width: 240px;
	height: 337px;
	top: 24px;
	left: 9px;
}
#fightPrepareProfileRight {
	position: absolute;
	width: 240px;
	height: 337px;
	top: 24px;
	left: 0px;
}

#fightPrepareProfileTextBgLeft	{
	position: absolute;
	width: 228px;
	height: 190px;
	top: 165px;
	left: 15px;
	background: url(/img/prepareBoxerProfile1.png) no-repeat;
}
#fightPrepareProfileTextBgRight	{
	position: absolute;
	width: 228px;
	height: 190px;
	top: 165px;
	left: 6px;
	background: url(/img/prepareBoxerProfile2.png) no-repeat;
}




/** TRAINING
*********************************
*/
#trainingPreferences {
	background: #6B645B;
	padding: 10px;
}
#trainingPreferences div.floatContainer {
	margin-bottom: 10px;
}
#trainingTypes {
	overflow: hidden;
}
.trainingType {
	width: 129px;
	height: 60px;
	float: left;
	display: inline;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.trainingType span.trainingTitle, .trainingItem span.trainingTitle {
	text-align: center;
	display: block;
	margin-top: 8px;
	height: 36px;
}
.trainingType span.trainingAvail, .trainingType span.trainingAdd, .trainingItem span.trainingAvail, .trainingItem span.trainingAdd {
	color: #000;
	float: left;
	display: inline;
	padding: 0 6px;
}
.trainingItem span.trainingAvail {
	color: #fff;
}
.trainingType span.trainingAdd, .trainingItem span.trainingAdd {
	float: right;
}
#trainingSettings {
	overflow: hidden;
	width: 680px;
	height: 157px;
	background: url(/img/trainingTimelineBg.jpg);
}
.trainingItem {
	width: 129px;
	height: 60px;
	overflow: hidden;
	float: left;
	display: inline;
	background-image: url(/img/trainingStamp_Closed.gif);
}
.trainingItem.available {
	background-image: none;
}
.trainingItem.hover {
	background: #999;
	opacity: 0.5;
}
.trainingItem.active {
	background: none;
}
.trainingItem span {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.trainingType_hit_uppercut {
	background: url(/img/trainingStamp_Level1.gif);
}
.trainingType_hit_combination {
	background: url(/img/trainingStamp_Level2.gif);
}
.trainingType_hit_series {
	background: url(/img/trainingStamp_Level3.gif);
}
.trainingType_hit_haymaker, .trainingType_hit_hammer {
	background: url(/img/trainingStamp_Level4.gif);
}
.trainingType_hit_headnut, .trainingType_hit_lowblow {
	background: url(/img/trainingStamp_Level5.gif);
}
.trainingType_defense_head-double, .trainingType_defense_body-double {
	background: url(/img/trainingStamp_Level6.gif);
}
.trainingType_defense_sidestep	{
	background: url(/img/trainingStamp_Level7.gif);
}
.trainingType_defense_power	{
	background: url(/img/trainingStamp_Level8.gif);
}
#trainingType_powerPunch,  .trainingType_hit_powerpunch {
	background: url(/img/trainingStamp_powerPunch.gif);
}

#activeTraining {
	background: #6B645B;
	padding: 85px 0;
}
#activeTraining #timeLine{
	width: 525px;
	height: 80px;
	background: url(/img/currentTrainingBg.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#activeTraining #timeLineText, #activeTraining #timeLineDuration {
	display: inline;
	line-height: 35px;
	color: #000;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 12px;
}
#activeTraining #timeLineText {
	float: left;
}
#activeTraining #timeLineDuration {
	float: right;
}
#activeTraining #timeLineBar {
	width: 500px;
	height: 18px;
	margin-left: 12px;
	margin-top: 12px;
	background: url(/img/progressBarBg.gif) repeat-x;
}

div.cancelTraining {
	position: absolute;
	left: 455px;
	top: 210px;
}


/** MOVES FOR SHOP **/
#shopMovesContainer {
	overflow: hidden;
}
#shopMovesContainer div.moveType {
	width: 129px;
	height: 60px;
	float: left;
	color: #fff;
	font-weight: bold;
	margin: 10px;
	position: relative;
	cursor: pointer;
	_cursor: hand;
}
#shopMovesContainer #moveType_hit_uppercut {
	background: url(/img/trainingStamp_Level1.gif);
}
#shopMovesContainer #moveType_hit_combination {
	background: url(/img/trainingStamp_Level2.gif);
}
#shopMovesContainer #moveType_hit_series {
	background: url(/img/trainingStamp_Level3.gif);
}
#shopMovesContainer #moveType_hit_haymaker {
	background: url(/img/trainingStamp_Level4.gif);
}
#shopMovesContainer #moveType_hit_hammer {
	background: url(/img/trainingStamp_Level4.gif);
}
#shopMovesContainer #moveType_hit_headnut, #shopMovesContainer #moveType_hit_lowblow {
	background: url(/img/trainingStamp_Level5.gif);
}
#shopMovesContainer #moveType_defense_head-double, #shopMovesContainer #moveType_defense_body-double {
	background: url(/img/trainingStamp_Level6.gif);
}
#shopMovesContainer #moveType_defense_sidestep {
	background: url(/img/trainingStamp_Level7.gif);
}
#shopMovesContainer span.moveTypeTitle {
	text-align:center;
	display: block;
	margin-top: 5px;
}
#shopMovesContainer span.moveTypeCount {
	position: absolute;
	top: 44px;
	left: 5px;
	color: #000;
}
#shopMovesContainer span.moveTypePrice {
	position: absolute;
	text-align: right;
	top: 44px;
	left: 70px;
	color: #000;
	width: 50px;
}

/** CREDITS PURCHASE **/
.creditsPackage {
	width: 330px;
	height: 114px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	cursor: pointer;
	_cursor: hand;
}
#creditsPackage_1 {
	background: url(/img/creditsLevelBg_1.gif) no-repeat;
}
#creditsPackage_2 {
	background: url(/img/creditsLevelBg_2.gif) no-repeat;
}
#creditsPackage_3 {
	background: url(/img/creditsLevelBg_3.gif) no-repeat;
}
#creditsPackage_4 {
	background: url(/img/creditsLevelBg_4.gif) no-repeat;
}
#creditsPackage_5 {
	background: url(/img/creditsLevelBg_5.gif) no-repeat;
}
#creditsPackage_6 {
	background: url(/img/creditsLevelBg_6.gif) no-repeat;
}

.creditsPackageWide {
	width: 680px;
	height: 114px;
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
	_cursor: hand;
}
#creditsPackageWide_1 {
	background: url(/img/creditsLevelBgWide_1.gif) no-repeat;
}
#creditsPackageWide_2 {
	background: url(/img/creditsLevelBgWide_2.gif) no-repeat;
}
#creditsPackageWide_3 {
	background: url(/img/creditsLevelBgWide_3.gif) no-repeat;
}
#creditsPackageWide_4 {
	background: url(/img/creditsLevelBgWide_4.gif) no-repeat;
}
#creditsPackageWide_5 {
	background: url(/img/creditsLevelBgWide_5.gif) no-repeat;
}


/** PREMIUM STYLES */
#premiumBoxer {
	margin-bottom: 20px;
}
.premiumBoxerStyle	{
	float: left;
	margin-right: 10px;
	cursor: pointer;
	_cursor: hand;
}

/** CREDITS ITEM */
.creditItems div {
	width: 160px;
	height: 120px;
	float: left;
	margin: 0 10px 20px 0;
	cursor: pointer;
	_cursor: hand;
}
.creditItemsMoves {
	height: 140px;
}



/** MOVES FOR FIGHTS **/
#movesContainer {
	overflow: hidden;
}
#movesContainer h3 {
	margin-bottom: 0;
}
.moveSelection {
	background: #6b645b;
	padding: 10px 0 10px 18px;
}
.moveSelection div.floatContainer {
	margin-bottom: 5px;
}
.moveHit, .moveDefense {
	float: left;
	width: 92px;
	height: 60px;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	xmargin-bottom: 5px;
	cursor: pointer;
	position: relative;
}
.move_HIT_JAP	{
	background: url(/img/moveStamp_Level1.gif);
}
.move_HIT_STRAIGHT, .move_HIT_HOOK {
	background: url(/img/moveStamp_Level2.gif);
}
.move_HIT_UPPERCUT {
	background: url(/img/moveStamp_Level3.gif);
}
.move_HIT_COMBINATION {
	background: url(/img/moveStamp_Level3a.gif);
}
.move_HIT_SERIES {
	background: url(/img/moveStamp_Level4.gif);
}
.move_HIT_HAYMAKER, .move_HIT_HAMMER {
	background: url(/img/moveStamp_Level5.gif);
}
.move_HIT_HEADNUT, .move_HIT_LOWBLOW {
	background: url(/img/moveStamp_Level6.gif);
}

.move_DEFENSE_HEAD, .move_DEFENSE_BODY {
	background: url(/img/moveStamp_Def1.gif);
}
.move_DEFENSE_HEAD-DOUBLE, .move_DEFENSE_BODY-DOUBLE {
	background: url(/img/moveStamp_Def2.gif);
}
.move_DEFENSE_SIDESTEP {
	background: url(/img/moveStamp_Def4.gif);
}
.move_SPECIAL_POWERPUNCH {
	background: url(/img/moveStamp_powerPunch.gif);
}


.moveTitle {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-top: 7px;
	color: #fff;
}

.moveCount, .consumption {
	display: inline;
	font-weight: bold;
	font-size: 11px;
	width: 80px;
	xmargin: 9px 0 0 7px;
	xfloat: left;
	position: absolute;
	top: 42px;
	left: 7px;
}
.consumption {
	text-align: right;
	color: #000;
}

.roundSettingsContainer {
	background: url(/img/timeLineBg.gif);
	width: 680px;
	height: 100px;
	margin-bottom: 0px;
}
.roundSettingsContainer h4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	text-indent: 15px;
}
.roundSettingsItems {
	margin: 0 0 0 18px;
	padding-top: 8px;
}
.roundSettingsText {
	margin: 7px 0 0 20px;
	width: 349px;
	color: #000;
	float: left;
	display: inline;
}
.roundSettingsText span {
	font-weight: bold;
}
.roundSettingsProgress {
	width: 290px;
	height: 17px;
	background: url(/img/progressBarBg.gif) repeat-x;
	float: left;
	margin-top: 7px;
	display: inline;
}


.roundSettingHit, .roundSettingDefense {
	width: 92px;
	height: 60px;
	margin: 0px;
	float: left;
	position: relative;
}
.roundSettingHover	{
	background: #fb0;
}

/** Open fights **/
.openFightsList {
	overflow: auto;
}
.openFightsList table {
	width:90%;
}



/********************
*** Events
*******************/
.eventsInner h3 div.headline {
	width: 98px;
	height: 18px;
	background: url(/img/eventsHeadlineBg.gif) no-repeat 0 1px;
	margin-right: 10px;
	float: left;
}
.eventOverview {
	background: #504c46;
	margin-top: -20px;
}
.eventOverview h2, .eventOverview h3, .eventOverview h4 {
	text-align: center;
	text-indent: 0px;
	background: none;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.eventOverview h2 {
	font-size: 12px;
	margin-top: 10px;
	height: 30px;
}
.eventOverview h3 {
	font-size: 12px;
	margin-bottom: 0px;
	color: #ccc;
}
.eventOverview h4 {
	font-size: 18px;
	line-height: 35px;
	color: #fc0;
	background: #000;
	margin: 0 10px;
}
.eventOverviewRect {
	float: left;
	width: 169px;
	height: 175px;
	border-left: 1px solid #000;
}
.eventOverviewSmall {
	float: left;
	width: 170px;
	height: 75px;
	border-top: 1px solid #000;
}
.eventOverviewSmall p {
	margin-top: 17px;
	padding-right: 5px;
	padding-left: 5px;
}
#eventOverviewMembers {
	border-left: none;
}
#eventOverviewStatus img {
	margin-top: 10px;
	margin-left: 10px;
}
#eventOverviewStatus p {
	padding-left: 10px;
}
.eventRoundsTabHeader	{
	width: 160px;
	height: 25px;
	float: left;
	margin: 5px 0 0 10px;
}
h3.eventRoundsTab {
	padding: 0;
}
h3.eventRoundsTab a, h3.eventRoundsTab div {
	float: left;
	width: 43px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(/img/profileStatsBg.gif) no-repeat 0 0;
	text-decoration: none;
}
h3.eventRoundsTab a.eventRoundActive {
	background: url(/img/profileStatsBg.gif) no-repeat 0 -40px;
}
h3.eventRoundsTab a.eventRoundActivePressed {
	background: url(/img/profileStatsBg.gif) no-repeat 0 -97px;
}
div.fightVictory {
	float: left;
	background: url(/img/icnVictory.gif);
	margin: 2px 1px 0 0;
	width: 16px;
	height: 16px;
}


/**** TROPHIES ****/
.trophiesOverview {
	background: #504c46;
	margin-top: -20px;
}
.trophiesOverview table tr td {
	padding: 5px;
}

/* ************************
*** Slogans ***
***/
#formSlogans textarea {
	width: 450px;
	height: 80px;
	margin: 10px 0 20px;
}

/** modal boxes **/
.modalFormMessageFixedHeight {
	height: 160px;
}
.modalFormMessage h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.modalFormMessage {
	font-size: 12px;
}
.modalFormMessageContent {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: -10px;
	padding: 15px;
}
.modalFormMessageContent a {
	color: #06c;
}
.modalFormClose {
	position: absolute;
	top: 170px;
	left: 165px;
}




/** form and table stuff **/
.formContainer h5, .tableContainer h5 {
	font-size: 17px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCE3EC;
	margin-bottom: 10px;
}
.formContainer, .tableContainer {
	padding: 10px;
}
.formContainer table {
	margin-bottom: 10px;
	border: 0;
	width: 600px;
}
.formContainer table tr {
	height: 35px;
}
.formContainer table tr td {
	vertical-align: bottom;
}
.formContainer input {
	font-size: 17px;
	padding: 2px 5px;
}
.formContainer select	{
	font-size: 17px;
}
.formContainer small {
	font-size: 10px;
}
.formLabel {
	width: 120px;
	text-align: right;
	padding-right: 10px;
}

/** buttons **/
div.buttonRow {
	display: block !important;
	display: inline-block;
	overflow: hidden;
}
div.buttonRow div.btnSmall, div.buttonRow div.btnSmallBlack {
	float: left;
	display: inline;
	margin-right: 10px;
}
div.btnSmall {
	height: 20px;
	background: url(/img/btnSmallLeft.gif) no-repeat;
	padding: 0 0 0 5px;
	margin: 0;
}
table.tableList div.btnSmall a, div.btnSmall a {
	background: url(/img/btnSmallRight.gif) no-repeat right top;
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	padding: 0 10px 0 5px;
	text-decoration: none;
	text-align:center;
}
div.btnSmallBlack {
	height: 20px;
	background: url(/img/btnBlackLeft.gif) no-repeat;
	padding: 0 0 0 5px;
	margin: 0;
}
table.tableList div.btnSmallBlack a, div.btnSmallBlack a {
	background: url(/img/btnBlackRight.gif) no-repeat right top;
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	padding: 0 10px 0 5px;
	text-decoration: none;
	text-align:center;
}

.btnWidthSmall {
	width: 60px;
}
.btnWidthMedium {
	width: 150px;
}
.btnWidthLarge {
	width: 250px;
}

/** Pager defs ***/
.pager {
	font-size: 12px;
	float: right;
	list-style: none;
}
.pager li {
	float: left;
	color: #000;
	border: 1px solid #292520;
	margin-left: 4px;
}
ul.pager li a {
	text-align: center;
	display: block;
	padding: 0 5px;
	text-decoration: none;
	background: #aea79d;
}
.pager li span {
	text-align: center;
	background: #eee;
	display: block;
	font-weight: bold;
	padding: 0 5px;
}


/** autoForm stuff **/
table.autoForm td {
	vertical-align: bottom;
}
div.autoForm_alert {
	background: #EEE url(/img/autoForm_error.gif) no-repeat scroll 5px 3px;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 25px;
	font-size: 13px;
	color: #000;
}
.autoForm_loading {
	display: none;
	background: url(/img/loadingAni.gif) no-repeat top left;
	padding-left: 30px;
	margin: 10px 0 5px 0;
}


/** Footer **/
#footer {
	margin: 30px 0;
	overflow: hidden;
}
#footerLogo {
	width: 130px;
	height: 30px;
	background: url(/img/mindventLogo.png) no-repeat;
	float:left;
}
#footerNav {
	float: right;
	line-height: 30px;
	font-size: 11px;
	text-align: right;
}

/* Default often used classes
-----------------------------*/
.clear {
	clear: both;
	margin: 0;
	height: 0;
}
.hide	{
	display:none;
}
.invisible {
	visibility: hidden;
}
.floatContainer {
	display: block !important;
	display: inline-block;
	overflow: hidden;
}
.inline-block {
	zoom: 1;
}
.noOverflow	{
	overflow: hidden;
}
.cursorPointer {
	cursor: pointer;
	_cursor: hand;
}
.formLoading {
	padding: 10px 0px 10px 30px;
	background: url(/img/loadingAni.gif) no-repeat 0% 50%;
	display: none;
	overflow: hidden;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
.topMargin {
	margin-top: 20px;
}