body
{ margin: 0px;
  
 }

.djguide_red_color
{color: #EE1B2E;}

.djguide_blue_color
{color: #3E5F6E;}

a.djguide_blue_color
{color: #3E5F6E;}


.djguide_gray_color
{color: #C0C0C0;}

a.djguide_gray_color
{color: #C0C0C0;}

.djguide_silver_color
{color: silver;}
a.djguide_silver_color
{color: silver;}



th {
  text-align:left;
}  

  
.label
{ font-weight: bold;
  float:left;
}


a.djguide_red_color
{
color: #EE1B2E;
}

a.djguide_blue_color
{
text-decoration:none;
}
a.djguide_blue_color:hover
{
text-decoration:underline;
}

.sharehyves
{ background:url(/image/icons/hyves16.png) top left no-repeat;
	float:left;
}

.sharefacebook
{ background:url(/image/icons/facebook16.png) top left no-repeat;
	float:left;
}

.sharetwitter
{ background:url(/image/icons/twitter16.png) top left no-repeat;
	float:left;
}

.invalidinput
{background-color:#FF8080; }

.invalidmessage
{color:#FF0000;}



.hidden
{ display: none;}


a.favolink{
color       :  #EE1B2E;
font-weight : bold;
text-decoration:underline; }

           
.clickimage 
{
cursor: pointer;
border: 0;
padding: 0;
margin: 0;
}

.showaslink
{ cursor: pointer;
  text-decoration:underline;
  /*color:#404040;*/
}


.showaslinkonhover
{ cursor: pointer;
  
}

.showaslinkonhover:hover
{ text-decoration:underline;
}

a.showaslinkonhover
{
text-decoration:none;
}


span.textinlink
{text-decoration:underline;
 }



.loading { 
border: 1px solid ; 
color: #00529B; 
background-color: #bde5f8;
background-image: url(/image/formulier/loading.gif);
} 

.info { 
border: 1px solid ; 
color: #00529B; 
background-color: #bde5f8;
background-image: url(/image/icons/msg/msg_information.png);
background-repeat: no-repeat;
} 


.succes { 
border: 1px solid ; 
color: #4F8A10; 
background-color: #dff2bf; 
background-image: url(/image/icons/msg/msg_succes.png); 
background-repeat: no-repeat;
} 

.warning { 
border: 1px solid ; 
color: #9F6000; 
background-color: #feefb3; 
background-image: url(/image/icons/msg/msg_warning.png) ;
background-repeat: no-repeat;


} 

.error { 
border: 1px solid ; 

color: #D8000C; 
background-color: #ffbaba; 
background-image: url(/image/icons/msg/msg_error.png); 
background-repeat: no-repeat;
}

.helpinfo, .help{
vertical-align:text-bottom; 
}

.no-wrap, .ui-dialog-titlebar 
  { overflow:hidden; 
    white-space: nowrap;
  }
  
.icon{
display:inline; 
border: 0px; 
padding-right:2px;
vertical-align:text-bottom;
width:16px;
height:16px;


}
.blockedmember
{ text-decoration:line-through; }

.birthday
{background-color: #80FF80;}

.favorite
{background-color: #DDE5F7;}
 
 .inpersagenda, .friend
{  background-color: #FFFFC0; }

.cancelled
{ text-decoration: line-through; }

 
#dagbuttons {bottom: 8px; height: 24px; position: absolute; right: 10pt; z-index: 10;}
#xdagbuttons a{display:inline-block; backgroundcolor:#069; color:#fff; font-size:13px; height:21px; line-height:21px;}


.xbtn{display:inline-block; height:31px; padding:0; line-height:31px; marging-top:2pt; overflow:hidden;}
.xbtn.text{text-decoration:none; color:#fff; line-height:31px; white-space:nowrap; font-size:13px; vertical-align:top;}
.xbtn.text span{padding-left:10px; padding-right:10px; width:auto; text-indent:0; overflow:hidden; font-size:13px; line-height:31px; white-space:nowrap;}

.xlinkerbutton {border-right:none; border-radius:6px 0px 0px 6px;}
.xrechterbutton {border-radius:0px 6px 6px 0px;}
.ui-icon-gps-locatie { background: url(/image/formulier/gps-wit.png) no-repeat rgba(0,0,0,0.4); }



/*                                                                                                                                                                        
 * jQuery UI Datepicker @VERSION                                                                                                                                          
 *                                                                                                                                                                        
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)                                                                                                                
 * Dual licensed under the MIT or GPL Version 2 licenses.                                                                                                                 
 * http://jquery.org/license                                                                                                                                              
 *                                                                                                                                                                        
 * http://docs.jquery.com/UI/Datepicker#theming                                                                                                                           
 */                                                                                                                                                                       
div.hasDatepicker{ display: block; padding: 0; overflow: visible;  margin: 8px 0; }                                                                                       
.ui-datepicker {  overflow: visible; margin: 0; max-width: 1500px;  }                                                                                                     
.ui-datepicker .ui-datepicker-header { position:relative; padding:.4em 0; border-bottom: 0; font-weight: bold; }                                                          
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position:absolute; top: .5em; margin-top: 0; text-indent: -9999px; }     
                                                                                                                                                                          
.ui-datepicker .ui-datepicker-prev { left:6px; }                                                                                                                          
.ui-datepicker .ui-datepicker-next { right:6px; }                                                                                                                         
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }                                                                          
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }                                                                                               
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}                                                                                                             
.ui-datepicker select.ui-datepicker-month,                                                                                                                                
.ui-datepicker select.ui-datepicker-year { width: 49%;}                                                                                                                   
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0; }                                                                                                 
.ui-datepicker td { border-width: 1px; padding: 0; text-align: center; }                                                                                                  
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; }
                                                                                                                                                                          
.ui-datepicker-calendar th { padding-top: .3em; padding-bottom: .3em; }                                                                                                   
.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .3; }                                                                           
.ui-datepicker-calendar td, .ui-datepicker-calendar td .ui-state-default { padding-top: .5em; padding-bottom: .5em; }                                                   
.weekdays{color:#000 !important;opacity: .8 !important;}                                                                                                                  
                                                                                                                                                                          
.min-width-480px div.hasDatepicker  { width: 63%; display: inline-block; margin: 0; }                                                                                     
.ui-datepicker-other-month {                                                                                                                                              
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)); /* Saf4+, Chrome */                                                            
	background-image: -webkit-linear-gradient(top, #ddd, #ccc); /* Chrome 10+, Saf5.1+ */                                                                                   
	background-image:    -moz-linear-gradient(top, #ddd, #ccc); /* FF3.6 */                                                                                                 
	background-image:     -ms-linear-gradient(top, #ddd, #ccc); /* IE10 */                                                                                                  
	background-image:      -o-linear-gradient(top, #ddd, #ccc); /* Opera 11.10+ */                                                                                          
	background-image:         linear-gradient(top, #ddd, #ccc);                                                                                                             
}                                                                                                                                                                         
.ui-datepicker-today {                                                                                                                                                    
	background-image: -webkit-gradient(linear, left top, left bottom, from(#faa), to(#f77)); /* Saf4+, Chrome */                                                            
	background-image: -webkit-linear-gradient(top, #faa, #f77); /* Chrome 10+, Saf5.1+ */                                                                                   
	background-image:    -moz-linear-gradient(top, #faa, #f77); /* FF3.6 */                                                                                                 
	background-image:     -ms-linear-gradient(top, #faa, #f77); /* IE10 */                                                                                                  
	background-image:      -o-linear-gradient(top, #faa, #f77); /* Opera 11.10+ */                                                                                          
	background-image:         linear-gradient(top, #faa, #f77);                                                                                                             
}                                                                                                                                                                         
.ui-datepicker-event {                                                                                                                                                    
        color: #4a4;                                                                                                                                                      
        text-shadow: 0 1px 1px #f6f6f6;                                                                                                                                   
}