/*********************************************************
	Defines common color and fonts by common components
*********************************************************/

/*
	The panel to put over a disable component or panel
*/
.fsDisableOverlay {
	background-color:#000000;
	color:#ffffff;
}

/************************************************************
	Texts
************************************************************/

/*
	Defines the global text font
	
	fsApplicationTitleText: The most important title
	fsTitleText: a first title
	fsSubTitleText: a second title
	fsText: generic text
	fsFormLabel: a label used in forms
	fsErrorText: the text error
	fsRequiredText: the required text
	fsFormValidationErrorMessage: the text in a validation message.
	fsDialogTitle: text for a dialog title
*/
.fsApplicationTitleText, .fsTitleText, .fsSubTitleText, .fsText, .fsDarkText, .fsInfoText, .fsTextHighlighted, .fsFormLabel, 
.fsErrorText, .fsRequiredText, .fsFormValidationErrorMessage,
.fsDialogTitleText, .fsActionBar {
	color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
	-x-system-font:none;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}

/*
	Defines specific text font
*/
.fsText{
	color: #000000;
	font: 11px/11px Verdana, Helvetica, sans-serif;
}


/*
	Defines titles

	fsApplicationTitleText: The most important title
	fsTitleText: a frist title
	fsSubTitleText: a second title
*/
.fsApplicationTitleText, .fsTitleText, .fsSubTitleText {
	color:#000000;
}
/*
	The style for the application title
*/
.fsApplicationTitleText, .fsTitleText {
	font: bold 13px/13px Verdana;
}

/*
	The style for the subtitles
*/
.fsSubTitleText {
	font: bold 11px/11px Verdana;
}

/*
	The specific style for dialog title
*/
.fsDialogTitleText {
	font: bold 14px/14px Verdana;
	color:#A3CE50;
}

/*
	Is a single text with other color
*/
.fsTextHighlighted {
	color: #A3CE50;
}

/*
	Is a single text but dark
*/
.fsDarkText {
	color: #8c8c8c;
}

/*
	Is a single text to show info
*/
.fsInfoText {
	color: #A3CE50;
	font-weight:bold;
}


/************************************************************
	Containers
************************************************************/

/*
	Basic container.
	
	fsBox: a basic container, only for grouping componets.
	fsPanel: a FS panel.
*/
.fsBox, .fsPanel {
	color: #8c8c8c;
}

/*
	Properties visibles for containers

	fsPanel: a FS panel.
	fsPopup: a container to popups.
*/
.fsPanel, .fsPopup {
	border: none;
	background-color: #ffffff;
}

/*
	Alternate color scheme panel
*/
.fsPanelAlternate {
	color: #555555;
	border: none;
	background-color: #ffffff;
}

/*
	A generic container for tooltips
*/
.fsTooltip {
    background-color: #ffee99; 
    border-color: #cc9; 
}

/**
	A generic progress panel
*/
.fsProgressPanel {
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	color:#000000;
	border: solid 1px #000000;
	-moz-border-radius: 5px;
}

/*
	Border color for some containers
*/
#fsItemScrollerBackground, #fsChatContainer{
	border-color: #b2bec5;
}
/*
	border color for product image container
*/

.fsChatProductImage  {
	border:1px solid #b2bec5!important;
}

/************************************************************
	Buttons
************************************************************/

/*
	The global styles for the buttons
*/
.fsButton {
	color: #ffffff;
	background-color:#A3CE50;
	font: bold 10px/10px Verdana, Helvetica;
	text-transform: uppercase;
	border: 1px solid #A3CE50;
    -moz-border-radius: 2px!important;
	text-decoration:none!important;
}

.fsButton:hover {
	color: #A3CE50;
	background-color: #ffffff;	
}

.fsActionBar {
	font-size: 9px; 
	color: #83bd14 !important;
}

/*
	The global styles for the link buttons
*/
.fsActionBarLink {
	font-size: 9px; 
	color: #83bd14 !important;
}

.fsLinkButton:hover{
	background-color: #95a8b2;
}

/*
	links and link buttons

	fsBasicLink: a basic link
	fsLinkButton: a link button
	fsImageGoBackButton: a special link button to go to previous panel
	fsImageCloseButton: a special link button to close a panel 
*/
.fsBasicLink, .fsLinkButton{
	font: normal 12px/12px Verdana, Helvetica;
	color: #A3CE50;
}

