@charset "utf-8";
/* CSS Document */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#pointsTable{
		padding:0;
		margin-top:10px;
	}
	#section_yourreport{
		width:85%;
		margin-left: 15px;
	}
	#email_status_head{
		font-size:13px;	
	}
	#rewards_list_head{
		font-size:13px;
	}
	#rewards_list_head2{
		font-size:12px;
	}
	#email_status_head2{
		font-size:12px;
	}
	#frameContent{
		height:520px ;
	}
	#emailiframediv{
		height:580px !important;
	}
	#box2{
		height:auto;width:98%;
	}
	
	#box1{
		width:100%;background-color:#ffffff; border: 0px solid #cccccc;  margin-top: 2px; height:auto;
		padding-left:0px;
	
	}
	#menuul{
		text-align:center;
	}
	
	#emailsharebuttontd{
		padding-right:35px;
	}
	
	
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
	#pointsTable{
		padding:0;
		margin-top:10px;
	}
	#section_yourreport{
		width:85%;
		margin-left: 15px;
	}
	#email_status_head{
		font-size:13px;	
	}
	#rewards_list_head{
		font-size:13px;
	}
	#rewards_list_head2{
		font-size:12px;
	}
	#email_status_head2{
		font-size:12px;
	}
	#frameContent{
		height:520px ;
	}
	#emailiframediv{
		height:580px !important;
	}
	#box2{
		height:auto;width:98%;
	}
	#menuul{
		text-align:center;
	}
	#emailsharebuttontd{
		padding-right:35px;
	}
	
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	#pointsTable{
		padding:0;
		margin-top:10px;
	}
	#section_yourreport{
		width:85%;
		margin-left: 15px;
	}
	#email_status_head{
		font-size:13px;	
	}
	#rewards_list_head{
		font-size:13px;
	}
	#rewards_list_head2{
		font-size:12px;
	}
	#email_status_head2{
		font-size:12px;
	}
	#frameContent{
		height:520px ;
	}
	#emailiframediv{
		height:580px !important;
	}
	#box2{
		height:auto;width:98%;
	}
	#menuul{
		text-align:center;
	}
	#emailsharebuttontd{
		padding-right:35px;
	}
	
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
		#first_child_yourreport{
			padding-right:0px;
		}
		
		.content_left{
			padding-right:36px;
		}
		#email_invite_status{
			 margin:none;
		}
		#section_yourreport{
			width:93%;
		}
		#box2{
			height:auto;width:98%; float:left; padding-left:10px;
		}
		#menuul{
			text-align:left;
		}
		#emailsharebuttontd{
			padding-right:15px;
		}
	
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
		#first_child_yourreport{
			padding-right:0px;
		}
		
		.content_left{
			padding-right:36px;
		}
		#email_invite_status{
			 margin:none;
		}
		#section_yourreport{
			width:93%;
		}
		#box2{
			height:auto;width:98%; float:left; padding-left:10px;
		}
		#menuul{
			text-align:left;
		}
		#emailsharebuttontd{
			padding-right:15px;
		}
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
		#first_child_yourreport{
			padding-right:0px;
		}
		
		.content_left{
			padding-right:36px;
		}
		
		#email_invite_status{
			 margin:none;
		}
		#section_yourreport{
			width:93%;
		}
		#box2{
			height:auto;width:98%; float:left; padding-left:10px;
		}
		#menuul{
			text-align:left;
		}
		
		#emailsharebuttontd{
			padding-right:15px;
		}
		#menuul li{
			display:inline_block;
		}
}


