/*
BRANDV COLOURS

Orange      rgb(212,111,43)
Blue        rgb(30,90,140)

*/

/* -------------------------------------------------------- */
/* --- GLOBAL PAGE STYLES --------------------------------- */
/* -------------------------------------------------------- */
#Page
{
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    text-align:left;
    width:900px;
}
#phTop
{
    height:90px;
    margin-bottom:15px;
    width:100%;
}
#phMid
{
    display:inline;
    float:left;
    width:100%;
}
#phBtm
{
    background-color:#eeeeee;
    display:inline;
    float:left;
    width:100%;
}

/* -------------------------------------------------------- */
/* --- PAGE HEADER STYLES --------------------------------- */
/* -------------------------------------------------------- */
#header
{
    background-image:url(../images/header_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    background-color:#eeeeee;
    height:50px;
    margin:0px;
    padding:0px;
    width:900px;
}
div#logo
{
    border:0px;
    float:left;
    height:45px;
    width:235px;
}
#logo img
{
    border:0px;
    cursor:pointer;
    height:38px;
    padding:5px 0px 0px 10px;
    width:236px;
}
div#logo
{
    background-image:url(../images/1px_trans.gif);
    background-repeat:repeat;
    padding:5px 0px 0px 0px;
    z-index:1000;
}
#elevator
{
    float:left;
    font-size:0.9em;
    padding:15px 0px 0px 32px;
    vertical-align:middle;
    width:400px;
}
#elevator h1
{
    color:White;
    font-size:0.95em;
    font-weight:normal;
    margin-top:0px;
}


/* -------------------------------------------------------- */
/* --- AJAX RESPONSE MESSAGE OUPUT STYLES ----------------- */
/* -------------------------------------------------------- */
/* -- the position is controlled by js in /scripts/ajax.js -- */
#AjaxResponse
{
    background-color:White;
    background-image:url(../images/btn_close.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    border:solid 5px rgb(30,90,140);
    cursor:pointer;
    display:none;
    height:200px;
    position:absolute;
    width:350px;
    z-index:9998;
}
#AjaxError,
#AjaxMessage,
#AjaxWarning
{
    background-position:center top;
    background-repeat:no-repeat;
    display:none;
    padding:45px 15px 15px 30px;
    z-index:9999;
}
#AjaxError
{
    background-image:url(../images/icon_error.png);
}
#AjaxMessage
{
    background-image:url(../images/icon_message.png);
}
#AjaxWarning
{
    background-image:url(../images/icon_warning.png);
}