ul > li > a > img:hover { 
    filter: brightness(1.5);
}

.linkalt:hover {
    text-decoration: underline;
    color: palevioletred;
}

.linkalt {
    color: red;
}

.tabs > div {
    padding-top: 10px;
}

.tabs ul {
}

    .tabs ul:after {
        content: "";
        display: block;
        clear: both;
        height: 1px;
        background: rgba(255,255,255,0.1);
    }



    .tabs ul li.active, .tabs ul li.active:hover {
        background: rgba(255,255,255,0.1);
        color: #fff;
    }

    .tabs ul li:hover {
        background: rgba(255,255,255,0.1);
    }

#table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #303538;
}

.table-hover > tbody > tr:hover {
    background-color: #1B1A1A;
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table-responsive {
    width: 85%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

    .table-responsive > .table {
        margin-bottom: 0;
    }

        .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
            white-space: nowrap;
        }

    .table-responsive > .table-bordered {
        border: 0;
    }

        .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
            border-left: 0;
        }

        .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
            border-right: 0;
        }

        .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
            border-bottom: 0;
        }

#userdetay {
    height: auto;
    width: 349px;
    float: left;
    margin-left: 18px;
}

    #userdetay .statlar {
        padding: 10px 10px 10px 10px;
        float: left;
    }

    #userdetay .itemler-1 {
        margin: -158px 0 0 0;
        width: 200px;
        float: right;
    }

    #userdetay .itemler-2 {
        margin: 27px 0 0 -21px;
        width: 200px;
        margin-left: -5px;
    }

.nation, .class, .grade, .symbol {
    background-image: url(http://darkko.net/panel/creator/images/icon/icon.bmp);
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}

    .nation.n1 {
        background-position: 0px -32px;
    }

    .nation.n2 {
        background-position: -16px -32px;
    }

    .class.c11 {
        background-position: -32px -32px;
    }

    .class.c12 {
        background-position: -48px -32px;
    }

    .class.c13 {
        background-position: -64px -32px;
    }

    .class.c14 {
        background-position: -80px -32px;
    }

    .class.c21 {
        background-position: -96px -32px;
    }

    .class.c22 {
        background-position: -112px -32px;
    }

    .class.c23 {
        background-position: -128px -32px;
    }

    .class.c24 {
        background-position: -144px -32px;
    }

    .grade.g1 {
        background-position: 0px 0px;
    }

    .grade.g2 {
        background-position: -16px 0px;
    }

    .grade.g3 {
        background-position: -32px 0px;
    }

    .grade.g4 {
        background-position: -48px 0px;
    }

    .grade.g5 {
        background-position: -64px 0px;
    }

    .grade.g6 {
        background-position: -80px 0px;
    }

    .grade.g7 {
        background-position: -96px 0px;
    }

    .grade.g8 {
        background-position: -112px 0px;
    }

    .grade.g9 {
        background-position: -128px 0px;
    }

    .grade.g10 {
        background-position: -144px 0px;
    }

    .grade.g11 {
        background-position: -160px 0px;
    }

    .grade.g12 {
        background-position: -176px 0px;
    }

    .grade.g13 {
        background-position: -192px 0px;
    }

    .grade.g14 {
        background-position: -208px 0px;
    }

    .grade.g15 {
        background-position: -224px 0px;
    }

    .symbol.a1 {
        background-position: 0px -16px;
    }

    .symbol.a2 {
        background-position: -16px -16px;
    }

    .symbol.a3 {
        background-position: -32px -16px;
    }

    .symbol.a4 {
        background-position: -48px -16px;
    }

    .symbol.a5 {
        background-position: -64px -16px;
    }

    .symbol.a6 {
        background-position: -80px -16px;
    }

    .symbol.b1 {
        background-position: -96px -16px;
    }

    .symbol.b2 {
        background-position: -112px -16px;
    }

    .symbol.b3 {
        background-position: -128px -16px;
    }

    .symbol.b4 {
        background-position: -144px -16px;
    }

    .symbol.b5 {
        background-position: -160px -16px;
    }

    .symbol.b6 {
        background-position: -176px -16px;
    }

#tooltip {
    position: absolute;
    z-index: 9999;
}

.centerx {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

input.centerx {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#inventory-1 .item-liste {
    list-style-type: none;
    display: inline;
    margin-left: 7px;
    margin-top: 6px;
    float: left;
    width: 45px;
    height: 45px;
}

#inventory-1 ul {
    margin-left: 7px;
    margin-top: 6px;
    float: left;
}

#inventory-1 .item-detay {
    list-style-type: none;
    display: inline;
    padding: 10px 10px 10px 10px;
}

