/*============================================================================*/
/* STYLES FOR INTERNET EXPLORER 6 */
/*============================================================================*/
/*
Revised 2014 by Frank Thomsen @ Magenta ApS
----------
These styles make our webpages appear allright in Internet Explorer 6.
Since every version of Internet Explorer has its own way of handling CSS standards,
the only bulletproof way to style across browsers is to serve special stylesheets
to Internet Explorer using conditional comments in the HTML head.

Styles that are supposed to be read by EVERY BROWSER go in the style.css file.
This stylesheet is ONLY for hacks intented for Internet Explorer 6.
*/


/* ADMIN STYLES */
.obadm #resizer {width: 1px;} /* Admin navigation resizer javascript only works in non-IE browsers. Removing the button breaks the layout, though. Thus this hack. */
.obvius-filler {border: none !important;}
.obvius-handling input {padding: 0;}
#obarea2 {position: relative;}

/* Web site info */
#webstedinfo .toggle {
  /* IE6 and 7 */ 
  filter: progid:DXImageTransform.Microsoft.Matrix(
           M11=3.061616999114022e-16,
           M12=1,
           M21=-1,
           M22=3.061616999114022e-16,
           SizingMethod='auto expand');
  margin-left: 19px; 
  margin-top: -22px;
}


/* PUBLIC STYLES */

/* ---------------------------------------------- CSS-based dropdown list --- */
/* This style calls the special .htc script that forces compliance in IE6
and lower. */
body {behavior: url(/scripts_js/csshover.htc);}
.button {float: left;}

/*ie 6 menu bugfix */
* html #obvius-editmenu {background-color: #eee; padding:0; margin:0; width:800px; }

div.obvius-common {
  height: 440px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}