/* 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: #000 url(/img/mainBg.jpg) repeat-x top left;
}
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;
}

strong.sqldebug {
	color: #f00;
	font-size: 12px;
}

/*** BRANDING STUFF ***/
#brandingBar {
	position: relative;
	text-align: center;
	height: 40px;
	background: url(/img/brands/header7GBg.gif) 0 0 repeat-x;
	width: 969px;	
}


/*** CONTAINER STUFF **/
#container {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#logoHomeMain {
	width: 340px;
	height: 101px;
}
#logoLeft {
	width: 295px;
	height: 100px;
	background: url(/img/mainLogo.png) no-repeat;
}
#header {
	height: 135px;
	background: url(/img/headerMainBg.jpg) no-repeat top left;
	position: relative;
}

/** main Notification **/
#statusBarUsername.notify_info {
	background: url(/img/mainNotificationUsernameBg1.gif) 0 2px no-repeat;
}
#statusBarUsername.notify_quest {
	background: url(/img/mainNotificationUsernameBg2.gif) 0 2px no-repeat;
}
#statusBarUsername.notify_important {
	background: url(/img/mainNotificationUsernameBg3.gif) 0 2px no-repeat;
}

#mainNotificationLayer {
	position: absolute;
	top: 47px;
	left: 302px;
	width: 400px;
	z-index:100;
	border-top: 2px solid #000;
	overflow:hidden;
	padding-bottom: 20px;	/** needed for the case when last item in layer is closed, so that mouseOut event doesnt happen **/
}
.mainNotificationContainer {
	position: relative;
}
#mainNotificationLayer h3 {
	color: #fc0;
	margin-bottom: 0px;	
}
.btnCloseNotification {
	position: absolute	;
	background: url(/img/mainNotificationCloseBtn.gif) 0 0 no-repeat;
	top: 0px;
	right: 0px;
	height:27px;
	width:27px;
	margin-left:-29px;
	cursor: pointer;
}
.mainNotificationContent {
	padding: 10px;	
	color: #000;
	font-size: 12px;
	background: #fff59b url(/img/mainNotificationContentBg.gif) 0 0 no-repeat;
	display: block !important;
	display: inline-block;
	overflow: hidden;
	
}


.mainNotificationContent a.btnDefault {
	margin-top: 10px;	
}
#mainNotificationLayer h4 {
	color: #000;
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #996;
}
.mainNotificationCredits {
	width: 65px;
	height: 65px;
	background: url(/img/mainNotificationCreditsInfoBg.gif) 0 0 repeat-x;
	float:left;
	margin-right: 10px;	
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}
.mainNotificationCredits strong {
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	display:block;	
	margin-top: 5px;
}
.mainNotificationsFooter {
	background: url(/img/mainNotificationContentCorners.png) top left no-repeat;
	height: 10px;
	width: 400px;
}
	
/** 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: 23px;
	position: absolute;
	font-size: 17px;
}

#statusBarUsername div {
	width: 240px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding-left: 10px;	
}
#statusBarUsername div#statusBarLinks {
	background:none;
}
#statusBarLinks {
	font-size: 11px;
	background: none;
}
#statusBarLinks a {
	color:#eee;
}
.statusBarItem	{		/* general item defs */
	position: absolute;
	overflow: hidden;
	top: 25px;
	height: 50px;
	font-size: 12px;
	line-height: 23px;
	color: #d2c79a;

}
.statusBarItem strong {
	display: block;
	line-height:12px;
	height: 12px;
	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;
	position: relative;
}


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

.extraCredits {
	background: #3c3;
	padding: 0 2px;
	color: #fff;
}	
#shoutBox {
	background: url(/img/shoutBoxHeaderBg.gif) no-repeat;
	height: 42px;
	width: 250px;
}
#shoutBoxuserPicThumb {
	float:left;
	width:25px;	
}
#shoutBoxMessageContent {
	float: left;
	width: 285px;	
}
#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: #fc0;
}