#inventory-2 .item-liste {
    list-style-type: none;
    display: inline;
    margin-top: 6px;
    float: left;
    width: 45px;
    height: 45px;
    margin-left: 6px;
}

#inventory-2 ul {
    margin-left: 7px;
    margin-top: 6px;
    float: left;
}

#inventory-2 .item-detay {
    list-style-type: none;
    display: inline;
    padding: 10px 10px 10px 10px;
}

.item-detay li {
    font-family: Arial,Microsoft Sans Serif;
    font-weight: normal;
    font-size: 12px;
    list-style-type: none;
}

.item_ext2 {
    font-family: arial,Microsoft Sans Serif;
    background-color: black;
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
    padding: 6px;
    float: left;
    list-style-type: none;
    opacity: 0.95;
}

    .item_ext2 h5 {
        padding: 0px 25px 0px 25px;
        text-align: center;
        font-weight: bold;
        line-height: 1.6;
        font-size: 16px;
        list-style-type: none;
        margin: 5px;
    }

    .item_ext2 li {
        line-height: normal;
        white-space: nowrap;
        list-style-type: none !important;
    }

.c_red {
    text-align: center;
    color: #FF3C39;
}

.c_yellow {
    text-align: center;
    color: #FFFF00;
}

.item_description {
    text-align: center;
    line-height: 1.2 !important;
}

    .item_description font {
        text-align: center;
        line-height: 1.2 !important;
    }

.cbonus {
    color: #84FF00;
}

.c0 {
    color: #FFFFFF !important;
}

.c1 {
    color: #8482FF !important;
}

.c2 {
    color: #FFFF00 !important;
}

.c3 {
    color: #84FF00 !important;
}

.c4 {
    color: #DEC77B !important;
}

.c5 {
    color: #A43E99 !important;
}

.c6 {
    color: #00FFCE !important;
}

.c8 {
    color: #00FFCE !important;
}

.c9 {
    color: #00FFCE !important;
}

.c11 {
    color: #FF82A5 !important;
}

.c12 {
    color: #FFA500 !important;
}

.hata, .ikaz, .tamam, .bilgi {
    margin-bottom: 1.5em;
    font: 12px Tahoma;
    width: auto;
    display: block;
    padding: 10px 10px 10px 10px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444;
}

.hata {
    background: #fbe3e4 url(../../index.html) 2.2em center no-repeat;
    border-color: #e0011b;
}

    .hata a {
        color: #d12f19;
        text-decoration: none;
        font-weight: bold;
    }

.ikaz {
    background: #fff6bf url(../../index.html) 2.2em center no-repeat;
    border-color: #ffd324;
}

    .ikaz a {
        color: #817134;
        text-decoration: none;
        font-weight: bold;
    }

.tamam {
    background: #e9ffdd url(../../index.html) 2.2em center no-repeat;
    border-color: #72c868;
}

    .tamam a {
        color: #529214;
        text-decoration: none;
        font-weight: bold;
    }

.bilgi {
    background: #e2ecee url(../../index.html) 2.2em center no-repeat;
    border-color: #9ddae6;
}

    .bilgi a {
        color: #2d7ba2;
        text-decoration: none;
        font-weight: bold;
    }
    /* listeler */

    .hata ul, .ikaz ul, .tamam ul, .bilgi ul {
        list-style: none;
        margin: 1.3em 1.5em;
    }

        .hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li {
            padding-left: 1.3em;
        }

        .hata ul li {
            background: url(../../../darkko.net/panel/creator/images/icon/hata-bullet.html) 0 0.55em no-repeat;
        }

        .ikaz ul li {
            background: url(../../../darkko.net/panel/creator/images/icon/ikaz-bullet.html) 0 0.55em no-repeat;
        }

        .tamam ul li {
            background: url(../../../darkko.net/panel/creator/images/icon/amam-bullet.html) 0 0.55em no-repeat;
        }

        .bilgi ul li {
            background: url(../../../darkko.net/panel/creator/images/icon/bilgi-bullet.html) 0 0.55em no-repeat;
        }
/* tables */

table.tablesorter a {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    color: #3f2805;
    font-size: 11px;
    text-decoration: none;
}

