/* Body styles */
html {
  overflow-x:hidden;
}
body {
  background:white;
  margin-left:10px;
  padding:0;
  color:#000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;   
  voice-family: "\"}\""; voice-family:inherit;
  font-size:11px;
} 
html>body {
  display:block;
  width:100%;
}

body.inline, 
body.manytable {
  background:white;
}
body.container { margin : 0px 0px 0px 0px;}
/* Body style voor headerframe */
body.header {
  font-size: 11px;
  margin : 0px 0px 0px 0px;
}  
/* Body style voor menu en sidebars */
body.menu {
  font-size: 11px;
  margin : 10px 10px 10px 10px;
}

body.calendarmenu {
  background-color : #fff; /*#c0c0c0;*/
}

/* Default anchor (href) */
a, a:visited, a:active, a:link { 
  color:navy;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  text-decoration : none;
}
a:hover { color : #028000; }

/* Tabs anchor (<a class="tabs" ... komt voor in html-tabulators */
a.tabs, a.tabs:visited, a.tabs:active, a.tabs:link  {
  font-size: 10px;
  font-weight : bold; 
}
a.tabs:hover { color: #667fbf; }
/* forum anchor (<a class="tabs" ... komt voor in html-tabulators */
a.forum, a.forum:visited, a.forum:active, a.forum:link {
  color: Navy;
  font-weight : bold; 
  letter-spacing : 1px;
}
a.forum:hover { color: #667fbf; }
/* Menu anchor (<a class="menu" ... komt voor in menu */
a.menu, a.menu:visited, a.menu:active, a.menu:link {
  color:navy;
  font-size: 10px;
  font-weight : bold; 
}
a.menu:hover { color:black; }
/* Calendar anchor */
a.calendar, 
a.calendar:active, 
a.calendar:link, 
a.calendar:visited {
  color: #21325c;
  font-weight: bold; 
}
a.calendar:hover  { color: #667fbf; }
a.month, a.month:active, a.month:link, a.month:visited { 
  color: #21325c; 
  font-size: 10px; 
}
a.month:hover  { color: #667fbf; }
div, pre {
  color: Black;
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  font-size: 11px
}
select {
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  font-size: 11px;
  font-weight: normal;  
  border: 1px solid #c5c5c5;
}
option {
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  font-size: 11px;
  font-weight: normal;    
}
/* Layer voor positionering header table, wordt gebruikt in calendar (agenda) */
/*div.header {}*/
/* Layer voor positionering header table, wordt gebruikt in weekoverzicht (agenda) */
div.headermonth { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  width: 100%; 
  visibility: visible ;
}
/* Layer voor positionering body table, wordt gebruikt in calendar (agenda) */
div.body {
  position: relative; 
  top: 45px; 
  left: 0px; 
  width: 220px; 
  visibility: visible; 
}
/* Layer voor positionering body table, wordt gebruikt in weekoverzicht (agenda) */
div.bodymonth { 
  position: absolute; 
  top: 45px; 
  left: 10px; 
  width: 100%; 
  height: 155px; 
  visibility: visible 
}
/* Layer voor positionering todolist table, wordt gebruikt in sidebar (agenda) */
div.todolist { 
  position: absolute; 
  top: 235px; 
  left: 10px; 
  width: 220px; 
  visibility: visible
}
/* Layers voor positionering groepen table, wordt gebruikt in sidebar (agenda) */
div.groupsmain {
  position: relative; 
  top: 50px; 
  left: 0px; 
  width: 220px; 
}
div.groupsheader {
  width: 220px; 
  border-top : 1px solid #6a6e7a;
  border-left : 1px solid #6a6e7a;
  border-right : 1px solid #6a6e7a;
  position: static; 
  visibility: visible;
}
div.groupsheaderlast {
  width: 220px; 
  border : 1px solid #6a6e7a;
  position: static; 
  visibility: visible;
}
div.calsidebarlayer {
  background : #dcdcdc;
  position: absolute; 
  width: 220px; 
  height: 220px;
  visibility: visible;
  border-right : 1px solid #6a6e7a;
  border-left : 1px solid #6a6e7a;
  border-bottom : 1px solid #6a6e7a;
  overflow-y : scroll;
  overflow-x : scroll;
}
div.formsheet {
  display:none;
  /*width:100%;*/
  border-bottom:solid 1px #c5c5c5;
  border-left:solid 1px #c5c5c5;
  border-right:solid 1px #c5c5c5;
}
/*
 * Omvattende layer voor het 'Invoer formulier'  in plannen vergadering.
 */
div.calempinviteform {
  width:100%; 
  background:white; 
  border:solid 1px #6a6e7a;
  z-index:10;
}
/*
 * Omvattende layer voor de alle layers onder het invoer form in plannen vergadering.
 */
div.calempinvitationtabs {
  width:100%;
  background:white;
}
/*
 * Omvattende layer voor de 'Uitnodigen tab'  in plannen vergadering.
 */
div.calempinvitetab {
  position:relative;
  padding : 12px;
  height:235px;
  display:none;
  visibility:hidden;
  border-bottom:solid 1px #6a6e7a;
  border-left:solid 1px #6a6e7a;
  border-right:solid 1px #6a6e7a;
  background: white;
  z-index:10;
}
/*
 * Layer met groeps - boom om medewerkers te selecteren (plannen vergadering ).
 */
div.calempinvitetree {
  width:48%;
  float:left;
  height:220px;
  border:1px solid #6a6e7a;
  background : white;
}
/*
 * Layer met geselecteerde medewerkers (plannen vergadering ).
 */
div.calempinviteselected {
  width:48%;
  float:right;
  height:220px;
  border:1px solid #6a6e7a;
  background : white;
}
/*
 * Layer voor positionering  selectie ongedaan maken link (plannen vergadering)
 */
div.calempinviteunselect {
  float:right;
  width:48%;
  padding:2px 2px 2px 2px;
}
/*
 * Omvattende layer voor de 'Beschikbaarheid tab'  in plannen vergadering.
 */
div.calempinviteavailability {
  position:relative; 
  height:280px;
  display:none;
  visibility:hidden;
  border-bottom:solid 1px #6a6e7a;
  border-left:solid 1px #6a6e7a;
  border-right:solid 1px #6a6e7a;
  z-index:10;
}
/*
 * Omvattende layer voor de 'Bijlagen tab'  in plannen vergadering.
 */
div.calempinviteattachments {
  position:relative; 
  height:280px;
  display:none;
  visibility:hidden;
  padding : 12px; 
  border-bottom:solid 1px #6a6e7a;
  border-left:solid 1px #6a6e7a;
  border-right:solid 1px #6a6e7a;
  z-index:10;
}
/*
 * Omvattende layer voor de alle layers onder het invoer form in selectie geadresseerden.
 */
div.mailselection {
  position:absolute;
  top:28px;
  left:10px;
  width:460px;
  height:220px;
  display:None;
  border:solid 1px #6a6e7a;
  background: #f5f5f5;
  z-index:0;
}
/*
 * Layer met groeps - boom om medewerkers te selecteren (geadresseerden mail).
 */
div.mailselect {
  position:absolute;
  top:5px;
  left:5px;
  width:220px;
  height:180px;
  border:1px solid #6a6e7a;
  background : #f5f5f5;
  z-index:1;
}
/*
 * Layer met geselecteerde medewerkers (adresseren mail).
 */
div.mailselected {
  position:absolute;
  top:5px;
  left:230px;
  width:220px;
  height:180px;
  border:1px solid #6a6e7a;
  background : #f5f5f5;
  z-index:1;
}
/*
 * Layer voor positionering  selectie ongedaan maken link (selectie geadresseerden)
 */
div.mailunselect {
  position:absolute;
  top:190px;
  left:10px;
  width:220px;
  padding:2px 2px 2px 2px;
  z-index:1;
}
div.mailmessage {
/*  position:absolute;
  top:70px; */
  width:100%;
/*  padding:2px 2px 2px 2px; */
  border:1px solid #6a6e7a;
  background : white;
  margin:0px 10px 0px 0px;
}

div.sidebartree {
  width:220px;
  padding:0px 0px 0px 0px;
  border-style:solid;
  border-color: #c5c5c5;
  border-width:0px 1px 1px 1px;
  background : #f5f5f5;
  overflow-x:auto;
}
iframe.manyframe {
  height:150px;
  border-bottom:solid 1px #c5c5c5;
  border-left:solid 1px #c5c5c5;
  border-right:solid 1px #c5c5c5;
}
html>body iframe.manyframe {
  height:300px; 
}
iframe.calsidebarlayer {
  background : #f5f5f5;
  position: absolute;
  width: 218px; 
  height: 220px;
  display: block;
  border-right : 1px solid #667fbf;
  border-left : 1px solid #667fbf;
  border-bottom : 1px solid #667fbf;
}

div.frontpagefooter {
  background : #f5f5f5;
  position : absolute;
  bottom : 0%;
  border-top: 1px solid #002d73;
}
/* Frontpage id's */
#news
{
  background : White;
  position : absolute;
  left : 1%;
  top : 2%;
  height : 96%;
  width : 29%;
  border-bottom-color : #002d73;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-left-color : #002d73;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #002d73;
  border-right-style : solid;
  border-right-width : 1px;
}
/*
#documents
{
  background : White;
  position : absolute;
  left : 31%;
  top : 2%;
  height : 47%;
  width : 28%;
  border-bottom-color : #002d73;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-left-color : #002d73;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #002d73;
  border-right-style : solid;
  border-right-width : 1px;
}
*/
#employees
{
  background : White;
  position : absolute;
  left : 31%;
  top : 51%;
  height : 47%;
  width : 28%;
  border-bottom-color : #002d73;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-left-color : #002d73;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #002d73;
  border-right-style : solid;
  border-right-width : 1px;
}
#appointments
{
  background : White;
  position : absolute;
  left : 60%;
  top : 2%;
  height : 31%;
  width : 38%;
  border-bottom-color : #002d73;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-left-color : #002d73;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #002d73;
  border-right-style : solid;
  border-right-width : 1px;
}

#tasks
{
  background : White;
  position : absolute;
  left : 60%;
  top : 35%;
  height : 30%;
  width : 38%;
  border-bottom-color : #002d73;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-left-color : #002d73;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #002d73;
  border-right-style : solid;
  border-right-width : 1px;
}

#invitations
{
  background : White;
  position : absolute;
  left : 60%;
  top : 67%;
  height : 31%;
  width : 38%;
  border-bottom-color : #002d73;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-left-color : #002d73;
  border-left-style : solid;
  border-left-width : 1px;
  border-right-color : #002d73;
  border-right-style : solid;
  border-right-width : 1px;
}

input {
  border:1px solid #c5c5c5;
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  font-size:11px;
  padding: 2px;
}
input.login {
  background: Transparent;
}
/*
input.mail {
}
*/
/* Input gebruikt op het loginform */
/*
select.mail {
}
*/
/* default table */
table {
  width : 100%;
  padding : 0px 0px 0px 0px;
}

table.fileinfo {
  width : 50%;
  padding : 1px 1px 1px 1px;
}

table.print {
  width : 750px;
}

table.buttonbar {
  width : 10px;
}

table.buttonbar td {
  margin : 0px 0px 2px 0px;
}

.toolbar {
  background :  #f5f5f5;
  border: 1px solid #C5C5C5;
  width:100%;
  /*-moz-border-radius: 8px 8px 0 0;*/
}

.tableview {
  border-color: #C5C5C5; 
  border-style: solid;
  border-width:0px 1px 1px 1px; 
  padding:2px;
  width:100%;
}

table.login {
  width:760px;
  background : url('Styles/images/bgLogin') no-repeat;
  padding : 0px 0px 0px 0px;
}

table.frontpage {
  padding : 0px 0px 0px 0px;
}

table.frontpageitem {
  width : 180px;
  padding : 0px 0px 0px 0px;
}

table.frontpageusers {
  width : 100px;
  padding : 0px 0px 0px 0px;
}

table.calendar {
  width : 220px;
  background : #6a6e7a;
}

table.calendarfp {
  width : 280px;
  padding : 0px 0px 0px 0px;
}

table.mwiframe{
  width : 220px;
  border : 1px solid;
  padding : 0px 0px 0px 0px;
}

table.menu {
  width : 200px;
}

table.mwlist{
  width : 160px;
}

table.agenda {
  width : 335px;
}

table.agendaweek {
  width : 167px;
}

table.agendamonth {
  width : 76px;
  border : 1px solid;
  padding : 0px 0px 0px 0px;
}

table.mailheader {
  border-bottom: 1px solid #6a6e7a;
}

table.appointmentsmonth {
  background : #6a6e7a;
}

table.aptcell {
  width : 100%;
  height : 100%;
  background : Transparent;
}

table.dayview {
  width : 525px;
  background : #6a6e7a;  
}
td {
  color: Black;
  background: transparent;
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/*td.header{}*/
td.headerfrontpage {
  font-size : 11px;
  font-weight : bold;
  background : #dcdcdc;
  color: Black;
  text-align : center;
  border-top : 1px solid #6a6e7a;
  border-bottom : 1px solid #6a6e7a;
  padding : 2px 2px 2px 2px;
}

#headertoolbar, .headertoolbar {
  font-size : 11px;
  font-weight : bold;
  color: #555555;
  text-align : center;
  background : #eeeeee url(/skin/images/bgheader.gif) repeat-x;
  border-bottom : 1px solid #C5C5C5;
  padding : 2px 2px 2px 2px;
}
.headermanage, .form-title {
  font-size : 11px;
  font-weight : bold;
  color: #555555;
  text-align : center;
  background : #eeeeee url(/skin/images/bgheader.gif) repeat-x;
  border : 1px solid #C5C5C5;
  padding : 2px 2px 2px 2px;
}

td.groupsheader {
  font-size : 11px;
  font-weight : bold;
  color: Black;
  text-align : left;
  background : #c8d0e7;  
  padding : 2px 2px 2px 2px;
}

/*td.treecell {}*/

td.frontpage {
  width : 100px;
}

td.tabs {
  background: Transparent; 
  color: Black;
}

td.tabsunder {
  background: Gray;
  color: Black;
}

td.tabsfill {
  background: url(/skin/buttons/tab_center.gif) repeat-x;
}

td.buttonends {
  padding-top: 0px;
  cursor: pointer;
}
td.buttonleft {
  background: url(/skin/buttons/button_left.gif);
}
td.buttonright {
  background: url(/skin/buttons/button_right.gif);
}
td.buttonfill {
  background: url(/skin/buttons/button_center.gif) repeat-x top;
  color: Navy;
  font-size: 10px;
  font-weight : bold;
  cursor:pointer;
  padding: 0px 0px 2px 0px;
}

div.msg {
  position:relative;
  top:3px;
  border : 1px solid #8b0000;
  color: #8b0000;
  background:#FFFFA8;
  font-style: oblique;
  padding: 4px 4px 4px 4px;
}
.missing {
  color: #D90000;
  text-decoration:underline;
}
td.lines {
  border : 1px solid Black;
  background : #F0E68C;
}

td.login {
  font-size: 12px;
}

td.title {
  background : #eeeeee url(/skin/images/bgheader.gif) repeat-x;
  color: #000000;
  font-weight: bold;
  border-color: #C5C5C5; 
  border-style: solid;
  border-width:1px 1px 1px 1px; 
  padding:2px 0px 0px 1px;  
}
.list-header td {
  background : #eeeeee url(/skin/images/bgheader.gif) repeat-x;
  color: #000000;
  font-weight: bold;
  border-color: #C5C5C5; 
  border-style: solid;
  border-width:1px 1px 1px 1px; 
  margin:2px;
  padding:2px 1px 2px 1px;
}

td.calendar {
  font-size : 11px;
  color: Navy;
  background : #dcdcdc;
}
td.calendarheader {
  font-size : 11px;
  font-weight : bold;
  text-align : center;
  background : #dcdcdc;
}
td.calweekhead {
  font-size : 11px;
  font-weight : bold;
  color: Navy;
  background : #c8d0e7;
}
td.calweeknav {
  font-size : 11px;
  font-weight : normal;
  color: Navy;
  background : #c0c0c0;
}
td.calwehead {
  font-size : 11px;
  font-weight : bold;
  color: Navy;
  background : #9eb9f6;
}
td.caltoday { background : #c8d0e7; }
td.appointment { background : White; }
td.aptprivate { background : #c8d0e7; }
td.aptsilent { background : #ffbca2; }
td.aptmeeting { background : #d6f4d6; }
td.aptnormal { background : #F0E68C; }
td.aptgroup { background : Gainsboro; }
td.appointmentnav { background : #f5f5f5; }

textarea {
  border: 1px solid #c5c5c5;
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
  font-size:11px;
  padding: 2px;
}
td.oelers {
  border: 1px solid #6a6e7a;
}
ul {
  list-style-type: circle;
  list-style-position: outside;
}
/* Standaard body */
/* -------------------------------------- New definitions ---------------------------------------------- */
.assistant {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 2px;
  width:200px;
  border:1px solid #c5c5c5;
  background: #FFF8DC;
  font-size:10px;
}
.xxportlet {
  position: relative;
  color:#555555;
  padding: 1px 1px 1px 1px;
  margin:4px;
  visibility: visible;
  display:block;  
  border: 1px solid #C5C5C5;
  z-index:0;
}
.xxportletheader {
  position:relative;
  height:16px;
  width:100%;
  background : #eeeeee url(/skin/images/bgheader.gif) repeat-x;
  color:#555555;
  z-index: 1;
}
.xxportletheader td {
  color:#555555;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  z-index: inherit;
}
.xxportletcontent {
  position: relative;
  width:100%;
  visibility: visible;
  display:block;
  overflow: auto;
  z-index: 0;
}
.rownormal td,
.row-normal td {
  background:#fff;
}
.rowhilite td,
.row-hilite td {
  background:#F0F0F0;
}
#loading{
  color: #6A5ACD;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: oblique;
  font-size: 20px;
  letter-spacing: 5px;
  text-align: center;
  vertical-align: middle;
  background: url(/skin/images/loading_big.gif) no-repeat center;
  width: 100%;
  height: 200px;  
  display:none;
}
#saving {
  float:left;
  margin-top:5px;
  margin-left:5px;
  width:20px;
  height:20px;
  display:block;
  visibility:hidden;
  background: url(/skin/images/saving.gif) no-repeat center left;
}
#savingmessage {
  float:left;
  margin-left:0px;
  font-family: Arial, Helvetica, sans-serif;
  color:#555555;
  font-size: 9px;
  font-weight: bold;
  line-height: 25px;
  width:300px;
  display:none;
}

.cbtn { 

  cursor:pointer;
/*  cursor:hand;  */
}

.cmsboxheader {
  width: 220px;
  font-size : 11px;
  font-weight : bold;
  color: #555555;
  text-align : center;
  background : #eeeeee url(/skin/images/bgheader.gif) repeat-x;
  border : 1px solid #C5C5C5;
  padding:2px 0 2px 0px;
  margin-top:3px;
  cursor:pointer;
  /*cursor:hand;*/
}

.cmsbox {
   display:none;
   width: 215px;
  background : #f5f5f5;
  list-style-type: none;
  margin: 0;
  padding: 0 2px 6px 3px;
  border-style:solid;
    border-color: #c5c5c5;
  border-width:0px 1px 1px 1px;
}
.cmsbox li {
  text-align: left;
  vertical-align: middle;
  padding:2px 0 0 0;
}
.cmsbox li img {
  margin-right:3px;
}
/* UL Menu */
#mainmenu {
  list-style-type:none;
  padding:0;
  display:block;
  margin:0;
}

#mainmenu li {
  float:left;
}

#mainmenu li a, 
#mainmenu li a:visited, 
#mainmenu li a:active, 
#mainmenu li a:link {
  display: block;
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight : bold; 
  padding:3px 7px 3px 5px;
  background: transparent url(/skin/images/menu_separator.gif) no-repeat right;
}
#mainmenu li a:hover { 
   display: block;
  color:#8E8E8E; 
   padding:3px 7px 3px 5px;
}

/* XMLTREE */
div.box {
   background : #f5f5f5;
  margin: 0em 0em 2em 0em;
  padding: 10px 0 0 0;
   width:220px;
   height:400px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
  border-style:solid;
    border-color: #c5c5c5;
  border-width:0px 1px 1px 1px;
  /*-moz-border-radius: 0px 0px 8px 8px;*/
   overflow:auto;
}
div.box div.treebody {
  background: transparent;
   border-collapse: collapse
}

    #navtreecontents a {
      cursor: pointer;
      height: 20px;
    }

    #navtreecontents loading {
      display: block;
      padding-left: 31px;
      height: 18px;
    }

    #navtreecontents expand {
      background-repeat: no-repeat;
      padding-left: 14px;
      display:block;
      cursor: pointer;
    }

#navtreecontents icon {
  background-repeat: no-repeat;
  padding-left: 20px;
  height: 20px;
  display: table-cell;
  
  cursor: auto;
  cursor:pointer;
}
/*
* html #navtreecontents icon {
  display:block;
}
*/
* html body #navtreecontents icon {
 display: inline-block; 
}

