.div-panel-iplanner
{
    position:fixed;
    right:0px;
    height:100%;
    width:244px !important;
    background-color:#fff;
    padding-left:12px !important;
    padding-right:12px !important;
    padding-top:12px !important;

}

.div-header-iplanner
{
    width:100%;
    background-color:#fff;
    position:fixed;
    top:0;
    left:0;
   
}

.div-header-tools
{
    position:absolute;
    right:244px;
    top:75px;
    background-color:#ccd6e4;
    /*width:480px;*/
    height:21px;
    z-index:100;
    background-image:url(../img/header-tools-bck.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:15px;
    padding-top:5px;
    padding-right:20px;
    /*min-width:400px;*/
    
    
}

.div-grid-view-tools
{
    position:relative;
    float:left;
    height:21px;

}

.div-list-view-tools
{
    position:relative;
    float:left;
    height:21px;
    display:none;

}

.div-favourites-view-tools
{
    position:relative;
    float:left;
    height:21px;
    display:none;
}

.div-grid-view-icon
{
    width:16px;
    height:16px;
    position:relative;
    float:left;
    cursor:pointer;
    background-image:url(../img/grid-view-off.png);
}

.div-grid-view-icon.on
{
    background-image:url(../img/grid-view-on.png) !important;
}

.div-grid-view-left-right-icon
{
    width:14px;
    height:14px;
    position:relative;
    float:left;
    background-image:url(../img/grid-view-left-right.png);
    margin-left:10px;
    margin-top:1px;
}

.div-grid-view-up-down-icon
{
    width:14px;
    height:14px;
    position:relative;
    float:left;
    background-image:url(../img/grid-view-up-down.png);
    margin-left:10px;
    margin-top:1px;
}

.div-grid-view-opt
{
    position:relative;
    float:left;
    margin-left:10px;
    font-family: 'Lucida Grande', Tahoma, sans-serif;
    font-size:11px;
    color:#7f97bb;
    font-weight:bold;
    margin-top:2px;
    cursor:pointer;

}



.div-grid-view-opt.on
{
    color:#00397c !important;
}


.div-list-view-icon
{
    width:16px;
    height:16px;
    position:relative;
    float:left;
    cursor:pointer;
    background-image:url(../img/list-view-off.png);
    margin-left:10px;
}

.div-list-view-icon.on
{
    background-image:url(../img/list-view-on.png);
}

.div-list-view-sort-icon
{
    width:14px;
    height:14px;
    position:relative;
    float:left;
    background-image:url(../img/list-view-sort.png);
    margin-left:10px;
    margin-top:1px;
}


.div-favourites-view-icon
{
    width:16px;
    height:16px;
    position:relative;
    float:left;
    cursor:pointer;
    background-image:url(../img/favourites-view-off.png);
    margin-left:10px;
}


.div-favourites-view-icon.on
{
    background-image:url(../img/favourites-view-on.png);
}


.div-favourites-view-export-icon
{
    width:14px;
    height:14px;
    position:relative;
    float:left;
    background-image:url(../img/favourites-view-export.png);
    margin-left:10px;
    margin-top:1px;
}



.div-content-iplanner
{   
    background-color:#f4f4f4;
    height:auto;
    position:absolute;    
    padding-left:12px;
    font-size:12px;
}

.div-bottom-header-tools
{
    position:absolute;
    bottom:0px;
    height:4px;
    background-color:#ccd6e4;
    width:100%;
}

#div-content-left-margin
{
    position:fixed;
    width:12px;
    background-color:#fff;
    top:0px;
    left:0px;
    height:100%;
}

.div-pannel-social
{
    position:relative;
    float:left;
    width:100%;
    height:24px;
    background-color:#fff;
}

.div-social-logo
{
    position:relative;
    float:left;
    height:24px;
    width:24px;
    margin-left:8px;
    font-size:16px;
    cursor:pointer;
}

.div-social-logo:first-child
{
    margin-left:0px;
}

.div-social-logo a
{
    color:black;
}

.div-help-instructions
{
    position:relative;
    float:right;
    width:16px;
    height:24px;
    margin-right:10px;
    cursor:pointer;
    font-size:16px;
}


.div-search-programme
{
    position:relative;
    float:left;
    width:100%;
    height:30px;
    background-color:#ccd5e4;
    margin-top:20px;
}

#searchbox-programme
{
    border:0px;
    padding:0px;
    height:15px;
    margin-top:7px;
    width:160px;
    margin-left:10px;
    color:#002f79;
    background-color:#ccd5e4;
    font-weight:bold;
    font-size:12px;
}


#searchbox-programme:focus
{
    outline: 0;
}

#searchbox-programme::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7f97bb;
}
#searchbox-programme:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #7f97bb;
   opacity:  1;
}
#searchbox-programme::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #7f97bb;
   opacity:  1;
}
#searchbox-programme:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #7f97bb;
}

