/* compatible.css */

.admin-menu-icon {
float:left;
padding:5px;
}
.admin-menu {
padding:5px;
border:1px solid #EEEEEE;
}
.admin-menu-text {
padding:5px;
}
.admin-menu-item {
padding: 0px 5px;
}
.admin-list-smalltable {
text-align:left;
border-spacing:1px;
}
.admin-list-table {
width:100%;
text-align:left;
border-spacing:1px;
}
.admin-list-table form {
margin:0px;
}
.admin-list-search {
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
.admin-list-field {
text-align:left;
padding-left:5px;
padding-right:5px;
}
.admin-list-headerfield {
text-align:left;
padding:3px 5px;
}
.blocklist ul {
list-style:none;
padding:0px;
margin:0px;
}
.alignleft {
text-align:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.aligntop {
vertical-align:top;
}
.floatright {
float:right;
}
.floatleft {
float:left;
}
.clearboth {
clear:both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.b {
font-weight:bold;
}
.ext-link {
background-color: transparent;
background: url(./images/external.png) center right no-repeat;
background-attachment: scroll;
padding-right: 13px;
}
.ext-link-rtl {
}
.feed-link {
background-color: transparent;
background: url(./images/feed.png) center right no-repeat;
background-attachment: scroll;
padding: 2px 0;
padding-right: 16px;
}
.feed-link-rtl {
}
.strike {
text-decoration: line-through;
}
.commentbar-line1 {
background:transparent;
color:#000000;
padding:3px 3px;
text-align:center;
}
.commentbar-line2 {
background:#E7E7E7;
text-align:center;
padding-left:3px;
padding-right:3px;
}
.commentbar-line3 {
background:#FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E7E7E7;
color:#000000;
padding:3px 3px;
text-align:center;
}
.commenttitle {
background:#F7F7F7;
border:1px solid #E7E7E7;
font-weight:bold;
font-size:smaller;
padding: 3px 0px;
padding-left: 10px;
}
.comment-edit {
font-style: italic;
padding-top:1ex;
}
.comment-sig {
color:#666666;
padding-top:1ex;
}
.edit-perm-down {
text-align:center;
}
.edit-perm-up {
text-align:center;
padding-right:10px;
padding-left:10px;
}
.fieldhelp {
font-size:0.8em;
color:#666666;
padding-left:0.8em;
padding-right:0.8em;
}
.form-description {
font-weight:bold;
float:left;
width:100px;
text-align:right;
padding-right:5px;
display:block;
}
.form-field {
padding-bottom:5px;
margin-left:105px;
}
.checkboxes-list {
list-style:none;
padding:0px;
margin:0px;
}
.checkboxes-list span {
padding-left:5px;
}
.checkboxes-list .gldefault {
font-weight:bold;
}
.missing-field {
}
.required-field {
}
.highlight {
color:#000000;
background-color:yellow;
text-decoration:none;
}
.inputTable td {
padding:4px;
vertical-align:top;
}
.inputTable label {
font-weight:bold;
float:right;
white-space:nowrap;
}
.moderation-cc {
width:100%;
}
.moderation-cc-row {
clear:both;
height:80px;
width:100%;
}
.moderation-cc-item {
float:left;
text-align:center;
}
.nowrap {
white-space:nowrap;
}
.pagenav {
text-align:center;
}
.row_center td {
text-align:center;
}
.searchauth {
background:transparent;
color:#000000;
text-align:left;
}
.searchdate {
background:transparent;
color:#000000;
text-align:right;
}
.searchform-box {
background:#E7E7E7;
text-align:right;
border-bottom:1px solid #CCCCCC;
height:52px;
padding:0px;
padding-right: 4px;
padding-left: 1px;
margin:0px;
}
.searchform-elements {
display:inline;
position:relative;
top:6px;
}
.searchform-elements input {
font-size:0.9em;
}
.searchhits {
background:transparent;
color:#000000;
text-align:right;
}
.searchresult-byline {
color:green;
}
.site-slogan {
color:#ffffff;
background:transparent;
}
.sysmessage {
position: relative;
margin: 1em;
margin-left: 4em;
}
.sysmessage img {
position: absolute;
left: -3.1em;
top: -0.3em;
border:none;
float:left;
padding-bottom:3px;
padding-right:5px;
}
.stats-list-count {
text-align:right;
padding-left:5px;
padding-right:5px;
}
.stats-header-title {
text-align:left;
width:90%;
padding-left:5px;
padding-right:5px;
}
.stats-header-count {
text-align:left;
width:10%;
padding-left:5px;
padding-right:5px;
}
.story {
background:transparent;
color:#000000;
}
.story h1 {
background:transparent;
color:#000000;
font-weight:bold;
padding-left:1px;
}
.story-body {
padding:3px;
}
.story-featured {
background:transparent;
color:#000000;
}
.story-featured h1 {
background:transparent;
color:#000000;
font-weight:bold;
font-size:1.4em;
padding-left:1px;
}
.story-icons {
float:right;
padding-top:10px;
}
.story-icons a {
margin-left:5px;
}
.story-container {
padding-right:9px;
width:100%;
vertical-align:top;
}
.story-footer {
padding:3px;
text-align:center;
clear:both;
}
.story-footer p {
padding:0px;
margin:0px;
}
.story-information {
padding:3px;
font-size:0.85em;
background:transparent;
color:#000000;
}
.story-information p {
padding:0px;
margin:0px;
}
#token-expirynotice {
padding:1em;
border:1px solid #CCCCCC;
background:#F7F7F7;
}
#token-expirytime {
font-weight:bold;
}
.topicoption,
.topicoption-off {
}
.warning {
background:transparent;
color:#FF0000;
font-weight:bold;
}
.warningsmall {
background:transparent;
color:#FF0000;
}
.plugin {
color:#000000;
background-color:#EFEFEF;
font-weight:normal;
border:1px solid #CCCCCC;
}
.plugin th {
color:#000000;
background-color:#B7C1DC;
padding:5px;
text-align:left;
}
.plugin tr {
vertical-align:top;
}
.plugin td {
padding:2px 5px 2px 5px;
}
.pluginBG {
color:#FEFEFE;
background-color:#7398BA;
}
.pluginAltBG {
background-color:#7398BA;
}
.pluginAltBG td {
color:#FFFFFF
}
.pluginCellTitle {
color:#666666;
font-weight:bold;
background-color:#E6E6E6;
padding:5px;
}
.pluginCellFill {
background-color:#F8FAFD;
}
.pluginCellText {
color:#636363;
font-weight:normal;
}
.pluginHeader {
color:#204275;
font-weight:bolder;
padding-top:3px;
padding-bottom:3px;
}
.pluginFooter, .pluginFooter td {
background-color:#507AA1;
color:#FFFFFF;
}
.pluginAlert {
padding:5px 15px 5px 15px;
color:#D8010E;
background-color:#FEF1B4;
font-weight:bold;
}
.pluginInfo {
padding:5px 15px 5px 15px;
color:#707070;
background-color:#FEF1B4;
font-weight:normal;
}
.pluginSubTable {
color:#000000;
background-color:#CCCCCC;
font-weight:normal;
border:1px solid #CCCCCC;
}
.pluginSubTable th {
color:#000000;
background-color:#C9D1E4;
padding:5px;
text-align:left;
}
.pluginSubTable tr {
vertical-align:top;
}
.pluginSolidOutline {
background-color:#CCCCCC;
}
.pluginSolidFill {
background-color:#1A3955;
}
.pluginTitle {
background-color:#507AA1;
color:#F5F9FF;
padding:4px;
padding-left:6px;
padding-right:6px;
}
.pluginCellSubTitle {
background-color:#F7F7F7;
color:#000000;
padding:4px;
padding-left:6px;
padding-right:6px;
}
.pluginTinyText {
font-size:0.70em;
}
.pluginSmallText {
font-size:0.8em;
}
.pluginMediumText {
font-size:1em;
}
.pluginLargeText {
font-size:1.25em;
}
.pluginAltText {
color:#FFFFFF;
}
.pluginRow1, .pluginRow1 td {
color:#000000;
background-color:#F7F7F7;
line-height:120%;
}
.pluginRow2, .pluginRow2 td {
color:#000000;
background-color:#E7E7E7;
line-height: 120%;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
color:#000000;
background-color:#FFFFFF;
line-height:120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
color:#000000;
background-color:#F7F7F7;
line-height:120%;
}
.pluginLinks A:link {
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginLinks A:visited {
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginLinks A:hover {
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
color:#FFFFFF;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginBreadCrumbs A:visited {
color:#FFFFFF;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginBreadCrumbs A:hover {
color:#FFFFFF;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
a.pluginButton:link, a.pluginButton:visited {
color:#000000;
text-align:center;
padding-top:2px;
display:block;
height:19px;
text-decoration:none;
background-color:transparent;
}
a.pluginButton:hover {
color:blue;
text-align:center;
padding-top:2px;
background:center url(./navbar/images/button_over.gif);
background-repeat:repeat-x;
display:block;
height:19px;
text-decoration:none;
background-color:transparent;
}

/* default.css */

* {
margin: 0;
padding: 0;
}
html {
display: block;
}
head, meta, script, style, title, param {
display: none;
}
body {
display: block;
margin: 8px;
}
h1 {
display: block;
margin: 0.67em 0;
font-size: 24px;
font-weight: bolder;
}
h2 {
display: block;
margin: 0.75em 0;
font-size: 20px;
font-weight: bolder;
}
h3 {
display: block;
margin: 0.83em 0;
font-size: 16px;
font-weight: bolder;
}
h4 {
display: block;
margin: 1.12em 0;
font-size: 14px;
font-weight: bolder;
}
h5 {
display: block;
margin: 1.5em 0;
font-size: 12px;
font-weight: bolder;
}
h6 {
display: block;
margin: 1.67em 0;
font-size: 10px;
font-weight: bolder;
}
address {
display: block;
font-style: italic;
}
p {
display: block;
margin: 0 0 15px 0;
}
pre {
display: block;
margin: 1em 0;
padding: 1em;
border: 1px dashed #08C;
font-family: monospace;
white-space: pre;
}
blockquote {
display: block;
margin: 1.12em 40px;
word-wrap: break-word;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
cite {
font-style: italic;
}
em {
font-style: italic;
}
strong {
font-weight: bolder;
}
var {
font-style: italic;
}
dfn {
font-style: italic;
}
code {
font-family: monospace;
}
samp {
font-family: monospace;
}
kbd {
font-family: monospace;
}
abbr[title], acronym[title] {
border-bottom: 1px dotted;
}
a:link, a:visited {
text-decoration: underline;
}
a:focus  {
outline: thin dotted invert;
}
ul {
list-style-type: disc;
display: block;
margin: 15px 0;
padding-left: 15px;
}
ol {
list-style-type: decimal;
display: block;
margin: 15px 0;
padding-left: 15px;
}
li {
display: list-item;
}
ul ul,
ul ol,
ul dl,
ol ul,
ol ol,
ol dl,
dl ul,
dl ol,
dl dl {
margin-top: 0;
margin-bottom: 0;
}
ol ul,
ul ul {
list-style-type: circle;
}
ol ol ul,
ol ul ul,
ul ol ul,
ul ul ul {
list-style-type: square;
}
dl {
display: block;
margin: 15px 0;
}
dt {
display: block;
}
dd {
display: block;
margin-left: 15px;
}
ins {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
form {
display: block;
margin: 1.12em 0;
}
fieldset{
display: block;
margin: 1.12em 0;
}
button {
display: inline-block;
}
textarea {
display: inline-block;
font-size: small;
}
input {
}
select {
display: inline-block;
}
table {
display: table;
margin-top: 0;
margin-bottom: 15px;
border-spacing: 2px;
border-collapse: collapse;
text-indent: 0;
}
table[align="left"] {
margin-right: auto;
}
table[align="center"] {
margin-left: auto;
margin-right: auto;
}
table[align="right"] {
margin-left: auto;
}
caption {
display: table-caption;
text-align: center;
}
thead {
display: table-header-group;
vertical-align: middle;
}
tbody {
display: table-row-group;
vertical-align: middle;
}
tfoot {
display: table-footer-group;
vertical-align: middle;
}
tr {
display: table-row;
vertical-align: inherit;
}
col {
display: table-column;
}
colgroup {
display: table-column-group;
}
table>tr {
vertical-align: middle;
}
th,
td {
vertical-align: top;
border: 1px solid #DDD;
}
th {
display: table-cell;
font-weight: bolder;
text-align: center;
}
td {
display: table-cell;
text-align: inherit;
padding: 2px;
}
tr[align="left"],
th[align="left"],
td[align="left"] {
text-align: left;
}
td[align="left"]>table,
td[align="left"]>table,
td[align="left"]>table {
margin-right: auto;
}
tr[align="center"],
th[align="center"],
td[align="center"] {
text-align: center;
}
td[align="center"]>table,
td[align="center"]>table,
td[align="center"]>table {
margin-left: auto;
margin-right: auto;
}
tr[align="right"],
th[align="right"],
td[align="right"] {
text-align: right;
}
td[align="right"]>table,
td[align="right"]>table,
td[align="right"]>table {
margin-left: auto;
}
tr[valign="top"],
th[valign="top"],
td[valign="top"] {
vertical-align: top;
}
tr[valign="middle"],
th[valign="middle"],
td[valign="middle"] {
vertical-align: middle;
}
tr[align="bottom"],
th[align="bottom"],
td[align="bottom"] {
vertical-align: bottom;
}
a img {
border: 2px solid;
}
hr {
display: block;
height: 2px;
border: 1px inset;
margin: 0.5em auto;
}
sub {
vertical-align: sub;
font-size: 0.83em;
line-height: normal;
}
sup {
vertical-align: super;
font-size: 0.83em;
line-height: normal;
}

/* common.css */

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.25;
}
a:link {
color: #0088cc;
text-decoration: none;
}
a:visited {
color: #0088cc;
}
a:hover {
text-decoration: underline;
color: #005580;
}
*:first-child+html body {
font-size: small;
}
* html body {
font-size: small;
}
pre {
overflow: auto;
}
* html pre {
width: 95%;
}
table {
border-spacing: 0;
font-size: 100%;
}
ul,
ol {
list-style-position: inside;
}
fieldset {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
}
fieldset legend {
display: inline;
padding: 2px 4px;
}
form.basic fieldset{
margin: 0;
border: none;
}
form.basic legend {
display: none;
}
img {
vertical-align: bottom;
}
a img {
border: none;
}
input,
select,
textarea {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;  */
}
input.text {
}
input[type="checkbox"] {
margin: 0 0.3em;
}
input.submit {
}
option {
padding-right: 4px;
}
iframe[width="100%"] {
width: 99%;
}
.user_basic {
padding: 0.5em 2em;
}
hr.separator {
display: none;
}
.speech {
overflow: hidden;
position: absolute;
left: -999px;
width: 0;
height: 0;
}
form[name="change"] select[name="lang"],
form[name="change"] select[name="lang"] option {
width: 99%;
font-size: 95%;
}
div.pagenav {
text-align: center;
line-height: 1.5;
}
.pluginAlert {
margin-bottom: 1em;
}
form.basic {
margin: 0;
padding: 0;
}
form.basic p.message {
margin: 0 0 1em 0;
padding: 0;
}
form.basic ul.submit {
margin: 0;
padding: 0;
}
form.basic ul.submit li {
display: inline;
margin: 0;
padding: 0;
}
form.compact {
margin: 0;
padding: 0;
}
form.compact p.message {
margin: 0 0 1em 0;
padding: 0;
}
form.compact dl {
margin: 0 0 1em 0;
padding: 0;
}
form.compact dl:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html form.compact dl {
height: 1%;
overflow: visible;
}
form.compact dl dt {
float: left;
clear: left;
width: 25%;
margin: 0 0 0.5em 0;
padding: 0;
}
form.compact dl dd {
float: left;
width: 75%;
margin: 0 0 0.5em 0;
padding: 0;
}
form.compact dl dd.description {
margin: -0.5em 0 0.5em 25%;
padding: 0;
}
* html form.compact dl dd.description {
margin-left: 12.5%;
}
form.compact p.description,
form.compact div.description {
margin: 0 0 1em 0;
padding: 0;
}
body.js_off form.compact input.text,
body.js_off form.compact textarea {
width: 98%;
}
form.compact ul.submit {
margin: 0;
padding: 0;
}
form.compact ul.submit li {
display: inline;
margin: 0;
padding: 0;
}
form.linear {
margin: 0;
padding: 0;
}
form.linear p.message {
margin: 0 0 1em 0;
padding: 0;
}
form.linear dl {
margin: 0 0 1em 0;
padding: 0;
}
form.linear dl dt {
margin: 0;
padding: 0;
font-weight: bold;
}
form.linear dl dd {
margin: 0 0 0.5em 0;
padding: 0;
}
form.linear dl dd.description {
margin: -0.5em 0 0.5em 0;
padding: 0;
}
form.linear p.description,
form.linear div.description {
margin: 0 0 1em 0;
padding: 0;
}
form.linear ul.submit {
margin: 0;
padding: 0;
}
form.linear ul.submit li {
display: inline;
margin: 0;
padding: 0;
}
form dl.notes {
margin: 0 0 1em 0;
padding: 8px;
border: 1px solid #000000;
background: #FFFFE1;
}
form dl.notes dt {
margin: 0 0 0.5em 0;
padding: 0 0 0 24px;
border-bottom: 1px solid #000000;
background: url(./images/icon_info.png) no-repeat 0 0;
font-weight: bold;
}
form dl.notes dd {
}
form dl.notes dd ul {
list-style-position: inside;
margin: 0;
padding: 0;
}
form dl.notes dd ul li {
margin: 0;
padding: 0;
}
ul.compact {
margin: 0;
padding: 0;
}
ul.compact li {
display: inline;
margin: 0;
padding: 0;
}
.gl-pagenav {
text-align: center;
color: #CCC;
margin: 0 0 1.5em;
}
.gl-pagenav a,
.gl-pagenav b {
display: inline-block;
margin: 1px;
padding: 2px 7px;
background: transparent;
border: 1px solid #E7E7E7;
}
.gl-pagenav b {
color: #222;
}
.gl-pagenav a:hover {
background: #EEE;
border: 1px solid #CCC;
}
.gl-pagenav span {
display: inline-block;
padding: 4px;
line-height: 1.7;
color: #999;
}
.gl-pagenav span a {
margin: 0;
padding: 2px 0;
background: transparent;
border: none;
}
.gl-pagenav span a:hover {
background: transparent;
border: none;
}
.back-top a {
display: block;
width: 26px;
height: 26px;
text-indent: -1000em;
background: url(./images/arrow-top.png) no-repeat center center #585858;
margin: 15px auto 10px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-box-shadow: 0px 0px 2px 1px #93847c;
-moz-box-shadow: 0px 0px 2px 1px #93847c;
box-shadow: 0px 0px 2px 1px #93847c;
}
@font-face {
font-family: 'fontello';
src: url("./font/fontello.eot");
src: url("./font/fontello.eot?#iefix") format('embedded-opentype'), url("./font/fontello.woff") format('woff'), url("./font/fontello.ttf") format('truetype'), url("./font/fontello.svg#fontello") format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
text-align: center;
width: 35px;
line-height: 30px;
font-size: 24px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: 0.2em;
text-align: center;
width: 35px;
opacity: 1;
text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
line-height: 30px;
font-size: 24px;
}

/* layout.css */

body {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
div#container {
position: relative;
max-width: 980px;
width: 100%;
margin: 0 auto;
padding: 1.2%;
text-align: left;
background: white;
}
#header {
position: relative;
margin-bottom: 20px;
border: none;
color: #FFFFFF;
text-decoration: none;
}
#header div#header-content {
width: 95%;
margin: 0 auto;
padding: 0;
position: relative;
}
#header a {
color: #FFFFFF;
}
#header h1.site_name {
font: 36px/110% Damion,Georgia,"Times New Roman",Times,serif;
margin: 0;
padding: 2px 0 6px;
text-align: center;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}
#header p.site_slogan {
color: #eee;
margin: -5px auto 0;
padding: 1px 0;
font-size: 85%;
}
#header p.welcome_msg {
margin: 0 auto;
padding: 2px 0;
position: absolute;
top: 35px;
right: 0px;
width: 19.7125%;
max-width: 192px;
font-size: 85%;
color: #eee;
}
p.welcome_msg a,
p.welcome_msg a:link,
p.welcome_msg a:visited {
}
p.welcome_msg a:hover,
p.welcome_msg a:focus,
p.welcome_msg a:active {
}
#navigation {
margin: 0;
padding: 0;
position: absolute;
top: 10px;
z-index: 100;
}
#searchform .icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔍 '); }
#searchform .icon-search:before { content: '🔍'; font-size: 18px; line-height: 18px; }
div#container .breadcrumbs {
margin: 0 0 15px;
padding: 6px 0 7px 15px;
display: block;
border: 1px solid #ddd;
}
div#container div#wrapper {
overflow: visible;
width: 100%;
margin: 0;
padding: 0;
}
div#container div#wrapper:before,
div#container div#wrapper:after {
content: "";
display: block;
clear: both;
height: 1%;
overflow: hidden;
}
* html div#container div#wrapper {
height: 1%;
overflow: visible;
}
body.left-center-right div#container div#wrapper {
}
body.left-center div#container div#wrapper {
}
body.center-right div#container div#wrapper {
}
body.center div#container div#wrapper {
}
body.js_off div#container div#wrapper {
}
div#container div#wrapper div#centerblocks {
overflow: visible;
}
div#container div#wrapper div#centerblocks-content {
padding: 0;
}
body.left-center-right div#container div#wrapper div#centerblocks {
}
body.left-center div#container div#wrapper div#centerblocks {
}
body.center-right div#container div#wrapper div#centerblocks {
width: 100%;
max-width: 980px;
}
body.center div#container div#wrapper div#centerblocks {
width: 100%;
max-width: 980px;
margin: 0;
padding: 0;
}
body.js_off div#container div#wrapper div#centerblocks {
display: inline;
}
div#container div#wrapper div#leftblocks {
overflow: auto;
padding: 0;
}
body.js_off div#container div#wrapper div#leftblocks {
margin: 0;
}
div#container div#wrapper div#rightblocks {
clear: both;
margin: 0 0 15px;
padding: 15px 1.5%;
border: 1px solid #ddd;
color: #666;
}
div#container div#wrapper div#rightblocks:before,
div#container div#wrapper div#rightblocks:after {
display: table;
content: "";
}
body.js_off div#container div#wrapper div#rightblocks {
clear: both;
width: 100%
max-width: 980px;
}
div#container #footer {
padding: 2px;
color: #223;
font-size: 10px;
}
div#container div#footer-content {
margin: 0 auto 6px;
}
div#container #footer a,
div#container #footer a:link,
div#container #footer a:visited {
}
div#container #footer a:hover,
div#container #footer a:focus,
div#container #footer a:active {
}
div#container #footer div#copyright {
}
div#container #footer p.back-top {
clear: both;
margin: 10px auto 15px;
padding: 0;
}
div#container #footer div.copyright {
margin: 5px 0 10px;
}
div#container #footer div.copyright_notice {
}
div#container #footer div.copyright_notice address {
font-style: normal;
}
div#container #footer div.site_info {
margin: 5px 0 10px;
}
div#container #footer div.powered_by {
}
#header {
position: relative;
background: #5e5e5e;
background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 49%, #5e5e5e 51%, #777777 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(49%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#777777));
background: -webkit-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%);
background: -o-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%);
background: -ms-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%);
background: linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%);
-pie-background: linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
border: none;
color: #FFFFFF;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
}
#header div#header-content {
width: 100%;
}
#header p.site_slogan {
width: 60.5749%;
max-width: 590px;
text-align: center;
}
#navigation ul {
list-style-type: none;
margin: 0 1em;
padding: 0;
}
#navigation ul li.menuitem {
float: left;
display: block;
}
#navigation ul li.menuitem a {
display: block;
height: 2.3em;
line-height: 2.2em;
padding: 0 0.8em;
text-decoration: none;
color: #fafafa;
font-size: 13px;
border-right:1px solid #5d5d5d;
border-left:1px solid #929292;
}
#navigation ul li.menuitem a:hover {
background: #666;
color: #fff;
color: white;
text-decoration: none;
}
#navigation ul li.menuitem:first-child a {
border-left: medium none;
}
#navigation ul li.last {
}
#navigation ul li.last a {
padding-right: 1em;
border-right: medium none;
}
#navigation ul li.last a:hover {
}
div#container div#wrapper div#centerblocks div#topinfoleft {
float: left;
width: 48.4693%;
max-width: 475px;
margin-right: 2.8571%;
margin-top: 25px;
margin-bottom: 30px;
}
div#container div#wrapper div#centerblocks div#topinfoleft .block-list {
float: left;
width: 46.3157%;
max-width: 220px;
margin-right: 5.5631%;
}
div#container div#wrapper div#centerblocks div#topinfoleft .block-last {
margin-top: 1px;
margin-right: 0;
}
div#container div#wrapper div#centerblocks div#topinfoleft .block-list-2 {
clear: both;
width: 100%;
max-width: 475px;
}
div#container div#wrapper div#leftblocks {
overflow: auto;
float: left;
width: 32.4795%;
max-width: 317px;
margin-left: 1.4344%;
padding: 0;
}
body.js_off div#container div#wrapper div#leftblocks {
float: left;
margin: 0;
}
div#container div#wrapper div#centerblocks div#topinforight {
float: right;
width: 48.4693%;
max-width: 475px;
margin-top: 25px;
margin-bottom: 25px;
}
body.left-center-right div#container div#wrapper div#centerblocks {
float: right;
width: 65.8811%;
max-width: 643px;
}
body.left-center div#container div#wrapper div#centerblocks {
float: right;
width: 65.8811%;
max-width: 643px;
}
body.js_off div#container div#wrapper div#centerblocks {
display: inline;
float: right;
width: 65.8811%;
max-width: 643px;
}
div#container #footer div.copyright {
float: left;
margin: 5px 0 10px;
}
div#container #footer div.copyright_notice address {
font-style: normal;
}
div#container #footer div.site_info {
float: right;
text-align: right;
margin: 5px 0 10px;
}

