/* Universal */
html, body {padding: 0; margin: 0; border: 0; font: normal 13px Arial, Tahoma, sans-serif; color: #515151; vertical-align: baseline; word-wrap: break-word;}
div.clr {clear: both;}
iframe {border: 0; position: absolute; bottom: 1px; left: 1px;}
::selection {color: #ffffff; background: #646464;}
::-moz-selection {color: #ffffff; background: #646464;}
#scrolltop {display: none; position: fixed; bottom: 0; right: 40px; font-size: 16px; color: #f8e4ca; background-color: #6c3107; padding: 3px 8px 3px 8px; border: 1px solid #b47f2c; border-bottom: none; cursor: pointer; z-index: 2000;}
#scrolltop:hover {opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80);}
body {background: #000 url('bg.jpg') center 50px no-repeat;}



/* Top bar + menu */
.ten_topbar {width: 1100px; height: 30px; margin: 0 auto; background: transparent;}
a.ten_logo_small {display: block; float: left; width: 40px; height: 30px; text-decoration: none; background: url('logo_small.png') 50% 50% no-repeat;}
a.ten_logo_small:hover {opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80);}
#jsddm {display: block; float: left; width: 630px; margin: 0; padding: 0; height: 30px;}
#jsddm li {float: left; cursor: pointer; margin: 0 8px 0 16px; list-style: none; font: bold 14px Arial;}
#jsddm li a {display: block; padding: 8px 0 8px 0; margin: 0; line-height: 14px; text-decoration: none; color: #ffd39f; white-space: nowrap; text-shadow: 1px -2px 1px #3f2a00;}
#jsddm li a:hover {color: #ffebc3; text-decoration: none; text-shadow: 1px -2px 1px #3f2a00;}
#jsddm li ul {position: absolute; visibility: hidden; z-index: 100; padding: 0; margin: 0; border: 1px solid #d3983c; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.60); -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.60); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.60); filter: progid:DXImageTransform.Microsoft.shadow(direction=90, color=#5f5f5f, strength=2);}
#jsddm li ul li {float: none; display: inline; margin: 0; font: normal 14px Arial; }
#jsddm li ul li a {width: auto; padding: 4px 24px 4px 6px; color: #f8e4ca; background-color: #813d0c; text-shadow: 1px -2px 1px #3f2a00;}
#jsddm li ul li a:hover {color: #431c00; background-color: #eeb300; text-shadow: 0px 1px 1px #f9ebc0; text-decoration: none;}

/* Search */
.ten_search {float: right; width: 390px; height: 26px; padding: 4px 5px 0 0; text-align: right;}
.ten_search input#s_str {vertical-align: top; width: 185px; height: 22px; padding: 0 0 0 3px; margin: 0; font-size: 14px; color: #5b666a; line-height: 22px; background-color: #ffffff; outline: none; -webkit-appearance: none; border: 0; border-radius: 0; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80);}
.ten_search input#search_submit {vertical-align: top; width: 22px; height: 22px; margin: 0 5px 0 0; padding: 0; overflow: hidden; text-indent: -9999px; background: #ffffff url('search_submit.png') 50% 50% no-repeat; cursor: pointer; outline: none; -webkit-appearance: none; border: 0; border-radius: 0; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80);}
.selectbox {vertical-align: top; cursor: pointer; text-align: left;}
.selectbox .select {width: 140px; height: 22px; padding: 0 6px 0 6px; margin: 0; font: normal 14px Arial; color: #333333; line-height: 22px; text-shadow: 1px 1px 1px #ffffff; box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0,0,0,0.1); background: #f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;}
.selectbox .select:hover {background-color: #e6e6e6; background-position: 0 -10px;}
.selectbox .select:active {background: #f5f5f5; box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.10); -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.10);}
.selectbox.focused .select {border: 1px solid #5794BF;}
.selectbox .select .text {display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.selectbox .trigger .arrow {position: absolute; top: 9px; right: 7px; width: 0; height: 0; overflow: hidden; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; opacity: 0.50; -moz-opacity: 0.50; -khtml-opacity: 0.50; filter: alpha(opacity=50);}
.selectbox:hover .arrow {opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}
.selectbox ul.dropdown {top: 22px; width: 200px; padding: 4px 0 4px 0; margin: 0; font: normal 14px Arial; border: 1px solid #c6cbd0; background: #ffffff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20); filter: progid:DXImageTransform.Microsoft.shadow(direction=90, color=#5f5f5f, strength=2);}
.selectbox li {padding: 3px 10px 4px 5px; color: #231F20;}
.selectbox li:hover, .selectbox li.selected {background: #4d96b9; color: #ffffff;}
.selectbox li.disabled {color: #aaaaaa;}
.selectbox li.disabled:hover {background: none;}

/* Front row */
.ten_frontrow {position: relative; z-index: 0; width: 1100px; height: 300px; margin: 0 auto; line-height: 0;}
/* Default: {position: relative; z-index: 0; width: 1100px; height: 140px; margin: 0 auto;} */
/* Branding: {position: relative; z-index: 0; width: 1100px; height: 300px; margin: 0 auto;} */
/* Parallax: {position: relative; z-index: 3; width: 100%; height: 400px;} */
.ten_frontrow a {text-decoration: none !important;}
#ten_frontrow_link {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-decoration: none;}
#ten_frontrow_logo {display: none; position: absolute; top: 5px; left: 5px; z-index: 2; width: 100px; height: 60px; text-decoration: none; background-color: magenta;}
#ten_frontrow_logo_big {display: none; position: absolute; top: 26px; left: 5px; z-index: 2; width: 300px; height: 100px; text-decoration: none; background-color: magenta;}
#ten_frontrow_trailer {display: block; position: absolute; top: 257px; left: 458px; z-index: 2; width: 98px; height: 32px; text-decoration: none; background: url('trailer.jpg') 50% 50% no-repeat;}
#ten_frontrow_trailer_container {display: none; position: absolute; top: 50px; left: 640px; z-index: 2; width: 400px; height: 200px; background-color: magenta;}
#ten_frontrow_button1, #ten_frontrow_button2 {position: absolute; z-index: 2; text-decoration: none; background-color: magenta;}
#ten_frontrow_button1 {display: none; top: 250px; left: 140px; width: 30px; height: 30px;}
#ten_frontrow_button2 {display: none; top: 250px; left: 190px; width: 30px; height: 30px;}

/* Ears */
.ten_ears_wrap {width: 1100px; height: 122px; margin: 0 auto; padding: 14px 0 14px 0;}
#ten_ear1 {visibility: visible;}
#ten_ear2 {visibility: visible;}
#ten_ear3 {visibility: visible;}
#ten_ear4 {visibility: visible;}
.ten_ears_wrap a {position: relative; float: left; width: 265px; height: 116px; margin: 0 0 0 8px; border: 2px solid #9e5119; background-color: #3e2415; background-position: 50% 20%; background-repeat: no-repeat; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.50); filter: progid:DXImageTransform.Microsoft.shadow(direction=90, color=#a0acb1, strength=2);}
.ten_ears_wrap a:first-child {margin-left: 0px;}
.ten_ears_wrap a:hover {border-color: #c9814c;}
.ten_ears_wrap a:hover span {color: #fddab5;}
.ten_ears_wrap a span {position: absolute; display: block; bottom: 0; left: 0; width: 257px; padding: 4px; margin: 0; font-size: 13px; text-align: center; color: #fbc284; text-shadow: 1px 1px 1px #000000; background: url('ears_mask.png') left top repeat; font-weight: bold;}

/* Content */
div.ten_content_wrap {width: 1100px; margin: 0 auto; padding: 0;}
.ten_col3_wrap {position: relative; float: left; width: 1100px; overflow: hidden; background: #0d1a04 url('col3_bg.jpg') right top repeat;}
.ten_col2_wrap {position: relative; right: 420px; float: left; width: 1280px; background: #ffffff;}
.ten_col1_wrap {position: relative; right: 440px; float: left; width: 1100px; background: #0d1a04 url('col1_bg.jpg') right top repeat;}
.ten_col1 {position: relative; left: 860px; float: left; width: 240px; min-height: 500px; overflow-x: hidden;}
.ten_col2 {position: relative; left: 860px; float: left; width: 620px; min-height: 500px; overflow-x: hidden;}
.ten_col3 {position: relative; left: 860px; float: left; width: 240px; min-height: 500px; overflow-x: hidden;}
.ten_col2_content {padding: 10px;}

/* Userbar */
.ten_userbar {padding: 8px; margin: 10px 10px 15px 10px; font-size: 12px; color: #ffffff; background-color: #424136; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.ten_userbar b {display: inline-block; padding-bottom: 2px; font-size: 14px; text-shadow: 1px 1px 1px #000000;}
.ten_userbar a, .ten_userbar a:visited {font-size: 12px; color: #ffe7b5;}
.ten_userbar a:hover {color: #ffe7b5;}
.ten_userbar a.ten_logout, .ten_userbar a.ten_logout:visited {display: inline-block; vertical-align: 1px; font-size: 12px; color: #ffe7b5;}
.ten_userbar a.ten_logout:hover {color: #ffe7b5;}
.ten_userbar a.ten_register, .ten_userbar a.ten_register:visited {display: inline-block; padding: 8px 0 5px 8px; font-size: 12px; color: #ffe7b5;}
.ten_userbar a.ten_register:hover {color: #ffe7b5;}
.ten_userbar input#ten_login_username, .ten_userbar input#ten_login_password {vertical-align: top; width: 160px; height: 22px; padding: 0 0 0 3px; margin: 2px 0 2px 0; font-size: 12px; color: #5b666a; line-height: 20px; background-color: #ffffff; outline: none; -webkit-appearance: none; border: 0; border-radius: 0;}
.ten_userbar input#ten_login_submit {vertical-align: top; height: 22px; padding: 1px 6px 0 6px; margin: 2px 0 2px 0; font-size: 12px; color: #bfd4da; line-height: 20px; background-color: #3b5f74; outline: none; -webkit-appearance: none; border: 1px solid #a5bdc7; border-radius: 0;}
.ten_userbar input#ten_login_submit:hover {cursor: pointer; color: #1a506f; background-color: #63b1de; border: 1px solid #83ceee;}


/* Footer */
div.ten_footer_wrap {width: 100%; height: 548px; text-align: center; background: url('footer.jpg') center top repeat-x;}
div.ten_footer {width: 1080px; padding: 20px 0 10px 20px; margin: 0 auto; font-size: 11px; color: #718284; text-align: left; line-height: 13px; text-shadow: 1px 1px 1px #000000;}
div.ten_footer p {padding: 0; margin: 0 0 12px 0;}
div.ten_footer a, div.ten_footer a:visited {color: #87acbd;}
div.ten_footer a:hover {color: #a8cedf;}
div.ten_slogan {visibility: hidden; height: 60px; font-size: 18px; font-weight: bold; color: #c7dcdf; line-height: 60px; text-shadow: 1px -1px 2px #101417;}





/* Branding */

.trailerb {margin: 0; text-align: center; background: #000000 url(/temp/residentevil5_lightbox.jpg) no-repeat center top; color: #fff3dc; text-shadow: 1px 1px 1px #000000; font-family: Arial, sans-serif; font-size: 14px; padding: 0; border: 0; display: none;}
.selector {width: 100%; height: 45px;}
.trailer {width: 100%; padding: 20px 29px 38px 29px;}


.column_header {margin: 10px 5px 0 5px; font: bold 15px Arial; color: #d58113; text-shadow: 1px -2px 1px #081600; text-transform: uppercase; text-decoration: none;}

.column_list {margin-bottom: 8px; font-size: 11px; text-align: center;}
.column_dashed {cursor: pointer; margin: 0 3px; color: #cfc68c; border-bottom: 1px #cfc68c dotted;}
.column_selected {margin: 0 3px; color: #d8cb77;}

.blist {margin: 0; font-size: 12px; color: #7c7547;}
.blist a, .blist a:visited {color: #9f986c; text-shadow: 1px 1px 2px #000000; text-decoration: none;}
.blist a:hover {color: #b6ae79; text-shadow: 1px 1px 2px #000000; text-decoration: underline;}
.blist li {list-style: square; margin-bottom: 3px;}
.blist ul {margin: 0 0 20px 20px; padding: 0 10px 0 5px;}


/*.ten_col1 a, .ten_col1 a:visited, .ten_col3 a, .ten_col3 a:visited {color: #9f986c; text-shadow: 1px 1px 2px #000000; text-decoration: none;}*/