/*
 * カラースキーマ
 * メイン: #D1E8FF
 * サブ1 : #FF80BF
 * サブ2 : #FFD1D1
 */

/*
 * サイト全体
 */
body {
    margin: 0px;
    padding: 0px;
}

.site_header {
    padding-left: 1em;
    padding-right: 1em;
    border-bottom: solid 1px #FF80BF;
}

.site_header a {
    margin-left: 0.25em;
    margin-right: 0.25em;
    text-decoration: none;
}

span.notice {
    color: #FF80BF;
}

.contents {
    padding: 1em;
}

.site_footer {
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    padding-right: 1em;
    border-top: solid 1px #FFD1D1;
    color: #FF80BF;
    text-align: right;
}

td.left_align {
    text-align: left;
}

td.right_align {
    text-align: right;
}

span.method_name {
    font-weight: bold;
}

span.author {
    color: #FF80BF;
}

a.description {
    text-decoration: none;
}

.fieldWithErrors {
    padding: 2px;
    background-color: #FF80BF;
    display: table;
}

li span.updated_at {
    color: #D1E8FF;
    font-size: 0.8em;
}

li span.score {
    color: #D1E8FF;
    font-size: 0.8em;
}

a img {
    border-style:none;
}

/*
 * sample_program/index
 */
.search {
    text-align: center;
}

.search span.tag_line {
    font-style: italic;
}

table.features {
    width: 90%;
    margin-top: 2em;
}

table.features em {
    color: #FF80BF;
}

table.features p.small {
    margin: 0;
    font-size: 0.6em;
}

table.sample_programs {
    width: 80%;
    margin-bottom: 1em;
}

table.sample_programs tr td {
    vertical-align: top;
}

.popular_sample_programs .title, .recent_sample_programs .title {
    padding-left: 2em;
    width: 80%;
    font-weight: bold;
    border-bottom: solid 1px #FFD1D1;
}

table.objects {
    width: 80%;
    border-spacing: 2px 1em;
}

table.objects tr td.title {
    text-align: center;
    font-weight: bold;
}

table.objects tr td {
    width: 25%;
}

/*
 * sample_program/show
 */
span.signature {
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
    color: #FF80BF;
}

a.add_sample_program {
    font-size: 0.8em;
}

.sample_programs {
    margin-top: 1em;
}

.sample_program {
    margin-bottom: 3em;
}

.sample_program .header {
    width: 100%;
    border-top: solid 1px #FF80BF;
    background-color: #FFD1D1;
}

.sample_program .header .description {
    margin-left: 1em;
    font-weight: bold;
}

.sample_program .header span.good_evaluations {
    margin-left: -6px;
    font-size: 0.7em;
}

.sample_program .footer {
    text-align: right;
    text-size: 0.8em;
    color: #FF80BF;
}

.sample_program .comments {
}

.sample_program .comments .title {
    font-weight: bold;
}

.comment {
    margin: 0.5em;
}

.comment .header {
    border: none;
    background-color: white;
}

.comment .body {
    margin: 0.5em;
}

/*
 * sample_program/search
 */
.header {
    margin-bottom: 1em;
}

.header form span.logo {
    font-weight: bold;
    font-style: italic;
    color: #FF80BF;
    margin-left: 1em;
    margin-right: 1em;
    font-size: 2em;
}

.search_status {
    width: 100%;
    border-top: solid 1px #FF80BF;
    background-color: #FFD1D1;
}

.search_status tr {
    font-size: 0.8em;
}

.search_status tr td.search_type {
    text-align: left;
}

.search_status tr td.status {
    text-align: right;
}

.notice {
    font-size: 0.8em;
}

.notice a {
    text-decoration: none;
}

.search_result ul {
    list-style-type: none;
}

.search_result li {
    margin-bottom: 1em;
}

/*
 * sample_program/new, sample_program/edit
 */
form table {
    width: 80%;
}

form table th.title {
    font-weight: bold;
    font-size: 1.2em;
    font-style: italic;
}

form .require {
    color: #FF80BF;
}

form th.require .fieldWithErrors {
    color: white;
}

form.preview {
    margin-bottom: 2em;
}