@charset "utf-8";

/* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
Terms and conditions of use: http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Terms
Conditions régissant l'utilisation : http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Conditions
*/
#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {margin: 0 auto; width: 800px; min-width: 12.00em;}

/*** Expandable page CSS (IE6-specific CSS in theme-clf2-nsi2-ie6.css) / Le CSS pour une page extensible (le CSS pour IE6 se trouve dans theme-clf2-nsi2-ie6.css ***/
/* #cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {padding: 0; width: auto;} */

#cn-left-col, #cn-left-col-gap {width: 150px;}
#cn-left-col {margin-right: -150px;}
#cn-right-col, #cn-right-col-gap {width: 195px;}

/* 3 column / 3 colonnes */
#cn-body-inner-3col #cn-centre-col-inner {margin-left: 155px; margin-right: 200px; padding-left: 5px; padding-right: 5px;}
#cn-body-inner-3col #cn-centre-col-gap {left: 155px; right: 200px;}

/* 2 column / 2 colonnes */
#cn-body-inner-2col #cn-centre-col-inner {margin-left: 155px; padding-left: 5px;}
#cn-body-inner-2col #cn-centre-col-gap {left: 155px;}

/* Hide hidden heading elements / Cacher les éléments d'en-tête invisibles */
#cn-bcrumb h2, #cn-cmb h2, #cn-in-pd h3 {position: absolute; left: -9000px; font-size: 10%;}

#cn-skip-head a:hover, #cn-skip-head a:focus, #cn-skip-head a:active {color: #000; background-color: #FFF; border-color: #000;}

/* Skip header / Début de l'en-tête */
#cn-skip-head {height: 0; float: left;}
#cn-skip-head ul {list-style-type: none; margin-top: -1.8em;}
#cn-skip-head li {position: absolute; top: 0; width: auto; z-index: 4;}
#cn-skip-head #cn-sh-link-1 {right: 53%;}
#cn-skip-head #cn-sh-link-2 {left: 53%;}
#cn-skip-head a {width: 450px; padding-left: 50px; display: block; width: 100%;}
#cn-skip-head a, #cn-skip-head a:link, #cn-skip-head a:visited {opacity: 0; color: #FFF; background-color: transparent;}
#cn-skip-head a:hover, #cn-skip-head a:focus, #cn-skip-head a:active {opacity: 1; background-color: #FFF; text-decoration: none; color: #000; border: 1px solid #000}

#cn-head {float: left; z-index: 3;}
#cn-sig {float: left; width: 50%; min-width: 300px;}
#cn-wmms {float: right; text-align: right; width: 49.8%; min-width: 100px;}
#cn-banner_old, #cn-banner-eng_old {float: left; width: 100%; min-height: 80px; margin-top: 2px; text-align: center; background-color: #7abd70;}
#cn-banner, #cn-banner-eng {
	float: left; 
	width: 800px; 
	height: 118px; 
	min-height: 118px; 
	margin-top: 2px; 
	text-align: center; 
	background: url(/ccv-cvc-resources/images/cihr_banner.jpg) #FFF no-repeat center center; 
	background-color: white;
}

#cn-banner-fra_old {float: left; width: 100%; min-height: 118px; margin-top: 2px; text-align: center; background-color: #7abd70;}
#cn-banner-fra {
	float: left; 
	width: 800px;
	height: 118px; 
	min-height: 80px; 
	margin-top: 2px; 
	text-align: center; 
	background: url(/ccv-cvc-resources/images/cihr_banner.jpg) #FFF no-repeat center center; 
	background-color: white;
}

/* Used to display the compagny banner test and web link */

div.banner p.main {
    font-family: "times new roman",sans-serif;
    font-size: 17.5pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: white;   
    padding-top: 66px;
    line-height:1em;
}

div.banner p.siteuri {
    background-color: transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10.5pt;
    font-weight: lighter;
    line-height:1em;
    color: white;
    margin: 0;
    padding: 0;
}


.cmb-selected {
	background: url(/ccv-cvc-resources/images/menu_background.png) repeat scroll 0 0 #0066CC !important;
}
#cn-cmb, #cn-cmb ul li {background-color: #282E39;}
/* IE6 Fixed */
#cn-cmb {width: 800px; float: left;}
#cn-cmb ul {list-style-type: none; margin: 0; padding-left: 0; overflow-x: hidden;}
#cn-cmb ul li {float: left; width: 16.5%; min-width: 9.5em;}
#cn-cmb ul li a {display: block; text-align: left; width: 100%; padding: 0.16em 0px 0.16em 3px; border-left: 1px solid #FFF; font-weight: bold; min-height: 1.25em;}
#cn-cmb ul li:first-child a {border-left: none;}
#cn-cmb ul li a:link, #cn-cmb ul li a:visited {
	background-color: #282E39; 
	color: #FFF; 
	text-decoration: none;
}
#cn-cmb ul li a:hover, #cn-cmb ul li a:active, #cn-cmb ul li a:focus {
	color: #FFF; 
	##background-color: #282E39;
	text-decoration: none;
	background: none repeat scroll 0 0 #0066CC;
}
#cn-cmb6 a:hover, #cn-cmb6 a:active {width: 100%;}
#cn-cmb6 a:focus {width: 100%;}

#cn-bcrumb ol {padding-top: 0; line-height: 1.57em; margin: 0; padding-left: 0; list-style-type: none; float: left; width: 50%; clear: right;}
#cn-bcrumb li {padding: 1px 0px 5px 3px; vertical-align: middle; font-size: 8.0pt; margin: 0; float: left; white-space: nowrap;}

#cn-left-col {background: url(/ccv-cvc-resources/images/menu_round_corner_top.jpg) top no-repeat; padding-top: 6px;}
#cn-left-col-bottom {background: url(/ccv-cvc-resources/images/menu_round_corner_bottom.jpg) bottom no-repeat; padding-bottom: 6px; background-color: #5CA554; padding-left: 5px;}

