/* #################################################### */
/*  slider */
/* #################################################### */

.ui-slider-handle { position: absolute; height: 20px; width: 12px; top: 0px; left: 0px; background-image: url(../Images/Slider/slider-handle.gif);  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.3; filter: alpha(opacity=50); }

.ui-slider-handle {
    position: absolute!important;
    height: 20px!important;
    width: 12px!important;
    margin-left: -6px!important;
    top: 0px!important;
    background: url("../Images/Slider/slider-handle.gif")!important;
    border: none!important;
    border-radius: 0!important;
}

/* Default slider backgrounds */
.ui-slider-1 { width: 200px; height: 18px; position: relative; background-image: url(../Images/Slider/slider-bg.png); background-repeat: no-repeat; background-position: center center; }
.ui-slider-2 { width: 200px; height: 18px; position: relative; background-image: url(../Images/Slider/slider-bg.png); background-repeat: no-repeat; background-position: center center; }


/* #################################################### */
/*  hovertipps */
/* #################################################### */

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  font-size: 0.7em;
}

.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 4px 5px 2px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #ffeeaa;
  color: #fff;
}

.cluetip-default #cluetip-inner {
  padding: 5px;
}


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}


/* #################################################### */
/*  drag and drop */
/* #################################################### */

.draggable {
	cursor: move;
	z-index: 100;
	width: 460px;
	height: 30px;

	color: #FFFFFF;
	font-size: 10pt;
}

.droppable {
	background-image: url("../Images/Common/wastebasket_highlighted.gif");
    background-repeat: no-repeat;
    width: 170px;
	height: 46px;
    margin-left: -50px;
    margin-top: -25px;
    padding-top: 25px;
    padding-left: 10px;
}

.droppableActive {
	background-image: url("../Images/Common/wastebasket.gif");
}

.droppableHover {
	background-image: url("../Images/Common/wastebasket_hover.gif");
}


/* #################################################### */
/*  slide down windows */
/* #################################################### */

div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

div.jqmNotice {
    display: none;
    position: absolute;

    left: 533px;
    top: 107px;

/*    width: 230px;     */
	background:#e8ebec;
    border: 1px solid #89989f;
    padding: 0;
}

.jqmnTitle {

	margin-top: 7px;
	margin-left: 10px;
	padding-left:5px;
	padding-right:0px;
	width: 70%;

	font-size:10px;
	color:#FFFFFF;
	background-color:#89989f;
}

div.jqmNotice .jqmClose {
	position: absolute;
	cursor: pointer;
	right: 4px;
	top: 6px;
}

.jqmnContent{
	border-top:1px;
	color:#000;
	padding:0 20px 5px;
    line-height: 10pt;
}


/* #################################################### */
/*  modal windows */
/* #################################################### */

div.jqDrag {
	cursor: move;
}

div.jqmDialog {
	display: none;
  position: fixed;
  top: 17%;
  left: 50%;

  margin-left: -200px;
	width: 400px;

	overflow: hidden;
	font-family:verdana,tahoma,helvetica;
    cursor: default;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* Title */
div.jqmdTC {
	background: #d5ff84 url("../Images/Modal/sprite.gif") repeat-x 0px -82px;
	padding: 7px 22px 5px 5px;
	font-family:verdana,arial; #"sans serif",verdana,tahoma,helvetica;
	font-weight: bold;
	* zoom: 1;
}
div.jqmdTL { background:  url("../Images/Modal/sprite.gif") no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url("../Images/Modal/sprite.gif") no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* Body / Message Classes */
div.jqmdBC {
	background: url("../Images/Modal/bc.gif") repeat-x center bottom;
	padding: 7px 7px 7px;
	font-family:verdana,arial;
	font-size: 14px;
	height: 150px;

    overflow: auto;
}
div.jqmdBL { background: url("../Images/Modal/bl.gif") no-repeat left bottom; padding-left: 7px;}
div.jqmdBR { background: url("../Images/Modal/br.gif") no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { text-align: center;margin-bottom: 25px;}
div.jqmdMSGText { margin-top:20px;}


/* Button classes */
input.jqmdX {
	position: absolute;
	right: 7px;
	top: 4px;
	padding: 0 0 0 19px;
	height: 19px;
	width: 0px;
	background: url("../Images/Modal/close.gif") no-repeat top left;
	overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
	margin: 8px 10px 4px 10px;
	color: #777;
	background-color: #fff;
	cursor: pointer;
}

/* table sorter styles */
th.headerSortUp {
	background: url("../Images/Common/sortedTableHeaderUp.png") no-repeat top right;
}

th.headerSortDown {
    background: url("../Images/Common/sortedTableHeaderDown.png") no-repeat top right;
}

th.header {
    cursor: pointer;
    font-weight: bold;
	text-decoration: underline;
	padding-right: 12px;
}