body {
  color: #000;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  background: #fff;
  -webkit-text-size-adjust: none;
}

div#main {
  padding: 10px 10px 10px 20px;
  margin: 25px 5px 5px 120px;
  background: #ddd;
  border: 3px solid #8fb635;
  min-height: 400px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-shadow: 1px 1px 1px #fff;
}

div#main h1, div#main h2 {
  margin: 0px 0px 10px;
  text-shadow: 2px 2px 2px #fff;
}

table.list {
  border-collapse: separate;
  border-spacing: 1px;
  margin: auto;
}

table.list th, table.attr th {
  background: #eed;
  font-weight: bold;
  text-align: left;
  text-transform: capitalize;
}

table.list caption {
  font-weight: bold;
  text-align: left;
  margin: 20px 0px 5px 5px;
}

table.list td {
  background: #d6d6d6;
  padding: 3px 4px;
  vertical-align: top;
}

table.list th {
  padding: 3px 4px;
}

table.list tr.a td {
  background: #dfdfdf;
}

table.list td.c {
  white-space: nowrap;
}

table.list td.t {
  width: 400px;
}

td.num, th.num {
  text-align: right !important;
}

table#users td {
  white-space: nowrap;
}

form#deckdesc {
  float: left;
  margin-left: 10px;
}

form#deckdesc label.desc {
  display: block;
  font-weight: bold;
  margin: 10px 0px 5px;
  text-transform: capitalize;
}

form#deckdesc textarea {
  width: 350px;
  height: 100px;
  font-family: verdana, sans-serif;
  font-size: 100%;
  display: block;
}

a.print {
  background: url('/images/sprite.png') -35px -202px no-repeat; /* TODO only fits in short texts */
  padding-right: 40px;
}

input.w {
  background: #fff;
}

.access {
  display: none;
}

br.clear {
  clear: both;
}

div#left, div#right {
  width: 50%;
  float: left;
}

div#servmsg {
  background: #f00;
  color: #fff;
  padding: 3px 15px;
  text-align: center;
  font-weight: bold;
  position: fixed;
  top: 5%;
  left: 70%;
}

div#footer {
  margin: auto;
  text-align: center;
  font-size: 85%;
}

div#footer a {
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div#jsconf {
  display: none;
}

a.rename {
  background: url('/images/sprite.png') 0 -228px no-repeat;
  text-indent: -9000px;
  display: block;
  float: left;
  width: 17px;
  height: 15px;
  margin: 2px;
}

a.del {
  background: url('/images/sprite.png') no-repeat;
  text-indent: -9000px;
  display: block;
  float: left;
  width: 17px;
  height: 15px;
  margin: 2px;
}

div#card {
  margin: 0 0 20px 0;
  max-width: 300px;
  float: left;
}

div#card ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

ul#other_cards {
  float: left;
}

div#pager {
  margin: 10px auto 0;
  max-width: 300px;
}

div#pager a, div#pager span {
  margin: 0 3px;
}

div#pager span {
  font-weight: bold;
}

/**** table-less forms ****/

form.tl {
  text-align: left;
}

form.tl fieldset {
  border: 0;
  margin: 4px 0;
  padding: 2px 0;
  clear: both;
}

form.tl label {
  display: block;
  margin-top: 3px;
  color: #125693;
}

form.tl label.ao {
  display: inline;
  margin-left: 15px;
  color: #000;
}

form.tl label.required:after {
  content: '*';
  color: #c00;
}

form.tl ul.error_list {
  list-style: none;
  font-size: 0.9em;
  background: #c00;
  color: #fff;
  padding: 5px;
}

form.tl fieldset div {
  float: left;
  margin: 0 10px 0 0;
  border: 0;
}

form.tl select {
  max-width: 250px;
}

form.tl ul.checkbox_list {
  margin: 0;
  padding: 0;
}

form.tl ul.checkbox_list li {
  list-style: none;
  display: inline;
}

form.tl ul.checkbox_list li label {
  color: #000;
  display: inline;
}

