/* COA

COBER DESIGN CREATIVE AGENCY
THE LAW COURTS OF BRITISH COLUMBIA
STYLESHEET V1.0
10.20.2007

====================================================================================

1.0 FOUNDATION - Basic page stylings
2.0 PAGE STRUCTURE - Foundational layout styles
3.0 NAV ELEMENTS - Top nav
4.0 CONTENTS - Page contents and all variations
5.0 UNIQUE PAGES - Key styles for unique elements within content
6.0 FOOTER - All styles for footer

*/

/*
====================================================================================
1.0 FOUNDATION
====================================================================================
*/



body, html {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000;
	background-color:#ccc;
	background-image:url(/images/body-bkg.png);
	background-repeat:repeat-x;
	}

.clear { clear:both;
	}

.right {
		float:right;}

.left {
		float:left;}

#wrap {
	margin:auto;
	width:975px;
	border-top:10px solid #000;
	background-color:#FFFFFF;
	}
a:link  {
	text-decoration:none;
	font-weight:normal;
	color:#000;
	}

a:visited   {
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
	}

a:hover, a:active  {
	text-decoration:none;
	color:#FF0000;
	}

.alphaList{
	list-style-type:upper-alpha;
	list-style-position:outside;
	margin-left:20px;
	padding-bottom:10px;
}

.lowerAlphaList{
	list-style-type:lower-alpha;
	list-style-position:outside;
	margin-left:20px;
	padding-bottom:10px;
}
.romanList{
	list-style-type:upper-roman;
	list-style-position:outside;
	padding-top:10px;
	padding-bottom:10px;
}

/*
====================================================================================
2.0 PAGE STRUCTURE
====================================================================================
*/

#header {
	width:975px;
	height:85px;
	background-color:#333;
	color: #FFF;
	}

.logo {
	width:275px;
	height:85px;
	float:left;
	}

.banner {
	width:700px;
	height:85px;
	float:left;
	}

#content {
	width: 975px;
	background-color:#FFF;
	padding:0px;
	margin:0px;
	border-top:7px Solid #78CAF2;
	overflow: hidden;
	}


/*
====================================================================================
3.0 NAV ELEMENTS
====================================================================================
*/

#navbar {
	width:975px;
	background-color:#1f1f1f;
	font-size:11px;
	padding:0px;
	}


#nav {
	padding: 0;
	width: 100%;
	background: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#nav ul {
	margin:0;
	margin-left: 10px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	}

#nav li {
	display:inline;
	margin:0;
	text-transform:uppercase;
	}

#nav a, #nav a:visited {
	float: left;
	display: block;
	color:#FFFFFF;
	margin:0; /*Margin between each menu item*/
	font-weight:bold;
	padding:7px 7px 7px 10px;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 1px;
	background-color: #1f1f1f; /*Default menu color*/
	}

#nav a:hover a:visited {
	background-color: #444444; /*Menu hover bgcolor*/
	color:#FFFFFF;
	}

#nav a:active {
	background-color: #666666; /*Menu hover bgcolor*/
	}

#nav-on a, #nav-on a:visited {
	color:#FFF;
	background-color:#78CAF2;
	}

#nav-on a:hover {
	color:#000000;
	background-color:#78CAF2;
	}

 #nav-on a:active {
	color:#000000;
	background-color:#A8DAF2;
	}

/*
====================================================================================
3.1 SUB-NAV ELEMENTS
====================================================================================
*/ /*Slashdot Menu script- By DimX*/
div.sdmenu {
	width: 275px;
	color: #fff;
}
div.sdmenu div {
	background-color:#666;
	overflow: hidden;
}

div.sdmenu div.collapsed {
	height: 25px;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div a {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	cursor: default;
	font-size: 12px;
}

div.sdmenu div span a {
	padding: 5px 10px;
	background: #666;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #fff;
}
/*div.sdmenu div a.current {
	background : #ccc;
}*/
div.sdmenu div a:hover {
	background : #FBEC5D;
	color:#000;
	text-decoration: none;
}

div.sdmenu div a {
	padding: 5px 0px 5px 35px;
	background: #999;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #fff;
}

.subnav {
	width:275px;
	padding-left:0px;
	margin-bottom:0px;
	}

.subnav ul {
	width:275px;
	list-style:none;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:0px;
	background-color:#444444;
	color:#000000;
	}

.subnav li {
	display:block;
	text-decoration:none;
	font-weight:bold;
	background-color:#444444;
	border-bottom:1px Solid #FFFFFF;
	}

.subnav li a, .subnav li a:visited {
	display:block;
	padding:6px 4px 6px 20px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	}

.subnav li a:hover {
	background-color:#666666;
	color:#FFFFFF;
	}

.subnav li a:active {
	background-color:#FFFFFF;
	color:#000;
	}

.subnav #on {
	color:#000;
	background:#FFCC00;
	}

