/* Generic */
body, img, p, h1, h2, h3, ul, ol, li, form, blockquote, hr {margin:0px; padding:0px;}
html, body {font-family:arial; font-size:12px; border:0px; color:#444;}
a:hover {text-decoration:underline; cursor:pointer;}
body {margin:0px 40px;}
gap {display:inline-block; min-width:24px;}
h2 {color:#428393; font-size:13px; margin-bottom:10px;}
span {display:inline-block; vertical-align:top;}

/* Container */
#container {width:100%; max-width:1600px; padding:0 0 30px 0; margin:0px auto;}

/* Header */
#header {width:100%; height:108px;}
#header h1 {padding:30px 0px 0px 20px;}

/* Menu Bar */
#menu {width:100%; height:30px;}
#menu ul {background:linear-gradient(to bottom, #14222B 70%, #284458 100%); position:relative; display:inline-block; width:calc(100% - 180px); height:30px; margin-left:160px; padding:0px; border-radius:8px 8px 0px 0px;}
#menu ul li {float:left; line-height:30px; display:inline-block; font-weight:bold; text-transform:uppercase; font-family: "Lucida Sans", Arial, sans-serif;}
#menu ul li a {display:inline-block; position:relative; color:#C0CDCF; transition:all 0.25s ease;}
#menu ul li a:hover {color:#fff; cursor:pointer;}
#menu ul li a span {display:inline-block; height:30px; padding:0px 24px;}
#menu ul .menuDivider {display:inline-block; width:1px; border:0px; margin-top:0px; height:30px; background:#2B404D;}
#menu ul li.current_page_item {height:35px; margin-top:-5px;}
#menu ul li.current_page_item a {background: linear-gradient(to bottom, #D8D8E0 0%, #FFF 27.5%); border-radius: 4px 4px 0px 0px; margin-top: 0px; color: #1A272E;}
#menu ul li.current_page_item a:hover {color: #1A272E;}
#menu ul li.current_page_item a span {height: 35px;}

/* Generic */
.button1 {border-radius:3px; font-size:14px; font-family: "Lucida Sans", Arial, sans-serif; color:white; width:104px; line-height:40px; text-align:center; margin:0px 8px; font-weight:bold; background:linear-gradient(to bottom, rgb(112,176,240) 0px, rgb(64,128,200) 4px, rgb(64,128,200) 40%, rgb(32,96,160) calc(100% - 4px));  border:1px solid rgb(64,128,192);}
.buttonDY {font-size:20px; width:30px; height:30px; line-height:30px; padding-left:6px; border-radius:16px;}/*Default Yes, Default No (Should merge into the same...)*/
.buttonLeft {line-height:30px; height:30px; margin:0px; width:40px; border-radius:16px 0 0 16px; border-right:1px solid rgb(46,80,120);}
.buttonRight {line-height:30px; height:30px; margin:0px; width:40px; border-radius:0 16px 16px 0; border-left:1px solid rgb(128,192,248);}
.buttonEdit {background:linear-gradient(to bottom, rgb(240,192,64) 0px, rgb(200,144,80) 4px, rgb(200,144,80) 40%, rgb(184,104,72) calc(100% - 6px), rgb(160,80,64) calc(100% - 4px));  border:1px solid rgb(160,80,64);}
.pageButton {width:40px; height:32px; color:rgb(178,209,228); background:linear-gradient(to bottom, #14222B calc(100% - 8px), #284458 100%); font-size:24px; text-align:center; border-radius:4px; border:2px solid #284458; margin:4px;}
.closeButton {font-weight:bold; color:#f8f8f8; width:20px; height:21px; padding-left:1px; text-align:center; cursor:pointer; background:rgb(206,20,51); border:2px solid #f8f8f8; border-radius:12px; box-shadow:-3px 3px 1px rgba(0,0,0,0.5); font-size:16px;}
.downloadIcon {width:32px; height:32px; margin:0px; padding:0px; background:url('./layout/icon_download.png');}
.errorIcon {width:32px; height:32px; margin:0px; padding:0px; background:url('./layout/icon_error.png');}
#deleteBox, #reportBox {text-align:center; width:324px; padding:8px; height:240px; border-radius:8px; background:linear-gradient(to bottom, rgb(205,218,223) 0%, rgb(255,255,255) calc(0% + 64px)); border:2px solid rgb(168,192,200);}
.spamBox {width:84px; height:84px; position:relative; border:1px solid rgb(192,208,240); border-radius:5px; margin:2px;}
.spanBoxI {position:absolute; bottom:0px; right:0px;}
	.spanBoxI input {box-shadow:-2px 2px 0px rgba(0,0,0,0.5); width:16px; height:16px;}
#reportBox{width:400px; height:480px;}
span[class^="iconAward"]{width:32px; height:32px;}
	.iconAwardGold {background:url('./layout/icon_award_gold.png');}
	.iconAwardSilver {background:url('./layout/icon_award_silver.png');}
	.iconAwardBronze {background:url('./layout/icon_award_bronze.png');}
.pageScroll div span gap {min-width:32px;}	

	
/* Project */
project {display:table; width:100%;}

/* Combined */
sidebar, mainbar {vertical-align:top; display:table-cell; height:100%;}

/* Mainbar */
mainbar {width:calc(100% - 300px); border-radius:8px 0 0 0; background:linear-gradient(to right, rgb(255,255,255) calc(100% - 32px), rgb(232,232,232) calc(100% - 1px), rgb(255,255,255) 100%); padding:40px 0px 40px 0px;}
	mainbar a {text-decoration:none; font-weight:bold; color:rgb(206,20,51);}
	mainbar h2 {color:#404040; font-size:28px; margin:0px 30px 0px 30px;}
	mainbar h3 {color:#666666; font-size:13px; margin:0px 30px 30px 30px; line-height:1.2;}
		mainbar h3 a{color:#587384;}
		mainbar hr {height:1px; margin:24px 0px; padding:0px; width:100%; border:0 solid black; background:#cbcbcb;}
		mainbar p {line-height: 1.4; text-align:justify; margin:0px 20px 20px 30px;}
		mainbar input, mainbar textarea {font-family:arial; font-size:13px; border:2px solid rgb(168,192,200); background:linear-gradient(to bottom, rgb(205,218,223) 0%, white 60%); border-radius:2px;}

/* Custom Checkbox */
.cbox_contain {display:inline-block; position:relative; vertical-align:top; cursor:pointer; font-size:21px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.cbox_contain input {display:none;}
.cbox_contain {position:relative;}
.cbox_contain input:checked ~ .checkmark {background: #41a6Ff; height:24px; width:24px; border:2px solid rgb(168,192,200);}
.cbox_contain input:checked ~ .checkmark:after {display: block;}
.checkmark {text-align:left; position:absolute; height:24px; width:24px; border:2px solid rgb(168,192,200); background:linear-gradient(to bottom, rgb(205,218,223) 0%, white 60%); border-radius:4px;}
.checkmark:hover {background:linear-gradient(to bottom, rgb(175,193,203) 0%, rgb(205,218,223) 60%);}
.checkmark:after {content:""; position:absolute; display:none;}
.checkmark:after {left:9px; top:3px; width:5px; height:14px; border:solid #f0f0ff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* Sidebar */
sidebar {width:300px; border-radius:0 8px 0 0; background:linear-gradient(to bottom, rgb(205,218,223) 0%, rgb(226,238,242) calc(0% + 16px)); border-top:1px solid rgb(226,238,242); border-right: 1px solid rgb(226,238,242); border-left: 1px solid rgb(201,210,213); padding:0px;}
	sidebar a{color:#3F6069; font-weight:normal; text-decoration:none;}
	sidebar hr{height:0px; border:0px solid black; border-bottom:1px solid #EEF6F8; border-top:1px solid rgb(205,218,233);}
	sidebar h2 {color:#428393; font-size:13px; margin-bottom:10px;}
	sidebar li {list-style-type:none; font-weight:bold; padding:12px; text-align:justify; background:linear-gradient(to bottom, rgba(0,0,0,0) calc(100% - 16px), rgba(200,216,224,1) 100%);}
	
/* Top Ten Downloads */
.sideTopX {margin-bottom:12px;}
.sideTop1 {width:36px;}
.sideTop2 {line-height:1.2;}
	.sideTop2 .tab {font-weight:normal; padding-left:24px;}
	.sideTop2 input {text-decoration:none; font-weight:bold; color:rgb(206,20,51); background:rgba(0,0,0,0); border:0 black solid; margin:0px; margin-left:-2px; padding:0px; cursor:pointer;}
	.sideTop2 input:hover {text-decoration:underline;}

/* Footer */
footer, footer2 {display:inline-block; width:calc(100% - 20px); padding:10px; color:rgb(178,209,228); font-weight:bold;}
footer {background:rgb(22,34,43);}
footer2 {background:rgb(26,39,46); border-radius:0 0 8px 8px; border-top:1px solid rgb(43,64,77);}

/* -- PAGE STUFF -- */
/* Home */
#searchResult0, #searchResult1 {width:208px; background:url('./layout/search_magnifier.png') no-repeat 1px 1px, linear-gradient(to bottom, #14222B 70%, #284458 100%); color:#C0CDCF; border:2px solid #C0CDCF; border-radius:4px; margin:0px 8px; padding-left:24px}
.homeGap {height:24px;}
.pageScroll {display:block; height:48px; margin:8px 40px 8px 40px; border-top:2px solid rgb(203,203,203); background:linear-gradient(to bottom, rgba(0,0,0,0) calc(100% - 32px), rgba(200,216,224,1) 100%); }

/* Search */
div[class^="searchX"] {margin:0 40px 0 40px;}
div[class^="searchX"] span {min-height:32px; text-align:left; padding:4px;}
	div[class^="searchX"] .s1{width:calc(25% - 8px); min-width:64px;}
	div[class^="searchX"] .s2,div[class^="searchX"] .s3{width:calc(17.5% - 8px); min-width:64px;}
	div[class^="searchX"] .s4,div[class^="searchX"] .s5, div[class^="searchX"] .s6, div[class^="searchX"] .s7 {width:calc(10% - 8px); min-width:64px;}
	div[class^="searchX"] span input{font-size:12px; font-weight:bold; background:rgba(0,0,0,0); border:none; margin:0px; padding:0px; cursor:pointer; width:auto;}
		div[class^="searchX"] span input:hover {text-decoration:underline;}
	div[class^="searchX"] #downloadForm {margin-top:0px; color:rgb(206,20,51);}
/*	div[class^="searchX"] #reportForm, div[class^="searchX"] span[id^="setReport"]{margin-top:0px; color:#587384; cursor:pointer;}
	div[class^="searchX"] #reportForm:hover, div[class^="searchX"] span[id^="setReport"]:hover {text-decoration:underline;}*/
div[class^="searchX"] span a, .reportLink {text-decoration:none; font-weight:bold; color:#587384; cursor:pointer;}
.reportLink{width:44px;}
div[class^="searchX"] span a:hover, .reportLink:hover {text-decoration:underline;}
.searchX0 {background: rgb(232,248,248);}
.searchX1 {background: rgb(216,240,248);}
.searchXHeader {background:rgb(176,208,232);}
	.searchXHeader .s1, .searchXHeader .s2, .searchXHeader .s3, .searchXHeader .s4, .searchXHeader .s5 {font-weight:bold; font-size:16px;}

/* Page */
.coverWrap {border:3px solid rgb(216,240,248); border-radius:8px; margin:24px 0px;}
.pageWrap {width:446px; background:rgb(216,240,248); border-radius:8px; margin-bottom:24px;}
.pageSpan1,.pageSpan2 {text-align:left;font-weight:bold; padding:4px 8px;}
.pageSpan1 {width:100px;}
.pageSpan2 {width:280px;}

	
/* -- ADMIN STUFF -- */
/* Login Box */
.loginInput {width:224px; height:32px; padding:0px 8px;}
.loginBox1 {width:360px; text-align:left; border-radius:8px; border:1px solid #bbccdd; background:linear-gradient(to bottom, rgb(205,218,223) 0%, rgb(226,238,242) calc(0% + 16px));}
.loginBox2 {width:250px; margin:8px; padding:10px; text-align:left; margin-bottom:32px; border:1px solid #bbccdd; background:white; border-radius:8px;}
	.loginBox2 div {margin-bottom:8px;}
.loginBoxTop {width:480px; margin-bottom:24px;}
.loginWarning {font-size:16px; font-weight:bold; text-align:center;}
.loginBoxInside {width:49%; text-align:center; vertical-align:middle; font-weight:bold; font-size:16px;}
.touhouLogo1 {width:184px; height:184px; border-radius:96px; margin:16px; background:rgba(255,255,255,0.5);}
.touhouLogo2 {width:168px; height:168px; margin:8px; border-radius:84px;}

/*  Admin */
.adminX{font-size:18px; text-decoration:underline; margin:16px; color:#587384;}
.x1{width:80px;}
.adminBox {width:calc(100% - 64px); border:1px solid #bbccdd; border-radius:8px; background:white; margin-bottom:32px;}
	.adminBox .adminLine{width:calc(100% - 32px); line-height:32px; margin-bottom:8px; border-radius:8px 8px 0 0; padding-left:32px; background:rgb(208,232,240); color:#404040; font-size:22px; font-weight:bold; text-align:left;}
	.adminBox p a {text-decoration:none; font-weight:bold; color:#587384; cursor:pointer; font-size:14px; width:160px;}
	.adminBox input{width:272px; height:24px; padding:0px 8px;}
	.adminBox textarea{width:272px; height:100px; padding:0px 8px;}
	.adminBox .header {font-size:16px; width:800px; padding:4px 0; margin-bottom:4px; background:rgb(216,240,248);}
	.adminBox .form1, .adminBox .form2 {margin-bottom:8px;}
	.adminBox .form1, .adminBox .form3{width:224px; text-align:right; padding-right:16px; font-weight:bold; line-height:1.2;}/* background:#f88;*/
		.adminBox .form1 div{width:224px; font-weight:normal;}
	.adminBox .form2{width:280px;}
	.adminBox .form3{width:160px; text-align:center; height:34px;}
		.adminBox .form3 div{width:160px; font-weight:normal;}
	.adminBox .editLine0, .adminBox .editLine1{padding:6px 0px 6px 6px; text-align:center;}
	.adminBox .editLine0{background:rgb(208,232,240);}
	.adminBox .editLine1{background:rgb(232,248,248);}
	.adminBox .editLeft{text-align:left; width:280px;}