html, body
{
    /*height: 100%;*/
}

*
{
    font-family: "Poppins";
    font-size: 1em;
}

h1
{
    font-family: Montserrat;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #f5f5f5;
}

#header
{
    top: 0px;
    left: 0px;
    background-color: #f5f5f5;
    position: fixed;
    width: 100%;
    min-width: 900px;
    z-index: 100000;
    border-bottom: solid 1px #4d4d4f;
}

#header #logo
{
    background-image: url(/imgs/logo2.png);
    background-repeat: no-repeat;
    height: 51px;
    width: 263px;
    display: inline-block;
    margin: 0.3em;
    margin-bottom: 0.3em;
    vertical-align: middle;
}

#header .right
{
    position: absolute;
    right: 0em;
    margin-left: 280px;
    text-align: right;
    display: inline-block;
}

#header #links
{
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin: 1em;
}

#header #links a
{
    font-size: 1.2em;
    text-decoration: none;
    color: #4d4d4f;
    vertical-align: middle;
    padding: 0.5em;
    font-weight: bold;
}

#header #links a:hover
{
    background-color: #4d4d4f;
    color: #fff;
    vertical-align: middle;
    font-weight: bold;
}

#header .buttons
{
    float: right;
    margin: 1em;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
    overflow: hidden;
    height: 51px;
}

