﻿body 
{
    font-family:Arial,Verdana;
    font-size:0.9em;
    margin: 15px;
    background-color: #90B2CB;
}

div, span, img, form {
    margin:0;
    padding:0;
}

h1 
{
    margin: 5px 0 5px 0;
    font-size: 1.2em;
}

h2 
{
    margin: 2px 0 5px 0;
    font-size: 1.0em;
}

#pageWrapper
{
    width: 715px;
}

td, tr, p 
{
    font-family:Arial,Verdana;
    font-size:0.9em;
}

.questionnaireTable .iconsWidth
{
    width: 60px;
    text-align: center;
}

.questionsTr td
{
    border-bottom: solid 1px #B5B5B5;
}

.questionnaireTable .smileyColumn
{
    width: 300px;
    text-align: center;
}

.questionnaireTable .smileyColumn .smilies
{
   margin: 1px 16px 1px 16px;
}

.layer li
{
    margin-left: 25px;
}

.giftConfiguration div
{
    position:absolute;
    width: 335px; 
    height: 335px; 
    padding: 10px;
    z-index: 2500; 
    cursor: pointer;
}

.giftConfiguration .quadrant
{
    opacity:0.10;
    filter:alpha(opacity=10);
    background-color: #90B2CB;
}

.giftConfiguration .quadrantNonOpacity
{
    opacity:1;
    filter:alpha(opacity=100);
    background-color: #90B2CB;
}

.plainConfiguration .quadrant
{
    opacity:0.40;
    filter:alpha(opacity=40);
}

.plainConfiguration .quadrant
{
    position:absolute;
    width: 335px; 
    height: 335px; 
    padding: 10px;
}

.plainConfiguration .quadrantNW
{
        background-color: #AAFFAA;
}

.plainConfiguration .quadrantNE
{
        background-color: #FFA4FF;
}

.plainConfiguration .quadrantSW
{
        background-color: #FF8000;
}

.plainConfiguration .quadrantSE
{
        background-color: #FFFF9B;
}

.plainConfiguration .quadrantNE h2
{
    float:right;
}

.plainConfiguration .quadrantSW h2
{
    top: 310px;
    position: relative;
}

.plainConfiguration .quadrantSE h2
{
    float:right;
    top: 310px;
    position: relative;
}