/* o.(oO).o */


/* FIELDSETS  */

fieldset {
	border: 0;
	font-size: 1.2em;
}

/* ACTION BUTTONS */

input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING */

form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 15px 10px 10px 0;
	background: #E9E9E9;
	padding: 4px;
	width: 306px;
	clear: left;
}
#Sidebar .middleColumn {
	margin: 0 0 0 8px;
	display: inline;
}

div.tab .field .middleColumn {
	clear: none !important;
	margin: 0 !important;
	width: auto;
}

.middleColumn .middleColumn {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.middleColumn .message {
	margin: 0;
}

/* INPUT BOXS */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}

input:focus span, textarea:focus span {
	border: 3px solid #000;
}

/* SELECT DROPDOWN */

select {
	width: auto;
}

/* LABELS */

.typography label {
 	display: block;
	margin: 10px 0 -10px 0;
	color: #777;
	font-size: 1em;
}

label.right {
	display:inline;
}

/* SEARCH BOX */

#Search {
	width: 105px;
}

input#Search_Form_SearchForm_Search {
	width: 110px;
	padding: 3px;
	margin-left: -4px;
	font-size: 1.2em;
}

#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}


/* ---- Tomislav start css -----*/


.form-intro h2 {
	font-size: 30px;
	color: #0082d2;
	line-height: 120%;
	font-weight: normal;
	margin: 39px 0 10px 0;
}

.form-intro p {
	font-size: 16px;
	color: #666;
	line-height: 160%;
	font-weight: bold;
	width: 680px;
	float: left;
	margin-bottom: 15px;
}

.application-form {
    width: 680px;
    float: right;
    margin-right: 3px;
}

.application-form ul {
    margin-top: 52px;
}

.application-form li {
    display: block;
    margin-bottom: 20px;
}

.application-form label {
    color: #666;
    font-size: 12px;
    width: 300px;
}

.application-form input {
	border: 1px solid #ccc;
	margin-right: 8px;
}

.application-form label span {
    font-weight: bold;
    display: block;
    margin: 0 0 10px -12px;
    color: #0082d2;
    font-size: 16px;
}

.application-form select {
    font-size: 12px;
    color: #666;
}

.application-form p {
    color: #666;
    font-size: 13px;
    line-height: 135%;
    margin: 20px 0 15px -11px;
    width: 665px;
}

.application-form a {
    color: #666;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    background: url(../media/assets/posalji_prijava.png) no-repeat;
    width: 102px;
    height: 27px;
    text-indent: -9000em;
    display: block;
    margin-left: -15px;
}

.application-form a:hover {
    text-decoration: none;
}

.application-form .inputi label {
    width: 260px;
    display: inline-block;
}

.application-form input.input-text {
    width: 370px;
}

label.jezik-ime {
    width: 110px;
    display: block;
}

label.pisanje {
    display: block;
	margin: -40px 0 4px 225px;
	width: 50px;
}

label.govor {
    display: block;
	margin: -44px 0 5px 450px;
	width: 50px;
}

select.prijava {
    border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 13px;
	margin: 0px 0 15px -12px;
	width: 205px;
	font-weight: normal;
}

.prva {
	margin-bottom: 20px;
	position: relative;
}

.prva select {
	margin-left: -13px;
	border: 1px solid #ccc;
	color: #666;
	width: 205px;
	font-weight: normal;
	font-size: 13px;
}

.prva table {
    float: left;
    width: 267px;
    margin-left: -18px;
}

li table input {
	margin-right: 5px;
	padding: 3px 0 2px 0;
}

.prva table label	{
	position: relative;
	bottom: 2px;
}

.prva input.search {
	margin-left: 0px;
	position: relative;
	bottom: -1px;
	padding: 3px 0 2px 0;
}

.prva span.natjecaj {
	font-size: 11px;
	left: -150px;
	position: relative;
	top: 20px;
}

.pripravnik {
	margin-bottom: 0px;
	position: relative;
}

.pripravnik tr {
	float: left;
	margin-right: 20px;
}

.pripravnik td label {
	position: relative;
	bottom: 2px;
}

.pripravnik table {
	margin-left: -17px;
	margin-bottom: 20px;
}

.pozicija table {
	margin-left: -14px;
}

.pozicija td {
	padding-bottom: 10px;
	display: inline-block;
	width: 226px;
}

.pozicija td label {
	position: relative;
	bottom: 2px;
}