#header .buttons a
{
    background-image: url(/imgs/icon-strip-32.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    padding: 0em;
    font-size: 0em;
    margin-left: 2px;
    margin-right: 2px;
}

#header .buttons #patreon
{
    background-position: -770px 0;
}

#header .buttons #gofundme
{
    background-position: -802px 0;
}

#header .buttons #wordpress
{
    background-position: -64px 0;
}

#header .buttons #facebook
{
    background-position: 0px 0;
}

#header .buttons #twitter
{
    background-position: -32px 0;
}

#header .buttons #github
{
    background-position: -738px 0;
}

#main
{
    width: 100%;
    background-color: #4d4d4f;
    padding-top: 3em;
    padding-bottom: 3em;
    margin-top: 3.1em;
    background-image: url(/imgs/header-bg.png);
    background-repeat: repeat-x;
    border-bottom: solid 1px #fff;
}

#main > h1
{
    color: white;
    font-size: 2.2em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}

#main #logo
{
    background-image: url(/imgs/q-logo.png);
    background-repeat: no-repeat;
    height: 310px;
    width: 282px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

#main section > h1, #support section > h1, #downloads section > h1, #acknowledgments section > h1, #qwresources section > h1, #error section > h1
{
    color: white;
    font-size: 2.2em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    Xwidth: 90%;
    font-weight: bold;
    text-align: left;
}

a.download
{
    display: block;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    width: 217px;
    height: 62px;
    text-decoration: none;
    background-image: url(/imgs/icon-strip-32.png);
    background-position: -190px -33px;
    margin-top: 3em;
}

a.download span
{
    display: inline-block;
}

#main a.link
{
    margin-left: auto;
    margin-right: auto;
    width: 217px;
    display: block;
    color: white;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-top: 1em;
}

#panels
{
    width: 100%;
}

section > p
{
    padding: 1em;
}

section
{
    clear: both;
    white-space: nowrap;
    padding: 3em;
    position: relative;
    border-bottom: solid 1px #fff;
}

section#items
{
    overflow: hidden;
}

#acknowledgments section
{
    white-space: normal;
}

section h1, .thankyou h1
{    padding: 0px;
    margin: 0px;
    font-size: 2.2em;
    vertical-align: top;
    margin-right: 0.5em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 1em;
    white-space: normal;
}

section h2
{
    font-size: 1.5em;
    color: #fff;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

section > h2
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 99%;
    margin-bottom: 1em;
}

section p, .highlight, #highlight, #thankyou, .thankyou p
{
    color: #fff;
    font-size: 1.0em;
    padding-left: 1em;
    padding-top: 0em;
    margin-top: 0.5em;
    white-space: normal;
}

#thankyou, #highlight
{
    color: orange;
    font-size: 1.5em;
    margin-bottom: 1em;
}

section ul
{
    display: inline-block;
    margin-right: 1em;
    margin-top: 0px;
    margin-left: 1em;
    padding-left: 1em;
}

section li
{
    font-size: 1em;
    color: #fff;
}

section a
{
    color: lightskyblue;
    font-size: 1em;
    text-decoration: none;
}

section a:hover
{
    text-decoration: underline;
}

section span.image
{
    display: inline-block;
    background-repeat: no-repeat;
    width: 600px;
    border: solid 1px #4d4d4f;
}

section#interface .image
{
    background-image: url(/imgs/interface-big.jpg);
    height: 422px;
}

section#assets .image
{
    background-image: url(/imgs/assets-big.jpg);
    height: 422px;
}

section#text .image
{
    background-image: url(/imgs/text-big.jpg);
    height: 391px;
}

section#fullscreen .image
{
    background-image: url(/imgs/fullscreen-big.jpg);
    height: 336px;
}

section#problemfinder .image
{
    background-image: url(/imgs/problemfinder-big.jpg);
    height: 286px;
}

section#statistics .image
{
    background-image: url(/imgs/statistics-big.jpg);
    height: 390px;
}

section#ideaboard .image
{
    background-image: url(/imgs/ideaboard-big.jpg);
    height: 315px;
}

section#warmups .image
{
    background-image: url(/imgs/warmups-big.jpg);
    height: 371px;
}

section#editormode .image
{
    background-image: url(/imgs/editormode-big.jpg);
    height: 451px;
}

.col1
{
    display: inline-block;
    width: 40%;
    white-space: normal;
    vertical-align: top;
    margin-bottom: 1em;
    width: 30%;
    margin-left: 10%;
}

.col2
{
    display: inline-block;
    width: 0%;
    white-space: normal;
    vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
    /*margin-left: 15%;*/
    padding-left: 1em;
    width: 40%;
    margin-right: 10%;
    margin-left: 0;

}

#v3, .page#downloads
{
    background-color: #3c1518;
}

#interface
{
    background-color: #C8552F;
    background-color: #fb5607;
    background-color: #f26430;
}

.quote
{
    text-align: center;
    display: block;
    /*
    position: absolute;
    bottom: 1em;
    left: 2em;
    */
    color: #fff;
    font-size: 0.9em;
}

#assets
{
    background-color: #A5BBD0;
}

#text
{
    background-color: #D2D7BC;
}

#fullscreen
{
    background-color: #E2E247;
    background-color: #cfe795;
    background-color: #9EA93F;
}

#problemfinder
{
    background-color: #635380;
}

#download
{
    background-color: #151e3f;
}

#download a.link
{
    margin-left: auto;
    margin-right: auto;
    width: 217px;
    display: block;
    color: white;
    font-size: 0.9em;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-top: 0.2em;
}

#items
{

    background-color: #bfb48f;
    background-color: #766153;
    background-color: #66635b;
    background-color: #615055;
}

#supportqw
{
    background-color: #ffba49;
}

#editormode
{
    background-color: #bfbccb;
}

#ideaboard
{
    background-color: #bfb48f;
}

#statistics
{
    background-color: #E2E247;
    background-color: #d78521;
}

#warmups
{
    background-color: #C8552F;
    background-color: #188fa7;
}

#other
{
    background-color: #FCD581;
    background-color: #d3c878;
    background-color: #3C1518;
}

#other .col1, #other .col2
{
    width: 40%;
}

.subitem
{
    display: inline-block;
    width: 33%;
    white-space: normal;
    vertical-align: top;
    float: left;
}

.subitem > div
{
    border: solid 1px #4d4d4f;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    padding: 1em;
    background-color: #f5f5f5;
}

section .subitem h1
{
    font-size: 1.5em;
    color: #4d4d4f;
}

section .subitem div p
{
    font-size: 1em;
    color: #4d4d4f;
}

.subitem #patreon .icon
{
    background-image: url(/imgs/icon-strip-32.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    display: block;
    background-position: -772px -102px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 1em;
}

#supportqw .buttons
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    Xwidth: 700px;
    text-align: center;
    display: block;
}

#supportqw .buttons a
{
    background-image: url(/imgs/icon-strip-32.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#supportqw .buttons #patreon
{
    width: 322px;
    height: 98px;
    background-position: 0px -102px;
}

#supportqw .buttons #gofundme
{
    width: 322px;
    height: 98px;
    background-position: -335px -102px;
}

.subitem .icon
{
    background-image: url(/imgs/icon-strip-32.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

#panels section .subitem p
{
    padding: 0;
}

.subitem #featurerequest .icon
{
    background-position: -288px 0px;
}

.subitem #acknowledgements .icon
{
    background-position: -320px 0px;
}

.subitem #resources .icon
{
    background-position: -192px 0px;
}

.subitem #sourcecode .icon
{
    background-position: -542px 0px;
}

.subitem #reportabug .icon
{
    background-position: -96px 0px;
}

.subitem #generalcontact .icon
{
    background-position: -608px 0px;
}

.subitem #editormodeaccconfirm .icon
{
    background-position: -672px 0px;
}

.subitem #editormodestopinvites .icon
{
    background-position: -706px 0px;
}

.subitem #editormoderesetpwd .icon
{
    background-position: -160px 0px;
}

.subitem > div > a
{
    text-decoration: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    text-align: center;
    color: blue;
    margin-top: 1em;
}

.subitem > div > a:hover
{
    text-decoration: underline;
}

#bottom
{
    background-color: #f5f5f5;
    display: flex;
    width: 100%;
    font-size; 1em;
}

#userguide #copyright
{
    margin-right: 1em;
}

#userguide #bottom
{
    border-top: solid 1px #dfdfdf;
}

#userguide section
{
    border: 0px;
}

#userguide #versionchanges h2
{
    font-size: 1.7em;
    margin-top: 0.5em;
}

#userguide #versionchanges h3
{
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 0.5em;
}

#userguide #versionchanges ul
{
    margin-top: 0px;
    margin-left: 1.5em;
}

#userguide #versionchanges p
{
    margin-left: 1.5em;
}

#copyright
{
    font-weight: bold;
    align-self: flex-end;
    white-space: nowrap;
    padding: 0.5em;
}

#copyright a
{
    text-decoration: none;
}

#otherlangs
{
    min-width: 300px;
    align-self: flex-start;
    width: 100%;
    padding: 0.5em;
}

#otherlangs a
{
    text-decoration: none;
    color: blue;
}

#otherlangs a:hover
{
    text-decoration: underline;
}

#support, #downloads, #acknowledgments, #qwresources, #userguide
{
    width: 100%;
    padding-top: 2em;
    margin-top: 1.9em;
}

#support #contact, #support #editormodecontact
{
    border-bottom: solid 1px #fff;
    overflow: hidden;
}

#support #contact, #support, #qwresources, #acknowledgments
{
    background-color: #151e3f;
}

#support #contact
{
    border-bottom: 0px;
}

#acknowledgments h2, #qwresources h2
{
    text-align: left;
}

#editormodecontact
{
    background-color: #151e3f;
}

#editormodehelp
{
    background-color: #151e3f;
}

#editormodehelp h2
{
    text-align: left;
}

#downloads #downloadqw
{
    background-color: #1B1725;
}

#downloads #maclinux
{
    background-color: #1B1725;
}

#downloads #sourcecode
{
    background-color: #1B1725;
}

#support p
{
    margin-top: 0.2em;
    margin-bottom: 0.8em;
}

form
{
    margin-left: 2em;
}

form fieldset
{
    border: 0px;
}

form label
{
    font-size: 1em;
    display: block;
    color: #fff;
}

form fieldset input, form fieldset textarea, form fieldset select
{
    display: inline-block;
    margin-left: 1em;
}

form fieldset input[type=text]
{
    width: 100%;
    padding: 0.2em;
}

form fieldset textarea
{
    width: 100%;
    height: 15em;
}

form #antispam
{
    display: inline-block;
    margin-left: 1em;
    color: #fff;
}

form #antispam input[type=text]
{
    width: 2em;
}

#antispam p
{
    margin: 0px;
    padding: 0px;
    padding-top: 0.2em;
}

#errors
{
    margin-left: 2em;
}

#errors li, #errors p
{
    color: red;
}

/**
 * User guide styles
 */
#userguide
{
    overflow: hidden;
    Xheight: 100%;
}

#userguide .col2
{
    display: block;
    width: 80%;
    margin-left: 20%;
    height: 100%;
    margin-bottom: 0px;
}

#userguide h1, #userguide h2, #userguide a
{
    color: #4d4d4f;
    font-weight: bold;
    text-align: left;
}

#userguide h1
{
    margin-bottom: 0.25em;
}

#userguide p
{
    color: #000;
}

#userguide li
{
    color: #000;
}

#userguide > section
{
    padding: 0;
}

div#help
{
    margin-top: 2em;
}

.col2 h1
{
    width: 100%;
}

ul.user-guide-help-list
{
    margin: 0px;
    list-style: none;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 1em;
}

#userguide .warning
{
    border: solid 2px red;
    padding: 0.5em;
    margin-right: 1em;
}

#userguide .col1
{
    display: block;
    position: fixed;
    width: 20%;
    margin-left: 0;
    overflow-y: auto;
    padding: 0.5em;
    border-right: solid 1px #dfdfdf;
}

ul.user-guide-help-list li
{
    margin: 0px;
    border-bottom: solid 1px #dfdfdf;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

ul.user-guide-help-list li p
{
    color: black;
    font-size: 0.9em;
    margin: 0px;
    margin-top: 5px;
    margin-left: 0em;
    margin-bottom: 0.5em;
    color: #fff;
    padding-left: 5px;
}

div#help
{
    margin: 0px;
    margin-right: 1em;
    padding: 0.5em;
}

div#help h2
{
    padding-left: 0px;
    padding-top: 10px;
    font-size: 1.3em;
    font-weight: normal;
    border-bottom: solid 1px #dfdfdf;
}

#help ul
{
    margin-top: 0.5em;
}

div#help p
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

ul.user-guide-help-list li h2
{
    font-weight: normal;
    padding-left: 0px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    padding-top: 0px;
    font-size: 1.3em;
    padding-top: 0px;
    border-bottom: 0px;
}

ul.user-guide-help-list li h3
{
    font-weight: normal;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.9em;
}

ul.user-guide-help-list li ul
{
    border: 0px;
    list-style-type: disc;
    margin-left: 1em;
}

ul.user-guide-help-list li ul li
{
    border: 0px;
    list-style-type: disc;
    margin-left: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
}

ul.user-guide-help-list li ul a
{
    display: block;
    padding-bottom: 1px;
    font-size: 0.8em;
    letter-spacing: 0.5px;
}

#help
{
    font-weight: normal;
    font-size: 0.9em;
}

#help h1
{
    border-bottom: 0px;
    border-bottom: solid 1px #dfdfdf;
}

#help img
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
    clear: both;
}

#help img.inline
{
    vertical-align: middle;
    margin: 0px;
    display: inline;
    clear: none;
}

#help img#loading
{
    clear: none;
    display: inline;
    margin: 0px 3px 0px 3px;
    vertical-align: middle;
}

#help a
{
    font-size: inherit;
    color: blue;
}

#user-guide-notice
{
    background-color: #EBE8D6;
    margin: 1em;
    padding: 5px;
    border: solid 1px #a6a6a6;
    font-size: 1.1em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.back-to-top
{
    cursor: pointer;
}

.link-wrapper
{
    text-align: center;
    display: block;
}

.page#downloads .links, #main .links, #download .links
{
    text-align: center;
}

.page#downloads .link-wrapper, #main .links .link-wrapper, #download .links .link-wrapper
{
    text-align: left;
    display: inline-block;
}

.page#downloads .links > .link-wrapper, #main .links > .link-wrapper, #download .links > .link-wrapper
{
    /*padding: 0.5em 0.5em 0.5em 0.5em;*/
    margin: 0.5em;
}

.page#downloads .link-wrapper.macos .download, #main .link-wrapper.macos .download, #download .links .link-wrapper.macos .download
{
    background-color: #447edb;
}

.page#downloads .link-wrapper.linux .download, #main .link-wrapper.linux .download, #download .links .link-wrapper.linux .download
{
    background-color: #b1cf46;
}

.download
{
    padding: 0.5em;
    background-color: #f26430;
    border: solid 1px #666;
    border-radius: 3px;
    display: inline-block;
}

.patreon
{
    padding: 0.5em;
    background-color: #FF5900;
    border: solid 1px #666;
    border-radius: 3px;
    display: inline-block;
}

.gofundme
{
    padding: 0.5em;
    background-color: #96C528;
    border: solid 1px #666;
    border-radius: 3px;
    display: inline-block;
}

.download .img
{
    background-image: url(/imgs/icon-strip-32.png);
    height: 32px;
    width: 24px;
    display: inline-block;
    vertical-align: text-bottom;
    background-position: -512px 0px;
}

.gofundme .img
{
    background-image: url(/imgs/icon-strip-32.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: text-bottom;
    background-position: -802px 0px;
}

.patreon .img
{
    background-image: url(/imgs/icon-strip-32.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: text-bottom;
    background-position: -770px 0px;
}

.link-wrapper .text
{
    font-size: 1.7em;
    text-decoration: none;
    color: white;
    display: inline-block;
}

#userguide img
{
    border: solid 1px #4d4d4f;
    box-shadow: 0px 0px 3px 1px rgba(77,77,77,0.77);
    max-width: 80%;
}

#userguide img.popup
{
    margin-top: 30px;
    box-shadow: 0px 0px 15px 7px rgba(77,77,77,0.77);
    border: 0px;
}

blockquote
{
    white-space: pre-wrap;
}

#userguide .warning p, #userguide .warning
{
    color: red;
}

err
{
    text-decoration: underline;
    text-decoration-color: red;
}

.icon16
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/imgs/user-guide-icons.png);
}

.icon16.full-screen-mode
{
    background-position: 0px 0px;
}

.icon16.find
{
    background-position: -16px 0px;
}

.icon16.view
{
    background-position: -16px 0px;
}

.icon16.ideaboard, .icon16.idea-board
{
    background-position: -32px 0px;
}

.icon16.contacts
{
    background-position: -48px 0px;
}

.icon16.textproperties, .icon16.config
{
    background-position: -64px 0px;
}

.icon16.config
{
    background-position: -64px 0px;
}

.icon16.full-screen-mode-exit
{
    background-position: -80px 0px;
}

.icon16.timer
{
    background-position: -96px 0px;
}

.icon16.time
{
    background-position: -96px 0px;
}

.icon16.clock
{
    background-position: -96px 0px;
}

.icon16.distraction-free-mode-enter
{
    background-position: -112px 0px;
}

.icon16.distraction-free-mode-exit
{
    background-position: -128px 0px;
}

.icon16.targets
{
    background-position: -144px 0px;
}

.icon16.statistics
{
    background-position: -160px 0px;
}

.icon16.close
{
    background-position: -176px 0px;
}

.icon16.remove
{
    background-position: -176px 0px;
}

.icon16.cancel
{
    background-position: -176px 0px;
}

.icon16.tag
{
    background-position: -192px 0px;
}

.icon16.new
{
    background-position: -208px 0px;
}

.icon16.add
{
    background-position: -208px 0px;
}

.icon16.delete
{
    background-position: -224px 0px;
}

.icon16.eye
{
    background-position: -240px 0px;
}

.icon16.edit
{
    background-position: -256px 0px;
}

.icon16.editneedednote
{
    background-position: -256px 0px;
}

.icon16.sort
{
    background-position: -272px 0px;
}

.icon16.bg-select
{
    background-position: -288px 0px;
}

.icon16.clear
{
    background-position: -304px 0px;
}

.icon16.clear
{
    background-position: -304px 0px;
}

.icon16.warmup
{
    background-position: -320px 0px;
}

.icon16.convert
{
    background-position: -336px 0px;
}

.icon16.backup
{
    background-position: -352px 0px;
}

.icon16.backups
{
    background-position: -352px 0px;
}

.icon16.open
{
    background-position: -368px 0px;
}

.icon16.try-out
{
    background-position: -384px 0px;
}

.icon16.linked-to
{
    background-position: -400px 0px;
}

.icon16.info
{
    background-position: -416px 0px;
}

.icon16.popout
{
    background-position: -432px 0px;
}

.icon16.object
{
    background-position: -448px 0px;
}

.icon16.project
{
    background-position: -464px 0px;
}

.icon16.chapter
{
    background-position: -480px 0px;
}

.icon16.tools
{
    background-position: -496px 0px;
}

.icon16.achievements
{
    background-position: -512px 0px;
}

.icon16.bug
{
    background-position: -528px 0px;
}

.icon16.scene
{
    background-position: -544px 0px;
}

.icon16.link
{
    background-position: -560px 0px;
}

.icon16.outlineitem
{
    background-position: -576px 0px;
}

.icon16.note
{
    background-position: -592px 0px;
}

.icon16.import
{
    background-position: -608px 0px;
}

.icon16.restore
{
    background-position: -624px 0px;
}

.icon16.export
{
    background-position: -640px 0px;
}

.icon16.editors
{
    background-position: -656px 0px;
}

.icon16.save
{
    background-position: -672px 0px;
}

.icon16.wordcounts
{
    background-position: -688px 0px;
}

.icon16.spellchecker-on
{
    background-position: -704px 0px;
}

.icon16.warning
{
    background-position: -720px 0px;
}

.icon16.edit-position
{
    background-position: -736px 0px;
}

.icon16.edit-complete
{
    background-position: -752px 0px;
}

.icon16.edit-remove
{
    background-position: -768px 0px;
}

a > .icon16
{
    vertical-align: middle;
    margin-right: 3px;
    padding-bottom: 1px;
}

#userguide .col1 .selected
{
    background-color: #1B1725;
}

#userguide .col1 .selected a
{
    color: white;
    padding-right: 5px;
}

#panels section img
{
    border: solid 1px #4d4d4f;
    max-height: 422px;
    max-width: 600px;
    width: 600px;
}

section#other p
{
    text-align: justify;
}

section#other .col1 h2, section#other .col2 h2
{
    text-align: left;
}

.thankyou
{
    display: none;
}

.thankyou .bg
{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #444;
    opacity: 0.75;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.thankyou .box
{
    background-color: #151e3f;
    height: 400px;
    width: 500px;
    border: solid 1px #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -200px;
    opacity: 1;
    padding: 0.5em;
    z-index: 1001;
}

.thankyou .link-wrapper
{
    margin-bottom: 1em;
}

#downloads > section
{
    white-space: normal;
}