html, body {background-color: #000050; color: #ffffff; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; text-align: left; border: 0; margin: 0; padding: 0;}

a.footerLinks {color: #A0A0ff; text-decoration: none}
a.footerLinks:link {color: #A0A0ff; text-decoration: none}
a.footerLinks:visited {color: #A0A0ff; text-decoration: none}
a.footerLinks:hover {color: #ffffff; text-decoration: none}

div.footerLinks {font-size: 14px; background-color: #4040A0; padding: 5px 0 5px 0;}
p.body {padding: 0 20px 0 20px ; text-align: justify;}
h1.body {padding: 5px 20px 0 20px ; text-align: left; font-size: 12px; font-weight: bold; color: #A0A0ff;}
h2.body {padding: 5px 20px 0 20px ; text-align: center; font-size: 20px; font-weight: bold; color: #8080ff;}

div.mainDiv {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000050; text-align: center; border: 0; margin: 0; padding: 0;}
div.canvDiv {position: relative; top: 0; left: 0; border: 0; margin: 0; padding: 0;}
div.dialogAddPos {position: absolute; text-align: center; border: 0; margin: 0; padding: 0;}
div.mainMenu {position: relative; text-align: center; top: 15px; left: 20px; border: 0; margin: 0; padding: 0; width: 340px; background-color: #000080;}

table.panels {width: 100%; height: 100%; border: 0; border-spacing: 0; padding: 0}

td.panelLeft {width: 50%; max-width: 50%;  background-color: #000050; border: 0; margin: 0; padding: 0; background-image: url(Pics/PanelL.jpg); background-repeat: repeat-y; background-position: right top;}
td.panelRight {width: 50%; max-width: 50%; background-color: #000050; border: 0; margin: 0; padding: 0; background-image: url(Pics/PanelR.jpg); background-repeat: repeat-y; background-position: left top;}
td.panelLine {width: 5px; min-width: 5px; max-width: 5px; background-color: #0000FF; border: 0; margin: 0; padding: 0;}
td.panelTop {text-align: right; vertical-align: top; background-color: #000080; border: 0; height: 170px; max-height: 170px; min-width: 320px; width: auto; margin: 0; padding: 0; background-image: url(Pics/TopLogo.jpg); background-repeat: no-repeat; background-position: left top;}
td.panelFooter {text-align: left; vertical-align: top; background-color: #000050; border: 0; height: 16px; max-height: 16px; width: auto; margin: 0; padding: 4px; color: #4060ff; font-size: 10px;}
td.panelMenu {text-align: right; vertical-align: top; background-color: #000080; border: 0; min-width: 380px; width: 380px; max-width: 380px; margin: 0; padding: 0;}

td.MainMenuForm {text-align: right; vertical-align: middle; color: #000000; background-color: #000080; border: 0; min-width: 85px; width: 85px; max-width: 85px; margin: 0; padding: 0 5px 0 0; border: 0; font-size: 12px; font-weight: bold;}
td.MainMenuFormL {text-align: left; vertical-align: middle; background-color: #000080; border: 0; min-width: 85px; width: 85px; max-width: 85px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold;}
td.MainMenuFormLHi {text-align: left; vertical-align: middle; background-color: #000080; border: 0; min-width: 85px; width: 85px; max-width: 85px; margin: 0; padding: 0; border: 0; font-size: 14px; font-weight: bold; color: #ffffff}
td.MainMenuFormRHi {text-align: right; vertical-align: middle; background-color: #000080; border: 0; min-width: 85px; width: 85px; max-width: 85px; margin: 0; padding: 0; border: 0; font-size: 14px; font-weight: bold; color: #ffffff}

th.dialogList {white-space: nowrap; text-align: center; vertical-align: middle; background-color: #0040A0; border: 0; margin: 0; padding: 2px 4px 2px 4px; border: 0; font-size: 12px; font-weight: bold; color: #ffffff}
th.dialogListZ {white-space: nowrap; text-align: center; vertical-align: middle; background-color: #0040A0; border: 0; margin: 0; padding: 2px 4px 2px 4px; border: 0; font-size: 12px; font-weight: normal; color: #ffffff}
td.dialogListL {white-space: nowrap; text-align: left; vertical-align: middle; background-color: #0060D0; border: 0; margin: 0; padding: 2px 4px 2px 4px; border: 0; font-size: 12px; font-weight: normal; color: #ffffff}
td.dialogListR {white-space: nowrap; text-align: right; vertical-align: middle; background-color: #0060D0; border: 0; margin: 0; padding: 2px 4px 2px 4px; border: 0; font-size: 12px; font-weight: normal; color: #ffffff}
td.dialogListC {white-space: nowrap; text-align: center; vertical-align: middle; background-color: #0060D0; border: 0; margin: 0; padding: 2px 4px 2px 4px; border: 0; font-size: 12px; font-weight: normal; color: #ffffff}
td.dialogListX {white-space: nowrap; text-align: center; vertical-align: middle; background-color: #0040A0; border: 0; margin: 0; padding: 2px 4px 2px 4px; border: 0; font-size: 12px; font-weight: bold; color: #0080ff}
td.dialogListD {white-space: nowrap; text-align: center; vertical-align: middle; background-color: #0060D0; border: 0; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #ffffff}

td.panelMain {text-align: center; vertical-align: top; background-color: #000080; border: 0; width: auto; height: 100%; margin: 0; padding: 0;}

P.dialogTitle {color: #ffffff; font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: bold; text-align: center;}

canvas.myScene {position: relative; top: 0; left: 0; background-color: #A0C0ff; border: 0; margin: 0; padding: 0;}

INPUT.dialogListTx {text-align: center; background-color: #0060D0; width: 60px; font-size: 12px; font-weight: normal; color: #ffffff; border: 0; margin: 0; padding: 0;}
INPUT.dialogListTd {text-align: center; background-color: #FFFFFF; width: 60px; font-size: 12px; font-weight: normal; color: #000000; border: 0; margin: 0; padding: 0;}

#dropZone {    
    font-size: 12px;
    text-align: center;    
    
    width: 100%;
    height: 50px;
    
    border: 0;
	background-color: #000050;
	color: #0000ff;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

#dropZone.hover {background-color: #0000ff;}
#dropZone.error {background-color: #800000;}
#dropZone.drop {background-color: #000080;}