legend {
	color: #eee;
	background: #176ac7;
	border: 1px solid darkblue;
	padding: 2px 6px;
	background-color: #1a82f7;
   background-image: url(images/fallback-gradient.png);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7);
   background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
   background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
   background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

fieldset
{
    width: 330px;
    border: 1px solid darkblue;
    padding: 6px;
    margin: 20px auto;
    -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

/*--------------------*/

form {
    width: 310px;
    padding: 20px;
    border: 1px solid #270644;
 

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
   background-image: url(images/fallback-gradient.png);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7);
   background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
   background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
   background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);

    -moz-box-shadow:0px -5px 300px #270644;
    -webkit-box-shadow:0px -5px 300px #270644;
}


label {
		font-size: 12px;
		text-align: center;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #fff;
		text-shadow: #000 1px 1px;
		margin-bottom: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		display: block;
	}

	input {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #CEF6F5;
		width: 280px;
		    -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
	}

	input.submit {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
		width: 100px;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));	
		background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
		color: #fff;
		text-transform: uppercase;
		text-shadow: #000 1px 1px;
		border-top: 1px solid #ad64e0;
		margin-top: 10px;
	}

	input.submit:hover {
		-webkit-box-shadow: 0px 0px 2px #000;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
		background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
	} 

	input.submit:active {
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#781bb9), to(#963AD6));
		background:  -moz-linear-gradient(19% 75% 90deg,#963AD6, #781bb9);
	}

	input:hover {
		-webkit-box-shadow: 0px 0px 4px #000;
		background: #fff;
	}

  p.dvojac {
		padding-top: 4px;
		font-size: 12px;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #fff;
		text-shadow: #000 1px 1px;
		margin-bottom: 10px;
		font-weight: bold;
		letter-spacing: 1px;

	}
	
	  p.dvojac a {
		padding-top: 4px;
		padding-left: 12px;
		font-size: 12px;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #CEF6F5;
		margin-bottom: 10px;
		font-weight: bold;
		letter-spacing: 1px;

	}
	
	
	/* greskice */


 .success, .warning, .errormsgbox, .validation {
	border: 1px solid;
	margin: auto;
	padding:10px 10px 10px 10px;
	font-size:12px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 10px center;
  font-weight:bold;
  width:500px;
  	-moz-border-radius: 6px;
border-radius: 6px;
   -webkit-border-radius:0px 0px 6px 6px;
     
}

.success {
   
	color: #000000;
	background-color: #eee;
	background-image:url('../images/success.png');
}
.warning {

	color: #000000;
	background-color: #C0C0C0;
	background-image: url('../images/warning.png');
}
.errormsgbox {
 
	color: #000000;
	background-color: #FF9900;
	background-image: url('../images/error.png');
	
}
.validation {
 
	color: #000000;
	background-color: #176ac7;
	background-image: url('../images/error.png');
}