@charset "utf-8";

/* Tyfo */
html {
	height:100%;
}
body {
	color:#CCCCCC;
	background-color:#000000;
}
br.clear_float {
	clear:both;
}

/* Main Container */
body div.container {
	width:980px;
	margin:10px auto;
	background-color:#000000;
	min-height:700px;
}

/* Home Navigator */
body div.container div.home_nav_container {
	height:70px;
	position:relative;
}
body div.container div.home_nav_container div.home_title_container {
	width:366px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	float:left;
	text-shadow:0 0 20px #8DC0E7;
	color:#999;
}
body div.container div.home_nav_container div.follow {
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
body div.container div.home_nav_container div.follow > div {
	width:183px;
	display:block;
	line-height:normal;
	padding-top:2px;
	float:left;
}
body div.container div.home_nav_container div.follow > div span.title {
	display:block;
}
body div.container div.home_nav_container div.follow > div a {
	margin-right:8px;
	height:25px;
	width:25px;
	display:block;
	/*border:1px solid #0F0F0F;*/
	float:left;
}
body div.container div.home_nav_container div.follow > div a img {
	width:inherit;
}

/* Follow */
body div.container div.home_nav_container div.home_title_container div {
	border-top:1px #0F0F0F solid;
}

body div.container div.home_nav_container div.home_search_container {
	width:398px;
	height:58px;
	float:left;
	border-left:1px #0F0F0F solid;
	border-right:1px #0F0F0F solid;
	border-bottom:1px #0F0F0F solid;
	border-top:1px #0F0F0F solid;
}
body div.container div.home_nav_container div.home_search_container form {
	display:block;
	height:58px;
	position:relative;
}
body div.container div.home_nav_container div.home_search_container form input[type="text"] {
	display:block;
	float:left;
	border:none;
	height:27px;
	line-height:27px;
	margin-top:16.5px;
	margin-left:5px;
	padding:0 7px;
	width:170px;
	border-right:1px #CCCCCC solid;
	color:#333;
}
body div.container div.home_nav_container div.home_search_container form a {
	display:block;
	float:left;
	border:none;
	height:27px;
	padding:0 10px 0 5px;
	line-height:27px;
	background-color:#FFFFFF;
	margin-top:16.5px;
	text-decoration:none;
	color:#666666;
}
body div.container div.home_nav_container div.home_search_container form input[type="submit"] {
	display:block;
	float:left;
	border:none;
	height:29px;
	width:45px;
	margin-top:16.5px;
	margin-left:5px;
	padding:0;
	background-color:#666666;
	background-image:url(../img/go_butt.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	color:transparent;
}
body div.container div.home_nav_container div.profile_main_link_container {
	width:200px;
	height:50px;
	float:left;
	text-align:left;
	line-height:normal;
	padding-top:5px;
	position:absolute;
	left:780px;
	overflow:hidden;
	background-color:#000;
}
body div.container div.home_nav_container div.profile_main_link_container a {
	color:#666;
	margin-left:5px;
	display:block;
	height:21px;
	float:left;
	width:95px;
	text-decoration:none;
	font-size:11px;
	padding:3px 0;
}
body div.container div.home_nav_container div.profile_main_link_container a img {
	vertical-align:middle;
}
/* setting option */
body div.container div.home_nav_container div.profile_main_link_container a#p-setting {
}
body div.container div.home_nav_container div.profile_main_link_container a#p-setting ul.option {
	display:block;
	width:190px;
	height:auto;
	position:absolute;
	left:0;
	z-index:100;
	margin:5px 5px;
	list-style:none;
	padding:0;
	background-image:url(../img/tran_bg2.png);
	background-repeat:repeat;
	-webkit-box-shadow:0 0 10px #ffffff; 
	-moz-box-shadow: 0 0 10px #ffffff; 
	box-shadow:0 0 10px #ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	display:none;
}
body div.container div.home_nav_container div.profile_main_link_container a#p-setting ul.option li.item {
	padding:5px 10px;
}
body div.container div.home_nav_container div.profile_main_link_container a#p-setting ul.option li.item:hover {
	-webkit-box-shadow:inset 0 0 10px #ffffff; 
	-moz-box-shadow: inset 0 0 10px #ffffff; 
	box-shadow:inset 0 0 5px #ffffff;
	color:#FFF;
}
/* search dropdown */
body div.container div.home_nav_container div.home_search_container form ul.search_list {
	display:block; 
	min-height:100px; 
	width:135px; 
	position:absolute; 
	top:45px; 
	left:190px; 
	z-index:100; 
	padding:10px; 
	list-style:none;
	background-color:#FFFFFF;
	-moz-border-radius:0 0 3px 3px;
	display:none;
}
body div.container div.home_nav_container div.home_search_container form ul.search_list li {
	display:block;
	width:inherit;
	height:20px;
}
body div.container div.home_nav_container div.home_search_container form ul.search_list li a {
	margin:0;
	padding:0;
	display:block;
	width:inherit;
	background-color:transparent;
	height:20px;
	line-height:20px;
	padding-left:5px;
}
body div.container div.home_nav_container div.home_search_container form ul.search_list li a:hover {
	background-color:#CCCCCC;
}

