/*---------------
DOM elements
-----------------*/

body {
	margin: 0px;
	font-family: arial;
	font-size: 9pt;
}

img {
	border: none;
}

h1 {
	font-size: 14pt;
	color: #fdc503;
}

h1.grey, h1.grey a, h2.grey, h2.grey a, h3.grey, h3.grey a {
	/*color: #72706f;*/
	color: #D26F14;
}

h2, h2 a {
	font-size: 12pt;
	color: #fdc503;
	font-weight: bold;
}

h3, h3 a {
	font-size: 10pt;
	color: #fdc503;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

a.bold {
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}
/*-----------------
Header
------------------*/

div#header {
	width: 100%;
	height: 135px;
	/*background-image: url("images/headerbg.png");
	background-repeat: repeat-x;*/
	color: #000000;
	font-size: 9pt;
	font-family: arial, sans-serif;
	border-bottom: 1px #DDDDDD solid;

}

span#logo {
	position: relative;
	left: 25px;
	top: 15px;
}

span#topmenu {
	position: absolute;
	top: 0px;
	right: 18px;
	padding-right: 5px;
}

div#catmenu {
	position: absolute;
	right: 18px;
	top: 60px;
	padding-right: 5px;
	text-align: right;
}

span#catname {
	font-size: 14pt;
	font-weight: bold;
	color: #72706f
}

div#maincatmenu {
	color: #b8984c;
	margin-top: 5px;
}

div#maincatmenu a {
	color: #b8984c;
}


/*------------------
Columns
------------------*/

#container {
	_width: 100%;				/* For IE 6 */
	border-bottom: 1px #CCC solid;
}

#container .column {
	position: relative;
	float: left;
	width: 100%;
}

#center {
	padding: 3px 0px;       /* CC padding */
	width: 100%;
}

#left {
	width: 180px;             /* LC width */
	padding: 0 10px;          /* LC padding */
	margin-left: -100%;
	left: -190px;	          /* RC fullwidth for IE6 */
}

#container > #left {
	left: -200px;             /* -(LC fullwidth + CC padding) */
	margin-left: expression(
	document.all.center.offsetWidth * -1 +
	parseFloat(document.all.center.currentStyle.paddingLeft) +
	parseFloat(document.all.left.currentStyle.paddingLeft) +
	parseFloat(document.all.left.currentStyle.paddingRight)
	); /* Fix for IE7 */
}

#right {
	width: 130px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/*------------------
Menu blocks
------------------*/

div.menublock {
	padding: 5px;
	border-bottom: 1px #DDDDDD solid;
}

div.menuhead {
	color: #fdc503;
	/*background-color: #00CC00;*/
	width: 100%;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 2px;
}

input#search {
	width: 130px;
	font-size: 9pt;
	border: 1px #000000 solid;
}

div.menublock img {
	max-width: 140px;
}

div.menublock span.imgtitle {
	font-size: 8pt;
}

span.menuhighlight {
	font-weight: bold;
}

/*------------------
Content
------------------*/

div.contentblock {
	padding: 0px 10px;
	margin-top: 0px;
	border-bottom: 1px #DDDDDD solid;
	/*min-height: 200px;*/
}

div.contenthead {
	color: #72706f;
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
	width: 100%;
	/*border-bottom: 1px #DDDDDD solid;*/
	/*font-family: tahoma;*/
}

div.dateline {
	color: #b8984c;
	margin-top: 10px;
}

div.content {
	margin-top: 10px;
	font-size: 10pt;
	float: left;
}

div.content p:first-letter {
	font-size: 20pt;
	color: #fdc503;
	vertical-align: bottom;
	/*font-family: tahoma;*/
	font-weight: bold;
}

img.contentimg {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*max-width: 100px;*/
	/*max-height: 100px;*/
	/*padding: 10px;*/
	border: 4px #000000 solid;
	clear: right;
}

span.contentimg {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*max-width: 100px;*/
	max-height: 150px;
	/*padding: 10px;*/
	position: inline;
	clear: right;
}

img.editimg, span.editimg {
	padding-top: 15px;
	margin-bottom: 10px;
	max-height: 150px;
	position: relative;
	left: 150px;
}

div.tags {
	/*font-style: italic;*/
	color: #000000;
	font-size: 9pt;
	clear: both;
	padding-top: 10px;
}

span.more {
	font-size: 9pt;
	font-style: italic;
}

div.info {
	padding-left: 20px;
	font-size: 9pt;
	clear: both;
}

div.info span.title {
	font-weight: bold;
	float: left;
	width: 100px;
	text-align: right;
}

div.info span.data {
	float: left;
	width: 180px;
	margin-left: 10px;
	text-align: left;
}

div.info span.data img {
	margin-left: 5px;
}

div.actions {
	color: #b8984c;
	margin-top: 10px;
}

div.actions a {
	color: #b8984c;
}

img.thumbimg {
	float: left;
	/*width: 40px;*/
	padding: 3px;
}

