/*
 * Cascade Style Sheet for MIAR 2007 Web page (http://www.atre.t.u-tokyo.ac.jp/miar2008/)
 * Copyright (C) 2007, ATRE Lab. The University of Tokyo, All Right Reserved.
 *
 * Designed by Junichi Tokuda (junichi@beausys.org)
 *
 */

body {
  color: black;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
}

table#page {
  background-color: #FFFFFF;
  margin: 5px;
  padding: 0px;
  border: 0px solid #AAAAAA;
  width: 780px; 
  font-size: small; 
}

table#page td.frame-ul {
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 10px;
  height: 20px;
  background-image: url("images/frame_ul.gif");
}

table#page td.frame-uc {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 760px;  height: 20px;
  background-image: url("images/frame_uc.gif");
}

table#page td.frame-ur {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 20px;
  background-image: url("images/frame_ur.gif");
}

table#page td.frame-hl {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 90px;
  background-image: url("images/frame_hl.gif");
}

table#page td.frame-hc {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 760px;  height: 90px;
  background-image: url("images/header-image.jpg");
}

table#page td.frame-hr {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 90px;
  background-image: url("images/frame_hr.gif");
}

table#page td.frame-sl {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 24px;
  background-image: url("images/frame_l.gif");
}

table#page td.frame-sc {
  color: #FFFFFF;  
  margin: 0px;  padding: 0px;  border: 0px;
  padding-right: 2px;
  width: 760; height: 24px;
  text-align: right;  vertical-align: middle;
  font-size: small;
  background-image: url("images/bar_bg.gif");
}

table#page td.frame-sr {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 24px;
  background-image: url("images/frame_r.gif");
}

table#page td.frame-nl {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;
  background-image: url("images/frame_l.gif");
}

table#page td.frame-nc {
  color: #FFFFFF;
  background-color: #BADE92;
  margin: 0px;  padding: 0px;  border: 0px;
  vertical-align: middle;
  text-align: right;
  font-size: small;
}

table#page td.frame-nr {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;
  background-image: url("images/frame_r.gif");
}

table#page td.frame-nc a {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: transparent;}
table#page td.frame-nc a:hover {color: #005447;}

table#page td.frame-l {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;
  background-image: url("images/frame_l.gif");
}

table#page td.frame-c {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 760;
}

table#page td.frame-r {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;
  background-image: url("images/frame_r.gif");
}

table#page td.frame-lul {
  color: #ffffff;  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 27px;
  background-image: url("images/frame_lul.gif");
}

table#page td.frame-luc {
  color: #ffffff;  margin: 0px;  padding: 0px;  border: 0px;
  width: 760px;  height: 27px;
  background-image: url("images/frame_luc.gif");
  text-align: center;  vertical-align: middle;  font-size: small;
}

table#page td.frame-lur {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 27px;
  background-image: url("images/frame_lur.gif");
}

table#page td.frame-lll {
  color: #ffffff;  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 10px;
  background-image: url("images/frame_lll.gif");
}

table#page td.frame-llc {
  color: #ffffff;  margin: 0px;  padding: 0px;  border: 0px;
  width: 760px;  height: 10px;
  background-image: url("images/frame_llc.gif");
}

table#page td.frame-llr {
  color: #ffffff;
  margin: 0px;  padding: 0px;  border: 0px;
  width: 10px;  height: 10px;
  background-image: url("images/frame_llr.gif");
}


table {width: 100%; margin: 5; padding: 5; font-size: small}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Arial, Helvetica, sans-serif, Verdana;}

a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #005447;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #188D3B}

input.formButton {}

