@charset "UTF-8";

/* CSS Document */

/* @group GLOBAL ELEMENTS */

html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family:Helvetica, Arial, Helvetica, Geneva, sans-serif;
}

label {
	font-family:Helvetica, Arial, Helvetica, Geneva, sans-serif;
}
select {
	width: 100%;
}
a {
	cursor: pointer;
}
body.login {
	margin: 0px;
	padding: 0px;
	background: #FFF;
	font-family: Helvetica, Arial, Helvetica, Geneva, sans-serif;
}

.searchbox {
	background:#cccccc;
	border:none;
	height:21px;
}

.searchbar {
	float:right;
	margin-top:-21px;
	padding-right:31px;
}

div.minifieldrow {
border-bottom: 1px solid #7d7d7d;
margin-top:10px;
}

.msgbox {
background-color:#F3F3F3;
font-size:11px;
padding:10px 0;
width:100%;
}

#wrapper {
	text-align: center;
}

#site-container {
	width: 1400px;
	margin: 0px auto;
	text-align: left;
}

div.dottedLine {
	background: url(images/dots.jpg) repeat-x;
}

div.topRule {
	background: #000;
	height: 1px;
	margin: 0px 14px 12px;
}

#pctBar {
	height: 26px;
	background-color: #b4b4b4;
	margin: 0px auto;
	clear: both;
}
.cleared {
	clear: both;
}

.f-left {
	float: left;
}

.icon-x {
	background: url(images/icon-x.png) no-repeat;
	width: 8px;
	height: 8px;
}

.window {
	display: none;
	text-align: left;
	padding: 15px;
	background-color: #fff;
}
.column-holder {
	margin: 0px auto;
}
a.close {
	font-size: 16px;
	color: #f8f8f8;
	background-color: #b4b4b4;
	border: none;
	clear: both;
	float: right;
	padding: 4px 10px;
	margin: 0px 20px 0px 0px;
}
input.button {
	font-size: 24px;
	color: #f8f8f8;
	background-color: #b4b4b4;
	border: none;
	text-transform: uppercase;
}
input.button:hover {
	background-color: #000;
}
input.upload-image {
	text-transform: uppercase;
	color: #f8f8f8;
	background-color: #b4b4b4;
	font-size: 12px;
}
.margined-title-img {
	margin: 10px 0px 0px 15px;
}
.hover-button:hover {
	cursor: pointer;
}
/* @end */

/* @group BOXES */

div.shadow-container {
	width: 419px;
	margin-right: -10px;
}

div.shadow-391-top {
	background: url(images/391-flat-header.png) no-repeat;
	height: 71px;
}

div.shadow-391-center {
	background: url(images/391-flat-middle.png) repeat-y;
	margin-bottom: 0px;
	padding-left: 30px;
	font-size: 26px;
	color: #b4b4b4;
	font-weight: 100;
	margin-bottom: 0px;
	padding-bottom: 1px;
}

div.shadow-391-bottom {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/391-flat-bottom.png) no-repeat;
	height: 40px;
}

div.shadow-container-1341 {
	width: 1369px;
	float: left;
	clear: both;
}

div.shadow-1341-top {
	background: url(images/1341-flat-top.png) no-repeat;
	height: 30px;
	width: 1369px;
	clear: both;
}

div.shadow-1341-center {
	background: url(images/1341-flat-middle.png) repeat-y;
	margin: 0px;
	padding: 0px;
	clear: both;
}

div.shadow-1341-bottom {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/1341-flat-bottom.png) no-repeat;
	height: 40px;
	width: 1369px;
	clear: both;
}

div.shadow-container-475 {
	width: 503px;
}

div.shadow-475-top {
	background: url(images/475-flat-top.png) no-repeat;
	height: 30px;
	width: 503px;
	clear: both;
}

div.shadow-475-center {
	background: url(images/475-flat-middle.png) repeat-y;
	margin: 0px;
	padding: 0px;
	clear: both;
}

div.shadow-475-bottom {
	background: url(images/475-flat-bottom.png) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 503px;
	height: 40px;
	clear: both;
}

div.shadow-475-divider {
	background: url(images/475-flat-divider.png) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 503px;
	height: 16px;
	clear: both;
}

div.shadow-box {
	
}

div.shadow-box .box-top {
	clear: both;
}

div.shadow-box .box-top .box-top-left {
	float: left;
	width: 34px;
	height: 32px;
	background: url(images/shadow-box-top-left.png) no-repeat right bottom;
}

div.shadow-box .box-top .box-top-middle {
	float: left;
	height: 32px;
	background: url(images/shadow-box-top-middle.png) repeat-x center bottom;
}

div.shadow-box .box-top .box-top-right {
	float: left;
	width: 34px;
	height: 32px;
	background: url(images/shadow-box-top-right.png) no-repeat left bottom;
}

div.shadow-box .box-middle {
	clear: both;
}

div.shadow-box .box-middle .box-middle-left {
	float: left;
	width: 14px;
	background: url(images/shadow-box-middle-left.png) repeat-y right center;
}

div.shadow-box .box-middle .box-middle-content {
	float: left;
	background-color: #fff;
}

div.shadow-box .box-middle .box-middle-right {
	float: left;
	width: 14px;
	background: url(images/shadow-box-middle-right.png) repeat-y left center;
}

div.shadow-box .box-bottom {
	clear: both;
}

div.shadow-box .box-bottom .box-bottom-left {
	float: left;
	width: 34px;
	height: 36px;
	background: url(images/shadow-box-bottom-left.png) no-repeat right top;
}

div.shadow-box .box-bottom .box-bottom-middle {
	float: left;
	height: 36px;
	background: url(images/shadow-box-bottom-middle.png) repeat-x center top;
}

div.shadow-box .box-bottom .box-bottom-right {
	float: left;
	width: 34px;
	height: 36px;
	background: url(images/shadow-box-bottom-right.png) no-repeat left top;
}

div.shadow-box .box-middle .box-content {
	padding: 10px;
	position: relative;
	top: -20px;
	margin: 0px 0px -40px 0px;
}

div.shadow-box .box-middle .box-content .h-line {
	border-bottom: 1px solid #ededed;
	margin: 0px -10px;
	clear: both;
}
.alert-container {
	clear: both;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	border-top: #c9c9c9 solid 1px;
}
.alert-container .new {
	background-color: #ffffff;
	padding: 0px 15px;
}
.alert-container .archived {
	background-color: #e9e9e9;
	padding: 0px 15px;
}
.alert-container .alert-title {
	border-bottom: #c9c9c9 solid 1px;
	padding: 8px 0px 7px;
}
.alert-container .alert-content {
	border-bottom: #c9c9c9 solid 1px;
	padding: 12px 0px;
	text-align: center;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.alert-container .alert-content .alert-left {
	float: left;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
}
.alert-container .alert-content .alert-right {
	float: right;
	padding: 0px 0px 0px 0px;
}

.alert-container .alert-content .alert-button {
	position: relative;
	top: -20px;
}
.alert-container .alert-content .divider {
	padding: 0px 8px;
}
.alert-container .alert-footer {
	clear: both;
}
.alert-container .alert-footer .alert-actions {
	color: #c9c9c9;
	float: left;
	padding: 3px 0px 0px 0px;
}
.alert-container .alert-footer .alert-date {
	color: #c9c9c9;
	font-size: 10px;
	float: right;
	padding: 3px 0px 0px 0px;
}
.shadow-box .follow-box-header {
	background-color: #f3f3f3;
	margin: -10px -10px 0px;
}
.shadow-box .follow-box-header .follow-title {
	float: left;
	padding:  10px 0px 10px 10px;
}
.shadow-box .follow-box-header .follow-close-window {
	float: right;
	padding:  10px 10px 10px 0px;
}
.shadow-box .follow-box-header .follow-close-window img {
	cursor: pointer;
}
#followPopContent {
	padding: 10px 0px 0px 0px;	
}
.shadow-box .follow-image {
	float: left;
}
.shadow-box .follow-image img {
	max-height: 115px;
	max-width: 104px;
}
.shadow-box .follow-right {
	float: left;
	padding: 0px 0px 0px 15px;
}
.shadow-box .follow-center {
	text-align: center;
	padding: 15px 0px 0px 0px;
}
.shadow-box .follow-text {
	color: #7d7d7d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	padding: 0px 0px 20px 0px;
}
.shadow-box .follow-buttons {
	border-top: #eeeeee solid 1px;
	padding: 15px 0px 0px 0px;
}
.shadow-box .follow-buttons img {
	cursor: pointer;
}
/* @end */

/* @group FORMS */

div.message-panel {
	font-family:Helvetica, Arial, Helvetica, Geneva, sans-serif;
	padding: 15px;
}
div.message-panel .label-row span{
	padding: 7px 0px 3px;
}
div.message-panel .field-row .textbox {
	background-color: #f3f3f3;
	padding: 10px 0px;
	font-size: 11px;
	width: 100%;
}
div.message-panel .field-row {
	border-bottom: #7d7d7d solid 1px;
}
div.message-panel .feedsCategorySelect, div.message-panel .recipientSelection, div.message-panel .locationSelection {
	width: 100%;
	background-color: #f3f3f3;
	height: 30px;
}
div.message-panel .feedsCategorySelect span, div.message-panel .recipientSelection span, div.message-panel .locationSelection span {
	padding: 10px 0px 0px 10px;
}
div.message-panel .uploaded-image {
	float: left;
}
.upload-options {
	float: left;
	padding: 0px 0px 0px 10px;
}
.upload-result {
	color: #7d7d7d;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}
div.message-panel .form-button {
	background-color: #f3f3f3;
	color: #7d7d7d;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
	padding: 13px 14px;
	margin: 0px 10px 0px 0px;
	cursor: pointer;
}
div.message-panel .form-button:hover {
	background-color: #4ccbf1;
	color: #fff;
}
div.message-panel .hover {
	color: #fff;
	background-color: #4ccbf1;
	cursor: pointer;
}

div.message-panel .field-row textarea {
	background-color: #f3f3f3;
	padding: 10px 0px;
	font-size: 11px;
	width: 100%;
	border: none;
}
div.message-panel .limit-display {
	color: #7d7d7d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: right;
	font-weight: normal;
	margin-top:-17px;
}
div.message-panel .negative {
	color: #f00;
}
div.message-panel .compose-msg-send {
	width: 100%;
	margin: 12px 0px 12px 0px;
	padding: 8px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #7d7d7d;
	background-color: #f3f3f3;
	border: none;
	clear: both;
}
div.message-panel .compose-msg-send:hover {
	background-color: #4ccbf1;
	color: #fff;
}
/* @end */

/* @group TABS */

div.tabs-391 div.tab {
	height: 32px;
	padding-top: 15px;
	background: #eee;
	cursor: pointer;
}

div.tabs-391 div.tab:hover {
	height: 32px;
	padding-top: 15px;
	background: #000;
}

div.tabs-391 div.active_tab {
	height: 32px;
	padding-top: 15px;
	background: #fff;
	cursor: pointer;
}

div.tabs-391 {
	width: 391px;


/*height:46px;*/
	background: #eeeeee;

/*padding-top:15px;*/
	margin-left: -16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

div.tabs-391-active {
	width: 391px;
	height: 46px;
	padding-top: 15px;
	background: #FFF;
}

div.dynamic-tabs {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #959595;
	margin-left: -16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
}

div.dynamic-tabs .tab {
	background-color: #eee;
	float: left;
	width: 50%;
	cursor: pointer;
	padding: 20px 0px 15px;
}
div.dynamic-tabs .active {
	background-color: #fff;
}

div.dynamic-tabs .active_tab {
	background-color: #fff;
	float: left;
	width: 50%;
	cursor: pointer;
	padding: 20px 0px 15px;
}
div.dynamic-tabs .tab:hover {
	background: #000;
	float: left;
}
div.dynamic-tabs .active:hover {
	background-color: #fff;
}

/* @end */

/* @group LOGIN */

div.menuGray {
	background: #b4b4b4;
	height: 30px;
	width: 1000px;
	margin-left: 30px;
}

div.login-shadow-container {
	margin-left: 17px;
	width: 640px;
}

div.shadow-container-left {
	width: 419px;
	margin-right: -10px;
}

div.login-shadow-top {
	background: url(images/601-flat-top.jpg) no-repeat;
	height: 30px;
}

div.login-shadow-center {
	background: url(images/601-flat-middle.jpg) repeat-y;
	margin-bottom: 0px;
	padding-left: 30px;
	font-size: 26px;
	color: #b4b4b4;
	font-weight: 100;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 0px;
	padding-bottom: 1px;
}

div.login-shadow-bottom {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/601-flat-bottom.jpg) no-repeat;
	height: 35px;
}

div.login-shadow-top-content {
	
}

div.login-shadow-center-content {
	
}

div.login-shadow-bottom-content {
	
}

#messageBoxTabs {
	display: none;
}

div.messages_sub {
}

div.login {
	background: #CCC;
	width: 601px;
	height: 438px;
	position: absolute;
/*top:50%;
	left:50%;
	margin-left:-260px;
	margin-top:-200px;*/
}

div.login-title {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 15px;
	color: #565656;
	margin-bottom: 25px;
	background: #FFF;
	display: block;
}
.keep-me-logged-in {
	display: inline;
	margin-left: 5px;
	font-size: 11px;
}

.forgot-my-password {
	display: inline;
	margin-left: 5px;
	font-size: 11px;
}
.forgot-my-password a {
	text-decoration: none;
	color: rgb(25, 197, 244);
	
}

/* @end */

/* @group JL CARD */

div.shadow-jl-container {
	width: 772px;
}

div.shadow-jl-top {
	background: url(images/jl-card-top.png) no-repeat;
	height: 29px;
}

div.shadow-jl-center {
	background: url(images/jl-card-middle.png) repeat-y;
	margin-bottom: 0px;
	padding-left: 14px;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: 

#000;
	/*color:#b4b4b4;*/
	font-weight: 100;
	margin-bottom: 0px;
	padding-bottom: 1px;
}

div.shadow-jl-bottom {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/jl-card-bottom.png) no-repeat;
	height: 33px;
}

#top-user-block {
	width: 744px;
	float: left;
	margin: -40px 5px 0px 0px;
	height: 162px;
	top: 20px;
	position: relative;
}

#user-top-bar {
	width: 482px;
	background: url(images/dots_light.jpg) repeat-x center bottom;
	margin: 0px 0px 6px 10px;
}

div.jldiv{
	height:152px;
	margin:0px -32px -30px 17px;
	width: 396px;
	min-width: 396px;
	float: left;
}

div.contentSubBox-jl {
	position:relative;
	top:-28px;
	left:-34px;
	width:368px;
	min-width:368px;
	background-color: #fff;
}

.contentSubBox-jl .user-name {
	padding: 8px 0px 8px 10px;
	font-size: 12px;
	color: #7d7d7d;
}

.contentSubBox-jl .user-location {
	float: left;
	font-size: 10px;
	padding: 3px 0px 1px 10px;
	color: #000;
	font-weight: bold;
}

.contentSubBox-jl .user-settings {
	float: right;
	font-size: 9px;
	padding: 3px 5px 1px 0px;
	color: #7d7d7d;
}
.contentSubBox-jl .jlcontent {
	color: #7d7d7d;
	font-size: 11px;
	padding: 6px 10px 0px 25px;
	height: 36px;
	max-height: 36px;
	overflow: visible;
	margin: 0px 0px 0px -15px;
	background: url(images/bg_white_arrow.png) no-repeat left center;
}
.contentSubBox-jl a {
	color: #7d7d7d;
	text-decoration: none;
}
.contentSubBox-jl .jlcontent-title {
	float: right;
	clear: both;
	padding: 0px 5px 4px 0px;
}
.contentSubBox-jl .jl-tags {
	border-top: #eeeeee 1px solid;
	clear: both;
	color: #7d7d7d;
	text-align: center;
	padding: 2px 0px 0px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	overflow: hidden;
	height: 9px;
}

/* @end */

/* @group USER TOPIC BAR */

#user-topic-bar {
	position: relative;
	top: -22px;
	clear: both;
	height: 12px;
	margin: 0px 30px;
}
#user-topic-bar .topic-bar-item {
	text-align: right;
	float: left;
	width: 25%;
	padding-top: 2px;
}
#user-topic-bar .topic-bar-item span {
	padding-right: 2px;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
}
/* @end */

/* @group OFFERS */
.offersdiv{
	height:152px;
	margin:0px -32px 0px 17px;
	min-width: 396px;
	float: left;
}
.offersdiv .middle-jl {
	min-width: 300px;
}
.offersdiv .middle-jl .sh-top-m {
	min-width: 300px;
}
.offersdiv .middle-jl .sh-bot-m {
	min-width: 300px;
}
.scrollable {
	position:relative;
	overflow:hidden;
	height:112px;
	float: left;
}

.scrollable .items {
	position:absolute;
}
.scrollable .items .offerSlide {
	float: left;
	width: 225px;
	cursor: pointer;
}
.scrollable .items .offerSlide .offerContainer {
	width: 224px;
	height: 112px;
}
.scrollable .items .offerSlide .offerContainer .offerHeader {
	height: 27px;
}
.scrollable .items .offerSlide .offerContainer .offerHeader div {
	color: #301b16;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 4px 0px 0px 10px;
}
.scrollable .items .offerSlide .offerContainer .offerFooter {
	position: relative;
	top: 65px;
	background: url(images/bg-offer-footer-bg.png) repeat;
	height: 20px;
}
.scrollable .items .offerSlide .offerContainer .offerFooter div {
	color: #000;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0px 0px 0px 10px;
}
.offersdiv .middle-jl .left {
	float: left;
}
.offersdiv .middle-jl .right {
	float: left;
}
/* @end */

/* @group PCTBAR */

#user-meter {
	margin: 10px 0px 6px 0px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#user-meter .item1 {
	background-color: #404040;
	float: left;
}

#user-meter .item2 {
	background-color: #b4b4b4;
	float: left;
}

#user-meter .item3 {
	background-color: #6e6e6e;
	float: left;
}

#user-meter .item4 {
	background-color: #949494;
	float: left;
}

#user-meter .inner {
	padding: 7px 0px 7px 12px;
}

/* @end */

/* @group FOLLOW POP UP */

#followPop {
	display: none;
	position: fixed;
	width: 419px;
	height: 250px;
	z-index: 2;
}
#unFollowPop{
	display: none;
	position: fixed;
	width: 419px;
	height: 250px;
	z-index: 2;
}
#shareItem {
	display: none;
	position: fixed;
	width: 419px;
	height: 250px;
	z-index: 2;
}
#shareItem .share-center {
	text-align: center;
}
#shareItem .share-center img {
	margin: 10px 0px 0px;
}
#deleteAccountModal{
	position: fixed;
	width: 419px;
	height: 250px;
	z-index: 2;
}
#bgModalCover {
	background: #FFF;


/*visibility:hidden;*/
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* @end */

/* @group DASHBOARD */

select.messageTypeSelection {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	padding: 5px;
	color: bebebe;
	border: 0px;
	width: 150px;
	height: 32px;
	margin-top: 25px;
	margin-right: 25px;
}

img.messages_title {
	margin-left: 25px;
	margin-top: 32px;

/*padding-top:25px;*/
}

div.login-sub {
	width: 391px;
	height: 233px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

select.recipientSelection {
	border: 0px;
	width: 300px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bebebe;
	height: 15px;
}

div.msg_container {
	overflow: auto;
	margin: -25px -25px 0px 0px;
	position: relative;
	top: 25px;
	padding: 15px;
	width: 360px;
	max-height: 244px;
	border-top: #999 thin;
	font-family: Arial, Helvetica, sans-serif;
}

div.dashboard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bebebe;
}

form.dashboard {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #bebebe;
}

ul.dashboard {
	list-style: none;
	list-style-type: none;
	display: inline;
}

input.dashboard {
	border: 0px;
	width: 300px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bebebe;
}

textarea.dashboard {
	border: 0px;
	width: 340px;
}

div.bottomMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 30px;
	margin-bottom: 15px;
	position:relative;
	top:-33px;
}

div.bottomMenu a {
	color: #000;
	text-decoration: none;
	margin-right: 25px;
}

div.bottomMenu a:hover {
	text-decoration: underline;
}

textarea.login {
	width: 440px;
	height: 80px;
	border: none;
	color: #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding-left: 10px;
}

ul.login {
	list-style: none;
	list-style-type: none;
}

ul.login li {
	padding-bottom: 5px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #565656;
}

input.login {
	background: #f8f8f8;
	height: 42px;
	border: none;
	width: 440px;
	color: #CCC;
	padding-left: 10px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

input.login-button {
	background-color: #b4b4b4;
	height: 50px;
	width: 154px;
	color: #FFF;
	border: none;
	margin-top: 15px;
	margin-right: 30px;
	padding-top: 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
/*position:absolute;
	right:45px;
	float:right;*/
}

input.login-button:hover {
	background-color: #686868;
}

/* @end */

/

* @end */

/* @group LANDING */

body.landing {
	background: #999;
}

div.landing {
	padding-bottom: 5px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #565656;
	background: #CCC;
	width: 1024px;
	height: 768px;
	/*overflow-y:scroll;*/
	margin: auto;
	margin-top: 25px;
}

div.landing-title {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 15px;
	color: #565656;
	margin-bottom: 25px;
	background: #FFF;
	display: block;
}

ul.landing {
	list-style: none;
	list-style-type: none;
	display: block;
}

ul.landing li {
	float: left;
	background: #999;
	padding: 15px;
	margin-right: 3px;
}

ul.landing li a {
	text-decoration: none;
	color: #565656;
}

ul.landing li:hover {
	background: #000;
}

.clear {
	clear: both;
}

div.clear {
	clear: both;
	margin-left: 50px;
}

div.horizontalRule {
	background: #ededed;
	height: 1px;
	margin-bottom: 3px;
	margin-top:13px;
	width: 100%;
}


div.boxcontent {
	overflow-x:auto;
	overflow-y:auto;
	text-align:justify;
}

byline {
	font-size: 9px;
	cursor: pointer;
}

div.followForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p.followForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 25px;
}

.body {
	padding-left: 15px;
	padding-bottom: 15px;
}

rateBtn {
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	cursor: pointer;
}

rateBtn:hover {
	color: #404040;
}

rateDe {
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#message-box .dynamic-tabs {
	margin: 0px 15px 0px -17px;
	position: relative;
	top: 0px;
	left: 1px;
}
#message-box {
	font-weight: normal;
}

#message-box .label-row {
	width: 100%;
	border-top: 1px solid #ededed;
	padding: 0px 0px 10px 15px;
	font-weight: normal;
}
#send-message-form .ui-selectmenu-status, .message-form .ui-selectmenu-status {
	font-weight: normal;
}
#send-message-form, .message-form {
	font-size: 12px;
	font-weight: normal;
	color: #404040;
}
.message-panel .result-inner {
	background-color: #f3f3f3;
	color: #8e8e8e;
	font-size: 12px;
	padding: 8px 15px;
	margin: 0px -15px 0px -15px;
}
.messages-invites .invites-instruction {
	font-weight: normal;
}
#message-box .label-row label {
	color: #b4b4b4;
	font-size: 11px;
}

#message-box input.textbox {
	width: 100%;
	height: 15px;
	color: #666;
}

#message-box textarea {
	width: 100%;
	height: 20%;
	border: none;
}

#message-box input.upload-image {
	float: right;
	padding: 8px 16px;
	margin: 0px 24px 10px 0px;
}

#message-box .form-button-container {
	padding: 5px 0px;
}

#message-box input.compose-msg-send {
	float: right;
	font-size: 24px;
	color: #f8f8f8;
	background-color: #b4b4b4;
	margin: 0px 15px 15px 0px;
}
#message-box input.compose-msg-send:hover {
	color: #f8f8f8;
	background-color: #000;
}
#message-box .messages-invites {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#message-box .messages-invites .user-email {
	width: 210px;
}
#message-box .divider-line {
	border-bottom: 1px solid #ededed;
	margin: 0px 14px 10px -16px;
	clear: both;
}
followallowbtn {
	cursor: pointer;
}
followdeclinebtn {
	cursor: pointer;
}
.account-feeds {
	float: right;
	margin: 0px;
}
.account-feeds .feed-tab {
	float: right;
	cursor: pointer;
	padding: 0px;
}
.account-feeds .active {
	background-color: #d3d3d4;
}
.twitter-feed-box {
}
.twitter-feed-box .twitter-row {
	border-bottom: 1px solid #ededed;
	font-weight: normal;
}
.twitter-feed-box .twitter-row .twitter-image {
	float: left;
	padding: 10px;
}
.twitter-feed-box .twitter-row .twitter-image img {
	width: 48px;
	height: 48px;
}
.twitter-feed-box .twitter-row .twitter-content {
	float: left;
	max-width: 300px;
	width:65%;
	padding: 10px 0px;
}
.twitter-feed-box .twitter-row .twitter-content .twitter-author {
	color: #565656;
	font-size: 14px;
}
.twitter-feed-box .twitter-row .twitter-content .twitter-text {
	color: #949494;
	font-size: 12px;
}
.twitter-feed-box .twitter-row a {
	color: #565656;
	text-decoration: none;
}
/* @end */

/* @group SHARE PAGE */

#messages-form-box {
	float: left;
}

#messages-view-box {
	float: left;
	margin: 0px 0px 0px -10px;
}

#messages-compose-header {
	padding: 10px 15px 0px;
	color: #b4b4b4;
	/* background-color: #f8f8f8; */
	text-transform: uppercase;
	font-size: 14px;
}

#messages-compose-header a {
	color: #b4b4b4;
}
#messages-compose-header a:hover {
	color: #19c5f4;
}

#messages-compose-header a.active {
	color: #19c5f4;
}

/*
#message-compose-container .label-row {
	width: 100%;
	border-top: 1px solid #ededed;
	padding: 5px 0px 0px 0px;
}

#message-compose-container .label-row label {
	color: #b4b4b4;
	font-size: 11px;
}
#message-compose-container .label-row label span {
	padding: 5px 0px 0px 15px;
}
#message-compose-container input.textbox {
	width: 100%;
}
#message-compose-container .field-row {
	padding: 0px 0px 0px 15px;
}
#message-compose-container textarea {
	width: 100%;
	height: 150px;
	border: none;
}

#message-compose-container input.upload-image {
	float: right;
	margin: 0px 15px 10px 0px;
}
#message-compose-container .form-button-container {
	padding: 5px 0px;
}

#message-compose-container input.compose-msg-send {
	float: right;
	font-size: 12px;
	color: #f8f8f8;
	background-color: #b4b4b4;
	width: 25%;
	margin: 0px 15px 15px 0px;
}
#message-compose-container input.compose-msg-send:hover {
	color: #f8f8f8;
	background-color: #000;
}
*/
.messages-invites {
	font-family:Arial, Helvetica, sans-serif;;
	float: left;
	/* background-color: #f5f5f5; */
	padding: 5px 0px;
	width: 100%;
}

.messages-invites .invites-left {
	color: #949494;
	font-size: 14px;
	float: left;
	line-height: 19px;
}

.messages-invites .invites-instruction {
	float: left;
	font-size: 10px;
	color: #949494;
	padding: 3px 0px 0px 15px;
}

.messages-invites .invites-form-container {
	padding: 0px 0px 0px 0px;
}
.share-user-email {
	background-color: #E2E2E2;
	font-size: 12px;
	width: 70%;
}
.share-send-invite-button {
	background-color:#B4B4B4;
	color:#F8F8F8;
	font-size:12px;
	width: 25%;
}
.invites-form-container {
	width: 100%;
}
#messages-view-box .shadow-475-divider {
	position: relative;
	top: -18px;
	margin-bottom: -18px;
}

#messages-navigation {
	padding: 10px 15px 0px;
	color: #b4b4b4;
	/* background-color: #f8f8f8; */
	text-transform: uppercase;
	font-size: 14px;
}

#messages-navigation span {
	color: #19c5f4;
}

#messages-navigation a {
	color: #b4b4b4;
}

#messages-navigation a:hover {
	color: #19c5f4;
}

#messages-navigation a.active {
	color: #19c5f4;
}

#messages-list {
	overflow: auto;
}

#messages-list .message-record {
	padding: 10px 0px 0px 0px;
	border-bottom: #ededed solid 1px;
}

#messages-list .message-record .message-delete-box {
	float: left;
	padding: 5px 8px;
	display: none;
}

#messages-list .message-record .message-body-box {
	float: left;
	width: 100%;
}
#messages-list .message-record .message-body-box .message-new-header {
	border-bottom: #c9c9c9 1px solid;
	margin: 0px 15px;
	padding: 0px 0px 5px;
}
#messages-list .message-record .message-body-box .message-new-header .message-header-lbl {
	float: left;
}
#messages-list .message-record .message-body-box .message-new-header .message-date {
	padding: 0px;
}

#messages-list .message-record .message-body-box .message-date {
	float: right;
	color: #b4b4b4;
	font-size: 9px;
	padding: 10px 15px 0px 0px;
}

#messages-list .message-record .message-body-box .message-author {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 0px 20px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#messages-list .message-record .message-body-box .message-title {
	font-size: 12px;
	float: left;
	font-style: italic;
	padding: 0px 0px 10px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#messages-list .message-record .message-body-box .message-content {
	color: #5a5a5a;
	font-size: 12px;
	padding: 0px 0px 10px 20px;
}

#messages-list .message-record .message-body-box .message-actions {
	margin: 0px 15px;
	color: #b4b4b4;
	border-top: #c9c9c9 1px solid;
}

#messages-list .message-record .message-body-box .message-actions a {
	color: #b4b4b4;
	font-size: 14px;
}

/* @end */

/* @group DISCOVER PAGE */

#recomendation-container {
	margin: 0px auto;
}
#recomendation-container .map-box {
	float: left;
	margin-right: -10px;
	width: 561px;
}
#recomendation-container .map-box #map-canvas {
	margin: 12px 0px 0px 0px;
	width: 551px;
	height: 625px;
}
#recomendation-container .map-box .map-options-box {
	position: relative;
	z-index: 100;
	top: -637px;
	right: -297px;
}
#recomendation-container .map-box .map-options-box .box-middle-content {
	width: 240px;
	height: 20px;
}
#recomendation-container .map-box .map-options-box .box-middle-content .box-content {
	margin: -10px -10px -50px;
}
#recomendation-container .map-box .map-options-box .map-box-control {
	float: left;
	width: 60px;
	height: 60px;
	background-color: #f8f8f8;
	text-align: center;
	cursor: pointer;
	color: #c0c0c0;
	font-size: 12px;
	text-transform: uppercase;
}
#recomendation-container .map-box .map-options-box .map-box-control div{
	padding: 12px 0px 0px 0px;
}
#recomendation-container .map-box .map-options-box .active {
	background-color: #b4b4b4;
	color: #6e6e6e;
}
#recomendation-container .map-box .map-options-box .bordered {
	border-right: #b4b4b4 solid 1px;
	width: 59px;
}
#recomendation-container .recs-box {
	float: left;
	margin-right: -10px;
}
#recomendation-container .recs-box .box-middle-content {
	width: 391px;
	height: 582px;
}
#recomendation-container .recs-box .box-middle-content .recs-header {
	margin: -10px -10px 0px -10px;
	padding: 15px 10px 20px 10px;
	height: 25px;
	background-color: #f8f8f8;
}
#recomendation-container .recs-box .box-middle-content .recs-header .recs-title {
	color: #f99e33;
	font-size: 14px;
	float: left;
	padding: 6px 0px 0px 0px;
	text-transform: uppercase;
}
#recomendation-container .recs-box .box-middle-content .recs-header .recs-region-select {
	float: right;
}
#recomendation-container .recs-box .box-middle-content .dynamic-tabs {
	margin: 0px -10px 0px -10px;
}
#recomendation-container .recs-box .box-middle-content .recs-content {
	margin: 0px 0px 0px 6px;
}
/* @end */

/* @group FEEDS */

#feeds-container {
	margin: 0px auto;
}
#feeds-container .map-box {
	float: left;
	margin-right: -10px;
	margin-left: 14px;
	width: 547px;
	height: 660px;
}
#map-canvas {
	width: 100%;
	height: 100%;
}
#feeds-container .map-box .map-options-box {
	position: relative;
	z-index: 100;
	top: -637px;
	right: -286px;
}
#feeds-container .map-box .map-options-box .box-middle-content {
	width: 240px;
	height: 20px;
}
#feeds-container .map-box .map-options-box .box-middle-content .box-content {
	margin: -10px -10px -50px;
}
#feeds-container .map-box .map-options-box .map-box-control {
	float: left;
	width: 60px;
	height: 60px;
	background-color: #f8f8f8;
	text-align: center;
	cursor: pointer;
	color: #c0c0c0;
	font-size: 12px;
	text-transform: uppercase;
}
#feeds-container .map-box .map-options-box .map-box-control div{
	padding: 12px 0px 0px 0px;
}
#feeds-container .map-box .map-options-box .active {
	background-color: #b4b4b4;
	color: #6e6e6e;
}
#feeds-container .map-box .map-options-box .bordered {
	border-right: #b4b4b4 solid 1px;
	width: 59px;
}
#feeds-container .feeds-box {
	float: left;
	margin-right: -10px;
}
#feeds-container .feeds-box .box-middle-content {
	width: 391px;
	height: 582px;
}
#feeds-container .feeds-box .box-middle-content .feeds-header {
	margin: -10px -10px 0px -10px;
	padding: 15px 10px 20px 10px;
	height: 25px;
	background-color: #f8f8f8;
}
#feeds-container .feeds-box .box-middle-content .feeds-header .feeds-title {
	color: #4cbc5c;
	font-size: 14px;
	float: left;
	padding: 6px 0px 0px 0px;
	text-transform: uppercase;
}
#feeds-container .feeds-box .box-middle-content .feeds-header .feeds-region-select {
	float: right;
}
#feeds-container .feeds-box .box-middle-content .dynamic-tabs {
	margin: 0px -10px 0px -10px;
}
#feeds-container .feeds-box .box-middle-content .feeds-content {
	margin: 0px 0px 0px 6px;
}
/* @end */

/* @group CONTACTS */

#rolodex-box {
	position: relative;
	top: -28px;
	margin-left: 15px;
	clear: both;
}
#rolodex-box .box-content {
	max-height: 602px;
}
.rolodex-header {
	position: relative;
	border-bottom: #ededed solid 1px;
	background-color: #f8f8f8;
}

.rolodex-type {
	float: left;
}

.rolodex-type .title {
	color: #19c5f4;
	font-size: 14px;
	float: left;
	width: 110px;
}

.rolodex-type .connection-active {
	font-size: 14px;
	color: #19c5f4;
}

.rolodex-type .connection-passive {
	font-size: 14px;
	color: #b4b4b4;
}

.rolodex-invites {
	background: url(images/dots_virt_light.png) repeat-y left top;
	float: right;
	padding: 5px 15px 0px;
}

.rolodex-invites .invites-left {
	color: #949494;
	font-size: 18px;
	float: left;
	line-height: 16px;
}

.rolodex-invites .invites-instruction {
	float: left;
	font-size: 11px;
	color: #949494;
	line-height: 10px;
	padding: 0px 0px 0px 15px;
}

.rolodex-invites .invites-form-container {
	padding: 0px 0px 0px 0px;
}

.invites-form-container input.user-email {
	background-color: #e2e2e2;
	padding: 3px 2px 4px;
	font-size: 14px;
	width: 250px;
	position: relative;
	top: -8px;
}

.invites-form-container .search-button {
}

.invites-form-container input.send-invite-button:hover {
	background-color: #000;
}

.rolodex-wrapper {
	position: relative;
}

.rolodex-wrapper .rolodex-content {
	overflow: auto;
	width: 1336px;
}

.rolodex-content .horizontal-scroll-area {
	
}

.rolodex-record {
	border-bottom: #ededed solid 1px;
	width: 360px;
	float: left;
	position: relative;
}

.rolodex-record .user-image {
	padding: 15px;
	float: left;
}
.rolodex-record .user-followed-indicator {
	position: absolute;
	background: url(images/lbl-contact-followed.png) no-repeat center center;
	width: 25px;
	height: 25px;
	top: 70px;
	left: 15px;
}
.rolodex-record .user-content {
	float: left;
	padding: 15px 15px 0px 0px;
	width: 235px;
}

.rolodex-record .user-content .user-name {
	color: #19c5f4;
	font-size: 14px;
	float: left;
}

.rolodex-record .user-content .user-action {
	float: right;
	text-align: right;
	color: #3f3f3f;
	font-size: 8px;
	padding: 4px 0px 0px 0px;
}

#replyMessagePop {
	display: none;


/*background:#FFF;*/
	position: fixed;
	_position: absolute;
	width: 640px;
	height: 250px;
	z-index: 3;
}
#deleteMessagePop{
	display: none;
	position: fixed;
	width: 419px;
	height: 200px;
	z-index: 3;
	text-align: left;
	
}
.rolodex-record .user-content .user-email a {
	color: #404040;
	font-size: 9px;
}

.rolodex-record .user-content .user-top4 {
	color: #6e6e6e;
	font-size: 9px;
}

.rolodex-record .user-content .user-replies {
	color: #6e6e6e;
	font-size: 9px;
}

.rolodex-record .user-content .user-posts {
	color: #6e6e6e;
	font-size: 9px;
}

.rolodex-record .user-city {
	color: #19c5f4;
	font-size: 9px;
	text-align: right;
	padding: 0px 15px 5px 0px;
}

/* @end */

/* @group SETTINGS */

#settings-container {
	margin: 0px auto;
}
#settings-container .settings-box {
}
#settings-container .settings-box .box-content {
}

