﻿/*	Global Styles */
body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, image {margin:0; padding:0;}
img {border:none;}

.clearFloat {clear:both; height:0;font-size: 1px; line-height: 0px;}
body  {	margin: 0px 0px 0px 0px;background:#808080; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
table td { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#636466;}
/* Global Link Styles*/  
a {color:#990000; text-decoration:none;}
a:link,  a:active, a:visited{color:#990000; text-decoration:none;}
a:hover {color:#990000; text-decoration:underline; }
strong {color:#636466;}

.orangeText {color: #F78F1E; font-size: 12px; font-weight: bold;}
.boxBorder {border: 1px solid #999999;}
.subHeadWhite {color:#FFFFFF;font-weight:bold;}

#globalNav {padding:10px 0px 10px 0px;color:#ffffff;width: 960px;margin: 0 auto;text-align:right;}
#globalNav a{color:#ffffff;}


#container {width: 960px;background:#FFFFFF; margin: 0 auto; text-align: left; border:1px solid #000000;} 
.masthead{background:#eff0f0  url(../images/masthead.jpg) no-repeat;height:90px;width:960px; border-bottom:#939598 1px solid; position:relative;} 
.mastheadFR{background:#eff0f0  url(../images/mastheadFR.jpg) no-repeat;height:90px;width:960px; border-bottom:#939598 1px solid; position:relative;} 
	.masthead h1 { position:relative; top:20px; left:54px;width:160px;height:60px; background:url(../images/carfincoLogo.jpg) no-repeat;text-indent:-9000px;}
		.masthead h1 a { display:block;	height:60px; background:url(../images/carfincoLogo.jpg) no-repeat;}
		
	.mastheadFR h1 { position:relative; top:20px; left:54px;width:160px;height:60px; background:url(../images/carfincoLogo.jpg) no-repeat;text-indent:-9000px;}
		.mastheadFR h1 a { display:block;	height:60px; background:url(../images/carfincoLogo.jpg) no-repeat;}	

.footer { margin-top:20px; border-top:#939598 solid 1px; padding-top:10px; padding-bottom:15px;}
.footer p { margin:10px 15px 0px 15px;}
.footer a {color:#636466;}
	
#topNavigation{width:960px; height:45px; text-align:center;}
#topNavigation ul{list-style: none;  margin-top:6px; margin-left:48px;}
#topNavigation li{ float:left; display:inline; margin-right:4px; font-weight:bold; text-transform:uppercase;}
#topNavigation li a { display:block; width:141px; height:31px; background:#0081C6; text-align:center; color:#FFFFFF; line-height:30px; }
#topNavigation a.inActive {display:block; color: #ffffff; text-decoration: none;} 
#topNavigation a.active, #topNavigation a.inActive:hover {display:block; font-size:11px; background:#990000; text-decoration: none;} 


.topNavigationFR #topNavigation ul{list-style: none;  margin-top:6px; margin-left:48px;}
.topNavigationFR #topNavigation li{ float:left; display:inline; margin-right:4px; font-weight:bold; }
.topNavigationFR #topNavigation li a { display:block; width:141px; height:31px; background:#0081C6; text-align:center; color:#FFFFFF; line-height:30px; }
.topNavigationFR #topNavigation a.inActive {display:block; color: #ffffff; text-decoration: none;} 
.topNavigationFR #topNavigation a.active, .topNavigationFR #topNavigation a.inActive:hover {display:block; font-size:11px; background:#990000; text-decoration: none;} 

#contentContainer{display: table; width:960px; text-align:left; border-top: #990000 solid 6px; background:url(../images/contentBG.jpg) repeat-y;}
#contentContainerIR{display: table; width:960px; text-align:left; border-top: #990000 solid 6px;background:url(../images/mainBG.jpg) repeat-y;}

#leftNav{ width:140px; float:left;  padding:20px 0px 0px 55px; height:100%; }
#rightColumn { float:left; width:150px; padding:20px 6px 15px 10px;}
.content{float:left;  width:575px; text-align: left; /*border-right:#939598 solid 1px; border-left:#939598 solid 1px; padding:20px 15px 0px 15px;*/ min-height:450px;}
.contentHolder { padding:20px 15px 0px 15px;}
/* was this, but it was causing shifing issues with the scriptaculous blind effect .contentHolder { margin:20px 15px 0px 15px;}*/


.homeBTN { position:absolute; right:117px;top:50px; display:block; text-align:center; }
	.homeBTN a{ display:block; width:68px ; height:31px; color:#FFFFFF; background:#767676; text-transform:uppercase;line-height:30px; font-weight:bold;}
	.homeBTN a:link, .homeBTN a:visited, .homeBTN a:active, .homeBTN a:hover { color:#fff; text-decoration:none;}

.frenchBTN { position:absolute; right:46px;top:50px; display:block; text-align:center; }
	.frenchBTN a{ display:block; width:68px ; height:31px; color:#FFFFFF; background:#767676; text-transform:uppercase;line-height:30px; font-weight:bold;}
	.frenchBTN a.active{ display:block; width:68px ; height:31px; color:#FFFFFF; background:#990000; text-transform:uppercase;line-height:30px; font-weight:bold;}
	.frenchBTN a:link, .frenchBTN a:visited, .frenchBTN a:active, .frenchBTN a:hover { color:#fff; text-decoration:none;}

	


/* Text Styles*/ 
h1{color:#B11E3C; font-size:15px; line-height:normal; padding: 0px 0px 10px 0px;}
h1.underline {display:block;border-bottom: 1px solid #999999;padding: 0px 0px 3px 0px;margin: 0px 0px 10px 0px;}
h2{color:#0081C6;  font-size:14px;  padding: 0px 0px 10px 0px;line-height:normal; margin-top:10px; }
h3{ color:#990000;font-weight:bold;font-size:14px;padding: 0px 0px 0px 0px;line-height:normal;}
h4{ color:#000000;font-weight:bold;font-size:12px; padding: 0px 0px 0px 0px;  line-height:normal;}

p{ padding: 0px 0px 10px 0px;font-size:12px;color:#636466;  line-height:18px;}

.content ul, .content ol { color:#636466; list-style-position:inside; margin-bottom:10px; margin-top:2px;}
.content ul {list-style:disc; } 
.content ol {list-style:decimal; } 
.content li{margin: 0px 0px 2px 30px; list-style-position:inside;}



/*Side navigation styles*/
/* First level */   
.l1ul{margin:0px; list-style:none;}
.l1ul li{padding-bottom:5px; padding-right:0px; padding-top:3px;  }
a.l1InActive:link,  a.l1InActive:active,  a.l1InActive:visited{color:#6A737C; text-decoration:none;font-size:11px;font-weight:bold;text-transform:uppercase;}
a.l1InActive:hover{color:#B11E3C; text-decoration:none;  font-size:11px;font-weight:bold; }  
a.l1Active:link, a.l1Active:active, a.l1Active:visited, a.l1Active:hover{color:#B11E3C; text-decoration:none;font-size:11px;font-weight:bold;text-transform:uppercase;}

/* Second level */   
.l2ul{margin:0px; list-style:none;}
.l2ul li{ padding:3px 0px 2px 15px;  }
a.l2InActive:link,  a.l2InActive:active,  a.l2InActive:visited{color:#6A737C; text-decoration:none;font-size:11px;font-weight:bold;}
a.l2InActive:hover{color:#B11E3C;text-decoration:none;font-size:11px; font-weight:bold;}  
a.l2Active:link, a.l2Active:active, a.l2Active:visited, a.l2Active:hover{font-weight:bold;color:#B11E3C; text-decoration:none;font-size:11px;}
    
/* Third level */       
.l3ul{padding:0px 0px 0px 0px; margin: 3px 0px 3px 10px; list-style:none;}
.l3ul li{border-bottom:1px solid #FFFFFF; padding-bottom:0px; padding-right:0px;  padding-top:0px; }
a.l3InActive:link,  a.l3InActive:active,  a.l3InActive:visited { color:#6A737C; text-decoration:none;font-size:11px; font-weight:normal;}    
a.l3InActive:hover{color:#B11E3C;    text-decoration:none;font-size:11px;font-weight:normal;}  
a.l3Active:link, a.l3Active:active, a.l3Active:visited, a.l3Active:hover{font-weight:bold;color:#B11E3C; text-decoration:none;font-size:11px;}    

/* Right Column TYPOGRAPHY*/
#rightColumn { text-align:center;}
#rightColumn h1 {color:#767676; font-size:18px;}
#rightColumn h2 {color:#990000; font-size:16px; margin-top: 20px; padding:0px;}
#rightColumn p {color:#0D5CAB;}

/* Archives*/
#archiveTable a { text-decoration:none;}
#archiveTable { border-collapse:collapse; text-align:left;background: #fff;}
#archiveTable td h2 { padding-bottom:0px; cursor:pointer;}
#archiveTable tr td a:hover h2 { color:#6A737C; cursor: pointer;}
#archiveTable th {background:#6A737C; border-bottom:1px solid #fff; color:#fff; font-size:11px; padding:8px;}
archiveTable tr {border-bottom: 1px solid #ccc;  }
#archiveTable td {border-bottom: 1px solid #ccc; color:#6A737C; font-size:11px; padding: 6px 8px; }
#archiveTable tr:hover td{ background: #fcfcfc; color: #6A737C;}
#archiveTable strong a:hover {cursor: pointer; text-decoration:none;}
/*New for Financial reports page*/
.archiveTable div a { color:#767676;}

/**/
.carQLogIn { margin-top:10px;}
.carQLogIn ul{ list-style:none;}
.carQLogIn ul li { padding-bottom:4px;}
/*Styles for the Right Column Table - Generated Dynamically */


#dataTable { border-collapse:collapse; text-align:left;}
#dataTable th {background:#6A737C; border-bottom:1px solid #fff; color:#fff; font-size:11px; padding:8px;}
#dataTable td {background:#fff; border-bottom:1px solid #fff; border-top:1px solid; color:#6A737C;font-size:11px; }
#dataTable tr:hover td{ background: #fcfcfc; color: #6A737C;}
.odd{background: #eff2ff;}
.even{background: #e8edff;}

div.msg { color:#333333; background:#f9f8d2; padding:8px;}



/*Admin button styles*/ 
.button{border: solid 1px #666666;background:#c8c8c8; }
.buttonContainer{ background:#eff0f0; border:#c8c8c8 1px solid; padding:20px; margin-top:10px;}
/* Scroller */
#ScrollerContainer{border:1px solid #c8c8c8;padding:5px;width:200px;height:100px; font-size:12px;float:right;}
#ScrollerContainer ul{list-style:none;}
#ScrollerContainer li{margin:0px;padding:0px;}