.item  { border: solid 0 #cccccc }
.itemHead {padding: 3px; background-color: #188D3B; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

table#main {
  margin: 0px;  padding: 0px;  border: 0px;
  vertical-align: middle;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: small;
}

table#main th {
  background-color: #188D3B;  color: #BADE92;
  padding : 2px;
  vertical-align : middle;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

td#headerleft {
  width: 250px; height: 90px;
  background-color: #FFFFFF;
  vertical-align:
  middle; text-align:left;
  background-image: url("http://www.atre.t.u-tokyo.ac.jp/miar2008/themes/miar/images/title_left.gif");
}
td#headercenter {
  height: 90px; width:260
  background-color: #FFFFFF;
  vertical-align: middle; text-align:center;
  background-image: url("http://www.atre.t.u-tokyo.ac.jp/miar2008/themes/miar/images/title_center.gif");
}
td#headerright {
  width: 250px; height: 90px;
  background-color: #FFFFFF;
  vertical-align: middle; text-align:right;
  background-image: url("http://www.atre.t.u-tokyo.ac.jp/miar2008/themes/miar/images/title_right.gif");
}

td#headerbar {background-color: #003300; vertical-align: middle; text-align:center; margin: 0; padding: 3px;}
td#headerbar a{color: #FFFFFF; margin: 0; padding: 3px;}
td#headerbar a:hover{background-color: #FFFFFF;}

td#leftcolumn {background-color: #FFFFFF; width: 200px; font-size:12px; padding: 3px; border: 0px;}
td#leftcolumn th {background-color: #FFFFFF; color: #BADE92; vertical-align: middle;}

/*
td#leftcolumn div.blockTitle {
  width: 164px;
  padding: 3px;
  text-align: left;
  background-color: #BADE92; color: #FFFFFF;
  font-weight: bold;
  border-right: 1px solid #BADE92; border-left: 1px solid #BADE92;
  margin-top: 2px;
}
*/
td#leftcolumn div.blockContent {
  width: 176px;
  margin-left: 3px; margin-right: 3px;
  padding: 0px; line-height: 120%;
  text-align: left;
  color: black;
  border-right: 1px solid #BADE92; border-left: 1px solid #BADE92;
  border-bottom: 0px; border-top: 0px;
}

td#leftcolumn table.mblock-top {
  width: 178px;
  border: 0px;
  margin-top: 3px; margin-left: 3px; margin-right: 3px; margin-bottom: 0px;
  padding: 0px;
}

td#leftcolumn table.mblock-bottom {
  width: 178px;
  border: 0px;
  margin-top: 0px; margin-left: 3px; margin-right: 3px; margin-bottom: 3px;
  padding: 0px;
}


td#leftcolumn td.mblock-ul {
  width: 12px; height: 20px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_ul.gif");
}

td#leftcolumn td.mblock-title {
  width: 164px; height: 20px;
  /*margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 3px;*/
  border: 0px; margin: 0px; padding 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  font-weight: bold;
  font-size:12px;
  text-align: left;
  vertical-align: middle;
  background-image: url("images/miniframe_uc.gif");
}

td#leftcolumn td.mblock-ur {
  width: 12px; height: 20px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_ur.gif");
}

td#leftcolumn td.mblock-cl {
  width: 12px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_cl.gif");
}

td#leftcolumn td.mblock-content {
  width: 164px;
  padding: 0px; border: 1px solid black; margin: 0px;
  line-height: 120%; line-height: 120%;
  text-align: left;
}

td#leftcolumn td.mblock-cr {
  width: 12px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_cr.gif");
}

td#leftcolumn td.mblock-ll {
  width: 12px; height: 14px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_ll.gif");
}

td#leftcolumn td.mblock-lc {
  width: 164px; height: 14px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_lc.gif");
}

td#leftcolumn td.mblock-lr {
  width: 12px; height: 14px;
  padding: 0px; border: 0px; margin: 0px;
  background-color: #FFFFFF; color: #FFFFFF;
  background-image: url("images/miniframe_lr.gif");
}

td#centercolumn {font-size: 12px; width: 565px; border: 0px;}
td#centercolumn th {background-color: #BADE92; color: #FFFFFF; vertical-align: middle;}

