/*
	Mafia v2.0 Main CSS Stylesheet
	Created by RhoVisions, designer Rohit Sodhia
*/

body, td, input, select, textarea {
	font-size: 13px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #FFF;
}

body {
	background: #222;
	text-align: center;
}

div {
	text-align: left;
}

p {
	margin: .5em 0px;
}

input, textarea {
	padding: 2px 3px;
}

input[type="text"], input[type="password"], select, textarea {
	background: #000;
	border-top: 1px solid #660;
	border-left: 1px solid #660;
	border-bottom: 1px solid #AA0;
	border-right: 1px solid #AA0;
}

select {
	margin-top: 1px;
}

button[type="submit"] {
	background: url('../images/submit.jpg') top left;
	border: none;
	width: 80px;
	height: 26px;
}

button[type="submit"]:hover {
	background-position: bottom left;
}

button[type="submit"].update {
	background-image: url('../images/update.jpg');
}

button[type="submit"].save {
	background-image: url('../images/save.jpg');
}

button[type="submit"].send {
	background-image: url('../images/send.jpg');
}

button[type="submit"].reply {
	background-image: url('../images/reply.jpg');
}

button[type="submit"].default {
	background-image: url('../images/default.jpg');
}

button[type="submit"].join {
	background-image: url('../images/join.jpg');
}

button[type="submit"].startGame {
	background-image: url('../images/startGame.jpg');
	width: 100px;
}

button[type="submit"].sure {
	background-image: url('../images/sure.jpg');
}

button[type="submit"].vote {
	background-image: url('../images/vote.jpg');
}

button[type="submit"].endPhase {
	background-image: url('../images/endPhase.jpg');
	width: 100px;
}

button[type="submit"].post {
	background-image: url('../images/post.jpg');
}

button[type="submit"].reset {
	background-image: url('../images/reset.jpg');
}

hr {
	border: none;
	height: 1px;
	color: #BBB;
	background-color: #BBB;
	margin: 1.25em 0px;
}

table {
	width: 100%;
}

td {
	vertical-align: top;
	padding: 2px 2px;
}

label {
	display: block;
}

ul {
	list-style: disc;
	margin-left: 20px;
}


/* Links */
a, a:visited, a:active {
	text-decoration: none;
	color: #A00;
}

a:hover {
	color: #147;
	text-decoration: underline;
}


/* IDs */
#headerContent, #mainBody {
	width: 960px;
	margin: 0px auto;
}

#header {
	background: url('../images/headerBG.jpg') top left repeat-x;
	height: 140px;
	text-align: center;
}

#header #headerContent {
	text-align: right;
}

#header #headerContent img {
	margin-right: 20px;
}

#menu {
	float: left;
	width: 200px;
}

#content {
	background: url('../images/bodyBG.jpg') top left repeat-y;
	margin-left: 200px;
}

#content #contentBody {
	background: url('../images/bodyTop.jpg') top left no-repeat;
	height: auto !important;
	height: 150px;
	min-height: 150px;
	
	padding: 25px 25px 10px;
}

#footer {
	background: url('../images/bodyBottom.jpg') bottom left no-repeat;
	padding: 0px 30px 25px;
	padding-right: 60px;
	text-align: right;
	clear: both;
}

#footer #footerContact {
	margin-left: 425px;
}

#footer #footerCR {
	padding-left: 30px;
}


/* Menu */
#menu .menuSet {
	background: url('../images/menuBG.jpg') top left repeat-y;
}

#menu .menuContent {
	background: url('../images/menuTop.jpg') top left no-repeat;
	padding: 25px 20px;
	padding-bottom: 0px;
	
	height: auto !important;
	height: 85px;
	min-height: 85px;
}

#menu #loggedInID {
	font-size: .9em;
	padding: .5em;
}

#menu #loggedInID div {
	margin-top: 4px;
	text-align: right;
	font-weight: bold;
}

#menu h2 {
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
	padding-right: 5px;
/*	margin-bottom: .5em;*/
}

#menu ul {
	padding: 0px;
