@CHARSET "UTF-8"; /* RESET ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body {background-color: black; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 13px;} h1 {font-size: 23px; font-weight: bold; margin-bottom: 10px; color: #E8A022;} h2 {font-size: 18px; font-weight: bold; margin-bottom: 5px; color: #E8A022;} h3 {font-size: 14px; font-weight: bold; margin-bottom: 0px; color: #E8A022;} a:LINK {color: #E8A022;} a:VISITED {color: #E8A022;} a:HOVER {color: #E8A022;} .w100 {width: 100%;} .c {margin: 0 auto;} .tc {text-align: center;} .pl10 {padding-left: 10px;} .fn {float: none;} .fl {float: left;} .fr {float: right;} .lh {line-height: 18px;} .colortext {color: #E8A022;} #loggedoutheaderframe {height: 70px;width: 100%; background-color: #B87002; left: 0; position: absolute; top: 0;} #loggedoutheaderbox {width: 975px; position: relative; margin: 0 auto; background-color: #B87002;} /*#title {font-size: 65px; float: left; font-weight: bold; font-family: 'Lobster','Lucida Handwriting',cursive; margin-left: 10px;}*/ #headerlogin {float: right; margin-top: 2px; text-align: right; background-color: #B87002;} a.headerlink:LINK {color: black;} a.headerlink:VISITED {color: black;} a.headerlink:HOVER {color: black;} .headerloginbox {margin-top: 3px;} input {background-color: #EEEEEE; color: #000000;} select {background-color: #EEEEEE; color: #000000;} textarea {background-color: #EEEEEE; color: #000000;} input.headerloginbox {border: 1px solid black; padding: 3px; margin-left: 5px;} button.headerloginbox {background: none repeat scroll 0 0 transparent; cursor: pointer; padding: 2px; border: 1px solid black; color: black; margin-left: 5px;} #loggedoutcontentframe {width: 100%; left: 0; top: 70px; position: absolute; font-size: 12px;} #contentbox {width: 982px; position: relative; color: #EEEEEE; margin: 0 auto; padding-top: 10px; padding-left: 2px;} #pixieholder {float: left; width: 380px; text-align: center;} #pixiepic {height: 450px;} #mainpagerightbox {width: 585px; float: left; padding-top: 0px; vertical-align: top;} #mainpagestat {width: 100%; text-align: center; color: white; margin-top: 10px;} #mainpagesignup {width: 100%; text-align: center; font-weight: bold; font-size: 30px; margin-top: 10px;} .langselect {width: 100%; text-align: center; margin-top: 10px;} #loginholder {margin: auto; width: 450px;} #loginbox {margin: auto; width: 312px;} .indexpics {margin-left: 10px; margin-right: 10px; margin-bottom: 10px;} .footer {width: 100%; color: white; text-align: center; font-size: 11px;} a.footer:LINK {color: white;} a.footer:VISITED {color: white;} a.footer:HOVER {color: white;} div.clear {clear: both;} textarea {border: 2px solid #E8A022; width: 100%; height: 80px; margin: 0 auto; margin-bottom: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} textarea.formrow {border: 2px solid #E8A022; width: 530px; height: 80px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} input {border: 1px solid #E8A022; } input[type='radio'] {border: none; background: none; background-color: #EEEEEE;} input[type='checkbox'] {border: none; background: none; background-color: #EEEEEE;} select {border: 1px solid #E8A022; } label {width: 150px;display: block; float: left; padding-top: 3px;} button {background: none repeat scroll 0 0 #E8A022; cursor: pointer; font-weight: bold; padding: 1px 0 2px; outline: medium none; border: 1px solid black; float: left;} button.fn {float: none;} button.fr {float: right;} /*button {background: none repeat scroll 0 0 transparent; cursor: pointer; font-weight: bold; padding: 2px 1px 2px; outline: medium none; border: 1px solid #E8A022; float: left; color: #E8A022;}*/ input.errorinput {background-color: #EED1D1; border-color: #DD3C10;} textarea.errorinput {background-color: #EED1D1; border-color: #DD3C10;} select.errorinput {background-color: #EED1D1; border-color: #DD3C10;} div.profileedit {margin: auto; text-align: center; width: 385px;} td.edit {padding: 3px 5px; text-align: center; vertical-align: middle;} tr.light {background-color: #222222} td.light {background-color: #222222} td.pairtable {width: 28px; text-align: center;} td.cp {width: 50%; padding-bottom: 4px;} td.stat {padding-bottom: 4px;} a.delete {background-image: url("../images/icons/delete.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.deletent {background-image: url("../images/icons/delete.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.edit {background-image: url("../images/icons/page_edit.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.add {background-image: url("../images/icons/add.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.view {background-image: url("../images/icons/eye.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.up {background-image: url("../images/icons/arrow_up.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.down {background-image: url("../images/icons/arrow_down.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.group {background-image: url("../images/icons/group.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.groupkey {background-image: url("../images/icons/group_key.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.groupadd {background-image: url("../images/icons/group_add.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.groupdel {background-image: url("../images/icons/group_delete.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.serveredit {background-image: url("../images/icons/server_edit.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.accept {background-image: url("../images/icons/accept.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.archiveadd {background-image: url("../images/icons/award_star_add.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.archivedel {background-image: url("../images/icons/award_star_delete.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.heart {background-image: url("../images/icons/heart.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.picedit {background-image: url("../images/icons/picture_edit.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.pickey {background-image: url("../images/icons/picture_key.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.wantad {background-image: url("../images/icons/newspaper.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.book {background-image: url("../images/icons/book.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.date {background-image: url("../images/icons/date.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.medal {background-image: url("../images/icons/award_star_gold_2.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.layout {background-image: url("../images/icons/layout.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.useredit {background-image: url("../images/icons/user_edit.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.wrench {background-image: url("../images/icons/wrench.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.user {background-image: url("../images/icons/user.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.usergo {background-image: url("../images/icons/user_go.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.photo {background-image: url("../images/icons/photo.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.medalg1 {background-image: url("../images/icons/medal_gold_1.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.medalg2 {background-image: url("../images/icons/medal_gold_2.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.medalg3 {background-image: url("../images/icons/medal_gold_3.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.heartadd {background-image: url("../images/icons/heart_add.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.heartdel {background-image: url("../images/icons/heart_delete.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.email {background-image: url("../images/icons/email.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.email_link {background-image: url("../images/icons/email_link.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.rss {background-image: url("../images/icons/feed.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.vcard {background-image: url("../images/icons/vcard.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.usercomment {background-image: url("../images/icons/user_comment.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.connect {background-image: url("../images/icons/connect.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.plugin {background-image: url("../images/icons/plugin.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.camera {background-image: url("../images/icons/camera.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.link {background-image: url("../images/icons/link.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.script {background-image: url("../images/icons/script.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.usergo {background-image: url("../images/icons/user_go.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} a.active {background-color: #222222;} /*span.bar {background-image: url("../images/icons/chart_bar.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;}*/ span.user {background-image: url("../images/icons/user.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px;} span.benefit {background-image: url("../images/icons/accept.png"); background-repeat: no-repeat; background-position: left; padding-left: 16px; color: #00EE00;} div.formrow {margin-bottom: 5px;} div.error { /*background-color: #EED1D1; width: 95%; margin: 0 auto; text-align: center; font-weight: bold; padding: 5px; color: black; border: 2px solid #DD3C10; margin-bottom: 5px;*/ background-color: #160000; width: 95%; margin: 0 auto; text-align: center; font-weight: bold; padding: 5px; color: #DDDDDD; border: 1px solid #BB1B00; margin-bottom: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } div.ok { /*background-color: #D1EED1; width: 95%; margin: 0 auto; text-align: center; font-weight: bold; padding: 5px; color: black; border: 2px solid #3CDD10; margin-bottom: 5px;*/ background-color: #001600; width: 95%; margin: 0 auto; text-align: center; font-weight: bold; padding: 5px; color: #DDDDDD; border: 1px solid #00BB1B; margin-bottom: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } div.info { /*background-color: #D1D1EE; width: 95%; margin: 0 auto; text-align: center; font-weight: bold; padding: 5px; color: black; border: 2px solid #3C10DD; margin-bottom: 5px;*/ background-color: #000016; width: 95%; margin: 0 auto; text-align: center; font-weight: bold; padding: 5px; color: #DDDDDD; border: 1px solid #1B00BB; margin-bottom: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #loggedinheaderframe {height: 40px; width: 100%; background-color: #B87002; left: 0; position: absolute; top: 0;} #loggedinheaderbox {width: 975px; height: 0; position: relative; margin: 0 auto; background-color: #B87002; height: 40px;} #loggedintitle {margin-top: 4px; float: left;} #headericonbox {float: left; margin-top: 7px; text-align: left; margin-left: 10px; vertical-align: bottom; font-size: 11px; font-weight: bold;} #chaticon {float: left; width: 30px; height: 25px; margin-right: 5px; background: url('../images/emoticon_grin.png') no-repeat; background-position: left bottom; cursor: pointer;} #mailicon {float: left; width: 30px; height: 25px; margin-right: 5px; background: url('../images/email.png') no-repeat; background-position: left bottom; cursor: pointer;} #newsicon {float: left; width: 30px; height: 25px; margin-right: 5px; background: url('../images/world.png') no-repeat; background-position: left bottom; cursor: pointer;} #headerlinkbox {float: right; margin-top: 15px; text-align: right; font-size: 14px; font-weight: bold; position: absolute; right: 0;} .infonum {position: relative; top: 0px; background-color: #EEEEEE; float: right; padding: 1px; margin-right: 5px; min-width: 12px; text-align: right;} a.headerlinkbox:LINK {color: black; text-decoration: none; margin-left: 5px; padding-left: 5px; padding-right: 5px;} a.headerlinkbox:VISITED {color: black; text-decoration: none; margin-left: 5px; padding-left: 5px; padding-right: 5px;} a.headerlinkbox:HOVER {color: #E8A022; background-color: black; text-decoration: none; margin-left: 5px; padding-left: 5px; padding-right: 5px;} #loggedincontentframe {width: 100%; left: 0; top: 40px; position: absolute; font-size: 12px;} #col3right {width: 160px; float: left;} #col3center {width: 685px; float: left; margin-left: 5px;} #col3left {width: 120px; float: right; margin-right: 2px;} #col2right {width: 845px; float: left;} .tdnone {text-decoration: none;} .linkbox {font-weight: bold; margin-bottom: 20px; padding-left: 10px;} .profilbox {width: 100%; text-align: center; color: white; margin-bottom: 20px;} .normalpic {width: 160px; height: 120px;} .smallprofilpic {width: 60px; height: 45px; float: left; margin-right: 0px;} /*userbox*/ td.userbox {padding: 1px; width: 16px; height: 17px;} td.userbox.online {background-image: url('../images/icons/accept.png'); background-repeat: no-repeat; background-position: left;} td.userbox.chat {background-image: url('../images/icons/emoticon_grin.png'); background-repeat: no-repeat; background-position: left;} td.userbox.material {background-image: url('../images/icons/money.png'); background-repeat: no-repeat; background-position: left;} td.userbox.pic {background-image: url('../images/icons/photos.png'); background-repeat: no-repeat; background-position: left;} td.userbox.ownpic {background-image: url('../images/icons/pictures.png'); background-repeat: no-repeat; background-position: left;} td.userbox.closedpic {background-image: url('../images/icons/key.png'); background-repeat: no-repeat; background-position: left;} td.userbox.blog {background-image: url('../images/icons/book.png'); background-repeat: no-repeat; background-position: left;} td.userbox.event {background-image: url('../images/icons/date.png'); background-repeat: no-repeat; background-position: left;} td.userbox.phone {background-image: url('../images/icons/phone.png'); background-repeat: no-repeat; background-position: left;} span.ownpic {background-image: url('../images/icons/pictures.png'); background-repeat: no-repeat; background-position: left; padding-left: 16px;} span.closedpic {background-image: url('../images/icons/key.png'); background-repeat: no-repeat; background-position: left; padding-left: 16px;} /* .longbox {width: 835px; padding: 5px; border: solid 1px #111111; margin-bottom: 10px; overflow: hidden;} .medbox {width: 670px; padding: 5px; border: solid 1px #111111; margin-bottom: 10px; overflow: hidden;} */ .longbox { width: 835px; padding: 5px; margin-bottom: 10px; overflow: hidden; border: 1px solid #333333; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(17,17,17); background-color: rgba(17,17,17,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .medbox { width: 670px; padding: 5px; margin-bottom: 10px; overflow: hidden; border: 1px solid #333333; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(17,17,17); background-color: rgba(17,17,17,0.92); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .box { border: 1px solid #333333; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(17,17,17); background-color: rgba(17,17,17,0.92); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .serachbox { padding: 5px; width: 630px; margin-left: 105px; } #profilmenu { display: none; z-index: 1001; background-color: black; color: #EEEEEE; width: 311px; padding: 5px; position: absolute; opacity: 0.9; filter:alpha(opacity=90); border: 1px solid rgb(255,255,255); border-top-width: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #notifymenu { display: none; z-index: 1001; background-color: black; color: #EEEEEE; width: 311px; padding: 5px; position: absolute; opacity: 0.9; filter:alpha(opacity=90); border: 1px solid rgb(255,255,255); border-top-width: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .notifyitem { cursor: pointer; border-bottom-style: solid; border-bottom-color: #E8A022; border-bottom-width: 1px; padding-bottom: 1px; margin-bottom: 5px; } li.warning { padding-left: 20px; padding-bottom: 5px; color: #EE0000; list-style: none; background-image: url('../images/icons/exclamation.png'); background-repeat: no-repeat; background-position: left top; } /* SPRITEOK */