/* --------------------------------------------------------------------------
 * XMLmind core styles
 * -------------------------------------------------------------------------- */

body {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    line-height: 1.33;
    color: black;
    background-color: white;
    margin:0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #394986;
    font-weight: bold;
}

h1 {
    font-size: 1.33em;
    line-height: 1;
    margin-top: 1em;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.25em;
    line-height: 1.07;
    margin-top: 1.07em;
    margin-bottom: 1.07em;
}

h3 {
    font-size: 1.17em;
    line-height: 1.14;
    margin-top: 1.14em;
    margin-bottom: 1.14em;
}

h4 {
    font-size: 1.08em;
    line-height: 1.23;
    margin-top: 1.23em;
    margin-bottom: 1.23em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

p,
pre,
ol,
dl,
ul,
table,
hr {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

hr {
    height: 1px;
    border-style: none;
    background-color: #D0D0D0;
}

blockquote {
    margin: 2.66em 5.32em;
}

code,
kbd,
samp,
tt,
pre {
    font-family: "Lucida Console",Menlo,Monaco,monospace;
    font-size: 0.917em;
    line-height: 1.45;
}

pre {
    white-space: pre;
    background-color: #F0F0F0;
    border: 1px dotted #D0D0D0;
    padding: 0.36em;
    margin-top: 1.45em;
    margin-bottom: 1.45em;
}

ul {
    list-style-image: url(bullets/bullet_blue.png);
}

ul ul {
    list-style-image: url(bullets/bullet_cyan.png);
}

ul ul ul {
    list-style-image: url(bullets/bullet_purple.png);
}

ul ul ul ul {
    list-style-image: url(bullets/bullet_pink.png);
}

ul ul ul ul ul {
    list-style-image: url(bullets/bullet_orange.png);
}

ul ul ul ul ul ul {
    list-style-image: url(bullets/bullet_green.png);
}

ul ul ul ul ul ul ul {
    list-style-image: url(bullets/bullet_red.png);
}

ol > li {
    list-style-image: none;
}

li {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

*[compact] > li,
.xmcompact > li {
    margin-top: 0;
    margin-bottom: 0;
}

dt {
    margin-top: 1.33em;
    margin-bottom: 0;
}

dt + dt {
    margin-top: 0;
}

dd {
    margin-top: 0;
    margin-bottom: 1.33em;
}

*[compact] > dt,
.xmcompact > dt {
    margin-top: 0;
}

*[compact] > dd,
.xmcompact > dd {
    margin-bottom: 0;
}

a:link:hover,
a:visited:hover {
    text-decoration: underline;
}

a:link {
    text-decoration: none;
    color: #004668;
}

a:visited {
    text-decoration: none;
    color: #135678;
}

/* --------------------------------------------------------------------------
 * XMLmind style classes
 * -------------------------------------------------------------------------- */

/* A page must start with a h1.title. */

.xmtitle {
    border-bottom: 1px solid #394986;
    padding-bottom: 0.25em;
    margin-top: 0;
}

/* Used in licenses. */

.xmtitlebox {
    border: 2px solid #8795cc; /*Dimmer #394986*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.66em;
    margin: 1.33em 0;
}

.xmqna {
    border: 2px solid #8795cc; /*Dimmer #394986*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.66em;
    margin: 2.66em 0;
}

.xmnote,
.xmsidebar {
    background-color: #f0f4f7;
    border: 1px solid #dce4ec;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.66em;
    margin: 2.66em 5.32em;
}

.xmqna  > *:first-child,
.xmnote > *:first-child,
.xmsidebar > *:first-child {
    margin-top: 0;
}

.xmqna > *:last-child,
.xmnote > *:last-child,
.xmsidebar > *:last-child {
    margin-bottom: 0;
}

.xmtable {
    border-collapse: collapse;
    border: 1px solid #808080;
    margin-left: auto;
    margin-right: auto;
}

.xmtable th,
.xmtable td {
    border: 1px solid #808080;
    padding: 0.33em;
}

.xmtable tbody th,
.xmtable td {
    vertical-align: baseline;
}

.xmthead1 {
    background-color: #D0D0D0;
}

.xmthead2 {
    background-color: #E0E0E0;
}

.xmfig {
    text-align: center;
    margin-top: 2.66em;
    margin-bottom: 2.66em;
}

.xmclickableimg {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
}

.xmclickableimg:hover {
    border-color: #004668;
}

.xmfnsepar {
    width: 4em;
    background-color: #D0D0D0;
    margin-top: 2.66em;
    margin-bottom: 0.66em;
    margin-left: 0;
    margin-right: auto;
}

.xmfn {
    font-size: 0.83em;
    line-height: 1.6;
    color: #808080;
}
/* --------------------------------------------------------------------------
 * XMLmind navigation styles
 * -------------------------------------------------------------------------- */

#xmnheader {
    width: 100%;

    /* http://www.cssmatic.com/ */
    background: #bce2f5;
    background: -moz-linear-gradient(top, #f7fafc 0%, #bce2f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #bce2f5));
    background: -webkit-linear-gradient(top, #f7fafc 0%, #bce2f5 100%);
    background: -o-linear-gradient(top, #f7fafc 0%, #bce2f5 100%);
    background: -ms-linear-gradient(top, #f7fafc 0%, #bce2f5 100%);
    background: linear-gradient(to bottom, #f7fafc 0%, #bce2f5 100%);

    border-collapse: separate;
    border-spacing: 0;
    border-bottom: 1px solid #D0D0D0;

    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px 2px rgba(0,0,0,.2);

    margin: 0;
}

#xmnlogo {
    width: 96px;
}

#xmntitle {
    font-size: 1.33em;
    line-height: 1;
    color: #394986;
    font-weight: bold;
}

#xmntools,
#xmnlinks {
    font-size: 0.917em;
    line-height: 1.45;
    padding: 0.73em;
}

a.xmnlink {
    color: #394986;
}

.xmntoolsep {
    color: #a3becc; /*Dimmer #bce2f5*/
}

.xmntoolsep {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#xmntools .xmntoolsep {
    padding-left: 8px;
    padding-right: 6px;
}

#xmnsearchfields {
    background-color: white;
    border: 1px solid #D0D0D0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    margin: 0;
}

#xmnsearchbutton,
#xmnsearchfield,
#xmnconverticons {
    vertical-align: middle;
    border-style: none;
    padding: 0;
    margin: 0;
}

#xmnsearchfield {
    font-family: inherit;
    font-size: inherit;
}

#xmnbody {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

#xmnleft,
#xmnright {
    vertical-align: top;
}

