/***** Setup *****/

* {
	outline: none;
	padding: 0;
	margin: 0;
}

html {
	font: normal 62.5% "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	overflow-y: scroll;
}

body {
	background: #efefef url(/images/signup/bg.jpg) repeat-x top left;
	line-height: 160%;
	font-size: 1.3em;
	margin: 0;
	color: #333;
}

table, form, select, input {
	font-size: 1em;
}

input {
	padding: 0.3em;
	font-size: 1.2em;
}

input:focus {
	background: #F9FFBB;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #333;
}

ul{
  margin:1em 0;
}
ul, li {
	margin-left:1em;
}
p{
  margin: 0.75em 0;
}

/***** Tools *****/
.clear{ clear: both;}
.formSubmit{text-align:right;}
/***** Layout *****/


div#main-hd{
  color: white;
  margin-top: 3em;
  margin: 3em auto 0 auto;
  width: 860px;
  padding: 10px 22px;
  height:35px;
}
div#main-bd{
  margin: 0 auto;
  width: 860px;
  padding: 20px 22px 1em 22px;
  min-height: 300px;
  background: #fff url(/images/signup/main-bd.gif) repeat-y top left;
}
div#main-ft{
  background: url(/images/signup/main-ft.gif) no-repeat;
  height:10px;
  width: 900px;
  padding: 0px 2px;
  margin: 0 auto 3em auto;
  }
div#main-hd h1{
  font-size: 1.8em;
  line-height: 35px;
  text-shadow:0px 1px 1px #101010;
}
div#main-hd div#logo{
  width: 180px;
  height: 35px;
  float:left;
}

/***** Form *****/

form ul {
	list-style-type: none;
	margin: 1.0em 0 1.0em 0;
	padding: 0;
}
	
	form ul li {
		margin: 0.25em 0;
		padding: 0.5em 0;
	}
		form input {
			font: inherit;
			font-size: 1.3em;
			width: 19em;
			color: #970000;
			padding: 0.2em 0.4em;
			border: 1px solid #333;
		}
		form input#accept { width: auto; margin: 0 0.75em 0 8.5em; }
		form input#subdomain { 
			width: 13.0em;
		}
		form input.enabled {
			width: auto;
			background: #438c2c;
			color: #fff;
			margin-left: 9em;
			border: 2px outset #438c2c;
			font-size: 1.2em;
			padding: 0.2em 0.5em;
		}
		
		form input.disabled {
			width: auto;
			background: #eee;
			color: #777;
			margin-left: 9em;
			border: 2px outset #555;
			font-size: 1.2em;
			padding: 0.2em 0.5em;
		}
		
		form ul li p#errors {
			border: none;
			background-color: #CF0000;
			color: #fff;
			padding: 5px;
			font-size: 1.1em;
			margin-left: 9.8em;
		}
		
		form ul li span { font-size: 1.2em;}
		form ul li span.error { background-color:#CF0000; padding: 5px; color:white;}
		form ul li span.available { background-color:#00CF1C; padding:5px; color:white;}
	
		form ul li p {
			margin: 0.5em 0 0 12.8em;
			font-size: 0.9em;
			color: #777;
		}

		form ul li label{
			display: block;
			float: left;
			width: 9.5em;
			margin: 0.3em 1em 0 0;
			text-align: right;
			font-size: 1.1em;
		}
		
		form p#errors{
			font-size:1.2em;
			padding: 5px;
			background: #00CF1C;
			color: #fff;
			margin: 0;
			margin-left: 9em;
			margin-top: 5px;
		}
		
		form ul.errors {
			background: none;
			padding: 0;
			margin: 5px 0 0 11em;
		}
  		form ul.errors li {
  			font-size: 1.2em;
  			padding: 5px;
  			color: #777;
  			margin-bottom: 5px;
  			margin-left:2em;
  			list-style-type: circle;
  		}
	  #spinner{
	    margin:0 8px;
	  }
	  
	  fieldset {
    	border: 0;
    	border-top: 2px solid #999;
    	background-color: #f1f5fa;
    	padding: 1em 1em 0em 1em;
    	margin: 0 0 2em 0;
    	width: 525px;
    	float:left;
    }
    .note{
      float:left;
      width:275px;
      margin: 15px 0 0 15px;
    }
    .note h3{
      padding:4px;
      background: #efefef;
    }

    fieldset legend {
    	padding: 0 0.5em;
    	font-size: 1.3em;
    	font-weight: bold;
    }
    
    form#accountpage textarea{
      width:100%;
      padding:1em;
      height:500px;
      font-size: 1.0em;
      font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;      
    }
    form#accountpage input.submit{
      width:200px;
      margin-top:10px;
    }
    #pageFunctions{
      margin:25px;
      text-align:right;
    }
    #pageFunctions a{
      padding:1em;
      background:#444;
      color:white;
      text-decoration:none;
    }
    #pageFunctions a:hover{
      background:#008F21;
    }