::-moz-selection {
    background: #3c709c;
    color: white;
}

.hidden_field {
    display: none;
}

::selection {
    background: #3c709c;
    color: white;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

img {
    border: 0;
}

#thewholepage {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../bilder/shadowback.png');
    background-repeat: repeat-y;
    padding-left: 7px;
    padding-right: 7px;
    width: 781px;
}

/* Fixa cursor utan php-trix */
.jslink {
    cursor: pointer;
    cursor: hand;
}

.bak_bla {
    background-color: #a4bfd4;
}

.bak_rod {
    background-color: #D4A4A4;
}

.bak_christmas {
    background-color: #800000;
}

.bak_gra {
    background-color: #dadada;
}

.bak_morkbla {
    background-color: #5a7a9c;
}

.bak_morkgron {
    background-color: #6c7a63;
}

.bak_gron {
    background-color: #8ACA86;
}

.bak_guld {
    background-color: #E9D81A;
}

.bak_aqua {
    background-color: #4287cd;
}

.bak_gul {
    background-color: #f5f5dc;
}

.bak_ljusbla {
    background-color: #e6eaf1;
}

.bak_ljusgron {
    background-color: #E7F2E6;
}

.bak_ljusrod {
    background-color: #F1E6E6;
}

.bak_ljusgra {
    background-color: #f5f5f5;
}

.bak_brun {
    background-color: #CAB386;
}

.bak_ljusbrun {
    background-color: #F2EEE6;
}

body#association #content .bak_orange {
    background: #f85d00;
}

body#association #content .bak_orange a {
    color: #fff;
}

.box {
    display: block;
    margin: 0;
    border: 0;
    padding: 0px;
    width: 100%;
    font: normal 10px/12px Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: black;
}

div.latestforum_left {
    display: block;
    width: 100px;
    margin: 0;
    border: 0px;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
    color: black;
}

div.latestforum_left ul, div.latest_topics ol {
    padding: 0;
    margin: 0;
}

div.latestforum_left div {
    padding: 2px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
}

div.latestforum_left ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

div.latestforum_left ul li {
    list-style-type: none;
}

div.latestforum_index a {
    font-size: 11px;
}

div.bak_bla {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #a4bfd4 solid;
}

div.bak_brun {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #CAB386 solid;
}

div.bak_rod {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #D4A4A4 solid;
}

div.bak_gra {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #dadada solid;
}

div.bak_morkgron {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #6c7a63 solid;
}

div.bak_gron {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #8ACA86 solid;
}

div.bak_gul {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #f5f5dc solid;
}

div.bak_guld {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #E9D81A solid;
}

div.bak_ljusrod {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #F1E6E6 solid;
}

div.bak_ljusgron {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #E7F2E6 solid;
}

div.bak_ljusbla {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #e6eaf1 solid;
}

div.bak_ljusgra {
    text-align: left;
    color: black;
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    border: 1px #f5f5f5 solid;
}

.brodtext {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.formtext {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    line-height: 14px;
}

.litenrubrik {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.menyprickar {
    background: white url(../bilder/dot_row_y.gif) repeat-y right
}

.menytext {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.mini {
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.standingstext {
    color: #000000;
    font-size: 12px;
    font-family: Courier New, Courier, Fixedsys, Verdana, sans-serif;
}

.text_bla, a.text_bla {
    color: #3c709c !important;
}

.text_gra, a.text_gra {
    color: gray !important;
}

.text_svart, a.text_svart {
    color: black !important;
}

.text_vit, a.text_vit {
    color: white !important;
}

.text_gron, a.text_gron {
    color: #6c7a63 !important;
}

.text_rod, .error, a.text_rod {
    color: #800000 !important;
}

.text_brun, a.text_brun {
    color: #805B37 !important;
}

.text_guld, a.text_guld {
    color: #E9D81A !important;
}

#left {
    width: 105px;
    background-color: #eeeeee;
    text-align: left;
}

#loginbox {
    display: block;
    background-color: #e6eaf1;
    border-top: 1px white solid;
    text-align: right;
}

#navigation, #usertools, #extramenu {
    margin: 0;
    padding: 0;
    border-top: 1px white solid;
}

#navigation li, #usertools li, #extramenu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px white solid;
    font: normal 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#navigation li {
    background-color: #a4bfd4;
}

#navigation li a, #usertools li a {
    display: block;
    height: 12px;
    padding: 4px 2px 4px 9px;
    margin: 0;
    color: black;
    text-decoration: none;
}

#extramenu li a {
    display: block;
    height: 12px;
    padding: 4px 2px 4px 9px;
    color: black;
    text-decoration: none;
}

#navigation li.odd {
    background-color: #b8cddc;
}

#navigation li.hot {
    background-color: #D4A4A4;
}

#navigation li.bluehot {
    background-color: #b8cddc;
}

#navigation li.bluehot a {
    color: #3c709c;
    font-style: italic;
}

#navigation li.bluehottest {
    background-color: #456f9c;
}

#navigation li.bluehottest a {
    color: #fff;
}

#usertools li {
    background-color: #8ACA86;
}

#navigation li:hover, #usertools li:hover, #extramenu li:hover {
    background-color: #e6eaf1;
}

#usertools li:hover {
    background-color: #e7f1e7;
}

#navigation li a:hover, #usertools li a:hover, #extramenu li a:hover {
    font-weight: bold;
    color: #3c709c;
}