#gallery_description {
	font-size: 10pt;
	font-style:italic;
	margin-top: 5px;
	border-top: 1px #DDD solid;
}

/*------------------
Pagination
------------------*/

.currentpage {
	font-size:10pt;
	font-weight: bold;
}

#topnavbar {
	right: 10px;
	position: absolute;
}

#topnavbar #showall {
	margin-left: 10px;
	font-size:10pt;
}

span#pagenumbers {
/* 	width: 520px; */
font-size:10pt;
	padding-right: 100px;
}

div#letters, div#letters a {
	color: #FDC503;
	font-size: 14pt;
	font-weight: bold;
}


/*------------
Tag cloud
--------------*/

span.cloud1 {
	font-size: normal;
}

span.cloud2 {
	font-size: larger;
}

span.cloud3 {
	font-size: large;
}

span.cloud4 {
	font-size: x-large;
}

span.cloud5 {
	font-size: xx-large;
}

/*------------
Forms
--------------*/

form {
	margin: 0;
	padding: 0;
	min-width: 500px;
	max-width: 600px;
	width: 560px;
}

body#frame form {
	width: 100%;
	max-width: 1024px;
}

div.form_left {
	float: left;
	margin-right: 5px;
	max-width: 410px;
}

div.form_left form {
	min-width: 0px;
}

form label {
	display: block;
	float: left;
	width: 150px;
	padding: 0;
	padding-right: 5px;
	margin: 5px 0 0;
	text-align: right;
}

form input, form textarea, form select {
	max-width: 250px;
	width: auto;
	margin: 5px 0 10px;
	border: 1px #999999 solid;
	min-width: 250px;
}

form input.currency {
	min-width: 100px;
	max-width: 100px;
}

form input.required, form textarea.required {
	border: 2px #999999 solid;
}

form input#submit, form input#reset, form input#button {
	border: 1px #FDC502 solid;
	min-width: 50px;
}

form legend {
	color: #72706f;
	font-size: 14pt;
	font-weight: bold;
}

form fieldset {
	border: 1px #72706F solid;
	padding: 10px;
	margin: 0;
}

form br {
	clear: left;
}

form input.tinyinput {
	width: 20px;
	min-width: 20px;
	font-size: 9pt;
	display: inline;
}

form select.tinyinput {
	width: 45px;
	min-width: 45px;
}

form input.longinput {
	width: 120px;
/* 	font-size: 9pt; */
	display: inline;
}

.menublock form {
	min-width: 150px;
	width: 150px;
}

.menublock form label {
	display: block;
	float: none;
	width: 150px;
	padding: 0;
	padding-right: 5px;
	margin: 5px 0 0;
	text-align: left;
}

.menublock form select {
	max-width: 150px;
	min-width: 100px;

}

.menublock form input {
	margin-right: 5px;
	vertical-align: middle;
	min-width: 80px;
	max-width: 150px;
}

.menublock label {
	font-weight: bold;
}

.form-error {
	border-color: #FF0000;
}

.menublock #advancedsearch_click {
	cursor: pointer;
}

form #ajaxuploadfile {
	min-width: 10px;
}

form iframe#uploadframe {
	height: 400px;
}

form select.autowidth {
	width: auto;
	min-width: 0px;
}

#action_buttons {
	margin-top: 15px;
	margin-left: 10px;
}
#action_buttons span.span_button {
	margin-right: 15px;
	background-image:url("images/button_bg.png");
	background-repeat: no-repeat;
	background-position:right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 3px;
	cursor:pointer;
}

#searchoptions input, #filterlist input {
	margin: 0px 5px 2px 0px;
}

#searchoptions {
	display: none;
}

#searchoptionsdropdown {
	cursor: pointer;
}

/*------------
Ajax stuff
--------------*/

.ajax_link {
	cursor: pointer;
}

#suggestionbox {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
}

/*.ajax_link {
	text-decoration: underline;
}*/

/*------------
Calendar
--------------*/

#date_day_selector {
	font-family: arial;
	font-size: 8pt;
	border-collapse: collapse;
}

.dateselector {
	/*width: 300px;*/
	position: relative;
	/*border: 1px #000000 solid;*/
}
.date_day {
	width: 80px;
	text-align: center;
	/*padding-left: 12px;*/
	border: 1px #000000 solid;
}

.date_current_day {
	text-align: center;
	border: 1px #000000 solid;
	font-weight: bold;
	background-color: #b8984c;
	color: #FFFFFF;
}

#date_day_head {
	font-weight: bold;
	background-color: #DDDDDD;
}

.date_input {
	width: auto;
	margin: 5px 0 10px;
	border: 1px #999999 solid;
	min-width: 25px;
}

/*------------
Floater
--------------*/

.floaterpos {
	position: fixed;
	*position:absolute;
}

#toplevel {
	position: absolute;
	background-color: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	z-index: 500;
/* 	width: 100%; */
/* 	height: 100%; */
}

#toplevel.show {
	display: block;
	z-index: 500;
	width: 100%;
	height: 100%;
}

