/* BODY */
html {
	height: 100%;
}
body {
	background: #6fb2f9;
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	
	background-image: url("/img/left.jpg"), url("/img/right.jpg");
	background-position: left bottom, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;

}
h1 {
	color: #428803;
	border-top: 1px dotted #51a604;
	font-size: 24px;
}
h2 {
	color: #a17908;
	border-bottom: 1px dotted #51a604;
	font-size: 20px;
}
h3 {
	color: #a17908;
	border-bottom: 1px dotted #51a604;
	font-size: 16px;
}
a img {
	border:none;
}
/* MAIN DIVS */
#main {
	width: 900px;
	height: 100%;
	margin: auto;	/*middle align*/
	padding: 0;
	text-align: justify;
	border-left:2px solid #51a604;
	border-right:2px solid #51a604;
	box-shadow: 0 0 15px #666666;
	background: white;
}
#header {
	height: 185px;
	text-align: center;
	position: relative;
}
#headerLinks {
	position: absolute;
	top:0;
	right: 10px;
	width: 50px;
	height: 50px;
}

#headerLinks a {
	text-decoration: none;
	color: #a17908;
	font-weight: bold;
	
}

#headerLinks a:hover {
	color: #428803;
	text-decoration: underline;
}

#mainForm {
	margin: 0 10px;
	width: 880px;
}
#footer {
	background: #51a604;
	padding: 5px 0;

	color: #fff;
	text-align: center;	
	font-size: 12px;
	

}
/* NAVIGATION */

#headerNav {
	border-top: 1px dotted #51a604;
	background: #f5f1e6;
}

#headerNav a {
	display: inline-block;
	text-decoration: none;
	color: #a17908;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 50px;
	margin-left: 10px;
}

#headerNav a:hover {
	color: #428803;
	text-decoration: underline;
}

/* OTHER DIVS */
div.didYouKnow {
	background: #f5f1e6;
	border: 1px solid #51a604;
	padding: 20px;
	margin: 20px 20px 20px 0;
	border-radius: 20px;
}
div.didYouKnow h2 {
	color: #a17908;
	border-bottom: 1px dotted #51a604;
	margin: 0;
	font-size: 20px;
}
div.didYouKnow p {
	color: #a17908;
	font-size: 16px;
	font-family: Georgia, serif;
}


/* ADS */
#ad1 {
	width: 336px; height: 280px; float: right;
}
#ad2 {
	width: 336px; height: 280px; float: right; margin-top: 65px;
}
#ad3 {
	width: 768px; height: 90px; margin: auto;
}
#adSearch1 {
	width: 768px; height: 90px; margin: auto;
}
#adTypes1 {
	width: 336px; height: 340px; float: right; margin: 0 0 10px 10px; 
}
#adTypes2 {
	clear: both; width: 768px; height: 90px; margin: auto;
}
#adTypes3 {
	clear: both; width: 768px; height: 90px; margin: auto;
}
#adPalm1 {
			width: 336px;
			height: 280px;
			float: right;
			margin: 0 0 10px 10px;
		}
		
#adPalm2 {
			clear: both;
			width: 768px;
			height: 90px;
			margin: auto;
		}
		
#adPalm3 {
			clear: both;
			width: 768px;
			height: 90px;
			margin: auto;
		}
/* SEARCH BUTTON */
#searchButton {
    font-size: 20px;
    color: #a17908;
    padding: 3px 20px 3px 20px;
    border: 1px solid #51a604;
 
    text-shadow: 0px 1px 1px #FFF;
    text-decoration: none;
 
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 
    background: #f5f1e6;

	background-image: linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -o-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -moz-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -webkit-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -ms-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.39, rgb(227,215,180)),
		color-stop(0.85, rgb(245,241,230))
	);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1e6', endColorstr='#e3d7b4', GradientType=0 );
 
    cursor: pointer;
 
}
#searchButton:hover  {
    border: 1px solid #a17908;
	color: #51a604;
	
	background-image: linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -o-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -moz-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -ms-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.45, rgb(245,241,230)),
		color-stop(0.73, rgb(227,215,180))
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d7b4', endColorstr='#f5f1e6', GradientType=0 );
}

