@charset "UTF-8";

@import url("../../css/popup3.css");
@import url("../../css/common.css");

/* 
 * bus stop detail page
 * 2007.8.27
 *
 * Color Cordination
 * 
 *
 */ 

#contentsHeader
{
	margin-bottom: 5px;
}
#contentsHeader h3
{
	float: left;
	width: 40%;
}
#contentsHeader p
{
	float: right;
	width: 59%;
	text-align: right;
	color: #999;
}

#frameHeader
{
	border:0px;
	width:835px;
	height:80px;
	/**margin-top: 5px; **/
	/**margin-bottom: 2px;**/
}

#frameLineList
{
	border: 0px;
	width: 350px;
	/*height:400px;*/
	margin-top: 2px;
	margin-bottom: 10px;
}

#frameList
{
	border:0px;
	width:835px;
	/*height:400px;*/
	margin-top: 2px;
	margin-bottom: 10px;
}

#accept table.condition
{
	/*margin-bottom: 10px;*/
	border: 1px solid #666;
	background: #eff0d0;
}
#accept table.condition td
{
	padding: 3px;
}
#accept table.condition td.btnReload
{
	text-align: right;
}

#acceptTblLine 
{
	margin-bottom: 0;
	padding:0;
}
	/* for IE6 */
	* html body table#acceptTblLine
	{
		margin-bottom: 0px;
	}
	/* for IE7 */
	*+html body table#acceptTblLine
	{
		margin-bottom: 0px;
	}

table#acceptTblLine th
{
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #666;
	background: #eff0d0;
	width:250px;
	height:80px;
	text-align: center;
}

table#acceptTblLine th.lineName
{
	width: 150px;
}

table#acceptTblLine th.upDown
{
	width: 200px;
}

table#acceptTblLine td
{
	padding: 3px;
	/**border-right: 1px solid #666;**/
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #666;
	background: #eff0d0;
	width: 150px;
	height: 48px;
	text-align: left;
	font-size:12;
}

table#acceptTblLine td.lineName
{
	width: 150px;
}

table#acceptTblLine td.upDown
{
	width: 200px;
}

table#acceptTbl
{
	margin-bottom: 0;
	padding:0;
	border: 1px solid #666;
	/*width:987px;*/
}
	/* for IE6 */
	* html body table#acceptTbl
	{
		margin-bottom: 0px;
	}
	/* for IE7 */
	*+html body table#acceptTbl
	{
		margin-bottom: 0px;
	}

table#acceptTbl th,
table#acceptTbl td
{
	border-left: 1px solid #ccc;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #666;
}
table#acceptTbl th strong,
table#acceptTbl td strong{
	color: #FF0000;
}
table#acceptTbl th
{
	white-space: nowrap;
	font-size:12;
	padding: 3px;
	background: #eff0d0;
}
table#acceptTbl tr.drives th
{
	text-align: center;
}
table#acceptTbl tr.drivesHeader th
{
	text-align: center;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
table#acceptTbl tr.drives th.driveHead
{
	text-align: right;
	width: 150px;
}

table#acceptTbl th span.drive
{
	color: #000;
	font-weight: bold;
}
/*table#acceptTbl th a
{
	padding-right: 12px;
	background: url(../img/common/ico_outbound.gif) no-repeat right center;
}*/
table#acceptTbl td
{
	white-space: nowrap;
	font-size:12;
	padding: 3px;
	height:41px;
	text-align: left;
}
table#acceptTbl td.time a
{
	display: block;
	color: #666;
	text-decoration: none;
}
table#acceptTbl td.time a:hover
{
	color: #999;
	text-decoration: underline;
}
table#acceptTbl table.inner
{
	width: 150px;
}
table#acceptTbl table.inner td
{
	width: 120px;
	border: 0;
	text-align: left;
}
table#acceptTbl table.inner td.icon
{
	width: 30px;
	text-align: center;
}
table.legend
{
	margin-bottom: 10px;
}
table.legend th
{
	padding-left: 5px;
}
table.legend td
{
	padding-right: 5px;
}

#master div.notes
{
	padding: 10px;
	background: #eee;
}
#master div.notes p
{
	width:100%;
	color:#ff0000;
}


/*
 * outbound links
 * - - - - - - - - - - */
span.outbound
{
	padding: 0 2px;
}
span.outbound img
{
	vertical-align: middle;
}



#direction ul.tab
{
	height: 27px;
	margin-bottom: 10px;
	padding: 0 10px;
	background: url(../../img/static/accept/bg_tab_area.gif) repeat-x left bottom;
}
#direction ul.tab li
{
	float: left;
	width: 125px;
}
#direction ul.tab li a,
#direction ul.tab li span
{
	display: block;
	width: 122px;
	height: 13px;
	padding: 9px 0 5px;
	background: url(../../img/static/accept/bg_tab_off.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
}
	html>body #direction ul.tab li a,
	html>body #direction ul.tab li span
	{
		padding: 7px 0;
	}
	
#direction ul.tab li a:hover
{
	background: url(../../img/static/accept/bg_tab_off_over.gif) no-repeat left top;
}
#direction ul.tab li.on span
{
	background: url(../../img/static/accept/bg_tab_on.gif) no-repeat left top;
	color: #333;
}
#direction ul.tab li.no span
{
	background: url(../../img/static/accept/bg_tab_no.gif) no-repeat left top;
	color: #fff;
		padding: 7px 0;
}
h3{
	margin:5px 0;
	padding:2px 0 2px 10px;
	border-left:3px solid #ff6600;
}

.empMsg
{
	color: #ff0000;
}