body { background: #44443f; margin: 20px 0; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font: bold 12pt georgia; color: #dddddd; }
p { font: 12pt georgia; color: #ffffff; line-height: 150%; padding-left: 20px; }

br { clear: both; }

input.textbox { float: left; width: 170px; height: 16px; border-left: solid 1px #666666; border-top: solid 1px #666666; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; background: #ffffff; padding: 2px; font: 9pt arial; }
#me2login_sep { clear: both; width: 100%; height: 5px; overflow: hidden; }
.me2login_fnt { width: 80px; float: left; font: 9pt arial; padding-top: 2px; margin-right: 10px; text-align: right; }
#me2login_btn { float: left; width: 100px; position: absolute; left: 170px; top: 60px; padding-top: 4px; font: 9pt arial; }
#me2login_dot { float: left; font: 8pt dotum; position: absolute; left: 27px; top: 69px; }
#me2login_chk { float: left; position: absolute; left: 5px; top: 63px; }
.btn_medium { float: left; margin-right: 5px; width: 90px; _width: 100px; height: 17px; overflow: hidden; padding-top: 3px; text-align: center; font: 9pt arial; border: solid 1px #666666; background: url('image/white_pixel.gif') repeat-x #dddddd; cursor: pointer; }

		#main_border1 { border: solid 3px #3e3e3a; background: #222222; padding: 2px; width: 1000px; overflow: hidden; position: relative; margin-left: -505px; left: 50%; }
		#main_border2 { width: 950px; height: 100%; background: #ffffff; padding: 0 25px; }
		#main_frame { float: left; margin: 10px 0; border: solid 1px #000000; width: 948px; overflow: hidden; background: #ffffff; padding: 0; }

		#lhs_frame { float: left; background: #ffffff; border-right: solid 1px #000000; width: 670px; height: 100%; padding: 0; }
		#rhs_frame { float: left; margin: 2px; width: 273px; background: #ffffff; }

		#menu { float: left; border: solid 1px #000000; height: 25px; overflow: hidden; margin-top: 54px; padding: 2px; }
		.main_menu { float: left; border: solid 1px #000000; height: 25px; overflow: hidden; margin: 40px 0 0 0; padding: 2px; }
		.menu_item { float: left; padding: 5px 20px; cursor: pointer; height: 15px; font: bold 12px georgia; letter-spacing: 1px; color: #000000; }
		.menu_item:hover { background: #eeeeee; }
		.menu_item #twitter_icon { float: left; margin-right: 5px; width: 14px; height: 15px; overflow: hidden; background: url('http://freecellproject.com/play/image/twitter.gif') no-repeat 0 2px; }
		#menu_login { background: #ffeeee; }
		#menu_logout { background: #eeeeff; }


		#sub_menu { float: left; height: 25px; border-bottom: solid 1px #000000; background: #ffffff; margin: 0; width: 666px; overflow: hidden; padding: 2px; }
		.sub_menu_item { float: left; padding: 5px 20px; border-bottom: solid 0px #cccccc; height: 15px; overflow: hidden; cursor: pointer; font: 12px georgia; letter-spacing: 1px; color: #000000; }
		.sub_menu_item:hover { background: #eeeeee; text-decoration: none; }

		#title_image { display: none; float: right; width: 320px; margin-top: 25px; }
		#progress { clear: both; border: solid 1px #000000; width: 261px; height: 20px; font: 11px georgia; letter-spacing: 1px; text-align: center; padding-top: 5px; }

		.rhs_sep { clear: both; background: transparent; height: 15px; overflow: hidden; }
		.rhs_title { clear: both; font: bold 11px georgia; letter-spacing: 1px; background: transparent; padding: 5px 10px; margin-bottom: 2px; }
		.rhs_body { clear: both; background: transparent; padding: 0 5px; }
		.rhs_item { clear: both; height: 24px; background: transparent; border-bottom: solid 0px #ffffff; padding-top: 5px; font: 11px georgia; letter-spacing: 1px; }
		.rhs_item .none { float: left; width: 265px; height: 20px; overflow: hidden; padding-top: 3px; text-align: center; color: #000000; }
		.rhs_item .color { float: left; margin-left: 5px; width: 18px; height: 18px; border: solid 1px #ffffff; background: #ff0000; }
		.rhs_item .game { float: left; width: 70px; margin-left: 10px; padding-top: 3px; overflow: hidden; color: #000000; }
		.rhs_item .time { float: left; margin-left: 5px; width: 128px; height: 20px; text-align: right; overflow: hidden; padding-top: 3px; color: #000000; }
		.rhs_item .action { float: left; width: 15px; text-align: right; padding-top: 3px; overflow: hidden; color: #000000; }
		.rhs_item .id { float: left; margin-left: 10px; width: 150px; height: 20px; overflow: hidden; padding-top: 3px; color: #000000; }
		.rhs_item .win { float: left; width: 70px; text-align: right; padding-top: 3px; overflow: hidden; color: #000000; }

		#panel_freecell { float: left; z-index: 10; position: relative; background: #ffffff; width: 670px; margin: 0; overflow: hidden; }
		#panel_freecell_l { display: none; float: left; width: 2px; height: 200px; overflow: hidden; }
		#panel_message { float: left; z-index: 999; background: #000000; border: solid 12px #008000; margin: 0; width: 606px; padding: 0; text-align: center; font: 12px georgia; letter-spacing: 1px; color: #ffffff; padding: 8px 20px; height: 14px; overflow: hidden; }

		.rank_item { float: left; width: 660px; height: 15px; padding: 7px 5px; font: 12px georgia; }
		.rank_item:hover { background: #eeeeee; }

		#season { float: left; height: 25px; border-bottom: solid 1px #000000; background: #ffffff; margin: 0; width: 666px; overflow: hidden; padding: 2px; }
		.season_item { float: left; padding: 5px 10px; border-bottom: solid 0px #cccccc; width: 202px; height: 15px; overflow: hidden; font: 12px georgia; letter-spacing: 1px; color: #000000; text-align: center; }
		
		#page_tower { float: left; font: 12px georgia; width: 18px; padding: 0; overflow: hidden; margin-left: 6px; }
		.page_index { clear: both; margin-left: 0; color: #000000; background: #f1f1f1; padding-top: 7px; width: 18px; height: 25px; border-bottom: solid 1px #000000; margin-top: 7px; text-align: center; overflow: hidden; }

.me2ranktitle { margin: 0 0px; float: left; background: #eeeeee; padding: 5px; width: 590px; height: px; overflow: hidden; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #ffffff; color: #ff3300; font: bold 9pt georgia; text-align: left; padding-left: 30px; }
.me2rankbox { margin: 0 0px; clear: both; background: #eeeeee; padding-top: 3px; height: 22px; overflow: hidden; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #ffffff; font: 9pt georgia; }
.me2rankbox:hover { background: #ffffff; }
.me2rank { float: left; width: 25px; font: 10pt georgia; text-align: right; margin-right: 10px; margin-top: 0; }
.me2profile { float: left; width: 48px; height: 48px; border: solid 1px #000000; }
.me2id { float: left; width: 165px; padding: 0 5px; padding-top: 2px; text-decoration: none; overflow: hidden; cursor: pointer; }
.me2id a { color: #000000; text-decoration: none; }
.me2id a:hover, .me2id a:active { text-decoration: underline; }
.me2score { float: left; width: 120px; padding: 0 5px; padding-top: 2px; text-decoration: none; overflow: hidden; color: #ff3300; text-align: right; }

.myscore_title { margin: 0 0px; float: left; height: 18px; background: #eeeeee; padding: 5px; width: 230px; height: px; overflow: hidden; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #ffffff; color: #ff3300; font: 9pt georgia; text-align: left; padding-left: 15px; }
.myscore_rate { margin: 0 0px; float: left; height: 18px; background: #eeeeee; padding: 5px; width: 130px; height: px; overflow: hidden; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #ffffff; color: #ff3300; font: 9pt georgia; text-align: right; padding-right: 15px; }
.myscore_L { margin: 0 0px; float: left; height: 36px; background: #eeeeee; padding: 5px; width: 210px; height: px; overflow: hidden; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #ffffff; color: #000000; font: 9pt georgia; text-align: left; padding-left: 35px; }
.myscore_R { margin: 0 0px; float: left; height: 36px; background: #eeeeee; padding: 5px; width: 110px; height: px; overflow: hidden; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #ffffff; color: #000000; font: 9pt georgia; text-align: right; padding-right: 35px; }

#board { width: 632px; height: 600px; background: #007f00; position: absolute; }
.freecell_card img { position: absolute; left: 0; top: 0; border: solid 2px #000; }

		#panel_freecell span	   { float: left; width: 15px; height: 15px; margin: 0 1px 1px 0; padding: 0; overflow: hidden; background: #333333; cursor: pointer; border: none; }
		#panel_freecell span.twr_o { background: #338f33; }
		#panel_freecell span.twr_x { background: #ff0000; width: 1px; height: 1px; border: solid 7px #000000; }
		#panel_freecell span.twr_u { background: #66ff66; }

		.LButton { border: double 3px; border-color: #CCCCCC #999999 #999999 #CCCCCC; height: 31px; font: 12px georgia; text-align: center; background: url('./image/button_bg.gif'); margin-top: 10px; cursor: pointer; }