/* SEARCH RESULTS */
#searchResults  {
	padding: 10px;
}
#searchResults  h2 {
	color: #a17908;
	font-size: 14px;
	text-align: left;
}
#searchResults table {
	clear: both;
	width: 100%;
	border: 1px solid #51a604;
	border-spacing:0;
	border-collapse:collapse;
}
#searchResults table th{
	color: #a17908;
	border-bottom: 1px dotted #51a604;
	background: #f5f1e6;
	text-align: left;
}
#searchResults table tr:hover {
	color: #428803;
	background: #f5f1e6;
	cursor: hand; cursor: pointer;
}
#searchResults table td.showDetails {
	background: #f5f1e6;
	cursor: hand; cursor: pointer;
	text-align: center;
}
#searchResults table td.showDetails:hover {
	font-weight: bold;
}
#searchResults h3 {
	text-align: center;
	color: #428803;
}
#searchResults a {
	text-decoration: none;
	color: #000000;
}
#searchResults a:hover {
	text-decoration: underline;
	color: #428803;
}
/* SEARCH DETAILS */
#searchDetails{
	width: 600px;
	display: none;
}
#searchDetails h1 {
	border: none;
	color: #428803;
	font-size: 16px;
	margin: 0;
}
#searchDetails h2 {
	color: #a17908;
	font-size: 14px;
	margin: 0;
}
#searchDetails h3 {
	color: #a17908;
	font-size: 12px;
	margin: 20px 0 10px 0;
}
#searchDetails table {
	width: 300px;
	font-size: 12px;
	text-align: left;
	
	border: 1px solid #51a604;
	border-spacing:0;
	border-collapse:collapse;
}
#searchDetails table tr td.headRow {
	color: #a17908;
	border: 1px solid #51a604;
	background: #f5f1e6;
	font-weight: bold;
}
#searchDetails table tr td.headCol {
	color: #428803;
	border-right: 1px dotted #51a604;
	font-weight: bold;
	vertical-align: top;
	width: 25%;
}
#searchDetails div.imageHolder {
	width: 280px;
	height: 350px; 
	border: 1px solid #a17908;
	border-radius: 10px;
}

/* FEATURES */
div.features {
	background: #f5f1e6;
	width: 186px; 
	display: inline-block;
	border: 1px solid #51a604;
	padding: 10px;
	margin: 4px 4px 20px 4px;
	border-radius: 10px;
	vertical-align: top;
	text-align: left;
}
div.features h2 {
	color: #a17908;
	margin: 0 0 5px 0;
	font-size: 16px;
}
div.features  label span {
	display:block; 
	margin: -17px 0 0 25px;
	cursor: hand; cursor: pointer;
}

div.features input[type="radio"]:checked + label, div.features label:hover{
	color: #428803;
}

/* INPUT ROW */
div.inputRow {
	/*background: white;*/
}
div.inputRow input[type="radio"] {
    display:none;
}
div.inputRow label {
    display:inline-block;
	height: 128px;
	width: 128px;
    background: white url('/img/icons.png') -512px -256px;
	cursor: hand; cursor: pointer;
}
div.inputRow input[type="radio"]:checked + label, div.inputRow label:hover{ 
    background-position: -512px -640px;
}
div.inputRow:after {
	/* Allows nested float divs */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
/* INPUT ROW ICON ELEMENTS */
div.inputRowIconElement {
	float: left;
	width: 128px;
	padding: 3px;
}
div.inputRowIconElement p {
	text-align: center;
	color: #428803;
	font-weight: bold;
}

/* ICON BACKGROUNDS */
#btn_leaf_bipinnate + label {
	background: url('/img/icons.png') 0 0;
}
#btn_leaf_bipinnate:checked + label, #lbl_leaf_bipinnate:hover {
	background-position: 0 -384px;
}
#btn_leaf_pinnate + label {
	background: url('/img/icons.png') -128px 0;
}
#btn_leaf_pinnate:checked + label, #lbl_leaf_pinnate:hover {
	background-position: -128px -384px;
}
#btn_leaf_palmate + label {
	background: url('/img/icons.png') -256px 0;
}
#btn_leaf_palmate:checked + label, #lbl_leaf_palmate:hover {
	background-position: -256px -384px;
}
#btn_leaf_costapalmate + label {
	background: url('/img/icons.png') -384px 0;
}
#btn_leaf_costapalmate:checked + label , #lbl_leaf_costapalmate:hover {
	background-position: -384px -384px;
}#btn_leaf_bifid + label {	background: url('/img/icons.png') -640px 0;}#btn_leaf_bifid:checked + label, #lbl_leaf_bifid:hover {	background-position: -640px -384px;}
#btn_leaf_simple + label {
	background: url('/img/icons.png') -512px 0;
}
#btn_leaf_simple:checked + label, #lbl_leaf_simple:hover {
	background-position: -512px -384px;
}


