﻿/* extra styles for cdm/ji pages
------------------------------------------------*/

h2 { color:#264898; font-size:27px; margin-bottom:10px; font-weight: normal; }

/*  */
.tab-nav-left {width:745px;}

.butbottom { width:100%; margin-top:18px; }

#tab-content .period-year-q {
	height:25px;
	padding:0;
	color:#FFFFFF;
	background:url(tab-title-bgblue.gif);
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
}


/* tab-content(-block) & content-form
-------------------------------------------------- */
.tab-content {
	background: url(tabcontent-bottom-745.gif) bottom no-repeat;
	font-size:12px;
	margin:0 0 20px 0;
	padding:0;
	width:745px;
}

.tab-content table {width:100%;}
.tab-content td {padding:4px 0px 4px 0px;}

.tab-content-block {
	background: url(tabcontent-top-745.gif) top no-repeat;
	padding:17px 13px 10px 35px;
}

.tab-content .butbottom {padding-bottom:20px;width:680px;}
.button-adjust {margin-left:35px;padding-bottom:20px;}


.tab-content-block table input {
	float:left;
	width:297px;
}

.check-ok {
	float:left;
	background:url(ico-check.gif) no-repeat;
	margin:0 0 0 12px;
	width:15px;height:18px;
}

.tab-content-block h3 {font-weight:normal;}
.tab-content-block h3.arrow1 {background:url(ico-one.gif) no-repeat 0 3px;padding:0 0 0px 22px;}
.tab-content-block h3.arrow2 {background:url(ico-two.gif) no-repeat 0 3px;padding:0 0 0px 22px;}

.tab-content-block h4 {
	color:#a1a1a1;
	font-size:11px;
	margin:20px 0 12px 0;
}

.tab-content-block table p {
	float:left;
	font-size:11px;
	padding:0 0 0 18px;
}

.tab-content-block table .link a:link, .tab-content-block table .link a:active, .tab-content-block table .link a:visited {
	color:#32abe0;
	text-decoration:underline;	
}
.tab-content-block table .link a:hover {text-decoration:none;}

.tab-content-block label {
	font-weight:bold;
	display:block;
	height:24px;
}

.tab-content-block label.login-label {
	font-weight:bold;
	display:block;
	float:left;
	height:24px;
}

.tab-content-block .password-zone {float:left;}
.tab-content-block .password-zone p {
	color:#88c218;
	font-size:11px;
	text-align:right;
	width:285px;
}

.warning {
	color:#f00;
	font-size:12px;
	margin:0 0 20px 0;
}

ul.list-numbers {margin:10px 0 10px 0;}

.list-numbers li, .list-numbers-inline li {
	height:20px;
	padding:0px 0 5px 22px;
}

.list-numbers-inline li.arrow2-light, .list-numbers-inline li.arrow3-light {
	padding:0px 0 5px 70px;
	margin:0 0 0 9px;
}

.list-numbers-inline li {display:inline;}
.list-numbers-inline {margin:10px 0 10px 0;}

.arrow1 {background:url(ico-one.gif) no-repeat 0 0px;}
.arrow2 {background:url(ico-two.gif) no-repeat 0 0px;}
.arrow2-light {background:url(ico-two-light.gif) no-repeat 0 0px;}
.arrow3 {background:url(ico-three.gif) no-repeat 0 0px;}
.arrow3-light {background:url(ico-three-light.gif) no-repeat 0 0px;}

.tab-content-block .login-zone {padding:25px 0 30px 0;}
.tab-content-block .login-zone label {margin:0 12px 0 0;}
.tab-content-block .login-zone input {
	float:left;
	margin:0 12px 0 0;
	width:300px;
}
.tab-content-block .login-zone .warning {
	margin:12px 0 0px 0;
	font-size:11px;
}
.tab-content-block .login-zone .warning strong {display:block;}

.tab-content-block .login-zone ul.warning-list {
	margin:0;padding:0;
	color:#f00;
}

.tab-content-block .login-zone .warning-list li {
	list-style-type:square;
	font-size:11px;
	margin:0 0 0 13px;
}

.tab-content-block .last-element {
	margin:0 0 18px 0;
}

