* {
    margin: 0;
    padding: 0;
    quotes: "\201E" "\201C" "\201A" "\2018";
}

body {
    background-color: #F5F0EB;
    color: #505154;
    font-family: "Trebuchet MS", sans-serif;
}
a {
    text-decoration: none; color: #406080;
}
a:hover {
    text-decoration: underline
}

h1, h2, h3, h4, h5, h6 { font-weight: normal }

h1.sqrStyleHeading { font-size: 2.5em; line-height: 1.5em; background-image: url('sqr-logo-2.0.png'); padding-left: 73px; background-position: center left; background-repeat: no-repeat; }
ul { list-style-type: square; margin: 0em 1em; padding: 0em }

input, button, select {
    line-height: normal;
    vertical-align: middle;
}

.left { float: left !important }

.right { float: right !important }

.leftAlign { text-align: left }
.rightAlign { text-align: right }

.full { width: 100% }
.half { width: 49% }
.third { width: 33% }
.quart { width: 24% }
.quarts { width: 74% }
.thirds { width: 66% }

.small { font-size: small }
.bold { font-weight: bold }
.pointer { cursor: pointer }

.clear { clear: both }
.cLeft { clear: left }
.cRight { clear: right }

#sqrStyleHead { color: #F5F0EB; background-color: #555F69; position: relative; top: 0px; left: 0px; right: 0px  }
#sqrStyleHead a { color: #F5F0EB }
#sqrStyleStripeTop { height: 10px; background-color: #A0A3A8; position: relative; left: 0px; right: 0px }
#sqrStyleBodyOuter { background-color: #DECDBD; position: relative; width: 774px; margin: auto }
#sqrStyleBodyInner { position: relative; width: 754px; margin: auto; background-color: #F0E7DF }
#sqrStyleStripeBottom { height: 10px; background-color: #1111AA; position: relative; left: 0px; right: 0px; bottom: 0px }
#sqrStyleFoot { color: #F5F0EB; line-height: 45px; height: 45px; background-color: #555F69; position: relative; left: 0px; right: 0px; bottom: 0px  }
#sqrStyleFoot * { color: #F5F0EB }
#sqrStyleLogo { margin-top: 5px; display: block; float: right; background-image: url('sqr-2.0.png'); width: 40px; height: 35px }
#sqrStyleLogo span { display: none }

#adminLinkBox { padding: 5px; background-color: #555F69; position: absolute; text-align: right }
#adminLinkBox.ON { padding: 5px; background-color: #555F69; position: fixed; text-align: right }
#adminLinkBox a { color: #F5F0EB; }

.sqrStyleContent { width: 774px; margin: auto }
.error { background-color: #DD0000; padding: 1em; color: #FFF; margin-bottom: 20px; font-weight: bold }
.info { background-color: #555F69; padding: 1em; color: #FFF; margin-bottom: 20px; font-weight: bold }

input, select, button {
    font-size: 10pt;
    /*line-height: 18px;*/
    /*height: 16px;*/
    vertical-align: middle;
}

.inputField, .textField, .xTextField, .xInputField, .editor_field { font-family: inherit; font-size: inherit; }
.xInputField, .xTextField, .xButton  { width: 100% }
.button, .buttonField, .editor_ok_button, .editor_cancel_button, .xButton {  }

.loginBox { float: right }

#sqrPanel { padding: 5px 10px }
.panelLink { margin-right: 1px; text-decoration: none; float: left; padding: 2px 5px; display: block }
.panelPermanentLink { margin-left: 1px; text-decoration: none; float: left; padding: 2px 5px; display: block }
:hover.panelLink { text-decoration: none; background-color: #EADED3 }
:hover.panelPermanentLink { text-decoration: none; background-color: #EADED3 }

.sqrPreferences h2, .sqrPreferences h3 { padding-bottom: 0.2em; border-bottom: 1px dotted; margin-bottom: 0.2em }
.preferencesNavi ul { float: left; margin: 0; padding: 0em 1em }

.prefNews { color: inherit; text-decoration: inherit; display: block }
.prefNews:hover { text-decoration: inherit; }
.prefNews:hover .prefNewsTitle { text-decoration: underline; }
.prefNewsTitle { font-weight: bold }
.prefNewsText {}

.sqrSearchResult { margin-top: 1em; color: inherit; text-decoration: inherit; display: block }
.sqrSearchResultTitle { display: block; color: #406080; font-weight: bold }
.sqrSearchResult:hover { text-decoration: inherit; }
.sqrSearchResult:hover .sqrSearchResultTitle { text-decoration: underline; }
.sqrSearchResultText {  }

.sqrTags {
    margin-bottom: 1em;
}

.tag10, .tag10 a { font-size: 20pt }
.tag9, .tag9 a { font-size: 19pt }
.tag8, .tag8 a { font-size: 18pt }
.tag7, .tag7 a { font-size: 17pt }
.tag6, .tag6 a { font-size: 16pt }
.tag5, .tag5 a { font-size: 15pt }
.tag4, .tag4 a { font-size: 14pt }
.tag3, .tag3 a { font-size: 13pt }
.tag2, .tag2 a { font-size: 12pt }
.tag1, .tag1 a { font-size: 11pt }
.tag0, .tag0 a { font-size: 10pt }

.rss { background-image: url('rss.png'); background-repeat: no-repeat; background-position: 94% center; padding-right: 30px !important; }

.action {
    background-image: url('action.png');
    background-position: 3px center;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    padding-left: 29px;
    font-size: small
}

.action:hover {
    text-decoration: none;
    background-color: #F0E7DF;
}

.actions {
    list-style-type: none;
    margin: 3px 3px 1em 3px;
}

.actions li {
}

dl.form {

}

dl.form dt {
    font-weight: bold
}

dl.form dd {
    margin-left: 2em
}

dl.form dd input {
    width: 99%
}


dl.lightForm {

}

dl.lightForm dt {
    font-weight: bold;
    width: 25%;
    float: left;
    margin-right: 1%
    margin-bottom: 1em;
}

dl.lightForm dd {
    width: 74%;
    float: left;
    margin-bottom: 1em;
}

dl.lightForm dd input, dl.lightForm dd textarea {
    width: 99%
}

dl.lightForm dd select {
    width: 100%
}

dl.lightForm .short {
    width: 10%
}

dl.lightForm .file { width: auto }

dd .desc { font-size: small }

dl.listing dt {
    width: 29%;
    float: left;
    margin-right: 1%;
    clear: both;
    font-weight: bold;
}
dl.listing dd {
    width: 70%;
    float: left;
}

.nx {
    margin-bottom: 1em
}

.nx h3 {
    border-bottom: 1px dotted #505154;
    padding: 3px;
}

.nx h3 a {
    color: inherit
}

.nx h3 a:hover {
    text-decoration: none;
}

.nx ul {
    list-style-type: none;
    margin: 0;
}

.nx ul li {
    font-size: small;
    border-bottom: 1px dotted #505154
}

.nx ul li a {
    display: block;
    padding: 3px;
    color: inherit;
}

.nx ul li a span {
    color: #406080
}

.nx ul li a:hover {
    text-decoration: none;
    background-color: #DECDBD;
}