#xmnleft {
    width: 16em;
    white-space: nowrap;
    font-size: 0.917em;
    line-height: 1.45;
    border-right: 1px solid #D0D0D0;
    padding: 1.45em 0;
}

#xmnright {
    padding: 1.33em;
}

.xmnentry1,
.xmnentry2 {
    margin-left: 4em;
    margin-right: 0;
}

div + .xmnentry1 {
    margin-top: 1.45em;
}

.xmnentry2 {
    margin-top: 0.365em;
    margin-bottom: 0.365em;
}

.xmnentryselected {
    font-weight: bold;
    background-color: #def1fc;
}

.xmnbullet {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

a.xmntext {
    color: #394986;
    padding: 0.365em;
}

#xmncontents {
}

#xmncopyright {
    padding-top: 9.6em;
    padding-bottom: 1.6em;
    padding-left: 1.6em;
    padding-right: 1.6em;
}
/* --------------------------------------------------------------------------
 * Styles which are specific to this Web site
 * -------------------------------------------------------------------------- */

.warning {
    color: maroon;
    font-weight: bold;
    font-style: italic;
}

a.button,
a.button:link,
a.button:visited {
    font-weight: bold;
    text-decoration: none;
    color: black;
    background-color: #D0D0D0;
    background-image: linear-gradient(#F0F0F0, #D0D0D0);
    padding: 0.5ex 1.5ex;
    border: 1px solid #808080;
    border-radius: 3px;
}

/*
 * Gallery
 */

#screenshot-gallery td {
    width: 300px;
    padding: 1.33em;
}

#screenshot-gallery td > p {
    margin-top: 0.66em;
}

/*
 * Features
 */

#features-legend td {
    padding: 0.125em 0.25em;
    margin: 2.66em 0;
}

/*
 * Testimonials
 */

.quote {
    margin: 5.32em;
}

.quote > p {
    margin-top: 0;
    margin-bottom: 0;
}

.quote > p + p {
    clear: both;
    text-indent: 36px;
}

.quote > p.quote-author {
    text-indent: 0;
    margin-top: 0.66em;
}

.quote-author,
.quote-author > a {
    font-weight: bold;
    color: #004668;
}

img.open-quote {
    float: left;
    margin-right: 8px;
}

/*
 * Applet
 */

#applet-table tbody td,
#applet-table tbody th {
    vertical-align: top;
}

/*
 * Download
 */

#download-table tbody th {
    text-align: center;
}

/*
 * Tutorial
 */

table.lesson-entries {
    margin: 0;
}

div.lesson-entry {
    text-align: center;
    width: 30ex;
    height: 18ex;
    background: white url(../images/yellowgrad.png) repeat-x;
    border: 1px solid #EDE8CC;
    -moz-border-radius: 0.66em;
    -webkit-border-radius: 0.66em;
    border-radius: 0.66em;
    padding: 0.66em;
    margin: 1.33em;
}

div.lesson-entry img {
    border-style: none;
}

/*
 * Used for the management of user contributions.
 */

#upload-page {
     margin: 1.33em;
}

#upload-page form table {
    font-size: 1em;
    border: 1px solid #D0D0D0;
    background-color: #F0F0F0;
}

#upload-page form table td {
    padding: 0.66em;
}

#upload-page input[type=file] {
    background-color: white;
}