/*	padding-left: 20px;*/
	padding-left: 5px;
	padding-top: 5px;
	margin: 0px;
}

#menu ul li {
/*	list-style: url('../images/dash.gif');*/
	list-style: none;
}

#menu ul li.gapAbove {
	margin-top: .75em;
}

#menu .menuFooter {
	background: url('../images/menuBottom.jpg') bottom left no-repeat;
	height: 30px;
}


/* Alert Boxes */
.alertBox_error, .alertBox_suc {
	border: 2px solid;
	margin: 10px 10px;
	padding: 15px 15px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: bold;
}

.alertBox_error {
	border-color: #D00;
	background-image: url('../images/alerts/error.jpg');
	background-color: #F55;
}

.alertBox_suc {
	border-color: #060;
	background-image: url('../images/alerts/check.jpg');
	background-color: #383;
}


/* Classes */
.tr {
	padding: 5px 0px;
}

.noFloat {
	float: none;
}

.textLabel {
	padding-top: 3px;
}

.pageTitle, h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: .75em 0px;
	
}

.subTitle, h2 {
	font-weight: bold;
}

.alert {
	font-size: 85%;
	color: #C00;
	text-align: left;
}

br.gap {
	font-size: 4px;
}

.showDiv {
	display: block;
}

.hideDiv {
	display: none;
}

.showContent {
	visibility: visible;
}

.hideContent {
	visibility: hidden;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}


/* Pages */
#page_error401 #contentBody, #page_error403 #contentBody, #page_error404 #contentBody {
	height: 100px;
}


#page_successRedirect #contentBody {
	text-align: center;
}


#page_register label {
	float: left;
	width: 265px;
	text-align: right;
	padding-right: 10px;
}

#page_register .textfield {
	float: left;
}

#page_register .textfield input {
	width: 150px;
}

#page_register .alert {
	height: 20px;
	margin-left: 445px;
	width: 190px;
}

#page_register .alert div {
	padding-top: 5px;
}

#page_register h2 {
	margin: 1em 0px .5em;
}

#page_register #recaptchaDiv {
	width: 330px;
	margin: 0px auto;
}

#page_register #recaptchaDiv input {
	background-color: #FFF;
}

#page_register #recaptchaDiv .alert {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 100px;
	margin-top: .5em;
	width: 250px;
}


#page_regSuccess p {
	margin: 1em 0px;
}


#page_betaReport p {
	padding: 0px 0px 0px 75px;
}

#page_betaReport input[type=text] {
	width: 200px;
}

#page_betaReport textarea {
	width: 400px;
	height: 5em;
}

#page_betaReport label {
	width: 200px;
	text-align: right;
	float: left;
}

#page_betaReport .inputField {
	margin-left: 210px;
}

#page_betaReport .inputField input[type=text].long {
	width: 400px;
}

#page_betaReport #submitDiv {
	padding-top: .75em;
}

#page_betaReport #useJSDiv {
	padding-bottom: 5px;
}

#page_betaReport #useJS {
	margin-left: 210px;
}


#page_faqs ol {
	list-style: upper-roman;
	margin-left: 50px;
	font-weight: bold;
}

#page_faqs ol li {
	margin: .4em 0px;
}

#page_faqs ol ol {
	list-style: decimal;
	margin-left: 30px;
	font-weight: normal;
}

#page_faqs ol li ol li {
	margin: 0px;
}


#page_createGame hr.break, #page_adminGameOptions hr.break {
	color: #444;
	background-color: #444;
	width: 90%;
	margin: .75em auto;
}

#page_createGame label, #page_adminGameOptions label {
	float: left;
	width: 170px;
	text-align: right;
}

#page_createGame .textfield, #page_adminGameOptions .textfield {
	float: left;
	margin-left: 20px;
}

#page_createGame .textfield div, #page_adminGameOptions .textfield div {
	border-left: 1px solid #FFF;
	padding: 3px 0px;
	padding-left: 20px;
}

#page_createGame .alert, #page_adminGameOptions .alert {
	padding-top: 8px;
}

#page_createGame label, #page_adminGameOptions label {
	padding-top: 6px;
}