#btn_position_outdoor + label {
	background: url('/img/icons.png') -384px -128px;
}
#btn_position_outdoor:checked + label, #lbl_position_outdoor:hover {
	background-position: -384px -512px;
}
#btn_position_indoor + label {
	background: url('/img/icons.png') -512px -128px;
}
#btn_position_indoor:checked + label, #lbl_position_indoor:hover {
	background-position: -512px -512px;
}


#btn_trunk_single + label {
	background: url('/img/icons.png') 0 -128px;
}
#btn_trunk_single:checked + label, #lbl_trunk_single:hover {
	background-position: 0 -512px;
}
#btn_trunk_clustered + label {
	background: url('/img/icons.png') -128px -128px;
}
#btn_trunk_clustered:checked + label, #lbl_trunk_clustered:hover {
	background-position: -128px -512px;
}
#btn_trunk_none + label {
	background: url('/img/icons.png') -256px -128px;
}
#btn_trunk_none:checked + label, #lbl_trunk_none:hover {
	background-position: -256px -512px;
}


#btn_size_s + label {
	background: url('/img/icons.png') 0 -256px;
}
#btn_size_s:checked + label, #lbl_size_s:hover {
	background-position: 0 -640px;
}
#btn_size_m + label {
	background: url('/img/icons.png') -128px -256px;
}
#btn_size_m:checked + label, #lbl_size_m:hover {
	background-position: -128px -640px;
}
#btn_size_l + label {
	background: url('/img/icons.png') -256px -256px;
}
#btn_size_l:checked + label, #lbl_size_l:hover {
	background-position: -256px -640px;
}
#btn_size_xl + label {
	background: url('/img/icons.png') -384px -256px;
}
#btn_size_xl:checked + label, #lbl_size_xl:hover {
	background-position: -384px -640px;
}


/* DATA TABLES */
.dataTables_length {
	width: 50%;
	float: left;
}

.dataTables_length  select{
	border: 1px solid #51a604;
}

.dataTables_filter {
	float: right;
}

.dataTables_filter input{
	border: 1px solid #51a604;
}

.dataTables_paginate {
	text-align: center;
}

.dataTables_paginate a {
	display: inline-block;
	padding: 7px;
	margin: 2px;
	border: 1px solid #51a604;
	border-radius: 10px;
	line-height: 10px;
	background-color: #f5f1e6;
	cursor: pointer;
	cursor: hand;
}

.dataTables_paginate a:hover {
	color: #428803;
	border-color: #a17908;
}

/* PALM DETAILS */
#palmDetails {
	width: 880px;
}

#palmDetails h1 {
	border: none;
}

#palmDetails h2 {
	color: #a17908;
}

