/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-overlay,
.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    /*
        Application of "overflow:auto" prevents Mac scrollbars from bleeding
        through the modality mask in Gecko. The block-scollbars class is only 
        added for Gecko on MacOS
    */
    overflow: auto;
}

/* 
    PLEASE NOTE:

    1) ".masked select" is used to prevent <SELECT> elements bleeding through 
       the modality mask in IE 6. 

    2) ".drag select" is used to hide <SELECT> elements when dragging a 
       Panel in IE 6.  This is necessary to prevent some redraw problems with 
       the <SELECT> elements when a Panel instance is dragged.
    
    3) ".hide-select select" is appended to an Overlay instance's root HTML 
       element when it is being annimated by YAHOO.widget.ContainerEffect.  
       This is necessary because <SELECT> elements don't inherit their parent
       element's opacity in IE 6.

*/

.masked select,
.drag select,
.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}



.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,
.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,
.yui-tt.show-scrollbars .yui-tt-shadow {

    overflow: auto;

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed.
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding:0 !important;
}

.yui-panel-container .container-close {
    overflow:hidden;
    text-indent:-10000em;
    text-decoration:none;
}



/* everything below this line is Dieren Digitaal custom */


#loginpanel_c.yui-panel-container.shadow {
    position:absolute;
    top: 10px;
    right: 700px;
    width: 300px;
}


#loginpanel_c.yui-panel-container.shadow .underlay {  
    left:3px;   
    right:-3px;   
    top:3px;   
    bottom:-3px;   
    position:absolute;   
    background-color:#000000;   
    opacity:0.12;   
    filter:alpha(opacity=12);   
}  

#loginpanel {
    top: 10px;
}

#loginpanel.yui-panel .container-close {  
    position:absolute;
    top:5px;   
    right:8px;   
    height:21px;   
    width:21px;   
    background:url(../images/close_grey.gif) no-repeat;   
}  


#panelstart.yui-panel {
    background-color:#dfdfdf;   
}

#panelstart.yui-panel .hd  {
    padding:0;   
    border:none;   
    color:#000000;   
    height:30px;   
    margin-left:6px;   
    margin-right:6px;   
    text-align:center;   
    overflow:visible;  
}
#panelstart.yui-panel .container-close { 
    visibility:hidden;
}
#panelstart.yui-panel .bd  {
    overflow:hidden;   
    padding:4px;   
    border:1px solid #aeaeae;   
    background-color:#FFFFFF;   
}
#panelstart.yui-panel .ft  {
    font-size:75%;   
    color:#666666;   
    padding:2px;   
    overflow:hidden;   
    border:1px solid #aeaeae;   
    background-color:#dfdfdf;   
}


#panelfitting.yui-panel {
    background-color:#dfdfdf;   
}
#panelfitting.yui-panel .hd  {
    padding:0;   
    border:none;   
    color:#101010;   
    height:30px;   
    margin-left:6px;   
    margin-right:6px;   
    text-align:center;   
    overflow:visible;  
}
#panelfitting.yui-panel .container-close { 
    visibility:hidden;
}
#panelfitting.yui-panel .bd  {
    overflow:hidden;   
    padding:4px;   
    border:3px solid #aeaeae;   
    background-color:#FFFFFF;   
}
#panelfitting.yui-panel .ft  {
    font-size:75%;   
    color:#666666;   
    padding:2px;   
    overflow:hidden;   
    border:1px solid #aeaeae;   
    background-color:#dddddd;   
}


#panelfullscreen.yui-panel .hd  {
    padding:0;   
    border:none;   
    color:#101010;   
    height:22px;   
    margin-left:6px;   
    margin-right:6px;   
    text-align:center;   
    overflow:visible;  
}
#panelfullscreen.yui-panel .container-close { 
    visibility:hidden;
}
#panelfullscreen.yui-panel .bd  {
    overflow:hidden;   
    padding:4px;   
    padding-left:10em;
    border:6px solid #eeeeee;   
    background-color:#FFFFFF;   
}
#panelfullscreen.yui-panel .ft  {
    font-size:75%;   
    color:#666666;   
    padding-left:5em;
    overflow:hidden;   
    border:1px solid #aeaeae;   
    border-top:none;   
    background-color:#dddddd;   
}
#panelfullscreen.yui-panel .ft #panelfullform {
    padding-left:5em;
}
#panelfullscreen.yui-panel .hd .buttons #makesmallfromfull{
    position:absolute;
    top:5px;
    left:890px;
}



#mailpanel.yui-panel {
    background-color:#dfdfdf;   
}

#mailpanel.yui-panel .hd  {
    padding:0;   
    border:none;   
    color:#000000;   
    height:100px;   
    margin-left:6px;   
    margin-right:6px;   
    text-align:center;   
    overflow:visible;  
}
#mailpanel.yui-panel .container-close { 
    visibility:inherit;
}
#mailpanel.yui-panel .bd  {
    overflow:hidden;   
    padding:4px;   
    border:1px solid #aeaeae;   
    background-color:#FFFFFF;   
}
#mailpanel.yui-panel .ft  {
    font-size:75%;   
    color:#666666;   
    padding:2px;   
    overflow:hidden;   
    border:1px solid #aeaeae;   
    background-color:#dfdfdf;   
}

#mailpanel.yui-panel #closeall {
    position:absolute;
    right:2px;
}

a.coloroverride:link {	color:white;}
a.coloroverride:visited {	color:white;}
a.coloroverride:hover {	color:white;}