html {font-size:62.5%; height:100%; margin-bottom:1px;}
body {font-family:Tahoma,Arial,sans-serif; color:#666; font-size:1.3em; background:#E4E4E4}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline;}

h3 {color:#CF0000; font-size:1.6em; margin-bottom:10px;}
h4 {color:#666; margin-bottom:10px;}

.content {width:970px; margin:0px auto;}

#toolbar {height:40px; background:#161719;}
#toolbar #logo {margin-top:7px; float:left; height:24px; width:95px; background:url("/images/img_footify-logo.gif") center no-repeat;}
#toolbar #logo span {display:none;}
#toolbar h2 {color:#FFF; float:right; margin-top:11px;}

#header {margin-bottom:10px; height:290px; background:#000 url("/images/img_header.jpg") bottom center no-repeat; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
#header h1 {display:none;}

#footer {margin-top:30px; height:300px; background:#000 url("/images/img_footer.jpg") bottom center no-repeat; border-top:1px solid #FFF;}

.flash {padding:10px 10px 10px 35px; color:#666; margin-bottom:10px;}
.flash_notice {background:#F3F3F3 url("/images/icons/error.png") 10px 10px no-repeat;}
.flash_error {background:#F3F3F3 url("/images/icons/exclamation.png") 10px 10px no-repeat; color:#C30;}
.flash_success {background:#F3F3F3 url("/images/icons/accept.png") 10px 10px no-repeat; color:#090;}

div#signup {width:290px; float:right; padding:20px;}

div#features {float:left; width:639px; border-right:1px solid #C2C2C2;}
div#current {padding:20px; border-bottom:1px solid #C2C2C2;  border-right:1px solid #FFF;}
	div#current ul {background:url("/images/img_outline-player-1.jpg") left bottom no-repeat;}
div#future {padding:20px; border-top:1px solid #FFF;  border-right:1px solid #FFF;}
	div#future ul {background:url("/images/img_outline-player-2.jpg") left bottom no-repeat;}

ul {list-style:url("/images/img_bullet-tick.gif") circle; padding-left:120px;}
	ul li {margin-bottom:5px;}

form {width:200px;}

.form_error {color:#CF0000; float:left; clear:both; font-size:0.8em; margin:-5px 5px 5px 5px;}

input {
	background:url("/images/bg_field.gif")  no-repeat;
	border:none;
	float:left;
	height:21px;
	font-size:1.1em;
	padding:5px;
	margin:5px 0px;
	width:190px;
	color:#666;
}

label {font-weight:bold;}

/*************************************/
/************* Buttons ***************/
/*************************************/

.buttons {
	height:2.5em; 
	padding:5px 0;
}

.buttons a, .buttons button{
	display:block;
	float:left;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-size:80%;
  line-height:180%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 5px 7px; /* Links */
  outline:none;
}

.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

button {
  outline:none;
}

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

button.positive, .buttons a.positive{
  color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

a.delete_button {
  display:block;
  float:left;
  margin:0;
  background-color:#fff;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:3px; /* Links */
  outline:none;
  background-position: 5px center;
  background-repeat:no-repeat;
  padding-left:25px;
	width:0;
	padding-right:0;
	overflow:hidden;
}

a.delete_button:hover {
  border-color:#bababa;
  background-color:#f7f7f7;
}