/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

/* page */

#page {
    text-align: left;
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;

}

/* menu */

#menu {
    background-image: url(/lenya/TLP/authoring/images/nav_base_bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    height: 28px;
    line-height: 28px;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black;
    background-color: #b3b3b3;
    padding-left: 10px;
    padding-top:5px;
    font-weight: bold;
    text-align: left;
}

#menu li {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    list-style-type: disc;
    list-style-position: inside;
} 

#menu a {
    text-decoration: none;
    color: black;
}

#menu a:hover {
    text-decoration: underline;
}

.menublock-1, .menublock-selected-1 {
    padding: 0px;
    border-top: solid 1px #CD0000;
    background: #CD0000;
}

.menublock-1 a { }
.menublock-1 a:visited { }

.menublock-1 .menublock-2 { display: none; }

.menublock-selected-1 .menuitem-1 { background-color: /*#FFEEEE*/#CD0000; }
.menublock-1          .menuitem-1 { }

.menuitem-1 { /*padding: 5px 5px 5px 5px;*/ font-size: 10pt;}
.menuitem-2 { padding-right: 10px; font-size: 10pt;}
.menuitem-selected-2 { padding-right: 10px; font-size: 10pt;color: white; }
.menuitem-2 a { }

.menuitem-selected-1 {
    background-color: /*#FFEEEE*/#CD0000;
    /*padding: 5px 5px 5px 5px;*/
    font-size: 10pt;
    color: black;
    font-weight:bold;
}

.menuitem-3 { /*padding: 2px 5px 2px 25px;*/ font-size: 10pt;}
.menuitem-selected-3 { /*padding: 2px 5px 2px 25px;*/ font-size: 10pt;}

/* breadcrumb */
#breadcrumb {
    padding-left: 15px;
    /*border-top: solid 1px #BB9999;
    border-bottom: solid 1px #BB9999;*/
    font-family:  Arial, Helvetica, Sans-serif;
    font-size: 9pt;
}

#breadcrumb a {
    text-decoration: none;
    color: Maroon;
}

#search {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 80%;
    position:relative;
}

input.searchfield {
    font-size: 80%;
    background-color: #ffffff;
    border: 1px solid #BB9999;
}

input.searchsubmit {
    font-size: 80%;
    color: Maroon;
    background-color: #FFEEEE;
    border: 1px solid #BB9999;
}

input.searchsubmit:hover {
    background-color: #CD0000;
}

/* body */

body {background-color: #EEEEEE;}

#body {
    text-align: justify;
    border: none;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10pt;
}

#main {

}

#body h1 { display:block; margin:0px; font-size: 1.6em; padding: 10px 10px 10px 10px; }
#body h2 { display:block; margin:0px; font-size: 1.4em; padding: 8px 10px 8px 10px; }
#body h3 { display:block; margin:0px; font-size: 1.2em; padding: 7px 10px 7px 10px; }
#body h4 { display:block; margin:0px; font-size: 1.1em; padding: 6px 10px 6px 10px; }
#body h5 { display:block; margin:0px; font-size: 1.1em; padding: 6px 10px 6px 10px; }
#body p { display: block; margin:0px; font-size: 1.0em; padding: 0px 10px 10px 10px; }
#body ul { display: block; margin:0px; font-size: 1.0em; padding: 5px 10px 5px 30px; }

.crossheading { font-weight: bold; font-size: 110%; }

table.simple {
    border-collapse: collapse;
/*
    background-color: #909090;
    border-color: #909090;
*/
    width: auto;
}

td.simple {
    font-size: 80%;
    padding: 3px;
    background-color: White;
    border: solid 1px Navy;
    vertical-align: top;
}


#publication-title {
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    vertical-align: bottom;
    padding-left: 25px;
    padding-bottom: 15px;
    color: Maroon;
}

#project-logo {
    /*padding: 10px 20px 0px 0px;
    text-align: right;*/
}

.media {
    text-align: center;
    padding: 10px;
}

