/*------------------------------------------------------------
[Stylesheet - Application - album.css]

Project: 		ExtraFilm
Version: 		2.0
Primary use:	E-commerce

[Table of contents]

1.	Pages
2.	Dialogs
3.	Temp
-------------------------------------------------------------*/
/*------------------------------------------------------------

[1.	Pages]

-------------------------------------------------------------*/
/* 1 - myphotos-myalbums-default.html  -- */
.albumOverview {
	margin-left:17px;overflow:hidden; width:983px}
.albumOverview .boxPaging {
	width:774px}
.albumOverview .pageTitle {
	margin-bottom:0}
.albumOverview .paging {
	margin-bottom:20px}
.albumOverview .reposition {
	margin-top:-90px!important}
.albumOverview ul.listAlbums{
	margin:0 15px 0 34px;padding:0} 
.albumOverview ul.listAlbums li {
	background:url(base/img/myphotos/bg-album-container.png) 0 0 no-repeat;margin:0;padding:0; list-style:none;
	height:160px;width:130px;position:relative; float:left;	margin-right:15px; margin-bottom:25px; font-weight:bold; text-align:center;font-size:6.1em;white-space:nowrap;overflow:hidden}
.albumOverview ul.listAlbums li.selected {
	background-position:-130px 0!important}
.albumOverview ul.listAlbums li a {
	font-size:11px}
.albumOverview ul.listAlbums li img {
	vertical-align:middle; margin-left:-12px;max-height:100px;max-width:100px;}
.albumOverview ul.listAlbums li label {
	position:absolute;top:135px;left:0;cursor:pointer; font-size:11px}
.albumOverview ul.listAlbums li input {
	vertical-align:middle}
.albumOverview ul.listAlbums li label span {
	vertical-align:middle; padding-left:5px; text-decoration:underline}