/* block.css */

div#leftblocks ul,
div#leftblocks ol,
div#rightblocks ul,
div#rightblocks ol {
padding-left: 0;
}
li.listitem {
margin: 2px 0;
padding: 2px 0;
list-style-type: none;
}
div#centerblocks div#block-message {
margin: 1.2em 0;
padding: 0;
border: 1px solid #939490;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 4px 1px #aaa;
-moz-box-shadow: 0px 0px 4px 1px #aaa;
box-shadow: 0px 0px 4px 1px #aaa;
background: #eeeeec url("./images/css/bg_message_title.png") repeat-x scroll 0 0;
}
div#centerblocks div#block-message dl {
margin: 0;
padding: 0;
}
div#centerblocks div#block-message dl dt {
margin: 0;
padding: 8px;
color: #222;
font-weight: bold;
text-align: center;
line-height: 1.5em;
}
div#centerblocks div#block-message dl dd {
margin: 0;
padding: 8px;
font-weight: bold;
}
.block-related {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
color: #666;
}
.block-related h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 100%;
font-weight: bold;
}
.block-related div.block-related-content {
margin: 0;
padding: 0;
}
div#centerblocks {
margin-bottom: 12px;
}
div#centerblocks .block-center {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
}
div#centerblocks h2,
div#centerblocks h3,
div#centerblocks h4 {
margin: 0 0 10px 0;
padding: 0;
}
div#centerblocks .block-center h2 {
font-size: 125%;
}
div#centerblocks .block-center h3 {
font-size: 110%;
}
div#centerblocks .block-center h4 {
font-size: 100%;
}
div#centerblocks h2 img,
div#centerblocks h3 img,
div#centerblocks h4 img {
vertical-align: middle;
}
div#centerblocks .block-center div.block-center-content {
margin: 0;
padding: 0;
}
div#centerblocks .block-center div.block-center-content img {
max-width:100%;
height:auto;
}
div#leftblocks {
margin: 0;
line-height: 21px;
}
div#leftblocks .block-list,
div#leftblocks .block-left {
margin-bottom: 15px;
padding: 15px;
border: 1px solid #ddd;
color: #666;
}
div#leftblocks .block-list h2,
div#leftblocks .block-left h2 {
margin: 0 0 10px;
padding: 0;
font-size: 16px;
color: #222;
}
div#leftblocks .block-list h2 img,
div#leftblocks .block-left h2 img {
vertical-align: middle;
}
div#leftblocks .block-list div.block-list-content,
div#leftblocks .block-left div.block-left-content {
margin: 0 0 10px 5px;
padding: 0;
}
div#leftblocks ul {
margin: 0 0 10px;
}
div#leftblocks ul li {
margin: 0 0 0 5px;
}
div#rightblocks {
line-height: 21px;
}
div#rightblocks .block-list,
div#rightblocks .block-right {
width: 268px;
margin: 10px;
padding: 0;
float: left;
}
}
div#rightblocks .block-list:first-child ,
div#rightblocks .block-right:first-child {
margin-left: 0;
}
div#rightblocks .block-list h2,
div#rightblocks .block-right h2 {
margin: 0 0 10px;
padding: 0;
font-size: 16px;
color: #222;
}
div#rightblocks .block-list h2 img,
div#rightblocks .block-right h2 img {
vertical-align: middle;
}
div#rightblocks .block-list div.block-list-content,
div#rightblocks .block-right div.block-right-content {
margin: 0 0 10px 5px;
padding: 0;
}
div#rightblocks ul {
margin: 0 0 10px;
}
div#rightblocks ul li {
margin: 0 0 0 5px;
}