/*
	The basic link color
*/
.fsBasicLink, .fsBasicLink a:visited, .fsBasicLink a:active, .fsLinkCloseButton {
	color: #A3CE50;
}

/*
	The link button for goBack
*/
.fsLinkGoBackButton {
	font: bold 12px/12px Verdana, Helvetica;
	color: #A3CE50;
}

/**
	New design of hands and arrow buttons in chat window
*/
#fsISPossitiveFeedbackLink  {
	background-image:url("../images/yes.gif")!important;
}

#fsISNegativeFeedbackLink  {
	background-image:url("../images/no.gif")!important;
}

.fsChatPositiveFeedbackImage  {
background-image:url("../images/yes.gif")!important;
}

.fsChatNegativeFeedbackImage  {
background-image:url("../images/no.gif")!important;
}

/**
	Link to product button in chat window
*/
.fsMsgLinkToProduct{
	font-weight: bold;
	color: #707d83!important
}

.fsMsgLinkToProduct:active, .fsMsgLinkToProduct:visited{
	color:#707D83 !important;
}

/**
	Invite more friends and continue buttons
*/
#fsBodyEmailInvitationInviteMoreButton, #fsBodyEmailInvitationGetStartedButton  {
	font-size:10px !important;
}
/************************************************************
	Inputs
************************************************************/

/*
	The input components
	
	fsFormInputText: for single text
	fsFormInputTextArea: for multi line text
	fsFormInputError: an input with error
*/
.fsFormInputError {
	color: #000000;
	font-family: Verdana;
	font-size:12px;	
	border-color: #C00000;
}

/*
	The input components
	
	fsFormInputText: for single text
	fsFormInputTextArea: for multi line text
*/
.fsFormInputText, .fsFormInputTextArea{
	border-color: #b2bec5!important;
	background-color: #ffffff;
	color: #000000; /*font color for de link*/
	font: normal 12px/12px Verdana, Helvetica;
}


/************************************************************
 	Standard dialogs 
************************************************************/

/*
	Dialog and alert
*/
.fsWaitDialog, .fsAlertDialog {
	background-color:#ffffff;
	border-color: #000000;
	font:bold 11px Verdana;
}

/**********************************************************************
* CHAT PANEL
***********************************************************************/

#fsHDivHeaderTitleContainer
{
	padding-bottom: 5px;
}

#fsHeaderTitle
{
	width: 50%;
}

#fsBodyYourNameLabel
{
	margin: 5px 0 0 12px;
}

#fsBodyLnkInviteFriendsClose
{
	background: none;
	font-size: 9px; 
	color: #83bd14 !important;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	padding-bottom: 6px;
}

#fsBodyYourNameInputTextContainer
{
	margin-top: 0;
	float: left;
}

#fsBodyUserNameTextInput
{
	margin-top: 3px;
	margin-left: 11px;
	width: 90%;
}

#fsHeaderBtnInviteFriends, #fsBodyLoginButtonCancel, #fsBodyLoginButtonContinue
{
	float: left;
	display: block;
	height: 24px;
	border: none;
	padding: 0;
	text-indent: -999em;
}

#fsHeaderBtnInviteFriends
{
	background: url(../images/invite_your_friends.gif) no-repeat;
	width: 130px;
}

#fsHDivBodyInviteMyFriendsButtons
{
	margin: 0;
	width: auto;
	float: left;
}

#fsBodyLoginButtonCancel
{
	background: url(../images/cancel.gif) no-repeat;
	width: 52px;
}

#fsBodyLoginButtonContinue
{
	background: url(../images/continue.gif) no-repeat;
	width: 62px;
}

#fsHeaderBtnInviteFriends:hover, #fsBodyLoginButtonCancel:hover, #fsBodyLoginButtonContinue:hover
{
	background-position: 0 -24px;
}

#fsPanelChatOptionMenu a {
	color: #A3CE50;
}
#fsPanelChatOptionMenu a#fsPanelChatInviteMore{
	border-right: #A3CE50 2px solid;
}


/* header container */
#fsBodyContainer {
	border-top: 1px solid #A3CE50;
}

/* Copy link button  container*/
#fsPanelInvitationCopyButtonContainer{
	margin: 0 0 0 0 !important;
}

/* Copy link button */
#fsPanelInvitationLinkCopyButton {
	border: none;
	margin-left: 10px!important;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/copy_link.gif") no-repeat scroll 0px 0px transparent;
	width:65px;		
}

