/* 
Document   : forms
Created on : Jun 17, 2008, 2:28:24 PM
Author     : luka
Description: za svakojake formulare na sajtu
*/



.tekstBoks {
	margin: 0px;
}



.registrationForm {
	padding: 0px;
}
.registrationForm form {
	margin: 0px;
}
.registrationForm td {
	color: #666666;
}
.registrationForm .label {
	width: 230px;
	height: 55px;
	/*text-align: right;*/
	font-family: Tahoma, Arial;
	font-size: 17px;
	color: #5C727A;
	text-transform: uppercase;
}
.registrationForm .suggestLabel {
	vertical-align: top;
	padding-top: 15px;
}

.registrationForm .polje {
	width: 245px;
}
.registrationForm .polje1 {
	width: 245px;
	padding-left: 243px;
}

.registrationForm .siroko {
	width: 400px;
}
.registrationForm .datum input, .registrationForm .datum select {
	float: left;
	margin-right: 10px;
}

.registrationForm input {
	width: 230px;
	border: 2px solid #00A8E3;
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #333333;
	padding: 3px;
	margin: 15px 0;
}
.registrationForm input.counterInput {
	width: 50px!important;
	border: 2px solid #00A8E3;
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #333333;
	padding: 3px;
	margin:0 0 15px!important;
	text-align:center
}
.registrationForm .radio tr td {
	padding-right: 20px;
}
.registrationForm .radio input {
	width: 12px;
	border: 0px;
	margin: 0px;
}
.registrationForm .check, .registrationForm .check input {
	width: 12px;
	border: 0px;
	margin: 0px;
}
.registrationForm .antirobot {
	width: 150px;
	margin-left: 10px;
}
.registrationForm .drugo {
	margin-top: -10px;
}

.registrationForm .dugme {
	margin-right: 10px;
	background:transparent url(/img/button.gif) no-repeat scroll left top;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:25px;
	text-align:center;
	text-transform:uppercase;
	width:100px;
	border:none;
	line-height:25px; text-decoration:none
}
.registrationForm .dugme a{
	color: #FFFFFF;
}


.registrationForm .dugmeSec {
	margin-right: 10px;
	background:transparent url(/img/buttonSec.gif) no-repeat scroll left top;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:25px;
	text-align:center;
	text-transform:uppercase;
	width:100px;
	border:none;
	line-height:25px; text-decoration:none
}
.registrationForm .dugmeSec a{
	color: #FFFFFF;
}



.registrationForm select {
	display: block;
	width: 240px;
	border: 2px solid #00A8E3;
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #333333;
	padding: 2px;
	margin: 15px 0;
}
.registrationForm .siroko select {
	width: 400px;
}
.registrationForm textarea {
	height: 200px;
	width: 390px;
	border: 2px solid #00A8E3;
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #333333;
	padding: 3px;
	margin: 15px 0;
}
.registrationForm .nisko textarea {
	height: 96px;
}

.separatorBottom table {
	 background-image: url(/img/dashedLila.gif);
	 background-repeat: repeat-x;
	 background-position: bottom;
	 margin-bottom: 20px;
}


#center  .registrationForm img {
	margin-bottom: 0px;
}
#center  .registrationForm img.foto {
	margin-bottom: 10px;
}

.separator td {
	 /*border-top: 1px dashed #C3A2AA;*/
	 background-image: url(/img/dashedLila.gif);
	 background-repeat: repeat-x;
	 background-position: top;
}
.separator td td {
	/*border: 0px;*/
	background-image: none;
}

.dodatne td {
	 /*border-top: 1px dashed #C3A2AA;*/
	 background-color:#DDDDDD;
	 
	 font-weight:bold;
	 font-size:16px !important
}
.dodatne td.label{padding-left:20px;}
.dodatne td.polje{padding-left:0px;}


.dodatne td td {
	/*border: 0px;*/
	background-image: none;
}


.registrationForm a.dugme1, a.dugme1 {
	margin: 15px 10px 15px 0;
	background:transparent url(/img/button.gif) no-repeat scroll left top;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:25px;
	text-align:center;
	text-transform:uppercase;
	width:100px;
	border:none;
	line-height:25px; text-decoration:none
}


.registrationForm table.check {
	width: 250px;
	margin: 15px 0;
}



/* -- VESTINE -- */

.skills .label {
	width: 642px;
	height: 32px;
	padding-top: 15px;
	text-align: left;
}
.skills .polje {
	width: 642px;
	padding-left: 0px;
}
.skills .polje input, .skills .polje select {
	float: left;
	margin-right: 10px;
}
.skills .polje input.pola, .polje input.pola {
	width: 110px;
}
.skills .polje select.pola,.polje select.pola {
	width: 120px;
}


/* -- tabele -- */

.lista {
	margin-top: 10px;
	width: 100%;
}
.lista tr td, .lista tr th {
	padding: 4px 8px;
	background-color: #E5E5E5;
	height:40px
}
.lista tr.heading td, .lista tr th.heading, .lista tr th {
	background-color: #e0e0e0;
	font-weight: bold;
	text-align: left;
}

.jezik {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 100%;
}
.jezik tr td {
	padding: 0px;
}
.jezik input, .jezik select {
	margin: 0px;
}
.jezik .radio input {
	margin-right: 10px;
}
.jezik a.dugme {
	margin-bottom: 0px; 
	margin-top: 0px; 
	float: right;
}


/* -- tabovi -- */

.tabovi {
	border-top: 0px;
	margin-top: 0px;
	background-color:#EDEDED;
	padding:20px
}
.tabs {
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
	height: 30px;
	background-color: #FFFFFF;
}
.tabs .tab {
	display: block;
	float: left;
/*	width: 92px;
*/	
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 17px;
	color: #666666;
}
.tabs .tab a {
	line-height: 30px;
	text-decoration: none;
}
.tabs .tab a:hover {
	color: #CD5F5F;
}

.tabs .active {
	background-image: url(/img/tabBgrd.png);
	background-repeat: repeat-x;
}
.tabs .active a, .tabs .active a:hover {
	color: #CD5F5F;
}
.tabs .disabled a, .tabs .disabled a:hover {
	color: #999999;
	text-decoration: line-through
}


/* KALENDAR */

div.calendar input {
    width: 20px;
    margin-right: 3px;
    
}
div.calendar input.calendar {
    width: 40px;
    margin-right: 3px;
    background-image: none;
}
div.calendar select {
    width:100px;
    margin-right: 3px;
}

div.calendar a {
    display: inline;
    width: auto;
    height: auto;
    padding: 0;
    background-image: none;
    color: #FF3300;
    font-size: 10px;
    margin: 0px;
    float: none;
}
div.calendar a:hover {
    background-image: none;
}
div.calendar {
    font-size:11px;
}

div.calendar td , table.list_filter tr td div.calendar td {
    height: auto;
    text-align:right;
    padding: 0px;
    border: 0px;
}

.jscalendar-DB-title-control-normal-style, .jscalendar-DB-title-control-select-style{
    color: #ffffff;
}





.dodaj .uputstvo, .registrationForm  .uputstvo {
	padding-bottom: 10px;
	font-size: 11px;
}





.registrationForm input.dveCifre {
	width: 25px; 
	text-align: center;
	display: inline;
}
.registrationForm input.cetiriCifre {
	width: 40px; 
	text-align: center;
	display: inline;
}


.message {
	font-size: 11px;
	color: #A03360;
}




/* -- DODATNE OPCIJE -- */

.dodatne td {
}
.registrationForm .dodatne td.label {
	width: 220px;
}


.save td {
	padding-top: 20px;
}