body {
	
}
.pager {
	text-align:right;
}
.pager b{
	color:#000;
	font-size:1.2em;	
}
.pager a {
    text-decoration: none;
    text-align: center;
    color: #666;
}
 
.pager a:hover {

}
#slides {
	cursor:default;	
	border:1px solid #ddd;
	padding:2px;
}
.pageHeader img.food {
	border:1px solid #ddd;
	padding:2px;
	margin: 5px 5px 0 0;		
}
.pageHeader h1 a, .pageHeader h1 a:hover, .pageHeader h1 a:visited {
	color:#000;
}
.detail {
	margin: 5px 5px 0 0;	
}
.detail a {
	color:#666;text-decoration:none;font-size:0.9em;
}
.detail span {
	font-size:1.1em;color:#333;	
}
.home-links {
	text-decoration:none;	
	display:block;
}
.checkbox-grp {
	padding:0 0 0 10px;	
}
.checkbox-grp div label {
	font-weight:normal;	
}
.top-line {
	background:#599800;
	/*border-top: 5px solid #599800;*/
}
.top-line a {
	color:#eee;text-decoration:none;
	font-size:0.9em;	
}
div#header
{
	height: 54px;
	margin: 0 auto 27px;
	position: relative;
}
ul.tabs
{
	float: right;
	margin: 0;
}
ul.tabs li
{
	display: block;
	float: left;
	line-height: 1;
}
ul.tabs li a
{
	border-left: 1px solid #eee;
	color: #333;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 9px 0 0 -1px;
	padding: 18px 5px 11px 15px;
	text-decoration: none;
	width: 90px;
}
ul.tabs li a:hover,ul.tabs li.current a
{
	background: #599800;
	border: 0;
	color: #fff;
	margin: 0;
	moz-border-radius: 0 0 3px 3px;
	padding-top: 27px;
	position: relative;
	text-shadow: 0 -1px 1px rgba(0,0,0,.25);
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottom-left:3px;
	-webkit-border-radius-bottom-right:3px;
	z-index: 2;
}
ul.tabs li span
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
ul.tabs.short li a
{
	padding: 9px 5px 13px 15px;
}
ul.tabs.short li a:hover,ul.tabs.short li.current a
{
	padding: 18px 5px 13px 15px;
}
ul.tabs.short li span
{
	font-size: 14px;
}
ul.tabs.small li a
{
	font-size: 14px;
}
ul.tabs.small li a
{
	padding: 20px 5px 13px 15px;
}
ul.tabs.small li a:hover,ul.tabs.small li.current a
{
	padding: 29px 5px 13px 15px;
}
ul.tabs.small li span
{
	font-size: 14px;
}

div.pageHeader h1 { font-size: 20px; line-height: 1; letter-spacing: -1px; color: #555; font-weight:normal;}
div.pageHeader h1 small { font-size: 18px; font-weight: normal; letter-spacing: 0; color: #999; }
div.pageHeader p { color:#999999; float:left; font-size:13px; font-weight: normal; line-height:18px; margin:-1px 0 6px; padding:0; position:relative; }


form { margin: 0 0 18px; }
fieldset {  }
label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; }
input.input-text, input.password, textarea { color:#444; display: block; background: #fff; width: ; -moz-box-shadow: 0 1px 1px #ccc; margin: 0; padding: 3px 4px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px #ccc; font: 16px/22px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; }
select {font-size:1.1em;border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc;padding:3px 4px;}
form input.input-text:focus, form textarea:focus { outline: none; border-color: #999; -moz-box-shadow: 0 1px 1px #bbb; -webkit-box-shadow: 0 1px 1px #bbb;}
textarea { width: 272px; }
span.wrap { background: #fff; display: inline-block; margin: 0 0 0; padding: 3px; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
span.wrap * { vertical-align: top; }
span.wrap small { font-size: 12px; color: #666; line-height: 18px; padding: 3px 10px 0 2px; position: relative; top: 4px; }
input.medium, textarea.medium { width: 224px; }
input.large, textarea.large { width: 384px; }
input.fluid, textarea.fluid { width: 580px; }
.ui-icon {float:left;}
button{padding:2px 1px;}

	form.awesome span.wrap { position: relative; }
	form.awesome span.wrap label { color:#999; position: absolute; left: 4px; top: 4px; font-size: 14px; font-weight: normal; width: 266px; height: 26px; padding-left: 6px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; z-index: 1; line-height: 24px; }
	form.awesome span.wrap label span { position: relative; top: 1px; left: 1px; cursor: text; }
	form.awesome input.input-text { font-size: 14px; width: 264px; padding: 3px 4px 5px; background: none !important; position: relative; z-index: 10; }
	form.awesome textarea { font-size: 12px; line-height:15px; padding: 3px 4px 5px; background: none !important; position: relative; z-index: 10; }
	body.ff3 form.awesome input.input-text { padding: 4px; }

	form.awesome span.mini label { width: 142px; }
	form.awesome span.mini input.input-text { width: 140px; }
	form.awesome span.medium label { width: 326px; }
	form.awesome span.medium input.input-text { width: 324px; }
	form.awesome span.large label { width: 436px; }
	form.awesome span.large input.input-text { width: 432px; }
	
	form.awesome label.overlay span { opacity: 0.4; -webkit-transition: opacity 200ms linear; }
	form.awesome label.focus span { opacity: 0.2; }
	form.awesome label.hastext span { opacity: 0.0; -webkit-transition: opacity 0ms linear; }
	
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #ccc;
  border-top:0;
  margin:9px 0 0 0;
  padding:0;
  box-shadow: 10px 10px 5px #888;
  
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #FCF4D0;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
table.sastojci {
	border: 1px solid #ddd;
	 -moz-box-shadow: 2px 2px 2px #ddd; -webkit-box-shadow: 2px 2px 2px #ccc;
}
table.sastojci tr td {
	padding:4px 6px;
}
table.sastojci tr td a {
	color:#000;text-decoration:none;	
}
table.sastojci tr.odd td {
	background-color:#e2e2e2;	
}
table.sastojci tr td.sastojak {
	width:40%;
}
div.recept-slika img {
border:1px solid #ccc;padding:2px;
}
ul.recept-links li a {
	color:#333;text-decoration:none;
	border-bottom:1px dotted #888;
}
.avatar-medium {
	padding:2px; border:1px solid #eee;
}
#rate {
float:left;	
}
.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(/common/g/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

table.moji_recepti,table.moji_recepti td, table.moji_recepti th {
	border:0;
}
table.moji_recepti tr.alt td
{
	background-color:#e5e5e5;	
}
table.moji_recepti tr td a {
	font-size:1.5em; color:#000; text-decoration:none;
}

