@charset "utf-8";
/* CSS Document */
.full_bg {
  width: 1030px;
  margin: 0 auto;
  background: url(full_bg.jpg);
  background-repeat:repeat-y;
}
.top-spacer{margin-top:4em;}
.inner_topbar{
background-image: url(banner.jpg);
background-repeat: repeat-x;
margin: 0 auto;
background-position:-1px 0px ;}
.containerbg{background: url(container_bg.gif);
background-repeat:repeat-y;}
.topbg{background: white;
}

body
{ background: #777777; color:#777777;
/*url(http://flogd.me/beta/bottom_bg.jpg) no-repeat center bottom;
background-image: url(http://flogd.me/beta/topbar.gif);

	margin: 0;
	padding:0 0 20px 1px;
width:100%;
min-width:1031;*/
}


.tinytext{font-size:9px;}

#main {
	
	border: #ccc;
	border-width: thin;}
a {
	color: black;
	text-decoration: none;
}
a:link {color: black;}
a:visited {color: black;}
a:active {color: black;}
a:hover { 
	text-decoration:underline;
	color: #99cc00;
}


.num {
	text-align: center;
	color: #777;
	font-size: 12;
}
.title-5{float:left;margin-right:0px;width:212px;}
.title-7{float:left;margin-right:0px;width:292px;}
.score {
	text-align: center;
	font-weight: bold;
	color: #f0f0f0;
	font-size: 12;
	float:left;

	margin-right:0px;
	width:18px;
}
.textspacer {height:22px;}

