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

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

[Table of contents]

0.	General styles
1.	Error pages (404, 500, ...)
2.	Buttons pages (depreciated: don't add new styles here)
3.	Buttons dialogs (depreciated: don't add new styles here)
4.	Share album
5.	Subscribe
6.	New Loading Dialog
-------------------------------------------------------------*/

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

[0.	General Styles]

-------------------------------------------------------------*/
.storeimages, .locatePhotos, .singleupload, .fastImageUpload, /*.chooseStyle,*/ .forgotPassword, /*.pocketChooseAlbum,*/ .orderConfirmation, .passwordConfirmation, .invitation, .registration, .unsubscribe, .bgcCode, .manageFriends {
	padding-left:216px; position:relative; margin-right:18px; overflow:hidden;min-height:350px}

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

[1.	Error pages (404, 500, ...)]

-------------------------------------------------------------*/
/* 2 - 404.html -- */
.content .pageNotFound {
	background:url(base/img/error_pages/wave.jpg) 0 20px no-repeat; padding:90px 0 0 200px; height:220px }
.content .pageNotFound h1 {
 	width:400px}
.content .pageNotFound p {
	width:400px; margin-bottom:15px}

/* 2 - 500.html -- */
.content .error500 {
	background:url(base/img/error_pages/wave.jpg) 0 20px no-repeat; padding:90px 0 0 200px; height:220px }
.content .error500 h1 {
 	width:400px}
.content .error500 p {
	width:400px; margin-bottom:15px}

/* 2 - session-expired.html -- */
.content .sessionExpired {
	background:url(base/img/error_pages/wave.jpg) 0 20px no-repeat; padding:90px 0 0 200px; height:220px }
.content .sessionExpired  h1 {
 	width:400px}
.content .sessionExpired p {
	width:400px; margin-bottom:15px}

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

[2.	Buttons pages (depreciated: don't add new styles here)]

-------------------------------------------------------------*/
.ok .btnMiddle 						{	width:30px	}
.send .btnMiddle 					{	padding:0 40px	}
.continue .btnMiddle 				{	width:/*80px*/150px	}
.formStoreImages .continue .btnMiddle { width:180px}
.btnLogin .btnMiddle 				{	padding:0 33px	}
.checkOut .btnMiddle 				{	padding:0 25px	}
.join .btnMiddle 					{	padding:0 32px	}
.upload .btnMiddle 					{	padding:0 32px	}
.locateUpload .btnMiddle 			{	width:160px	}
.locateLogin .btnMiddle 			{	width:160px	}
.locateUse .btnMiddle 				{	width:160px	}
.nejTack .btnMiddle 				{	padding:0 32px	}
.jaTack .btnMiddle 					{	padding:0 34px	}
.clickToStart .btnMiddle			{	width:155px 	}
.adjustProject .btnMiddle 			{	width:155px;	}
.JoinUsSmall .btnMiddle 			{	width:135px;font-size:11px	}
.clickHereSmall .btnMiddle 			{	padding:0 10px	}
.applyCode .btnMiddle 				{	padding:0 3px	}
.createOffline .btnMiddle, 
.createOnline .btnMiddle 			{	width:110px	}
.clickHere .btnMiddle 				{	width:104px		}
.learnMore .btnMiddle 				{	width:140px		}
.joinUs .btnMiddle 					{	width:107px		}
.btnProducts .btnMiddle 			{	padding:0 20px	}
.download .btnMiddle 				{	width:114px	}
.importContact .btnMiddle 			{	width:125px		}
.removeContact .btnMiddle 			{	width:125px		}
.addContact .btnMiddle 				{	width:125px		}
.addMoreFriends .btnMiddle 			{	padding:0 20px	}
.close .btnMiddle 					{	padding:0 50px	}
.orderPrints .btnMiddle 			{	padding:0 35px 0 30px	}
.orderHere .btnMiddle 				{	padding:0 35px 0 30px	}
.continueShopping .btnMiddle		{	width:220px	}
.confirm .btnMiddle					{	width:150px		}
.becomeMember .btnMiddle			{	width:140px		}
.toHomepage .btnMiddle				{	width:180px		}
.saveCopy .btnMiddle				{	width:130px		}
.shoppingCart .checkOut .btnMiddle	{	width:100px		}
.invitation .continue .btnMiddle 	{	width:120px 	}
.downloadPDF .btnMiddle 			{	width:250px 	}
/* Go */
.btnPurpleArrowsRightSmall .btnMiddle
									{	padding:0 5px 0 1px	}
.goMyOrders .btnMiddle				{ 	width:117px	}
.btnMyProjects .btnMiddle			{ 	width:78px	}
.btnMyAlbums .btnMiddle				{ 	width:160px	}
.btnAlbumsFromFriends .btnMiddle	{ 	width:160px	}
.uploadButton .btnMiddle 			{	width: 95px	}

.addToCart .btnMiddle 				{	padding:0 25px	}
.addAllPhotos .btnMiddle 			{	padding:0 10px	}

.btnFloating						{   position:absolute; left:180px; top:275px;z-index:3;}

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

[3.	Buttons dialogs (depreciated: don't add new styles here)]

-------------------------------------------------------------*/
#maindialog .edit .btnMiddle {width:150px}
#maindialog .order .btnMiddle {width:150px}
#maindialog .yes .btnMiddle {width:150px}
#maindialog .no .btnMiddle {width:150px}
#maindialog .cancel .btnMiddle {width:150px}
#maindialog .continue .btnMiddle {width:150px}
#maindialog .save .btnMiddle {width:150px}
#maindialog .insertText .btnMiddle { width:150px}
#maindialog .dialogOk .btnMiddle { width:150px}
#maindialog .delete .btnMiddle { width:150px}
#maindialog .keep .btnMiddle { width:150px}
#maindialog .addPages .btnMiddle {width:150px}
#maindialog .saveItFirst .btnMiddle {width:150px}
#maindialog .startAllOver .btnMiddle {width:150px}
#maindialog .btnSelect .btnMiddle {width:150px}
#maindialog .ok .btnMiddle {width:150px}
#maindialog .apply .btnMiddle {width:150px}

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

[4.	Buttons dialogs (depreciated: don't add new styles here)]

-------------------------------------------------------------*/
/* 4 - home-invitationsharing-member.html home-invitationsharing-nomember.html -- */
.invitation .boxRcBig {
	overflow:hidden}
.invitation ul.listPhotos {
	margin:5px 15px 0 0;padding:0; zoom:1; display:block; width:400px; float:left; height:130px} 
.invitation ul.listPhotosSmall li {
	background:url(base/img/share_album/bg-photo-container.png) 0 0 no-repeat;margin:0;padding:0; list-style:none;
	height:130px;width:130px;position:relative; float:left;	margin-right:0px; font-weight:bold; text-align:center;font-size:6.4em}
.invitation ul.listPhotosSmall li a, .invitation ul.listPhotosSmall li span {
	font-size:11px}
.invitation ul.listPhotosSmall li img {
	vertical-align:middle;margin-top:-1px}
.boxLoginInvitation {
	width:300px; float:right}
.invitation .continue {
	position:absolute; right:15px; bottom:15px}

/* 4 - home-invitationsharing-loggedin.html -- */
.invLoggedIn .boxRcBig {
	width:460px}
.invLoggedIn ul.listPhotos {
	float:none}
.invNoMember .boxFixed{
	width:766px; height:187px; background:url(base/img/share_album/invitation-box.jpg) no-repeat; margin-bottom:15px}
.invNoMember .boxFixed .boxRcContent {
	padding:20px 15px 20px 20px}
.invNoMember ul.listPhotos {
	margin-right:4px}
.invNoMember .joinEF {
	width:180px; float:left}
.invNoMember p {
	margin-bottom:10px}
.invNoMember .becomeMember {
	position:absolute; right:0; bottom:-46px}
	
/*------------------------------------------------------------

[5.	Subscribe]

-------------------------------------------------------------*/
.unsubscribe .prospectsubscribe {
	border:none; margin:0}
	
/*------------------------------------------------------------

[6.	New Loading Dialog]

-------------------------------------------------------------*/
#layerback
{
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	/*background: #c7c7c7;*/
	background-image:url(img/dialog-overlay.gif);
	background-repeat:repeat;
	opacity: 0;
}
#layertop
{
	z-index: 200;
	position: absolute;
	width: 250px;
	height: 100px;
	left: -1000px;
	text-align: center;
	padding: 15px;
	background:#FFFFFF url(img/loading3.gif) no-repeat scroll 50% 85%;
}
.longloadingdialog{
	border:#99BE0E 2px solid
	}