/* Copyright © 2007–2010 Łukasz Świątkowski. All right reserved. */

/* main styles */
*
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /* border: 1px solid red; /* for "debugging" */
}

body
{
    font-family: Segoe UI, Tahoma, Arial, Sans-Serif;
    font-size: small;
}

strong.nobold
{
    font-weight: normal;
}

pre, code
{
    font-family: Consolas, Courier New, Courier, Monospace;
    font-size: 1em;
}

pre
{
    border: 1px #0080FF solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFFFE0;
    color: black;
    padding: 1ex;
    white-space: pre;
    overflow: auto !important;
}

code
{
    color: #990000;
}

.hr
{
    font-size: 1px;
    height: 1px;
    margin: 10px 0px 10px 0px;
}

#left .hr
{
    margin: 5px 0px 5px 0px;
}

.padding1ex
{
    padding: 1ex 1ex 1ex 1ex;
}

.paddingb1ex
{
    padding-bottom: 1ex;
}

.margin1ex
{
    margin: 1ex 1ex 1ex 1ex;
}

.marginb1ex
{
    margin-bottom: 1ex;
}

.margint1ex
{
    margin-top: 1ex;
}

.nomargin
{
    margin: 0px !important;
}

.nopadding
{
    padding: 0px !important;
}

.centered
{
    text-align: center;
}

.middled
{
    vertical-align: middle;
}

.smaller
{
    font-size: smaller;
}

.rounded
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.roundtop
{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
}

.roundbottom
{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.invisible
{
    display: none;
}

#right a, .light
{
    color: #0066CC;
}

img
{
    border: none;
}

img.border
{
    padding: 2px;
}

.outerflags, .date, .right
{
    float: right;
}

.left
{
    float: left;
    display: inline;
    margin-right: 1ex;
}

.outerflags
{
}

.flags
{
    text-align: right;
}

.translator
{
}

#MST_Tgt
{
    width: 140px;
    height: 20px;
    font-size: 8pt;
    border-right-width: 0;
}

.label
{
    font-size: 8pt;
    vertical-align: text-top;
    margin-left: 5px;
}

.right
{
    display: inline;
    margin-left: 1ex;
}

.date
{
    font-style: italic;
}

.flag
{
    width: 24px;
    height: 15px;
    margin: 5px 2px 0px 0px;
}

/* search */

.search
{
    vertical-align: middle;
}

.search a
{
    display: block;
    width: 16px;
    height: 16px;
    color: #FFFFFF;
    font-family: Segoe UI, Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
    margin-right: 1ex;
    text-decoration: none;
    border: solid 1px transparent;
}

.search a:hover
{
    border: solid 1px white;
}

.opened a
{
    border: dashed 1px white;
}

.searchquery
{
    width: 550px;
}

.searchbutton
{
    width: 75px;
}

.searchquery, .searchbutton
{
    font-family: Segoe UI, Tahoma, Arial, Sans-Serif;
    font-size: 9pt;
}

a.stbutton.stico_rotate
{
    padding-left: 20px !important;
    background-position: 0 2px !important;
}

/* messages */

div.info, div.error, div.warning
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1ex;
}

div.info img, div.error img, div.warning img
{
    width: 16px;
    height: 16px;
    margin-right: 1ex;
    vertical-align: bottom;
}

div.info
{
    border: 1px #008000 solid;
    background-color: #CCFF99;
    color: #008000;
}

div.info img
{
    background: transparent url(../images/icons.png) -112px -48px no-repeat;
}

div.info a
{
    color: #008000;
    font-weight: bold;
}

div.error
{
    border: 1px #800000 solid;
    background-color: #FFBBBB;
    color: #800000;
}

div.error img
{
    background: transparent url(../images/icons.png) -64px -48px no-repeat;
}

div.error a
{
    color: #800000;
    font-weight: bold;
}

div.warning
{
    border: 1px #804000 solid;
    background-color: #FFFF99;
    color: #804000;
}

div.warning img
{
    background: transparent url(../images/icons.png) -96px -48px no-repeat;
}

div.warning a
{
    color: #804000;
    font-weight: bold;
}

/* page elements */

#main
{
    width: 980px;
    margin: 1ex auto 1ex auto;
}

#header
{
}

#headertable
{
    border-collapse: collapse;
    border-spacing: 0px 0px;
    width: 100%;
}

#logoleft
{
    width: 64px;
    height: 64px;
}

#logoright
{
    padding: 0ex 1ex 0ex 1ex;
    height: 64px;
    font-family: Cambria, Palatino Linotype, Times New Roman, times;
    font-style: italic;
    font-size: x-large;
    text-shadow: 1px 1px 1px #000000, 0 0 0.25em #2090FF, 0 0 1em #FFFFFF;
}

#logotitle
{
    font-weight: bold;
}

