/*-----------------------------inputs-----------------------------------*/
.editsubmitClass { 
    background-image: url(/img/icons/edit.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.fileClass { 
    background-image: url(/img/icons/file.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.file_docClass { 
    background-image: url(/img/icons/file_doc.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

.file_pptClass { 
    background-image: url(/img/icons/file_ppt.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.file_txtClass { 
    background-image: url(/img/icons/file_txt.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

.file_xlsClass { 
    background-image: url(/img/icons/file_xls.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

.renameClass { 
    background-image: url(/img/icons/rename.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.uploadClass { 
    background-image: url(/img/icons/upload.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.folder_newClass { 
    background-image: url(/img/icons/folder_new.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.folder_openClass { 
    background-image: url(/img/icons/folder_open.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.folder_closedClass { 
    background-image: url(/img/icons/folder_closed.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.moveitemupClass { 
    background-image: url(/img/icons/up.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px; /*width of image*/
    height: 24px; /*height of image*/
    border:  none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.moveitemdownClass { 
    background-image: url(/img/icons/down.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: none; /*get rid of grey border*/
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.recyclebinClass { 
    background-image: url(/img/icons/recyclebin.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.selectedemailtemplateClass { 
    background-image: url(/img/icons/complete.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.addpersonClass { 
    background-image: url(/img/icons/addperson.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.removepersonClass { 
    background-image: url(/img/icons/removeperson.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.setpresenterClass { 
    background-image: url(/img/icons/presenter.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.unsetpresenterClass { 
    background-image: url(/img/icons/presenterdelete.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

.printClass { 
    background-image: url(/img/icons/print.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

/*----------------------------------------imgs -------------------------------------*/
.completeClass { 
    
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.incompleteClass { 
    
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.pdfClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.questionmarkClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.editClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.infoClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.viewClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.starfilledClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.starhalfClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.staremptyClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.personClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.moneyemptyClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.moneyhalfClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}
.moneyfilledClass { 
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0px;
    background-size: 100%;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

.icon {
    display: inline-block;
}

.icon.icon-small {
    width:16px;
    height:16px;
}

@media screen {
    .icon-printer { 
        background-image: url(/img/icons/print.png);
        background-position:  0px 0px;
        background-repeat: no-repeat;
        background-color: transparent;
        width: 24px;
        height: 24px;
        border: 0px;
        background-size: 100%;
        background-color: none;
        cursor: pointer;
        outline: 0;
    }


    .expandClass:hover{
        box-shadow: 0 0 10px #ccc; 
        cursor: pointer;	
    }

    .icon:hover{
        box-shadow: 0 0 10px #ccc !important; 
        cursor: pointer;	
    }

    .icon-right {
        float: right;
    
        width: 20 px;
        height: 20 px;
        margin: 5 px;
    }
}

@media print {
    

}