body {
	background: #e1e1e1;
	text-align: center;
	margin: 0;
	padding: 0;
}

.container {
	text-align: left;
	width: 600px;
	margin: 0 auto;
	position: relative;
}

.clear {
	clear: both;
}

.alert {
	color: #ff5959;
}

a, a:visited {
	text-decoration: none;
}

#form_new {
	padding: 10px 5px;
	margin: 10px 0 0 0;
	position: relative;
	.z-index:900;
}

#form_new input {
    float:left;
    margin:0 7px 0 0;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    padding:5px 10px 6px 20px;
}

#form_login {
	padding: 10px 5px;
	margin: 50px 0 10px 80px;
}

input#when {
	background: #fff url('/images/date.png') 2px no-repeat;
}

input#who {
	background: #fff url('/images/pencil.png') 2px no-repeat;
}

.preview {
	margin: 0px;
	padding: 3px 5px;
	color: #3b3b3b;
	font-size: 12px;
}

.paper {
	/*
	background: url('/images/bg_header.png') top no-repeat;
	*/
	background: url('/images/bg_header.gif') top no-repeat;
	padding: 5px 20px;
	_border: 1px solid #E1E1E1;
}


.noti {
	font-size: 12px;
	background: #f5f5f5;
	margin: 0;
}

.noti ul {
	line-height: 150%;
	border-top: 1px solid #fff;
}

.noti li {
	border-bottom: 1px solid #fff;
	padding: 3px 10px;
}

.noti li img {
	padding: 0 5px 0 0;
}

.list_s_tool {
	padding: 4px 0 2px 10px;
}

ul.days {
	padding: 10px 5px 20px 5px;
	background: #fff;
	border-bottom: 1px solid #888;
}

.days li {
	margin-bottom: 6px;
	_margin-bottom: 2px;
}

.list_info {
	padding: 8px 35px 8px 10px;
	float: left;
	display: block;
	/* cursor: pointer; */
}

.list_info span {
	float: left;
	display: block;
	padding-right: 10px;
	_font-size: 96%;
}

.list_tool {
	padding: 8px 10px;
	float: right;
}

.list_tool .edit, .list_tool .delete, .list_tool .scrap {
	cursor:pointer;
	font-size: 10px;
	color: #fff;
	background: #aaa;
	padding: 3px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.list_tool .edit:hover, .list_tool .delete:hover, .list_tool .scrap:hover {
	background: #3a3a3a;
}

.dday {
	font-weight: bold;
	width: 80px;
}

.today {
	margin-left: -80px;
	_margin-left: 0;
	/*
	position:relative;
	left: -80px;
	_z-index:600;
	*/
	color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.today .dday {
	font-size: 20px;
	margin-right: 80px;
	_margin-right: 0;
}

.soon {
	margin-left: -30px;
	_margin-left: 0;
	/*
	position:relative;
	left: -30px;
	_z-index:600;
	_padding-left: 40px;
	*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.soon .dday {
	margin-left: 30px;
	_margin-left: 0;
}

.t1 {
	background: url('/images/tear2.gif') right 0% no-repeat;
}

.t2 {
	background: url('/images/tear2.gif') right 30% no-repeat;
}


.f1 {
	background-color: #ff000c;
}

.f2 {
	background-color: #b5f375;
}

.past {
	color: #3a3a3a;
}

.date {
	width: 80px;
}


h1 {
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0;
}

h2 {
	font-weight: normal;
	margin: 0;
	padding-top: 10px;
	float: left;
}

h2 span {
	color: #fff;
	padding-left: 10px;
}

.gnb {
	color: #3a3a3a;
	padding: 5px 10px;
	font-size: 12px;
	float: right;
}

.gnb span {
	padding: 5px;
}

.gnb img {
	margin-left: 5px;
	vertical-align: bottom;
}

.gnb a, .gnb a:active, .gnb a:visited {
	color: #3a3a3a;
	text-decoration: none;
}

h4 a, h4 a:visited, h4 a:active {
	color: #fff;
}

.menu {
	position: absolute;
	z-index: 300;
}

.menu a, .menu:visited {
	color: #fff;
	background: #3a3a3a;
}

.gnb a:hover {
	color: #3a3a3a;
	text-decoration: underline;
}

#foot {
	text-align: center;
	margin: 10px auto;
}

#foot p {
	font-size: 12px;
	font-weight: normal;
	color: #2c2c2c;
	line-height: 180%;
	padding-left: 30px;
}

#foot a, #foot a:visited {
	color: #3a3a3a;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 1px 0;
}

#foot a:hover {
	color: #ff6269;
}

/* Settings */

#setting {
	padding: 20px 15px 20px 15px;
	background: #fff;
	margin-top: 10px;
	line-height: 150%;
	border-bottom: 1px solid #888;
}

#setting form {
	margin-bottom: 20px;
	font-size: 12px;
}

#setting p {
	font-size: 12px;
}