/* Copy link button */
#fsPanelInvitationLinkCopyButton:hover {
	background-position:0px -24px;
}

/* Share with my fiends link button */
#fsPanelInvitationContinueButtonContainer{
	margin: 0 0 0 0 !important;
}

/* Share with my fiends link button */
#fsPanelInvitationLinkContinueButton {
	border: none;
	margin: 0 0 0 110px!important;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/shop_with_my_friends.gif") no-repeat scroll 0px 0px transparent;
	width:121px;		
}

*:first-child+html #fsPanelInvitationLinkContinueButton {
	margin-left:0!important;
}

/* Share with my fiends link button */
#fsPanelInvitationLinkContinueButton:hover {
	background-position:0px -24px;
}

#fsShoppingWithText{
	font-size:11px;
}

.fsLinkCloseButton  {
	background:url("../images/close_x.gif") no-repeat scroll 3px center transparent !important;
	text-decoration: none;
}

#fsHeaderYouAreSharingMessage {
	color:#8c8c8c;
}

#fsBodyEmailInvitationContainer {
	min-width: 340px !important;
}

#fsBodyEmailInvitationCancelButton {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/cancel.gif") no-repeat scroll 0px 0px transparent;
	width:52px;		
}

#fsBodyEmailInvitationCancelButton:hover {
	background-position:0px -24px;
}

#fsBodyEmailInvitationInviteButton {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/invite_friends.gif") no-repeat scroll 0px 0px transparent;
	width:101px;		
}

#fsBodyEmailInvitationInviteButton:hover {
	background-position:0px -24px;
}

#fsPanelChatSendButton  {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/send-button.gif") no-repeat scroll 0px 0px transparent;
	width:44px;
}

#fsPanelChatSendButton:hover {
	background-position:0px -24px;
}

#fsBodyEmailInvitationInviteMoreButton  {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/invite_more.gif") no-repeat scroll 0px 0px transparent;
	width:80px;
}

#fsBodyEmailInvitationInviteMoreButton:hover {
	background-position:0px -24px;
}

#fsBodyEmailInvitationGetStartedButton  {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/shop_with_my_friends.gif") no-repeat scroll 0px 0px transparent;
	width:121px;
}

#fsBodyEmailInvitationGetStartedButton:hover {
	background-position:0px -24px;
}

#fsPanelInvitationLinkInput  {
	padding:5px !important;
	width:98% !important;
}

#fsPanelChatTextToSendContainer  {
	height:24px!important;
}

#fsItemScrollerCommentOn {
	text-decoration: none;
}

#fsItemScrollerRemoveButton	 {
	position: relative;
	width: 10px;
	height: 10px;
    background-image: url("../images/close_x.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

#fsRegTextCopied{
	margin-left:10px !important;
	padding:1px 0 9px 0 !important;	
}

#fsNegativeFeedbackLink{
	background-image:url("../images/no.gif") !important;
}

#fsNegativeFeedbackLink:hover{
	background-image:url("../images/no.gif") !important;
}

#fsPositiveFeedbackLink{
	background-image:url("../images/yes.gif") !important;
}

#fsPositiveFeedbackLink:hover{
	background-image:url("../images/yes.gif") !important;
}

/**********************************************************************
* SHARING CUSTOMIZE
***********************************************************************/
.fsForm{
	width: 93%;
}

#fsSharingEmailSendButton  {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/send-button.gif") no-repeat scroll 0px 0px transparent;
	width:44px;
}

#fsSharingEmailSendButton:hover {
	background-position:0px -24px;
}

#fsSharingEmailCancelButton {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/cancel.gif") no-repeat scroll 0px 0px transparent;
	width:52px;		
}

#fsSharingEmailCancelButton:hover {
	background-position:0px -24px;
}

#fsSharingSMSSendButton  {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/send-button.gif") no-repeat scroll 0px 0px transparent;
	width:44px;
}

#fsSharingSMSSendButton:hover {
	background-position:0px -24px;
}

#fsSharingSMSCancelButton {
	border: none;
	display:block;
	height:24px;
	padding:0;
	text-indent:-999em;
	background:url("../images/cancel.gif") no-repeat scroll 0px 0px transparent;
	width:52px;		
}

#fsSharingSMSCancelButton:hover {
	background-position:0px -24px;
}
/**********************************************************************
* Fixing
***********************************************************************/
* html .fsPopup{
	width: 400px;
	left: 30%!important;
}

/************************************************************
 		FSTabContainer, to contains FS applications  
************************************************************/

