body {
   background-color: #191919;  
   font-family: Helvetica, Arial, Verdana;
	color: #BFBFBF; 
}

table {
   color: #BFBFBF;
   font-family: Helvetica, Arial, Verdana;
   font-size: 12px;
}

a , a:link, a:visited {
   outline-style: none;
   color: #BFBFBF;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

#box {
   position: absolute;
   left: 50%;
   width: 840px;
   height: 615px;
   margin: 0px 0px 0px -400px; /* -300px 0px 0px -400px;*/
   border: 0px solid red;
   text-align: justify;
   
}

#midle {
   padding: 0px;
   margin: 0px;
   text-align: justify;
}

/*
#midle:first-letter {
   padding-left: 10px;
}
*/

.midle-div {
   height: 615px;
   width: auto;
   color: #BFBFBF;
   font-size: 12px;
   overflow: auto;
   padding-right: 2px;
   margin-top: 15px;
   border: 0px solid red;
}

.midle-div img {
    
}

.n-title {
  float: left;
  font-size: 9px;
  color: #de3727;
  font-weight: bold;
  padding-left: 10px;
}

.left {
    clear: both;
    float: left;
    width: 200px;  
    height: 615px; 
    border: 0px solid red;
    margin-top: 15px;
    font-size: 9px;
}

#navi {
    float: left;
    left: 0px;
    width: 200px;  
    border-right: 0px solid red;
    font-size: 9px;
}

#navi a, #navi a:link, #navi a:visited {
    clear:left;
    float: left;
   /* width: 200px;  */
    font-weight: bold;
    text-decoration: none;
    color: #BFBFBF;
    padding-left: 10px;
    margin-bottom: 3px;
}

#navi a:hover {
    text-decoration: none;
    background-image: url('./img/button.gif');
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

#navi .cl {
   clear: left;
   
}

#navi .selected {
    text-decoration: none;
    padding-left: 10px; 
    background-image: url('/img/button.gif');
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

/* image div */
.loaded {
    background-image: none;
    text-align: right;
}

/* image div */
.on-load {
	 height: 100px;
    /*background-image: url('/img/rotation.gif');
    background-position: center center;
    background-repeat: no-repeat;
    */
}

/* ---- page navigation ---*/
.p-navi {
   float: left;
   display: none;
   width: 30px;
}

.p-navi a, .p-navi a:link, .p-navi a:visited, .p-navi a:hover {
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #de3727;
    padding-left: 10px;
    margin-bottom: 3px;
}              

.pic_list {
   margin: 0px;
   margin-top: 2px; 
}

/* ---- text style ---- */
#text-box {
   float: left;
   /*width: 100%;*/
   text-align: justify;
   font-size: 12px;
   margin-bottom: 20px; 
   border: 0px solid red;   
}

#text-box .text-title {
   float: left;
   font-weight: bold;
   margin-bottom: 10px;
}

#text-box .link-text-title {
   margin-bottom: 10px;
   width: 300px;
   font-weight: bold;
}

#text-box .text-title-simple {
   margin-bottom: 2px;
}

#text-box .text-pic {
   float: left;
   border: 0px; 
   margin-right: 10px;
}

#text-box .cl {
   clear: left;
}

/*-----messages----*/
#msg-error {
   background: #FAD2D2;
   border: 2px solid #F06C6C;
   color: #EC4E4E;
   font-weight: bold;
   padding-left: 10px;
   margin-bottom: 10px;
}

#msg-error ul{
   margin:5px;
}

#msg-ok {
   background: #E2F3D9;
   border: 2px solid #9DD880;
   color: #1F7F00;
   font-weight: bold;
    padding-left: 20px;
}

#msg-warn {
   background: #FFEED7;
   border: 2px solid #FFC87A;
   color: #EF7700;
   font-weight: bold;
}

.break {	
	padding-left: 20px;
}

.itext_400 {
   width: 400px;
   padding: 2px;
}

.itext_400x200 {
   width: 400px;
   height: 200px;
   padding: 2px;
}

.i_select400 {
   width: 400px;
}


#d-alert {
   position: absolute;
   top:50%;                                 
   left: 50%;
   display: none;
   margin: -20px 0px 0px -300px;
   width: 600px;
   background: #FAD2D2;
   border: 2px solid #F06C6C;
   color: #EC4E4E;
   font-weight: bold;
   padding-left: 10px;
   margin-bottom: 10px;
}