/* Main Content */
body div.container div.content {
}
/* User Photo */
body div.container div.content div.user_photo_container {
	height:330px;
}
body div.container div.content div.user_photo_container div.banner_photo {
	width:753px;
	height:318px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:5px;
}
body div.container div.content div.user_photo_container div.banner_photo img.banner {
	width:755px;
	position:absolute;
}
body div.container div.content div.user_photo_container div.profile_photo {
	width:164px;
	height:300px;
	float:left;
	border-left:1px #0F0F0F solid;
	padding:10px 25px 0 25px;
	text-align:center;
}
body div.container div.content div.user_photo_container div.profile_photo a.profile_link {
	display:block;
	text-align:center;
	margin-bottom:10px;
	color: #666666;
    font-size: 14px;
	display:none;
}
body div.container div.content div.user_photo_container div.profile_photo #_follow {
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
}
body div.container div.content div.user_photo_container div.profile_photo div.profile_photo_frame {
	width:159px;
	overflow:hidden;
	max-height:240px;
	margin-top:10px;
}
body div.container div.content div.user_photo_container div.profile_photo div.profile_photo_frame img.profile_photo {
	width:inherit;
}
body div.container div.content div.user_photo_container div.profile_photo strong.username {
	font-size:16px;
	color:#999999;
	text-align:center;
	display:block;
}
body div.container div.content div.user_photo_container div.profile_photo a.subscribe {
	display:block;
	text-align:right;
	margin-bottom:20px;
}

/* Main Content */
body div.container div.content {
}

/* Photo List */
body div.container div.content ul.search_list {
	display:block;
	width:976px;
	overflow:auto;
	list-style:none;
	padding:2px;
	position:relative;
}
body div.container div.content ul.search_list li.frame {
	background-color:#FFF;
	display:block;
	width:242px;
	height:150px;
	margin:1px;
	overflow:hidden;
	float:left;
	
}
body div.container div.content ul.search_list li.frame a {
}
body div.container div.content ul.search_list li.frame a img {
	width:242px;
}

/* description */
body div.container div.content div.album_description {
	padding:0 50px;
	text-align:center;
}

/* Photo List result break effect compatible */
body div.container div.content div.result_container {
	display:block;
	width:976px;
	overflow:hidden;
	padding:2px;
	position:relative;
	min-height:612px;
}
body div.container div.content div.result_container > div {
	width:488px;
	height:auto;
	position:absolute;
	z-index:10;
}
body div.container div.content div.result_container div.left {
	left:2px;
}
body div.container div.content div.result_container div.right {
	left:490px;
}
body div.container div.content div.result_container div div.frame {
	width:242px;
	float:left;
	height:150px;
	margin:1px;
	overflow:hidden;
	position:relative;
}
body div.container div.content div.result_container div div.frame a {
	width:inherit;
	display:inline-block;
	background-color:#FFF;
}
body div.container div.content div.result_container div div.frame a img{
	width:inherit;
}
body div.container div.content div.result_container div div.frame div.photo_info {
	position:absolute;
	width:222px;
	left:0;
	bottom:0;
	background-color:transparent;
	padding:0 10px;
	color:#FFF;
	height:40px;
	background-image:url(../img/tran_bg2.png);
	background-repeat:repeat;
	min-height:40px;
	margin-bottom:-40px;
}
body div.container div.content div.result_container div div.frame div.photo_info a {
    width:auto;
    background-color:transparent;
}
body div.container div.content div.result_container div div.frame div.photo_info a.name, a.name {
	display:inline;
	background-color:transparent;
	color:#64FF64;
	text-decoration:none;
	font-weight:bold;
}
body div.container div.content div.result_container div div.frame div.photo_info a.name:hover, a.name:hover {
	color:#4DC455;
}
html body div.container div.content div.fb-nav span.photo-nav {
	display:block;
	height:30px;
	line-height:30px;
	float:left;
}
html body div.container div.content div.fb-nav span.photo-nav.my-account {
	float:right;
}
html body div.container div.content div.fb-nav span.photo-nav.my-account a {
}
html body div.container div.content div.fb-nav span.photo-nav img {
	display:block;
	height:30px;
	float:left;
	margin-right:5px;
}

