body{font-family:Arial,Helvetica,sans-serif}
#fb-wrapper{margin: 0 auto;}
#facebook-mainblock{font-size:12px; display:none}
#facebook-app-block{height:39px; display:block; clear:both; border-bottom:1px solid #999; background:#f1f1f1; margin-bottom: 10px;}
.clear-both{clear:both}
.facebook-text{font-weight:bold; color:#000; line-height:39px; padding-left:10px; float:left; width:200px}
.facebook-reader-btn{float:right; padding-top:8px; width:170px}
.facebook-app-btn{float:right;}
.settings-btns{float:right; margin-left:10px; padding-top:6px; width:70px}
.settings-btns a{float:right; padding:0 10px 0 0}
.settings-btns a.settings-on{background:url(../images/settings-active.png) no-repeat left center; width:27px; height:27px; text-indent:-99999px}
.settings-btns a.settings-off{background:url(../images/settings-inactive.png) no-repeat left center; width:27px; height:27px; text-indent:-99999px}
.facebook-login{display:block}
.facebook-loggedin{display:none;}
.facebook-loggedin-text{color:#900; float:left; width:300px}
.facebook-loggedin-text a{float:left; padding-top:1px}
.facebook-loggedin-text span{float:left; padding-left:10px; line-height:39px}
#settings-links{background: none repeat scroll 0 0 #FFFFFF; border:1px solid #ccc; width:440px; color:#333; float:right; margin-top:-14px; margin-right:20px; padding:0 10px}
#settings-links a{color:#333; padding:0 8px 0 12px; line-height:20px; text-decoration:none; background:url(../images/bullet.png) no-repeat left center}
#settings-links a.onstate{background:url(../images/bullet-on.png) no-repeat left center}
#settings-links a.offstate{background:url(../images/bullet-off.png) no-repeat left center}

#modalbox{background-color:#3C5A98; border:1px solid rgba(0,0,0,0.3); border-radius:6px 6px 6px 6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); overflow:auto; position:fixed; left:400px; top:100px; width:460px; z-index:1050; display:none}
.modalbox-header{border-bottom:1px solid #EEE; padding:9px 15px}
.modalbox-header h3{font-size:18px; line-height:27px; text-align:left; color:#FFF; margin:0px;}
#fb-close{color:#FFF; cursor:pointer; float:right; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;}
#fb-close a{color:#FFF; cursor:pointer; float:right; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;}

#modalbox1{background-color:#3C5A98; border:1px solid rgba(0,0,0,0.3); border-radius:6px 6px 6px 6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); overflow:auto; position:fixed; left:400px; top:100px; width:460px; z-index:1050; display:none}
#fb-close1{color:#FFF; cursor:pointer; float:right; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;}
#fb-close1 a{color:#FFF; cursor:pointer; float:right; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;}


.modalbox-body{background:#fff; padding:15px}
.modalbox-body p{color:#3E3E3E; font-size:14px; line-height:22px}
.modalbox-footer{background-color:#F5F5F5; border-radius:0 0 6px 6px; border-top:1px solid #DDD; box-shadow:0 1px 0 #FFF inset; margin-bottom:0; padding:14px 15px 15px; text-align:right}
.modalbox-footer span{text-align:left; color:#3E3E3E; font-size:14px; line-height:22px}

.social-post{color:#333; padding:0 1px 0 12px; line-height:20px; text-decoration:none; background:url(../images/bullet.png) no-repeat left center;}

/*#articleSmileBlock {margin: 10px 0;background: #f9f7f8;	border: 1px solid #e4e2e3;	padding: 3px 5px;	width: 580px;}
.articleRecText {font-size: 14px;	color: #000;	font-weight: bold;	padding-bottom: 4px;}
.smilesContent {float: left;margin-right: 20px;}
.smileText {border: 1px solid #3179ef;background: #336699;color: #fff;font-size: 14px;padding: 1px 5px;margin-right: 2px;float: left;}
.smileText a {	color: #fff;text-decoration: none;}
.smileCountText {	font-size: 12px;	color: #212121;}
.smileTextGray {border: 1px solid #3179ef;background: #999;color: #fff;font-size: 14px;padding: 1px 5px;margin-right: 5px;float: left;}*/

#articleSmileBlock {margin: 10px 0;	background: #f2f2f2;padding: 3px 5px;width: 560px;	}
.articleRecText {font-size: 14px;color: #000;font-weight: bold;	padding-bottom: 4px;}
.smilesContent {float: left;margin: 0 10px;}
.smileCountText {font-size: 12px;color: #000;background: #fff;padding: 5px;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;width: 50px;margin: 10px auto;			}
.fbFeatureContent {padding: 5px 0px;width: 92px;position: relative;text-align: center;font-size: 12px;			}		
.smileBg {background: #336699;	}
.smileSuggested {background: #969696;color: #FFFFFF;}
.smileBg a, .smileSuggested a {color: #fff;text-decoration: none;}
.smileArrow {display: block;height: 6px;width: 12px;position: absolute;bottom: -6px;left: 45px;	}
.smileBg .smileArrow {	background: url(../images/down-arrow-blue.png) no-repeat left top;}
.smileSuggested .smileArrow {background: url(../images/down-arrow-grey.png) no-repeat left top;}


@media only screen
and (max-width : 300px) {
	#fb-wrapper{
		display: none;
	}
}

@media only screen
and (max-width : 470px)
{
	#fb-wrapper{
		display: none;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#fb-wrapper{
		display: none;
	}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px){
	#fb-wrapper{
		display: none;
	}
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	#fb-wrapper{
		display: none;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	#fb-wrapper{
		display: block;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#fb-wrapper{
		display: block;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#fb-wrapper{
		display: block;
	}
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px){
	#fb-wrapper{
		display: block;
	}
}