/* Common *********************************************************************/
div.hr					{	padding-top	:30px;	}


/* title img *****************************************************************/
#imgGraph						{	padding-left	:40px; }
#imgCalendar					{	padding-left    :10px; }
#imgInfo						{	padding-left    :10px; }


/******************************************************************************
 * top content
 ******************************************************************************/
div#topContent			{	clear	:both;	
							/*float	:right;*/	
							padding-top:30px;} 
 
 
/* Pre-Select *****************************************************************/
td.mapControl							{	background-color	: #eeeeee; 
											color				: #333333;	
											padding-bottom: 5px;
											text-align: center;
											padding-top: 5px;
											text-decoration		: underline;
											}
td.thSubHeader							{	border-bottom		: dashed 1px #dfdfdf;
											background-color	: #333333;
											color				: #ffffff; 
											background			: url("../../common/gif/bar150.gif") left bottom no-repeat;
											padding-bottom		: 5px; 		
											padding-top			: 5px;
											text-align			: center;
											font-weight			: bold;}
td.mapControl:hover						{	cursor				: pointer;
											text-decoration		: none;		}





/* MAP ************************************************************************/
#mainMap				{   /*float			:right;*/
							background		:url("../../common/gif/map_frame_tide.gif") left bottom no-repeat;
							/*width			:662px; 
							height			:550px;*/
							margin-left		:55px; 
							padding-bottom	: 2px;
							padding-top		:20px; }
#map					{   width			:658px;
							height			:527px;
							margin-left		:2px;
							/*padding-top: 10px;*/}
		
/* Map Maker info window ******************************************************/
div.showInfoWindow		{	padding-top		:20px;	}
span.tidePlace			{	font-size  		:14px;
							font-weight		:bold;
							/*text-decoration	:underline;*/
							color			:#545454; }


/******************************************************************************
 * bottom content
 ******************************************************************************/
div#bottomContent			{	clear	:both;
 								padding-top		: 50px;	
							/*float	:right;*/	} 
							
							
/* Tide ************************************************************************/
div#tideTitle							{	background		:url("../../common/gif/tide_detail_frame.gif") left top no-repeat;
											width			:730px; 
											height			:34px;	
											padding-top: 5px; }
#tideDetailTitle						{	font-size		:23px;
											color			:#ffffff;
											font-weight		:bold;
											margin-left		:45px; }


/* Tide Left ************************************************************************/
/* calendar */
#calendar								{	margin-top		:20px;
											margin-left		:20px;	}

/* tide info */
#tideInfoTable							{	/*font-family		:"‚l‚r ƒSƒVƒbƒN","Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Osaka";*/
											font-size		:13px;
											color			:#333333;
											margin-top		:5px;
											margin-left		:20px;}
#tideInfoTable th						{	text-align		:left;
											font-size		:13px;
											color			:#333333;}
#tideInfoTable th#tideInfoTableHeader	{	font-size		:16px;
											text-align		:center;}
#tideInfoTable th#tideNmTh				{	text-align		:right;
											font-size		:18px;
											font-weight		:bold;
											color			:#545454;}
#tideInfoTable tr.tideHigh				{	background-color:#E8EEF9; }
#tideInfoTable tr.tideLow				{	background-color:#FFFFFF; }
#tideInfoTable td						{	border-bottom	:solid 1px #CCCCCC;
											text-align		:right;
											
											 }
/* Tide Right ************************************************************************/
#tideDetailRight		{	float			:left;
							width			:650px;	}
#placeholder			{	width			:600px; 
							height			:350px; 
							margin-left		:40px;	}
#legend					{	margin-left		:440px;	}

div#tideCopyright		{	text-align		:right;	}
span.tideCopyrightName	{	font-size		:10px;
							color			: #777777; }

							
/* Weather Info ************************************************************************/
#weather				{	float			:left;
							padding-top		: 60px; 
							padding-bottom	: 50px;}
#weatherContent			{	float		: left;	}
#tideWeatherWarnContent	{	float		: left;
							margin-left : 20px; }

#tideWeather			{ 	margin-top  : 20px; }
#tideWeatherWarn		{	float		: left;
							margin-top	: 20px;
							margin-left	: 10px;}
div.weatherDetail		{	float 		: left;
							margin-left : 20px;	}
img.weatherV			{	float		: left;
							margin-left	: 20px;}
span.wdWeather			{	font-size	: 16px;}
div#tideWeatherWarn table {	border: 1px solid #dddddd;
							border-collapse : collapse ; }
div#tideWeatherWarn td {	border: 1px solid #dddddd;
							padding: 5px 25px 5px 25px;}
							
							
/* Control Info ************************************************************************/
div#control				{	/*clear: both;*/
							float: left;	}
input#tideMailAdd		{	background	:url("../../common/gif/tide_mail.gif") left top no-repeat;
							width		:200px;
							height		:30px;
							cursor 		:pointer;
							border		:0px; 
							margin-left	:100px;}
input#tideMailAdd:hover	{	background	:url("../../common/gif/tide_mail_select.gif") left top no-repeat;}



/* Tide mail setting form ************************************************************************/
div#mailSetting h1				{   font-size		:16px;} 
div#userTideInput				{	clear			:both;
									padding-bottom	:20px;}
div#userTideInput table			{	width			:100%; }

div#userTideInput span			{	background		: url( "../../common/gif/icon_item_small_black.gif" )  left bottom no-repeat;
									padding-left	:15px;}
div#userTideInput span#placeNm	{	background		: url( "" );
									font-weight		: bold;}
div#userTideInput span.subMsg		{	font-size		:10px;
									background		: url( "" );
									color			:#0077dd;}
div#userTideControl	input		{	margin-top		:10px;
									margin-bottom	:10px; }

/* Tide Mail Sending Time setting form *********************************************************/
div#sendTimeSetting h1				{   font-size		:16px;
										padding-top		: 10px; } 
div#sendTimeInput				{	clear			:both;
									padding-bottom	:20px;}
div#sendTimeInput table			{	width			:100%; }

div#sendTimeInput span			{	background		: url( "../../common/gif/icon_item_small_black.gif" )  left bottom no-repeat;
									padding-left	:15px;}
div#sendTimeInput span#placeNm	{	background		: url( "" );
									font-weight		: bold;}
div#sendTimeInput span.subMsg	{	font-size		:10px;
									background		: url( "" );
									color			:#0077dd;}
div#sendTimeControl	input		{	/*vertical-align:text-top; */}
p.pRadioWeatherInc				{	padding-top: 15px; }
input.radioWeatherInc			{	vertical-align: text-top; }									
/* banner *********************************************************/
span.weatherMessage				{   padding-left	:20px; 	}
#bannerDetail					{	border-style	:dotted;
									border-color	:#777777;
									border-width	:1px;
									margin-left		:30px;
									width			:650px; }
#bannerDetailImg				{	float			:left; 	  }
#bannerDetailCode				{	float			:left; 	  }
#bannerImg						{	vertical-align  :top;
									margin-top		:20px;}
#codeTag						{	margin-top		:10px;
									margin-left		:40px;
									margin-bottom	:20px;
									font-size		:15px; 	
									width			:450px;
									height			:70px;   }
p.bannerTitle					{	padding-left	:40px;
									margin-top		:0px;}
#pr2							{   margin-top		:20px;
									display: none; }