/** 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: 10px 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: 150px;
	height: 16px;
	display: block;
	float: left;
	margin-left: 5px;
	text-transform: uppercase;
	color: #928a80;
}
.develContainerHeadline div.develSecondHeader {
	text-align: right;
}
.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;
}

.fastBuildButton {
	width: 310px;
	height: 50px;
	background: url(/img/fastBuildBtn.png) no-repeat;
	position: relative;
	cursor: pointer;
}
.fastBuildButton h4 {
	position: absolute;
	width: 210px;
	height: 20px;
	top: 6px;
	left: 10px;
	overflow: hidden;
	color: #fc0;
	margin:0;
}
div.fastBuildDesc {
	position: absolute;
	overflow: hidden;
	width: 210px;
	height: 15px;
	color: #ccc;
	top: 27px;
	left: 10px;
	font-size: 11px;
	margin:0;
} 
div.fastBuildPrice {
	position: absolute;
	overflow: hidden;
	width: 75px;
	height: 42px;
	font-size: 23px;
	color: #fff;
	top: 5px;
	left: 229px;
	text-align: center;
	margin: 0;
}
div.fastBuildPrice span {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}


/** 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;
	overflow:hidden;
	text-align:center;
	width:80px;
}


/** balance sheet **/
#balanceTable {
	width: 680px;
	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;
}
#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-top: -15px;
}
div.contentHome #boxerProfile {
	margin-top: 0px;
	margin-bottom: 10px;
}
#profilePictureContainer {
	width: 250px;
	overflow: hidden;
	float: left;
	display: inline;
}
#profilePicture {
	width: 250px;
	height: 350px;
}
#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;
	color: #000;
	font-size: 12px;
	line-height: 15px;
}
#profileData table {
	width:420px;
	margin: 0 0 0 10px;
}
#profileData .lineBreak {
	background: url(/img/trimLineMedium.gif) repeat-x top left;
	height: 10px;
	line-height: 10px;
}
#profileData h4 {
	text-transform: uppercase;
}
#profileData td.profileDataItem {
	font-weight: bold;
}
div#profileData a {
	color:#fff;
}


div#profileData a.btnDefault {
	color:#fc0;
}

td.profileDataItem a {
	color: #000;
}

#profileLinks a {
	background: url(/img/btnBoxerProfile.gif) no-repeat;
	width: 350px;
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	margin: 10px 0;
	display: block;
	color: #fff;
	xtext-transform: uppercase;
	text-decoration: none;
}
#profileLinks a:hover {
	color: #fc0;
}

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

#fightPrepareProfileTextBgLeft	{
	position: absolute;
	width: 250px;
	height: 190px;
	top: 170px;
	left: 10px;
	background: url(/img/prepareBoxerProfile1.png) repeat-x;
}
#fightPrepareProfileTextBgRight	{
	position: absolute;
	width: 240px;
	height: 190px;
	top: 170px;
	left: 0px;
	background: url(/img/prepareBoxerProfile2.png) repeat-x;
}




/** 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_condition	{
	background: url(/img/trainingStamp_Level8.gif);
}

.trainingType_power	{
	background: url(/img/trainingStamp_Level9.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;
}
.cancelTraining {
	margin-left: auto;
	margin-right: 40px;
	padding:10px;
	width:200px;
}

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

div.speedTraining {
	position: absolute;
	left: 88px;
	top: 220px;
}

div.speedTraining img {
	border: none;
}

/** 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;
}


#shopGoldenGloves {
	margin-bottom: 20px;
}
.shopGoldenGloveItem {
	background: url(/img/shopItemGoldenGloves.gif) no-repeat;
	width: 160px;
	height: 160px;
	position: relative;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.shopGoldenGlove_duration {
	color: #000;
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	width: 35px;
	left: 115px;
	text-align: center;
	top: 10px;
}
.shopGoldenGlove_duration span {
	display: block;
	font-size: 12px;
	line-height: 10px;
}
.shopGoldenGlove_desc {
	position: absolute;
	top: 116px;
	width: 160px;
	text-align: center;
	font-size: 11px;
}
.shopGoldenGlove_price {
	position: absolute;
	top: 140px;
	left: 5px;
	color: #000;
	width: 120px;
	font-size: 10px;
}
.shopGoldenGlove_buy {
	position: absolute;
	top: 140px;
	color: #fff;
	right: 5px;
	font-weight: bold;
	width: 54px;
	text-align: center;
}


/** 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;
}

/** bonus bundles **/
#bonusBundleLevelInfo {
	font-size: 15px;
	font-weight: bold;
	color: #fc0;
	margin-bottom: 10px;
}
.bonusBundleItem {
	width: 210px;
	height: 385px;
	background: url(/img/bonusPackageBg.jpg) no-repeat;
	float: left;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	
}
.bonusBundleTitle {
	position: absolute;
	text-align: center;
	font-size: 25px;
	line-height: 55px;
	font-weight: bold;
	width: 210px;
}
.bonusBundleItem table {
	position: absolute;
	width: 190px;
	top: 100px;
	left: 10px;
}
.bonusBundleItem table th {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 12px;
	height: 15px;
	color: #666;
	vertical-align:top;
	
}
.bonusBundleItem table td {
	color: #333;
	font-size: 14px;
	line-height:20px;
	
}
tr.bonusBundleTotal td {
	padding-top: 5px;
	font-size: 12px;
	line-height: 15px;
	
}
.bonusBundleTotal strong {
	color: red;
}
.bonusBundleBuy {
	position: absolute;
	width: 190px;
	height: 25px;
	background: url(/img/btnBuyByCredits.gif) no-repeat;
	top: 345px;
	left: 10px;
}
.bonusBundleBuyText {
	position: absolute;
	width: 95px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fc0;
	text-align: center;
}
.bonusBundlePrice {
	position: absolute;
	width: 95px;
	height: 25px;
	right: 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
}


