/* general */
body{margin:auto;padding:0;margin:0;font-family:arial,helvetica,tahoma,sans-sarif;
	background-color: #DDD;
	background: -moz-linear-gradient(0% 15em 90deg, #CCC, #888);
	background: -webkit-gradient(linear, 0% 0%, 0% 30em, from(#CCC), to(#AAA));
	}
div,article,section,table,tr,td,th{padding:0px;margin:0px;}
a img{border:0;}
.container{margin:auto;}
h3,h4,h5,h6{padding:0.3em 0 0.2em 0;}
h1,h2, form h3{margin:0;padding:0.1em 0 0.3em 0;}
p,label,li,td{font-size:1em;}
li{margin-bottom:0.6em;}
label, input{ margin:0.3em; }
input, textarea, select{font-family:'Lucida Console',monaco,monospace;}
input, textarea{border-top:1px solid #666600;border-right:1px solid #BBBB99;border-bottom:1px solid #BBBB99;border-left:1px solid #999966;border-radius:2px;}
input.check{width:auto !important;float:left;margin-top:0.15em;border:0;}
label.check{display:block;margin-top:0.33em;}
.clear{clear:both;}

/* specific */
.wrapper{
	clear:both;
	max-width:60em;
	margin:auto;
	padding:2em;
	background:#FBFBFB;
	background: -moz-linear-gradient(100% 100% 90deg, #FBFBFB, #FFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FBFBFB));
}
#register{background:#FBFBFB}
#header{float:left;width:100%;min-height:65px;background:#000;color:#FFF;}
#header a{color:#fff;}
#mantra{float:left;color:#FFF;margin-top:1em;white-space:nowrap;width:14em;}
#mantra span{display:block;position:absolute;height:1.3em;width:14em;background:url('/images/gradient.png');}
#logo{float:left;width:236px;height:60px;}
#signin{float:right;font-size:0.7em;color:#CCC;width:28em;}
#signin div{float:left;}
#signin input{width:8em;}
#signin a{display:block;text-decoration:none;color:#CCC;margin:0.3em;}
#signin a:hover{text-decoration:underline;color:#FFF}
#signin button{margin-top:1.2em;border-radius:3px;padding:0.08em 0.7em 0.2em 0.7em;}
#refresh{font-size:0.8em;}
section{min-width:10em}

#valueprop{
	display:block;
	margin:0px;
	padding:2em;
	background:#FFF;
	border:1px solid #ccc;
	border-radius:2px;
}
#lscode{width:135px height:135px;}


#register label{display:block;float:left;width:40%;}
#register button{clear:both}
.security div{float:left;width:200px;}
.security input{width:5em;}
.security .refresh{}


#url,#tweet{width:100%;}

#free_apps{background:#FFF;border:1px solid #CCC;margin-bottom:1em;}
#free_apps a{color:#0000FF;text-decoration:none;}
#free_apps a:hover{color:#0F30FF;text-decoration:underline;}
#free_apps th{border-bottom:1px solid #DDD;}
#free_apps td{border:1px solid #CCC;min-height:110px;}
#free_apps img{height:40px;}

#apple img,#blackberry img,#android img,#nokia img{height:100%;}
/*
#apple,#blackberry,#android,#nokia{text-indent:-1000px;overflow:hidden;}
#apple{background:#FFF url('/images/apple.png') no-repeat 0 0;}
#blackberry{padding-left:100px; background:#000 url('/images/blackberry.png') no-repeat 0 0;color:#EEE;}
#android{background:#FFF url('/images/android.png') no-repeat 0 0;}
#nokia{background:#FFF url('/images/nokia.png') no-repeat 0 0;}
*/
footer{margin:0 1em;padding:1em;text-align:center;}
.footnote, footer p{font-size:0.8em;color:#2B2B2B;}

.button, button{
	padding:0.2em 0.3em;
	border:1px solid #666600;
	border-radius: 3px;
	color:#FFFF00;
	font-size:0.9em;
	font-weight:bold;
	background-color: #000;
	background: -moz-linear-gradient(100% 100% 90deg, #111100, #999900);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999900), to(#111100));
	text-shadow: 1px 2px #333;
}
.button:hover, button:hover{
	border-color:#FFFF00;
	background-color: #000;
	background: -moz-linear-gradient(100% 90% 90deg, #000, #CCCC00);
	background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#CCCC00), to(#000));
	text-shadow: 1px 1px #222;
}

.active { color:#009900; }
.inactive { color:#990000; }

/* forms */
.error, .success, .error a, .success a{ color:#000 !important;}
.error a{color:#0033CC !important;}
.error
{
	border:1px solid #FF3300;
	padding:0.2em 0.3em;
	background-color: #FFF1F1;
	background: -moz-linear-gradient(100% 100% 90deg, #FFF1F1, #FFCCCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCCCC), to(#FFF1F1));
}
.success
{
	color:#009900;
	font-weight:900;
	border:1px solid #00CC00;
	padding:0.2em 0.3em;
	background-color: #EEFFEE;
	background: -moz-linear-gradient(100% 100% 90deg, #EEFFEE, #CCFFCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCFFCC), to(#EEFFEE));
}
.warn
{
	color:#CC0000;
	font-weight:900;
	border:1px solid #CC0000;
	padding:0.2em 0.3em;
	background-color: #FFF;
}
.notice
{
	color:#000066;
	font-weight:900;
	border:1px solid #0066FF;
	padding:0.2em 0.3em;
	background-color: #DDFEFF;
	background: -moz-linear-gradient(100% 100% 90deg, #CCFDFF, #EEFEFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEFEFF), to(#CCFDFF));
}
.error .hideit{color:#CC0000;}
.success .hideit{color:#00CC00;}
.notice .hideit{color:#3399FF;}
.warn .hideit{color:#CC0000;}

.hideit{font-family:'arial black';font-weight:900;display:none;}
.sitemsg{display:block;clear:both;border-left:0px !important; border-right:0px !important;}
.sitemsg ul{list-style:none;display:block;clear:both;margin:1em;}
.sitemsg .hideit{display:block;float:right;padding:0.3em;}
.hidden{display:none;margin:0;padding:0;line-height:0;}
#auth_error{width:100%;font-weight:900;padding:0.1em 0;}
#auth_error a{display:inline;}

#story{
	display:block;
	clear:both;
	margin:1em 0 0 0;
	padding:1em;
	background-color: #FBFBFB;
	border-top:#CCC;
	border-bottom:#BBB;
}
#story section{
	display:block;
	max-width:40em;
	margin:auto;
}
#account_info ul, #account_form ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.subheading, .subheading a{font-weight:900;font-size:1.1em;color:#000; background:#CCEEFF;text-shadow:#666 1px 1px;}
th{border:0;}
.alt td{background:#FFFFC6;}