/* In Focus styling */
@import "infocus.css";

/* Smart Edit Styles not required on site */
.spanshow { display:inline; }
.spanhide { display:none; }
.instructionsectionheader {
    display:block; 
    background-color:#eee; 
    border:1px solid black; }
.instructiontitle { color:black; font-size: 8pt; font-weight: bold; line-height: 200%; }
.instruction { color:red; font-size: 9pt; font-weight: normal; }
/* 
    Government of Alberta Base Style Sheet - MAIN
    CSS1 Definitions for Typography
    Updated by CGIC – October 2011 to mimic new template schema
*/
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  Z-index: 9999;
    font:100%;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.2em;
    background: #f1f2f2 url(/images/camo/page-bg-top.png) no-repeat top center; 
}
img {
    border: 0px 0px 0px 0px;
}
form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#pageWrap {
    margin: 0px auto 0px auto;
    background: url(/images/camo/page-bottom.png) no-repeat bottom center;
}
#page {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 960px;
}
#accessHelpers {
    position: absolute;
    top: -100px;
    left: -500px;
}
#header {
    margin: 0px 8px 0px 8px;
    padding: 0px 0px 0px 0px;
    width: 912px;
    height: 115px;
    overflow: hidden;
}
#logo {
    float: left;
    padding: 70px 0px 0px 0px;
    width: 282px;
}
#logo h1#siteTitle {
    margin: 4px 0px 0px 0px;
    font-size: 1em;
    font-weight: normal;
    color: #36424b;
    letter-spacing: 0.8px;
}
#metaNav {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 4px 5px 12px 5px;
    width: 490px;
    text-align: right;
    list-style-type: none;
}
#searchForm {
    float: right;
    padding: 10px 20px 2px 10px;
    width: 490px;
    overflow: hidden;
    text-align: right;
}
#breadcrumb {
    margin: 0px 8px 0px 18px;
    padding: 0px 0px 0px 0px;
    width: 902px;
    overflow: hidden;
}
#textResizer {
    float: right;
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    width: 50px;
    list-style-type: none;
}
#mainNav {
    margin: 0px 8px 0px 8px;
    width: 912px;
    overflow: hidden;
    line-height: 0.9em;
    border-bottom: 2px solid #ffcd29;
    background: #ffffff;
}
#mainNav ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}
#mainNav li {
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
}
#mainNav a {
    display: block;
    padding: 8px 8px 8px 8px;
    font-size: 0.8em;
    color: #36424b;
    text-decoration: none;
    background: #ffffff;
}
#mainNav .isCurrent,
#mainNav .isParentCurrent,
#mainNav .selectedParent,#mainNav .selected {
    background: #ffcd29;
}
#mainNav .isCurrent a,
#mainNav .isParentCurrent a,
#mainNav .selectedParent,#mainNav .selected a {
    color: #36424b;
    background: #ffcd29;
}
#mainNav a:hover {
    text-decoration: none;
    background: #ffcd29;
}
#contentColumn {
    float: left;
    display: inline;
    width: 738px;
    overflow: hidden;
}
#navColumn {
    float: left;
    padding: 0px 2px 16px 2px;
    width: 174px;
    overflow: hidden;
    margin-left: 6px;
    margin-top: 12px;
}
#subNav {
    width: 174px;
    padding:0;
