/*

QSprite
based on Tripoli by David Hellsing
Copyright (c) Alex Movsisyan

****************************************************************************

****************************************************************************/

/* Reset
---------------------------------------------------------------------------*/

* {
    text-decoration: none;
    font-size: 1em;
    outline: none;
    margin: 0;
    padding: 0;
}

code,
kbd,
samp,
pre,
tt,
var,
textarea,
input,
select,
isindex,
listing,
xmp,
plaintext {
    font:inherit;
    white-space:normal;
}

a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
    border-width:0;
}

dfn, i, cite, var, address, em {
    font-style:normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6, dt {
    font-weight:normal;
}

caption, th, td
{
    text-align:left;
}

html
{
    color:black;
    /*line-height:1;*/
    font-family:arial,  sans-serif;
}

/* \*/

html
{
    font-family:sans-serif;
}

/* */

q
{
    quotes:"\201C""\201D""\2018""\2019";
}

ul, ol, dir, menu
{
    list-style:none;
}

sub, sup
{
    vertical-align:baseline;
}

a
{
    color:inherit;
}

/* Disable deprecated html
---------------------------------------------------------------------------*/

font, basefont
{
    color:inherit;
    font:inherit;
    font-size:100%;
}


center, *[align]
{
    text-align:inherit;
}

s, strike, u
{
    text-decoration:inherit;
}

img
{
    border:none;
    margin:0;
}

ol
{
    list-style-type:decimal;
}

body
{
    background-color:transparent;
}

tr, th, td
{
    width:auto;
    height:auto;
    background-color:transparent;
    vertical-align:inherit;
    border:none;
}

table[border], .content table[border]
{
    border-collapse:separate;
    border-spacing:0;
}

nobr
{
    white-space:normal;
}

marquee
{
    overflow:visible;
    -moz-binding:none;
}

blink
{
    text-decoration:none;
}

/* General
---------------------------------------------------------------------------*/

html
{
    font-size:125%;
}

body
{
    font-size: 0.75em;
}

a
{
    text-decoration:underline;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt
{
    font-weight:bold;
}

cite, em, dfn
{
    font-style:italic;
}

/*code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea
{
    font-size:100%;
    font-family:mono-space, monospace;
}*/

pre
{
    white-space:pre;
}

pre *
{
    font-size:100%;
    white-space:pre;
}

del
{
    text-decoration:line-through;
}

ins, dfn
{
    border-bottom:1px solid black;
}

small, sup, sub
{
    font-size:85%;
}

big
{
    font-size:125%;
    line-height:80%;
}

abbr, acronym
{
    text-transform:uppercase;
    font-size:85%;
    letter-spacing:.1em;
}

abbr[title], acronym[title], dfn[title]
{
    cursor:help;
    border-bottom:1px dotted black;
}

sup
{
    vertical-align:super;
}

sub
{
    vertical-align:sub;
}

blockquote
{
    padding-left:2.2em;
}

/*hr
{
    display:none;  We will re-reset it later for content 
}*/

:lang(af), :lang(nl), :lang(pl)
{
    quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro)
{
    quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da), :lang(hr)
{
    quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el), :lang(es), :lang(sq), :lang(tr)
{
    quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
    quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi), :lang(sv)
{
    quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
    quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
    content:'\201C';
}

*[lang|='en'] q:after
{
    content:'\201D';
}

*[lang|='en'] q q:before
{
    content:'\2018';
}

*[lang|='en'] q q:after
{
    content:'\2019';
}

input, select, button
{
    cursor:pointer;
}

input[type='text'], input[type='password']
{
    cursor:text;
}

input[type='hidden']
{
    display:none;
}

/* Content
---------------------------------------------------------------------------*/

.content
{
}

.content h1
{
    font-size:1.6em;
    line-height:1;
    margin:1em 0 .5em;
}

/*.content h2
{
    font-size:1.5em;
    line-height:1;
    margin:1.07em 0 .535em;
}*/

.content h3
{
    font-size:1.4em;
    line-height:1;
    margin:1.14em 0 .57em;
}

.content h4
{
    font-size:1.3em;
    line-height:1;
    margin:1.23em 0 .615em;
}

.content h5
{
    font-size:1.2em;
    line-height:1;
    margin:1.33em 0 .67em;
}

.content h6
{
    font-size:1em;
    line-height:1;
    margin:1.6em 0 .8em;
}

.content hr
{
    display:block;
    background: #ccc;
    color: #000;
    width:100%;
    height:1px;
    border:none;
}

.content legend
{
    padding-left:.8em;
    padding-right:.8em;
}

/*  */

.content fieldset>*:first-child
{
    margin-top:0;
}

.content textarea, .content input[type='text']
{
    padding:.1em .2em;
}

/*.content input
{
    padding:.2em .1em;
}*/

.content select
{
    padding:.2em .1em 0;
}

.content select[multiple]
{
    margin-bottom:.8em;
}

.content option
{
    padding:0 .4em .1em;
}

.content button
{
    padding:.3em .5em;
}

.content input[type='radio']
{
    position:relative;
    bottom: -.1em;
}

.content dt
{
    margin-top:.8em;
    margin-bottom:.4em;
}

/*.content ul, .content ol
{
    margin-left:2.2em;
}*/

/*.content caption, .content form div
{
    padding-bottom:.8em;
}*/

.content ul ul, content ol ul, .content ul ol, content ol ol
{
    margin-bottom:0;
}

.content br {
    /*clear: left;*/
}

/* Test layout
---------------------------------------------------------------------------*/
.outline * { outline: 2px dotted red; }
.outline * * { outline: 2px dotted green; }
.outline * * * { outline: 2px dotted orange; }
.outline * * * * { outline: 2px dotted blue; }
.outline * * * * * { outline: 1px solid red; }
.outline * * * * * * { outline: 1px solid green; }
.outline * * * * * * * { outline: 1px solid orange; }
.outline * * * * * * * * { outline: 1px solid blue; }

