/* DEPRECATED?? */
/*
#myAutoComplete
{
    padding-bottom: 2em;
}
#bInput{
    width: 382px;
}
#button_MenuInterval-button{
    background-color: #ccc;
    background-image: url(../images/ac-arrow-dn.png);
    height: 30px;
    width: 80px;
}

.yui-menu-button-menu
{
    width: 100px;
    height:auto;
}
.yui-menu-button em.yui-button-label {

	font-style: normal;
	display: block;
	text-align: left;
	white-space: nowrap;
	width: 5em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;

}
*/

#monPanel{
    padding-top: 10px;
}
#monHeader{
    display: inline;
}
#trMonHeader{
    border-bottom: 1px solid #d9dad7;

}
#trMonHeader td{
    padding-bottom: 2px;
}
#menubutton2select{
    width: 150px;
}
#button_DeleteFilter{
    float: right;
    padding-left: 5px;
}

#MON_moreFilterOptions{
    display: none;
}

/* Fulltext */
#MON_fullTextTable{
}
#monFulltextTr td{
    padding: 15px 0 15px 15px;
    border-bottom: 1px dotted #bbbbbb;
}
#monFulltextTr .actions{
    border: 0!important;
    margin: 0;
    padding: 0;
    clear: none;
}

#monFulltextTr .actions,
#monFulltextTr input
{
    float: left;
}
#monFulltextTr input{
    width: 250px;
    padding: 7px;
    font-size: 12px;
}
#monFulltextTr .actions{
    float: right;
}
#monFulltextTr .actions a{
    display: block;
    font-weight: 600;
    padding: 8px 0 8px 6px;
    margin: 0 0 0 8px;
    
}
#monFulltextTr .actions a span{
    display: block;
    background: url(../img/MON_DoFilter.png) 93% 50% no-repeat;
    padding-right: 30px;
}
/* Sammelfunktion */
#MON_sammelFunktionTable td:first-child{
    padding: 0 0 5px 15px;
    }




/* Weitere Filter */
#MON_moreFilterOptions{ /* Kompletter Container */
    display: none;
}
#monMoreFilterOptionsTr td{
    padding: 15px 0 12px 15px;
}
#monMoreFilterOptionsTr a{
    font-size: 12px;
    text-transform: uppercase;
    color: #a5a7a8;
    padding-left: 12px;
    background: url(../img/MON_moreFilterOptions.png) 1px 3px no-repeat;
}
#monMoreFilterOptionsTr a:hover,
#monMoreFilterOptionsTr a.active{
    color: #CE235B;
}
#monMoreFilterOptionsTr a.active{
    background: url(../img/MON_moreFilterOptions_hover.png) 1px 3px no-repeat;
}

/* Alle Labels */
#MON_optionsTable td:first-child,
#MON_sammelFunktionTable td:first-child
{
    width: 155px;
}
#MON_optionsTable .filterSingle .filterLabel{
    width: 150px;
}
#MON_optionsTable td:first-child b,
#MON_optionsTable .filterSingle .filterLabel,
#MON_sammelFunktionTable td:first-child b
{
    margin-right: 5px;
    padding-bottom: 2px;
    margin-bottom: -5px;
}

/* Select Controls */
.selectControl{
    max-width: 158px;
}