/* option.css */

li.adminoption {
list-style: none outside;
margin: 0;
padding: 0;
color: #333;
}
li.adminoption a,
li.adminoption a:link,
li.adminoption a:visited {
}
li.adminoption a:hover,
li.adminoption a:focus,
li.adminoption a:active {
}
li.adminoption_off {
list-style: none outside;
margin: 0;
padding: 0;
color: #333;
}
li.topicoption {
list-style: none outside;
margin: 0;
padding: 0;
color: #333;
}
li.topicoption a,
li.topicoption a:link,
li.topicoption a:visited {
}
li.topicoption a:hover,
li.topicoption a:focus,
li.topicoption a:active {
}
li.topicoption_off {
list-style: none outside;
margin: 0;
padding: 0;
color: #333;
}
li.useroption {
list-style: none outside;
margin: 0;
padding: 0;
color: #333;
}
li.useroption a,
li.useroption a:link,
li.useroption a:visited {
}
li.useroption a:hover,
li.useroption a:focus,
li.useroption a:active {
}
li.useroption_off {
list-style: none outside;
margin: 0;
padding: 0;
color: #333;
}

/* form.css */

div#block-search {
margin: 0;
padding: 0;
border: 0;
}
div#block-search form#searchform div {
position: relative;
margin: 0 20px 0 0;
width: 160px;
height: 26px;
line-height: 26px;
padding: 2px 5px;
z-index: 3;
}
div#block-search form#searchform div input {
position: relative;
border: 0px solid transparent;
height: 25px;
background: transparent;
line-height: 15px;
}
div#block-search form#searchform div input.text {
position: absolute;
z-index: 5;
float: left;
width: 160px;
}
div#block-search form#searchform div input.submit {
position: relative;
vertical-align: top;
z-index: 10;
float: right;
width: 30px;
cursor: pointer;
background: #fff;
filter: Alpha(opacity=0);
opacity: 0;
}
div#block-search form#searchform div div.icon-search {
position: absolute;
cursor: pointer;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
float: right;
top: 0;
left: 130px;
z-index: 7;
}
@media only screen and (min-width: 520px) and (max-width: 900px) {
div#block-search form#searchform {
position: absolute;
top: 5px;
right: 5px;
margin: 0;
padding: 0;
}
div#block-search form#searchform div input.text {
background-color: #aaa;
color: #fff;
padding: 2px 10px 2px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
div#block-search form#searchform div div.icon-search { color: #f1f1f1; }
}
@media only screen and (min-width: 901px) {
div#block-search form#searchform {
position: absolute;
top: 5px;
right: 5px;
margin: 0;
padding: 0;
}
div#block-search form#searchform div input.text {
background-color: #f1f1f1;
padding: 2px 10px 2px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
div#block-search form#searchform div div.icon-search { color: #5e5e5e; }
}
div#block-search form#searchform p {
margin: 0;
padding: 0;
}
@media only screen and (max-width: 480px) {
div#block-search form#searchform {
display: none;
}
div#block-search form#searchform div {
margin: 0;
padding: 0;
}
}
form#loginform input,
form#loginform select,
form.third-party-login input {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form#loginform dl {
margin: 0;
padding: 0;
}
form#loginform dl dt {
margin: 0;
padding: 0;
}
form#loginform dl dd {
margin: 0;
padding: 0;
}
form#loginform input.submit {
height: 28px;
font-size: 12px;
margin: 10px 0;
}
form#loginform ul.navi {
list-style-position: outside;
list-style-type: none;
padding: 0;
}
form#loginform ul.navi li {
margin: 0;
padding: 0;
}
form.third-party-login {
margin: 0.1em 0;
}
form.third-party-login div {
position: relative;
}
form.third-party-login div img {
position: absolute;
left: 6px;
top: 6px;
}
form.third-party-login div input.submit {
text-indent: 24px;
font-size: 12px;
height: 28px;
}
div.third-party-login {
width: 164px;
}

