* {
  margin: 0;
  padding: 0;
}
body{
  min-width:1000px;
  overflow-x: hidden;
  width:100%;
  height:100%;
  position:absolute;
  z-index:100;
  background-image:url('http://i.imgur.com/xpnPh0f.jpg'); /* image also contained in img dir */
  background-size: 100%;
  background-repeat:no-repeat;
  background-color:black;
}
tr > td
{
padding-bottom: 10px;
padding-left:-100px;
}
#wrapper
{
  position:relative;
}

#content{
  width:1050px;
  margin:0 auto;
} 

#header
{
  width:100%;
  height:80px;
}
#logo 
{
  opacity:0.8;
  width:180px;
  height:53px;
  margin-left:28px;
  margin-top:12px;
  border:0;
  display:inline-block;
}
#radiobutton
{
font-size:14px;
display:inline;
}
#terms
{
text-decoration:underline;
color:black;
}
#widehr
{
opacity:0.6;
  width:100%;
  margin:0px;
  padding:0px;
  border:0;
  background-color: white;
  height:1px;
  display:block;
}
#signuptext
{
  position:absolute;
  margin-left:130px;
  margin-top:15px;
  font-size:28px;
  font-weight:bold;
  color:white;
}
#centrebox
{
  margin-top:65px;
  margin-bottom:10px;
  border:1px solid grey;
  border-radius:10px;
  background-color:#fff;
  width:500px;
  height:500px;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
}
#fillform
{
      padding-left:5px;
  font-weight:bold;
}
.form2
{
  margin-top:8px;
  margin-right:auto;
  margin-left:auto;
}


#page { 
  margin-left:auto;
  margin-right:auto;
  margin-top:60px;
display: block;
position: relative;
overflow: hidden;
background-color: #fff; 
box-sizing: border-box;
-webkit-box-shadow: 0 0 20px 0 rgba(150, 180, 210, .9);
-moz-box-shadow: 0 0 20px 0 rgba(150, 180, 210, .9);
box-shadow: 0 0 20px 0 rgba(150, 180, 210, .9);
width:600px;
border-radius:10px;
opacity:0.9;
}
.content {
  padding: 10px 10px 10px 10px;
box-sizing: border-box;
width: 600px;
margin-left:1%;
}

/* inner page layouts */
#content-login { display: block; position: relative; width: 60%; }

#content-register { display: none; width: 60%; position: absolute; top: 0; left: 880px;height:355px; }

.txtfield { 
letter-spacing:1px;
font-size:14px;
padding: 4px 5px; 
width: 215px;
font-weight: normal;
color: #000;
text-shadow: 1px 0 1px #fff; 
background: #e5eef6;
border: 1px solid #bbd3e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radus: 4px;
-webkit-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5);
-moz-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5);
box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.txtfield:focus {
  background:white;
color: #000;
border-color: #99b7d3;
-webkit-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5), 0 0 9px 0 #bad3eb;
-moz-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5), 0 0 9px 0 #bad3eb;
box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5), 0 0 9px 0 #bad3eb;
}
#showregister
{
  margin-left:125px;
}
.tenpxfont
{
font-size: 10px;
}
#nextstep
{
  text-decoration:none;
  background-color:#70AD47;
  border:1px solid green;
  height:40px;
  width:120px;
  border-radius:5px;
  color:#fff;
  font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust:0.488;
  font-weight:400;
  font-style:normal; 
  margin-top:8px;
  font-size:14px;
  margin-left:-10px;
  position:absolute;
  visibility:visible;
  text-decoration:none;
}
#nextstep:hover
{
  cursor:pointer;
  background-color:#85CC56;
}
#nextstep:active
{
  background-color:#69B03A;
}
#amount
{
  border:0;
  font-weight:bold;
  font-size:13px;
}
#slider
{
  margin-left:-102px;
  display:inline;
  position:absolute;
  width:185px;
}
#amount2
{
  border:0;
  font-weight:bold;
  font-size:13px;
}
#slider2
{
  display:inline;
  position:absolute;
  width:185px;
  margin-left:50px;
  margin-top:-16px;
  z-index:1;
}
.colorpicker-picker-span{
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  border: 1px solid #000;
  margin-right: 2px;
  cursor: pointer;
}

.colorpicker-picker-info{
  padding: 0 0 2px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.colorpicker-picker-span:hover {
  border: 1px solid #fff;
}

.colorpicker-picker-span.active {
  border: 1px solid #fff;
}

.colorpicker-picker {
  background-color: #353534;
  padding: 5px;
  display: none;
  position: absolute;
  top: 0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px #111;
  -moz-box-shadow: 2px 2px 5px #111;
  -webkit-box-shadow: 2px 2px 5px #111;
}

.colorpicker-trigger {
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  border: 1px solid #000;
  cursor: pointer;
  background-color: #808080;;
}


.colorpicker-wrap {
  font-family: 'Trebuchet MS', Verdana, Arial, Geneva, sans-serif
}

.colorpicker-label {
  float: left;
  margin-right: 2px;
}
#blueconfirm
{
  width:50px; 
  height:10px;
  background-color:#000;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
#autocomplete-ajax
{
letter-spacing:1px;
font-size:14px;
padding: 4px 5px; 
width: 215px;
font-weight: normal;
color: #000;
text-shadow: 1px 0 1px #fff; 
background: #e5eef6;
border: 1px solid #bbd3e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radus: 4px;
-webkit-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5);
-moz-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5);
box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#autocomplete-ajax:focus {
  background:#ffd25a;
color: #000;
border-color: #99b7d3;
-webkit-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5), 0 0 9px 0 #bad3eb;
-moz-box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5), 0 0 9px 0 #bad3eb;
box-shadow: inset 0 1px 4px 0 rgba(176, 199, 221, .5), 0 0 9px 0 #bad3eb;
}
.autocomplete-suggestions { 
border: 1px solid #999; 
background: #FFF; 
cursor: default; 
overflow: scroll;
min-width:120px;
}
.autocomplete-suggestion { 
padding: 2px 5px; 
white-space: nowrap; 
overflow: hidden; 
}
.autocomplete-selected { 
background: #F0F0F0; 
}
.autocomplete-suggestions strong { font-weight: normal; 
color: #3399FF; 
}
table
{
border:none;
}

/*http://images3.wikia.nocookie.net/__cb20100824223326/simpsons/images/b/b7/Simspons_Clouds.jpg*/
/*http://srobbin.github.com/jquery-pageslide/*/