/* ------- Share -------*/

.personalHead {
	z-index: 2;
}
.personalHead .user-quick {
	position: absolute;
	right: 10px;
	top: 72px;
}
.personalHead .user-quick .dropdown {
	left: auto;
	right: 0px;
}
#shareMain {
	width: 600px;
	float: left;
	overflow: hidden;
}
#shareSide {
	width: 175px;
	float: right;
	overflow: hidden;
}

.sub_bar {
	margin: 0px 10px;
}
.sub_bar .count {
	float: left;
}
.sub_bar .pagi {
	float: right;
}

.share_item {
	margin-bottom: 20px;
}

.share_contents .share_header {
	display: block;
}
.share_header {
	background-color:#F7F7F7;
	background-position:5px 5px;
	background-repeat:no-repeat;
	border-bottom:1px solid #ddd;
	border-top:1px solid #2194B1;
	padding:5px 5px 5px 27px;
}
.share_header p {
	margin: 0px;
	padding: 0px;
}

div.blog {
	background-image:url(../share/images/icon_blog.gif);
}
div.link {
	background-image:url(../share/images/icon_link.gif);
}
div.picture {
	background-image:url(../share/images/icon_picture.gif);
}
div.video {
	background-image:url(../share/images/icon_video.gif);
}

.share_header .share_time {
	font-size: 11px;
	color: #646464;
	float: left;
}
.share_header .share_comment {
	color: #898989;
	float: right;
}
.share_header .share_comment a:link, .share_header .share_comment a:visited {
	color: #898989;
}
.share_header .share_comment a:active, .share_header .share_comment a:hover {
	color: #898989;
}

.share_media {
	margin: 10px 10px 10px 27px;
}

.share_media .title {
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 14px;
	font-weight: bold;
}
.share_item .url {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #898989;
}
.share_item .url a:link, .share_media .url a:visited {
	color: #8692A2;
}
.share_item .url a:active, .share_media .url a:hover {
	color: #336699;
}
.share_media .meta {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #898989;
}
.story_content p {
	margin: 0px;
	padding: 5px 0px;
}

.share_media_thumb {
	width: 130px;
	float: left;
	overflow: hidden;
	background-image: url(../share/images/video_null.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.share_media_text {
	width: 410px;
	float: right;
	overflow: hidden;
}
.share_media_thumb p {
	margin: 0px;
	padding: 0px;
	width: 128px;
	height: 96px;
}


.user_thumb p {
	padding: 0px;
	margin: 0px;
	line-height: 22px;
}
.has_thumb .user_thumb {
	width: 60px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.has_thumb .share_contents {
	width: 510px;
	float: right;
	overflow: hidden;
}
.has_thumb .share_media_text {
	width: 340px;
}

.item_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: relative;
	line-height: 20px;
}
p.item_title {
	padding-right: 60px;
}
.item_title .share_btn {
	display: block;
	margin:0px;
	padding: 2px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.item_action {
	text-align: right;
	color: #CCC;
}
.item_contents {
	margin: 0px 0px 20px;
}
.item_contents p {
	font-size: 14px;
}
.item_contents .url {
	margin: 10px auto;
}
.share_with_friends {
	background-image: url(../share/images/icon_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 25px;
}
.share_with_friends p, .share_link p {
	margin: 0px 5px;
}
.share_link {
	background-image: url(../share/images/icon_star.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 25px;
	position: relative;
	z-index: 2;
}
.share_link .f-text {
	background-color:#F2F2F2;
	border:1px solid #D8DFEA;
	color:#000000;
	height:16px;
	margin-left:5px;
	padding:2px 4px;
	width:410px;
}
.share_link .highlighted {
	background-color:#0066FF;
	color: #FFF;
}
.share_link_tips {
	width: 320px;
	position: absolute;
	left: 150px;
	top: 30px;
	background-color: #FFF36F;
	border: 1px solid #BFAE5F;
	display: none;
}

#to_share {
	position: relative;
}
#share_form {
	width: 560px;
	padding: 0px;
	margin: auto;
}
#share_form p {
	width: 100%;
	clear: both;
	padding: 5px;
	margin: 5px;
}
#share_form p.action {
	margin-left: 95px;
}
#share_form .fl-label{
	width: 60px;
	padding: 0px 10px;
	float: left;
	text-align: right;
	font-size: 12px;
}
#share_form .fl-text {
	width: 400px;
	height: 20px;
	border: 1px solid #CCCCCC;
	float: left;
}
#share_form textarea {
	width: 400px;
	height: 100px;
	float: left;
	border: 1px solid #CCCCCC;
	overflow: auto;
}
p#add_poll {
	text-align: right;
	width: 480px;
	padding-right: 15px;
	background-image: url(../share/images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#poll_options {
	display: none;
}
#poll_options .fl-text {
	width: 250px;
}
.show {
	display: block;
}
.hide {
	display: none;
}
#share_tips {
	background-image: url(../share/images/share_tips.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 240px;
	position: absolute;
	left: 530px;
	top: 60px;
}
#share_tips p {
	margin: 0px;
	padding: 10px 20px;
	width: auto;
}
#share_tips b {
	color:#336699;
}