.caption {
    padding: 5px;
    text-align: center;
    font-style: italic;
    font-size: 80%;
}

.abstract {
    font-weight: bold;
}

.asset { 
    display: block;
    color: #000;
    font-size: 11pt;
    margin: 10px 10px 10px 5px;
}

#footer {
    padding: 5px;
    font-size: 60%;
    text-align: right;
    border-top: solid 1px #BB9999;
}


/* -- top nav bar (from opencms version) -- */
   
#searchnew, #disclaimer_privacy {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 24px;
}
#searchnew a, #tabs a, #disclaimer_privacy a{
    color: #fff;
    text-decoration: none;
}
    
#tabs a:hover {
    color: #c0d5ff;
    text-decoration: none;
}   
    
#searchnew a  {
    margin-right: 15px;
}
    
#disclaimer_privacy a {
    margin-left: 15px;
}   

#searchnew a:hover, #disclaimer_privacy a:hover{
    color: #c0d5ff;
    text-decoration: none;
   /* border: solid 1px  red; */
}

#searchnew form {
    display:inline;
    padding: 0px;
    margin: 0px;
}

#searchnew form input {
    width: 100px;
    font-size: 11pt;
    margin: 0;
    padding: 0;
}

#searchnew form input.btn {
    background-color: #999;
    color: #fff;
    width: auto;
    border: 0;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

/* tabs div*/       
/*    background-color: #b3b3b3;*/
#tabs {
    height: 28px;
    line-height: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    color: #fff;
    background-color: #404040;
    padding-left: 10px;
    font-weight: bold;
}
    
#tabs ul, #menu ul, #subNav ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    list-style-type: disc;
    list-style-position: inside;
}

#tabs ul li, #menu ul li, #subNav ul li {
    margin-left: 0;
    padding-left: 5px;
    margin-bottom: 0;
    display: inline;
}

#tabs ul li#home {
    padding-left: 42px;
}

#tabs ul li.tab-selected a{
    color:gray;
}

.tab-selected {
    color:gray;
}

.image-left {
    float:left;
    clear: left;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.image-right {
    float:right;
    clear:right;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.image-inline {
    /*float:inline;*/
    vertical-align:text-top;
}

div.home {
   background-color: white /*#1e3a6f*/;
   /*color: white;*/
   text-align:justify;
}

div.business
{
	background-color: white /*#f7dacf*/;
	color: black;
	text-align:justify;
	line-height: 19px;
}

div.individual
{
	background-color: white /*#f0f5d4*/;
	color: black;
	text-align: justify;
  line-height: 19px;
}

div.centered{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
}

.clear_both{
   clear:both;
}


div.tlp
{
	background-color: white;
	padding:10px 0px;
	margin-top:-3px;
  line-height: 19px;
}

div.idv
{
	background-color: white;
	padding:10px 0px;
	margin-top:-3px;
  line-height: 19px;
}

div.biz
{
	background-color: white;
	padding:10px 0px;
	margin-top:-3px;
  line-height: 19px;
}

div.flash_video { 
  float:right;
  margin-top:5px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom:10px;
  height: 320px; width: 400px;  }
div.flashcontent { }

div.page_explanation { position:relative; font-size: 80%; padding: 5px 10px 5px 10px; }

div.page_scroll { position:relative; height: 400px; width:auto; overflow: scroll; border:dotted 1px gray;   background: #FFF8EA;}

div.title_row { position:relative; width: 737px; height:26px; background: #FFEFD5; border-bottom: 1px solid #ddd; }

div.select_check { position:absolute; top:6px; left:20px; }

div.descr_fold  { position:absolute; top:6px; left:50px; cursor: pointer;}

div.title { padding-left:70px; padding-top:6px; padding-bottom:5px; font-size:11pt; font-weight:bold; }

div.title_spacer { position:absolute; top:0px; left:0px; height:26px; width:70px; background: red;}

div.title a { font-size:11pt; }

div.descr_row { width: 737px; padding-left:70px; background: #FFF8EA; border-bottom: 1px solid #ddd; }

div.descr {  padding: 10px 5px; font-size:10pt; }

table.info { font-size: 1.0em; border:dashed 1px gray; /*border-style: hidden;*/ border-collapse:collapse; margin:0px 10px;}

td.info_title { width: 200px; font-weight: bold; vertical-align: top; text-align:left; padding: 5px; border: dashed 1px gray; }

td.info_descr { width: 540px; vertical-align: top; padding: 5px; border: dashed 1px gray; }

div.previous_next { text-align:center;margin-left:auto;margin-right:auto;height:25px;width:300px;margin-top:5px; }

/** Button effects **/

a#idv_guidance {
    display: block;
    width: 262px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/individual_guidance.gif);
    background-position: 0 0;
    margin: 20px auto;
}

a#idv_guidance:hover {
    background-position: 0 -34px;
}

a#idv_guidance:active {
    background-position: 0 -67px;
}

a#idv_guidance:focus {
       outline: none;
}

