#playlist {
	height: 250px;
	width: 100%;
	background-image: url(../img/playlist_background_1.png);
	position: fixed;
	bottom: -250px;
	z-index: 20;
	letter-spacing: 1pt;
}

#playlist-top-bar {
	max-width: 1220px;
	height: 46px;
	margin: auto;
	padding-right: 6px;
	background-image: url(../img/playlist_up_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 9px;
	font-family: Lato, Arial, Verdana, sans-serif;
	color: #ffffff;
	font-size: 10pt;
}

#playlist.opened #playlist-top-bar {
	background-image: url(../img/playlist_down_arrow.png);
}

#playlist-top-bar p {
	display: inline;
}

#playlist-top-bar #playlist-address {
	margin-left: 6px;
	background-color: #5c5c5c;
	width: 292px;
	color: #ffffff;
	font-size: 10pt;
}

#playlist-networks {
	float: right;
	margin-top: 8px;
	margin-right: 2px;
}

#playlist-networks li {
	display: inline;
	margin-right: 3px;
}

#playlist #playlist-left-arrow, #playlist #playlist-right-arrow {
	margin: 27px 0px 0px 0px;
	width: 38px;
	height: 36px;
	position: absolute;
	z-index: 12;
}

#playlist #playlist-right-arrow {
	margin-left: 911px;
} 

#playlist-left-arrow img, #playlist-right-arrow img {
	margin: 12px 13px;
}

#playlist-items {
	margin: 50px auto;
	width: 908px;
	padding-right: 398px;
	padding-left: 0px;
}

#playlist-items div.playlist-container {
	position: absolute;
	z-index: 1;
	margin-left: 40px;
	width: 870px;
	height: 200px;
	overflow: hidden;
}

#playlist-items ul {
	position: absolute;
	width: 2000px;
} 

#playlist-items ul li {
	display: block;
	float: left;
	margin-left: 11px;
	cursor: pointer;
}

#playlist-items ul li img {
	width: 161px;
	height: 91px;
}

.playlist-image-texture {
	width: 161px;
	height: 91px;
	position:absolute;
	z-index: 10;
	background-image: url(../img/project_preview_texture.png);
	display: none;
}

#playlist-items button.remove-work {
	display: none;
	cursor: pointer;
	width: 37px;
	height: 37px;
	background-color: #ab0000;
	background-image: url(../img/minus_symbol.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	margin-left: 62px;
	margin-top: 27px;
	z-index: 10;
}

.playlist-blur {
	width: 161px;
	height: 91px;
	margin-top: -95px;
	position: absolute;
	background-image: url(../img/playlist_transparency.png);
}

#playlist-form {
	width: 1250px;
	margin: auto;
	margin-top: 17px;
}

#playlist-form ul {
	float: right;
}

#playlist input {
	font-family: 'Lato', Arial, Verdana, sans-serif;
	border-style: none;
	background-color: #363636;
	width: 283px;
	height: 33px;
	margin-bottom: 9px;
	color: #b0b0b0;
	font-size: 8pt;
	padding-left: 12px;
}

#playlist #playlist-form li.playlist-form-3 textarea {
	background-color: #363636;
	border-style: none;
	width: 200px;
	height: 62px;
	padding-left: 12px;
	padding-top: 10px;
	margin-top: 1px;
	color: #b0b0b9;
	font-size: 8pt;
	resize: none;
	overflow: auto;
}

#playlist-form li.playlist-form-3 input {
	font-family: 'Lato', Arial, Verdana, sans-serif;
	width: 73px;
	background-color: #fff;
	line-height: 73px;
	text-align: center;
	height: 73px;
	float: right;
	padding: 0px;
	cursor: pointer;
	margin-top: 1px;
	color: #000000;
}

#playlist-form li.playlist-form-3 input:hover {
	background-color: #F90058;
	color: #ffffff;
}

#playlist-form ul li input, #playlist #playlist-form li.playlist-form-3 textarea {
	font-family: 'Lato', Arial, Verdana, sans-serif;
	color: #9d9d9d;
	font-size: 11px;
}


#playlist-left-mask, #playlist-right-mask {
	width: 191px; height: 112px;
	position: absolute;
	z-index: 11;
	pointer-events:none;
}
#playlist-left-mask {
	background: transparent url(../img/playlist-left-mask.png) no-repeat;
}
#playlist-right-mask {
	background: transparent url(../img/playlist-right-mask.png) no-repeat;
	margin: 0 0 0 753px;
}
/* arrows */

#playlist-left-arrow, #playlist-right-arrow {
	background-repeat: repeat;
	display: block;
	position: absolute;
	cursor:pointer;
	z-index: 12;
}

#playlist-left-arrow {
	background-image: url(../img/small_arrow_rollover.png);
	background-position: 0px 0px;
}

#playlist-right-arrow {
	background-image: url(../img/small_arrow_rollover.png);
	background-position: 0px 36px;
	margin: 0 0 0 750px;
}

/* social networks */
ul#playlist-networks {
	cursor: default;
}

ul#playlist-networks li a {
	display: inline-block;
	width: 26px;
	height: 26px;
	cursor: pointer;
}

ul#playlist-networks a#facebook-like {
	background-image: url(../img/share_work_playlist_rollover.png);
	background-position: 0px 52px;
}

ul#playlist-networks a#google-plus {
	background-image: url(../img/share_work_playlist_rollover.png);
	background-position: 0px 26px;
}

ul#playlist-networks a#tweet {
	background-image: url(../img/share_work_playlist_rollover.png);
	background-position: 0px 0px;
}

a#tweet > .hover, a#facebook-like > .hover, a#google-plus > .hover {
	position: absolute; width: 26px; height: 26px;
}

ul#playlist-networks a#tweet > .hover {
	background: transparent url(../img/share_work_medius_gray_rollover.png) no-repeat scroll -27px 0;
}

ul#playlist-networks a#facebook-like > .hover {
	background: transparent url(../img/share_work_medius_gray_rollover.png) no-repeat scroll -27px -26px;
}

ul#playlist-networks a#google-plus > .hover {
	background: transparent url(../img/share_work_medius_gray_rollover.png) no-repeat scroll -27px -52px;
}