@charset "UTF-8";

/* --- Redefines {--- */
html, body {
	margin: 0 4px;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2 {
	margin: 2px auto 4px auto;
}
a, a:visited {
	/*text-decoration: none;*/
	color: #666;
}
a:hover {
	color: #ab0000;
}
label {
	font-weight: bold;
}
footer {
	margin-top: 40px;
	padding-top: 7px;
	border-top: 1px solid #ccc;
	text-align: center;
	font-size: 0.7em;
	color: #999;
}
/* ---} END Redefines --- */


/* --- Nav {--- */
#search_container {
	width: 100%;
	text-align: center;
}
#search_container .search_box {
	min-width: 300px;
	max-width: 500px;
	height: 22px;
	font-size: 14pt;
}

#small_link_nav {
	margin-top: 1px;
}
#small_link_nav a {
	font-size: 0.7em;
	color: #999;
}
#small_link_nav a:hover {
	text-decoration: underline;
	color: #ab0000;
}
/* ---} END Nav --- */


/* --- Sign-In/Out {--- */
#signin_page {
	text-align: center;
}
a#signout {
	position: fixed;
	top: 4px;
	right: 6px;
	text-decoration: none;
	font-size: 0.7em;
	color: #ccc;
	z-index: 999;
}
a#signout:hover {
	text-decoration: underline;
	color: #ab0000;
}
input.email {
	width: 270px;
}
input[type=text].centered {
	text-align: center;
}
.text_button {
	font-size: 0.8em;
}
/* ---} END Signin page --- */


/* --- Search page {--- */
.item_name {
	float: left;
	padding-right: 5px;
	line-height: 15px;
	font-weight: bold;
	text-decoration: none;
	/*cursor: pointer;*/
}
a.item_name {
	text-decoration: none;
	color: #000;
}
.view_details {
	margin-bottom:5px;
}
.price_and_measurement {
	min-width: 1%;
	border:: 1px solid #999;
	background: #ededed;
	padding: 2px;
	white-space: nowrap;
	overflow: visible;
}
.price_per_unit {
	min-width: 1%;
	border:: 1px solid #999;
	background: #ffc56e;
	padding: 2px;
	white-space: nowrap;
	overflow: visible;
}
/* ---} END Search page --- */


/* --- Global {--- */
#container {
	width: 100%;
	text-align: center;
}
.tiny {
	font-size: 0.7em;
}
a.tiny_subtle_link {
	float: left;
	margin-right: 4px;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #999;
}
a.tiny_red_link {
	float: left;
	margin-right: 8px;
	line-height: 11px;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #ab0000;
}
.row {
	width: 100%;
	float: left;
}
/* ---} END Global --- */


/* --- Icons {--- */
.ui-icon_sprite-white {
	background-image: url(../jquery-ui/images/ui-icons_ffffff_256x240.png) !important;
}
.ui-icon_sprite-gray4 {
	background-image: url(../jquery-ui/images/ui-icons_444444_256x240.png) !important;
}
.ui-icon_sprite-gray5 {
	background-image: url(../jquery-ui/images/ui-icons_555555_256x240.png) !important;
}
.ui-icon_sprite-gray7 {
	background-image: url(../jquery-ui/images/ui-icons_777777_256x240.png) !important;
}
.ui-icon_sprite-pea-green {
	background-image: url(../jquery-ui/images/ui-icons_777620_256x240.png) !important;
}
.ui-icon_sprite-blood-red {
	background-image: url(../jquery-ui/images/ui-icons_ab0000_256x240.png) !important;
}
.ui-icon_sprite-bright-red {
	background-image: url(../jquery-ui/images/ui-icons_cc0000_256x240.png) !important;
}
._icon {
	width: 11px;
	height: 11px;
	float: left;
	margin-right: 1px;
	background: no-repeat;
}
._icon_add {
	background: url(../jquery-ui/images/ui-icons_ab0000_256x240.png) -19px -132px no-repeat;
}
._icon_edit {
	background: url(../jquery-ui/images/ui-icons_ab0000_256x240.png) -67px -115px no-repeat;
}
a._iconned { /* --- icons next to links --- */
	min-width: 10px;
	height: 15px;
	float: left;
	padding-left: 11px;
	white-space: nowrap;
}
._icon_is_collapsed {
	background: url(../jquery-ui/images/icon_collapsed_ab0000.png) left no-repeat;
}
._icon_is_expanded {
	background: url(../jquery-ui/images/icon_expanded_ab0000.png) left no-repeat;
}
._icon_refresh {
	background: url(../jquery-ui/images/icon_refresh_ab0000.png) left no-repeat;
}
/* ---} END Icons --- */


/* --- Text Buttons {--- */
ul.text_buttons {
	list-style-type: none;
}
ul.text_buttons li {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: 22px;
}
a.text_button {
	height: 22px;
	padding: 5px 15px 5px 12px;
	border-radius: 20px;
	background: #ccc; /* default */
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
}
.bg_red {
	background: #c03 !important;
}
.bg_orange {
	background: #f87c00 !important;
}
.bg_yellow {
	background: #f8c000 !important;
}
.bg_green {
	background: #090 !important;
}
.bg_blue {
	background: #00f !important;
}
.bg_cyan {
	background: #0ff !important;
}
.bg_purple {
	background: #90c !important;
}
.bg_black {
	background: #000 !important;
}
/* ---} END Text Buttons --- */


/* --- Forms {--- */
.success, .successMsg {
	color: #060;
}
.big_success {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #060;
}
.error, .errorMsg {
	color: #f00;
}
.erred_field {
	border: 1px solid #f00;
}
.subtle, a.subtle {
	font-size: 0.8em;
	color: #999;
}
a.subtle:visited {
	color: #999;
}
.required {
	color: #f00;
}
/* ---} END Forms --- */