/* BELONGS TO: /TIPS/FACE/index.php */
html * { outline: none; }

#chatContainer{margin:352px 0 0 860px;}
#contents #leftCol{float:left;width:675px;margin-right: 20px;}
#contents #rightCol{float:left;width:255px;}

#calloutContainer {margin-top:40px}


/******* TIPS MENU *********/

#leftCol h2{font-size:1em;color:#333333;font-weight:normal;margin-left:30px;}
#tipMenu #menuList{width:300px;border-right:4px solid #8E3608;float:left;}
#tipMenu #menuList #menuImg{width:300px;height:226px;}

#tipMenu #tipList {float:left;width:315px;padding-left:28px;margin-left:-4px;border-left:4px solid #8E3608;}

.categoryTitle{color:#8E3608;text-transform:uppercase;font-weight:bold}

.imgRollover{cursor:pointer}
	
/********* BULLETIN BOARD  *******/
#bulletinBoard { position: relative; background: url(/fr_ca/tips/face/images/bulletinboard/face_bb_contentBG.jpg) no-repeat; height: 355px; width: 605px; margin: 25px 0px 0px 45px; }
html>body #bulletinBoard { height: auto; min-height: 355px; } 
#stepsDiagram { margin-left: 0px; }
#stepInstruction { padding-left: 383px; }
.stepContent p { margin: 3px 0px 17px 0px; padding: 0px; color: #333333; }
.stepImg { filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }	
.solid { filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0; z-index: 810; }
#bb_img1, #bb_img1_trans { position: absolute; z-index: 594; margin-left: 221px; top: 223px; }
#bb_img2, #bb_img2_trans { position: absolute; z-index: 602; margin-left: 71px; top: 90px; }
#bb_img3, #bb_img3_trans { position: absolute; z-index: 600; margin-left: 34px; top: 218px; }
#bb_img4, #bb_img4_trans { position: absolute; z-index: 598; margin-left: 210px; top: 122px; }
#bb_img5, #bb_img5_trans { position: absolute; z-index: 596; margin-left: 144px; top: 265px; }
#bb_img6, #bb_img6_trans { position: absolute; z-index: 604; margin-left: 141px; top: 160px; }
#bb_img1_trans { z-index: 595; margin-left: 233px; top: 227px; background-color: #ffffff; }
#bb_img2_trans { z-index: 603; margin-left: 77px; background-color: #ffffff; }
#bb_img3_trans { z-index: 601; margin-left: 34px; background-color: #ffffff; }
#bb_img4_trans { z-index: 599; margin-left: 209px; background-color: #ffffff; }
#bb_img5_trans { z-index: 597; margin-left: 157px; top: 276px; background-color: #ffffff; }
#bb_img6_trans { z-index: 605; margin-left: 153px; top: 172px; background-color: #ffffff; }

#stepInstruction ul { list-style: none; margin: 0px; padding: 0px; }
#stepInstruction ul li { background: url(/fr_ca/tips/face/images/bulletinboard/bb_li.gif) no-repeat 2px 4px; padding: 0px 0px 16px 12px; }