#page_createGame div.tr:hover .textfield div, #page_adminGameOptions div.tr:hover .textfield div {
	border-left-color: #880;
}

#page_createGame #tr_name, #page_createGame #tr_numPlayers, #page_adminGameOptions #tr_name, #page_adminGameOptions #tr_numPlayers {
	height: 28px;
}

#page_createGame #tr_name input, #page_adminGameOptions #tr_name input {
	width: 200px;
}

#page_createGame #tr_name .alert, #page_adminGameOptions #tr_name .alert {
	margin-left: 430px;
}

#page_createGame #tr_numPlayers input, #page_adminGameOptions #tr_numPlayers input {
	width: 35px;
}

#page_createGame #tr_numPlayers .alert, #page_adminGameOptions #tr_numPlayers .alert {
	margin-left: 265px;
}

#page_createGame #tr_types .alert, #page_adminGameOptions #tr_types .alert {
	float: right;
	border: none;
	margin-right: 140px;
}

#page_createGame #typeList, #page_adminGameOptions #typeList {
	float: none;
	padding-top: 4px;
	margin-left: 190px;
}

#page_createGame #typeList div, #page_adminGameOptions #typeList div {
	padding: 1px 0px;
	padding-left: 15px;
}

#page_createGame #typeList div label, #page_adminGameOptions #typeList div label {
	display: inline;
	float: none;
	text-align: left;
	padding-top: 0px;
}

#page_createGame #typeList #type_customValue, #page_adminGameOptions #typeList #type_customValue {
	margin-left: 30px;
}

#page_createGame #typeList #customTypeBlank, #page_adminGameOptions #typeList #customTypeBlank {
	float: none;
	margin-top: .5em;
	margin-left: 110px;
}

#page_createGame #tr_description .textfield, #page_adminGameOptions #tr_description .textfield {
	float: none;
	margin-left: 190px;
}

#page_createGame #tr_description textarea, #page_adminGameOptions #tr_description textarea {
	width: 300px;
	height: 6em;
}

#page_createGame #submitDiv, #page_adminGameOptions #submitDiv {
	margin-top: 1em;
}


#page_adminRoles .pageTitle, #page_adminRoles h1 {
	margin-bottom: .4em;
}

#page_adminRoles #gameInfoDisp {
	float: left;
}

#page_adminRoles #gameInfoDisp p {
	margin: .5em 0px;
}

#page_adminRoles #gameInfoDisp p#gameType {
	margin-top: 0px;
}

#page_adminRoles #resetRoleNames {
	margin-bottom: 10px;
	text-align: right;
	font-size: .8em;
}

#page_adminRoles #resetRoleNames #defaultRolesDiv {
	text-align: right;
	padding-top: 1em;
}

#page_adminRoles #dayVotes {
	display: none;
	margin-bottom: 1.5em;
}

#page_adminRoles #dayVotes input {
	width: 30px;
	text-align: right;
}

#page_adminRoles .alert {
	text-align: center;
	padding: 0px 0px .5em;
}

#page_adminRoles #nightChatColLabel {
	font-size: .85em;
	text-align: center;
	margin-left: 320px;
	width: 100px;
}

#page_adminRoles .roleMainOptions {
	margin-top: .5em;
}

#page_adminRoles .roleName {
	float: left;
	width: 200px;
	text-align: right;
	margin-left: 55px;
}

#page_adminRoles .roleNumPlayers {
	text-align: right;
	width: 35px;
	margin-left: 10px;
	margin-right: 30px;
}

#page_adminRoles .nightActions , #page_adminRoles .roleChatOptions {
	margin-left: 75px;
}

#page_adminRoles .nightActions {
	padding: 0px 0px 2px;
}

#page_adminRoles .nightChatText, #page_adminRoles .nightChatCB, #page_adminRoles .nightVoteText {
	float: left;
}

#page_adminRoles .nightChatText, #page_adminRoles .nightVoteText {
	margin-top: 7px;
	font-size: .85em;
}

#page_adminRoles .nightVoteText {
	margin-left: 20px;
}