.podrucja table {
	margin-left: -16px;
	margin-bottom: 10px;
}

.podrucja td {
	width: 221px;
}

.podrucja td label {
	bottom:2px;
	display:inline-block;
	left:25px;
	line-height:140%;
	position:relative;
	top:-26px;
	width:200px;
}

.podaci {
	float: left;
	position: relative;
}

.podaci label {
	display: block !important;
}

.podaci label.prezime {
	display: block !important;
	margin: 0 0 10px -11px;
}

.podaci input {
	float: left;
	margin-left: -11px;
	width: 324px;
	padding: 3px 0 2px 0;
	position: relative;
	z-index: 1;
}

.podaci label {
	display: inline-block;
}

.ime {
	margin-top: 22px;
	position: relative;
	margin-bottom: 15px;
}

.ime label {
	display: inline-block;
	margin-left: 10px;
	position: relative;
	bottom: 5px;
}

.ime input {
	margin-left: 10px;
	width: 324px;
	padding: 3px 0 2px 0;
}

label.rodjenje {
	display: block;
	margin: 0 0 10px -11px;
}

.application-form .prva input.input-text {
    margin-top: 29px;
}

.druga span {
    display: inline-block;
    width: 260px;
}

.druga select {
    width: 120px;
}

.datumi {
	float: left;
	position: relative;
	margin-bottom: 15px
}

select.datum-dan {
    margin: 0 17px 0 -11px;
    width: 80px;
    border: 1px solid #ccc;
    font-weight: normal;
}

select.datum-mjesec {
    margin-right: 17px;
    width: 99px;
    border: 1px solid #ccc;
    font-weight: normal;
}

select.datum-godina {
	width: 98px;
	border: 1px solid #ccc;
	font-weight: normal;
}

.spol {
	float: left;
	margin-left: 20px;
	width: 320px;
	position: relative;
}

.spol table {
	margin-left: -5px;
}

.spol table tr {
	float: left;
	margin-right: 15px;
}

.spol table td label {
	position: relative;
	bottom: 2px;
}

.lang-input-pisanje {
    margin-right: 20px;
}

.adresa {
	clear: both;
	float: left;
	margin: 0 11px 10px -11px;
	position: relative;
}

.adresa label {
	display: block;
	margin-bottom: 5px;
}

.adresa input {
	width: 324px;
	padding: 3px 0 2px 0;
}

.mjesto {
	float: left;
	margin-bottom: 10px;
	position: relative;
}

.mjesto label {
	display: block;
	margin-bottom: 5px;
}

.mjesto input {
	width: 326px;
	padding: 3px 0 2px 0;
}

.mjesto select, .adresa select {
	width: 326px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	font-weight: normal;
	font-size: 13px;
}

.godine {
    clear: left;
    margin-left: -12px;
}

.last {
	margin-bottom: 20px;
}

.obrazovanje {
	clear: both;
	margin-left: -11px;
}

.obrazovanje span {
	margin: 0 0	2px 0 !important;
}

.obrazovanje p {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 20px;
}

.alati {
	clear: both;
	margin-bottom: 7px;
}

.alati table {
	margin-left: -15px;
}

.alati td {
	display: inline-block;
	padding-bottom: 10px;
	width: 226px;
}

.alati td label {
	position: relative;
	bottom: 2px;
}

.jezik select, .dod-jezik select {
    margin-left: 225px;
	width: 205px;
	border: 1px solid #ccc;
	font-weight: normal;
	font-size: 13px;
}

select.lang-input-govor {
    margin: 0 0 20px 451px !important; 
}

.dod-jezik input {
    width: 205px;
    margin-right: 20px;
    padding: 3px 0 2px 0;
}

.jezik {
    margin: 0 0 15px -11px;
    position: relative;
}

.dod-jezik {
	margin: 0 0 0 -11px;
}

.upload input {
	margin-left: -11px;
}

.dod-jezik label.jezik-ime {
	margin-bottom: 5px;
}

.dod-jezik label.pisanje, .dod-jezik label-govor {
	margin-top: -42px;
}

.dod-jezik label.govor {
    width: 45px;
}

span.izjava {
	margin-left: -15px;
}

span.izjava input {
	border: 1px solid #ccc;
	margin-right: 5px;
	cursor: pointer;
}

span.izjava label {
	position: relative;
	bottom: 2px;
	cursor: pointer;
}

