/* wireframe.css
   stylesheet for wireframe constructor theme */

/* constructor zone styles */

body 
{
    margin: 24px;
    margin-bottom: 0px;
    background-image: url(bg_grid.gif);
    background-repeat: repeat;
}

DIV#header, DIV#footer, DIV#nav, DIV#sidebar, 
DIV#page, DIV#leftcolumn, DIV#rightcolumn
{
    position: relative; left: 0px; top: 0px;
    margin: 7px;
    border: dotted 1px silver;
}

DIV#nav, DIV#sidebar, DIV#page {
    background-color: White;
}

DIV#header, DIV#nav, DIV#footer 
{
    min-height: 63px;
}

DIV#sidebar
{
    float: left;
    margin-top: 0px; margin-bottom: 0px;
    width: 255px;
    min-height: 287px;
}

DIV#page
{
    margin-left: 271px;
    min-height: 271px;
}

DIV#leftcolumn 
{
    margin: 0px 8px 16px 0px;    
}

DIV#rightcolumn
{
    margin: 0px -16px 16px 16px;
}

DIV#leftcolumn .thZoneLabel, DIV#rightcolumn .thZoneLabel
{
    padding-left: 8px;
    }


DIV#leftcolumn .thZone, DIV#rightcolumn .thZone 
{
    padding: 24px 8px 8px 8px;
    }
    

DIV#footer 
{
    clear: left;
}

.thZoneLabel
{
    position: absolute;
    top: 4px; left: -1px;
    background-color: Silver;
    margin: 0;
    padding: 0px 2px 1px 16px;
    font: 8pt tahoma;
    color: White;
}

.thZone
{
    padding: 24px 16px 16px 16px;
    font: 10pt arial;
    line-height: 1.1pc;
}

.thColumn 
{
    position: relative;
    margin: -8px;
    width: 50%;
    float: left;
}

/* navigation styles */

.ebMenu 
{
    margin: 0;
    list-style-type: none;
}

DIV#nav .ebMenu LI
{
    float: left;
    margin: 0px 24px 0px 0px;
}

DIV#sidebar .ebMenu LI 
{
    margin-bottom: 0.5pc;
}

/* form styles */

.titlecol .title, .ebRegistration .caption, .ebRegistration .alert { width: 132px; }
.titlecol .titleinner { font-size: 11px; line-height: 13px; font-weight: bold; }
.titlecol .captioninner { font-size: 11px; line-height: 13px; }
.titlecol .alertinner { font-size: 11px; line-height: 13px; color: maroon;}
.titlecol TABLE TABLE .titleinner { font-weight: normal; }
.titlecol .required { color: Red; }

.field TD
{
    vertical-align: top;
}

.field TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}

.field .required 
{
    color: Red;
}

.fieldcol
{
    padding-right: 8px; }


.field INPUT, .field SELECT, .field TEXTAREA 
{
    font-family: tahoma,arial,"sans serif";
    margin-bottom: 2px; }

.field INPUT.text, .field TEXTAREA.longtext
{
    width: 400px;
}
.field TEXTAREA.longtext 
{
    height: 4pc; }
    
INPUT.checkbox
{
    height: 13px;
    width: 26px; }
INPUT.radio { height: 18px; }


/* registration and contact styles */

.error 
{
    color: Red;
    font-weight: bold;
}

.ebRegistration .terms 
{
    width: 382px;
    font-size: 8pt;
    border: solid 1px silver;
    padding: 8px;
    background-color: White;
    overflow: auto;
    height: 200px;
}

.ebRegistration TABLE, .ebContactDetails TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}
.ebRegistration TABLE TABLE TD, .ebContactDetails TABLE TABLE TD, .radiolist TD
{
    padding: 0px 8px 0px 0px;
    background: transparent;
    border: none; }


/* title / forename / surname special styles */
.ebRegistration TABLE TABLE .title, .ebContactDetails TABLE TABLE .title { 
    width: auto; }
.ebRegistration TABLE TABLE SELECT, .ebContactDetails TABLE TABLE SELECT {
    margin-top: 1px;
    width: 56px; }
.ebRegistration TABLE TABLE INPUT.text, .ebContactDetails TABLE TABLE INPUT.text {
    width: 164px; `}