/*
Copyright © 2010 Taiga Software LLC, Samuel Groves - all rights reserved
*/

@import "shared.css";

#wholepagecontainer.userlist_hide, #wholepagecontainer.userlist_show {
	min-width: 860px;
}

#profileheading {
	float: left;
	width: 100%;
	height: 25px;
	margin: 12px 6px 2px 1px;
	font-size: 19px;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
	letter-spacing: 1px;
}

#graybox {
	float: left;
	width: 100%;
	min-width: 860px;
	margin-bottom: 14px;
	background-color: #292929;
}

#contentarea {
	margin: 12px;
}

#registrationarea.editprofilearea_show {
	display: none;
}

#regleftarea {
	float: left;
	margin-bottom: 8px;
}

#usernamechoose.captchagame_hide {
	float: left;
}

#usernamechoose.captchagame_show {
	float: left;
	color: #070707;
}

#passwordchoose.captchagame_hide {
	float: left;
	clear: left;
	margin-top: 16px;
}

#passwordchoose.captchagame_show {
	float: left;
	clear: left;
	margin-top: 16px;
	color: #070707;
}

#passwordconfirmation.captchagame_hide {
	float: left;
	clear: left;
	margin-top: 16px;
}

#passwordconfirmation.captchagame_show {
	float: left;
	clear: left;
	margin-top: 16px;
	color: #070707;
}

#emailenter {
	float: left;
	clear: left;
	margin-top: 16px;
}

#emailentertext.captchagame_hide {
	float: left;
}

#emailentertext.captchagame_show {
	float: left;
	color: #070707;
}

#emailverifytext.captchagame_hide {
	float: left;
	clear: left;
	margin-left: 6px;
	font-size: 10px;
}

#emailverifytext.captchagame_show {
	float: left;
	clear: left;
	margin-left: 6px;
	font-size: 10px;
	color: #070707;
}


#regrightarea {
	float: left;
	width: 146px;
	margin: 0 20px 8px 4px;
}

#registerusername {
	float: left;
}

#registerusernameinput.captchagame_hide, #registerpasswordinput.captchagame_hide, #registerpasswordinputconfirm.captchagame_hide, #registeremailinput.captchagame_hide {
	height: 14px;
	width: 146px;
	margin-left: 6px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#registerusernameinput.captchagame_show, #registerpasswordinput.captchagame_show, #registerpasswordinputconfirm.captchagame_show, #registeremailinput.captchagame_show {
	height: 14px;
	width: 146px;
	margin-left: 6px;
	border: 1px solid #111;
	color: #fff;
	background-color: #222;
	font: 13px "Courier New", Courier, monospace;
}

#registerpassword, #registerpasswordconfirm {
	float: left;
	clear: left;
	margin-top: 16px;
}

#registeremail {
	float: left;
	clear: left;
	margin-top: 16px;
}


#submitregistration.captchagame_hide {
	float: right;
	clear: left;
	margin: 10px -8px 0 0;
}

#submitregistration.captchagame_show {
	display: none;
}

#submitregistrationbutton {
	float: left;
}


#gamearea.captchagame_hide {
	display: none;
}

#gamearea.captchagame_show {
	float: left;
	width: 44%;
	min-width: 440px;
	max-width: 800px;
	margin-bottom: 8px;
}

#continuebuttoncontainer {
	float: right;
}


#editingarea.editprofilearea_hide {
	display: none;
}

#editingarea.editprofilearea_show {
	float: left;
	clear: left;
}

#nextinstructions {
	float: left;
	clear: left;
	margin-bottom: 20px;
}


.label {
	margin-bottom: 5px;
	font-weight: bold;
}

.sectionlabel {
	font-size: 13.4px;
	text-decoration: underline;
}

#topleftsection {
	float: left;
	clear: left;
	margin-right: 50px;
}

#generalarea {
	float: left;
}

#generalheader {
	float: left;
	margin-bottom: 4px;
}

#generallabels {
	float: left;
	clear: left;
	margin-right: 8px;
}

#changepasswordbutton {
	float: left;
	clear: left;
}

#generalinfo {
	float: left;
}

.generalinfoitem {
	float: left;
	clear: left;
	margin-bottom: 5px;
}

#usernameentry {
	width: 156px;
	height: 14px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

.generalinput, .contactinput {
	width: 126px;
	height: 14px;
	margin: 0 0 4px 6px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#showpostcount, #dateregistered, #lastactive {
	margin: 0 0 4px 6px;
}

