@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Oxygen);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

#wrap { width: 75%; background-color: #fefefe; border: 1px solid #dedede; margin: 10px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; height: auto; overflow: auto;}
#wrap h1.title { font-family: "Oxygen", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color: #51d3fe; background-color: #222222;  width: 100%; margin: 0 auto; padding: 10px 0px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-indent: 10px;}

.optionscontainer {width: 50%; float: left; margin: 20px auto;}
.optionscontainer button { float: right; width: 10%; height: 40px; margin-right: 10px; cursor: pointer; position: relative; vertical-align: top; padding: 0; font-size: 22px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #3498db; border: 0; -webkit-box-shadow: inset 0 -2px #2a8bcc; box-shadow: inset 0 -2px #2a8bcc; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.optionscontainer button:hover {background-color: #5dade2; border-color: #5dade2;}
.optionscontainer button:active { background: #2c81ba; border-color: #2c81ba; }
.optionscontainer form#styleoptions table { clear: both; text-align: left; margin: 10px; width: 100%; padding: 10px;}
.optionscontainer form#styleoptions table tr td, .optionscontainer form#styleoptions table tr th { vertical-align: top; padding: 20px auto !important;}
#wrap .thanksbox { width:50%;float:right; margin-top: 10px;}
#wrap .thanksbox .inside.blizzardquotes { text-align: center; font-weight: bold;}
#wrap .thanksbox img { max-width: 90%; }
#wrap .thanksbox .postbox {width:75%; margin-left: 10%;}