/*
                                                 
-> Project: najboljeknjige.com                    
-> Author: Igor Gotal-Luksa / Dobbin			 
-> Copyright (c) 2010: Dobbin
                   							                         
*/


/* REGISTER & LOGIN
----------------------------------------------------------------------------*/

	#register-login-wrapper, .textual-page-wrapper {
		background: url("../../assets/images/block_shadow_940.gif") no-repeat bottom center;
		padding-bottom: 5px;
		margin-bottom: 15px;
		}
		
	#register-login, .textual-page {
		width: 940px;
		margin-left: 10px;
		padding: 10px 0 10px 0;
		background-color: #7a6f8b;
		border: 0;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}

	#register-login-block, .textual-page-block {
		width: 920px;
		margin-left: 10px;
		background: #fff url("../../assets/images/wide_block_bg.gif") no-repeat bottom center;
		padding: 20px 0 20px 0;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}
		
	.trailer-page-block {
		width: 920px;
		margin-left: 10px;
		background: #fff url("../../assets/images/wide_block_bg.gif") no-repeat bottom center;
		padding: 20px 0 20px 0;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}
		
	#register-login-block p {
		font: bold 1.3em/200% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 5px;
		}
		
	#register-login-block p.register-description {
		font: normal 1.25em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 5px;
		}
		
	#register-login-block p.register-description a {
		color: #d75115;
		text-decoration: underline;
		}
		
	div.alert {
		font: normal 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
		display: block;
		color: #c60d0d;
		background-color: #feeded;
		padding: 7px 7px 7px 10px;
		margin: 7px 0 7px 0;
		border: 1px solid #fbbfbf;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
	div.alert span {
		color: #FF0000;
	}

	div.alertOK {
		font: normal 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
		display: block;
		color: #0dc60d;
		background-color: #edfeed;
		padding: 7px 7px 7px 10px;
		margin: 7px 0 7px 0;
		border: 1px solid #bffbbf;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
	div.alertOK span {
		color: #00FF00;
	}

	#register-login-block p.register-description a:hover {
		text-decoration: none;
		}
		
	#register-login-block p span {
		color: #d75115;
		font-weight: normal;
		}
		
	#register-login-block p input {
		width: 380px;
		padding: 3px;
		border-color: #000 #d1d1d1 #d1d1d1 #000;
		border-style: solid;
		border-width: 1px;
		}
		
	#register-login-block .form-radio-button input {
		color: #000;
		width: 20px;
		position: relative;
		left: -5px;
		top: 6px;
		border: none;
		}
		
	#register-login-block .form-radio-button label {
		color: #000;
		position: relative;
		top: 6px;
		}
		
	#register-login-block .form-checkbox input {
		color: #000;
		width: 20px;
		position: relative;
		left: -5px;
		top: 6px;
		border: none;
		}
		
	#register-login-block .form-checkbox label {
		color: #000;
		position: relative;
		top: 6px;
		}
		
	#register-login-block p input:focus, #register-login-block p input.userdata:focus {
		background-color: #f4f3f5;
		}
		
	#register-login-block p input.userdata {
		background-color: #edecf0;
		}
		
	#register-login-block p input.submit-button {
		font: bold 1em/145% Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		background-color: #d75115;
		color: #fff;
		border: none;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 20px 0 20px 0;
		padding: 5px;
		width: 150px;
		cursor: pointer;
		cursor: hand;
		}
		
	#register-login-block p input.submit-button-green {
		font: bold 1em/145% Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		background-color: #d75115;
		color: #fff;
		border: none;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 20px 0 20px 0;
		padding: 5px;
		width: 150px;
		cursor: pointer;
		cursor: hand;
		}
		
	#register-login-block p select {
		width: 390px;
		padding: 3px;
		border-color: #000 #d1d1d1 #d1d1d1 #000;
		border-style: solid;
		border-width: 1px;
		}
		
	#register-login-block h3 {
		font: normal 2.4em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #d75115;
		border-bottom: 1px dotted #919191;
		padding-bottom: 3px;
		margin-bottom: 10px;
		width: 390px;
		}
		
	#register-login-block h3.login {
		font: normal 2.4em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #61899a;
		border-bottom: 1px dotted #919191;
		padding-bottom: 3px;
		margin-bottom: 10px;
		width: 390px;
		}
		
	#register-login-block h4 {
		font: bold 1.3em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		padding-bottom: 3px;
		}
		
	#register-login-block p.standard-text {
		font: normal 1.3em/145% Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 20px;
		}
		
	#register-login-block p.standard-text a {
		color: #d75115;
		text-decoration: underline;
		}
		
	#register-login-block p.standard-text a:hover {
		text-decoration: none;
		}
		
	#register-login-block-left {
		width: 390px;
		float: left;
		margin-left: 30px;
		border-right: 1px dotted #919191;
		padding-right: 30px;
		}
		
	#register-login-block-right {
		width: 380px;
		float: right;
		margin-right: 50px;
		}
		
		
/* USER PROFILE
----------------------------------------------------------------------------*/

	.personal-data {
		margin-left: 30px;
		}
		
	.personal-data p {
		font: bold 1.3em/200% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 5px;
		}
		
	.personal-data p input {
		width: 380px;
		padding: 3px;
		border-color: #000 #d1d1d1 #d1d1d1 #000;
		border-style: solid;
		border-width: 1px;
		}
		
	.personal-data p input:focus, .personal-data p input.userdata:focus {
		background-color: #f4f3f5;
		}
		
	.personal-data p select {
		width: 390px;
		padding: 3px;
		border-color: #000 #d1d1d1 #d1d1d1 #000;
		border-style: solid;
		border-width: 1px;
		}
		
	.personal-data p input.submit-button {
		font: bold 1em/145% Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		background-color: #d75115;
		color: #fff;
		border: none;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 20px 0 20px 0;
		padding: 5px;
		width: 200px;
		cursor: pointer;
		cursor: hand;
		}
		
	.personal-data .form-radio-button input {
		color: #000;
		width: 20px;
		position: relative;
		left: -6px;
		top: 7px;
		}
		
	.personal-data .form-radio-button label {
		color: #000;
		position: relative;
		top: 6px;
		left: -7px;
		}
		
	.personal-data-left {
		width: 390px;
		float: left;
		border-right: 1px dotted #919191;
		padding-right: 30px;
		}
		
	.personal-data-right {
		width: 380px;
		float: right;
		margin-right: 50px;
		}
		
	.personal-data-right p {
		font: normal 1.3em/145% Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 20px;
		}
		
	.personal-data-left p.standard-text {
		font: normal 1.3em/145% Verdana, Arial, Helvetica, sans-serif;
		margin: 20px 0 20px 0;
		}
		
	.personal-data-right h4 {
		font: bold 1.3em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		padding-bottom: 3px;
		}