.yearentry {
	width: 34px;
	height: 14px;
	margin: 0 0 4px 6px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

.datehyphen {
	margin: 0 4px 0 4px;
}

.monthentry, .dayentry {
	width: 19px;
	height: 14px;
	margin-bottom: 4px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#generalinfobottom {
	float: left;
	clear: left;
	margin: 0 0 6px -4px;
}

#hidestatuscheckbox {
	float: left;
	clear: left;
	margin-top: -3px;
}

#hidestatuslabel {
	float: left;
	font-size: 12.5px;
}


#topmiddlesection {
	float: left;
	margin-right: 50px;
}

#contactarea {
	float: left;
}

#contactheader {
	float: left;
	margin-bottom: 4px;
}

#contactlabels {
	float: left;
	clear: left;
	width: 62px;
	text-align: left;
}

#contactinfo {
	float: left;
	margin-top: -2px;
}

#contactareabottom {
	float: left;
	clear: left;
	margin-left: -4px;
}

#hideemailcheckbox {
	float: left;
	margin-top: -3px;
}

#hideemaillabel {
	float: left;
	font-size: 12.5px;
}


.personalinput {
	width: 146px;
	height: 14px;
	margin: 0 0 4px 6px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#birthdatedescription {
	margin: -7px 8px 2px 4px;
	font-size: 10px;
}

#editgender {
	margin: 10px 0 2px 6px;
}

#editlocation {
	margin-top: 4px;
}

#toprightsection, #personalarea {
	float: left;
}

#personalheader {
	float: left;
	margin-bottom: 4px;
}

#personallabels {
	float: left;
	clear: left;
	width: 104px;
	text-align: left;
}

.genderlabel {
	font-weight: bold;
	margin: 6px 0 5px 0;
}

#personalinfo {
	float: left;
	margin-top: -2px;
}


#accountsection {
	float: left;
	clear: left;
}

#accountleftsection {
	float: left;
	margin-top: 20px;
	margin-right: 38px;
}

#datetimearea {
	float: left;
	clear: left;
	margin-top: 4px;
}

.accountoption {
	float: left;
	clear: left;
	margin-bottom: 4px;
}

.indentedaccountoption {
	float: left;
	clear: left;
	margin: 0 0 4px 20px;
}

#managenotifications {
	float: left;
	clear: left;
	margin: 0 0 4px 25px;
}

#currentnotifications.currentnotifications_hide {
	display: none;
}

#currentnotifications.currentnotifications_show {
	position: absolute;
	margin-top: 4px;
	padding: 8px 8px 4px 8px;
	border: 1px solid #555;
	background-color: #292929;
	font-size: 13px;
	z-index: 99;
}

.notifytopic {
	float: left;
	clear: left;
	margin-bottom: 2px;
}

.deletenotifytopic {
	float: left;
	margin: -2px 0 0 -4px;
}

.notifytopicname {
	float: left;
}

.notifyboardname {
	float: left;
}

#notifyoptions {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 12px;
	text-align: center;
}

#setdatetimearea {
	float: left;
	clear: left;
	margin-left: 12px;
}

.boldoption {
	font-weight: bold;
}

.accountcheckbox {
	float: left;
	margin-top: -3px;
}

.accountlabel {
	float: left;
}

.smallaccountlabel {
	float: left;
	margin-top: 2px;
	font-size: 11px;
}

.accountdropdown {
	float: left;
	margin: -2px 0 0 4px;
}

.accountinput {
	float: left;
	margin-left: 4px;
}

#datetimeinput {
	width: 184px;
}


#accountrightsection {
	float: left;
	margin-top: 20px;
}

#notificationsarea {
	float: left;
	clear: left;
	margin: 4px 0 0 -4px;
}

#notifylabel {
	float: left;
	margin-left: 5px;
}


#displayheader {
	float: left;
	clear: left;
	margin-top: 20px;
}

#displayarea {
	float: left;
	clear: left;
	min-width: 750px;
	margin-bottom: 12px;
}

#displayleftarea {
	float: left;
	width: 340px;
}

#avatarheading {
	float: left;
	width: 100%;
	height: 25px;
	margin-bottom: 2px;
	text-align: left;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 1px;
}

#avataroptions, #avatarlocation, #avatarsourcebuttons {
	float: left;
}