#cn-left-col-inner, #cn-left-col-gap {background-color: #FFF;}
/* Jacinthe added  font-size: 105%;*/
.cn-left-col-default h3 {padding: 2px 5px; background-color: #5CA554; color: #FFF; text-decoration: none; margin-top: 0; margin-bottom: 1px; font-size: 10.0pt; font-size: 105%; }
/* Jacinthe added line-height: 1em;*/
.cn-left-col-default li {background-color: #EBF8E7; border-left: #D8F0D0 8px solid; border-bottom: 1px solid #75B562; line-height: 19px;}
#cn-pd-ul {list-style-type: none; color: #589346; background-color: #EBF8E7; padding: 2px 3px 2px 0px; font-size: 10.0pt; font-weight: 100; margin: 0pt;}
#cn-sm-ul {list-style-type: none; color: #589346; background-color: #EBF8E7; padding: 2px 3px 2px 0px; font-size: 10.0pt; font-weight: 100; margin: 0pt; border-top: 10px solid #5CA554; border-bottom: 1px solid #75B562;}
#cn-pd-ul li, #cn-sm-ul li {margin-left: 0px;  border-left: #EBF8E7; border-bottom: 0px;}
#cn-pd-ul a, #cn-sm-ul a {display: block; padding: 3px 5px 3px 10px;}
#cn-pd-ul a, #cn-sm-ul a {color: #589346; text-decoration: none;}
#cn-pd-ul a:hover, #cn-sm-ul a:hover {color: #589346; text-decoration: underline;}


.cn-left-col-default a {display: block; padding: 3px 5px 2px 10px;} /*Jacinthe bottom 3 to 2 */
/* Jacinthe added .cn-left-col-default a:visited*/
.cn-left-col-default a:link, /* .cn-right-col-default a:link, */ .cn-left-col-default a:visited {color: #589346; text-decoration: none;}
/* Jacinthe added hover effect on menu */
.cn-left-col-default a:hover, .cn-left-col-default a:focus, .cn-left-col-default a:active {text-decoration: underline;}

/*.cn-left-col-default a:visited, .cn-right-col-default a:visited {color: #636; text-decoration: none;}*/
/*.cn-left-col-default a:hover, .cn-left-col-default a:focus, .cn-left-col-default a:active, .cn-right-col-default a:hover, .cn-right-col-default a:focus, .cn-right-col-default a:active {color: #CC9; background-color: #030; outline: none;}*/

.cn-left-col-default ul,  .cn-right-col-default ul {list-style-type: none; margin-top: 0; margin-bottom: 0;}
.cn-left-col-default ul ul, .cn-right-col-default ul ul {list-style-type: disc;}
.cn-left-col-default li, .cn-right-col-default li {margin-left: -40px;}
.cn-left-col-default li li, .cn-right-col-default li li {margin-left: 0; padding: 0; border: none;}
.cn-left-col-default li li a, .cn-right-col-default li li a {padding: 1px 5px 1px 5px; margin-left: -5px;} 

.cn-right-col-default h3 {PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 9.0pt; BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_green.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 4px;} 
/* Jacinthe added */
.cn-right-col-default ul {padding-left: 30px; padding-bottom: 5px; margin-top: 10px; }
/*.cn-right-col-default h3 + div {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #EBF8E7; PADDING-BOTTOM: 1px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #CDE6CA; border-style:solid; }*/
/* .cn-right-col-default h3 + div ul a {margin-left: -8px; margin-right: -5px; padding-left: 8px;}*/
/* .cn-right-col-default p {color: #4371BC; line-height: 1.3em; text-decoration: none; font-size: 7pt; font-weight: 300; padding-left: 10px; padding-right: 0px;  margin: 0; margin-top: 0em; } */
/*
.cn-right-col-default a:link, .cn-right-col-default a:visited {text-decoration: none; color: #4371BC;  font-size: 8pt;  }*/
/*
.cn-right-col-default a:hover {text-decoration: underline;}
.cn-right-col-default ul {margin-bottom: 5px;}
.cn-right-col-default li a img {margin-top: -3px; margin-left: -10px;} */

#right-green {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #EBF8E7; PADDING-BOTTOM: 1px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #CDE6CA; border-style:solid; }
#right-grey {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #F1F3F5; PADDING-BOTTOM: 1px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #E2E6E9; border-style:solid; }

#cn-body-inner-3col #cn-centre-col, #cn-body-inner-2col #cn-centre-col {clear: left;}
#cn-centre-col-inner h1 {margin-top: 0;}

#cn-foot {height: 67px; padding-top: 10px;}

/* Jacinthe this is the original
#cn-in-pd {BACKGROUND-POSITION: 0px 0px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(/ccv-cvc-resources/images/footer.jpg); BACKGROUND-REPEAT: repeat-x;BACKGROUND-COLOR: #D8F0D0; max-height: 5px;} */

#cn-in-pd{ padding-top: 30px; background: url(/ccv-cvc-resources/images/footer.jpg) repeat-x top left;} 


#cn-in-pd ul {list-style-type: none; margin: -2px 0 0 -40px;}
#cn-doc-dates, #cn-toppage-foot, #cn-in-pd-links {float: left; width: 32.25%; min-width: 6.6em; margin: 0; padding: 0;}

#cn-doc-dates {float: left; clear: left; min-width: 6em; margin-top: 5px; padding: 3px;}
#cn-doc-dates dt {padding-right: 0.3em; float: left;}
#cn-doc-dates dd {margin-left: 0px;}
#cn-doc-dates dd span {white-space: nowrap;}
#cn-toppage-foot {float: left; text-align: center; position: relative; left: 5px; min-width: 4em;}
#cn-in-pd-links {float: right; text-align: right; min-width: 4em;}

.cn-toppage, #cn-toppage-foot {text-align: center; padding-top: 13px;}
.cn-toppage {float: right;}

#cn-feature {margin: 0 0 1px 0; line-height: 1em; background: url(/ccv-cvc-resources/images/centre_feature_top_header.jpg) no-repeat; padding: 4px 4px 4px 8px; color: #fff; font-size: 16px;}

/* GREY BOX for News Items, UL NEWS and Date */
.greybox { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #EEF0F2; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 5px;}

/* More News Link*/
#more-news {text-align: right; color: #758897; line-height: 19px; font-size: 14px; padding: 0px; margin: 0px; text-decoration: none;}
#more-news a:link, .more-news a:visited {font-size: 1em; color: #758897; text-decoration: none;}
#more-news a:hover {text-decoration: underline;}

/* Centre News items -> Start */
#news-header-grey { background: url(/ccv-cvc-resources/images/news_bar_grey.jpg) no-repeat right top; }
#news-header-blue { background: url(/ccv-cvc-resources/images/news_bar_blue.jpg) no-repeat right top; }
#news-header-green { background: url(/ccv-cvc-resources/images/news_bar_green.jpg) no-repeat right top; }
#news-header-grey h2, #news-header-blue h2, #news-header-green h2 {padding: 5px 0 4px 7px; font-weight: bold; font-size: 1em; color: #FFFFFF; margin: 0;}

#help-rss {color: #FFF; line-height: 19px; font-size: 14px; padding: 2px; margin: 0px; text-decoration: none; float: right;}
#help-rss a:link, .help-rss a:visited {font-size: 16px; color: #FFF; text-decoration: none;}
#help-rss a:hover {text-decoration: underline;}
		
#news-grey, #news-green, #news-blue {margin: 0px; padding:0px;} 
#news-grey li {border-bottom: 3px solid #D2D7DF;}
#news-green li {border-bottom: 3px solid #CAE3C6;}
#news-blue li {border-bottom: 3px solid #CFDFEB;}
#news-grey li, #news-green li, #news-blue li {color: #4371BC; background-color: #FFF; text-decoration: none; list-style-type: none; padding: 3px 1px 3px 3px; font-size: 1em;}
#news-grey li a:link, #news-green li a:link, #news-blue li a:link, #news-grey li a:visited, #news-green li a:visited, #news-blue li a:visited  {font-size: 1em; text-decoration: none; color: #4371BC;}
#news-grey li a:hover, #news-green li a:hover, #news-blue li a:hover {text-decoration: underline;}

#date {FONT-SIZE: 1em; font-weight:bold;}

/* LEGACY CLASSES WHEN POSSIBLE UPDATE TO NEW ONES ABOVE */

/* Centre News items -> Start */
.News-Header-Grey 	{ background: url(/ccv-cvc-resources/images/news_bar_grey.jpg) no-repeat right top; }
.News-Header-Blue 	{ background: url(/ccv-cvc-resources/images/news_bar_blue.jpg) no-repeat right top; }
.News-Header-Green 	{ background: url(/ccv-cvc-resources/images/news_bar_green.jpg) no-repeat right top; }
	
.News-Header-Grey h2,
.News-Header-Blue h2,
.News-Header-Green h2 {
	padding: 5px 0 4px 7px;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	margin: 0;			
}

/* help RSS*/
 
#cn-centre-col-inner .Help-Rss {
 	color: #FFF;
 	line-height: 19px;
 	font-size: 14px;
	padding: 2px;
 	margin: 0px;
 	text-decoration: none; 
 	float: right;   
}

#cn-centre-col-inner  .Help-Rss a:link, #cn-centre-col-inner .Help-Rss a:visited {
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
 
#cn-centre-col-inner .Help-Rss a:hover {
	text-decoration: underline; 
}

.greybox { 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	BACKGROUND: #EEF0F2; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	WIDTH: auto; 
	PADDING-TOP: 5px; 
}

ul.News {
	margin: 0px;
	padding: 0px;
} 

.Date {
	FONT-SIZE: 1em;
	font-weight: bold;		
}

/* More News Link*/

.More-News {
	text-align: right;
	color: #758897;
	line-height: 19px;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;		
}

.More-News a:link, .More-News a:visited {
	font-size: 1em;
	color: #758897;
	text-decoration: none;
}

.More-News a:hover {
	text-decoration: underline;	
}


li.News-Grey 	{ border-bottom: 3px solid #D2D7DF; }
li.News-Blue	{ border-bottom: 3px solid #CFDFEB; }
li.News-Green	{ border-bottom: 3px solid #CAE3C6; }
li.News-Grey, li.News-Blue, li.News-Green {
	color: #4371BC;
	background-color: #FFF;
	text-decoration: none;
	list-style-type: none;
	padding: 3px 1px 3px 3px;
	font-size: 1em;		
}
		
li a:hover { text-decoration: underline; }
li.News-Grey a:link,
li.News-Grey a:visited,
li.News-Blue a:link,
li.News-Blue a:visited,
li.News-Green a:link,
li.News-Green a:visited {
	font-size: 1em;
}
/* END -> Centre News items */ 


/* BLUE RIGHT INFO BOX */

.RightBox-Header-Blue h2 { 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_blue.jpg) no-repeat right top; 	
	MARGIN: 0px; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 4px; 
}

.RightBox-Content-Blue {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 0px;
	BACKGROUND: #F0F5F9;
	padding-bottom: 1px;
	MARGIN: 0px; 
	WIDTH: auto;
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #D3E2ED; 
	border-style:solid;	
}

.RightBox-Content-Blue li {
	MARGIN: 0px 0px 0px 0px;
	COLOR: #6599BC; 
	LIST-STYLE-TYPE: square;
	PADDING-LEFT: 3px;
	vertical-align: top; 
}

/* FIX BULLETS EXPLORER */


/* FIX BULLETS EXPLORER */

/* GREEN RIGHT INFO BOX */

.RightBox-Header-Green h2 {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_green.jpg) no-repeat right top; 
	MARGIN: 0px; COLOR: #ffffff; 
	PADDING-TOP: 5px;  	PADDING-BOTTOM: 4px; 
}

.RightBox-Content-Green {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #EBF8E7; 
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #CDE6CA; 
	border-style:solid; 
}

.RightBox-Content-Green li {
	MARGIN: 0px 0px 0px 0px;  COLOR: #67BD64; LIST-STYLE-TYPE: square;
	PADDING-LEFT: 3px;
	vertical-align: top;

}

/* GREY RIGHT INFO BOX */

.RightBox-Header-Grey h2 {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_grey.jpg) no-repeat right top; 
	MARGIN: 0px; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px;  	PADDING-BOTTOM: 4px;  
}

.RightBox-Content-Grey {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #F1F3F5; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #E2E6E9; 
	border-style:solid;
}

.RightBox-Content-Grey li {
	MARGIN: 0px 0px 0px 0px;
	COLOR: #8492AA; 
	LIST-STYLE-TYPE: square;
	PADDING-LEFT: 3px;
	vertical-align: top;
}

/* Media GREY RIGHT INFO BOX */

.RightBox-Header-Media h2 {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 0.9em;
	background: url(/ccv-cvc-resources/images/right_box_head_mediagrey.jpg) no-repeat right top; 
	MARGIN: 0px; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px;  
}
.RightBox-Content-Media {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #F1F3F5; 
	PADDING-BOTTOM: 1px;
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #E2E6E9; 
	border-style:solid;
	margin: 1px;
}

.RightBox-Content-Media li {
	margin-top: 0px; margin-bottom: 0px; margin-right: 3px;  margin-left: -27px;
	COLOR: #8492AA; LIST-STYLE-TYPE: none; background-color:#FFF;
	padding-left: 5px; padding-right: 5px; padding-top: 8px; padding-bottom: 8px;border-bottom: #d2d7df 3px solid;
}

.RightBox-Content-Media ul {
	_padding-left: 3px;

}

/*BROWN RIGHT INFO BOX */
 
.RightBox-Header-Brown h2 {
 	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_brown.jpg) no-repeat right top; 
	MARGIN: 0px; COLOR: #ffffff; 
	PADDING-TOP: 5px;  	PADDING-BOTTOM: 4px; 
}

.RightBox-Content-Brown {
 	PADDING-RIGHT: 0px; 
 	PADDING-LEFT: 0px; 
 	BACKGROUND: #dad294; 
 	PADDING-BOTTOM: 1px; 
 	MARGIN: 0px; 
 	WIDTH: auto; 
 	PADDING-TOP: 1px; 
 	border-top-width: 0px; 
 	border-right-width: 1px; 
 	border-bottom-width: 1px; 
 	border-left-width: 1px; 
 	border-color: #896a3c; 
 	border-style:solid;
}
 
.RightBox-Content-Brown li {
 	MARGIN: 0px 0px 0px 0px;  
	COLOR: #896a3c; 
	LIST-STYLE-TYPE: square;
 	PADDING-LEFT: 3px;
	vertical-align: top;

}
 
.RightBox-Content-Brown a:link, .RightBox-Content-Brown a:visited {
	text-decoration: none;
	color: #000; 
}

.RightBox-Content-Brown a:hover {
	text-decoration: underline;
	color: #000; 
}

/* ORANGE RIGHT INFO BOX */
 
.RightBox-Header-Orange h2 {
 	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_orange.jpg) no-repeat right top; 
	MARGIN: 0px; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px;  	PADDING-BOTTOM: 4px; 
}
 
