@import url("fullwidth.css") only screen and (min-device-width: 481px) and (min-width: 867px) and (orientation: landscape);
@import url("narrow.css") only screen and (min-device-width: 481px) and (min-width: 867px) and (orientation: portrait);
@import url("smallPortrait.css") only screen and (max-device-width: 480px) and (orientation: portrait);
@import url("smallLandscape.css") only screen and (max-device-width: 480px) and (orientation: landscape);

/*@import url("layout.css")  only screen and (min-width: 867px);*/
@import url("layout.css") only screen and (min-device-width: 481px) and (min-width: 867px);
@import url("layout.css") only screen and (orientation: landscape) and (min-width: 867px);
@import url("default.css") only screen and (max-width: 866px);
@import url("default.css") print;

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.displayBox
{
    border: 5px solid #000000;
}

.header
{
    font-size: 120%;
    color: #ffffff;
    background-color: #101030;
}

.title
{
    font-size: 200%;
    font-weight: normal;
    display: inline-block;
    padding: 20px;
}

.strapline
{
    font-size: 110%;
    display: inline-block;
}

.withLayout, .fullWidthLayout, .smallPortrait, .smallLandscape, .narrowLayout, .stackupDefault
{
    position: absolute;
}

.withLayout
{
    top: 500px;
}

.fullWidthLayout
{
    top: 520px;
}

.narrowLayout
{
    top: 540px;
}

.smallPortrait
{
    top: 560px;
}

.smallLandscape
{
    top: 580px;
}

.stackupDefault
{
    top: 600px;
}

.boxHeader
{
    font-weight: 600;
    font-size: 110%;
    margin: 0 0 3px 0;
    padding: 2px;
}

.quote
{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #C0C0C0;
    font-style: italic;
    font-size: large;
    text-align: center;
    margin: 0.25em;
}

.displaybox p
{
    margin: 0;
}

.boxHeader
{
    font-size: 130%;
    font-weight: 800;
}

.flexHead
{
    /* www.sxc.hu photo 1109533 */ /*background-position: -100px;
    background-image: url('~/images/liquid-flow-1109533-m.jpg');
    height: 200px;
    border: 1px solid red;*/ /*background-repeat: no-repeat;*/
    background-color: #810303;
    background-color: rgba(129, 3, 3, 0.85);
    color: #ffffff;
}

.flexCM
{
    background-color: rgba(100, 0, 0, 0.05);
}

.migrateHead
{
    background-color: #006400;
    color: #ffffff;
}

.migrate
{
    background-color: #bfd6bf;
    background-color: rgba(0, 100, 0, 0.05);
}

.loginForm label, .loginForm span.label
{
    width: 4.5em;
    float: left;
    display: block;
}

.clientHead
{
    background-color: #101030;
    color: #ffffff;
}

.client
{
    background-color: #d7d7eb;
    background-color: rgba(16, 16, 48, 0.05);
}

.collSearchHead
{
    background-color: #1caaaa;
    color: #ffffff;
}

.collectionSearch
{
    background-color: #eefffc;
    background-color: rgba(28, 170, 170, 0.05);
}

#contactPage label, #contactPage span.label
{
    width: 10em;
    float: left;
    display: block;
}

#contactPage p
{
    margin: 0;
}

#contactPage form, div.message
{
    padding: 3px;
    position: absolute;
    top: 200px;
    left: 5%;
    width: 90%;
    border: 3px solid #000;
}

table.download, table.download th, table.download td
{
    border-collapse: collapse;
    border: 1px solid black;
}
table.download td, table.download th
{
    text-align: right;
    padding: 0 0.25em;
}
table.download .downloadDesc
{
    text-align: left;
}
#userPage p 
{
    margin-bottom: 1em;    
}