#firstavatarsource {
	float: left;
	clear: left;
}

.avatarsource {
	float: left;
	clear: left;
	margin-top: 8px;
}

.profileradiobutton {
	float: left;
	margin-top: 1px;
}

.avataroptiondescription {
	float: left;
}


#displaymiddlearea {
	float: left;
	margin-top: 22px;
}

#avatarsourcearea {
	float: left;
}

#avatarurl {
	float: left;	
	margin-top: 28px;
}

#avatarurlentry {
	float: left;
}

#avatargobutton {
	float: left;
	margin: -1px 0 0 2px;
}

.displayfieldinput {
	width: 223px;
	height: 14px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#avataruploadcontainer {
	position: relative;
}

#avatarpath {
	opacity: 0;
	position: absolute;
	top: 52px;
	left: -28px;
	z-index: 75;
}

.ie #avatarpath {
	filter: alpha(opacity=0);
	position: absolute;
	top: 52px;
	left: -28px;
	z-index: 75;
}

#avataruploadbuttonimage {
	position: absolute;
	top: 52px;
	z-index: 70;
}


#displayrightarea {
	float: left;
	margin: 0 0 5px 20px;
}

#avatarpreviewlabel {
	margin-left: 1px;
	font-weight: bold;
}

#currentavatar {
	float: left;
	max-width: 120px;
	max-height: 120px;
	margin-top: 0;
	text-align: center;
}

.avatarimage {
	max-width: 120px;
	max-height: 120px;
}


#displaylowerarea {
	float: left;
	clear: left;
	margin-top: 16px;
}

.displayrow {
	float: left;
	clear: left;
	margin-bottom: 4px;
}

.displayrowleft {
	float: left;
	width: 340px;
}

#customtitlelabel {
	float: left;
	clear: left;
}

#customtitledescription {
	float: left;
	clear: left;
	margin: -7px 8px 0 4px;
	font-size: 10px;
}


.displayrowright {
	float: left;
}

#customtitleinput {
	float: left;
	clear: left;
}

#customtitleentry {
	width: 128px;
	height: 14px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#currentcustomtitle {
	float: left;
	clear: left;
}

/* displayrowleft */
#personaltextlabel {
	float: left;
	clear: left;
}

#personaltextdescription {
	float: left;
	clear: left;
	margin: -7px 8px 0 4px;
	font-size: 10px;
}

/* displayrowright*/
#personaltextinput {
	float: left;
	clear: left;
}

#personaltextentry {
	width: 158px;
	height: 14px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#currentpersonaltext {
	float: left;
	clear: left;
}

/* displayrowleft */
#otherinfolabel, #siglabel {
	float: left;
	clear: left;
	margin-top: 20px;
}

#otherinfodescription, #sigdescription {
	float: left;
	clear: left;
	margin: -7px 8px 0 4px;
	font-size: 10px;
}

/* displayrowright */
#otherinfoinput, #signatureinput {
	float: left;
	clear: left;
}

#otherinfoentry, #signatureentry {
	width: 360px;
	max-width: 360px;
	height: 100px;
	max-height: 400px;
	border: 1px solid #111;
	color: #fff;
	background-color: #444;
	font: 13px "Courier New", Courier, monospace;
}

#otherinfolimit, #siglimit {
	float: left;
	clear: left;
}


#submitchanges {
	float: left;
	clear: left;
	margin-bottom: 8px;
}



#changepasswordarea.changepassword_hide {
	display: none;
}

#changepasswordarea.changepassword_show {
	position: fixed;
	width: 306px;
	top: 180px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 10px 12px 6px 12px;
	border: 1px solid #222;
	background-color: #000;
	text-align: center;
	z-index: 100;
}

#changepasswordleft {
	float: left;
}

.changepasswordlabel {
	float: left;
	clear: left;
	margin-bottom: 5px;
}

#changepasswordright {
	float: left;
	margin-left: 4px;
}

.options {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 4px;
	text-align: center;
}

#cancelaction {
	border-top: 1px solid #474747;
	border-left: 1px solid #474747;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	font: 12.1px "Courier New", Courier, monospace;
}

#depressedcancelaction {
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-right: 1px solid #474747;
	border-bottom: 1px solid #474747;
	background-color: #3c3c3c;
	font: 12.1px "Courier New", Courier, monospace;
}

.confirmaction {
	margin-left: 24px;
}