#navtreecontents collection {
  display: block;
  margin-left: 10px;
  height: auto;
}

/* New slidingdoors tabs */
.sdtabs {
  float:left;
   width:100%;
   background: White url("/skin/tabs/bg.gif") repeat-x bottom;
   line-height:normal;
}
.sdtabs ul {
  margin:0;
  padding:4px 0 0 0;
   list-style:none;
}
.sdtabs li {
   float:left;
   background:url("/skin/tabs/tab_left.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   border-bottom: 1px solid #c5c5c5;
  white-space: nowrap;
}

.sdtabs a {
   float:left;
   display:block;
  font-family: Arial, Helvetica, sans-serif;
   font-size:1em;
   width:.1em;
   background:url("/skin/tabs/tab_rght.gif") no-repeat right top;
   padding:3px 15px 2px 6px;
   text-decoration:none;
   font-weight:bold;
   color:#555555;
  /*cursor:hand;*/
  cursor:pointer;
  white-space: nowrap;
}

.sdtabs > ul a {
  width:auto;
}

.sdtabs a:hover {
   color:White;
  font-weight:bold;
}
   
.sdtabs li:hover, 
.sdtabs li:hover a {
   background-position:0% -100px;
   color:#F5F5F5;
}
.sdtabs li:hover a {
   background-position:100% -100px;
}

.sdtabs .sdselected {
   background-position:0 -100px;
   border-width:0;    
}
.sdtabs .sdselected a {
   background-position:100% -100px;
   padding-bottom:3px;
   color:#F5F5F5;   
}


.sdbutton {
  display:block;
  margin-left:20%;padding:6px 0 30px 0;
}

div.buttons {
  border:1px solid #d9dce3;
  padding:1px;
  margin-left:1px;
  float:left;
  min-width: 60px;
  width: auto;
  _width:60px;*width:60px;
  background:#edeef0;
  -moz-border-radius:3px; 
  -moz-box-sizing: content-box;
  -moz-user-select: none;
}
div.buttons:after{
  clear:left;
}
.buttons div {
  border: 1px solid #e1e2e6;
  margin:0;
  padding:1px 14px 2px 14px;
  background: #d9dce3;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  color:#5D6880;
  -moz-border-radius:3px; 
  cursor: pointer;
  /*cursor: hand;*/
}
.buttons div:hover, .buttons div.buttonhover {
  background: #EAEDF0;
  border: 1px solid #EFF2F8;
  color:#343A47;
}
.buttons div:active, .buttons div.buttonactive {
  background: #DBE1EE;
  border: 1px solid #C9D3E7;
  padding:1px 13px 2px 15px;
  color:#6C5F4B;
}
.buttons div.buttonwithicon {
  padding-right:20px;
}
.clearfloat {
  clear: both;
}

#allsheets {
   margin-top:10px;
  display:block;
  width:98%; 
}


