﻿
.mainEditProfileBlock {width:987px; background-color:#fff; margin-left:20px; color:#666;}
.mainEditProfileBlock .hr {background:url('../Images/hr.gif') 0 0 no-repeat; height:1px; clear:both;}

/* -------------------- Edit Profile Layout ----------------------- */
.editProfileLeftBlock {float:left;}
.editProfileLeftContainer {width:351px; background:url('../images/imgEditProfileLeftShadow.jpg') bottom right;}
.editProfileLeftContainer .contentHolder {width:330px; margin:0px 10px; padding-bottom:20px;}
.editProfileLeftContainer .contentHolder img {padding:4px 0 8px 0;}
.editProfileLeftHeader {width:351px; height:16px; margin-bottom:10px; background:url('../images/imgEditProfileLeftHeader.jpg');}
.editProfileBlockHeader {width:350px; padding:10px 0px 5px; height:17px;}
.editProfileCenterBlock {float:left; margin:auto 20px;}
.editProfileCenterBlock .contentHolder {width:330px; margin:0px 10px; padding-bottom:20px;}
.editProfileCenterBlock .contentHolder ul.hobbies {list-style-type:none; margin:0; padding:0;}
.editProfileCenterBlock .contentHolder ul.hobbies li {width:160px; float:left; margin:5px 0 1px 0; display:inline; padding:0;}
.editProfileCenterBlock .contentHolder ul.hobbies li label {width:160px; display:inline; margin:0; padding:0; position:relative; top:-2px;}
.editProfileCenterBlock .contentHolder ul.hobbies li input {width:30px; margin:0; padding:0; display:inline;}
.editProfileCenterContainer {width:350px; background:url('../images/imgEditProfileLeftShadow.jpg') bottom right;}
.editProfileCenterHeader {width:351px; height:16px; margin-bottom:10px; background:url('../images/imgEditProfileCenterHeader.jpg');}

.editProfileRightBlock {width:204px; float:left; margin:32px 0 0 0;}
.editProfileRightHeader {width:204px; height:25px; padding:1px 0px 0px; background:#fff url('../Images/imgEditProfileRightHeader.jpg') no-repeat bottom; position:relative;
}
.editProfileRightContainer {width:204px; background:url('../images/imgEditProfileRightShadow.jpg') bottom right;}
.editProfileRightContainer img {margin:-5px 0px 0px 10px;}
.editProfileRightContainer .contentHolder {width:189px; margin:0; padding:8px 0px 25px 15px;}
.greenSaveChangesBtnHolder {position:relative; width:350px; text-align:right;}
.blueSaveChangesBtnHolder {position:relative; width:202px; text-align:right;}
.mainEditProfileBlock .row {clear:both; margin:0 0 20px 0;}
.mainEditProfileBlock .row2 {clear:both; margin:0 0 36px 0;}
.mainEditProfileBlock .row3 {clear:both; margin:0 0 10px 0;}
.mainEditProfileBlock input, .mainEditProfileBlock select {font-size:1.0em; font-family:arial; color:#666; padding:1px;}
.mainEditProfileBlock label {margin:0;}
.mainEditProfileBlock .plain {border:1px solid #fff;}

#changePassword {width:204px; margin:10px 0 0;}
#changePassword #head {height:41px; width:204px; background:url('../Images/Profile/Change-password/head.jpg') bottom center no-repeat;}
#changePassword #main {width:189px; background:url('../Images/Profile/Change-password/bg.jpg') bottom center no-repeat; padding:8px 0px 25px 15px;}
#changePassword #footer {width:204px;}

/* ---------------------------------------------------------------- */
/*                         UPLOADS MODAL                            */
/* ---------------------------------------------------------------- */

#uploadsModal {position:absolute; top:125px; left:50%; margin:0 0 0 -350px; width:700px; height:785px; overflow:hidden; background:#ededd1; z-index:150; text-align:left;  border:1px solid #c8c8b0; color:#666; font-size:1.0em; display:none;}

#uploadsModal .hr {background:url('../Images/hr.gif') 0 0 no-repeat; height:1px; clear:both; margin:45px 0 12px 0; padding:0; overflow:hidden;}

#uploadsModal #head {width:700px; height:38px; background:url('../Images/Profile/Uploads/head.jpg') 0 0 no-repeat;}
#uploadsModal #head a {float:right; margin:12px 18px 0 0; display:inline; color:#666;}
#uploadsModal #main {width:670px; padding:0 15px; position:relative;}

/* --------------------- Album Selector --------------------- */
#uploadsModal #main #selectAlbum {margin:0 0 5px 0;}

#uploadsModal #main #selectAlbum #reloadAlbums {height:16px; text-align:right; margin:8px 0 4px 0;}
#uploadsModal #main #selectAlbum #reloadAlbums img {cursor:pointer;}

#uploadsModal #main #selectAlbum #manageAlbums {margin:10px 0 0 0;}
#uploadsModal #main #selectAlbum #manageAlbums a {cursor: pointer}
#uploadsModal #main #selectAlbum #manageAlbums a.disabled {color:#ccc; text-decoration:none; cursor:inherit}
#uploadsModal #main #selectAlbum #manageAlbums a.disabled:hover {color:#ccc; text-decoration:none;}

#uploadsModal #main #selectAlbum #manageAlbums .slider {margin:0; padding:0; width:528px; overflow:hidden; position:relative;}
#uploadsModal #main #selectAlbum #manageAlbums .slider .loading {position:absolute; top:40px; left:235px; z-index:1}
#uploadsModal #main #selectAlbum #manageAlbums .slider .panel {height:115px; position:relative; overflow:hidden; width:100000px; z-index:2;}
#uploadsModal #main #selectAlbum #manageAlbums .slider .panel .photoholder {width:528px; position:relative; display:block; float:left; overflow:hidden;}
#uploadsModal #main #selectAlbum #manageAlbums .slider .panel img {float:left;}
#uploadsModal #main #selectAlbum #manageAlbums .slider .panel .wrapper {position:relative; float:left; margin:0 20px 0 0; display:inline; height:112px; width:112px !important; overflow:hidden; cursor:pointer;}
#uploadsModal #main #selectAlbum #manageAlbums .slider .panel .wrapper .delete {height:18px; width:18px; background:url('../Images/Profile/Uploads/delete.png') center center no-repeat; position:absolute; bottom:12px; right:15px; display:none; cursor:pointer;}

#uploadsModal #main #selectAlbum #manageAlbums .controller {height:20px; margin:10px 0 5px 0; font-size:1.1em; position:relative;}
#uploadsModal #main #selectAlbum #manageAlbums .controller a.albumprevious {float:left; padding:0 0 0 20px; background:url(../Images/Profile/Uploads/slide-left.gif) center left no-repeat;}
#uploadsModal #main #selectAlbum #manageAlbums .controller a.albumnext {float:right; padding:0 23px 0 0; background:url(../Images/Profile/Uploads/slide-right.gif) center right no-repeat;}

#uploadsModal #main #selectAlbum #manageAlbums .newAlbum {position:relative; float:left; margin:0 23px 0 0; display:inline; height:112px; width:112px;}


/* --------------------- Album Details -----------------------*/
#uploadsModal #main #albumDetails {clear:both;}

#uploadsModal #main #albumName {float:left; width:325px; margin:15px 0 0; display:inline;}
#uploadsModal #main #albumName label {float:left; width:90px; position:relative; top:2px;}
#uploadsModal #main #albumName input {float:left; width:190px; font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:1.0em; border:1px solid #fff;}

#uploadsModal #main #albumTags {float:right; width:290px; margin:15px 0 0; display:inline; position:relative;}
#uploadsModal #main #albumTags label {float:left; width:55px; position:relative; top:2px;}
#uploadsModal #main #albumTags input.tagBox {float:left; width:140px; font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:1.0em; border:1px solid #fff;}
#uploadsModal #main #albumTags input.tagValidator {float:left; display:block; border:1px solid red; background:#666; position:relative; display:none;}
#uploadsModal #main #albumTags input.tagBtn {height:25px; width:75px; margin:0; padding:0; position:relative; top:-2px; vertical-align:baseline;}
#uploadsModal #main #albumTags .tagContainer {width:670px; position:absolute; top:26px; left:-380px; margin:0; height:45px; overflow:hidden;}
#uploadsModal #main #albumTags .tagContainer a {float:left; color:#666;}

#uploadsModal #main #defineAlbum {float:left; width:325px; margin:15px 0 0; display:inline; height:60px;}
#uploadsModal #main #defineAlbum #chooseAlbum label {float:left; width:120px; position:relative; top:1px; margin:0 10px 0 0; display:inline;}
#uploadsModal #main #defineAlbum #chooseAlbum select {float:left; width:150px; font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:1.0em;}
#uploadsModal #main #defineAlbum #chooseAlbum img {float:left; margin:0 0 0 7px; display:inline; position:relative; top:1px; cursor:pointer;}

#uploadsModal #main #addAlbum {float:left; width:325px; margin:12px 0 0; display:inline;}
#uploadsModal #main #addAlbum label {float:left; width:130px; position:relative; top:2px;}
#uploadsModal #main #addAlbum input {float:left; width:162px; font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:1.0em;}

/* ------------------- Album Manage/Upload -------------------*/
#uploadsModal #main #photoManage {margin:20px 0 0 0;}
#uploadsModal #main #photoManage #tabs {height:33px; background:url(../Images/Profile/Uploads/tabs-bg.gif) center bottom repeat-x;}
#uploadsModal #main #photoManage #tabs .manageOn {width:102px; height:33px; float:left; margin:0 0 0 4px; display:inline; background:url('../Images/Profile/Uploads/tabs.gif') 0 -33px no-repeat; cursor:pointer;}
#uploadsModal #main #photoManage #tabs .manageOff {width:102px; height:33px; float:left; margin:0 0 0 4px; display:inline; background:url('../Images/Profile/Uploads/tabs.gif') 0 0 no-repeat; cursor:pointer; display:none;}
#uploadsModal #main #photoManage #tabs .uploadsOn {width:102px; height:33px; float:left; margin:0 0 0 4px; display:inline; background:url('../Images/Profile/Uploads/tabs.gif') 0 -99px no-repeat; cursor:pointer; display:none;}
#uploadsModal #main #photoManage #tabs .uploadsOff {width:102px; height:33px; float:left; margin:0 0 0 4px; display:inline; background:url('../Images/Profile/Uploads/tabs.gif') 0 -66px no-repeat; cursor:pointer;}

#uploadsModal #main #photoManage #content {border:1px solid #c8c8b0; border-top:none; background:#eeeee3; padding:10px;}
#uploadsModal #main #photoManage #content h3 {font-weight:normal; float:right; margin:5px 5px 20px 0; background:#f3f3eb; font-family:"Courier New"; padding:4px; display:inline;}

/* -------------------- Manage Pane ------------------------- */
#uploadsModal #main #photoManage #content #manage {position:relative; height:385px;}
#uploadsModal #main #photoManage #content #manage .unSelectAll {position:absolute; top:-54px; right:158px; width:118px; height:38px; background:url('../Images/Profile/Uploads/deselect-all.jpg') 0 0 no-repeat; cursor:pointer;}
#uploadsModal #main #photoManage #content #manage .deleteSelectedButton {position:absolute; top:-54px; right:-14px; width:165px; height:39px; background:url('../Images/Profile/Uploads/delete-selected-bin.jpg') 0 0 no-repeat; cursor:pointer;}
#uploadsModal #main #photoManage #content #manage .deleteSelected {position:absolute; top:13px; right:37px;}
#uploadsModal #main #manage #editPhoto {}
#uploadsModal #main #manage #editPhoto .thumbMid {float:left; margin:25px 0 25px 10px; display:inline; width:125px; height:125px; padding:14px 14px 8px 8px; background:#fff; border:1px solid #c8c8b0;}
#uploadsModal #main #manage #editPhoto .details {float:left; margin:25px 0 0 20px; display:inline; width:450px;}
#uploadsModal #main #manage #editPhoto .details label {margin:0 0 25px 0; display:block; font-size:1.3em;}
#uploadsModal #main #manage #editPhoto .details input {width:450px; display:block; font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:1.7em;}
#uploadsModal #main #manage #editPhoto .options {clear:both; margin:25px -25px 0 0; width:450px;}
#uploadsModal #main #manage #editPhoto .options img {float:right; margin:0 0 0 12px; display:inline;}

#uploadsModal #main #manage #managePhotos {margin:0 0 10px 0;}
#uploadsModal #main #manage #managePhotos a {cursor: pointer}
#uploadsModal #main #manage #managePhotos a.disabled {color: #ccc; text-decoration: none;cursor:inherit}
#uploadsModal #main #manage #managePhotos a.disabled:hover {color: #ccc; text-decoration: none;}
#uploadsModal #main #manage #managePhotos a#saveChanges {display:block; float:right; margin:10px -4px 0 0;}


#uploadsModal #main #manage #managePhotos .slider {margin:0 0 0 0; padding:0 0 0 7px; width:640px; overflow:hidden; position:relative;}
#uploadsModal #main #manage #managePhotos .slider .loading {position:absolute; top:125px; left:307px; z-index:1;}
#uploadsModal #main #manage #managePhotos .slider .panel {height:290px; margin:10px 0 0; position:relative; overflow:hidden; width:100000px; z-index:2;}
#uploadsModal #main #manage #managePhotos .slider .panel .photoholder {width:640px; position:relative; display:block; float:left; overflow:hidden; }
#uploadsModal #main #manage #managePhotos .slider .panel .photoholder img {float: left; }
#uploadsModal #main #manage #managePhotos .slider .panel .photoholder .wrapper {position:relative; float:left; margin:0 8px 10px 8px; display:inline; height:89px; width:89px !important; overflow:hidden; cursor:pointer;}
#uploadsModal #main #manage #managePhotos .slider .panel .photoholder .wrapper input {position:absolute; right:5px; bottom:9px; cursor:default;}
#uploadsModal #main #manage #managePhotos .controller {height:20px; margin:10px 0 5px 0; font-size:1.1em; position:relative;}
#uploadsModal #main #manage #managePhotos .controller a.albumprevious {float:left; padding:0 0 0 20px; background:url(../Images/Profile/Uploads/slide-left.gif) center left no-repeat;}
#uploadsModal #main #manage #managePhotos .controller a.albumnext {float:right; padding:0 23px 0 0; background:url(../Images/Profile/Uploads/slide-right.gif) center right no-repeat;}



/* -------------------- Upload Pane ------------------------- */
#uploadsModal #main #photoManage #content #uploads {display:none; position:relative; height:300px;}

#uploadsModal #main #uploads #loading {position:absolute; top:50px; left:0; z-index:300; width:650px; background:#eeeee3; height:200px; text-align:center; font-size:1.6em; text-align:center; padding:30px 0 0 0; display:none;}
#uploadsModal #main #uploads #loading img {margin:80px 0 0;}
#uploadsModal #main #uploads #completed {position:absolute; top:50px; left:0; z-index:301; width:650px; background:#eeeee3; height:200px; display:none;}
#uploadsModal #main #uploads #completed #details {width:400px; margin:30px auto 0; font-size:1.6em; text-align:center;}
#uploadsModal #main #uploads #completed #details p {margin:0 0 20px 0;}
#uploadsModal #main #uploads #completed #details .options {padding:8px; margin:0;}
#uploadsModal #main #uploads #completed #details .options #uploadMore {float:left; margin:0 0 0 20px; display:inline; padding:0; cursor:pointer;}
#uploadsModal #main #uploads #completed #details .options #goGallery {float:right; margin:0 20px 0 0; display:inline; padding:0; cursor:pointer;}

#uploadsModal #main #uploads iframe {position:absolute; top:50px; left:0; clear:both; padding:0; margin:0; z-index:299;}

#uploadPhotos {font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:0.7em; width:650px;}
#uploadPhotos .upload {margin:0 0 18px 0;}
#uploadPhotos .upload input {font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; color:#666; font-size:1.0em; padding:2px;}
#uploadPhotos .upload .file {float:left;}
#uploadPhotos .upload .file label {float:left; margin:4px 6px 0 0; display:inline;}
#uploadPhotos .upload .file input {width:185px; float:left;}
#uploadPhotos .upload .desc {float:right; margin:0 5px 0 0; display:inline;}
#uploadPhotos .upload .desc label {float:left; margin:4px 8px 0 0; display:inline;}
#uploadPhotos .upload .desc input {width:300px; float:left;}
#uploadPhotos .newline {clear:both; overflow:hidden; height:0;}

#startUpload {position:absolute; top:250px; right:0; cursor:pointer; z-index:298;}
#disableUpload {position:absolute; top:250px; right:5px; display:none;}



/* -------------------- View Profile Layout ----------------------- */
#profileOwner {font-weight:bold; font-size:1.0em; color:#a42323; margin:10px 0 10px 12px;}

/* Overview */
#profileOverview {width:158px; float:left;}
#profileOverview .header {height:20px; width:158px; background:url('../Images/Profile/Overview/head.jpg') bottom center no-repeat;}
#profileOverview .main {width:112px; background:url('../Images/Profile/Overview/bg.jpg') repeat bottom center; padding:10px 23px;}
#profileOverview .main img.avatar {height:100px; width:100px; border:1px solid #ccc; margin:0 6px 16px 6px; overflow:hidden;}
#profileOverview .main .hr {margin:0 0 8px 0;}
#profileOverview .main h2 {font-weight:bold; margin:0 0 3px 0;}
#profileOverview .main .output {display:block; margin:0 0 15px 0;}
#profileOverview .footer {height:11px; width:158px; background:url('../Images/Profile/Overview/footer.jpg') no-repeat top center;}

/* Details */
#profileDetails {width:354px; float:left; margin:0 0 0 8px; display:inline;}
#profileDetails .header {height:25px; width:354px; background:url('../Images/Profile/Details/head.jpg') bottom center no-repeat;}
#profileDetails .main {width:308px; background:url('../Images/Profile/Details/bg.jpg') repeat bottom center; padding:10px 23px;}
#profileDetails .main h2 {font-weight:bold; margin:0 0 3px 0;}
#profileDetails .main .output {display:block; margin:0 0 10px 0;}
#profileDetails .main .single {margin:0 0 10px 0;}
#profileDetails .main .single h2 {float:left; margin:0 15px 0 0; display:inline;}
#profileDetails .main .single .output {float:left;}
#profileDetails .footer {height:13px; width:354px; background:url('../Images/Profile/Details/footer.jpg') no-repeat top center;}

/* Contributions */
#profileContributions {width:408px; float:left; margin:0 0 0 8px; display:inline;}
#profileContributions .header {width:384px; height:48px; background:url('../Images/Profile/Contributions/head.jpg') bottom center no-repeat; padding:0 12px;}
#profileContributions .header .photoUploads {width:93px; height:17px; background:url('../Images/Gallery/photo-uploads.gif') top left no-repeat; margin:24px 0 0 8px; float:left;}
#profileContributions .header .photoUploads h2 {display:none;}
#profileContributions .main {width:372px; background:url('../Images/Profile/Contributions/bg.jpg') repeat bottom center; padding:10px 18px; font-weight:normal;}
#profileContributions .main h3 {font-size:1.3em; font-weight:bold;}
#profileContributions .main p.albumDetails {font-weight:normal; text-align:right; margin:5px 5px 20px 0; background:#f2f0eb; font-family:"Courier New"; padding:4px; display:block;}

/* Contributions - Album Slider */
#profileContributions .main #albumSlider a {cursor: pointer}
#profileContributions .main #albumSlider a.disabled {color: #ccc; text-decoration: none;cursor:inherit}
#profileContributions .main #albumSlider a.disabled:hover {color: #ccc; text-decoration: none;}
#profileContributions .main #albumSlider .slider {margin:10px 0 0 0; padding:0 0 0 7px; width:371px; overflow:hidden; position:relative;}
#profileContributions .main #albumSlider .slider .loading {position:absolute; top:90px; left:170px; z-index:1;}
#profileContributions .main #albumSlider .slider .panel {height:250px; position:relative; overflow:hidden; width:100000px; z-index:2;}
#profileContributions .main #albumSlider .slider .panel .photoholder {width:371px; position:relative; display:block; float:left; overflow:hidden; }
#profileContributions .main #albumSlider .slider .panel .photoholder img {float: left; }
#profileContributions .main #albumSlider .slider .panel .photoholder .wrapper {position:relative; float:left; margin:0 5px 5px 5px; display:inline; height:112px; width:112px !important; overflow:hidden; cursor:pointer;}
#profileContributions .main #albumSlider .slider .panel .photoholder .wrapper input {position:absolute; right:5px; bottom:9px; cursor:default;}
#profileContributions .main #albumSlider .controller {height:20px; margin:10px 0 5px 0; font-size:1.1em; position:relative;}
#profileContributions .main #albumSlider .controller a.albumprevious {float:left; padding:0 0 0 20px; background:url(../Images/Profile/Uploads/slide-left.gif) center left no-repeat;}
#profileContributions .main #albumSlider .controller a.albumnext {float:right; padding:0 23px 0 0; background:url(../Images/Profile/Uploads/slide-right.gif) center right no-repeat;}

#profileContributions .main .userContributions {width:119px; height:12px; background:url('../Images/Profile/Contributions/user-contributions.gif') top left no-repeat; margin:34px 0 10px 4px;}
#profileContributions .main .userContributions h2 {display:none;}
#profileContributions .main h3 {font-size:1.0em; margin:0 0 12px 0;}
#profileContributions .main .hr {margin:0 0 14px 0;}
#profileContributions .main .contributions {margin:0 0 12px 0;}
#profileContributions .main .contributions .highlight {display:block; float:left; width:25px; font-size:1.1em; font-weight:bold; color:#a42323; padding:0 4px 0 0;}
#profileContributions .main .contributions .section {display:block; float:left;}
#profileContributions .main a {text-decoration:underline;}
#profileContributions .main a:hover {text-decoration:none;}
#profileContributions .footer {width:408px; height:17px; background:url('../Images/Profile/Contributions/footer.jpg') top center no-repeat;}