#footer
{
    margin-bottom: 2ex;
    font-size: x-small;
    text-align: center;
}

#footer a
{
}

#contenttable, table.nospacing
{
    border-collapse: collapse;
    border-spacing: 0px 0px;
}

#contenttable
{
    width: 100%;
    margin: 1ex 0ex 1ex 0ex;
}

/* groups */

#left
{
    width: 300px;
    vertical-align: top;
}

.group3
{
    background-repeat: no-repeat;
    padding: 1ex;
    margin-bottom: 1ex;
}

.group2
{
    background-repeat: no-repeat;
    padding: 1ex;
    margin-bottom: 1ex;
}

.group1
{
    background-repeat: no-repeat;
    padding: 1ex;
    margin-bottom: 1ex;
}

.group08
{
    background-repeat: no-repeat;
    padding: 1ex;
    margin-bottom: 1ex;
}

#slgroup
{
    display: none;
}

.groupheader
{
    font-family: Cambria, Palatino Linotype, Times New Roman, times;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 1ex;
}

.bodytitle
{
    padding: .5ex .5ex .5ex .5ex;
    font-family: Cambria, Palatino Linotype, Times New Roman, times;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
}

.groupbody
{
    border-top: transparent;
    margin-bottom: 1ex;
    background-repeat: repeat-x;
}

.grouplink img
{
    float: left;
    margin: 1px .5ex 0px 1px;
}

.grouplink
{
    text-decoration: none;
    padding: 2px 2px 3px 2px;
    display: block;
    margin-bottom: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.grouplink:hover, .grouplink:active
{
    padding: 1px 1px 2px 1px;
}

.selectedgrouplink, .selectedgrouplink:hover, .selectedgrouplink:active
{
    padding: 1px 1px 2px 1px;
}

/* group table */

#grouptable
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0 0;
    font-size: 90%;
}

#grouptable tr, #grouptable td
{
    vertical-align: top;
}

#grouptable td.sep
{
    width: 3px;
}

#grouptable td.vr
{
    width: 1px;
}

#grouptable td.vr div
{
    font-size: 1px;
}

#grouptable .grouplink, #grouptable .selectedgrouplink
{
    line-height: 17px;
}

/* main content */

#right
{
    vertical-align: top;
    padding-left: 1ex;
    color: #003366;
}

h1
{
    font-size: large;
}

h2
{
    font-size: medium;
}

h3
{
    font-size: small;
}

ul.points li
{
    margin-left: 3ex;
    list-style-image: url('../images/listitemimage.png');
}

img.icon
{
    vertical-align: middle;
    margin-right: .5ex;
}

/* contact form */

.messagetable td
{
    min-width: 80px;
    vertical-align: top;
    padding: .5ex;
}

.messagetable input
{
    min-height: 1.5em;
}

.messagetable .edit
{
    border-width: 1px;
    border-style: solid;
    border-color: #999999 #cccccc #cccccc #cccccc;
    padding: .2ex .2ex 0 .2ex;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.messagetable .edit:focus, .messagetable .edit:hover
{
    border-color: #6699cc #99ccff #99ccff #99ccff;
}

.messagetable .edit:focus
{
    -moz-box-shadow: 0 0 2px 2px rgba(153,204,255,0.5);
    -webkit-box-shadow: 0 0 2px 2px rgba(153,204,255,0.5);
    box-shadow: 0 0 2px 2px rgba(153,204,255,0.5);
}

.messagetable input.large, .messagetable textarea.large
{
    width: 390px;
    font-family: Segoe UI, Tahoma, Arial, Sans-Serif;
    font-size: 1em;
}

.messagetable textarea.large
{
    height: 100px;
}

.messagetable input.submit
{
    width: 75px;
    min-width: 75px;
    float: right;
}

/* articles */

.article h1, .article h2, .article h3
{
    margin-top: .5ex;
    margin-bottom: .5ex;
}

.article p, .article pre, .article ul, .article ol
{
    margin-bottom: 1ex;
}

.article ol, .article ul, .article li
{
    margin-left: 1em;
}

.article pre .comment, .article code .comment
{ 
    color: #008000; font-style: italic;
}

.article pre .summary, .article code .summary
{ 
    color: #808080;
}

.article pre .keyword, .article code .keyword
{ 
    color: #0000FF;
}

.article pre .class, .article code .class
{ 
    color: #339999;
}

.article pre .string, .article code .string
{ 
    color: #800000;
}

.article pre .literal, .article code .literal
{ 
    color: #800080;
}

.article pre .xml, .article code .xml
{
    color: #0000FF;
}

.article pre .tag, .article code .tag
{ 
    color: #800000;
}

.article pre .attribute, .article code .attribute
{ 
    color: #FF0000;
}

.article ul.methods li
{
    list-style-image: url(../images/method.png);
}

.article ul.properties li
{
    list-style-image: url(../images/property.png);
}