/* story.css */

div#centerblocks .storytext {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
}
div#centerblocks .storytext h1.story_title {
margin: 0 0 10px 0;
padding: 0;
font-size: 20px;
}
div#centerblocks .storytext ul.icon {
list-style-type: none;
float: right;
margin: 0;
padding: 0;
text-align: right;
}
div#centerblocks .storytext ul.icon li{
display: inline;
margin: 0;
padding: 0;
}
div#centerblocks .storytext div.status {
color: #989898;
font-size: 11px;
padding: 0 0 10px;
}
div#centerblocks .storytext div.story_introtext {
margin: 0;
padding: 0;
}
div#centerblocks .storytext div.story_introtext img {
max-width:100%;
height:auto;
}
div#centerblocks .storytext span.story_image {
float: right;
width: 48px;
height: 48px;
margin: -8px 0 0;
padding: 0;
}
div#centerblocks .storytext div.navi {
font-size: 11px;
margin: 0 0 10px 0;
padding: 0;
}
div#centerblocks .storytext div.feedback {
font-size: 11px;
margin: 0;
padding: 3px 0 0 0;
}
div#centerblocks .featuredstorytext {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
}
div#centerblocks .featuredstorytext h1.story_title {
margin: 0 0 10px 0;
padding: 0;
font-size: 20px;
}
div#centerblocks .featuredstorytext ul.icon {
list-style-type: none;
float: right;
margin: 0;
padding: 0;
text-align: right;
}
div#centerblocks .featuredstorytext ul.icon li{
display: inline;
margin: 0;
padding: 0;
}
div#centerblocks .featuredstorytext div.status {
color: #989898;
font-size: 11px;
padding: 0 0 10px;
}
div#centerblocks .featuredstorytext div.story_introtext {
margin: 0;
padding: 0;
}
div#centerblocks .featuredstorytext div.story_introtext img {
max-width:100%;
height:auto;
}
div#centerblocks .featuredstorytext span.story_image {
float: right;
width: 48px;
height: 48px;
margin: -8px 0 0;
padding: 0;
}
div#centerblocks .featuredstorytext div.navi {
font-size: 11px;
margin: 0 0 10px 0;
padding: 0;
}
div#centerblocks .featuredstorytext div.feedback {
font-size: 11px;
margin: 0;
padding: 3px 0 0 0;
}
div#centerblocks .archivestorytext {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
}
div#centerblocks .archivestorytext h1.story_title {
margin: 0 0 10px 0;
padding: 0;
font-size: 20px;
}
div#centerblocks .archivestorytext ul.icon {
list-style-type: none;
float: right;
margin: 0;
padding: 0;
text-align: right;
}
div#centerblocks .archivestorytext ul.icon li{
display: inline;
margin: 0;
padding: 0;
}
div#centerblocks .archivestorytext div.status {
color: #989898;
font-size: 11px;
padding: 0 0 10px;
}
div#centerblocks .archivestorytext div.story_introtext {
margin: 0;
padding: 0;
}
div#centerblocks .archivestorytext div.story_introtext img {
max-width:100%;
height:auto;
}
div#centerblocks .archivestorytext span.story_image {
float: right;
width: 48px;
height: 48px;
margin: -8px 0 0;
padding: 0;
}
div#centerblocks .archivestorytext div.navi {
font-size: 11px;
margin: 0 0 10px 0;
padding: 0;
}
div#centerblocks .archivestorytext div.feedback {
font-size: 11px;
margin: 0;
padding: 3px 0 0 0;
}
div.story_introtext h2 {
font-size: 116.7%;
}
div.story_introtext h3 {
font-size: 108.4%;
}
div.story_introtext h4,
div.story_introtext h5,
div.story_introtext h6 {
font-size: 100%;
}

/* article/article.css */

ul.list-whats-related {
list-style-type: disc;
margin: 0;
margin-left: 8px;
padding: 0;
line-height: 21px;
}
ul.list-whats-related li {
margin: 0;
padding: 0;
}
ul.list-story-options {
list-style-type: disc;
margin: 0 0 0 8px;
padding: 0;
line-height: 21px;
}
ul.list-story-options li {
margin: 0;
padding: 0;
}

/* comment/comment.css */

div.comments {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
color: #666;
text-align: center;
}
div.comments p.pagenav {
margin: 0;
padding: 0;
text-align: center;
}
div.comments ul.status {
list-style-type: none;
margin: 0 0 0.5em 0;
padding: 0;
}
div.comments ul.status li {
display: inline;
margin: 0 2px;
padding: 0;
}
div.comments ul.status li a {
margin-left: 8px;
}
div.comments form#commentbar-selector {
display: inline;
}
div.comments form#commentbar-selector fieldset {
display: inline;
}
div.comments form#commentbar-selector ul {
margin: 0;
padding: 0;
}
div.comments form#commentbar-selector ul li {
display: inline;
margin: 0;
padding: 0;
}
div.comments form#commentbar-comment {
display: inline;
}
div.comments form#commentbar-comment fieldset {
display: inline;
}
div.comments p.disclaimer {
margin: 0.5em 0 0 0;
padding: 0;
}
div.comments ul.thread {
list-style-position: outside;
list-style-type: none;
margin: 0 0 0.5em 0;
padding: 0;
text-align: left;
}
div.comments ul.thread li.title {
display: inline;
margin: 0;
padding: 0;
}
div.comments ul.thread li.author {
display: inline;
margin: 0;
margin-left: 8px;
padding: 0;
}
div.comments ul.thread li.author:before {
content: " - ";
}
div.comments div.block-comment-content {
margin: 0;
padding: 0;
text-align: left;
}
div.comments div.level-25,
div.comments ul.level-25 {
margin-left: 0;
}
div.comments div.level-25,
div.comments ul.level-25 {
margin-left: 16px;
}
div.comments div.level-50,
div.comments ul.level-50 {
margin-left: 32px;
}
div.comments div.level-100,
div.comments ul.level-100 {
margin-left: 48px;
}
div.comments div.level-125,
div.comments ul.level-125 {
margin-left: 64px;
}
div.comments div.level-150
div.comments ul.level-150 {
margin-left: 80px;
}
div.comments div.level-175
div.comments ul.level-175 {
margin-left: 96px;
}
div.comments div.level-200,
div.comments ul.level-200 {
margin-left: 112px;
}
div.comments div.level-225,
div.comments ul.level-225 {
margin-left: 128px;
}
div.comments div.level-250,
div.comments ul.level-250 {
margin-left: 144px;
}
div.comments div.block-comment-content ul.status {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
div.comments div.block-comment-content ul.status li.title {
display: block;
margin: 1em 0 0.5em 0;
padding: 4px;
border: 1px solid #E7E7E7;
background: #F7F7F7;
}
div.comments div.block-comment-content ul.status li.author {
display: block;
margin: 0 0 1em 0;
padding: 0;
}
div.comments div.block-comment-content div.comment {
margin: 0 0 1em 0;
padding: 0;
}
div.comments div.block-comment-content ul.navi {
margin: 0 0 0.5em 0;
padding: 0;
}
div.comments div.block-comment-content ul.navi:before {
content: "[";
}
div.comments div.block-comment-content ul.navi:after {
content: "]";
}
div.comments div.block-comment-content ul.navi li {
display: inline;
margin: 0 2px;
padding: 0;
}
div.comments div.block-comment-content ul.navi li.permlink {
margin: 0 2px 0 0;
}
form#reportcomment div.comment {
margin: 0 0 1em 0;
padding: 0;
border-bottom: 1px solid #E7E7E7;
}
form#commentform dl dt.username {
display: inline;
}
form#commentform dl dd.username {
display: inline;
margin-left: 8px;
}
form#commentform dl dd.username a {
margin-left: 8px;
}
form#commentform dl dd.username a:before {
content: "[";
}
form#commentform dl dd.username a:after {
content: "]";
}
form#commentform dl dt.title {
margin-top: 0.5em;
}
form#commentform dl.importantstuff dd ul {
list-style-type: disc;
margin: 0;
padding: 0;
}
form#commentform dl.importantstuff dd ul li {
margin: 0;
margin-left: 8px;
padding: 0;
}
form#commentform_advanced dl dt.username {
display: inline;
}
form#commentform_advanced dl dd.username {
display: inline;
margin-left: 8px;
}
form#commentform_advanced dl dd.username a {
margin-left: 8px;
padding: 0 2px;
}
form#commentform_advanced dl dd.username a:before {
content: "[";
}
form#commentform_advanced dl dd.username a:after {
content: "]";
}
form#commentform_advanced dl dt.title {
margin-top: 0.5em;
}
form#commentform_advanced dl.importantstuff dd ul {
list-style-type: disc;
margin: 0;
padding: 0;
}
form#commentform_advanced dl.importantstuff dd ul li {
margin: 0;
margin-left: 8px;
padding: 0;
}

/* navbar/navbar.css */

