@charset "utf-8";

/**********************************
Client: ___________ UFile.ca 
Version: __________ 1.0
Create Date: ______ 2010.01.23
Create By: ________ Walter
Modified Date: ____ 2010.10.29  
Modified By: ______ Lee
**********************************/


.copyText { width:640px; margin:0 auto; padding:30px; position:relative; }


/**********************
*  Global Style       *
*********************/

/* Reset */
ul, ol, form, body {margin:0; padding:0;}

.copyText,.copyText * {	color: #6b6b6b;	font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.copyText p { line-height:22px; text-align:justify;}


/**********************
*  Heading Style      *
*********************/

/* The <h1> to <h6> tags are used to define HTML headings. */
.copyText h1 {	color: #000;	font-weight: bold;	font-size: 33px;	margin-bottom: 5px;		clear:left;}
.copyText h2 {	color: #b1292d;	font-weight: bold;	font-size: 20px;	margin: 0 0 15px 0;	text-transform:none;	clear:left;}
.copyText h3 {	color: #000;	font-weight: bold;	font-size: 18px;	margin-bottom: 15px;text-transform:none;	clear:left;}
.copyText h4 {	color: #b1292d;	font-weight: bold;	font-size: 14px;	margin-bottom: 15px;	text-transform:none;	clear:left;}
.copyText h5 { color: #6b6b6b; font-weight: bold; font-size: 12px;	margin-bottom: 15px; text-transform:none;  clear:left;}
.copyText h6 { color: #6b6b6b; font-weight: bold; font-size: 93%;	margin-bottom: 15px; text-transform:none; clear:left;}







/*******************************
*  Content/Paragraph Style    *
******************************/

.adresse{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.emailbox { color:#999;	
	border: #CCC 1px solid;
	margin-top:5px;
	height:15px;
	margin-bottom:5px;  -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.4);
   box-shadow: inset 0 1px 5px rgba(0,0,0,.24);}

.intro { color:#6B6B6B;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;}

/* The <p> tag defines a paragraph. */
.copyText p { line-height: 19px; margin-bottom: 20px; }

/* The <pre> tag defines preformatted text. */
.copyText pre {	margin-bottom: 20px;}

/* The <blockquote> tag defines a long quotation. */
.copyText blockquote {	color: #999;	font-style:  italic;	line-height: 22px;	margin: 0px 30px 10px; background:url(images/quote.png) no-repeat left top;  min-height:82px; display:block;}

.copyText blockquote span.textRight { display:block;float:right;text-align:right;width:100%; color:#999;}


/* The <tt>, <i>, <b>, <big>, and <small> tags are all font-style tags. They are not deprecated, but it is possible to achieve richer effect with CSS. */

/* Renders as italic text */
.copyText i {	font-style: italic;}

/* Renders as bold text */
.copyText b {	font-weight: bold;}

/* Renders as bigger text */
.copyText big {	font-size: large;}

/* Renders as smaller text */
.copyText small {	font-size: smaller;}

/* The <em>, <strong>, <dfn>, <code>, <samp>, <kbd>, <var>, and <cite> tags are all phrase tags. They are not deprecated, but it is possible to achieve richer effect with CSS. */

/* Renders as emphasized text */
.copyText em {	font-style: italic;}

/* Renders as strong emphasized text */
.copyText strong {	font-style: normal; font-weight: bold; }

/* Defines a definition term */
.copyText dfn {	font-style: italic;	font-weight: bold;}

/* Defines computer code text  */
.copyText code{	color: #000;display: block;	font-family:"Courier New", Courier, monospace;	margin-left: 25px;}

/* Defines sample computer code */
.copyText samp {	color: #CCC;	display: block;	font-family:"Courier New", Courier, monospace;	margin-left: 25px;}

/* Defines a citation */
.copyText cite {	color: #000;font-style: italic;}



.copyText span.highlighted { color:#c42c27;}



/* Content with 2 columns */
.copyText div.col2 { width:45%; float:left; padding:0 2%;  }
.copyText div.col2 p { text-align:justify;}

/* Content with 3 columns */
.copyText div.col3 { width:28.9%; float:left; padding:0 2%; }
.copyText div.col3 p { text-align:justify;}

.copyText div.divider { border-left:solid 1px #aaa;}



/*Content with Solgan*/
h3.solgan {float:right; margin:5px 0 5px 15px; width:240px; font-size:16px; text-transform: uppercase; color:#c42c27; line-height:22px; text-align:justify;}



/* Content with TOC */
.copyText div.toc { float:right; padding:10px; text-align:left;   width:22%; background:#FCFCFC; margin:5px 10px 10px 10px; border:solid 1px #aaa;}
.copyText div.toc ol { float:left; margin:0 0 0 18px; padding:0; width:90%;}
.copyText div.toc ol li { border-bottom:dotted 1px #aaa; margin:0; padding:0; }
.copyText div.toc strong {font-style:normal; display:block; border-bottom:solid 2px #353535; margin-bottom:10px;}
.copyText div.toc a { color:#353535; text-decoration:none; display:block; padding:2px 5px; }
.copyText div.toc a:hover { background:#aaa; color:#fff;}



/* Content with image on the side */
.copyText div.ContWithImgL { width: 56%;  float:left;}
.copyText div.ContWithImgR { width:39%; padding:0 2%; float:left;}
.copyText div.TextWithBg { background:none; border:none; padding:20px; float:left; clear:left;}
.copyText div.TextWithBg strong { font-style:normal; line-height:22px;}

/* Content with border */
.copyText div.ContWithBorder { border:solid 5px #f0f4f4; padding:10px 20px;}
.copyText div.ContWithBg { background:url(images/table_bg.jpg) repeat-x left bottom;padding:10px 20px; }






/**********************
*  Link Style 		  *
*********************/

/* General Link */
.copyText a:link { color: #6b6b6b; text-decoration: underline; }
.copyText a:visited {	color: #6b6b6b; }
.copyText a:hover { color: #c42c27;text-decoration:none; }  
.copyText a:active { color: #c42c27; text-decoration:none; }  

/*zoom in link for image */
.copyText a.zoomin {padding-left: 18px;float:right; background: transparent url(images/zoomin.gif) no-repeat center left; font-size:75%; color:#666666; text-decoration:none; text-transform:uppercase; margin-bottom:10px; line-height:16px;  }

/* all A tags whose HREF attribute ends in .pdf, .doc, .xls */
.copyText a[href$='.pdf'] { padding-left: 18px; background: transparent url(images/doc_pdf.gif) no-repeat center left;}
.copyText a[href$='.doc'] { padding-left: 18px; background: transparent url(images/doc_word.gif) no-repeat center left;}
.copyText a[href$='.xls'] { padding-left: 18px; background: transparent url(images/doc_excel.gif) no-repeat center left;}

/* all A tags whose REL attribute equals pdf */
.copyText .copyText a[rel='pdf'] { padding-left: 18px;	background: transparent url(images/doc_pdf.gif) no-repeat center left;}

/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/
.copyText a[rel*='pdf'] { padding-left: 18px; background: transparent url(images/doc_pdf.gif) no-repeat center left; }

/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */
.copyText a[rel~='pdf'] { padding-left: 18px; background: transparent url(images/doc_pdf.gif) no-repeat center left; }

/* all A tags whose HREF attribute starts with mailto: */
.copyText a[href ^="mailto:"] { padding-left: 18px; background: transparent url(images/icon_email.png) no-repeat center left; }

/* all A tags whose CLASS attribute is popup 
a[class ="popup"] { padding-left: 18px; background: transparent url(images/icon_popup.gif) no-repeat center left; }
a[target$='_blank'] { padding-left: 18px; background: transparent url(images/icon_external.gif) no-repeat centerleft; }
*/

.copyText a.disableicon{ padding:0; background:none;}

/**********************
*  Button Style        *
*********************/





/* BLACK */
.copyText a.btn_blk1 { background:url(images/btns.png) no-repeat 0 0; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:53px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_blk1:hover { background:url(images/btns.png) no-repeat 0 -27px; color:#fff}

.copyText a.btn_blk2 { background:url(images/btns.png) no-repeat -73px 0; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:73px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_style2:hover { background:url(images/btns.png) no-repeat -73px -27px;color:#fff}

.copyText a.btn_blk3 { background:url(images/btns.png) no-repeat -168px 0; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:103px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_blk3:hover { background:url(images/btns.png) no-repeat -168px -27px;color:#fff}

/* BLUE */
.copyText a.btn_blue1 { background:url(images/btns.png) no-repeat 0 -54px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:53px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_blue1:hover { background:url(images/btns.png) no-repeat 0 -81px; color:#fff}

.copyText a.btn_blue2 { background:url(images/btns.png) no-repeat -73px -54px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:73px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_blue2:hover { background:url(images/btns.png) no-repeat -73px -81px;color:#fff}

.copyText a.btn_blue3 { background:url(images/btns.png) no-repeat -168px -54px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:103px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_blue3:hover { background:url(images/btns.png) no-repeat -168px -81px;color:#fff}

/* GREEN */
.copyText a.btn_green1 { background:url(images/btns.png) no-repeat 0 -108px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:53px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_green1:hover { background:url(images/btns.png) no-repeat 0 -135px; color:#fff}

.copyText a.btn_green2 { background:url(images/btns.png) no-repeat -73px -108px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:73px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_green2:hover { background:url(images/btns.png) no-repeat -73px -135px;color:#fff}

.copyText a.btn_green3 { background:url(images/btns.png) no-repeat -168px -108px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:103px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_green3:hover { background:url(images/btns.png) no-repeat -168px -135px;color:#fff}

/* RED */

.copyText a.btn_red1, .copyText a.btn_red1:visited { background:url(images/btns.png) no-repeat 0 -162px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:53px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_red1:hover { background:url(images/btns.png) no-repeat 0 -189px; color:#fff}

.copyText a.btn_red2, .copyText a.btn_red2:visited { background:url(images/btns.png) no-repeat -73px -162px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:73px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_red2:hover { background:url(images/btns.png) no-repeat -73px -189px;color:#fff}

.copyText a.btn_red3, .copyText a.btn_red3:visited { background:url(images/btns.png) no-repeat -168px -162px; padding:0px 10px;color:#fff; font-size:87%; text-decoration:none; width:103px; height:27px; display:block; line-height:25px; text-align:center}
.copyText a.btn_red3:hover { background:url(images/btns.png) no-repeat -168px -189px;color:#fff}


a.arrowball { padding-left: 18px; background: transparent url(images/arrowball.png) no-repeat center left; color:#000;}

/**********************
*  Image Style        *
*********************/

/* Standard Image */
.copyText img { float:left; border:0; margin:0 10px 2px 0;}
.copyText img.imageRt { float:right; margin:0 0 10px 10px;}

/* Image with summary and click to enlarge link, and floated to left */
.copyText div.imageDescLF {float:left; display:block; margin:13px 10px 10px 0; }
.copyText div.imageDescLF img { display:block; float:left;}
.copyText div.imageDescLF small { float:left;  text-align:justify;}


/* Image with summary and click to enlarge link, and floated to right */
.copyText div.imageDescRT {float:right; display:block; margin:13px 0 10px 10px; }
.copyText div.imageDescRT img { display:block; float:left;}
.copyText div.imageDescRT small { float:left; text-align:justify;}




/**********************
*  Listing Style      *
*********************/
/* The <ul> tag defines an unordered list (a bulleted list). */
.copyText ul { margin-left: 10px; padding-bottom: 20px; }

.copyText ul li	{ list-style: outside; list-style-type: disc; list-style-image: url(images/bullet_red.png); line-height:18px; margin-bottom:10px; }

/* The <ol> tag is used to create an ordered list. */
.copyText ol { margin-left: 10px; }
.copyText ol li { list-style: outside; list-style-type:decimal; line-height:18px; margin-bottom:10px;	}
	
/* The <li> tag defines a list item. */
.copyText li { margin-left: 20px;}


/* The <dl> tag defines a definition list. */	
.copyText dl { margin-left: 10px; }

/* The <dt> tag defines an item in a definition list. */ 
 .copyText dl dt {font-weight: bold; background:url(images/bullet_red.png) no-repeat left 2px; padding-left:15px;}

/* The <dd> tag is used to describe an item in a definition list. */
.copyText dd {	margin-left: 25px;	font-style: italic; }


/* UL, OL  listing with background */
.copyText ul.LSwithBg, 
.copyText ol.LSwithBg, 
.copyText dl.LSwithBg { display:block; background:#f5f5f5; padding:15px 25px 0px 25px; border:dotted 1px #aaa}

.copyText ul.LSwithBg li, 
.copyText ol.LSwithBg li { line-height:20px; margin:0 0 5px 10px;	padding:0 0 15px 0; 	list-style-image: url(images/bullet_red.png); }


/* UL, OL listing with border bottom */
.copyText ul.LSbottmline, 
.copyText ol.LSbottmline, 
.copyText dl.LSbottmline { display:block;   padding:15px 25px 0px 25px; }

.copyText ul.LSbottmline li, 
.copyText ol.LSbottmline li { line-height:20px; margin:0 0 5px 10px;	padding:0 0 10px 0; border-bottom:dotted 1px #aaa; 	list-style-image: url(images/bullet_red.png); }




.copyText ul.LSStyle2 {}
.copyText ul.LSStyle2 li { border-bottom: solid 1px #6b6b6b; text-transform:uppercase; list-style:none; margin:0; line-height:32px;}


/* Block List */
.copyText ul.LSBlock { display:block;   padding:15px 0 0px 0; margin:0;}
.copyText ul.LSBlock li { display:block; margin:0;}
.copyText ul.LSBlock li h3 { border-bottom:solid 1px #6b6b6b; padding-bottom:10px;}
.copyText ul.LSBlock li h3 span {float:right; font-size:11px; font-weight:normal; text-transform:uppercase;}
.copyText ul.LSBlock li p { float:left;}
.copyText ul.LSBlock li img { float:right; margin:0 2px 10px 10px;}

/*******************************
*  Form  Style                 *
******************************/

/* The <fieldset> tag is used to logically group together elements in a form. */
.copyText fieldset {border: 1px solid #CCC;	padding: 10px 10px 10px 10px;}

/* The <legend> tag defines a caption for the fieldset element. */
.copyText legend {	padding: 5px 10px; background:#6b6b6b ; color:#fff;}

/* The <label> tag defines a label for an input element. */
.copyText label {	display: block;	font-weight: bold;	line-height: 22px;	vertical-align: top;	margin-top: 10px;}

/* The <input> tag is used to select user information. */
.copyText input {	border: 1px solid #cbcbcb;	color: #999999;	padding: 0px 2px 0px 2px; }

/* The <button> tag defines a push button. */
 input[type="submit"], input[type="reset"]  
 {
 	cursor:pointer; 
 	background:url(images/btns.png) no-repeat 0 0; 
 	color:#fff;
 	font-size:87%; 
 	text-decoration:none; 
 	width:73px; 
 	height:27px; 
 	display:block; 
 	text-align:center; 
 	margin:5px 2px; 
 	border:none; 
 	float:left; 
 	text-transform:capitalize;
 	vertical-align: middle;
 	padding-bottom: 6px;
 	}

/* The <textarea> tag defines a multi-line text input control. */
.copyText textarea {	color: #999999;	border: 1px solid #cbcbcb;	height: 100px;	width: 300px;}
.copyText select { color: #999999;	border: 1px solid #cbcbcb;}

 
 



/**********************
*  Custom Style 	  *
*********************/
.copyText br.clearboth { clear:both;}
.copyText hr {border:none; border-bottom:solid 1px #aaa; }


/* Pagination */
ol.sf_pager { margin:10px 0 10px 10px!important; }
ol.sf_pager li { list-style:none; padding:0px; }
ol.sf_pager li a { padding:5px 10px!important; background:white; font-weight:bold; color:#6B6B6B; text-decoration:none !Important; border:1px solid #ABABAB; }
ol.sf_pager li a:hover { color: #ffffff !Important; }

ol.sf_pager li.previousPage a, ol.sf_pager li.nextPage a{} 

.searchResults dt { margin-bottom: 4px; }
.searchResults dd { margin-bottom: 15px; }