.div-close-search
{
    position:relative;
    float:right;
    width:30px;
    height:14px;   
    margin-top:6px;
    margin-right:6px;
    cursor:pointer;
    display:none;
    text-align: right;
}

.div-search-btn
{
    position:relative;
    float:right;
    width:14px;
    height:14px;   
    margin-top:6px;
    cursor:pointer;
    
}

.div-dowload-pdf-programme
{
    position:relative;
    float:left;   
    height:16px;
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
    width:210px;
}

.div-dowload-pdf-icon
{
    position:relative;
    float:left;
    height:16px;
    width:15px;
    cursor:pointer;
}

.div-dowload-pdf-label
{
    position:relative;
    float:left;
    height:16px;    
    font-size:11px;
    color:#002f79;
    font-weight:bold;
    margin-left:5px;
    cursor:pointer;
    
}

.div-programme-days
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:5px;
    margin-top:10px;
    width:210px;
}

.div-programme-day-entry
{
    position:relative;
    float:left;
    width:100%;
    margin-top:5px;
    cursor:pointer;
}

.div-programme-day-label-week
{
    position:relative;
    float:left;
    font-size:11px;
    color:#000000;
}

.div-programme-day-label-month
{
    position:relative;
    float:left;
    font-size:14px;
    color:#000000;
    margin-right:5px;
}

.div-programme-day-selection
{
    position:relative;
    float:right;
    width:14px;
    height:14px;
    border-radius:7px;
    background-color:#e4e4e4;
    background-image:url(../img/box.png);
    background-repeat:no-repeat;
}


.div-programme-day-entry.off .div-programme-day-selection, .div-programme-day-entry.off .div-programme-day-label-month, .div-programme-day-entry.off .div-programme-day-label-week
{
    background-image:none;
    color:#ccc;
}

.div-programme-types
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:5px;
    margin-top:15px;
    width:210px;
}

.div-programme-types-label
{
    position:relative;
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#ccc;
    cursor:pointer;
}

.div-programme-types-label.on
{
    color:#000000;
}

.div-programme-types-icon
{
    position:relative;
    float:right;
    height:14px;
    width:14px;
    background-image:url(../img/icon-plus.jpg);
    cursor:pointer;
}

.div-programme-types-icon.minus
{
    background-image:url(../img/icon-minus.jpg);
}


.div-programme-types-icon-close
{
    position:relative;
    float:right;
    height:14px;
    width:14px;
    background-image:url(../img/icon-close-selection.jpg);
    cursor:pointer;
    margin-right:5px;
    display:none;
}

.div-programme-types-selection
{
    position:relative;
    float:left;
    width:100%;    
    /*margin-top:5px;*/
    border-top: 5px solid transparent;
    max-height:260px;
    overflow-y:auto;
    overflow-x:hidden;
    display:none;

}

.div-programme-types-entry
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:20px;
    width:195px;
    font-size:11px;    
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px solid #fff;
    cursor:pointer;
}

.div-programme-types-entry.off
{
    background-color:#f4f4f4 !important;
    color:#b4b4b4 !important;
}



.div-programme-tracks
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:5px;
    margin-top:15px;
    width:210px;
}

.div-programme-tracks-label
{
    position:relative;
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#ccc;
    cursor:pointer;
}

