/*  -----------------  #message  ------------------ */


#message { width: auto; height: auto; }
#message div.top { width: auto; height: auto; }
#message div.inner { width: auto; height: auto; }
#message div.bottom { width: auto; height: auto; }

/*  -----------------  #message top  ------------------ */

/*  -----------------  #message inner  ------------------ */

#message div.inner div /* .roomPicture */ div.head { width: auto; height: auto; }
#message div.inner div /* .roomPicture */ div.head p { 
  width: auto;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 0 0 1px 0;
  border-left: 10px solid #E0E0E0;
  }

#message div.inner div div.img01 p { background: url("images/default.image.01.gif") no-repeat 5px -2px; }
#message div.inner div div.img02 p { background: url("images/default.image.02.gif") no-repeat 5px -2px; }
#message div.inner div div.img03 p { background: url("images/default.image.03.gif") no-repeat 5px -2px; }
#message div.inner div div.img04 p { background: url("images/default.image.04.gif") no-repeat 5px -2px; }
#message div.inner div div.img05 p { background: url("images/default.image.05.gif") no-repeat 5px -2px; }
#message div.inner div div.img06 p { background: url("images/default.image.06.gif") no-repeat 5px -2px; }

#message div.inner div.orderList {
  text-align: left;
  }

#message div.inner div.orderList div.operateBlock {
  width: 550px;
  height: 30px;
  margin: 10px 0 15px 20px;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #C0C0C0;
  }

#message div.inner div.orderList div.operateFix {
  margin: 0px 0 10px 20px;
  padding: 10px 0 0 0;
  border: none;
  border-top: 1px dashed #C0C0C0;
  }

#message div.inner div.orderList div.operateBlock p {
  margin: 0px;
  padding: 0px;
  color: #000000;
  }

#message div.inner div.orderList div.operateBlock p select {
  position: relative;
  top: 2px;
  margin: 0px;
  padding: 0px;
  font-size: 0.8em;
  }

#message div.inner div.orderList div.operateBlock p span.message {
  margin-left: 170px;
  }
#message div.inner div.orderList div.operateBlock p span.messageAdmin {
  margin-left: 40px;
  }

#message div.inner div.orderList div.operateBlock p span a {
  color: #6585BA;
  text-decoration: underline;
  }

#message div.inner div.orderList div.operateBlock p span.mark {
  font-weight: bold; color: #6BAC1E; margin-right: 0px; }

#message div.inner div.orderList div.operateBlock p span.number {
  font-weight: bold; color: #488CF2; margin-right: 0px; font-size: 0.85em; }

#message div.inner div.orderList div.messageBlock {
  width: 550px;
  height: auto;
  margin: 0px 0 20px 20px;
  padding: 0px;
  border: 1px solid #D0D0D0;
  border-right: 2px solid #C0C0C0;
  border-bottom: 2px solid #C0C0C0;
  }
*html #message div.inner div.orderList div.messageBlock { height: 100px; }

#message div.inner div.orderList div.messageFix {
  border: 1px solid #CADBFF;
  border-right: 2px solid #BBD1FF;
  border-bottom: 2px solid #BBD1FF;
  }

#message div.inner div.orderList div.messageTrush {
  border-color: red;
  border-width: 8px;
  }

#message div.inner div.orderList div.messageBlock div.question {
  width: auto;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0px;
  }

#message div.inner div.orderList div.messageBlock div.question div.image {
  width: 150px;
  height: 80px;
  float: left;
  }

#message div.inner div.orderList div.messageBlock div.question div.image p {
  margin: 26px 0 0 0;
  text-align: center;
  }

#message div.inner div.orderList div.messageBlock div.question div.image p.date {
  margin: 5px 0 0 0;
  padding: 0px;
  font-size: 0.7em;
  color: #000000;
  }

#message div.inner div.orderList div.messageBlock div.question div.context {
  width: 370px;
  min-height: 65px;
  margin: 5px 0 10px 0;
  float: left;
  }

*html #message div.inner div.orderList div.messageBlock div.question div.context {
  height: 65px;
  }

#message div.inner div.orderList div.messageBlock div.question div.context p.private {
  height: 65px;
  line-height: 60px;
  color: #488CF2;
  }

#message div.inner div.orderList div.messageBlock div.answer {
  width: auto;
  height: auto;
  margin: 0 20px 10px 20px;
  padding: 0px;
  border-top: 1px solid #C0C0C0;
  }
*html #message div.inner div.orderList div.messageBlock div.answer {
  height: 80px;
  }

#message div.inner div.orderList div.messageBlock div.answerFix {
  border-top: 1px solid #CADBFF;
  }

#message div.inner div.orderList div.messageBlock div.answer div.image {
  width: 150px;
  height: 80px;
  margin: 0 0 0 -20px;
  padding: 0px;
  float: left;
  }

#message div.inner div.orderList div.messageBlock div.answer div.image p {
  margin: 26px 0 0 0;
  color: #6585BA;
  text-align: center;
  }

