body {
  color: #3f3f3f;
  background-color: #ffffff;



  font-size: 12px;
  /*max-width : 448px; */
  margin : auto;
  font-family: "Arial";

}

a:link, a:active, a:visited {
  color: #8B8682;
  text-decoration: none;
}

a:hover, a:focus {
  color: #C48556;
}

img {
  vertical-align: middle;
  border-style: none;
}





.header {
  background-color: #4D7198;
  background-image: url(../images/header.png);

}




span.url {
  position: absolute;
  top: 34px;
  left: 62px;
}

span.hh {
  font-size: 20px;
}

.oline {
  background-color: #febf01;
  height: 4px;
}

.bline {
  background-color: #92e0fa;
  height: 3px;
}






.ot4 {
  color : #DEE5EB;
  background-color: #4D7198;
}


  




.new {
  color: #587CA3;
  background-color: #E9EDF1;

  padding: 6px;
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 1px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
}

.new a {
  color: #88A4C2;
  font-size : 11px;

}





.vib  {
  color : #9F7E68;
  background-color: #DEE5EB;
  border-bottom: 1px solid #C4CACF;
}


.vib a {
  color : #2B587A;
}


.vib2  {
  color : #2B587A;
  background-image : url(../images/b.png);
  background-repeat: repeat-x;
  background-position: 50% top; 
  margin-bottom: 1px;
}


.vib2 a {
  color : #2B587A;
  margin-left: 2px;
}

.vib2:hover  {
  color : #E90303;
  background-color: #DEE5EB;
  border-bottom: 1px solid #C4CACF;
  margin-bottom: 0px
}


.vib2 a:hover {
  color : #E90303;

}







.teg {
  color : #9F7E68;
  background-color: #4D7198;
  height: 37px; 
  background-image : url(../images/r.png);
  background-repeat: repeat-x;
  background-position: 50% top; 
}

.but a {color: #D7E0E8;}
.but {
background: #88A4C2 url(but.gif) repeat-x top;
padding: 2px 4px 2px 4px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}







.tegt {
  color: #616161;
  background-color: #E9EDF1;
  padding: 3px;
}


.tegt a {
  color: #587CA3;
  font-size : 11px;
}






.or {
  color: #DEE5EB;
  background-color: #F07E0B;
  font-size : 11px;
  font-weight : bold; 
  background-image: url(../images/orf.png);
}  






.copy {
  color: #c7c7c7;
  font-size: 10px;
  text-align: right;
  padding: 2px;
}

.copy a{
  color: #c7c7c7;
  font-size: 10px;
}

.page_link{
background: #4D7198;
color: #FFF !important;
padding: 3px 6px;
border-radius: 2px;
}

.page_link_current{
border: 1px solid #4D7198;
color: #4D7198;
padding: 3px 6px;
border-radius: 2px;
}

.vib_text_line{
height: 1px;
background-color: #4D7198;
}

.vib_text{
color : #2B587A;
background-color: #DEE5EB;
border-bottom: 1px solid #C4CACF;
font-size: 13px;
padding: 6px 6px;
}

.vib_text_red{
color : red;
background-color: #DEE5EB;
border-bottom: 1px solid #C4CACF;
font-size: 13px;
padding: 6px 6px;
}

.vib_link{
color : #2B587A;
background-color: #E9EDF1;
border-bottom: 1px solid #C4CACF;
font-size: 13px;
padding: 6px 6px;
}
.vib_link a{
color : #2B587A;
}
.vib_link a:hover{
color : #E90303;
}
.vib_input_text{
font-size: 13px;
width: 160px;
padding: 4px 4px;
color : #2B587A;
border: 1px solid #d8d8d8;
}
.vib_input_textred{
font-size: 13px;
width: 160px;
padding: 4px 4px;
color : #2B587A;
background: #FFE2E2;
border: 1px solid #d8d8d8;
}
.vib_input_textred:focus{
background: #FFF;
}
.vib_label{
font-size: 13px;
padding: 2px 8px;
color : #2B587A;
background-color: #DEE5EB;
border-bottom: 1px solid #C4CACF;
}
.vib_input_submit{
background: #88A4C2 url(but.gif) repeat;
padding: 2px 4px 2px 4px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:0px;
color: #D7E0E8;
padding: 4px 9px;
}

.a_href_red, .a_href_red a, .a_href_red a:focus, .a_href_red a:active{
color: #FFF !important;
}
.a_href_red:hover{
color: #E90303 !important;
}

.active_icon_border_red{
display: inline-block;
background: red;
font-size: 13px;
margin-left: 3px;
width: 10px;
height: 10px; 
border-radius: 14px;
}
.active_icon_border_green{
display: inline-block;
background: green;
font-size: 13px;
margin-left: 3px;
width: 10px;
height: 10px; 
border-radius: 14px;
}
.vib_textarea{
min-height: 90px !important;
height: 90px !important; 
max-height: 90px !important; 
min-width: 227px !important; 
width: 227px !important; 
max-width: 227px !important; 
color : #2B587A;
border: 1px solid #d8d8d8;
font-size: 13px;
}
.vib_textareared{
min-height: 90px !important;
height: 90px !important; 
max-height: 90px !important; 
min-width: 227px !important; 
width: 227px !important; 
max-width: 227px !important; 
color : #2B587A;
border: 1px solid #d8d8d8;
font-size: 13px;
background: #FFE2E2;
}
.vib_textareared:focus{
background: #FFF;
}
.vib_input_file{
font-size: 13px;
width: 170px;
padding: 4px 4px;
color : #2B587A;
border: 1px solid #d8d8d8;
}
.vib_input_filered{
font-size: 13px;
width: 170px;
padding: 4px 4px;
color : #2B587A;
background: #FFE2E2;
border: 1px solid #d8d8d8;
}
.vib_input_filered:focus{
background: #FFF;
}

.vib_input_select{
font-size: 13px;
width: 170px;
padding: 4px 4px;
color : #2B587A;
border: 1px solid #d8d8d8;
}
.vib_input_selectred{
font-size: 13px;
width: 170px;
padding: 4px 4px;
color : #2B587A;
border: 1px solid #FFE2E2;
}
.vib_input_selectred:focus{
border: 1px solid #d8d8d8;
}
.table_head_style{
width:100%;
border-collapse:collapse;
border-spacing:0;
margin-bottom:0px;
}
/* Head Table */
@media screen and (max-width: 370px){
#head_right_panel_0{
background-color: #4D7198;
  background-image : url(../images/r.png);
  background-repeat: repeat-x;
  background-position: 50% top; 
  max-width: 100% !important;
  width: 100%;
  margin-top: -3px;
  }
}
@media screen and (max-width: 399px){
#head_right_panel_1{
background-color: #4D7198;
  background-image : url(../images/r.png);
  background-repeat: repeat-x;
  background-position: 50% top; 
  max-width: 100% !important;
  width: 100%;
  margin-top: -3px;
  }
}
.head_right_panel{
width:200px;
max-width: 200px;
border-collapse:collapse;
border-spacing:0;
margin-bottom:0px;
float: right;
}
.head_right_panel 
td a{
display:block;
text-align:center;
color:#fff;
padding:8px 5px;
}

.head_right_panel_a
{
display: block;
padding: 3px;
margin: -1px;
text-align: center;
color: #009400;
}
   
   
.head_right_panel_a:hover {
text-shadow: none;
}

.head_right_panel_a img{vertical-align:middle}
/* Head Table */