@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	Weathernews Official Website for smartphone
	
	new released : November 17, 2011
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
	made for sakura
------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
  TAB
------------------------------------------------------------------------------------- */

ul#tab-head { 
	width: 95%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative; text-align: center; line-height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(70%, #efeeee), to(#dcdcdc));
	background: -webkit-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: -moz-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: -ms-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: -o-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	border-top: solid 1px #757d8a; border-left: solid 1px #757d8a; border-right: solid 1px #757d8a;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
	
}
ul#tab-head li { display: block; }
ul#tab-head li:first-of-type { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
ul#tab-head li:last-of-type { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
ul#tab-head.col2 li { width: 50%; }
ul#tab-head.col3 li { width: 33%; }
ul#tab-head.col3 li:last-child { width: 34%; }
ul#tab-head.col4 li { width: 25%; }
ul#tab-head.col5 li { width: 20%; }
ul#tab-head li a { display: block; border-left: 1px solid #757d8a; border-bottom: 1px solid #757d8a; }
ul#tab-head li:first-of-type a { border-left: none; }
ul#tab-head li.selected { background: #fff; }
ul#tab-head li.selected a { border-bottom: none; color: #0c419a; }

div.tab-body {
	width: 95%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: solid 1px #757d8a;
	border-top: none;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	display: none;

}
div.tab-body.show {	display: block; }
div.tab-body-inner { padding: 15px 10px; }