.subnav2 ul {
	width:275px;
	list-style:none;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:0px;
	background-color:#FFE166;
	color:#000000;
	}

.subnav2 li {
	display:block;
	text-decoration:none;
	font-weight:bold;
	background-color:#FFCC00;
	border-bottom:1px Solid #FFFFFF;
	}

.subnav2 li a, .subnav2 li a:visited {
	display:block;
	padding:6px 4px 6px 30px;
	background-color:#FFE675;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}

.subnav2 li a:hover {
	background-color:#FFF0B2;
	color:#000;
	}

.subnav2 li a:active {
	background-color:#FFF;
	color:#000;
	}

.subnav2 #sub-on {
	color:#000;
	padding-left:15px;
	background-color:#FFCC00;
	}

.subnav2 #sub-on a {
	background-color:#FFF0B2;
	}


/*

====================================================================================
4.0 CONTENTS
====================================================================================
*/

#left-column {
	width:275px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fff;
	position:relative;
	top:0px;
	left:0px;
	background-color:white;
	overflow:hidden;
	}

#right-column {
	width:700px;
	float:left;
	background-image:url(/images/blue-fade.jpg);
	background-repeat:repeat-x;
	background-color:white;
	}

#right-column a, #right-column a:visited {
	text-decoration:none;
	color:#006699;
	font-weight:normal;
	}

#right-column a:hover, #right-column a:active {
	color:#F00;
	}

.sm-topSpaceList{
	margin-top:0;
	padding-top:5px;
}

/*
====================================================================================
4.1 LEFT COLUMN DETAILS
====================================================================================
*/

.grey-3 {
	width:237px;
	background-color:#E6E6E6;
	padding:10px 20px 20px 18px;
	border-bottom: 1px solid #fff;
	color:#000;
	}

/*
====================================================================================
4.2 RIGHT COLUMN DETAILS
====================================================================================
*/

.blue-intro-bar {
	width:700px;
	height:169px;
	background-image:url(/images/home-blue-fade.png);
	background-repeat:repeat-x;
	background-color:#c7e8fa;
	padding:55px 0px 20px 0px;
	}


.blue-intro-inner-wrap {
	width:700px;
	background-image:url(/images/main-blue-white-lines.gif);
	background-repeat:repeat;
	}

.blue-intro {
	width:188px;
	float:left;
	padding:0px 20px 0px 20px;
	}

.blue-intro-copy {
	margin-bottom:5px;
	padding-top:10px;
	font-size:11px;
	line-height:14px;
	}

.search-Judgments {
	width:660px;
	margin:15px 0px 0px 20px;
	padding:0px 0px 20px 0px;
	border-bottom:1px Solid #999;
	}

#right-one-single {
	width:660px;
	position:relative;
	top:0px;
	left:20px;
	float:left;
	}
.error
{
	color:Red;
	font-size:larger;
}
#right-one {
	width:460px;
	position:relative;
	top:0px;
	left:20px;
	float:left;
	}

#right-two {
	width:200px;
	float:right;
	padding-bottom:10px;
	}

#lblPosted{
	width:400px;
}
#lblLastUpdate{
	width:100px;
}
#right-two a, #right-two a:visited {
	text-decoration:none;
	color:#000;
	font-weight:normal;
	}

#recentJudg a:visited{
	text-decoration:none;
	color:#ff3333;
	font-weight:normal;
	}

#right-two a:hover, #right-two a:active {
	color:#F00;
	}

label{
	float: left;
	width: 150px;
	}

.sm-label{
	float: left;
	width: 120px;
	}

.hint{
	padding-left:120px;
	color:#aaa;
}

.hint-date{
	margin:0px;
	color:#aaa;
}

.hint-date2{
	margin:0px;
	padding-left:155px;
	color:#aaa;
}

.search-txt{
	width:420px;
}

.med-search-txt{
	width:368px;
}

.search-ddl{
	width:130px;
}

.search-date{
	width:170px;
}

.advance{
	font-size:11px;
}

.input {
	margin:0px 10px 15px 0px;
	float:left;
	z-index:100;
	}

#submitbutton{
	width: 80px;
	}

.content-wrap {
	width:100%;
	margin:15px 0px 20px 0px;
	border-top:1px solid #ccc;
	margin-bottom:20px;
	padding-top:10px;
	}