table.attr {
  float: left;
  clear: left;
  margin: 2px auto 0;
  min-width: 130px;
}

table.attr caption {
  margin: 20px auto 0;
  font-weight: bold;
  text-align: left;
}

table.attr em {
  color: #f00;
  font-style: normal;
}

/**** main search ****/

div#nsearch {
  border: 3px solid #fff;
  border-color: #fff #fff #d18c3b #d18c3b;
  background: #fff;
  position: absolute;
  top: 25px;
  right: 8px;
  padding: 5px;
  margin-right: 5px;
}

/**** breadcrumbs ****/

a.bc {
  font-weight: bold;
  font-size: 1.2em;
}

h2.bc {
  display: inline;
  margin: auto;
  font-size: 1.2em;
}

/**** feedback ****/

a#feedback {
  background: #06c url('/images/sprite.png') 0 -26px;
  color: #FFFFFF;
  height: 102px;
  left: 0;
  margin-left: -7px;
  overflow: hidden;
  position: fixed;
  text-indent: -5000px;
  top: 25%;
  width: 42px;
  z-index: 100000;
  left: auto !important;
  margin-left: auto !important;
  margin-right: -7px !important;
  right: 0 !important;
}

a#feedback:hover {
  margin-left: auto !important;
  margin-right: -4px !important;
}

/**** signup/login tab ****/

div#signuplogin {
  position: absolute;
  top: 2px;
  left: 135px;
  border: 3px solid #111;
  border-width: 3px 3px 0;
  padding: 2px 5px;
  margin: 0;
  border-color: #8fb635 #8fb635 #ddd #8fb635;
  background: #ddd;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div#signuplogin
  {
    padding-bottom: 4px;
  }
}

div.user div#signuplogin {
  border-bottom-width: 3px;
  border-bottom-color: #ddd;
}

div#signuplogin a {
  text-decoration: none;
  color: #000;
  padding: 0 5px;
}

div#signuplogin a:hover {
  background-color: #ccc;
}

a#donate {
  font-weight: bold;
  color: #c00;
}

a#donate:hover {
  background: #c00;
  color: #fff;
}

a#max {
  font-size: 4em;
  display: block;
  text-decoration: none;
  font-family: 'Reenie Beanie', sans-serif;
}

div#culture fieldset {
  border: 0;
}

div#culture legend {
  display: none;
}

/**** sidebar ****/

div#toolbar {
  position: absolute;
  top: 17px;
  left: 10px;
  margin: 3px 0px;
  width: 118px;
}

div.user div#nsearch {
  border-bottom-color: #8fb635 !important;
  border-left-color: #8fb635 !important;
}

div.info, div#toolbar li.info {
  border-color: #d18c3b !important;
}

div.build, div#toolbar li.build {
  border-color: #a02c35 !important;
}

div.build div#nsearch {
  border-bottom-color: #a02c35 !important;
  border-left-color: #a02c35 !important;
}

div.search, div#toolbar li.search {
  border-color: #3895bd !important;
}

div.search div#nsearch {
  border-bottom-color: #3895bd !important;
  border-left-color: #3895bd !important;
}

div.trade, div#toolbar li.trade {
  border-color: #bb3a84 !important;
}

div.trade div#nsearch {
  border-bottom-color: #bb3a84 !important;
  border-left-color: #bb3a84 !important;
}

/**** 1st-LEVEL ITEMS ****/

div#toolbar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: #fff;
}

div#toolbar ul li {
  background: #eee;
  margin: 5px 0px;
  border: 3px solid #000;
  border-width: 3px 0px 3px 3px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

div#toolbar ul li.selected {
  background: #ddd;
  margin-right: -3px
}

div#toolbar ul li a, div#toolbar ul li span {
  display: block;
  width: 100%;
  padding: 1px 0px 1px 2px;
  text-decoration: none;
  color: #111;
}

div#toolbar ul li.selected a {
  color: #111;
}

div#toolbar ul li a:hover {
  background: #ccc;
}

div#toolbar ul li.selected a:hover {

}

