.container_header
{
    /*01A2A6, BDF271*/
    /*background:#01A2A6 url("../images/header_bg.jpg") repeat-x bottom;*/
    border:solid 0px #fff;
    border-top-width:0px;
    padding:5px 15px;
    }  
.container_header span{color:#3FA9F5; font-weight:normal;}
.container_header td{color:#2A3333;} 
.container_title{
    background:#fff url("../images/bg_title.png") repeat-x top;
    padding:8px;
    }

.container_content{padding:10px;}
.container_content_in{padding:20px; background-color:#fff; width:240px;}

.search { 
    border:dashed 1px #00baff;
    color:#555; padding:5px;
    width:auto;    
    }
.search table{ 
    position:relative;  
    display:inline-block;  
    }
      
.competency_history{          
    background-color:#00B0F0;
    color:#fff;
    padding:5px;
    display:inline-block;
    width:150px;
}
span.competency_history{font-size:11px;}
a.competency_history:link, 
a.competency_history:visited {
    background-color:#d7d7d7;
    color:#808080;
    padding:5px;
    display:inline-block;
    text-decoration:none;
    width:150px;
    }
a.competency_history:hover {text-decoration:none; background-color:#00B0F0; color:#000; }

.image_properties{color:#000;}
.line_right{border-right:solid 1px #d7d7d7;}

.month{
    background:#fff url("images/tab_gray.jpg") no-repeat bottom;
    /*padding-top:15px;*/
    width:60px;
    height:28px;
    text-align:center;
    }
.month A:link, 
.month A:visited {text-decoration:none; color:#fff; }
.month A:hover {text-decoration:none; color:#d7d7d7; }
    
.month_selected{
    background:#fff url("images/tab_blue.jpg") no-repeat bottom;
    /*padding-top:15px;*/
    width:60px;
    height:28px;
    text-align:center;
    }
.month_selected A:link, 
.month_selected A:visited {text-decoration:none; color:#fff; font-weight:bold; }
.month_selected A:hover {text-decoration:none; color:#555; }


.kmlist{color:#808080;}
.language{padding:2px 0; position:relative; float:right;}

.content {
    border: solid 1px #d7d7d7;
    color: #555;
    padding: 20px;
}
.content div{font-weight:bold; color:#000;}
.content_banidstyle{}
.content_category{font-weight:bold; color:#49ade9;}
.content_competency{color:#555;} 
.content_error{padding:10px; color:#f00;}
.content_header{color:#03a2e1; font-weight:bold; padding:5px 0px;}      
.content_header span{color:#03a2e1; font-weight:normal;}
.content_line{border-bottom:solid 2px #D7D7D7; padding:0px;}
.content_mappath{color:#555; padding-bottom:10px;}
.content_menu td{padding:3px;}
.content_menu a:link, 
.content_menu a:visited {text-decoration:none; color:#555; }                
.content_menu a:hover {text-decoration:none; color:#03a2e1; }
.content_menu tr:hover {text-decoration:none; color:#008595; background-color:#f3f3f3; }
.content_number{border:solid 2px #d7d7d7;color:#808080;float:right;font-weight:normal;padding:10px;}  
.content_title{background-color:Transparent; color:#ffc30b; font-weight:normal; padding:2px 0px;}/*008595*/
    
.content_counterclockwise
{

/* Firefox */
-moz-transform: rotate(-90deg); 
-moz-transform-origin: 50% 50%;

/* IE7 or less */
zoom: 1;
writing-mode: tb-rl;
filter: flipv fliph;

/* IE8 */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* IE9 */
-ms-transform: rotate(-90deg);
-ms-transform-origin: 50% 50%;

/* IE10 and other modern browsers that do not need vendor prefixes */
transform: rotate(180deg);
transform-origin: 50% 50%;

/* Chrome/Safari */
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%;
    }

.cockpit_value{position:absolute; bottom:25px; left:10px; text-align:center; width:100px;}
.cockpit_on,
.cockpit_med,
.cockpit_off,
.cockpit_submit
{
padding:10px;
position:relative;
text-align:center;
width:100px;
height:100px;
}
.cockpit_submit{background:#fff200;color:#000;}

.cockpit_on{background:#a0ff1f;color:#000;}
.cockpit_on span,
.cockpit_on a:link, 
.cockpit_on a:visited{color:#000; font-weight:bold; padding:2px;}
.cockpit_on a:hover {text-decoration:none; color:#fff; }

.cockpit_med{background:#fff200;color:#000;}
.cockpit_med span,
.cockpit_med a:link, 
.cockpit_med a:visited{color:#000; font-weight:bold; padding:2px;}
.cockpit_med a:hover {text-decoration:none; color:#fff; }

.cockpit_off{background:#C5C5C5;color:#fff;}
.cockpit_off span,
.cockpit_off a:link, 
.cockpit_off a:visited{color:#fff; font-weight:bold; padding:2px;}
.cockpit_off a:hover {text-decoration:none; color:#000; }
    
.matrix ul{margin:5px 15px; padding:0px 5px;}


.mix_matrix_box{width:100px; height:100px;}
.mix_matrix_value{font-size:24px; font-weight:bold;}
.mix_matrix_l{background:#837E76; color:#fff;}
.mix_matrix_ml{background:#fff53a;}
.mix_matrix_mh{background:#fff200;}
.mix_matrix_h{background:#a0ff1f;}      
.mix_left, 
.mix_right{                  
    position:absolute; margin-left:-96px; 
    width:210px; height:20px;
}  
.mix_left{background:url("images/arrow-left.png") no-repeat;}
.mix_right{background:url("images/arrow-right.png") no-repeat;}
.mix_up, 
.mix_down{                   
    position:absolute; margin-left:5px; margin-top:-100px;
    width:20px; height:210px;
}  
.mix_up{background:url("images/arrow-up.png") no-repeat;}
.mix_down{background:url("images/arrow-down.png") no-repeat;}

.matrix_ox{position:absolute; margin-left:-130px;}
.matrix_x{position:absolute; margin-left:110px;}
.matrix_oy{position:absolute; margin-top:115px;}
.matrix_y{position:absolute; margin-top:-130px;}      
.matrix_ox,
.matrix_x,
.matrix_oy,
.matrix_y{color:#00aeef; font-size:14px; font-weight:bold;}