@media only screen
and (max-width : 980px) {
	#first_child_yourreport{
		padding-right:0px;
	}
	
	.content_left{
		padding-right:36px;
	}
	#box2{
		height:auto;width:98%; float:left; padding-left:10px;
	}
	#menuul{
		text-align:center;
	}
	
	#emailsharebuttontd{
		padding-right:15px;
	}
	
	#menuul li{
		display:inline-block;
	}
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	#section_yourreport{
		margin-left: 20px;padding-left:10px;padding-right:0px;
		width:95%;
	}
	
	#pointsTable{
		margin-right:0px;
		padding:0;
		margin-top:10px; 
	}
	
	#email_invite_status{
		 margin:0 10px 0 0;
	}
	#rewards_list{
		 margin:0 10px 0 0;
	}
	#email_status_head{
		font-size:17px;	
	}
	#rewards_list_head{
		font-size:17px;
	}
	#rewards_list_head2{
		font-size:13px;
	}
	#email_status_head2{
		font-size:13px;
	}
	#frameContent{
		height:500px ;
	}
	#emailiframediv{
		height:546px !important;
	}
	#box2{
		height:auto;width:98%; float:left; padding-left:10px;
	}
	#menuul{
		text-align:left;
	}
	
	#emailsharebuttontd{
		padding-right:15px;
	}
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
	#section_yourreport{
		margin-left: 20px;padding-left:10px;padding-right:0px;
		width:95%;
	}
	#pointsTable{
		margin-right:0px;
		padding:0;
		margin-top:10px; 
	}
	#email_invite_status{
		 margin:0 auto;
	}
	#rewards_list{
		 margin:0 auto;
	}
	#email_status_head{
		font-size:17px;	
	}
	#rewards_list_head{
		font-size:17px;
	}
	#rewards_list_head2{
		font-size:13px;
	}
	#email_status_head2{
		font-size:13px;
	}
	#frameContent{
		height:500px ;
	}
	#emailiframediv{
		height:546px !important;
	}
	#box2{
		height:auto;width:98%; float:left; padding-left:10px;
	}
	#menuul{
		text-align:left;
	}
	
	#emailsharebuttontd{
		padding-right:15px;
	}
}
 