#usertools li a:hover {
    color: #000;
    font-weight: normal;
    font-style: italic;
}

#new_mail {
    position: relative;
    background: white;
    padding: 2px 2px 2px 6px;
    font: normal 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
    border-bottom: 3px white solid;
    border-top: 5px white solid;
    border-left: 5px white solid;
}

#new_mail a {
    text-decoration: none;
    font-weight: bold;
}

#new_mail a:hover {
    color: #3c709c;
}

div.sidmeny {
    height: 20px;
    left: 20px;
    padding: 2px;
    margin: 0;
    width: 100%;
    display: block;
    position: relative;
}

div.sidmeny.h1 {
    text-align: left;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

div.sidmeny.brodtext {
    color: #FFFFFF;
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.relativposition {
    position: relative;
}

.snapshotcover {
    width: 60px;
    height: 68px;
}

.notepad {
    width: 225px;
    padding: 2px;
    position: relative;
    background-color: #E9EAF5;
    font: normal 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.floatbox {
    top: -5px;
    left: 80px;
    padding: 5px;
    border: 1px black solid;
    width: 150px;
    background-color: #FFFFE5;
}

.floatbox a {
    display: inline;
    color: #3c709c;
    font-weight: normal;
    padding: 0;
}

.floatbox a:hover {
    color: #800000;
    text-decoration: underline;
}

div.list_tabell {
    display: block;
    margin: 1px;
    border: 0;
    padding: 2px;
    font: normal 10px/12px Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: black;
    word-wrap: break-word;
}

div.list_tabell img {
    max-width: 100%;
}

.list_tabell.rod {
    background-color: #F5E9E9;
    border-left: #F5DCDC 1px solid;
    border-right: #F5DCDC 1px solid;
    border-bottom: #FFF0F0 1px solid;
}

.list_tabell.rod.odd {
    background-color: #F5DCDC;
    border-left: #FFF0F0 1px solid;
    border-right: #D1BCBC 1px solid;
    border-bottom: #D1BCBC 1px solid;
}

.list_tabell.bla {
    background-color: #E9EAF5;
    border-left: #DCDEF5 1px solid;
    border-right: #DCDEF5 1px solid;
    border-bottom: #F0F0FF 1px solid;
}

.list_tabell.bla.odd {
    background-color: #DCDEF5;
    border-left: #F0F0FF 1px solid;
    border-right: #BCBDD1 1px solid;
    border-bottom: #BCBDD1 1px solid;
}

.list_tabell.gron {
    background-color: #ECF5E9;
    border-left: #E2F5DC 1px solid;
    border-right: #E2F5DC 1px solid;
    border-bottom: #F3FFF0 1px solid;
}

.list_tabell.gron.odd {
    background-color: #E2F5DC;
    border-left: #F3FFF0 1px solid;
    border-right: #C1D1BC 1px solid;
    border-bottom: #C1D1BC 1px solid;
}

.list_tabell.brun {
    background-color: #F5F1E9;
    border-left: #F5EDDC 1px solid;
    border-right: #F5EDDC 1px solid;
    border-bottom: #FFF6E5 1px solid;
}

.list_tabell.brun.odd {
    background-color: #F5EDDC;
    border-left: #FFF6E5 1px solid;
    border-right: #D1CABC 1px solid;
    border-bottom: #D1CABC 1px solid;
}

.list_tabell.gra {
    background-color: #F5F5F5;
    border-left: #F5F5F5 1px solid;
    border-right: #F5F5F5 1px solid;
    border-bottom: #F0F0FF 1px solid;
}

.list_tabell.gra.odd {
    background-color: #D9D9D9;
    border-left: #FFFFFF 1px solid;
    border-right: #D1D1D1 1px solid;
    border-bottom: #D1D1D1 1px solid;
}

.list_tabell.gul {
    background-color: #f5f5e9;
    border-left: #f5f5dc 1px solid;
    border-right: #f5f5dc 1px solid;
    border-bottom: #FFFFE5 1px solid;
}

.list_tabell.gul.odd {
    background-color: #f5f5dc;
    border-left: #FFFFE5 1px solid;
    border-right: #D2D2BC 1px solid;
    border-bottom: #D2D2BC 1px solid;
}

.box ul, .box ol {
    padding: 0;
    margin: 0;
}

.box {
    display: block;
    margin: 0;
    border: 0;
    padding: 0px;
    width: 100%;
    font: normal 10px/12px Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: black;
}

.box > div{
    padding: 2px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
}

.box h1 {
    font-size: 10px;
    line-height: 12px;
    padding: 2px;
    margin: 0;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
}

.box.bla {
    background-color: #e6eaf1;
}

.box.bla h1 {
    background-color: #a4bfd4;
    color: #3c709c;
}

.box.bla > div {
    border-color: #E8E8FF #AAB #AAB #E8E8FF;
}


.box.gron {
    background-color: #e7f1e7;
}

.box.gron h1 {
    background-color: #6c7a63;
    color: #FFFFFF;
}

.box.gron > div {
    border-color: #CEFCCC #A4C38E #A4C38E #CEFCCC;
}

.box.gron a {
    color: #6c7a63;
}

.box.brun {
    background-color: #F2EFE9;
}

.box.brun h1 {
    background-color: #D4C3A3;
    color: #FFFFFF;
}

.box.brun > div {
    border-color: #FFF7E8 #D1CABC #D1CABC #FFF7E8;
}


.box.rod {
    background-color: #F5E9E9;
}

.box.rod h1 {
    background-color: #D4A4A4;
    color: white;
}

.box.rod > div {
    border-color: #FFFFE5 #D2D2BC #D2D2BC #FFFFE5;
}

.box.rod a {
    color: #800000;
}

.box.guld {
    background-color: #f5f5e9;
}

.box.guld h1 {
    background-color: #E9D81A;
    color: white;
}

.box.guld > div {
    border-color: #FFF7E8 #D1CABC #D1CABC #FFF7E8;
}

.box.guld a {
    color: #E9D81A;
}

.box.aqua {
    background-color: #e3f1ff;
}

.box.aqua h1 {
    background-color: #4287cd;
    color: white;
}

.box.aqua > div {
    border-color: #FFF7E8 #bcc4d1 #bcc4d1 #FFF7E8;
}

.box.aqua a {
    color: #4287cd;
}

.box.morkrod {
    background-color: #f5f5dc;
}

.box.morkrod h1 {
    background-color: #800000;
    color: white;
}

.box.morkrod > div {
    border-color: #FFFFE5 #D2D2BC #D2D2BC #FFFFE5;
}

.box.morkrod a {
    color: #800000;
}

.box.gra {
    background-color: #F5F5F5;
}

.box.gra h1 {
    background-color: #808080;
    color: #FFFFFF;
}

.box.gra > div {
    border-color: #FFFFFF #D1D1D1 #D1D1D1 #FFFFFF;
}

.box.gra a {
    color: #808080;
}

.box.svart {
    background-color: #F5F5F5;
}

.box.svart h1 {
    background-color: #333;
    color: #FFFFFF;
}

.box.svart > div {
    border-color: #FFFFFF #D1D1D1 #D1D1D1 #FFFFFF;
}

.box.svart a {
    color: #808080;
}

.box ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.box ul li {
    list-style-type: none;
}

body#association #content .box.bla a, .box.bla a {
    color: #3c709c;
}


body#association #content .box.brun a, .box.brun a {
    color: #805B37;
}



#loginstatus {
    display: block;
    background-color: #eeeeee;
    padding: 0px 0px 0px 9px;
    color: black;
    font: normal 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.prickrad_y {
    background: url(../bilder/dot_row_y.gif) repeat-y;
}

.prickrad_x {
    background: url(../bilder/dot_row_x.gif) repeat-x bottom;
}

a.noline {
    text-decoration: none;
}

a:hover.noline {
    text-decoration: underline;
}

.rubrik, h1 {
    font-size: 16px;
    color: gray;
    font-family: Georgia, Garamond, Times New Roman, Times, serif;
    font-weight: normal;
}

.rubrik2 {
    font-size: 36px;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.1em;
}

a.rubrik, a.h1 {
    text-decoration: none;
}

a:hover.rubrik {
    text-decoration: underline;
}

a.popup:hover {
    text-decoration: none;
    border-bottom: 1px dotted #3c709c;
    background-color: #a4bfd4;
}

a.cardpopup:hover {
    text-decoration: none;
    border-bottom: 1px dotted #3c709c;
}


a {
    color: #3c709c
}

body#association #content a {
    color: #f85d00;
}