h3 {
	color: #3a3a3a;
	padding: 3px 0 3px 20px;
	margin-bottom: 5px;
	border-top: 2px solid #ddd;
	background: url('/images/cog.gif') left no-repeat;
}

.setbox {
}

.tip {
	color: #3a3a3a;
	font-size: 12px;
	padding-left: 20px;
}


.s_data {
	padding: 5px 20px;
	margin: 5px 0;
}

.y_box {
	padding: 10px;
	margin: 5px;
}

/* Login */

.login_form {
	margin-left: 40px;
}

.login_input {
	width: 300px;
	background: #fff url('/images/openid.jpg') 3px no-repeat;
}

label {
	color: #3a3a3a;
	font-size: 12px;
	padding: 5px 0;
	margin: 5px 0;
	display: block;
}

.span_left {
	font-size: 12px;
	float: left;
	width: 200px;
	padding: 10px;
	display: block;
}

/* Profile */

.p_img {
	background: #fff;
	padding: 2px;
	margin-right: 15px;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	float: left;
}

.profile p {
	padding: 5px 0 10px 0;
}

.p_desc {
	font-size: 12px;
}

.p_desc .scrap_profile {
	cursor: pointer;
	color: #fff;
	background: #3a3a3a;
	padding: 2px 5px;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.p_desc .scrap_profile:hover {
	background: #ff6269;
}

/* BUTTONS */

.buttons a, .buttons button{
   	display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* Tooltip */
.bubbleInfo {
    position: relative;
    min-height: 35px;
    height:1%;
    _height:35px;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    z-index: 700;
}

.list_tip {
	background: #3a3a3a;
	color: #f1f1f1;
	border: 1px solid #3a3a3a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	padding: 5px 10px;
	text-align: right;
	width: 100px;
	line-height: 1.5;
	float: left;
	z-index: 700;
}

.nipple {
	width: 16px;
	height: 28px;
	background: transparent url('/images/nipple.gif') bottom right no-repeat;
	float:left;
}

/* help */

.help {
	color: #fff;
	font-size: 10px;
	padding: 10px 0;
	background: #3a3a3a;
	border: 1px solid #777;
	z-index: 900;
}

.help span {
	font-weight: bold;
	vertical-align: baseline;
	padding: 0 5px;
	display: block;
	float: left;
}

span.close {
	margin-right: 5px;
	float: right;
}

.help ul {
	margin-top: 5px;
	padding: 5px;
}

.help li {
	line-height: 1.5;
	padding: 3px 0;
}

.help ul li {
	border-top: 1px dotted #777;
}

.help ul ul li {
	border-top: none;
	list-style: disc inside;
}

#help_date {
	width: 179px;
	top: 43px;
	left: 6px;
	_left: 0px;
	position: absolute;
}

#help_event {
	width: 258px;
	top: 43px;
	left: 195px;
	_left: 190px;
	position: absolute;
}

#help_signup {
	width: 150px;
	top: 0px;
	left: 220px;
	position: absolute;
	z-index: 900;
}


#help_recovery {
	width: 150px;
	top: 245px;
	left: 220px;
	position: absolute;
}

#drawer {
	top: -30px;
	position: relative;
	width:150px;
	word-break:break-all;
}

#ask_panel {
	position: absolute;
}

#help {
	position: absolute;
	left: -55px;
	top: 18px;
}

#ask {
	position: absolute;
	top: 16px;
	left: 565px;
	_left: 558px;
	width: 150px;
}

a#d_close, a:visited#d_close, a:active#d_close {
	color: #aaa;
	background: #3a3a3a;
	height: 16px;
	padding: 5px;
	text-align: right;
	display: block;
}


a#d_open, a:visited#d_open, a:active#d_open {
	color: #fff;
	font-size: 12px;
	background: #3a3a3a;
	height: 12px;
	padding: 5px;
}

span#d_open {
/*
	color: #fff;
	font-size: 12px;
	background: #3a3a3a;
	height: 12px;
	padding: 5px;
*/
}

