html body
{ 
  margin:0;
  padding:0;
  font-family:Verdana,Arial,sans-serif;
}
h1, h2, h3, h4, h5, div, p, th, td
{
  margin:0;
  padding:0;
  font-family:Verdana,Arial,sans-serif;
}

html, body                       { width:100%; height:100%; }
body                             { padding:0.5em; }
table, input, select, textarea   { font-size:100%; }
td, th                           { text-align:left; vertical-align:top; font-weight:normal; }
a                                { text-decoration:none; color:#0061A7; }
a:hover                          { text-decoration:underline; color:#0061A7; }

/* IE <= 6 only max-width support */
* html .hasMaxWidth              { width:expression(Math.min(parseInt(this.currentStyle['max-width']), this.scrollWidth)); }

*[unselectable='on'],
*[unselectable='on'] *
{
  -moz-user-select:none;
}

.hidden   { display:none!important; }
.clear    { clear:both; }

.nowrap
{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/*Globale elementen*/
.submitButton
{
  padding: 0 11px 0 11px;
  height:21px;
  font-size:11px;
  color:#0061A7;
  background-image: url("/_img/bg-bar.gif");
  border: 1px solid;
  border-color:#D6D3CE #BDAEAE #BDAEAE #D6D3CE;
  cursor:pointer; 
}

.textarea {
  border: 1px solid;
  border-color:#000000 #D6D3CE #D6D3CE #000000; 
  font-family:Verdana;
}

.inputField
{
  padding: 3px 2px 0 2px;
  height:1.5em;
  border: 1px solid;
  border-color:#000000 #D6D3CE #D6D3CE #000000;
  font-family:Verdana;
}

.clear {
  clear:both;
  font-size:1px;
}

.globalClear {
  clear: both;
  height: 1px;
  font-size:1px;
  overflow: hidden;
}

.tempElLoading {
  width:100%; height:100%;
  background-image:url("/_img/q42loading_bloem.gif");
  background-repeat:no-repeat;
  background-position:50% 50%;
}



.standardBody {
  background-color:#F0F0F0;
  font-family:Verdana;
  font-size:1em; 
  color: #474747;
}


.standardHeaderBackground {
  margin-right:5px;
  width:494px; height:122px;
  background-image:url("/_img/header_bg.gif");
  background-repeat:repeat;
  float:left;
}

.standardHeader {
  margin:90px 0 0 10px;
  color:#000;
  font-size:17px;
}

.standardSubHeader {
  color:#000;
  font-size:130%;
}

.standardLogo {
  width:122px; height:122px;
  background-image:url("/_img/header_logo.jpg");
  background-repeat:no-repeat;
  float:left;
}

.standardLayoutContentBox, 
.standardLayoutBox {
  position:relative;
  margin-top:5px;
  padding:7px;
  width:623px !important; height:122px;
  background-color:#FFFFFF;
  border: 1px solid #D8D8D8;
  margin-left:0 auto;
}

.standardLayoutContentBox {  height:auto; }

.standardContent {
  font-size:11px; 
  color:#5C5C5C;
}















.spifinternal  { display:none; }

#cms
{
  z-index:1000;
  width:100%;
}
.viewMode .cms-expanded { height:60px; }
.editMode .cms-expanded { height:98px; }
.cms-expanded  { width:100%; }
.cms-collapsed { width:20px; }


#cms  { z-index:100; }
#page { z-index:10; padding-top:5px; text-d}


.drag-placeholder     { width:200px!important; }

.dragger        { cursor:move; }
.mover-dir_both { cursor:move; }

.dropBox           { position:relative; }
.dropBox .dragging { display:none; }
.dragPlaceholder
{
  xopacity:0.9;
  xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.dropPlaceholder
{
  xopacity:0.6;
  xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}


  /* google maps dingen */
  a.location-delete-button,
  a.location-delete-button:hover
  {
    position:absolute; right:-6px; bottom:-6px; 
    width:12px; height:12px; 
    cursor:hand;
    background-image:url(../_img/icon-trash.gif); 
    background-repeat:no-repeat;
  }
  
  
  a.location-delete-button:hover 
  {
    background-image:url(../_img/icon-trash-over.gif); 
  }
  



#progressIndicator
{
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  z-index:1001;
  background-color:red;
  opacity:0.3; filter:alpha(opacity=30);
}
.hidden-progressIndicator  { display:none; }
.visible-progressIndicator { display:block; }


/* hide contextMenuActivator from weblogEntries in viewMode */
.viewMode .weblogEntry .contextMenuLabelBox { display:none;}


#content .noRight {
  position:relative;  
  margin:0 auto;
  width:640px;
}

.contextmenuActivator
{
  position:absolute;
  width:18px; height:1em;
  margin-left:3px;
  background-image:url(/_img/dd-menu.gif);
  background-repeat:no-repeat;
  background-position:0 50%;
  text-decoration:none;
}

.contextmenuActivator:hover
{
  background-position:-18px 50%;
  text-decoration:none;
}

#contextmenu
{
  position:absolute;
  z-index:1000000;
  margin:-6px 0 0 -6px;
}
.gecko #contextmenu { margin:-4px 0 0 -4px; }
.gecko #contextmenu .contextmenuTab {padding-left: 5px}

#contextmenu .contextmenuTab
{
  position:absolute;
  z-index:2;
  height:23px;
  padding:3px 23px 0 3px;
  background:white url(/_img/contextmenutab.gif);
  background-position:bottom right;
  background-repeat:no-repeat;
  border:solid; border-width:1px 1px 0 1px;  border-color:#CECACA #6C6A6A #F6F6F6 #CECACA;
  cursor:default;
}

#contextmenu .contextmenuMenu
{
  position:absolute;
  z-index:1;
  width:105px; height:auto;
  margin-top:26px;
  border:solid 1px; border-color:#CECACA #6C6A6A #6C6A6A #CECACA; 
  background-color:#FBFBFB;
}

.hidden .contextmenuMenu
{
  display:none;
}

#contextmenu .contextmenuMenu .contextmenuItem
{
  display:block;
  padding:2px 3px 3px 15px;
  border:solid 1px #FBFBFB;
  text-decoration:none;
  font-size:80%;
  color:#0061A7;
  background:url(/_img/contextmenu-arrow.gif) no-repeat 5px 0.6em;
}

#contextmenu .contextmenuMenu .contextmenuItem:hover
{
  background-color:#0061A7;
  color:white;
}
#contextmenu .contextmenuMenu .disabled:hover
{
  background-color:#DDDDDD;
  color:white;
}

#contextmenu .contextmenuMenu .disabled
{
  color:#B0B0B0;
  cursor:default;
}

#contextmenu .contextmenuMenu .separator
{
  margin:0;
  padding:0;
  width:100%; height:1px;
  overflow:hidden;
  border-top:solid 1px #E5E5E5;
}

#toolbarBox .toolbar       { position:relative; }

.cms-collapsed #toolbarBox { left:970px; width:15px; height:50px; overflow:hidden; }
.cms-expanded  .toolbar    { width:964px; }
.cms-collapsed .toolbar    { width:15px; overflow:hidden;}

.cms-collapsed #editToolbar                   { display:none; }
.cms-collapsed #mainToolbar .button-group     { display:none; }
.cms-collapsed #dialogBox .cmsDialog          { display:none; }
.cms-collapsed #mainToolbar #portal span,
.cms-collapsed #mainToolbar #opencloseToolbar,
.cms-collapsed #mainToolbar #opencloseToolbar * { display:block;}
.cms-collapsed #mainToolbar #opencloseToolbar { background-image: url("/_img/toolbar-closed.gif");}


#toolbarBox
{
  position: absolute;
position: fixed;
  top:0px; left:10px;
  z-index:1000;
  padding-top:5px;
}

#mainToolbar
{
  height:51px;
}
  
/*because the use of a AlphaImageLoader to show alphatransparantie in ie, I had to use an extra div, so the buttons would remain clickable*/
#mainToolbar .backgroundBox
{
  position:absolute;
  top:0; left:0;
  width:964px; height:51px;
  background-image:url("/_img/toolbar.png");
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_img/toolbar.png", sizingMethod='crop');
}

/*different buttons on the toolbar*/
    
.toolbar .button-group { position:absolute; }

#mainToolbar .information
{
  font-size:90%;
  font-weight:bold;
  color:#0061A7;
}

#mainToolbar #portal
{ 
  position:absolute;
  left:15px; top:13px;
  width:300px;
  font-size:110%;
}

#mainToolbar #portal .nowrap
{ 
  max-width:278px;
}

#mainToolbar #portal img
{
  margin:0 0 0 3px;
  padding:0;
}
    
#mainToolbar #logindata
{
  position:absolute;
  left:250px; top:8px;
  width:250px; 
  font-size:75%;
  color:#999999;
}

.loggedIn #mainToolbar #logindata             { font-size:80%; margin-top:20px; }
.userRegistration #logindata                  { display:none; }
#mainToolbar #logindata .label                { width:60px; }
#mainToolbar #logindata .contextMenuLabelBox  { line-height:16px;}

#mainToolbar #aanmeldButton   { background: #FFFFFF; }
#mainToolbar #loginButton     { display:block; margin-bottom:3px; background: #FFFFFF; }
    
#mainToolbar #tools
{ 
  right:22px; top:6px;
  border:solid 1px;
  border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;
}
    
#mainToolbar #opencloseToolbar
{ 
  right:2px; top:1px;
  width:14px; height:46px;
  border:none;
  background-image: url("/_img/toolbar-opened.gif");
}
        
/*global button settings*/
#mainToolbar .button
{
  float:left;
  position:relative;
  width:38px; height:36px;
  text-decoration:none;
  cursor:hand;
  border-right:1px solid #CCCCCC;
}
#mainToolbar .button-up,
#mainToolbar .button-unchecked    { background-image: url("/_img/toolbar-button.gif"); }
#mainToolbar .button-down,
#mainToolbar .button-checked      { background-image: url("/_img/toolbar-button-active.gif"); }
    
#mainToolbar .button .label
{
  display:block;
  width:38px;
  font-size:50%;
  color:#000000;
  text-align:center;
}
    
#mainToolbar .button-down .label,
#mainToolbar .button-checked .label { color:#FFFFFF; }
              
    
#mainToolbar .button .icon
{
  float:left;
  margin-top:0;
  width:38px; height:24px;
}

.notLoggedIn #mainToolbar #assetmanagerButton { display:none; }

#mainToolbar #connectionsButtions .icon { background-image:url("/_img/icon-connections.gif"); }
#mainToolbar #informationButton .icon   { background-image:url("/_img/icon-information.gif"); }
#mainToolbar #newSiteButton .icon       { background:url(/_img/page_edit.png) center center no-repeat; }
#mainToolbar #contactButton .icon       { background-image:url("/_img/icon-persons.gif"); }
#mainToolbar #assetmanagerButton .icon  { background-image:url("/_img/icon-multimedia.gif");}
#mainToolbar #editButton .icon          { background-image:url("/_img/icon-edit.gif"); }
#mainToolbar #searchButton .icon        { background-image:url("/_img/icon-search.gif"); }
#mainToolbar #helpButton .icon          { background-image:url("/_img/icon-help.gif"); }


#mainToolbar #logo #cmsButton,
#mainToolbar #opencloseToolbar #cmsButton
{ 
  display:block;
  width:100%; height:100%;
}

/*edit toolbar*/
#editToolbar
{
  margin-top:2px;
}
    
.viewMode #editToolbar { display:none; }
    
#editToolbar .backgroundBox
{
  position:absolute;
  top:0; left:0;
  width:964px; height:36px;
  background-image: url("/_img/cm-toolbar.png");
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_img/cm-toolbar.png", sizingMethod='crop');
}
    
/*global button settings*/
#editToolbar #closeEditToolbar
{
  right:2px; top:1px;
  width:14px; height:31px;
  background-image: url("/_img/cm_toolbar-close.gif");
}

/*lime buttons*/ 
#editToolbar #limeButtons
{
  left:3px; top:1px;
  margin-top:4px;
  width:450px; height:25px;
}
      
#editToolbar #limeButtons .button
{
  float:left;
  width:21px; height:22px;
  text-decoration:none;
  background:url("/_img/lime/all-lime-buttons.gif") no-repeat;
}
        
#editToolbar #limeButtons .disabled    { cursor:default; }
#editToolbar #limeButtons .enabled     { cursor:hand; }
        
#editToolbar #limeButtons #layoutBlock {left:7px;}
        
#editToolbar #limeButtons .disabled-bold     { background-position:0px 0%; }
#editToolbar #limeButtons .enabled-bold      { background-position:0px 50%; }

#editToolbar #limeButtons .disabled-italic    { background-position:-22px 0%; }
#editToolbar #limeButtons .enabled-italic     { background-position:-22px 50%; }

#editToolbar #limeButtons .disabled-underline { background-position:-44px 0%; }
#editToolbar #limeButtons .enabled-underline  { background-position:-44px 50%; }
          
#editToolbar #limeButtons #alignmentBlock { left:77px; }
        
#editToolbar #limeButtons .disabled-alignLeft { background-position:-66px 0%; }
#editToolbar #limeButtons .enabled-alignLeft  { background-position:-66px 50%; }

#editToolbar #limeButtons .disabled-alignCenter { background-position: -88px 0%; }
#editToolbar #limeButtons .enabled-alignCenter  { background-position: -88px 50%; }

#editToolbar #limeButtons .disabled-alignRight { background-position: -110px 0%; }
#editToolbar #limeButtons .enabled-alignRight  { background-position: -110px 50%; }

#editToolbar #limeButtons .disabled-alignJustified { background-position: -132px 0%; }
#editToolbar #limeButtons .enabled-alignJustified  { background-position: -132px 50%; }
          
#editToolbar #limeButtons #listBlock {left:167px;}
        
#editToolbar #limeButtons .disabled-listNumber { background-position: -154px 0%; }
#editToolbar #limeButtons .enabled-listNumber  { background-position: -154px 50%; }

#editToolbar #limeButtons .disabled-listBullet { background-position: -176px 0%; }
#editToolbar #limeButtons .enabled-listBullet  { background-position: -176px 50%; }

#editToolbar #limeButtons .disabled-indent { background-position: -220px 0%; }
#editToolbar #limeButtons .enabled-indent  { background-position: -220px 50%; }

#editToolbar #limeButtons .disabled-outdent { background-position: -198px 0%; }
#editToolbar #limeButtons .enabled-outdent  { background-position: -198px 50%; }
          
#editToolbar #limeButtons #HyperlinkBlock {left:257px;}
        
#editToolbar #limeButtons .disabled-hyperlink { background-position: -286px 0%; }
#editToolbar #limeButtons .enabled-hyperlink  { background-position: -286px 50%; }

#editToolbar #limeButtons .disabled-symbols { background-position: -198px 0%; }
#editToolbar #limeButtons .enabled-symbols  { background-position: -198px 50%; }
          
 
/*widw buttons*/
#editToolbar #widwButtons
{
  top:1px; right:22px;
  margin-top:4px;
  border:solid 1px;
  border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;
}
      
#editToolbar #widwButtons .widwButton
{
  display:block;
  float:left;
  width:77px; height:22px;
  padding:0 0 0 23px;
  line-height:22px;
  font-size:75%;
  color:#0764B3;
  text-decoration:none;
}
#editToolbar #widwButtons #widwComponents { width:97px; }
#editToolbar #widwButtons #widwProperties { width:102px; }
      
#widwComponents                 { background-image: url("/_img/cm_toolbar-components.gif"); }
#widwComponents.button-down     { background-image: url("/_img/cm_toolbar-components-active.gif"); }
#widwButtons .button1-checked   { background-image: url("/_img/cm_toolbar-components-active.gif"); }
#widwLayout                     { background-image: url("/_img/cm_toolbar-layout.gif"); }
#widwLayout.button-down         { background-image: url("/_img/cm_toolbar-layout-active.gif"); }
#widwButtons .button2-checked   { background-image: url("/_img/cm_toolbar-layout-active.gif"); }
#widwAppearance                 { background-image: url("/_img/cm_toolbar-apperance.gif"); }
#widwAppearance.button-down     { background-image: url("/_img/cm_toolbar-appearance-active.gif"); }
#widwButtons .button3-checked   { background-image: url("/_img/cm_toolbar-appearance-active.gif"); }
#widwProperties                 { background-image: url("/_img/cm_toolbar-properties.gif"); }
#widwProperties.button-down     { background-image: url("/_img/cm_toolbar-properties-active.gif"); }
#widwButtons .button4-checked   { background-image: url("/_img/cm_toolbar-properties-active.gif"); }

#body.profile #widwLayout,
#body.profile #widwAppearance, 
#body.profile #widwComponents, 
#body.profile #contactButton, 
#body.search #contactButton,
#body.profile #widwProperties   { display:none; }
      
#editToolbar #closeEditToolbar .showswitch
{
  display:block;
  width:100%; height:100%;
}


/*Firefox fixes*/
.gecko #mainToolbar #logindata .contextMenuLabelBox  { line-height:12px; font-size:110%;}

.addedControls a
{
  float:left;
  width:12px; height:12px;
  margin:4px 2px 2px 2px;
  overflow:hidden;
}
.addedControls .addedEvents          { background-image:url(/_img/controls.gif); background-position:0 0; }
.addedControls .addedUsers           { background-image:url(/_img/controls.gif); background-position:-12px 0; }
.addedControls .addedLocations       { background-image:url(/_img/controls.gif); background-position:-24px 0; }

.addedControls .addedEvents:hover    { background-image:url(/_img/controls.gif); background-position:0 -12px; }
.addedControls .addedUsers:hover     { background-image:url(/_img/controls.gif); background-position:-12px -12px; }
.addedControls .addedLocations:hover { background-image:url(/_img/controls.gif); background-position:-24px -12px; }




.dropType-fullwidth,
.dropType-small,
.dropType-large             { border:solid 1px transparent; }


.dragging-fullwidth .dropType-fullwidth
{
  min-height:50px;
  border:solid 1px #AAAAAA;
}
.dragging-small .dropType-small,
.dragging-large .dropType-large
{
  min-height:400px; _height:400px;
  padding-bottom:10000px;
  border:solid 1px #AAAAAA;
}
.dragging-image .dropType-image
{
  border:solid 1px #AAAAAA;
}



.activatedComponent .lime-text-plain    { border:dashed 1px #CCCCFF; }
.activatedComponent .lime-text-richtext { border:dashed 1px #CCCCFF; }

.notDragging-dragPlaceholder { display:none; }

.dragging-dragPlaceholder,
.dropPlaceholder
{
  width:200px; height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 0 3px 0;
  border:solid 1px #E4E0E0;
  background:#F8F8F8 url(/_img/content-normal.gif) no-repeat 2px 2px;
}
.dragging-dragPlaceholder h4,
.dropPlaceholder h4
{
  padding:0 5px 0 70px;
}
.dragging-dragPlaceholder h4
{
  font-size:14px;
  margin:20px 0 3px 10px!important;
}
.dragging-dragPlaceholder p,
.dropPlaceholder          p
{
  display:none!important;
  font-size:12px;
}
.component .dropPlaceholder { display:none; }
.component .dragPlaceholder { display:none; }


.contentColumn .dropPlaceholder { width:98%; }
.rating
{
  line-height:12px !important;
  cursor: pointer;
}

.ratingBox
{
  display:block; _display:inline-block;
  position:relative;
  width:60px; height:12px;
  overflow:hidden;
  background-image:url(/_img/stars.gif);
  text-align:left;
  background-position:0 -12px;
  float:left;
  cursor: pointer;
}
.rated-
{
  background-position:0 0;
}

.rate
{
  height:100%;
  overflow:hidden;
  background-image:url(/_img/stars.gif);
  background-position:0 -24px;
}
.gecko .rate {display: -moz-inline-box;}

.rated-    .rate  { background-image:none; }
.rated-0   .rate  { background-image:none; }
.rated-0   .rate  { width:0; }
.rated-1   .rate  { width:6px; }
.rated-2   .rate  { width:12px; }
.rated-3   .rate  { width:18px; }
.rated-4   .rate  { width:24px; }
.rated-5   .rate  { width:30px; }
.rated-6   .rate  { width:36px; }
.rated-7   .rate  { width:42px; }
.rated-8   .rate  { width:48px; }
.rated-9   .rate  { width:54px; }
.rated-10  .rate  { width:60px; }

.editMode ul.tree li a.folder
{
  cursor:move;
}

ul.tree,
ul.tree ul
{
  list-style:none;
  padding:0;
  overflow:hidden;
}

.tree li
{
  width:100%;
  position:relative;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  margin-bottom:2px;
}

/*textcontainer*/
.tree a.asset-label
{
  display:inline-block;
  margin: 0; 
  padding: 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#000000;
}

.tree li a.folder
{
  background-position:21px 0px;
  background-repeat:no-repeat;
  cursor:default;
  padding-left:35px;
}

.gecko .tree li a.folder
{
  background-position:21px -1px;
}

.tree li input {  border:0; background-color: #EEEEEE; font-family: Verdana, Arial; }

.tree li a.folder                         { width:42px; margin-left:-15px; }
.tree ul li a.folder                      { margin-left: 0px; width:100px; }
.tree ul li a.asset-label                 { width:138px; }
.tree ul li li                            { background-position: 15px 0px; }
.tree ul li li a.folder                   { margin-left: 15px; }
.tree ul li li a.asset-label              { width:123px; }
.tree ul li li li                         { background-position: 30px 0px; }
.tree ul li li li a.folder                { margin-left: 30px; }
.tree ul li li li a.asset-label           { width:108px; }
.tree ul li li li li                      { background-position: 45px 0px; }
.tree ul li li li li a.folder             { margin-left: 45px; }
.tree ul li li li li a.asset-label        { width:93px; }
.tree ul li li li li li                   { background-position: 60px 0px; }
.tree ul li li li li li a.folder          { margin-left: 60px; }
.tree ul li li li li li a.asset-label     { width:78px; }
.tree ul li li li li li li                { background-position: 65px 0px; }
.tree ul li li li li li li a.folder       { margin-left: 65px; }
.tree ul li li li li li li a.asset-label  { width:73px; }
.tree ul li li li li li li li             { background-position: 67px 0px; }
.tree ul li li li li li li li a.folder    { margin-left: 67px; }
.tree ul li li li li li li li a.asset-label { width:71px; }

.tree li.unselected     { background-color:#FFFFFF; }
.tree li.selected       { background-color:#EEEEEE; }

.tree a.folder:hover,
.tree a.folder:focus,
.tree a.expandcollapser:hover,
.tree a.expandcollapser:focus,
.tree a.selector        { text-decoration:none; }
.tree a.selector:hover,
.tree a.selector:focus  { text-decoration:underline; }
.tree .collapsed ul     { display:none; }


/*.tree li.expanded       { background-image:url(../_img/fileicons/folder.gif); }*/

.tree li li.expanded    { background-image:url("../_img/exp.gif"); }
.tree li li.collapsed   { background-image:url("../_img/col.gif"); }
.tree a.folder          { background-image:url("../_img/fileicons/folder.gif"); }
.tree .css-item         { background-image:url("../_img/fileicons/css.gif"); }
.tree .image-item       { background-image:url("../_img/fileicons/image.gif"); }
.tree .file-item        { background-image:url("../_img/fileicons/file.gif"); }
.tree .loading .expandcollapser 
                        { background-image:url("../_img/loading.gif"); }

.tree .loading ul       { display:none; height:1px; overflow:hidden; }

.tree li .contextMenuLabelBox             { display:none; }
.tree li.selected .contextMenuLabelBox    { width:20px; display:block; position:absolute; right:0; }
.tree li.selected li .contextMenuLabelBox { display:none; }

/* whole container, in /Default.aspx */
#dialogBox #assetmanagerDialog
{
  position:absolute;
  top:100px; left:100px;
  width:492px; min-width:400px; max-width:800px;
  height:400px; min-height:200px; max-height:600px;
  background-color:White;
  color:Black;
}

.notLoggedIn #cms #dialogBox #assetmanagerDialog
{
  display:none;
}

#dialogBox #assetmanagerDialog .dialogDropShadow
{
  bottom:-76px!important; _bottom:-5px;
  padding-bottom:75px;
}

#dialogBox #assetmanagerDialog .resizer-dim_width
{
  position:absolute;
  z-index:10000;
  top:0; right:-3px;
  width:5px; height:100%;
  padding-bottom:65px;
}

#dialogBox #assetmanagerDialog .resizer-dim_height
{
  position:absolute;
  z-index:10000;
  bottom:-75px; left:0;
  width:100%; height:5px;
}
#dialogBox #assetmanagerDialog .resizer-dim_both
{
  position:absolute;
  z-index:10001;
  bottom:-75px; right:-3px;
  width:10px; height:10px;
}

#dialogBox #assetmanagerDialog .dialogContent
{
  padding:44px 1px 26px 0;
}

#dialogBox #assetmanagerDialog .assetmanagerOptions
{
  position:absolute;
  top:23px;
  width:100%; height:19px;
  overflow:hidden;
  color:#B0B0B0;
  border-bottom:solid 1px #B0B0B0;
  background-color:#EEEEEE;
}

#dialogBox #assetmanagerDialog #folderOptions
{
  float:left;
  width:196px; height:16px;
  padding:2px;
  border-right: 1px solid #B0B0B0;
}
#dialogBox #assetmanagerDialog #assetsOptions
{
  padding:2px 0 2px 205px;
}
#dialogBox #assetmanagerDialog #assetsOptions .sortOptions,
#dialogBox #assetmanagerDialog #folderOptions #numberOfFiles
{
  float:right;
  padding-right:8px;
}
#dialogBox #assetmanagerDialog #assetsOptions .sortOptions .selected
{
  text-decoration: underline;
}

#dialogBox #assetmanagerDialog #folderBox
{
  width:200px; height:100%;
  overflow:auto;
  background-color:white;
}
#folderBox ul,
#folderBox li
{
  margin:0; padding:0;
}

#dialogBox #assetmanagerDialog #assetsBox
{
  position:absolute;
  z-index:1000;
  top:45px; left:200px;
  width:285px; height:400px;
  padding:4px 4px 0 4px;
  overflow:auto;
  overflow-x:hidden;
  background-color:White;
  border-left: 1px solid #B0B0B0;
}
#dialogBox #assetmanagerDialog #assetsBox.slideshow
{
  overflow: hidden;
}
#dialogBox #assetmanagerDialog #statusBox
{
  position:absolute;
  z-index:10;
  bottom:0;
  width:100%; height:20px;
  padding-left:5px;
  color:#B0B0B0;
  border-top: 1px solid #B0B0B0;
  background-color: #EEEEEE;
  line-height:20px;
  font-size:11px;
}

/* folders tonen */
#dialogBox #assetmanagerDialog #assetmanager
{
  width:100%; height:100%;
  overflow:auto;
  overflow-x:hidden;
  font-family:Verdana,Arial,sans-serif;
}

/* files tonen, #assetsBox*/

  /* uploading */
  #dialogBox #assetmanagerDialog #assetsBox .uploadContainer { overflow:hidden; }
  #dialogBox #assetmanagerDialog #assetsBox .uploadContainer #uploadFrame { height: 90px;}
  #dialogBox #assetmanagerDialog #assetsBox .uploadContainer.collapsed { height:20px; }
  #dialogBox #assetmanagerDialog #assetsBox .uploadContainer label { background-image:url("/_img/arrow-down.gif"); background-position: 9px 4px; padding-left:23px; background-repeat: no-repeat; cursor:pointer; display:block; }
  #dialogBox #assetmanagerDialog #assetsBox .uploadContainer.collapsed label { background-image:url("/_img/arrow-right-grey.gif"); }
  
  #dialogBox #assetmanagerDialog #assetsBox .asset-list        { list-style: none; margin:0; }
  #dialogBox #assetmanagerDialog #assetsBox .optionsBar        { padding-left:5px; }
  #dialogBox #assetmanagerDialog #assetsBox #emptyFolder       { padding: 10px;}
  
  /* list items (per asset) */
    #dialogBox #assetmanagerDialog #assetsBox .asset-list li
    {
      height: 66px;
      clear: both;
      margin:5px;
      overflow:hidden;
    }

    .gecko #dialogBox #assetmanagerDialog #assetsBox .asset-list li
    {
      margin-left: -31px;
    }

      /* image */  
        #dialogBox #assetmanagerDialog #assetsBox .asset-list .asset-image
        {
          float:left;
          width: 64px;
          height: 64px;
          border: 1px solid #E4E0E0;
          text-align: center;
          margin-right: 5px;
        }

      /* image info */
        #dialogBox #assetmanagerDialog #assetsBox .asset-list .asset-information
        {
          overflow:hidden;
          padding-left: 84px;
        }

        #dialogBox #assetmanagerDialog #assetsBox .asset-list .asset-information
        {
          padding-left:0;
          padding-top: 10px;
        } 

        #dialogBox #assetmanagerDialog #assetsBox .asset-list .asset-information input
        {
          display:block;
        }

        #dialogBox #assetmanagerDialog #assetsBox .asset-list .asset-information .assetName
        {
          display:block; _display:inline-block;
          width:170px;
        }

        .ie7 #dialogBox #assetmanagerDialog #assetsBox .contextMenuLabelBox { position:relative; clear:both; }
        .ie7 #dialogBox #assetmanagerDialog #assetsBox .contextmenuActivator { position:absolute; top:6px; left:178px; }
        
        .viewMode #assetsBox .dragger {cursor:default;}



/* drag folder */
.dragging-clonePlaceholder-folder
{
  height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 5px 3px 60px;
  border:solid 1px #E4E0E0;
  background:#F8F8F8 url(/_img/fileicons/folder.gif) no-repeat 2px 2px;
}
.contentColumn .clonePlaceholder-folder
{
  height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 5px 3px 60px;
  border:solid 1px #E4E0E0;
  background:#F8F8F8 url(/_img/fileicons/folder.gif) no-repeat 2px 2px;
}



/* View a file in slideshow mode */
#assetSlideShowTitle
{
  color: #EF6424;
  width:100%;
  padding: 5px 0;
  border-bottom:1px solid #B0B0B0;
}
#assetSlideShowNumbering
{
 position:absolute;
 right:5px;
 margin-top: -20px;
 font-size: small;
 color:#808080;
 padding: 5px 0; 
}
#assetSlideShowToolbar
{
  width:100%;
  padding: 5px 0;
  border-top:1px solid #B0B0B0;
  text-align:right;
}
#assetSlideShowToolbar a
{
  margin-right: 10px;
}
#assetSlideShowImageContainer {
  position:relative;
  width:280px; height:270px;
  overflow:hidden;
}
/*.ie #assetSlideShowImageContainer {
  display:table;
  position:static;
}*/

#assetSlideShowImageContainer .middle {
  position:absolute;
  top:50%; 
  width:100%;
  text-align:center;
}

.gecko #assetSlideShowImageContainer .middle { top:0%; }
/*.ie #assetSlideShowImageContainer .middle {
  display:table-cell;
  vertical-align:middle;
  position:static;
  
}*/

#assetSlideShowImageContainer .inner {
  position:relative;
  top:-50%;
}

#assetsOptions .collapsed
{
  display:none;
}
#slideshowControls img
{
  border:0;
}

#assetSlideShowDescriptionBox {
  margin-bottom:10px;  
}

#assetSlideShowDescriptionBox .label{
  display:block;
  font-weight:bold; 
  font-size:11px; 
  color:#5C5C5C;
}


/* css for Firefox */

.gecko #assetsBox .clone-box .contextmenuActivator
{
  right: -3px;
  margin-top: -12px;
}

.gecko #assetsBox .clone-box
{
  position: relative;
}

.gecko .assetsBox #contextmenu .contextmenuTab
{
  position: relative;
  top: 2px;
  left: 3px;
  width: 150px;
}

.gecko #assetsBox .contextmenuLabel
{
  display: block; 
}
/*main*/
#admin {
  margin:10px;
  font-size:11px; 
  color:#5C5C5C;  
  width:90%; height:90%;
}

#admin .adminheaderBox {
  position:relative;
  width:974px; height:98px;
  background-image:url("/_img/admin-header-bg.gif");
  background-repeat:repeat; 
  border:1px solid #E4E0E0; 
}

#admin .adminHeaderLogo {
  position:absolute;
  top:10px; left:5px;
  width:53px; height:50px;
  background-image:url("/_img/admin-header-logo.gif");
  background-repeat:no-repeat;  
}