a:hover {
    text-decoration: none;
}

a:hover.litenrubrik {
    text-decoration: underline;
}

a:hover.menytext {
    text-decoration: underline;
}

a:hover. {
    text-decoration: underline;
}

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

a.menytext {
    text-decoration: none;
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

body {
    background: #3c709c;
    margin: 0;
    background-size: 100px 125px;
    background-attachment: fixed;
}

body#association {
    background-color: #f85d00;
}

body.small {
    background-color: #FFFFFF;
    margin: 0 0 0 0;
    background-image: none;
}

brodtext_noline {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

input {
    color: #000000;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

select {
    color: #000000;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

textarea {
    color: #000000;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

form {
    padding: 0;
    margin: 0;
}

#snabbsok {
    color: black;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    display: block;
    padding: 0px 0px 0px 2px;
    text-align: left;
}

#snabbsok input {
    padding: 0 0 0 1px;
}

#kod {
    display: none;
    position: absolute;
}

#knappsnabbsok {
    display: none;
    position: absolute;
}

.knappsnabbsoket {
    top: 20px;
    left: -140px;
    padding: 5px;
    border: 1px black solid;
    width: 150px;
    background-color: #FFFFE5;
}

.knappsnabbsoket a {
    display: inline;
    color: #3c709c;
    font-weight: normal;
    padding: 0;
}

.knappsnabbsoket a:hover {
    color: #800000;
    text-decoration: underline;
}

fieldset.fieldset_bla {
    background-color: white;
    border: #a4bfd4 solid 1px;
    padding: 5px;
}

fieldset.fieldset_gron {
    background-color: white;
    border: #8ACA86 solid 1px;
    padding: 5px;
}

fieldset.fieldset_rod {
    background-color: white;
    border: #D4A4A4 solid 1px;
    padding: 5px;
}

fieldset.fieldset_brun {
    background-color: white;
    border: #805B37 solid 1px;
    padding: 5px;
}

fieldset.fieldset_gra {
    background-color: white;
    border: #dadada solid 1px;
    padding: 5px;
}

