/* 
    Document   : cn_weather.css
    Created on : 29.04.2009, 21:22:53
    Author     : forever
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.tx-cn-weather table { border-collapse: collapse; border: 0; width: 927px; }
.tx-cn-weather table td { font-size: 10pt; border-right: 1px dotted #a0a0a0; padding: 10px 10px;  }
.tx-cn-weather table thead td { text-align: center; padding: 10px 20px 0px 20px;  }
.tx-cn-weather table thead td.col-1 { text-align: left; }
.tx-cn-weather table thead td.col-7 { border: 0; }
.tx-cn-weather table thead tr.empty td { height: 10px; border: 0; padding: 0;}
.tx-cn-weather table thead tr.empty td hr { border: 0; border-bottom: 1px dotted #a0a0a0; height: 1px; padding: 0; margin: 10px 0;}
.tx-cn-weather table tbody tr.even td { background: #d9e5ea; }
.tx-cn-weather table tbody tr.row-1 td.col-1 { vertical-align: top; }
.tx-cn-weather table tbody tr.row-2 td.col-1 { vertical-align: top; }
.tx-cn-weather table tbody tr.row-9 td { vertical-align: bottom; }
.tx-cn-weather table tbody tr.row-10 td { vertical-align: bottom; }
.tx-cn-weather table tbody tr.row-11 td { vertical-align: bottom; }
.tx-cn-weather table tbody td.col-1 div { color: #a0a0a0; padding: 0 0 0 10px; }
.tx-cn-weather table tbody td.col-7 { border: 0; }
.tx-cn-weather table tbody td img { clear: both; }


.tx-cn-weather table.tides thead td { padding: 4px 20px 0 20px }
.tx-cn-weather table.tides thead td.col-3 { border: 0; }
.tx-cn-weather table.tides thead tr.empty td { padding: 2px; height: 6px;}
.tx-cn-weather table.tides tbody td { padding: 4px 10px; text-align: center; }
.tx-cn-weather table.tides tbody tr.row-1 td { color: #838383; }
.tx-cn-weather table.tides tbody td.col-9 { border: 0; }
.tx-cn-weather table.tides tbody td.empty { background: white; padding: 0 2px; border: 0;}

.tx-cn-weather div.map { position: relative; margin: 0 0 30px 0;}
.tx-cn-weather div.map img { border: 0; }
.tx-cn-weather div.map div.region {position: absolute; top: 28px; left: 139px; font-weight: bold; color: #333; }
.tx-cn-weather div.map div.links { position: absolute; padding: 10px; width: 250px; height: 40px; left: 38px; bottom: 19px; opacity: 0.7; font-weight: bold;}
* html .tx-cn-weather div.map div.links {
	top: 228px;
	left: 40px;
}
.tx-cn-weather div.map div.links a { text-decoration: none; }
.tx-cn-weather div.map div.town-1 { position: absolute; top: 0; left: 0; width: 100px; height: 40px; }

.tx-cn-weather div.map div.town-weather { position: absolute; line-height: 12px;  width: 200px;}

.tx-cn-weather div.map div#town-weather-2 { top: 120px; left: 238px; color: #333; line-height: 14px; font-size: 12px; }
.tx-cn-weather div.map div#town-weather-3 { top: 185px; left: 400px; }
.tx-cn-weather div.map div#town-weather-4 { top: 200px; left: 173px; }
.tx-cn-weather div.map div#town-weather-5 { top: 245px; left: 600px; }
.tx-cn-weather div.map div#town-weather-6 { top: 150px; left: 573px; }
.tx-cn-weather div.map div#town-weather-7 { top: 153px; left: 640px; }
.tx-cn-weather div.map div#town-weather-10 {top: 260px; left: 620px; }

.tx-cn-weather .cn-whole { width:952px; }
.tx-cn-weather .cn-whole .body { padding: 0 10px; background: url('/typo3conf/ext/cnweather/pi1/templates/images/center_dotted.png') repeat-y; }
.tx-cn-weather .cn-whole .top { background: url('/typo3conf/ext/cnweather/pi1/templates/images/top_dotted.png'); height: 5px;}
.tx-cn-weather .cn-whole .bottom { background: url('/typo3conf/ext/cnweather/pi1/templates/images/bottom_dotted.png'); height: 7px; margin-top: 0px;}


table.columns { margin: 10px 0; }
table.columns td { border: 0; padding: 0; margin: 0; }

#text-link {float:right; padding:19px 30px 0px 0px;}
#text-link a {text-decoration:none; font-weight:bold;}
.body h1{float:left;}
.map {clear:both;}
.tx-cn-weather div.map div#flag1 {position: absolute; top: 131px; left: 410px;}
.tx-cn-weather div.map div#flag2 {position: absolute; top: 15px; right: 170px;}
.tx-cn-weather div.map div#ads {position: absolute; top: 10px; right:25px;}}