a#biz_guidance {
    display: block;
    width: 260px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/business_guidance.gif);
    background-position: 0 0;
     margin: 20px auto;
}

a#biz_guidance:hover {
    background-position: 0 -34px;
}

a#biz_guidance:active {
    background-position: 0 -67px;
}

a#biz_guidance:focus {
       outline: none;
}

a#interests_diagnostic {
    display: block;
    width: 181px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/interests.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#interests_diagnostic:hover {
    background-position: 0 -34px;
}

a#interests_diagnostic:active {
    background-position: 0 -67px;
}

a#interests_diagnostic:focus {
       outline: none;
}

a#occupations_diagnostic {
    display: block;
    width: 181px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/occupations.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#occupations_diagnostic:hover {
    background-position: 0 -34px;
}

a#occupations_diagnostic:active {
    background-position: 0 -67px;
}

a#occupations_diagnostic:focus {
       outline: none;
}

a#kpas_diagnostic {
    display: block;
    width: 97px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/start.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#kpas_diagnostic:hover {
    background-position: 0 -34px;
}

a#kpas_diagnostic:active {
    background-position: 0 -67px;
}

a#kpas_diagnostic:focus {
       outline: none;
}

a#idv_start_diagnostic {
    display: block;
    width: 97px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/idv_start.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#idv_start_diagnostic:hover {
    background-position: 0 -34px;
}

a#idv_start_diagnostic:active {
    background-position: 0 -67px;
}

a#idv_start_diagnostic:focus {
       outline: none;
}

a#biz_start_diagnostic {
    display: block;
    width: 97px;
    height: 34px;
    background-image: url(/lenya/tlp/live/images/start.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#biz_start_diagnostic:hover {
    background-position: 0 -34px;
}

a#biz_start_diagnostic:active {
    background-position: 0 -67px;
}

a#biz_start_diagnostic:focus {
       outline: none;
}


table.idv_diagnostic{
   border-spacing: 0px;
   border-collapse: collapse;
   font-size: 80%;
}

table.idv_diagnostic tbody tr th { 
   width:30px;
   padding:3px 0px 3px 10px; 
   vertical-align:middle;  
   border-right: 1px solid #956500; 
   border-top: 1px solid #ddd;/*#fff;*/
   border-bottom: 1px solid #ddd;/*#fff;*/
}

table.idv_diagnostic tbody tr td {
   width:700px;
   padding:5px 10px 5px 10px;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}
/* occupations */
table.idv_diagnostic tbody tr th.idv_diagnostic_heading1 {
   background-color: #FFDCA2;
}

table.idv_diagnostic tbody tr td.idv_diagnostic_heading1 {
   background-color: #FFEFD5;
   font-size: 100%;
   font-weight: bold;
}

/* qualifications */
table.idv_diagnostic tbody tr th.idv_diagnostic_heading2 {
   background-color: #EFE8AD;/*#EDEF85;*/
}

table.idv_diagnostic tbody tr td.idv_diagnostic_heading2 {
   background-color: #F7FFCE;/*#FFFFB5;*/
   font-size: 100%;
   font-weight: bold;
   color: black;
}