/* root element for tabs  */
ul.fsAppContainerTabs {
	border-right: solid 1px #B7B7B7;
	border-bottom: solid 1px #B7B7B7;
	height: 28px;
}

/* single tab */
ul.fsAppContainerTabs li { 
	text-indent: 0;
	border: none;
	position: relative;
	top: 1px;
}

/* link inside the tab. uses a background image */
ul.fsAppContainerTabs a {
	height: 28px;
	text-indent: -999em;
	padding: 0;
	border: none;
}

/* when mouse enters the tab move the background image */
ul.fsAppContainerTabs a:hover {
	background-position: 0 -28px;
}

#FS-Facebook-Tab a {
	width: 133px;
	background-image: url(../images/fb_share_on_tab.jpg);
}

#FS-Facebook-Tab a.variant2 {
	width: 133px;
	background-image: url(../images/fb_comment_tab.jpg);
}

#FS-Facebook-Tab a.variant3 {
	width: 133px;
	background-image: url(../images/fb_comment_tab2.jpg);
}

#FS-Chat-Tab a {
	width: 132px;
	background-image: url(../images/chat_tab.jpg);
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.fsAppContainerTabs a.current, ul.fsAppContainerTabs a.current:hover, ul.fsAppContainerTabs li.current a {
	background-position: 0 -28px;
}


div.fsAppContainerPanes > div.fsAppContainerPane {
	border-color: #B7B7B7;
	background-color:#ffffff;
	color:#FFFFFF !important;
	font-family: Verdana;
	font-size:10px;
}

/*********************************************************************
 * CUSTOMIZE TABS /// SHARING
 *********************************************************************/
 
/* font color of share menu label */
#fsSharingMenuLabel {
	text-transform: uppercase;
	padding-top: 2px;
}

/* Sharing EMail Dialog*/
.fsFormLabel, .fsActionBar {
	color:#000000;
}

#fsSharingMenuContainer {
	width: 200px;
	margin: 0 auto;
	padding: 5px 0;
}

/*********************************************************************
 * CUSTOMIZE TABS /// FACEBOOK
 *********************************************************************/

/************************************************************
  jQuery.Rating Plugin CSS
  http://www.fyneworks.com/jquery/star-rating/
  Unfortunately this plugin doesn't allow its class names
  to be customized, so we'll require the widget to be
  wrapped in a container with the class fsStarRating.
************************************************************/

.fsStarRating div.rating-cancel, .fsStarRating div.star-rating
{
	width: 18px;
	height: 16px;
}

.fsStarRating div.rating-cancel, .fsStarRating div.rating-cancel a
{
	background: url(../images/rating_cancel.gif) no-repeat;
}

.fsStarRating div.star-rating, .fsStarRating div.star-rating a
{
	background: url(../images/rating_star.gif) no-repeat;
}

.fsStarRating div.star-rating-on a
{
	background-position: 0 -16px!important;
}

.fsStarRating div.star-rating-hover a
{
	background-position:0 -32px;
}

.fsStarRating div.star-rating-hover.rating-cancel a
{
	background-position:0 -16px;
}


/*********************************************************
	Defines colors and fonts, background images required
	by the Facebook app.
*********************************************************/

/* This is a style from Facebook's css that we need to override. */
a.FB_Link
{
	color: #92999b !important;
}


/*********************************************************************
 * Facebook Tabs
 *********************************************************************/

/* root element for tabs  */
ul.fsFacebookTabs
{
	height: 22px;
	margin: 5px 0 !important;
}

ul.fsFacebookTabs .fsFacebookTabSeparator
{
	display: none;
}

/* link inside tab. */
ul.fsFacebookTabs a
{ 
	font-size: 11px;
	height: 22px;  
	line-height: 22px;
	padding: 0 10px;
	font-weight: normal;
	text-decoration: none;
	color: #83bd14 !important;
	border-right: solid 1px #B7B7B7;
}

#fsFacebookFavoritesTab 
{
	border: none;
}

/* active tab uses a class name "current". */
ul.fsFacebookTabs a.current, ul.fsFacebookTabs a:hover
{
	background: url(../images/fb_menu_bg.png) repeat-x;
	color: #000000 !important;
}

div.fsFacebookConnectText
{
	width: 35%;
	color: #3b5998;
	font-weight: bold;
	font-size: 10px;
	padding-right: 10px;
	border-right: solid 1px #B7B7B7;
}

