/*Pop up box for Scrapbook member funtions*/

#memberspopup
{
	border:1px solid #4c7600; 
	width:141px; 
	/*height:152px;*/ 
	/*background-color:#b4c597; */
	position:absolute; 
	left:837px; 
	top:52px;
	z-index:15000; 
	visibility:hidden;
	color:Black;
	font:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	line-height:16px;
	color:#000000;
	background-image:url("images/scrapbook-dropdown.jpg");
}

#memberspopup #input 
{
	background-color:#b4c597;
	color:#000000;
	font-weight:bold;
	width:143px !important;
	height:24px !important;
}
#memberspopup a 
{
	color:#000000;
}





/*Scrap book page*/

#book{
	/*width:972px;*/
	height:424px;
	margin:0 auto;
	background-image: url(images/bookbg.png);
	background-repeat:no-repeat;
	padding:12px 12px 0px 12px;
}

#leftbook{
	position:relative;
	float:left;
	width:473px;
	height:400px;
	/*background-color:#FFFF00;*/
}

#leftbook img{
  /*padding-right:17px;
	padding-bottom:17px;*/
	
	}


#rightbook{
	position:relative;
	float:left;
	width:442px;  /*465*/
	height:400px;
	/*background-color:#003399;*/
	/*border:1px solid red;*/
	padding:0px 0px 25px 25px;
	}

#nodrop{
	padding-left:20px;
}


/*Post it note background*/

#postit{	
	position:absolute;
	top:74px;
	right:-19px;
	width:150px; /*200*/
	height:200px;
		background-image: url('images/postitnote.png');
	background-repeat: no-repeat;
	color:black;
	padding:25px 25px 10px 25px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;

}

#imageskulabel{	
	position:absolute;
	top:55px;
	right:-7px;
	width:150px; /*200*/
	color:black;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;

}

#txtNotes
{
	overflow:hidden;
}
#postit textarea
{
	overflow:hidden;
}

/*Note Controls*/
#notecontrols{
	position:absolute;
	width:150px;
	top:274px;
	right:-28px;
	/*border:1px solid red;*/
	}
	
/*Main controls*/
#maincontrols{
	/*border:1px solid green;*/
	margin-left:-11px;
	position:relative;
	
	}
#maincontrols img{
	padding-right:0px;
}

#maincontrols input
{
	padding-right:7px;
}

/*Book Cart footer*/

#bookCart{
	background-position: 328px 13px;
	position: relative;
	width: 683px; /*990*/;
	height: 114px;
	padding-left: 253px;
	background-image: url('images/AddItemToCartBG.jpg');
	background-repeat: no-repeat;
}

#callout{
	position:absolute;
	top:0px;
	left:0px;
	
	width:307px;
	z-index:1;
}

/*css for drag and drop code*/
.box {
	/*padding: 10px 20px;*/
	/*background: #CCC;*/
	border: 1px solid #AAA;
	text-align: center;
	font-size: 10px;
	margin: 0 0 10px 0;
	}	

.drag {
	height: 117px;
	width: 90px;
	float: left;
	/*border: 1px solid #AAA;*/
	/*background: #CCC;*/
	margin: 8px;
	cursor: move;
	/*font-size: 80px;*/
	text-align: center;
	/*line-height: 77px;*/
	color: #AAA;
	/*padding-right:17px;
	padding-bottom:17px;*/

	}
	
.drag img
{
	width:90px;
	height:117px;
}

#thecart .drag
{
	margin-left:13px;
	margin-right:20px;
}

#thecart .drag img
{
			width:75px;/*69*/
	height:92px;/*90*/
}

	.drop .drag {
		/*height: 77px;
		width: 77px;*/
		font-size: 70px;
		line-height: 77px;
		}
.drop {
	height: 106px;
	width: 695px;
	/*border: 1px solid #AAA*;/
	/*background: #CCC;*/
	margin: 10px;
	padding: 10px;
	overflow:hidden;
	margin-left:51px;	
	}	
.ghost {
	position: absolute;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	/*background-color: #CCF;*/
	border-color: #AAD;
	color: #AAD;
	}
.outline {
	background-color: #FCC;
	border-color: #DAA;
	border-style: dashed;
	color: #DAA;
	border-width:0px;

	}
	
.outline img
{
		width:84px !important;
	height:113px !important;
}
.active {
/*	background-color: #CFC;
	border-color: #ADA;*/
	}
#nodrop {
	/*height: 120px;*/
	}
#log {
	border: 1px solid #AAA;
	padding: 10px;
	overflow: auto;
	height: 160px;
	width: 464px;
	}
	
#processorder{
	
	position:absolute;
	top:0px;
	left:839px;
}

#Welcome
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #D6A868;
	padding: 5px;
	text-align:center;
	margin-bottom:5px;
}

#sharescrapbook
{
	border:1px solid #000000; 
	width:141px; 
	height:26px; 
	background-color:#ffffff; 
	position:absolute; 
	right:0px; 
	top:-30px;
	z-index:15000; 
	visibility:hidden;
	color:Black;
	font:arial;
	font-size:10px;
	font-weight:bold;
	padding:5px;
	line-height:18px;
	color:#000000;
}