/* CSS Document */


/************************************************************************/
/*                              HTML TAGS                               */
/************************************************************************/


body
{
    margin          : 0;
    padding         : 0;
    border          : none;
    height          : 100%;
    width           : 100%;
    font-size       : 90% ;
    color           : black ;
    font-family     : arial, verdana, trebuchet MS,sans-serif ;
    position        : absolute;
}


A:link {text-decoration: none; border-style: none;}
A:visited {text-decoration: none; border-style: none;}
A:active {text-decoration: none; border-style: none;}
A:hover {text-decoration: underline; color: blue;}

img {border-style: none;}

h1
{
    font-family     : Verdana;
    font-style      : normal;
    font-size       : 16pt;
    font-weight     : bold;
    text-align      : left;
    margin-left     : 20px;
    color           : #000000;
}


fieldset
{
    background-color: #E9DFD6;
}

fieldset legend
{
    font-weight     : bold;
    color           : blue;
    font-style      : italic;
    font-size       : 110%;
    margin-bottom   : 10px;
}

button
{
    height              : 34px;
    background          : white url(/img/btngrad.png) left top repeat-x;
    color               : #3B3731;
    font                : bold 12px Arial, serif;
    margin-left         : auto;
    margin-right        : auto;
    vertical-align      : middle;
    padding             : 0 10px 0 10px;
}

button img
{
    margin-left         : 10px;
    margin-right        : 10px;
    vertical-align      : middle;
}

button:hover
{
    background-image    : url(/img/btngraddk.png);
}


/************************************************************************/
/*                            General CLASSES                           */
/************************************************************************/

.sidemenuentry
{
    background-image    : url(img/menusd_norm.gif);
    background-repeat   : no-repeat;
    width               : 120px;
    height              : 26px;
    margin-top          : 0px;
    margin-left         : 8px;
    padding-left        : 30px;
    padding-top         : 3px;
    font-family         : Comic Sans MS, serif;
    font-size           : 100%;
    color               : #696969;
}

.sidemenuentrysel
{
    background-image    : url(img/menusd_sel3.gif);
    background-repeat   : no-repeat;
    width               : 120px;
    height              : 26px;
    margin-top          : 0px;
    margin-left         : 8px;
    padding-left        : 30px;
    padding-top         : 3px;
    font-family         : Comic Sans MS, serif;
    font-size           : 100%;
    font-weight         : bold;
    color               : black;
}

.sidemenuentry:hover
{
    background-image    : url(img/menusd_hover.gif);
    background-repeat   : no-repeat;
    cursor              : pointer;
}


.topmenu
{
    background-image    : url(img/topbtn.gif);
    background-repeat   : no-repeat;
    height              : 30px;
    padding-top         : 3px;
    width               : 140px;
    font-family         : Comic Sans MS, serif;
    font-size           : 100%;
    font-weight         : bold;
    color               : #696969;
}