#page_adminRoles .nightChatCB, #page_adminRoles .nightVoteCB {
	padding-top: 5px;
}

#page_adminRoles .nightVoteCB {
	float: none;
}

#page_adminRoles .roleChatOptions .chatGroupCB {
	margin-left: 20px;
	margin-right: 5px;
}

#page_adminRoles hr {
	margin: 1em 30px .75em;
}

#page_adminRoles #addRolesDiv {
	margin-top: 1.25em;
	margin-right: 20px;
	text-align: right;
}

#page_adminRoles #addRolesDiv #newRolesText {
	float: left;
	margin-left: 475px;
	padding-top: 2px;
}

#page_adminRoles #addRolesDiv #newRolesText input {
	width: 30px;
	text-align: right;
}

#page_adminRoles #submitDiv {
	margin-top: 1em;
}


#page_adminVotes table {
	margin-top: 1em;
}

#page_adminVotes th {
	font-size: .8em;
	font-weight: bold;
	text-align: center;
}

#page_adminVotes .numOfVotes {
	width: 100px;
	text-align: center;
}

#page_adminVotes .votedBy {
	width: 200px;
}

#page_adminVotes .changeStatus {
	width: 100px;
	text-align: center;
}

#page_adminVotes .changeStatus a.dead {
	color: #06F;
}

#page_adminVotes td.noVotes {
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}


#page_login label {
	width: 265px;
	text-align: right;
	float: left;
}

#page_login .textfield {
	float: none;
	margin-left: 275px;
}

#page_login #submitDiv {
	padding-top: .5em;
}


#page_myGames #gameList {
	margin-bottom: 1em;
}

#page_myGames #gameList p {
	margin: 1em 0px;
}

#page_myGames #gameList .sublink {
	font-size: .8em;
	margin: .5em 0px 1em;
}

#page_myGames #gameList .sublink a {
	margin-left: 25px;
}


#page_gameList .errorPageTitle {
	padding: 20px 0px;
}

#page_gameList .indivGame {
	margin: 10px 20px;
}

#page_gameList .indivGame span {
	margin-left: 20px;
}

#page_gameList .indivGame a.gameName {
	font-size: 1.2em;
	font-weight: bold;
}

#page_gameList .indivGame div {
	margin: .3em 25px 0px;
}


#page_gameMain #endPhase {
	margin-left: 20px;
}

#page_gameMain #playerList {
	margin: 1em 20px .5em;
}

#page_gameMain #startGameDiv {
	text-align: center;
	margin: 1em 0px;
}

#page_gameMain #playerList table {
	width: 100%;
}

#page_gameMain #playerList td {
	text-align: center;
	padding: 8px 0px;
	border-bottom: 1px solid #333;
}

#page_gameMain #playerList tr.noBorder td {
	border-bottom: none;
}

#page_gameMain #playerList td hr {
	margin: 2px 0px;
	color: #333;
	background-color: #333;
}

#page_gameMain #playerList tr.dead td {
	background-color: #300;
}

#page_gameMain #playerList tr.dead td a {
	color: #06F;
}

#page_gameMain #playerList td.td_vote {
	text-align: lef;
	width: 35px;
}

#page_gameMain #playerList td.td_username {
	text-align: left;
	padding-top: 10px;
}

#page_gameMain #playerList td.td_username span {
	font-size: .8em;
}

#page_gameMain #playerList td.td_username i {
	margin-left: 10px;
	font-size: .9em;
}

#page_gameMain #playerList .adminTable td.td_username {
	padding-left: 8px;
}

#page_gameMain #playerList .adminTable td.td_killRevive {
	width: 100px;
}

#page_gameMain #voteDiv {
	padding: 10px 30px .5em;
}


#page_startGame form {
	text-align: center;
	margin-top: 1em;
}

#page_startGame label {
	float: left;
	width: 250px;
	text-align: right;
}

#page_startGame textarea {
	width: 300px;
	height: 5em;
	margin: 0px 0px .75em;
}

#page_startGame #startGame {
}


#page_removePlayer p {
	margin: 1.5em 0px 1em;
}

#page_removePlayer #sureDiv {
	margin: 1em 0px;
}


