a {
	text-decoration: none;
	color: #953939;
	}
a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #faf4f4;
	color: #b9392a;
	}
a.img, .aff a {padding:0 5px 5px 0; border: none;}
body {
	margin-top: 20px;
	font-family: "Delius", cursive;
	background: #111 url(images/bex.webp) no-repeat left center;
	background-size: 37%;
	color: #c1a662;
	}
.content {
	margin-left: 37%;
	width: 786px;
	height: 775px;
    border-color: #505050;
    border-style: solid;
    border-width: 0px;
    border-radius: 8px;
}
.content > ul > li,
.nav, .page, .separator {
    float: left;
}
.content > ul > li {
    background-color: #1f1f1f;
    margin-right: -600px;
    margin-bottom: -0px;
}
.page-select:checked ~ .separator {
    margin-right: 600px;
    margin-bottom: 0px;
}
.nav, .page-select  {
    background-color: #2c2b2a;
    color: #cecdcd61;
    width: 30px;
    height: 775px;  /* updated */
    font-size: 1.25em;
}
.page-select:hover ~ .nav,
.page-select:checked ~ .nav {
    background-color: #6a3630;
	color: #bfb9b9;
}
.nav span  {
    margin-bottom: 20px;
    margin-left: 20px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-writing-mode: lr-bt;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-left: 0px;
    line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
}
.page {
    background-color: #000;
    height: 726px;
    width: 552px;
    padding: 24px;
	font-size: .85em;
}
.nav,
.page-select:checked ~ .page {
    margin-right: 1px;
    margin-bottom: 1px;
}

/* Do not change following properties, they aren't
generated automatically and are common for each slider. */
.content { overflow: hidden; }

.content> ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 101%;
}
.content > ul > li,
.nav {
    position: relative;
}
.page-select {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1;
}
.nav span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    white-space: nowrap;
}
.page {
    position: relative;
    overflow: auto;
}
.separator {
    transition: margin 0.3s ease 0.1s;
    -o-transition: margin 0.3s ease 0.1s;
    -moz-transition: margin 0.3s ease 0.1s;
    -webkit-transition: margin 0.3s ease 0.1s;
}
ul {
	list-style-position: outside;
	list-style-type: decimal;
	}
em {
	font-style: italic;
	font-weight: bold;
}
.center, .award {text-align: center;}
h6 {
	margin: 0 0 0 4px;
	color: #6a3630;
	font-weight: bold;
	font-size: 1.75em;
	letter-spacing: .1em;
	font-variant-caps: small-caps;
	border-bottom: 1px dashed #c1a662;
	}

.stats { 
	padding-left: 35px;
	font-size: .9em;
	color: #bfb7b7;
}
blockquote { color: #d6d0bd; }
.left {
	float:left;
	margin-right: 12px;
	}
.right {
	float:right;
	margin-left: 3px;
	}
.req:before{
	content: "*";
	color: red; 
}
.codecopy {
	float: left;
	width: 45%;
	padding: 0 10px;
}
.codecopy a, .codes a { border: 0; }
.control-copytextarea { display: none; }
.codecopy textarea, .codecopy textarea:focus {
	margin: 5px;
	width: 200px;
	height: 50px;
	color: #919191;
	font-family: inherit;
	font-size: .95em;
	border: 1px dotted #9d9d9d;
	overflow: hidden;
}
.codes h6 {
    padding-top: 14px;
    margin-bottom: 5px;
}
label { display: block;}
div.form {
    float: left;
    width: 36%;
}
input, textarea, select {
	margin: 0px;
	padding: 4px;
	width: 165px;
	color: #c1a662bf;
	background: none;
	font-size: .95em;
	font-family: inherit;
	border: 1px solid #5b5f60;
	outline: none;
	box-sizing: border-box;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #9d9d9d;
	color: #d5d5d5;
	background-color: #5b5f60a6;
}
input[type=radio], input[type=checkbox] {
	display: inline;
	width: 20px;
	margin-left: 10px;
	outline: none;
}
textarea {
	width: 500px;
	height: 120px;
}
.jsubbtn, .usubbtn, .jresbtn, .uresbtn {
	margin: 10px auto 0;
	padding: 3px 10px;
	color: #b5af9d;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	letter-spacing: .08em;
	transition: all 1s ease;
	border: 2px solid #5b5f60;
	background-color: #5b5f60;
}
.jsubbtn, .usubbtn { margin-left: 60px;	}
.jsubbtn:hover, .jresbtn:hover, 
.usubbtn:hover, .uresbtn:hover {
	color: #b0c0c7;
	background-color: transparent;
	border: 2px solid #6a3630;
}
.show_join_credits, .show_update_credits, .show_lostpass_credits {
	font-size: .75em;
}
.show_join_processed_emailsent, .show_join_processed_noemail, .show_join_processed_errormail, 
.show_update_process_nohold, .show_update_process_hold, .show_lostpass_processed_done, 
.show_join_error, .show_update_error, .show_lostpass_error {
    margin: 0 auto;
	padding: 8px;	
    width: 70%;
	background-color: #ded8c6cf;
    color: #762527;
}
p.show_update_intro_link_to_join { display: none; }
.clear { clear:both; }
p.center a { color: #d6d0bd; }
table {
    margin: 0 auto;
    border-collapse: collapse;
    width: 70%;
    border: 1px solid #000;
}
th, td {
    padding: 6px 4px 4px 8px;
}
td { vertical-align: baseline; }
td:nth-child(2) { text-align: right; }
th {
    font-size: 1.1em;
	color: #74623c;
    background-color: #5a4830ab;
    border-bottom: 1px solid #5a4830;
}
tr { border-bottom: 1px outset #5a4830ab; }
.show_members_showing_what {
	text-transform: uppercase;
	font-size: 1.15em;
	text-align: center;
	}
.flaglist {
	margin: 0 auto;
	width: 17%;
	}
.flag {
	vertical-align: middle;
	padding-bottom: 3px;
	}
.small { font-size: .75em; }
footer { 
	position: absolute;
	left: 10px;
    bottom: 5px;	
    max-width: 35%;	
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: .7em;
    text-align: center;
    font-style: oblique;
    color: #565151;
 }
footer a { color: #878377; }
footer a:hover { color: #b3ae9f;}
footer div:nth-child(2) { font-style: normal; letter-spacing: normal; }
footer div:nth-child(2) a { border: 0; }
footer div:nth-child(3) { letter-spacing: normal; }