.topmenu A:link {text-decoration: none;  color:#696969;}
.topmenu A:visited {text-decoration: none; color:#696969;}
.topmenu A:active {text-decoration: none;  color:#696969;}
.topmenu A:hover {text-decoration: none;  color:#696969;}

.topmenusel
{
    background-image    : url(img/topbtnsel.gif);
    background-repeat   : no-repeat;
    height              : 30px;
    padding-top         : 4px;
    font-family         : Comic Sans MS, serif;
    font-size           : 100%;
    font-weight         : bold;
    width               : 140px;
    border-bottom       : 2px dotted;
}

.topmenu:hover
{
    background-image    : url(img/topbtnsel.gif);
    background-repeat   : no-repeat;
    cursor              : pointer;
}

.hidden
{
    display             : none;
}

.contentfixed
{
    height              : 440px;
    width               : 660px;
    /*border              : 1px solid;*/
}

.loginbox
{
    width               : 400px;
    height              : 140px;
    margin              : auto;
    text-align          : center;
    background-image    : url(img/box.png);
    background-repeat   : no-repeat;
    padding-top         : 13px;
}

.loginbox table
{
    width:340px;
    margin-left:30px;
}

.bloccenter
{
    /*position            : absolute;*/
    margin              : auto;
    width               : 100%;
    height              : 100%;
}

.tableEntryName
{
    font-family         : arial;
    font-size           : 100%;
    color               : blue;
    vertical-align      : middle;
    font-weight         : normal;
    margin-right        : 10px;
    text-align          : right;
    width               : 50%;
}

.tableEntryValue
{
    font-family         : arial;
    font-size           : 100%;
    color               : #804040;
    text-align          : left;
    vertical-align      : middle;
    font-weight         : bold;
}

.edittitle
{
    font-size           : 110%;
    color               : brown;
    font-weight         : bold ;
    text-align          : center;
}

.centered
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
}

.left
{
    text-align          : left ;
}

.floatright
{
    float          : right ;
}

.actionbar
{
    width               : 500px;
    /*height              : 30px;*/
    padding             : 5px 3px 5px 3px;
    margin              : 0 auto 0 auto;
    text-align          : center;
    vertical-align      : middle;
    background-color    : #DDE1E1;
    border-top          : 1px solid #8C9C8C;
    border-left         : 1px solid #8C9C8C;
    border-bottom       : 4px solid #556255;
    border-right        : 4px solid #556255;
}

.actionbar table
{
    width               : 100%;
}

.actionbar button
{
    background-color    :#C2C3D0;
    /*width           : 50px;*/
    margin-left         : 5px;
    padding             : 2px 10px 2px 10px;
}

.box
{
    background-image    : url(img/boxbkg.gif);
    background-repeat   : repeat-y;
    border              : 4px solid #DED0C0;
    padding             : 10px;
    width               : 500px;
    margin-left         : auto;
    margin-right         : auto;
}

.boxtitle
{
    text-align          : center;
    font-size           : 140%;
    font-family         : Arial, serif;
    font-weight         : bold;
}

.boxcomment
{
    text-align          : center;
    font-size           : 100%;
    font-family         : Arial, serif;
    font-weight         : normal;
}

.boxlink
{
    text-align          : center;
    font-size           : 100%;
    font-family         : Arial, serif;
    font-weight         : normal;
}

.html_updown_btnup
{
    height              : 9px;
    width               : 11px;
    background-image    : url(img/btn_up.gif);
    background-repeat   : no-repeat;
    border              : 1px solid;
    border-color        : #aaa #444 #444 #aaa;
    margin              : 0;
    padding             : 0;
    background-color    : #C0C0C0;
}

.html_updown_btnup:hover
{
    background-color    : #E0E0E0;
}

.html_updown_btndown
{
    height              : 9px;
    width               : 11px;
    background-image    : url(img/btn_down.gif);
    background-repeat   : no-repeat;
    border              : 1px solid;
    border-color        : #aaa #444 #444 #aaa;
    background-color    : #D0D0D0;
}

.html_updown_btndown:hover
{
    background-color    : #F0F0F0;
}

.infobulle{
    position: absolute;
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

.nicetable
{
    margin:4px 20px 4px 20px;
    width: 94%;
}

.notes
{
    background-color: #F0F8FF;
    font-weight: bold;
    border-style: ridge;
    border-width: 5px;
    color: #191919;
    font-size: 8pt;
    padding: 5px;
    width: 100%;
    text-align: left;
    font-family: Courier New;
}

.tabletitle
{
    margin: 0;
    margin-top:10px;
    padding: 10px;
    background-color:#EBE2D8;
    border:1px solid brown;
    color:brown;
    font-size:120%;
    font-weight:bold;
}

.welcomemsg
{
    text-align          : center;
    font-family         : Comic Sans MS, serif;
    font-size           : 140%;
    font-weight         : bold;
    color               : #804040;
}

/************************************************************************/
/*                                  ID's                                */
/************************************************************************/

/*======================== BORDERS =========================*/

#bordertop
{
    position            : absolute;
    background-image    : url(img/topbkg.gif);
    background-repeat   : repeat-x;
    height              : 137px;
    width               : 800px;
    left                : 0px;
    top                 : 0px;
}

#bordertopleft
{
    position            : absolute;
    background-image    : url(img/topleft.gif);
    background-repeat   : no-repeat;
    width               : 154px;
    height              : 137px;
    left                : 0px;
}

#bordertopright
{
    position            : absolute;
    background-image    : url(img/logoblank.gif);
    background-repeat   : no-repeat;
    width               : 60px;
    height              : 137px;
    right               : 0px;
}

#borderleft
{
    position            : absolute;
    background-image    : url(img/sidebkg.gif);
    background-repeat   : repeat-y;
    width               : 130px;
    top                 : 137px;
    height              : 400px;
}

#borderleftbot
{
    position            : absolute;
    background-image    : url(img/botleft.gif);
    background-repeat   : no-repeat;
    height              : 43px;
    width               : 130px;
    bottom              : 0px;
}

/*======================== TOP MENU =========================*/

#topmenu
{
    position            : absolute;
    left                : 120px;
    top                 : 74px;
    width               : 700px;
}

#topmenu li
{
    float               : left;
    background-repeat   : no-repeat;
    list-style-type     : none;
    margin-left         : 20px;
    text-align          : center;
    /*font-family         : arial;*/
}

#topinfobarleft
{
    position            : absolute;
    left                : 160px;
    top                 : 54px;
    text-align          : left;
    background-color    : transparent;

}


/*======================== SIDE MENU =========================*/

#sideinfo
{
    position            : absolute;
    left                : 10px;
    top                 : 160px;
    height              : 300px;
    width               : 160px;
    background-color    : #DDE1E1;
    margin              : 0;
    padding             : 5px;
    border-top          : 1px solid #8C9C8C;
    border-left         : 1px solid #8C9C8C;
    border-bottom       : 4px solid #556255;
    border-right        : 4px solid #556255;
}

#containerhead
{
    /*height              : 300px;*/
    width               : 800px;
    height              : 18px;
    background-color    : #DDE1E1;
    margin              : 1px auto 1px auto;
    padding             : 0px;
    border-top          : 1px solid #8C9C8C;
    border-left         : 1px solid #8C9C8C;
    border-bottom       : 2px solid #556255;
    border-right        : 2px solid #556255;
    font-size           : 80%;
}

#containerhead table
{
    width               : 96%;
    border              : 0;
    border-spacing      : 0;
    margin              : 0 auto 0 auto;
    padding             : 0;
}

/*======================== CONTENT =========================*/

#content
{
    position            : absolute;
    left                : 190px;
    top                 : 137px;
    margin-right        : 20px;
    /*border              : 1px solid;*/
}

#errormsg
{
    padding             : 10px;
    font-family         : arial;
    font-size           : 120%;
    font-weight         : bold;
    color               : red;
    text-align          : center;
}

#subpagecontent
{
    font-size           : 95%;
}

#subpagetitle
{
    color               : #804040;
    font-family         : Arial, serif;
    font-size           : 120%;
    font-weight         : bold;
    width               : 100%;
    border              : 2px solid white;
    border-bottom-color : gray;
    border-right-color  : gray;
    margin-left         : auto;
    margin-right        : auto;
    margin-bottom       : 10px;
    padding             : 4px;
    text-align          : center;
    /*padding             : 4px;*/
    height              : 30px;
    background-color    : #ADBDAD;
}

#sysname
{
    position            : absolute;
    text-align          : center;
    left                : 160px;
    top                 : 30px;
    width               : 600px;
    font-family         : Comic Sans MS, serif;
    font-size           : 140%;
    font-weight         : bold;
    color               : #804040;
}

#userentry
{
    /*background-image:url(images/formback.gif);
    background-repeat:repeat-x;*/
    /*background-color: #FAEBD7;*/
    padding: 10px 20px 10px 20px;
    border-top-width:1px;
    border-bottom-width:2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-style:solid;
    border-color:brown;
    background-color: #E4DACD;
    /*border-collapse: separate;*/
    /*border-spacing: 0px 0px;*/
    /*vertical-align:top;*/
}

#userentry td
{
    padding:4px 5px 4px 5px;
    /*text-align: center;*/
    /*vertical-align:top;*/
}

#datatable
{
    /*background-image:url(images/formback.gif);*/
    /*background-repeat:repeat-x;*/
    /*padding: 10px 20px 10px 20px;*/
    border-width        :2px;
    border-left-width   : 0px;
    border-right-width  : 0px;
    border-style:solid;
    border-color        :#C48B94;
    /*border-collapse: separate;*/
    border-spacing      : 0px 0px;
    background-color    : #DDE1E1;
}

#datatable th
{
    border-width        : 1px;
    border-style        : solid;
    border-color        : white;
    background-color    : #C4C4CE; /* #C2C3D0; #C4C4CE;*/
    padding             : 2px 5px 2px 5px;
    font-size           : 12px;
}

#datatable td
{
    padding:4px 5px 4px 5px;
    border-width:1px;
    border-style:solid;
    border-color:white;
}