/* = Remarks
==============================================================
  = Below style for "Save in My Calendar" popup box. "index.html" and ""
==============================================================*/


    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxWrapper {max-width:none;}
    #cboxOverlay{position:fixed; width:100%; height:100%;}

    #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
    #colorbox{outline:0;}

    .add-performance                { display:none}
    #inline_content .title          { padding:15px; font-size:20px; line-height:normal; color:#fff; background-color:#880656; }
    #inline_content .performance-block   { padding:15px 15px}
    #inline_content .event-name     { font-size:20px; line-height:normal; color:#880656;
                                      margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; } 
    #inline_content table {margin:20px 0px}  
    #inline_content table td.colum-1 { width:20%; text-align:left; padding-bottom:10px}                                  
    #inline_content table td.colum-2 { text-align:left; padding-bottom:10px}                                  
    #inline_content .remarks { background:#f0f0f0; }
    #inline_content .remarks .content { padding:10px 15px}

    .add i          { padding:2% 5%; font-size:16px; font-weight:normal; background-color:#333; 
                      color:#fff; cursor:pointer; width:90%; text-align:right}
    .add i:hover    { color:#fff;  background-color:#880656;
                            -webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
                                    transition: .4s cubic-bezier(0.25,.46,.45,.94);
                   -webkit-transition-property: background-color,color;
                           transition-property: background-color,color;
                                    box-shadow: none!important;}
    .button { margin-left:5px; font-weight:bold;}


    .layout {padding:0px; background:#fff; /*width:550px;*/ margin:0 auto}


    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose 
    { display:none; background:none;}