/* IMAGES IN TEXT */
div.image {
	float: left;
}
div.image figure {
	background: #f5f1e6;
	border: 1px solid #51a604;
	border-radius: 10px;
	text-align: center;
}
div.image figure img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 1px;
}
div.image figcaption {
	border-top: 1px dotted #51a604;
	padding: 10px;
	font-size: 12px;
}
div.image figcaption h4 {
	color: #a17908;
	margin: 0;
	font-size: 14px;
}
div.image p {
	margin: 0;
}
div.image p.imgReference {
	margin: 0;
	font-style: italic;
}
div.image p.imgReference a {
	color: #000000;
	text-decoration: none;
}
div.image p.imgReference a:hover {
	color: #428803;
	text-decoration: underline;
}

/* PALM DETAILS SEPARATE PAGE */
/* TOOLTIP */
		.tooltip {
			display:none;
			position:absolute;
			background-color:#a17908;
			border-radius:5px;
			padding: 10px;
			color:#FFF;
			font-size:12px;
		}
		.launchTooltip {
			cursor: help;
		}
		
		/* COLOR */
		.colorBrown {
			color: #a17908;
		}
		
		
		
		/* **** NAMES  */ 
		#palmnames dt {
			color: #428803;
			font-weight: bold;
		}
		
		#palmnames dd {
			font-style: italic;
		}
		
		/* Classification div */
		#classification {
			border: 1px solid #51a604;
			border-radius: 10px;
			padding: 10px;
			float: right;
			width: 310px;
		}
		#classification h3 {
			margin-top: 0;
		}
		#classification dl {
			margin: 0; 
		}
		#classification dt {
			color: #428803;
			font-weight: bold;
		}
		
		/*********** Fact sheet *************/
		#factsheet {
			float: left; width: 100%;
			text-align: left;
		}
		
		#factsheet h2 {
			margin-bottom: 0;
		}
		
		#factsheet dl {
			border: 1px solid #51a604;
			border-radius: 10px;
			padding: 5px;
			margin-right: 5px;
			background: #f5f1e6;
		}
		
		#factsheet .dl33 {
			float: left;
			margin: 0;
			width: 33.33333%;
		}
		
		#factsheet .dl50 {
			float: left;
			margin: 0;
			width: 50%;
		}
		
		#factsheet dt {
			color: #428803;
			font-weight: bold;
		}
		
		#factsheet dd {
			margin-left: 30px;
		}
		
		#factsheet .factImageWrap {
			margin-left: -30px;
			float: left;
		}
		
		#factsheet .factImageWrap img {
			margin: 5px 5px 5px 0;
		}
		
		#factsheet .factTextWrap {
			padding: 5px;
			float: left;
		}
		
		
		/******** GALLERY **********/
		#galleryWrap {
			width: 100%;
			border: 1px solid #51a604;
			border-radius: 10px;
			background: #f5f1e6;
			clear: both;
			margin-bottom: 10px;
		}

		.galleryGrid {
			list-style: none;
			margin: 0 auto;
			width: 100%;
			padding: 8px 0;
			text-align: center;
			position: relative;
		}

		.galleryGrid li {	
			display: inline-block;
			margin: 5px auto;
			vertical-align: top;
			height: 210px;
			width: 210px;
			border-radius: 10px;
			background: #ffffff;
			
		}

		.galleryGrid li > a {
			border: none;
			outline: none;
			display: block;
			padding: 5px;
		}
		
		.galleryGrid li:hover {
			background: #a17908;
		}
		
		.galleryGrid li > a img {
			border: none;
			border-radius: 8px;
			outline: none;
			display: block;
			position: relative;
			height: 200px;
			width: 200px;
		}

		.galleryExpandedLi {
			background: #a17908 !important;
		}

		.galleryExpanded {
			position: absolute;
			top: auto;
			left: 0;
			margin: 0;
			width: 100%;
			border: none;
			background: none;
		}

		.galleryExpandedInner {
			height: 100%;
			margin: 10px;
			border: 2px solid #a17908;
			border-radius: 10px;
			background: #fff;
			overflow: hidden;
		}

		.galleryExpandedClose {
			position: absolute;
			width: 40px;
			height: 40px;
			top: 20px;
			right: 40px;
			cursor: pointer;
			z-index: 100;
		}

		.galleryExpandedClose::before,
		.galleryExpandedClose::after {
			content: '';
			position: absolute;
			width: 100%;
			top: 50%;
			height: 2px;
			background: #a17908;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.galleryExpandedClose::after {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.galleryExpandedClose:hover::before,
		.galleryExpandedClose:hover::after {
			background: #51a604;
		}
		
		.galleryExpandedImg {
			display: inline-block;
			width: 856px;
			max-height: 100%;
		}

		.galleryExpanded figure {
			margin: 0;
			padding: 0;
			display: block;
			position: relative;
		}
		
		.galleryExpanded figcaption {
			padding: 10px;
			margin: 0;
			position: absolute;  
			bottom: 0;  
			background: 
			rgba(255,255,255, 0.8);
			width: 100%;
		}
		
		.galleryExpanded figcaption p {
			margin: 0;
		}
		
		.galleryExpanded figcaption p.imgReference {
			margin: 0;
			font-style: italic;
		}
		.galleryExpanded figcaption p.imgReference a {
			color: #000000;
			text-decoration: none;
		}
		.galleryExpanded figcaption p.imgReference a:hover {
			color: #428803;
			text-decoration: underline;
		}
		
		
/* USER/LOGIN FORME */
.userdata {
	
}
.userdata h1 {
	border: none;
}

.userdata p.formInfo {
	padding: 0;
	margin: 0;
	color: #a17908;
}

.userdata a {
	text-decoration: none;
	color: #a17908;
	font-weight: bold;
	
}

.userdata a:hover {
	color: #428803;
	text-decoration: underline;
}

.userdata div.regOptions a {
	text-decoration: underline;
}

.userdata input[type=text],
.userdata input[type=password],
.userdata input[type=submit],
.userdata input[type=email] {
	display: block;
	margin: 5px 0 10px 0;
}
.userdata input[type=checkbox] {
	margin: 5px 0 10px 0;
}

.userdata label {
	font-weight: bold;
	color: #428803;
}

.userdata input[type=submit] {
    color: #a17908;
	font-weight: bold;
	font-size: 1.1em;
    padding: 3px 20px 3px 20px;
    border: 1px solid #51a604;
 
    text-shadow: 0px 1px 1px #FFF;
    text-decoration: none;
 /*
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
 */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 
    background: #f5f1e6;

	background-image: linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -o-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -moz-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -webkit-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -ms-linear-gradient(bottom, rgb(227,215,180) 39%, rgb(245,241,230) 85%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.39, rgb(227,215,180)),
		color-stop(0.85, rgb(245,241,230))
	);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1e6', endColorstr='#e3d7b4', GradientType=0 );
 
    cursor: pointer;
}

