/* CSS Document - PSSG Fall 2008*/
/* Below is for a News and Updates box that floats on the right of websites, often used on the   Security Industry website
 * News and update box comes and goes from the page (as necessary). 
 * HTML for stylesheet:
 *<div id="floatNewsBox">
   <h3 class="red">News and Updates</h3>
	 <p class="NewsItem"><strong>April xx, xxxx<br>
	  TITLE OF NEWS ITEM</strong><br>
	 Text for news ITem</p>
  </div> 
<!-- END NEWS BOX -->
/* cascading issues required I put this in a separate stylesheet*/
/* March 2011 - this CSS is updated to contain any stylesheet elements that appear on right hand side of PSSG websites. Tried to keep thie consistent, all left hand CSS changes are incorporated into the main.css */


/* floating News Box appears on some pages */
#floatNewsBox {
     float: right; 
	 width: 160px; 
	 margin: 0 0 10px 10px; 
	 padding: 0; border: 0; 
	 background-color: #eee;
	 font-size: 80%;
	 }
	 
#floatNewsBox h3 {
     margin: 0; 
	 padding: 5px 0px 5px 7px; 
	 background-color: #009; 
	 color:#fff; 
	 font-weight: bold; 
	 text-transform: uppercase; 
	 border-bottom: 2px solid #fff;}
	 
#floatNewsBox h3.red {
     background-color: #900;
	 }
	 
#floatNewsBox h3.blue {
     background-color: #039;
	 }
#floatNewsBox p.NewsItem {
     padding: 5px 5px 0px 7px;
	 }
	 	 
#floatNewsBox a.textWhite {
	color: #fff;
    }

	 
/* floating TOP Topics appears on OSMV front page with list of key issue links */
#topTopics {
	 float: right;
	 width: 160px;
	 margin: 10px 0 10px 10px;
	 padding: 0; border: 0;
	 background-color: #eee;
	 font-size: 90%;
	 clear: both;
     }
	 
#topTopics h3 {
	 margin: 0; 
	 padding: 5px 0px 5px 7px; 
	 background-color: #900; 
	 color:#fff; 
	 font-weight: bold; 
	 text-transform: uppercase; 
	 border-bottom: 2px solid #fff;
	 }

#topTopics ul {list-style: url(../images/customnav/redgreytriangle.gif); padding: 2px;}

#topTopics li {
	color: #000;
	margin: 0 5px 0 0;
    }
	
#topTopics a {
	color: #000;
	text-decoration: none;
    }
	
#topTopics a:hover {
	color: #900;
    }
	 	 
/* floating Other Topics appears on OSMV front page with list of ICBC links */
#otherTopics {
     float: right; 
	 width: 160px; 
	 margin: 10px 0 10px 10px; 
	 padding: 0; border: 0; 
	 background-color: #6699cc; 
	 font-size: 90%;
	 clear: both;
	 }
	 
#otherTopics h3 {
     margin: 0; 
	 padding: 5px 0px 5px 7px; 
	 background-color: #6699cc; 
	 color:#ffcc33; 
	 font-weight: bold; 
	 text-transform: uppercase; 
	 border-bottom: 2px solid #fff;
	 }
	 
#otherTopics p {
     padding: 5px 0px 0px 7px;
	 color: #fff;
	 font-weight: bold; 
	 }

#otherTopics ul {list-style: url(../images/customnav/yellowtriangle.gif); padding: 2px;}

#otherTopics li {
	color: #fff;
	margin: 0;
    }
	
#otherTopics a {
	color: #fff;
	text-decoration: none;
    }
	
#otherTopics a:hover {
	color: #ffcc33;
    }
	
/* OSMV site, front page Twitter feed */
#twitter {
    float: right;
	width: 160px;
	background: url(../../osmv/images/twitter.jpg) no-repeat top left;
    }
	
#twitter p {
	font-size: .85em;
	margin: 0 0 0 35px;
    }
	
/* design pop-out definitions on Security Industry site only require-licence/index.htm */
/* October 17, 2011 - this setup needs to be removed and replaced with accordian effect */
#definitions {
     position:relative; 
	 width: 500px; 
	 margin-bottom:2px; 
	 margin-left:5px;
	 }

#definitions a {
     text-decoration:none; 
	 color:blue; 
	 border-width: 0px 0px 1px 0px; 
	 border-style: none none dotted none;
	 }

#definitions a:hover {
     text-decoration:none;  
	 border-width: 0px; 
	 border-style: none;
	 }

#definitions a span {display:none;}

#definitions a:hover span {display: block; position: relative; left: 20px; color: #900; font-size: .8em; border-top-width: 7px; border-bottom-width: 7px;}

/* Used to float a graphic news box on the Domestic Violence page of the Victim Services website www.pssg.gov.bc.ca/victimservices/affect-you/domestic-violence.htm */
#floatGraphicBox {
     float: right; 
	 width: 260px;
	 margin: 0 10px 10px 10px; 
	 padding: 0; 
	 border: 0; 
	 background-color: #ebddf4; 
	 font-size: 90%; 
	 clear: both;
	 }

#floatGraphicBox p { 
     padding: 5px 10px 0px 10px;
	 }