@import url('../fonts/secondary-iran-sans.css');
@font-face {
    font-family: IRANSansWeb;
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/IRANSansWeb.eot');
    src: url('/Fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('/Fonts/IRANSansWeb.woff2') format('woff2'), url('/Fonts/IRANSansWeb.woff') format('woff'), url('/Fonts/IRANSansWeb.ttf') format('truetype');
}
body {
    font-family: 'IRANSansWeb';
    background: #fff;
    text-align: center;
    background: #f4ebef; /*#430;*/
}

span.g {
    color: #999;
}

a {
    color: #200;
}

h1 {
    color: #f47223;
    vertical-align: middle;
    margin: 0px;
    padding: 0em 0.5em;
    font-size: 3.0em;
    margin-bottom: 14px;
}

.window {
    width: 70%;
    border: 0px #fff solid;
    border-spacing: 0px;
    border-collapse: collapse
}

td.sect {
    border-width: 0px;
    width: 10%;
    color: #970;
    text-align: center;
    vertical-align: center
}

.arena {
    vertical-align: top;
    background: #ccf;
    color: #005;
    width: 50%;
    border: 2px #fff solid;
    padding: 8px
}

.facade {
    vertical-align: top;
    background: #cfc;
    color: #050;
    width: 50%;
    border: 2px #fff solid;
    padding: 8px
}

.blind {
    vertical-align: top;
    background: #fcc;
    color: #500;
    width: 50%;
    border: 2px #fff solid;
    padding: 8px
}

.unknown {
    vertical-align: top;
    background: #ccc;
    color: #555;
    width: 50%;
    border: 2px #fff solid;
    padding: 8px
}

.unkp {
    font-size: 0.8em;
}

.bblock {
    background: #ffe79d;
    width: 66%;
    padding: 1em 2em;
    border: #860 solid 2px;
    border-radius: 0.5em;
    margin-top: 3px;
}

.tblock {
    background: #eee;
    width: 60%;
    padding: 8px;
    font-size: 0.7em;
    border: #888 solid 4px;
    margin: 0px 0px 8px 0px;
}

h2 {
    font-size: 1.3em;
    text-align: right;
}

table.boxtable tr td {
    padding: 8px;
    text-align: center;
    border: 1px dotted #860;
    background: #fbb489;
    width: 20%;
}

.credits {
    font-size: 0.8em;
    padding: 8px;
    margin: 4px;
    background: #971;
    width: 60%;
    border: #860 solid 2px;
}

.logo {
    float: left;
    padding: 8px;
}
.tblclass {
    margin-top: 4px;
    border: 1px solid #860;
}

@media screen and (max-width: 700px) {

    .bblock {
        width: auto;
        padding: 0.5em 1em;
        border-width: 2px;
    }

    table.boxtable tr td {
        padding: 0.5em;
        margin: 0px;
        text-align: center;
        width: auto;
        height: 3em;
        font-size: 0.6em;
       
    }

    textarea {
        width: 300px;
    }
}