/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.1
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/* ol,ul {list-style:none;} */
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
table {margin: auto;}
html { font-size: 100%; /* IE hack */ }

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../images/interface/bg.gif) repeat-x;
}

table { font-size: 100%; /* IE hack */ }

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	margin-bottom: 1em;
}

a {
	color: #f30;		
}
		
a:hover {
	text-decoration: none;
}
acronym
{
	border-bottom: dotted 1px;
	cursor: help;
}

#kontejner {
	margin: 0 auto;
	width: 990px;
	text-align: center;
}

	#nav-bar {
		background: url(../images/interface/nav-strelica.gif) left top no-repeat;
		padding-left: 25px;
		text-align: left;
		color: #fff;
		height: 30px;
		margin-bottom: 2em;
		line-height: 28px;
		font-size: .6em;
	}
	
		#nav-bar a {
			color: #fff;
			text-decoration: none;
		}
		
			#nav-bar a:hover {
				color: #ccc;
			}
				
		#login {
			float: right;
			list-style: none;
			text-transform: uppercase;
		}
		
			#login li {
				display: inline;
				margin-left: 2em;
			}
			
		.korisnik {
			float: right;
		}
		
.logotip {
	margin-bottom: 2em;
}

	.logotip img {
		display: none;
	}
			
	#logo {
		clear: both;
		background: url(../images/interface/logo-monetbroker.gif) no-repeat;
		margin: 0 auto 2em auto;
		width: 310px;
		height: 55px;
		overflow: hidden;
		text-indent: -25000px;
	}
	
		#logo a {
			display: block;
			width: 310px;
			height: 55px;
			overflow: hidden;
			text-indent: -25000px;
		}

.naziv-stranice {
	color: #000;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 0;
}

.opis-stranice {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #999;
	margin-bottom: 2em;
}

#sajdbar {
	float: left;
	margin-bottom: 2em;
	margin-right: 2em;
	font-size: 0.9em;
}
#sajdbar div
{
	margin-bottom: 10px;
}
#sajdbar h3
{
	/*font-size: 1.2em;*/
	font-family: Verdana;
	color: #ffffff;
	background: #900 url(../images/interface/bg-tabela-naslov.gif) left top repeat-x;
	padding: 0.2em;
	line-height: 20px;
	font-weight: bold;
}
#sadrzaj {
	margin-bottom: 2em;
	text-align: left;
	/*margin-left: 200px;*/
}

	.forma {
		background-color: #eee;
		border: 3px solid #ddd;
		font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1.5em;
		padding: 2em;
	}
	
		.forma h3 {
			color: #c00;
			font-size: 1.3em;
			font-weight: bold;
		}
			
		.forma p {
			margin-bottom: .5em;
		}
		
		.forma label {
			float: left;
			width: 8em;
			font-weight: bold;
		}
		
		.forma .kolona {
			float: left;
			margin-right: 2em;
		}
		
		.forma select {
			background-color: #fff;
			border: 2px solid #ddd;
			padding: .3em;
			width: 160px;
		}		
		.forma-textfield, .forma-broj {
			background-color: #fff;
			border: 2px solid #ddd;
			padding: .3em;
			width: 13em;
		}
		.forma-broj {
			width: 5em;
			text-align: right;
		}
		.forma-lse
		{
			padding: .3em 0 0 0;
			width: 13em;
			color: Gray;
			font-style: italic;
			font-size: smaller;
		}
		.prijava {
			margin: 0 auto;
			width: 21em;
		}
		.prijava p 
		{
			clear: both;
		}
		
			.dugme-prijava {
				float: left;
			}
		
			.zaboravljena-lozinka {
				float: right;
				margin: 0 .4em 0 0;
				text-align: right;
				font-size: .7em;
				line-height: 20px;
			}
		
		#reg-forma {
			margin: 0 auto;
			width: 800px;
		}
		
		.reg-uputstvo {
			margin: 1em;
			font-size: .9em;
			line-height: 1.5em;
			text-align: justify;
		}

		.registracija {
			margin: 0 auto;
			margin-bottom: .5em;
			padding: 1em;
		}
			
		.registracija-upozorenje {
			text-align: center;
			font-size: .8em;
			color: #f00;
			font-weight: bold;
			margin-bottom: 1em;
		}
		
		.pravnizastupnik-provjera {
			float: left;
			font-size: .8em;
			font-weight: bold;
			line-height: 50px;
		}
		
			.pravnizastupnik-provjera input {
				margin-right: 1em;
			}
		
		.registracija-dugmici {
			float: right;
		}
		
		#koraci-registracije {
			margin: 0 auto;
			margin-bottom: 1em;
			width: 960px;
		}
		
		.box {
			float: left;
			width: 300px;
			height: 150px;
			background: url(../images/interface/box-crveni.gif) no-repeat;
			margin-right: 20px;
			color: #fff;
			filter:alpha(opacity=20);
			opacity:0.2;
			/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
			-moz-opacity: 0.2;*/
		}
		
			.aktivni 
			{
			filter:alpha(opacity=100);
			opacity:1;
			/*
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;*/
			}
		
			.box .zadnji {
				margin-right: 0;
			}
			
			.box h3 {
				float: left;
				font-weight: bold;
				font-size: 4em;
				width: 40px;
				margin: 5px;
			}
			
			.box p {
				width: 210px;
				float: right;
				margin: 10px 10px .3em 10px;
				font-size: .7em;
				line-height: 1.5em;
			}
			
