/* @group Echo Comments and logins. */

.echo2-meta{
	display: none;
}
.showOnLoggedIn, .showOnLoggedOut { 
	display:none; 
}
.echo-auth-logout { display:none; }

.echo-item-container-root {
   background: white!important;
}

.echo-item-container-root {
   background: white!important;
}

.echo-item-container-root {
   background: white!important;
}

.login-wrapper,
ul.fbox {
	margin-bottom: 20px;
	margin-left: 0;
}
@media screen and (max-width: 660px) {
  .login-wrapper,
  ul.fbox {
    font-size: .8em;
  }
}

ul.fbox{
	overflow: auto;
	background: #888;
}

ul.fbox,
ul.fbox li{
	list-style: none;
}

ul.fbox li.sort-tab{
	display: block;
	float: left;
	padding: 8px 12px;
	background: #222;
	color: white;
	border-right: 1px solid #fff;
	cursor: pointer;
}
ul.fbox li.sort-tab:hover{
	background: #7fd3da;
}
ul.fbox li.focus{
	background: #7fd3da;
	font-weight: bold;
	color: #fff;
}

ul.fbox .echo-item-container{
	margin-right: 0 !important;
}


/* 2011/05/09 Yoshitaka Ito Echo Error Styling */
#echo2-post-error-msg { padding:15px; }
#echo2-post-error-msg .echo-error-msg { font-weight:bold; color:#000; }
#echo2-post-error-msg .echo-error-user-comment { padding:5px 10px 20px; color:#666; }

/* 2011/05/16 Yoshitaka Ito Banned Echo User Styling */
body .echo-item-modeSwitch { margin-left:15px; }
.echo-banned-user { margin: 15px 0; padding:20px; border:1px solid #ccc; color:#FFF; font-weight:bold; }
.echo-item-userUtil { 
	float:right;
	display : block;
}
.echo2-stream .echo-item-authorName { min-height:24px;}
.echo-item-container .meta {
	display : none;
}
.echo-item-userUtil .menu-1 {
	display : none;
	min-width:37px; 
	height:24px;
	padding: 0; 
	margin-left:15px; 
	background: url("/users/app_img/gear-untouched_24x37.png") no-repeat scroll right top transparent;
	cursor:pointer;
	position:relative;
	top:-1px;	
}
.echo-item-container .echo-item-userUtil .menu-1-clicked {
	background: url("/users/app_img/gear-clicked_24x37.png") no-repeat scroll right top transparent;
}
.echo-item-container:hover .echo-item-userUtil .menu-1 {
	display : block;
}
.echo-item-container:hover .echo-item-userUtil .menu-1 .dropdown {
	display : none;
	top : 24px;
	right : 0;
	border: 1px solid #CCC;
}
.echo-item-userUtil .menu-1 a.entry {
	display:block;
	padding: 2px 10px;
	background: #FFF none;
	color: #666;
	border-top:1px solid #b4b1b1;
	z-index:4;
	text-decoration:none;
	margin: 0;
}
.echo-item-userUtil .menu-1 a.first-entry {
	border-top:none;
}
.echo-item-userUtil .menu-1 a.entry:hover {
	color:#000;
	cursor:pointer;
	background-color:#EEE;
}

#echo2-post-reportuser-msg { position:relative; top:0; left:0; }
#reportuser-form { padding:10px; overflow:hidden; width: 400px; height:350px; }
#reportuser-form * { color:#444; text-align:left; }
#reportuser-form .row { padding-bottom:10px; }
#reportuser-form .label { font-weight:bold; }
#reportuser-form a, #reportuser-form-complete a { color:#476CB8; text-decoration:underline; }
#reportuser-form a:hover, #reportuser-form-complete a:hover { text-decoration:none; }
#reportuser-form .header { padding-bottom:10px;}
#reportuser-form .header .rname { color:#000; font-weight:bold; }
#reportuser-form .reported-user { overflow:hidden; padding: 20px 0; }
#reportuser-form .reported-user .avatar img { float:left; max-width:48px; max-height: 48px; overflow:hidden; }
#reportuser-form .reported-user .uname { float:left; padding-left:10px; font-weight:bold; }
#reportuser-form .report-message { width:100%; height:80px; margin-top:5px; }
#reportuser-form .button-wrapper div { margin:0 auto; padding-top:10px; text-align:center; }
#reportuser-form .button-wrapper div input { padding: 0 2px; }
#reportuser-form-complete { padding:10px; font-size:12px; color:#444; }
#reportuser-form-complete .rname { font-weight:bold; }
.progress-loader { background:transparent url(/users/app_img/ajax-loader-spin.gif) center center no-repeat; }
#reportuser-form .error { color:#F00; padding:10px 10px; }

/* Spam Report on 2011/05/20 Yoshitaka Ito*/
#echo2-post-reportspammer-msg { width:400px; height:250px; padding:10px; text-align: left; } 
#echo2-post-reportspammer-msg * { color:#444;  text-align: left; font-size:12px; font-weight: normal; }
#echo2-post-reportspammer-msg .rname { font-weight:bold; }
#echo2-post-reportspammer-msg a { color:#476CB8; text-decoration:underline; }
#echo2-post-reportspammer-msg a:hover { text-decoration:none; }



/* @end */