margin: 0px;
}
#content {
    margin: 2px 0px 0px 20px;
    width: 714px;
}
#homeFeature {
    padding: 0px;
    width: 714px;
    margin:0;
    background: #fff;
}
#homeFeatureHeader {
    margin: 4px 0px 0px 0px;
    width: 714px;
    height: 178px;
    overflow: hidden;
}
#footer {
    clear: both;
    padding: 45px 0px 0px 0px;
    margin-top: 5px;
    width: 928px;
    height: 95px;
    overflow: hidden;
}
#metaNav li {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
}
#metaNav a {
    font-size: 0.7em;
    color: #000000;
    text-decoration: none;
}
#metaNav a:hover {
    text-decoration: underline;
}
#searchForm .searchInput {
    width: 208px;
    font: 11px/1.2 Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 3px;
    height: 14px;
    border: 1px solid #36424b;
}
#searchForm .searchButton {
    margin: 1px 0px 0px 0px;
    background: #36424b url(/images/camo/sprite.png) no-repeat -2px -1px;
    width: 22px; 
    height: 22px; 
    cursor: pointer; 
    position: absolute;
    border: 1px solid #000000;
}
#textResizer li {
    float: left;
    display: inline;
    margin-left: 2px;
}
#breadcrumb p {
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 2px 0px;
    width: 852px;
    font-size: 0.75em;
    color: #000000;
}
#breadcrumb a {
    color: #000000; 
    text-decoration: none;
}
#breadcrumb p a:hover {
    text-decoration: underline;
}
#bannerPremier {
    padding: 2px 2px 10px 2px;
    background: #ffffff;
}
#bannerPremier ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 27px;
    color: #000000;
}
#bannerPremier li {
    margin: 0px 0px 0px 0px;
    font-size: 0.75em;
    list-style-type: square;
}
#bannerPremier a {
    color: #0e82ac;
    text-decoration: none;
}
#bannerPremier a:hover {
    text-decoration: none;
    padding-bottom: 1px; 
    border-bottom: 1px solid #005072;
}
/*Not needed*/
#navColumn .banner {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 1px 0px;
    color: #000000;
    background: #ffffff;
}
#navColumn #bannerPremier h2 {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #36424b;
}
/*Not Needed*/
#navColumn .banner h3 {
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    color: #36424b;
    background: #ffffff;
    border-bottom: 2px solid #f1f2f2;
    font-weight: normal;
}
#navColumn #bannerPremier h3 {
    padding: 5px 10px 0 10px;
    font-size: 14px;
    color: #36424b;
    background: #ffffff;
    border-bottom: 0 solid #f1f2f2;
    font-weight: bold;
}
#navColumn .banner ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 27px;
    line-height: 1.2em;
}
#navColumn .banner li {
    margin: 0px 0px 0px 0px;
    font-size: 0.75em;
    list-style-type: square;
}
#navColumn .banner h2 {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: normal;
}
#navColumn .banner a {
    color: #0e82ac;
    text-decoration: none;
}
#navColumn .banner a:hover {
    text-decoration: none;
    padding-bottom: 1px; 
    border-bottom: 1px solid #005072;
}
/*Not needed, but if used, change color to #36424b*/
/*not needed*/
#subNav ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}
#subNav li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#subNav li a {
    display: block;
    padding: 1px 5px 2px 15px;
    font-size: 0.75em;
    color: #001b6b;
    text-decoration: none;
    border-bottom: 1px solid #d1d4d3;
    background-color: #ffffff;
    background-position: 3px 7px;
}
#subNav li.isParentCurrent li a,
#subNav li li a {
    padding-left: 30px;
    background-color: #ffffff;
    background-position: 18px 7px;
}
#subNav li li.isParentCurrent li a,
#subNav li li li a {
    padding-left: 45px;
    background-color: #ffffff;
    background-position: 33px 7px;
}
#subNav li li li.isParentCurrent li a,
#subNav li li li li a {
    padding-left: 60px;
    background-color: #ffffff;
    background-position: 48px 7px;
}
#subNav li li li li.isParentCurrent li a,
#subNav li li li li li a {
    padding-left: 75px;
    background-color: #ffffff;
    background-position: 63px 7px;
}
#subNav li li li li li.isParentCurrent li a,
#subNav li li li li li li a {
    padding-left: 90px;
    background-color: #ffffff;
    background-position: 78px 7px;
}
#subNav li.isParentCurrent a,
#subNav li.selectedParent a {
    font-weight: bold;
    /* background-image: url(<image of arrow open>); */
    background-repeat: no-repeat;
}
#subNav li.isParent a {
    /* background-image: url(<image of arrow closed>); */
     background-repeat: no-repeat;
}
#subNav li.isParentCurrent li.is a,
#subNav li.isParentCurrent li.isParent a,
#subNav li.selectedParent li.is a,
#subNav li.selectedParent li.isParent a {
    font-weight: normal;
}
#subNav li.isParentCurrent li.isCurrent a,
#subNav li.isParentCurrent li.is a,
#subNav li.selectedParent li.isCurrent a,
#subNav li.selectedParent li.is a,
#subNav li.isParent li.isCurrent a,
#subNav li.isParent li.is a {
    background-image: none;
}
#subNav li.isParentCurrent a,
#subNav li.isCurrent a {
    background-color: #ffcd29;
}
#page #subNav a:hover {
    color: #000000;
    background-color: #ffcd29;
}
#content .columnLefthome {
    width: 714px;
    border: 8px solid #f1f2f2;
    margin:10px 0px 10px 0px;
}
#content .columnLefthome h1.home {
    display:none;
}
#content .columnLeftFull {
    /*width: 704px;*/
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 0px;
}
#content .columnLeftCustom {
    /*width: 704px;*/
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 0px;
    /*overflow:hidden;*/
    padding-bottom:5px;
}
#content .columnAWFull {
    width: 675px;
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 0px;
    /*overflow:hidden;*/
    padding-bottom:5px;
}
#content .columnLeft,
#content .columnLeftHalf {
    float: left;
    display: inline;
    width: 42%;
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 0px;
}
#content .columnRight,
#content .columnRightHalf {
    float: left;
    display: inline;
    width: 330px;
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 20px;
}
#content .columnLeftThird {
    float: left;
    display: inline;
    width: 442px;
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 0px;
}
#content .columnRightThird  {
    float: left;
    display: inline;
    width: 216px;
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:10px 0px 10px 20px;
}
#leadStories,
#SecondaryStories,
#servicesNav {
    clear: both;
    margin:10px 0px 10px 0px;
    background: #ffffff;
}
#page #currentDate {
    margin: -3em 0em 0em 0em;
    height: 3em;
    font-size: 0.85em;
    color: #63424b;
    text-align: right;
}
#servicesNav .moreLink {
    clear: both;
    padding: 0px 10px 8px 0px;
    font-weight: bold;
    text-align: right;
}
#content .intro-padding {
    background: #ffffff;
    padding: 10px 10px 10px 10px;
    margin: 10px -10px 0px 0px;
}
#content h1 {
    margin: 0px -10px -10px 0px;
    padding: 10px 2px 12px 5px;
    font-weight: bold;
    font-size: 20px;
    color: #36424b;
    border-bottom: 0px solid #d1d4d3;
    /*background: #ffffff;*/
}
#content .section {padding:10px;}
#content h2.section {
    padding: 0px 10px 0px 0px;
    font-weight: bold;
    font-size: 18px;
    color: #36424b;
}
#content h2 {
    padding: 0px 10px 0px 0px;
    font-weight: bold;
    font-size: 18px;
    color: #36424b;
}
#content h3.subhead1 {
    padding: 0px 10px 0px 0px;
    font-weight: normal;
    font-size: 18px;
    color: #36424b;
}
#content h3 {
    padding: 10px 10px 0px 0px;
    font-weight: normal;
    font-size: 18px;
    color: #36424b;
}
#content h4 {
    margin: 10px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #36424b;
}
#content hr {
    color: #d1d4d3; 
    height: 1px;
    border-width: 0px;
}
#page #content h3 a {
    font-size: 16px;
    color: #0e82ae;
    text-decoration: none;
}
#page #content h3 a:hover {
    text-decoration: none;
}
#content * {
    font-size: 0.75em;
}
#content * * {
    font-size: 1em;
}
#content a, a:hover, a:visited {
    text-decoration: none;
}
#content a {
    color: #0e82ac;
}
#content a:hover {
    padding-bottom: 1px; 
    border-bottom: #005072 0px solid;
    text-decoration: underline;
}
#content a:visited {
    color: #0e82ac;
}
#content ul {
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 17px;
}
#content ol {
    margin: 6px 0px 0px 5px;
    padding: 0px 0px 0px 25px;
}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {
    margin: 0px 0px 0px 0px;
}
#content ul li {
    margin: 2px 0px 0px 0px;
    list-style-type: square;
}  /*note addition of “ul” */
#content ol li {
    margin: 2px 0px 0px 0px;
}
#content ol li ol li {
    list-style-type: lower-alpha;
}
/* ordered list hierarchy - used in online manuals */
#content ol li {list-style-type:decimal;}
#content ol li ol li {list-style-type:lower-alpha;}
#content ol li ol li ol li {list-style-type:lower-roman;}
#content ol li ol li ol li ol li {list-style-type:upper-alpha;}
#content ol li ol li ol li ol li ol li {list-style-type:upper-roman;}
/* ordered list hierarchy cont'd - used in online manuals */
/* to handle nested unordered lists inside ordered lists  */
#content ol li ul li {list-style-type:circle;}
#content ol li ul li ul li {list-style-type:disc;}
#content img { 
    margin: 1px 3px 0px 3px; 
}
#content .quicklinks,
#content .quicklinks2,
#content .quicklinks3 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
    border: 1px solid #ffcd29;
}
#content .quicklinks h3,
#content .quicklinks2 h3,
#content .quicklinks3 h3 {
    margin: 0px 0px 0px 0px;
    padding: 4px 10px 5px 10px;
    font-size: 16px;
    color: #34624b;
    border-bottom: 1px solid #d1d4d3;
    background: #f1f2f2;
}
#content .columnLeftFull .quicklinks,
#content .columnLeftFull .quicklinks2,
#content .columnLeftFull .quicklinks3,
#content .columnLeftFull .rightFloater,
#content .columnLeftFull .sidebar,
#content .columnLeftFull .sidebar2,
#content .columnLeftFull .sidebar3 {
    float: right;
    display: inline;
    margin: 0px 0px 0px 20px;
    width: 250px;    
}
#content .rightFloater p,
#content .quicklinks p,
#content .quicklinks2 p,
#content .quicklinks3 p  {
    margin: 10px 10px 0px 10px;
}
#content .sidebar p,
#content .sidebar2 p,
#content .sidebar3 p {
    margin: 10px 10px 0px 0px;
}
/*Not needed*/
#content .rightFloater li,
#content .sidebar li,
#content .sidebar2 li,
#content .sidebar3 li,
#content .quicklinks li,
#content .quicklinks2 li,
#content .quicklinks3 li {
    list-style-type: square;
    margin-left: 10px;
}
#content .sidebar,
#content .sidebar2,
#content .sidebar3 {
    margin: 10px 0px 0px 0px;
    padding: 0px 10px 10px 10px;
    border: 2px solid #d1d4d3;
}
#content .sidebar h3,
#content .sidebar2 h3,
#content .sidebar3 h3 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #36424b;
}
#content .rightFloater {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border: 1px solid #36424b;
}
#content .rightFloater h2, 
#content .rightFloater h3 {
    margin: 0px 0px 0px 0px;
    padding: 3px 10px 4px 10px;
    font-size: 16px;
    background: #eaeef5;
}
#content .rightFloater a,
#content .sidebar a,
#content .sidebar2 a,
#content .sidebar3 a,
#content .quicklinks a,
#content .quicklinks2 a,
#content .quicklinks3 a {
    text-decoration: none;
}
#content .rightFloater a:hover,
#content .sidebar a:hover,
#content .sidebar2 a:hover,
#content .sidebar3 a:hover,
#content .quicklinks a:hover,
#content .quicklinks2 a:hover,
#content .quicklinks3 a:hover {
    text-decoration: none;
}
#footer a {
    color: #36424b;
    text-decoration: none;
    font-size: 11px;
}
#footer a:hover {
    text-decoration: underline;
}
#footerLogo {
    float: left;
    display: inline;
    padding: 10px 10px 0px 20px;
    width: 120px;
}
#goaLinks,
#siteLinks {
    width: 750px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#goaLinks li,