.userdata input[type=submit]:hover  {
    border: 1px solid #a17908;
	color: #51a604;
	
	background-image: linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -o-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -moz-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);
	background-image: -ms-linear-gradient(bottom, rgb(245,241,230) 45%, rgb(227,215,180) 73%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.45, rgb(245,241,230)),
		color-stop(0.73, rgb(227,215,180))
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d7b4', endColorstr='#f5f1e6', GradientType=0 );
}

/* POPUP DIALOG */
/* use container to position (unknown width/height) in center */
.popup_container {
	position : absolute;
	top: 0;
	left: 0;
    width : 100%;
    height : 100%;
    /* background-color : #123456; */
    text-align: center;
	z-index:1002;
	
	display: none;
}
.popup_container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.popup_overlay{
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}


.popup_dialog {
	
	/*
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%; */
	padding: 16px;
	border: 10px solid #a17908;
	background-color: white;
	z-index:1003;
	overflow: auto;
	box-shadow: 0 0 10px #222;
	
	position: relative;
	text-align: left;
	
	/* center screen */
	display: inline-block;
    vertical-align: middle;
	
}

.popup_dialog_close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 100;
}
.popup_dialog_close::before,
.popup_dialog_close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 2px;
	background: #a17908;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup_dialog_close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.popup_dialog_close:hover::before,
.popup_dialog_close:hover::after {
	background: #51a604;
}