/* qualifications */
table.idv_diagnostic tbody tr th.idv_diagnostic_heading3 {
   background-color: #B5FFC8;
}

table.idv_diagnostic tbody tr td.idv_diagnostic_heading3 {
   background-color: #DDFED1;
   font-size: 100%;
   font-weight: bold;
   color: black;
}

/* interests */
table.idv_diagnostic tbody tr th.idv_diagnostic_heading4 {
   background-color: #FFF3A6;
}

table.idv_diagnostic tbody tr td.idv_diagnostic_heading4 {
   background-color: #FFF9D2;
   font-size: 100%;
   font-weight: bold;
   color: black;
}

/* occupations */
table.idv_diagnostic tbody tr th.idv_diagnostic_descr1 {
   background-color: #FFE2B0;
}

table.idv_diagnostic tbody tr td.idv_diagnostic_descr1 {
   background-color: #FFF8EA;
}

/* qualifications */
table.idv_diagnostic tbody tr th.idv_diagnostic_descr2 {
   background-color: #FFFF9C;
}

table.idv_diagnostic tbody tr td.idv_diagnostic_descr2 {
   background-color: #FFFFE8;
}

table.diag_method_choose { border-spacing:0px; border-collapse:collapse; margin:0px 10px 10px 10px; }
table.home_diag_link { position:relative; /*width:350px;*/ font-size:10pt; border: 0px; border-spacing:0px; border-collapse:collapse; }
td.t_black{ height:10px; background-color:black; }
td.b_black{ height:10px; background-color:black; }
td.l_black{ width:10px; background-color:black; }
td.r_black{ width:10px; background-color:black; }
td.m_black{ background-color:black; color:white; text-align:center; }
td.tl_black{   height:10px; width:10px; background-image: url(/lenya/tlp/live/images/tl_black_15.png); background-position: top left; background-repeat: no-repeat; }
td.bl_black{   height:10px; width:10px; background-image: url(/lenya/tlp/live/images/bl_black_15.png); background-position: bottom left; background-repeat: no-repeat; }
td.tr_black{   height:10px; width:10px; background-image: url(/lenya/tlp/live/images/tr_black_15.png); background-position: top right; background-repeat: no-repeat; }
td.br_black{   height:10px; width:10px; background-image: url(/lenya/tlp/live/images/br_black_15.png); background-position: bottom right; background-repeat: no-repeat; }

table.assess_kpas { border-spacing:0px; border-collapse:collapse; text-align:left; font-size:10pt;  border:solid 1px gray;}
table.assess_kpas thead tr { background-color: #A9A9A9; text-align:center; }
tr.kpa_row_odd { background-color:  #FFFFFF; border-bottom:dotted 1px gray; border-top:dotted 1px gray;}
tr.kpa_row_even { background-color:  #DCDCDC; border-bottom:dotted 1px gray; border-top:dotted 1px gray; }
tr.kpa_row_even td.kpa_imp { background-color:  white; }
tr.kpa_row_even td.kpa_curr_perf { background-color:  white; }
th.kpa_top_level { background: #C0C0C0; }
th.kpa_imp { background: #AFEEEE; border:solid 1px gray; }
th.kpa_curr_perf { background: #F5DEB3; border:solid 1px gray; }
td.kpa_field { border-right:solid 1px gray; }
td.kpa_imp { background: #E0FFFF; text-align:center; border-left:dotted 1px gray; border-bottom:dotted 1px gray; }
td.kpa_curr_perf { background: #FFEBCD; text-align:center; border-left:dotted 1px gray; border-bottom:dotted 1px gray; }

td.biz_diagnostic_unit_check { 
   width:30px;
   padding:3px 0px 3px 10px; 
   vertical-align:middle;  
   border-right: 1px solid #956500; 
   border-top: 1px solid #ddd;/*#fff;*/
}

td.biz_diagnostic_unit_detail {  
   border-top: 1px solid #ddd;/*#fff;*/
}