ul.navbar-breadcrumbs {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.navbar-breadcrumbs li {
display: inline;
}
ul.navbar-breadcrumbs li a {
margin: 0 8px;
}
#navcontainer {
position: relative;
padding: .2em;
zoom: 1;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #a6c9e2;
border-bottom: 1px dotted #a6c9e2;
}
#navcontainer ul {
margin: 0;
padding: .2em .2em 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #4297d7;
background: #5c9ccc url('jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png') 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
#navcontainer ul li {
list-style: none;
float: left;
}
#navcontainer ul li a {
padding: 0;
white-space: nowrap;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #c5dbec;
background: #dfeffc url(jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #2e6e9e;
margin: 0 .2em 1px 0;
position: relative;
top: 1px;
border-bottom: 0 !important;
}
#navcontainer ul li a span {
float: left;
padding: .5em 1em;
text-decoration: none;
color: #2e6e9e;
}
#navcontainer ul li a#current {
border: 1px solid #79b7e7;
background: #f5f8f9 url(jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
font-weight: bold;
padding-bottom: 1px;
margin-bottom: 0;
cursor: text;
}
#navcontainer ul li a#current span {
color: #e17009;
}
#navcontainer ul li a:hover {
border: 1px solid #79b7e7;
background: #d0e5f5 url(jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1d5987;
}

/* preferences/preferences.css */

form#profile {
width: 99%;
margin-right: auto;
margin-left: auto;
}
form#profile fieldset {
margin: 0 0 1em 0;
padding: 8px;
border: 1px solid #CCCCCC;
}
form#profile fieldset legend {
display: inline;
padding: 2px 4px;
}
form#displayprefs p.checklist {
margin: 0;
padding: 0;
}
form#profile ul.checkboxes-list {
list-style-type: none;
margin: 0;
padding: 0;
}
form#profile ul.checkboxes-list li {
display: inline;
margin-right: 0.5em;
}
form#displayprefs dl {
margin-bottom: 0;
}
form#displayprefs dl dd input {
margin-right: 2px;
}
form#profile dl dd.userphoto-photo img {
display: block;
margin: 8px;
}
form#profile span.gldefault {
font-weight: bold;
}

/* search/search.css */

body.js_off form#advsearchform input.text,
body.js_off form#advsearchform textarea {
width: auto;
}
#advsearchform dt {
text-align: right;
margin: 0;
}
#advsearchform dd {
padding-bottom: 0.4em;
}
#advsearchform label {
height: 2em;
line-height: 2em;
padding-right: 2em;
}
#advsearchform #advsearchform-query {
width: 55%;
}
#advsearchform select,
#advsearchform input {
width: 25%;
vertical-align: middle;
}
#advsearchform span {
padding: 0 0.4em;
}
#advsearchform ul .submit {
width: 41.25%;
margin-left: 25%;
}
dl#searchresults-found {
margin: 0 0 1em 0;
padding: 0;
}
dl#searchresults-found dt {
display: inline;
margin: 0;
padding: 0;
}
dl#searchresults-found dd {
display: inline;
margin: 0;
margin-left: 4px;
padding: 0;
}
dl#searchresults-found dd.search_time:before {
content: "(";
}
dl#searchresults-found dd.search_time:after {
content: ")";
}
table.searchblock {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.searchblock tr {
margin: 0;
padding: 0;
background: #DAE0ED;
}
table.searchblock tr.resultrow1 {
background: #D9D9D9;
}
table.searchblock tr.resultrow2 {
background: #EFEFEF;
}
table.searchblock tr th {
margin: 0;
padding: 2px;
text-align: left;
}
table.searchblock tr td {
margin: 0;
padding: 2px;
}

/* stats/stats.css */

table.itemstatistics {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.itemstatistics tr th {
margin: 0;
padding: 2px;
text-align: left;
}
table.itemstatistics tr td {
margin: 0;
padding: 2px;
}

/* submit/submit.css */

p#submitloginrequired-message {
margin: 0 0 1em 0;
padding: 0;
}
ul#submitloginrequired-navi {
display: inline;
margin: 0;
padding: 0;
}
ul#submitloginrequired-navi:before {
content: "[";
}
ul#submitloginrequired-navi:after {
content: "]";
}
ul#submitloginrequired-navi li {
display: inline;
margin: 0 2px;
padding: 0;
}
ul#submitloginrequired-navi li+li {
margin: 0 2px 0 0;
}
ul#submitloginrequired-navi li+li:before {
content: " | ";
}
form#submitstory dl dd ul.navi {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
form#submitstory dl dd ul.navi:before {
content: "[";
}
form#submitstory dl dd ul.navi:after {
content: "]";
}
form#submitstory dl dd ul.navi li {
display: inline;
margin: 0 2px;
padding: 0;
}
form#submitstory_advanced dl dd ul.navi {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
form#submitstory_advanced dl dd ul.navi:before {
content: "[";
}
form#submitstory_advanced dl dd ul.navi:after {
content: "]";
}
form#submitstory_advanced dl dd ul.navi li {
display: inline;
margin: 0 2px;
padding: 0;
}

/* trackback/trackback.css */

div#trackback {
margin: 0 0 15px 0;
padding: 15px;
border: 1px solid #ddd;
color: #666;
}
div#trackback h3 {
margin: 0 0 0.5em 0;
padding: 0;
font-size: 100%;
font-weight: bold;
}
div#trackback div.block-trackback-content {
margin: 0;
padding: 0;
border-bottom: 1px solid #E7E7E7;
}
div#trackback div.block-trackback-content dl {
margin: 0 0 1em 0;
padding: 0;
}
div#trackback div.block-trackback-content dl dt {
display: inline;
margin: 0;
padding: 0;
}
div#trackback div.block-trackback-content dl dd {
display: inline;
margin: 0;
padding: 0;
}
div#trackback p.trackback_comments_no_link {
margin: 0 0 1em 0;
padding: 0;
}
div.formattedcomment {
margin: 0 0 1em 0;
padding: 0;
}
div.formattedcomment ul.status {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
div.formattedcomment ul.status li.title {
margin: 0 0 0.5em 0;
padding: 4px;
border: 1px solid #E7E7E7;
background: #F7F7F7;
}
div.formattedcomment ul.status li.trackback_date {
margin: 0 0 0.5em 0;
padding: 0;
}
div.formattedcomment p.trackback_excerpt_readmore {
margin: 0 0 1em 0;
padding: 0;
}
div.formattedcomment ul.navi {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
div.formattedcomment ul.navi li.delete_option {
display: inline;
margin: 0;
padding: 0;
}

/* users/users.css */

div.login-wrapper {
width: 50%;
margin: auto;
}
div.login-wrapper.remote-login-enabled {
width: 95%;
margin: auto;
}
div.standard-login-panel {
width: 100%;
}
div.remote-login-panel {
display: none;
}
div.standard-login-panel.remote-login-enabled,
div.remote-login-panel.remote-login-enabled {
display: block;
width: 47%;
margin-left:2%;
float: left;
}
div.remote-login-panel p.message {
margin: 0 0 1em;
}
div.remote-login-panel div.wrapper{
width: 164px;
margin: auto;
}
div.standard-login-panel label {
margin: 0 1em;
float: right;
line-height: 1.8em;
}
div.standard-login-panel input,
div.standard-login-panel select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: right;
height: 1.8em;
}
div.standard-login-panel input.submit {
height: 28px;
font-size: 12px;
}
div.standard-login-panel ul.navi {
list-style-position: outside;
list-style-type: none;
margin: 1em 0 0;
padding: 0;
}
div.standard-login-panel ul.navi li {
margin: 0;
padding: 0;
text-align: center;
}
dl#profile-userprofile {
overflow: hidden;
margin: 0;
padding: 0;
}
dl#profile-userprofile:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html dl#profile-userprofile {
height: 1%;
overflow: visible;
}
dl#profile-userprofile dt {
float: left;
clear: left;
width: 25%;
margin: 0 0 0.5em 0;
padding: 0;
}
dl#profile-userprofile dd {
float: left;
width: 75%;
margin: 0 0 0.5em 0;
padding: 0;
}
dl#profile-userprofile dd#profile-user_photo {
float: none;
width: auto;
margin-left: 25%;
padding: 8px;
}
p.storyrow {
margin: 0;
padding: 0;
}
p.storyrow a {
margin: 0 8px 0 0;
padding: 0;
}
p.commentrow {
margin: 0;
padding: 0;
}
p.commentrow a {
margin: 0 8px 0 0;
padding: 0;
}
dl#profile-postingstats {
margin: 0;
padding: 0;
}
dl#profile-postingstats dt {
float: left;
clear: left;
width: 25%;
margin: 0 0 0.5em 0;
padding: 0;
}
dl#profile-postingstats dd {
float: left;
width: 75%;
margin: 0 0 0.5em 0;
padding: 0;
}
ul#profile-all_postings_by {
list-style-position: outside;
list-style-type: none;
clear: left;
margin: 0;
padding: 1em 0 0 0;
}
ul#profile-all_postings_by li {
margin: 0;
padding: 0;
}

/* admin/common.css */

div#admin-instructions {
overflow: hidden;
margin: 0 0 1em 0;
padding: 0;
}
div#admin-instructions:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html div#admin-instructions {
height: 1%;
overflow: visible;
}
div#admin-instructions img {
float: left;
margin: 0 0 8px 0;
margin-right: 8px;
padding: 0;
width: 48px;
height: 48px;
}
div#admin-instructions p#menu_fields:before {
content: "[";
}
div#admin-instructions p#menu_fields:after {
content: "]";
}
div#admin-instructions div {
margin: 0;
padding: 0;
}
.admin_basic {
padding: 0.5em 2em;
}
.form_block {
margin: 0;
padding: 0;
}
.form_block:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
.wide {
width: 98%;
}
.separator {
display: none;
}
.size1  { width:  60px; }
.size2  { width: 120px; }
.size3  { width: 180px; }
.size4  { width: 240px; }
.size5  { width: 300px; }
.size6  { width: 360px; }
.size7  { width: 420px; }
.size8  { width: 480px; }
.size9  { width: 540px; }
.size10 { width: 600px; }
table#admin-permissions {
margin: 0 0 0.5em 0;
}
table#admin-permissions th {
padding: 4px;
border: 1px solid #ffffff;
background: #dae0ed;
text-align: left;
}
table#admin-permissions td {
padding: 4px;
border: 1px solid #ffffff;
background: #f7f7f7;
font-weight: bold;
text-align: center;
}

/* admin/block.css */

form#admin-blockeditor fieldset {
margin: 0 0 1em 0;
}
form#admin-blockeditor h3 {
margin: 0 0 0.5em 0;
padding: 0.5em 0 0 0;
border-top: 1px solid #CCCCCC;
}

/* admin/group.css */

