/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body {
	margin: 0;
	padding: 0;
	height:100%;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
html.nooverflow, body.nooverflow {
	overflow: hidden;
}
body {
	min-height: 100%;
	height: 100%;
	background: #fff;
}
table.two_cols td{
	width: 50%;
}
a.ajax, a.ajax:visited {
	color: blue;
	text-decoration: none;
	border-bottom: 1px dotted blue;
}
p {
	margin-bottom: 20px;
}
img {
	border: 0;
}
h1 {
	font-size: 24px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	font-family: 'Trebuchet MS', 'Liberation Sans', 'DejaVu Sans', sans-serif;
	margin-bottom: 10px;
}
h2 {
	font-size: 170%;
	font-weight: bold;
	font-family: 'Trebuchet MS', 'Liberation Sans', 'DejaVu Sans', sans-serif;
	margin-bottom: 5px;
}
h3 {
	font-weight: bold;
}
.noborder {
	border: 0!important;
}
.grayed {
	color: gray;
}
.error {
	color: red;
}
.clear {
	clear: both;
}
.nofloat {
	float: none!important;
}
.content {
	padding: 20px;
	background: white;
}
.content li {
	margin-left: 20px;
}
.horiz li{
	display: inline;
}
ul {

}
ul li {
	list-style-type: disc;
}
ol {
	list-style-position:inside;
}
ol li {
	list-style-type: decimal;
}
li {
	margin-bottom: 10px;
}

#header {
	height: 32px;
	
}
#header a#home_link {
	font-size: 24px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	font-family: 'Trebuchet MS', 'Liberation Sans', 'DejaVu Sans', sans-serif;
}
#beta_tag {
	position: absolute;
	color: gray;
	left: 155px;
	top: 15px;	
	font-style:italic
}
#header_inner {
	width: 100%;
	height: 100%;
	background: lightgray;
	border-collapse: collapse;
}
#header_inner td {
	margin: 0;
	padding:0;
}
#header_inner #header_left{
	padding-left: 20px;
}
#header_inner td{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: left;;
}
#header_inner .header_right {
	text-align: right;
	padding-right: 20px;
}
#header_inner .header_right form{
	float: right;
}

#footer {
	color: gray;
	font-size: small;
	text-align: center;
	vertical-align: middle;
	height: 40px;
}
#footer a {
	color: gray;
}
#footer a:hover {
	color: blue;
}
#footer .textlike {
	color:gray;
	text-decoration: none;
}
#footer .textlike:hover {
	text-decoration: underline;
}

#win_message {
	padding: 10px;
	margin: 20px;
	margin-bottom: 0;
	background: lightgreen;
}
#win_message.lost {
	background: pink;
}
#field_and_players_and_chat {
	width: 100%;
	height: 100%;
	background: white;
}
#field {
	text-align: center;
	border: 0;
	background: url(/images/loading.gif) no-repeat center;
	float: left;
	margin: 20px;
}

#field img {
	border: 0;
	width: 16px;
	height: 16px;
}
#waiting_for_players {
	text-align: left;
	width: 100%; 
	height: 100%; 
	background: #FF6; 
	padding: 5px;
}

.gadget_popup, .omg_popup, .win_popup, .lose_popup {
	padding: 5px;
	background: white;
	text-align: center;
	color: green;
	font-size: 18px;
	font-weight: bold;
}
.omg_popup, .lose_popup {
	padding: 5px;
	background: none;
	text-align: center;
	color: red;
}

a.user_link.not_registered {
	color: black!important;
	text-decoration: none!important;
}
a.user_link.not_registered:hover {
	color: blue!important;
	text-decoration: underline!important;
}
#photo {
	float: left;
	padding-right: 20px;
	text-align: center;
	width: 250px;
	margin-bottom: 20px;
}
#photo img {

}
#photo h1 {
	display: inline;
	font-weight: bold;
}
#stats {
	border-collapse: separate;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#stats .even td, #stats .even th {
	background: #f7f7f5;
}
#stats th, #stats td {
	vertical-align: top;
	padding: 7px;
	border: 0px solid lightgray;
}
#stats th {
	font-weight: bold;
	text-align: right;
}
ul.achievements li {
	list-style-type: none;
}
#stats ul, #stats li {
	margin-left: 0;
}
#game_history, #nemesis {
	clear: both;
	padding: 20px;
	border-top: 2px solid gray;
	background: white;
}
#game_history a {
	text-decoration: none;
}
#game_history .winner {
	color: green;
}
#game_history .loser {
	color: gray;
}
.game_history_icon {
	font-size: 24px; 
	float: left; 
	width: 35px; 
	height: 35px; 
	text-align: center;
}
.achievements img {
	vertical-align: middle;
	margin-right: 5px;
}
.user_with_userpic {
	padding: 10px;
	border: 1px solid lightgray;
	float: left;
	text-align: center;
	font-size: small;
	margin-right: 20px;
	margin-bottom: 20px;
}
.user_with_userpic img {
	width: 50px;
	height: 50px;
}
.user_with_userpic a {
	text-decoration: none;
}


