/* remember to define focus styles! */
:focus {
	outline: 0;
}

form {	
	margin: 0;
	padding: 0;
}

button { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}

div.nobackground {
	background: transparent;
}

input.mustfill {
	border-color: red !important;
}

textarea.mustfill {
	border-color: red !important;
}

.progressWrapper {
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/ProgressBarEmpty.png') -12px -10px no-repeat;
	width: 265px;
	overflow: hidden;
}

.progressContainer {
	padding: 4px 5px 5px 5px;
	overflow: hidden;
}

.progressName {
	margin-top: 6px;
	width: 241px;
	white-space: nowrap;
	overflow: hidden;
	font: bold 10px Verdana;
	color: #555555;
}

.progressName div {
	width: 198px;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	background: #ffcc00 url('http://g.delfi.lv/d/b/upload/ProgressBar.png');
	width: 0%;
	height: 9px;
	font-size: 0;
}

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

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

.progressBarLimit {
	padding: 6px 0 0 3px;
	width: 235px;
}

#media_upload {
	margin: 0 auto;
	width: 420px;
	background: #ffffff;
	text-align: left;
	font: normal 10px Verdana, sans-serif;
}

#media_upload a.progressCancel {
	float: right;
	width: 40px;
	font-size: 11px;
}

#media_upload h3 {
	clear: both;
	margin: 0 0 12px;
	text-align: center;
	font: bold 12px Verdana;
}

#media_upload p {
	margin: 0;
	padding: 0;
}

#media_upload .textinfo .complexinput {
	float: left;
}

#media_upload .textinfo .complexinput input {
	float: none;
}

#media_upload .file_upload {
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/upload.png') 30px 7px no-repeat;
	padding: 5px 0 4px 96px;
}

#media_upload .file_upload_content {
	min-height: 49px;
}

#media_upload .file_upload_separator {
	clear: both;
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/separator_line.png') 6px 0 no-repeat;
	padding: 1px 0 0;
}

#media_upload .intro {
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/media_upload.png') 24px 7px no-repeat;
	padding: 13px 6px 10px 101px;
}

#media_upload .intro a, #media_upload a.progressCancel, #media_upload .thanks_info a {
	font-weight: bold;
	text-decoration: none;
}

#media_upload .intro a:link, #media_upload .intro a:visited, #media_upload a.progressCancel:link, #media_upload a.progressCancel:visited, #media_upload .thanks_info a:link, #media_upload .thanks_info a:visited {
	color: #0166fe;
}

#media_upload .intro a:hover, #media_upload .intro a:active, #media_upload a.progressCancel:hover, #media_upload a.progressCancel:active, #media_upload .thanks_info a:hover, #media_upload .thanks_info a:active {
	color: #3f8aff;
}

#media_upload .media_submit {
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/separator_line.png') 6px 0 no-repeat;
	padding: 14px 0 10px;
	text-align: center;
}

#media_upload .media_upload_border {
	border: solid 1px #afafaf;
}

#media_upload .textinfo {
	border-bottom: 1px solid #ffffff;
	background: url('http://g.delfi.lv/d/b/upload/separator_line.png') 6px 0 no-repeat;
	padding: 12px 0 4px;
	overflow: hidden;
}

#media_upload .textinfo input, #media_upload .textinfo textarea {
	float: left;
	border: solid 1px #9f9f9f;
}

#media_upload .textinfo ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#media_upload .textinfo label {
	float: left;
	display:block;
	margin-right: 5px;
	width: 97px;
	text-align: right;
}

#media_upload .textinfo li {
	float: left;
	margin: 0 0 6px;
	padding: 0;
}

#media_upload .textinfo input, #media_upload .textinfo textarea {
	padding: 4px 2px;
	font: normal 11px Verdana;
}

#media_upload .note {
	color: #9c9c9c;
}

#media_upload .thanks {
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/submitted.png') 24px 7px no-repeat;
	padding: 18px 0 18px 100px;
	font: normal 16px Verdana;
}

#media_upload .thanks_info {
	background: #f7f4ef url('http://g.delfi.lv/d/b/upload/separator_line.png') 6px 0 no-repeat;
	padding: 14px 0 0 100px;
}

#media_upload .thanks_info p {
	padding: 0 0 12px;
}

#media_upload input#bday, #media_upload input#bmonth {
	width: 40px;
}

#media_upload input#byear {
	width: 60px;
}

#media_upload #info_comment, #media_upload #info_name {
	clear: both;
	width: 382px;
}

#media_upload #info_comment textarea, #media_upload #info_name input {
	width: 280px;
}

#media_upload #info_comment textarea {
	height: 50px;
}

#media_upload #info_email input {
	width: 140px;
}

#media_upload #info_phone {
	width: 140px;
}

#media_upload #info_phone input {
	width: 101px;
}

#media_upload #info_phone label {
	width: 34px;
}

#media_upload #thumbnails {
	background: #ffffff url('http://g.delfi.lv/d/b/upload/separator_line.png') 6px 0 no-repeat;
	padding: 17px;
}

#media_upload_toggler {
	margin: 6px 0;
	background: transparent url('http://g.delfi.lv/d/b/upload/letssubmit.png?1') 6px 0 no-repeat;
	padding:  3px 0 3px 40px;
	font: bold 14px Verdana;
	cursor: pointer;
}

#media_upload_toggler .toggler {
	float: right;
	padding-top: 3px;
	font-size: 10px;
}

#progressBarStatus {
	margin-top: 2px;
	padding: 2px 0;
	width: 230px;
	font-size: 7pt;
	text-align: left;
	white-space: nowrap;
}
li.text_item.quest {
	text-align: left;
	padding-left: 10px;
}
