/* apply a natural box layout model to elements */
.border-box-sizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {
    margin: 0px;
    padding: 0px;
    height:100%;
    min-height:100%;
    width:100%;
}

body {
	font-size: 10pt;
	font-family: arial,tahoma,helvetica,sans-serif;
}


td, th, p {font-size: 10pt;}

table {text-align:left;}

form {margin: 0;	padding: 0;display:inline;}

a            { font-size: 10pt; color: #0000FF; font-family: Tahoma,Arial, Helvetica; text-decoration: none}
a:hover      { font-size: 10pt; color: #0099FF; font-family: Tahoma,Arial, Helvetica; text-decoration: underline}

.navlnk a    {font-family: Tahoma, Arial, Times, Helvetica; color: #0000FF; font-size: 12px; text-decoration: none; font-weight: bold}
.navlnk a:hover {font-family: Tahoma, Arial, Helvetica; color: #FF3300; font-size: 12px; text-decoration: underline; font-weight: bold}

.navlnkb a    {font-family: Tahoma, Arial, Times, Helvetica; color: #0000FF; font-size: 12px; text-decoration: none; font-weight: bold}
.navlnkb a:hover {font-family: Tahoma, Arial, Helvetica; color: #996633; font-size: 12px; text-decoration: underline; font-weight: bold}

.botnavlnk a    { font-family: Tahoma, Arial, Helvetica; color: #0000FF; font-size: 12px; text-decoration: none; font-weight: bold}
.botnavlnk a:hover { font-family: Tahoma, Arial, Helvetica; color: #99FFCC; font-size: 12px; text-decoration: none; font-weight: bold}

.cats a    {font-family: Tahoma, Arial, Times, Helvetica; color: red; font-size: 12px; text-decoration: normal; font-weight: normal}
.cats a:hover {font-family: Tahoma, Arial, Helvetica; color: red; font-size: 12px; text-decoration: underline; font-weight: normal}

.leftnav a    { font-family: Tahoma, Arial, Helvetica; color: #0000FF; font-size: 12px; text-decoration: none; font-weight: bold}
.leftnav a:hover { font-family: Tahoma, Arial, Helvetica; color: #009900; font-size: 12px; text-decoration: none; font-weight: bold}

.sidenavbig a    { font-family: Tahoma, Arial, Helvetica; color: #0000FF; font-size: 12px; text-decoration: none; font-weight: normal}
.sidenavbig a:hover { font-family: Tahoma, Arial, Helvetica; color: #FF0000; font-size: 12px; text-decoration: underline; font-weight: normal}

.mainlnk a   { font-family: Tahoma, Arial, Helvetica; color: blue; font-size: 12px; text-decoration: none }
.mainlnk a:hover { font-family: Tahoma, Arial, Helvetica; color: blue; font-size: 12px; text-decoration: underline }
.footnote    { font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #ffbb00 }

.botlnk a    { font-family: Tahoma, Arial, Helvetica; color: #0000FF; font-size: 12px; text-decoration: none }
.botlnk a:hover { font-family: Tahoma, Arial, Helvetica; color: #FF8000; font-size: 12px; text-decoration: underline }

.dtd         { font-family: Tahoma, verdana, helvetica; color: #99CC00; font-size: 12px; font-weight: bold }
.cat         { font-family: Tahoma, Arial, Helvetica; color: #99CC00; font-size: 10px; font-weight: normal }
.slnk a      { color: #552b00; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: underline }
.slnk a:hover { color: #e600e6; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: underline }
.wlnk a      { color: #FFFFFF; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: underline }
.wlnk a:hover { color: #e600e6; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: underline }
textareaX     { background-color: #ffffea; color: #003333; border-color: green;border-width:1px; }
inputX        { background-color:#ffffea; color: #003333;border-color: green;border-width: 1px; border-style: groove; font-size:13px; font-weight: normal;}
buttonX     { background-color:#ffffea; color: #003333;border-color: green;border-width: 1px; border-style: groove; font-size:13px; font-weight: normal;}
optionX      { background-color:#ffffea; color: #003333;border-color: green;border-width: 1px; border-style: groove; font-size:13px; font-weight: normal;}

.Tables {background-color: #FFFFFF; width: 90%; padding: 01px; border-width: 2px; border-color: #FF9900; border-style: solid; 
			  border-collapse: collapse; border-spacing: 0px  0px;
							}
.TablesC1 {padding: 2px; border-width: 1px; border-color: #FFFFFF;border-style: solid;}
.TablesC2 {width: 100%; padding: 2px; border-width: 1px; border-color: #FFFFFF; border-style: solid;}
.TablesC1NR {white-space: nowrap; background-color: #FEF2C5; padding: 1px; border-width: 0px; border-color: #FF9966;border-style: solid;}

textarea:focus, input:focus, select:focus{
    outline: none;
}

/* ----------------------------------------------------------------*/
.watermark {
   color: #CCCCCC !important;
}
/* WebKit and Blink (Safari, Google Chrome, Opera 15+) */
   input::-webkit-input-placeholder {
      color: #CCCCCC;
   }

/* Firefox (version 4 to 18) */
   input:-moz-placeholder {
      color: #CCCCCC;
      opacity: 1;  /* FF sets opacity to 0.54 by default */
   }

/* Firefox (version 19+) */
   input::-moz-placeholder {
      color: #CCCCCC;
      opacity: 1;  /* FF sets opacity to 0.54 by default */
   }

/* Internet Explorer (version 10+) */
   input:-ms-input-placeholder {
      color: #CCCCCC;
   }


/* ----------------------------------------------------------------*/


.gradient {

background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* W3C */
}

.gradient-hot {

background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%,  #FFCD82 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%, #FFCD82)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #FFCD82 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #FFCD82 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #FFCD82 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFCD82',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%, #FFCD82 100%); /* W3C */
}

.gradient-1{

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-2{
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.shadow-2 {
-webkit-box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.10);
-moz-box-shadow:    3px 3px 4px rgba(50, 50, 50, 0.10);
box-shadow:         3px 3px 4px rgba(50, 50, 50, 0.10);

border-collapse: separate; /* fix IE table-cell problem */
}


.shadow-1{
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);

border-collapse: separate; /* fix IE table-cell problem */
}


.shadow {
-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 4px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 4px rgba(50, 50, 50, 0.75);

border-collapse: separate; /* fix IE table-cell problem */
}




.register-input-box{
width:250px;
height:30px;
line-height:25px;
border:1px solid lightgrey;
font-family:arial;
font-size:14pt;
padding:5px 10px 5px 10px;
background-color:white;
}

.register-input-description{
margin-left:10px;
color:#999999;
font-size:12pt;
font-family:arial;
}

select:focus{ 
	background-color:lightyellow;
	border:1px solid yellow;
}

/*-------------------------------------------------*/
.c4-layout-container{
	display:table;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.c4-layout-top{
	display:table-row;
}
.c4-layout-content{
	display:table-row;
	height:100%;
}
.c4-layout-bottom{
	display:table-row;
}
/*-------------------------------------------------*/
.c4-pattern-grey{
	background:url(
		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2P8+vXrf25ubkYGIACx4QyQAEgCUwBdCwA2XRfB2DL0HgAAAABJRU5ErkJggg==
	) repeat;
}
.c4-pattern-yellow{
	background:url(
		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKElEQVQIW2P8f5XhP4PYHAaGVykMIJrx/+s5/2EcBiCACIAAVhVAQQA6dxdnsJqWMQAAAABJRU5ErkJggg==	
	) repeat;
}
.c4-pattern-red{
	background:url(
		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKElEQVQIW2P8f//If4Z7hxkYlGwZQDTj/73t/2EcBiCACIAAVhVAQQB+ExdsK4kjKAAAAABJRU5ErkJggg==
	) repeat;
}
.c4-pattern-grey-2{
	background:url(
		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKUlEQVQIW2N8/fr1/8+fPzPw8vIygGjGe/fu/YdxGIAALABiYFUBEgQAa4UdkE1ynBYAAAAASUVORK5CYII=
	) repeat;
}

/*------------------------------------------------------*/

.c4-opacity-50{
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50);
}
.c4-opacity-75{
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
filter:alpha(opacity=75);
}
.c4-opacity-25{
-moz-opacity: 0.25;
-khtml-opacity: 0.25;
opacity: 0.25;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=25);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
filter:alpha(opacity=25);
}

/*------------------------------------------------------*/
.c4-corner-top-10px{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.c4-corner-top-20px{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.c4-corner-top-30px{
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}

.c4-corner-all-10px{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.c4-corner-all-20px{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.c4-corner-all-30px{
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.c4-corner-bottom-10px{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.c4-corner-bottom-20px{
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.c4-corner-bottom-30px{
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}

/*-----------------------------------------------------------*/
.c4-paginate-button{
	display:table;
	float:left;
	margin: 0px 3px 0px 0px;
	height:27px;
	background-color: white;
	color:#4880A4;
	font-family:arial;
	font-size:14px;
	letter-spacing:-1px;
	padding:0px;
}

.c4-paginate-button div{
	display:table-cell;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	min-width:27px;
}

.c4-paginate-button-page{
	cursor:pointer;
	border:1px solid #E3E3E3;
	xbackground-color:#F3F3F3;
	background-color:white;
}

.c4-paginate-button-page-selected{
	border:1px solid #AAAAAA;
	background-color:#EFEFEF;
}

.c4-paginate-button-input{
	border:1px solid #AAAAAA;
	background-color:white;
}

.c4-paginate-button-page:hover, .c4-paginate-button-action:hover{
	background-color: #DDDDDD;
	border-color: #888888;
}

.c4-paginate-button-action{
	cursor:pointer;
	border:1px solid #AAAAAA;
	background-color:#EFEFEF;
}

.hover-highlight:hover{
	/* background-color:#DDDDDD; */
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.hover-highlight-image:hover{
	/* background-color:#DDDDDD */;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*----------------------------------------------*/

.c4-bookmark-button{
	cursor:pointer;
	background-size: contain;width:24px;height:24px;
	background-repeat: no-repeat;
}
.c4-bookmark-button-disabled{
	background-image: url(/auction/extra/images/tickheartgrey_72x65.png);
}
.c4-bookmark-button-enabled{
	background-image: url(/auction/extra/images/tickheart_72x65.png?v=2);
}
.c4-bookmark-button-hover{
	background-image: url(/auction/extra/images/tickheart_72x65.png?v=2);
}
.c4-bookmark-status-icon{
	cursor:pointer;
	display:inline-block;
	background-image: url(/auction/extra/images/tickheart_72x65.png?v=2);
	width:29px;
	height:29px;
	background-size: contain;
	background-repeat:no-repeat;
	text-align:center;
	align:center;
	font-size:12px;
	color:red;
	font-weight:bold;
	font-family:arial;
	line-height:12px;
}
c4-bookmark-caption{
	color:#333333;
}

/*----------------------------------------------*/

.c4-watch-button{
	cursor:pointer;
	background-size: contain;width:24px;height:24px;
	background-repeat: no-repeat;
}
.c4-watch-button-disabled{
	background-image: url(/auction/extra/images/eyeballwatch_grey_72x72.png?v=3);
}
.c4-watch-button-enabled{
	background-image: url(/auction/extra/images/eyeballwatch_purple_72x72.png);
}
.c4-watch-button-hover{
	background-image: url(/auction/extra/images/eyeballwatch_purple_72x72.png);
}
.c4-watch-status-icon{
	cursor:pointer;
	display:inline-block;
	background-image: url(/auction/extra/images/eyeballwatch_purple_72x72.png);
	width:29px;
	height:29px;
	background-size: contain;
	background-repeat:no-repeat;
	text-align:center;
	align:center;
	font-size:12px;
	color:red;
	font-weight:bold;
	font-family:arial;
	line-height:12px;
}
c4-watch-caption{
	color:#333333;
}