.RightBox-Content-Orange {
 	PADDING-RIGHT: 0px; 
 	PADDING-LEFT: 0px; 
 	BACKGROUND: #fed7b0; 
 	PADDING-BOTTOM: 1px; 
 	MARGIN: 0px; 
 	WIDTH: auto; 
 	PADDING-TOP: 1px; 
 	border-top-width: 0px; 
 	border-right-width: 1px; 
 	border-bottom-width: 1px; 
 	border-left-width: 1px; 
 	border-color: #ff7f00; 
 	border-style:solid;
}
 
.RightBox-Content-Orange li {
 	MARGIN: 0px 0px 0px 0px;  
	COLOR: #ff7f00; 
	LIST-STYLE-TYPE: square;
 	PADDING-LEFT: 3px;
	vertical-align:top;

}
 
.RightBox-Content-Orange a:link, .RightBox-Content-Orange a:visited {
 	text-decoration: none;
 	color: #000; 
}

.RightBox-Content-Orange a:hover {
 	text-decoration: underline;
	color: #000;
}


/* ALL INFO BOX RIGHT */

.RightBox-Content-Blue a:link,
.RightBox-Content-Green a:link, 
.RightBox-Content-Grey a:link, 
.RightBox-Content-Media a:link {
	text-decoration: none;
	color: #4371BC;	
}