#item_comments {
	width: 520px;
}
#item_comments form {
	padding: 10px 0px;
	border-bottom: 1px solid #D8DFEA;
}
#item_comments textarea {
	width: 99%;
}

#item_comments .comment {
	position: relative;
	padding-left: 70px;
	border-bottom: 1px solid #D8DFEA;
	width: 450px;
	margin: 10px auto;
}

#item_comments .comment .avatar {
	display: block;
	position: absolute;
	left: 10px;
	top: 8px;
}
#item_comments .comment .pm {
	display: block;
	color:#EE0000;
	font-weight: bold;
}
#item_comments .comment .head {
	color: #8692A2;
}
#item_comments .comment .time {
	color: #999999;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 5px;
	padding: 3px 5px;
}
#item_comments .comment .btns {
	color: #DDDDDD;
	font-size: 11px;
}
#item_comments .comment .btns a:link, #item_comments .comment .btns a:visited {
	color: #8692A2;
}



#share_instruction {
	margin: 0px 0px 10px;
}
#share_instruction h3 {
	font-size: 12px;
	margin: 10px 0px;
	padding: 0px;
}
#share_instruction ol {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
#share_instruction ol li {
	margin: 5px 0px;
	line-height: 20px;
	clear: both;
}
#share_instruction ol li img {
	float: left;
	margin: 2px 10px 20px 0px;
}
#item_info {
	padding: 10px 0px;
	margin: 10px auto;
	background-color:#FDFDFD;
	border: 1px solid #F3F3F3;
}
#item_info table {
	line-height: 20px;
	color: #646464;
}
#item_info table th {
	font-weight: normal;
	width: 70px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
#item_info table td {
	vertical-align: top;
	white-space: nowrap;
}

#mod_polls {
	width: 250px;
	margin: auto;
	padding: 10px;
}
#mod_polls .f-text {
	width: 160px;
}

#mod_privacy {
	width: 200px;
	margin: auto;
	padding: 10px;
}

#send_share {
	width: 250px;
	margin: auto;
	padding: 10px;
}
#send_share .f-label {
	display: block;
	width: 40px;
	float: left;
}
#send_share .f-textarea {
	float: left;
	width: 160px;
}

#shareDialog {
	width: 360px;
	margin: auto;
	padding: 10px;
}

.sub_tabs {
	margin: 0px;
	padding: 0px 10px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	height: 23px;
	border-bottom: 1px solid #DDD;
}
.sub_tabs li {
	margin: 0px 5px 0px 0px;
	padding: 4px 10px 2px;
	height: 16px;
	line-height: 16px;
	float: left;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	border-bottom: none;
	cursor: pointer;
}
.sub_tabs li.selected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFF;
}
.fake_link {
	color: #336699;
}
#shareDialog h3 {
	font-size: 12px;
	margin: 5px auto;
	padding: 5px;
}
#shareDialog p {
	margin: 5px;
	padding: 0px 10px;
}
#shareDialog .f-textarea {
	width: 320px;
	height: 80px;
}