.score a {color: #fcfcfc;}
.score a:link {color:#fcfcfc;}
.score a:visited {color: #fff;}
.score a:active {color:#fcfcfc;}
.score a:hover {color: #fff;;text-decoration:none;}
.s0 {background: #FFCC33;}	
.s1 {background: #808080;}
.s2 {background: #c0c0c0;}
.s3 {background: #b3d580;}
.s4 {background: #99cc00;}
.s5 {background: #808000;}

.addbutton {
	text-align: center;
	font-weight: bold;
	color: #f0f0f0;
	font-size: 12;
	background:#F69;
	float: left;
  	margin-right: 8px;
	width:18px;
	height: 18px;
}
.addbutton:hover {background:#FFB7DB;}
.addbutton a {color: #f0f0f0;}
.addbutton a:link {color:#f0f0f0;}
.addbutton a:visited {color: #fff;}
.addbutton a:active {color:#f0f0f0;}
.addbutton a:hover {color: #fff;;text-decoration:none;}

.x {
	text-align: center;
	font-size: 6;
}
.x00 {
	background: #fff;
	color: #fff;
}
.x01 {
	background: #e8e8e8;
	color: #e8e8e8;
}

.x10 {
	background: #ccc;
	color: #ccc;
}
.x11 {
	background: #ccc;
	color: #ccc;
}

.z {
	position: relative;
	z-index: 20;}
.row {

	position: relative;
	z-index: 10;
}
.r0 {	
	background: url(table_bg_r0.gif);
	background-repeat: no-repeat;}

.r1 {
	background: url(table_bg.gif);
	background-repeat: no-repeat;
}	

.add {color:#F69;}
.add a:hover { 
	text-decoration:underline;
	color: #F69;
}
.span-poster{float:left;margin-right:26px;width:214px;}
.span-poster-last{float:left;margin-right:0px;width:214px;}
.span-poster-content{float:left;margin-right:0px;width:214px;}
.title-poster{float:left;margin-right:0px;width:196px;}
.poster a img {
padding:0px;
border:3px solid #eee;
-moz-border-bottom-colors: #eee #eee #aaa;
-moz-border-top-colors: #eee #eee #aaa;
-moz-border-left-colors: #eee #eee #aaa;
-moz-border-right-colors: #eee #eee #aaa;
-webkit-border-bottom-colors: #eee #eee #aaa;
-webkit-border-top-colors: #eee #eee #aaa;
-webkit-border-left-colors: #eee #eee #aaa;
-webkit-border-right-colors: #eee #eee #aaa;

-moz-box-shadow: 3px 3px 4px #aaa;
-webkit-box-shadow: 3px 3px 4px #aaa;
box-shadow: 3px 3px 4px #aaa;
}
.posterlarge img {
padding:0px;
border:5px solid #eee;
-moz-border-bottom-colors: #eee #eee #eee #eee #aaa;
-moz-border-top-colors: #eee #eee #eee #eee #aaa;
-moz-border-left-colors: #eee #eee #eee #eee #aaa;
-moz-border-right-colors: #eee #eee #eee #eee #aaa;
-webkit-border-bottom-colors: #eee #eee #eee #eee #aaa;
-webkit-border-top-colors: #eee #eee #eee #eee #aaa;
-webkit-border-left-colors: #eee #eee #eee #eee #aaa;
-webkit-border-right-colors: #eee #eee #eee #eee #aaa;

-moz-box-shadow: 3px 3px 4px #aaa;
-webkit-box-shadow: 3px 3px 4px #aaa;
box-shadow: 3px 3px 4px #aaa;
}

.bigtext {
	font-weight: bold;
	font-size: 18px;
	color: #b3d580;
}
.bigtext a:link{
	font-weight: bold;
	font-size: 18px;
	color: #b3d580;
}
.bigtext a:visited{
	font-weight: bold;
	font-size: 18px;
	color: #b3d580;
}
.bigtext a:hover{
	font-weight: bold;
	font-size: 18px;
	color: #b3d580;
	text-decoration:underline;
}
.bigtext a:active{
	font-weight: bold;
	font-size: 18px;
	color: #b3d580;
}
.bglink a:link {background-color:#bbb;color:#fff;}
.bglink a:visited {background-color:#bbb;color:#fff;}
.bglink a:hover{background-color:#b3d580;color:#fff;}
.bglink a:active{background-color:#bbb;color:#fff;}
.menuitem a{
	color: #aaa;
	font-weight: bold;
}
.menuitem a hover{
	background-color:  #808000;
	color: #b3d580;
}
.menu{
	background-color: #f8f8f8;}
.logo{
	background-color: #b3d580;
	font-weight: bold;
	font-size: 36px;
	color: #fff;
	text-align: center;}
.logo a{
	color: #fff;
}

input[type=text], input[type=password], input[type=textbox], input[type=checkbox], input[type=radio],
input.text, input.title, textarea  {background-color:#efefef;border:2px solid #dedede;color:#777;}
input[type=text]:focus, input[type=password]:focus, input[type=textbox]:focus,
input.text:focus, input.title:focus,
textarea:focus {background-color:#efefef;border: 2px solid #99cc00;color:#333;}


input[type=text]#searchww , input[type=password]#searchww ,
input.text#searchww , input.title#searchww , textarea #searchww {background-color:#efefef;border:2px solid #dedede;}
input[type=text]:focus#searchww , input[type=password]:focus#searchww ,
input.text:focus#searchww , input.title:focus#searchww ,
textarea:focus#searchww {background-color:#efefef;border: 2px solid #fff;}

.friendnamebg {
	background-color:#fff;
}

/*search bar css*/
.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
	z-index:100;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:link {
	text-decoration: none;
	color: white;

}
.suggestionList li:hover {
	background-color: #EEE;
}







		.chart_container {
		height:23px;
		position:relative;
		}
		.chart {
		height:18px;
		padding:0 4px;
		border:solid;
		border-width:2px 3px 3px 2px;
		
		border-color:#fff;
		font-size:1em;
		font-weight: thin;
		float: left;
		color:#444;	
		/* box-shadow: 1px 1px 4px #fefefe; */
		}
		.ch_num{ border-width:2px 0px 3px 0px; margin-left: 1px;text-align:right;}
		.ch_title {
		width:447px; /*591,566,541,*/
		border-width: 2px 3px 3px 0px;
		margin-left:4px;
		border-bottom-right-radius: 13px;
		position:relative;
		z-index:1000;
		}
		.ch_t_z {z-index:120;}
		.ch_detail{
		width:400px;
		height:auto;
		margin-left:4px;
		border-top:2px;
		border-bottom-right-radius: 13px;
		position:absolute;
		z-index:1;
		top:20px;
		left:30px;
		font-size:1em;
		font-weight: thin;
		}
		.ch_detail a:link {background-color:#bbb;color:#fff;}
		.ch_detail a:visited {background-color:#bbb;color:#fff;}
		.ch_detail a:hover{background-color:#b3d580;color:#fff;}
		.ch_detail a:active{background-color:#bbb;color:#fff;}
		.ch_com_hid{
 		border-bottom-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-background-clip: border-box;
		background-origin: border-box;
		box-shadow: 0 0 #fff;
		position:relative;
		padding: 0 4px 0 0;
		z-index:20;
		background-color:#fff;
		border-color:#fff;
		border-right-width:1px;
		width:16px;
		left:0px;
		}
		.ch_com_tail{
		position:relative;
		padding: 0 0 0 0;
		z-index:10;
		background-color:#F60;
		border-color:#FFF;
		border-right-width:0;
		border-bottom-width:2px;
		width:8px;
		left:-10px;
		/*box-shadow: 0 0 #ddd;*/
		}
		.ch_com{
		border-radius: 10px/10px;
		-webkit-border-radius:10/10px;
 		border-bottom-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-background-clip: padding-box;
		box-shadow: 0 0 0 4 #fff;
		text-align:left;
		position:relative;
		color:rgba( 255, 255, 255);
		color:rgba( 255, 255, 255, 0.7);
		padding: 0 0 0 2px;
		z-index:10;
		background-color:#F60;
		border-color:#FFF;
		border-left-width:0;
		width:12px;
		left:-10px;
		}
		.ch_stub {
 		border-bottom-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		box-shadow: 0 0 0 4 #fff;
		text-align:right;
		position:relative;
		color:rgba( 255, 255, 255);
		color:rgba( 255, 255, 255, 0.85);
		padding: 0 5px 0 0;
		width:158px;
		}
		.dont {/*for titles to not move, check .js */}
		.ch_ph {
		width:20px;
		left:-144px;	
		float: left;
		margin-right: 0px;
		position:relative;
		}
		.ch_score {
		border-color:#FFF;
		z-index:90;
		}
		.ch_new {
		background-color:#FC3;
		border-color:#FFF;
		z-index:80;
		}
		.ch_th {
		background-color:#6FC;
		border-color:#FFF;
		z-index:70;
		}
		.ch_for {
		background-color:#F69;
		border-color:#FFF;
		z-index:60;
		}
		.ch_doc {
		background-color:#0CF;
		border-color:#FFF;
		z-index:50;
		}
		.ch_total {width:44px;}
		.ch_ph_t {
		border-bottom-right-radius: 10px;
		text-align:right;
		padding: 0 4px 0 0;
		float: left;
		margin-right: 0px;
		position:relative;
		}
		.zero {color:rgba( 100, 100, 100, .4);}
		.plusminus{color:rgba( 100, 100, 100, .4);
		font-weight:600;
		font-family:"Lucida Console", Monaco, monospace;
		cursor:pointer;
		width:10px;
		display: inline-block;}
		.ch_lineAlt0 {background-color:#ededed;border-color:#fff;} /* for detail */
		.ch_lineAlt1 {background-color:#dcdcdc;border-color:#fff;} /* for detail */
		.ch_lineAlt00 {background-color:#ededed;border-color:#fff;}
		.ch_lineAlt10 {background-color:#dcdcdc;border-color:#fff;}
		.ch_lineAlt01 {background-color:#F9EAFC;border-color:#fff;}
		.ch_lineAlt11 {background-color:#F4DAFD;border-color:#fff;}
		.ch_lineAlt02 {background-color:#BCF8Fb;border-color:#fff;}
		.ch_lineAlt12 {background-color:#BCF3F3;border-color:#fff;}
		
.flogModalShadow {
-moz-border-bottom-colors: #eee #000;
-moz-border-top-colors: #eee #000;
-moz-border-left-colors: #eee #000;
-moz-border-right-colors: #eee #000;
-webkit-border-bottom-colors: #eee #000;
-webkit-border-top-colors: #eee #000;
-webkit-border-left-colors: #eee #000;
-webkit-border-right-colors: #eee #000;

-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
}

/* Sidebar "switch profile" control, in place of the old Facebook logout button. */
.switch-profile { margin: 0 0 4px 0; }
.switch-profile label {
  display: block;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 3px;
}
.switch-profile select {
  width: 138px;
  font-size: 11px;
  vertical-align: middle;
}
.switch-profile button {
  font-size: 11px;
  padding: 1px 6px;
  margin-left: 3px;
  vertical-align: middle;
  cursor: pointer;
}