/* content-form */
#content-form {
	width:710px;
	margin:0px 0 0 35px;
	font-size:12px;
}
#content-form h4 {
	color:#a1a1a1;
	font-size:11px;
	margin:0px 0 16px 0px;
	padding:20px 0 0 0;
}
#content-form label {
	font-weight:bold;
	display:block;
	height:24px;
}
#content-form .with-comment label {
	display:block;
	height:14px;
}
#content-form .with-comment p {
	font-size:11px;
	color:#a1a1a1;
}

#content-form .password-zone p {
	color:#88c218;
	font-size:11px;
	text-align:right;
	width:190px;
}

#content-form .password-zone img {
	margin:10px 0 3px 0;
}

#content-form input {width:182px;}
#content-form .profil-question input {width:360px;}
#content-form .profil-question p {
	font-size:11px;
	color:#a1a1a1;
	margin:24px 0 0 0;
	width:365px;
}


/* two-column 
--------------------------------------------------*/

.two-columns 
{
	float:left; 
	overflow: hidden;
}

.two-columns .nav-left {
	width: 176px;
	float: left;
}

.two-columns #article {
	width: 550px;
	margin-left: 0;
}

.two-columns #article h4 {
	clear: both;
	padding-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

.two-columns #article a {
	color: #1194E4;
}

.two-columns #article ul {
	margin: 0;
}

.two-columns #article li {
	background: url(ico-arrow-black.gif) no-repeat 0 4px;
	padding-left:9px;
	list-style-type: none;
	margin-bottom: 4px;
}

.nav-left {
	clear:both;
	margin-right: 28px;
}

.nav-left ul li, span.cdmjimenu {
	background:transparent url(nav-left-bg-bot.gif) no-repeat left bottom;
	margin-bottom:3px;
	padding-bottom:4px;
	padding-left:0pt;
	font-size: 1.2em;
}

span.cdmjimenu
{
    display: block;
}
span.cdmjimenu a.cdmjimenu
{
    font-size: 1.2em;
    font-weight: bold;
}

span.cdmjimenu a {
	color:#149AE3;
	display:block;
	font-size:13px;
}

span.cdmjimenu a .strong{
	background:transparent url(nav-left-bg-top.gif) no-repeat left top;
	display:block;
	padding:10px 6px 6px 16px;
}

span.cdmjimenu a:hover {
	background:transparent url(nav-left-bg-orange-bot.gif) no-repeat left bottom;
	color:#FFFFFF;
}

span.cdmjimenu a:hover .strong {
	background-image:url(nav-left-bg-orange-top.gif);
}

span.cdmjimenu a.cdmjiselected {
	background:transparent;
	font-size:11px;
	font-weight:bold;
	margin:0;
}
span.cdmjimenu a.cdmjiselected .strong {
	background-image:url(nav-left-bg-orange-top.gif);
}
span.cdmjimenu a.cdmjiselected{
	background: url(nav-left-bg-orange-bot.gif) no-repeat left bottom;
	color:#FFFFFF;
}

/* PressRelease and Glossary table */
.cdmjitable {
    color: #404040;
    /*width: 720px;	*/
    border-style: none;
    border-collapse: collapse;
    padding: 0px;	
    margin: 0px;
}
.cdmjitable_header
{
    height: 25px;
    padding: 10px;
    margin-left: 20px;	
    text-indent: 10px;	
    font-weight: bold;	
    font-size: 11px;	
    background: url(nav-level2-bg.gif);
    text-align: left;
    vertical-align: middle;	
    color: #ffffff;	
    background-color: #0c7cbb;	
}

.cdmjitable_line1, .cdmjitable_line2
{
    padding-left: 10px;	
    font-size: 12px;	
    vertical-align: middle;	
    color: #333333;	
}

.cdmjitable_line1 {background-color: #ffffff;}
.cdmjitable_line2 {background-color: #dfe9f5;}
.cdmjitable td {padding-bottom:4px; padding-top: 4px; font-size:11px;}
.pressrelease_date {padding-left:10px; width:80px;}
.pressrelease_title {padding-left:10px; }
.pressrelease_pdf {width:45px;}
.pressrelease_pdf img {width:13px; height:14px; border-width:0px; vertical-align:middle;}

.glossary_term {font-weight:bold;padding-left:10px;}
.glossary_def {padding-left:10px;}
/* END PressRelease and Glossary table */