/* @group Tree */

#cminfobox {
  line-height: 20px;
  background: #feffd0;
  font-size: 0.8em;
  border: 1px solid #cdcdcd;
  max-width:170px;
  word-wrap:break-word;
}

.tree {
  /*float: left;*/
  
  background: #fff;
  border-left: 1px solid #cdcdcd; 
  border-bottom: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd; 
  
  padding: 4px 0 4px 4px;
  margin: 0;
  display: block;
  height: auto;
  width: 216px;
  overflow: auto;
  font-size:  90%;
  z-index: 1;
}

.tree img {
  margin:0;
}

.tree div {
  margin-left: 6px;
  color: #282828;
  font: 1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tree .root {
  margin-left: 0px;
}

.tree .treetitle {
  margin: 0px 3px 0 38px;
  display: block;
  width: auto;
  height: auto;
  cursor: pointer;
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
  line-height: 17px;
  color: #555555;
}

/*
* html .tree .treetitle {
  cursor: hand;
}
*/

.tree .over {
  border-bottom: 1px dotted gray;
}

/* @end */

/* @group ContextMenu */
 
.cntxmenu {
  position: absolute;
  display: block;
  padding: 0 0 10px 0;
  margin: 0 0 0 12px;
  width: 200px;
  height: auto;
  background: #e4ebf1 url(/skin/images/cmbackground.gif) repeat-y;
  border: 1px solid #c5c5c5;
  color: #555555;
  font-weight: bold;
  opacity: 0.95;
  z-index: 10;
}

.cntxmenu .cntxhead {
  margin: 0;
  padding: 0 5px 0 5px;
  text-align: center;
  width: auto;
  height: auto;
  background: #555555 url(/skin/images/bgheader.gif) repeat-x;
  color: #555555;
  margin-bottom: 5px;
  border-bottom: 1px solid #555555;
  font-weight: bold;
  font-size: 11px;
}

.cntxmenu img {
  padding: 0;
  margin: 0 8px 0 0;
}

.cntxmenu .cntxitem {
  display: block;
  min-width: 150px;
  width: auto;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  color: #555555;
}

/*
* html #cntxmenu .cntxitem {
  cursor: hand;
}
*/

.cntxmenu .cntxitem:hover {
  background: #555555;
  color: #e4ebf1;
}

/* @end */

/* @group Livesearch */
#livesearch {
  float: left;
  width: 149px;
  padding-left: 81px;
  height: 20px;
  display: block;
  z-index: 100;
  background: transparent url(/skin/images/snelzoeken_bg.jpg) no-repeat;
  line-height: 19px;
}

#livesearch input,
#livesearch input a {
  color: #999999;
  font-size: 10px;
  _font-size: 11px;
  font-weight: normal;
  height: 12px;
  padding: 0 0 2px 5px;
  background: #ffffff;
  border: none;
  width: 141px;
  line-height: normal;
}

#livesearch input:hover {
  color: #000000;
}

/* @end */
select#category {
	width:450px;
}