/*
-----------------------------------------------
travel-db for Runners My Page Login Styles
Author:   Harry Nakayama
Dates:    2007/08/22
----------------------------------------------- */
/*
-----------------------------------------------
Elements
----------------------------------------------- */
/* h1
----------------------------------------------- */
h1	{
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:bold;
  line-height:36px;
  text-indent:-10000px;
}

/* dl, dt, dd
----------------------------------------------- */
dt	{
  margin-top:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#FFFFFF;
  line-height:24px;
}
dd	{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#DDDDDD;
  line-height:18px;
}

/* p
----------------------------------------------- */
p	{
  margin-top:5px;
}

/* input
----------------------------------------------- */
input.text_long	{
  width:240px;
  font-family:Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif ;
  font-size:14px;
  color:#740202;
}

input.text_short	{
  width:120px;
  font-family:Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif ;
  font-size:14px;
  color:#740202;
}

input.button	{
  height:30px;
  margin-top:10px;
  padding:5px;
  font-size:14px;
  color:#006600;
}


/*
-----------------------------------------------
Page Layout
----------------------------------------------- */
/* main layout
----------------------------------------------- */
#main			{
  width:500px;
  height:300px;
  float:left;
  background-repeat:no-repeat;
  overflow:hidden;
}
.signup #main	{
  background-image:url(/img/runners/signup_main.jpg);
}
.login #main	{
  background-image:url(/img/runners/login_main.jpg);
}
.reset_password #main	{
  background-image:url(/img/runners/reset_password_main.jpg);
}

#main_content	{
  width:270px;
  margin:10px 0px 0px 230px;
  padding:0px;
  text-align:left;
}

/* subcol layout
----------------------------------------------- */
#subcol	{
  width:250px;
  float:right;
}

#subcol_content	{
  width:240px;
  margin:10px 0px 0px 10px;
  padding:0px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:18px;
}

/* ul, li
----------------------------------------------- */
#subcol_content ul	{
  margin-left:20px;
  padding-left:0px;
}

#subcol_content li	{
  margin-bottom:5px;
}

/* a
----------------------------------------------- */
#subcol_content a	{
  text-decoration:none;
  border-bottom-style:dashed;
  border-bottom-width:1px;
  color:#740202;
  border-bottom-color:#740202;
}
#subcol_content a:hover	{
  color:#fd6e6e;
  border-bottom-color:#fd6e6e;
}

/* message
----------------------------------------------- */
#message	{
	width		:650px;
	margin-left	:50px;
	text-align	:left;
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:16px;
	line-height	:24px;
}
#messageBottom	{
	width		:750px;
	margin-top	:20px;
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:12px;
	color		:#666666;
	line-height	:18px;
}
#messageBottom a	{
	text-decoration		:none;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	color				:#740202;
	border-bottom-color	:#740202;
}
#messageBottom a:hover	{
	color				:#fd6e6e;
	border-bottom-color	:#fd6e6e;
}

/* event
----------------------------------------------- */
#event	{
	width		:750px;
	margin-top:0px;
	text-align	:left;
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:16px;
	line-height	:24px;
}

/* charity
----------------------------------------------- */
#charity	{
	width			:750px;
	margin-top		:0px;
	margin-bottom	:20px;
	text-align		:center;
	font-family		:Arial, Helvetica, sans-serif;
	font-size		:20px;
	line-height		:30px;
	color			:#006400;		
}


/*
-----------------------------------------------
Class
----------------------------------------------- */
/* .notice
----------------------------------------------- */
.notice	{
	color:#990000;
}
.notice a	{
	text-decoration		:none;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#990000;
	color				:#990000;
}
.notice a:hover	{
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#FF3333;
	color				:#FF3333;
}

/* error_message
----------------------------------------------- */
.error_message	{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFFF00;
  line-height:18px;
}

/* margins
----------------------------------------------- */
.marginTop0	{
	margin-top	:0px;
}
.marginBottom20	{
	margin-bottom	:20px;
}

/* table
----------------------------------------------- */
.tableH	{
	border-collapse	:collapse;
	font-size		:16px;
	line-height		:24px;
	font-weight		:normal;
	color			:#333333;
}
.tableH th	{
	padding			:2px 8px;
	border-width	:2px;
	border-style	:solid;
	border-color	:#CCCCCC;
	background-color:#999999;
	color			:#FFFFFF;
	font-weight		:bold;
	text-align		:center;
	vertical-align	:middle;
}
.tableH td	{
	padding			:2px 8px;
	border-width	:2px;
	border-style	:solid;
	border-color	:#CCCCCC;
	background-color:#FFFFFF;
}
.tableH td a	{
	display			:block;
	width			:100%;
	height			:100%;
	color			:#333333;
	text-decoration	:none;
}
.tableH td a:hover	{
	color			:#FF0000;
	text-decoration	:none;
}