fieldset.fieldset_gra legend, fieldset.fieldset_rod legend, fieldset.fieldset_bla legend, fieldset.fieldset_gron legend, fieldset.fieldset_brun legend {
    background-color: transparent;
    width: auto;
    font-weight: bold;
    color: #000;
}

#powersearch {
    display: none;
    position: fixed;
}

.powersearch {
    top: 80px;
    left: 220px;
    padding: 5px;
    border: 1px black solid;
    width: 455px;
    background-color: #FFFFE5;
}

.powersearch a {
    display: inline;
    color: #3c709c;
    font-weight: normal;
    padding: 0;
}

.powersearch a:hover {
    color: #800000;
    text-decoration: underline;
}

.tabell_gul1 {
    border-bottom: #f5f5dc 1px solid;
    border-left: #FFFFE5 1px solid;
    border-right: #f5f5dc 1px solid;
    background-color: #f5f5e9;
    padding: 1px;
    width: 100%;
}

.tabell_gul2 {
    border-bottom: #D2D2BC 1px solid;
    border-left: #FFFFE5 1px solid;
    border-right: #D2D2BC 1px solid;
    background-color: #f5f5dc;
    padding: 1px;
    width: 100%;
}


.tr_gul1 td {
    border-bottom: #D2D2BC 1px solid;
    background-color: #f5f5e9;
    padding: 1px;
}

.tr_gul1 td.first {
    border-left: #FFFFE5 1px solid;
}

.tr_gul1 td.last {
    border-right: #f5f5dc 1px solid;
}

.tr_gul2 td {
    border-bottom: #D2D2BC 1px solid;
    background-color: #f5f5dc;
    padding: 1px;
}

.tr_gul2 td.first {
    border-left: #FFFFE5 1px solid;
}

.tr_gul2 td.last {
    border-right: #D2D2BC 1px solid;
}

.fadebox {
    display: block;
    margin: 0;
    border: 0;
    padding: 0px;
    width: 100%;
}

.fadebox.gron {
    background-color: #e7f1e7;
}

.fadebox.gron .header_div {
    background: url('../bilder/fade_gron.gif') #c9e9c0 no-repeat 0 0;
    padding: 3px 0px 3px 40px;
    height: 17px;
}

.fadebox.gron .header {
    color: #FFFFFF;
    font-family: Georgia, Times, serif;
    font-size: 14px;
    width: 150px;
    display: block;
    float: left;
}

.fadebox.gron .content {
    padding: 5px;
}

.fadebox.gron a {
    color: #6c7a63;
}

.fadebox.gron .footer_div {
    border-top: 1px dotted #a9a9a9;
    border-bottom: 1px dotted #a9a9a9;
    padding: 3px;
    background-color: #F3FFF0;
}


.lang_menu {
}

.lang_menu.item {
    float: left;
    background-color: #f5f5f5;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid #a9a9a9;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
}

.lang_menu.item.active {
    background-color: #3c709c;
    border-top: 1px solid #3c709c;
    border-left: 1px solid #3c709c;
    border-right: 1px solid #3c709c;
}

.lang_menu.item.active a {
    text-decoration: none;
    color: #fff;
}

.deck table td {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.deck table td a.popup:hover, form a.popup:hover {
    background: #fff;
    text-decoration: none;
}

.ljusbakgrund a.popup:hover, .ljusljusbakgrund a.popup:hover {
    text-decoration: none;
    border-bottom: 1px dotted #3c709c;
    background-color: #a4bfd4;
}

table.decklist_1 {
    border-collapse: collapse;
    border-bottom: #D2D2BC 1px solid;
    border-left: #FFFFE5 1px solid;
    border-right: #D2D2BC 1px solid;
    background-color: #f5f5dc;
    padding: 0;
    margin: 0;
    width: 100%;
}

table.decklist_2 {
    border-collapse: collapse;
    border-bottom: #f5f5dc 1px solid;
    border-left: #FFFFE5 1px solid;
    border-right: #f5f5dc 1px solid;
    background-color: #f5f5e9;
    padding: 0;
    margin: 0;
    width: 100%;
}

.avatar {
    width: 50px;
    height: 50px;
}

.foil {
    z-index: 2;
    position: absolute;
    background-image: url('/pics/foil.png');
    margin-top: 3px;
    margin-left: 3px;
    background-repeat: no-repeat;
    width: 100px;
    height: 143px;
}

#draft img.foil {
    position: static !important;
}

.foil.big {
    background-image: url('/pics/foil_big.png');
    width: 200px;
    height: 286px;
    border: 0;
}

.foil img {
    width: 100px;
    height: 143px;
}

.foil.big img {
    width: 200px;
    height: 286px;
}

.odd_td {
    border-bottom: #D2D2BC 1px solid;
    background-color: #f5f5dc;
}

.even_td {
    border-bottom: #f5f5dc 1px solid;
    background-color: #f5f5e9;
}

.even_td.last {
    border-right: #f5f5dc 1px solid;
}

.odd_td.last {
    border-right: #D2D2BC 1px solid;
}

td.brodtext img:not(.cardpic) {
    max-width: 100%;
}
img.cardpic {
    background: #000 url('/pics/mtgcardback.jpg') no-repeat;
    margin-top: 1px;
    min-width: 200px;
    max-width: 254px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow: 0px 0px 2px #999;
}

