/** @import url('reset.css'); **/

/** body {
  background: url('../img/background.jpg') top center no-repeat;
  color: #666666;
  font-family: Verdana;
  font-size: 11px;
} **/

#container {
  background: #ffffff;
  border: 1px solid #cecece;
  height: 465px;
  left: 150px;
  position: absolute;
  top: 25px;
  padding: 14px 29px 30px 30px;
  width: 839px;
}

#navi {
  height: 30px;
}

#navi a.back {
  background: url('../img/back.gif') top left no-repeat;
  color: #666666;
  float: left;
  line-height: 15px;
  padding-left: 25px;
  text-decoration: none;
}

#navi a:hover.back {
  background: url('../img/back-hover.gif') top left no-repeat;
}

#navi .close {
  background: url('../img/close.gif') top right no-repeat;
  color: #666666;
  float: right;
  line-height: 15px;
  padding-right: 25px;
  text-decoration: none;
}

#TB_window a.close {
  background: url('../img/close.gif') top right no-repeat;
  color: #666666;
  float: right;
  line-height: 15px;
  padding-right: 25px;
  text-decoration: none;
  position: absolute;
  top: 15px;
  right: 30px;
}

#TB_window a:hover.close {
  background: url('../img/close-hover.gif') top right no-repeat;
}

#TB_window a:hover {
  color: #FF7A00;
}

#navi a:hover {
	color: #FF7A00;
}

#topic {
  background: #ff7e08 url('../img/topic-bg.gif') top repeat-x;
  height: 27px;
  width: 839px;
  margin-bottom: 10px;
  padding:0px;
}

#topic img {
  float: left;
  margin-right: 18px;
}

#topic h1 {
  color: #fefefe;
  float: left;
  font-size: 14px;
  line-height: 27px;
  margin-right: 18px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

#topic h3 {
  color: #fefefe;
  float: left;
  font-size: 11px;
  font-weight: normal;
  line-height: 27px;
  margin: 0px;
  padding: 0px;
}

#matrix {
  background: url('../img/matrix-bg.gif') 0 48px no-repeat;
  height: 398px;
  width: 839px;
}

#matrix #content a {
  color: #FF7A00;
  font-size: 11px;
  font-weight: normal;
  font-family:Verdana,Arial,Helvetica;
}

#matrix #content a:hover {
  text-decoration: underline;
}

.matrix-detail {
  background: url('../img/matrix2-bg.gif') 0 48px no-repeat !important;
  height: 398px;
  width: 839px;
}

#matrix .item .content a {
  color: #606060;
  text-decoration: none;
}

#matrix .item-start .content a {
  color: #606060;
  text-decoration: none;
  font-weight: bold;
}

#matrix .item .content a:hover,
#matrix .item .content a.hover {
  color: #ffffff;
  text-decoration: none;
}

#matrix .item-start .content a:hover,
#matrix .item-start .content a.hover {
  color: #ffffff;
  text-decoration: none;
}

#matrix .item-start .content:hover a,
#matrix .item .content:hover a {
  color: #ffffff;
  text-decoration: none;
}

#matrix .item-start { cursor: pointer; margin-bottom: 0; width: 134px; text-transform: uppercase; }
#matrix .item { cursor: pointer; }
/** #matrix .content { padding: 0 10px; } **/
#matrix .content { height: 92px; padding-left:10px; padding-right:10px; }
#matrix .border { min-width: 3px; width: 3px; }

.orange .item-start .border { background: url('../img/orange-start-item.jpg') bottom left repeat-x; }
.orange .item-start .content { background: url('../img/orange-start-item.jpg') top left repeat-x; }
.orange .item-start .active { background: url('../img/orange-start-item.jpg') bottom left repeat-x; }
.orange .item .border { background: url('../img/orange-item.jpg') bottom left repeat-x; }
.orange .item .content { background: url('../img/orange-item.jpg') top left repeat-x; }
.orange .item .active { background: url('../img/orange-item.jpg') bottom left repeat-x; }

.yellow .item-start .border { background: url('../img/yellow-start-item.jpg') bottom left repeat-x; }
.yellow .item-start .content { background: url('../img/yellow-start-item.jpg') top left repeat-x; }
.yellow .item-start .active { background: url('../img/yellow-start-item.jpg') bottom left repeat-x; }
.yellow .item .border { background: url('../img/yellow-item.jpg') bottom left repeat-x; }
.yellow .item .content { background: url('../img/yellow-item.jpg') top left repeat-x; }
.yellow .item .active { background: url('../img/yellow-item.jpg') bottom left repeat-x; }

.blue .item-start .border { background: url('../img/blue-start-item.jpg') bottom left repeat-x; }
.blue .item-start .content { background: url('../img/blue-start-item.jpg') top left repeat-x; }
.blue .item-start .active { background: url('../img/blue-start-item.jpg') bottom left repeat-x; }
.blue .item .border { background: url('../img/blue-item.jpg') bottom left repeat-x; }
.blue .item .content { background: url('../img/blue-item.jpg') top left repeat-x; }
.blue .item .active { background: url('../img/blue-item.jpg') bottom left repeat-x; }

.green .item-start .border { background: url('../img/green-start-item.jpg') bottom left repeat-x; }
.green .item-start .content { background: url('../img/green-start-item.jpg') top left repeat-x; }
.green .item-start .active { background: url('../img/green-start-item.jpg') bottom left repeat-x; }
.green .item .border { background: url('../img/green-item.jpg') bottom left repeat-x; }
.green .item .content { background: url('../img/green-item.jpg') top left repeat-x; }
.green .item .active { background: url('../img/green-item.jpg') bottom left repeat-x; }

#matrix .item .active a { color:#ffffff; }
#matrix .item-start .active a { color:#ffffff; font-weight: bold; }

#matrix table { height: 92px; margin-bottom: 10px; width: 819px; }
#matrix table.item { margin-bottom: 0; width: 100%; }
#matrix td { text-align:center; }

#matrix table.pp1cols table.item { width:663px; }
#matrix table.pp2cols table.item { width:325px; }
#matrix table.pp3cols table.item { width:213px; }
#matrix table.pp4cols table.item { width:157px; }
#matrix table.pp5cols table.item { width:124px; }
#matrix table.pp6cols table.item { width:99px; }


.layercontent {
  height: 278px;
  margin-right: 20px;
  overflow: auto;
  padding-top: 5px;
}

.layercontent h1 {
  color: #666666;
  font-size: 14px;
  margin-bottom: 3px;
}

.layercontent p {
  color: #666666;
  line-height: 14px;
  font-size: 11px;
}

#matrix #content table { height: auto; width: auto; clear: left; display: block; }
#matrix #content .csc-textpic { float:left; margin-right:15px; }