#message div.inner div.orderList div.messageBlock div.answer div.context {
  width: 370px;
  height: auto;
  margin: 10px 0 10px 0;
  float: left;
  }

#message div.inner div.orderList div.messageBlock div.answer div.context p {
  color: #6585BA;
  }

#message div.inner div.orderList div.messageBlock div.answer:after { content: "."; display: block; font-size: 0em; height: 0; clear: both; visibility: hidden; }

#message div.inner div.orderList div.messageBlock div div p {
  margin: 4px 4px 0 4px;
  color: #000000;
  }

#message div.inner div.orderList div.messageBlock div.question:after { content: "."; display: block; font-size: 0em; height: 0; clear: both; visibility: hidden; }

#message div.inner div.orderList div.inner {
  width: auto; height: auto; margin: 10px 0 35px 10px; padding: 0px; text-align: left; }

#message div.inner div.orderList div.inner div.image div.imgBlock {
  margin: 10px 0 20px 10px;
  padding: 0px;
  float: left;
  border: 1px solid #C0C0C0;
  }

#message div.inner div.orderList div.inner div.image:after { content: "."; display: block; font-size: 0em; height: 1px; clear: both; visibility: hidden; }

#message div.inner div.orderList div.inner div.image div.right {
  margin-left: 20px;
  }

#message div.inner div.orderList div.inner div.image div img {
  width: 240px;
  height: 180px;
  margin: 2px;
  padding: 0px;
  }


#message div.inner div.orderList div.inner p {
  width: 500px;
  height: auto;
  margin: 0px;
  padding: 0px 0 0px 26px;
  font-size: 0.8em;
  line-height: 1.7em;
  text-indent: -16px;
  }

#message #messageContainer,
#message #messageContainerBottom {
  position: relative;
  visibility: hidden;
  }

#message #messageBox {
  position: absolute;
  top: -30px;
  left: -118px;
  width: 300px;
  height: 490px;
  background-color: #FFF;
  border: 1px solid #A0A0A0;
  }

#message #messageContainerBottom div.bottomFix {
  top: -400px;
  }

#message #messageBox p {
  width: auto;
  margin: 0 10px 0 10px;
  padding: 10px 0 10px 0;
  text-align: center;
  color: #000000;
  border-bottom: 1px dashed #C0C0C0;
  }

#message #messageBox p a {
  color: #6585BA;
  text-decoration: underline;
  }

#message #messageBox form {
  margin: 0px;
  padding: 0px;
  text-align: left;
  }

#message #messageBox form p {
  margin: 0px;
  padding: 0px;
  text-align: left;
  border: none;
  }

#message #messageBox form p label {
  margin: 0 10px 0 20px;
  color: #000000;
  }

#message #messageBox form p input {
  position: relative;
  top: 2px;
  width: 150px;
  height: 14px;
  margin: 10px 0 0 0;
  padding: 0px;
  }

#message #messageBox form p input.checkbox {
  top: 1px;
  width: 14px;
  margin: 14px 0 0 0;
  }

#message #messageBox form p.myM {
  margin: 13px 0 0 0;
  color: #000000;
  }

#message #messageBox form p textarea {
  width: 180px;
  height: 200px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  overflow: auto;
  }

#message #messageBox form p input.button {
  width: 80px;
  height: 20px;
  margin: 15px 10px 0 10px;
  }

#message div.inner div.orderList div.inner p span.mark { font-weight: bold; color: #6BAC1E; margin-right: 5px; }
#message div.inner div.orderList div.inner p span.imark { color: #FF6A6A; }
#message div.inner div.orderList div.inner p span.text { color: #656565; }
#message div.inner div.orderList div.inner p span.important { color: #E2181E; }
#message div.inner div.orderList div.inner p span.special { margin: 0 2px 0 2px; ;color: #688EFF; }
#message div.inner div.orderList div.inner p span.line { text-decoration: underline; }
#message div.inner div.orderList div.inner p span.text a { margin: 0 5px 0 6px; color: #6585BA; text-decoration: underline;}




#message div.inner div.orderList div.fixHeight { height: 200px; }

/*  -----------------  #message bottom  ------------------ */

/*  -----------------  default #message  ------------------ */


#message { width: 630px; min-height: 973px; }
*html #message { height: 973px;}
#message div.top { height: 50px; margin-top: 10px;
  background: url("images/default.background.gif") no-repeat -9px -10px; }

#message div.breadcrumb { margin: 0 0 15px 12px; padding: 0 0 0px 10px; }
#message div.breadcrumb p { color: #757575; font-size: 0.7em; font-family: Verdana, Helvetica; }
#message div.breadcrumb p a { color: #6585BA; text-decoration: none; }
#message div.breadcrumb p a.here { color: #B16565; text-decoration: underline; }
#message div.breadcrumb p a:hover { text-decoration: underline; }
#message div.breadcrumb p span.mark { margin: 0 5px 0 5px; }

#message div.inner { padding: 0px 5px 10px 17px; }
#message div.inner p.listNew { background-position: 0px 4px; }
#message div.inner p.listGeneral { background-position: 0px 3px; }