/* Start sprite MODULE */
a.moduleicon{
    width:383px;
    font-size:12px;
    font-weight:normal;
    height:64px;
    display:block;
    margin:0 25px;
}
a.moduleicon span{
    margin:0 10px 0 0;
    background:url('../img/sprite/modules.gif') no-repeat;
    display:inline-block;
    vertical-align: middle;
    width:64px;
    height:64px;
}

/* First Row sprite */
a.moduleicon span.weblog{ background-position: 0px 0px; }
a.moduleicon span.video{ background-position: -64px 0px; }
a.moduleicon span.vacancy{ background-position: -128px 0px; }
a.moduleicon span.travel{ background-position: -192px 0px; }
a.moduleicon span.idea{ background-position: -256px 0px; }

/* Second Row sprite */
a.moduleicon span.textblock{ background-position: 0px -64px; }
a.moduleicon span.site{ background-position: -64px -64px; }
a.moduleicon span.rss{ background-position: -128px -64px; }
a.moduleicon span.location{ background-position: -192px -64px; }
a.moduleicon span.reference{ background-position: -256px -64px; }

/* Third Row sprite */
a.moduleicon span.download{ background-position: 0px -128px; }
a.moduleicon span.builder{ background-position: -64px -128px; }
a.moduleicon span.profile{ background-position: -128px -128px; }
a.moduleicon span.product{ background-position: -192px -128px; }
a.moduleicon span.peoples{ background-position: -256px -128px; }

/* Fourth Row sprite */
a.moduleicon span.links{ background-position: 0px -192px; }
a.moduleicon span.faq{ background-position: -64px -192px; }
a.moduleicon span.facebook{ background-position: -128px -192px; }
a.moduleicon span.course{ background-position: -192px -192px; }
a.moduleicon span.column{ background-position: -256px -192px; }

/* Fifth Row sprite */
a.moduleicon span.event{ background-position: 0px -256px; }
a.moduleicon span.calendar{ background-position: -64px -256px; }
a.moduleicon span.news{ background-position: -128px -256px; }
a.moduleicon span.menu{ background-position: -192px -256px; }
a.moduleicon span.page{ background-position: -256px -256px; }

/* Sixth Row sprite */
a.moduleicon span.form{ background-position: 0px -320px; }
a.moduleicon span.banner{ background-position: -64px -320px; }
a.moduleicon span.dossier{ background-position: -128px -320px; }
a.moduleicon span.publish{ background-position: -192px -320px; }
a.moduleicon span.album{ background-position: -256px -320px; }

/* Seventh Row sprite */
a.moduleicon span.advertentie{ background-position: 0px -384px; }
a.moduleicon span.category{ background-position: -64px -384px; }
a.moduleicon span.trash{ background-position: -128px -384px; }


/* Start sprite TOPTAB */
a.toptabicon{
    width:64px;
    height:18px;

    padding:46px 0px 0px 0px;
    display:block;

    background:url('../img/sprite/toptabs.gif') no-repeat;
    color:#FFFFFF;

    font-size: 9px;
}
a.toptabicon:hover{
    color:#FFFFFF;
}

/* First row sprite NORMAL */
a.toptabicon.home{ background-position: 0px 0px; }
a.toptabicon.file{ background-position: -64px 0px; }
a.toptabicon.gebruiker{ background-position: -192px 0px; }
a.toptabicon.menu{ background-position: -256px 0px; }

/* First row sprite HOVER */
a.toptabicon.home:hover, a.toptabicon.home.admin_active{ background-position: 0px -64px; }
a.toptabicon.file:hover, a.toptabicon.file.admin_active{ background-position: -64px -64px; }
a.toptabicon.gebruiker:hover, a.toptabicon.gebruiker.admin_active{ background-position: -192px -64px; }
a.toptabicon.menu:hover, a.toptabicon.menu.admin_active{ background-position: -256px -64px; }


/* Second row sprite NORMAL */
a.toptabicon.loguit{ background-position: 0px -128px; }
a.toptabicon.pagina{ background-position: -64px -128px; }
a.toptabicon.modules{ background-position: -128px -128px; }
a.toptabicon.setup{ background-position: -192px -128px; }

/* Second row sprite HOVER */
a.toptabicon.loguit:hover { background-position: 0px -192px; }
a.toptabicon.pagina:hover, a.toptabicon.pagina.admin_active{ background-position: -64px -192px; }
a.toptabicon.modules:hover, a.toptabicon.modules.admin_active{ background-position: -128px -192px; }
a.toptabicon.setup:hover, a.toptabicon.setup.admin_active{ background-position: -192px -192px; }

