@import 'reset.css';

html {
	background:#7A7A7A url(shadow.png) 100% 14px no-repeat;
	padding:10px 30px 20px 0
	}

body {
	display:block;
	background:#FFF url(top-bg.png) right top repeat-x;
	font:13px Tahoma,Verdana,Arial,Serif
	}

a {
	color:#2297C8
	}
	
h1,h2 {
	font-size:18pt
	}

.left {float:left !important}
.right {float:right !important}	
.nobg {background:none !important}
.clear {display:block;height:1px;overflow:hidden;clear:both}
	
.container {
	background:url(bottom-bg.png) right bottom repeat-x;
	padding:44px 0 0 0;
	clear:both
	}
.inner {
	background:url(@.png) left bottom no-repeat;
	padding-bottom:100px
	}

.header {
	overflow:hidden;
	margin-bottom:44px;
	height:130px;
	clear:both;
	position:relative;
	z-index:0;
	padding:0 0 0 210px;
	}

.header p {
	display:block;
	text-align:right;
	height:35px;
	padding-right:80px;
	color:#DEDEDE;
	font-size:11px
	}
.header p strong {
	color:#000;
	margin-right:8px
	}
.header p a {margin-left:8px}
	
.header ul, .header h1 {
	display:block
	}

.header h1 {
	padding:0 40px;
	height:44px;
	background:#8DDA0A url(header-green.png) 0 0 no-repeat;
	color:#FFF;
	line-height:44px;
	overflow:hidden;
	clear:both
	}

.header ul {
	float:right;
	overflow:hidden;
	height:50px;
	margin-right:80px
	}
.header ul li {
	display:block;
	float:left;
	height:50px;
	margin-left:24px
	}
.header ul li a {
	display:block;
	padding:4px 0;
	white-space:nowrap
	}
.header ul li.active, .header ul li.active a {
	background:#8DDA0A url(tabs-green.png) 0 0 no-repeat;
	padding-left:12px;
	margin-left:12px;
	margin-right:-12px
	}
.header ul li.active a {
	background-position:right top;
	color:#FFF;
	text-decoration:none;
	padding-right:12px;
	padding-left:0;
	margin-left:0;
	margin-right:0
	}	

a.logo {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:80px;
	width:81px;
	height:130px;
	background:url(logo.png) 0 0 no-repeat
	}
a.logo strong {display:none}

.reg-form  {padding-right:80px}
.reg-form h2 {
	background:url(header-bg.gif) left center no-repeat;
	padding-left:80px
	}
	
.reg-form fieldset {
	background:url(table-line.gif) bottom left repeat-x;
	margin:0 0 16px 80px;
	overflow:hidden;
	clear:both;
	padding:30px 0 50px 0
	}

.reg-form em {
	color:red;
	font-style:normal
	}	
.reg-form label {
	display:block;
	width:240px;
	text-align:right;
	float:left;
	margin-right:10px;
	font-size:13px;
	font-weight:bold
	}
.reg-form small em  {display:block}
.reg-form small {
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#676767;
	margin:3px 0 0 8px;
	line-height:12px
	}
