body{margin: 0; padding: 0; font-size: 12px; font-family: Arial,sans-serif; text-align: center; background: #f8f8f8 url(../images/tlo3.gif) repeat-y center; color: #6d6e70}
a {color: #6d6e70; text-decoration: none}
a:hover{text-decoration: underline}
#tlo{width:100%; min-height: 300px; background: url(../images/tlo1.gif) repeat-x; text-align: left}
#top{width:688px; margin: 0 auto; background: url(../images/tlo3.gif) repeat-y; text-align: left}
#main{width: 688px; background: url(../images/tlo2.gif) no-repeat; padding: 102px 20px 0 20px}

#box{width: 235px; float: left; background: url(../images/box2.gif); margin-left: 30px}
#box div {padding: 0 20px 10px 20px}
#box span {color: #ea5329; font-weight: bold}

#f{width: 350px; float: left; margin-top: 15px; padding: 10px}
fieldset, form {border: none; padding: 0; margin: 0}

#f1 input {border: 1px solid #6d6e70; width: 220px; height: 14px; padding: 2px; font-size: 10px}

.l {float: left}
.r {float: right}
.c {clear: both}
#stopka{font-size: 11px; border-top: 1px solid #e4e4e4; margin: 0 30px 0 30px; padding-top: 15px}
#stopka a {font-size: 11px}
#stopka .m a {font-size: 10px; color: #b6b6b7}
.m {font-size: 10px; color: #b6b6b7; width: 150px; float: right; text-align: right}
.lm{float: left; margin-right: 10px}
.l2 {float: left; margin-top: 10px; margin-right: 3px}

.logo {width: 360px; height: 70px; display: block; position: absolute}

/* -- Form Styles ------------------------------- */
form {	
	margin: 0;
	padding: 0;
}



div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}




input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */



#btnSubmit { margin: 6px 0 0 0; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}


#f1 input.generuj{width: 101px; height: 24px; border: none}