form#admin-groupeditor fieldset {
margin: 0 0 1em 0;
}
form#admin-groupeditor fieldset.admingroup,
form#admin-groupeditor fieldset.securitygroups,
form#admin-groupeditor fieldset.rights {
padding: 0.5em 0 0 0;
border-top: 1px solid #CCCCCC;
}
form#admin-groupeditor dl dd.description {
margin: 0 0 0.5em 0;
}
form#admin-groupeditor dl dd table {
margin: 0;
padding: 0;
border-collapse: collapse;
}
form#admin-groupeditor dl dd table tr {
margin: 0;
padding: 0;
}
form#admin-groupeditor dl dd table tr td {
margin: 0;
padding: 2px;
}
form#admin-groupmembers fieldset {
padding: 8px;
border: 1px solid #CCCCCC;
background: #EFEFEF;
}
form#admin-groupmembers dl {
float: left;
width: 30%;
margin: 0 0 1em 0;
padding: 0;
}
form#admin-groupmembers dl dt {
margin: 0;
padding: 0;
text-align: center;
}
form#admin-groupmembers dl dd {
margin: 0;
padding: 0;
}
form#admin-groupmembers dl dd select {
width: 100%;
}
form#admin-groupmembers ul.move {
list-style-position: outside;
list-style-type: none;
float: left;
width: 40%;
margin: 3.5em 0 0 0;
padding: 0;
text-align: center;
}
form#admin-groupmembers ul.move li {
margin: 0 0 0.5em 0;
padding: 0;
}
form#admin-groupmembers ul.submit {
clear: left;
text-align: center;
}

/* admin/lists.css */

form.admin-topmenu {
margin: 0 0 1em 0;
text-align: center;
}
form.admin-topmenu ul.filter {
display: inline;
margin: 0 auto;
padding: 0;
}
form.admin-topmenu ul.filter li {
display: inline;
margin: 0;
padding: 0;
}
form.admin-topmenu dl {
display: inline;
margin: 0 auto;
padding: 0;
}
form.admin-topmenu dl dt {
display: inline;
margin: 0;
padding: 0;
}
form.admin-topmenu dl dd {
display: inline;
margin: 0;
padding: 0;
}
form.admin-topmenu ul.submit {
display: inline;
margin: 0;
padding: 0;
}
form.admin-topmenu ul.submit li {
display: inline;
margin: 0;
padding: 0;
}
table.admin-list {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.admin-list tr {
margin: 0;
padding: 0;
background: #DAE0ED;
}
table.admin-list tr.admin-listitem1 {
background: #EFEFEF;
}
table.admin-list tr.admin-listitem2 {
background: #D9D9D9;
}
table.admin-list tr.admin-listitem_rollover {
background: #FFFF8F;
}
table.admin-list tr th {
margin: 0;
padding: 2px;
text-align: left;
}
table.admin-list tr td {
margin: 0;
padding: 2px;
}
table.admin-list tr td img {
border: none;
}
ul.admin-list-navi {
list-style-position: outside;
list-style-type: none;
margin: 0.5em 0 0 0;
padding: 0;
}
ul.admin-list-navi li {
display: inline;
}
p.admin-list-message {
margin: 1em 0 0 0;
padding: 0;
text-align: center;
}

/* admin/moderation.css */

ul#admin-moderation {
list-style-position: outside;
list-style-type: none;
overflow: hidden;
margin: 0;
padding: 0;
}
ul#admin-moderation:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html ul#admin-moderation {
height: 1%;
overflow: visible;
}
ul#admin-moderation li {
float: left;
width: 20%;
height: 8em;
margin: 0;
padding: 0;
text-align: center;
}
ul#admin-moderation li a {
display: block;
}

/* admin/plugins.css */

form#admin-editor div#admin-instructions ul {
margin: 1em 0 0 0;
}
form#admin-editor div#admin-instructions ul:before {
content: "";
}
form#admin-editor div#admin-instructions ul:after {
content: "";
}
form#admin-editor div#admin-instructions ul li {
margin: 0;
}
#admin-editor dt#title {
display:     block;
font-size:   13px;
font-weight: bold;
position:    relative;
top:         10px;
}
#admin-editor input#close {
width: 150px;
}
b.notbold {
font-weight: normal;
}
b.status_red {
display:     inline;
color:       #a40000;
}
b.status_orange {
display:     inline;
color:       #b25000;
}
b.status_green {
display:     inline;
color:       #3d7805;
}
b.status_black {
display:     inline;
color:       black;
}

/* admin/story.css */

div#text_editor dl {
margin-bottom: 0;
}
div#html_editor dl {
margin-bottom: 0;
}
form#admin-storyeditor {
width: 99%;
margin-right: auto;
margin-left: auto;
}
form#admin-storyeditor fieldset {
margin: 0 0 1em 0;
padding: 8px;
border: 1px solid #CCCCCC;
}
form#admin-storyeditor fieldset legend {
display: inline;
padding: 2px 4px;
}
form#admin-storyeditor h3 {
margin: 0 0 0.5em 0;
padding: 0.5em 0 0 0;
}
form#admin-storyeditor_advanced {
width: 99%;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
}
form#admin-storyeditor_advanced fieldset {
margin: 0 0 1em 0;
padding: 8px;
border: 1px solid #CCCCCC;
}
form#admin-storyeditor_advanced fieldset#admin-storyeditor_advanced-editor {
margin: 0;
padding: 0;
border: 0 none #CCCCCC;
}
form#admin-storyeditor_advanced div#text_editor,
form#admin-storyeditor_advanced div#html_editor {
margin: 0 0 1em 0;
padding: 8px;
border: 1px solid #000000;
}
form#admin-storyeditor_advanced div#text_editor textarea,
form#admin-storyeditor_advanced div#html_editor textarea {
width: 98%;
}
form#admin-storyeditor_advanced fieldset legend {
display: inline;
padding: 2px 4px;
}
form#admin-storyeditor_advanced fieldset#admin-storyeditor_advanced-editor legend {
display: none;
padding: 0;
}
form#admin-storyeditor_advanced fieldset#admin-storyeditor_advanced-editor dl dt {
float: none;
width: auto;
margin: 0 0 0.5em 0;
padding: 0;
}
form#admin-storyeditor_advanced fieldset#admin-storyeditor_advanced-editor dl dd {
float: none;
width: auto;
margin: 0 0 0.5em 0;
padding: 0;
}
form#admin-storyeditor_advanced h3 {
margin: 0 0 0.5em 0;
padding: 0.5em 0 0 0;
}
form#admin-storyeditor_advanced dl dd ul.navi {
margin: 0;
padding: 0;
}
form#admin-storyeditor_advanced dl dd ul.navi li {
display: inline;
margin: 0;
padding: 0;
}
div#preview {
margin: 1em 0 0 0;
padding: 0;
border-top: 1px solid #E7E7E7;
}
div#preview div.storytext {
margin: 2em 0 0 0;
padding: 0;
border-bottom: none;
}

/* admin/topic.css */

ul#admin-topiclist {
list-style-position: outside;
list-style-type: none;
overflow: hidden;
margin: 0;
padding: 0;
}
ul#admin-topiclist:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html ul#admin-topiclist {
height: 1%;
overflow: visible;
}
ul#admin-topiclist li {
float: left;
width: 20%;
height: 8em;
margin: 0;
padding: 0;
text-align: center;
}
ul#admin-topiclist li a {
display: block;
}
form#admin-topiceditor fieldset {
margin: 0 0 1em 0;
}
form#admin-topiceditor h3 {
margin: 0 0 0.5em 0;
padding: 0.5em 0 0 0;
border-top: 1px solid #CCCCCC;
}
.admin-topic-image {
margin: 0 5px 0 0;
vertical-align: middle;
}

/* admin/trackback.css */

p.trackback-message {
margin: 0 0 1em 0;
padding: 0;
}

/* admin/user.css */

form#admin-edituser dl dd.user_photo {
float: left;
width: 75%;
margin: 0 0 0.5em 0;
margin-left: 25%;
padding: 0;
}
form#admin-edituser dl dd p.groupinstructions {
margin: 0 0 0.5em 0;
}
form#admin-batchdelete {
margin: 1em 0 0 0;
}
form#admin-batchdelete ul {
margin: 0;
padding: 0;
}
form#admin-batchdelete ul:before {
content: "";
}
form#admin-batchdelete ul:after {
content: "";
}
form#admin-batchdelete ul li {
display: block;
margin: 0;
padding: 0;
}
form#admin-batchdelete ul.submit {
margin: 0 0 1em 0;
padding: 0;
}
form#admin-batchdelete dl dt input.radio {
margin: 0 4px 0 0;
}
ul#reminder-submit {
list-style: none outside;
}
ul#reminder-submit,
ul#reminder-submit li {
margin-left: 0;
margin-right: 0;
padding: 0;
}

/* admin/configuration.css */

#geeklog_config_editor td.block-featured-left {
width: 18%;
}
#search-configuration {
width: 90%;
}
.block-config,
#search-configuration-container {
margin: 0 0 0.5em;
padding: 8px 0;
text-align: left;
}
.block-config-content {
padding-left: 5px;
}
.configoption {
list-style: none outside;
color: #999;
margin: 0;
padding: 0;
}
.configoption_off {
list-style: none outside;
color: #333;
}
.configoption a {
}
.configoption a:hover {
}
.inputTable {
width: 100%;
margin: 0;
padding: 0;
}
.config_label {
float: left;
width: 35%;
padding: .5em 0;
}
.restore {
padding: .5em 0;
}
.config_input {
float: left;
width: 53%;
}
.config_name {
clear: left;
margin: 5px 0;
padding: 5px;
}
.config_name input[type="text"],
.config_name textarea {
width: 53%;
}
.config_name select {
width: 54.5%;
max-width: none;
}

/* plugin/japanize.css */

div#plugin-japanize fieldset {
padding: 8px;
border: 1px solid #CCCCCC;
}
div#plugin-japanize fieldset legend {
padding: 2px 4px;
display: inline;
}

/* plugin/sitecalendar.css */