#admin .adminHeaderPageLabel {
  position:absolute;
  top:15px; left:65px;
  color:#FFFFFF;
  font-size:150%;
  font-weight:normal;
}

#admin .adminHeaderNeighborhood {
  position:absolute;
  top:36px; left:65px; 
  color:#FFFFFF;
  font-size:150%;
}

#admin .adminHeaderLinkBox {
  position:absolute;
  top:10px; right:10px;
}

#admin span               { color:#FFFFFF; }
#admin .authentication    { color:#FFFFFF; }
#admin .contact           { color:#FFFFFF; }

#admin .tabBox {
  position:absolute;
  top:76px; right:5px;
  width:620px; height:21px;
}

#admin .tab {
  position:absolute;
  width:117px; height:21px;
  line-height:21px;
  background-color:#0061A7;
  border:1px solid #FFF;
  font-weight:bold;
  text-align:center;
}

#admin .tab a{
  color:#FFFFFF;
}

#admin .selected-tab    { background-color:#FFF; }
#admin .selected-tab a  { color:#0061A7; }

#admin .homeTab       { left:0; }
#admin .settingsTab   { left:122px; }
#admin .usersTab      { left:244px; }
#admin .statsTab      { left:366px; }
#admin .activitiesTab { left:488px; }


#admin .adminContent {
  padding:10px;
  width:954px;  _height:590px; min-height: 590px;  
  border:1px solid #E4E0E0;
  border-top:none;
} 