div#toolbar ul li ul {
  margin-left: 15px;
}

/**** 2nd-LEVEL ITEMS ****/

div#toolbar ul li ul li {
  background: #eee;
  border: 1px solid #eee;
  margin: 0px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

div#toolbar ul li.selected ul li {
  border-right: 3px solid #ccc;
  border: 1px solid #ccc;
}

div#toolbar ul li.selected ul li a {
  background: #ddd;
}

div#toolbar ul li ul li.selected {

  background: #ccc;
  border-right: 3px solid #ccc;
}

div#toolbar ul li ul li.selected a {
  color: #000;
  font-weight: bold;
}

/**** search ****/

td.sx {
  text-align: left !important;
  vertical-align: middle;
}

input.i1 {
  width: 1.1em;
}

input.i2 {
  width: 2em;
}

td.c, td.baj, td.bor, td.car, td.dom, td.fed, td.fer, td.kli, td.na, td.rom, td.sta {
  white-space: nowrap;
}

td.c a {
  color: #000;
}

table.list em {
  display: block;
  font-style: normal;
  font-size: 90%;
}

table.list a {
  text-decoration: none;
}

table.list a:hover, table.list a:hover em {
  background-color: #aaa;
  color: #009;
}

td.baj {
  background: #7f5070 !important;
}

td.bor {
  background: #868a96 !important;
}

td.car {
  background: #6f78a3 !important;
}

td.dom {
  background: #b69fbb !important;
}

td.fed {
  background: #5ba5e2 !important;
}

td.fer {
  background: #cd861e !important;
}

td.kli {
  background: #bc291f !important;
}

td.na {
  background: #ddc257 !important;
}

td.rom {
  background: #468361 !important;
}

td.sta {
  background: #0167a5 !important;
}

table.aff {
  width: 75%;
  margin: auto;
}

td.rws {
  width: 200px;
}

td.subm {
  text-align: center;
}

div#affl {
  width: 335px;
  margin: auto auto 10px auto;
}

div#affl label {
  display: block;
  float: left;
  width: 65px;
  height: 20px;
  padding: 5px 0px;
  text-align: center;
  background-repeat: no-repeat;
  margin: 1px;
}

label.baj {
  background: #7f5070 url('/images/affs.png');
}

label.bor {
  background: #868a96 url('/images/affs.png') 0px -31px;
}

label.car {
  background: #6f78a3 url('/images/affs.png') 0px -62px;
}

label.dom {
  background: #b69fbb url('/images/affs.png') 0px -93px;
}

label.fed {
  background: #5ba5e2 url('/images/affs.png') 0px -124px;
}

label.fer {
  background: #cd861e url('/images/affs.png') 0px -155px;
  clear: left;
}

label.kli {
  background: #bc291f url('/images/affs.png') 0px -186px;
}

label.na {
  background: #ddc257 url('/images/affs.png') 0px -217px;
}

label.rom {
  background: #468361 url('/images/affs.png') 0px -248px;
}

label.sta {
  background: #325494 url('/images/affs.png') 0px -279px;
}

input.conta {
  border: 0px;
  background :#fff;
  text-align: right;
}

/*label.ics {
  display: block;
  width: 60px;
  float: left;
  clear: left;
  margin: 0px 0px 0px 20px;
}*/

label.labp {
  display: block;
  float: left;
  width: 60px;
  padding: 3px 4px 0px 0px;
  text-align: right;
}

input.cnt {
  border: 0px;
  background: transparent;
  width: 19px;
  font-weight: bold;
}

form.search {
  margin: 0 auto;
  text-align: center;
}

form.search fieldset {
  border: 0;
  float: left;
}

form.search fieldset.clear {
  clear: left;
}

form.search fieldset.nowrap {
  text-align: left;
}

form.search fieldset.nowrap select {
  display: inline;
}

form.search fieldset div {
  float: left;
  margin: 0 2px 0 0;
}

form.search fieldset div#affl {
  float: none;
}

form.search select {
  display: block;
}

div#namesearch {
  width: 400px;
}