/* Options Tabelle */
#MON_optionsTable{
}
#MON_optionsTable td{
    padding-bottom: 5px;
}
#MON_optionsTable td:first-child{
    padding-left: 15px;
}
/* Neue Filterfunktion */
.filter_wrapper{
    margin-bottom: 20px;
}
.yui-skin-sam #monPanel .yui-button{
    margin: 1px 9px 0 0;
}
/* Einzelne Filtereinträge */
#MON_optionsTable .filterSingle{
    clear: both;
    height: 30px;
}
#MON_optionsTable .filterSingle select{
}
#MON_optionsTable .filterSingle .filterLabel{
    float: left;
    padding-top: 4px;
}
#MON_optionsTable .inputControl{
    float: left;
}
#MON_optionsTable .autoCompleteContainer{
    display: inline-block;
    width: 190px;
}
#MON_optionsTable .autoComplete,
#MON_optionsTable .inputControl,
#MON_optionsTable #textbox_SaveFilter
{ /* Text Input */
    width: 149px;
    background: white;
    float: left;
}
#MON_optionsTable .autoComplete{
    margin: 0;
}
#MON_optionsTable .toggleButton{ /* Pfeilbutton für Autocomplete */
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}
#MON_optionsTable .toggleButton button{
    margin: 0;
    background: url(../img/MON_autoCompleteArrow.gif) 0px 0px no-repeat;
    width: 24px;
    line-height: 20px;
    box-shadow: none;
}
#MON_optionsTable .filter_del{
    background-image: url(../images/del.png);
    width:20px;
    height:20px;
    float: right;
    cursor: pointer;
    /*margin-top: -25px;*/
}
/*
.MON_spacer {
    width:1px;
    height:1px;
    float: right;
    }
*/
#MON_optionsTable #filterBox{
    clear: both;
    width: 150px;
    margin-bottom: 15px;
}
/* Select Boxen */
#MON_optionsTable .Projekte_start_end select,
#MON_optionsTable .Projekte_created_start_end select,
{
    width: 71px;
    margin-right: 5px;
}
#select_SortOptions,
#select_MONGroupFunction,
#MON_optionsTable .Termine_stati select,
#MON_optionsTable .Termine_canceled select
{
    width: 158px;
}

/* Datumsfelder */
#MON_optionsTable .MON_CalendarInputRange input{
    width: 56px;
    margin-right: 5px;
}
#MON_optionsTable .MON_CalendarInputRange button{
    float: left;
    margin-right: 4px;
    background: none;
    background-image: none;
    padding: 0;
}



/* Inputfelder speziell */
/* Projekte */
#MON_optionsTable .Projekte_budget .autoCompleteContainer,
#MON_optionsTable .Projekte_budget input,
#MON_optionsTable .Projekte_budget span
{
    float: left;
    margin-right: 15px;
}


#MON_optionsTable .Projekte_budget span{
    display: block;
    padding-top: 4px;
}
#MON_optionsTable .Projekte_budget .autoCompleteContainer,
#MON_optionsTable .Projekte_budget input
{
    /* width: 51px; */
}

/* Suchergebnisse */
#MON_searchResultsHeaderTable{
    margin-top: 15px;
    border-top: 1px solid #bbbbbb;
}
#MON_searchResultsHeaderTable tr:first-child td{
    padding: 25px 0 7px 0;
    background: url(../img/MON_SearchresultsBack.png) left bottom repeat-x;
}

#monSearchresultsCount{
    padding-bottom: 3px;
    border-bottom: 1px solid #D9DAD7;
    margin-bottom: 10px;
    padding-left: 16px;
    background: url(../img/MON_SearchResultsCount.png) 0px 1px no-repeat;
}
#button_ExportCSV,
#button_ExportXLS,
#button_selectAll,
#button_deSelectAllResults
{
    margin-top: -3px;
}
#button_ExportCSV,
#button_ExportXLS
{
    display: block;
    float: right;
}


/* MON RESULT LIST */
#monResultList{
    color: #848889;
    height:1600px; /*550px*/
    clear: both;
}

#monResultListItems{
    overflow-y: scroll;
    height:1600px; /*550px*/
}

#monResultList,
#monResultList b
{
    font-size: 10px;
    text-align: center;
}
#monResultList b{
    display: inline;
    border: 0;
}
#monResultList #fortschrittBalken{
    margin-top: 3px;
}
/**************************************************************/
/*pager*/
/**************************************************************/
div.pagination
{
    padding: 8px 8px 4px 8px;
    margin: 3px;
    
}
div.pagination span{
    text-align: center;
}
div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    text-decoration: none; /* no underline */
    color: gray;

}
div.pagination a:hover, div.pagination a:active
{
    color: #CE235B;
}
div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    background-color: white;
    color:#3c4247;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}