#admin .adminFooter {
  width:974px;  height:21px; 
  background-color:#EEE; 
  border:1px solid #E4E0E0;
  border-top:none;
}

#admin .adminFooter .copyright {
  margin-left:5px;
  line-height:21px; width:100px;
  font-size:88%;  
  cursor:pointer; 
}

#admin .adminContentBox {
  width:99%;
  margin-bottom:15px;
}

#admin .adminContentBox .contentHeader {
  width:100%;
  padding-left:5px;
  line-height:21px;
  background-color:#EEE;
  border: 1px solid #E4E0E0;
  font-weight:bold;
  font-size:130%;
  color:#000;
}

#admin .adminContentBox .contentSubHeader {
  width:100%;
  padding-left:5px;
  line-height:21px;
  font-weight:bold;
  font-size:110%;
  color:#000;
}

#admin .adminContentBox .content {
  padding:5px;
}

/*custom table*/
#admin .adminContentBox .rowBox
{
  width:100%;
  margin-bottom:3px;
  clear: both;
}

#admin .adminContentBox .rowLabel
{
  width:22%;
  line-height:20px;
  float:left;
}

#admin .adminContentBox .rowContent
{
  width:70%;
}

/*table layout*/
#admin .adminTabel
{
  width:900px;
  border:1px solid #E4E0E0; 
  border-collapse:collapse; 
}

#admin .adminTabel .tabelHeader
{
  padding-left:3px;
  line-height:18px;
  background-color:#0061A7;
  color:#FFF;
  font-weight:bold; 
  vertical-align:middle;
  border-right: 1px solid #FFF;
}

#admin .adminTabel .tabelSubHeader {
  font-weight:bold;
  color:#0061A7;  
}

#admin .adminTabel td
{
  padding-left:3px;
  line-height:16px;
  border-bottom: 1px solid #E4E0E0;
  border-left: 1px solid #E4E0E0;
  vertical-align:middle;
}

/*HOME*/
#admin .list {
  margin-top:5px;
  margin-bottom:5px;
}
 

/*STATISTICS PAGE*/
#admin .avg {
  width:900px;
}

#statisticsPage .adminTabel .name { width:300px; }
#statisticsPage .adminTabel .value { width:600px; }

/*USERS*/

#admin .userBox .usersTabel .sort-hover {
  text-decoration:underline;  
}

#admin .userBox .usersTabel .nick           {width:225px; font-weight:bold; cursor:pointer;}
#admin .userBox .usersTabel .name           {width:225px; cursor:pointer; }
#admin .userBox .usersTabel .lastLoggedIn   {width:170px; cursor:pointer; }
#admin .userBox .usersTabel .validated      {width:90px; cursor:pointer; }
#admin .userBox .usersTabel .sendMail       {width:90px; }
#admin .userBox .usersTabel .takeOver       {width:90px; border-right: 1px solid #E4E0E0; text-align:center; cursor:pointer;}

#admin .userBox .usersTabel .evenRow { background-color:#EEE; }
#admin .userBox .usersTabel .hover { background-color:#81A7DA; }

/*SETTINGS*/
#admin .settings
{
  position:relative;
}

#admin .mapsBox
{
  position:absolute;
  top:150px; left:430px;
  width:515px; height:300px;
  border:1px solid #E4E0E0;
}

#componentToolbar
{
  position:absolute;
  top:-23px; left:-3px;
  width:100%; height:21px;
  padding:0 2px 0 2px;
  background-image:url("/_img/bg-bar.gif");
  border: 1px solid #E4E0E0;
}

.ie7 #componentToolbar        { width: 98%; }
.ie7 .menu #componentToolbar  { width: 90%; }

#componentToolbar .contextmenuTitle
{
  position:absolute;
  left:10px;
}

#componentToolbar .contextmenuActivator
{
  position:absolute;
  top:3px; right:7px;
  width:16px;
  background-position:-2px 50%;
}



#componentToolbar .componentSettings
{
  cursor:pointer;
}

.activatedComponent
{
  border:2px dotted #0061A7;
}
  
/*profile*/
body.profile
{
  background-color:#fff;   
}

#profilePage
{
  margin:5px 0 20px 0;
}

#profilePage .pp-droptype-small {
  padding-bottom:0px;
}

#profilePage .layoutBox {
  margin-left:10px;
  padding:10px 10px 0 10px;
  width:920px !important;
  background-color:#FFFFFF;
  border:1px solid #D8D8D8; 
}

#profilePage #personalSettings
{
  width: 940px;
}


#profilePage #personalSettings .intro
{
  padding:10px 10px 0 10px;
}

#contentSplitterTable
{
  width: 100%;
  border-spacing: 10px;
}

/*HEADER*/
#profilePage #header
{
  margin: 10px 10px 0 10px;
  padding: 10px;
  width: 900px;
}

  #profilePage #header .head
  {
    position:relative;
    margin: 0; 
    width:920px; height:120px;
    font-size:80%;
  }
  
  .gecko #profilePage #header .head { margin-top: -50px; }
  
    #profilePage #header .head #headPhoto {
      position:absolute;
      top: 13px; left: 10px;
      width:111px; height:111px;
      background-image: url("/_img/header_profileimage_bg.gif");
      background-repeat:no-repeat;
    }
    
    .headPhotoSwitch {
      display:block;
      border:0px solid white;
      width:100px; height:100px;
      text-decoration:none;
    }
    .headPhotoSwitch img { border:0px; }
    .headPhotoSwitch:hover{text-decoration:none;}
    
      #profilePage #header .head #headPhoto .removePhoto{
        position:absolute;
        top:5px; right:10px;
        width:11px; height:11px;
        background-image:url("/_img/delete.gif");
        background-repeat:no-repeat;
        cursor:pointer;
      }
      
      .profilePhoto {
        margin: 3px 0 0 3px;
      }
      .dragging-image .profilePhoto {
        visibility:hidden;
      }
      
    
    #headPhotoGuide {
      position:absolute;
      top:8px; left:125px;
      width:127px; height:44px;
      background-image: url("/_img/header_clickimage.gif");
      background-repeat: no-repeat;
    }
    
    #profilePage #header .head #headLogo {
      position:absolute;
      top: 0; right: 0;
      background-image:url("/_img/header_logo_blue.gif");
      width:122px; height:122px;
    }
    
    #profilePage #header .head h1 {
      margin: 60px 0 0 135px;
      color:#A7000D;
      font-weight:normal;
      font-size:140%;
      background-color:inherit;
    }
    
    #profilePage #header .head h2 {
      margin: 5px 0 0 135px;
      color: #0061A7;
      font-weight:normal;
      font-size:170%;
      background-color:inherit;
    }
     
    /* Firefox fixes */
    .gecko #profilePage #header .head h1 { padding-top: 50px; }
    
/*PAGE INFORMATION BAR*/
  #profilePage #pageInformationBox
  {
    position:relative;
    top:5px;
    width:918px; height:22px;
    font-size:70%;
    color:#000;
    background-color:white;
    border: 1px solid #FFF;
    text-align:right;
  }
  
  #profilePage #pageInformationBox .pageInfoLeftContainer
  {
    position:absolute;
    left:10px;
    top:6px;
  }

  #profilePage #pageInformationBox .pageInfoRightContainer
  {
    position:absolute;
    right:0px;
    top:6px;
  }

  #profilePage #pageInformationBox .lastUpdated,
  #profilePage #pageInformationBox .numberOfVisitors,
  #profilePage #pageInformationBox .createdBy
  {
    margin-left:10px; 
    margin-right:20px;
  }
  
  #profilePage #pageInformationBox .rating
  {
    float: left;
    top:4px; left:2px;
  }
  #profilePage #pageInformationBox .rating #ratingBox
  {
    position:relative;
    width:60px; height:12px;
  }    
    
/*CONTENT*/    