td#centerCcolumn {width: 100% padding: 0px 0px 0px 0px;}
td#centerCcolumn legend.blockTitle {padding: 0px; color: #BADE92; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
td#centerCcolumn div.blockContent {border-left: 0px solid #BADE92; border-right: 0px solid #BADE92; border-bottom: 0px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%; text-align:left;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #BADE92; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {border-left: 0px solid #BADE92; border-right: 0px solid #BADE92; border-bottom: 0px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #BADE92; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {
  width: 552px;
  border-left: 0px solid #BADE92; border-right: 0px solid #BADE92;
  border-bottom: 0px solid #BADE92;
  text-align: left;
  margin-left: 2px;  margin-right: 4px; margin-top: 0px; margin-bottom: 4px;
  padding: 4px;
  color: black;
}

div.modHeader {
  width: 562px; height: 100px;
  margin-left: 2px;  margin-right: 2px; margin-top: 4px; margin-bottom: 0px;
  padding-left: 4px;
  background-color: #FFFFFF; background-repeat: no-repeat;  color: white;
  font-size: 40px; font-weight:bold; text-align: right;
  vertical-align: middle; border-left: 0px solid;
  border-right: 0px solid; border-top: 0px solid; border-bottom: 0px solid; border-color: #BADE92;
}

div.modHeaderHome {
  width: 562px; height: 200px;
  margin-left: 2px;  margin-right: 2px; margin-top: 4px; margin-bottom: 0px;
  padding-left: 4px;
  background-color: #FFFFFF; background-repeat: no-repeat;  color: white;
  font-size: 40px; font-weight:bold; text-align: right;
  vertical-align: middle; border-left: 0px solid;
  border-right: 0px solid; border-top: 0px solid; border-bottom: 0px solid; border-color: #BADE92;
}

div.modTopHeader {
  width: 562px;height: 200px;
  margin-left: 2px; margin-right: 2px; margin-top: 4px; marin-bottom: 0px;
  padding-left: 4px;
  background-color: #FFFFFF; background-repeat: no-repeat;
  font-size: 40px; font-weight:bold; text-align: left;
  vertical-align: bottom; border:0px solid; border-color:
  #BADE92; color: white; background-position: left;

}



td#rightcolumn {font-size:12px; padding: 2px;}
td#rightcolumn th {background-color: #FFFFFF; color: #FF6600; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #FF6600; color: #FFFFFF; font-weight: bold; border-right: 1px solid #FF6600; border-left: 1px solid #FF6600; margin-top: 2px;}
td#rightcolumndiv.blockContent {padding: 0px; line-height: 120%; line-height: 120%; border-right: 1px solid #FF6600; border-left: 1px solid #FF6600; border-bottom: 1px solid #FF6600;}

tr#footerbar {color: #FFFFFF; background-color: #003300; vertical-align: middle; text-align:center; margin: 0; padding: 3px;}

td#mainmenu a {
  background-color: #FFFFFF; display: block; margin: 0px; padding: 4px; border-bottom: 1px solid #BADE92;}
td#mainmenu a:hover {background-color: #E3F2D2;}
td#mainmenu a.menuTop {padding-left: 2px; border-top: 0px; border-right: 0px; border-bottom: 1 px solid #BADE92; border-left: 0px;}
td#mainmenu a.menuMain {padding-left: 2px; border-right: 0px; border-bottom: 1px solid #BADE92; border-top: 0px;}
td#mainmenu a.menuSub {padding-left: 16px; border-right: 0px; border-bottom: 1px solid #BADE92; border-left: 0px;}

td#usermenu a {  background-color: #FFFFFF; display: block; margin: 0px; padding: 4px; border-bottom: 1px solid #BADE92;}
td#usermenu a:hover {background-color: #E3F2D2;}
td#usermenu a.menuTop {padding-left: 2px; border-top: 0px; border-right: 0px; border-bottom: 1 px solid #BADE92; border-left: 0px;}
td#usermenu a.highlight {background-color: #fcc;}


/*.outer {border: 1px solid silver;}*/
.outer {border: 1px solid #BADE92;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
/*.even {background-color: #dee3e7; padding: 5px;}*/
.even {background-color: #def0e0; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #188D3B; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #188D3B; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}


table.evtbl {border: 0px; background-color: #FFEEAA;}
div.evhead {font-size: 20px; color: #BADE92; font-weight: bold; margin-bottom: 2px;}