/*******************************************************************************

    Common styles for all iCMS websites

*******************************************************************************/

/***** Controls *****/

input, textarea, select, button { font-family: arial, sans-serif; font-size: 7pt; margin: 0; }

input[type=text], input[type=password], textarea, select { border: solid 1px #ccc; padding: 0; }

input[type=radio] { vertical-align: middle; margin: -4px 0 0 0; }

/***** DIVs *****/

.section
{
    position: relative;
}

.adminpage
{
    border: solid 1px black; background-color: white; color: black;
    position: fixed; top: 0; right: 0; z-index: 11;
}

.adminpage p { font-size: 7pt; margin: 0; padding-left: 1em; }

.adminsection
{
    border: solid 1px black; background-color: white; color: black;
    position: absolute; top: 0; right: 0; z-index: 10;
    xvisibility: hidden;
}

x.section:hover .adminsection { visibility: visible; }
x.adminsection:hover { visibility: visible; }

.adminsection p { font-size: 7pt; margin: 0; padding-left: 1em; }

div.image { float: right; clear: both; text-align: center; margin-left: 0.5em; }

/***** Popups *****/

#popups
{
    display: none;
    position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 12;
    background: url( 'images/transparency.png' );
    overflow: auto;
}

/***** Popup *****/

.popup
{
    font-family: Arial;
    background-color: white !important; color: black;
    z-index: 13; 
    width: 650px;
    margin: 2em auto 2em auto; padding: 0.5em 1em;
    border: solid 1px black;
    display: none;
}

.popup * { color: black; font-family: Arial; }

/* All form divs */

.popup form > div
{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 4px 0.5em 0px 0.5em;
    margin-bottom: -2px;
}

/* Not the first - but the rest of the divs */

.popup form > div + div
{
    border-top: none;
    padding-top: 6px;
}

/* Left paragraph */

.popup form > div > p
{
    position: relative; width: 150px;
    display: inline-block;
    vertical-align: top;
    padding: 1px;
}

/* Right paragraph */

.popup form > div > p + p
{
    position: relative; width: 450px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}

.popup p
{
    font-size: 7pt;
    margin: 0;
}

.popup form > p
{
    text-align: right;
    margin-top: 1em;
}

.popup h1
{
    font-size: 12pt;
    padding-bottom: 0.5em;
}

.popup h2
{
    font-size: 7pt;
    padding: 5px 0px 4px 0px;
}

/***** Popup menus *****/

.popupmenu { background-color: #eee; }
.popupmenu > .popupmenu { display: none; }
.popupmenu:hover > .popupmenu { display: block; }

/******************************************************************************/