#profileContainer
{
  margin-left:8px;
  width:946px;
  background-color:#FFF;
  background-position:top left;
  background-repeat:no-repeat;
}
.profileCell
{
  padding: 2px 5px 5px 5px;
  width:50%;
}
.profileCell li a {
  font-weight: bold;
}
.mijngegevens { 
  border:1px solid #D8D8D8; }
.mijnwebsites { background-color: #6ab7ff; background-image: url("/_img/profile/bgblue.jpg"); }
.mijnkarakter { background-color: #ddbe49; background-image: url("/_img/profile/bgyellow.jpg"); }
.mijnactiviteiten { background-color: #a8d659; background-image: url("/_img/profile/bggreen.jpg"); }
.mijnwebsites,.mijnkarakter,.mijnactiviteiten { background-repeat: no-repeat; background-position: top left; }

/*GLOBAL*/
.profileHeader {
  margin:5px 0 7px 0;
  padding:3px;
  color:#000;
  font: bold 90% Calibri, Verdana, Arial, sans-serif;
}

.profileSubHeader {
  margin:15px 0 2px 0;
  padding:3px;
  font-weight:bold;
  color:#000; 
  font-size:70%; 
}

.editMode .profileCell .lime-text-plain
{
  border-left:1px solid gray;
  border-top:1px solid gray;
  padding:2px;
}

.moduleFooter {
  margin:35px 5px 0 0;
}

.tableModuleFooter {
  height:65px;
  border-top:1px solid #D8D8D8;
  text-align:right;
}

.nonTableModuleFooter {
  padding-bottom:5px;
  width:430px;
  text-align:right;
  border-top:1px solid #F8F8F8;
}

.buttonToCreateNew {
  float:right;
  width:180px;
  height:23px;
  font-size: 80%;
  font-weight: bold;
  color:white;
  text-align:center;
  margin:3px 0 0 0;
  padding-top:3px;
  line-height:1.6em;
  background-repeat: no-repeat;
}
.buttonToCreateNewEvent 
{ 
  width:180px;
  background-image: url("/_img/profile/buttonaddevent.gif"); 
  background-color: #3F8B19;
}

.buttonToCreateNewWebsite 
{ 
  width:180px;
  background-image: url("/_img/profile/buttonaddwebsite.gif"); 
  background-color: #2D6ADF;
}

.buttonToCreateNew:hover{
  color:White;
}

/*PERSONAL PAGE*/ 
/*my info*/
#profileContainer .intro {
  padding:5px 0 5px 3px;
  font-size:11px;
  color: #000;
}

#profileInfo{
  color: #000;
  width:452px;
  font-size:11px;
  border-collapse:collapse;
  border-top:1px solid #D8D8D8;
}

  #profileInfo tr {
    height:24px;
  }

  #profileInfo th,
  #profileInfo td {
    padding-left:3px;
    font-weight:normal; 
    border-bottom:1px solid #D8D8D8;
    vertical-align:middle;
  }
  
  #profileInfo th {
    width:120px; 
  }
  #profileInfo td {
  }
  
  #profileInfo td iframe{
    width:100%;
  }
  
  #profileInfo a {
    cursor:pointer;
  }


.karakterEigenschapInfo {
  list-style:none;
}
.karakterEigenschapImage {
  width:30px;
  vertical-align:middle;
  text-align:center;
  padding:2px 5px 2px 5px;
}
.karakterEigenschapName {
  font-weight:bold;
}

/*my contacts*/
#profilePage .groupheaderList {
  display:block;
  position:relative;
  padding:0; margin:0;
  width:430px;
  border-bottom:1px solid #D8D8D8;
}

#profilePage .groupheaderList.collapsed {
  height:20px;
  overflow:hidden;
}

#profilePage .groupBox,
#profilePage .groupContactBox {
  padding:0; margin:0;
  width:430px;
  font-size:11px;
}

#profilePage .groupBox { border-top:1px solid #D8D8D8; }

#profilePage .groupHeaderBox { 
  display:block; 
  margin:0; padding:0;
  height:20px;
  line-height:20px;
}

#profilePage .groupHeaderBox .expcol {
  position:absolute;
  top:0; left:0px;
  display:block;
  width:430px; height:20px;
  background-repeat:no-repeat;
  background-position: 4px 50%;
  cursor:pointer;
  background-image:url("/_img/EC-plus.gif");
}

 #profilePage .expanded .expcol{
  background-image:url("/_img/EC-min.gif"); zoom:1;
}

#profilePage .groupHeader{
  display:block;
  font-weight: bold;
  padding-left:20px;
  color:#000;
  float:left;
  width: 385px;
}

#profilePage .groupHeaderBox .numberOfContactsInGroup {
  padding-left:5px;
  font-weight:normal;
  float:left;
  color:#000;
}

#profilePage .groupContact{
  display:block;
  padding:2px 0 2px 39px; margin:0;
  list-style:none;
  background-image:url("/_img/contact.gif");
  background-repeat:no-repeat;
  background-position: 17px 50%;
  color:#000;
  cursor:pointer;
}


/*HAPPY PAGE*/  
/*about me*/

#personalQa th,
#profileInfo th {
  width:170px;
}

/*q & a*/
.personalQa {
  border-collapse:collapse; 
  border-top:1px solid #D8D8D8;
  width:452px;
  color:#000;
  font-size:11px;
}
.personalQa tr { height:24px; }
.personalQa th,
.personalQa td { 
  padding-left:3px;
  font-weight:normal; 
  border-bottom:1px solid #D8D8D8;
  vertical-align:middle; 
}
.personalQa th { width:150px;  }
.personalQa td { background-color:#fff; }
.personalQa .deleteRow { width:15px; padding-left:5px;}
.personalQa .deleteQuestion { cursor:pointer;}

.personalQa td.value, #profileInfo td.value {
  font-weight: bold;
}

/*my websites*/
.profileCell .contentContainer {
  background-color: #FFF;
}

.profileCell .contentContainer ul {
  margin:0;
  padding:0;
}

.profileCell .contentContainer li {
  display:block;
  margin: 0;
  padding:0;
  border-bottom:1px solid #D8D8D8;
  font-size:11px;
  line-height:20px;
}
      
.profileCell .contentContainer li a{
  margin:0;
  padding:0 0 0 5px;
  display:block;
  width:250px; 
}

.profileCell .contentContainer .collapsed {
  padding-left:5px;
  height:20px;
  zoom:1;
  overflow:hidden;
}

.profileCell .contentContainer .expanded
{
  padding-left:5px;
  overflow:auto;
  zoom:1;
}
      
.profileCell .contentContainer .pageInfo-expcol {
  width:9px; height:18px;
  background-position: 0% 60%;
  background-repeat:no-repeat;
  float:left;
  cursor:default;
}

.profileCell .contentContainer .collapsed .pageInfo-expcol {
  background-image:url("/_img/EC-plus.gif");
}
.profileCell .contentContainer .expanded .pageInfo-expcol {
  background-image:url("/_img/EC-min.gif");
}

.profileCell .contentContainer  .extraWebsiteInformation {
  font-size:80%; 
  color:#474747;
}

.profileCell .contentContainer .pageInfo-expcol a { float:left;}
                  
.profileCell .contentContainer  .extraWebsiteInformation {
  font-size:80%; 
  color:#474747;
}

.profileCell .contentContainer  .extraWebsiteInformation tr {
  height:12px;
  line-height:12px;  
}
      
.profileCell .contentContainer  .extraWebsiteInformation th {
  padding-left:15px;
  width:280px;  
}
        
.profileCell .contentContainer  .extraWebsiteInformation td {
  width:130px; 
  text-align:right;
}

.profileCell .contentContainer  .noSites {
  display:block;
  margin:5px;
  width:80%;
  font-style:italic;
}

.profileCell .subInfo {
  margin-left:14px;
}

.profileCell .subInfo .deleteWebsite
{}

.profileCell .subInfo .deleteWebsite img
{
  margin-left:5px;  
  cursor:pointer;
}



/*FF fixes*/
.gecko #profilePage { margin-top: -150px; padding-top: 155px;}
.gecko #profilePage #personalSettings .informationBlock
{ float: none; }
.gecko #profilePage #personalSettings #websites .content li a
{ margin-top: -2px; margin-left: 13px;}
.viewMode #dialogBox .editModeOnly { display:none; }

.inactive-dialog
{
  display:none;
}

#dialogBox
{
  position:fixed;
  top:0; left:0;
  z-index:1000;
  font-size:12px;
}

#dialogBox .dialog
{
  position:absolute;
  z-index:10;
  width:300px; min-width:200px; max-width:800px;
  min-height:70px; max-height:600px;
}

#dialogBox .dialogDropShadow
{
  position:absolute;
  bottom:-4px; right:-6px;
  z-index:1;
  width:99%; height:98%;
  background-color:black;
  opacity:0.15; filter:alpha(opacity=15);
}

#dialogBox .dialogContent
{
  position:relative;
  z-index:2;
  width:100%; height:100%;
  padding:35px 0 0 0;
  overflow:hidden;
  background-color:white;
  border:solid 1px #E4E0E0;
}
  
#dialogBox .dialog .titlebar
{
  position:absolute;
  top:0;
  width:100%; height:22px;
  padding:0 0 0 6px;
  background-image:url("/_img/bg-dialog-selector.gif");
  line-height:20px;
  font-size:12px;
  font-weight:bold; 
  color:white;
}
    
#dialogBox .dialog .hider,
#dialogBox .dialog .inactivator
{
  position:absolute;
  top:0; right:6px;
  width:22px; height:21px;
  background-image:url("/_img/dialog-selector-close.gif");
}

#dialogBox .dialog .content p.intro { padding:0 15px 0 15px; }

#dialogBox .dialog .content .leftAlign  { width:40%; float:left; margin-right:10px;  text-align:right; line-height:20px; }
#dialogBox .dialog .content .rightAlign { width:45%; padding-top:2px; }
#dialogBox .dialog .content .centerAlign
{
  position:relative;
  left:50%;
  width:100px;
  margin:15px 0 10px -50px; 
}

#dialogBox .dialog .footer
{
  height:20px;
  padding:0 0 0 6px;
  line-height:18px;
  border-top:solid 1px #E4E0E0;
  background-color:#EEEEEE;
}


/*Search dialog*/
#dialogBox #searchDialog { width:350px; height:75px; }
#dialogBox #searchDialog .dialogDropShadow { _right:-3px; height:113px; top:4px; }

/*information*/
#dialogBox #widwInfoDialog { width:460px; _height:150px; }
#dialogBox #widwInfoDialog .dialogDropShadow { _right:-3px; _height:180px; }
  
/*Reaction dialog*/
#dialogBox #reactionDialog { width:500px; _height:450px;}
#dialogBox #reactionDialog .dialogDropShadow { _right:-3px; _height:480px; }

/*settings*/
#dialogBox #settingsDialog { width:500px; _height:380px; }
#dialogBox #settingsDialog .dialogDropShadow { _right:-3px; _height:410px; }

/*componenten*/
#dialogBox #componentsDialog { width:420px; _height:312px; }
#dialogBox #componentsDialog .dialogDropShadow { _right:-3px; _height:342px; }

/*meewerken*/
#dialogBox #workAlongDialog { width:460px; _height:312px; }
#dialogBox #workAlongDialog .dialogDropShadow { _right:-3px; _height:342px; }

/*send a message*/
#dialogBox #sendAMessageDialog { width:460px; _height:312px; }
#dialogBox #sendAMessageDialog .dialogDropShadow { _right:-3px; _height:342px; }

/*contacts*/
#dialogBox #contactDialog { width:492px; _height:400px; }
#dialogBox #contactDialog .dialogDropShadow { _right:-3px; _height:430px; }

/*navigation*/
#dialogBox #navigationDialog { width:460px; _height:400px; }
#dialogBox #navigationDialog .dialogDropShadow { _right:-3px; _height:430px; }

/*event-editor*/
#dialogBox #eventDialog { width:550px; _height:400px; }
#dialogBox #eventDialog  .dialogDropShadow { _right:-3px; _height:430px; }

/*properties dialog*/
#dialogBox #propertiesDialog { width:350px; height:145px; }
#dialogBox #propertiesDialog  .dialogDropShadow { _right:-3px; height:173px; bottom:-36px; _bottom:-3px;}

#dialogBox #componentsDialog .clone-box { margin:15px 2px 10px 2px; }


/*Login dialog*/
#dialogBox #loginDialog                   { width:350px; }
#dialogBox #loginDialog .dialogDropShadow { _right:-3px; _height:150px; }
#loginDialog .forgotten-collapsed         { height:27px; overflow:hidden; }
#loginDialog .forgotLabel                 { cursor:pointer; }

#dialogBox #loginDialog #forgotPassword                 { display:block; border-top: solid 1px #d1d1d1; margin:10px 0 5px 0; padding-left:5px}
#dialogBox #loginDialog #forgotPassword .forgotLabel    { display:block; margin:10px 0 0 0;}
#dialogBox #loginDialog #forgotPassword span            { color:#0061A7; }
#dialogBox #loginDialog #forgotPassword p               { margin: 2px 0px 0px 0px;}
#dialogBox #loginDialog #forgotPassword .forgotInputBox { margin:2px 0 0 0}
#dialogBox #loginDialog #forgotPassword .submitButton   { margin-left: 5px;}

#dialogBox #loginDialog #submitInloggen   { display:block; margin:5px 0 5px 148px; _margin-left:152px;}
#rememberMe                               {margin-left:0px; _margin-left:-4px;}


/*search*/
#searchDialog #submitSearch {
  margin:.5em 0 0 150px;
  _margin-left:153px;
}


/* component dialog */

/* Firefix */
.gecko .clonePlaceholder { height: 60px; }
/* end */

.clonePlaceholder
{
  position:relative;
  width:300px; height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 5px 3px 70px;
  border:solid 1px #E4E0E0;
  background:#F8F8F8 url(/_img/content-normal.gif) no-repeat 2px 2px;
}

.dragPlaceholder
{
  width:120px!important;
}

.dropPlaceholder
{
  padding-left:0px!important;
}

#dialogBox #componentsDialog .clone-box { margin:15px 2px 10px 2px; }

#dialogBox #componentsDialog .content {
  font-size:11px; 
  color:#5C5C5C;
}

#dialogBox #componentsDialog .content .intro{
  padding:0 5px 20px 10px;
}

#dialogBox #componentsDialog .content .componenttabsBox {
  position:relative;
  width:96%; height:245px;
}

/*component*/
#dialogBox #componentsDialog .clonePlaceholder { margin:4px 10px 3px 10px;}

.clonePlaceholder h4
{
  font-size:12px;
  margin:20px 0 3px 10px!important;
}
#dialogBox #componentsDialog .clonePlaceholder h4 { margin:0 0 3px 0!important; }

.clonePlaceholder p
{
  display:none!important;
  font-size:11px;
}
#dialogBox #componentsDialog .clonePlaceholder p { display:block!important; }


/*first tab*/
#dialogBox #componentsDialog .content .newComponentBox {
  position:absolute;
}

#dialogBox #componentsDialog .content .newtab {
  margin-left:0; 
}

#dialogBox #componentsDialog .newComponentBox .clonePlaceholder
{
  position:relative;
  height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 5px 3px 70px;
  border:solid 2px #E4E0E0;
  background:#FFFFFF url(/_img/content-normal.gif) no-repeat 2px 2px;
}


