body
{
Font-Family: Verdana, Arial, Helvetica, sans-serif;
Font-Size: 11px;
}

.lnkImgTk
{
Font-Family: Arial;
Font-Size: 9px;
color: #000000;
text-decoration: none;
}

.tdTask
{
    position: relative;
width: 104px;
height: 55px;
padding: 2px 8px 5px 2px;
cursor: pointer;
font-family: Arial;
font-size: 10px;
color: #000000;
text-align: center;
vertical-align: middle;
background-color:#FFB81C;
border-radius: 5px;
box-shadow: 3px 3px 3px #888888;
line-height: 100%;
}
.tdTask>a,
.tdTask>a:hover{
color: #000000;
text-decoration: none;
}
.tdTask:hover,
.tdTaskOver
{
width: 104px;
height: 55px;
padding: 2px 8px 5px 2px;
cursor: pointer;
font-family: Arial;
font-size: 10px;
color: #000000;
text-align: center;
vertical-align: middle;
background-color:#FFDC8E;
border-radius: 5px;
box-shadow: 3px 3px 3px #888888;
line-height: 100%;
}

.tdTaskBR
{
    position: relative;
width: 104px;
height: 55px;
padding: 2px 8px 5px 2px;
cursor: pointer;
font-family: Arial;
font-size: 10px;
color: #8F8F8F;
text-align: center;
vertical-align: middle;
background-color:#FFEDC6;
border-radius: 5px;
box-shadow: 3px 3px 3px #888888;
line-height: 100%;
}
.tdTaskBR:hover,
.tdTaskBROver
{
width: 104px;
height: 55px;
padding: 2px 8px 5px 2px;
cursor: pointer;
font-family: Arial;
font-size: 10px;
color: #8F8F8F;
text-align: center;
vertical-align: middle;
background-color:#FFDC8E;
border-radius: 5px;
box-shadow: 3px 3px 3px #888888;
line-height: 100%;
}

.divMilestone_lite
{
position:absolute;
top: 50%;
left: calc(100% - 13px);
width:25px;
height:25px;
background-color:#FF6EA2;
text-align: center;
box-shadow: 2px 2px 1px #888888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: translateY(-50%)  rotate(45deg);

}

.divMilestoneBR
{
position:absolute;
top: 50%;
left: calc(100% - 13px);
width:25px;
height:25px;
background-color:#FFD0E0;
box-shadow: 2px 2px 1px #888888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.divMilestoneText_lite
{
position:absolute;
font-family: Arial;
font-size: 12px;
font-weight: 600;
color: #FFFFFF;
top: 50%;
transform:  translateY(-50%);
left: calc(100% - 7px);
cursor:pointer}

.linkMilestone
{
font-family: Arial, Verdana;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-align:center;
text-decoration: none;
width:28px;
height:30px;
padding-top:6px;
cursor: pointer;
}

.linkMilestone35x32
{
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

td
{
Font-Family: Verdana, Arial, Helvetica, sans-serif;
Font-Size: 11px;
line-height: 130%;
}

.bgTitle1
{
background-color:#FFB81C; 
}

.title1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight : bold;
color: #FFFFFF;
}

.title1Line
{
background:url(../images/shadow.gif) repeat-x;
/*border-top:1px solid #999999;*/
height: 5px;
font-size: 1px;
}

.intro
{
	border: 1px solid #C2C227;
}

.bgTitle2
{
background-color:#F0F0C0;
}

.title2
{
Font-Family: Verdana, Arial, Helvetica, sans-serif;
Font-Size: 11px;
color: #000000;
font-weight : bold;
}

.title_el
{
Font-Family: Verdana;
font-weight: bold;
color: #000000;/*#686AB0;*/
}

.comment_el
{
Font-Family: Verdana;
font-weight: normal;
font-size: 9px;
color: #000000;
}

.titlered
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #D60220;
}

.titlepop
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #ffffff;
background-color:#FFB81C;
}

.version
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: white;
}

.redText
{
color: #D60220;
}