.RightBox-Content-Blue a:hover, 
.RightBox-Content-Green a:hover, 
.RightBox-Content-Grey a:hover,
.RightBox-Content-Media a:hover   {
	text-decoration: underline;
	color: #4371BC;	
}

/* ALL INFO BOX  H2 links */
.RightBox-Header-Blue h2 a, 
.RightBox-Header-Green h2 a, 
.RightBox-Header-Grey h2 a, 
.RightBox-Header-Brown h2 a, 
.RightBox-Header-Orange h2 a ,
.RightBox-Header-Media h2 a {
 	text-decoration: none;
 	color: #FFF; 
}
 
.RightBox-Header-Blue h2 a:hover, 
.RightBox-Header-Green h2 a:hover, 
.RightBox-Header-Grey h2 a:hover, 
.RightBox-Header-Brown h2 a:hover, 
.RightBox-Header-Orange h2 a:hover,
.RightBox-Header-Media h2 a:hover {
 	text-decoration: underline;
}
 
/* ALL INFO BOX P */
.RightBox-Content-Blue p, 
.RightBox-Content-Green p, 
.RightBox-Content-Grey p, 
.RightBox-Content-Brown p,  
.RightBox-Content-Orange p,
.RightBox-Content-Media p {
 	PADDING-TOP: 5px; 
 	PADDING-BOTTOM: 3px; 
 	PADDING-RIGHT: 5px; 
 	PADDING-LEFT: 5px; 
 	WIDTH: auto; 
 	margin: 0px;
}

p.Right-Nav {  
	color: #4371BC;
 	line-height: 1.3em; 
 	text-decoration: none;
 	padding-top: 5px;
 	padding-bottom: 5px; 
	font-size: 8pt;
 	font-weight: 300; 
 	padding-left: 10px;
 	padding-right: 0px; 
 	margin: 0;
 	margin-top:0em; 
}

/* Created separate classes for anchor tags */
p.Right-Nav a:link, p.Right-Nav a:visited
{
	text-decoration: none;
	color: #4371BC;
	font-size: 8pt;
}

p.Right-Nav a:hover {
	text-decoration: underline;
}

/* Research Profile At a Glance CSS STARTS | DEBUT */

div.glance
{
	float:right;
	width:250px;
	background-color: #F0F5F9;
	border:1px solid #D3E2ED;
	margin-left: 5px;
	margin-bottom: 5px;
}

div.glance h2
{
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #76A4C5; 
	padding: 5px;
	margin: 0;
	color:#FFFFFF;	
	font-size: 10pt;
	font-size: 100%;
	text-align:center;			
}

div.glance p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-size: 100%;
	padding: 7px;
	margin: 0;	
	font-weight: 300;			
}

/* Research Profile At a Glance CSS END | FIN  */

/* Q&A CSS STARTS | DEBUT */