/*global tab stuff*/
#dialogBox #componentsDialog .capitalize {
  text-transform:capitalize;
  float:left;
}

#dialogBox #componentsDialog .componentTitle {
  display:block;
  width:200px;
  float:left;
}

#dialogBox #componentsDialog .source {
  clear:both;
}


/*second tab*/
#dialogBox #componentsDialog .content .copiedComponentBox {
  position:absolute;
}

#dialogBox #componentsDialog .content .copiedTab {
  margin-left:70px;
}

#dialogBox #componentsDialog .copiedComponentBox .clonePlaceholder
{
  position:relative;
  height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 5px 3px 70px;
  border:solid 2px #E4E0E0;
  background:#FFFFFF url(/_img/content-copied.gif) no-repeat 2px 2px;
}

/*third tab*/
#dialogBox #componentsDialog .content .deletedComponentBox {
  position:absolute;
}


#dialogBox #componentsDialog .content .deleteTab {
  margin-left:135px;
  width:75px!important;
}

#dialogBox #componentsDialog .deletedComponentBox .clonePlaceholder
{
  position:relative;
  height:50px;
  margin:0.5em 0 0.5em 0;
  padding:3px 5px 3px 70px;
  border:solid 2px #E4E0E0;
  background:#FFFFFF url(/_img/content-deleted.gif) no-repeat 2px 2px;
}


.componenttabsBox
{
  margin-top:25px;
}

#dialogBox #componentsDialog .content .tab {
  display:block;
  position:relative;
  z-index:20;
  left:15px;
  padding:0 0px 0 10px;
  margin-top:-25px;
  width:60px;
  border:solid #E4E0E0; border-width:1px 1px 0 1px;
  line-height:21px;
  background-color:#FFFFFF;
  cursor:pointer;
}
#dialogBox #componentsDialog .content .collapsed-componentTab .tab { z-index:5!important; }

#dialogBox #componentsDialog .content .expanded-componentTab .newtab,
#dialogBox #componentsDialog .content .expanded-componentTab .copiedTab,
#dialogBox #componentsDialog .content .expanded-componentTab .deleteTab {
  background-color:#F8F8F8;

}



#dialogBox #componentsDialog .content .tabcontent {
  display:none;
}

#dialogBox #componentsDialog .content .expanded-componentTab .tabcontent {
  position:relative;
  z-index:10;
  top:-1px;
  display:block;
  width:100%; height:203px;
  background-color:#F8F8F8;
  overflow-y:scroll;
  padding:10px;
  border:solid #E4E0E0; border-width:1px 0 0 0;
}

#dialogBox #componentsDialog .footer {
  width:100%; height:20px;
  background-color:#EEEEEE;  
} 

/* Layout Dialog */
#dialogBox #layoutDialog { width:440px; _height:215px; }
#dialogBox #layoutDialog .dialogDropShadow { _right:-3px; _height:245px; }

#dialogBox #layoutDialog .intro
{
  padding:0 5px 8px 5px;
}

#dialogBox #layoutDialog #pickLayouts
{
  height:100px;
  margin-bottom:5px;
  background-color:#F8F8F8;
  border:1px solid #E4E0E0;  
}

#dialogBox #layoutDialog #pickLayouts .layoutRadio { display:none; }

#dialogBox #layoutDialog #pickLayouts .layoutImageBox
{
  margin:6px 10px 6px 10px;  
  width:76px; height:76px;
  background-repeat:no-repeat;
  border:3px solid #E4E0E0;
  float:left;
  cursor:pointer;
}
      
#dialogBox #layoutDialog #pickLayouts .selected
{
  border:3px solid #0061A7;
}
      
#dialogBox #layoutDialog #pickLayouts #layout-top   { background-image:url("/_img/layout-top.gif"); }
#dialogBox #layoutDialog #pickLayouts #layout-basic { background-image:url("/_img/layout-basic.gif"); }
#dialogBox #layoutDialog #pickLayouts #layout-left  { background-image:url("/_img/layout-top-left.gif"); }
#dialogBox #layoutDialog #pickLayouts #layout-right { background-image:url("/_img/layout-top-right.gif"); }
      
    
#dialogBox #layoutDialog .content .applyTo
{
  padding:5px 0 8px 5px;
}
    
#dialogBox #layoutDialog .footer
{
  height:24px;
  padding:5px 10px 3px 8px;
}

.gecko #dialogBox #layoutDialog .footer
{
  height: 30px;
}

#dialogBox #layoutDialog .footer .widwButton
{
  position:absolute;
  width:100px;
}
  
#dialogBox #layoutDialog .footer #cancelLayout { left:10px; }
#dialogBox #layoutDialog .footer #applyLayout  { right:10px; }


/* Resizeing */
.dialog .resizer-dim_width
{
  position:absolute;
  top:0; right:0;
  width:5px; height:100%;
  cursor:e-resize;
}
.dialog .resizer-dim_height
{
  position:absolute;
  bottom:0; left:0;
  width:100%; height:5px;
  cursor:s-resize;
}
.dialog .resizer-dim_both
{
  position:absolute;
  bottom:0; right:0;
  width:10px; height:10px;
  cursor:se-resize;
}

    
      
        
/*style*/
#dialogBox #styleDialog { width:500px; _height:454px; }
#dialogBox #styleDialog .dialogDropShadow { _right:-3px; _height:484px; }

#dialogBox #styleDialog {
  font-size:90%;
  color:#5C5C5C;
}

#dialogBox #styleDialog .dialogContent .content .tabs {
  position:relative;
  height:335px;
  margin-bottom:15px;
  padding-top:25px;
}

#dialogBox #styleDialog .dialogContent .content .tabs .tab {
   position:absolute; 
}
#dialogBox #styleDialog .dialogContent .content .tabs .tabLabel 
{
   position:relative;
   z-index:20;
   left:15px;
}
#dialogBox #styleDialog .dialogContent .content .tabs .collapsed-tab .tabLabel  { z-index:5; }

#dialogBox #styleDialog .dialogContent .content .tabs .tabLabelRegular {
  padding:3px 5px 3px 5px;
  width:120px;
  border:1px solid #E4E0E0;
  cursor:pointer;
}

#dialogBox #styleDialog .dialogContent .content .tabs .tabLabelAdvanced {
  margin-left:131px;
  padding:3px 5px 3px 5px;
  width:180px;
  border:1px solid #E4E0E0;
  cursor:pointer;
}

#dialogBox #styleDialog .dialogContent .content .tabs .expanded-tab .tabLabelRegular,
#dialogBox #styleDialog .dialogContent .content .tabs .expanded-tab .tabLabelAdvanced {
  background:#EEEEEE;
  border-bottom:none;  
}

#dialogBox #styleDialog .dialogContent .content .tabs .collapsed-tab .regularTabContent, 
#dialogBox #styleDialog .dialogContent .content .tabs .collapsed-tab .advancedTabContent {
  display:none;  
}

#dialogBox #styleDialog .dialogContent .content .tabs .regularTabContent {
  width:100%;
  border:1px solid none;
}

#dialogBox #styleDialog .dialogContent .content .tabs .advancedTabContent {
  width:100%;
  border:1px solid #EEEEEE; 
}

#dialogBox #styleDialog .dialogContent .content .tabs p  {
  display:block;
  padding:10px 5px 20px 5px;
  background-color:#EEEEEE;
}

/*advanced content*/
#dialogBox #styleDialog .placeholder {
  padding:10px 0 10px 0;
  height:50px;
  border:1px solid silver;
}

#dialogBox #styleDialog .advancedTabContent table {
  width:95%;
  border-collapse:collapse;
}

#dialogBox #styleDialog .advancedTabContent table th {
  padding-left:5px;
  width:30% !important;
}

#dialogBox #styleDialog .advancedTabContent table .tableValues {
  padding: 3px 0 3px 5px;
  width:65% !important;
  border-bottom:1px solid #E4E0E0;
}

#dialogBox #styleDialog .advancedTabContent table .tableEmptyValues {
  padding: 3px 0 3px 0;
  width:5% !important;
  border-bottom:1px solid #E4E0E0;
}

#dialogBox #styleDialog .advancedTabContent label {
  display:block;
  width:140px;
}

#dialogBox #styleDialog .advancedTabContent .pickedColor {
  display:inline;
  margin:0 5px 0 0 !important; padding:0;
  width:10px; height:17px;
  border:1px solid #AEB0B0; 
  float:left;
}

#dialogBox #styleDialog .advancedTabContent .colorNumber {
  margin:0 5px 0 0 !important;
  width:7em;
  float:left;
}

#dialogBox #styleDialog .advancedTabContent .pallette {
  display:block;
  margin:0 5px 0 0 !important; padding:0;
  width:20px; height:20px;
  background-image:url("/_img/pallette.gif");
  float:left;
  cursor:pointer;
  border:none !important;
}

#dialogBox #styleDialog .advancedTabContent .pallette:hover {
  text-decoration:none;
}

#dialogBox #styleDialog .advancedTabContent .styleSubHeaders {
  font-weight:bold;
  padding:8px 0 3px 5px;
}

#dialogBox #styleDialog .advancedTabContent .clearRule {
  display:block;
  margin:0 5px 0 10px;
  width:11px; height:11px;
  background-image:url("/_img/delete.gif");
  background-repeat:no-repeat;
  cursor:pointer;
}

#dialogBox #styleDialog .advancedTabContent #backgroundImage , 
#dialogBox #styleDialog .advancedTabContent #headerImage {
  border-color:#E4E0E0 !important;
}

  /*stylebox*/
  #dialogBox #styleDialog #styleBox {
    height:280px; width:100%;
    overflow-y:scroll;
  }
  
  .gecko #dialogBox #styleDialog #styleBox
  {
    height: 240px;
  }
  
  #dialogBox #styleDialog .advancedTabContent #styleBox { height:280px; width:100%;}

  #dialogBox #styleDialog #styleBox .head
  {
    height:21px; width:481px;
    line-height:20px;
    border:solid 1px;
    border-color:#E4E0E0 #FFFFFF #E4E0E0 #FFFFFF;
    font-weight:bold;
    background-image:url("/_img/bg-bar.gif");
    vertical-align:middle;
  }
  
  .gecko #dialogBox #styleDialog #styleBox .head
  {
    width:491px;
  }

  #dialogBox #styleDialog #styleBox .head a
  {
    color:#A7000D;
    text-decoration:none;
  }

  #dialogBox #styleDialog #styleBox .expcol
  {
    float:left;
    display:block;
    width:19px; height:20px;
  }
  #dialogBox #styleDialog #styleBox .collapsed .expcol { background-image:url("/_img/col.gif"); }
  #dialogBox #styleDialog #styleBox .expanded  .expcol { background-image:url("/_img/exp.gif"); }
          
  #dialogBox #styleDialog #styleBox .stylePerCatBox
  {
    background-color:#EEEEEE;
  }
  #dialogBox #styleDialog #styleBox .collapsed .stylePerCatBox
  {
    display:none;
    height:1px;
    overflow:hidden;
  }
          
  #dialogBox #styleDialog #styleBox .stylePerCatBox img
  {
    float:left;
    margin:8px 5px 5px 15px;  
    border:2px solid #E4E0E0;
  }
            
  #dialogBox #styleDialog #styleBox .stylePerCatBox img.selected
  {
    border-color:#0061A7;
  }
            
  #dialogBox #styleDialog #styleBox .stylePerCatBox span
  {
    float:left;
    margin:16px 0 0 8px;
  }

#dialogBox #styleDialog .content .applyTo {
  margin:5px 0 15px 8px;
}
    
#dialogBox #styleDialog .footer
{
  padding:5px;
}

.gecko #dialogBox #styleDialog .footer
{
  height: 30px;
}
    
  #cms #dialogBox #styleDialog .footer #submitLayout{
    display:block;
    margin-left:428px;
  }

 
/*reactions*/
#reactionFrame {
  width:100%; height:450px; 
  margin:0;
}

#reactionForm {
  xwidth:100%; height:100%;
  font-family:Verdana;
  font-size:70%;
  color: #474747;
}

  #reactionForm .field {
    margin-bottom:2px;
    width:100%; 
  }
  
  /* Firefix */
  .gecko  #reactionForm {margin-top: -10px;}
  .gecko  #reactionForm .field {margin-top: 2px; float: left;}
  .gecko  #reactionForm .fieldLabel {width: 196px;}
  .gecko  #reactionForm .fieldValue {width: 296px;}
  
  #reactionForm .fieldLabel {
    padding:2px;
    width:200px;
    float:left;
  }
  
  #reactionForm .fieldValue {
    padding:2px;
    width:300px;
    border-bottom:1px solid #E4E0E0;
    float:left;
    
  }
  
  #reactionForm .ratingBox {
    float:left;
  }
  
  #reactionForm .numericGrade {
    padding-left:5px;
    font-weight:bold;
    float:left;
  }
  
  /* Firefix */
  .gecko #reactionForm .numericGrade
  {
    margin-top: -1px;
  }
  
  #reactionForm .tabs {
    margin-top:10px; 
  }
  
    #reactionForm .tabs .tab {
      position:absolute;
      height:315px; width:100%;
      
    }
    
    /*Firefix*/
    
    .gecko #reactionForm .tabs .tab
    {
      margin-top: 50px;
    }
  
    #reactionForm .tabs .tabLabel {
      margin-left:5px;
      padding:2px 2px 2px 5px;
      width:140px;
      border: 1px solid;
      border-color: #D8D8D8 #D8D8D8 #FFFFFF #D8D8D8;
      position: relative;
      z-index: 20;
    }
    
    #reactionForm .tabs .tabLabel a {
      width:100%; height:100%;
    }
    
    #reactionForm .tabs .expanded-tab .tabLabel{
      background-color:#F7F3F7;
      z-index: 5;
    }
    
    #reactionForm .tabs .tabLabelRight {
      margin-left:147px;
      padding:2px 2px 2px 5px;
      width:140px;
      border: 1px solid;
      border-color: #D8D8D8 #D8D8D8 #FFFFFF #D8D8D8;
    }
    .gecko #reactionForm .tabs .tabLabelRight {
      margin-left:157px;
    }    
    #reactionForm .tabs .tabContent {
      padding:5px;
      border: 1px solid #D8D8D8;
      background-color:#F7F3F7;
    }
    
    #reactionForm .tabs .collapsed-tab { height:2em; }
    #reactionForm .tabs .collapsed-tab .tabContent {
      display:none;
    }
    
      #reactionForm .tabs .tabContent .navBar {
        position:relative;
        margin:6px 6px 15px 6px; padding:3px;
        background-color:#F7F3F7;
      }
      
        #reactionForm .tabs .tabContent .navBar .paging {
          position:absolute;
          top:2px; right:35px;
        }
        
          #reactionForm .tabs .tabContent .navBar .paging a {
            color:#909090;
          }
          
          #reactionForm .tabs .tabContent .navBar .paging .enabled {
            color:#0061A7;
          }
          
      
      #reactionForm .tabs .tabContent .reactions {
        margin:0 0 0 5px; 
        padding:0;
        height:300px;
        overflow-y:scroll;
        overflow-x:hidden;
      }
      
        #reactionForm .tabs .tabContent .reactions .reaction{
          padding-bottom:10px;
          margin-bottom:10px;
          list-style:none;
          border-bottom:1px solid #E4E0E0;
        }
        
          #reactionForm .tabs .tabContent .reactions .reaction .rating{
            float:left;
          }
        
          #reactionForm .tabs .tabContent .reactions .reaction .title {
            font-weight:bold;
            float:left;
          }
          
          #reactionForm .tabs .tabContent .reactions .reaction .content{
            margin:5px 0 0 0;
          }
          
    #reactionForm .tabs .tabContent .mijnBeoordeling {
      width:100%;
      color: #474747;  
    }   
    
      #reactionForm .tabs .tabContent .mijnBeoordeling th{
        width:20%;
      }
    
      #reactionForm .tabs .tabContent .mijnBeoordeling td{
        width:80%;
        
      }
      
      #reactionForm .tabs .tabContent .mijnBeoordeling td .inputField {
        height:21px !important;
      }
      
      #reactionForm .tabs .tabContent .mijnBeoordeling td .textarea {
        font-size:11px;
      }
    
      
    
    
