div#gallery-alert { width: auto; margin: auto; padding: 10px; background: white; position: fixed; top: 0; color: #F449F4; font-weight: bold; font-size: 18px; display: none; box-shadow: 1px 1px 10px #777; z-index: 100;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
div#container { /* display: inline-block; */ margin-bottom: 0; }
div#gallery_header h3 { font-size:18px; color:#7f1896; }
div#gallery_header p {font-size:14px; color:#666; padding:0 0 20px 0; line-height:1.7em;}

div#gallery-container { float: left; }
ul.gallery-sort { display: inline-block; margin: 0 0 15px 0; }
ul.gallery-sort li { float: left; list-style: none; margin-right: 10px; }
ul.gallery-sort input { display: inline-block; width: 124px; height: 34px; text-align: center; background: url('../images/gallery_sort.jpg'); color: #858585; text-transform: uppercase; font-size: 14px; line-height: 34px; border: 0; }
ul.gallery-sort input:hover {  color: #F449F4; }
ul.gallery-sort input:active, ul.gallery-sort input.selected { color: #F449F4; background-position: 0 -34px; }

div#gallery { width: 760px; height: 565px; overflow: hidden; }
div#gallery-scroll { height: 585px; }
div#gallery ul { margin: 0; display: inline-block; width: 764px; float: left; }
div#gallery ul li { list-style: none; float: left; margin: 0 5px 5px 0; }
div#gallery ul li img { width: 186px; height: 186px; }
div#gallery ul li div.image { width: 186px; height: 186px; position: relative; }
div#gallery div.image div.clickable { display: inline-block; width: 185px; height: 150px; position: absolute; z-index: 1; bottom: 0; }
div#gallery div.image span.favorite { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px; right: 5px; background: url('../images/sprite.png') -5px -43px; cursor: pointer; display: none; }
div#gallery div.image span.favorite:hover, div#gallery div.image span.favorite.favorited { background-position: -35px -43px; }
div#gallery div.image span.favorite.favorited:hover { background-position: -5px -43px; }
div#gallery ul li div.info { position: absolute; z-index: 2; bottom: 0; width: 175px; padding: 5px; background: url('pink-opacity-80.png'); color: white; display: none; }
div#gallery ul li div.info a { color: #ccc; }
div#gallery ul li div.info a:hover { color: #eee; }
div#gallery ul li div.info p.name, div#gallery ul li div.info p.user { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div#gallery-footer { background: url('../images/footer_bg.jpg'); height: 55px; margin-top: 5px; }
div#gallery-footer ol { width: 190px; margin: auto; padding-top: 10px; }
div#gallery-footer ol li { list-style: none; float: left; }
div#gallery-footer ol li button { width: 90px; height: 35px; background: url('../images/nav_gallery.png'); border: 0; color: #7C7C7C; font-weight: bold; }
div#gallery-footer ol li button:hover { color: #F04F87; }
div#gallery-footer ol li button:active { background-position: 0 -35px; }
div#gallery-footer ol li button.off { color: #7C7C7C; cursor: default; }
div#gallery-footer ol li:first-child { margin-right: 10px; }

div#login { float: left; width: 170px; margin-left: 30px; }
div#login p { text-align: center; margin: 20px 0; line-height: 2; }
div#login a { color: #F04EB6; }
div#login a:hover { text-decoration: underline; }
div#login ol { margin: 0; }
div#login ol li { list-style: none; margin-bottom: 10px; }
div#login label { font-weight: bold; color: #F04EB6; display: inline-block; margin-bottom: 5px; }
div#login input.text { width: 158px; border: 1px solid #ccc; padding: 5px; font-size: 14px; }
div#login input#submit { width: 176px; height: 46px; background: url('gallery-menu-buttons.png'); border: 0; text-indent: -9999px; }
div#login input#submit:hover { background-position: 0 -46px; }
div#login input#submit:active { background-position: 0 -92px; }
div#login span, div#login input#logout, span#add-photo { display: inline-block; width: 176px; height: 46px; border: 0; text-indent: -9999px; margin-bottom: 10px; }
div#login span#view-gallery { background: url('gallery-menu-buttons.png') -528px 0; }
div#login span#view-gallery:hover { background-position: -528px -46px; }
div#login span#view-gallery:active { background-position: -528px -92px; }
span#add-photo { background: url('gallery-menu-buttons.png') -704px 0; }
span#add-photo:hover { background-position: -704px -46px; }
span#add-photo:active { background-position: -704px -92px; }
div#login span#view-profile { background: url('gallery-menu-buttons.png') -352px 0; }
div#login span#view-profile:hover { background-position: -352px -46px; }
div#login span#view-profile:active { background-position: -352px -92px; }
div#login input#logout { background: url('gallery-menu-buttons.png') -176px 0; }
div#login input#logout:hover { background-position: -176px -46px; }
div#login input#logout:active { background-position: -176px -92px; }

div.content-container { width: 760px; float: left; }
a#edit-profile-link { color: #DA45C3; }
a#edit-profile-link:hover span.icon { background-position: -116px -324px; }
span#edit-profile-text { position: absolute; top: 10px; right: 10px; line-height: 20px; }
span#edit-profile-text span.icon { display: inline-block; width: 20px; height: 20px; background: url('../images/sprite.png') no-repeat -96px -324px; float: right; margin-left: 5px; }
div#profile-info { background: #F3F0F0; padding: 10px; display: inline-block; width: 740px; position: relative; }
div#profile-avatar { position: relative; border: 1px solid #DADADA; width: 198px; height: 198px; background-size: cover; float: left; background-image: url('default_profile.jpg'); }
div#profile-avatar span { background: url('pink-opacity-80.png'); display: inline-block; color: white; padding: 5px; width: 188px; position: absolute; bottom: 0; }
div#profile-info div.copy { float: left; height: 200px; margin-left: 20px; }
div#profile-info div.copy h2 { font-size: 32px; margin: 5px 0; line-height: 1; }
div#profile-info div.copy h3 { font-weight: normal; font-size: 16px; margin: 5px 0; display: inline-block; }
div#profile-info div.copy h4 { margin: 5px 0; font-weight: normal; color: #C93199;}
div#recent-photos div { width: 94px; height: 94px; margin-left: 10px; float: left; position: relative; }
div#recent-photos div.first { margin-left: 0; }
div#recent-photos div span { display: inline-block; width: 25px; height: 25px; background: url('../images/sprite.png'); position: absolute; top: 5px; right: 5px; }
div#recent-photos div span.favorite { background-position: -35px -43px; }
div#recent-photos div span.photo { background-position: -102px -72px; }

div#profile-container div.header {height: 44px; margin: 0 0; position: relative;}
div#profile-container div.header h3 { color: #777; font-size: 18px; text-transform: uppercase; line-height: 44px; }
div#header-photos { }
div#profile-container div.header div.add { position: absolute; top: 5px; right: 10px; }
div#profile-container div.header div.add span { display: inline-block; background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -265px -12px; width: 20px; height: 15px; }
div#profile-container div.header a:hover span { background-position: -266px -43px; }
div#profile-container div.header div.add p { text-transform: lowercase; color: #B7B7B7; }
div#profile-container div.header a:hover p { color: #d185e0; }
div#profile-container div.header div.icon { float: left; background: url('../images/sprite.png') no-repeat -103px -42px; width: 38px; height: 26px; margin: 9px 10px; }
div#user-favorites div.header div.icon { background-position: -65px -44px; margin: 9px 6px 9px 14px; }
div#photos-container, div#favorites-container { float: left; width: 730px; height: 138px; margin: 0 4px; overflow: hidden; padding: 20px 0 20px 0; }
div#photos-scroller, div#favorites-scroller { width: 730px; }
div#photos-scroller div, div#favorites-scroller div { background-size: cover; margin-right: 10px; float: left; width: 138px; height: 138px; position: relative; }
div#photos-scroller div p.info, div#favorites-scroller div p.info { display: inline-block; width: 128px; padding: 5px; background: url('pink-opacity-80.png'); color: white; position: absolute; bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none; }
div#photos-scroller span.remove, div#favorites-scroller span.remove { cursor: pointer; display: inline-block; width: 15px; height: 15px; background: url('../images/sprite.png') -40px -83px; position: absolute; top: 5px; right: 5px; display: none; }
div#photos-scroller span.remove:hover, div#favorites-scroller span.remove:hover { background-position: -11px -83px; }
div#photos-scroller div.clickable, div#favorites-scroller div.clickable { width: 138px; height: 113px; margin: 0; position: absolute; top: 25px; }
div#photos-scroller div.add, div#favorites-scroller div.add { background: #E3E3E3; }
div#photos-scroller div.add span.add, div#favorites-scroller div.add span.add { display: inline-block; width: 80px; height: 50px; text-indent: -9999px; background: url("../images/sprite.png") no-repeat -85px -220px; margin: 44px 26px; }
div#profile-container div.controls { cursor: pointer; margin-top: 65px; width: 11px; height: 45px; background-image: url('../images/sprite.png'); float: left; visibility: hidden; }
div#profile-container div.prev { background-position: -6px -210px; }
div#profile-container div.prev:hover { background-position: -50px -210px; }
div#profile-container div.next { background-position: -28px -210px; }
div#profile-container div.next:hover { background-position: -72px -210px; }
div#user-photos, div#user-favorites { display: inline-block; }

div#add-photo-container p { font-size: 14px; }
div#add-photo-container ol { margin: 20px 0; }
div#add-photo-container ol li { list-style: none; display: inline-block; width: 100%; margin: 10px 0; }
div#add-photo-container label { width: 200px; min-height: 30px; font-size: 16px; float: left; font-weight: bold; color: #DA45C3; }
div#add-photo-container label span { font-size: 12px; font-weight: normal; }
div#uploadify-container { float: left; width: 272px; }
div#file-upload-button { border: 0; background-color: white; }
form#add-photo-form span.error { color: green; margin-left: 10px; font-size: 14px; font-weight: bold; display: none; }
input#photo-name { border: 1px solid #DA45C3; padding: 10px; border-radius: 5px; height: 14px; font-size: 14px; width: 250px; }
li#add-photo-name { height: 36px; }
li#add-photo-name label { line-height: 36px; }
input#upload-photo { width: 120px; height: 30px; background: url('uploadify/upload-btn.png'); border: 0; text-indent: -9999px; }
input#upload-photo:hover { background-position: 0 -30px; }
div#add-photo-container div.success img { float: left; }
div#add-photo-container div.success div.copy { float: left; width: 555px; margin-left: 20px; }
div#add-photo-container div.success div.copy h4 { font-size: 18px; line-height: 1.5; }
div#add-photo-container div.success div.copy p { font-size: 16px; line-height: 1.5; margin: 20px 0; }

h2.photo { display: inline-block; width: 660px; overflow: hidden; text-overflow: ellipsis; }
div#photo-container { position: relative; }
div#photo-container span.favorite { display: inline-block; width: 100px; height: 35px; background: url('../images/sprite.png') -123px -277px; position: absolute; top: -55px; right: 0; border: 1px solid #eee; cursor: pointer; border-radius: 5px; }
div#photo-container span.favorite:hover { background-position: -5px -277px; box-shadow: 1px 1px 3px #aaa; border-color: #ccc; }
div#photo-container span.favorite.favorited { background-position: -5px -277px; }
div#photo-container span.favorite.favorited:hover { background-position: -234px -277px; box-shadow: 1px 1px 3px #aaa; border-color: #ccc; }
div#photo-container > div.header { border: 1px solid #d9d9d9;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: linear-gradient(top,  #ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
div#photo-container > div.header div.icon { display: inline-block; width: 30px; height: 26px; background-image: url('../images/sprite.png'); background-position: -2px -181px; float: left; margin: 10px 0 0 5px; }
div#photo-container > div.header p { padding: 15px 10px 15px 40px; }
div#photo-container > div.header a { color: #ff55e9; }
div#photo-container ul.social { position: absolute; top: 15px; right: 10px; }
div#photo-container ul.social li { list-style: none; float: left; margin-left: 10px; }
div#full-photo { width: 718px; text-align: center; padding: 20px; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }
div#full-photo img { max-width: 720px; max-height: 600px; }
div#add-comment { border: 1px solid #d9d9d9;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
div#add-comment { padding: 20px 25px; display: inline-block; width: 708px; }
div#add-comment div.header { display: inline-block; width: 100%; }
div#add-comment div.icon { width: 18px; height: 18px; background: url('../images/sprite.png') -39px -181px; float: left; margin-right: 10px; }
div#add-comment p { float: left; font-size: 16px; }
div#add-comment form { position: relative; }
input#photo-comment { width: 680px; height: 24px; padding: 10px; border: 1px solid #d9d9d9; border-radius: 5px; font-size: 14px; box-shadow: 1px 1px 5px #ddd inset; }
input#photo-comment:focus { border-color: #ccc; box-shadow: 1px 1px 5px #eee inset; }
input#submit-comment { text-indent: -9999px; width: 130px; height: 35px; background: url('add_comment.png'); border: 0; position: absolute; top: 6px; right: 11px; }
input#submit-comment:hover { background-position: 0 -35px; }
input#submit-comment:active { background-position: 0 -70px; }
div#add-comment p.success { color: #FF55E9; font-size: 16px; margin-top: 5px; }
div#comments { background: #f7f7f7; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; padding-bottom: 20px; }
div#comments div.comment { display: inline-block; width: 738px; padding: 20px 0 0 20px; }
div#comments div.comment-wrap { width: 20px; height: 36px; background: url('../images/comment_wrap.png'); float: left; position: relative; z-index: 2; margin-top: 20px; }
div.comment div.avatar { background-color: white; padding: 5px; box-shadow: 0 1px 3px #eee; border: 1px solid #d9d9d9; width: 80px; height: 80px; float: left; }
div.comment div.avatar div.image { width: 80px; height: 80px; background-size: cover; }
div#comments div.comment div.copy { width: 574px; padding: 15px; background: white; border: 1px solid #d9d9d9; float: left; position: relative; z-index: 1; margin-left: -1px; }
div#comments div.copy p.date { color: #bcbcbc; }
div#comments div.copy p.user { font-size: 16px; color: #868686; margin: 5px 0; }
div#comments div.copy p.user a { color: #fe60ea; }
div#comments div.copy p.comments { line-height: 1.5; }
div#comments div.copy p.comments span.remove { width: 15px; height: 15px; position: absolute; top: 5px; right: 5px; background: url('../images/sprite.png') -40px -83px; cursor: pointer; }
div#comments div.copy p.comments span.remove:hover { background-position: -11px -83px; }

div#create-account-container p { color: #999; font-size: 16px; margin: 10px 0; }
div#create-account-container p.intro { color: #7e7e7e; }
div#create-account-container span.error { margin-left: 5px; color: red; display: none; }
div#create-account-container form ol { margin: 20px 0; }
div#create-account-container form ol li { list-style: none; margin: 10px 0; display: inline-block; width: 100%; }
div#create-account-container form label { width: 150px; float: left; min-height: 10px; font-size: 16px; font-weight: 100; letter-spacing: 1px; margin: 5px 0; }
div#create-account-container form label span { font-size: 12px; letter-spacing: 0; }
div#create-account-container input.text { padding: 5px; border: 1px solid #d9d9d9; font-size: 14px; width: 200px; }
div#create-account-container div.success { font-size: 16px; }

input#account-submit { width: 120px; height: 30px; background: url('create-btn.png'); border: 0; text-indent: -9999px; }
input#account-submit:hover { background-position: 0 -30px; }
div#file-profile-button { border: 0; background-color: white; }

/* FORGOT / RESET PASSWORD */
div#forgot-password-container p, div#reset-password-container p { margin: 20px 0; font-size: 16px; }
div#forgot-password-container ol, div#reset-password-container ol { margin: 0; }
div#forgot-password-container ol li, div#reset-password-container ol li { list-style: none; margin: 10px 0; }
div#forgot-password-container label, div#reset-password-container label { font-size: 16px; font-weight: 100; letter-spacing: 1px; width: 80px; min-height: 10px; display: inline-block; text-align: right; margin-right: 10px; }
div#reset-password-container label { width: 120px; }
div#forgot-password-container span.error, div#reset-password-container span.error { margin-left: 5px; color: red; display: none; }
form#forgot-password input.text, form#reset-password input.text { font-size: 16px; padding: 10px; border: 1px solid #d9d9d9; width: 200px; }
input#email-submit, input#submit-new-password { width: 120px; height: 30px; background: url('reset-btn.png'); border: 0; text-indent: -9999px; }
input#email-submit:hover, input#submit-new-password:hover { background-position: 0 -30px; }

/* EDIT PROFILE */
div#edit-profile-container h3 { font-size: 18px; color: #DA45C3; margin-left: 160px; }
div#edit-profile-container ol { margin: 0; }
div#edit-profile-container ol li { list-style: none; margin: 5px 0; }
div#edit-profile-container form { margin: 20px 0 40px 0; }
div#edit-profile-container label { font-size: 14px; font-weight: 100; letter-spacing: 1px; width: 140px; min-height: 10px; display: inline-block; text-align: right; margin-right: 10px; height: 25px; line-height: 25px; }
div#edit-profile-container input.text { padding: 5px; border: 1px solid #d9d9d9; width: 200px; height: 25px; }
div#edit-profile-container span.error { margin-left: 5px; color: red; display: none; }
input#submit-edit-profile, input#submit-edit-profile-password { width: 120px; height: 30px; background: url('save-btn.png'); border: 0; text-indent: -9999px; }
input#submit-edit-profile:hover, input#submit-edit-profile-password:hover { background-position: 0 -30px; }
div#edit-profile-left { float: left; width: 520px; margin-right: 20px; }
div#edit-profile-image { float: left; padding: 10px; }
div#edit-profile-image p { margin: 10px 0; font-size: 14px; font-weight: bold; }
div#edit-profile-image p span.note { font-size: 12px; font-weight: normal; letter-spacing: 1px; }
div#edit-profile-image div.uploadify-container { width: 200px; }
div#edit-profile-image-file-button { border: 0; background-color: white; }