.top_players {
	border: 1px solid #d3d3d3;
	width: 260px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.top_players li {
	list-style-position: inside;
	margin: 0;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
}
.top_players li.even {
	background: #f7f7f5;
}
.top_players li.header {
	background: #d3d3d3;
	list-style-type: none;
	margin-left: 0;
	padding-left: 20px;
}
li.header .grayed {
	color: gray;
}
.top_players li .points {
	float: right;
}
.top_players li .points .description{
	color: gray;
	font-weight: normal;
}
.li_place_0 {
	list-style-image:url("http://s.sweepminer.com/images/users/top/gold.png");
}
.li_place_1 {
	list-style-image:url("http://s.sweepminer.com/images/users/top/silver.png");
}
.li_place_2 {
	list-style-image:url("http://s.sweepminer.com/images/users/top/bronze.png");
}

#chat {
	clear: both;
	background: lightgray;
	border-top: 2px solid gray;
	padding: 20px;
}

#chat_input_table {
	width: 100%;
	margin-bottom: 5px;
}
#chat_list {
	list-style-type: none;

}
#chat_list li{
	margin-bottom: 0px;
	list-style-type: none;
}
#chat_list li img{
	vertical-align: middle;
}
#chat_list .bad {
	color: red;
}
#chat_list .important {
	color: red;
}
#chat_list .good {
	color: green;
}
#chat_list .halfbad {
	color: brown;
}
#chat_list .nick {
	font-weight: bold;;
}
#chat_list .bot {
	color: gray;
}
#chat_list .spectator {
	color: gray;
	font-weight: normal;
	font-style:italic;
}
#chat_list .private {
	display: none;
}
#chat_input_table td {
	margin: 0;
	padding:0;
}
#chat_input_table #chat_input_text input{
	width: 100%;
	border: 1px solid gray;
}
#chat_input_table #chat_input_button {
	width: 50px;
	text-align:right;
}
#chat_input_table #chat_input_button input {
	width: 100%;
}

#player_list {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	overflow: hidden;
	margin-right: 20px;
}
.player_li {
	margin: 0;
	margin-bottom: 10px;
}
.player_li_table {
	width: 100%;
	border: 1px solid lightgray;
}
.player_li.winner {
	background: lightgreen;
}
.player_li .userpic {
	width:50px;
	height: 50px;
	padding: 10px!important;
}
.player_li td.userinfo {
	vertical-align: top;
	padding: 10px!important;
	padding-left: 10!important;
 	
}
.nick_and_status a.nick {
	color: green;
	font-weight: bold;
	text-decoration: none;
}
.nick_and_status a.nick:hover {
	text-decoration: underline;
}
.player_li_status {
	width: 100%;
}
.player_li.offline .player_li_status {
	color: gray;
}
.player_li.offline{
	display: none;;
}
.player_li .status {
	color: gray;
}
.player_li .point_count {
	color: gray;
}
.flags_left {
	width: 100%;
}
.flags_left .progress {
	width: 60px;
}
.flags_left .count {
	color: gray;
	margin-left: 5px;
}
.flags_left .bar {
	background: #FC6;
	text-align: right;
	padding: 2px;
	margin-left: 3px;
	font-size: 11px;
	color: gray;
}
.flags_left .bar b{
	color: black;
}
.flags_left .bar b.green{
	color: green;
}
.flags_left .bar.none {
	background: none;
	color: gray;
}

#about_sweepminer {
	float: left;
}
#about_sweepminer p{
	width: 400px;
}

#start_game {
	background: lightgreen;
	padding:20px;
	text-align: center;
	float: right;
	width: 300px;
	margin-bottom: 20px;
}
#start_game #field_size_selector {
	text-align: center;
}
#start_game input {
	margin-top: 20px;
	margin-bottom: 20px;
}
#start_game #select_field_size {
	width: 100%;
}
#start_game #select_field_size td {
	text-align: center;
}
#open_and_running_games {
	background: #E6E6E6;
	border-top: 2px solid gray;
	padding: 20px;
	clear: both;
}
#open_and_running_games table {
	width: 100%;
}
#open_and_running_games table td{
	width: 50%; vertical-align: top;
}

#open_and_running_games form.button-to, #open_and_running_games form.button-to div {
	display: inline;
}
#open_and_running_games ul li{
	list-style-type: circle;
	list-style-position:inside;
}
#open_and_running_games input {
	padding: 3px;
}
#open_and_running_games #open_games input {
	background: lightgreen;
}
#open_and_running_games #running_games input {
	background: yellow;
}
#open_and_running_games .created {
	color: gray;
}

span.tool {
	position: relative;   /* this is key */
	cursor: help;
	border-bottom: 1px dotted;
}
span.tool.noborder {
	border-bottom: none;
}
 
span.tool span.tip {
	display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
	display: block;
	z-index: 100;
	position: absolute;
	top: 1.6em;
	left: 0;
	width: 200px;
	padding: 3px 7px 4px 6px;
	border: 1px solid #336;
	background-color: #f7f7ee;
	font: normal 0.9em/1.2em arial, helvetica, sans-serif;
	text-align: left;
	color: #000;
}
span.tool span.tip {
	text-decoration: none;
	font-weight: normal;
	font-size: 14px!important;
}
span.tool span.tip h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
span.tool a{
	text-decoration: none;
}

.dsq-dc-logo, .dsq-sharing-options, #dsq-comments-title, .dsq-options {
	display: none!important;
}
.dsq-post-area h3 {
	display: none!important;
}


#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/images/loading.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}