/*settings*/
#settingsDialog #settingsFrame {
  width:99%; height:99%;
}

#componentToolbar .componentSettings { 
  width:1px;
}


/*colorpicker*/
#dialogBox #colorpickerDialog { width:209px; _height:129px; }
#dialogBox #colorpickerDialog .dialogDropShadow { _right:-3px; _height:140px; }

#dialogBox #colorpickerDialog .dialogContent
{
  padding:22px 0 0 0;
}

#colorpickerDialog .content {
  margin:0;
  width:209px; height:129px;
  background-color:#E4E0E0;
}

#colorpickerDialog .content .color {
  margin:1px;
  width:11px; height:11px;  
  float:left;
  cursor:pointer;
}

/*meewerken*/
#sendAMessageDialog .content,
#workAlongDialog .content {
  color:#5C5C5C;
  position:relative;
}

#sendAMessageDialog .content .intro,
#workAlongDialog .content .intro {
  width:100%;
  padding: 5px 5px 10px 5px;  
}

#sendAMessageDialog .content .message,
#workAlongDialog .content .reason {
  position:relative;
  width:100%; height:200px;
  background-color:#F8F8F8;
  border-top: 1px solid #E4E0E0;
  border-bottom: 1px solid #E4E0E0;
}

#workAlongDialog .content .explanationText {
  width:100%;
  padding: 5px 5px 10px 5px;  
}

#workAlongDialog .content .explLabel {
   position:absolute;
   top:65px; left:5px;
}

#workAlongDialog .content .userExplanation {
   position:absolute;
   top:65px; left:130px;
}

#workAlongDialog .content .cancelRequest {
   position:absolute;
   top:265px; left:5px;
}

#workAlongDialog .content .sendRequest {
   position:absolute;
   top:265px; right:5px;
}

#workAlongDialog .content .footer {
  position:relative;
  top:46px;
  width:100%;
  background-color:#F8F8F8;
  border-top: 1px solid #E4E0E0;
}

/*bericht*/
#sendAMessageDialog .content {
  font-size:90%;
  color:#5C5C5C;
  position:relative;
}

#sendAMessageDialog .content .intro{
  width:100%;
  padding: 5px 20px 10px 5px;  
}

#sendAMessageDialog .content .messageBox{
  width:100%; height:200px;
  padding-top:10px;
  background-color:#F8F8F8;
  border-top: 1px solid #E4E0E0;
  border-bottom: 1px solid #E4E0E0;
}

#sendAMessageDialog .content .messageBox .label {
  display:block;
  margin:5px 0 0 5px;
  font-weight:bold;
  float:left;
}

#sendAMessageDialog .content .messageBox .emailMessage {
  display:block;
  margin:5px 0 0 130px;
}

#sendAMessageDialog .content .messageBox .sendersInfo {
  display:block;
  margin:5px 0 0 130px;
}

#sendMessageBox .hideSendersInfo { display:none; }

#sendAMessageDialog .content .messageControls { position:relative; height:47px; }
#sendAMessageDialog .content .aligner { width:400px; text-align:right; }
#sendAMessageDialog .content .sendRequest { position:relative; top:15px; }
#sendAMessageDialog .content .cancelRequest { position:relative; top:15px; margin-right:25px;}


#sendAMessageDialog .content .footer {
  position:relative;
  width:100%;
  background-color:#F8F8F8;
  border-top: 1px solid #E4E0E0;
}

/*my contacts*/
#contactDialog .content {
  position:relative; 
  margin-top:-1em; padding:0;
  width:490px; height:410px;
  font-size:90%;
}

/*message box*/
#contactDialog #contactManagerContent .messageBox{
  position:absolute; z-index:2;
  top:0; left:0;
  width:100%; height:410px;
  background-color:#FFFFFF;   
}
  #contactDialog #contactManagerContent .messageBox.hidden{
    display:none   
  }

  #contactDialog #contactManagerContent .messageBox .introtext {
    display:block;
    padding:20px 10px 20px 10px;   
    background-color:#EEEEEE;
  }
  
  #contactDialog #contactManagerContent .messageBox .berichtLabel {
    position:absolute;
    top:80px; left:10px;
    font-weight:bold;
  }
  
  #contactDialog #contactManagerContent .messageBox .message {
    display:block;
    position:absolute;
    top:80px; left:120px; 
  }
  
  #contactDialog #contactManagerContent .messageBox .messageFooter {
    display:block;
    margin:200px 0 10px 0; 
    padding:20px 10px 20px 220px;   
    background-color:#EEEEEE;
  }
  
  #contactDialog #contactManagerContent .messageBox .submitButton {
    margin-left:5px;
  }

#contactDialog .content .optionsBox {
  position:absolute;
  top:0; left:0;
  width:100%; height:23px;
  background-color:#EEEEEE;
}

  #contactDialog .content .optionsBox #folderOptions {
    width:39%; height:23px;
    border-bottom: 1px solid #E4E0E0;
    float:left;
  }
  
   #contactDialog #folderOptions .newGroup{
    width:22px; height:21px;
    background-image:url("/_img/new-group.gif");
    cursor:pointer;
  }

  #contactDialog .content .optionsBox #contactOptions {
    width:60%; height:23px;
    border-left: 1px solid #B0B0B0;
    border-bottom: 1px solid #E4E0E0;
    float:left;
  }
  
#contactDialog .content .contentBox {
  position:absolute;
  top:23px; left:0;
  width:100%; height:23px;
}

  #contactDialog .content .contentBox #contactFolderBox {
    width:191px; height:365px;
    border-bottom: 1px solid #E4E0E0;
    float:left;
    overflow-y:scroll;
    overflow-x:hidden;
  }
  
    /*find new contact*/
    #contactDialog #contactFolderBox .newContact {
      padding:4px 0 4px 20px;
      margin-top:3px;
      width:145px;
      background-image:url("/_img/magnify.jpg");
      background-repeat:no-repeat;
      background-position:3px 50%;
      font-weight:bold;
      color:#0061A7; 
      cursor:pointer;
      border:1px solid #FFFFFF;
    }
    
    #contactDialog #contactFolderBox .newContact.selected{
      border-color:#E4E0E0 #FFFFFF #E4E0E0 #E4E0E0;
      background-color:#FFFDF2;
    }
    
  
    /*groups*/
    #contactDialog #contactFolderBox .groupContactBox, 
    #contactDialog #contactFolderBox .groupBox {
      padding:0; margin:0;
      list-style:none;
      width:91%;
    }
    
    .gecko #contactDialog #contactFolderBox .groupContactBox
    {
      margin-top: 20px;
    }
    
    #contactDialog #contactFolderBox .groupheaderList {
      display:block;
      padding:0; margin:0;
      width:100%;
      list-style:none;
    }
    
    #contactDialog #contactFolderBox .hover .groupHeaderBox {
      border-color:#E4E0E0 #FFFFFF #E4E0E0 #E4E0E0;
      background-color:#FFFDF2;
    }
    
    #contactDialog #contactFolderBox .hover-user .singleContact {
      text-decoration:underline;
    }
    
    
    #contactDialog #contactFolderBox .groupheaderList.collapsed {
      display:block;
      height:19px;
      overflow:hidden;
    }
    
    #contactDialog #contactFolderBox .groupheaderList.expanded {
      display:block;
    }
    
    #contactDialog #contactFolderBox .groupHeaderBox {
      position:relative;
      width:100%; 
      cursor:pointer;
      border:1px solid #FFFFFF;
    }
    
    #contactDialog #contactFolderBox .groupHeaderBox.selected{
      border-color:#E4E0E0 #FFFFFF #E4E0E0 #E4E0E0;
      background-color:#FFFDF2;
    }
    
    #contactDialog #contactFolderBox .groupHeader{
      display:block;
      font-weight: bold;
      padding:3px 0 3px 20px;
      color:#0061A7;
      float:left;
      width: 100px;
    }

    #contactDialog #contactFolderBox .groupHeaderBox .numberOfContactsInGroup {
      padding:4px 0 0 5px;
      font-weight:normal;
      float:left;
      color:#B0B0B0;  
    }
    
    #contactDialog #contactFolderBox .groupHeaderBox .contextMenuLabelBox{
      display:none;
      margin-left:-22px;
      float:right;
    }
    
    #contactDialog #contactFolderBox .groupHeaderBox .expcol {
      position:absolute;
      top:5px; left:4px;
      display:block;
      width:9px; height:9px;
      background-repeat:no-repeat;
      float:left;
    }
    
    #contactDialog #contactFolderBox .groupheaderList.collapsed .expcol{
      background-image:url("/_img/EC-plus.gif");
    }
    
    #contactDialog #contactFolderBox .groupheaderList.expanded .expcol{
      background-image:url("/_img/EC-min.gif");
    }
    
    
    #contactDialog #contactFolderBox .groupHeaderBox.selected .contextMenuLabelBox{
      display:block;
    }
     
    /*when groupname is changing*/
    #contactDialog #contactFolderBox .changing .numberOfContactsInGroup,
    #contactDialog #contactFolderBox .changing .contextMenuLabelBox {
      display:none;
    }
    
    #contactDialog #contactFolderBox .groupHeaderBox.changing .groupHeader {
      background-image:none;
    }
    
  
  #contactDialog #contactFolderBox .groupContact{
    display:block;
    padding:4px 0 4px 39px; margin:0;
    list-style:none;
    background-image:url("/_img/contact.gif");
    background-repeat:no-repeat;
    background-position: 17px 50%;
    color:#0061A7;
    cursor:pointer;
  }
  
  /* Firefix */
  .gecko #contactDialog #contactFolderBox .groupContact
  {
    height: 12px;
  }
  
  
  #contactDialog #contactFolderBox .groupContact .singleContact {
    display:block;
    width:86%;  
    float:left; 
  }
  
  #contactDialog #contactFolderBox .groupContact .contextMenuLabelBox {
    display:none;
    float:left; 
  }
  
  #contactDialog #contactFolderBox .groupContact.selected .contextMenuLabelBox {
    display:block;
  }
  
  /*contactbox*/
  #contactDialog .content .contentBox #contactBox {
    width:60%; height:365px;
    border-left: 1px solid #B0B0B0;
    border-bottom: 1px solid #E4E0E0;
    float:left;
    overflow:hidden;
  }
  
  /*content for group*/
  #contactDialog #contactBox .groupHeader {
    margin: 5px 0 5px 10px;
    padding-bottom:5px;
    border-bottom:1px solid #E4E0E0;
    font-weight:bold;
    color:#EF6242;
  }
  
  #contactDialog #contactBox .groupLink {
    display:block;
    margin: 2px 0 2px 10px;
    padding-left:12px;
    background-image:url("/_img/arrow-menu_blue.gif");
    background-repeat:no-repeat;
    background-position:0 50%;  
  }
  
   #contactDialog #contactBox .accept {
    margin-bottom:10px;
    font-weight:bold; 
  }
  
  #contactDialog #contactBox .pageRightsBox {
    padding:5px;
    color:#0061A7;
  }
  
  
  /*content for single contact*/
  #contactDialog #contactBox .contactName {
    position:relative;
    margin: 5px 0 5px 10px;
    font-weight:bold;
    color:#EF6242;
  }
  
  #contactDialog #contactBox .contextMenuLabelBox {
    position:absolute;
    top:5px; right:26px;  
  }
  
  #contactDialog #contactBox .contactName .contextMenuLabelBox {
    position:absolute;
    top:0; right:22px;  
  }
  
  #contactDialog #contactBox .userInformation {
    margin: 0 0 10px 10px; 
    color:#5C5C5C;
    border-top:1px solid #E4E0E0;
    border-bottom:1px solid #E4E0E0;
  }
  
  #contactDialog #contactBox .userInformation .label {
    width:100px;
    vertical-align:middle; 
  }
  
  #contactDialog #contactBox .userInformation .value {
    padding:2px 5px 2px 5px;
    width:183px;
    vertical-align:middle; 
    background-color:#EEEEEE;
  }
  
  #contactDialog #contactBox .userInformation .emptySpace {
    font-size:40%
  }
  
  /*searchpart*/
  #contactDialog #contactBox .searchbox {
    margin: 10px 0 5px 10px;
    padding-bottom:10px;
    border-bottom:1px solid #E4E0E0;
  }
  
    #contactDialog #contactBox .searchbox .inputField {
      width:14em;  
      margin-right:5px;
    }
    
    #contactDialog #contactBox .searchbox .submitButton {
      width:9em;  
    }
    
  #contactDialog #contactBox .resultBox {
    margin: 10px 0 5px 10px;
    padding-bottom:10px;
    border-bottom:1px solid #E4E0E0;
  }
  
    #contactDialog #contactBox .nickname {
      padding-left:20px;
      background-image:url("/_img/contact.gif");
      background-position: 0 50%;
      background-repeat:no-repeat;
      font-weight:bold;
      color:#0061A7;
      float:left;
    }
    
    #contactDialog #contactBox .fullName {
       padding-left:7px;
       color:#5C5C5C;
       float:left;
    }
    
    #contactDialog #contactBox .contextMenuLabelBox {
      position:absolute;
      top:0; right:0; 
    }
    
    #contactDialog #contactBox .addToConatacts {
      display:block;
      margin:4px 0 4px 20px; padding-left:10px;
      background-image:url("/_img/arrow-menu.gif");
      background-position: 0 75%;
      background-repeat:no-repeat;
      clear:both;
    }
  
    

  