span.pripravnik {
    top: 510px;
}

span.ime {
    margin-top: 30px;
    width: 200px;
    right: 214px;
}

span.dan {
    right: 296px;
    top: 647px;
    width: 118px;
}

span.mjesec {
    right: 166px;
    top: 647px;
    width: 118px;
}

span.godina {
    right: 16px;
    top: 647px;
    width: 118px;
}

span.adresa {
    width: 175px;
    right: 238px;
    margin-top: 30px;
}

span.drzava {
    right: 277px;
    margin-top: 30px;
}

span.email {
    margin-top: 30px;
    right: 163px;
    width: 250px;
}

span.obrazovanje {
    margin-top: 30px;
    right: 184px;
    width: 230px;
}

span.pisanje {
    margin-top: 28px;
    right: 365px;
}

span.govor {
    margin-top: 28px;
    right: 122px;
}

li.zadnja {
    margin: 50px 0 -30px 0;
}

.error2 {
	position: absolute;
	font-size: 11px;
}

.error {
	font-size: 11px;
	position: absolute;
}

.prva .error {
	top: 0;
	left: 105px;
}

.pripravnik .error {
	left: 270px;
	top: -5px;
}

.poz {
	position: relative;
}

.poz .error {
	top: 0;
	left: 218px;
}

.podaci .error {
	top: 25px;
	left: 40px;
}

.ime .error {
	top: 0;
	left: 360px;
}

.datumi span.dan {
	position: absolute;
	top: 20px;
	left: 75px;
}

.datumi span.mjesec {
	position: absolute;
	top: 20px;
	left: 197px;
}

.datumi span.godina {
	position: absolute;
	top: 20px;
	left: 320px;
}

.spol .error {
	top: 5px;
	left: 30px;
}

.adresa span.adres {
	position: absolute;
	top: 0;
	left: 110px;
}

.mjesto span.mjest {
	position: absolute;
	top: 0;
	left: 45px;
}

.adresa span.postanski {
	position: absolute;
	top: 0;
	left: 87px;
}

.mjesto span.drzav {
	position: absolute;
	top: 0;
	left: 42px;
}

.adresa span.emajl {
	position: absolute;
	top: -1px;
	left: 44px;
}

.adresa span.ustanov-l, .mjesto span.ustanov-r {
	position: absolute;
	top: 0;
	left: 148px;
}

.adresa span.upis-l, .mjesto span.upis-r {
	position: absolute;
	top: 0;
	left: 80px;
}

.adresa span.sprema {
	position: absolute;
	top: 0;
	left: 140px;
}

.mjesto span.dod-is {
	position: absolute;
	top: 0;
	left: 150px;
}

span.eng-pis, span.fra-pis, span.ger-pis, span.tal-pis {
	position: absolute;
	top: -30px;
	left: 270px;
}

span.eng-gov, span.fra-gov, span.ger-gov, span.tal-gov {
	position: absolute;
	top: -30px;
	left: 486px;
}

.application-form label span {
	color: #005ba6;
}

.send-app {
	margin-top: 40px;
}

.strani-jezici {
	margin-bottom: 40px;
}

.podrucja {
	position: relative;
}

.podrucja .error {
	font-size: 11px;
	top: 18px;
	left: -12px;
}

.podrucja .zaposlenja-err {
	top: 18px;
	left: -12px;
	font-size: 11px;
	position: absolute;
}

.tel-error {
	margin: 220px 0 0 -425px;
	font-size: 11px;
	position: absolute;
}

.izjava-error {
	font-size: 20px;
	margin-left: -38px;
	margin-top: 30px;
	position: absolute;
}

.thank-you {
	margin-top: 20px;
}

.thank-you p {
	font-size: 18px;
	color: #666;
	line-height: 130%;
	margin-bottom: 10px;
}

.thank-you p a {
	color: #00599E;
	text-decoration: none;
}

.thank-you p a:hover {
	text-decoration: underline;
}

.pozicija span.error {
	top: 18px;
	left: -12px;
}

.pozicija {
	position: relative;
}

.validation-list {
	font-size: 18px;
	margin: 40px 0 0 -15px;
	line-height: 130%;
}

.validation-list ul {
	margin-top: 40px;
	font-size: 12px;
}

.validation-list ul li {
	float:left;
	line-height:140%;
	margin-bottom:15px;
	margin-right:60px;
	width:164px;
}