/* 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-color:transparent;
    background-attachment: fixed;
  background-color:#111111;
   
}



#ContainerBody {
	BACKGROUND: url(Images/ContentOuterBg.png) repeat-y; MARGIN: 0px auto; WIDTH: 980px; POSITION: relative; z-index:1;
}

#ContainerTop {
	BACKGROUND: url(Images/ContentHeaderBg.png) no-repeat; MARGIN: 10px auto 0px; WIDTH: 980px; POSITION: relative; HEIGHT: 17px;z-index:1;
}

#ContentBody {
	MARGIN-LEFT: 18px; WIDTH: 944px; POSITION: relative; BACKGROUND-COLOR: white
}

#ContainerBottom {
	BACKGROUND: url(Images/ContentFooterBg.png) no-repeat; MARGIN: 0px auto; WIDTH: 980px; POSITION: relative; HEIGHT: 27px;z-index:1;
}

#Logo
{
     
    position: absolute;
    z-index: 10;
    top: 8px;
    left:26px;
    width:380px;
    height:79px;
     
    background: transparent url(../../Uploads/SiteImages/Logo.png) no-repeat;
}

   

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}

 
.menuBarBackground {top:426px!important}

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

.menuBar li
{
    background: #333 url(Images/GradientBg.png) repeat 10px 0;
}

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


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

.menuBar li
{
    background: #333 url(Images/GradientBg.png) repeat 10px 0;
}

.menu .hover
{
    background-color: red !important;
}
.menuBar li.hover
{
    background-color: red !important;
}
.menuBar li.selected
{
    background-color: red !important;
}
.menuBar .hover a, .menu .hover a
{
    color: White !important;
}

.menu ul li {background-color:#ffffff!important}


/* ie 6 and below see * html */
/* rember IE has problems with relative paths using Alpa Image Loader*/
* HTML #ContainerTop {
	BACKGROUND:none no-repeat 0px 0px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.insuranceworks.ca/RazikSquash/masters/default/Images/ContentHeaderBg.png',sizingMethod='scale')
}

* HTML #ContainerBody {
	BACKGROUND:none repeat-y; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.insuranceworks.ca/RazikSquash/masters/default/Images/ContentOuterBg.png',sizingMethod="scale")
}

*  HTML #ContainerBottom {
	BACKGROUND: none no-repeat 0px 0px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.insuranceworks.ca/RazikSquash/masters/default/Images/ContentFooterBg.png',sizingMethod='scale')
}

* HTML #Logo {
	BACKGROUND: none no-repeat 0px 0px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.insuranceworks.ca/RazikSquash/Uploads/SiteImages/Logo.png',sizingMethod='scale')
}



* html  .menuBarBackground  {
	BACKGROUND: none #000 repeat-x 0px 0px; xFILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.insuranceworks.ca/RazikSquash/masters/default/Images/GradientBg.png',sizingMethod='scale')
}

* html  .menuBar LI {
margin-left:0;margin-right:0;
	BACKGROUND: none #000 ; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.insuranceworks.ca/RazikSquash/masters/default/Images/GradientBg.png',sizingMethod='scale')
}