@charset "utf-8";
/* CSS Document */
html, body {font-family:Verdana,Verdana,Geneva,sans-serif; color:#efefef; font-size:13px; color:#FFF; background:#000; padding:0px; text-align:center; margin:0px;border-style:none; }

media print{
body {display:none;}
}

.wrap {
width: 888px;
margin-top: 0;
margin-left: auto; margin-right: auto;
position: relative;
text-align:center;
padding-top: 25px;
	background-color:#000;
	background-image:url(images/mw_background.jpg);
	background-repeat:no-repeat;	
	background-position:top;
} 

.yellow {color: #FFA500; font-weight: bold;}
.green {color: green; font-weight: bold;}
.red {color: red;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.bump {
display: block;
margin-top: -30px;
margin-bottom: 40px;
}

.nobullet li {
list-style-type: none; margin-left: -35px;
}
.nobullet li:first-child {font-weight: bold; color: grey; font-size: 12px;}

.stockpile ul,li {
font-weight: normal; list-style-type: none; margin-left: -35px;
}
.stockpile ul,li:first-child {font-weight: bold; color: grey; font-size: 12px;}

.cost {font-size: 12px; color: green;}
.upkeep {font-size: 10px; color: lightgreen;}


.floatCenter { 
    float: center; 
    margin: 0px;
}
.floatLeft { 
    float: left; 
    margin: 4px; 
}
.floatRight { 
    float: right; 
    margin: 4px; 
}
.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}
.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px; 
}

.img {border: 0; width: 150px; height: 75px;} 
.card {border: 0; width: 40px; height: 40px;} 
.cImg {width: 200px; text-align: center;} 
.cDesc {width: 600px;} 

p {
margin: 0px;
padding: 5px;
text-align: left;
} 

h1 { border-bottom: 1px solid #555555; display: block; float: none; font-size: 20px; margin-bottom: 5px; color: #efefef;font-weight:bold;}

h2 { font-size: 18px; font-weight: bold; margin: 0px; padding: 5px; text-align: left;}

h3 { font-size: 18px; color: #FFA500; font-weight: bold; margin: 0px; padding: 5px; text-align: center;}

tr.alternate { background: #0a0a0a none repeat scroll 0% 0%; }

div.content {
	min-height:100;
	background-color:#000;
	background-image:url(images/mw_background.jpg);
	background-repeat:no-repeat;	
	background-position:top;
	width:888px;
	padding-top: 25px;
	padding:10px;
	margin:0px;
margin-left: auto; margin-right: auto;
position: relative;
text-align:center;

}

a { color: #4499dd; text-decoration: none; outline-color: invert; outline-style: none; outline-width: medium; }

.border {
	border: 1px solid #333333; 
}

div.announcment {
	border: 1px solid #333333; 
	padding: 5px; 
	background: #111111 none repeat scroll 0% 0%; 
	margin-bottom: 10px; 
	min-height:50px;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
}

div.titleBar {
	background:url(images/mw_stats_background.jpg);
	width:888px;
	height:51px;
	margin-left: auto; margin-right: auto;
}


div.lowerMenu { border-bottom: 1px solid #000000; background: #000000 url("http://salthefoot.com/images/mw_lower_menu_bar.jpg") repeat-x scroll 0% 0%; margin-bottom: 5px; height: 25px; margin-top: -5px; }

a.lowerMenuHilighted { background: #000000 none repeat scroll 0% 0%; padding: 3px 7px; height: 19px; float: left; font-size:13px;}
a.lowerMenuHilighted:hover {background: #000000 none repeat scroll 0% 0%; padding: 3px 7px; height: 19px; float: left; color: #88bbee; font-size:13px;}

a.lowerMenuLink { border-left: 1px solid #282828; padding: 3px 7px; height: 19px; float: left; font-size:13px;}
a.lowerMenuLink:hover {  border-left: 1px solid #282828; padding: 3px 7px; height: 19px; float: left; color: #88bbee; font-size:13px;}

.announceTitle { color: #efefef; font-weight: bold; text-align:left;}

input.formInputButton, input.formInputButtonMouseDown { border: 1px solid #4499dd; margin: 0pt; padding: 0px; background: transparent url("http://salthefoot.com/images/mw_button_bar.jpg") repeat-x scroll left center; font-size: 1.1em; vertical-align: middle; font-weight: normal; text-align: center; color: #ffffff; cursor: pointer; text-decoration: none; }
input.formInputButton:hover { border: 1px solid #88bbee; }
 input.formInputButtonMouseDown { border: 1px solid #444444; background: transparent url("http://salthefoot.com/images/mw_button_bar.jpg") repeat-x scroll right center; color: #aaaaaa; }
 input.formInputButton:active {  }
 
div.headLinks {
	position:relative;
	left:-15px;
	bottom:-35px;
	padding:5px;
	border-bottom:none;
	border-right:none;
	border-left:none;
	border-top:none;
	font-weight:bold;
}
a.headlinks {
	padding:10px;
	font-size:13px;
	font-weight:bold;
}

div.tos {margin-left: auto; margin-right: auto; border: 1px solid rgb(51, 51, 51); width: 720px; height: 533px; float:none; background-repeat: no-repeat; background-image: url(http://salthefoot.com/images/godfather_invite.jpg); padding:10px;}

div.tos2 {float: left; margin-left: 200px; margin-top: 10px; padding-right: 5px;}

div.tos3 {text-align: center; float: left; margin-left:200px; position:relative; right:-100px;}

input.tf  {border: 1px solid rgb(204, 204, 204); font-size: 13px; color: rgb(204, 204, 204); background-color: rgb(34, 34, 34);}

table.thead { background: #000000 none repeat scroll 0% 0%; font-weight: bold; margin-left: auto; margin-right: auto;}
table.thead td { padding: 4px; background: #000000 url("images/mw_list_header.jpg") repeat-x scroll 0% 0%; }
tr.odd { background: transparent none repeat scroll 0% 0%; }
tr.even { background: #0a0a0a none repeat scroll 0% 0%; }
tr.rowData td { padding: 4px; color:#FFF;}
p {color:#efefef}

.achtable, .achtable TD, .achtable TH, .achtable TR
{
text-align:left;
font-family:sans-serif;
font-size:9pt;
border: 0;
padding: 2px;
vertical-align: bottom;
color:white;
background:transparent;
}


.smalltable, .smalltable TD, .smalltable TH, .smalltable TR
{
text-align:right;
font-family:sans-serif;
font-size:9pt;
padding: 2px;
vertical-align: top;
color:white;
background:transparent;
}

.small2table, .small2table TD, .small2table TH, .small2table TR
{
text-align:left;
font-family:sans-serif;
font-size:9pt;
padding: 2px;
vertical-align: top;
color:white;
background:transparent;
}

.gift
{
border: 0;
border-spacing: 6px;
margin-left: auto; margin-right: auto;
text-align:center;
font-size:8pt;
padding: 0px 0px;
vertical-align: top;
background:#111111;
}

.gift TD
{
min-width: 155px;
max-width: 155px;
text-align:center;
margin-left: auto; margin-right: auto;
font-family:Verdana,Verdana,Geneva,sans-serif;
font-size:8pt;
border: 1px solid #333333; 
padding: 2px 2px;
vertical-align: top;
color:4499dd;
background:black;
}


/* Sortable tables */
table.sortable  {
	background-color: #111111
	font-family:Arial, Helvetica, sans-serif; 
	font-size:7pt;
	margin: auto;
	border-spacing: 6px;
}

table.sortable th {
	border: 0px solid #333333; 
    background-color:transparent;
    color:#4499dd;
	text-align:center;
font-family:Verdana,Verdana,Geneva,sans-serif;
font-size:8pt;
	color:white;
	padding: 1px;
	vertical-align: middle;
	cursor: default; 
}

table.sortable TR  TD  {
	border: 1px solid #333333; 
	background-color:#1A031A;	
font-family:Verdana,Verdana,Geneva,sans-serif;
font-size:9pt;
font-weight: bold; 
padding: 2px 2px;
	color:white;
	padding: 2px;
	vertical-align: middle;
	background: black;
}

.navMenu { 
	border-left: 1px solid #282828;
	background: transparent url("http://salthefoot.com/images/mw_menu_bar.jpg") repeat-x scroll 0% 0%; 
	color: #ffffff; 
	display: inline-block; 
	width: 111px; 
	height: 25px; 
	line-height: 25px;
	text-decoration: none; 
	font-family:Verdana,Verdana,Geneva,sans-serif;
	font-size:9pt;
	font-weight: normal;
	text-align: left;
	padding-left: 2px;
}

.navMenu:hover { 
	background: transparent url("http://salthefoot.com/images/mw_menu_bar_hover_yellow.jpg") repeat scroll 0% 0%;  
	color: #000000; 
}

.nav {
	height: 25px;
	background: #000000 none repeat scroll 0% 0%; 
	width: 888px;
	position: fixed;
	top: 0px;
	z-index: 1000;
}

.home, .cards, .stockpile, .misc, .heists, .calculator, .toolbar, .tools {
	position: absolute;
	top: 0px;
}

.home .navMenu:first-child {border-left: 0px;}

.home {width: 111px; left: 0px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.home a {display: block;}
.home:hover {height: 150px;}

.cards {width: 111px; left: 111px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.cards a {display: block;}
.cards:hover {height: 600px;}

.stockpile {width: 111px; left: 222px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.stockpile a {display: block;}
.stockpile:hover {height: 200px;}

.misc {width: 111px; left: 333px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.misc a {display: block;}
.misc:hover {height: 525px;}

.heists {width: 111px; left: 444px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.heists a {display: block;}
.heists:hover {height: 150px;}

.calculator {width: 111px; left: 555px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.calculator a {display: block;}
.calculator:hover {height: 175px;}

.toolbar {width: 111px; left: 666px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.toolbar a {display: block;}
.toolbar:hover {height: 175px;}

.tools {width: 111px; left: 777px; display: inline-block; height: 25px; overflow: hidden; background: #000000;}
.tools  a {display: block;}
.tools:hover {height: 450px;}