/** ranking.css
 * [2006-11-24] initial code by umio
 */
body { padding: 6px; }
a:link { text-decoration:none; color: #36f;}
a:visited { text-decoration:none; color: #36f; }
a:hover { text-decoration: underline; color: #36f;}
ul { padding: 1ex; padding-left: 1em; padding-right: 1em; list-style-type: disc; list-style-position: outside;}
p { padding: 2px; padding-top: 4px; padding-bottom: 4px;}
input { margin: 2px 0px 2px 0px; }
input.blurImeOff { border: solid 1px #999; ime-mode: inactive; }
input.blurImeOn { border: solid 1px #999; ime-mode: active; }
input.focusImeOff { background-color: #eee; border: solid 1px #999; ime-mode: inactive; }
input.focusImeOn { background-color: #eee; border: solid 1px #999; ime-mode: active; }
textarea.blurImeOff { border: solid 1px #999; ime-mode: inactive; }
textarea.blurImeOn { border: solid 1px #999; ime-mode: active; }
textarea.focusImeOff { background-color: #eee; border: solid 1px #999; ime-mode: inactive; }
textarea.focusImeOn { background-color: #eee; border: solid 1px #999; ime-mode: active; }

/**
 * common
 */
/* header */
div.mainHeader {}
h1#title { font-size: 120%; background-color: transparent; padding: 6px; padding-right: 8px;}
p.breadCrumb { background-color: #dde; font-size: 80%; padding-left: 6px;}
p.breadCrumb span#bc_current { font-weight: bold; }

/* main */
div.main { padding: 0px; width: 720px; margin-left: 1ex; margin-right: auto;}
h2.screenTitle { margin: 4px; margin-top: 6px; margin-bottom: 1em; }
p.suggestedFunctions { margin: 4px; margin-top: 1em; margin-bottom: 1ex; text-align: center;}
span.suggestedFunctions { padding: 4px; background-color: #eed; }
span.emphedLabel { font-weight: bold; }
div.loginForm { margin-left:2em;}

/* error message */
span.notice { background-color: #e7dcce; font-weight: bold; font-size: 90%; padding: 4px;}
span.alert { background-color: #e6b96e; font-weight: bold; font-size: 90%; padding: 4px;}

/* footer */
div.footer { clear:left; width: 100%; }
p.footer { text-align: center; font-size: 80%; color: #333; background-color: transparent; border-top: solid 1px #ccb; padding-top: 4px;}

/**
 * entry screen
 */
form.entry {}
table.urlEntry {}
table.blogInfo { border-collapse: collapse; border: solid 1px #ccc; margin: 8px; margin-bottom: 1em;}
table.blogInfo tr { padding: 4px; border: soid 1px #999; }
table.blogInfo th,td { padding: 4px; border: soid 1px #999; }
th.label { background-color: #eed; text-align: right; font-size: 80%; font-weight: bold; white-space: nowrap; vertical-align: top; }
textarea.html2embed { margin: 4px; margin-left: 8px; border: solid 1px #f69;}

/**
 * ranking chart
 */
div#column1 { float: left; width: 350px; margin: 4px; }
div#column2 { float: right; width: 350px; margin: 4px; }
div.smallChart { margin: 4px; margin-top: 4px; margin-bottom: 6px; border: solid 0px #b0b0b0; padding: 8px; width: auto; background-color: transparent; }
table.smallChart { margin-top: 4px; margin-bottom: 4px; border-collapse: collapse; border: none; }
table.smallChart tr.lineBlur { background-color: #eed;}
table.smallChart tr.lineHilite { background-color: #ccb; }
table.smallChart td.number { text-align: right; border-right: solid 1px #ccc; font-weight: bold; }
table.smallChart td.title { }
table.smallChart td.score { font-size: 80%; }
p.smallChartTitle { font-weight: bold; font-size: 100%; }
p.smallChartOptions { font-size: 80%; }
div.largeChart { margin: 4px; margin-top: 4px; margin-bottom: 6px; border: solid 0px #b0b0b0; padding: 8px; width: auto; background-color: transparent; }
span.bar { background-color: #ccb; }

/* evaluation screen */
div.evalNoScript { margin: 6px; padding: 4px; background-color: #ccb; text-align: center;}
input.score { font-size: 75%; width: 3em;}

/**
 * admin function
 */
/* list */
p.navbar { font-size: 80%; text-align: left;}
span.prevNext { font-weight: bold; }
table.blogList { border-collapse: collapse; width: 100%; margin-bottom: 1ex;}
table.blogList tr { border: solid 1px #b0b0b0;}
table.blogList tr.oddLine { background-color: #fff;}
table.blogList tr.evenLine { background-color: #eee; }
table.blogList th,td { padding: 4px; padding-right: 2px; padding-left: 2px;}
table.blogList th { font-weight: bold; font-size: 80%; background-color: #eed; }
table.bloglist td { border: solid 1px #b0b0b0;  }
table.bloglist td.blogId { font-size: 70%; font-family: monospace; }
table.bloglist td.blogTitle {}
table.bloglist td.count {font-family: monospace; text-align: right;}
table.bloglist td.funcs { font-size: 80%; text-align: center;}
a.funcLink { text-decoration: underline;}

/* card */
div.funcLine { background-color: #ccb; padding: 2px; padding-left: 1em; margin-bottom: 6px;}
div.funcLine input { font-size: 80%; }
table.blogCard { border-collapse: collapse; width: 100%; margin-bottom: 1ex;}
table.blogCard tr { border: solid 1px #b0b0b0;}
table.blogCard th,td { padding: 4px; padding-right: 2px; padding-left: 2px;}
table.blogCard th { font-weight: bold; font-size: 80%; background-color: #eed; padding-right: 1ex; text-align: right;}
table.blogCard td { border: solid 1px #b0b0b0;  }
table.blogCard td.blogId { font-family: monospace; }
table.blogCard td.blogTitle { font-weight: bold;}
table.blogCard td.count {font-family: monospace; text-align: right;}
div.rankingother{padding: 5px; border: 1px solid #FF6600;}