#page_endPhase .newThreadGroup {
	margin: 1.5em 0px .5em;
}

#page_endPhase label {
	float: left;
	width: 250px;
	text-align: right;
}

#page_endPhase textarea {
	width: 300px;
	height: 5em;
	margin: 0px 0px .75em 10px;
}


#page_chatForum #newThread {
	padding-bottom: .5em;
}

#page_chatForum table {
	width: 670px;
	margin: 0px 20px;
}

#page_chatForum table th {
	text-align: center;
}

#page_chatForum table td {
	vertical-align: middle;
	padding: 5px 2px;
}

#page_chatForum table .numPosts {
	width: 100px;
	text-align: center;
}

#page_chatForum table .lastPost {
	width: 160px;
	text-align: center;
}

#page_chatForum table .lastPost span {
	font-size: .85em;
}


#page_chatThread h2#noPosts {
	margin: 4em 0px;
}

#page_chatThread div.post {
	width: 690px;
	margin: 10px 10px 20px;
	background: url('../images/chatBody.jpg') center repeat-y;
}

#page_chatThread div.postContent {
	padding: 10px;
	background: url('../images/chatTop.jpg') top center no-repeat;
}

#page_chatThread div.postContent hr {
	margin: .25em 0px;
	color: #555;
	background-color: #555;
}

#page_chatThread div.postContent div.editInfoDiv {
	padding-top: .75em;
	font-size: .8em;
	font-style: italic;
	text-align: right;
}

#page_chatThread div.postDetails {
	font-size: .9em;
	padding: 15px 0px 5px 50px;
	background: url('../images/chatBottom.jpg') #000 top center no-repeat;
}

#page_chatThread div.postDetails div {
	float: right;
	margin-right: 10px;
}

#page_chatThread div.postDetails div a {
	margin-left: 15px;
}

#page_chatThread label {
	width: 45px;
	margin: 13px 0px 0px 20px;
	float: left;
}

#page_chatThread input[type="text"] {
	width: 480px;
	margin: 10px 0px 0px 5px;
}

#page_chatThread textarea {
	width: 535px;
	height: 5em;
	margin: 10px 15px;
}

#page_chatThread .post {
	margin-top: 10px;
	margin-left: 15px;
}


#page_chatPost label {
	width: 45px;
	margin: 13px 0px 0px 20px;
	float: left;
}

#page_chatPost input[type="text"] {
	width: 480px;
	margin: 10px 0px 0px 5px;
}

#page_chatPost textarea {
	width: 535px;
	height: 8em;
	margin: 10px 15px;
}

#page_chatPost .post {
	margin-top: 10px;
	margin-left: 15px;
}


#page_chatDelete button {
	margin-top: 1em;
}


#page_pms #newPMDiv {
	text-align: right;
	margin-bottom: 1em;
	margin-right: 30px;
}

#page_pms td, #page_pms th {
	vertical-align: middle;
	padding: 4px 2px;
}

#page_pms .delCol {
	width: 65px;
	text-align: center;
}

#page_pms .titleCol {
	padding-left: 15px;
}

#page_pms .fromCol {
	width: 150px;
	text-align: center;
}

#page_pms .whenCol {
	width: 130px;
	text-align: center;
}

#page_pms #noPMs {
	text-align: center;
	font-weight: bold;
	padding: 1em 0px;
}


#page_viewPM #replyButtonDiv {
	margin-left: 20px;
	margin-bottom: 1em;
}

#page_viewPM .leftCol {
	font-size: .9em;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	float: left;
	width: 60px;
}

#page_viewPM .rightCol {
	margin-left: 75px;
}

#page_viewPM #messageDiv {
	margin: 0px 2em 1em;
}


#page_sendPM label {
	width: 75px;
	margin: 13px 0px 0px 20px;
	float: left;
}

#page_sendPM input[type="text"] {
	width: 450px;
	margin: 10px 0px 0px 5px;
}

#page_sendPM #username {
	width: 250px;
}

#page_sendPM textarea {
	width: 535px;
	height: 8em;
	margin: 10px 15px;
}