/* intial settings & reset */
html, body, div, span, form, img, h1, h2, h3, ul, ol, li, p, label {margin:0; padding:0; border:0;}
html {height:100%;}
body {min-height:100%; background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:0.75em; color:#666;}
sup, sub {font-size:0.4375em; line-height:6px;}
a {outline:0; color:#ddd; text-decoration:none;}
a:hover {text-decoration:underline;}
.clearer {position:relative; clear:both !important; float:none !important;}
.floater {position:relative; clear:none !important; float:left !important;}
.reset {margin:0 !important; padding:0 !important;}
.accessAlt {position:absolute !important; left:-999em !important;}
.hide {display:none !important;}
/* text */
/*h1 {position:relative; clear:both; font-size:3.0575em; color:#00a8ef; font-weight:normal; line-height:1.125em;}*/
h2 {position:relative; clear:both; font-size:1.6667em; color:#31393d; font-weight:bold; line-height:1.125em;}
h3 {position:relative; clear:both; font-size:1.3333em; color:#31393d; font-weight:bold; line-height:1.125em;}
p {position:relative; clear:both; font-size:1em; color:#666; line-height:1.125em;}
/* fields */
.frmField {position:relative; clear:both; width:376px; height:15px; margin:0; padding:8px 5px; background:#fff; border:solid 1px #d8d8d8; font-family:Arial,Helvetica,sans-serif; font-size:1em; color:#959595;}
.post .row .split .field .frmField {width:166px;}
.frmTextarea {position:relative; clear:both; width:376px; height:76px; margin:0; padding:8px 5px; background:#fff; border:solid 1px #d8d8d8; font-family:Arial,Helvetica,sans-serif; font-size:1em; color:#959595; resize:none;}
.frmDropdown {position:relative; clear:both; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:1em; color:#959595;}
.errorMsg .frmField, .errorMsg .frmTextarea, .errorMsg .frmDropdown {border-color:#fe0606 !important;}
.errorMsg input.noError {border-color:#d8d8d8 !important;}
/* layout */
.wrapHeader {position:relative; clear:both; width:100%; min-width:980px; height:103px; z-index:10; background:url('../images/bg_header.gif') left top repeat-x; color:#fff;}
.wrapHeader[class]{background:url('../images/bg_header.png') left top repeat-x;}
.wrapContent {position:relative; clear:both; width:100%; min-width:980px; height:568px; z-index:9; background:url('../images/bg_content.jpg') center top repeat-x; color:#263b70;}
.wrapFooter {position:relative; clear:both; width:100%; min-width:980px; height:120px; z-index:10; background:url('../images/bg_footer.png') left top repeat-x;}
.wrapFooter[class]{background:url('../images/bg_footer.gif') left top repeat-x;}
.subWrap {position:relative; clear:both; width:980px; margin:0 auto;}
.standAlone .wrapHeader h1 a {left:0 !important;}
.standAlone .wrapContent {height:auto; min-height:568px; margin:0 0 50px 0; background:none;}
.standAlone .wrapFooter {display:none;}
/* header */
.fr .header h1 a.lg_mtl1e {position:absolute; left:10px; top:57px; width:297px; height:44px; z-index:10; background:url('../images/fr/lg_mtl1e.gif') left top no-repeat; text-indent:-999em;}
.fr .header h1 a.lg_mtl1e[class]{background:url('../images/fr/lg_mtl1e.png') left top no-repeat;}
.en .header h1 a.lg_mtl1e {position:absolute; left:10px; top:57px; width:232px; height:44px; z-index:10; background:url('../images/en/lg_mtl1e.gif') left top no-repeat; text-indent:-999em;}
.en .header h1 a.lg_mtl1e[class]{background:url('../images/en/lg_mtl1e.png') left top no-repeat;}
.header ul.nav {position:absolute; right:10px; top:0; width:452px; height:101px; z-index:1; background:url('../images/bg_nav.jpg') left top no-repeat; list-style:none;}
.header ul.nav li {position:relative; float:left;}
.fr .header ul.nav li a.post {display:block; width:183px; height:30px; margin-left:106px; background:url('../images/fr/bg_navPost.png') left top no-repeat; text-indent:-999em;}
.fr .header ul.nav li a.post:hover {background-position:-183px 0;}
.fr .header ul.nav li a.info {display:block; width:92px; height:30px; background:url('../images/fr/bg_navInfo.png') left top no-repeat; text-indent:-999em;}
.fr .header ul.nav li a.info:hover, .fr .header ul.nav li a.infoOn {background-position:-92px 0;}
.fr .header ul.nav li a.lang {display:block; width:71px; height:30px; background:url('../images/fr/bg_navLang.png') left top no-repeat; text-indent:-999em;}
.fr .header ul.nav li a.lang:hover {background-position:-71px 0;}
.fr .header ul.nav li.sort {position:absolute; left:2px; top:52px; width:222px; background:url('../images/fr/bg_navSort.png') left top no-repeat; text-indent:-999em;}
.fr .header ul.nav li.sort a.tab {display:block; width:222px; height:51px;}
.fr .header ul.nav li.filter {position:absolute; left:230px; top:52px; width:222px; background:url('../images/fr/bg_navFilter.png') left top no-repeat; text-indent:-999em;}
.fr .header ul.nav li.filter a.tab {display:block; width:222px; height:51px;}
.en .header ul.nav li a.post {display:block; width:178px; height:30px; margin-left:92px; background:url('../images/en/bg_navPost.png') left top no-repeat; text-indent:-999em;}
.en .header ul.nav li a.post:hover {background-position:-178px 0;}
.en .header ul.nav li a.info {display:block; width:102px; height:30px; background:url('../images/en/bg_navInfo.png') left top no-repeat; text-indent:-999em;}
.en .header ul.nav li a.info:hover, .en .header ul.nav li a.infoOn {background-position:-102px 0;}
.en .header ul.nav li a.lang {display:block; width:80px; height:30px; background:url('../images/en/bg_navLang.png') left top no-repeat; text-indent:-999em;}
.en .header ul.nav li a.lang:hover {background-position:-80px 0;}
.en .header ul.nav li.sort {position:absolute; left:2px; top:52px; width:222px; background:url('../images/en/bg_navSort.png') left top no-repeat; text-indent:-999em;}
.en .header ul.nav li.sort a.tab {display:block; width:222px; height:51px;}
.en .header ul.nav li.filter {position:absolute; left:230px; top:52px; width:222px; background:url('../images/en/bg_navFilter.png') left top no-repeat; text-indent:-999em;}
.en .header ul.nav li.filter a.tab {display:block; width:222px; height:51px;}
.header .bgExtra {position:absolute; left:-215px; top:0; width:850px; height:100px; z-index:0; background:url('../images/bg_headerGlow.jpg') left top no-repeat;}
/* dropdowns */
.header ul.nav li.drp .current {position:absolute; left:13px; top:26px; width:160px; height:20px; z-index:100000; color:#d3ea7e; text-indent:0; text-align:left; text-transform:uppercase; cursor:pointer;}
.header ul.nav li.drp ul {position:relative; clear:both; float:none; width:280px; margin-left:-30px; padding-bottom:46px; background:url('../images/bg_navDrop.gif') left bottom no-repeat; text-align:left; list-style:none;}
.header ul.nav li.drp[class] ul {background:url('../images/bg_navDrop.png') left bottom no-repeat;}
.header ul.nav li.drp ul li {position:relative; clear:both; float:none; width:221px; margin-left:30px; border-bottom:solid 1px #adc47e; text-indent:0;}
.header ul.nav li.drp ul li a {display:block; position:relative; clear:both; height:auto; padding:9px 0 7px 12px; color:#7c7c7c; text-transform:uppercase; line-height:1.3125em;}
.header ul.nav li.drp ul li a:hover {background:#f5ffcb; text-decoration:none;}
.header ul.nav li.drp ul li a.active {background:#f5ffcb; color:#314a8d;}
.header ul.nav li.drpOpened {background-position:-222px 0 !important;}
.header ul.nav li.drpOpened .current {color:#314a8d !important;}
/* footer */
.footer {padding-top:15px; font-size:0.833em;}
.footer ul.sponsors {display:inline-table; position:relative; clear:both; height:50px; list-style:none;}
.footer ul.sponsors li {position:relative; float:left;}
.footer ul.sponsors li a {display:block; height:50px; background:url('../images/lg_footer.gif') left top no-repeat; text-indent:-999em;}
.footer ul.sponsors li a.ccmm {width:223px; margin-right:25px; background-position:0 0;}
.footer ul.sponsors li a.astral {width:71px; margin-right:15px; background-position:0 -50px;}
.footer ul.sponsors li a.bell {width:37px; margin-right:34px; background-position:0 -100px;}
.footer ul.sponsors li a.desjardins {width:101px; margin-right:27px; background-position:0 -150px;}
.footer ul.sponsors li a.hydro {width:71px; margin-right:29px; background-position:0 -200px;}
.footer ul.sponsors li a.rta {width:125px; margin-right:21px; background-position:0 -250px;}
.fr .footer ul.sponsors li a.crea {width:150px; background-position:0 -300px;}
.en .footer ul.sponsors li a.crea {width:150px; background-position:0 -350px;}
.footer .copyright {position:relative; float:left; margin:15px 0 0 10px; color:#ababab;}
.footer ul.links {position:relative; float:right; margin:15px 10px 0 0; list-style:none;}
.footer ul.links li {position:relative; float:left; margin-right:8px; padding-right:8px; background:url('../images/bg_footerLinks.png') right -5px no-repeat; text-transform:uppercase;}
.footer ul.links li.last {margin:0; padding:0; background:none;}
.footer ul.links li a {color:#ababab;}
/* landing page */
.content {height:568px; text-align:left;}
/* flash viewer */
.flashWrap {position:absolute; left:0; top:-2px; width:100%; height:568px; z-index:10; color:#000; text-align:center;}
.flashWrap .noScriptViewer {position:relative; clear:both; left:-195px; width:570px; height:546px; margin:0 auto; text-align:left; overflow:auto;}
.flashWrap .noScriptViewer h2, .flashWrap .noScriptViewer h3 {margin-top:10px; color:#000;}
.flashWrap .noScriptViewer p {margin:5px 0 5px 0; font-size:1em; line-height:1.25em;}
.flashWrap .noScriptViewer a {color:#304888; text-decoration:underline;}
/* share it */
.fr .shareIt {position:absolute; left:50%; top:503px; width:144px; height:43px; margin-left:307px; z-index:20; background:url('../images/fr/bg_share.gif') left top no-repeat;}
.fr .shareIt[class]{background:url('../images/fr/bg_share.png') left top no-repeat;}
.en .shareIt {position:absolute; left:50%; top:503px; width:144px; height:43px; margin-left:307px; z-index:20; background:url('../images/en/bg_share.gif') left top no-repeat;}
.en .shareIt[class]{background:url('../images/en/bg_share.png') left top no-repeat;}
.shareIt .fb {display:block; position:absolute; left:68px; top:0; width:28px; height:43px; background:url('../images/bg_shareFb.gif') left top no-repeat; text-indent:-999em;}
.shareIt .fb[class]{background:url('../images/bg_shareFb.png') left top no-repeat;}
.shareIt .twit {display:block; position:absolute; left:116px; top:0; width:28px; height:43px; background:url('../images/bg_shareTwit.gif') left top no-repeat; text-indent:-999em;}
.shareIt .twit[class]{background:url('../images/bg_shareTwit.png') left top no-repeat;}
.shareIt a:hover {background-position:-28px 0;}
/* what is it */
.whatIsIt {display:none; position:absolute; left:50%; top:35px; width:949px; height:510px; margin-left:-474px; z-index:11; background:url('../images/bg_whatIsIt.gif') left top no-repeat; text-align:left !important;}
.whatIsIt[class]{background:url('../images/bg_whatIsIt.png') left top no-repeat;}
.whatIsIt .close {position:absolute; right:53px; top:24px; width:90px; height:18px; z-index:1; padding:4px 30px 0 0; background:url('../images/bg_lbClose.gif') right top no-repeat; font-size:0.75em; color:#8b8b8b; text-align:right; text-transform:uppercase; cursor:pointer;}
.whatIsIt .close[class]{background:url('../images/bg_lbClose.png') right top no-repeat;}
.whatIsIt .close:hover {background-position:right -22px !important; text-decoration:none;}
.whatIsIt .title {position:absolute; left:549px; top:55px; width:137px; height:29px; z-index:10;}
.whatIsIt .poster {position:absolute; left:554px; top:111px; width:127px; height:208px; z-index:10;}
.fr .whatIsIt h2 {width:210px; height:27px; margin:41px 0 0 71px; background:url('../images/fr/ti_whatIsIt.gif') left top no-repeat; text-indent:-999em; text-align:left;}
.fr .whatIsIt[class] h2 {background:url('../images/fr/ti_whatIsIt.png') left top no-repeat;}
.en .whatIsIt h2 {width:240px; height:27px; margin:41px 0 0 71px; background:url('../images/en/ti_whatIsIt.gif') left top no-repeat; text-indent:-999em; text-align:left;}
.en .whatIsIt[class] h2 {background:url('../images/en/ti_whatIsIt.png') left top no-repeat;}
.whatIsIt p {position:relative; clear:both; width:410px; margin:28px 0 0 71px; font-size:1.2708em; color:#575757; line-height:1.1875em;}
.whatIsIt p a {display:inline !important; position:relative !important; left:auto !Important; top:auto !important; width:auto !important; height:auto !important; background:none !important; text-indent:0 !important; color:#304888; text-decoration:underline;}
.fr .whatIsIt a.vote {display:block; position:absolute; left:743px; top:252px; width:250px; height:90px; z-index:10; background:url('../images/fr/bg_whatIsIt_vote.gif') left top no-repeat; text-indent:-999em;}
.fr .whatIsIt a.vote[class] {background:url('../images/fr/bg_whatIsIt_vote.png') left top no-repeat;}
.fr .whatIsIt a.post {display:block; position:absolute; left:743px; top:342px; width:250px; height:90px; z-index:10; background:url('../images/fr/bg_whatIsIt_post.gif') left top no-repeat; text-indent:-999em;}
.fr .whatIsIt a.post[class] {background:url('../images/fr/bg_whatIsIt_post.png') left top no-repeat;}
.en .whatIsIt a.vote {display:block; position:absolute; left:743px; top:252px; width:250px; height:90px; z-index:10; background:url('../images/en/bg_whatIsIt_vote.gif') left top no-repeat; text-indent:-999em;}
.en .whatIsIt a.vote[class]{background:url('../images/en/bg_whatIsIt_vote.png') left top no-repeat;}
.en .whatIsIt a.post {display:block; position:absolute; left:743px; top:342px; width:250px; height:90px; z-index:10; background:url('../images/en/bg_whatIsIt_post.gif') left top no-repeat; text-indent:-999em;}
.en .whatIsIt a.post[class]{background:url('../images/en/bg_whatIsIt_post.png') left top no-repeat;}
.whatIsIt a:hover {background-position:-250px 0 !important;}
.whatIsIt a.more {position:relative; clear:both; padding-right:20px; background:url('../images/bg_bullet.gif') right center no-repeat !important; font-size:0.75em; color:#374f8d; text-transform:uppercase;}
.whatIsIt a.more[class] {background:url('../images/bg_bullet.png') right center no-repeat !important;}
.noJs .whatIsIt {display:block; position:absolute; left:50%; top:0; width:335px; height:546px; margin-left:120px; z-index:100; background:none;}
.noJs .whatIsIt h2, .noJs .whatIsIt h3 {margin:10px 0 0 0; background:none !important; color:#000;}
.noJs .whatIsIt[class] h2, .noJs .whatIsIt[class] h3 {text-indent:0;}
.noJs .whatIsIt a.vote, .noJs .whatIsIt a.post, .noJs .whatIsIt .poster, .noJs .whatIsIt .close {display:none;}
.noJs .whatIsIt p {position:relative; width:325px; margin:5px 0 5px 0; font-size:1em; line-height:1.25em;}
.noJs .whatIsIt a {color:#304888;}
/* lightbox */
.lightbox {position:absolute; left:0; top:0; width:100%; z-index:10000; background:transparent;}
.lightbox .lbOverlay {display:none; position:absolute; left:0; top:0; width:100%; z-index:0; background:#304888 url('../images/spacer.gif') left top repeat;}
.lightbox .lbWrapper {display:none; position:relative; clear:both; width:820px; height:651px; margin:0 auto; padding:46px 70px 70px 70px; z-index:10; background:url('../images/bg_lbWrapperBig.gif') left top no-repeat;}
.lightbox .lbWrapper[class] {background:url('../images/bg_lbWrapperBig.png') left top no-repeat;}
.lightbox .lbWrapper .lbClose {position:absolute; right:53px; top:32px; width:90px; height:18px; z-index:1; padding:4px 30px 0 0; background:url('../images/bg_lbClose.gif') right top no-repeat; font-size:0.75em; color:#8b8b8b; text-align:right; text-transform:uppercase; cursor:pointer;}
.lightbox .lbWrapper .lbClose[class] {background:url('../images/bg_lbClose.png') right top no-repeat;}
.lightbox .lbWrapper .lbClose:hover {background-position:right -22px; text-decoration:none;}
.lightbox .lbWrapper iframe {position:absolute; left:40px; top:16px; width:880px; height:711px; z-index:0;}
.lightbox .lbWrapper .lbLoader {display:none; position:absolute; left:380px; top:275px; width:200px; height:200px; z-index:30;}
.lightbox .lbWrapper .lbArrows {display:none; position:absolute; left:0; top:0; width:960px; z-index:20; cursor:pointer;}
.lightbox .lbWrapper .lbArrows a.left {display:block; position:absolute; left:-15px; top:345px; width:42px; height:83px; z-index:100; background:url('../images/bg_lbArrows.gif') left top no-repeat; text-indent:-999em;}
.lightbox .lbWrapper .lbArrows a.left[class] {background:url('../images/bg_lbArrows.png') left top no-repeat;}
.lightbox .lbWrapper .lbArrows a.right {display:block; position:absolute; right:-15px; top:345px; width:42px; height:83px; z-index:100; background:url('../images/bg_lbArrows.gif') left bottom no-repeat; text-indent:-999em;}
.lightbox .lbWrapper .lbArrows a.right[class] {background:url('../images/bg_lbArrows.png') left bottom no-repeat;}
.lightbox .lbWrapper .lbArrows a.left:hover {background-position:right top;}
.lightbox .lbWrapper .lbArrows a.right:hover {background-position:right bottom;}
/* inFrame */
.inFrame {background:transparent;}
.inFrame .wrapHeader, .inFrame .wrapFooter {display:none;}
.inFrame .wrapContent {width:100%; min-width:880px; height:711; background:none;}
.inFrame .wrapContent .content {width:790px; height:651px; margin:0; text-align:left;}
.fr a.goHome {position:absolute; left:0; top:0; width:196px; height:42px; z-index:0; background:url('../images/fr/bg_backHome.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr a.goHome[class] {background:url('../images/fr/bg_backHome.png') left top no-repeat;}
.fr a.goHome:hover {background-position:-196px 0;}
.en a.goHome {position:absolute; left:0; top:0; width:196px; height:42px; z-index:0; background:url('../images/en/bg_backHome.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en a.goHome[class] {background:url('../images/en/bg_backHome.png') left top no-repeat;}
.en a.goHome:hover {background-position:-196px 0;}
.inFrame .goHome {display:none !important;}
.col1 {position:relative; float:left; width:400px;}
.col2 {position:relative; float:left; width:390px;}
/* post */
div.post {padding:60px 45px 0 45px; text-align:left;}
.fr .post h2 {width:242px; height:63px; background:url('../images/fr/ti_post.gif') left top no-repeat; text-indent:-999em;}
.fr .post[class] h2 {background:url('../images/fr/ti_post.png') left top no-repeat;}
.fr .post h2.thankYou {width:111px; height:25px; margin:42px 0 45px 0; background:url('../images/fr/ti_thankYou.gif') left top no-repeat; text-indent:-999em;}
.fr .post h2.thankYou[class] {background:url('../images/fr/ti_thankYou.png') left top no-repeat;}
.en .post h2 {width:165px; height:58px; background:url('../images/en/ti_post.gif') left top no-repeat; text-indent:-999em;}
.en .post[class] h2 {background:url('../images/en/ti_post.png') left top no-repeat;}
.en .post h2.thankYou {width:208px; height:25px; margin:42px 0 45px 0; background:url('../images/en/ti_thankYou.gif') left top no-repeat; text-indent:-999em;}
.en .post h2.thankYou[class] {background:url('../images/en/ti_thankYou.png') left top no-repeat;}
.post p {width:353px; margin-top:25px; font-size:1.25em; color:#575757; line-height:1.375em;}
.post .mandatory {position:relative; clear:both; margin:15px 0; font-size:0.75em; color:#959595; line-height:1.125em; text-transform:uppercase;}
.post .row {position:relative; clear:both; width:388px; z-index:1;}
.post .row .label {position:relative; clear:both; height:18px;}
.post .row .label label, .post .row .label p.label {position:relative; clear:both; font-size:1em; color:#304888; line-height:1.125em; text-transform:uppercase;}
.post .row .label label .max {font-size:0.75em;}
.post .row .label p {width:380px; margin:5px 0 0 0; font-size:0.75em; color:#959595; line-height:1.25em; text-transform:uppercase;}
.errorMsg .label label, .errorMsg .label p.label, .errorMsg .label label .max {color:#fe0606 !important;}
.post .row .field {position:relative; clear:both; height:47px;}
.post .row .textarea {position:relative; clear:both; height:110px;}
.post .row .split {position:relative; float:left; width:194px; height:65px;}
.post .row .margin {width:168px; margin-left:10px;}
.errorMsg label.noError {color:#304888 !important;}
.post .msg {position:absolute; left:0; top:-55px; width:390px; height:30px; z-index:1; font-size:0.875em; color:#fe0606; line-height:1.25em; text-transform:uppercase;}
/* tabs */
.post ul.tabs {position:relative; clear:both; width:388px; height:50px; z-index:0; list-style:none;}
.post ul.tabs li {position:relative; float:left;}
.post ul.tabs li.step1 {z-index:4;}
.fr .post ul.tabs li.step1 a {display:block; width:120px; height:50px; background:url('../images/fr/bg_postStep1.gif') left top no-repeat; text-indent:-999em;}
.fr .post ul.tabs li.step1[class] a {background:url('../images/fr/bg_postStep1.png') left top no-repeat;}
.en .post ul.tabs li.step1 a {display:block; width:120px; height:50px; background:url('../images/en/bg_postStep1.gif') left top no-repeat; text-indent:-999em;}
.en .post ul.tabs li.step1[class] a {background:url('../images/en/bg_postStep1.png') left top no-repeat;}
.post ul.tabs li.step1 a.on {background-position:-120px 0;}
.post ul.tabs li.step2 {margin-left:-21px; z-index:3;}
.post ul.tabs li.step2 a {display:block; width:120px; height:50px; background:url('../images/bg_postStep2.gif') left top no-repeat; text-indent:-999em;}
.post ul.tabs li.step2[class] a {background:url('../images/bg_postStep2.png') left top no-repeat;}
.post ul.tabs li.step2 a.active {background-position:-120px 0;}
.post ul.tabs li.step2 a.on {background-position:-240px 0;}
.post ul.tabs li.step3 {margin-left:-21px; z-index:2;}
.post ul.tabs li.step3 a {display:block; width:96px; height:50px; background:url('../images/bg_postStep3.gif') left top no-repeat; text-indent:-999em;}
.post ul.tabs li.step3[class] a {background:url('../images/bg_postStep3.png') left top no-repeat;}
.post ul.tabs li.step3 a.active {background-position:-96px 0;}
.post ul.tabs li.step3 a.on {background-position:-192px 0;}
.post ul.tabs li.step4 {margin-left:-21px; z-index:1;}
.post ul.tabs li.step4 a {display:block; width:114px; height:50px; background:url('../images/bg_postStep4.gif') left top no-repeat; text-indent:-999em;}
.post ul.tabs li.step4[class] a {background:url('../images/bg_postStep4.png') left top no-repeat;}
.post ul.tabs li.step4 a.active {background-position:-114px 0;}
/* step2 */
.txtCategory {position:absolute; left:0; top:0; width:388px; z-index:10;}
.txtCategory #txtCategory {position:relative; clear:both; width:388px; height:33px; z-index:1; background:url('../images/bg_category.png') left top no-repeat; font-size:0.75em; text-transform:uppercase; cursor:pointer;}
.txtCategory #txtCategory a {display:block; position:relative; clear:both; height:23px; padding:10px 0 0 8px; color:#959595; text-decoration:none;}
.txtCategory ul {display:none; position:relative; clear:both; width:388px; padding-bottom:17px; background:url('../images/bg_categoryDrop.gif') left bottom no-repeat; font-size:0.75em; color:#959595; list-style:none;}
.txtCategory[class] ul {background:url('../images/bg_categoryDrop.png') left bottom no-repeat;}
.txtCategory ul li {position:relative; clear:both;}
.txtCategory ul li a {display:block; position:relative; clear:both; width:381px; margin-left:1px; padding:6px 0 6px 5px; color:#7c7c7c; text-transform:uppercase; line-height:1.3125em;}
.txtCategory ul li a:hover {background:#f5ffcb; text-decoration:none;}
.txtCategory ul li a.active {background:#f5ffcb; color:#314a8d;}
.txtCategoryOn {z-index:100000;}
.txtCategoryOn #txtCategory {background-position:-388px 0;}
.errorMsg .txtCategory #txtCategory {background-position:0 -33px;}
.errorMsg .txtCategoryOn #txtCategory {background-position:-388px -33px;}
.startTxt {position:absolute !important; left:7px; top:10px; width:205px; height:15px; z-index:10; font-size:0.75em; color:#959595; text-transform:uppercase;}
#rowCategory {z-index:100;}
/* step3 */
.rowStep3 {height:80px; margin-top:35px; color:#979797;}
/* step4 */
.rowStep4 {height:auto; color:#979797;}
.rowStep4 .label {height:90px !important;}
.rowStep4 .label p {font-size:1.25em !important; color:#575757 !important; text-transform:none !important;}
.rowStep4 .field {height:180px !important;}
.rowStep4 #recaptcha_image {width:368px !important; height:70px !important; margin:40px 0 15px 0; padding:10px; border:solid 1px #d8d8d8;}
.rowStep4 #controls {width:100% !important; margin-top:8px; text-align:right;}
.fr .rowStep4 #controls a {position:absolute; right:0; top:0; width:178px; height:23px; z-index:0; background:url('../images/fr/bg_postNewCap.gif') left top no-repeat; border:0; text-indent:-999em; cursor:pointer; text-align:left;}
.fr .rowStep4 #controls[id] a {background:url('../images/fr/bg_postNewCap.png') left top no-repeat;}
.fr .rowStep4 #controls a:hover {background-position:-178px 0;}
.en .rowStep4 #controls a {position:absolute; right:0; top:0; width:88px; height:23px; z-index:0; background:url('../images/en/bg_postNewCap.gif') left top no-repeat; border:0; text-indent:-999em; cursor:pointer; text-align:left;}
.en .rowStep4 #controls[id] a {background:url('../images/en/bg_postNewCap.png') left top no-repeat;}
.en .rowStep4 #controls a:hover {background-position:-88px 0;}
/* help */
.help {position:absolute; right:-2px; top:-3px; z-index:1000; cursor:pointer;}
.help a.trigger {display:block; position:absolute; right:0; top:0; width:50px; height:16px; padding:7px 22px 0 0; background:url('../images/bg_help.gif') right center no-repeat; font-size:0.75em; color:#8b8b8b; text-align:right; text-transform:uppercase; text-decoration:none;}
.help a.trigger[class] {background:url('../images/bg_help.png') right center no-repeat;}
.help .helpMsg {display:none; position:absolute; right:-10px; bottom:-18px; width:366px; padding:10px 25px 45px 15px; z-index:2; background:url('../images/bg_helpMsg.gif') right bottom no-repeat; border-top:solid 1px #d2d7e5;}
.help .helpMsg[class] {background:url('../images/bg_helpMsg.png') right bottom no-repeat;}
.help .helpMsg p {width:auto !important; margin-top:10px !important; font-size:1.0625em !important; line-height:1.0625em !important; text-transform:none !important;}
/* buttons */
.post .buttons {position:absolute; right:0; top:562px; width:100%; height:45px; z-index:10;}
.fr .post .buttons .next {position:absolute; right:0; top:0; width:169px; height:42px; z-index:0; background:url('../images/fr/bg_postNext.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post .buttons .next[class] {background:url('../images/fr/bg_postNext.png') left top no-repeat;}
.fr .post .buttons .next:hover {background-position:-169px 0;}
.en .post .buttons .next {position:absolute; right:0; top:0; width:126px; height:42px; z-index:0; background:url('../images/en/bg_postNext.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post .buttons .next[class] {background:url('../images/en/bg_postNext.png') left top no-repeat;}
.en .post .buttons .next:hover {background-position:-126px 0;}
.fr .post .buttons .prev {position:absolute; left:0; top:0; width:192px; height:42px; z-index:0; background:url('../images/fr/bg_postPrev.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post .buttons .prev[class] {position:absolute; left:0; top:0; width:192px; height:42px; z-index:0; background:url('../images/fr/bg_postPrev.png') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post .buttons .prev:hover {background-position:-192px 0;}
.en .post .buttons .prev {position:absolute; left:0; top:0; width:162px; height:42px; z-index:0; background:url('../images/en/bg_postPrev.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post .buttons .prev[class] {background:url('../images/en/bg_postPrev.png') left top no-repeat;}
.en .post .buttons .prev:hover {background-position:-162px 0;}
.fr .post .buttons .preview {position:absolute; right:0; top:0; width:169px; height:42px; z-index:0; background:url('../images/fr/bg_postPreview.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post .buttons .preview[class] {background:url('../images/fr/bg_postPreview.png') left top no-repeat;}
.fr .post .buttons .preview:hover {background-position:-169px 0;}
.en .post .buttons .preview {position:absolute; right:0; top:0; width:114px; height:42px; z-index:0; background:url('../images/en/bg_postPreview.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post .buttons .preview[class] {background:url('../images/en/bg_postPreview.png') left top no-repeat;}
.en .post .buttons .preview:hover {background-position:-114px 0;}
.fr .post .buttons .modify {position:absolute; left:0; top:0; width:119px; height:42px; z-index:0; background:url('../images/fr/bg_postModify.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post .buttons .modify[class] {background:url('../images/fr/bg_postModify.png') left top no-repeat;}
.fr .post .buttons .modify:hover {background-position:-119px 0;}
.en .post .buttons .modify {position:absolute; left:0; top:0; width:103px; height:42px; z-index:0; background:url('../images/en/bg_postModify.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post .buttons .modify[class] {background:url('../images/en/bg_postModify.png') left top no-repeat;}
.en .post .buttons .modify:hover {background-position:-103px 0;}
.fr .post .buttons .submit {position:absolute; right:0; top:0; width:141px; height:42px; z-index:0; background:url('../images/fr/bg_postSubmit.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post .buttons .submit[class] {background:url('../images/fr/bg_postSubmit.png') left top no-repeat;}
.fr .post .buttons .submit:hover {background-position:-141px 0;}
.en .post .buttons .submit {position:absolute; right:0; top:0; width:107px; height:42px; z-index:0; background:url('../images/en/bg_postSubmit.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post .buttons .submit[class] {background:url('../images/en/bg_postSubmit.png') left top no-repeat;}
.en .post .buttons .submit:hover {background-position:-107px 0;}
.fr .post a.imgDelete {position:absolute; right:0; bottom:0; width:84px; height:33px; z-index:0; background:url('../images/fr/bg_postDelete.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post a.imgDelete[class] {background:url('../images/fr/bg_postDelete.png') left top no-repeat;}
.fr .post a.imgDelete:hover {background-position:-84px 0;}
.en .post a.imgDelete {position:absolute; right:0; bottom:0; width:62px; height:33px; z-index:0; background:url('../images/en/bg_postDelete.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post a.imgDelete[class] {background:url('../images/en/bg_postDelete.png') left top no-repeat;}
.en .post a.imgDelete:hover {background-position:-62px 0;}
.fr .post a.backHome {position:absolute; left:0; top:75px; width:196px; height:42px; z-index:0; background:url('../images/fr/bg_backHome.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.fr .post a.backHome[class] {background:url('../images/fr/bg_backHome.png') left top no-repeat;}
.fr .post a.backHome:hover {background-position:-196px 0;}
.en .post a.backHome {position:absolute; left:0; top:75px; width:196px; height:42px; z-index:0; background:url('../images/en/bg_backHome.gif') left top no-repeat; border:0; text-indent:-999em !important; cursor:pointer; text-align:left !important;}
.en .post a.backHome[class] {background:url('../images/en/bg_backHome.png') left top no-repeat;}
.en .post a.backHome:hover {background-position:-196px 0;}
.backAdmin {position:absolute; right:0px; color:black; font-weight:bolder;}
/* details & preview */
.details {padding:35px 45px 0 45px; text-align:left;}
.details h2.fr {min-height:80px; padding:39px 0 20px 0; background:url('../images/fr/ti_details.gif') left top no-repeat; font-size:41px; color:#304888; text-transform:uppercase; text-indent:55px;}
.details h2.fr[class] {background:url('../images/fr/ti_details.png') left top no-repeat;}
.details h2.en {min-height:80px; padding:39px 0 20px 0; background:url('../images/en/ti_details.gif') left top no-repeat; font-size:41px; color:#304888; text-transform:uppercase; text-indent:55px;}
.details h2.en[class] {background:url('../images/en/ti_details.png') left top no-repeat;}
.details .panel {position:relative; clear:both; width:389px; height:291px; overflow:auto;}
.details .panel p {margin:0 20px 10px 0; font-size:1.1875em; line-height:1.5em;}
.details .social {position:relative; clear:both; width:388px; height:291px; margin-bottom:15px; background:url('../images/bg_social.gif') left top no-repeat;}
.details .social h3 {padding:14px 16px; font-size:1em; color:#304888; line-height:1.125em; text-transform:uppercase; font-weight:normal;}
.details .social .rating {position:absolute; right:0; top:28px; width:149px; height:45px; z-index:1;}
.details .social .rating h3 {text-align:right;}
.details .social .share {position:absolute; left:0; top:28px; width:80px; height:63px; z-index:1; background:url('../images/bg_socialShare.gif') 14px bottom no-repeat;}
.details .social .share[class] {background:url('../images/bg_socialShare.png') 14px bottom no-repeat;}
.details .social .share h3 {width:200px; text-align:left;}
.details .social .share .fb {display:block; position:absolute; left:15px; top:30px; width:21px; height:35px; background:url('../images/bg_shareFb.gif') left -43px no-repeat; text-indent:-999em;}
.details .social .share .fb[class] {background:url('../images/bg_shareFb.png') left -43px no-repeat;}
.details .social .share .twit {display:block; position:absolute; left:57px; top:30px; width:21px; height:35px; background:url('../images/bg_shareTwit.gif') left -43px no-repeat; text-indent:-999em;}
.details .social .share .twit[class] {background:url('../images/bg_shareTwit.png') left -43px no-repeat;}
.details .social .share a:hover {background-position:-28px -43px;}
.details .visitSite {position:absolute; right:-10px; top:-26px; width:130px; height:25px; z-index:10;}
.fr .details .visitSite a {display:block; width:122px; height:23px; background:url('../images/fr/bg_visitSite.gif') left top no-repeat; text-indent:-999em;}
.fr .details .visitSite[class] a {background:url('../images/fr/bg_visitSite.png') left top no-repeat;}
.fr .details .visitSite a:hover {background-position:-122px 0;}
.en .details .visitSite a {display:block; width:114px; height:23px; background:url('../images/en/bg_visitSite.gif') left top no-repeat; text-indent:-999em;}
.en .details .visitSite[class] a {background:url('../images/en/bg_visitSite.png') left top no-repeat;}
.en .details .visitSite a:hover {background-position:-114px 0;}
.details .images {position:relative; clear:both; width:389px; height:415px; overflow:hidden;}
.details .images .mask {position:absolute; left:0; top:0; width:389px; height:291px; z-index:1; background:url('../images/bg_detailsMask.gif') left top no-repeat;}
.details .images ul.big {position:absolute; left:0; top:0; width:1167px; height:291px; z-index:0; list-style:none;}
.details .images ul.big li {position:relative; float:left;}
.details .images ul.small {position:relative; clear:both; top:311px; width:389px; list-style:none;}
.details .images ul.small li {position:relative; float:left; width:125px; padding:3px; background:url('../images/bg_detailsMask.jpg') left top no-repeat; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.details .images ul.small li img {filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; cursor:pointer;}
.details .images ul.small li:hover, .details .images ul li img:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.details .images ul.small li.last {width:121px}
.details .images ul.small li.on {background:none; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.details .images ul.small li.on img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.preview .prevTitle {position:absolute; left:45px; top:20px; width:500px; height:25px; z-index:10; font-size:0.6875em; color:#8b8b8b; text-transform:uppercase;}
.preview .post .buttons {position:absolute; left:45px; top:650px; width:790px; height:45px; z-index:10;}
/* jScrollPane */
.jScrollPaneContainer {position:relative; z-index:1; overflow:hidden;}
.jScrollPaneTrack {position:absolute; right:0; top:0; width:44px; height:100%; background:url('../images/bg_scrollTrack.gif') left top no-repeat; cursor:pointer;}
.jScrollPaneDrag {position:absolute; padding:10px 0 10px 0; background:url('../images/bg_scrollDrag.gif') left top repeat-y; cursor:pointer; overflow:hidden;}
.jScrollPaneDrag[class] {background:url('../images/bg_scrollDrag.png') left top repeat-y;}
.jScrollPaneDrag:hover {background-position:-22px 0;}
.jScrollPaneDragTop {position:absolute; left:0; top:0; width:44px; height:48px; background:url('../images/bg_scrollDragTop.gif') left top no-repeat; overflow:hidden;}
.jScrollPaneDragTop[class] {background:url('../images/bg_scrollDragTop.png') left top no-repeat;}
.jScrollPaneDrag:hover .jScrollPaneDragTop {background-position:-22px top;}
.jScrollPaneDragBottom {position:absolute; left:0; bottom:0; width:44px; height:48px; background:url('../images/bg_scrollDragBottom.gif') left bottom no-repeat; overflow:hidden;}
.jScrollPaneDragBottom[class] {background:url('../images/bg_scrollDragBottom.png') left bottom no-repeat;}
.jScrollPaneDrag:hover .jScrollPaneDragBottom {background-position:-22px bottom;}
/* rater */
.star-rating-result {position:absolute; left:12px; top:27px; z-index:1;}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {background:url('../images/bg_star.gif') left -999em repeat-x;}
.star-rating {position:relative; width:125px; height:25px; margin:0; padding:0; background-position:left top; list-style:none; overflow:hidden;}
.star-rating li {display:inline;}
.star-rating a, .star-rating .current-rating {position:absolute; left:0; top:0; height:25px; border:none; line-height:25px; text-indent:-999em; outline:none; overflow:hidden;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {background-position:left bottom;}
.star-rating .current-rating{background-position:left center; z-index:1;}
.inline-rating{display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align:middle;}
/* rules */
.rules {padding:20px 10px;}
.rules h2, .rules h3 {margin:25px 0 0 0;}
.rules p {margin:10px 0;}
.rules h2, .rules h3, .rules p {width:700px; line-height:1.5em;}
.rules a {color:#304888;}