/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
 * menu links accesskeys 
 * */
span.accesskey {
   text-decoration:none;
}

/* 
 * accessibility divs are hidden by default 
 * text, screenreaders and such will show these 
 * */
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
 * definition tags are also hidden 
 * these are also used for menu links    
 * */
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #b40f16;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #b40f16; /* a different color can be used for visited external links */

/* 
 * Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
 * external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
 * */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #b40f16;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
 * clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
 * We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
 * Do not edit if you dont know what you are doing
 * */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
				
	* html .clearfix {
	 /* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */

/* End of 'Accessibility and cross-browser tools' */