/** messages **/
p.message {
	font-weight: bold;
	border: 1px solid;
	padding: 10px;
	border-radius: 5px;
}

p.error {
	border-color: red;
	color: red;
	background-color: #fed3db;
}

p.info {
	border-color: #428803;
	color: #428803;
	background-color: #d5efbe;
}

/*######### SPRITES ####### */
.vote_up, .vote_down, .descriptionEdit {
	background-image: url('/img/sprites.png');
	background-repeat: no-repeat;
	overflow: hidden;
}

/****###############** DESCRIPTIONS & COMMENTS ********##########*******/
#descriptionContainer{
}

/* single description + replies */
.descriptionWrap {
	overflow: auto; /* so the size of the wrapper is alway the size of the longest content */
	margin-bottom: 15px;
}

.descriptionWrap * { /* micemo svoj djeci paddinge i margine */
	padding: 0;
	margin: 0;
}

.descriptionRating {
	width: 40px; /* isto ko margina na descriptionContent */
	margin-top: 3px;
	float: left;
	text-align: center;
}

.descriptionRating .vote_up, .descriptionRating .vote_down {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	width: 29px;
	height: 16px;
	text-indent: -9999em;
	font-size: 1px;
}
.descriptionRating .vote_up {
	background-position: 0 0;
}
.descriptionRating .vote_up:hover {
	background-position: -29px 0;
}
.descriptionRating .vote_down {
	background-position: 0 -16px;
}
.descriptionRating .vote_down:hover {
	background-position: -29px -16px;
}
.descriptionRating .vote_count {
	margin: 1px 0;

	font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
	/* color: #428803; */
	color: #a17908;
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
}

/* entry */
.descriptionContent {
	margin: 0 0 0 40px; /* considering the border you need to use a margin so the content does not float under the first div (rating div)*/
	border-bottom: 1px solid #a17908;
}

/* JUST ADDED (new) description: */
#description-new  .descriptionContent {
	margin: 10px 0;
	border: 1px dotted #428803;
	padding: 10px;
	border-radius: 10px;
	background: #e6f5e7;
}

#description-new h3{
	border: none;
	margin: 0 0 10px 0;
}

/* content */
.descriptionHeader {
	padding: 0 3px;
}

.descriptionText {
}

.descriptionText p {
	margin: 0 0 5px;
}

.descriptionText ol, .descriptionText ul {
	margin: 10px 0;
    padding: 0 0 0 30px;
}

.descriptionText li {
}

.descriptionTextEdit {
	background-color: #e6f5e7;
	outline: none;
	border: 1px solid #428803;
	padding: 2px;
}

/* details */
.descriptionFooter {
	background-color: #f5f1e6;
	white-space: nowrap;
	overflow: auto;
	position: relative;
	/* min-height: 22px; */
}

.descriptionOptions {
	display: inline-block;
	float: left;
	padding: 1px 0;
	
	/* float na dnu: */
	position: absolute;
	bottom: 0;
}

.descriptionAbout {
	display: inline-block;
	float: right;
	text-align: right;
	min-height: 22px;
}

.descriptionFooter .footer_author {
}
.descriptionFooter p.footer_author {
	font-weight: bold;
	color: #428803;
}
.descriptionFooter .footer_date {
	font-size: 10px;
	font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
	/* color: #428803; */
	color: #a17908;
	font-style: oblique;
}

/* replies */
.descriptionReplies {
	margin: 0 0 0 40px; /* considering the border you need to use a margin so the content does not float under the first div (rating div)*/
}

/* single reply */
.replyWrap {
	border-bottom: 1px dotted #a17908;
	overflow: auto;
}