#contactDialog .content .footer {
  position:absolute;
  top:388px; left:0;
  width:100%; height:23px;
  background-color:#EEEEEE;
}

/*navigation*/
#navigationDialog .content {
  font-size:11px; 
  color:#5C5C5C;
}

#navigationDialog .content .intro{
  padding:0 5px 20px 10px;
}

#navigationDialog .content .navigatieBox {
  width:100%; height:270px;
  padding:5px 0 0 0;
  background-color:#F8F8F8;
  overflow-y:scroll;
}

#navigationDialog .content .navigatieBox ul {
  margin:0; padding:0;
}

#navigationDialog .content li {
  display:block;
  padding-left:15px;
  list-style:none; 
}

#navigationDialog .content .pageSettingRule {
  position:relative;
  display:block;
  padding-left:15px;
  width:90%; height:22px;
  line-height:22px;
  background-image:url("/_img/paper.gif");
  background-repeat:no-repeat;
  background-position:0 50%;
  color:#0061A7;
  font-weight:bold;
  border-bottom:1px solid #E4E0E0;
}

#navigationDialog .content .pageSettingRule .title {
  width:290px;
  color:#0061A7;
  font-weight:bold;
  float:left;
}

#navigationDialog .content .pageSettingRule .settingsBox {
  position:absolute;
  right:10px;
  float:left;
}


#navigationDialog .content .pageSettingRule .settingsBox .setting {
  width:11px;
  margin:5px 2px 0 2px;
  background-repeat:no-repeat;
  background-image:url("/_img/nav-arrows.gif");
  float:left;
  cursor:pointer;
}

#navigationDialog .content .indent            { background-position:-22px 0; }
#navigationDialog .content .indent-inactief   { background-position:-66px 0; }
#navigationDialog .content .outdent           { background-position:-33px 0; }
#navigationDialog .content .outdent-inactief  { background-position:-77px 0; }
#navigationDialog .content .up                { background-position:-11px 0; margin-left:6px; }
#navigationDialog .content .up-inactief       { background-position:-55px 0; }
#navigationDialog .content .down              { background-position:0 0; }
#navigationDialog .content .down-inactief     { background-position:-44px 0; }

#navigationDialog .content .up-inactief ,
#navigationDialog .content .down-inactief ,
#navigationDialog .content .indent-inactief ,
#navigationDialog .content .outdent-inactief {
  cursor:default !important; 
}

#navigationDialog .content .pageSettingRule .settingsBox .delete {
  width:11px;
  margin:5px 0 0 6px;
  background-repeat:no-repeat;
  background-image:url("/_img/delete.gif");
  float:left;
  cursor:pointer;
}


#navigationDialog .content .closeNavChange {
  margin:37px 0 5px 390px;
}


#navigationDialog .footer {
  background-color:#EEEEEE;
}

/* FF fixes */
.ffnbsp
{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  font-size:1000px;
  overflow:hidden;
}

/*properties*/
#propertiesDialog .dialogContent {
  padding-top:20px; 
  padding-bottom:10px;
  _padding-bottom:15px;
}

#propertiesDialog .content
{
  margin:0; padding:0;
  font-size:11px; 
  color:#5C5C5C;
}

#propertiesDialog .intro
{
  margin:0;
  padding:10px 0 10px 5px;
  width:100%;
  background-color:#EEEEEE;
}

#propertiesDialog .settings {
  margin-top:10px;
  margin-bottom:15px;
  padding:0 0 0 5px;
}

#propertiesDialog .label {
  padding-top:4px;
  padding-right:5px;
}

#propertiesDialog .footer {
  height:35px !important;
  width:100%;
  background-color:#EEEEEE;
}

#propertiesDialog .saveButton {
  margin:5px 0 20px 0;
}



/* Butonfiled */
#eventDialog .buttonField {padding: 5px 0px 5px 73px; border-top: solid 1px #cccccc;}
#eventDialog .bottonHolder {padding: 5px 5px 0px 5px;}
#eventDialog #applyEvents {float :right;}
#eventDialog .spacer {margin-top: 5px; border-top: solid 1px #cccccc; height: 20px; width: 100%; background-color: #eeeeee;}



/*SETTINGS DIALOG*/
#settingsDialog 
{
  font-size:11px; 
  color:#5C5C5C;
}

#settingsDialog .intro 
{
  padding:0 5px 20px 10px;
}

#settingsDialog .mainContent 
{
  height:230px;
  padding: 10px;
  overflow-y:scroll;
  border: 1px solid;
  border-color:#E4E0E0 #EEEEEE #E4E0E0 #EEEEEE;
  background-color:#EEEEEE;  
}

#settingsDialog .saveArea 
{
  height:50px; 
  padding:7px 5px 5px 10px;
}

#settingsDialog .settingsLabel 
{
  display:block;
  width:200px;
  font-weight:bold;
}

#settingsDialog .settingsValues 
{
  display:block;
  margin-bottom:10px;
}

#settingsDialog .numberOfItems 
{
  width:3em;
}

/*event dialog*/
#eventDialog,
#specEvent .titleBox input,
#specEvent textarea,
#specEvent select {
  font-size:11px; 
  color:#5C5C5C;
  font-family:Verdana;
}

#eventDialog .content .intro {
  padding:0 5px 20px 10px;
}

#eventDialog .content .eventsBox {
  width:100%; height:350px
}

#eventDialog .eventsBox #allEvents {
  width:41%; height:350px;
  margin-left:2px;
  border:1px solid;
  border-color: #E4E0E0 #E4E0E0 #FFFFFF #FFFFFF;
  float:left;
  overflow-y:scroll;
  overflow-x:hidden;
}

#eventDialog #allEvents ul {
  width:100%; height:20px;
  padding: 0 !important; margin:0 !important;
  line-height:20px;
}


#eventDialog .eventsBox #specEvent {
  padding:5px;
  width:55%; height:350px;
  border:1px solid;
  border-color: #E4E0E0 #FFFFFF #FFFFFF #E4E0E0;
  float:left;
}

#eventDialog .startTimeBox,
#eventDialog .descrBox,
#eventDialog .endDateTimeBox {
  margin-bottom:10px;
}

#eventDialog .descrBox {
  margin-bottom:20px;
}

#eventDialog .titleBox,
#eventDialog .endTimeBox,
#eventDialog .endDateBox,
#eventDialog .startDateBox {
  margin-bottom:1px;
}

.noEndDate .endDateBox,
.noEndDate .endTimeBox {
  display:none;  
}

#eventDialog .label {
  width:100px; line-height:18px;
}

#eventDialog .showEndDate span{
  display:block;
  padding:0 0 0 18px;
  _padding:4px 0 0 0;
  width:100px;
  font-style:italic;
  float:left;
}

#eventDialog .showEndDate input {
  margin:0;
  display:block;
}

#eventDialog .submitButton {
  margin: 10px 0 0 103px;
}

/*all events list*/
#eventDialog .newEventBox {
  width:90%;
  margin:1px 0 10px 0;
  background-image: url("/_img/new-group.gif");
  background-position:3px 0;
  background-repeat:no-repeat;
  background-color:#EEEEEE;
  line-height:23px; 
  cursor:pointer;
}

#eventDialog .newEventBox .label {
  width:85%;
  padding-left:30px;
  font-style:italic;
}

#eventDialog .allEventsDay {
  width:95%;
  padding:0 !important; margin:0;
  _margin:10px 0 0 -10px;
  list-style:none; 
}

#eventDialog .first {
  margin-top:5px;
}

#eventDialog .allEventsDay .eventHeader{
  width:85%;
  padding:0; margin:0 !important;
  font-weight:bold; 
  color:#0060D4;
  zoom:1;
}

#eventDialog .eventList {
  padding:0 !important; margin:0 !important ;
  cursor:pointer; 
  width:100%; 
}

#eventDialog .eventList .event{
  line-height:12px; 
  padding:0px;
  height:12px;
  margin:0 !important;
}

#eventDialog .eventList .event-selected ,
#eventDialog .eventList .event-hover {
  background-color:#FFC;
  line-height:12px;
  height:12px;
}

#eventDialog .eventList .eventTime { 
  display:block;
  padding: 3px 0 3px 0; 
  color: #A7000D; 
  float: left; 
  width: 40px; 
}

#eventDialog .eventList .eventTitle { 
  margin: 0 0 0 3px; 
  padding: 3px 0 3px 0; 
  width: 115px;
  float: left; 
}

#eventDialog .eventList .deleteEvent {
  width:11px; height:12px;
  line-height:12px;
  margin-left:18px;
  background-image:url("/_img/delete.gif");
  background-repeat:no-repeat; 
  background-position:0 50%;
  float: left;  
}


/*info*/
#widwInfoDialog .content
{
  margin-top:-15px;
  padding:10px;
  width:100%; height:300px;
  background-color:#EEE;  
  overflow:hidden;
}

#widwInfoDialog .content .header
{
  font-size:120%;
  font-weight:bold;
  margin-bottom:5px;
}

#widwInfoDialog .content .browser
{
  font-weight:bold;
}

#widwInfoDialog .content ul
{
  margin-top:3px;
}



/* slideshow-large */

.view-large .slideshow 
{
  position:relative;
  overflow:hidden;
  padding-bottom:20px;
}

.view-large .slideshow .caption
{
  position:absolute;
  bottom:0; left:0;
  padding:5px;
  width:96%; height:45px;
  text-align:left;
  overflow:auto;
}

.multimedia .mm-content a img
{
  border-width:0px;
}