#toplevel.hide {
	display:none;
	z-index: 1;
	width: 0px;
	height: 0px;
}

#floater {
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	color: #444444;
/* 	width: 200px; */
	height: 150px;
	border: 1px #DDDDDD solid;
	padding: 4px;
	display: none;
}

#floater h2 {
	font-size: 10pt;
	font-weight: bold;
}

.floater {
	background-color: #FFFFFF;
	color: #444444;
	border: 1px #DDDDDD solid;
	padding: 4px;
	z-index: 100;
	position: absolute;
	position: fixed;
}

.closefloater {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
/* 	width: 20px; */
	height: 20px;
	z-index: 110;
}

.floater .bigimg {
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 110;
}

.floater .title {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #b8984c;
	z-index: 100;
}

.floater .subtitle {
	position: absolute;
	top: 3px;
	right: 20px;
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	color: #b8984c;
	z-index: 1000;
}

.floater iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 30px;
	padding-left: 10px;
	z-index: 110;
	border: none;
/* 	width: 100%; */
	width: 80%;
	height: 80%;
/* 	overflow:hidden; */
}

.floater_msg {
	margin-top: 50px;
	margin-left: 20px;
	font-size: 20pt;
}

div.floater_txt {
	margin-top: 30px;
}

/*----------
Frames
-------------*/

iframe.attachment {
	border: none;
	width: 260px;
	float: right;
}

#uploadframe {
   border: none;
   min-width: 500px;
   max-width: 600px;
   width: 560px;
	height: 500px;
	display: none;
}

#show_upload {
	font-weight: bold;
	margin-bottom: 5px;
	cursor: pointer;
}

iframe.attachment_edit {
	border: none;
	width: 100%;
	height: 260px;
}

body#frame {
	margin: 0px 0px 0px 0px;
	font-family: arial;
	font-size: 9pt;

	height: 100%;

	border-left: none;
	border-right: none;
	min-width: 0px;
}

iframe.imgframe {
	float: right;
   margin-right: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   /*max-width: 100px;*/
   /*max-height: 100px;*/
   /*padding: 10px;*/
   border: 4px #000000 solid;
   clear: right;
	width: 200px;
	height: 180px;
	border: 0px #CCCCCC solid;
}

img.tinyimg {
	max-width: 200px;
	max-height: 180px;
}

img.iconimg {
	top: 200px;
	position: relative;
	left: 450px;
}

/*----------
Attachment stuff
-------------*/

#imagebar {
	padding: 15px;
	top: 220px;
/* 	position: fixed; */
	position: absolute;
}

#imagetitle {
	padding: 15px;
	top: 190px;
/* 	position: fixed; */
	position: absolute;
}

#imagebar img {
	margin-left: 15px;
	cursor: pointer;
}

#imagelist {
	float: right;
	/*position: absolute;
	top: 0px;
	right: 0px;*/
}

#imagelist .thumbimg {
	margin-bottom: 15px;
}

#imagelist .thumbimg_selected {
	margin-bottom: 15px;
	border: 3px #FDC503 solid;
}

#imagepreview .main_attachment {
/* 	position: fixed; */
	position: absolute;
}

#imagepreview {
	width: 260px;
}

/*-------------
Select box stuff
----------------*/

#select_newitem {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
}

.lookup_item {
	float: left;
	width: 180px;
	cursor: pointer;
	margin-right: 20px;
	display: block;
}

#select_itemlist {
	width: 800px;
}

#show_newitem {
	font-weight: bold;
	cursor: pointer;
}

#select_actions {
	margin-bottom: 10px;
}

#select_filter {
	margin-left: 10px;
}

/*------------
Tables
--------------  */

table#typefile {
	border-collapse: collapse;
	border: 1px #DDDDDD solid;
	font-size: 8pt;
}

table#typefile td {
	border: 1px #DDDDDD solid;
}

table#typefile input, table#typefile select {
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
	width: 100%;
	min-width: 0px;
	border: none;
}

table#auctionresults {
	border: 1px #DDD solid;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}

table#auctionresults td  {
	border: 1px #999 dotted;
	padding: 2px;
	vertical-align: top;
}

table#auctionresults tr.odd {
	background-color: #DDD;
}

table#auctionresults tr.even {
	background-color: #EEE;
}

table#auctionresults th {
	background-color: #999;
	color: #EEE;
	border: 1px #EEE solid;
	padding: 2px;
}

table#auctionresults th a {
	text-decoration: none;
	color: #EEE;
}

div#auctionmedia {
	margin: 10px 0px 5px 0px;
	color: #FDC503;
	width: 100%;
	text-align: center;
}

div#auctionmedia a {
	font-weight: bold;
	color: #FDC503;
}

div#auctionmedia a.selected {
	font-weight: bold;
	color: #B8984C;
}

div.auctiongraphhead {
	color: #B8984C;
	font-size: 12pt;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	width: 500px;
	text-align: center;
}

.white_font {
color: #FFFFFF;
}