#siteLinks li {
    float: right;    
    display: inline;
    padding: 0px 5px 0px 5px;
    list-style-type: none;
}
#copyright {
    float: left;
    display: inline;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 750px;
    font-size: 11px;
    color: #36424b;
    border-top: 1px solid #ff7900;
}
#copyright li {float:left;list-style-type: none;}
#copyright a {
    padding-left: 10px;
}
#footerMenu p {display:none;}
#addthis {
    float: right;
    margin-top:10px;
}
/* RedDot internal styles */
span.instructions {font-size:12px; color:red;}
.show {display:block;}
.hide {display:none;}
.preview {font-size:12px; display:inline; margin-top:-10px;}
#pagedates {clear:both;background:#fff;padding:10px;}

/*EII Classes */
/* styles for the table of links */
#content table.doctable { 
    width:auto;
    border: 1px solid #777e81;
    border-collapse:collapse;
 }
#content table.doctable tr.tableheadings th { 
    background-color:#ddd; 
    text-align:left; 
    font-weight:normal; 
    color:#666;
    border: 1px solid #777e81;
}
#content table.doctable th.rowtitle {
    text-align:left;
    font-weight:bold;
    padding-top:10px; 
    background-color:#efefef;
}
#content table.doctable th {
    background-color:white;
    text-align:left;
    font-weight:normal;
    color:#666;
    padding:5px;
    border: 1px solid #777e81;
}
#content table.doctable td {
    text-align:left;
    margin:10px; 
    padding:5px;
    border: 1px solid #777e81;
}
#content table.doctable .indent { padding-left: 20px; }
/* Grid table */
#content table.grid {border: 1px solid #777e81;border-collapse:collapse; }
#content table.grid th {
    padding:5px;
    text-align:left;
    font-weight:normal;
    border: 1px solid #777e81;
}
#content table.grid td {
    text-align:left;
    padding:5px;
    vertical-align: top;
}
/* Box table */
#content table.box, #content table.grid td {
    text-align:left;
    border: 1px solid #777e81;    
}
.act {font-style:italic;}
#content div.plc-LineItem {
    margin-top: 1em;
    margin-bottom: 1em;
}
#content div.plc-LineLabel {
    margin-top: 0px;
    width: 25%;
    margin-bottom: 0px;
    float: left;
    font-weight: bold;
}
#content div.plc-LineDetail {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 30%;
}