.cardpic-td img.cardpic {
    width: 200px;
    height: 287px;
}
.cardpic-td img.cardpic.none {
    width: 212px;
    height: 299px;
}

img.cardpic.zoom {
    max-width: none;
    width: auto !important;
    height: auto !important;
}

img.cardpic.black {
    border: 6px solid black;
}

img.cardpic.silver {
    border: 6px solid #828282;
}

img.cardpic.white {
    border: 6px solid #f9f9f9;
}

img.cardpic.none {
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

img.cardpic.bigcard {
    width: auto;
    height: auto;
    max-width: 270px;
    border-width: 15px;
}

#famous-cards img.cardpic {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-width: 150px;
    height: auto;
    border-width: 5px;
    margin-bottom: 3px;
}


.awesome {
    border: 0;
    background: #222 url('/pics/alert-overlay.png') repeat-x;
    display: inline-block;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    padding: 5px 10px 6px;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border-bottom: 1px solid #888;
    position: relative;
    cursor: pointer;
}

.large.awesome, .large.awesome:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}

.awesome.orange, .awesome.orange:visited {
    background: #ff5c00 url('/pics/alert-overlay.png') repeat-x;
}

.orange.awesome:hover {
    background-color: #d45500;
}


td.christmas_calendar {
    height: 900px;
}

td.christmas_calendar div.day_open {
    background: transparent url('/pics/day_open.png') no-repeat;
    height: 81px;
    width: 141px;
    position: absolute;
}

td.christmas_calendar div.day_open img.innershadow {
    position: absolute;
    z-index: 1;
}

td.christmas_calendar div.day_open img {
    margin-top: 6px;
    margin-left: 70px;
}

td.christmas_calendar div.day_closed {
    position: absolute;
    height: 71px;
    width: 71px;
    cursor: pointer;
}

td.christmas_calendar div.day_open a {
    text-decoration: none;
    color: #fff;
}

td.christmas_calendar div em {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 71px;
    width: 71px;
    left: 70px;
    top: 6px;
}

td.christmas_calendar div.day_open em img {
    margin: 0 !important;
}

td.christmas_calendar div em img.object {
    position: absolute;
    top: -35px;
    left: -35px;
}

td.christmas_calendar div.day_open span {
    display: block;
    position: absolute;
    margin-left: 70px;
    margin-top: 20px;
    width: 70px;
    text-align: center;
    font-size: 34px;
    color: #fff;
    text-decoration: none;
    font-family: Georgia, serif;
    opacity: 0.7;
}

.clear {
    clear: both;
}

.left {
    float: left;
}


.club_intro {
    width: 31%;
    padding-right: 2%;
    float: left;
}

.club_intro p, #notamember p {
    padding-right: 25px;
    font-size: 12px;
}

p.nmb_members {
    background: url('/bilder/icon_foreningen.gif') no-repeat;
    padding-left: 54px;
    font-size: 11px;
    padding-top: 10px;
    height: 30px;
}

ul.checklist {
    list-style-type: none;
}

ul.checklist li {
    padding-left: 20px;
    font-style: italic;
    padding-bottom: 5px;
    background: url('/pics/check.png') no-repeat;
}

#notamember ul.checklist li {
    font-size: 12px;
}

td.club_info {
    padding-left: 5px;
}

td.club_news img {
    float: left;
    margin-right: 5px;
}

td.club_news h2 {
    margin-top: 10px;
    float: left;
}

div.club_news_item {
    padding-bottom: 5px;
    clear: both;
}

div.club_news_item p {
    margin-top: 0px;
}

div.club_news_item a.club_news_comments {
    margin-top: 0px;
    color: #222 !important;
}

div.club_news_item a.club_news_comments img {
    margin-right: 2px;
}


