/** NEW **/
#cboxLoadingOverlay {
	background: white url('/static/img/ajax-loader.gif') no-repeat 5px 5px;
}

body.controller-album #owner-title {
	margin-bottom: 15px;
}

div.all-albums div.cover {
	background: url('/static/img/album/album_frame.png') no-repeat left top;
	padding-left: 11px;
	padding-top: 11px;
}

div.all-albums div.cover-wrapper.n-3 {
	margin-right: 0px;
}
body.controller-gallery div.all-albums div.cover-wrapper.n-3 {
	margin-right: 11px;	
}
body.controller-gallery div.all-albums div.cover-wrappern-4 {
	margin-right: 0;	
}

div.all-albums div.title {
	margin-top:5px;
	margin-bottom: 2px;
}

div.all-albums div.count {
	margin-bottom: 15px;
	color: #808080;
}

div.all-albums div.nothing-yet,
div.album.view div.nothing-yet {
	margin-bottom: 20px;
}

#change-avatar-wrapper {
    position: relative;
}

#change-avatar {
    position: absolute;
	right: 5px;
}

/** ALBUM OPEN VIEW **/
div.album.view div.image {
	border: 1px solid #CCC;
	padding: 5px;
	float: left;
	margin-right: 11px;
	margin-bottom: 20px;
	width: 160px;
}

div.album.view div.below {
	width: 527px;
	padding-bottom: 20px;
}

div.album.view div.below div.action-buttons {
	padding-top: 0;
}

div.album.view div.image.counter-4 {
	margin: 0;
}

/** LIGHTBOX **/
div.lightbox div.image-grey-container {
	background-color: #808080;
	float: left;
	height: 520px;
	width: 530px;
}

div.lightbox div.image-wrapper {
	width: 520px;
	height: 510px;
	background-color: #000;
	margin-bottom: 10px;
	position: relative;
}

div.lightbox div.image {
	width: 520px;
	position: relative;
}

div.lightbox div.modal div.image {
	width: 190px;
	position: static;
}

div.lightbox div.image-actions {
	position: absolute;
	bottom: 0;
	width: 500px;
	padding: 0 10px;
	padding-right: 0;
	height: 25px;
	opacity: 0.8;
}
.controller-gallery div.lightbox div.image-actions{
	width: auto;
	height: auto;
}
div.lightbox div.image-actions a {
	color: #F5F5F5;
	margin-right: 10px;
}

div.lightbox div.image-actions div.left {
	float: left;
	color: #FFF;
}

div.lightbox div.image-actions div.right {
	float: right;
}

div.lightbox div.navigation {
    position: relative;
}

div.lightbox div.navigation i {
    height: 45px;
    width: 27px;
    opacity: 0;
}

div.lightbox div.navigation a {
	position: absolute;
	top: 210px;
}

div.lightbox div.navigation a.prev {
    left: 20px;
}

div.lightbox div.navigation a.prev i {
    background-image: url("/static/img/nav.png");
    background-position: -697px -29px;
    background-repeat: no-repeat;
    float: left;
}

div.lightbox div.navigation a.next{
    right: 20px;
}

div.lightbox div.navigation a.next i {
    background-image: url("/static/img/nav.png");
    background-position: -641px -29px;
    background-repeat: no-repeat;
    float: right;
}

div.lightbox div.sections div.prev { width: 200px; height: 480px; position: absolute; 
	z-index: 1100; cursor: pointer; }
div.lightbox div.sections div.next { width: 320px; height: 480px; position: absolute; 
	z-index: 1100; left: 200px; cursor: pointer; }

div.lightbox div.right-wrapper div.loader {
	position: absolute;
	top: 0;
	right: 25px;
	display: none;
}

/** OVERRIDING COLORBOX **/
#colorbox #cboxLoadedContent {
	margin-bottom: 0;
}

#colorbox div.album_image #cboxTopLeft {
	width: 19px;
	height: 19px;
	background: url('/static/img/lightbox-image-borders.png') no-repeat left top;
}

#colorbox div.album_image #cboxTopCenter {
	width: 962px;
	height: 19px;
	background: url('/static/img/lightbox-image-borders.png') no-repeat -19px 0;
}

#colorbox div.album_image #cboxTopRight {
	width: 19px;
	height: 19px;
	background: url('/static/img/lightbox-image-borders.png') no-repeat -981px top;
}

#colorbox div.album_image #cboxMiddleLeft {
	width: 19px;
	background: url('/static/img/lightbox-image-borders2.png') repeat-y left top;
}

#colorbox div.album_image #cboxMiddleRight {
	width: 19px;
	background: url('/static/img/lightbox-image-borders2.png') repeat-y -31px 0;
}

#colorbox div.album_image #cboxBottomLeft {
	width: 19px;
	height: 19px;
	background: url('/static/img/lightbox-image-borders.png') no-repeat left -19px;
}

#colorbox div.album_image #cboxBottomCenter {
	width: 962px;
	height: 19px;
	background: url('/static/img/lightbox-image-borders.png') no-repeat -19px -19px;
}

#colorbox div.album_image #cboxBottomRight {
	width: 19px;
	height: 19px;
	background: url('/static/img/lightbox-image-borders.png') no-repeat -981px -19px;
}

/** ALBUM CREATE **/
form#album-create,
form#album-create-upload {
	margin: 0;
}

div.album.create {
	padding: 15px;
}

div.album.create div.header {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

div.album.create div.main { width: 867px; height: 255px; overflow: auto; padding-top: 10px; }
div.album.create div.main div.container {
	position: relative; width: 200px; height: 255px; float: left; margin-right: 10px; }
div.album.create div.main div.container div.album-image-manage { position: absolute; z-index: 5; right: 5px; }
div.album.create div.main div.container textarea { width: 190px; }
/*div.album.create div.main div.container:nth-child(3n) { margin-right: 5px; }*/
div.album.create div.main div.container.sample { display: none; }
div.album.create div.main div.container div.image { width: 200px; height: 200px; position: relative; }
div.album.create div.main div.progress-wrapper { position: absolute; top: 150px; width: 200px; }
div.album.create div.main div.progress-bar { width: 0%; height: 18px; background-color: #B0D200; }

div.album.create div.footer {
	padding-top: 10px;
	border-top: 1px solid #CCC;
}

div.album.create div.footer div.left {
	float: left;
}

div.album.create div.footer div.right {
	float: right;
}

div.album.create div.help {
	position: absolute;
	top: 200px;
	left: 230px;
}

div.modal.avatarUpload {
	width: 550px;
	margin: -250px 0 0 -250px;
}

#cboxWrapper div.comment-box div.comments {
	max-height: 288px;
	overflow-y: auto;
}

div.simple_lightbox div.image-wrapper {
	height: 500px;
	margin-bottom: 0;
}