/* Basics */
body,
form {
  margin: 0;
  padding: 0;
}
body {
  background: #262626 url("../images/121212_40x100_textures_05_inset_soft_15.png") repeat-x;
  color: #f5f5f5;
  overflow-x: hidden;
}
a,
a:hover,
a:active,
a:visited {
  color: #03a9f4;
  text-decoration: none;
}
a:hover,
a:active {
  background-image: -webkit-linear-gradient(bottom, transparent 2px, #efefff 3px, transparent 3px);
  background-image: linear-gradient(to top, transparent 2px, #efefff 3px, transparent 3px);
  color: #efefff;
}
fieldset {
  border: 1px solid #777;
  border-radius: 5px;
  margin-right: 2px;
  padding: 4px 7px 8px 6px;
  float: left;
}
legend {
  color: #c0c0c0;
}
input,
textarea {
  border-radius: 3px;
  color: #fff;
}
/* Sections */
#header {
  background: url("../images/header.gif") center no-repeat;
  width: 804px;
  height: 50px;
  margin: 0 auto 30px auto;
}
#header input {
  display: none;
}
#container {
  background: #606060;
  border: 2px solid #555;
  border-radius: 5px;
  width: 800px;
  margin: 10px auto;
}
#wrapper {
  width: 766px;
  margin: 10px auto;
}
/* Banner Creator */
#preview {
  background: url("../images/grid.gif");
  border-radius: 5px;
  text-align: center;
  width: 766px;
  padding: 20px 0;
}
#refresh2 {
  position: fixed;
  right: 0;
  display: none;
  background: url("../images/refresh.gif") no-repeat;
  border: solid 1px #777;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #ddd;
  font-family: 'courier new';
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  width: 60px;
  height: 16px;
  padding-top: 75px;
}
#banner_size,
#banner-background {
  height: 230px;
}
#banner_size {
  width: 260px;
}
#banner-background {
  width: 430px;
  margin-top: -16px;
}
#thumbnail {
  cursor: pointer;
}
#banner-background div#grad-sample {
  background: #343434;
  border: 1px solid #555;
  text-align: center;
  width: 50px;
  margin: 0 4px;
  float: left;
}
#banner-background div#grad-sample img {
  border: 1px solid #777;
}
.3rdfield {
  margin-top: 16px;
}
input.input_text {
  background: #555;
  border: 1px solid #777;
  width: 100%;
}
div.colorSelector {
  position: relative;
  top: 3px;
  left: 3px;
  background: url("../js/colorpicker/images/select.png") no-repeat;
  width: 30px;
  height: 30px;
}
div.colorSelector div {
  position: absolute;
  top: 3px;
  left: 3px;
  background: url("../js/colorpicker/images/select.png") center no-repeat;
  width: 30px;
  height: 30px;
}
#buttonUpload {
  position: relative;
  top: -1px;
}
a[href^='#tabs-']:hover,
a[href^='#tabs-']:active {
  background-image: none;
}
#tabs-3 fieldset {
  border: 1px solid #777;
  width: 231px;
  margin-right: 2px;
  padding: 10px 0 8px 6px;
  float: left;
}
#tabs-3 legend input {
  color: #fff;
  width: 185px;
}
div.v-slider {
  height: 200px;
  margin-top: 5px;
}
td.right-content {
  padding-top: 5px;
  padding-left: 5px;
}
div.font-color {
  padding-top: 13px;
  float: left;
}
.font-color-input-wrapper {
  padding-top: 10px;
  padding-left: 5px;
  float: left;
}
.font-color-picker-wrapper {
  padding-left: 2px;
  float: left;
}
select.font-size {
  position: relative;
  top: 9px;
  left: 4px;
  background: #555;
  border: 1px solid #777;
  color: #fff;
}
.angle-sample {
  background: none;
  border: 0 solid #555;
  text-align: center;
  width: 30px;
  margin: 0 4px 0 0;
  padding: 2px;
  float: left;
}
.angle-sample img {
  border: 1px solid #777;
}
#tabs-5 {
  padding-left: 40px;
}
#tabs-5 div.w4 {
  background: #343434;
  border: 1px solid #555;
  width: 100px;
  margin-right: 20px;
  padding: 0 8px 10px 8px;
  float: left;
}
#tabs-5 div.w4 div {
  position: relative;
  top: -5px;
  background: #343434;
  border: 1px solid #555;
}
#tabs-5 div.w4 span {
  position: relative;
  top: -2px;
}
#tabs-6 textarea {
  background: #343434;
  border: 1px solid #555;
  color: #fff;
  font-family: "Courier New";
  font-size: 12px;
  width: 510px;
  height: 200px;
}
.minecraft_head .head,
.minecraft_head:hover .hat,
.scratch,
.model {
  display: none;
}
.minecraft_head:hover .head {
  display: inline-block;
}
.reloadb,
.resetb {
  display: inline-block;
  border-radius: 6px;
  color: #fff;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 4px;
}
.reloadb {
  box-shadow: inset 0 1px 0 0 #97c4fe;
  background-color: #3d94f6;
  background-image: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
  background-image: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
  border: 1px solid #337fed;
  text-shadow: 1px 1px 0 #1570cd;
}
.resetb {
  box-shadow: inset 0 1px 0 0 #f29c93;
  background-color: #fe1a00;
  background-image: -webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background-image: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
  border: 1px solid #d83526;
  text-shadow: 1px 1px 0 #b23e35;
}
.reloadb:hover {
  background-image: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
  background-image: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
}
.resetb:hover {
  background-image: -webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background-image: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
}
.reloadb:active,
.resetb {
  position: relative;
}
/* Menu */
span#mainmenu {
  position: absolute;
  top: 10px;
}
#menu {
  background: #424242;
  list-style: none;
  width: 100%;
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
}
#menu li {
  font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  float: left;
  margin: 0;
  padding: 0;
}
#menu a {
  display: block;
  background: #424242;
  color: #2ca9d8;
  text-decoration: none;
  margin: 0;
  padding: 8px 12px;
  float: left;
}
#menu a:hover {
  background: #2580a2;
  border-radius: 5px;
  color: #fff;
  padding-bottom: 8px;
}
/* Footer */
#footer {
  position: relative;
  bottom: 0;
  background: #424242;
  border: 1px solid #333;
  border-radius: 5px;
  color: #ccc;
  width: 780px;
  height: 80px;
  margin: 0 auto;
  padding: 10px;
}
#footer_content {
  font: 60% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
/* Advertisements */
#ads,
#ads2 {
  position: relative;
  display: block;
  max-width: 160px;
  height: 600px;
}
#ads {
  left: -200px;
}
#ads2 {
  top: -600px;
  left: 844px;
}
/* Misc */
#gplusicon {
  position: relative;
  left: 710px;
  top: -50px;
  display: block;
}
.page-content {
  color: #efefff;
  font: 90% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }