/* CSS written by Daniel Zabolotny for Z-Up.net */
img, div { behavior: url(iepngfix.htc) }

body {
background: #FFF url(stripes.gif) repeat;
font-size: 12px;
color: #444;
font-size: 14px;
font-family: Lucida, Helvetica, sans-serif;
text-align: center;
margin: auto;
}
#body_wrap {
margin: 25px auto 0 auto;
width: 600px;
text-align: center;
}
.header {
width: 600px;
height: 150px;
background: url('header.png') no-repeat top left;
margin: 0 auto 0 auto;
}
.nav {
width: 550px;
height: 51px;
margin: 10px 0px 0px 22px;
color: #444;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #999;
overflow: hidden;
}
.nav a:link {
padding: 18px 34px 18px 34px;
font-size: 14px;
font-weight: bold;
background: #FFF;
color: #444;
float: left;
margin: 0 0 0 0;
border-bottom: 1px solid #FFF; 
text-decoration: none;
}
.nav a:visited {
padding: 18px 34px 18px 34px;
font-size: 14px;
font-weight: bold;
background: #FFF;
color: #444;
float: left;
margin: 0 0 0 0;
border-bottom: 1px solid #FFF;
text-decoration: none;
}
.nav a:hover {
font-weight: bold;
background: #56B149;
color: #222;
border-bottom: 1px solid #56B149;
text-decoration: none;
}
.beta {
position: absolute;
left: 0px;
top: 0px;
background: url(betabanner.png) no-repeat top left;
width: 215px;
height: 250px;
}
.maintop {
background: #333 url(maintop.gif) no-repeat top;
width: 792px;
border-width: 0px 2px 0px 2px;
border-style: solid; 
border-color: #000;
margin: 0 auto 0 auto;
height: 25px;
}
.main {
background: #FFF;
width: 598px;
border-width: 0px 1px 0px 1px;
border-style: solid; 
border-color: #666;
padding: 25px 0px 25px 0px;
margin: 0 auto 0 auto;
}
.mainbottom {
background: #333 url(mainbottom.gif) no-repeat top;
width: 792px;
border-width: 0px 2px 0px 2px;
border-style: solid; 
border-color: #000;
margin: 0 auto 0 auto;
height: 25px;
}
.spacer {
height: 100px;
width: 600px;
}
.bottom {
background: url(footer.png) no-repeat top;
width: 600px;
margin: 0 auto 0 auto;
height: 150px;
clear: both;
}
.footer {
font-size: 10px;
color: #444;
text-align: center;
}
.file {
background: #FFF;
width: 150px;
height: 20px;
border: none;
text-align: left;
}
.content {
width: 400px;
text-align: left;
margin: auto;
background: #333;
color: #FFF;
padding: 10px;
}
.uploadbox {
width: 530px;
margin: 10px 0px 0px 22px;
padding: 10px;
border: 1px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
hr {
width: 100%;
background: url(dot.gif) repeat-x center center;
height: 4px;
border: 0;
}
.rulesbox {
width: 530px;
margin: 10px 0px 0px 22px;
padding: 10px;
border: 1px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: left;
}
.newsbox {
width: 530px;
margin: 10px 0px 0px 22px;
padding: 10px;
border: 1px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: left;
font-size: 12px;
}
.number {
color: #003300;
font-size: 14px;
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 0px;
}
.title {
font-weight: bold;
color: #003300;
text-align: center;
font-size: 12px;
}
.alert {
color: #000;
font-weight: bold;
border: 1px solid #E6523D;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px;
margin: auto;
}
p {
margin: 0 auto 0 auto;
padding: 0px;
}
h5 {
font-size: 10px;
font-weight: normal;
margin: 0 auto 0 auto;
}
a {
color: #000;
font-weight: bold;
text-decoration: underline;
}
a:link {
color: #000;
font-weight: bold;
text-decoration: underline;
}
a:visited {
color: #555;
font-weight: bold;
text-decoration: underline;
}
a:hover {
color: #777;
font-weight: bold;
text-decoration: underline;
}
.picture {
margin: 100px auto 0 auto;
}
.SI-FILES-STYLIZED label.cabinet
{
	width: 300px;
	height: 30px;
	background: url(btn-choose-file.gif) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto 0 auto;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.button {
background: #FFF;
margin: 10px 0px 0px 5px;
padding: 5px 20px 5px 20px;
border: 1px solid #003300;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
color: #222;
font-size: 12px;
}
.button:hover {
background: #56B149;
}
.upload {
margin: 10px 0px 0px 5px;
padding: 5px 40px 5px 20px;
border: 1px solid #003300;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
color: #222;
font-size: 12px;
background: #FFF url('upload.gif') no-repeat top right;
}
.upload:hover {
background: #56B149 url('upload.gif') no-repeat bottom right;
}
.file {
width: 500px;
}
.ubrDebug {
	font: 16px Arial;
	background-color: #FFFFFF;
	border: 1px solid #898989;
	width: 900px;
	height: 100px;
	overflow: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.ubrAlert {
	font: 18px Arial;
}

.ubrFinishedData {
	background-color: #b3b3b3;
	border: 1px solid #898989;
	width: 700px;
	
}

.ubrFinishedData  th{
	text-align: center;
	background-color: #bbbbbb;
	font-weight: bold;
}

.ubrFinishedOdd{
	text-align: center;
	background-color: #dddddd;
}

.ubrFinishedEven{
	text-align: center;
	background-color: #eeeeee;
}

.ubrUploadData {
	background-color: #b3b3b3;
	width: 500px;
}

.ubrUploadDataLabel {
	background-color: #dddddd;
	font: 13px Arial;
	width: 50%;
	text-align: left;
	font-weight: bold;
}

.ubrUploadDataInfo{
	background-color: #dddddd;
	font: 13px Arial;
	width: 50%;
	text-align: center;
}

.ubrBar1 {
	background-color: #b3b3b3;
	position: relative;
	text-align: left;
	height: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 5;
	background-image:url(progress_bar_white.gif);
	layer-background-image:url(progress_bar_white.gif);
}

.ubrBar2 {
	background-color: #98c33c;
	position: relative;
	text-align: left;
	height: 24px;
	width: 0%;
	z-index: 6;
	background-image:url(progress_bar_blue.gif); 
	layer-background-image:url(progress_bar_blue.gif);
}

.ubrError {
	color: red;
}

.ubrWarning{
	color: yellow;
}