/* Start sprite OPTION */
span.optionicon{
    width:20px;
    height:20px;

    padding:0px;
    margin:0px;
    border:0;
	
	vertical-align: middle;

    display:inline-block;
	cursor: pointer;
    background:url('../img/sprite/options.gif') no-repeat;
}
span.optionicon.noicon{ background:none; }
/* First row sprite */
span.optionicon.delete{ background-position: 0px 0px; }
span.optionicon.builder{ background-position: -40px 0px; }
span.optionicon.revert{ background-position: -80px 0px; }

/* Select row sprite */
span.optionicon.version{ background-position: 0px -20px; width:40px; }
span.optionicon.unhome{ background-position: -40px -20px; }
span.optionicon.sub{ background-position: -80px -20px; width:40px; }

/* Third row sprite */
span.optionicon.preview{ background-position: 0px -40px; }
span.optionicon.password{ background-position: -40px -40px; }
span.optionicon.online{ background-position: -80px -40px; }

/* Fourth row sprite */
span.optionicon.offline{ background-position: 0px -60px; }
span.optionicon.move{ background-position: -40px -60px; }
span.optionicon.home{ background-position: -80px -60px; }

/* Fifth row sprite */
span.optionicon.edit{ background-position: 0px -80px; }
span.optionicon.draft{ background-position: -40px -80px; }
span.optionicon.dir{ background-position: -80px -80px; }

/* Sixth row sprite */
span.optionicon.diractive{ background-position: 0px -100px; }
span.optionicon.arrow{ background-position: -40px -100px; }
span.optionicon.nodelete{ background-position: -80px -100px; }

/* Seventh row sprite */
span.optionicon.add{ background-position: 0px -120px; }
span.optionicon.copy{ background-position: -80px -120px; }


.overview .row div.ovw_icon, div.detail_icon {
    border:0px;
    padding:0px;
    margin:-3px 5px -3px -5px;

    height:20px;
    width:20px;

    display:inline-block;
    background: url('../img/sprite/files.gif') no-repeat left top;
}
/** FIRST ROW **/
.overview .row div.ovw_icon, div.detail_icon {
    background-position: 0px 0px;
}
.overview .row div.ovw_icon.folder, div.detail_icon.folder {
    background-position: -20px 0px;
}
.overview .row div.ovw_icon.php, div.detail_icon.php {
    background-position: -40px 0px;
}
.overview .row div.ovw_icon.pdf, div.detail_icon.pdf {
    background-position: -60px 0px;
}
.overview .row div.ovw_icon.mpeg, div.detail_icon.mpeg {
    background-position: -80px 0px;
}
/** SECOND ROW **/
.overview .row div.ovw_icon.mp3, div.detail_icon.mp3 {
    background-position: 0px -20px;
}
.overview .row div.ovw_icon.mov, div.detail_icon.mov {
    background-position: -20px -20px;
}
.overview .row div.ovw_icon.jpg, .overview .row div.ovw_icon.jpeg, div.detail_icon.jpeg {
    background-position: -40px -20px;
}
.overview .row div.ovw_icon.page, .overview .row div.ovw_icon.html, div.detail_icon.html {
    background-position: -60px -20px;
}
.overview .row div.ovw_icon.gif, div.detail_icon.gif {
    background-position: -80px -20px;
}
/** THIRD ROW **/
.overview .row div.ovw_icon.docx, div.detail_icon.docx {
    background-position: 0px -40px;
}
.overview .row div.ovw_icon.doc, div.detail_icon.doc {
    background-position: -20px -40px;
}
.overview .row div.ovw_icon.dirup, div.detail_icon.dirup {
    background-position: -40px -40px;
}
.overview .row div.ovw_icon.back, div.detail_icon.back {
    background-position: -60px -40px;
}
.overview .row div.ovw_icon.avi, div.detail_icon.avi {
    background-position: -80px -40px;
}
/** FOURTH ROW **/
.overview .row div.ovw_icon.zip, div.detail_icon.zip {
    background-position: 0px -60px;
}
.overview .row div.ovw_icon.xlsx, div.detail_icon.xlsx {
    background-position: -20px -60px;
}
.overview .row div.ovw_icon.xls, div.detail_icon.xls {
    background-position: -40px -60px;
}
.overview .row div.ovw_icon.wmv, div.detail_icon.wmv {
    background-position: -60px -60px;
}
.overview .row div.ovw_icon.wma, div.detail_icon.wma {
    background-position: -80px -60px;
}
/** FIFTH ROW **/
.overview .row div.ovw_icon.wav, div.detail_icon.wav {
    background-position: 0px -80px;
}
.overview .row div.ovw_icon.ttf, div.detail_icon.ttf {
    background-position: -20px -80px;
}
.overview .row div.ovw_icon.tiff, div.detail_icon.tiff {
    background-position: -40px -80px;
}
.overview .row div.ovw_icon.swf, div.detail_icon.swf {
    background-position: -60px -80px;
}
.overview .row div.ovw_icon.rtf, div.detail_icon.rtf {
    background-position: -80px -80px;
}
/** SIXTH ROW **/
.overview .row div.ovw_icon.rar, div.detail_icon.rar {
    background-position: 0px -100px;
}
.overview .row div.ovw_icon.psd, div.detail_icon.psd {
    background-position: -20px -100px;
}
.overview .row div.ovw_icon.png, div.detail_icon.png {
    background-position: -40px -100px;
}
.overview .row div.ovw_icon.pptx, div.detail_icon.pptx {
    background-position: -60px -100px;
}
.overview .row div.ovw_icon.ppt, div.detail_icon.ppt {
    background-position: -80px -100px;
}