.bubble {
    padding: 15px;
    margin-top: 1em;
    margin-bottom: 0px;
    color: #fff;
    zoom: 1;
    /* css3 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #222;
}

#mirran .bubble {
    background: none;
    border: 1px solid #C05042 !important;
    color: #222;
}


.bubble span {
    display: block;
    font-family: Georgia;
    float: left;
    width: 30px;
    height: 30px;
    color: #fff !important;
    font-size: 50px;
}

#mirran .bubble span {
    color: #C05042 !important;
}

#mirran, #phyrexia {
    background: url('/factionwar/part-mirran.jpg') no-repeat;
    padding: 150px 10px 150px 10px;
    width: 315px;
    font-size: 11px;
    float: left;
}

#mirran a {
    color: #C05042;
    font-weight: bold;
}

#phyrexia a {
    color: #000;
    font-weight: bold;
}

td.warfaction .counter {
    font-size: 12px;
    width: 253px;
    padding: 7px 0px 0px 22px;
    margin: 0px auto 0px auto;
    color: #333;
    height: 25px;
    background: url('/factionwar/icon-mirran.png') no-repeat 11px 0px;
}

td.warfaction .joiners {
    padding-left: 10px;
}

td.warfaction a.awesome {
    margin: 0 auto 20px auto;
    text-align: center;
    width: 100px;
    font-size: 11px;
}

td.warfaction .joiners img {
    float: left;
    width: 25px;
    height: 25px;
    margin: 3px 7px 0px 0px;
}

td.warfaction .joiners span {
    text-decoration: underline;
    cursor: pointer;
}

td.warfaction .joiners ul {
    list-style: none;
    margin: 10px 0px 10px 30px;
    padding: 0;
    display: none;
}

td.warfaction .joiners ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

td.warfaction .joiners ul li a {
    font-weight: normal !important;
}

td.warfaction .joiners ul li img {
    float: none;
    margin: 0;
    vertical-align: middle;
}

div.centerpic {
    margin: 15px 0px;
    clear: both;
}

div.centerpic strong {
    font-weight: normal;
}

div.centerpic p {
    font-style: italic;
    color: #555;
}

div.centerpic img {
    display: block;
    float: left;
    margin-right: 10px;
    width: 90px;
    border: 5px solid #000;
}

#mirran div.centerpic img {
    padding: 4px;
    border: 1px solid #999;
}

div.centerpic div {
    float: left;
    width: 200px;
}

td.warfaction a.comments {
    background: url('/pics/lappar.gif') no-repeat;
    display: inline-block;
    padding-left: 17px;
    font-style: normal;
    font-weight: normal !important;
}


#phyrexia {
    background: url('/factionwar/part-phyrexia.jpg') no-repeat;
}

#phyrexia .counter {
    background: url('/factionwar/icon-phyrexia.png') no-repeat 0px 0px;
}

td.warfaction div.comment {
    padding: 0px 0px 17px 0px;
}

td.warfaction div.comment img {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
}

td.warfaction div.comment div.footer {
    padding-left: 45px;
    padding-top: 33px;
    height: 30px;
    background: url('/pics/tail-black.gif') no-repeat 30px 0px;
}

td.warfaction#mirran div.comment div.footer {
    background-image: url('/pics/tail-red.gif');
}

td.warfaction div.comment div.footer p {
    margin: 0;
    float: left;
}

td.warfaction div.comment div.footer p a.comments {
    margin-top: 5px;
}

td.warfaction div.comment div.bubble a {
    text-decoration: none;
    width: 250px;
    color: #222 !important;
    display: block;
    float: left;
    font-weight: normal !important;
}

td.warfaction#phyrexia div.comment div.bubble a {
    color: #fff !important;
}

td.warfaction div.tournament {
    background: url('/factionwar/trophy.png') no-repeat;
    padding-left: 45px;
    padding-top: 4px;
    margin: 20px 0px;
    min-height: 76px;
}

td.warfaction div.tournament.winner {
    background-image: url('/factionwar/trophy-winner.png');
    padding-left: 65px;
}

td.warfaction div.tournament strong {
    display: block;
    margin-bottom: 5px;
}

td.warfaction div.tournament ul, td.warfaction div.tournament ul li {
    margin: 0;
    padding: 0px;
    list-style: none;
}

td.warfaction div.tournament ul li img {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-bottom: 1px;
}


/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
    zoom: 1;
}

#article_body img {
    max-width: 640px;
}

.middle {
    vertical-align: middle;
}

#cardpic-holder, .cardpic-holder {
    display: block;
    background-color: transparent !important;
}

a.produkt-popup {
    cursor: url(/pics/magnify.cur);
}


#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer > #hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background: transparent url(../pics/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover, #prevLink:visited:hover {
    background: url(../pics/prev.gif) left 50% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
    background: url(../pics/next.gif) right 50% no-repeat;
}

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText {
    color: #FF9834;
    font-weight: bold;
    text-decoration: none;
}

#nextLinkText {
    padding-left: 20px;
}

#prevLinkText {
    padding-right: 20px;
}

/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
}

#imageData {
    padding: 0 10px;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #numberDisplay a {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#imageData #helpDisplay {
    clear: left;
    float: left;
    display: block;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6 !important;
    display: none;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html > body .clearfix {
    display: inline-block;
    width: 100%;
}

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
}

#lightboxIframe {
    display: none;
}
td:not(#reklam) iframe {
    max-width: 100%;
}
#news-list img {
    max-width: 180px;
}

.guild-forumpic {
    width: 30px;
    height: 33px;
    display: block;
    float: left;
    margin: 2px 2px 2px 0px;
}


#rulings {
    display: none;
}

#show-rulings b {
    padding-left: 3px;
}

#rulings div, .rulingterm div {
    display: inline;
    border: 0 !important;
}

div.rulings-date {
    font-weight: bold;
    color: #999;
}

.ui-autocomplete.ui-widget.ui-widget-content {
    max-width: 300px;
    text-align: left;
    list-style-type: none;
    padding-left: 0px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    filter: alpha(opacity=95);
    -moz-opacity: .95;
    opacity: .95;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow: 0px 0px 2px #999;
}

.ui-autocomplete.ui-widget.ui-widget-content li a.ui-corner-all {
    display: block;
    background-color: #f5f5dc;
    border-left: #FFFFE5 1px solid;
    border-right: none;
    border-bottom: #D2D2BC 1px solid;
    padding: 3px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.ui-autocomplete.ui-widget.ui-widget-content li a.ui-corner-all.auto-member {
    background-color: #E7F2E6;
    border-left: 1px solid #E7F2E6;
    border-bottom: 1px solid #bed1bc;
}

.ui-autocomplete.ui-widget.ui-widget-content li a.ui-corner-all span {
    font-size: 10px;
    color: darkgrey;
}

.ui-autocomplete.ui-widget.ui-widget-content li:nth-child(even) a {
    background-color: #f5f5e9;
    border-left: #f5f5dc 1px solid;
    border-right: none;
    border-bottom: #FFFFE5 1px solid;
}

.ui-autocomplete.ui-widget.ui-widget-content li:nth-child(even) a.auto-member {
    background-color: #f1fcf0;
    border-left: 1px solid #def5dc;
    border-bottom: 1px solid #e8ffe5;
}

.ui-autocomplete.ui-widget.ui-widget-content li a.ui-state-hover, .ui-autocomplete.ui-widget.ui-widget-content li a.ui-state-focus {
    border-bottom: #315b7f 1px solid;
    border-left: #3c709c 1px solid;
    border-right: none;
    border-top: none;
    background: #3c709c !important;
    color: #E9EAF5 !important;
    cursor: pointer;
    font-weight: normal;
}

.ui-autocomplete.ui-widget.ui-widget-content li a.ui-state-hover span, .ui-autocomplete.ui-widget.ui-widget-content li a.ui-state-focus span {
    color: #a4bfd4;
}

.ui-autocomplete img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
}

.ui-autocomplete img.friend {
    width: auto;
    height: auto;
    margin-left: 3px;
    margin-right: 3px;
}

#left .fb_iframe_widget iframe {
    max-width: 100px !important;
    max-height: 35px !important;
}

#left .fb_iframe_widget span {
    position: static !important;
    display: block !important;
    margin-left: 7px !important;
}

#left div.fb_iframe_widget {
    display: block !important;
    height: 25px !important;
    max-height: 25px !important;
}

pre.code {
    display: block;
    background: #FFFFF0;
    padding: 5px;
    border: 1px solid #EEEE00;
    line-height: 8px;
}

/*!
 * qTip2 - Pretty powerful tooltips - v2.0.1
 * http://qtip2.com
 *
 * Copyright (c) 2012 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Mon Dec 31 2012 02:55 GMT+0000
 * Plugins: svg ajax tips modal viewport imagemap ie6
 * Styles: basic css3
 */

/* Core qTip styles */
.qtip, .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    min-width: 50px;

    font-size: 10.5px;
    line-height: 12px;

    direction: ltr;
}

