@charset "UTF-8";
@import url("ypgReset.css");

/********************************************************************/
/********************************************************************/
/*																	*/
/*			YP.ca	MAIN Stylesheet         			            */
/*                                                                  */
/********************************************************************/
/********************************************************************/

body {   }

#ypgWrapper a { color:#005e9d; text-decoration:none }
#ypgWrapper a:hover {text-decoration:underline}

#ypgWrapper {background:#fff url(../images/innerheader.gif) repeat-x top left; color:#252525; font-family:Arial, Helvetica, Sans Serif; font-size:12px; font-weight:normal;}
.ypgWrapper {	width: 100%;}

#ypgBody {width: 980px; margin:0 auto; font-size: 100%;}

/* HEADER */
#ypgBody #ypgHeader { position:relative; min-height:80px; margin-bottom:5px   }

/* Logo EN FR */
#ypgBody #ypgHeader a.ypLogo { position:absolute; width:255px; height:50px; top:15px; text-decoration:none}
.en #ypgBody #ypgHeader a.ypLogo {background: url(http://cb.yp.ca/images/shared/logos/header_en.png) no-repeat}
.fr #ypgBody #ypgHeader a.ypLogo {background: url(http://cb.yp.ca/images/shared/logos/header_fr.png) no-repeat}

/* Header links */
#ypgBody #ypgHeader .ypgAccessibility { position:absolute; right:0; top:0; }
#ypgBody #ypgHeader .ypgAccessibility .ypgDivider {position:relative; top:2px}
#ypgBody #ypgHeader .ypgAccessibility .ypgLangHelp { float: left; position:relative; background:#f8f8f8; 
-moz-border-radius-bottomright :4px; -moz-border-radius-bottomleft :4px;  
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius:4px;
border:1px solid #d9d9d9; border-width:0 1px 1px 1px; padding:8px 9px 8px 10px; }
#ypgBody #ypgHeader .ypgAccessibility ul li {	display: inline; text-align:center}
#ypgBody #ypgHeader .ypgAccessibility .ypgLangHelp .ypgDividerPipe { background: transparent url(../images/divider.png) 0 3px no-repeat; padding:0 3px;}




#ypgBody #ypgHeader .ypgAccessibility a { text-decoration:none; padding:0 10px 0 5px; font-weight:bold; font-size:11px  }


/* Rounded Corners */
#ypgHeader .ypgAccessibility .crnBR,
#ypgHeader .ypgAccessibility .crnBL {display:none; }


/* Breadcrumb */
#ypgBody .ypgBreadCrumb {font-size:10px; color:#666; margin-bottom:10px}

#ypgBody .ypgResultsTop {margin:7px 0 10px 0}
#ypgBody .ypgResultsTop h1.ypgPageName {float:left;margin: 0px;font-weight: bold;font-size: 1.13em; }

#ypgBody #leftPane { float: left; width: 166px; margin-right:20px; }
#ypgBody #rightPane { float: right; width: 794px; position: relative; padding:30px 0 }

/* left pane */
#ypgBody #leftPane img {margin-bottom:10px}
#ypgBody #leftPane p strong {line-height:15px; color:#666}
#ypgBody #leftPane .greyboxe {border:1px solid #d9d9d9;  margin:10px 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1),color-stop(75%, #f1f1f1), to(#d1d1d1)); background-image: -moz-linear-gradient(-90deg, #f1f1f1 60%, #d1d1d1); position:relative}
#ypgBody #leftPane .greyboxe h2 {color:#fff; font-size:13px; padding:7px 5px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7d7e80), to(#555557)); background-image: -moz-linear-gradient(-90deg, #7d7e80, #555557);}
#ypgBody #leftPane .greyboxe .boxcontent {padding:10px 7px 10px 7px}
#ypgBody #leftPane .greyboxe .boxcontent span,
#ypgBody #leftPane .greyboxe .boxcontent span strong{display:block}
#ypgBody #leftPane .greyboxe .boxcontent span {margin-bottom:10px; font-size:11px}
#ypgBody #leftPane .greyboxe .boxcontent span strong{font-size:14px}
#ypgBody #leftPane .greyboxe .boxcontent a {display:block; margin-bottom:10px }