.albumOverview ul.listAlbums li label span:hover {
	text-decoration:none; color:#3d7091}
.albumOverview .titleAdvView {
	color:#99BE0E; font-weight:bold; font-size:17px; position:absolute; height:25px; width:250px; top:47px; right:211px; text-align:right}
.linkSharedAlbum {
	background:url(base/img/icons/icon-gotosharedalbum.png) 0 0;height:12px; width:17px; display:block;text-indent:-9999px;position:absolute;top:100px;left:96px;overflow:hidden}
.linkSharedAlbum:hover {
	background-position:0 -12px}
.albumOverview .sidebar {
	width:173px; float:right; margin:0;padding:0; margin-right:17px; margin-top:0}

.albumOverview .sidebar .btnMiddle {
	width:153px; text-align:center; padding-left:0!important;padding-right:0!important}
.listTools li {
	display:block; width:173px; height:29px; margin-bottom:5px}
.listTools .text-right {
	height:18px!important}
.listTools .text-right select, .listTools .text-right img {
	vertical-align:middle; padding-right:3px}
.listTools .text-right a {
	line-height:18px; font-weight:bold}
.listTools .text-right select {
	width:167px}
.listTools .sort {
	margin-top:7px; margin-bottom:8px!important}

.connectToPartnerBox{
	background:url(base/img/myphotos/boxConnectToPartner.png) 0 0; height:129px; width:229px; margin-top:25px; position:relative}
.connectToPartnerBox img{position:absolute; top:10px; left:5px}
.connectToPartnerBox .connectButton{
	position:absolute; bottom:15px; left:19px }
.connectToPartnerBox .connectButton .btnMiddle{
	width:170px}

/* 1 - myphotos-myalbums-advanced.html -- */
.albumOverview dt {
	color:#4F4977; font-size:15px; padding:3px 0; padding-left:20px; border-bottom:#ABA8BE solid 1px; cursor:pointer;zoom:1}
.albumOverview dl ul.listAlbums {
	margin:25px 0 0 0;padding:0; position:relative } 
.albumOverview dl dd ul.listAlbums li {
	margin-bottom:15px}
.albumOverview dd.paging {
	position: absolute; width:250px; font-size:11px; left:305px; top: -8px }
dt.opened {
	background:url(base/img/icons/acc-openend.png) left 3px no-repeat}
dt.closed {
	background:url(base/img/icons/acc-closed.png) left 3px no-repeat}
.albumOptionsLink {
	position:absolute;top:10px;right:0}
.albumOverview dl {
	overflow:hidden;margin-bottom:0; margin:0 15px; padding-bottom:10px; position:relative}

/* 1 - myphotos-myalbums-myphotos.html -- */
.myPhotosHeader {
	width:770px}
.myPhotosHeaderPart {
	width:736px;margin-top:10px;float:left}
.myPhotosHeader .albumName {
	width:330px;float:left}
.boxMyAlbumsNav  {
	background:url(base/img/myphotos/bg-myalbums-nav.png) top left no-repeat;position:relative; padding:0 20px; line-height:40px; margin:0px;width:100%;height:40px;vertical-align:middle}
.boxMyAlbumsNav img  {
	position:absolute; top:0px; left:0px}
.boxMyAlbumsNav img.big  {
	left:10px;top:-5px}
.boxMyAlbumsNav img.small  {
	left:-10px}
.boxMyAlbumsNav .spacerText {
	position:relative;top:0px;right:0px; padding: 0px 15px 0 15px}
.boxMyAlbumsNav .spacerFormat {
	position:relative;top:0px;right:0px; padding: 0px 30px 0 15px}
.boxMyAlbumsNav .spacerFolder, .boxMyAlbumsNav .spacerFolderGreen {
	position:relative;top:0px;left:0px; padding: 0px 15px 0 0;font-weight:bold}
.boxMyAlbumsNav .spacerFolderGreen { color:#6B9304}
.myPhotosHeader .changeFormat {
	float:left; margin-top:8px}

.photoOverview {
	margin-left:17px;overflow:hidden; width:983px}
.photoOverview .boxPaging {
	width:774px; float:left}
.photoOverview ul.listPhotos {
	margin:0 15px 0 34px;padding:0; zoom:1; display:block}
.photoOverview ul.listPhotosSmall li {
	background:url(base/img/myphotos/bg-photo-container.png) 0 0 no-repeat;margin:0;padding:0; list-style:none;
	height:160px;width:130px;position:relative; float:left;	margin-right:15px; margin-bottom:25px; font-weight:bold; text-align:center;font-size:6.4em;white-space:nowrap;overflow:hidden}
.photoOverview ul.listPhotosSmall li a {
	font-size:11px}
.photoOverview ul.listPhotosSmall li.selected {
	background-position:-130px 0!important}
.photoOverview ul.listPhotosSmall li img {
	vertical-align:middle;margin-top:-1px;max-height:100px;max-width:100px;}
.photoOverview ul.listPhotosSmall li label {
	position:absolute;top:135px;left:1px;cursor:pointer; vertical-align:middle; font-size:11px}
.photoOverview ul.listPhotos li input {
	vertical-align:middle}
.photoOverview ul.listPhotos li label span {
	vertical-align:middle; padding-left:5px; text-decoration:underline}
.photoOverview ul.listPhotos li label span:hover {
	text-decoration:none; color:#3d7091}

.photoOverview .sidebar {
	width:173px; float:right; margin:0;padding:0; margin-right:17px; margin-top:35px}
.photoOverview .sidebar .btnMiddle {
	width:153px; text-align:center; padding-left:0!important;padding-right:0!important}
.photoOverview .sidebar li {
	display:block; width:173px; height:29px; margin-bottom:5px; position:relative}
.photoOverview .sidebar li .infoBtn {
	top:4px;right:0;position:absolute}
.listTools .information {
	margin-top:25px}

/* 1 - myphotos-myalbums-myphotos-big.html -- */
.photoOverview ul.listPhotosBig li {
	background:url(base/img/myphotos/bg-photo-container-big.png) 0 0 no-repeat;margin:0;padding:0; list-style:none;
	height:195px;width:175px;position:relative; float:left;	margin-right:5px; margin-bottom:25px; font-weight:bold; 
	font-size:8.7em; text-align:center}
.photoOverview ul.listPhotosBig li a {
	font-size:11px}
.photoOverview ul.listPhotosBig li.selected {
	background-position:-175px 0!important}
.photoOverview ul.listPhotosBig li img {
	vertical-align:middle; margin-top:-1px}
.photoOverview ul.listPhotosBig li label {
	position:absolute;top:180px;left:1px;cursor:pointer; vertical-align:middle; font-size:11px}

/* 1 - myphotos-albumsfriends-photos.html -- */
.iconFriends {
	background:url(base/img/icons/icon-friends-big.png) no-repeat 0 0; overflow:hidden; display:block;position:absolute;top:25px;right:25px;width:85px;height:60px;zoom:1}
.privateSharing{
	background:url(base/img/myphotos/icon_green_people.gif) no-repeat 0 0; overflow:hidden; display:block;position:absolute;top:0px;right:340px;width:72px;height:54px;zoom:1}

/* 1 - myphotos-publicalbum.html  -- */
.publicSharing{
	background:url(base/img/myphotos/publicalbum-world.gif) no-repeat 0 0; overflow:hidden; display:block;position:absolute;top:0px;right:340px;width:72px;height:54px;zoom:1}
.photoOverview .btnAdd {
	width:150px}
.photoOverview .btnAdd .btnMiddle {
	width:130px}

/* 1 - myphotos-myalbums-sharealbum.html -- */
.shareAlbum {
	margin-left:17px;overflow:hidden;float:left}
.shareAlbum .help {
	position:absolute;top:11px;right:30px}
.shareAlbum .text {
	margin-left: 20px; width: 650px} 
.shareAlbum .boxRcBig {
	margin-left:0;float:left; margin-top:0; width:966px}
.shareAlbum .boxBg {
	 background:url(base/img/myphotos/sharealbum-bg.png) top right no-repeat; width:553px; height:252px; position:absolute; top:20px; right:0px;z-index:1}
.shareAlbum h4 {
	margin-bottom:25px}
.shareAlbum p.nospace-bottom {
	margin-bottom:10px!important}
.boxMyFriends {
	margin-right:50px}
.boxMyFriends, .boxShareWith {
	background:url(base/img/myphotos/sharealbum-whitebox.png) 0 0 no-repeat; width:425px; height:240px; float:left; z-index:2; position:relative}

.shareAlbum h2 {
	/*reset*/margin:0 12px 0 14px; padding:0; background:none;position:relative; left:0; top:0; height:1em;
	color:#89A936; font-size:14px; font-weight:bold; border-bottom:#99BE0E solid 1px; width:auto; padding:17px 0 7px 0}
.shareAlbum .contentBox ul {
	list-style:none; background-color:#E3E2EA; overflow:hidden; margin:2px 12px 0 14px}
.shareAlbum .contentBox ul li {
	list-style:none; float:left; line-height:22px; font-weight:bold; margin:0!important}
.shareAlbum .overflowTable {
	width:399px; height:165px; overflow:scroll; margin-left:14px}
.shareAlbum table {
	width:399px; }
.shareAlbum table td {
	text-align:left;  line-height:22px; width:26px;border-bottom:#edecf1 solid 1px}
.shareAlbum table td.saFirstName {
	width:80px;}
.shareAlbum table td.saLastName {
	width:101px}
.shareAlbum table td.saEmail {width:152px; }
.shareAlbum table td.saEdit {width:40px; }
li.saFirstName {
	width:106px; text-indent:26px}
li.saLastName {
	width:101px}
li.saEmail {
	width:152px}
.addFriend, .removeFriend {
	width:22px; height:22px; position:absolute; z-index:3; display:block}
.addFriend {
	top:185px; left:473px}
.removeFriend {
	top:218px; left:473px}
.shareAlbum .btnGreenArrowsRight {
	float:right;margin-right:14px}
.shareAlbum .btnGreenArrowsRight .btnMiddle {
	padding:0 30px}
.explButton {
	float:left; width:200px; margin:8px 55px 0 0}
.addMoreFriends {float:left; margin:8px 0 0 0}
.tipOne {	
	padding-left:35px; background:url(base/img/icons/icon-info.png) left 8px no-repeat; width:380px; padding-top:10px}
.iconAdd {
	background:url(base/img/icons/icon-add.png) no-repeat; width:22px; height:22px;}
.iconRemove {
	background:url(base/img/icons/icon-remove.png) no-repeat; display:inline;width:22px; height:22px;}

/* albumsfromfriends.aspx - needs to cleaned up!!!!*/
.albumOverview table.tblShoppingCart {
	margin:0 15px 0 34px;padding:0; width:700px}
.albumOverview th{
	line-height:34px; text-align:center; border-right:hidden }
.albumOverview td{
	line-height:34px; text-align:center; border:1px solid #C1C5CC}
.albumOverview .foldergridview{margin-bottom:0px!IMPORTANT; color:}

.foldergridview tr{border:0;cursor:hand;height:22px}
.foldergridview th{border-bottom:1px solid #C1C5CC;}
.foldergridview th a{text-decoration:none;font-size:10px;color:#929292}
.foldergridview td{border:0;border-right-style:hidden;border-bottom:1px solid #C1C5CC}
.foldergridview td a{color:#929292;text-decoration:none}

/* 1 - albumsfrompartners.aspx -- */
.albumOverview .PicasaLogo {background:url(base/img/myphotos/icon-picasa.gif) no-repeat 0 0 ; overflow:visible; height:32px; width:32px; width:100%; margin-top:-6px; position:relative}
.albumOverview .FlickrLogo {background:url(base/img/myphotos/icon-flickr.gif) no-repeat 0 0; overflow:visible; height:32px; width:32px; width:100%; margin-top:-6px;position:relative}
.albumOverview .FlickrLogo p, .albumOverview .PicasaLogo p{text-indent:40px; margin-bottom:0; padding-top:6px}
/*.albumOverview .boxFixedMyPhotos dt {background:transparent url(default/icons/acc-openend.png) no-repeat scroll left 13px}*/

/*------- Styles for partner progressbar ------*/
.EditorProgressBarContainer{height:16px;text-align:left;margin-top:5px;clear:none;display:block}
.EditorProgressBarBorder{margin-left:10px;width:254px;height:14px;background-color:#FFF;border:solid 1px gray;float:left}
.EditorProgressBar{margin-top:2px;margin-left:2px;width:0;height:10px;background-color:green;float:left}


/*------------------------------------------------------------

[4.	TEMP] - styles from the previous website

-------------------------------------------------------------*/
/* ------ Album stylesheet ------  */
/*.scrollablediv{overflow:auto;overflow-x:hidden;overflow-y:auto;margin-top:3px !important;width:204px;background:#fff;position:relative;border-right:1px solid #c1c5cc;border-left:1px solid #c1c5cc;padding:5px 0 0 9px !important}
.treealbumholder{margin-left:0;margin-top:4px;background-color:#fff;overflow-x:hidden;overflow-y:auto;width:208px;height:250px;float:right;padding:5px}*/
/* --- album item ---  */
/*.thumbitem{float:left;text-align:left;margin-bottom:10px;margin-right:4px}
.thumbitem table td{vertical-align:middle}
.thumbitemhandlesmall{border:1px solid #CECECE;cursor:pointer;padding:1px}
.size1{width:83px;height:85px}
.size2{width:137px;height:140px}
.thumbitemhandle_hover{background-color:#eee}
.thumbitemhandle_on{border:2px solid #bed63b;padding:0}
.thumbitemtitle{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px;color:#5F5F5F}
.imagethumb{padding:1px}
.thumbnailitemcheckbox{float:left}
.thumbnailitemtitle{padding-top:3px;display:block;width:100px;height:16px;overflow:hidden}*/
/* --- folder item ---  */
/*.folderitem{float:left;margin-bottom:10px;margin-right:5px;font-style:italic}
.folderitemtitle{display:block;width:100px;overflow:hidden;padding-top:5px}
.folderitemcount{font-style:normal}
.folderempty{position:relative;top:-105px;left:30px;font-style:normal;cursor:hand;text-decoration:none;color:#5e5e5e;float:left;padding:0}
.folderthumb{border:1px solid #CECECE;padding:2px}
.folderindicator{position:relative;top:-50px;left:10px}
.productindicator{position:absolute;margin-top:-35px;margin-left:60px}
.folderitemtablesmall{clear:both;display:table;margin-top:0;position:relative;overflow:hidden;width:83px;height:83px;text-align:center}
.folderitemtablesmall div{position:absolute;top:50%;left:50%;display:table-cell;vertical-align:middle}
.folderitemtablesmall div img{position:relative;top:-50%;left:-50%}*/
/* --- drag & drop ---  */
/*.emptyList{font-weight:700;text-align:center}
.treedropCue{left:55px;width:inherit;position:absolute}
.treeitemhover{border:2px solid red;background-color:Transparent;height:20px;width:110px}
#stepSlider{position:absolute;top:100px;left:50px;width:84px;height:17px;overflow:hidden;background:#FFF url(../neutral/slider.livecom.rail.gif)}
#stepSliderHandle{position:relative;width:10px;height:17px}
.progresstemplateholder{width:100%;display:table;position:absolute;text-align:left;z-index:300}
.progresstemplate{margin-left:auto;margin-right:auto;top:40px;width:70px;height:70px;border:1px solid #c5c5c5;background-color:#FFF;z-index:300}
.foldergridview{width:95%;border:0;margin-left:20px}
.foldergridview tr{border:0;cursor:hand;height:22px}
.foldergridview th{border:0;border-bottom:1px solid #C1C5CC;text-align:left;border-style:hidden}
.foldergridview th a{text-decoration:none;font-size:10px;color:#929292}
.foldergridview td{border:0;border-right-style:hidden;border-bottom:1px solid #C1C5CC}
.foldergridview td a{color:#929292;text-decoration:none}*/
/* Photo detail  */
/*.photoDialog .simple{padding:25px 10px 20px}
.photoDialog .simple textarea{width:320px;height:45px}
.photoDialog .simple .title{font-size:12px;font-weight:700;display:block;margin:0 0 10px 3px}
.photoDialog .simple .buttons{text-align:center;display:block;margin-top:15px}
.photoDialog .simple .buttons input{border:outset 1px silver;margin-right:5px}*/
/*
CSS definition for photo detail popup and
photo vertical/horizontal alignment. Uses IE hacks.
 */
/*.photoDetail{clear:both;display:table;margin-top:10px;margin-left:17px;position:relative;overflow:hidden;width:535px;height:510px;text-align:center}
.photodetailtable{position:absolute;left:0;top:50px;width:750px;height:530px}
.mainImgBorder{border:1px solid #cecece;padding:1px 1px 0}
.commentTrash{float:right;border:none}
.commentTitle{font-weight:700;display:block;font-size:10px}
.commentText{font-size:10px}
.commentDate{font-size:9px;color:silver;display:block;margin:3px 0 10px -1px}*/
/* MENU TOOLBARS  */
/*IMG.menuSeparator{float:left;display:block;clear:none;margin:2px 5px 0 3px}
A.menuAction{margin-top:2px;vertical-align:middle;display:block;clear:none;float:left;font-weight:700;color:#696969;text-decoration:none;height:21px;padding:1px}
A.menuAction img{border:none;display:block;float:left;clear:none;margin:0;padding:0}
A.menuAction span{padding-top:4px;padding-right:4px;display:block;float:left;cursor:pointer}
A.menuAction:hover{border:solid 1px #648BCB;background-color:#FFCD81;padding:0}
.toolMenuRight{margin-top:1px;float:right;display:block;clear:none}
.toolMenuRight A.menuAction{margin-right:5px;height:21px;padding-right:2px}
.toolMenuRight A.menuAction span{display:block;clear:none;padding-top:2px}
.toolMenuRight A.menuAction:hover{padding-right:1px}
.pagetitle{padding-left:15px}*/