/* copy this section into editor.css - you want to use the same style for editing and displaying
start ----------------------------------*/
body, td
{
    font: 9pt Arial;
    color: #333;
}

h1, h2, h3, h4
{
    color: Red;
}
h3, h4, h5, h6
{
    color: #666;
}
/* end --------------------------------------*/

body
{
    margin: 0;
    padding: 0;
    background: transparent url(../../style/images/grayBg1.jpg) no-repeat;
    background-attachment: fixed;
}

#Header
{
    position: relative;
    top: -17px;
    background: url(  'http://insuranceworks.ca/careers-with/dga/Header1.png' ) no-repeat;
    height: 17px;
    width: 980px;
    margin: 0;
}

#Footer
{
    position: relative;
    bottom: -33px;
    background: url( 'http://insuranceworks.ca/careers-with/dga/Footer1.png' ) no-repeat;
    height: 27px;
    width: 980px;
    margin: 0;
}

#ContentOuter
{
    position: relative;
    top: 1px;
    background: url( 'http://insuranceworks.ca/careers-with/dga/contentbg2.png' ) repeat-y;
    margin: 0 auto;
    width: 980px;
}
#ContentBody
{
    position: relative;
    top: -16px;
    background-color: White;
    margin-left: 18px;
    width: 944px;
}
#Logo
{
    position: absolute;
    z-index: 10;
    margin-bottom: 20px;
}

#ContentMainColumn
{
    width: 680px;
    margin-left: 222px;
    padding-left: 10px;
    border-left: 1px dotted #ddd;
}

form
{
    margin: 0;
    padding: 0;
}

.errorMessage
{
    color: Red;
    font-size: larger;
}

.lastupdated
{
    font-style: italic;
    border-top: 1px dotted #ddd;
    margin-top: 40px;
}
.lastupdated p
{
    float: right;
    margin-top: 10px;
}
#InsuranceWorksLogo
{
    width: 306px;
    height: 63px;
    position: absolute;
    bottom: -10px;
    right: -30px;
    z-index: 1000000;
    xbackground: transparent url(http://insuranceworks.ca/careers-with/dga/images/logo.png);
}

.menuBar UL UL, .menu UL UL
{
    display: none;
}


.menuBarBackground
{
    position: absolute;
    top: 0;
    left: 18px;
    padding: 0;
    margin: 0;
    background: #333 url(Images/GradientBg.png) repeat-x 10px 0;
    xbackground-color: #000;
    height: 34px;
}
.menuBar, .menuBarBackground
{
    width: 944px;
}


.menuBar UL UL, .menu UL UL
{
    display: none;
}



.menu .hover
{
    background-color: #333 !important;
}
.menuBar li.hover
{
    color: #333 !important;
    background-color: #fff !important;
}
.menuBar li.selected, .menuBar li.current a
{
    background-color: #fff !important;
    color: #333 !important;
}
.menuBar .hover a, .menu .hover a
{
    color: #333 !important;
    background-color: #fff !important;
}
/***************************/


.menu li.current
{
    border-bottom: 1px dotted #333;
    padding-bottom: 1px;
}
/*********************

Form Section

**************/
div.dataForm
{
    padding: 10px;
}
.dataForm ul
{
    font-size: 1.1em;
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
}
.dataForm li
{
    margin: 10px 0;
}
.dataForm label
{
    display: inline-block;
    text-align:right;
    width: 200px;
    color: #444;
    vertical-align: top;
    xfont-weight: bold;
    margin-right:10px;
}
.dataForm input
{
    width: 250px;
}