/*****************************************************************/
/******* Document Routing Slips **********************************/
/*****************************************************************/
#content .DRSDownload {padding:10px;background-color:#005072;color:#fff;display:block; width:180px;margin-top:10px;}
#content a.DRSDownload:visited {color:#fff;}
#content a.DRSDownload:hover {color:#fff;padding-bottom:10px;}
#content a.DRSDownload:active {color:#fff;}

/*****************************************************************/
/******* Call To Action button ***********************************/
/*****************************************************************/
#content .CallToAction {padding:10px;background-color:#005072;color:#fff;display:inline; margin-top:10px;font-weight:bold;}
#content a.CallToAction:visited {color:#fff;}
#content a.CallToAction:hover {color:#fff;padding-bottom:10px;}
#content a.CallToAction:active {color:#fff;}

/*****************************************************************/
/******* Customized button ***************************************/
/******* Used on 160  ********************************************/
/*****************************************************************/
#content div.btn {float:left;text-align:center;background:#0f6686;color:#fff;font-weight:bold;padding:3px 5px;margin:15px;}
#content div.btn a:link{color:#fff;text-decoration:none;}
#content div.btn a:visited{color:#fff;text-decoration:none;}
#content div.btn a:hover{color:#fff;text-decoration:underline;}
#content div.btn a:active{color:#fff;text-decoration:none;}