#d_close img {
	margin-left: 5px;
	vertical-align: baseline;
}


#help a, #help a:visited, #help a:active {
	font-size: 12px;
	color: #fff;
	background: #ff6269;
	padding: 3px 5px;
	border: 1px solid #f1373f;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#help a:hover {
	background: #3a3a3a;
	border: 1px solid #000;
}

.help input {
	font-size: 12px;
	background: #fff;
	padding: 2px;
	width: 130px;
}

.help .buttons {
	font-size: 12px;
	margin-top: 3px;
	float: right;
}

#intro, #form_box {
	font-size: 14px;
	line-height: 150%;
	background: #fff;
	margin-top: 15px;
	float: left;
}

#intro {
	width: 340px;
	margin-right: 10px;
	position: relative;
}

#intro h1 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-left: 40px;
	margin: 10px 0 0 0;
	position: relative;
	left: -30px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#intro p {
	color: #3a3a3a;
	line-height: 200%;
	padding: 10px;
}

.features {
	border-top: 1px dotted #aaa;
	padding: 0;
	margin-top: 10px;
}

#intro li {
	padding: 5px 10px 10px 26px;
	margin: 0;
	background: transparent url('/images/b_red.gif') 8px 7px no-repeat;
	border-bottom: 1px dotted #aaa;

}

/*
move to feat to fix ie6 bug 
#intro li span {
	display:block;
}
*/

.feat {
	font-size: 12px;
	color: #3a3a3a;
	font-weight: bold;
	display: block;
}

.feat img {
	vertical-align: middle;
	margin-left: 5px;
}

.feat_desc {
	font-size: 11px;
}

li.comingsoon {
	-moz-opacity: 0.65;
	opacity: 0.65;
	filter: alpha(opacity=35);
	zoom:1; 
}

#form_box {
	width: 210px;
	padding: 0;
	position: relative;
}

#form_box h2 {
	color: #fff;
	background: #3a3a3a;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	display: block;
	float: none;
}

#form_box h2 span a,  #form_box h2 span a:visited, #form_box h2 span a:active {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}

#form_box h2 span a:hover {
	color: #ff6269;
}

#form_box form {
	padding: 10px 0;
	margin-bottom: 20px;
}

#form_box label {
    font-size:10px;
    color:#565656;
    padding:5px 1px 4px 5px;
    margin: 0;
    width: 44px;
	float: left;
}

input.signup {
	background: #efefef;
    border:1px solid #eee;
    border-bottom: 1px solid #aaa;
    font-size:100%;
    font-weight: bold;
    line-height:130%;
    color:#565656;
    padding:5px 1px 6px 3px;
    margin-bottom: 5px;
    width: 144px;
    float: left;
}

input.signup:focus {
	background: #fff;
	border:1px solid #aaa;
}

#addme {
	background: #666;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	width: 320px;
	text-align: left;
	border-right: 1px solid #222;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	position: absolute;
	top: 20%;
	right: 0;
}

#addme h4 {
	color: #fff;
	background: #222 url('/images/add_dark.gif') 10px 7px no-repeat;
	font-weight: normal;
	padding: 5px 10px 5px 28px;
	border-bottom: 1px solid #111;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

#addme button {
	padding: 2px 5px;
	margin-left: 3px;
	border: 1px solid transparent;
	cursor: pointer;
}

#addme .q {
	background: #efefef;
	padding: 10px;
	margin: 3px 0 7px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	letter-spacing: -1px;
}

.dialogue {
	padding: 10px 5px 10px 10px;
}

.already {
	color: #fff;
	background: #666;
	font-size: 11px;
	padding: 3px 0 3px 30px;
}

#addme .a, #addme .a_confirm {
	text-align: right;
	background: #d8dee0;
	padding: 10px;
	margin: 3px 0 7px 55px;
	_margin: 3px 0 7px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
}

.a input {
	padding: 3px;
	/*
	background: #fff;
	*/
}


.a span {
	padding: 2px;
	text-align: left;
	display: block;
}


#addme img {
	border: 1px solid #000;
	float: left;
}

.an, .qn {
	width: 6px;
	height: 11px;
	margin-top: 18px;
}

.qn {
	background: transparent url('/images/i_nipple.gif') left no-repeat;
	float: left;
}

.an {
	background: transparent url('/images/i_nipple.gif') right no-repeat;
	float: right;
}

/* for ie6 */
/*
img, div, input {
	behavior: url('/iepngfix.htc');
}
*/