table.tablesorter {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    border-top: 7px solid #977640;
    border-bottom: 7px solid #977640;
}

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        font-size: 12px;
        font-weight: normal;
        padding: 4px;
        background: #c5b775;
        color: #4a2a08;
        border: 1px solid #977640;
    }

    table.tablesorter thead tr .header {
        background-image: url(../../../darkko.net/panel/creator/images/icon/bg.html);
        background-repeat: no-repeat;
        background-position: center right;
    }

    table.tablesorter tbody td {
        padding: 4px;
        background: #d6cc95;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        border: 1px solid #977640;
    }

    table.tablesorter tbody tr.odd td {
        padding: 4px;
        background: #c8c07a;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        border: 1px solid #977640;
    }

    table.tablesorter thead tr .headerSortUp {
        background-image: url(../../../darkko.net/panel/creator/images/icon/asc.html);
    }

    table.tablesorter thead tr .headerSortDown {
        background-image: url(../../../darkko.net/panel/creator/images/icon/desc.html);
    }

    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #8a682f;
        color: #3d2703;
    }

.droplist {
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    border-top: 7px solid #977640;
    border-bottom: 7px solid #977640;
    border-right: 1px solid #977640;
    background-color: #c5b775;
}

    .droplist .monster_name {
        font-weight: bold;
        font-size: 14px;
        color: #3d2703;
        margin-top: 10px;
    }

    .droplist .line {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 10px;
        border-bottom: 1px solid #3d2703;
        width: 250px;
        text-align: center;
    }

    .droplist .oran {
        margin-left: 10px;
        float: left;
        width: 50px;
        height: 18px;
        color: #402c0c;
    }

    .droplist .item {
        float: left;
        width: 200px;
        height: 18px;
        text-align: left;
        margin-left: 1px;
        color: #4a5202;
    }

TABLE.AuctionList {
    border: 1px #646464 dotted;
    border-bottom: 0 none;
    border-left: 0 none;
    /*color: #fff;*/
    /*font-size: 15px;*/
    /*margin: 28px 0 10px;*/
}

    TABLE.AuctionList TH {
        border-bottom: 1px #646464 dotted;
        border-left: 1px #646464 dotted;
        font-weight: normal;
        line-height: 32px;
        padding: 0 10px;
        text-align: center;
    }

    TABLE.AuctionList TD {
        border-bottom: 1px #646464 dotted;
        border-left: 1px #646464 dotted;
        padding: 5px 10px;
        text-align: center;
    }

.monsterler {
    float: left;
    width: 268px;
    height: 100px;
    border-collapse: collapse;
    border-left: 1px solid #977640;
    border-bottom: 1px solid #977640;
}

.r1 {
    background-color: #c5b775;
}

.r2 {
    background-color: #c8c07a;
}

label {
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #4e2f0a;
}

.frm {
    width: 300px;
    height: 165px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    border-collapse: collapse;
    border-top: 7px solid #977640;
    border-bottom: 7px solid #977640;
    border-left: 1px solid #977640;
    border-right: 1px solid #977640;
    padding: 15px;
    background: #c5b775;
    color: #4a2a08;
    margin-left: 100px;
}

    .frm span {
        margin-left: 3px;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
    }

.sonuclar {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    border-collapse: collapse;
    border-top: 7px solid #977640;
    border-bottom: 7px solid #977640;
    border-left: 1px solid #977640;
    border-right: 1px solid #977640;
    padding: 15px;
    background: #c5b775;
    color: #4a2a08;
}

#cform {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    border-collapse: collapse;
    border-top: 7px solid #977640;
    border-bottom: 7px solid #977640;
    border-left: 1px solid #977640;
    border-right: 1px solid #977640;
    padding: 20px 20px 20px 20px;
    background: #c5b775;
    color: #4a2a08;
    margin-left: auto;
    margin-right: auto;
}
    /** FORM STYLES GENERAL **/

    #cform .input input[type=text], .input input[type=password], .input select, .input textarea {
        font-size: 11px;
        color: #511d00;
        width: 170px;
        height: 30px;
        border-top: 1px solid #977640;
        border-bottom: 1px solid #977640;
        border-left: 7px solid #977640;
        border-right: 7px solid #977640;
        background-color: #ede7c3; /** BORDER RADIUS HACKS **/
        border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #cform .input select {
        width: 197px;
    }

    #cform input[type=radio] {
        color: #511d00;
        width: 13px;
        height: 13px;
        float: left;
        margin-right: 5px;
    }

    #cform .input input[type=text]:hover, .input input[type=password]:hover, .input select:hover, .input textarea:hover {
        border-top: 1px solid #584423;
        border-bottom: 1px solid #584423;
        border-left: 7px solid #584423;
        border-right: 7px solid #584423;
        background-color: #c0b887;
    }

    #cform .input input[type=text]:focus, .input input[type=password]:focus, .input select:focus, .input textarea:focus {
        border-top: 1px solid #584423;
        border-bottom: 1px solid #584423;
        border-left: 7px solid #584423;
        border-right: 7px solid #584423;
        background-color: #c0b887;
    }
    /** FORM STYLE: select **/

    #cform .input select {
        padding: 5px 5px 3px 5px;
    }

    #cform select option {
        cursor: pointer;
        padding: 5px;
    }
    /** FORM STYLE: textarea **/

    #cform textarea {
        height: 80px;
        padding: 4px 2px 2px 4px;
        font-family: Verdana, Arial, "Times New Roman";
    }
    /** FORM STYLE: input **/

    #cform input {
        padding: 0 5px 0px 7px;
        width: 170px;
        background-position: 7px 5px;
        background-repeat: no-repeat;
    }

