@charset "UTF-8";

/*! normalize.css v1.1.3 | MIT License | git.io/normalize (minified/slightly modded here, H2's separated out!) */
article,aside,details,figcaption,figure,footer,header,div,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
@media 
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx){
    -webkit-font-smoothing: subpixel-antialiased;
}

/*#z Dev Helpers#*/
/*make it easier to see outlines of containers for troubleshooting * /
  *{outline: 1px dotted hotpink}
/* */

/*#Font-faces#*/
   

/*main container*/
.content,.slick-dots{width: 100%; max-width:72.375em; margin-right:auto; margin-left:auto; padding:0 1.6875em; clear:both; position:relative;}
.content:after,header:after,footer:after{content:''; display: block; clear:both;}
.text-content{font-size:1em;}
.text-content p{font-size:1rem;}

/*#Tags#*/
img{height:auto; width: auto;}
iframe,video{max-width: 100%;}
body, body > form{width: 100%; height:100%;}
body{background: #fff; color: #53534a; font-size: 100%; font-family: "Roboto",Arial, Helvetica, sans-serif; font-weight:400; line-height: 150%;}

h1,h2,h3,h4,h5{color: #711471; font-family:"PT Sans",Arial, Helvetica, sans-serif; font-weight: 300; line-height: 110%;}
h1,.like-h1{font-size:2.1875em; margin:.67em 0; color: #0081c4;}
h2{font-size:1.5625em;margin:.83em 0}
h3{font-size:1.25em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}

p{font-size:inherit; margin:0 0 1em;}
a{color:#00bfa5;cursor:pointer;}
a:hover{color:#00806f; -webkit-transition: all 100ms; -moz-transition: all 100ms; transition: all 100ms;}
 

/*#button#*/
a.button:hover,.has-button a:hover,.site-search-box input[type=submit]:hover,.download-search-box-area input[type=submit]:hover{border:1px solid #00bfa5; background-color: #00806f; color:#fff;}
a.button, .has-button a, input[type=submit]{border:1px solid #00806f; margin: .5ex 0; font-family: Helvetica,Arial,sans-serif; text-align:center; vertical-align: middle; text-decoration:none; color: #fff; background-color: #00bfa5; display:inline-block; padding: .75rem 2rem; font-size: .875rem; line-height:110%; white-space:nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }

/*#image opacity#*/
main img{-moz-opacity: .5; -webkit-opacity: .5; opacity: .5}
.slick-slide img,
.gallery-item-inner img,
.no-opacity{-moz-opacity: 1; -webkit-opacity: 1; opacity: 1}

/*#icon sprite#*/
.sprite{display:inline-block; vertical-align:middle; -moz-transition: all 100ms; -webkit-transition: all 100ms; transition: all 100ms;}
.sprite span:before,.tile span:after, .site-search-box input[type=submit],.download-search-box-area input[type=submit],.arrow-link:after,.has-arrow-link a:after{content:''; display:inline-block; height:1em; width: 1em; vertical-align:middle;
	background: url(/App_Themes/QualityAlliance/images/ccqa-sprite.png) left top no-repeat; 
	background: none,url(/App_Themes/QualityAlliance/images/ccqa-sprite.svg) left top no-repeat;
	background-size: 138px 40px;
}
.has-arrow-link a:after,
.arrow-link:after{background-position: 0 -32px; height: 7px; width: 19px; margin-left:1ex;}
.has-arrow-link a.hover:after,
.arrow-link.hover:after{background-position: -32px -32px;margin-left:1.2ex;}


/*#boxes#*/
.no-boxshadow .box,
.box.border{border:1px solid #979797;}
.box{overflow: hidden; border:1px solid #c6cabe; background:#fff; width: 100%; margin-bottom: 1.4rem; padding: 2rem;}
.box h3{margin-top:0;}



/*columns*/
.content.row{padding-left:.9875em; padding-right:.9875em;}
.content > .row{margin: 0 -.7em; clear:both;}
.row:after{content:''; clear:both; display: block;}
[class*='col-']{float:left; padding:0 .7em; min-height: 1px; width: 100%;}
[class*='wide-']{float:left; min-height: 1px; width: 100%;}
[class*='col-'] img,[class*='wide-'] img,[class*='col-'] iframe,[class*='wide-'] iframe{max-width: 100%;}
.col-8th,.wide-8th{width: 12.5%;}
.col-6th,.wide-6th{width: 16.6666%;}
.col-5th,.wide-5th{width: 20%;}
.col-4th,.wide-4th{width: 25%;}
.col-3rd,.wide-3rd{ width:33.33%;}
.col-2-5ths,.wide-2-5ths{width: 40%}
.col-half,.wide-half{width: 50%;}
.col-3-5ths,.wide-3-5ths{width: 60%}
.col-2-3rds,.wide-2-3rds{width: 66.66%}
.col-3-4ths,.wide-3-4ths{width: 75%;}
.col-4-5ths,.wide-4-5ths{width: 80%;}
.col-5-6ths,.wide-5-6ths{width: 83.3333%;}
.col-7-8ths,.wide-7-8ths{width: 87.5%;}
.col-full,.wide-full{width: 100%;}


/*#modifiers#*/

/*#modifiers/text colors#*/
.text-grey{color:#711471 !important;}
.text-sky-blue{color:#0081c4 !important;}
.text-teal{color:#3d8587 !important;}
.text-grey{color:#878787 !important;}
.text-charcoal{color: #3c3c35 !important;}

/*text alignments*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

/*floats*/
.fl-none{float:none;}
.fl-right,.inline-block.fl-right{float: right;}
.fl-left{float: left;}

/*display*/
.inline{display:block;}
.inline-block{display:inline-block; float:none;}
.block{display:block;}
.table{display:table;}
.table-cell{display:table-cell;}

/*margin*/
.margin-none{margin:0;}
.margin-auto{margin:auto; float:none;}
.margin-top-0{margin-top:0}
.margin-bottom-0{margin-bottom:0;}

/*padding*/
.pad-none{padding:0;}
.pad-all-0{padding:0}
.pad-all-1em{padding:1em;}
.pad-all-2em{padding:2em;}
.pad-top-0{padding-top:0;}
.pad-top-1em{padding-top:1em;}
.pad-top-2em{padding-top:2em;}
.pad-right-0{padding-right:0;}
.pad-right-1em{padding-right:1em;}
.pad-right-2em{padding-right:2em;}
.pad-bottom-0{padding-bottom:0;}
.pad-bottom-1em{padding-bottom:1em;}
.pad-bottom-2em{padding-bottom:2em;}
.pad-left-0{padding-left:0;}
.pad-left-1em{padding-left:1em;}
.pad-left-2em{padding-left:2em;}

/*clearing*/
.clear{clear:both;}
.clear-after:after{content:''; display: block; clear: both;}

/*hide show*/
.hide{display:none;}

/*font adjustments*/
.uppercase{text-transform: uppercase;}
.lowercase{text-transform:lowercase;}
.font-size-p75{font-size: .75em;}
.font-size-p875{font-size: .875em;}
.font-size-1p125{font-size: 1.125em;}
.font-size-1p25{font-size: 1.25em;}
.font-size-1p5{font-size: 1.5em;}
.font-size-1p75{font-size: 1.75em;}
.font-size-2{font-size: 2em;}

/*text colors*/
.text-blue{color:#0081c4}


/*inline-blocking unordered lists*/
.inline-ul ul, .inline-ul{display:inline-block; list-style:none; padding:0; margin:0;}
.inline-ul li{display:inline-block; list-style:inherit;}
.block-li li{display:block;}

/*inline-block colums:
  blocks of content that cleverly reconfigure responsively if
  stacking is something necessary
*/
.inline-block-cols { letter-spacing: -1ex;/*removing white space*/ }
.inline-block-cols > div, .inline-block-cols > section{ float: none; vertical-align: top; display: inline-block; }
.inline-block-cols * { letter-spacing: 0; }

/*#accordion#*/
.accordion{margin-bottom:1.75em}
.accordion-item{clear:both; border-top: 1px solid; padding:.7em 0;}
.accordion.accordion-details{display:none;}
.accordion-header *{display:inline-block; padding:0 3em 0 0; margin:0; font-size: 1.25rem}
.accordion-header{padding: .5em 0; cursor:pointer; position: relative;}
.accordion-header:after{content:'+'; display:inline-block; float:right; color:#0081C4; font-size:1.5em; position:absolute; right:1ex; top: 1rem;}
.accordion-header.open:after{content:'–';}

.accordion-details{padding:1em;}
.accordion-details:after{content:''; display:block; clear:both;}

/*#Form#*/
label{font-size: .875em; display:inline-block;}
.FormPanel table,.FormPanel{width:100%; max-width: 24em;}
.TextBoxField,.TextAreaField,textarea, input[type=text],input[type=password]{font-size:.875rem; background: #fff;border:1px solid #bebebe; width:100%; max-width: 18em; padding:.1em .4em; min-height:2.125em; color:inherit; font-family:inherit;}
.TextBoxField:focus,textarea:focus, .TextAreaField:focus, input[type=text]:focus,input[type=password]:focus{border:1px solid #878e9c;}
textarea{min-height: 8em;}
.form .row{padding:1ex 0;}
select{max-width: 100%; width: 18em;}
/*phone numbers*/
input[maxlength='3']{min-width: 2.7em; text-align:center}
input[maxlength='4']{min-width: 3.7em; text-align:center}
input[type="checkbox"] + label,input[type="radio"] + label{margin-left: 1ex;}
.submit-spacer{height:0; overflow:hidden;}
input[type='submit'].FormButton{margin: 1em 0; max-width: 24em; float:left;}
.EditingFormErrorLabel{color:#c22; font-size: .875em;}
.required{color:#c22;}
select{font-family: inherit; font-size:.875rem; color:inherit;}

.LogonDialog label{margin: 0 4px; display:inline-block;}
.LogonDialog .form-control{ margin: 1ex 0;}

.learn-more-bar{background: #0081c4; color:#fff; padding: 1.875rem 0;}
.learn-more-bar h1{color:inherit; margin:0; font-weight: 700;} 
.InfoLabel{color: #11bb41;}

 /*#z Editor - Design Mode fixes#*/
/* Cheat Sheet of classes:
   page content edit fixes -> .EditMode
   Design mode fixes fixes -> .DesignMode
   Head of Form area on page - > .ContentEditArea
*/
.WebPartZoneHeader,.WebPartHeader{letter-spacing:0;}
.EditMode .TextBoxField,.EditMode .TextAreaField,.EditMode textarea,.EditMode input[type=text],
.ContentEditArea .TextBoxField,.ContentEditArea .TextAreaField,.ContentEditArea textarea,.ContentEditArea input[type=text]{max-width: 100%;}


/*header*/
#site-header{border-top: 1rem solid #53534a; padding-top: 2.125em; padding-bottom:1ex; border-bottom:1px solid #ccc;}
#site-header .content.row, footer .content{padding-left: .7em; padding-right: .7em; max-width: 80.25em;}
#logo-ccf img{width:100%;}
#logo-ccf{width: 200px; display:inline-block;}

.header-utility ul a{text-decoration: none;font-size:.875rem; display:inline-block;}

.site-search-box > div{letter-spacing: -1ex; min-width: 16.5rem;}
.site-search-box input[type=submit],.download-search-box-area input[type=submit]{background-color: #00bfa5; background-position: .5rem .35rem; padding:0; margin:0; overflow: hidden; text-indent: 1000em; height: 2.125rem; width: 2.5rem;}
.site-search-box input[type=text],.download-search-box-area input[type=text]{ height: 2.125rem; border-right:0; letter-spacing:0; width: 12.625rem; padding-left: .4rem; margin:0; vertical-align: middle; font-size: .875rem;}

/*#Providers#*/
.providers-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 
.providers-dropdown {
    display: flex;
    flex-direction: column;
    /* color: white; */
}
 
.providers-label {
    color: white;
    font-size: smaller;
}
 
/*#HR#*/
hr.hr-purple {
    border-top: 4px solid #711471;
}

/*#download, video and blog#*/
.download-search-box-area{position:relative;}
.download-search-box-area input[type=text]{width: 100%; max-width: 100%;}
.download-search-box-area .searchBox{width: 100%; padding-right: 40px;}
.download-search-box-area input[type=submit]{position: absolute; right:0; top:0;}

.download-search-nav{padding-bottom:3.4rem;}

.launchpad-item,.download-search-item,.gallery-item,.video-item{padding-bottom: 3.4rem;}
.launchpad-teaser-img img{width: 200px;}

.gallery-item .text-content{font-size:.875em}
.gallery-item .text-content p{font-size:inherit; margin-bottom: .4em;}

.blog-list-item{padding-top:1.6rem; padding-bottom: 2rem;}
.blog-list-item + .blog-list-item{border-top: #ccc solid 1px ;}
.blog-list-item:after{content:''; display: block; clear:both;}

.video-holder iframe{max-width: 480px; width: 100%;}

/*#Secondary Navigation#*/
#secondary-nav ul{padding:0; margin: 0;  list-style:none;  border:1px solid #efefef; display:block; text-align:left;}
#secondary-nav li{list-style: inherit; position:relative;}
#secondary-nav li + li{border-top:1px solid #efefef;}
#secondary-nav a{text-decoration: none; display: block; width:100%; padding: .6em .2em .6em 25px; line-height: 1.2;}
#secondary-nav a:hover{background: #eee;}
#secondary-nav ul:after{content:''; display: block; clear:both;}
#secondary-nav ul ul{font-size: .8rem; border:0; display:none}
#secondary-nav ul ul li{border-top:1px solid #fff; border-bottom:1px solid #ebebeb;}
#secondary-nav ul ul ul li{border-top:1px solid #eee; border-bottom:1px solid #ddd;}
#secondary-nav ul ul .Highlighted > a,
#secondary-nav ul ul a{background: #efefef;}
#secondary-nav ul ul ul .Highlighted > a,
#secondary-nav ul ul ul a{background: #dfdfdf;}
#secondary-nav .Highlighted > ul{display: block;}

#secondary-nav .has-ul > a:before{content:''; display: inline-block; vertical-align: middle; height: 0; width: 0; border-left:.4rem solid #ee1b2e; border-top: .3rem transparent solid; border-bottom:  .3rem transparent solid; margin-top:.2rem; position:absolute; right:.75rem; top:.7em;}
#secondary-nav .Highlighted > a:before{border-top:.5rem solid #777; border-left: .45rem transparent solid; border-right:  .45rem transparent solid;}



.gallery-item-inner{margin:auto; max-width: 250px;}


/*#Calendar#*/
/*.EventDetail{display:none}*/
.Calendar table{table-layout:fixed;}
.no-calendar-event{width: 100%; min-width: 100px; height: 3px;}

/*#Footer Navigation#*/
#footer-navigation{display:block; list-style:none; min-width: 100%; letter-spacing:-1ex;}
#footer-navigation > li{ padding: 0 .7em; display:inline-block; list-style:none; letter-spacing:0px; vertical-align:top; padding-bottom: 1.5em;}
#footer-navigation > li > a{font-size: 1.25em; font-family: "PT Sans",Arial, Helvetica, sans-serif; text-transform: uppercase;}


@media only screen and (max-width: 55em) {
  /*#Main Nav (mobile)#*/	
	#main-nav,#site-header nav{clear:both;}
	#main-nav > ul{position:absolute; top:0; right:0; z-index: 1000; max-width: 26em;}
	
	#main-nav ul{display: none; font-family:inherit;}
	#mobile-nav-btn{ border:1px solid transparent; display: inline-block; float:right; margin-top:.75em; padding: .85em 1em .45em; text-transform: uppercase; text-align: center;font-size:inherit; -moz-transition: all 120ms; -webkit-transition: all 120ms; transition: all 120ms; }
	#mobile-nav-btn div{background:#00806f; height:.375em; width:2.625em; margin-bottom: .45em; }
	
	#main-nav > ul{width:100%; position:absolute; z-index: 1000; top:.5rem; right:0;}
	.menu-opened #mobile-nav-btn{border-color:#00806f; background: #00bfa5; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
	.menu-opened #mobile-nav-btn div{background: #fff;}
	  
	#main-nav{position:relative; margin:0 -.7em;}
	#main-nav.opened > ul{display: block; padding:0; margin: 0; z-index: 1001;}
	#main-nav li{position: relative;}
	#main-nav li.expandable:after{content:''; display: inline-block; position:absolute; right:1rem; top:1rem;width: 0; height:0; border: .5em solid transparent; border-top:.5em solid;}
	#main-nav li.expandable.opened:after{content:'';  border-bottom:.5rem solid; border-top:0;}
	
	#main-nav > ul > li {border:1px solid #00806f; vertical-align: middle; text-decoration:none; color: #fff; background-color: #00bfa5; display:block; line-height:110%; white-space:nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); position:relative;}
	#main-nav li + li{border-top:1px solid #fff;}
	#main-nav ul ul li + li{border-top-color: rgba(255,255,255,.1);}
	#main-nav > ul > li a{color:inherit; display: inline-block; padding:.75rem 1.5rem; font-size: 1.125em; text-decoration:none;}
	#main-nav li.opened > ul{display: block; margin:0;padding:0;}
	#main-nav ul li li{display: block; margin:0; padding:0; list-style:none;}
	#main-nav ul ul{background: #00806f;}
	#main-nav ul ul ul{background: #53534a}
	#main-nav ul li li a{display: inline-block; padding:.8rem 1.5rem .8rem; font-size:.875rem; margin:0; font-family:inherit;}
	

    .header-utility ul a{ margin-left: 1.2rem; margin-bottom: .7rem;}
	.header-utility{width: 100% !important; overflow:hidden; padding-top: .6rem; padding-bottom: .6rem;}
	.header-utility-inner{opacity: 0; max-height: 1px; transition: all 440ms cubic-bezier(.05,.53,.46,1);}
	.menu-opened .header-utility-inner{opacity: 1; max-height:4rem;}
	.menu-opened .header-utility{}
	
	.header-utility-inner{width: 100%;}
	.site-search-box input[type=text]{max-width: 22rem; width: -moz-calc(100% - 2.6rem); width: -webkit-calc(100% - 2.6rem); width: calc(100% - 2.6rem);}
} 


@media only screen and (min-width: 55.0625em) {
  /*#Main Nav (Desktop)#*/
  #main-nav{display: inline-block; float: right; padding:1.75em 0 .82em; margin-right:-.7rem;  font-family:"PT Sans",sans-serif; font-weight: 400;clear: both;} 
  #main-nav ul a{font-size:1.25rem;  display: inline-block; text-decoration:none; padding: .25rem; color:#0081c4; text-transform: uppercase; border-bottom: 2px solid transparent;}
  #main-nav ul a:hover, #main-nav ul .Highlighted > a{color:#0081c4; border-bottom: 2px solid #711471;}
  #main-nav ul ul{display: none; min-width: 210px; position:absolute; left:-9999em; top:-9999em; background:#fff; border:1px solid #ccc; }
  #main-nav ul ul a{ width: 100%;  white-space:nowrap; padding: .3rem 1rem .35rem 0; text-align: left; font-size:1rem;}
  #main-nav ul ul li{padding-top: 1.5rem; clear:both; display: block;}
  #main-nav ul ul a:hover{font-weight: 700;}
  #main-nav > ul > li{padding:.375em 1.125rem;border:1px solid #fff;}
  #main-nav > ul > .expandable:hover,#main-nav .expandable.hover{border:1px solid #ccc;} 
	
  .expandable .white-line-mask{content:''; width: 100%;  display: block; height: 4px; background: #fff; position:absolute; bottom:-2px;  z-index: 999; left:0;}
  .expandable:hover .white-line-mask,
  .expandable.hover .white-line-mask{ z-index: 1001;}
  
  #main-nav li{position:relative; }
  #main-nav ul ul li{ display:block; text-align: left; list-style:none; padding:.3rem 1.2rem; margin:0;}
  #main-nav ul ul:after{content:''; display: block; height: 1rem;}
  #main-nav li:hover > ul,
  #main-nav li.hover > ul{ display: inline-block; left:-1px; top:100%; z-index: 1000; padding:0; margin-top: 1px;}
  #main-nav ul ul li.hover > ul,
  #main-nav ul ul li:hover > ul{display: inline-block; left:100%; top:0; z-index: 1000; padding:0; margin-top: -1px;}
  
  #main-nav > ul{display: block; width: 100%; padding:0; text-align: left; margin:0; }
  #main-nav > ul li{display:inline-block;}

  #main-nav li.navs-on-edge:hover > ul,
  #main-nav li.navs-on-edge.hover > ul{right:-1px; left:auto;}
  #main-nav ul ul li.navs-on-edge:hover > ul,
  #main-nav ul ul li.navs-on-edge.hover > ul{right:100%; left:auto;}
  
  .mobile-nav-btn-holder{display:none;}
  .header-utility ul a{margin-right: 2rem;}
}
@media only screen and (min-width: 55.0625em) and (max-width: 68em) {
	#main-nav > ul li{padding-left: 0.2em; padding-right: 0.2em;}
	#main-nav ul li a{font-size: 1.15em;}
}
.breadcrumbs{padding-top:1em;  padding-bottom: 1.2rem;}
.breadcrumbs a,.breadcrumbs span{color:inherit; text-decoration: none; font-size: .875rem}

main{padding-bottom: 6rem;}
.page-title-area{background: #0081c4; border-top: 4px solid #711471;  margin-bottom:1em;}
.page-title-area .page-title{margin:2rem 0; color:#fff;}
.page-hero{-webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; margin-bottom: 1.36em;}
.page-title{margin-bottom: 3rem;}

.hover-show-overlay{ position: relative;}
.overlay-to-show{-moz-opacity: 0; -webkit-opacity: 0; opacity: 0; position: absolute; min-height:100%; top:0; left:.7rem; margin-right:.7rem; padding: 1rem; padding-top:2rem; color:#fff; background:rgba(0,129,196,.88); -moz-transition: 300ms opacity ease-out; -webkit-transition: 300ms opacity ease-out; transition: 300ms opacity ease-out; transition-delay: 60ms; }
.hover-show-overlay .text-content{cursor: default;}
.hover-show-overlay:hover .overlay-to-show{-moz-opacity: 1; -webkit-opacity: 1; opacity:1; }
.hover-show-overlay:hover .hide-on-hover{-moz-opacity: 0; -webkit-opacity: 0; opacity: 0;}
.overlay-purple .overlay-to-show{background: rgba(113,20,113,.88);}

footer{background: url(/App_Themes/QualityAlliance/images/pattern-overlay.png) #53534a;}
footer *{color:white;}
footer a{text-decoration: none;}
footer a:hover{color: #cccccb;}
footer ul{list-style: none; padding: 0; margin:0; }
footer li{display: block; padding: .45rem 0; clear:both;}
.footer-top{padding-top: 3rem; padding-bottom:4.5rem;}
.footer-bottom{padding-top: 1.25rem; padding-bottom:2rem; font-family: "PT Sans",sans-serif;
  background:  url(/App_Themes/QualityAlliance/images/pattern-overlay.png) #33332d;
  background: -webkit-linear-gradient( rgba(51,51,45, 0.5), rgba(51,51,45, 0.5)), url(/App_Themes/QualityAlliance/images/pattern-overlay.png) #33332d; 
  background: linear-gradient( rgba(51,51,45, 0.5), rgba(51,51,45, 0.5)), url(/App_Themes/QualityAlliance/images/pattern-overlay.png) #33332d;

}

footer:after{content:''; clear:both; display: block;}
#logo-ccf-footer img,#logo-at-work-footer img{width:100%;}
#logo-ccf-footer{width: 140px; display:inline-block; margin-top: .5em;}

/*#Media Queries/sm#*/
@media only screen and (max-width: 40em){
      
  .LogonDialog td{display:block; width: 100%;}
  .page-hero-area{margin-left: -1.7em; margin-right: -1.7em;}
  .footer-copy-nav li{width: 100%;}
  #footer-navigation > li{display:block; width: 100%;}
  
  .launchpad-item ~ .launchpad-item,
  .download-search-item ~ .download-search-item,
	.gallery-item ~ .gallery-item,
	.video-item ~ .video-item{border-top: 1px solid #efefef;}
  
    .gallery-item figure img{margin-top:1.2em;}
	.gallery-item{text-align: center;}
    .video-item{padding-top: 2em}
  
	.sm-col-8th,.sm-wide-8th{width: 12.5%;}
	.sm-col-6th,.sm-wide-6th{width: 16.6666%;}
	.sm-col-5th,.sm-wide-5th{width: 20%;}
	.sm-col-4th,.sm-wide-4th{width: 25%;}
	.sm-col-3rd,.sm-wide-3rd{ width:33.33%;}
	.sm-col-2-5ths,.sm-wide-2-5ths{width: 40%}
	.sm-col-half,.sm-wide-half{width: 50%;}
	.sm-col-3-5ths,.sm-wide-3-5ths{width: 60%}
	.sm-col-2-3rds,.sm-wide-2-3rds{width: 66.66%}
	.sm-col-3-4ths,.sm-wide-3-4ths{width: 75%;}
	.sm-col-4-5ths,.sm-wide-4-5ths{width: 80%;}
	.sm-col-5-6ths,.sm-wide-5-6ths{width: 83.3333%;}
	.sm-col-7-8ths,.sm-wide-7-8ths{width: 87.5%;}
	.sm-col-full,.sm-wide-full{width: 100%;}
	
	/*#modifiers (small screen)#*/
	.xs-only, .md-only, 
	.xl-only, .lg-only, 
	.lg-md-only, .xl-md-only{ display: none !important; }
	
	/*text alignments*/
	.sm-text-left{text-align: left;}
	.sm-text-center{text-align: center;}
	.sm-text-right{text-align: right;}
	
	/*floats*/
	.sm-fl-none{float:none;}
	.sm-fl-right{float: right;}
	.sm-fl-left{float: left;}
	
	/*display*/
	.sm-inline{display:inline;}
	.sm-inline-block{display:inline-block; float:none;}
	.sm-block{display:block;}
	.sm-table{display:table;}
	.sm-table-cell{display:table-cell;}
	
	/*margin*/
	.sm-margin-auto{margin:auto; float:none;}
	.sm-margin-top-0{margin-top:0}
	.sm-margin-bottom-0{margin-bottom:0;}
	
	/*padding*/
	.sm-pad-none{padding:0;}
	.sm-pad-all-0{padding:0}
	.sm-pad-all-1em{padding:1em;}
	.sm-pad-all-2em{padding:2em;}
	.sm-pad-top-0{padding-top:0;}
	.sm-pad-top-1em{padding-top:1em;}
	.sm-pad-top-2em{padding-top:2em;}
	.sm-pad-right-0em{padding-right:0;}
	.sm-pad-right-1em{padding-right:1em;}
	.sm-pad-right-2em{padding-right:2em;}
	.sm-pad-bottom-0{padding-bottom:0;}
	.sm-pad-bottom-1em{padding-bottom:1em;}
	.sm-pad-bottom-2em{padding-bottom:2em;}
	.sm-pad-left-0{padding-left:0;}
	.sm-pad-left-1em{padding-left:1em;}
	.sm-pad-left-2em{padding-left:2em;}
	
	/*clearing*/
	.sm-clear{clear:both;}
	.sm-clear-after:after{content:''; display: block; clear: both;}
	
	/*font adjustments*/
	.sm-uppercase{text-transform: uppercase;}
	.sm-lowercase{text-transform:lowercase;}
	.sm-text-size-p875{font-size: .875em;}
	.sm-text-size-1p125{font-size: 1.125em;}
	.sm-text-size-1p25{font-size: 1.25em;}
	.sm-text-size-1p5{font-size: 1.5em;}
	.sm-text-size-1p75{font-size: 1.75em;}
	.sm-text-size-2{font-size: 2em;}

} 

/*#Media Queries/xl#*/
@media only screen and (min-width: 40.0625em) {
	
	.content{padding:0 2.6875em;}
	.content.row{padding-left:1.9875em; padding-right:1.9875em;}
  
    #logo-ccf{width: 260px;}
    .page-title{margin-bottom: 5.25rem;}
  
	#footer-navigation{display:table; table-layout: fixed;}
    #footer-navigation > li{display: table-cell;}
  
  
	/*#desktop headings#*/
	h1{font-size:2em;margin:.67em 0}
	h2{font-size:1.25em;margin:.83em 0}
	h3{font-size:1.125em;margin:1em 0}
	h4{font-size:1em;margin:.83em 0}
	h5{font-size:.83em;margin:1.67em 0}
	h6{font-size:.67em;margin:2.33em 0}
	
	.xl-col-8th,.xl-wide-8th{width: 12.5%;}
	.xl-col-6th,.xl-wide-6th{width: 16.6666%;}
	.xl-col-5th,.xl-wide-5th{width: 20%;}
	.xl-col-4th,.xl-wide-4th{width: 25%;}
	.xl-col-3rd,.xl-wide-3rd{ width:33.33%;}
	.xl-col-2-5ths,.xl-wide-2-5ths{width: 40%}
	.xl-col-half,.xl-wide-half{width: 50%;}
	.xl-col-3-5ths,.xl-wide-3-5ths{width: 60%}
	.xl-col-2-3rds,.xl-wide-2-3rds{width: 66.66%}
	.xl-col-3-4ths,.xl-wide-3-4ths{width: 75%;}
	.xl-col-4-5ths,.xl-wide-4-5ths{width: 80%;}
	.xl-col-5-6ths,.xl-wide-5-6ths{width: 83.3333%;}
	.xl-col-7-8ths,.xl-wide-7-8ths{width: 87.5%;}
	.xl-col-full,.xl-wide-full{width: 100%;}
	
	/*#Modifiers (xl screen)#*/
	.xs-only, .md-only,.sm-only, .lg-only, 
	.lg-md-only, .xl-md-only{ display: none !important; }
	
	/*text alignments*/
	.xl-text-left{text-align: left;}
	.xl-text-center{text-align: center;}
	.xl-text-right{text-align: right;}
	
	/*floats*/
	.xl-fl-none{float:none;}
	.xl-fl-right{float: right;}
	.xl-fl-left{float: left;}
	
	/*display*/
	.xl-inline{display:inline;}
	.xl-inline-block{display:inline-block; float:none;}
	.xl-block{display:block;}
	.xl-table{display:table;}
	.xl-table-cell{display:table-cell;}
	
	/*margin*/
	.xl-margin-auto{margin:auto; float:none;}
	.xl-margin-top-0{margin-top:0}
	.xl-margin-bottom-0{margin-bottom:0;}
	
	/*padding*/
	.xl-pad-none,
	.xl-pad-all-0{padding:0}
	.xl-pad-all-1em{padding:1em;}
	.xl-pad-all-2em{padding:2em;}
	.xl-pad-top-0{padding-top:0;}
	.xl-pad-top-1em{padding-top:1em;}
	.xl-pad-top-2em{padding-top:2em;}
	.xl-pad-right-0em{padding-right:0;}
	.xl-pad-right-1em{padding-right:1em;}
	.xl-pad-right-2em{padding-right:2em;}
	.xl-pad-bottom-0{padding-bottom:0;}
	.xl-pad-bottom-1em{padding-bottom:1em;}
	.xl-pad-bottom-2em{padding-bottom:2em;}
	.xl-pad-left-0{padding-left:0;}
	.xl-pad-left-1em{padding-left:1em;}
	.xl-pad-left-2em{padding-left:2em;}
	
	/*clearing*/
	.xl-clear{clear:both;}
	.xl-clear-after:after{content:''; display: block; clear: both;}
	
	/*font adjustments*/
	.xl-uppercase{text-transform: uppercase;}
	.xl-lowercase{text-transform:lowercase;}
	.xl-text-size-p875{font-size: .875em;}
	.xl-text-size-1p125{font-size: 1.125em;}
	.xl-text-size-1p25{font-size: 1.25em;}
	.xl-text-size-1p5{font-size: 1.5em;}
	.xl-text-size-1p75{font-size: 1.75em;}
	.xl-text-size-2{font-size: 2em;}
	
	/*#image clipping#*/
    .xl-img-clipify,.xl-img-clipify > div{overflow:hidden;}
	.xl-img-clipify img { position: relative; display: block; max-width: auto; left: 50%; 
	-moz-transform: translateX(-50%); 
	-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.xl-img-clip-540w { width: 100%; min-width: 540px; }
	.xl-img-clip-420w { min-width: 420px; }
	.xl-img-clip-320w { min-width: 320px; }
	.xl-img-clip-280w { min-width: 280px; }
	.no-csstransforms [class*='xl-img-clipify'] img { left: 0; }
	
	.xl-table-like{display: table; table-layout: fixed; width:100%;}
	.xl-table-like > div,.xl-table-like > section{display: table-cell;vertical-align: middle; float:none;}
	.xl-untable-like{display:block;}
	.xl-untable-like > div, .xl-untable-like > section, .xl-untable-like aside{display:block; float:left}
	
	/*WYSIWYG: if the user styles the image to float right or left, add some spacing from text. Only for Desktop though!*/
	.text-content img[style*='right']{padding-left:1em;}
    .text-content img[style*='left']{padding-right:1em;}

}

/*#Media Queries/lg#*/
@media only screen and (min-width : 48.0625em) and (max-width : 60em){
	
    #footer-navigation > li{display:inline-block; width: 50%;}
  
	.lg-col-8th,.lg-wide-8th{width: 12.5%;}
	.lg-col-6th,.lg-wide-6th{width: 16.6666%;}
	.lg-col-5th,.lg-wide-5th{width: 20%;}
	.lg-col-4th,.lg-wide-4th{width: 25%;}
	.lg-col-3rd,.lg-wide-3rd{ width:33.33%;}
	.lg-col-2-5ths,.lg-wide-2-5ths{width: 40%}
	.lg-col-half,.lg-wide-half{width: 50%;}
	.lg-col-3-5ths,.lg-wide-3-5ths{width: 60%}
	.lg-col-2-3rds,.lg-wide-2-3rds{width: 66.66%}
	.lg-col-3-4ths,.lg-wide-3-4ths{width: 75%;}
	.lg-col-4-5ths,.lg-wide-4-5ths{width: 80%;}
	.lg-col-5-6ths,.lg-wide-5-6ths{width: 83.3333%;}
	.lg-col-7-8ths,.lg-wide-7-8ths{width: 87.5%;}
	.lg-col-full,.lg-wide-full{width: 100%;}

	
	/*text alignments*/
	.lg-text-left{text-align: left;}
	.lg-text-center{text-align: center;}
	.lg-text-right{text-align: right;}
	
	/*floats*/
	.lg-fl-none{float:none;}
	.lg-fl-right{float: right;}
	.lg-fl-left{float: left;}
	
	/*display*/
	.lg-inline{display:inline;}
	.lg-inline-block{display:inline-block; float:none;}
	.lg-block{display:block;}
	.lg-table{display:table;}
	.lg-table-cell{display:table-cell;}
	
	.lg-table-like{display: table; table-layout: fixed; width: 100%;}
	.lg-table-like > div, .lg-table-like > section,.lg-table-like > aside{display: table-cell;}
	.lg-untable-like{display:block;}
	.lg-untable-like > div, .lg-untable-like > section, .lg-untable-like aside{display:block; float:left}
	
	/*margin*/
	.lg-margin-auto{margin:auto; float:none;}
	.lg-margin-top-0{margin-top:0}
	.lg-margin-bottom-0{margin-bottom:0;}
	
	/*padding*/
	.lg-pad-none,
	.lg-pad-all-0{padding:0}
	.lg-pad-all-1em{padding:1em;}
	.lg-pad-all-2em{padding:2em;}
	.lg-pad-top-0{padding-top:0;}
	.lg-pad-top-1em{padding-top:1em;}
	.lg-pad-top-2em{padding-top:2em;}
	.lg-pad-right-0em{padding-right:0;}
	.lg-pad-right-1em{padding-right:1em;}
	.lg-pad-right-2em{padding-right:2em;}
	.lg-pad-bottom-0{padding-bottom:0;}
	.lg-pad-bottom-1em{padding-bottom:1em;}
	.lg-pad-bottom-2em{padding-bottom:2em;}
	.lg-pad-left-0{padding-left:0;}
	.lg-pad-left-1em{padding-left:1em;}
	.lg-pad-left-2em{padding-left:2em;}
	
	/*clearing*/
	.lg-clear{clear:both;}
	.lg-clear-after:after{content:''; display: block; clear: both;}
	
	/*font adjustments*/
	.lg-uppercase{text-transform: uppercase;}
	.lg-lowercase{text-transform:lowercase;}
	.lg-text-size-p875{font-size: .875em;}
	.lg-text-size-1p125{font-size: 1.125em;}
	.lg-text-size-1p25{font-size: 1.25em;}
	.lg-text-size-1p5{font-size: 1.5em;}
	.lg-text-size-1p75{font-size: 1.75em;}
	.lg-text-size-2{font-size: 2em;}
}

/*#Media Queries/md#*/
@media only screen and (min-width : 40.0625em) and (max-width : 48em){
	
   #footer-navigation > li{display:inline-block; width: 50%;}
  
	.md-col-8th,.md-wide-8th{width: 12.5%;}
	.md-col-6th,.md-wide-6th{width: 16.6666%;}
	.md-col-5th,.md-wide-5th{width: 20%;}
	.md-col-4th,.md-wide-4th{width: 25%;}
	.md-col-3rd,.md-wide-3rd{ width:33.33%;}
	.md-col-2-5ths,.md-wide-2-5ths{width: 40%}
	.md-col-half,.md-wide-half{width: 50%;}
	.md-col-3-5ths,.md-wide-3-5ths{width: 60%}
	.md-col-2-3rds,.md-wide-2-3rds{width: 66.66%}
	.md-col-3-4ths,.md-wide-3-4ths{width: 75%;}
	.md-col-4-5ths,.md-wide-4-5ths{width: 80%;}
	.md-col-5-6ths,.md-wide-5-6ths{width: 83.3333%;}
	.md-col-7-8ths,.md-wide-7-8ths{width: 87.5%;}
	.md-col-full,.md-wide-full{width: 100%;}
	
	/*#modifiers (medium screen)#*/
	.sm-only, .lg-md-only, .xs-only { display: none !important; }
	
	/*text alignments*/
	.md-text-left{text-align: left;}
	.md-text-center{text-align: center;}
	.md-text-right{text-align: right;}
	
	/*floats*/
	.md-fl-none{float:none;}
	.md-fl-right{float: right;}
	.md-fl-left{float: left;}
	
	/*display*/
	.md-inline{display:inline;}
	.md-inline-block{display:inline-block; float:none;}
	.md-block{display:block;}
	.md-table{display:table;}
	.md-table-cell{display:table-cell;}
	
	.md-table-like{display: table; table-layout: fixed; width: 100%;}
	.md-table-like > div, .md-table-like > section,.md-table-like > aside{display: table-cell;}
	.md-untable-like{display:block;}
	.md-untable-like > div, .md-untable-like > section, .md-untable-like aside{display:block; float:left}
	
	/*margin*/
	.md-margin-auto{margin:auto; float:none;}
	.md-margin-top-0{margin-top:0}
	.md-margin-bottom-0{margin-bottom:0;}
	
	/*padding*/
	.md-pad-none,
	.md-pad-all-0{padding:0}
	.md-pad-all-1em{padding:1em;}
	.md-pad-all-2em{padding:2em;}
	.md-pad-top-0{padding-top:0;}
	.md-pad-top-1em{padding-top:1em;}
	.md-pad-top-2em{padding-top:2em;}
	.md-pad-right-0em{padding-right:0;}
	.md-pad-right-1em{padding-right:1em;}
	.md-pad-right-2em{padding-right:2em;}
	.md-pad-bottom-0{padding-bottom:0;}
	.md-pad-bottom-1em{padding-bottom:1em;}
	.md-pad-bottom-2em{padding-bottom:2em;}
	.md-pad-left-0{padding-left:0;}
	.md-pad-left-1em{padding-left:1em;}
	.md-pad-left-2em{padding-left:2em;}
	
	/*clearing*/
	.md-clear{clear:both;}
	.md-clear-after:after{content:''; display: block; clear: both;}
	
	/*font adjustments*/
	.md-uppercase{text-transform: uppercase;}
	.md-lowercase{text-transform:lowercase;}
	.md-text-size-p875{font-size: .875em;}
	.md-text-size-1p125{font-size: 1.125em;}
	.md-text-size-1p25{font-size: 1.25em;}
	.md-text-size-1p5{font-size: 1.5em;}
	.md-text-size-1p75{font-size: 1.75em;}
	.md-text-size-2{font-size: 2em;}
	
	.text-content > img{max-width: 50%}
}

@media only screen and (min-width:60.025em){
	/*#Modifiers (xl screen)#*/
	.xs-only, .md-only,.sm-only, .lg-only, 
	.lg-md-only, .xl-md-only{ display: none !important; }
}


/*#Media Queries/xs#*/
/* max-width 384px, mobile small screens */
@media only screen and (max-width: 24em)  { 

	.xs-col-8th,.xs-wide-8th{width: 12.5%;}
	.xs-col-6th,.xs-wide-6th{width: 16.6666%;}
	.xs-col-5th,.xs-wide-5th{width: 20%;}
	.xs-col-4th,.xs-wide-4th{width: 25%;}
	.xs-col-3rd,.xs-wide-3rd{ width:33.33%;}
	.xs-col-2-5ths,.xs-wide-2-5ths{width: 40%}
	.xs-col-half,.xs-wide-half{width: 50%;}
	.xs-col-3-5ths,.xs-wide-3-5ths{width: 60%}
	.xs-col-2-3rds,.xs-wide-2-3rds{width: 66.66%}
	.xs-col-3-4ths,.xs-wide-3-4ths{width: 75%;}
	.xs-col-4-5ths,.xs-wide-4-5ths{width: 80%;}
	.xs-col-5-6ths,.xs-wide-5-6ths{width: 83.3333%;}
	.xs-col-7-8ths,.xs-wide-7-8ths{width: 87.5%;}
	.xs-col-full,.xs-wide-full{width: 100%;}
	
	
	/*#modifiers (xsmall screen)#*/
	.md-only, .xl-only { display: none !important; }
	
	/*text alignments*/
	.xs-text-left{text-align: left;}
	.xs-text-center{text-align: center;}
	.xs-text-right{text-align: right;}
	
	/*floats*/
	.xs-fl-none{float:none;}
	.xs-fl-right{float: right;}
	.xs-fl-left{float: left;}
	
	/*display*/
	.xs-inline{display:inline;}
	.xs-inline-block{display:inline-block; float:none;}
	.xs-block{display:block;}
	.xs-table{display:table;}
	.xs-table-cell{display:table-cell;}
	
	.xs-table-like{display: table; table-layout: fixed; width: 100%;}
	.xs-table-like > div, table-like > section{display: table-cell;}
	
	/*margin*/
	.xs-margin-auto{margin:auto; float:none;}
	.xs-margin-top-0{margin-top:0}
	.xs-margin-bottom-0{margin-bottom:0;}
	
	/*padding*/
	.xs-pad-none,
	.xs-pad-all-0{padding:0}
	.xs-pad-all-1em{padding:1em;}
	.xs-pad-all-2em{padding:2em;}
	.xs-pad-top-0{padding-top:0;}
	.xs-pad-top-1em{padding-top:1em;}
	.xs-pad-top-2em{padding-top:2em;}
	.xs-pad-right-0em{padding-right:0;}
	.xs-pad-right-1em{padding-right:1em;}
	.xs-pad-right-2em{padding-right:2em;}
	.xs-pad-bottom-0{padding-bottom:0;}
	.xs-pad-bottom-1em{padding-bottom:1em;}
	.xs-pad-bottom-2em{padding-bottom:2em;}
	.xs-pad-left-0{padding-left:0;}
	.xs-pad-left-1em{padding-left:1em;}
	.xs-pad-left-2em{padding-left:2em;}
	
	/*clearing*/
	.xs-clear{clear:both;}
	.xs-clear-after:after{content:''; display: block; clear: both;}
	
	/*font adjustments*/
	.xs-uppercase{text-transform: uppercase;}
	.xs-lowercase{text-transform:lowercase;}
	.xs-text-size-p875{font-size: .875em;}
	.xs-text-size-1p125{font-size: 1.125em;}
	.xs-text-size-1p25{font-size: 1.25em;}
	.xs-text-size-1p5{font-size: 1.5em;}
	.xs-text-size-1p75{font-size: 1.75em;}
	.xs-text-size-2{font-size: 2em;}
	
} 

/*#colorbox overlay#*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxLoadedContent img,#cboxLoadedContent a{max-width: 100%;}
#cboxLoadedContent iframe{width: 100%;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay,.modal-overlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;  background: #000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{padding: 1em 4em 3.25em; background:#fff;}
#cboxTitle{position:absolute; bottom:.8em; right:1em; }
#cboxCurrent{position:absolute; bottom:1em; left:1em;}
#cboxLoadingGraphic{background:url(/App_Themes/QualityAlliance/images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious,#cboxNext,#cboxClose{background: url(/App_Themes/QualityAlliance/images/colorbox-sprite.png) no-repeat top left; 
  background: none, url(/App_Themes/QualityAlliance/images/colorbox-sprite.svg) no-repeat top left;
  background-size: 98px 130px;
}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{background-position:top right; position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute;top: 3px;right: 3px; display:block;width: 36px; height:35px; text-indent:-9999px;background-position: top center;}
#cboxClose:hover{background-position:bottom center;}