#pluploadOverview .file .icon{
    width:100px;
    height:100px;
    margin:15px;

    display:inline-block;
    background: url('../img/sprite/files_big.gif') no-repeat left top;
}
/** FIRST ROW **/
#pluploadOverview .file .icon {
    background-position: 0px 0px;
}
#pluploadOverview .file .icon.folder {
    background-position: -100px 0px;
}
#pluploadOverview .file .icon.php {
    background-position: -200px 0px;
}
#pluploadOverview .file .icon.pdf {
    background-position: -300px 0px;
}
#pluploadOverview .file .icon.mpeg {
    background-position: -400px 0px;
}
/** SECOND ROW **/
#pluploadOverview .file .icon.mp3 {
    background-position: 0px -100px;
}
#pluploadOverview .file .icon.mov {
    background-position: -100px -100px;
}
#pluploadOverview .file .icon.jpg, #pluploadOverview .file .icon.jpeg {
    background-position: -200px -100px;
}
#pluploadOverview .file .icon.page, #pluploadOverview .file .icon.html {
    background-position: -300px -100px;
}
#pluploadOverview .file .icon.gif {
    background-position: -400px -100px;
}
/** THIRD ROW **/
#pluploadOverview .file .icon.docx {
    background-position: 0px -200px;
}
#pluploadOverview .file .icon.doc {
    background-position: -100px -200px;
}
#pluploadOverview .file .icon.dirup {
    background-position: -200px -200px;
}
#pluploadOverview .file .icon.back {
    background-position: -300px -200px;
}
#pluploadOverview .file .icon.avi {
    background-position: -400px -200px;
}
/** FOURTH ROW **/
#pluploadOverview .file .icon.zip {
    background-position: 0px -300px;
}
#pluploadOverview .file .icon.xlsx {
    background-position: -100px -300px;
}
#pluploadOverview .file .icon.xls {
    background-position: -200px -300px;
}
#pluploadOverview .file .icon.wmv {
    background-position: -300px -300px;
}
#pluploadOverview .file .icon.wma {
    background-position: -400px -300px;
}
/** FIFTH ROW **/
#pluploadOverview .file .icon.wav {
    background-position: 0px -400px;
}
#pluploadOverview .file .icon.ttf {
    background-position: -100px -400px;
}
#pluploadOverview .file .icon.tiff {
    background-position: -200px -400px;
}
#pluploadOverview .file .icon.swf {
    background-position: -300px -400px;
}
#pluploadOverview .file .icon.rtf {
    background-position: -400px -400px;
}
/** SIXTH ROW **/
#pluploadOverview .file .icon.rar {
    background-position: 0px -500px;
}
#pluploadOverview .file .icon.psd {
    background-position: -100px -500px;
}
#pluploadOverview .file .icon.png {
    background-position: -200px -500px;
}
#pluploadOverview .file .icon.pptx {
    background-position: -300px -500px;
}
#pluploadOverview .file .icon.ppt {
    background-position: -400px -500px;
}