/* reply rating */
.replyRating {
	width: 30px;
	float: left;
	text-align: center;
	margin: 7px 0;
}
.replyRating .vote_up, .replyRating .vote_down {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	width: 21px;
	height: 10px;
	text-indent: -9999em;
	font-size: 1px;
}
.replyRating .vote_up {
	background-position: 0 -70px;
}
.replyRating .vote_up:hover {
	background-position: -21px -70px;
}
.replyRating .vote_down {
	background-position: 0 -80px;
}
.replyRating .vote_down:hover {
	background-position: -21px -80px;
}
.replyRating .vote_count {
	margin: 1px 0;

	font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
	/* color: #428803; */
	color: #a17908;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}

/* reply entry */
.replyContent {
	margin: 3px 0 3px 30px; /* lijeva margina isto ko sirina replyRating */
}
.replyHeader {
	text-align: right;
}
.replyFooter {
	white-space: nowrap;
	overflow: auto;
	position: relative; /* treba mi da mogu unutra stavit absolute pozicije i floatanje na dno */
}
.replyOptions {
	display: inline-block;
	float: left;
	
	/* float na dnu: */
	position: absolute;
	bottom: 0;
}
.replyAbout {
	display: inline-block;
	float: right;
	text-align: right;
}
.replyFooter .footer_author {
}
.replyFooter p.footer_author {
	font-weight: bold;
	color: #a17908;
}
.replyFooter .footer_date {
	font-size: 10px;
	font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
	/* color: #428803; */
	color: #a17908;
	font-style: oblique;
}
.replyEditButton, .descriptionOptionButton {
	display: inline-block;
	padding: 1px 3px;
	font-weight: bold;
	text-decoration: none;
	color: #a17908;
	cursor: pointer;
	border: 1px solid transparent;
}
.replyEditButton:hover , .descriptionOptionButton:hover {
	background: #f5f1e6;
	border: 1px dotted #a17908;
}

/* load more descriptions */
.descriptionLoadMoreButton {
	display: block;
	text-align: center;
	background: #f5f1e6;
	padding: 10px;
	font-weight: bold;
	border: 1px dotted #a17908;
	text-decoration: none;
	color: #428803;
	font-size: 16px;
	border-radius: 10px;
}
.descriptionLoadMoreButton:hover {
	border: 1px solid #428803;
	background-color: #e6f5e7;
}
/* load more comments */
.replyLoadMoreButton {
	display: block;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px transparent;
	text-decoration: none;
	color: #a17908;
	border-top: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.replyLoadMoreButton:hover {
	background: #f5f1e6;
}
/* WRITE Description button */
.descriptionWriteButtonWrap {
	overflow: auto;
}
.descriptionWriteButton {
	line-height: 28px;
	display: inline-block;
	float: right;
}
.descriptionWriteButton .icon {
	display: block;
	background-repeat: no-repeat;
	width: 31px;
	height: 28px;
	background-position: 0 -38px;
	background-image: url('/img/sprites.png');
	background-repeat: no-repeat;
	float: right;
}
.descriptionWriteButton .text {
	float: right;
	padding: 0 5px 0 0;
	font-weight: bold;
	color: #a17908;
}
.descriptionWriteButton:hover .icon {
	background-position: -31px -38px;
}
.descriptionWriteButton:hover .text {
	color: #428803;
}

/* WRITE reply fields */
.replyAddWrap {
	border: 1px solid #428803;
	/* border-top: 0; */ 
	margin-top: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 2px;
	
	background-color: #f5f1e6;
}
.replyAddWrap h3 {
	color: #428803;
	font-size: 13px;
}
.replyAddWrap .descriptionOptionButton {
	color: #428803;
}
.replyAddWrap .descriptionOptionButton:hover {
	border-color: #428803;
}
textarea.replyAddTextarea {
	min-height: 100px;
	width: 100%;
	border: none;
	resize: vertical;
	/* background-color: #e6f5e7;  */
	background-color: #f5f1e6;
	
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	
	outline: none; /* onemoguci "glow" u chromeu i safariju */
}
.replyAddOptions {
	padding: 3px;
}

/* WRITE description fields */
#descriptionWriteWrap {
	border: 1px dotted #51a604;
	border-radius: 10px;
	margin-top: 10px;
	padding: 5px;
}

.descriptionWriteTextarea {
	height: 250px;
	outline: none;
	width: 100%;
	border: none;
}