[class*="icon-"] {
	background: url(../img/sprite-icons.png) top left no-repeat;
	display: inline-block;
	vertical-align: text-top;
}

[class*="icon-file-"] {
    background: url(../img/sprite-extranet.png) top left no-repeat;
    display: inline-block;
    vertical-align: text-top;
}

.icon-check {
	background-position: -386px -100px;
	width: 15px;
	height: 12px;
}

.icon-arrow {
	background-position: right top;
	width: 9px;
	height: 13px;
}

.icon-arrow.icon-dark {
	background-position: -391px -600px;
}

h4 .icon-arrow {
	margin: 10px 7px 0 0;
}

.icon-arrow-small {
	background-position: -443px -50px;
	width: 7px;
	height: 9px;
	margin: 4px 10px 0 0;
}

.icon-arrow-small.icon-arrow-back {
	width: 7px;
	height: 9px;
	margin: 4px 10px 0 0;
	background-position: -293px -700px;
}

.icon-arrow-small.icon-white {
	background-position: right -500px;
}

.icon-arrow-small.icon-arrow-back.icon-white {
	background-position: -443px -550px;
}

.icon-arrow-small.append {
	margin: 4px 0 0 10px;	
}

.icon-arrow-small.prepend {
	margin: 4px 10px 0 0;	
}

.icon-arrow-down {
    background-position: -137px -850px;
    width: 13px;
    height: 9px;
    margin: 7px 0 0 15px;
}

.icon-arrow-down.icon-white {
    background-position: -87px -900px;
}

.icon-pdf {
	background-position: -337px -150px;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
}

.icon-video {
	background-position: -284px -200px;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
}

.icon-phone {
	background-position: -184px -300px;
	width: 16px;
	height: 16px;
	margin: 4px 14px 0 0;
}

.icon-fax {
	background-position: -234px -250px;
	width: 16px;
	height: 15px;
	margin: 5px 14px 0 0;
}

.icon-phone.icon-orange {
	background-position: -84px -400px;
}

.icon-fax.icon-orange {
	background-position: -134px -350px;
}

.icon-mail {
	background-position: -34px -450px;
	width: 16px;
	height: 12px;
	margin: 5px 14px 0 0;
}

.icon-calender {
	width: 23px;
	height: 25px;
	background-position: -327px -650px;
}

.icon-empty {
	background: none;
	width: 16px;
	height: 15px;
	margin: 4px 14px 0 0;	
}

.icon-star {
	width: 19px;
	height: 18px;
	background-position: -181px -800px;
	margin-top: -1px;
	margin-right: 6px;
}

.icon-close-small {
    width: 12px;
    height: 12px;
    background-position: -38px -950px;
}

.icon-close {
    width: 15px;
    height: 16px;
    background-position: right -1000px;
}

.icon-cookie {
    width: 13px;
    height: 17px;
    background-position: -437px -1050px;
}

.icon-page-blank {
    width: 13px;
    height: 16px;
    background-position: -337px -1150px;
    margin: 0 10px 0 0;
}

.icon-page-text {
    width: 13px;
    height: 16px;
    background-position: -237px -1250px;
    margin: 0 10px 0 0;
}

.icon-doc,
.icon-docx {
    width: 16px;
    height: 16px;
    background-position: -184px -1300px;
    margin: 0 10px 0 0;
}

.icon-xls,
.icon-xlsx {
    width: 16px;
    height: 16px;
    background-position: -134px -1350px;
    margin: 0 10px 0 0;
}

.icon-ppt,
.icon-pptx {
    width: 16px;
    height: 16px;
    background-position: -34px -1450px;
    margin: 0 10px 0 0;
}

.icon-zip {
    width: 13px;
    height: 16px;
    background-position: -287px -1200px;
    margin: 0 10px 0 0;
}

.icon-image {
    width: 16px;
    height: 12px;
    background-position: -84px -1400px;
    margin: 0 10px 0 0;
}

/* File type icons */

.icon-file-txt,
.icon-file-sh,
.icon-file-exe,
.icon-file-zip,
.icon-file-tar,
.icon-file-doc,
.icon-file-pdf,
.icon-file-gz,
.icon-file-generic {
    width: 27px;
    height: 32px;
}

.icon-file-txt {
    background-position: -120px 0;
}

.icon-file-sh {
    background-position: -180px 0;
}

.icon-file-tar {
    background-position: -120px -60px;
}

.icon-file-exe {
    background-position: -120px -120px;
}

.icon-file-zip {
    background-position: -180px -60px;
}

.icon-file-doc {
    background-position: -180px -120px;
}

.icon-file-pdf {
    background-position: -120px -180px;
}

.icon-file-gz {
    background-position: -180px -180px;
}

.icon-file-generic {
    background-position: -120px -240px;
}

/* Theme Icons */

.theme-icons {
	float: right;
	margin-top: -129px;
	position: relative;
	z-index: 100;
}

.theme-icon {
	background: url(../img/sprite-theme-icons-l.png) left top no-repeat;
	background-size: 124px 372px;
	width: 62px;
	height: 62px;
	margin: 0 0 0 1px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
	.theme-icon {	
		background-image: url(../img/sprite-theme-icons.png);
	}

}

.theme-icon-safe {

}

.theme-icon-safe.inactive {
	background-position: right top;
}

.theme-icon-green {
	background-position: left -62px;
}

.theme-icon-green.inactive {
	background-position: right -62px;
}

.theme-icon-smart {
	background-position: left -124px;	
}

.theme-icon-smart.inactive {
	background-position: right -124px;	
}

.theme-icon-safe.active:hover {
    background-position: left -186px;
}

.theme-icon-green.active:hover {
    background-position: left -248px;
}

.theme-icon-smart.active:hover {
    background-position: left -310px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    .theme-icon-safe.active:hover {
        background-position: left -372px;
    }

    .theme-icon-green.active:hover {
        background-position: left -496px;
    }

    .theme-icon-smart.active:hover {
        background-position: left -620px;
    }

}

/* Theme icons small */

.theme-icons-small {
	display: inline-block;
	margin-left: 29px;
    vertical-align: top;
}

.theme-icon-small {
	width: 32px;
	height: 32px;
	background: url(../img/sprite-theme-icons-small-l.png) left top no-repeat;
	margin: -4px 0 0 -7px;
	vertical-align: top;
	background-size: 64px 96px;
}

.theme-icon-safe.theme-icon-small {

}

.theme-icon-safe.theme-icon-small.inactive {

}

.theme-icon-green.theme-icon-small {
	background-position: left -32px;
}

.theme-icon-green.theme-icon-small.inactive {
	background-position: right -32px;
}

.theme-icon-smart.theme-icon-small {
	background-position: left -64px;	
}

.theme-icon-smart.theme-icon-small.inactive {
	background-position: right -64px;	
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
	.theme-icon-small {	
		background-image: url(../img/sprite-theme-icons-small.png);
	}

}