.rules ul {
	list-style:none;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 0px 20px;
	}

.rules li {
	display:block;
	padding:4px 0px 2px 0px;
	}

.forms ul{
	list-style:none;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}

.forms li {
	display:block;
	height:20px;
	border-bottom:1px dotted #78caf2;
	padding:4px 0px 2px 0px;
	}

/*ol.pds li{
	padding:0px 0px 8px 0px;
	}

ol.pds {
	margin-bottom:0;
	padding-bottom:0px;
	}*/

.faqs tr{
	vertical-align:top;
}

.info-indent ul {
	list-style:none;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}

.info-indent li {
	display:block;
	width:435px;
	padding:0px 0px 0px 25px;
	}

.contact-column {
	width:300px;
	float:left;
	margin-right:20px;}

#cookie-crumb {
	margin-top:10px;
	font-size:9px;
	}

#cookie-crumb a {
	text-decoration:none;
	font-weight:normal;
	color:#000;
	}

.indent{
padding-left:25px;
}

.tab{
margin-right:25px;
}

.pad-bottom{
padding-bottom:15px;
}

.para-indent{
	padding-left:45px;
}

table.tblLocations tr td{
width:200px;}

#pub a:link, #pub a:visited  {
	text-decoration:none;
	color:#336699;
	font-weight:normal;
	}

.pracDirList{
	margin-top:0;
 	padding-top:5px;
	padding-left:20px;}

.pracDirList li{
	padding-bottom:5px;
}

.resultsGrid caption{
	font-weight:bold;
	font-size:14px;
}
/*
====================================================================================
4.3 RIGHT SIDEBAR
====================================================================================
*/

#toolbox {
	width:170px;
	background-color:#78CAF2;
	padding:5px;
	font-size:9px;
	}

#toolbox a, #toolbox a:visited {
	text-decoration:none;
	color:#000;
	font-weight:normal;
	}

#toolbox a:hover, #toolbox a:active {
	color:#FFF;
	}

.tool {
	margin:0px 0px 0px 0px;
	vertical-align:top;
	}

.sidebar-search {
	width:180px;
	padding:10px 0px 0px 10px;
	border-bottom:1px solid #ccc;
	}

.sidebar-copy {
	width:180px;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #ccc;
	}

.judgmentsbyyear {
	line-height:18px;
	}

.hidden{
	display: none;
	font-size: 12px;
}
/*
====================================================================================
5.0 UNIVERSAL FONT SPEC
====================================================================================
*/

.head-title {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	}

.copy {
	font-size:11px;
	line-height:14px;
	}

.blueTxt{
	background-color:#99CCFF;
}

.smPad{
	padding:1px;
	margin-bottom:1px;
}
/*
====================================================================================
6.0 FOOTER CONTENTS
====================================================================================
*/

#footer {
	width: 935px;
	height:12px;
	float:left;
	background-color:#FFF;
	border-top:1px solid #333333;
	border-bottom:7px solid #333333;
	padding:4px 20px 4px 20px;
	margin:0px 0px 10px 0px;
	font-size:9px;
	}

#footer a:link, #footer a:visited  {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}

#footer a:hover, #footer a:active  {
	text-decoration:none;
	color:#f00;
	}

.comments {
	float:left;
	}

.modified {
	margin-left:160px;
	float:left;
	}

.permission {
	text-align:right;
	float:right;
	}


/*
====================================================================================
7.0 Page Formating
====================================================================================
*/


.quick-link-wrap {
	/*width:670px;*/
	margin:15px 0px 20px 20px;
	padding-top:10px;
	padding-right:10px;
	}
.quick-link-column {
	width:155px;
	margin:10px 10px 10px 0px;
	float:left;
	}

.quick-link-column a, .quick-link-column a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#000;
	line-height:14px;
	}

.quick-link-column a:hover, .quick-link-column a:active {
	color:#FF0000;
	}

.quick-link-column ul {
	list-style:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}

.quick-link-column li {
	margin:0;
	padding:0;
	color:#000;
	}

.quick-link-column li a, .quick-link-column li a:visited  {
	display:block;
	text-decoration:none;
	padding:0px 0px 6px 0px;
	color:#000;
	}

.quick-link-column li a:hover, .quick-link-column li a:active {
	color:#f00;
	}

.announce-date{
	margin:0px;
	color:#666;
	font-size: 10px;
	font-style: italic;
}
.announce-title{
	font-weight:bold;
	text-transform: uppercase;
}

.announce-line {
	width:100%;
	border-top:1px solid #ccc;
		}

}
.announce-text{
	margin:0px;
	color:#333;
	font-size: 11px;
	}