/*****************************************************************/
/******* Safe & Fair Workplaces Styles ***************************/
/*****************************************************************/
 
/*** CSS retrofit ***/
.columnLeftFull {float:left;width:500px;margin-right:20px;}
.columnRightFull {float:left;margin-left:10px;width:187px;/*display:none;*/}
.columnRightFull .contentBlock {width:181px;margin-right:0px;}
#bannerBlockContainer {float:left;width:100%;margin-bottom:9px;text-align:right;}
/***tempheading*** - temporary heading for new look and feel*/
#bannerBlockContainer {color:#fff;text-align:left;width:100%;margin-bottom:0;}
#bannerBlockContainer h1 {float:left;margin-bottom:10px;padding-bottom:0;}
#bannerBlockContainer p {float:right;margin:15px 10px 0 5px;padding-bottom:0;}
#bannerBlock {
position:relative;
margin: 0px 0px 0px 0px;
width:496px;
padding:0px;
float:left;
height:157px;
background-color:#eee;
}
#bannerBlock h2 {
position:absolute;
top: -10px;
left: -10px;
font-size:22px;
height:23px;
padding:4px 12px;
font-weight:bold;
color:#fff;
background: #FFCD29;
margin:0;
}
#bannerBlock h2 img.left {
position:absolute;
top:0;
left:0;
}
#bannerTextContainer {text-align:right;}
#bannerBlockContainer #bannerText {
position:absolute;
right: 0px;
bottom: 0px;
padding:5px;
color:#000;
background-color:#eff4f5;
border:solid 1px #c1d830;
border-width:1px 0 0 1px;
opacity:0.9;
filter: alpha(opacity=90); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
}
#bannerBlockContainer #bannerText a {font-size:10px;font-weight:bold;}
#bannerBlockContainer #bannerText a:link {text-decoration:underline;color:#0d3692;}
#bannerBlockContainer #bannerText a:visited {text-decoration:underline;color:#0d3692;}
#bannerBlockContainer #bannerText a:hover {text-decoration:none;color:#000;}
#bannerBlockContainer #bannerText a:active {text-decoration:none;color:#000;}
#bannerBlock .landing {
top: 0px;
left: 0px;
}
#bannerBlock.tabHome {margin:0px;}
#bannerBlock.tabHome h2 {margin:5px 0px 97px -10px;}
.bannerLink {float:left;margin:3px 0px 3px 0px;width:50%;font-size:10px;}
#content .bannerLink a:link {color:#fff;text-decoration:underline;}
#content .bannerLink a:visited {color:#fff;text-decoration:underline;}
#content .bannerLink a:hover {color:#fff;text-decoration:none;}
#content .bannerLink a:active {color:#fff;text-decoration:none;}
#content .blockContainer {overflow:hidden;clear:both;margin-right:0px;margin-bottom:10px;padding-bottom:5px;}
#blockContainerNews {background-color: #fff;padding:10px;}
#blockContainerLevel1Users h2, #blockContainerLevel1Programs h2, #blockContainerNews h2 {margin:0px 8px -5px 0px;padding:0px;font-size:11pt;}
/* generic content block styles */
.contentBlock {position:relative;margin: 9px 9px 0px 0px;float:left;border-color: #c1d830;border-style:solid;border-width:0px;padding:5px;padding-bottom:8px;background-color: #fff;}
.contentBlock h3 {font-size:1.2em;margin:0px;margin-bottom:3px;}
.contentBlock p {margin:0px;margin-bottom:5px;}
.contentBlock a.moreLink {font-size:8pt;line-height:9pt;margin-bottom:5px;}
.l2Landing .contentBlock {width:232px;}
.l2Landing .rowEnd {margin-right:0px;}
.programAreaTeaserBlock ul, .contentBlock ul {padding:0px;margin:.5em 0 1em 0;}
.programAreaTeaserBlock li, .contentBlock li {padding:0px;margin:0 0 0 1.5em;}
.threeColumn .contentBlock {width:147px}
.threeColumn .rowEnd {width:149px;margin-right:0px;}
/* specific content block styles */
#blockContainerLevel1Users .contentBlock {width:221px;height:145px;border-width:0px 0px 0px 0px;}
#blockContainerLevel1Programs .contentBlock {width:161px;height:220px;}
.columnRightFull .contentBlock {border-width:0px;}
#content a.contentBlockHeading:link {text-decoration:none;}
#content a.contentBlockHeading:visited {text-decoration:none;color:#0D3692;}
#content a.contentBlockHeading:hover {text-decoration:none;}
#content a.contentBlockHeading:active {text-decoration:none;}
#content a.moreLink:link {text-decoration:underline;border-bottom-width:0;}
#content a.moreLink:visited{text-decoration:none;border-bottom-width:0;color:#0E82AE;}
#content a.moreLink:hover{text-decoration:none;border-bottom-width:0;}
#content a.moreLink:active{text-decoration:none;border-bottom-width:0;}
.programAreaTeaserBlock {float:left;margin: 9px 9px 0px 0px;width:233px;height:270px;border-color: #c1d830;border-style:solid;border-width:5px 1px 1px 1px;padding:5px;padding-bottom:8px;background: #fff/*eff4f5 url(/images/bgContentBlock.gif) repeat-x 0px 0px*/;}
.programAreaTeaserBlock h2 {font-size:11pt;margin:0px;margin-bottom:3px;}
.programAreaTeaserBlock p {margin:0px;margin-bottom:5px;}
.programAreaTeaserBlock .more {font-size:8pt;line-height:9pt;margin-top:12px;margin-bottom:7px;}
#content .blockBoxFAQ {width:486px;margin:0px;padding:0px;float:left;border-color: #0E82AE;border-style:solid;border-width:1px;padding:5px;padding-bottom:8px;}
#content .blockBoxHDI {width:486px;margin:0px;padding:0px;float:left;border-color: #0E82AE;border-style:solid;border-width:0px;background:#fff;}
#content .blockBoxFAQ h2 {font-size:11pt;margin:0px;margin-bottom:3px;} /* for L2 Landing Pages wher FAQs in a box */
#content .blockBoxHDI img {padding-right:10px;}
#content .blockBoxFAQ img {padding-right:10px;}
#content h3.expandingContentTitle {font-size:1em;cursor:pointer;padding:0px;padding-left:2.2em;text-indent:-2.2em;margin:0px;font-weight:bold;}
#content .expandingContent {margin:0px;padding-top:0px;padding-left:27px;}
#blockContainerLevel1Users .rowEnd {margin-right:0px}
#blockContainerLevel1Programs .rowEnd {margin-right:0px;}
.tabQuickLinks {width:491px;margin:0 0 10px 0;padding:3px;color:#fff;background-color: #fba82e;}
#content .tabQuickLinks h3 {float:left;font-size:12px;margin:00;padding:3px;}
#content .tabQuickLinks ul li {float:left;font-size:12px;margin:0;padding:0 5px 0 5px;list-style-type:none;}
#content .tabQuickLinks ul a:link {text-decoration:none;color:#0E82AC;}
#content .tabQuickLinks ul a:visited{text-decoration:none;color:#0E82AC;}
#content .tabQuickLinks ul a:hover {text-decoration:underline;color:#0E82AC;}
#content .tabQuickLinks ul a:active{text-decoration:underline;color:#0E82AC;}
#tabs {clear:both;}
#tabs .tab {padding-top:10px;}
#tabs a:visited {color:#0D3692;}
#tabs ul li {list-style-type:none;}
#tabs ul li a:hover {text-decoration:none;}
/* News content throughout the site */
.newsBlockFull h2 a {margin:0px;font-size:1.2em;font-weight:bold;}
.newsBlockFull h3  {margin:0px;margin-top:5px;font-size:1.15em;font-weight:bold;}
.newsBlockFull .fullText, .newsBlockFull .teaserImage {margin:0px;margin-right:15px;margin-top:10px;}
.newsBlockFull h2 a:link {text-decoration:none;}
.newsBlockFull h2 a:visited {text-decoration:none;}
.newsBlockFull h2 a:hover{text-decoration:underline;}
.newsBlockFull h2 a:active{text-decoration:underline;}
.newsBlockFull .teaserImage img {border: solid 1px #c1d830;border-width:0px;}
.newsBlockFull .teaserImage {float:left;width:125px;margin-left:10px;}
.newsBlockFull .fullText {float:left;overflow:auto;width:500px;}
.newsBlockFull .fullText p {margin-top:5px;}
.newsBlockFull {clear:both;border-top: solid 0px #f1f2f2;margin:10px;padding-top:15px;}
.newsBlockSingle {clear:both;}
.newsBlockSingle li {}
.newsBlockShort {margin-bottom:20px;}
.newsBlockShort h3 a:link {text-decoration:none;}
.newsBlockShort h3 a:visited {text-decoration:none;}
.newsBlockShort h3 a:hover{text-decoration:underline;}
.newsBlockShort h3 a:active{text-decoration:underline;}
.newsBlockShort h3 {margin:0px;}
.newsBlockShort h3 a {margin:0px;font-size:1em;}
.newsBlockShort p {margin:0px;}
.fullText div.releaseDate, .newsBlockShort p.releaseDate,.newsBlockShort a.more {font-size:0.8em;font-weight:bold;}
.newsBlockShort a.more {}
.l2LandingNews {overflow:auto;margin: 0px 9px -9px 0px;width:488px;height:145px;border-color: #0E82AE;border-style:solid;border-width:1px;padding:5px;padding-bottom:8px;background: #fff/*eff4f5 url(/images/bgContentBlock.gif) repeat-x 0px 0px*/;}
.l2LandingNews h2 {font-size:11pt;margin:0px;}
 
/* content slider styles */
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/.scrollable
{ 
    /* required settings */
    position:relative; overflow:hidden; width: 480px; height:110px; 
    
    /* custom decorations */
    margin:0px;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
.items div { float:left; width:480px; }
/* single scrollable item */
.scrollable img { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; width:100px; height:75px; }
/* active item */
.scrollable .active { position:relative; cursor:default;font-size:0.8em; }
/* used by OHS mag */
.scrollable h4 {clear:both;margin:0px;font-family:arial,sans-serif;font-size:15px;font-weight:bold;text-align:center;}
.scrollable .mag {float:left;width:145px;margin-left:12px;margin-right:0px;}
.scrollable .mag h4 a:link {color:#0d3692;text-decoration:none;}
.scrollable .mag h4 a:visited {color:#0d3692;text-decoration:none;}
.scrollable .mag h4 a:hover {color:#000;text-decoration:underline;}
.scrollable .mag h4 a:active {color:#000;text-decoration:underline;}
/* scrollable buttons */
/* this makes it possible to add next button beside scrollable */
.scrollable { float:left;     }
/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(/images/camo/SliderNavigation.png) -40px no-repeat; display:block; width:12px; height:12px; float:left; margin:2px; cursor:pointer; font-size:1px; margin:2px; } 
/* left */
a.left                { background-position:-40px; } 
a.left:hover          { background-position:0px; }
a.left:active      { background-position:0px; }
/* right */
a.right { background-position: -60px; }
a.right:hover         { background-position:-20px; }
a.right:active     { background-position:-20px; }
.scrollableNavContainer {float:right;}
/* scrollable navigator (prev/next buttons) */
/* position and dimensions of the navigator */
.navi { margin-left:0px; display:inline; }
/* items inside navigator */
.navi a { width:12px; height:12px; float:left; margin:2px; background:url(/images/camo/SliderNavigation.png) -100px no-repeat; font-size:1px; border-width-bottom:0px;}
/* mouseover state */
.navi a:hover { background-position:-80px;border-width:0;       }
/* active state (current page state) */
.navi a.active { background-position:-80px;      }
 
/* OHS Mag Slider Styles (inherits from above) */
#OHSMagSlider {border-color: #c1d830;padding:5px;padding-top:8px;border-style:solid;border-width:1px;background: #fff/*eff4f5 url(/images/bgContentBlock.gif) repeat-x 0px 0px*/;}
#OHSMagSlider .scrollable
{ 
    /* required settings */
    position:relative; overflow:hidden; width: 480px; height:212px; 
    
    /* custom decorations */
    margin:0px;
}
/* OHS Mag - single scrollable item */
#OHSMagSlider .scrollable img { float:left;border:solid #b3d32d 1px;width:140px;height:175px;margin:0; }
/* for current issue linkage */
.current {font-size:11px;padding:3px 8px 3px 8px;font-weight:bold;float:left;margin-right:auto;margin-left:-5px;margin-bottom:-5px;background-color:#b3d32d;border:solid #b3d32d 1px;border-width:1px 1px 0 0;border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;}
a.current:link {color:#fff;text-decoration:none;}
a.current:visited {color:#fff;text-decoration:none;}
a.current:hover {color:#fff;text-decoration:underline;}
a.current:active {color:#fff;text-decoration:underline;}
/* ROUNDED CORNERS CLASS */
.rounded-corners {    
border-radius: 10px;
/* Firefox, Safari, and Chrome */ 
-moz-border-radius: 10px;    
-webkit-border-radius: 10px;   
-khtml-border-radius: 10px; 
/* IE Hack */      
behavior: url(/images/global/border-radius.htc);      
border-radius: 10px;  
zoom:1;  
/* Opera Hack
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9IiNCM0QzMkQiIHJ4PSIxMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg==);
 */
}
/* ROUNDED CORNERS CLASS -- TOP LEFT ONLY -- */
.rounded-corners-top-left { 
/* Firefox, Safari, and Chrome */   
border-top-left-radius: 10px; 
-moz-border-radius-topleft: 10px;    
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 0px; 
-webkit-border-bottom-left-radius: 0px; 
-webkit-border-bottom-right-radius: 0px;   
-khtml-border-top-left-radius: 10px;  
/* IE Hack - not supported for single corner styles
behavior: url(/images/global/ie-css3.htc);  */      
/* Opera Hack
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxtYXNrIGlkPSJtIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiByeD0iMTAiIGZpbGw9IiNmZmYiLz48L21hc2s+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3Ryb2tlPSIjYzFkODMwIiBmaWxsPSIjZWZmNGY1IiBzdHJva2Utd2lkdGg9IjIiIG1hc2s9InVybCgjbSkiIHJ4PSIxMCIvPjwvc3ZnPg==); */
}
/* CSS FOR TABS */
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=ffffff&bgTextureHeader=01_flat.png&bgImgOpacityHeader=75&borderColorHeader=c1d830&fcHeader=22aaaaaa2222&iconColorHeader=000000&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=c1d830&fcContent=000000&iconColorContent=000000&bgColorDefault=c1d830&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=ffffff&fcDefault=000000&iconColorDefault=000000&bgColorHover=c1d830&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=c1d830&fcHover=000000&iconColorHover=000000&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=c1d830&fcActive=000000&iconColorActive=000000&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=ff0000&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif;  }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #ffcd29; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #ffcd29; border-width: 0px 0px 1px 0px; color: #000000; font-weight: bold; }
.ui-widget-header a { color: #22aaaaaa2222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ffffff; background: #ffcd29 url(images/ui-bg_flat_75_ffcd29_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #000000; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffcd29; background: #ffcd29 url(images/ui-bg_flat_75_ffcd29_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffcd29; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; width:480px;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0 0;background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Numbering styles for manuals */
#content .tab1 {margin-left:2em;}
#content .tab2 {margin-left:4em;}
#content .tab3 {margin-left:6em;}
#content .tab4 {margin-left:8em;}
#content .tab5 {margin-left:10em;}
 

/*****************************************************************/
/******* PDF Download Modal box styling **************************/
/*****************************************************************/
#pdflink {
 display:none;
 width:700px;
 background-color:#fff;
 border:1px solid #ffcd29;
 border-top-width:10px;
 padding:0 1em 1em 1em;
}
#pdflink .close {
    background-image:url(/images/global/close.png);
    position:absolute; right:-15px; top:-25px;
    cursor:pointer;
    height:35px;
    width:35px;
}