/* Witch pot
 * Some useful customization
 */

a {
  color: #104FE3;
  text-decoration: none;
  background: transparent;
}
a:hover, a:active {
  color: #FFFFCC;
  background: #0000CC;
}

strong, b, h1, h2, h3, h4 {
  font-weight: bold;
}

.display_none { display: none; }

.warning, [warning] { margin: 0.6em; padding: 0.3em; text-align: center; color: red;
  background: #FFFFCC;
  background: -webkit-gradient(linear, center top, center bottom, from(#FFFFAA), to(#FFFFCC));
  background: -moz-linear-gradient(100% 100% 90deg, #FFFFCC, #FFFFAA);
  border: 1px solid #FFC300;
  border-radius: 0.8em;
  box-shadow: -1px 1px 8px #FFA500;
}

/*----------- Form customization ---------------------------------------------*/

fieldset {
  padding: 0.4em 0.8em;
  border: 1px solid #8689AA;
  border-radius:0.4em;
  box-shadow: 0px 1px 5px #8689AA;
}

legend { font-weight:bold; background:#EFEFEF; }

label { display: block; }

/* same font-size of normal text */
input, textarea, select, label, button { font-size: 100%; color: #000000; }

input, textarea, select, button {
  border: 1px solid #969696; border-radius:0.2em;
  background-color: #F9F9F9;
  padding: 0.2em 0.3em;
}

input:active, input:focus,
textarea:active, textarea:focus,
select:active, select:focus,
button:active, button:focus {
  border: 1px solid blue;
}

button,
input[type=submit],
input[type=reset],
input[type=button],
input[type=file] {
  background-color: #FFC500;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFF00), to(#FFC500));
  background: -moz-linear-gradient(0% 100% 90deg, #FFC500, #FFFF00);
}

button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
input[type=file]:hover {
  background-color: #BACFFF;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#BACFFF));
  background: -moz-linear-gradient(0% 100% 90deg, #BACFFF, #EFEFEF);
}

button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=button]:disabled,
input[type=file]:disabled,
input[type=text]:disabled,
input[type=password]:disabled,
select:disabled {
  opacity: 0.4;
}

/*----------- buttons -------------------------------------------------------*/

button.likelink {
  margin:0; padding:0;
  background:transparent;
  border:none;
  color:blue; font-size:85%;
}
button.likelink:hover, button.likelink:focus {
  background: #D4DAEF;
}
button.likelink ~ div {
  margin-top: 0.3em;
}

button.back { height: 14px; width: 14px;
  background: url(../img/arrow_back_grey_128.png) no-repeat center left;
  background-size: 100%; outline: 0; border: none;
}

button.tools { height: 14px; width: 14px;
  background: url(../img/tool2.png) no-repeat center left;
  background-size: 100%; outline: 0; border: none;
}

button.edit { height: 1.2em; width: 1.2em;
  background: url(../img/pencil3.png) no-repeat center left;
  background-size: 100%; outline: 0; border: none;
}

button.remove { height: 1.2em; width: 1.2em;
  background: url(../img/remove3.png) no-repeat center left;
  background-size: 100%; outline: 0; border: none;
}

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

.auction_tiny, .auction_p, .auction_d, .auction_c, .auction_a, .auction_out {
  font-size: 80%;
}

.auction_p, .role_p { background-color: #CEFFAD; }

.auction_d, .role_d { background-color: #B0F4FF; }

.auction_c, .role_c { background-color: #DCD1FF; }

.auction_a, .role_a { background-color: #FFA6A6; }

.auction_out {
  color: gray;
  text-decoration: line-through;
}

/*----------- 'more pages' ---------------------------------------------------*/

div.morepages { line-height: 2em; padding: 0.6em 0.8em 0 0; }

div.morepages p { text-align: right; }

div.morepages a { color:#000000; margin: 0 0.3em; }

/* give margin to a (and not to span) results in a better layout! :-) */

div.morepages span {
  font-size: 90%;
  padding: 0.3em 0.6em;
  background: #FFE010;
  border: 1px solid #777777;
  border-radius: 0.3em;
}

div.morepages span:hover, div.morepages span:active {
  background: #FFC500;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFF00), to(#FFC500));
  background: -moz-linear-gradient(0% 100% 90deg, #FFC500, #FFFF00);
}

div.morepages span.here,
div.morepages span.here:hover, div.morepages span.here:active {
  font-size: 100%;
  font-weight: bold;
  background: #FFFFCC; /* slightly different from #FFFFAA; */
}

div.jmore {
  text-align: center;
}
div.jmore > button {
  font-size: 120%; padding: 0.4em;
}

/*----------- 'ui autocomplete' ----------------------------------------------*/

ul.ui-autocomplete { max-width: 15em; }