.reg-form label small {float:none;margin-top:0}
.reg-form small.error {margin:-27px -230px auto auto}
.reg-form small a {display:inline-block;text-decoration:none;border-bottom:1px dashed #2297C8 !important}
	
.reg-form input, .reg-form textarea {float:left;width:230px;border:1px solid #BBB;padding:1px 2px}
.reg-form textarea {width:360px;height:180px}
.reg-form input.short {width:30px}
.reg-form input.num {width:110px;margin-right:10px}
.reg-form i {display:block;float:left;width:16px;color:#666;text-align:center;font-size:16px;line-height:16px;font-style:normal}
.reg-form .clear {height:30px}

input.error {
	background:#FFD9D9;
	border-color:#DAB1AA
	}


.org-picture-file {
	display:block;
	float:left;
	height:16px;
	font-size:11px;
	line-height:16px;
	margin:4px 8px;
	padding:0 0 0 20px;
	background:url(umageformat-icons.png) 0 0 no-repeat
	}

.png {background-position:0 -16px}
.gif {background-position:0 -32px}
.bmp {background-position:0 -48px}

.button, .button b {
	display:block;
	float:left;
	height:22px;
	overflow:hidden;
	line-height:21px;
	padding:0 0 0 10px;
	background:#8DDA0A url(buttons.png) 0 0 no-repeat;
	text-decoration:none
	}
.button b {
	float:left;
	padding:0 10px 0 0;
	background-position:right top;
	cursor:pointer;
	font-weight:normal;
	font-size:11px;
	color:#000
	}
.button:hover b {color:#FFF}

.olive {background-position:0 -22px}
.olive b {background-position:100% -22px;color:#639907}

.orange {background-position:0 -44px}
.orange b {background-position:100% -44px;color:#C66701}

.gray {background-position:0 -66px}
.gray b {background-position:100% -66px;color:#666}

.tab {background-position:0 -90px;float:right;height:20px;font-size:10px}
.tab b {background-position:100% -90px;height:20px}
.tab b i {display:block;float:left;width:14px;height:7px;margin-top:6px;background:url(arrows-green.gif) center -6px no-repeat}
.tab b u {margin:3px 4px 0 0;display:block;line-height:11px;float:left;border-bottom:1px dashed #2297C8;text-decoration:none;color:#2297C8}
.open b i {background-position:center 2px}
.open b i {background-position:center 2px}




.fake-filebrowse {
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
	}
	
.fake-filebrowse input {
	position:absolute;
	right:.6em;
	top:0;
	height:22px;
	text-align:right;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity: 0;
	z-index: 2;
	}
.fake-filebrowse span {
	position:relative;
	z-index:1
	}
	
	
	
.footer {
	background:#7A7A7A;
	color:#BFBFBF;
	padding:40px 80px 0 80px;
	font-size:11px
	}
	
.footer li {display:inline;padding:0 8px;border-right:1px solid #999}
.footer ul {text-align:right}
.footer li.first, .footer li.last {border:0}
.footer li a {color:#fff;padding:0;margin:0}


/* STATS */

.stats-wrapper {margin:0 80px}
.stats-wrapper h2 {margin:30px 0}
.stats {
	border-collapse:collapse;
	border:0;
	width:100%
	}
	
.stats thead tr{
	height:40px;
	border:1px solid #E1E1E1;
	border-color:#EFEFEF #E2E2E2 #FBFBFB #E1E1E1
	}
	
.stats thead th {
	background:#EEE url(table-header-bg.png) 0 0 repeat-x
	}
	
.stats thead th a {
	color:#666;
	font-size:14px;
	display:block;
	padding:12px;
	text-decoration:none;
	background:url(table-header-l.gif) 100% 1px no-repeat
	}
.stats thead th.last a {background:none}
.stats thead th a:hover {color:#000}

.stats thead th b {
	display:block;
	padding-right:16px;
	font-weight:normal
	}	

.stats .sorted-up b, .stats .sorted-down b {
	background:url(arrows.gif) 100% 6px no-repeat
	}
.stats .sorted-down b {background-position:100% -188px}
	
.stats tbody td {
	padding:20px 12px 16px 12px;
	line-height:22px
	}
.stats tbody td .button {float:none}
.stats tbody td .button  b {float:none;text-align:right}

.stats tbody th {background:url(table-line.gif) bottom left repeat-x}

.stats tbody th div {
	background:#F7F7F7 url(description-bg.png) left bottom repeat-x;
	padding:12px
	}

.stats tbody th ul {overflow:hidden;clear:both}
.stats tbody th ul li {
	float:left;
	width:256px;
	height:80px;
	}
.stats tbody th ul li img {
	display:block;
	float:left;
	margin:0 12px 0 0 
	}

.pagination  {float:right;overflow:hidden;clear:both;margin:70px 80px 0 70px}
.pagination li {
	display:block;
	float:left;
	margin-left:10px
	}
.pagination li a {display:block;width:36px;height:36px;line-height:36px;text-align:center}
.pagination li.active a, .pagination li a:hover {
	background:url(circle-green.png) center center no-repeat;
	color:#FFF;
	text-decoration:none
	}