.div-programme-tracks-label.on
{
    color:#000000;
}

.div-programme-tracks-icon
{
    position:relative;
    float:right;
    height:14px;
    width:14px;
    background-image:url(../img/icon-plus.jpg);
    cursor:pointer;
}

.div-programme-tracks-icon.minus
{
    background-image:url(../img/icon-minus.jpg);
}


.div-programme-tracks-icon-close
{
    position:relative;
    float:right;
    height:14px;
    width:14px;
    background-image:url(../img/icon-close-selection.jpg);
    cursor:pointer;
    margin-right:5px;
    display:none;
}

.div-programme-tracks-selection
{
    position:relative;
    float:left;
    width:100%;    
    /*margin-top:5px;*/
    border-top: 5px solid transparent;
    display:none;

}


.div-programme-tracks-entry
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:5px;
    width:210px;
    font-size:11px;    
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px solid #fff;
    cursor:pointer;
    background-color:#f4f4f4;
    color:#000;
}

.div-programme-tracks-entry.on
{
    background-color:#646464 !important;
    color:#fff !important;
}





.div-programme-rooms
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:5px;
    margin-top:15px;
    width:210px;
}

.div-programme-rooms-label
{
    position:relative;
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#ccc;
    cursor:pointer;
}

.div-programme-rooms-label.on
{
    color:#000000;
}

.div-programme-rooms-icon
{
    position:relative;
    float:right;
    height:14px;
    width:14px;
    background-image:url(../img/icon-plus.jpg);
    cursor:pointer;
}

.div-programme-rooms-icon.minus
{
    background-image:url(../img/icon-minus.jpg);
}


.div-programme-rooms-icon-close
{
    position:relative;
    float:right;
    height:14px;
    width:14px;
    background-image:url(../img/icon-close-selection.jpg);
    cursor:pointer;
    margin-right:5px;
    display:none;
}

.div-programme-rooms-selection
{
    position:relative;
    float:left;
    width:100%;    
    /*margin-top:5px;*/
    border-top: 5px solid transparent;
    display:none;
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;

}


.div-programme-rooms-entry
{
    position:relative;
    float:left;
    padding-left:5px;
    padding-right:5px;
    width:210px;
    font-size:11px;    
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px solid #fff;
    cursor:pointer;
    background-color:#f4f4f4;
    color:#000;
}

.div-programme-rooms-entry.on
{
    background-color:#646464 !important;
    color:#fff !important;
}

.dialog-help-instructions-left
{
    position:relative;
    float:left;
    width:400px;
    background-color:#fff;
    font-size:11px;
}

.dialog-help-instructions-right
{
    position:relative;
    float:right;
    width:400px;
    background-color:#fff;
    font-size:11px;
}

.ul-help-instructions
{
    padding:0px;
}

.li-help-instructions-grid
{
  background: url(../img/grid-view-on.png) no-repeat left top;
  padding: 0px 0px 3px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.li-help-instructions-list
{
  background: url(../img/list-view-on.png) no-repeat left top;
  padding: 0px 0px 3px 25px;
  list-style: none;
  margin: 0;
}

.li-help-instructions-favourites
{
  background: url(../img/favourites-view-on.png) no-repeat left top;
  padding: 0px 0px 3px 25px;
  list-style: none;
  margin: 0;
}

.li-help-instructions-favourites-add
{
  background: url(../img/instructions-favourites-add.jpg) no-repeat left top;
  padding: 0px 0px 3px 25px;
  list-style: none;
  margin: 0;
}

.li-help-instructions-normal
{
  background: url(../img/box.png) no-repeat left top;
  padding: 0px 0px 3px 25px;
  list-style: none;
  margin: 0;
}

.dialog-instructions
{
    box-shadow:0px 0px 18px #444;
    border:0px;
    border-radius:0px;
}

.dialog-instructions .ui-widget-header 
{
    background-image:none;
    background-color:#fff;
    border:0px;
    color:#002f79;
    font-size:15px;
    

}

.ui-widget-overlay
{
    background-image:none !important;
    background-color:#000 !important;
}

.grid-heigth
{
    font-weight:bold;