body {
	background-color:#202020;
	margin:0px;
	padding:0px;
	margin-top:-160px;
}
#head {
	background:url('/assets/gfx/header-tiled.png') repeat-x #7c8c7c;
	height:240px;
}
#head .center {
	background:url('/assets/gfx/header-main.png') no-repeat;
	height:240px;
}
#content {
	background:url('/assets/gfx/main-shade.png') repeat-x #FFFFFF;
	border-top:solid 1px #808080;
	border-bottom:solid 1px #808080;
	padding:20px 10px 10px 10px;
}
#foot {
	background:url('/assets/gfx/foot-shade.png') repeat-x #202020;
	color:#FFFFFF;
	padding:10px;
}
#foot a {
	color:#D0D0D0;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}

div.center {
	width:820px;
	margin-left:auto;
	margin-right:auto;
}

#left {
	float:left;
	width:590px;
	margin-right:10px;
}
#right {
	float:left;
	width:180px;
}

#right .box {
	border:solid 1px #C0C0C0;
	background-color:#F8F8F8;
	margin-bottom:5px;
	padding:3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.box .caption {
	font:bold 11pt arial,helvetica,tahoma;
	border-bottom:solid 1px #C0C0C0;
	padding-bottom:3px;
	margin-bottom:3px;
}
.box .content {
	font:9pt arial,helvetica,tahoma;
}

.clr {
	clear:both;
}

div.actions {
	margin-bottom:15px;
	color:#808080;
}
div.actions a {
	color:#C0C0C0;
	font:10pt arial,helvetica,tahoma;
}
p {
	font:10pt arial,helvetica,tahoma;
	margin:1px 0px 2px 0px;
	padding:0px;
}
p.small {
	font:8pt arial,helvetica,tahoma;
}

h1 {
	font:bold 18pt arial,helvetica;
	margin:2px 0px 8px 0px;
}
h2 {
	font:bold 14pt arial,helvetica;
	margin:9px 0px 3px 0px;
	padding-bottom:3px;
	border-bottom:solid 1px #E0E0E0;
}
h3 {
	font:bold 12pt arial,helvetica;
	margin:7px 0px 4px 0px;
}




#loginframe {
	position:absolute;
	left:250px;
	top:320px;
	border:solid 2px #404040;
	background-color:#D0D0D0; /* #F8F8FF; */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:10px;
	z-index:1000;
}

a.button {
	display:block;
	padding:10px;
	border:solid 1px #404040;
	background-color:#646260; /* #90c4FA; */
	margin:1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font:bold 9pt arial,helvetica;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}
a.button:hover {
	background-color:#505050; /* #80b2EF; */
}

.x-ico {
	padding:60px 20px 10px 20px !important;
	background-position:center 20px;
	background-repeat:no-repeat;
}
.x-ico-user 	{ background-image:url('/assets/icons/user.png'); }
.x-ico-openid 	{ background-image:url('/assets/icons/locked_01.png'); }


/* login form */
div.loginform {
	padding:3px 0px 7px 0px;
}
div.loginform label {
	font:10pt arial,helvetica;
	color:#606060;
	position:relative;
	top:8px;
}
div.loginform input.textbox {
	font:bold 11pt arial,helvetica;
	color:#404040;
	width:240px;
	float:right;
	border:solid 2px #C0C0C0;
	background-color:#FFFCF8;
	padding:3px;
}

.x-txt-openid {
	background:url('/assets/icons/openid.gif') 4px center no-repeat;
	padding-left:25px !important;
}


form {
	margin:0px;
	padding:0px;
}



/* toolbars */

div.toolbar {
	margin:10px 0px 5px 0px;
}
div.toolbar a {
	padding:5px 7px 5px 7px;
	font:9pt arial,helvetica,tahoma;
	text-decoration:none;
	border:solid 1px #E0E0E0;
	background-color:#F0F0F0;
	margin-right:2px;
	color:#404040;
	float:left;
}
div.toolbar a:hover {
	background-color:#404040;
	color:#FFFFFF;
}


p.testimonial {
	font:11pt arial,helvetica,tahoma;
	font-style:italic;
	padding:10px;
}

a.downloadbutton {
	
	display:block;
	-moz-border-radius:6px;
	background:url('/assets/gfx/arrowbutton.png') no-repeat 8px center #404040;
	padding:10px 10px 10px 40px;
	text-decoration:none;
	color:#FFFFFF;
	font:bold 9pt arial,helvetica,tahoma;
	
}
a.downloadbutton:hover {
	background-color:#606060;
}