@charset "UTF-8";

/* ====================================================
   Green
   ==================================================== */
.greenbox {
  margin-bottom: 17px; 
  background-color: #DFF2C5; 
  padding: 10px 17px 0 17px; 
}


.greenboxHeader {
  background-repeat: no-repeat;
  color: #336600;
  display: block;
  font-weight: bold;
  height: 15px;
  vertical-align: middle;
}


.greenboxContent {
  padding: 10px 0 5px 0; 
}


/* ====================================================
   Red
   ==================================================== */
.redbox {
  margin-bottom: 17px; 
  background-color: #FCEBBD; 
  padding: 10px 17px 0 17px; 
}


.redboxHeader {
  background-repeat: no-repeat;
  color: #993300;
  display: block;
  font-weight: bold;
  height: 15px;
  vertical-align: middle;
}


.redboxContent {
  padding: 10px 0 5px 0; 
}


/* ====================================================
   gray
   ==================================================== */
.graybox {
  background-color: #F0F0F0;
  margin-bottom: 17px; 
  border: 1px solid #ECECEC;
}


.grayboxContent {
  padding: 10px; 
  overflow: hidden; 
}


/* ====================================================
   yellow
   ==================================================== */
.yellowbox {
  background-color: #FFFFCE;
  margin-bottom: 17px; 
  border: 1px solid #FBEED5;
}

.yellowboxContent {
  padding: 10px; 
  overflow: hidden; 
}


/* ====================================================
   blue
   ==================================================== */
.bluebox {
  background-color: #D2E6F5;
  margin-bottom: 17px; 
}


.blueboxContent {
  padding: 10px; 
  overflow: hidden; 
}


.blueboxHeader {
  background-color: #D2E6F5;
  padding: 10px; 
  overflow: hidden; 
  margin-bottom: 17px; 
}


/* ====================================================
   grayTable
   ==================================================== */
.grayTable {
  width: 100%;
  margin-bottom: 17px;
}

.grayTable th {
  background: none repeat scroll 0 0 #F0F0F0;
  border: 1px solid #dddddd;
  font-weight: bold;
  font-size: 14px;
  color : #252525;
  padding: 10px 15px;
  vertical-align: middle;
}

.grayTable td {
  border: 1px solid #dddddd;
  padding: 10px 15px;
  vertical-align: middle;
}



/* ====================================================
   RelaseNote
   ==================================================== */
.uichange {
  font-size: 13px;
  background-color: #84a2d4;
}

.addnew {
  background-color: #E6B422;
}

.change {
  background-color: #82ae46;
}

.fix {
  background-color: #1E90FF;
}

.warning {
  background-color: #cd5e3c;
}

.delete {
  background-color: #90918a;
}

.uichange, .change, .fix, .delete, .addnew, .warning {
  letter-spacing: 0;
  margin: 3px;
  padding: 1px 4px;
  color: #FFFFFF;
}

.appname {
  font-weight: bold;
  background-color: #F0F0F0;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #ECECEC;
}