body {background-color:black; background-image:url('images/back.jpg'); margin:0px; padding:10px 10px 20px 10px; height:100%; color:white;}
#wrap {width:800px; margin-left:auto; margin-right:auto; height:100%; border:2px #7B5A00 solid; background-color:black; padding:0px 20px 20px 20px; position:relative; background-image:url('images/gemswall.png')} /*  */
#gem1 {position:absolute; left:0; top:0;}
#gem2 {position:absolute; right:0; top:0;}
#gem3 {position:absolute; left:0; bottom:0;}
#gem4 {position:absolute; right:0; bottom:0;}
#logo {text-align: center; margin:0; position:relative; width:auto;}
#logo img {border:0px;}
#logo a{color:black;}
#error {font-weight:bold; text-align:center; font-family:Arial, sans-serif;}
#bar {width:560px; margin:auto; height:20px; background-image:url('images/bar.png');padding:6px 70px 4px 70px; font-weight:bold; font-family:"Times New Roman", serif; font-variant: small-caps; color:#FFFFC0;}
#bar a{display:block; float:right; margin-left:15px; text-align:right; color:#A6A416;}
#bar a:hover{color: #33CC33}
#bar #welcome {float:left; }
#category {text-align: center; margin-top:20px; margin-bottom:20px; font-size: 23pt; font-weight:bold; color:#A9FAA6; font-variant: small-caps; font-family:"Times New Roman", serif; text-shadow: #444400 2px 2px 2px;}
#rig {font-size: 8pt; font-weight: normal; font-family: verdana; color: #CBFFD1; text-decoration: none; margin:40px 10px 0px 10px; text-align:left; clear:both; width:auto; }
.relativecontainer {position:relative;}
.relativecontainer .return {top:-17px; left:155px; position:absolute; display:block; font-family:"Times New Roman", serif; font-variant: small-caps; width:auto; font-size:12px; font-weight:normal; color:#009933;}
a:link     { color: #009933; text-decoration: none }
a:visited  { color: #009933; text-decoration: none }
a:hover    { color: #A6A416; text-decoration: underline }
a:active   { color: #A6A416; text-decoration: none }
#catlist{text-align: center; width:300px; font-size:16pt; font-weight:bold; font-family:"Times New Roman", serif; font-variant: small-caps; margin:-10px 0px 0px 0px; float:left; border:0px red solid;}
#catlist a{color: #A6A416; display:block; margin:5px auto; width:250px; height:25px; background-color:#002800; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border:2px solid #004000; background-image:url('images/gradient250.png'); text-shadow: black 1px 1px 2px;}
#catlist a:hover{color:#79E22C; text-decoration: none; background-color:#292A00; background-image:url('images/gradient250c.png');}
#lastadded{background-image:url('images/oldpaper.png'); width:150px; height:210px; margin:-50px 20px 20px 0px; padding:30px;float:right; text-align:left; font-weight:bold; font-family:"Times New Roman", serif; font-variant: small-caps;font-size:11pt; border:0px white solid;}
#lastadded .lasttitle{color:#AD3F03; font-weight:bold; text-align:center; margin-bottom:15px; margin-top:5px; text-shadow: #9D8563 1px 1px 1px;}
#lastadded a{color: #005E1D; display:block; margin-bottom:8px; }
#lastadded a:hover{color: #009933;}
#dragonguardian {float: left; margin-top:-40px;}

form {margin:0px;}
#panel {width:100%; color: white; font-size:12pt; font-weight:normal; font-family:Arial, sans-serif; text-align:center;}
.form {border-color: olive; border-width: 1px; border-style: solid; width:590px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding:15px; }
.form legend {margin:0px; color: #7DBE56; font-size:12pt; font-weight:bold;}
.form select {float:left; padding-right:0;}
.form .title {margin:0px 10px 0px 30px; float:left; text-align:left;}
.form #titlefix {margin:0px 10px 0px 30px; float:left; width: 80px; text-align:right;}
.text {display: block; padding:0px 5px 0px 5px; width:130px; float:left;}
.text2 {display: block; padding:0px 5px 0px 5px; width:200px; margin-bottom:20px;}
.text3 {display: block; padding:0px 5px 0px 5px; width:200px;}
.login {display: block; padding:0px 5px 0px 5px; width:130px; margin-bottom:10px;}
.number{display: block; padding:0px 5px 0px 5px; width:20px; float:left;}
.checkbox{display: block; float:left; }
.button{display: block; margin-left:25px; background-color: #7DBE56; border:2px #7C8517 outset; float:left;}
.button2{display: block; margin-left:60px; background-color: #7DBE56; border:2px #7C8517 outset;}
.button3{display: none; margin-left:0px; background-color: #7DBE56; border:2px #7C8517 outset;}
.button4{display:block; margin-left:0px; background-color: #DDE832; border:2px #178517 outset; float:right; width:85px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.button5{display: block; margin-left:25px; background-color: #7BE832; border:3px #178517 outset; font-weight:bold; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; clear:both;}
.textarea  {display: block; width: 400px; height: 120px; padding: 5px; font-family: Tahoma, sans-serif; font-size:11pt; margin:0px 10px 20px 30px;}
.top20 {margin-top:20px}
.inputafile {display: block; float:left; position:relative; width:85px; overflow:hidden;}
.fakefile {position:absolute; top:0; left:0; z-index:1;}
.ad_file{position: relative; text-align:right; opacity:0; filter:alpha(opacity:0); z-index:2; padding:0px 5px 0px 5px;  margin-left:-150px;}
.albo {font-weight:bold; margin:5px 0px; clear:both;}
.break {clear:both;}
.message {clear:both; display: block;  font-family: "Courier new", serif; font-weight:bold; color: #9DFF9D; font-size:10pt; padding:0px;}
.bottom15 {margin-bottom:15px;}
#image_form {margin: 0px;}
#upload_target {width:0px;height:0px;border:0px solid #fff; display:none;}
#image_target {width:0px;height:0px;border:0px solid #fff; display:none;}
#panel .data {text-align:left; width:590px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#panel .screen {padding: 10px 15px 15px 30px; text-align:left;}
#panel .screen img {border:0px;}
#panel .screen a{color:black;}
#panel .stattitle {font-weight:bold; margin:15px; font-size:14pt; font-variant: small-caps; color:#FFFFC0;}
#panel .smalltit {clear:both; float:left; display:block; width:260px; font-weight:bold;}
#panel .smalltit2 {clear:both; font-weight:bold; margin-top:20px; margin-bottom:10px; } 
#panel .answer {color: #7CC27C; font-weight:bold;}
#panel .stattable{border-collapse:collapse; color:#B2F4CC; font-size:11pt; margin-bottom:20px;}
#panel .stattable td {border:1px solid #015D01; margin:0px; padding: 5px;}
#panel .stattable .top {font-weight: bold; text-align:center;}
#panel .stattable .times {font-weight: bold; text-align:center;}
#panel .stattable .size {width: 70px; text-align:right;}
#panel .stattable .highlight {color: #B2BBF4;}
#panel .stattable .highlight a {color: #B2BBF4;}
#panel .stattable a {color: #7AC87A;}
#panel .stattable a:hover {color: #D8D49A;}


#filelist{background-color:black; padding:10px; margin:0px auto; border-collapse:collapse; background-image:url('images/gradient.png'); background-position:right top; background-repeat:repeat-y; width: 510px; }
#filelist td{padding:3px 10px 3px 10px;  border:2px #015D01 solid;}
#filelist .top { font-family:"Times New Roman", serif; color:#FFFFC0; font-size: 10pt; text-align:center; font-variant: small-caps; font-weight:bold}
#filelist .list {font-weight:normal; font-family:Verdana, sans-serif; font-size: 10pt; text-align:left; }
#filelist .name {font-weight:bold; font-variant: small-caps; margin:0px; height:20px;}
#filelist .times {float:right; font-weight:normal; font-size:7pt;}
#filelist .size {width: 65px; margin:0px; height:20px; text-align:center;}
#filelist .quick {width: 75px; margin:0px; height:30px; text-align:center;}
#filelist .quick img {border:0px;}
#filelist a:link     { color: #7CC27C; text-decoration: none }
#filelist a:visited  { color: #7CC27C; text-decoration: none }
#filelist a:hover    { color: #A6A416; text-decoration: underline }
#filelist a:active   { color: #A6A416; text-decoration: none }
#filelist .newimg {margin-left:10px; vertical-align: middle;}

#screenimg {text-align:left; margin:10px 0px 10px 30px;}
#screenimg img {border:0px;}
#screenimg a{color:black;}

#filepage {padding:20px; margin:30px auto 20px; width:600px; border:2px #015D01 solid; background-image:url('images/gradient2.png'); background-position:right top; background-repeat:repeat-y; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; font-family:"Times New Roman", serif; font-size:12pt; position:relative;}
#filepage #name {font-size:14pt; margin: 10px 0px 20px; font-family:"Times New Roman", serif; font-variant: small-caps; text-align:center; color:#FFFFC0; font-weight:bold; }
#filepage #myscreenimg {float: left; padding: 0px 15px 15px 0px; border:0px solid red;} 
#filepage #myscreenimg img {border:0px;}
#filepage #myscreenimg a{color:black;}
#filepage #descr {font-size:12pt; margin-bottom:10px;}
#filepage #descr a {color: #9AD89A; text-decoration: underline;}
#filepage #descr a:hover {color: #D8D49A;}
#filepage #descrfull {font-size:12pt; width:400px; margin:auto; text-align:center;}
#filepage #size {margin:5px 0px; clear:both;}
#filepage #size .gold {color: #FFFFC0}
#filepage #added {margin:5px 0px;}
#filepage #times {margin:5px 0px 0px;}
#filepage #admin {margin:5px 0px 0px;}
#filepage #admin a{display:block; margin:0px 10px 0px 0px;  font-family:"Times New Roman", serif; font-variant: small-caps; font-weight:bold; float:left; }
#filepage #down {width:160px; margin:0px auto; text-align: center;}
#filepage #down a{display:block; width:150px; height:50px; padding:0px; margin:10px 0px 5px 0px; background-image:url('images/clone.png'); }
#filepage #down a:hover{margin:12px 0px 3px 2px;}
#filepage #down a{color:black;}
#filepage .return{top:-19px; left:10px; position:absolute; display:block; font-family:"Times New Roman", serif; font-variant: small-caps; width:auto; font-size:12px; font-weight:normal; color:#009933;}


#mastermind {background-color:black; background-image:url('images/wall.jpeg'); margin:0px; padding:10px 10px 10px; height:100%; color:white; width:700px; height:650px; margin:25px auto; border:2px solid #82622A; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position:relative;}
#mastermind #logom {text-align: center; margin-top:0px; margin-bottom:5px; font-size: 23pt; font-weight:bold; color:#A9FAA6; font-variant: small-caps; font-family:"Times New Roman", serif;}
#mastermind #code {height:100px; width:auto; border:0px white solid; margin-bottom:10px;}
#mastermind #menu {height:477px; float:left; width:145px; margin-left:5px; border:0px red solid; background: rgba(255, 255, 255, 0.05); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#08FFFFFF, endColorstr=#08FFFFFF)"; text-align:center;}
#mastermind #game {height:525px; float:left; width:368px; border:0px green solid; padding:0px 10px;}
#mastermind #checkers {height:525px; width:160px; float:left; border:0px blue solid;}
#mastermind .codepanel {height:80px; width:420px; margin:0px auto; border:0px red solid; background: rgba(0, 0, 0, 0.4); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)"; padding:10px 10px; border:1px black solid; text-align:center;}
#mastermind .codehidden {background-image:url('images/coden.png'); }
#mastermind .codeimage {margin-left:0px;}
#mastermind .respanel {height:40px; width:378px; margin:0px auto 2px auto; border:0px red solid; background: rgba(0, 0, 0, 0.4); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)"; padding:3px 0px;}
#mastermind .resimage {margin-left:4px; margin-right:1px;}
#mastermind .number {float:left; color:#ADB73D; font-size:25pt; width:35px; text-align:right;}
#mastermind .resdragons {height:24px; width:150px; margin:0px auto 2px auto; border:0px red solid; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: rgba(0, 0, 0, 0.4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)"; padding:11px 0px; text-align:center;}
#mastermind .resdrag {margin-left:3px; display:none;}
#mastermind .okbutton {margin-left:3px; margin-bottom:3px;}
#mastermind .clonebutton {margin-left:5px; margin-bottom:3px;}
#mastermind #menu #startup {margin-top:100px;}
#mastermind .gamebut{margin-top:30px; background-color: #ADB73D; border:2px #E2E426 outset; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-weight:bold;}
#mastermind .rockup {position:absolute; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; left:100px; top:200px; z-index:0; border:2px solid #82622A; display:none;}
#mastermind #gameover {background-image:url('images/gameover.jpg'); width:500px; height:333px; }
#mastermind #wingame {background-image:url('images/wingame.jpg'); width:500px; height:333px; }
#mastermind .jazzup {text-align:center; background: rgba(0, 0, 0, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; width:440px; padding:30px; z-index:30;}
#mastermind .notwelcome {position:absolute; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; left:100px; top:200px; z-index:0; border:2px solid #82622A; display:block; text-align:center; background: rgba(0, 0, 0, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; width:440px; padding:30px; z-index:30;}
#mastermind #help {width:500px; left:80px; top:150px;}
#mastermind #difficulty {width:580px; left:50px; padding:30px 20px;}
#mastermind #td_dif6 {display:none}
#mastermind #message {display:none; top:220px; left:110px; width:420px;}
#mastermind #meshid {display:none; margin-bottom:25px;}
#mastermind .gold {color: #F2A837;}
#mastermind .green{color: #61A931;}
#mastermind .smalltable {border:0px solid red; margin:15px auto 0px;;}
#mastermind .smalltable td {width:110px; text-align:center; border:0px solid green; height:135px;}
#mastermind .smalltable td img {padding:5px; margin-top:5px; margin-bottom:5px; border:0px solid red; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#mastermind .hidtxt{display:block; height:20px; margin:0px 0px 10px; border:0px red solid; color:gray;}
#mastermind #hidtxt{display:none;}