@charset "utf-8";
/*
 * Supreme Court of Canada - Custom Styles
 */
 
/* SCC Header Bar */
#gcwu-gcnb {background:white;}
#gcwu-gcnb a {color:black;}

/* Mega Menu Colors */
#gcwu-psnb .mb-menu {border-top:1px solid #660000;border-bottom:1px solid #FFFFFF}
#gcwu-psnb .mb-menu, #gcwu-psnb .mb-menu li {background:#003300}
#gcwu-psnb .mb-menu li {border-left:1px solid #003300;border-right:1px solid #FFFFFF}
#gcwu-psnb .mb-menu .expandicon {padding-right:.79em;background:url(../images/scc-menu-arrow.gif) no-repeat right center}
#gcwu-srchbx {background:#003300;border-top:1px solid #660000;border-left:1px solid #660000;border-right:1px solid #003300}
#gcwu-psnb .mb-menu .nav-current {background:#006600}
#gcwu-psnb .mb-menu .mb-sm-open {border-bottom-color:#660000}

 
/* Breadcrumb colors */
#gcwu-bc a {color:#003333}
 
 /* Secondary menu colors */
 /* Top secondary menu with an active sub-menu */
.wb-sec-def h3.top-section a {background:#003300}
/* Top secondary menu when no active sub-menus */
.wb-sec-def h3.top-section a.nav-current,.wb-sec-def h3.top-section a.ui-link.nav-current {background:#003300;} 
.wb-sec-def h3 a.nav-current, .wb-sec-def h4 a.nav-current,.wb-sec-def .top-level a.nav-current {padding:1px 3px}
/* Green Active Menus */
.wb-sec-def h3 a.nav-current,.wb-sec-def h4 a.nav-current,.wb-sec-def li a.nav-current,.wb-sec-def .top-level a.nav-current,.wb-sec-def h3 a.ui-link.nav-current,.wb-sec-def h4 a.ui-link.nav-current,.wb-sec-def li a.ui-link.nav-current,.wb-sec-def .top-level a.ui-link.nav-current{color:#006600 !important;}


/* Header Background Image - Colors */
#wb-body,#wb-body-sec,#wb-body-sec-sup,#wb-body-sec-sup,#wb-head-in {background-image:url(../images/header-leaf.png),url(../images/header-bg.jpg);background-repeat:no-repeat,repeat-x;background-position:center 3.08em;background-color:#fff}
.ie7 #wb-body,.ie7 #wb-body-sec,.ie7 #wb-body-sec-sup,.ie7 #wb-body-sec-sup,.ie7 #wb-head-in {background:url(../images/header-bg-ie.jpg) repeat-x center 3.1em white}
.ie8 #wb-body,.ie8 #wb-body-sec,.ie8 #wb-body-sec-sup,.ie8 #wb-body-sec-sup,.ie8 #wb-head-in {background:url(../images/header-bg-ie.jpg) repeat-x center 3.1em white}

/* Mobile Header Background Colors *
/* To prevent the mobile header bar from showing blue for a few seconds, the #gcwu-bar needs to be the SCC color (gold).
   However, if we change it here using #gcwu-bnr{background:#996600}, the non-mobile pages loose the background.
   I could NOT figure out how to set it for mobile only.
   To solve this problem, I overwrote the color in the WET CSS style. 
   Unless we find a better solution, each time we update WET we will need to overwrite this style.
   
   wet/dist/theme-gcwu-fegc/css/theme-min.css
   From: #gcwu-bnr{background:#225c96}
   To: #gcwu-bnr{background:#996600}
*/
.ui-bar-b {background:#996600}
#gcwu-title {background-image:none;border-top-color:#996600;border-bottom-color:#996600;border-left-color:#996600;border-right-color:#996600;}


/* Content Objects - Colors*/
.module-related>:first-child, .background-accent {background:#003300}

/* Added SCC Image to Header Right */
#gcwu-wmms {position:absolute;top:0px;right:0px}
#gcwu-wmms-in {float:right;height:79px;width:90px}
#gcwu-wmms-fip,.ie8 #gcwu-wmms-fip, .ie7 #gcwu-wmms-fip {height:100%;width:100%;background:url(../images/scc-header-right.png) no-repeat 4px 0 transparent}

/* Form Input Buttons - Colors */
input.button {background-image: none}
input.button-accent {background-color:#003333}
input.button-accent:hover, input.button-accent:focus {background-color:#006600}

/* Accent - Colors */
.color-accent {color:#660022}


/* Light Box */
.wet-boew-lightbox > ul > li {list-style-type:none;margin: 5px 5px 5px 5px;}

/* Slideout */
#toggleLink {background-color:#003300}

/* Blockquote - Left Border Color */
blockquote, blockquote.float-left, blockquote.float-right{border-left-color:#006600 !important}

/* wet 3.1.2 wb-icon-none causing problems in secondary and mega menu */
.wb-icon-none {float: none;margin-left:0 ;margin-right:0; height:auto}

/* wet 3.1.2 missing width-90 on label */
label.width-90{
    width: 90%;
    display: inline-block;
}

/* SCC Classes */
img.scc-centered {display: block;margin-left: auto;margin-right: auto }
.scc-hide {display: none}
.scc-kiosk-hide {}
.scc-kiosk-show {display: none}
.scc-error {color:#c00}
.ssc-fieldset-legend{
    font-weight: bold;
    font-size: 120%;
}

@media print {
    .ssc-print-width-90 {
        width: 600px;
    }
}