/* BASIC LAYOUT */

* { padding:0; margin:0px; }

body {
	text-align:center;
}

a:active {
  outline: none;
}

a:focus {
  outline: none;
}

#container {
	position:relative;
	margin: 0 auto;
	display:block;
	width:564px;
	height:223px;
	background: url(../images/top_bg.jpg) no-repeat;
}

#form_field {
	position:absolute;
	display:block;
	margin-left:224px;
	margin-top:145px;
}

#success_message {
	display:block;
	position:absolute;
	width:284px;
	color:#fff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin-left:0px;
	text-align:left;
}

#subscribe {
	display:block;
	position:absolute;
	width:284px;
	height:93px;
	text-indent:-99999px;
	background:url(../images/subscribe.png) no-repeat;
	margin-top:-110px;
	margin-left:-3px;
}

#unsubscribe {
	display:block;
	position:absolute;
	width:284px;
	height:93px;
	text-indent:-99999px;
	background:url(../images/unsubscribe.png) no-repeat;
	margin-top:-110px;
	margin-left:-3px;
}

#email {
	border:1px solid #85bd52;
	width:218px;
	height:19px;
	float:left;
	margin-top:3px;
	margin-right:5px;
	margin-bottom:5px;
	padding:2px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
	color:#6a9641;

}

#invite_button {
	display:block;
	position:absolute;
	width:181px;
	height:31px;
	text-indent:-99999px;
	background:url(../images/ponudi.png) 0px -31px no-repeat;
	margin-top:192px;
	margin-left:223px;
}

a#invite_button:hover {
	background:url(../images/ponudi.png) 0px 0px no-repeat;
}

#unsubscribe_button {
	display:block;
	position:absolute;
	width:117px;
	height:31px;
	text-indent:-99999px;
	background:url(../images/odjava.png) 0px -31px no-repeat;
	margin-top:192px;
	margin-left:404px;
}

a#unsubscribe_button:hover {
	background:url(../images/odjava.png) 0px 0px no-repeat;
}

#subscribe_button {
	display:block;
	position:absolute;
	width:117px;
	height:31px;
	text-indent:-99999px;
	background:url(../images/prijava.png) 0px -32px no-repeat;
	margin-top:192px;
	margin-left:404px;
}

a#subscribe_button:hover {
	background:url(../images/prijava.png) 0px 0px no-repeat;
}

#middle {
	position:absolute;
	display:block;
	margin-top:223px;
	background: url(../images/middle_bg.jpg) repeat-y;
}

#friends_header {
	display:block;
	background:url(../images/ponudi_header.jpg) no-repeat;
	width:490px;
	height:19px;
	text-indent:-9999px;
	margin-top:35px;
	margin-left:30px;
}

#friends_form {
	text-align:left;
	margin-left:30px;
	margin-top:10px;
}

#friends_form input.text {
	border:1px solid #85bd52;
	width:218px;
	height:19px;
	padding:2px;
	margin-bottom:5px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
	color:#6a9641;
}

#friend_submit_button {
	clear:all;
	margin-top:10px;
	margin-left:-3px;
}

#friends_thanks {
	display:block;
	width:440px;
	color:#85bd52;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	margin-left:30px;
	text-align:left;
}

#bottom {
	position:relative;
	display:block;
	width:546px;
	height:37px;
	background: url(../images/bottom_bg.jpg) no-repeat;
}

.friend_error_message {
	clear:left; 
	display:block; 
	padding-bottom:8px; 
	color:#FF0000; 
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}

.label_text {
	font-family:arial; 
	font-size:14px; 
	font-weight:bolder;
	color:#85bd52;
}

.message {
	clear:both;
	text-align:left;
	margin-left:4px;
	font-family:arial;
	font-size:12px;
	padding:0;
	color:#ed1c24;
}