#footer {
	clear: both;
	text-align: center;
	font-size: .7em;
	margin-top: 12em;
}

	#copyrights {
		float: left;
	}
	
	#lotosit {
		float: right;
	}
	
.hide { display: none }

#medjukorak {
	margin: 0 auto;
	width: 500px;
	background-color: #eee;
	border: 7px solid #ddd;
	padding: 1em;
	text-align: center;
}

	#medjukorak h2 {
		font-size: 1.5em;
		font-weight: bold;
		color: #c00;
		margin-bottom: 0;
	}
	
		#medjukorak .opis-stranice {
			font-size: .9em;
			margin-bottom: .5em;
		}
	
	#medjukorak .medju {
		background: none;
		border: none;
		padding: 2em;
		padding-bottom: 0;
	}
	
	#medjukorak label {
		text-align: left;
	}
	
.modalPopup {
	background-color: White;
	font-size: .9em;
	font-weight: bold;
	color: #666;
	background-image: url(../images/interface/modalTitleBg.gif);
	background-repeat: repeat-x;
	width:350px;
}

.modalPopup .modalTitleBar
{
	cursor: move; color: White; text-align: left;
}
.modalTitleBar .modalTitle
{
	 padding: 5px;
}
	
.modalTitleBar .btnClose
{
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(../images/interface/dugme_zatvori_vista.gif);
	background-repeat: no-repeat;
	float: right;
	width: 28px;
	height: 0;
	padding-top: 15px;
	overflow: hidden;
}
.modalPopup .modalContent
{
	padding: 10px;
}
.modalPopup .modalContent p
{
	padding: 5px 0;
	text-align: center;
}
	.alert .poruka {
		background: url(../images/interface/alert.gif) left center no-repeat;
		padding: 32px 0;
		padding-left: 90px;		
		background-color: #eee;
		font-size: .9em;
		font-weight: bold;
		color: #ff0000;
	}	
	
	.information .poruka {
		background: url(../images/interface/information.gif) left center no-repeat;
		padding: 32px 0;
		padding-left: 70px;
		background-color: #eee;
		font-size: .9em;
		font-weight: bold;
		color: Green;
	}
	
	.potvrda {
		text-align: right;
	}
		
		.potvrda .potvrdi {
			margin-right: 1em;
		}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}		
#novinalog {
	width: 960px;
	margin: 0 auto;
}

	#novinalog fieldset {
		background-color: #eee;
		border: 3px solid #ddd;
	}
	
		body #novinalog.kupovina fieldset {
			background-color: #def;
			border: 3px solid #bcd;
		}
		
			body #novinalog.kupovina fieldset h2 {
				color: #369;
			}
	
		body #novinalog.prodaja fieldset {
			background-color: #fadfdf;
			border: 3px solid #d66;
		}
		
			body #novinalog.prodaja fieldset h2 {
				color: #c00;
			}
	
	#novinalog h2 {
		font-size: 1.1em;
		font-weight: bold;
		padding: .4em;
		margin-bottom: .2em;
	}
	
	#novinalog p {
		font-size: .8em;
		padding: 1em;
		padding-bottom: .2em;
		margin-bottom: 0;
		line-height: 1em;
	}

	#novinalog .kolona {
		float: left;
		width: 430px;
		height: 170px;
		margin: 10px;
	}
	
	#novinalog .labela-floatana {
		float: left;
		width: 150px;
	}
	
	#novinalog input.check-radio {
		margin-right: 5px;
	}
	
	.novinalog-dugmici {
		width: 900px;
		text-align: center;
	}
.tabela 
{
	text-align: left;
	border-collapse: collapse;
	border: 0;
	margin: 0 auto;
	width: 100%;
	font-size: .8em;	
}

	.tabela td 
	{
		border-collapse: collapse;			
		border: 0;
		/*width: 33%;*/
		padding: 0.2em;
		white-space: nowrap;
	}
	
		.tabela th 
		{
			padding: 0.2em;
			line-height: 20px;
			background: #900 url(../images/interface/bg-tabela-naslov.gif) left top repeat-x;
			color: #fff;
			font-weight: bold;
		}
		.tabela .podnozje td
		{
			border-top: double 5px black;
			font-weight: bold;
		}
	
	.tabela tr.odd 
	{		
		background-color: #ddd;
		
	}	
.cistac
{
	display: block;
	float: none;
	clear: both;
}
.tabela .numCol
{
	text-align: right;	
}
.neg
{
	color: #ff0000;
}

.disabled
{

	background-image: url(../images/interface/bg_disabled.gif);
	border: solid 2px white;
}
#orderDetails dt
{
	text-align: left;
	margin-top: 5px;
	border-bottom: solid 1px;
}
#orderDetails dd
{
	text-align: left;
	margin-left: 20px;
}