@charset "utf-8";

#facebook-status-container {
	position:absolute;
	z-index:300;
	display:none;
}


#fft-saver {
	position:absolute;
	background-color:#FFF;
	border:#E52B38 1px solid;
	padding:5px;
	z-index:9999;
}

#facebook-status-inner {
	padding:10px;
	border:#F90 1px dotted;
	min-height:50px;
	background-color:#FFF;s
}

#facebook-status-icon {
	float:left;
}

.facebook-name {
	color:#E52B38;
	font-size:14px;
	font-weight:bold;
}

#facebook-status-display {
	overflow:hidden;
	color:#999;
	padding-left:5px;
	float:left;
}

#ff-feedback {
	margin-top:10px;
	text-align:center;
}

#resizeMe
{
	position: absolute;
	width: 100px;
	height: 100px;
	cursor: move;
	background-image: url(../images/resize-bg.png);
	background-position:center;
	border:#FFF 1px dotted;
	z-index:99999;
}
#resizeSE,
#resizeE,
#resizeNE,
#resizeN,
#resizeNW,
#resizeW,
#resizeSW,
#resizeS
{
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: #333;
	border: 1px solid #fff;
	overflow: hidden;
}
#resizeSE{
	bottom: -10px;
	right: -10px;
	cursor: se-resize;
}
#resizeE
{
	top: 50%;
	right: -10px;
	margin-top: -5px;
	cursor: e-resize;
}
#resizeNE
{
	top: -10px;
	right: -10px;
	cursor: ne-resize;
}
#resizeN
{
	top: -10px;
	left: 50%;
	margin-left: -5px;
	cursor: n-resize;
}
#resizeNW{
	top: -10px;
	left: -10px;
	cursor: nw-resize;
}
#resizeW
{
	top: 50%;
	left: -10px;
	margin-top: -5px;
	cursor: w-resize;
}
#resizeSW
{
	left: -10px;
	bottom: -10px;
	cursor: sw-resize;
}
#resizeS
{
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	cursor: s-resize;
}
#container
{
	position: absolute;
	width: 487px;
	height: 321px;
	left:100px;
	top:100px;
	background-color: #ccc;
	background-image: url(DSC_0268.JPG);
}



/********
status box 
**********/
#fft-statsu-box-container {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	background-image:url(../facebook_connect/images/black-bg-50.png);
	z-index:99999999;
	display:none;
}
#fft-status-box-inner-padding {
	padding:10px;
}
#fft-status-box-inner-content {
	width:300px;
	background-color:#FFF;
	border:#555555 1px solid;
	min-width:400px;
}

.fft-uploadtype-select {
	margin-bottom:10px;
	border:#CCC 1px solid;
	padding:8px;
	}

#fft-status-box-inner-content > h1, #fft-status-box-area > ul > li > h1, .fft-uploadtype-select > h1, #fft-saver > h1 {
	padding:0px;
	margin:0px;
	background-color:#6D84B4;
	padding:5px;
	border:#3B5998 1px solid;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
#fft-status-box-area {
	padding:10px;
	font-size:13px;
	color:#000;
}
#fft-status-box-bottom {
	position:relative;
	background-color:#F2F2F2;
	border-top:#CCCCCC 1px solid;
	padding:3px;
	text-align:right;
}
#fft-status-box-loader-container {
	padding:4px;	
}
#fft-status-box-preview {
	padding-left:20px;
	margin-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	color:#333;
}
.fft-button {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	background-color:#627AAC;
	font-weight:bold;
	border:#29447E 1px solid;
	cursor:pointer;
}

#fft-status-box-area > ul {
	padding:0px;
}

#fft-status-box-area > ul > li{
	display:block;
	list-style-type:none;
	float:left;
	margin-left:5px;
	width:150px;
	cursor:pointer;
}

#fft-status-box-area > ul > li > p {
	padding:2px;	
}
.fft-hover {
	background-color:#627AAC !important;
	color:#FFF !important;
}
.fft-overlay {
	position:absolute;
	cursor:pointer;
	background-image:url(../facebook_connect/images/_blank.png);
}
.fft-overlay-hover {
	border:#6D84B4 1px dotted !important;
	background-image:url(../facebook_connect/images/blue-bg-40.png) !important;	
}

.fft-overlay-name {
	display:block;
	position:absolute;
	background-color:#6D84B4;
	padding:3px;
	border:#3B5998 1px solid;
	color:#FFF;
	font-weight:bold;
	margin-left:-7px;
	margin-top:-7px;
}

.fft-uploadtype-wapp > h2 {
	font-size:14px;
	color:#333:	
}

.fft-select, .fft-input {
	width:100%;
	font-size:14px;	
}

.fft-input {
	color:#000;
}

/**************
gallery display
***************/
#facebook-comments-container {
	width:250px;
	overflow:hidden;
	background-color:#000;
}

.facebook-commments-wrapper {
}

.facebook-commment {
	padding:5px;
	border-bottom:#333 1px dotted;
	margin-bottom:5px;
}

.facebook-comment-pic {
	float:left;
}

.facebook-commment > h1 {
	padding:0px;
	margin:0px;
	color:#FFF;
	font-size:16px;
	overflow:hidden;
	padding-left:5px;
	border:none;
}

.facebook-commment > h1 > a:link ,.facebook-commment > h1 > a:visited, .facebook-commment > h1 > a:active{
	color:#FFF;	
}

.facebook-commment > p {
	padding:3px;
	margin:0px;
	background-color:#6D84B4;
}


.facebook-comment-hover {
	background-color:#232F43 !important;
}