#ypgBody #leftPane .greyboxe .crnTL,
#ypgBody #leftPane .greyboxe .crnTR,
#ypgBody #leftPane .greyboxe .crnBR,
#ypgBody #leftPane .greyboxe .crnBL{position:absolute; width:5px; height:5px; overflow: hidden; font-size:1px;  }
#ypgBody #leftPane .greyboxe .crnTL{ left: -1px; top: -1px;	background: url(../images/corners/tl_d9d9d9.png);}
#ypgBody #leftPane .greyboxe .crnTR{ right: -1px;	top: -1px;	background: url(../images/corners/tr_d9d9d9.png);}
#ypgBody #leftPane .greyboxe .crnBL{ left: -1px; bottom: -1px; background: url(../images/corners/bl_d9d9d9.png);}
#ypgBody #leftPane .greyboxe .crnBR{ right: -1px;	bottom: -1px;background: url(../images/corners/br_d9d9d9.png); }

#ypgBody .innerLeft {padding-top:20px}

/* right pane */

#ypgBody #rightPane h1 {font-size:14px}
#ypgBody #rightPane h1 span {font-weight:normal; display:block; margin-top:3px; margin-bottom:25px}
#ypgBody #rightPane p {line-height:16px}
#ypgBody #rightPane h2 {background:url(../images/bgr_result_heading.gif) repeat-x; line-height:34px; padding-left:10px; padding-right:10px; font-weight:bold; margin:15px 0;  }
#ypgBody #rightPane h3 {border-bottom:1px dotted #bebebe; font-size:13px; margin:10px 0}
#ypgBody #rightPane .onelineforms ul {width:45%; float:left; }
#ypgBody #rightPane .onelineforms ul li {display:block; margin-bottom:4px; padding-left:10px}
#ypgBody #rightPane .onelineforms ul li:before{content: "- ";}
#ypgBody #rightPane .officeloc {line-height:16px}

#ypgBody #rightPane input[type="text"],
#ypgBody #rightPane textarea {border:1px solid #bebebe}
#ypgBody #rightPane td h3 {padding:20px 0 5px 30px}
#ypgBody #rightPane td  {padding-bottom:4px}
/* FOOTER */
#ypgFooter {clear:both; margin: 5px auto 1.5em; font-size: 0.9em; padding-top:15px; background:#fff url(../images/bgr_inner_bottom.gif) repeat-x top left}

/* Footer links */
#ypgFooter ul {margin:0 0 2px 0; padding:0}
#ypgFooter li {display: inline; margin:0; padding:0; list-style:none}
#ypgFooter a:link {}
#ypgFooter .ypgFooterLinks {margin:0.5em 0 1em 0;}
#ypgFooter .ypgFooterLegal {margin-top:10px; line-height:13px; clear:both; border-top:1px dotted #bebebe; padding-top:10px}
#ypgFooter .ypgCopyright {display: block;}
#ypgFooter .ypgLegal {}
#ypgFooter .ypgFooterLogo {float: left;}
#ypgFooter .ypgFooterMain {margin:0 auto ; width:980px; }
#ypgFooter .ypgFooterMain .flogo {display:block; float:left; width:152px; height:33px; margin-right:20px }
.en #ypgFooter .ypgFooterMain .flogo { background: url(http://cb.yp.ca/images/shared/logos/footer_en.png) no-repeat}
.fr #ypgFooter .ypgFooterMain .flogo { background: url(http://cb.yp.ca/images/shared/logos/footer_fr.png) no-repeat}


#ypgFooter .ypgFooterMain ul {float:left; margin-top:10px}
#ypgFooter .ypgFooterMain ul li {padding-right:10px}

/* Fixed stuff */

#ypgBody .alignRight {text-align:right !important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }