/* Common
----------------------------------------------------------------------------------------------------------------------------------------------- */
* {padding: 0; margin: 0;}
html {background: #FFF}
body {background: #FFF url('img/body-bg.jpg') repeat-x top; font-size: 0.8em; font-family: Arial, Verdana, sans-serif; color: #333; line-height: 1.5em; text-align: center;}
a {color: #2A85BE; text-decoration: none; outline: none; cursor: pointer;}
a:hover {text-decoration: underline;}
a:active {outline: none; -moz-outline-style: none;}
a img {border: 0; text-decoration: none;}
p {margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6 {font-size: 1.3em; color:#004581; margin:5px 0; font-weight:bold;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-size: 0.6em; color:#999;}
h2 {font-size: 1.1em;}
h2 span {font-size: 0.8em;}
h3 {font-size: 1em;}
h3 span {font-size: 0.8em;}
h1 a{font-size:11px; font-weight:normal;}
h2.title{background: #fff url('img/h2-bg.gif') repeat-x top; border:1px solid #88C9F1; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#E3F3FD; padding:0 6px; margin:20px 0 10px 0; font-weight:bold;}
h2.title.soft{background: #fff url('img/h2-bg2.gif') repeat-x top; border:1px solid #88C9F1; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#E3F3FD; padding:0 6px; margin:20px 0 10px 0; font-weight:normal;}

hr {margin-top: -5px;}

.clear {clear: both;} .clearl {clear: left;} .clearr {clear: right;}
.left {float: left;} .right {float: right;} .hide {display: none;}

.loading {margin:0 3px; vertical-align:sub;border:0 !important;}
.msgko {color:red; font-size:0.85em; line-height:16px; }
.msgok {color:green; font-size:0.85em; line-height:16px; }
.small{font-size:0.85em; line-height:16px;} /*padding:5px 0px 10px 0px;*/

pre {font-size:11px; color:#333; border-left:1px solid #6AAA47; margin-left:15px; padding-left:15px; }

/*
*::-moz-selection {background:#FF3C00 none repeat scroll 0 0;color:white;}
*/
#wrapper {width: 820px; margin: 0 auto; text-align: left; }

/* Header
----------------------------------------------------------------------------------------------------------------------------------------------- */
h1.logo {margin: 6px 0; float: left;}
h1.logo a {width: 178px; height: 40px; display: block; background: url('img/logo.gif') no-repeat top left;}
h1.logo a:hover {background-position: 0 -40px;}
h1.logo a span {position: absolute; top: -9999px; left: -9999px;}

.navbar {list-style: none; margin:0; font-size: 1.1em; text-transform:uppercase;}
.navbar li {background: url('img/navbar_li.gif') no-repeat left top; float: left; margin: 1px 0 0 0; padding:3px 0 20px;}
.navbar a {padding:6px 8px 0px 10px; color:white; text-decoration:none;}
.navbar a:hover{color:#004581 !important;}
.navbar li.active {background: url('img/navbar_li_active.gif') repeat-x top left; font-weight:bold;}
.navbar li.active a{color:white !important;}

.subnavbar {float: right; list-style: none; margin: 5px 0 0 0; font-size: 1em;}
.subnavbar li {float: left; margin-left: 6px; padding-left: 9px; background: url('img/line-menu.gif') no-repeat left center;}
.subnavbar li.first {background-image: none; padding: 0;}
.subnavbar li a {color: #205E98}
.subnavbar li.hi{position:relative;}
.subnavbar li.hi span  {color: #6D828E;}
.subnavbar li.hi img  {vertical-align:middle; position:relative; top:-2px; border:1px solid #e2e2e2;}
.subnavbar li.hi #hi-nuv {background:transparent url('img/nuvoletta.gif') top left;position:absolute;top:-8px; left:-73px;display:block;font-size:0.6em;height:15px;margin-left:0.6em;margin-top:0.2em;width:65px;}
.subnavbar li.hi #hi-nuv a {color:#999; padding:7px; margin-top:-2px;}
.subnavbar li.hi #hi-tip{position:absolute;top:-10px; right:-8px;display:block;font-size:0.7em;height:0.9em;margin-left:0.6em;margin-top:0.2em;width:1em;}
.subnavbar li.hi #hi-tip a{color:#FFF;font-size:0.8em !important; font-family:Georgia;background-color:#D54E21;height:1.3em;line-height:1.3em;padding:1pt 0.6em; -moz-border-radius:2px; -webkit-border-radius:2px;}
.subnavbar #header_user_name{font-weight:bold;}

/* Main
----------------------------------------------------------------------------------------------------------------------------------------------- */
#main-bd,
.main-bd{}
.main-tp{}
.main-bt{padding: 2px;}

.middle-bt {background-color:#EEEEEE transparent; margin:10px;}


/* Content
----------------------------------------------------------------------------------------------------------------------------------------------- */
.content {width:510px; float:left; position:relative; top:-5px;}
.wide {width: 820px;}
	.col-sx {float: left; width: 400px}
	.col-dx {float: right; width: 400px}

.wide-b {
width: 690px;
height:100px;
background-color:red;
}
.main-bt-b{background: url('img/corpo-bd.gif') no-repeat bottom center; padding: 5px 5px 5px 5px;}

.highlight {background: #FFFFC4;}

/* Sidebar
----------------------------------------------------------------------------------------------------------------------------------------------- */
.sidebar {width:280px; float:right; position:relative; top:-5px;}
.try{margin:10px 0 10px 0; padding:0 0 0px 0;}
.try h1 {border-bottom:1px solid #D5D5D5; padding-bottom:5px;}
.try ul {list-style:none;}
.try a {margin-bottom: 15px;}
.try li span{color:#999; font-size:80%; display:block;}
.try p {margin-bottom: 10px;}
.try label {display:block;}
.try .input {border:1px solid #ddd; font-size:90%; width:100%; margin:10px 0;}
.try textarea {border:1px solid #ddd; font-size:1.1em; width:100%; height:40px;}
.try div {float:right; margin:5px 0 0 0;}

/* Footer
----------------------------------------------------------------------------------------------------------------------------------------------- */
.footer {margin:10px auto; padding:2px; color:#BFBFBF; width: 820px; font-size: 0.85em; line-height: 1.3em; border-top:2px solid #EEE;}
.footer strong {color:#69C4C9;}
.footer ul {list-style:none;margin:5px 0 10px 0;}
.footer ul li {display:inline; margin:5px 5px 35px 5px; color:#666;}
.footer ul li a{color:#666;}
.footer ul li a:hover{text-decoration:underline; color:#999;}

/* Update Status
----------------------------------------------------------------------------------------------------------------------------------------------- */
#update_status_charsets {float:right;position:relative;top:0px;width: 180px; text-align: right;}
#update_status_count {font-family:Georgia; font-weight:bold; color:#2A85BE; font-size:10px;}
#update_status_count span {font-size:16px !important; color:#999;}
#update_status_count span span{font-size:9px !important; color:#999;}

#channeltextarea{background: #E3F3FD; border: 1px solid #C4E5FA; padding:4px 8px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:20px;}
#update_status_textarea,#update_status_textarea_title {padding: 3px; border: 1px solid #C4E5FA; background: white; width: 484px; height:110px; font-family: Arial, Verdana, sans-serif; font-size: 1.4em; color: #ccc; }
#update_status_textarea:focus, #update_status_textarea_title:focus {background: #F4FCF0; color: #000;}
#update_status_advanced {display:none;}
#update_status_textarea_title {height:1.2em;}

.update_status_options{position:relative;top:0px;}
.update_status_options ul {list-style:none; margin-top:0px; display:inline;}
.update_status_options li{float:left; padding:0; margin:0; overflow:hidden;}
.update_status_options li span{position: absolute; top: -9999px; left: -9999px;}
	#update_status_options_photo{background:url('img/media-pic.gif') no-repeat top left; padding:0 11px 0 11px; height:16px; font-size:11px; font-weight:bold;}
	#update_status_options_photo:hover{background-position: 0 -17px;}
	#update_status_options_photo.active{background-position: 0 -34px;}
	#update_status_options_video{background:url('img/media-video.gif') no-repeat top left; padding:0 11px 0 11px; height:16px; font-size:11px; font-weight:bold;}
	#update_status_options_video:hover{background-position:0 -17px;}
	#update_status_options_video.active{background-position:0 -34px;}
	#update_status_options_audio{background:url('img/media-audio.gif') no-repeat top left; padding:0 11px 0 11px; height:16px; font-size:11px; font-weight:bold;}
	#update_status_options_audio:hover{background-position:0 -17px;}
	#update_status_options_audio.active{background-position:0 -34px;}
	#update_status_options_link{background:url('img/media-link.gif') no-repeat top left; padding:0 11px 0 11px; height:16px; font-size:11px; font-weight:bold;}
	#update_status_options_link:hover{background-position:0 -17px;}
	#update_status_options_link.active{background-position:0 -34px;}


	#update_status_options_later{background:url('img/media-later.gif') no-repeat top left; padding:0 10px 3px 18px; height:16px; font-size:11px; color:#2A85BE;}
	#update_status_options_later:hover{background-position:0 -16px; color:#2A85BE;}
	#update_status_highlight_radio{background:url('img/media-highlight.gif') no-repeat top left; padding:0 10px 3px 18px; height:15px; font-size:11px; color:#2A85BE;}
	#update_status_highlight_radio.active{background-position:0 -16px; color:#2A85BE;}
	#update_status_sendsms_radio{background:url('img/media-sms.gif') no-repeat top left; padding:0 10px 3px 18px; height:15px; font-size:11px; color:#2A85BE;}
	#update_status_sendsms_radio.active{background-position:0 -16px; color:#2A85BE;}

#update_status_options_content {background-color:#F9F9F9; border:1px solid #DFDFDF; border-top:2px solid #DFDFDF;margin:0 0 5px 0; padding:0 8px; display:none;}

#update_status_options_content ul {list-style:none; margin-top:0; padding: 0; background: #EFEFEF none;}
#update_status_options_content li {float:left; margin-right: 7px; text-align: center; }
#update_status_options_content li.active{background: white none;}
#update_status_options_content li.active a{font-weight:bold; color:#121212;}
#update_status_options_content li a{display: block; font-size:90%; text-decoration: none; padding:1px 4px;}
#update_status_options_content li a:hover{background: #E5E5E5 none;}
#update_status_options_content li.active a:hover{background: white none;}

.update_status_multi {padding:5px; background: white none;}
.update_status_multi a img{padding:1px; border:1px solid #DFDFDF;}
.update_status_multi a img:hover{border-color:1px solid #E5E5E5;}

#update_status_send{padding: 10px 0 0 0; position:relative;}
#update_status_submit {float: right; padding: 3px; margin-top: 0px; background: #fff url('img/input-submit-bg.gif') repeat-x top; color:white; font-weight:bold;}
#update_status_clear{float: right; margin:3px 6px 0pt 0pt;font-size:11px;}
#update_status_result{display:none; position:absolute; z-index:100; right:-9px; top:40px; width:102px; background:#E3F3FD; border: 1px solid #C4E5FA; padding: 3px 6px 3px 6px; font-size:0.85em; color:#2A85BE; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px;}
#update_status_result .msgok {background:red;}
#update_status_result .msgok {background:green;}

/**/
#update_status_options{position: relative; top: 5px;}
.update_status_options_wrapper {background:#F1F1F1 url('img/opzionali.gif') no-repeat 0 0; border-bottom: 1px solid #C5C5C5; margin: -5px 0 10px 0; padding: 15px 10px 5px 10px;}
#update_status_options_wrapper_pic {background-position:-240px 0;}
#update_status_options_wrapper_video {background-position:-180px 0;}
#update_status_options_wrapper_later {background-position:-120px 0;}

	/*Pic*/
	#update_status_options_wrapper_pic{display:none;}
	#update_status_options_wrapper_pic_uploaded {float:right; display:none;}
	#update_status_options_wrapper_pic_uploaded img {border: 2px solid #999;}
	#update_status_options_wrapper_pic_uploaded img:hover {border-color: #9DD834;}
	#update_status_options_wrapper_pic_form{margin-top:10px;padding-top:10px;}

	/*Video*/
	#update_status_options_wrapper_video{display:none;}
	#update_status_options_wrapper_video_uploaded {float:right; display:none;}

/*Later*/
#update_status_options_later_value{font-size:11px; display:inline;}
#update_status_options_later_value img{position:relative; top:4px;}

/*history*/
#update_status_history{cursor:pointer; font-size:8px; color:#ccc;}
#history_content {margin: 5px 0 0 0;}
#history_content p {margin:0; color: #555; }
#history_content p img{float:right; }
#history_content .history-row {padding: 4px; color: #333; margin-top:15px; background: white; border-bottom:#e2e2e2 1px solid;}
#history_content .history-row.zebra {background: white;}
#history_content .history-add { float:right; margin:0 0 3px 3px;}
#history_content .history-time {position:relative;top:7px;float:right;color: #999; margin-left:5px; padding:2px; font-size: 0.85em;}
#history_content .history-time a{color:#999; text-decoration: none; font-weight:bold;}
#history_content .history-time a:hover{color:#374431;}
#history_content .history-meta{position:relative;top:10px; color:#E2E2E2;}
#history_content .history-meta a{color:#E45B10; text-decoration: none; font-weight:bold;font-size:0.85em; margin:0 4px;}
#history_content .history-meta a:hover{color:#E45B10;}
#history_content .history-meta a.comments{color:#62AC39;}
#history_content .history-meta a:hover.comments{color:#8EAF63;}
#history_content .history-report{position:relative;top:10px; color:#999;}

/*scheduled*/
.schedule-row{margin:5px 0 5px 0; padding: 4px; color: #333; background: white; border-bottom:#e2e2e2 1px solid;}
.schedule-row .schedule-time{background-color:yellow;}
.schedule-meta{color:black;font-size:0.85em;}
.schedule-meta a{color:#E45B10; text-decoration: none; font-weight:bold;}
.schedule-meta a:hover{color:#E45B10;}
.schedule-row img{float:right;border:1px solid #ccc; padding:1px;}

/*
#history_content .history-comment{background:#F0F9EC; list-style:none; margin-left:4px; color:#999; font-size:0.85em;}
#history_content .history-comment li{border-bottom: 1px solid #DFDFDF; padding: 4px; }
*/

/*history_user_page*/
#history_user_page {margin: 11px 0 0 0;}
#history_user_page p {margin:0; color: #555; }
#history_user_page .history-row {background:#F8F8F8; margin-top:10px; padding: 4px 4px 8px 4px;  color: #333; border-top: 1px solid #999; border-bottom: 1px solid #DFDFDF;}
#history_user_page.single_status .history-row  p {font-size:140%;}
#history_user_page .history-row.zebra {background:#F9F9F9; }
#history_user_page .history-row.big p {font-size:180% !important; line-height:1.5em; }
#history_user_page .history-row .expand a{color:#999 !important; text-decoration: none; font-size:80%;}
#history_user_page .history-row .expand a:hover{color:black; text-decoration: underline;}

#history_user_page .history-add {float:right; margin:0 0 3px 3px;}
#history_user_page .history-add  img{padding:2px; border: 1px solid #999;}

#history_user_page .history-time {position:relative;top:7px;float:right;color: #999; margin-left:5px; padding:2px; font-size: 0.85em;}
#history_user_page .history-time  a{color:#999; text-decoration: underline;}
#history_user_page .history-time  a:hover{color:black;}

#history_user_page .history-footer {position:relative; top:10px; cursor:pointer;}
#history_user_page .history-footer  .history-comment{padding-left:16px; background:url('img/comment_add.gif') no-repeat 0px 4px; }

#history_user_page .history-footer a{color:#999; text-decoration: underline; font-size:0.85em;}
#history_user_page .history-footer a:hover{color:black;}

#history_user_page .history-comment{background:#FCFCFC; list-style:none; margin-left:4px; color:#999; font-size:0.85em;}
#history_user_page .history-comment li{border-bottom: 1px solid #EEE;padding: 4px; }

#channel_name{color:#004581;font-size:16px;font-weight:bold;}
.social_services_sidebar {background: #E3F3FD; border: 1px solid #C4E5FA; padding:0px 0px; margin-top:30px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.social_services_sidebar h1{padding:0 0 3px 3px;margin:2px;font-size:14px;font-weight:bold;}

/*social services*/
.social_services ul {list-style:none; margin-top:0px; border-bottom:1px solid #C4E5FA;}
.social_services li{margin:0px; padding:3px; border-top:1px solid white; height: 40px;}
.social_services li label{color:#2A85BE;font-weight:bold;height:45px;}
.social_services li.zebra{background-color:#F3FAFE; color:white;}
.social_services li.zebra a{color:white;}
.social_services li.zebra label{color:2A85BE;}
.social_services li.active{background-color:#DD7D3B; color:white;}
.social_services li.active a{color:white;}
.social_services li.active label{color:white;}
.social_services .channel_add{position:relative;}
.social_services .channel_add label{position:absolute;top:12px;}
.social_services img{vertical-align:baseline;cursor:pointer;padding:1px;border:1px solid #e2e2e2;margin:2px 4px 0 0;}
.social_services a {font-size:0.85em;}
.social_services .dm {float:none;}

.social_services_top {padding:3px 3px 0; color:#333; background:#EFEFEF;line-height:1em;}
#social_services_bottom{text-align:center;padding-top:2px;cursor:row-resize;}
#ExpandAllCheck{padding-left:2px;}

#social_service_group img{cursor:pointer;}
#social_service_group{position:absolute; top:22px; left:340px; z-index:100000;}
#social_service_snap_box{position:absolute; top:114px; left:188px; z-index:10}

/* Forms
----------------------------------------------------------------------------------------------------------------------------------------------- */
label {color: #525252; cursor:pointer;}
input {-moz-border-radius:4px; -webkit-border-radius:4px;}
textarea {-moz-border-radius:4px; -webkit-border-radius:4px;}
input:focus {outline: none; -moz-outline-style: none;}
select{background: #fff url('img/input-bg.gif') repeat-x top; padding: 3px; border:1px solid; border-color: #A8A8A8 #C3C3C3 #DDDDDD #C3C3C3;-moz-border-radius:4px; -webkit-border-radius:4px;}

.input {background: #fff url('img/input-bg.gif') repeat-x top; padding: 3px; border:1px solid; border-color: #A8A8A8 #C3C3C3 #DDDDDD #C3C3C3;}
.input.disabled{background: #e7e7e7;}
.input.plus {background: #fff url('img/input-bg-plus.gif') repeat-x left top; padding-left:14px; width:290px !important;}

.submit {background: #fff url('img/input-submit-bg.gif') repeat-x top; color:white; padding: 2px 2px; border:1px solid #3487CD; cursor:pointer;}


/* Login
----------------------------------------------------------------------------------------------------------------------------------------------- */
#login {width:300px;}
#login label {display:block;}
#login .input {width:300px; margin-bottom:10px;}
#login .submit {width:60px; float:right;}
#login div {margin-right:-8px;}
#login div span{margin:10px;}
#remember_pwd_div {display:none;}

/* Registration
----------------------------------------------------------------------------------------------------------------------------------------------- */
#register {width:300px;}
#register label {display:block;}
#register .input {width:300px; margin-bottom:10px;}
#register .submit {width:60px; float:right;}
#register div {margin-right:-8px;}
#register div span{margin:10px;}
#register hr {width:308px; border:1px solid #e2e2e2; margin:10px 0}
#register_nick_check_availability {position: relative; float:right; top: -10px; margin-right:-8px; padding-left: 4px; font-size:0.85em; line-height:5px;}

/* invite_contactlist
----------------------------------------------------------------------------------------------------------------------------------------------- */
#invite_contactlist {margin:10px 0 5px 0;}
#invite_contactlist ul {list-style:none; margin:5px 0px; border-bottom: 1px solid #DFDFDF;}
#invite_contactlist li {padding: 4px; color: #333; border-top: 1px solid #DFDFDF; background: #FFF;}
#invite_contactlist li.zebra {background: #F9F9F9; }


/* About us
----------------------------------------------------------------------------------------------------------------------------------------------- */
h1.aboutus {text-align:center; font-size: 1.9em; font-weight: normal; color: #ccc; margin-bottom: 20px; line-height: 1.1em; font-family: "Trebuchet Ms", Arial, sans-serif;}

/* Stats
----------------------------------------------------------------------------------------------------------------------------------------------- */
.stats ul {list-style:none;}
.stats ul li div{width:30px; font-weight:bold;}

.stats table{border-collapse:collapse;font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;width:100%;}
.stats table tr{height:14px;}
.stats table .z{background:#F9F9F9 none repeat scroll 0;}
.stats table tr:hover td {background:#E8EDFF none repeat scroll 0;}
.stats table td.r{text-align:right; font-weight:bold; font-size:90%; padding-right:5px;}
.stats table td a.a{font-size:80%; color:#999;}

.stats .stats_pics div {float:left; margin:8px;}
.stats .stats_pics div img{border:1px solid #e2e2e2; padding:2px;}
.stats .stats_pics span {font-size:80%; color:#999;}
.stats .stats_pics span a{color:#999;}


/* Privacy
----------------------------------------------------------------------------------------------------------------------------------------------- */
ol {margin-left:30px;}


/* Settings
----------------------------------------------------------------------------------------------------------------------------------------------- */
.sidebar_menu {border-top: 1px solid #DFDFDF;}
.sidebar_menu li{list-style:none; font-size:1.1em; padding:5px 0 5px 5px; border-bottom: 1px solid #DFDFDF;}
.sidebar_menu li.active{font-weight:bold;background: #F9F9F9; padding:5px 0 5px 3px;}
.sidebar_menu a span{font-weight:normal;font-size:80%; color:#999;}

.user_key {padding:3px; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px; border:1px solid #e2e2e2;}


/* Settings Social Services
----------------------------------------------------------------------------------------------------------------------------------------------- */
.service_active {}
.service_active ul {list-style:none; margin:0px;border-bottom: 1px solid #DFDFDF;}
.service_active li {position:relative; padding: 4px; color: #333; background: #FFF;}
.service_active li.zebra {background: #F9F9F9; }
.service_active a {font-size:0.85em; top:5px;}
.service_active span {font-size:0.85em; color:#999;}
.service_active strong {width:120px; display:inline;}

.service_active .sso_options {display:inline; position:relative; margin-right:10px; width:300px;}
.service_active .hover .sso_options {}
.service_active .sso_options {left:0px;}
.service_active img {position:relative; top:3px; border:1px solid #DFDFDF;}
.service_active .sso_options img{border:0px;}
.service_active .user{position:absolute; left:230px;}

.service_active .drag {position:relative; left:0px; top:2px; cursor:pointer; margin-right:3px;}
.service_active .hover .drag {visibility:visible;}
.service_active .drag {visibility:hidden;}

.service_active .socials_tags{position:absolute !important; left:190px; margin-left:15px;color:#999; font-size:11px;}
.service_active .socials_tags input{border:1px solid #DFDFDF;color:#999;font-size:11px;width:100px;padding:2px;}
.service_active span.tagMatches { margin-left: 1px; }
.service_active span.tagMatches span { padding: 2px; margin-right: 1px; background-color: #2A85BE;color: #fff;cursor: pointer;}
.service_active .hover .update-tag {visibility:visible;}
.service_active .update-tag {visibility:hidden;}

#social_service label {display:block; font-weight:bold; margin-top: 10px;}
#social_service .input, #social_service select, #social_service select {float:right; width:380px; margin:0 -7px 5px 0;}
#social_service select {width:380px;}
#social_service .submit {width:60px; float:right;}
#social_service div {margin-right:-8px;}
#social_service div span{margin:10px;}
#social_service p, #social_service small {margin:0; padding:0;}
#social_service hr {background-color:white;color:white;height:3px;border:1px solid white;margin-bottom:15px;}

/* Settings Account
----------------------------------------------------------------------------------------------------------------------------------------------- */
.account {padding: 0 2px 10px 2px; border-bottom: 1px solid #DFDFDF;}

#profile {}
#profile label {display:block;}
#profile .input {width:200px; margin-bottom:10px;}
#profile .submit {width:60px;}

#profile #reset_pwd_div {display:none;}
#profile #reset_usr_div {display:none;}

#upload_avatar{position:absolute; top:10px; left:368px;}
#user_avatar_up{padding:2px;border:1px solid #97C380;}


/* User
----------------------------------------------------------------------------------------------------------------------------------------------- */
.user_sidebar img{border:1px solid #e2e2e2; padding:2px; margin:0 5px 5px 0 ; float:left; }


/* Status Media
----------------------------------------------------------------------------------------------------------------------------------------------- */
.status_pic {text-align:center;}
.status_pic img{border:1px solid #e2e2e2; padding:2px; margin:0 ;}
.status_video {text-align:center;}
.status_audio{font-size:120%;}
.status_audio i{font-size:100%;}


/* Other
----------------------------------------------------------------------------------------------------------------------------------------------- */
.help {-moz-border-radius:4px; -webkit-border-radius:4px; font-size:90%; background: #FAFAF8E no-repeat 3px 5px; margin:15px 0; padding:4px 10px; border:1px solid #DFE0DB; color: #999; font-size:0.9em; line-height:1.6em !important;}
.help.warning {background: url('img/alert.gif') #F3FAFE no-repeat 3px 5px;}

.help h1 {color:#2A85BE; margin:3px !important;}
.help a {color:#2A85BE; float:none !important; font-size:1.2em !important;}
.help img {position:relative; top:3px;}


.calltoaction {margin-top: 40px; padding: 6px; background: #DAE9F3 url(img/mobile_sidebar.gif) no-repeat 50px -40px; border: 1px solid #A9D0F6; -moz-border-radius:4px; -webkit-border-radius:4px;}
.calltoaction a {float:right; font-size:110%; margin-top:5px;}
.calltoaction h1 {color: #1F5489;}
.calltoaction label {color: #708FAD; position: relative; top: -6px; padding-right: 5px;}
.safari .calltoaction label {position: static;}


/* Friend's Status
----------------------------------------------------------------------------------------------------------------------------------------------- */
#new-friends-status{position:absolute;top:-6px;left:160px;display:none;font-size:0.7em;height:0.9em;margin-left:0.6em;margin-top:0.2em;width:1em;}
#new-friends-status a{color:#FFF;font-size:0.9em !important;font-family:Georgia;background-color:#D54E21;height:1.6em;line-height:1.3em;padding:1pt 0.3em;-moz-border-radius:4px; -webkit-border-radius:4px;}
#new-friends-status img{position:relative;top:2px;}

/* !! inizio da cancellare !! */
.snap_update {float:right; height:16px; padding:0 3px 5px 3px; border:1px solid #fff;}
.snap_update img{position:relative; top:3px;}
.snap_last {float:right; font-size:80%; color:#999;}
.snap_last strong{font-size:130%; font-weight:bold; margin:0 3px 0 3px; background-color:#FFFFC4;}
/* !! fine da cancellare !! */

.droppable-active{border:2px solid #8BC225 !important;}
.droppable-hover{border:2px solid #666 !important;}
.ui-draggable{left:0px;}

.sn {margin-top: 6px; position:relative;}

.sn-left {width:40px;float:left;}
.sn-right{width:400px;float:right; background: url('img/timeline-bg.gif') no-repeat 5px -5px; padding-left: 10px;}

.sn-left .sn-left-a span{position: absolute; top: -9999px; left: -9999px;}
.sn-left .sn-left-a .lifestream{background:url('img/hellotxt-lifestream.gif') no-repeat top left; width: 94px; height:16px; display: block;}
.sn-left .sn-left-a .lifestream:hover {background-position: 0 -16px;}
.sn-left .sn-left-a .invite{background:url('img/hellotxt-invite.gif') no-repeat top left; width: 94px; height:16px; display: block;}
.sn-left .sn-left-a .invite:hover {background-position: 0 -16px;}

.sn_box .dragdrop {width:32px; height:32px; border: 2px solid #ddd; }
.sn_box .dragdrop:hover {border-color: #9DD834;}
.dragdrop-active{border:2px solid #8BC225 !important;}
.dragdrop-hover{border:2px solid #666 !important;}
.dragdrop-hover-b {background-color: #93CFE8;}

.sn-text {-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;  -webkit-border-radius-topleft:4px;  -webkit-border-radius-topright:4px;background: #E3F0F8; padding: 4px 4px 0 4px; border-right: 1px solid #cbe5f5;  border-bottom: 1px solid #cbe5f5;}
.sn-text.new {background-color: #CEE6F4;}
.sn-text img {border:#FFF 2px solid;}
.sn-text img:hover {border:#9DD834 2px solid;}
.sn-text p{word-wrap: normal; margin:-3px 2px 2px 2px;}
.sn-text  .expand a{color:#999 !important; text-decoration: none; font-size:80%;}
.sn-text  .expand a:hover{color:black; text-decoration: underline;}
.sn-text  .expand img {border:0px !important;}
.sn-text .c {color:#666; font-weight:bold;}
.sn-text .s {position:relative; top:1px;}

.sn_box .meta {font-size: 80%; color: #999; padding-bottom:2px; border-top:1px dotted #D7EAF4; line-height:1.1em;}
.sn_box .meta span{float:right;}
.sn_box .meta a{margin:0 5px; color: #999; border:0px !important;}
.sn_box .meta a:hover{color:#2A85BE;}
.sn_box .meta img {border:0px !important; top:3px; width:10px; height:10px;}
.sn_box .meta .c{padding-left:16px; background:url('img/comment_add.gif') no-repeat 0px 2px; color:#999;}

.contact_profile{font-size:90%;}
.contact_profile img {width:42px; height:42px; float:left; border: 2px solid #ddd !important; margin:3px !important;}
.contact_profile img:hover {border-color: #9DD834;}

/*.invite_form*/

.group_profile{list-style:none; font-size:90%; border-top:1px solid #e5e5e5; line-height:15px;}
.group_profile li {float:left; margin: 3px; padding: 2px; border:1px solid #e5e5e5;}
.group_profile li:hover {background-color:#F8F8F8;}
.group_profile img {float:left; width:42px; height:42px; border:2px solid #ddd !important; margin:3px !important;}
.group_profile img:hover {border-color: #9DD834;}
.group_profile img.social {width:12px; height:12px; border:0px!important; margin:0px 3px 0px 0px !important;}

/*status comments*/
.history-comments {padding:4px; margin-top:15px; background-color:#E6F8D2;border:1px solid #BBF98D; font-size:11px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.history-comments input {margin:0; padding:3px; width: 440px; font-size: 15px; color: #999; }
.history-comments .submit {margin:0; padding:1px; width: 40px; font-size: 15px; color: white; font-weight:bold; }
.history-comments .com {background:#E6F8D2 url('img/border_comments.gif') repeat-x scroll left top; clear:both; height:auto !important; margin:0 5px; padding-top:7px;}
.history-comments a{color:#E45B10;}
.history-comments .author{color:#2A85BE;font-weight:bold;}


.status_comment .sn-right{width:450px}
.status_comment .sn-left img{border:2px solid #DDDDDD !important; height:32px; width:32px;}

#comment_status_textarea_counter {font-size: 0.86em; font-family:Georgia; font-weight:bold;}
#comment_status_textarea_counter span {color:brown;}

/* Friend's Status
----------------------------------------------------------------------------------------------------------------------------------------------- */
.follower_list div{border-top:1px solid #E2E2E2;margin:3px 0 5px 0;}
.follower_list div img{padding:1px; margin:5px 10px 2px 2px; border:1px solid #E2E2E2;}
.follower_list div img.role{border: none; margin-bottom: 0px; margin-top: 10px;}
.follower_list div p{color:#2A85BE;font-weight:bold;margin-top:2px;}
#FilterTextBox{float:right;background:url('img/ico-search.gif') no-repeat top left;border:1px solid #DFDFDF;color:#999999;font-size:11px;padding:1px 1px 1px 16px;width:80px;}
#FilterTextBox:focus{border:1px solid #A2CDE8;}

/* Channel Edit
----------------------------------------------------------------------------------------------------------------------------------------------- */
.social_edit{background-color:#E3F3FD; margin:-10px 0 10px 0;padding:20px 20px 5px 20px}
.social_edit.bottom{background-color:#A5DAFA;padding:15px 10px 10px 10px !important;}
#social_service label .jHtmlArea{float: right; margin-right: 5px; margin-bottom: 10px;}



/* Channel ADMIN
----------------------------------------------------------------------------------------------------------------------------------------------- */
.channel_pending_table{ width: 100%; padding: 0;	margin: 0 0 20px; font-size:12px; border-collapse: collapse;}
.channel_pending_table th {cursor: pointer; color: #4f6b72;border: 1px solid #C1DAD7;text-align: left;padding: 2px 2px 2px 5px;background-color: #CAE8EA;}
.channel_pending_table th.sel a{font-weight: bold; color: red;}
.channel_pending_table td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 2px 2px 2px 5px;color: #4f6b72;}
.channel_pending_table td.alt {background: #F5FAFA;color: #797268;}
.channel_pending_table th.spec {border-left: 1px solid #C1DAD7;border-top: 0;background-color: #fff;}
.channel_pending_table th.specalt {border-left: 1px solid #C1DAD7;border-top: 0;background: #f5fafa no-repeat;color: #797268;}
.channel_pending_table .header {background: #CAE8EA url('img/bg.gif') no-repeat center right;padding:2px 15px 2px 2px}
.channel_pending_table .headerSortUp {background: url('img/asc.gif') no-repeat center right;}
.channel_pending_table .headerSortDown {background: url('img/desc.gif') no-repeat center right;;}
#pageSize {float: left;}
#pager {float: right;}



/* Channel INVITE
--------------------------------------------------------------------------------------------------------------------------------------------------*/
#emailform {margin: 5px 0 0 50px; float: left}
#emailform fieldset{float: left; clear: both; width: 100%; border: none; height: 40px;}
#emailform fieldset label{width: 200px; font-size: 18px; float: left; margin: 5px 0;}
#emailform input{width: 200px; font-size: 18px;}
#show_csv_upload{margin-left: 50px; font-size: 18px;}
#csv_upload{float: right; margin: 0 45px 0 0;}
.inviteBox {background: #E3F3FD; border: 1px solid #C4E5FA; padding:5px; margin:30px 0; -moz-border-radius:4px; -webkit-border-radius:4px; float: left; width: 500px;}
.inviteBox .submit {float: right; width: 75px; font-size: 15px; font-weight: bold; margin: 40px 45px 0 0; clear: both;}
#err_upload_csv, #invite_contactlist{float: right; margin: 40px 15px 0 0;}
#resultbox {clear: both; margin: 8px 0;}
#resultbox #tablecontainer {height: 150px; overflow-y: scroll; overflow-x: hidden; border: 1px solid #C4E5FA;}
#invitetable {width: 100%; }
#invitetable td, #invitetable th{padding: 5px; }
#invitetable tbody tr.odd{background-color: #F9F9F9;}
.msgInvitationError{color: #E45934;}
.msgInvitationError img{margin: 0 5px;}



