/*
Messages
----------------------------------------------------------------*/
.error, .notice, .success    { padding: .8em; margin:0.5em 0 1em 0; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.hasHint { color:#aaa; }

/*
Stars
----------------------------------------------------------------*/
.ui-stars { display:inline;}
.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;}
.ui-stars-star a,.ui-stars-star span,.ui-stars-cancel a{ text-decoration:none; border:0 !important; width:16px;height:15px;display:block;background:url(ui.stars2.gif) no-repeat 0 0;}
.ui-stars-star a,.ui-stars-star span{background-position:0 -32px;}
.ui-stars-star-on a, .ui-stars-star-on span{background-position:0 -48px;}
.ui-stars-star-hover a{background-position:0 -64px;}
.ui-stars-cancel-hover a{background-position:0 -16px;}
.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;}
.ratingForm { float:left; width:200px; }
.ratingForm span.count { margin-left:5px; padding-top:2px; }

/*
Carousel
----------------------------------------------------------------*/
#carousel {
	width:494px;
	height:260px;
	position:relative;
	overflow:hidden;
}


/*
Fiche de vin
----------------------------------------------------------------*/

.fiche .photo {
	margin-right:10px;}

.fiche .photo img {
	width:88px;}

.fiche .infos h1 {
	font-size:1.5em;
	margin-bottom:10px;}

.fiche .desc {
	float:right;
	width:680px;}
	
.fiche .nophoto {
	width:auto;
	float:none;}
	
.fiche .middle {
	position:relative;
	top:6px;}

/*
Account
----------------------------------------------------------------*/

.profile {
	
}

.profile .picture {
	float:left;
	margin-right:20px;
	width:140px;
	text-align:center;
}

.order{
	margin-bottom:1em;
	margin-left:25px;
	border-bottom:dotted 1px #eee;
}

.order ul.items {
	list-style:none;
	margin:5px 0;
	margin-left:10px;
}

.rating {
	margin-bottom:1em;
}


/*
Forms
----------------------------------------------------------------*/
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
input[type=text], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 350px; height: 200px; padding:5px; }
textarea.text      { width: 350px; height: 150px; padding:5px; }
textarea.noheight      { height: auto; }
textarea.nosize      { width: auto; height: auto;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }
button, a.button {padding:4px !important; background:#eee; border:solid 1px #ddd; text-decoration:none; cursor:pointer; font-weight:normal; font-size:9pt; margin:0; color:#333; margin: 0 2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; overflow:visible; width:auto; }
button { padding:2px; overflow:visible; width:auto; _height:1em; }
button:hover, a.button:hover { background:#ddd; border:solid 1px #ccc; text-decoration:none; color:#000; }
button[type=submit] {font-weight:bold;font-size:10pt;}
form p {
	margin:20px 0;
	font-size:10pt;
	line-height:1.5em;
}
fieldset p input, #content fieldset p select, #content fieldset p textarea { margin:0;}
fieldset p input { margin-top:5px;}
fieldset p select { margin-top:5px;}
fieldset, input {
	font-size:10pt;
	font-weight:normal;}
form .note {
	color:#999;
	font-size:8pt;}
fieldset p {
	margin:10px 0;
	clear:both;}
fieldset p label {
	float:left;
	width:250px;
	text-align:right;
	margin-top:5px;
	margin-right:5px;
	white-space:nowrap;}
fieldset p label.required {
	font-weight:bold;}
fieldset p label.h2 { height:2em; }
fieldset p label.h3 { height:3em; }
fieldset p label.h4 { height:4em; }
fieldset p label.h5 { height:5em; }
fieldset p input, fieldset p select, fieldset p textarea { margin:0;}
fieldset .editor {
	width:450px;
	float:left;}
fieldset legend {
	font-size:10pt;
	font-weight:bold;}
ul.pager {
background:transparent;
padding:5px;
margin:5px 0;
text-align:right;
clear:both;
padding-left:10px;
margin-bottom:10px;
}

input[type=hidden] {
	display:none;
}

/*
Pager
----------------------------------------------------------------*/
ul.pager li {
	background:transparent;
	display:inline;
	list-style:none;
	border:none;
	padding:0;
	margin:0;
	font-size:9pt;
	clear:both;
}
ul.pager li.stats {
	clear:none;
	float:left;
	margin-right:5px;
}
ul.pager li a {
	padding:5px;
	font-weight:normal;
}
ul.pager li a:hover {
	background:#0053a4;
	color:#fff;
}
ul.pager li.selected a {
	color:#000;
	font-weight:bold;
}

ul.pager li.selected a:hover {
	background:transparent;
	color:#000;
}

/*
List
----------------------------------------------------------------*/
ul.list {
	padding:10px;
	list-style-type:none;
	clear:both;
}

ul.list li {
	display:block;
	font-size:10pt;
	margin-bottom:5px;
	padding:4px;
	border-bottom:dotted 1px #eee;
	font-weight:normal;
	padding-left: 22px;
	clear:both;
	cursor:default;
}

ul.list li:hover {
	background-color:#eee;
	border-bottom:dotted 1px #ddd;}

ul.list li .photo {
	float:left;
	width:60px;
	height:60px;
	background:#eee;
	border:solid 1px #ddd;}
	
ul.list li .thumb {
	float:left;
	width:30px;
	height:30px;
	background:#eee;
	border:solid 1px #ddd;
	margin-right:10px;}
	
ul.list li .icons {
	float:right;}
	
ul.list li.noresult, ul.list li.noresult:hover {
	font-size:14pt;
	margin:40px 0;
	border:none;
	background:transparent;
	text-align:center;
	width:100%;}

/*
Misc
----------------------------------------------------------------*/
.sparkoIcon { position:relative; top:4px; }
#footer .fright { text-align:right; }



.autocomplete .top input {
	margin:0;
}
.autocomplete .results {
	border:solid 1px #ddd;
	border-top:none;
	padding:5px;
	width:300px;
	background:#fff;
}
.autocomplete .results ul {
	padding:0;
	margin:0;
	border:none;
}
.autocomplete .results ul li{
	cursor:pointer;
	margin:0;
	padding:2px;
	height:auto;
	border-bottom:dotted 1px #ddd;
}
.autocomplete .results ul li:hover{
	background-color:#06f;
	border-color:transparent;
	color:#fff;
}
.autocomplete .selected {
	margin-top:5px;
	padding:5px;}
	
.autocomplete .selected span.wine {
	padding:2px;
	padding-left:22px;
	background-image: url(/statics/icons/drink.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	display:inline;
	margin:0;}
.autocomplete .results ul li .wine {
	padding:0;
	margin:0;
	height:auto;
}	

ul.list {
	padding:10px;
	list-style-type:none;
	clear:both;
}

ul.list li {
	display:block;
	font-size:10pt;
	margin-bottom:5px;
	padding:4px;
	border-bottom:dotted 1px #eee;
	font-weight:normal;
	padding-left: 22px;
	clear:both;
	cursor:default;
}



ul.list li:hover {
	background-color:#eee;
	border-bottom:dotted 1px #ddd;}

ul.list li .photo {
	float:left;
	width:60px;
	height:60px;
	background:#eee;
	border:solid 1px #ddd;}
	
ul.list li .thumb {
	float:left;
	width:30px;
	height:30px;
	background:#eee;
	border:solid 1px #ddd;
	margin-right:10px;}
	
ul.list li .icons {
	float:right;}
	
ul.list li.noresult, ul.list li.noresult:hover {
	font-size:14pt;
	margin:40px 0;
	border:none;
	background:transparent;
	text-align:center;
	width:100%;}