/*
====================================================================================
8.0 Table CSS mentained from old site
====================================================================================
*/
.dgrd
{
	margin-top: 15px;
	border: 1px solid #fff; /* #8CACBB; */
	/*
	border-top: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	*/
	padding: 5px;
	/*width: 100%;*/
	margin-bottom: 5px;
	font-size:14px;
}

.dgrdMedium
{
	margin-top: 15px;
	border: 1px solid #8CACBB;
	padding: 5px;
	width: 90%;
	margin-bottom: 5px;
	font-size:14px;
}

.dgrdMediumSmall
{
	margin-top: 15px;
	border: 1px solid #8CACBB;
	padding: 5px;
	width: 87%;
	margin-bottom: 5px;
}

.dgrdSmall
{
	margin-top: 15px;
	border: 1px solid #8CACBB;
	padding: 5px;
	width: 75%;
	margin-bottom: 5px;
}

.dgrdNoBorder
{
	margin-top: 15px;
	padding: 5px;
	width: 87%;
}

.dgrdHeader
{
	font-size: .9em;
	font-weight: bold;
	background-color: #F2F7FA;
	padding: 5px;
	text-transform: none;
}


.dgrdHeaderLite
{
	font-size: 80%;
	color: #666;
	font-weight: normal;
	text-transform: none;
}

.dgrdHeaderSmall
{
	font-weight: bold;
	width: 80px;
	text-align: center;
	background-color: #F2F7FA;
	text-transform: none;
}

.dgrdAlt
{
	background-color: #F7F9FA;
}

.dgrdItem
{
	width: 200px;
	font-size: .7em;
}

.dgrdP
{
	font-size: .7em;
}

/* TODO */
.dgrdRow
{
	padding: 5px;
}

.dgrdItemSmall
{
	width: 80px;
	text-align: center;
	padding: 3px;
}

.dgrdItemRight
{
	width: 150px;
	text-align: right;
}

.dgrdItemSmallRight
{
	width: 80px;
	text-align: right;
}

.post
{
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	padding: 2px 5px 2px 3px;
}


.field
{
	font-size: 10px;
	padding: 2px;
	width: 33%;
}

.post2
{
	font-size: 10px;
	font-weight: bold;
}

/*
====================================================================================
8.0 Publication Bans
====================================================================================
*/
.move-left160{
	margin-left:160px;
}

.move-left100{
	margin-left:100px;
}

.move-left83{
	margin-left:83px;
}

.ddlCourt{
	width:155px;
	margin-left:60px;
}

.txtPub{
	display: block;
	width: 220px;
	float: left;
	margin-bottom: 10px;
}

.txtPubTime{
	display: block;
	width: 105px;
	float: left;
	margin-bottom: 10px;
}
.lblPub{
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 20px;
	font-weight:bold;
}

.lblPub-lg{
	width: 500px;
	font-weight:bold;
	margin-left: 130px;
}

.formatAppText{
	font-weight:bold;
	font-size:smaller;
	display:block;
	margin-bottom:-8px;
}

.brPub{
	clear:left;
}

.textArea{
	width:400;
	height:150;
}

.btnPub{
	width:100;
}


.btnPub{
	width:100;
}
#pubAdminMenu{
	height:100px;
}

.calBoxy-sm{
	background-color: #fff;
	border: 1px solid #CCCCCC;
	padding-bottom:0px;
	width: 650px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
/*

====================================================================================
9.0 Annoucements -  moved inline
====================================================================================
.annouceTitle{
	padding-bottom:0px;
	margin:0px;
	font-weight:bold;
}

.annouceText{
	padding:5px 0px 15px 15px;
	margin:0px;
}
====================================================================================
10.0 HACKS
====================================================================================
*/
/* THIS IS THE FIX FOR IE7 TO CLEAR FLOATS */


/* THIS IS THE FIX FOR IE TO PREVENT WHITE SPACE BETWEEN LI'S */

 	/* Fix IE. Hide from IE Mac \*/
	/** html ul li { float: left; height: 1%; }*/
	* html ul li a { height: 1%; }
	/* End */

	
/* Added it on Feb 15 2017 r.WebCATS.2017.01*/
.fldBoxy 
{
	border: 1px solid #CCCCCC; 
	padding: 5px 15px 15px 15px;  
	margin: 0px 0px 15px 0px;
	font-size: 80%;	
	width: 90%;
}

.fldLegend 
{
	
	color: #003366;
	font-weight : bold;
	font-size: 12px;
	padding: 3px;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;	
}

.content{
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000;
}
.red{
  color:Red;
}