/* This is a copy of the plugin's CSS file for your convenience.
/* Copy and paste the content of this editor into your own ffl-style.css
/* Create a subfolder called "flexible-frontend-login" in your theme folder
/* Edit the CSS to match your theme
/* Upload the ffl-style.css into the new folder
/* Finally choose "Use CSS file from your theme" in the dropdown menu above 

/* Z-index of #ffl-mask must lower than #ffl-boxes .ffl-window 
/* Some themes work with z-index especially in the header
/* In rare cases you might need to adjust the following z-index values
/* if the popup form is not accessible.
**/

/** FUNCTIONAL VALUES **/
/* You should not delete or change these values. */
.flexible-frontend-login {
	display:inline;
	position:relative;
	}

.ffl-popup-content {
	z-index:500;
	}

/* positioning of the popup */
.flexible-frontend-login .ffl-top {
	position: absolute; 
	bottom:0; 
	}

.flexible-frontend-login .ffl-bottom {
	position: absolute; 
	top:0;
	}
	
.flexible-frontend-login .ffl-left {
	position: absolute; 
	right: 0; 
	}

.flexible-frontend-login .ffl-right {
	position: absolute; 
	left:0;
	}
	
#ffl-mask {
  position:absolute;
  float:left;
  z-index:9000;
  /* you may change the background-color here but nothing else */
  background-color:#000;
  display:none;
}

#ffl-boxes #ffl-dialog {
  position:fixed;
  display:none;
  z-index:9999 !important;
}

/** END FUNCTIONAL VALUES **/


#ffl-container-modal{
/* the container for the link to open the modal login window */
	float:right;
	//margin:1em 1em 0 0;
}
 
 
/* Customize your modal window here, you can add background image too */
#ffl-boxes #ffl-dialog {	
	background-color: #FFF;
	padding:1em 2em;
	border:solid 1px #000;
	box-shadow:0 0 6px 2px #000;
}

	
/* DIV container for the complete plugin output */
.flexible-frontend-login {
	
	background: none repeat scroll 0 0 #0A5B9F;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #FAFAFA;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    text-decoration: none;
	
	
	}

/* Link to access the popup */
.flexible-frontend-popup-link {
	}

/* DIV that contains the popup */
.ffl-popup-content {
	background-color: #FFF !important;
	padding:1em 2em;
	border:solid 1px #CCC;
	box-shadow:0 0 4px 1px #224;
	}

/* Link inside popup to close it again*/	
.ffl-close-popup-link {
	display:block;
	text-align:right;
	}

/* Table containing the form fields */
.ffl-form {}
.ffl-form-table {}
.ffl-form-table-row {}
.ffl-form-table-cell-left {}
.ffl-form-table-cell-right {}
.ffl-form-table-cell-double {}

/* IDs to access all form elements individually */
#ffl-label-username {
	padding-right:.5em;
	color:#999;
	}
#ffl-input-username {
	border: 1px solid #A7A49B;
    display: block;
    margin-bottom: 6px;
    padding: 6px;
    position: relative;
    width: 286px;
	}
#ffl-label-password {	
	padding-right:.5em;
	color:#999;
	}
#ffl-input-password {
	border: 1px solid #A7A49B;
    display: block;
    margin-bottom: 6px;
    padding: 6px;
    position: relative;
    width: 286px;
	}
#ffl-submit {
	
	width:100px;height:30px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-color:#0A5B9F;
	color:#FFF;
	font-weight:bold;
	margin:5px;
	float:right;
	cursor: pointer;
	

	
	
	}
	
#ffl-submit:hover {
	
	background-color:#333;

}
	
#ffl-lostpassword {
	
	color:#60BDDB;
	
	}


/* DIV containing the logged in users info */
#ffl-user-info {}

	
#ffl-userlinks {
	list-style:none;
	margin:0;
}	
#ffl-userlinks li {
	display:inline;
}
#ffl-userlinks a {
	padding:0 .25em;
}
#ffl-logged-in-user {
	padding-left:.6em;
	}
#ffl-logout-link {

    //padding-left:.6em;
    //background: none repeat scroll 0 0 #0A5B9F;
    //border-bottom-left-radius: 7px;
    //border-bottom-right-radius: 7px;
    //color: #FAFAFA;
    //float: left;
    //font-size: 13px;
    //font-weight: bold;
    //height: 25px;
    //margin-right: 10px;
    //padding-left: 10px;
    //padding-right: 10px;
    //padding-top: 7px;
    //text-decoration: none;
	
	
	
	}
	
.ffl-close {
    background-image: url("http://im.ft-static.com/m/img/menu_close.gif");
    cursor: pointer;
    display: block;
    height: 12px;
    margin: 10px 8px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
}