.largePurchaseBtn {
	width: 230px;
	height: 50px;
	background: url(/img/buyNowBtnLarge.gif) no-repeat;
	position: relative;
	cursor: pointer;
	margin: 20px 0;
}
.largePurchasePrice {
	position: absolute;
	width: 80px;
	top: 10px;
	font-size: 19px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.largePurchasePrice span {
	display: block;
	font-size: 11px;
}
.largePurchaseText {
	position: absolute;
	width: 145px;
	top: 15px;
	left: 80px;
	text-align: center;
	font-size: 15px;
	color: #fc0;
}


/** 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;
	*/
	color:#000000;
cursor:pointer;
float:left;
font-size:10px;
font-weight:bold;
height:60px;
position:relative;
width:92px;
}
.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;
}

.moveHit .moveDelete, .moveDefense .moveDelete {
	display: none;
}

.roundSettingsItems .moveDelete {
	position: absolute;
	display: none;
	width: 92px;
	height: 60px;
	background: url(/img/btnRemoveHitBg.png) no-repeat 0 0;
}

.moveCount, .consumption {
	display:inline;
	font-size:11px;
	font-weight:bold;
	left:7px;
	position:absolute;
	top:42px;
	width:80px;
}
.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 {
	position: relative;
	width: 92px;
	height: 60px;
	margin: 0px;
	float: left;
}
.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;
}

/**** Group events start****/
.groupEventContainer {
	background-color: #504c46;
	margin: -20px -10px 20px -10px;
	padding: 0px 10px 0px 10px;
}

.groupEventContainer .floatContainer {
	border-bottom: 1px solid #000;
}

.groupEventOverview {
	height: 175px;
	width: 190px;
	border-right: 1px solid black;
	float: left;
	padding: 10px 10px 0px 10px;
}

.groupEventTop5 {
	background-image: url(/img/groupEventTableBg.jpg);
	width: 399px;
	height: 185px;
	float: left;
}

.groupEventTop5 table.eventWinner td.transparent {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	background-color: #000;
}

.groupEventTop5 table.eventWinner td {
	padding: 0px;
	vertical-align: top;
}

.groupEventTop5 table.eventWinner td div {
	padding: 2px 0px 2px 10px;
	text-align: left;
}

.groupEventTop5 table.eventWinner td div.heading {
	padding: 7px 0px 5px 10px;
	text-align: left;
	font-weight: bold;
}

.groupEventTop5 table.groupList thead {
	height: 15px;
}

.groupEventTop5 table.groupList th{
	text-align: left;
	font-size: smaller;
}

.groupEventTop5 div{
	padding: 50px 30px 8px 30px;
	text-align: center;
}

.groupEventTop5 table.groupList {
	margin-left: 2px;
}

.groupEventTop5 table td {
	padding: 5px 5px 4px 5px;
}

.groupEventTop5 table.groupList tbody tr.first, .groupEventTop5 table.groupList tbody tr.first a {
	color: #fc0;
}



.groupEventBottom {
	padding: 10px 0px 10px 25px;
}

/**** Group events end****/

.eventOverview h2, .eventOverview h3, .eventOverview h4, .groupEventOverview h3, .groupEventOverview 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, .groupEventOverview h3{
	font-size: 12px;
	margin-bottom: 0px;
	color: #ccc;
}

.eventOverview h4, .groupEventOverview h4{
	font-size: 23px;
	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: 640px;
	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: 15px;
	padding: 2px 5px;
}
.formContainer select	{
	font-size: 15px;
}
.formContainer small {
	font-size: 10px;
}
.formLabel {
	width: 120px;
	text-align: right;
	padding-right: 10px;
}


/** 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;
}
/* old home page log style: deprecated */
#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;
}

/** 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;
}

/** buttons **/
a.btnDefault {
	background: url(/img/btnStandard.gif) no-repeat;
	width: 100px;
	height: 20px;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	color:#fc0;
	font-weight: normal;
}
a.btnDefaultMargin {
	margin-top: 10px;
}
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: 25px;
	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: 25px;
	color: #fff;
	padding: 0 10px 0 5px;
	text-decoration: none;
	text-align:center;
}

