/*
 * base.css
 * Copyright 2010 ONGS Inc. All rights reserved.
 */

body {
 position: relative;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 background-color: #fbfbfb;
}

/* note */
.note {
 position: relative;
 width: 740px;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 background-color: #f0f0f0;
 background-position: 0 100%;
 background-repeat: repeat-x;
 background-image: url(undertail.png);
 border: 1px solid #ccc;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
}

.topwhite {
 height: 10px;
 /*background-color: white;*/
 background-color: #f0f0f0;
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 -moz-border-radius-topright: 6px;
 -moz-border-radius-topleft: 6px;
}

/* head */
.head {
 height: 40px;
 padding-left: 10px;
 /*border-top: 1px solid #e8e8e8;*/
 border-top: 1px solid #d8d8d8;
 border-bottom: 1px solid #bebebe;
 background-repeat: repeat;
 background-image: url(head.png);
 background-color: #eee;
}

.headlink {
 height: 40px;
 line-height: 40px;
 padding-left: 10px;
 padding-right: 30px;
 float: left;
 font-size: large;
 background-repeat: no-repeat;
 background-image: url(split.png);
 background-position: right;
}

.headlink a {
 font-size: medium;
 font-weight: bold;
 color: #505050;
 text-decoration: none;
}

/* language */
.language {
 position: absolute;
 top: 63px;
 bottom: auto;
 left: auto;
 right: 10px;
 height: 20px;
 width: auto;
 text-align: right;
}

.language div {
 font-size: 50%;
 color: #888;
}

.language a {
 color: #888;
 text-decoration: none;
}

/* rss */
.rss {
 position: absolute;
 top: 22px;
 bottom: auto;
 left: auto;
 right: 10px;
 height: 20px;
 width: 20px;
}

.rss a {
 color: white;
 text-decoration: none;
}

.rss img {
 text-decoration: none;
 border: none;
}

/* main content */
.main_content {
 width: 740px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 30px;
 background-repeat: repeat-x;
 background-image: url(underhead.png);
}

/* title */
.title {
 width: 700px;
 margin-top: -10px;
 margin-left: auto;
 margin-right: auto;
 font-size: xx-large;
 font-weight: bold;
 color: #696969;
 border-bottom: 1px solid #c9c9c9;
 padding-bottom: 5px;
}

.subtitle {
 width: 700px;
 margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
 font-size: medium;
 font-weight: bold;
 color: #7c7c7c;
}

/* app */
.appbox {
 width: 700px;
 height: 140px;
 margin-top: 30px;
 margin-left: auto;
 margin-right: auto;
 padding: 20px 10px;;
 background-color: white;
 border: 1px solid #c9c9c9;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}

.iconbox {
 width: 140px;
 height: 140px;
 background-repeat: no-repeat;
 background-image: url(iconbox.png);
 float: left;
}

.iconbox a {
 color: white;
 text-decoration: none;
}

.iconbox img {
 border: none;
 padding: 42px;
 text-decoration: none;
}

.infobox {
 width: 550px;
 margin-left: 150px;
}

.apptitle {
 position: relative;
 width: 160px;
 padding: 0px 10px 0px 0px;
 text-align: center;
 font-size: x-large;
 font-weight: bold;
 float: left;
 z-index: 10;
}

.apptitle a {
 color: black;
 text-decoration: none;
}

.appinfo {
 position: relative;
 height: 150px;
 padding: 10px;
 font-size: medium;
 text-indent: 0.5em;
 overflow: auto;
 z-index: 5;
}

.appinfo p {
 margin: 0px;
 padding: 0px;
}

.appplatform {
 position: absolute;
 color: #505050;
 top: auto:
 left: 0px;
 right: auto;
 bottom: 20px;
 width: 250px;
 height: 15px;
 text-align: left;
 font-size: small;
}

.appplatform span {
 vertical-align: middle;
}

.appitem {
 position: absolute;
 top: auto:
 left: auto;
 right: 0px;
 bottom: 20px;
 width: 200px;
 height: 20px;
 font-size: small;
 text-align: right;
 padding-right: 10px;
}

.appitem span {
 vertical-align: middle;
}

.appitem a {
 padding: 0px 4px;
}

.appitem img {
 border: none;
 vertical-align: middle;
}

/* tail */
.tail {
 width: 700px;
 margin-top: 30px;
 margin-left: auto;
 margin-right: auto;
 border-top: 1px solid #c9c9c9;
 padding: 15px 10px 20px 10px;
}

.tailtext {
 color: #505050;
 font-size: x-small;
 text-align: center;
}

.tailtext a {
 color: #505050;
}

.copyright {
 color: #707070;
 font-size: x-small;
 text-align: center;
}