.yui-ac-bd b {
  float: right;
  white-space: pre;
}

.yui-ac-bd a, .yui-ac-bd div {
  color: #fff;
}

label.lb {
  display: block;
  float: left;
  width: 60px;
  margin: 4px 10px 0 0;
  text-align: right;
}

input#name_name {
  background: transparent url('/images/sprite.png') no-repeat 0 -176px;
  text-indent: 15px;
}

/**** login ****/

div#login {
  background: #ddd;
  margin: 10px auto;
  padding: 5px 20px;
  width: 300px;
}

div#login label {
  font-size: 1.1em;
  display: block;
}

div#login input {
  font-size: 1.8em;
  width: 290px;
}

div#login p.submit input {
  font-size: 1.2em !important;
  width: auto;
}

ul.login {
  list-style: none;
  width: 325px;
  margin: 0 auto;
  padding: 0;
  line-height: 1.2;
}

ul.login li {
  font-size: 1.1em;
  margin: 5px 0;
}

ul.login li a {
  color: #0d324f;
  border: none;
}

ul.login li a:hover {
  color: #666;
}

/**** jquery autocomplete ****/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/**** flags ****/

td.flag {
  background-image: url('/images/flags.png') !important;
  background-repeat: no-repeat !important;
  width: 16px;
  background-position: 3px 100px;
}

span.flag {
  background-image: url('/images/flags.png') !important;
  background-repeat: no-repeat !important;
  min-width: 22px;
  padding-left: 22px;
  height: 16px;
  background-position: 3px 100px;
}

.flag_0, .flag_1, .flag_99 {
  background-position: 3px 100px !important;
}

.flag_al {
  background-position: 3px -96px !important;
}

.flag_ar {
  background-position: 3px -170px !important;
}

.flag_at {
  background-position: 3px -208px !important;
}

.flag_au {
  background-position: 3px -227px !important;
}

.flag_be {
  background-position: 3px -361px !important;
}

.flag_ca {
  background-position: 3px -664px !important;
}

.flag_cd {
  background-position: 3px -720px !important;
}

.flag_ch {
  background-position: 3px -779px !important;
}

.flag_cn {
  background-position: 3px -874px !important;
}

.flag_cy {
  background-position: 3px -1006px !important;
}

.flag_cz {
  background-position: 3px -1025px !important;
}

.flag_de {
  background-position: 3px -1045px !important;
}

.flag_es {
  background-position: 3px -1273px !important;
}

.flag_fr {
  background-position: 3px -1443px !important;
}

.flag_gb {
  background-position: 3px -1480px !important;
}

.flag_hr {
  background-position: 3px -1861px !important;
}

.flag_hu {
  background-position: 3px -1900px !important;
}

.flag_ie {
  background-position: 3px -1937px !important;
}

.flag_is {
  background-position: 3px -2051px !important;
}

.flag_it {
  background-position: 3px -2070px !important;
}

.flag_lu {
  background-position: 3px -2507px !important;
}

.flag_my {
  background-position: 3px -2944px !important;
}

.flag_nl {
  background-position: 3px -3096px !important;
}

.flag_no {
  background-position: 3px -3115px !important;
}

.flag_nz {
  background-position: 3px -3191px !important;
}

.flag_pl {
  background-position: 3px -3343px !important;
}

.flag_pt {
  background-position: 3px -3439px !important;
}

.flag_ro {
  background-position: 3px -3533px !important;
}

.flag_ru {
  background-position: 3px -3571px !important;
}

.flag_se {
  background-position: 3px -3704px !important;
}

.flag_sg {
  background-position: 3px -3723px !important;
}

.flag_sk {
  background-position: 3px -3799px !important;
}

.flag_tr {
  background-position: 3px -4199px !important;
}

.flag_us {
  background-position: 3px -4350px !important;
}

.flag_za {
  background-position: 3px -4635px !important;
}

select#country option {
  background-image: url('/images/flags.png');
  background-repeat: no-repeat;
  background-position: 3px 100px;
  padding-left: 22px;
}