.qtip-content {
    position: relative;
    padding: 0px;
    overflow: hidden;

    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;

    border-width: 0 0 1px;
    font-weight: bold;
}

.qtip-titlebar + .qtip-content {
    border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;

    cursor: pointer;
    outline: medium none;

    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

/* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
    vertical-align: middle;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;

    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;

    color: inherit;
    background: transparent none no-repeat -100em -100em;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus {
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover {
}

/* Default tooltip style */
.qtip-default {
}

.qtip-default .qtip-titlebar {
    background-color: #FFEF93;
}

.qtip-default .qtip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111;
}


/*! Light tooltip style */
.qtip-light {
    background-color: white;
    border-color: #E2E2E2;
    color: #454545;
}

.qtip-light .qtip-titlebar {
    background-color: #f1f1f1;
}


/*! Dark tooltip style */
.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
    background-color: #404040;
}

.qtip-dark .qtip-icon {
    border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030;
}


/*! Cream tooltip style */
.qtip-cream {
    background-color: #FBF7AA;
    border-color: #F9E98E;
    color: #A27D35;
}

.qtip-cream .qtip-titlebar {
    background-color: #F0DE7D;
}

.qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0;
}


/*! Red tooltip style */
.qtip-red {
    background-color: #F78B83;
    border-color: #D95252;
    color: #912323;
}

.qtip-red .qtip-titlebar {
    background-color: #F06D65;
}

.qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0;
}

.qtip-red .qtip-icon {
    border-color: #D95252;
}

.qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #D95252;
}


/*! Green tooltip style */
.qtip-green {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219;
}

.qtip-green .qtip-titlebar {
    background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0;
}


/*! Blue tooltip style */
.qtip-blue {
    background-color: #E5F6FE;
    border-color: #ADD9ED;
    color: #5E99BD;
}

.qtip-blue .qtip-titlebar {
    background-color: #D0E9F5;
}

.qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0;
}


/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Youtube tooltip style */
.qtip-youtube {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;

    color: white;
    border-width: 0;

    background: #4A4A4A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
    background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
    background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
    background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
    background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
}

.qtip-youtube .qtip-titlebar {
    background-color: #4A4A4A;
    background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
    padding: .75em;
    font: 12px arial, sans-serif;

    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
    border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030;
}


/* jQuery TOOLS Tooltip style */
.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-linear-gradient(top, #717171, #232323);
    background-image: -ms-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);

    border: 2px solid #ddd;
    border: 2px solid rgba(241, 241, 241, 1);

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333;
}

/* IE Specific */
.qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
    background: transparent;
    color: white;
    border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
    border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333;
}


/* Cluetip style */
.qtip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

    background-color: #D9D9C2;
    color: #111;
    border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
    background-color: #87876A;
    color: white;
    border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
    border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952;
}


/* Tipsy style */
.qtip-tipsy {
    background: black;
    background: rgba(0, 0, 0, .87);

    color: white;
    border: 0 solid transparent;

    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: bold;
    line-height: 16px;
    text-shadow: 0 1px black;
}

.qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10;
    background-color: transparent;
}

.qtip-tipsy .qtip-content {
    padding: 6px 10;
}

.qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030;
}