/* Pagination */
div.pagi_container {
	text-align:center;
	word-wrap: break-word;
}
div.pagi_container a, div.pagi_container strong {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	margin:0 2px;
	border:1px #666666 solid;
	padding:5px;
	-moz-border-radius:3px;
}
div.pagi_container a {
	color:#666;
}
div.pagi_container a:hover {
	background-color:#CCCCCC;
}
div.pagi_container strong {
	color:#CCC;
}
div.fb-nav {
	padding:5px 0;
	position:relative;
	overflow:auto;
}
div.fb-nav span.search-title {
	font-weight:bold;
	color:#FFF;
}
html body div.container div.content div.result_container div.about_title {
	position:relative;
	padding:10px 10px 5px 10px;
	font-size:16px;
	font-weight:bold;
	width:auto;
	height:auto;
}
html body div.container div.content div.result_container div.user_about {
	position:relative;
	padding:5px 10px 10px 10px;
	width:auto;
	height:auto;
}
html body div.container div.content div.result_container div.about_edit_text_container {
	position:relative;
	padding:5px 10px 10px 10px;
	width:auto;
	height:auto;
}

/*Basic info*/
html body div.container div.content div.result_container div.about_edit_text_container {
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container fieldset {
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container fieldset > label {
	display:inline-block;
	height:30px;
	min-width:80px;
	text-align:right;
	margin-right:5px;
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container > fieldset > select {
	min-width:150px;
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container > fieldset > input {
	min-width:150px;
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container fieldset input#user_age {
	min-width:30px;
	width:30px;
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container fieldset input#user_show_age {
	width:auto;
	min-width:10px;
}
html body div.container div.content div.result_container div.about_edit_text_container div.basic_profile_info_edit_container fieldset input#user_quotes {
	width:700px;
}

div.fb-nav {
	padding:5px 0;
	position:relative;
	overflow:auto;
}
html body div.container div.content div.fb-nav br {
	clear:both;
}
div.fb-nav span.search-title {
	font-weight:bold;
	color:#FFF;
	display:block;
	margin-top:0;
}

div.result_container div div.frame div.photo_info strong.image_title {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 220px;
    min-height: 18px;
}

div.banner_photo div.profile-banner-edit {
    height: 30px;
    padding: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 5px 5px 0;
    border: 1px solid #DDD;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-weight: bold;
    color: #999;
    text-align: center;
    opacity: 0.50;
    background-color: #FFF;
    color: #CCC;
    cursor: pointer;
    width: 100px;
}

div.user_photo_container div.banner_photo:hover div.profile-banner-edit {
    opacity: 1;
    color: #666;
}

.edit-profile-cover-menu .item:hover {
    background-color: #CCC;
}

html body div.container div.access-status-message {
    color: #555555;
    font-size: 14px;
    text-align: center;
}

html body div.container div.content div.result_container div.tab div.form-container {
    padding: 10px;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-title {
    color: #888888;
    font-size: 1.4em;
    padding-top: 10px;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-row input,
html body div.container div.content div.result_container div.tab div.form-container div.form-row select.select {
    border: 1px solid #AAAAAA;
    height: 25px;
    margin: 5px 5px 5px 0;
    padding: 0 5px;
    width: 250px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-row select.select {
    padding: 5px;
    height: auto;
    width: 263px;
    line-height: 28px;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-row input.checkbox {
    width: auto;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-row input.button {
    width: 100px;
    color: #666666;
    cursor: pointer;
    vertical-align: middle;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-row img.pass_loader {
    vertical-align: middle;
    height: 25px;
}

html body div.container div.content div.result_container div.tab div.form-container div.form-row span.error {
    color: tomato;
}

html body div.container div.content div.result_container div.tab {
    width: 980px;
}

html body div.container div.content div.account-settings div.tab.settings-menu {
    display: block;
    position: relative;
}

html body div.container div.content div.account-settings div.tab.settings-menu div.setting-main-title {
    color: #777777;
    font-size: 1.8em;
}

html body div.container div.content div.account-settings div.tab div.form-container form div.form-row span.input-label {
    color: #777777;
}

html body div.container div.content div.account-settings div.tab div.form-container form div.form-row div.label-container {
    padding: 5px 0 0 3px;
}