body {	background-color: #ccc; color: #4B4742; }
#page_wrapper { background-color: #FFF; }

a, a:link { color: #50AE26; }
a:visited { color: #777; }
a:hover { color: #3E91C4;	}
a:active { color: #3E91C4; }

h1 { color: #50AE26; }
h2 { color: #50AE26; }
h1 a, h1 a:link, h1 a:visited { color: #2C508C; }

#header { background-color: #FFF; }

p#skip { background-color: #CCC; }
span.required {color: #0099cc; }
.note { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #EEE; }

button, a.button {
	border: solid 1px #999;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD));
	background: -moz-linear-gradient(top, #FFF, #DDD);
	background-color: #ECECEC;
	color: #000;
}
button:hover, a:hover.button {
	border: solid 1px #000;
}
button:active, a:active.button {
	border: solid 1px #26A800;
	text-decoration: none; 
}

/* `Page Controls
----------------------------------------------------------------------------------------------------*/
#navbar a { color: #000; border-color: #000 }

/* `Shortlist
----------------------------------------------------------------------------------------------------*/
#shortlistdetails { border-color: #FFF; }
#shortlistdetails a { color: #000; }
#shortlistdetails a:hover { border-bottom: 1px solid #26A800; color: #26A800; }
#shortlistdetails .selected a {	border-bottom: 1px solid #26A800; }

/* `Navigation
----------------------------------------------------------------------------------------------------*/
#navigation { background-color: #f0f0f0; }
#navigation li {  color: #000; }
#navigation li a { color: #000; }
#navigation li a:hover { color: #50AE26; }
#navigation .selected a {	color: #50AE26; }
#navigation li.shortlist, #navigation li.shortlist a { color: #666; }
#navigation li.shortlist div { color: #fff; }

#contentwrap .c5l a { color: #fff; }

.largeplaceholder p { border: 1px solid #CCC; background-color: #DDD; }
.selectedfacets p a { border: 1px solid #CCC; background-color: #EEE; }
ul.pagination li a { border:1px solid #AAA; color: #666; }
ul.pagination li span { border:1px solid #DDD; color: #CCC; }
ul.pagination li span.page-selected { background-color: #AAA; border: 1px solid #999; color: #000; }
.onehit, .review { background-color: #F0F0F0; }
#tooltip { border: 1px solid #EEE; background-color: #FFF; }
.note { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #EEE; }
.note.error { background-color: red; }


.sidebar { border-bottom: 5px solid #f0f0f0; }
.sidebar.entry h4 a { background-image: url(../images/client/bullet_addentry.png); background-position: left center; background-repeat: no-repeat; }
.sidebar.feedback h4 a { background-image: url(../images/client/bullet_feedback.png); background-position: left center; background-repeat: no-repeat; }
.sidebar.social a.facebook { background-image: url(../images/client/FaceBook-icon.png); background-position: left center; background-repeat: no-repeat;width:48px;display:block;height:48px;float:left; }
.sidebar.social a.twitter { background-image: url(../images/client/Twitter-icon.png); background-position: left center; background-repeat: no-repeat;width:48px;display:block;height:48px;float:left;margin-top:3px;margin-left:10px}
.sidebar.yourcircle h4 a { background-image: url(../images/client/yourcircle_logo.png); background-position: left center; background-repeat: no-repeat; }

#footer { background-color: #CCC; }

/* `Hits
----------------------------------------------------------------------------------------------------*/
.onehit, .review { background-color: #F0F0F0; }
.facet, { background-color: #F0F0F0; }

/* `Pagination
----------------------------------------------------------------------------------------------------*/
ul.pagination li a { border:1px solid #AAA; color: #666; }
ul.pagination li span { border:1px solid #DDD; color: #CCC; }
ul.pagination li span.page-selected { background-color: #AAA; border: 1px solid #999; color: #000; }

/* `Forms
----------------------------------------------------------------------------------------------------*/
input.text,
textarea,
select { -moz-box-shadow: 2px 2px 6px #DDDDDD inset; -webkit-box-shadow: 2px 2px 6px #DDDDDD inset; box-shadow: 2px 2px 6px #DDDDDD inset; border: 1px solid #000; }
.requiredlabel { color: red; }
span.required { color: red; }
input.text.error,
textarea.error,
select.error{ border: 1px solid red; }
label.error { color: red; }

