body {

	background-color: #DBF9E8;
	font: 12px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;

}

#page { 
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 850px;
margin: auto;
margin-top: 20px;
}

form {width:830px;}
#text {float:left;
		width:200px;
		}


#title {

	width: 330px;
	height: 26px;
	color: #000;
	font: 12px/24px bold "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	background: transparent url("images/bg_legend.gif") no-repeat;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;

}

.clear{

  clear:both;

}

#text {

	float:left;
	width:200px;

}

#loginPage{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 1000px;
	margin: auto;
 
 }

 .loginBtn{
	margin-left: 180px;
	width: 80px;
	border-radius: 3px;
	
}



.user {

	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(images/bg_label.gif) no-repeat;

}

.pass {

	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;

}

.passcomment {

	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;

}

.usercomment {

	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(images/bg_label_comment.gif) no-repeat;

}

div.row {

	clear: both;
	width: 335px;

}

.submit {

	height: 29px;
	width: 330px;
	background: url(images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;

} 

input {

	border: 1px solid #8595B2;
	background-color: #fff;
	font: 14px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 2px 0px 10px;
	padding: 2px;

}

input[type="image"]{

	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;

}

textarea {

	border: 1px solid #8595B2;
	background-color: #fff;
	font: 14px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 4px 0 5px 8px;
	padding: 1px;

}

a:link { 

text-decoration:none; 

color: #000;

} 

a:visited { 

text-decoration:none; 

color: #000;

} 

a:hover { 

text-decoration:underline; 

color: #000;

}






.menu {
  height: 52%;
  width: 110px;
  position: fixed;
  left: 0;
  margin-top: 100px;
  border-radius: 10px	
}

.sideBtn {

    color: #b8ec79 !important;
    padding:2px 2px 2px 2px !important;
	width: 100px;

}


.NazadObracun {

    color: #b8ec79 !important;
    padding:2px 2px 2px 2px !important;
	width: 200px;

}


.NazadObracunAkon {

    color: #b8ec79 !important;
    padding:2px 2px 2px 2px !important;
	width: 200px;
	margin-left: 20px;

}


table.akontacijeTable td {

	border-bottom: 1px solid;
	padding: 2px 2px 2px 2px;

}

table.akontacijeTable tr {

	border-bottom: 1px solid;

}

table.akontacijeTable th {

	font-weight: bold;
	border-bottom: 3px solid;
	padding: 2px 2px 2px 2px;

}



*[name=edit] tr td:first-child {

	font-size: 14px;

}



.width10px {    width: 10px;    }
.width20px {    width: 20px;    }
.width30px {    width: 30px;    }
.width40px {    width: 40px;    }
.width50px {    width: 50px;    }
.width60px {    width: 60px;    }
.width70px {    width: 70px;    }
.width80px {    width: 80px;    }
.width90px {    width: 90px;    }
.width100px {   width: 100px;   }




.display{
	text-align: center;
}

.udj{
	margin-top: 100px;
}

.ugr{
	margin-top: 100px;
}



.DelGradBtn{
	margin-top: 30px;
	margin-left: 350px;
}



.ispis{
	margin-top: 100px;
}


input[type=image]{
	background-color:#DBF9E8;
}

#ispis1{
	margin-left: 55px;
}

#ispis2{
	margin-left: 35px;
}

/* Select menu za gradilišta (1, 2, 3) */

select[name=gradid_1],[name=gradid_2],[name=gradid_3],[name=mjgod],[name=status] {
	width: 152px;
	background-color: #fff;
	box-shadow: 0 0 2px rgb(204, 204, 204);
	font-size: 12px;
	color: #333;
	height: 100%;
	padding: 5px;
	margin-top: 5px;

}  


select[name=selispis]{
	width: 150px;
	background-color: #fff;
	box-shadow: 0 0 2px rgb(204, 204, 204);
	font-size: 13px;
	color: #333;
	padding: 2px

}  



/* Gumb za ažuriranje satnica */

.btnSaveSatnice {
	box-shadow:inset 0px 0px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:8px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #854629;
}
.btnSaveSatnice:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.btnSaveSatnice:active {
	position:relative;
	top:1px;
}

/* Gumb za ažuriranje statusa */

.editStatusiSpremiBtn {
	box-shadow:inset 0px 0px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:8px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #854629;
}
.editStatusiSpremiBtn:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.editStatusiSpremiBtn:active {
	position:relative;
	top:1px;
}

/* Select menu za listu statusa */

.statusiSelect{
	width: 150px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 2px rgb(204, 204, 204);
	transition: all .5s ease;
	font-size: 13px;
	color: #000;
	height: 100%;
	padding: 8px;
  }

/* Select menu za gradilista */

.gradid{
	width: 170px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 2px rgb(204, 204, 204);
	font-size: 13px;
	color: #474747;
	height: 100%;
	padding: 4px;   
}    		
   

/* Select menu za status djelatnika */


/* Select menu za brisanje gradilišta */

select[name=delGrad]{
	width: 300px;
	background-color: #fff;
	box-shadow: 0 0 2px rgb(204, 204, 204);
	font-size: 12px;
	color: #e60000;
	height: 100%;
	padding: 5px;
	margin-left: 10px;
	margin-top: 5px;

} 

/* Select menu za vračanje gradilišta */

select[name=unDelGrad]{
	width: 300px;
	background-color: #fff;
	box-shadow: 0 0 2px rgb(204, 204, 204);
	font-size: 12px;
	color: #4d4dff;
	height: 100%;
	padding: 5px;
	margin-left: 10px;
	margin-top: 5px;

} 


select[name=god] {
    width: 152px;
    background-color: #fff;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    font-size: 12px;
    color: #333;
    height: 100%;
    padding: 5px;
    margin-top: 5px;
}
    
	


   
  h4 {
	float: center;
	color: #f2f2f2;
	text-align: center;
  }     
        


.footernav{
  position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #333;
   color: white;
   text-align: center;
}


.brisanja{
	margin-top: 100px;
}

.vracanja{
	margin-top: 50px;
}

#pwdbtn{
	position: fixed;