div.fsFacebookPaneContentNotLoggedIn
{
	padding: 5px 0;
}

/*********************************************************************
 * Facebook Share Pane
 *********************************************************************/

#fsFacebookSharePaneShareButton
{
	background: url(../images/share_this_product.gif) no-repeat; 
	width: 133px; 
	height: 19px;
}

#fsFacebookSharePaneShareButton:hover
{
	background-position: 0 -19px;
}


/*********************************************************************
 * Facebook My Friends Say Pane
 *********************************************************************/
#fsFacebookFriendsPaneRateProduct, div.fsFacebookFriendsPaneReview
{
	background: #f1f1f1;
}

#fsFacebookFriendsPanePostReview
{
	text-indent: -999em;
	*text-indent: 999em;
	background: url(../images/fb_btn_post_comment.gif) no-repeat; 
	width: 95px; 
	height: 19px;
}

#fsFacebookFriendsPanePostReview:hover
{
	background-position: 0 -19px;
}

div.fsFacebookFavoritesPaneItemAddedBy a.FB_Link
{
	color: #222222 !important;
}

#fsFacebookFriendsPaneReviewText
{
	max-width: 240px;
	width: 240px;
}


/*********************************************************************
 * Facebook My Friends Like Pane
 *********************************************************************/

#fsFacebookFavoritesPaneScroller, #fsFacebookStandaloneFavoritesPaneScroller
{
	width: 320px;
}

/* Previous and Next buttons */
a.fsFacebookFavoritesPanePrevious, a.fsFacebookFavoritesPaneNext
{
	width: 23px;
	height: 23px;
	background: url(../images/scrollarrows_left.png) no-repeat;
}

/* next button uses another background image */
a.fsFacebookFavoritesPaneNext
{
	background-image: url(../images/scrollarrows_right.png);
}

/* mouseover state */
a.fsFacebookFavoritesPanePrevious:hover, a.fsFacebookFavoritesPaneNext:hover
{
	background-position: 0 -23px;		
}

/* disabled state */
a.fsFacebookFavoritesPanePrevious.fsFacebookFavoritesPaneDisabled, a.fsFacebookFavoritesPaneNext.fsFacebookFavoritesPaneDisabled
{
	background-position: 0 -46px;		
}

div.fsFacebookFavoritesPaneItem img.fsFacebookFavoritesPaneThumbnail
{
	border: solid 1px #B7B7B7;
	width: 80px;
	height: 60px;
}

a.fsFacebookFavoritesPanePrevious, a.fsFacebookFavoritesPaneNext
{
	margin: 35px 3px;
	_margin: 35px 1px;
}

/* single scrollable item */
div.fsFacebookFavoritesPaneItem
{
	_margin-left: 4px;	
	_margin-right: 4px;		
}


/*********************************************************************
 * Facebook Comment Bubble
 *********************************************************************/

#fsFacebookCommentBubbleProfilePic
{
	padding: 8px 7px 0 5px;
}

#fsFacebookCommentBubbleHeading
{
	text-indent: -999em;
	background: url(../images/sub_hdr_friends_say.gif) no-repeat;
	width: 86px;
	height: 12px;
}

#fsFacebookCommentBubbleQuoteCaret
{
	background: url(../images/quote_caret.gif) no-repeat;
	width: 11px;
	height: 10px;
}

#fsFacebookCommentBubbleQuoteTop
{
	background: url(../images/quote_top.gif) no-repeat;
	width: 259px;
	height: 8px;
}

#fsFacebookCommentBubbleQuoteMiddle
{
	background-color: #F4F6F4;
}

#fsFacebookCommentBubbleQuoteBottom
{
	background: url(../images/quote_bot.gif) no-repeat;
	width: 259px;
	height: 8px;
}

#fsFacebookCommentBubbleOpeningQuote
{
	background: url(../images/quotes_start.gif) no-repeat;
	width: 8px;
	height: 7px;
}

#fsFacebookCommentBubbleClosingQuote
{
	background: url(../images/quotes_finish.gif) no-repeat;
	width: 8px;
	height: 7px;
}

/*************************************************************
* To fix a problem with chorme
**************************************************************/
.fsForm div.fsButtonBar{
	width: 120px;
	margin: 0 auto;
}
.fsForm div.fsButtonBar a{
	float:left
}

/*************************************************************
* Style for custom jansport page
**************************************************************/
#fluidSocialContentSharing{
	margin-top:25px!important;
}