div.btnLarge {
	height: 40px;
	background: url(/img/btnSignUp.gif) no-repeat;
	padding: 0 0 0 5px;
	margin: 0;
}



table.tableList div.btnLarge a, div.btnLarge a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #FFCC00;
	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;
}


/** Home Index **/

#profileDataHomePower {
	width: 248px;
	height: 40px;
	margin: 20px 0 20px 0;
	border-right: 1px solid #000;
}
#profileDataHomePower div {
	float: left;
	width: 62px;
	height: 40px;
	background: url(/img/statusBoxBg.gif) no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fc0;
}
#profileDataHomePower div span {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin-top: 2px;
	color: #fff;
}

.innerContent {
	background: #67625b;
	margin-top: -20px;
	padding: 10px;
	overflow: hidden;
}
.innerContent p {
	line-height: 17px;
	color: #d3cec7;
}
p.innerContentListing {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

/** SignUp Landing Page **/

#signUpContainer {
	background: #67625b url(/img/signUpBg.jpg) no-repeat top left;
	display: block !important;
	height: 130px;
	wdth: 680px;
	overflow: hidden;
}

.textHighlight {
	color: #fff;
}
.textHighlight h4 {
	text-transform: uppercase;
	line-hight: 17px;
	font-size: 15px;
	color: #fc0;
}
#signUpTextContainer {
	display: inline;
	float:left;
	margin: 48px 0 0 50px;
	width: 300px;
	height: 50px; 	
}
#signUpBtnContainer {
	display: inline;
	float:left;
	margin: 48px 0 0 20px;
	widht: 320px;
	height: 50px; 
}

/*** Hint elements ***/
div.hint{
	display: none;
	position: absolute;
	width: 360px;
	border: 1px solid #fff;
	background-color: #000;
	padding: 10px;
}

div.hint h5 {
	color: #fc0;
	border-bottom: 1px solid #646462;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.hint .hintText {
	font-size: 12px;
	color: #ccc;
}

div.hint .hintNote {
	margin-top: 20px;
	color: #7ed2f4;
	font-style: italic;
	font-size: 12px;
}

div.hintIcon {
	display: inline;
	background-image: url(/img/hintIcon.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-top: 1px;
}

/*** Boxing clan ***/
#boxGroupDetails .name {
	font: bold 17px Arial narrow;
	margin-bottom: 10px;
}

#boxGroupDetails .description {
	line-height: 17px;
	font: normal 12px arial;
	margin-bottom: 20px;
}

/*** FLT Details ***/
.bar {
	float: left;
}

.barBackground, .barForeground  {
	height: 21px;
	line-height: 21px;
	color: #fff;
	font-size: 12px;
	text-indent: 3px;
}

.barBackground {
	margin-bottom: 2px;
}

#condition .barBackground {
	background: url(/img/3ColorsBar.gif) repeat 0px 0px;
}

#condition {
	color: #0b28e4;
}

#power .barBackground {
	background: url(/img/3ColorsBar.gif) repeat 0px 42px;
}

#power{
	color: #f67809;
}

#experience .barBackground {
	background: url(/img/3ColorsBar.gif) repeat 0px 21px;
	
}

#experience {
	color: #467f14;
}

#condition .barForeground {
	background: url(/img/3ColorsBarAnimated.gif) repeat 0px 0px;
}

#power .barForeground {
	background: url(/img/3ColorsBarAnimated.gif) repeat 0px 42px;
}

#experience .barForeground {
	background: url(/img/3ColorsBarAnimated.gif) repeat 0px 21px;
}

.progressText{
	position: absolute;
}

#fltDetails {
	background-color: #000;
	background-image: url(/img/infoBoxFLTBg.gif);
	background-repeat: no-repeat;
	margin-top: -20px;
	width: 240px;
	padding: 5px 4px 5px 5px;
}

.barDescription {
	font-size: 10px;
	margin-top: 5px;
}

.shareBar {
	position:absolute;
	bottom: -3px;
	z-index: 3200;
}

.shareButton {
	cursor:pointer;
	display:inline;
	position:absolute;
	height:18px;
	width:39px;
	padding: 3px 0px 0px 24px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}


.shareButton.fbIcon {
	background: url(/img/fbShare.gif) no-repeat 0px 0px;
	left: 687px;
}

.shareButton.twitterIcon {
	background: url(/img/tShare.gif) no-repeat 0px 0px;
	left: 620px;
}