@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	10TEN Channel
	
	new released : October 17, 2011
	update : 

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


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
.ten-my-location{width:95%;margin:10px auto 0;padding:7px 0;background: url(../../img/icon_gps.png)10px center no-repeat, #f9fcff;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px;border:solid 1px #bdbdbd;}
.ten-my-location p{padding:0 40px;font-size:12px;color:#333;line-height:14px;}


/* -------------------------------------------------------------------------------------
  10ten
------------------------------------------------------------------------------------- */
dl{text-align:left;position:relative;font-size:15px;}
dt{position: absolute;left: 10px;padding: 7px 0 0 0;} 
dd {padding: 2px 0 0 6em;border-bottom: solid 1px #b6b6b6;}
dd img {vertical-align: middle;padding: 0 15px 2px 0;}
dd.last-dd {border-bottom: none;}

/*legend*/
#ten-map{padding:5px;}
#ten-map p{margin-right:10px;padding-left:17px;position:relative;float:left;}
#ten-map p:before{content:"";width:10px;height:10px;position:absolute;top:2px;left:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:solid 1px #000;}
#ten-map p.l1:before{background:#ff6600;}
#ten-map p.l2:before{background:#ffaa00;}
#ten-map p.l3:before{background:#9c9c9c;}
#ten-map p.l4:before{background:#00ffea;}
#ten-map p.l5:before{background:#00d7ea;}
#ten-map p.l6:before{background:#008fea;}
#ten-map p.l7:before{background:#0000ea;}
#ten-map p.l8:before{background:#eaea00;}
#ten-map p.l9:before{background:#da70d6;}
#ten-map p.l10:before{background:#9a32cd;}
#ten-map p.l11:before{background:#fff;}
#ten-map p.l12:before{background:#000;}
#ten-map p.l13:before{background:#ff1493;}