/*---------------------------------------------------------------------
-----------------------------------------------------------------------
The styles below have been copied from the Event Co and should eventually replace
all of the above

#ED037C The default pink color
#000000 The default purple body text color 
*/

/*
    This style (html, body, form) is used to implement 100% height in mozilla browser currently tested in Firefox only.
    Essentially an element ie. table or div will only force 100% of its parent, the other issue is that XHTML 1.0 Transitional
    adds further strict form. Anyway it looks like the "form" element will allow the 100% height to be used in VS 2005 projects.
*/
html, body, form{
    height: 100%;   
    margin: 0;   
    padding: 0;   
    width: 100%; 
    background-color:#DADAB6;
}

body
{
    background-color: #DADAB6;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

/* Heading styles */
H1{
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
H2{
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
H3{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
H4{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #b7c2c9;
    margin: 0px;
    padding: 6px 0px 0px 0px;
}

.Title
{
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    padding-bottom: 5px;
    padding-top:0px;
    background-color: #DADAB6;
}


/* Text styles*/
.ErrorText
{
    font-size: 7pt;
    color: #ff0000;
}
td.Header
{
    width:120px;
    font-weight:bold;
    text-align:right;
    vertical-align:top;
}
td.Small{
    font-size: 10px;
    }

/* Following styles are used to define the content area */
#ContentDefinition{
    width: 800px;
    height: 500px;
    background-color: #DADAB6;
}
table.ContentContainer
{
    margin-left:6px;
    margin-right:6px;
    margin-top:0px;
    margin-bottom:4px;
    vertical-align:top;
}
tr.ContentContainer
{
    height: 400px;
    vertical-align: middle;
    background-color: #DADAB6;
}
tr.HeaderContainer
{
    height: 115px;
    vertical-align: top;
    background-color: #DADAB6;
}
tr.FooterContainer
{
    height: 50px;
    vertical-align: top;
    background-color: #DADAB6;
}
.MainContentBackground
{
    background-color: #DADAB6;
}
/* Link styles */
a, a:visited
{
    color: #660000;
    text-decoration: none;
}
a:hover
{
    color: #669966;
    text-decoration: underline;
}
a.small, a.small:visited
{
    color: #660000;
    text-decoration: none;
    font-size:10px
}
a.small:hover
{
    color: #669966;
    text-decoration: underline;
    font-size:10px
}

/* List items */
.Bullet
{
    margin-top:4px;
    border: solid 0px #ffffff;
}

/* Image border */
.ImageFrame
{
    border-right: #330066 1px solid;
    border-top: #330066 1px solid;
    border-left: #330066 1px solid;
    border-bottom: #330066 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}