table.mycalTitle {
width: auto;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
background: #B0C4DE;
}
table.mycalTitle tr td {
margin: 0;
padding: 0;
border: 1px solid #B0C4DE;
background: #FFFFFF;
font-size: 90%;
font-weight: normal;
text-align: center;
}
table.mycalTitle tr td.mycalTitle {
font-weight: bold;
}
table.mycalTitle tr td.mycalDateField {
background: #FFFFFF;
}
table.mycalTitle tr td.mycalEventHighlight {
background: #8FBC8F;
}
table.mycalTitle tr td.mycalTodayHighlight {
background: #EEDD82;
}
table.mycalTitle tr td.mycalNextMonth {
background: #DCDCDC;
}
table.mycalTitle tr td.mycalActiveHighlight {
background: #EDEDED;
}
table.mycalTitle tr td.mycalTodayActiveHighlight {
background: #EEDD82;
}
table.mycalTitle tr td.mycalTodayEventHighlight {
background: #EEDD82;
}
table.mycalTitle tr td a b {
font-weight: normal;
}
table.mycalTitle tr td table {
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.mycalTitle tr td table tr td {
background: #CAD8EB;
}
table.mycalTitle tr td table tr td.mycalTopTitle {
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}
table.mycalTitle+table tr td {
text-align: center;
}

/* tooltips/tooltips.css */

a.gl-tooltip {
border-bottom: 1px dotted #000000;
color: #000000;
outline: none;
text-decoration: none;
position: relative;
}
a.gl-tooltip span {
margin-left: -999em;
position: absolute;
text-align: left;
width: 250px;
}
a.gl-tooltip:hover span {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 2px 2px 8px #666;
-webkit-box-shadow: 2px 2px 8px #666;
-moz-box-shadow: 2px 2px 8px #666;
font-size: 1em;
text-align: left;
white-space:normal;
font-family: Calibri, Tahoma, Geneva, sans, sans-serif;
position: absolute;
left: 2.2em;
top: 2.2em;
z-index: 99;
margin-left: 0;
width: 250px;
}
a.gl-tooltip:hover img.icon {
border: 0;
margin: -15px 0 0;
margin-left: -51px;
float: left;
position: absolute;
}
a.gl-tooltip img#gl-tooltip-icon {
border: 0;
}
a.gl-tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans, sans-serif;
font-size: 1.2em;
font-weight: bold;
display: block;
padding: 0.2em 0 0.6em 0.4em;
}
span.classic     { padding: 0.8em 1em; }
span.custom      { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover   { background: transparent; }
span.classic     { background: #EEEEEC; border: 2px solid #555753; }
span.critical    { background: #F5F0F0; border: 2px solid #A40000; }
span.help        { background: #EDF0F2; border: 2px solid #204A87; }
span.info        { background: #EDF0F2; border: 2px solid #204A87; }
span.warning     { background: #FCF7EF; border: 2px solid #CE5C00; font-weight: normal; color: black; }
span.critical em { color: #A40000; }
span.help     em { color: #204A87; }
span.info     em { color: #204A87; }
span.warning  em { color: #CE5C00; }

/* custom.css */
/*--------------------------------------
 CSS (FormMail Static Page v2.1.6)
---------------------------------------*/
#FORM { font-size:100%; width:98%; }
#FORM #tabs { border: none; }
#FORM p.honbun { margin-bottom:6px; text-align:left; }
.errormsg{ padding:2px 3px 3px 3px; font-size:109%; color: #FF0000; line-height:130%; font-weight:bold; word-break:normal; }
.errorList{ background-color: #FFFFFF; padding: 2px 3px 3px 3px; font-size: 100%; line-height: 120%; color: #FF0000; padding-left: 25px; margin-bottom: 5px; word-break:normal; }
.error2{ background-color:#FFEFEF; border:1px #FF0000 solid; padding:1px 4px 1px 4px; font-size:12px; line-height:130%; margin:3px; word-break:normal; }
#form_step {width:100%;}
#form_step ul, #form_step li { margin:0; padding:0; list-style:none; }
#form_step li { float:left; display:block; position:relative; width:31.3%; height:20px; line-height:20px; color:#fff; background: transparent url(/layout/ktsm/images/css/step.png) center right no-repeat; padding:1%; }
#form_step li.on { background: transparent url(/layout/ktsm/images/css/step_on.png) center right no-repeat; }
#form_step .step2, #form_step .step3 { margin-left: -30px; padding-left: 50px; }
#form_step .step1 { z-index: 3; }
#form_step .step2 { z-index: 2; }
#form_step .step3 { z-index: 1; background-position: center left; }
#form_step ul { margin:0; padding:0; }
#form_step ul:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

.spf_required{ font-size:9px; color:#CC0000; }
.form_free{ font-size:9px; color:#00CC44; }

table.formmail {width:100%;}
table.formmail th { background-color: #ffefef; text-align: left; padding:10px; font-weight:bold; font-size:small; word-break:normal; }
table.formmail td { background-color: #fff; padding:10px; font-size:small; word-break:normal; word-wrap:break-word; }
table.formmail tr.error th,table.formmail tr.error td { background: #F2DEDE; }
table.formmail input[type=text] { min-width:160px; width:50%; }

.idea{ width:98%; background-color:#E6FFE9; border:2px #008000 solid; padding:5px; font-size:11px; line-height:140%; margin-top:12px; }
.bginput { background: #fff; }
.ime_on { ime-mode: active; }
.ime_off { ime-mode: inactive; }
.button1 { background-color: #05959C; color: #fff; font-weight: bold; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.fr { float:right; }

body { background: url("/layout/ktsm/images/pattem_bcg.jpg"); background-repeat: repeat-x; color: #646464; width: 100%; max-width: 100%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
div#container { background: none; width: 100%; max-width: 100%; margin: 0; padding: 0; }
#header { background: none; border: none; text-decoration: none; box-shadow: none; text-shadow: none; height: 120px; width: 980px; margin: 0 auto; }
#header h1.site_name { position: relative; top: 45px; left: 10px; padding: 0; width: 213px;	height: 62px; }
#header #navigation { position: relative; float: right; width: 636px; }
#header .navi_001 { background: none; border: none; font-size: 14px; font-weight: bold; }
#header .navi_001 ul.top li.level1.last { background: none; }
div.navi_001 ul.top { border: none; }
#header a { color: #58a0af; }
#header a:hover { color: #366; }
#header p.site_slogan { color: #fff; padding: 7px 10px; font-size: 12px; position: absolute; top: 0; left: 0; text-align: left; width: 100%; max-width: 100%; white-space: nowrap; } 
div#container div#wrapper { width: 980px; margin: 0 auto; }
.banner_reservation { position: absolute; left: 50%; margin-left: -185px; top: 255px; }
.banner_mail { position: absolute; left: 50%; margin-left: 25px; top: 326px; }
.frame1 a:hover img { opacity:0.70; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-opacity:0.70; }
.frame2 { display: inline-block; box-shadow: 0px 5px 7px 0px rgba(88, 160, 175, 0.8); background-color: #FFF; }
.frame2 a:hover img { opacity:0.70; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-opacity:0.70; }
.frame3 { display: inline-block; float: right; }
.frame3 a:hover img { opacity:0.70; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-opacity:0.70; }
div#left_menu h2,div#centerblocks div#centerblocks-content div#left_menu h2{ background: url("/layout/ktsm/images/service.png") no-repeat left top; height: 0; margin: 0px; padding-top: 36px; overflow: hidden; display: block; }
div#leftblocks .block-left div#left_menu h2 { padding-top: 36px; }
#left_menu ul { background: url("/layout/ktsm/images/sidemenu.png") no-repeat left top; width: 223px; height: 368px; margin: 0px; padding: 0px; list-style-type: none; }
#left_menu ul li{ margin:0; }
div#leftblocks ul li { margin: 0; }
div#leftblocks aside.block-left div.block-left-content div#left_menu h2 { margin: 0; }
#left_menu ul a { display: block; height: 36px; width: 220px; text-indent: -100%; overflow: hidden; }
#left_menu ul li.m1 a:hover,#left_menu ul li.m1 a.now { background: url("/layout/ktsm/images/menu1.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m2 a:hover,#left_menu ul li.m2 a.now { background: url("/layout/ktsm/images/menu2.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m3 a:hover,#left_menu ul li.m3 a.now { background: url("/layout/ktsm/images/menu3.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m4 a:hover,#left_menu ul li.m4 a.now { background: url("/layout/ktsm/images/menu4.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m5 a:hover,#left_menu ul li.m5 a.now { background: url("/layout/ktsm/images/menu5.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m6 a:hover,#left_menu ul li.m6 a.now { background: url("/layout/ktsm/images/menu6.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m7 a:hover,#left_menu ul li.m7 a.now { background: url("/layout/ktsm/images/menu7.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m8 a:hover,#left_menu ul li.m8 a.now { background: url("/layout/ktsm/images/menu8.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m9 a:hover { background: url("/layout/ktsm/images/menu9.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m10 a:hover { background: url("/layout/ktsm/images/menu10.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#left_menu ul li.m11 a:hover { background: url("/layout/ktsm/images/menu11.png") no-repeat left top; box-shadow: -5px 1px 3px 0px rgba(88, 160, 175, 0.4); }
#topinfoleft aside.block-list div.frame2 { margin-bottom: 10px; }
#leftblocks aside.block-left div.frame2 { margin-bottom: 10px; }
#osirase { padding: 15px 0; }
div#centerblocks div#topinfoleft .block-list-2 div#osirase h2 { font-size: 16px; color: #e1657f; background: url("/layout/ktsm/images/line.png") repeat-x center bottom; padding: 0 0 5px 10px; }
#osirase div.logbox { border: solid 1px #e3e3e3; height: 135px; overflow: auto; margin: 0 10px 6px 10px; }
#osirase div.logbox ul { margin: 10px; padding: 0; }
#osirase div.logbox ul li { margin: 10px 0; padding-left: 10px; background: transparent url("/layout/ktsm/images/listmark.png") no-repeat left 4px; list-style: none; }
#osirase div.logbox ul li a time { color: #e1657f; }
#osirase div.logbox ul li a:link, div#osirase div.logbox ul li a:visited{ color: #646464; }
#osirase div.logbox ul li a:hover { text-decoration: none; color: #000; }
#shinryojikan { width: 475px; padding: 0 0 20px 0; }
div#centerblocks div#centerblocks-content div#topinforight article#shinryojikan h2 { font-size: 16px; color: #e1657f; background: url("/layout/ktsm/images/line.png") repeat-x center bottom; padding: 0 0 5px 10px; }
#shinryojikan div.logbox { margin: 0 10px; }
#shinryojikan table { margin-bottom: 12px; }
#shinryojikan table tbody tr th { background: #ffefef; }
#shinryojikan table tbody tr th, #shinryojikan table tbody tr td { border: 1px solid #aaa; text-align: center; font-weight: normal; width: 40px; padding: 7px; white-space: nowrap; }
#shinryojikan table tbody tr td  { background: #fff; color: #e1657f; }
#shinryojikan div.logbox div#shinryotext { color: #e1657f; white-space: nowrap; }
#welcome { width: 475px; padding: 10px 0; }
div#centerblocks div#centerblocks-content div#topinforight article#welcome h2 { font-size: 16px; color: #e1657f; background: url("/layout/ktsm/images/line.png") repeat-x center bottom; margin-bottom: 15px; padding: 0 0 5px 10px; }
#welcome p { line-height: 180%; margin: 10px; }
#concept { width: 475px; padding: 10px 0; }
div#centerblocks div#centerblocks-content div#topinforight article#concept h2 { font-size: 16px; color: #e1657f; background: url("/layout/ktsm/images/line.png") repeat-x center bottom; margin-bottom: 15px; padding: 0 0 5px 10px; }
#concept p { line-height: 180%; margin: 10px; }
#concept ul { margin: 15px 0; }
#concept ul li { margin: 7px; font-size: 14px; font-weight: bold; }
div#container #footer { border-top: #9adad9 solid 2px; background: url("/layout/ktsm/images/shadow.png") no-repeat center top; }
div#container div#footer-content { width: 980px; padding-top: 20px; }
#footer h1.site_name { position: relative; top: 0; left: 10px; margin: 0; float: left; }
#footer .navi_001 ul.top { width: 650px; float: right; }
#footer .navigation div.navi_001 { font-size: 10px; font-weight: normal; }
#footer a { color: #58cad7; }
#footer a:hover { color: #58a0af; }
div#container #footer div.copyright { float: right; width: 640px; padding-bottom:20px; 0; margin: 0; color: #999; font-size: 11px; }
#footer .navi_001 ul.top li.level1:last-child { border: none; }
#footer .navi_001 ul.top li.level1.last { border: none; }
div#container .breadcrumbs { border: none; display: block; margin: 0 0 10px; padding: 10px; background: url("/layout/ktsm/images/dotbcg1.png") repeat-y top right #00a5a8; color: #fff; }
div#container .breadcrumbs a { color: #fff; }
div#container div#wrapper div#leftblocks { padding: 0 0 10px 0; width: 25%; max-width: 245px; }
div#container div#wrapper div#leftblocks { margin-left: 0; overflow: visible; }
div#leftblocks .block-list, div#leftblocks .block-left { margin: 0; padding: 0; border: none; }
div#leftblocks .block-list h2, div#leftblocks .block-left h2 { margin: 0; }
div#leftblocks .block-list div.block-list-content, div#leftblocks .block-left div.block-left-content { margin: 0; }
body.left-center div#container div#wrapper div#centerblocks {  width: 75%; max-width: 735px; }
div#centerblocks .storytext { border: #e3e3e3 solid 1px; box-shadow: 0px 5px 7px 0px rgba(88, 160, 175, 0.8); background-color: #FFF; margin-bottom: 10px; padding: 10px; }
div#centerblocks .storytext h1.story_title { font-size: 14px; background: url("/layout/ktsm/images/slashbcg.png") repeat-y; border-bottom: #70ffff solid 3px; padding: 10px 20px; margin: 0; }
div#centerblocks .storytext a { color: #19aeb1; }
div#centerblocks .storytext div.status { padding: 5px 20px; font-size: 12px; }
div#centerblocks .storytext div.story_introtext { padding: 5px 20px; }
div#centerblocks .storytext div.navi { padding: 5px 20px; border-bottom: #19e7ec dotted 1px; font-size:12px; }
div#centerblocks .storytext div.feedback { padding:  0 20px; text-align: right; }
#leftblocks aside.block-left { margin-bottom: 10px; }
#leftblocks aside.block-left h2, #leftblocks aside.block-list h2 { color: #646464; font-size: 14px; }
#leftblocks aside.block-left li, #leftblocks aside.block-list li { color:#646464; list-style: none; } 
#leftblocks aside.block-left a, #leftblocks aside.block-list a { color: #58A0AF; }
#leftblocks aside.block-left a:hover, #leftblocks aside.block-list a:hover { color: #366; }
div#centerblocks div#centerblocks-content h2 { background: url("/layout/ktsm/images/dotbcg1.png") repeat-y scroll right top #00A5A8; border: medium none; color: #FFFFFF; display: block; padding-top: 5px; font-size: 16px; line-height: 100%; }
div#centerblocks div#centerblocks-content h2 img.mark { padding: 0 5px 4px 8px; }
div#centerblocks div#centerblocks-content .storytext h3, div#centerblocks div#centerblocks-content .storytext_l h3, div#centerblocks div#centerblocks-content .storytext_r h3 { color:#19aeb1; border-bottom: #19e7ec solid 3px; padding: 10px 0; font-size: 14px; }
div#centerblocks div#centerblocks-content .storytext h3 span, div#centerblocks div#centerblocks-content .storytext_l h3 span, div#centerblocks div#centerblocks-content .storytext_r h3 span { font-weight: normal; }
div#centerblocks .block-center { border: none; margin: 0; padding: 0; }
div#centerblocks div#centerblocks-content img.r_img { float: right; margin-left:10px; }
div#centerblocks div#centerblocks-content img.l_img { float: left; margin-right:10px; }
.storytext_l img.lightbox, .storytext_r img.lightbox { float:left; margin-right:10px; }
div#centerblocks div#centerblocks-content .storytext dl { margin: 10px; }
div#centerblocks div#centerblocks-content .storytext dt { float: left; padding: 3px; width: 35px; }
div#centerblocks div#centerblocks-content .storytext dt.dtwide { width: 60px; }
div#centerblocks div#centerblocks-content .storytext dd { padding: 3px ;margin-left: 35px; }
div#centerblocks div#centerblocks-content .storytext p, div#centerblocks div#centerblocks-content .storytext_r p, div#centerblocks div#centerblocks-content .storytext_l p { margin: 10px; line-height: 167%; }
div#centerblocks .storytext_l { border: #e3e3e3 solid 1px; box-shadow: 0px 5px 7px 0px rgba(88, 160, 175, 0.8); background-color: #FFF; margin-bottom: 10px; padding: 10px; width: 46.3%; float: left; }
div#centerblocks .storytext_r { border: #e3e3e3 solid 1px; box-shadow: 0px 5px 7px 0px rgba(88, 160, 175, 0.8); background-color: #FFF; margin-bottom: 10px; padding: 10px; width: 46.3%; float: right; }
div#centerblocks .storytext_l h4, div#centerblocks .storytext_r h4 { font-weight: normal; font-size: 12px; line-height: 150%; display: table-cell; width: 100%; height: 33px; vertical-align: middle; padding-bottom: 20px; }
div#centerblocks .storytext_l p.qa_q, div#centerblocks .storytext_r p.qa_q { color: #e1657f; border-bottom: #e1657f dotted 1px; margin: 0 10px; padding-bottom: 3px; }
div#centerblocks .storytext_l p.qa_a, div#centerblocks .storytext_r p.qa_a { margin: 5px 10px 10px 10px; line-height: 150%; }
div#centerblocks div#centerblocks-content div#FORM form div#tabs table.formmail th, div#centerblocks div#centerblocks-content div#FORM form div#tabs table.formmail td { border-bottom: 1px solid #e3e3e3; border-top: none; border-left: none; border-right: none; }
#FORM { width: 100%; }
div#centerblocks div#centerblocks-content div#FORM form div#tabs table.formmail { border: #e3e3e3 solid 1px; box-shadow: 0px 5px 7px 0px rgba(88, 160, 175, 0.8); }
div#centerblocks div#centerblocks-content div#FORM form div#tabs table.formmail input, div#centerblocks div#centerblocks-content div#FORM form div#tabs table.formmail textarea, div#centerblocks div#centerblocks-content div#FORM form div#tabs table.formmail select { border: 1px solid #CCCCCC; padding: 4px; border-radius : 3px 3px 3px 3px; }
div#centerblocks div#centerblocks-content div#FORM form div#tabs h4 { font-size: 16px; color: #e1657f; background: url("/layout/ktsm/images/line.png") repeat-x center bottom; padding: 0 0 5px 10px; }
div#centerblocks div#centerblocks-content div#FORM form div#tabs div.text_center input.button_form_next, div#centerblocks div#centerblocks-content div#FORM form div#tabs div.text_center input.button_form_prev { background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; border-radius : 3px 3px 3px 3px; padding: 4px; }
div#centerblocks div#centerblocks-content div#FORM p.error { margin: 10px; }
div#centerblocks div#centerblocks-content div#FORM ol.errorList { margin: 10px; padding: 0; background: none; }
div#centerblocks div#centerblocks-content div#contact_thanks p { margin: 0; padding: 10px 0 0 0; }
#centerblocks #centerblocks-content .storytext { clear: both; width: 713px; }
#centerblocks #centerblocks-content .storytext h1 { text-align: center; margin: 15px; line-height:130%; }
#centerblocks #centerblocks-content .storytext h1.story_title { text-align: left; }
#centerblocks #centerblocks-content .storytext b { font-size: 14px; line-height: 150%; margin-left: 10px; }
#centerblocks #centerblocks-content .storytext .flow b { margin: 0; }
#centerblocks #centerblocks-content .storytext .pink h2 { font-size: 16px; color: #e1657f; background: url("/layout/ktsm/images/line.png") repeat-x left bottom; margin: 20px 0 15px 0; padding: 0 0 5px 10px; }
#centerblocks #centerblocks-content .storytext table.flow { width: 100%; }
#centerblocks #centerblocks-content .storytext table.flow th, #centerblocks #centerblocks-content .storytext table.flow td { border: none; padding: 0 10px; line-height: 150%; vertical-align: middle; }
#centerblocks #centerblocks-content .storytext table.flow th { font-size: 30px; }
#centerblocks #centerblocks-content .storytext table.flow td p{ margin: 0 0 5px 0; padding: 2px 0 0 0; background: #FFEFEF; }
#centerblocks #centerblocks-content .storytext p.flow { border-top: 1px solid #1DC9CD; padding-top: 2px; text-align: center; clear: both; }
#centerblocks #centerblocks-content .storytext div.lc { float: left; }
#centerblocks #centerblocks-content .storytext div.bc { clear: both; }
#centerblocks #centerblocks-content .storytext .bc img.r_img { margin: 20px 0 0 20px }
#centerblocks #centerblocks-content .storytext ul { margin: 10px 0 }
#centerblocks #centerblocks-content .storytext li { margin: 5px }
#centerblocks #centerblocks-content .storytext strong { font-size: 14px; color: #DB2716; font-weight: normal; }
#centerblocks #centerblocks-content .storytext table.overview th, #centerblocks #centerblocks-content .storytext table.overview td { padding: 7px 5px 5px 7px; line-height: 150%; }
#centerblocks #centerblocks-content .storytext table.overview td.label { font-size:14px; background-color: #FFEFEF; color: #E1657F; text-align: center; vertical-align: middle; white-space: nowrap; }
#centerblocks #centerblocks-content .storytext table.overview th { color: #19AEB1; width: 50%; font-size:14px; background: url("/layout/ktsm/images/slashbcg.png") repeat; }
#centerblocks #centerblocks-content .storytext table#whitening td { width: 33%; padding-top: 10px; vertical-align: top; }
#wrapper #centerblocks #centerblocks-content .storytext table#whiteningflow td img { margin: 0 auto; }