﻿
/*##############################################################################*/
/*##############################################################################*/
body
{
    font-family:verdana;
    font-size:10pt;
    background-image:url(../Images/backtop.gif);
    background-position:top;
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
    color:#676767;
    overflow:auto;
}
input
{
    width:300px;
    font-family:verdana;
    font-size:9pt;
    border:1px solid #E1E1E1;
    color:#676767;
    padding:2px 2px 2px 10px;
}
.check
{
    width:auto;
    border:none;
    padding:0px;
}
textarea
{
    font-family:verdana;
    font-size:9pt;
    border:1px solid #E1E1E1;
    color:#676767;
    padding:2px 2px 2px 10px;
}
select
{
    width:200px;
    font-family:verdana;
    font-size:9pt;
    border:1px solid #E1E1E1;
    color:#676767;
    padding:2px 2px 2px 10px;
}
br
{ 
    clear:both
}
a 
{
    text-decoration:none;
    color:#676767;
}
a:hover
{
    text-decoration:underline;
} 

/*##############################################################################*/
/*##############################################################################*/
.title
{
    font-weight:bold;    
}
.contentarea
{
    width:980px;   
    margin:0 auto;
}
.header
{
    width:982px;   
    height:212px;   
    background-image:url(../Images/backcentertop.png);
    background-position:top;
    background-repeat:no-repeat;
}
.headertop
{
    width:982px;   
    height:130px;
    text-align:right; 
}
.headerbottom
{
    width:982px;   
    height:100px;       
}
.content
{
    width:982px;   
    height:700px;   
    margin:0 auto;
    background-image:url(../Images/backcontent.gif);
    background-position:top;
    background-repeat:repeat-x;
}
.footer
{
    width:982px;
    height:16px;
    background-image:url(../Images/footer.gif);
}
.contentdata
{
    width:820px;   
    border-left:1px solid #E1E1E1;
    border-right:1px solid #E1E1E1;
    min-height:700px;   
    margin:0 auto;
    background-color:White;
}
.menuitem
{
    float:left;
    height:35px;
    padding-top:10px;
}
.menuitem a
{
    color:white;
    font-size:13pt;
    font-weight:bold;
    text-decoration:none
}
.menuitem a
{
    text-decoration:none
}
.menuitem.left { width:120px; }
.menuitem.urls { width:80px;text-align:center }
.menuitem.users { width:145px;text-align:center }
.menuitem.groups { width:125px;text-align:center }
.menuitem.log { width:80px;text-align:center; }
.menuitem.select { padding-left:90px }
.menuitem.select select { font-size:11pt;text-align:left }
.menuitem.split  
{
    background-image:url(../Images/menusplit.gif); 
    background-repeat:no-repeat;
    background-position:left middle;
}
.urlswhite { width:50px;margin:5px 0px 0px 15px;display:none }
.userswhite { width:108px;margin:5px 0px 0px 20px;display:none }
.groupswhite { width:83px;margin:5px 0px 0px 20px;display:none }
.logwhite { width:35px;margin:5px 0px 0px 20px;display:none }
.lastrequest {font-size:8pt;color:#888888}
.inwerking {font-size:8pt;color:#888888}

/*##############################################################################*/
/*##############################################################################*/

.logincontent
{
    width:982px;   
    margin:0 auto;
    background-image:url(../Images/backlogincontent.gif);
    background-position:top;
    background-repeat:repeat-x;
}
.loginarea
{
    border-left:1px solid #E1E1E1;
    border-right:1px solid #E1E1E1;
    width:820px;   
    height:300px;   
    margin:0 auto;
    background-color:White;
}
.loginarea .label
{
    width:200px;
    height:22px;
    margin:0px 0px 5px 0px;
}
.loginarea .control
{
    width:250px;   
    height:22px;
}
.loginarea input
{
    width:180px;   
}
.loginarea .control.button
{
    float:right;
}

/*##############################################################################*/
/*##############################################################################*/
.label
{
    margin:0px 0px 5px 40px;
    width:200px;
    float:left;    
}
.control
{
    margin:0px 0px 5px 0px;
    width:450px;
    float:left;    
}
.text 
{
    width:300px
}
.button
{
    width:100px;
    height:20px;
}
.error
{
    font-size:10pt;
    color:Red;
}
.check input
{
    border:0px;
    width:30px;    
}
.more
{
    cursor:pointer;
    margin:0px 5px 0px 5px;
    background-color:#B5E0F2;
}
.moredata
{
    background-color:#ffff88;
}
.area
{
    margin:0px 20px 0px 20px   
}
/*##############################################################################*/
/*##############################################################################*/
.table
{
    width:100%;
}
.table td
{
    padding:2px;    
    vertical-align:top;
}
.tableheader, .tableheader td
{
    background:white;
    height:25px;
    font-size:10pt;
    font-weight:bold;
    color:#009dc7;
}
.tableheader a
{
    color:#009dc7;
}
.tablerow
{
    background:#f8f8f8;
}
.tableheader .first
{
    padding-left:20px;    
}
.tablerow .first
{
    padding-left:20px;    
}
.tablerow .last
{
    padding-right:20px;    
}
.tablerow .error
{
    background-color:Red;
}
.logstatus
{
    margin:0px 0px 0px 10px;
    font-weight:bold;
    font-size:14pt    
}
.logstatus2
{
    font-weight:bold;
    font-size:8pt        
}
.largetext
{
    font-size:9pt;    
}
.smalltext
{
    font-size:8pt        
}
.red 
{
    color:Red;
}
.HTML
{
     color:#009dc7; 
     font-weight:bold; 
}
/*##############################################################################*/
/*##############################################################################*/
.pager
{
    float:left;
    background-color:white;
    border:1px solid #E1E1E1;
    width:30px;
    height:19px;
    margin:0px 5px 0px 0px;
    text-decoration:none;   
    text-align:center;
}
.pageron
{
    float:left;
    background-color:#009DC7;
    color:White;
    border:1px solid #E1E1E1;
    width:30px;
    height:19px;   
    margin:0px 5px 0px 0px;
    text-decoration:none;   
    text-align:center;
}
.pagernav
{
    float:left;
    width:20px;
    text-decoration:none;   
}
.pagererror
{
    border:2px solid red;    
}
/*##############################################################################*/
/*##############################################################################*/
