﻿html
{
	-webkit-text-size-adjust:none;
}
body
{
	width:100%;
	margin:0;
	padding:0;
	font:10px/140% helvetica,arial,sans-serif;
}
a img
{
	border:none;
}
a:link, a:visited
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
.clearer
{
	clear:both;
}
.hidden
{
	display:none;
}

.button,
button
{
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	border:none;
	background-color:rgba(0,0,0,.8);
	color:#FFFFFF;
	font:12px/28px arial,sans-serif;
	cursor:pointer;
	text-align: center;
}
a.button
{
	color:#FFFFFF;
}
.button.attention,
button.attention,
button.negative
{
	background-color:#7E1E1E;
}
button.positive
{
	background-color:#376100;
}

.button:disabled,
button:disabled
{
	opacity:.2;
}
button.toggle,
.button.toggle
{
	opacity:.5;
}

button.discreet,
.button.discreet
{
	background-color:transparent;
	background-image:none;
	border-color:transparent;
	color:#000;
	text-shadow:none;
}
.button:hover,
.button a:hover
{
	text-decoration:none;
}
.button.active,
.button:active,
button:active
{
	border-color:#888888;
	color:#FFFFFF;
}
button.toggle:active,
.button.toggle:active
{
	opacity:1;
}
#search button,
#customization .button,
#logout .button {
	border-bottom:2px solid rgba(0,0,0,.5);
}
#search button,
#customization .button {
	background-color:rgba(255,255,255,.1);
}

.small
{
	font-size:10px;
	line-height:100%;
}
h1, h2, h3, h4, h5
{
	margin:0;
	font:1em helvetica,arial,non-serif;
}
h1 
{
	font-size:2em;
	line-height:120%;
	font-weight:normal;
}
h2
{
	font-weight:bold;
	font-size:2em;
	line-height:120%;
}
h3
{
	font-size:1.6em;
	line-height:120%;
	font-weight:normal;
}
form
{
	margin:0;
	padding:0;
}
form label
{
	display:block;
	margin:8px 0 0;
	font-weight:bold;
}
form label.inline
{
	display:inline;
	margin:0;
}
form input[type='text'],
form input[type='password'],
form textarea
{
	width:95%;
	font:1.1em/120% arial,sans-serif;
}
form input[type='checkbox']
{
	margin-left:0;	
}
.clear {
	height:0;
	clear:both;
}

/* GLOBAL UGC ICON
================================================== */
.ugc-icon { display:inline-block; margin-right:2px; color:#ec008c; }