#settings-container .settings-box .box-content {
}
#settings-container .settings-box .settings-header {
	padding: 20px;
	border-bottom: 1px solid #ededed;
	margin: -10px -10px 0px;
	background-color: #f8f8f8;
}
#settings-container .settings-box .settings-title {
	color: #19c5f4;
	font-size: 14px;
	text-transform: uppercase;
}
#settings-container .boxtitlebar {
	background-color: #F8F8F8;
	color: #19c5f4;
	font-size: 14px;
	padding: 9px 15px 0px;
	text-transform: uppercase;
}
#settings-container .settings-box .delete-account-action {
	float: left;
	padding: 0px 15px 5px;
}
#settings-container .settings-box .delete-account-action img {
	cursor: pointer;
}
#settings-container input.button {
	float: right;
	margin: 0px 15px 5px;
}
#settings-container .setting-profile-image .profile-image {
	float: left;
	background: none;
}
#settings-container .setting-profile-image .profile-image img {
	max-height: 85px;
	max-width: 85px;
}
#settings-container .setting-profile-image {
}
#settings-container .setting-profile-image .upload-result {
	padding: 5px 0px 5px 0px;
}

#settings-container .setting-profile-image .profile-image-action {
	float: left;
	padding: 0px 0px 15px 15px;
}
#settings-container .setting-profile-image input.upload-image {
	float: left;
}
#settings-container .settings-box .box-content .settings-content {
	
}

#settings-container .settings-box .box-content .setting-row {
	clear: both;
	border-bottom: 1px solid #ededed;
	padding: 5px 15px 0px;
}
#settings-container .settings-box .box-content .setting-row-select {
	clear: both;
	border-bottom: 1px solid #ededed;
	padding: 5px 0px;
}
#settings-container .settings-box .box-content .setting-row img {
	margin: 5px 0px 5px 15px;
}
#settings-container .settings-box .box-content .setting-row .setting-name {
	color: #949494;
	font-size: 10px;
	text-transform: uppercase;
	width: 20%;
	float: left;
}
#settings-container .settings-box .box-content .setting-row-select .setting-name-select {
	color: #949494;
	font-size: 10px;
	text-transform: uppercase;
	clear: both;
	padding: 0px 0px 0px 15px;
}
#settings-container .settings-box .box-content .setting-row .setting-value {
	color: #404040;
	font-size: 12px;
	width: 80%;
	float: left;
}
#settings-container .settings-box .box-content .setting-row-select .setting-value-select {
	color: #404040;
	font-size: 14px;
	clear: both;
}
#settings-container .settings-box .box-content .setting-row .setting-value input {
	color: #404040;
	font-size: 14px;
	width: 261px;
}
#settings-container .settings-box .box-content .setting-row .setting-value textarea {
	color: #404040;
	font-size: 14px;
	width: 100%;
	height: 20%;
	border: none;
}
#settings-container .settings-box .box-content .add-row-link {
	text-align: right;
	padding: 0px 10px 0px 0px;
}
#settings-container .settings-box .box-content .add-row-link a {
	color: #949494;
	font-size: 10px;
}
/* @end */

/* @group POSTS */

div.post {
	border-bottom: #bababa solid 1px;
}
.post .post-inner .post-right .post-content {
	color: #4d4d4d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	width: 100%;
	position: relative;
	text-decoration:none;
}

.post .post-inner .post-right .post-content a {
	color: #4d4d4d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	width: 100%;
	position: relative;
	text-decoration:none;
}

.post .post-inner .post-right .post-content a:hover {
	color:#4ccbf1;
}
.post .post-inner .post-image {
	/*float: left;*/
	padding: 20px 0px 10px 0px;
	width:300px;
	margin:auto;
}
.post .post-inner {
	position: relative;
}
.post .post-inner .post-right {
/*	float: left;*/
	padding: 0px 0px 5px 0px;
	max-width:300px;
	width:100%;
	margin:auto;
}
.post .post-inner .post-share {
	float: right;
	position: absolute;
	top: 6px;
	right: 10px;
	cursor: pointer;
}
.post .post-inner .post-right .post-header {
	clear: both;
}
.post .post-inner .post-right .post-by {
	color: #c1c1c1;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
}
.post .post-inner .post-right .post-by a {
	color: #7d7d7d;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
}
div.post .post-time {
	font-size: 9px;
	color: #c8c8c8;
	float: right;
	padding: 0px 10px 0px 0px;
}

div.post .post-title {
	display: block;
	font-size: 14px;
}

div.post .post-title a {
	text-decoration: none;
	color: #565656;
}

div.post .post-title a:hover {
	text-decoration: none;
	color: #4ccbf1;
}

div.post-title:hover {
}
.post .ratings-block {
	border-top: #ededed solid 1px;
	text-align: center;
	color: #bababa;
	font-size: 10px;
	line-height: 10px;
	margin: 2px 0px 0px 0px;
}
.post .ratings-block .post-rate-link {
	padding: 5px 10px;
}
.ratings-block .rating-title {
	float: left;
	width: 30%;
	text-align: right;
	height: 12px;
	background-color: #eeeeee;
	border-bottom: #fff 1px solid;
	padding-top: 2px;
	text-transform: uppercase;
}
.ratings-block .rating-title-last {
	float: left;
	width: 30%;
	text-align: right;
	height: 12px;
	background-color: #eeeeee;
	padding-top: 2px;
	text-transform: uppercase;
}
.ratings-block .rating-title span, .ratings-block .rating-title-last span {
	padding: 0px 5px 0px 0px;
}
.ratings-block .rating-result {
	float: left;
	width: 68%;
	height: 10px;
	padding: 2px 2px;
	border-bottom: #eeeeee 1px solid;
}
.ratings-block .rating-result-last {
	float: left;
	width: 68%;
	height: 10px;
	padding: 2px 2px;
}
.ratings-block .rating-result div, .ratings-block .rating-result-last div {
	height: 10px;
}

/* @end */