#login_kontrol {
    width: 170px;
    display: block;
}

input#send {
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff5b4;
    padding: 0;
    cursor: pointer;
    height: 24px;
    width: 52px;
    background: url(../../../darkko.net/panel/creator/images/btn-giris.html);
    margin-top: 5px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    float: left;
}

#uzat {
    margin-left: 105px;
}

#cform span {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    margin-bottom: 7px;
}

#cform label {
    float: left;
    text-align: right;
    height: 30px;
    min-width: 100px;
    padding: 7px 5px 0px 0px;
    font-weight: bold;
}

#usercp {
    float: left;
    margin-left: -3px;
}

.usercp-box {
    border-top: 1px solid #947542;
    border-bottom: 1px solid #947542;
    border-left: 7px solid #947542;
    border-right: 7px solid #947542;
    background-color: #c5b775;
    float: left;
    width: 90px;
    height: 80px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
}

    .usercp-box h3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        text-align: center;
        color: #511d00;
        font-weight: bold;
        border-bottom: 1px solid #947542;
        padding: 2px;
    }

    .usercp-box img {
        margin-left: 24px;
        margin-top: 10px;
    }

.download-img {
    float: left;
    margin-left: 3px;
    margin-top: 3px;
    text-align: center;
    border-top: 1px solid #947542;
    border-bottom: 1px solid #947542;
    border-left: 3px solid #947542;
    border-right: 3px solid #947542;
    background-color: #c5b775;
}

.duyurular {
    float: left;
    width: 560px;
    margin-top: 5px;
    padding: 10px;
    font: 13px Tahoma;
    color: #000;
    font-weight: bold;
    text-align: center;
}

    .duyurular a {
        text-decoration: none;
        color: red;
        margin-left: 5px;
    }

        .duyurular a:hover {
            text-decoration: none;
            color: red;
        }

img {
    border: 0;
}

img, a {
    border: 0;
}

#facebook_div {
    width: 196px;
    height: 353px;
    overflow: hidden;
}

#twitter_div {
    width: 246px;
    height: 353px;
    overflow: hidden;
}

#google_plus_div {
    width: 300px;
    height: 131px;
    overflow: hidden;
}

#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}

#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}
/* right side style */

#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

    #facebook_right img {
        position: absolute;
        top: -2px;
        left: -35px;
    }

    #facebook_right iframe {
        border: 0px solid #3c95d9;
        overflow: hidden;
        position: static;
        height: 360px;
        left: -2px;
        top: -3px;
    }

#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    right: -250px;
}

#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}

#google_plus_right {
    z-index: 10003;
    background-color: #DCDCDC;
    border: 2px solid #DCDCDC;
    border-top: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
    border-right: 2px solid #DCDCDC;
    border-left: hidden;
    width: 300px;
    height: 131px;
    position: fixed;
    right: -303px;
}

#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#feedburner_right {
    z-index: 10001;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#kakinetwork_right {
    z-index: 10001;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

    #kakinetwork_right img {
        position: absolute;
        top: -2px;
        left: -101px;
    }
/* left side style */

#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;
}

    #facebook_left img {
        position: absolute;
        top: -2px;
        right: -35px;
    }

    #facebook_left iframe {
        border: 0px solid #3c95d9;
        overflow: hidden;
        position: static;
        height: 360px;
        right: -2px;
        top: -3px;
    }

#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;
}

#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;
}

#google_plus_left {
    z-index: 10003;
    background-color: #DCDCDC;
    border: 2px solid #DCDCDC;
    border-top: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
    border-left: 2px solid #DCDCDC;
    border-right: hidden;
    width: 300px;
    height: 131px;
    position: fixed;
    left: -303px;
}

#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#feedburner_left {
    z-index: 10001;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#kakinetwork_left {
    z-index: 10001;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

    #kakinetwork_left img {
        position: absolute;
        top: -2px;
        right: -101px;
    }

.transparent {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.sealed {
    background-color: blue;
}