.tip
{
background-color: #F3FE8E;
}

.infoPhases
{
background-color:#FFB81C; /*#e0e086; */
color:#6f635a;
padding:2px;
font-size: 10px;
}

.btnClose
{
Font-Family: Verdana;
Font-Size: 11px;
}

/*----------------- links -----------------*/

a.link
{
color: blue;
text-Decoration: none;
}

a.link:hover
{
/*color: #008F06;  /*#1F7F35;  #295F4B;  #D60220;*/
text-decoration: underline;
}

a.linkblack
{
color: #000000;;
text-Decoration: none;
}

a.linkblack:hover
{
text-decoration: underline;
}

a.copyright:hover
{
color: #D60220;
text-decoration: none;
}

/*----------------- divers -----------------*/

.copyright
{
Font-Family: Arial, Helvetica, sans-serif;
Font-Size: 9px;
Text-decoration: none;
}

/*----------------- listes -----------------*/

ul 
{
margin-top: 1px;
margin-bottom: 3px;
}

/*----------------- tables phase -----------------*/

.tab1
{
border-color: #B0AFC1;
border-style: solid;
border-width: 1px;
}

.tab1Header
{
font-family: Verdana;
font-size: 11px;
font-weight: bold;
border: 1px solid #C2C227;
background-color:#FFB81C; /*#F0F0C0;*/
}

.tab1What
{
width: 112px;
height: 55px;
text-align: center;
vertical-align: top;
border: 1px solid #C2C227;
line-height: 100%;
}

.tab1Why
{ 
vertical-align: top;
border: 1px solid #C2C227;
}

.tab1Doc
{
width: 200px;
vertical-align: top;
border: 1px solid #C2C227;
background-color: #F7F7DF;
}

.divTab1Doc
{
background-color:#FFFFFF;
padding:2px 10px 2px 10px;
}

.divWhat
{
background: url('../images/task-tklite-104x55.gif');
background-repeat:no-repeat;
width: 104px;
height: 55px;
vertical-align: middle;
padding-top:5px;
padding-right: 5px;
}
.divWhatMS
{
position: relative;
background: url('../images/milestonelite.gif');
background-repeat: no-repeat;
width:32px;
height:30px;
padding-top:6px;
color:#FFFFFF;
font-size: 10px;
cursor: pointer;
}

.divWhatMS5
{
position: relative;
background: url('../images/milestonelitebr.gif');
background-repeat: no-repeat;
width:32px;
height:30px;
padding-top:6px;
color:#FFFFFF;
font-size: 10px;
cursor: pointer;
}

.tab2
{
border: 1px solid #c2c227;
vertical-align:top;
}
.tab2Doc
{
width: 150px;
border: 1px solid #c2c227;
vertical-align:top;
}

.hrLite
{
width: 100%;
height: 1px;
color: #2A4E83;
background-color: #2A4E83;
border: none;
}

.tabLiteMS
{
width:20%;
vertical-align:top;
text-align:right;
padding-right:15px;
padding-bottom: 3px;
color:#455F55;
font-size:10px;
font-weight:bold;
}

.tabMS
{
width:90%;
border-collapse:collapse;
}

.tabMSname
{
height:60px;
vertical-align:top;
color: #455F55;;
font-weight:bold;
border-color:#c2c227;
border-style: solid;
border-width: 2px 2px 1px 2px;
background-color:#ECEBAF;
}

.tabMSdesc
{
height:90px;
vertical-align:top;
color: #455F55;;
border-color:#c2c227;
border-style: solid;
border-width: 1px 2px 1px 2px;
background-color:#ECEBAF;
}

.tabMSsign
{
height:30px;
vertical-align:top;
color: #455F55;;
border-color:#c2c227;
border-style: solid;
border-width: 1px 2px 2px 2px;
background-color:#ECEBAF;
}

/*---------------------------------------------*/
p
{
	margin: 0px 0px 6px 0px;
}

p.linkList
{
	margin: 0px 0px 3px 0px;
}