div.outer
{
background-color : #ffffff;
position         : absolute; left: 0px; top: 0px; width: 100%; height:100%;
text-align       : center;
}

div.inner
{
background-color : #ffffff;
position         : relative; left: 0px; top: 0%; width: 960px; height:100%;
}


div.screen
{
background-color : lightblue;
padding-left     : 40px;
position         : absolute; left: 0px; top: 151px; width: 1000px; height: 450;
text-align       : left;
}

div.middle
{
background-color : green;
position         : absolute; left: 150px; top: 0px; width: 700px; height: 100%;
}

div.leftcolumn
{
background-color : lightblue;
position         : absolute; left: 0px; top: 0px; width: 150px; height: 100%;
}

div.rightcolumn
{
background-color : lightblue;
position         : absolute; left: 850px; top: 0px; width: 150px; height: 100%;
padding-left     : 5px;
padding-top      : 5px;
}

div.help
{
background-color : #f0c648;
border-color     : black;
border-style     : solid;
border-width     : 1px;
position         : relative; left: 0px; top: 0px; width: 0px; height: 0px;
text-align       : left;
}

div.line
{
background-color : lightblue;
border-color     : black;
border-style     : solid;
border-width     : 0px;
position         : relative; left: 0px; top: 0px; width: 0px; height: 0px;
}

div.artsquare
{
background-color : #f0c648;
border-color     : black;
border-style     : solid;
border-width     : 1px;
position         : absolute; left: 0px; top: 0px; width: 0px; height: 0px;
text-align       : left;
}

div.artsquareheader
{
background-color : #ffc0c0;
border-color     : black;
border-style     : solid;
border-width     : 1px;
font-family      : Arial Black;
font-size        : 15px;
padding-left     : 3px;
padding-top      : 2px;
position         : absolute; left: 0px; top: 0px; width: 0px; height: 0px;
text-align       : left;
}

div.rect
{
background-color : lightgreen;
border-color     : black;
border-style     : solid;
border-width     : 1px;
font-family      : Arial Black;
font-size        : 15px;
padding-left     : 3px;
padding-top      : 2px;
position         : absolute; left: 0px; top: 0px; width: 150px; height: 25px;
text-align       : left;
}

div.rect2
{
background-color : yellow;
border-color     : black;
border-style     : solid;
border-width     : 1px;
font-family      : Arial Black;
font-size        : 15px;
padding-left     : 3px;
padding-top      : 2px;
position         : absolute; left: 0px; top: 0px; width: 150px; height: 25px;
text-align       : left;
}

.artsquareheader
{
color            : black;
font-family      : Arial Black;
font-size        : 15px;
text-decoration  : none;
}

.dialog
{
color            : black;
font-family      : Verdana, Arial, Helvetica, sans-serif;
font-size        : 14px;
}

.dialogerror
{
color            : red;
font-family      : FORTE;
font-size        : 18px;
}

.dialogright
{
color            : black;
font-family      : Verdana, Arial, Helvetica, sans-serif;
font-size        : 14px;
font-weight      : bold;
text-align       : right;
}

.dialogheader
{
color            : black;
font-family      : FORTE;
font-size        : 30px;
font-weight      : bold;
}

div.header
{
background-color : lightblue;
position         : absolute; left: 0px; top: 0px; width: 1000px; height: 150px;
}

div.logo
{
background-color : lightblue;
position         : absolute; left: 0px; top: 0px; width: 60px; height: 150px;
}

div.headerbar
{
background-color : b0c4de;
position         : absolute; left: 0px; top: 125px; width:1000px; height: 26px;
}

.bartext
{
color            : black;
font-family      : Verdana, Arial, Helvetica, sans-serif;
font-size        : 12px;
font-weight      : bold;
text-decoration  : none;
}

.bartext:hover
{
color: red;
}


div.square
{
background-color : #eeeeee;
border-color     : black;
border-style     : solid;
border-width     : 2px;
font-size        : 12px;
overflow         : auto;
padding-top      : 3px;
position         : absolute; left: 0px; top: 0px; width: 0px; height: 0px;
text-align       : center;
}

div.tableedit
{
background-color : lightgreen;
border-style     : solid;
border-width     : 1px;
}

.tableedit
{
background-color : b0c4de;
border-color     : black;
border-style     : solid;
border-width     : 1px;
}

div.dialog
{
background-color : lightgreen;
border-color     : black;
border-style     : solid;
border-width     : 1px;
position         : absolute; left: 0px; top: 5px; width: 600px;
text-align       : -moz-center;
text-decoration  : none;
overflow         : visible;
text-align       : center;
}