/* Suchergebnisse Items */
.monItem {
	border-top: 1px solid #cccccc;
    line-height: 15px;
    background: url(../img/MON_arrow.png) 98% center no-repeat;
    cursor: pointer;
    text-align: left;
    font-size: 11px;
}
.monItem:hover {
    background: #fcfcfc url(../img/MON_arrow_hover.png) 98% center no-repeat;
}
.monItemContent{
    padding: 10px 15px 5px 17px;
}
.monItem,
.monItem h4,
.monItem h4 a
{
    font-family: Arial;
}
.monItem h4{
    margin-bottom: 4px;
}
.monItem h4 a{
    font-size: 12px;
    font-weight: 600;
}
.monItem h5{
    margin-bottom: 8px;
    font-weight: normal;
}
.monItem .icons{
    padding: 4px 15px 0px 20px;
    border-top: 1px dotted #cccccc;
    margin-top: 4px;
}
.monItem .icons img,
.monItem .icons input[type="checkbox"]
{
    height: 13px;
    margin-right: 3px;
    display: inline-block;
}
/* Produkte */
.monItem .productIMG{
    padding: 0 20px 20px 0;
}
.monItem .productIMG img{
    padding: 4px;
    background: white;
    border: 1px solid #dddddd;

    -webkit-box-shadow: 0 0.1em 0.1em -0.1em rgba(0,0,0,.35);
    -moz-box-shadow: 0 1.75em 1em -1.1em rgba(0,0,0,.35);
    box-shadow: 0 .6em .4em -.5em rgba(0,0,0,.35);
}




/* KALENDER */
#div_monDateInterval{
    color: #848889;
    padding: 15px 0 10px 15px;
    border-bottom: 1px dotted #cccccc;
    overflow: hidden;

}
#div_monDateInterval b,
#div_monDateInterval span
{
    display: inline-block;
}
#div_monDateInterval b,
#div_monDateInterval span
{
}
#div_monDateInterval b{
    font-weight: 600;
    font-size: 16px;
    color:#3c4247;
    border: 0;
    padding: 0;
}
#div_monDateInterval span,
#div_monDateInterval img
{
    float: left;
}
#div_monDateInterval img{
    padding: 2px 10px 0 10px;
}
#div_monDateInterval img:first-child{
    padding-left: 1px;
}
#monDateSelContent{
    float: left;
    margin-right: 10px;
}
#div_monDateInterval #div_intervalSelector{
    float: left;
    margin-top: -2px;
}
#div_monDateInterval #div_Week{
    
}
#div_monDateInterval #div_Days{
    
}
#div_monDateInterval #div_Month{
    
}







/**************************************************************/
/*datepicker*/
/**************************************************************/

    /* Clear calendar's float, using dialog inbuilt form element */
    #monCalendarContainer .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #monCalendarContainer .bd {
        padding:0;
    }

    #monCalendarContainer .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #monCalendarContainer .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #monCalendarContainer.yui-overlay-hidden table {
        *display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #monPopUpCalendarDialog_cal {
        border:none;
        padding:1em;
    }

    /* Datefield look/feel */
    .monDatefieldContainer {
        _position:relative;
        _top:10px;
        left:60px;
        white-space:nowrap;
        border:1px solid black;
        background-color:#eee;
        width:30em;
        padding:1px;
    }

    .monDatefieldContainer input,
    .monDatefieldContainer button,
    .monDatefieldContainer label  {
        vertical-align:middle;
    }

    .monDatefieldContainer label  {
        font-weight:bold;
    }

    .monDatefieldContainer input  {
        _width:15em;
    }

    .monDatefieldContainer button  {
        padding:0 0px 0 0px;
        margin-left:0px;
        width:20px;
        height:20px;
    }

    .monDatefieldContainer button img {
        padding:0;
        margin:0;
        vertical-align:middle;
    }

    /* Example box */
    .box {
        position:relative;
        height:30em;
    }

    .monDatefieldImage {
        background-image:url('../img/calender.gif') ;
        padding:0;
        margin:0;
        vertical-align:middle;
        /*border:1px solid ButtonShadow;
        background-image: url("../img/calendar.gif") center center no-repeat; 
        background-image:url('../images/calendar.gif') ! important;
        */
        background-repeat:no-repeat ;
        background-position: center ; 
    }

    .loading
    {
        background: url("../img/ajax-loader.gif") center center no-repeat;
        border-width: 2;
        width:80px;
        height:80px;
    }

    .event
    {
        border : 2px dashed red;
        _width:180px;
        height:100%;
        position:relative;
        display:block;
    }
    .warning
    {
        color:red;
        font-family: Arial, Helvetica, sans-serif;
    }
    .good
    {
        color:green;
        font-family: Arial, Helvetica, sans-serif;
    }
    .pending
    {
        color:Navy;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .hiddenAppointment 
    {
        _border : 2px dashed red;
        background-image:url('../img/bg_hatched.png') ;
        background-repeat: repeat;
    }