body		
{
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    margin: 20px;
    padding: 0px;
    overflow: auto;
    background-color: #000000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: regular;
    color: #ffffff;
    scrollbar-base-color:#666666; /* IE Only */
}

body.introduction		
{
    background-image: url(../images/demo_intro.jpg);
    background-repeat: no-repeat;
    margin: 20px;
    padding: 0px;
    overflow: auto;
    background-color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    scrollbar-base-color:#666666; /* IE Only */
}

body.conclusion		
{
    background-image: url(../images/demo_end.jpg);
    background-repeat: no-repeat;
    margin: 20px;
    padding: 0px;
    overflow: auto;
    background-color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    scrollbar-base-color:#666666; /* IE Only */
}

body.plain
{
    background-image: none;
    background-repeat: no-repeat;
    margin: 20px;
    padding: 0px;
    overflow: auto;
    background-color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

/* LAYOUT DIVS */

#header		
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 90px;
}

div.introductionContainer
{
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    width: 800px;
    height: 600px;
    cursor: hand;
}

div.conclusionContainer
{
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    width: 800px;
    height: 600px;
}

div.container
{
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

div.container2
{
    position: fixed;
    left: 200px;
    top: 150px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    width: 570px;
    height: 350px;
}

div.conclusionEmail
{
    position: fixed;
    left: 297px;
    top: 512px;
    width: 215px;
    height: 20px;
}

/* END LAYOUT DIVS */


/* COMPONENT DIVS */

#userDetails
{
   position: fixed;
   top: 20px;
   left: 400px;
   width: 400px;
   font-size: 1em;
   text-align: right;
   line-height: 1.5em;
   color: #ffffff;
}

#navigation
{
    position: fixed;
    top: 150px;
    left: 20px;
    font-size: 1em;
    text-align: lem;
    line-height: 1.5em;
    color: #ffffff;
}

#login
{
    position: fixed;
    top: 150px;
    left: 20px;
    font-size: 1em;
    text-align: right;
    line-height: 1.5em;
    color: #ffffff;
}

div#message
{
    width: 90%;
    padding-top: 5px;
    text-indent: 5px;
    color: #ffffff;
    height: 25px;
    background-color: #666666;
    font-size: 1em;
    text-align: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}

div#error
{
    width: 90%;
    padding-top: 5px;
    text-indent: 5px;
    color: #ffffff;
    height: 25px;
    background-color: #666666;
    font-size: 1em;
    text-align: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}
/* END COMPONENT DIVS */


/* TABLES */

table.datatable
{
    width : 90%;
    padding : 3px;
    border : 1px solid #666666;
    empty-cells : show;
    margin-left: 5px;
}

table.datatable th
{	
    background-color : #666666;
    border-bottom : 1px ridge #666666;
    color : #ffffff;
    height : 25px;
    font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-left : 5px;
    text-align : left;
    vertical-align : middle;
}

table.datatable tr.normal td
{
    font-size : 11px;
    color: #ffffff;
    vertical-align : middle;
    cursor : hand;
    height : 25px;
    border : 1px solid #666666;
}

table.datatable tr.selected td
{
    font-size : 11px;
    color: #ffffff;
    font-weight: bold;
    vertical-align : middle;
    cursor : hand;
    height : 25px;
    border : 1px solid #666666;
}

        td.under13
        {
            background-image:url(../images/but_u13.png);
            background-repeat: no-repeat;
            cursor: hand;
            height:38px;
            width:142px;
        }
 
        td.over13
        {
            background-image:url(../images/but_over13.png);
            background-repeat: no-repeat;
            cursor: hand;
            height:38px;
            width:142px;
        }

/* END TABLES */


/* FONTS, LINKS, HEADINGS */

h1
{
    width: 90%;
    padding-top: 5px;
    text-indent: 5px;
    color: #ffffff;
    height: 25px;
    background-color: #666666;
    font-size: 1em;
    text-align: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}

a
{
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

a:hover
{
    text-decoration: underline;
}

a.navigationLinks
{
   text-decoration: underline;
}

a:hover.navigationLinks
{
    text-decoration: none;
}

a.navigationLinksAlt
{
   text-decoration: underline;
    color: #73a2d6;
}
 
a:hover.navigationLinksAlt
{
    text-decoration: none;
    color: #73a2d6;
}

a.pageLinks
{
    text-decoration: underline;
}

a:hover.pageLinks
{
    text-decoration: none;
}

input,select,option,textarea,checkbox
{
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
}

hr
{
    width: 90%;
    margin: 30px;
}

img
{
    border: 0;
}

p
{
    width: 90%;
    margin-left: 5px;
    margin-right: 5px;
}