/* Tipped style */
.qtip-tipped {
    border: 3px solid #959FA9;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background-color: #F9F9F9;
    color: #454545;

    font-weight: normal;
    font-family: serif;
}

.qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;

    color: white;
    background: #3A79B8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
    background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
    background-color: #FBFBFB;
    color: #555;
}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
    /** Taken from Bootstrap body */
    font-size: 14px;
    line-height: 20px;
    color: #333333;

    /** Taken from Bootstrap .popover */
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
    /** Taken from Bootstrap .popover-title */
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    /**
     * Overrides qTip2:
     * .qtip-titlebar .qtip-close{
     *   [...]
     *   right: 4px;
     *   top: 50%;
     *   [...]
     *   border-style: solid;
     * }
     */
    right: 11px;
    top: 45%;
    border-style: none;
}

.qtip-bootstrap .qtip-content {
    /** Taken from Bootstrap .popover-content */
    padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
    /**
     * Overrides qTip2:
     * .qtip-default .qtip-icon {
     *   border-color: #CCC;
     *   background: #F1F1F1;
     *   color: #777;
     * }
     */
    background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
    /**
     * Overrides qTip2:
     * .qtip-icon .ui-icon{
     *   width: 18px;
     *   height: 14px;
     * }
     */
    width: auto;
    height: auto;

    /* Taken from Bootstrap .close */
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
    /* Taken from Bootstrap .close:hover */
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    filter: none;
    -ms-filter: none;
}


/* Tips plugin */
.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml {
    position: absolute;

    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0;
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
}

/* Modal plugin */
#qtip-overlay {
    position: fixed;
    left: -10000em;
    top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
    cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    background-color: black;

    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


/* IE6 Modal plugin fix */
.qtipmodal-ie6fix {
    position: absolute !important;
}

.out-of-stock {
    opacity: 0.7;
}

.out-of-stock:hover {
    opacity: 1;
}

img[data-src*=".jpg"].cardpic {

}

article.spoiler {
    margin: 2px 0;
}

article.spoiler > button > span {
    display: none;
}

article.spoiler.shown > button > span {
    display: inline;
}

article.spoiler > button > em {
    font-style: normal;
}

article.spoiler.shown > button > em {
    display: none;
}

article.spoiler > h1 {
    display: inline;
    font-family: Verdana;
    font-size: 10px;
}

article.spoiler > button {
    font-family: Verdana;
    font-size: 10px;
    margin-left: 3px;
}

article.spoiler > div {
    background: #e6eaf1;
    padding: 10px;
}

article.spoiler > div {
    display: none;
}

article.spoiler.shown > div {
    display: block;
}

#twitchers {
    min-width: 100px;
}

#textas {
    width: 460px;
}

#textas img {
    max-width: 100%;
}

.certified-seller {
    background: #8ACA86 url('../pics/certified.png') 10px 10px no-repeat;
    color: #fff;
    padding: 10px 10px 10px 45px;
    margin-bottom: 10px;
    border-right: 1px solid #6d875d;
    border-bottom: 1px solid #6d875d;
}

.payment-icon {
    vertical-align: middle;
    margin-left: 3px;
}

#butiken-news {
    margin: 0px 0px 10px 0px;
}

.vikinghjalm {
    margin-left: -13px;
    margin-bottom: -21px;
    margin-top: -20px;
    z-index: 2;
    position: relative;
}

.vikinghjalm.memberpage {
    margin-bottom: -35px;
}

.forum-message img {
    max-width: 100%;
}

#article img {
    max-width: 100%;
}

.flex-item-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}

.flex-item-container > div {
    margin: 5px;
}

.alreadypick {
    opacity: 0.4;
    transform: scale(0.8);
}


.goldmember-showoff .row {
    margin: 20px auto;
}
.align-items-center {
    align-items: center;
}
.d-flex {
    display: flex;
}
.text-center {
    text-align: center;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.mr-1 {
    margin-right: 6px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.pr-1 {
    padding-right: 6px !important;
}
.justify-content-center {
    justify-content: center;
}
.goldmember-showoff .row {
    padding-right: 10px;
}
.goldmember-showoff .row .col {
    min-width: 0;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    transition: 300ms ease-in-out;
}
.goldmember-showoff .row .col a {
    display: block;
}
.goldmember-showoff .row .col a img {
    max-width: 150px;
    min-width: 150px;
    width: 150px;
    pointer-events: none;
    border-width: 4px;
}
.goldmember-showoff .row .col a img.cardpic {
    min-height: 210px;
    max-height: 210px;
}
.goldmember-showoff .avatar {
    max-width: none !important;
}
.goldmember-showoff .row .col p {
    opacity: 0;
    margin: 0;
    transition: 300ms ease-in-out;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    width: 170px;
    padding: 2px 5px;
    left: -10px;
    pointer-events: none;
    z-index: 999;
}
.goldmember-showoff .row .col:nth-child(17) {
    min-width: 150px;
}
.goldmember-showoff .row .col:nth-child(17) ~ .col {
    display: none;
}
.goldmember-showoff .row .col:hover p {
    opacity: 1;
}
.goldmember-showoff .row .col:hover + .col {
    margin-left: 118px;
}
#frontpage .goldmember-showoff .row .col:nth-child(10) {
    min-width: 150px;
}
#frontpage .goldmember-showoff .col:nth-child(10) ~ .col {
    display: none;
}