/*----------------------------------------------------- 
CSS for Legal Aid Ontario - External Site (www.legalaid.on.ca)
Coding governing Text and content Formatting
Version 3.1 - Assemble by Chris Cowley / July 24/08
-----------------------------------------------------*/ 

/* Text Format Setup */

html,body	{padding:0; font-size:84%;}

html,body,
p,ul,ol,li, 
td,th,dl,dt, 
blockquote,
h1,h2,h3,h4,h5	{font-family:verdana,arial,helvetica,sans-serif;}


table,tr,td,th {font-size:1em;}

p,li,dd,dt,th,td,
blockquote, pre, code, xmp,
#left-nav,
#related-links	{font-size:1em;}

p	{margin:0; padding:0 0 .75em 0;}
.first	{padding:0 0 .5em 0;}
ul.first	{margin:0; padding:0 0 .5em 1.25em;}
ul	{margin:0; padding:.5em 0 .5em 1.5em;}
ol	{padding:.5em .5em .5em 2.2em;}
ul ul, ul ol, ol ol, ol ul {padding-bottom:0;}
dl	{}
li	{margin:0; padding-bottom:.5em; line-height:1.25em;}
dt	{margin:0; padding:0; font-weight:bold; line-height:1.25em;}
dd	{margin:0; padding:0em 0em .25em 3em; line-height:1.25em;}

ul.no-bullets	{padding:0 0 1em 0; list-style-type:none;}
ul.anchor-links	{padding:0 0 1em 35px;}






.caption	{font-weight:bold;}
.caption,.copyright	{font-size:.9em; color:#666; letter-spacing:.05em; padding:0;}

.byline	{float:right; font-size:.75em; font-weight:normal; font-style:italic; color:#999;}
.confidential	{font-weight:bold; color:#a00;}
.note	{color:#666; font-size:.9em;}

.newspost {
	text-decoration: none;
	font-size: 0.8em;
	line-height: 15px;
	padding: 2px 3px 2px 5px ;
	}
.newspost a {
	text-decoration: none ;
	}


.translatetag {
	background-color: #07a6d1;
	border: 10px solid #07a6d1; 
	
}


/* --- Universal link behaviour -- */

a, a:active, a:visited {
text-decoration: underline;
color: #1748a5;
}

a:hover {
text-decoration:none;
color: #3660b0;
}



/* ------- Expanding Text --------- */
.short { display:inline; }
.long { display:none; background-color: #ffffff; }



/* ------ Post-It-Note Mouseover text ----------- */
a.infobox{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffffcc;
    color:#000;
    text-decoration:none;}

a.infobox:hover{z-index:25; background-color:#ff0}

a.infobox span{display: none}

a.infobox:hover span{ /*the span will display just on :hover state*/
    float:right;
	display:block;
    position:relative;
    top:1em; left:1em; width:15em;
	padding:2px;
   /*  border:1px solid #ffff00; */
	z-index:25;
    background-color:#ffffcc; color:#000;
    text-decoration: none;}




/* ----- Response Time Box ------ */
.responsetime {
	width:400px;
	text-align:left;
	padding: 1em, 1em 1em 1em;
	background: #e6e6e6;
	color: #838383;
	border-top: 1px solid #929292; 
}



/* ------- header treatments ------- */
h1,h2,h3,h4,h5,h6,
.sub-title,.sub-head	{margin:0; padding:0;}

.sub-title	{padding:.5em 0 .5em 0; color:#666; font-weight:bold; font-style: italic;} /* fix with targeting */
.sub-head	{color:#666; padding:.3em 0 .5em 0;}
.kicker	{font-size:.9em; color:#666; padding:0 0 5px 0; font-weight:bold;}


h1	{font-size:1.9em; font-weight:normal; color:#000; line-height:1.1em;}

h2	{font-size:1.5em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}

.frontfloat h2, .frontFloatEnd h2 {
padding: 0 0 10px 0;
}

h2.small	{font-size:1.2em; font-weight:bold;}

h3	{font-size:1.1em; margin: 0;}
h4	{font-size:1.1em; margin: 0;}

h5,h6	{font-size:1em; color:#666;}
ul.h4-list	{padding:0 0 1em 35px;}
li h4	{color:#000;}




.bar-green-dark	{background:#7a3; color:#fff; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-green-med-dark	{background:#9c3; color:#fff; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-green-med-light	{background:#bd6; color:#000; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-blue-med-dark	{background:#47b; color:#fff; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-blue-med	{background:#69c; color:#fff; padding:.3em .5em; font-size:1.1em; font-weight:bold; border-bottom: 1px solid #69c;}
.bar-blue-med-light	{background:#9be; color:#000; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-gray-dark	{background:#666; color:#fff; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-gray-med-dark	{background:#999; color:#fff; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-gray-med-light	{background:#ccc; color:#000; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-gray-light	{background:#ddd; color:#000; padding:.3em .5em; font-size:1.1em; font-weight:bold;}
.bar-red-dark	{background:#9d0a0e; color:#ffffff; padding:.3em .5em; font-size:1.1em; font-weight:bold;}


.bar-newsitem {
	/* background:#ddd; */
	/*background-image: url(../images/bgtile_newsitem3.gif);*/
	color:#00529c;
	height: 20px;
	padding:0.1em .5em;
	font-size:1.1em;
	font-weight:bold;
}
.bar-newsarchive {
	/* background:#ddd; */
	/*background-image: url(../images/bgtile_bluedots.gif);*/
	color:#00529c;
	padding:0.1em .5em;
	font-size:0.9em;
	font-weight:bold;
}






/* ------- colors ------- */
.primary-blue-dark	{color:#000668;}
.primary-blue-med	{color:#0853a4;}
.primary-blue-light	{color:#5c88c5;}

.blue-dark	{color:#05a;}
.blue-med-dark	{color:#47b;}
.blue-med	{color:#69c;}
.blue-med-light	{color:#9be;}
.blue-light	{color:#cef;}

.black	{color:#000;}
.white	{color:#ffffff;}
.gray-dark	{color:#666;}
.gray-med-dark	{color:#999;}
.gray-med	{color:#aaa;}
.gray-med-light	{color:#ccc;}
.gray-light	{color:#ddd;}
.gray-lightest	{color:#eee;}

.green-dark	{color:#00673d;}
.green-med-dark	{color:#9c3;}
.green-med-light	{color:#bd6;}
.green-light	{color:#dfb;}

.yellow-med	{color:#fe2;}
.yellow-light	{color:#ffa;}

.orange-dark	{color:#c60;}
.orange-med	{color:#f90;}

.red-dark	{color:#a00;}
.red-med	{color:#c33;}

.pink-med	{color:#f76;}
.pink-light	{color:#fcc;}

.violet-dark	{color:#936;}
.violet-med-dark	{color:#969;}
.violet-med-light	{color:#b7b;}
.violet-light	{color:#ede;}

.alert-stop	{color:#c00;}
.alert-go	{color:#0f0;}
.alert-caution	{color:#ff0;}

acronym { cursor: help;  font-weight: bold; border-bottom: 1px solid red }