div.qaLeft
{
	float: left;
	width: 250px;
	background-color: #F0F5F9;
	border: 1px solid #76A4C5;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}

div.qaRight
{
	float: right;
	width: 250px;
	background-color: #F0F5F9;
	border: 1px solid #76A4C5;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}

div.qaLeft p, .qaRight p
{
	padding: 7px;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
}

div.qaLeft li, .qaRight li
{
	padding-right: 7px;
	margin: 0 0 0 -8px;
	list-style-type: square;
}

div.qaLeft h2, .qaRight h2
{
	background-color: #76A4C5; 
	padding: 5px;
	margin: 0;
	color:#FFFFFF;	
	font-size: 10pt;
	font-size: 100%;
	text-align:center;			
}

/* Q&A CSS END | FIN  */

/* Media Room BEGINS */

hr.media-hr {
	height: 1px;
	color: #CCC;
	background-color: #CCC;
	border-width: 0;
}

.image-left-media {
	FLOAT: left; VERTICAL-ALIGN: text-top; padding-bottom: 5px;
}

.text-media {
	font-size: 0.9em;
}

div.colWidth50 {
	padding-right: 0px; 
	padding-left: 0px;
	float:left;
	padding-bottom: 3px;
	margin: 0px 4px 0px 0px;
	width: 48%;
	padding-top: 0px;
}

div.mediabox {

	/* BACKGROUND: #F1F3F5; */
	PADDING-LEFT: 20px;
	background-image: url(/ccv-cvc-resources/images/media_gradient.jpg);
	background-color: #f4f4f4;
	MARGIN: 0px;
	padding-bottom: 0px;
	WIDTH: auto; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #E2E6E9; 
	border-style:solid;
	padding-top: 5px;
	
	}
	
div.mediabox h2 {
	font-size: 13.0pt;
	font-size: 130%;
	color: #8ba5ba;
	line-height: 0em;
	
	}


/* Media Room  ENDS */

/* Social Media Info boxes BEGINS */

div.socialmediabox {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	BACKGROUND: #fcfbfb; 
	PADDING-BOTTOM: 10px;
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-width: 1px;
	border-color: #eaebed; 
	border-style:solid;
}

div.socialmediabox h2 {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px;
	padding-top: 10px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px;
	MARGIN: 0px; 
	COLOR: #9aa4ab;
}

div.socialmediabox p {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 0.9em;
	COLOR: #000;
	margin: 2px;
}

div.socialmediabox a:link, div.socialmediabox a:hover, div.socialmediabox a:visited {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 2px; 
	COLOR: #4371bc;
	text-decoration: underline;
	margin: 2px 0px 2px 0px;
	font-size: 95%;
}

/* Social Media Info boxes BEGINS */


/* Careers Section */

h1.careers {
	color: #264982;
	padding-top: 10px;
}

/* P class Notice */
.notice {
   margin-bottom: auto;
   padding: 3px 3px 3px 3px;
   border-left: 1px solid;
   border-top: 1px solid;
   border-right: 1px solid;
   border-bottom: 1px solid;
   border-color: #D3E2ED;
   background-color: #F0F5F9;
   line-height: normal;
}

/* LONG DESCRIPTION BEGINS */
div.longDesc	{
	height: 0; 
	width: 0; 
	overflow: hidden;
	font-size: 0;
	position: absolute;
	left: -1000px;
}
/* LONG DESCRIPTION ENDS */


/* Vanilla template margin for popup forms */ 
.vanilla_margin { margin: 10px; }

/* Funding Tables CSS STARTS | DEBUT  */


.Fund-TableBox, .Fund-TableBox td {
	border-bottom: #5ca554 1px solid;
}

.Fund-TableTitle {
 	padding-right: 4px; 
	padding-left: 4px; 
	font-weight: bold; 
	font-size: 0.95em; 
	padding-bottom: 4px; 
	vertical-align: top; 
	color: white; 
	padding-top: 4px; 
	font-family: arial, helvetica, sans-serif; 
 	background-color: #5ca554; 
	text-align: left;
}

th.Fund-TableDate {
	text-align: right;
	background-color: #5CA554;
	color: white;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.95em;
	padding: 4px 4px 4px 4px;
}

td.Fund-TableBox2 {
   font-family: arial, helvetica, sans-serif;
   text-align: left;
   font-size: 0.95em;
   padding: 6px 0px 8px 4px;
   border-bottom: 1px solid #CCCCCC;
}


/* Funding Tables CSS END | FIN  */





/* Element normalization / Normalisation des éléments */
#cn-centre-col-inner a:link, #cn-toppage-foot a:link, #cn-toppage-foot a:visited   {
	## color:#4371bc;
}
	
## Don't use it
## #cn-centre-col-inner a:visited {
##	color:#663;
##	}
	
#cn-bcrumb a:link, #cn-bcrumb a:hover 
   {
	color:#4371bc;
	}
	
/* Blockquotes Begins*/	
blockquote {
 background-color: #ebf8e7;
 color: #000;
 border: 1px solid #9cc782;
 font-style: italic;
 margin: 10px;
 padding-left: 10px;
 padding-right: 10px; 
}
/* Blockquotes Ends*/	

/* acronyms Begins*/	
abbr, acronym {cursor: help; border-bottom: 0px;  }

/* acronyms Ends*/	


BODY {
	/*FONT-SIZE: 77%;*/
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}


/* H2 H3 H4 H5 in point size and percentages */

h1, .h1Size {
	font-size: 15.0pt;
	font-size: 160%;
}

h2, .h2Size {
	font-size: 13.0pt;
	font-size: 130%;
}

h3, .h3Size {
	font-size: 11pt;
	font-size: 115%;
	margin-bottom:0em;
}

h4, .h4Size {
	font-size: 10pt;
	font-size: 105%;
}

h5, .h5Size {
	font-size: 9pt;
	font-size: 100%;
}

h6, .h6Size {
	font-size: 9pt;
	font-size: 100%;
}

/* Default Font sizes from old base file */

.fontSize200 {
	font-size: 20.0pt;
}
.fontSize195 {
	font-size: 19.5pt;
}
.fontSize190 {
	font-size: 19.0pt;
}
.fontSize185 {
	font-size: 18.0pt;
}
.fontSize180 {
	font-size: 17.5pt; 
}
.fontSize175 {
	font-size: 17.0pt;
}
.fontSize170 {
	font-size: 16.5pt;
}
.fontSize165 {
	font-size: 16.0pt;
}
.fontSize70 {
	font-size: 7.0pt;
}
.fontSize160 {
font-size: 15.0pt;
}
.fontSize155 {
font-size: 14.5pt;
}
.fontSize150 {
font-size: 14.0pt;
}
.fontSize145 {
font-size: 13.5pt;
} 
.big, .fontSize140 {
font-size: 13.5pt;
}
.fontSize135 {
font-size: 13.0pt;
} 
.fontSize130 {
font-size: 13.0pt;
}
.fontSize125 {
font-size: 12.0pt;
} 
.fontSize120 {
font-size: 11.5pt;
}
.fontSize115 {
font-size: 11.0pt;
}
.fontSize110 {
font-size: 10.0pt;
}
.fontSize105 {
font-size: 10.0pt;
}
.fontSize100 {
font-size: 10.0pt;
}
.fontSize95 {
font-size: 9.5pt;
}
.fontSize90 {
font-size: 9.0pt;
}
.mediumFont, .fontSize85 {
font-size: 8.5pt;
}
.fontSize80 {
font-size: 8.0pt;
}
.smallFont, .fontSize75 {
font-size: 7.5pt;
}
.fontSize70 {
font-size: 7.0pt;
} 
.fontSize160 {
font-size: 160%;
}
.fontSize155 {
font-size: 155%;
}
.fontSize150 {
font-size: 150%;
}
.fontSize145 {
font-size: 145%;
}
.big, .fontSize140 {
font-size: 140%;
}
.fontSize135 {
font-size: 135%;
} 
.fontSize130 {
font-size: 130%;
}
.fontSize125 {
font-size: 125%;
} 
.fontSize120 {
font-size: 120%;
}
.fontSize115 {
font-size: 115%;
}
.fontSize110 {
/*font-size: 110%; */
font-size: 105%;
}
.fontSize105 {
font-size: 105%;
}
.fontSize100 {
font-size: 100%;
}
.fontSize95 {
font-size: 95%;
}
.fontSize90 {
font-size: 90%;
}
.mediumFont, .fontSize85 {
font-size: 85%;
}
.fontSize80 {
font-size: 80%;
}
.smallFont, .fontSize75 {
font-size: 75%;
}
.fontSize70 {
font-size: 70%;
}
.fontSize200 {
	font-size: 200%;
}
.fontSize195 {
	font-size: 195%;
}
.fontSize190 {
	font-size: 190%;
}
.fontSize185 {
	font-size: 185%;
}
.fontSize180 {
	font-size: 180%;
}
.fontSize175 {
	font-size: 175%;
}
.fontSize170 {
	font-size: 170%;
}
.fontSize165 {
	font-size: 165%;
}

/* ALIGNMENT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE D'ALIGNEMENT */
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignTop {
	vertical-align: top;
}
.alignBottom {
	vertical-align: bottom;
}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.image-left { 
	float: left;
	vertical-align: text-top;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
}
.indent1 {
	padding-left: 18px;
}
.indent2 {
	padding-left: 36px;
}
.indent3 {
	padding-left: 54px;
}
.indent4 {
	padding-left: 72px;
}
.indent5 {
	padding-left: 90px;
}
/* ALIGNMENT UTILITY CSS ENDS | FIN DU CSS D'UTILITE D'ALIGNEMENT */

/* LIST UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE LISTE */
ul.noBullet {
	list-style-type: none;
}
ul.disc {
	list-style-type: disc;
}
ul.square {
	list-style-type: square;
}
ul.circle {
	list-style-type: circle;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
/* LIST UTILITY CSS ENDS | FIN DU CSS D'UTILITE DE LISTE */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */
.widthFull {
	width: 98.5%;
}
.width95 {
	width: 95%;
}
.width90 {
	width: 90%;
}
.width85 {
	width: 85%;
}
.width80 {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width65 {
	width: 65%;
}
.width60 {
	width: 60%;
}
.width55 {
	width: 55%;
}
.width50 {
	width: 50%;
}
.width45 {
	width: 45%;
}
.width40 {
	width: 40%;
}
.width35 {
	width: 35%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width15 {
	width: 15%;
}
.width10 {
	width: 10%;
}
.width5 {
	width: 5%;
}
/* GENERIC UTILITY CSS ENDS | FIN DU CSS D'UTILITE GENERIQUE */
/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.noWrap {
	white-space: nowrap;
}
.doubleLineSpace {
	line-height: 24.0pt;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.black {
	color: #000000;
	background-color: transparent;
}
.white {
	color: #FFFFFF;
	background-color: transparent;
}
.red {
	color: #FF0000;
	background-color: transparent;
}

.blue {
	color: #0000FF;
	background-color: transparent;
}
.green {
	color: #009933;
	background-color: transparent;
}
.grey {
	color: #999999;
	background-color: transparent;
}
.deepyellow {
	color: #FFCC33;
	background-color: transparent;
}
.blackBG {
	background-color: #000000;
}
.whiteBG {
	background-color: #FFFFFF;
}
.redBG {
	background-color: #FF0000;
}
.blueBG {
	background-color: #0000FF;
}
.greenBG {
	background-color: #009933;
}
.lightgreyBG {
	background-color: #CCCCCC;
}
.deepyellowBG {
	background-color: #FFCC33;
}
div.highlight, p.highlight {
	border: 1px solid #030;
	background-color: #9F9;
	padding: 5px;
}
div.topPage, p.topPage {
	float: right;
	text-align: center;
}
div.foot2 img, div.topPage img, p.topPage img {
	width: 23px;
	height: 15px;
}
div.center div.wrapContainer {
	float: left;	
	width: 99.5%;
}
div.left div.wrapContainer, div.right div.wrapContainer {
	float: left;	
	width: 100%;
}
* html div.center h1.wrap {
	width: auto;
}
/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */

/* Jacinthe Changes ENDS */

/* Photo Gallery Index Page */
 
.gallery {
 padding: 5px;
 background: #f1f3f5;
 margin: 0;
 width: auto;
 border: #e2e6e9 1px solid;
}
 
.event {
 border-bottom: #d2d7df 3px solid;
 color: #4371bc;
 background-color: #fff;
 height: 148px;
}
 
.event img {
 float: left;
 border: 0;
 margin-right: 10px;
 padding: 3px;
 border: #d2d7df 1px solid;
}
 
.event p {
 margin: 0;
 padding: 10px;
}
 
.event p strong {
 font-size: 110%;
}
 
div.event a:link, div.event a:visited, div.event a:active {
 text-decoration: none;
 color: #8ba5ba;
}
 
div.event a:hover {
 text-decoration: underline;
 color: #8ba5ba;
}
 
.event .view a:link, .event .view a:visited, .event .view a:active, .event .view a:hover {
 text-decoration: underline;
 color: #4371bc;
}

/* styling for left-hand-side navigation menu to become a column equal to length of page */
#formattingTable {
	border: 0px none;
	border-spacing: 0px;
}

a.ccv {
	border: 0px none;
	margin: 0px;
	pading: 0px;
}

table.ccv {
	width: 800px;
	font-weight: normal;
}

tr.ccv {
}

td.ccvleft {
	text-align: left;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 14px! important;
}

td.ccvright {
	text-align: right;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 14px! important;
	vertical-align: middle;
}

td.ccvcenter {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.1em;
}

fieldset.ccv {
	padding:0px;
}

legend.ccv {
	background-color: white;
	font-weight: bold;
	padding:0px;
}

tbody.ccv {
	vertical-align: top;
}

label.ccv {
	font-size: 1.1em;
}

textarea.ccv {
	font-size: 14px! important;
}

.flottinginfo {
	margin: 0px 0px 0px 4px;
	padding-bottom:0px 18px 3px 0px;
	cursor: pointer !important;
	vertical-align: top;
	border: 0px none;
}

.error {
	font-weight: bold;
	background:url("/ccv-cvc-resources/images/error.gif") no-repeat scroll 0 0 transparent;
	padding-left:17px;
	padding-top:2px;
	padding-bottom:2px;
	color: #FF0000;
}

.success {
	font-weight: bold;
	background:url("/ccv-cvc-resources/images/success.png") no-repeat scroll 0 0 transparent;
	padding-left:17px;
	padding-top:2px;
	padding-bottom:2px;
	color: #009933;
}



/*	wrapper divs */
.custom-checkbox, .custom-radio { 
	position: relative; 
	height: 20px;
}
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	font-size: 1.1em;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.1em;
	padding-right: 1em;
	line-height: 1;
	padding: .4em 0 .4em 30px;
	margin: 0em;
	cursor: pointer;
}

.custom-checkbox label { background: url(/ccv-cvc-resources/images/checkbox.gif) no-repeat; }

.custom-radio label { background: url(/ccv-cvc-resources/images/radiobutton.gif) no-repeat; }

.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.checked, .custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.focus, .custom-radio label.focus {
	outline: 1px solid #B5BCC7;
}


.custom-select select:focus {
	outline: 0px none;
	## background: #F7FCFF;
}

.custom-select select.sffocus {
	## background: #F7FCFF;
}

.custom-select select {
    position: relative;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none !important;
	white-space: nowrap;
	border-color: #666666 #DDDDDD #DDDDDD #666666;
	border-style: solid;
    border-width: 1px;
    background-color: white;
}

.custom-select-disabled select {
    position: relative;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none !important;
	white-space: nowrap;
	border-color: #666666 #DDDDDD #DDDDDD #666666;
	border-style: solid;
    border-width: 1px;
    background-color: #E6E6FA;
}

.custom-select .select-text {
    line-height: 19px;
    position: absolute;
    text-indent: 10px;
    font-size: 18px;
    z-index: 1;
}
.custom-select .select-text, .custom-select select, .custom-select select option {
    font-size: 14px;
}


.custom-textarea textarea:focus {
    outline: 1px solid #B5BCC7;
}

.custom-textarea textarea {
    position: relative;
	font-size: 1.1em;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	padding: 2px 5px;
	text-decoration: none !important;
	border-color: #666666 #DDDDDD #DDDDDD #666666;
	border-style: solid;
    border-width: 2px;
}

.custom-textarea-disabled textarea {
    position: relative;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none !important;
	border-color: #666666 #DDDDDD #DDDDDD #666666;
	border-style: solid;
    border-width: 2px;
    background-color: #E6E6FA;
}

label.custom-label  {
	font-size: 1.1em;
	color: black;
}

input[type="button"].ccvImageButtonBlueEdit:focus, 
input[type="button"].ccvImageButtonBlueEdit:hover,
input[type="button"].ccvImageButtonBlueEdit.sffocus,
input[type="button"].ccvImageButtonBlueEdit.sfHover {
    background: url("/ccv-cvc-resources/images/ico_edit_blue.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonBlueEdit {
    background: url("/ccv-cvc-resources/images/ico_edit_blue.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonOrangeEdit:focus, 
input[type="button"].ccvImageButtonOrangeEdit:hover,
input[type="button"].ccvImageButtonOrangeEdit.sffocus,
input[type="button"].ccvImageButtonOrangeEdit.sfHover {
    background: url("/ccv-cvc-resources/images/ico_edit_orange.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonOrangeEdit {
    background: url("/ccv-cvc-resources/images/ico_edit_orange.png") no-repeat scroll 0 0 transparent;
    border: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}


input[type="button"].ccvImageButtonDelete:focus,
input[type="button"].ccvImageButtonDelete:hover,
input[type="button"].ccvImageButtonDelete.sffocus,
input[type="button"].ccvImageButtonDelete.sfHover {
    background: url("/ccv-cvc-resources/images/ico_delete.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonDelete{
    background: url("/ccv-cvc-resources/images/ico_delete.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonArrowDown:focus,
input[type="button"].ccvImageButtonArrowDown:hover,
input[type="button"].ccvImageButtonArrowDown.sffocus,
input[type="button"].ccvImageButtonArrowDown.sfHover {
    background: url("/ccv-cvc-resources/images/ico_arrow_down.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonArrowDown{
    background: url("/ccv-cvc-resources/images/ico_arrow_down.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonArrowUp:focus,
input[type="button"].ccvImageButtonArrowUp:hover,
input[type="button"].ccvImageButtonArrowUp.sffocus,
input[type="button"].ccvImageButtonArrowUp.sfHover {
    background: url("/ccv-cvc-resources/images/ico_arrow_up.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonArrowUp{
    background: url("/ccv-cvc-resources/images/ico_arrow_up.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonBrowse:focus,
input[type="button"].ccvImageButtonBrowse:hover,
input[type="button"].ccvImageButtonBrowse.sffocus,
input[type="button"].ccvImageButtonBrowse.sfHover {
    background: url("/ccv-cvc-resources/images/ico_browse.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonBrowse{
    background: url("/ccv-cvc-resources/images/ico_browse.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonCalandar:focus,
input[type="button"].ccvImageButtonCalandar:hover,
input[type="button"].ccvImageButtonCalandar.sffocus,
input[type="button"].ccvImageButtonCalandar.sfHover {
    background: url("/ccv-cvc-resources/images/ico_calendar.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonCalandar{
    background: url("/ccv-cvc-resources/images/ico_calendar.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}


input[type="button"].ccvImageButtonError:focus,
input[type="button"].ccvImageButtonError:hover,
input[type="button"].ccvImageButtonError.sffocus,
input[type="button"].ccvImageButtonError.sfHover {
    background: url("/ccv-cvc-resources/images/ico_red_cross.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonError{
    background: url("/ccv-cvc-resources/images/ico_red_cross.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonHelp:focus,
input[type="button"].ccvImageButtonHelp:hover,
input[type="button"].ccvImageButtonHelp.sffocus,
input[type="button"].ccvImageButtonHelp.sfHover {
    background: url("/ccv-cvc-resources/images/ico_help.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonHelp{
    background: url("/ccv-cvc-resources/images/ico_help.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonInsert:focus,
input[type="button"].ccvImageButtonInsert:hover,
input[type="button"].ccvImageButtonInsert.sffocus,
input[type="button"].ccvImageButtonInsert.sfHover {
    background: url("/ccv-cvc-resources/images/ico_insert.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonInsert{
    background: url("/ccv-cvc-resources/images/ico_insert.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonPrint:focus,
input[type="button"].ccvImageButtonPrint:hover,
input[type="button"].ccvImageButtonPrint.sffocus,
input[type="button"].ccvImageButtonPrint.sfHover {
    background: url("/ccv-cvc-resources/images/ico_print.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonPrint{
    background: url("/ccv-cvc-resources/images/ico_print.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonPreview:focus,
input[type="button"].ccvImageButtonPreview:hover,
input[type="button"].ccvImageButtonPreview.sffocus,
input[type="button"].ccvImageButtonPreview.sfHover {
    background: url("/ccv-cvc-resources/images/ico_preview.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonPreview{
    background: url("/ccv-cvc-resources/images/ico_preview.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonSelect:focus,
input[type="button"].ccvImageButtonSelect:hover,
input[type="button"].ccvImageButtonSelect.sffocus,
input[type="button"].ccvImageButtonSelect.sfHover {
    background: url("/ccv-cvc-resources/images/ico_select.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonSelect{
    background: url("/ccv-cvc-resources/images/ico_select.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonValidate:focus,
input[type="button"].ccvImageButtonValidate:hover,
input[type="button"].ccvImageButtonValidate.sffocus,
input[type="button"].ccvImageButtonValidate.sfHover {
    background: url("/ccv-cvc-resources/images/validate_green.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonValidate{
    background: url("/ccv-cvc-resources/images/validate_green.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonCheckmark:focus,
input[type="button"].ccvImageButtonCheckmark:hover,
input[type="button"].ccvImageButtonCheckmark.sffocus,
input[type="button"].ccvImageButtonCheckmark.sfHover {
    background: url("/ccv-cvc-resources/images/icon_green_check.png") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonCheckmark{
    background: url("/ccv-cvc-resources/images/icon_green_check.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonRevoke:focus,
input[type="button"].ccvImageButtonRevoke:hover,
input[type="button"].ccvImageButtonRevoke.sffocus,
input[type="button"].ccvImageButtonRevoke.sfHover {
    background: url("/ccv-cvc-resources/images/revoke.jpg") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonRevoke{
    background: url("/ccv-cvc-resources/images/revoke.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}


input[type="button"].ccvImageButtonResubmit:focus,
input[type="button"].ccvImageButtonResubmit:hover,
input[type="button"].ccvImageButtonResubmit.sffocus,
input[type="button"].ccvImageButtonResubmit.sfHover {
    background: url("/ccv-cvc-resources/images/resubmit.jpg") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonResubmit{
    background: url("/ccv-cvc-resources/images/resubmit.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}


input[type="button"].ccvImageButtonAccept:focus,
input[type="button"].ccvImageButtonAccept:hover,
input[type="button"].ccvImageButtonAccept.sffocus,
input[type="button"].ccvImageButtonAccept.sfHover {
    background: url("/ccv-cvc-resources/images/accept.jpg") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonAccept{
    background: url("/ccv-cvc-resources/images/accept.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonView:focus,
input[type="button"].ccvImageButtonView:hover,
input[type="button"].ccvImageButtonView.sffocus,
input[type="button"].ccvImageButtonView.sfHover {
    background: url("/ccv-cvc-resources/images/view.jpg") no-repeat scroll 0 0 transparent;
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"].ccvImageButtonView{
    background: url("/ccv-cvc-resources/images/view.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 18px;
    margin: 2px;
    width: 18px;
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
	color: black;
	text-decoration: none;
   	outline: 0px none;
}

input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus, input[type="button"].sffocus,input[type="reset"].sffocus,input[type="submit"].sffocus{
	color: black;
	text-decoration: none;
} 

input[type="button"], input[type="reset"], input[type="submit"] {
    #background-image: url(/ccv-cvc-resources/images/button_bg_grey_over.gif);
    #border: 2px solid grey;
    color: black;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 1px 0.5em;
    padding: 2px 5px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    background-image: none;
}

input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] {
    background-image: none;
    color: black; 
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    margin: 1px 0.5em;
    padding: 2px 5px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="text"].sffocus, input[type="password"].sffocus {
    color: black; 
    outline: 1px solid #B5BCC7;
    margin-bottom: 2px;
    padding: 2px 5px;
    text-decoration: none !important;
    white-space: nowrap;
    border: 1px solid #B5BCC7;
    width: 300px;
    font-weight: bold;
    font-size: 14px;
    background-color: white;
    background-image: none;
}

input[type="text"], input[type="password"] {
    cursor: pointer;
    color: black;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 2px 5px;
    text-decoration: none !important;
    white-space: nowrap;
    border-color: #666666 #DDDDDD #DDDDDD #666666;
    border-style: solid;
    border-width: 1px;
    width: 300px;
    background-image: none;
}

input[type="text"][disabled], input[type="password"][disabled] {
	background-color: #EDEDE3;
    cursor: default;
    color: black; 
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 2px 5px;
    text-decoration: none !important;
    white-space: nowrap;
    border-color: #666666 #DDDDDD #DDDDDD #666666;
    border-style: solid;
    border-width: 2px;
    width: 300px;
    background-image: none;
}


input[type="button"].ccvImageButtonBlueEdit:focus, 
input[type="button"].ccvImageButtonBlueEdit:hover,
input[type="button"].ccvImageButtonBlueEdit.sffocus,
input[type="button"].ccvImageButtonBlueEdit.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonBlueEdit:focus, 
input[type="button"].ccvImageButtonBlueEdit:hover,
input[type="button"].ccvImageButtonBlueEdit.sffocus,
input[type="button"].ccvImageButtonBlueEdit.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}
 
input[type="button"].ccvImageButtonOrangeEdit:focus, 
input[type="button"].ccvImageButtonOrangeEdit:hover,
input[type="button"].ccvImageButtonOrangeEdit.sffocus,
input[type="button"].ccvImageButtonOrangeEdit.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonDelete:focus,
input[type="button"].ccvImageButtonDelete:hover,
input[type="button"].ccvImageButtonDelete.sffocus,
input[type="button"].ccvImageButtonDelete.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonArrowDown:focus,
input[type="button"].ccvImageButtonArrowDown:hover,
input[type="button"].ccvImageButtonArrowDown.sffocus,
input[type="button"].ccvImageButtonArrowDown.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonArrowUp:focus,
input[type="button"].ccvImageButtonArrowUp:hover,
input[type="button"].ccvImageButtonArrowUp.sffocus,
input[type="button"].ccvImageButtonArrowUp.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonBrowse:focus,
input[type="button"].ccvImageButtonBrowse:hover,
input[type="button"].ccvImageButtonBrowse.sffocus,
input[type="button"].ccvImageButtonBrowse.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonCalandar:focus,
input[type="button"].ccvImageButtonCalandar:hover,
input[type="button"].ccvImageButtonCalandar.sffocus,
input[type="button"].ccvImageButtonCalandar.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonError:focus,
input[type="button"].ccvImageButtonError:hover,
input[type="button"].ccvImageButtonError.sffocus,
input[type="button"].ccvImageButtonError.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonHelp:focus,
input[type="button"].ccvImageButtonHelp:hover,
input[type="button"].ccvImageButtonHelp.sffocus,
input[type="button"].ccvImageButtonHelp.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonInsert:focus,
input[type="button"].ccvImageButtonInsert:hover,
input[type="button"].ccvImageButtonInsert.sffocus,
input[type="button"].ccvImageButtonInsert.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonPrint:focus,
input[type="button"].ccvImageButtonPrint:hover,
input[type="button"].ccvImageButtonPrint.sffocus,
input[type="button"].ccvImageButtonPrint.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

input[type="button"].ccvImageButtonPreview:focus,
input[type="button"].ccvImageButtonPreview:hover,
input[type="button"].ccvImageButtonPreview.sffocus,
input[type="button"].ccvImageButtonPreview.sfHover {
    border: 1px dotted;
    cursor: pointer;
    outline: 0px none;
}

/**
 * GRID
 */
.grid {
	width: 100%;
	border: 1px solid #CCCCCC;
}
.grid th {
	color: black;
	margin: 0;
	padding: 1px 3px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
}
.grid th a {
	color: black;
	white-space: nowrap;
	font-size: 12px;
}
.grid td {
	/* border-top: 1px solid #CCCCCC; */ 
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	padding: 1px 3px;
	white-space: nowrap;
}
.grid .rowOdd {
	background-color: #EBF5FF; 
	line-height: 19px;
}
.grid .rowEven {
	background-color: #FFF; 
	line-height: 19px;
}
.grid .ascending {
	padding: 2px 5px 2px 15px;
	background: url(images/sort_asc.gif) no-repeat 4px;
}
.grid .descending {
	padding: 2px 5px 2px 15px;
	background: url(images/sort_desc.gif) no-repeat 4px;
}

.tcAlert { 
	color: orange; 
}
.tcWarn { 
	color: red; 
}
.tcFine { 
	color: green; 
}