.view-large .slideshow .slide
{
  position:absolute;
  text-align:center;
  color:white;
  /*border:2px solid #cccccc;*/
  z-index:1;
  top:10px;
  opacity:0.0; xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.view-large .slideshow .prev3Img-landscape,
.view-large .slideshow .prev3Img-portret,
.view-large .slideshow .prev4Img-landscape,
.view-large .slideshow .prev4Img-portret,
.view-large .slideshow .next3Img-landscape,
.view-large .slideshow .next4Img-landscape,
.view-large .slideshow .next4Img-portret
{
  display:none;
  z-index:1;
  opacity:0.0; xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.view-large .slideshow .prev2Img-landscape,
.view-large .slideshow .prev2Img-portret,
.view-large .slideshow .next2Img-landscape,
.view-large .slideshow .next2Img-portret
{
  z-index:2;
  opacity:0.3; xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

.view-large .slideshow .prev1Img-landscape,
.view-large .slideshow .prev1Img-portret,
.view-large .slideshow .next1Img-landscape,
.view-large .slideshow .next1Img-portret
{
  z-index:3;
  opacity:0.7; xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.view-large .slideshow .curImg-landscape,
.view-large .slideshow .curImg-portret
{
  z-index:4;
  opacity:1.0; xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.view-large .slideshow .prev4Img-portret,
.view-large .slideshow .prev3Img-portret { top:0px;  left:30px;  height:20px; }
.view-large .slideshow .prev2Img-portret { top:5px;  left:30px;  height:60px; }
.view-large .slideshow .prev1Img-portret { top:20px; left:90px; height:75px; }
.view-large .slideshow .curImg-portret   { top:40px; left:171px; }
.view-large .slideshow .next1Img-portret { top:20px; left:370px; height:75px; }
.view-large .slideshow .next2Img-portret { top:5px;  left:430px; height:60px; }
.view-large .slideshow .next3Img-portret,
.view-large .slideshow .next4Img-portret { top:0;    left:480px; height:20px; }





.view-large .slideshow .prev4Img-landscape,
.view-large .slideshow .prev3Img-landscape { top:0;    left:30px;  width:20px; }
.view-large .slideshow .prev2Img-landscape { top:5px;  left:50px;  width:70px; }
.view-large .slideshow .prev1Img-landscape { top:20px; left:75px;  width:100px; }
.view-large .slideshow .curImg-landscape   { top:30px; left:110px; }
.view-large .slideshow .next1Img-landscape { top:20px; left:345px; width:100px; }
.view-large .slideshow .next2Img-landscape { top:5px;  left:425px; width:70px; }
.view-large .slideshow .next3Img-landscape,
.view-large .slideshow .next4Img-landscape { top:0;    left:470px; width:20px; }






.view-large .slideshow .hidden { display:none; }


.view-large .slideshow .slideshowControls
{
  position:absolute;
  left:195px;
  bottom:63px;
  z-index:100;
}
.view-large .slideshow .slideshowControls a { margin-right:1px; }

.view-small .slideshow { height:188px!important; }

.view-small .slideshow .caption
{
  position:absolute;
  bottom:20px; left:0;
  padding:5px 0 5px 0;
  width:100%; height:30px;
  text-align:left;
  overflow:hidden;
}

.view-small .slideshow .slideshowControls
{
  position:absolute;
  left:22px; bottom:0;
  z-index:100;
  white-space:nowrap;
}
.slideshow       .slideshowControls { opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
.slideshow-hover .slideshowControls { opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }

.sliding  .slideshowEditControls { display:none; }
.pausing  .slideshowEditControls { display:block; }
.viewMode .slideshowEditControls { display:none; }

.view-large .slideshow .slideshowEditControls
{
  position:absolute;
  left:230px;
  top:40px;
  z-index:100;
}
.view-small .slideshow .slideshowEditControls
{
  position:absolute;
  left:55px;
  top:10px;
  z-index:100;
}

.slideshow       .slideshowEditControls { opacity:0.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.slideshow-hover .slideshowEditControls { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }

.sliding   .slideshowControls .play  { display:none; }
.pausing   .slideshowControls .play  { display:inline; }
           .slideshowControls .pause { display:none; }
.sliding   .slideshowControls .pause { display:inline; }
.pausing   .slideshowControls .pause { display:none; }





.view-small .slideshow .prev4Img-portret,
.view-small .slideshow .prev3Img-portret,
.view-small .slideshow .prev2Img-portret,
.view-small .slideshow .prev1Img-portret,
.view-small .slideshow .curImg-portret,
.view-small .slideshow .next1Img-portret,
.view-small .slideshow .next2Img-portret,
.view-small .slideshow .next3Img-portret,
.view-small .slideshow .next4Img-portret { top:0; left:40px; height:130px; }




.view-small .slideshow .prev4Img-landscape,
.view-small .slideshow .prev3Img-landscape,
.view-small .slideshow .prev2Img-landscape,
.view-small .slideshow .prev1Img-landscape,
.view-small .slideshow .curImg-landscape,
.view-small .slideshow .next1Img-landscape,
.view-small .slideshow .next2Img-landscape,
.view-small .slideshow .next3Img-landscape,
.view-small .slideshow .next4Img-landscape { top:0; left:0; width:180px; }

.view-small .slideshow .slide              { position:absolute; display:none;  opacity:0.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.view-small .slideshow .curImg-landscape,
.view-small .slideshow .curImg-portret     { display:block; opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }


/* Multimedia */
.multimedia .mm-content               { padding: 0; font-size:70%;}
.view-large .mm-content               { padding: 0; font-size:70%;}
.view-fullwidth .mm-content           { padding: 0; font-size:70%;}

.multimedia .mm-content .slideshow    { 
  position:relative;
  width: 99%;
  height: 150px;
  overflow:hidden;
  text-align:center;
}

.multimedia .mm-content .singleasset  { width:93%; text-align:center; }
.view-large .multimedia .mm-content   { padding-top: 0px; }
.view-large .multimedia .mm-content .slideshow  { height: 330px; }

    /*for shorter title when slideshow is active*/
                .multimedia .titleBox .shortTitle   { width:112px; }
.view-large     .multimedia .titleBox .shortTitle   { width:444px; }
.view-fullwidth .multimedia .titleBox .shortTitle   { width:860px; }

.multimedia .slideshowSelector
{
  height:54px;
  margin:5px 0 30px 0;
  position:relative;
}
.multimedia .slideshowSelector div
{
  float:left;
  width:50px;
  height:50px;
  text-align:center;
  border:2px solid #E4e0e0;
  margin:0px 3px;
}

.multimedia .slideshowcontrols
{
  margin-top: 10px;
}
.multimedia .slideshowcontrols .moveBox
{
  width:200px;
  height:16px;
  position:relative;
  background-position: left center;
  background-repeat: repeat-x;
  background-image: url(/_img/slideshow/speedbar.gif);
  margin: 0 5px;
}
.multimedia .slideshowcontrols .moveBox,
.multimedia .slideshowcontrols span
{
  float:right;
}
.multimedia .slideshowcontrols span
{
  font-size:70%;
  color:#808080;
}
.multimedia .slideshowcontrols .slider
{
  position:absolute;
  width: 10px;
  text-align:center;
  cursor: e-resize;
}
.multimedia .slideshowFileCount
{
  position:absolute;
  right:0; bottom: -15px;
  font-size:70%; 
  margin-right:5px;
  color:#808080;
}
.multimedia .slideshowcontrols .slideshowFileCount                 
{
  position:static;
  right: auto;bottom:auto;
  float:right;
}

.multimedia .mm-content .dropPlaceholder 
{ 
  position:absolute;
  z-index:12;
  left:0; top:30px;
  display: block;
}

.multimedia .mm-content .slideshow .slideshowimagecontainer div 
{ 
  width:100%; height:100%; _width:90%;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position:absolute; z-index:10;
}

.multimedia .mm-content .slideshowimage-slide1 .slideshowimagecontainer div.slide1,
.multimedia .mm-content .slideshowimage-slide2 .slideshowimagecontainer div.slide2 
{ 
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
  z-index:11; top:0; left:0;
}

.multimedia .rating {
  display:block;
  margin:5px;  
}

/*mm description*/
.descriptionBox {
  position:relative;
  margin: -8px 0 0 5px;
  width:164px; height:92px;
  overflow:hidden;
  background-image:url("/_img/description-ballon.gif");
  background-repeat:no-repeat; 
}

.view-large .descriptionBox                     { margin: -8px 0 0 25px; width:460px; }
.view-fullwidth .descriptionBox                 { margin: -8px 0 0 65px; width:800px; }


.descriptionBox .balloonTop {
  margin-left:75px;
  width:14px; height:11px;
  background-image:url("/_img/description-balloon-top.gif");  
  background-repeat:no-repeat;
}

.view-large .descriptionBox .balloonTop         { margin-left:223px; }
.view-fullwidth .descriptionBox .balloonTop     { margin-left:375px; }


.descriptionBox .balloonLeft {
  margin: -8px 0 0 0;
  width:7px; height:82px;
  background-image:url("/_img/description-balloon-left.gif");  
  background-repeat:no-repeat;
  float:left;
}

.descriptionBox .balloonMiddle {
  margin: -8px 0 0 0;
  width:150px; height:82px;
  background-image:url("/_img/description-balloon-middle.gif");  
  background-repeat:repeat;
  float:left
}

.view-large .descriptionBox .balloonMiddle        { width:446px; }
.view-fullwidth .descriptionBox .balloonMiddle    { width:786px; }

.descriptionBox .balloonRight {
  margin: -8px 0 0 0;
  width:7px; height:82px;
  background-image:url("/_img/description-balloon-right.gif");  
  background-repeat:no-repeat;
  float:left;
}

.descriptionBox .balloonContent {
  position:absolute;
  left:3px; top:12px;
  width:155px; height:75px;
  color:#5C5C5C; 
  font-size:11px;
  overflow-y:auto;
  clear:both;
}

.ie7 .descriptionBox .balloonContent            {top:5px; }
.view-large .descriptionBox .balloonContent     { width:450px;}
.view-fullwidth .descriptionBox .balloonContent { width:790px; }


.descriptionBox .balloonContent .edit,
.descriptionBox .balloonContent .noedit {
  margin:1px;
  width:149px; height:67px;
  color:#5C5C5C; 
  overflow-y:auto;
  border:0;
  background-color:#FFFBB5;
  font-family:Verdana,Arial,sans-serif;
}

.descriptionBox .balloonContent .edit                   { overflow-y:scroll !important; }

.view-large .descriptionBox .balloonContent .edit,
.view-large .descriptionBox .balloonContent .noedit     { width:442px; }
.view-fullwidth .descriptionBox .balloonContent .edit,
.view-fullwidth .descriptionBox .balloonContent .noedit { width:782px; }





div.eventStep {
  overflow: auto;
  height: 320px;
}


#eventWizard {}
#eventWizard div.eventStep { display: none; }
div.showStep1 #eventStep1 { display: block; }
div.showStep2 #eventStep2 { display: block; }
div.showStep3 #eventStep3 { display: block; }
div.showStep4 #eventStep4 { display: block; }

#addedRoles {
  margin: 0; padding: 0;
}

#addedRoles li {
  position: relative;
  list-style: none;
}

#addedRoles li .role {
  font-weight: bold;
}

#addedRoles li .type {
  padding-left: 10px;
}

#eventWizard .label {
  float: left;
  margin: 0 10px 0 0;
}

#eventWizard .tdValue {
  float: left;
}

#eventWizard .box {
  clear: both;
  padding: .4em 0 0 0;
}

.eventPrivacyGroup .closedOptions {
  padding-left: 20px;
}

.prevNextButtons {
  clear: both;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: solid 1px #ddd;
  position: relative;
  height: 20px;
}
.prevNextButtons .next {
  position:absolute;
  bottom: 0; right: 0;
}
.prevNextButtons .prev {
  position: absolute;
  bottom: 0; left: 0;
}
.prevNextButtons .prev, .prevNextButtons .next {
  background-image: url(/_img/bg-bar.gif);
  border: solid 1px #d6d3ce;
  color: #0061a7;
  cursor: pointer;
  font-size: 11px;
  height: 21px;
  padding: 0 22px;
}
  
  
.hide, #role0 {
  display: none;
}

#eventStep1 .titleBox .eventTitle, #eventStep1 .descrBox .eventDescr {
  width: 250px;
}

#eventStep1 .descrBox .eventDescr {
  padding: 3px 2px 0;
}

#eventStep1 .label input {
  vertical-align: middle;
}


#eventStep2 .role .tdValue {
  position: relative;
  width: 60%;
}

#eventStep2 .role .tdValue .deleteRole {
  position: absolute;
  top: 3px; right: 0;
}

#eventStep2 .role .deleteRole {
  display:block;
  height: 12px; width: 11px;
  background: url(/_img/delete.gif) 0 50% no-repeat;
  cursor: pointer;
}

#eventStep2 .role .roleName, #eventStep2 .role select {
  width: 250px;
}

#addRoleBox .label {
  background: #eee url(/_img/new-group.gif) center left no-repeat;
  padding: 0 0 0 25px;
  cursor: pointer;
}






/* component style */
div.activity {
}

div.activity div.richtextContent {
  font-size: 11px;
  color: Black;
  padding: 5px;
}

div.activity .startEndPrivacy {
  color: #999;
  margin: 1em 0;
  position:relative;
}

  div.activity .startEndPrivacy .startEnd {
  }
  
  div.activity .startEndPrivacy .privacy {
    position:absolute;
    top:0;right:0;
  }
  
div.activity div.details {
  padding: 1em 0;
}

div.activity div.invitation {
  border: solid 1px #e4e0e0;
  border-left: none; border-right: none;
  background-color: #f8f8f8;
  padding: 1.7em 3em;
}

  div.activity div.invitation p.signupYesNo {
    margin: 2em 0;
  }
  
    div.activity div.invitation p.signupYesNo input {
      vertical-align: text-bottom;
      margin: 0 4px 0 0;
    }
    
  div.activity div.invitation p.cantSignupAnymore {
    padding: .7em; margin: .7em 0 0 0;
    border: solid 1px #e4e0e0;
  }
  
  #signupYesLabel {
    color: #f60;
    font-weight: bold;
    padding-right: 80px;
  }
  
  #roles {
    margin: 1em 0;
  }
  
    #roles select {
      width: 150px;
    }
    
    #roles input {
      vertical-align: text-bottom;
    }
    
    #roles span, #explanation span {
      display:block;
    }
    
  #explanation {
    float: right;
    width: 50%;
  }
  
    #explanation textarea {
      width: 100%;
      height: 80px;
      border: inset 1px #999;
    }
  
  #submit {
    clear: both;
    padding-top: 5px;
    text-align: center;
  }
  
  #signupButton {
    border: outset 1px #999;
    background-color: White;
    padding: 2px 15px 3px 15px;
    color: #0061a8;
    font-size: 15px;
    font-weight: bold;
  }

div.activity div.signups {
  margin: 1em 0;
}

  div.activity div.signups table {
    width: 100%;
    margin: 1em 0;
  }
  
    div.activity div.signups table thead th, div.activity div.signups table thead td {
      padding-bottom: 14px;
    }
    
    div.activity div.signups table tbody td {
      padding: 2px 0;
    }
    
    div.activity div.signups table td input {
      vertical-align: middle;
      margin: 0 4px 0 0; padding: 0;
    }
    
    div.activity div.signups table td.nickname {
      width: 170px;
    }
    
    div.activity div.signups table td.role {
      width: 150px;
    }
    
    div.activity div.signups table tr.noRegistrations td {
      border: solid 1px #e4e0e0;
      padding: 4px;
      text-align: center;
      font-size: 13px;
      font-weight: bold;
    }
    
    #newRole {
      width: 15em;
    }

div.activity h4 {
  font-size: 11px;
}

div.activity div.footnote {
  padding: 1em 0 0 0; margin: 1em 0 0 0;
  border-top: solid 1px #e4e0e0;
  position:relative;
  width:100%;
}

div.activity div.footnote p.organisedBy {
  text-align: right;
}

div.activity .button {
  float: left;
  border: outset 1px #999;
  background-color: White;
  padding: 2px 15px 3px 15px;
  color: #0061a8;
}

div.activity div.footnote .button {
  margin: -4px 0 0 0;
}
    
#emailSignups {
  padding: 0 0 3px 25px; margin: 0 2em 0 0;
  background: url(/_img/bg_activity_email_icon.gif) 0 2px no-repeat;
  position:absolute;
  top:5px;left:5px;
}

#editActivity {
  position:absolute;
  top:5px; left: 150px;
  width: 140px;
}

#dialogBox #emailDialog {
}

  #emailDialog .intro, #emailDialog .messageBox {
    padding: 1em;
    font-size: 11px;
  }
  
  #emailDialog .dialogContent {
    padding-top: 20px;
  }
  
  #emailDialog .label {
    padding: 3px 0;
  }
  
  #emailDialog .aligner, #emailDialog .footer {
    clear: both;
    padding: 1em;
  }
  
  #emailDialog .aligner {
    text-align: right;
  }
  
  #emailDialog .messageBox input, #emailDialog .messageBox textarea {
    width: 98%;
    border: inset 1px #999;
    padding: 2px 3px 1px 2px;
  }
  
#dialogBox #activityEditDialog {
  width: 400px;
}

  #activityEditDialog .messageBox {
    padding: 1em;
    font-size: 11px;
  }
  
  #activityEditDialog .label {
    padding: 3px 0;
  }
  
  #activityEditDialog .aligner, #activityEditDialog .footer {
    clear: both;
    padding: 1em;
  }
  
  #activityEditDialog .aligner {
    text-align: right;
  }
  
  #activityEditDialog .role {
    position: relative;
    width: 170px;
  }
  
  #activityEditDialog .role .deleteRole {
    position: absolute;
    top: 3px; right: 0;
  }

  #activityEditDialog .role .deleteRole {
    display:block;
    height: 12px; width: 11px;
    background: url(/_img/delete.gif) 0 50% no-repeat;
    cursor: pointer;
  }