/* iPhone 5 (portrait &amp; landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	#pointsTable{
		padding:0;
		margin-top:10px;
	}
	#section_yourreport{
		width:85%;
		margin-left: 15px;
	}
	#email_status_head{
		font-size:13px;	
	}
	#rewards_list_head{
		font-size:13px;
	}
	#rewards_list_head2{
		font-size:12px;
	}
	#email_status_head2{
		font-size:12px;
	}
	#frameContent{
		height:520px ;
	}
	#emailiframediv{
		height:580px !important;
	}
	#box2{
		height:auto;width:98%;
	}
	#menuul{
		text-align:center;
	}
	
	#emailsharebuttontd{
		padding-right:35px;
	}
	
}

 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
	#pointsTable{
		padding:0;
		margin-top:10px;
	}
	#section_yourreport{
		width:85%;
		margin-left: 15px;
	}
	#email_status_head{
		font-size:13px;	
	}
	#rewards_list_head{
		font-size:13px;
	}
	#rewards_list_head2{
		font-size:12px;
	}
	#email_status_head2{
		font-size:12px;
	}
	#frameContent{
		height:520px ;
	}
	#emailiframediv{
		height:580px !important;
	}
	#box2{
		height:auto;width:98%;
	}
	#menuul{
		text-align:center;
	}
	
	#emailsharebuttontd{
		padding-right:35px;
	}
	
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
	#pointsTable{
		padding:0;
		margin-top:10px;
	}
	#section_yourreport{
		width:85%;
		margin-left: 15px;
	}
	#email_status_head{
		font-size:13px;	
	}
	#rewards_list_head{
		font-size:13px;
	}
	#rewards_list_head2{
		font-size:12px;
	}
	#email_status_head2{
		font-size:12px;
	}
	#frameContent{
		height:520px ;
	}
	#emailiframediv{
		height:580px !important;
	}
	#box2{
		height:auto;width:98%;
	}
	#menuul{
		text-align:center;
	}
	
	#emailsharebuttontd{
		padding-right:35px;
	}
	
}










body {
	margin:0 0;
	padding:0 0;
	width:100%;
	font-family:arial;
	height:auto;
	background:#ffffff url(https://s3.amazonaws.com/mychristiansecure.nextbee.com/images/body_bg.png) repeat-x;
}
.wrapper {
	margin:0 auto;
	padding:0;
	width:920px;
}
.header {
	float:left;
	margin:0 0;
	padding:0 0;
	width:100%;
}
.logo {
	
	margin-top:20px;
	margin-bottom:20px;
}
.clr {
	clear:both;
}
.header_right {
	float:right;
	margin:0 0;
	padding:8px 0 0 0;
	width:60%;
	color:#ffffff;
	font-size:13px;
	text-align:right;
}
.content {

	margin:2px 0 0 0px;
	padding:0 0;

	background:#ffffff url(https://s3.amazonaws.com/mychristiansecure.nextbee.com/images/content_bg.png) no-repeat;
	background-size: 100% 100%;
}
.content_term {

	margin:2px 0 0 0px;
	padding:0 0;

	background:#ffffff url(https://s3.amazonaws.com/mychristiansecure.nextbee.com/images/content_bg.png) no-repeat;
	background-size: 100%;
}
.content_left {
	float:left;
	margin:0 0;
	padding:0 0;
	width:56%;
}
.content_left h1 {
	font-size:33px;
	margin-top:30px;
	margin-left:41px;
	color:#3392c0;
}
.chat_box {
	float:left;
	margin:0 0;
	padding:0 0;
	width:100%;
}
.chat {
	float:left;
	margin:0 0 0 10%;
	padding:0 0;
	width:20%;
}
.chat p {
	float:left;
	margin:0 0;
	padding:0 0;
	text-align:center;
	color:#888888;
	font-size:12px;
	margin-top:10px;
}
.left_arrow {
	float:left;
	margin:0 0;
	padding:0 0;
	width:10%;
	height:100px;
}
.left_arrow img {
	margin-top:40px;
}
.right {
	float:left;
	margin:0 0;
	padding:0 0;
	width:20%;
}
.right p {
	float:left;
	margin:0 0;
	padding:0 0;
	text-align:center;
	color:#888888;
	font-size:12px;
	margin-top:10px;
}
.dolor {
	float:left;
	margin:0 0;
	padding:0 0;
	width:20%;
}
.dolor p {
	float:left;
	margin:0 0;
	padding:0 0;
	text-align:center;
	color:#888888;
	font-size:12px;
	margin-top:10px;
}
.bottom_image {
	float:left;
	margin:0 0;
	padding:0 0;
	width:100%;
}
.content_right {
	float:left;
	margin:0 0;
	padding:0 0;
	width:40%;
}
.register_from {
	float:left;
	width:100%;
	text-align:center;
	margin-top:30px;
}
.input_new {
	border: 1px solid #CCCCCC;
	color: #888888;
	margin-top: 10px;
	padding: 8px 5px;
	width: 78%;
}
.input_new_two {
	border: 1px solid #CCCCCC;
	color: #888888;
	margin-top: 10px;
	padding: 8px 5px;
	width: 37%;
}
.submit {
	width:81%;
	cursor:pointer;
	padding:10px 2px;
	border:none;
	margin-top:10px;
	color:#ffffff;
	background:#02a3c8;
}
.what_other {
	float:left;
	margin:0 0 0 5%;
	padding:0 0;
	width:100%;
	margin-top:56px;
}
.what_other b {
	color:#9c9c9c;
	font-size:12px;
	font-style:italic;
	margin:0 0 0 30px;
	padding:0 0;
}
.what_other p {
	color:#9c9c9c;
	font-size:12px;
	font-style:italic;
	margin:0 0 0 30px;
	padding:0 0;
}
.footer_main {
	margin:0 0;
	padding:0 0;
	background:url(https://s3.amazonaws.com/mychristiansecure.nextbee.com/images/footer.png) repeat-x;
	/*width:100%;*/
	height:33px;
}
.input_top {
	background-color: #FFFFFF;
	border: medium none;
	border-radius: 5px 5px 5px 5px;
	color: #464646;
	font-size: 16px;
	padding: 4px 8px;
	width: 120px;
	margin-bottom: 5px;
}
.s_button {
	background:url(https://s3.amazonaws.com/mychristiansecure.nextbee.com/images/s_buton.png) no-repeat;
	margin:0 0;
	padding:0 0;
	cursor:pointer;
	border:none;
	height:25px;
	width:25px;
}
.forgot_pass a {
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	margin-right:35px;
	padding-top:10px;
}
@charset "utf-8";
/* CSS Document */
/*******************************************************************************************************/

.RewardList {
	/* background: url("https://s3.amazonaws.com/nextbeewidgets/577/images/RewardsBg1.png") no-repeat scroll 0 0 transparent;*/
   /* height: 133px;
	margin: 10px auto;
	overflow: hidden;
	padding-top: 50px;
	width:671px;*/
    margin: 0 auto;
    overflow: hidden;
    position: relative;
   /* top: 33px;*/
    width: 822px;
}

/***************************************************jcarousel**************************************************/
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	padding: 0 40px 0 36px;
}
.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
}
.jcarousel-skin-tango .jcarousel-item {
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 120px;
	margin: 0;
	padding: 0;
	width: 150px;
}
.jcarousel-skin-tango .jcarousel-item:hover {
/*	background: url("https://s3.amazonaws.com/nextbeewidgets/1062/images/RewardHoverBg.png") no-repeat scroll 4px 2px transparent;*/
}
.jcarousel-skin-tango .jcarousel-item .reward {
	position: relative;
	text-align: center;
}
.jcarousel-skin-tango .jcarousel-item .reward .tick {
/*	background: url("https://s3.amazonaws.com/nextbeewidgets/1062/images/tick.png") repeat scroll 0 0 transparent;*/
	bottom: 5px;
	height: 45px;
	position: absolute;
	right: 5px;
	width: 60px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	/*background: url("https://s3.amazonaws.com/nextbeewidgets/1062/images/RightArrow.png") no-repeat scroll 0 0 transparent;*/
	cursor: pointer;
	height: 50px;
	position: absolute;
	right: 5px;
	top: 17px;
	width: 26px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	/*background-image: url("https://s3.amazonaws.com/nextbeewidgets/1062/images/prev-horizontal.png");*/
	left: 5px;
	right: auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
	background-position: 0 -50px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	background-position: 0 -50px;
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	/*background: url("https://s3.amazonaws.com/nextbeewidgets/1062/images/LeftArrow.png") no-repeat scroll 0 0 transparent;*/
	cursor: pointer;
	height: 50px;
	left: 5px;
	position: absolute;
	top: 17px;
	width: 26px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	/*background-image: url("https://s3.amazonaws.com/nextbeewidgets/1062/images/next-horizontal.png");*/
	left: auto;
	right: 5px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
	background-position: 0 -50px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	background-position: 0 -50px;
	cursor: default;
}
.jcarousel-item {
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 120px;
	margin: 0;
	padding: 0;
	width: 150px;
}
textarea{resize:none;}
.list-inline > li{margin:8px 2px -14px 0 !important;}
#menuul{margin:0!important;}
@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		
		#friendDataLoadMessage table, #friendDataLoadMessage thead, #friendDataLoadMessage tbody, #friendDataLoadMessage th, #friendDataLoadMessage td, #friendDataLoadMessage tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		#friendDataLoadMessage thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		#friendDataLoadMessage tr {border: 1px solid #eee;
			height: auto !important;}

		#friendDataLoadMessage td {
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			  border: none;
			  font-size: 9px;
			  min-height: 39px;
			  padding-top: 20px;
			  position: relative;
			  white-space: nowrap;
			  padding-left: 4px;
			  width: 100%;
			  text-align: left!important;
		}

		#friendDataLoadMessage td:before {
			  left: 4px;
			  padding-right: 10px;
			  position: absolute;
			  top: 4px;
			  white-space: normal;
			  width: 100%;
			  font-weight: bold;
			  text-align: left;
		}

		/*
		Label the data
		*/
		#friendDataLoadMessage td:nth-of-type(1):before { content: "Recommedation Status"; }
		#friendDataLoadMessage td:nth-of-type(2):before { content: "Invite Date"; }
		#friendDataLoadMessage td:nth-of-type(3):before { content: "Friend"; }
		/*.list-inline > li{display:block;text-align:center;}
			.list-inline > li img{display:inline-block;}*/
	}
	#emailsharebuttontd, .importIcons{text-align:center!important;}
@media only screen and (max-width: 560px){
	.bb_t{height:355px!important;}
		.bb_t iframe{height:300px!important;}

}