/*=================================================================================================================
 * CCGA Site CSS
 * Generated: 2026-01-12T15:43:26.031Z
 * DO NOT EDIT - this file will be overwritten on the next build
 *=================================================================================================================*/


/*==== SITE CUSTOM CSS (skin.css) ==================*/
/*=================================================================================================================
CCGA - National Site Skin
Copyright 1997-2011 PawPrint.net
Author: Scott W. Baker (PawPrint.net)
===================================================================================================================*/

/*== Base Styles ==================================================================================================*/
body{
  background: #0e153e url(https://ccgaca.s3.amazonaws.com/images/template/ocean.png) 0 0 repeat-x;
}
h1,h2,h3,h4,h5{
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #282e74;
  text-align: left;
}
h1{
  font-style: italic;
}
/*== Layout =======================================================================================================*/
#ppPageTop{
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/waves.jpg) 50% 0 repeat-x;
}
#ppPageBase{
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/marine.jpg) 50% 100% no-repeat;
}
#ppPageContent{
  color: #333;
  background: transparent;
  width: 960px;
  margin: 0 auto;
  box-shadow: 0 5px 10px rgba(0,0,0,0.75);
}
#ccgaLogo{
  display: block;
  position: absolute;
  z-index: 2;
  margin: 5px 0 0 10px;
}
@media print{
	#ppPageContent{
		box-shadow: none;
	}
  #ccgaLogo{
    display: none;
  }
}
#ppBanner{
  height: 195px;
  background: #fcfcfc;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#tagLine{
  position: absolute;
  z-index: 2;
  margin: 135px 0 0 10px;
  font-size: 26px;
  font-family: Helvetica, sans-serif;
  color: #282e74;
}
#tagLine2{
  position: absolute;
  z-index: 2;
  margin: 170px 0 0 10px;
  width: 5970px;
  text-align: right;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  color: #000;
}
#ppContentArea{
  background: #fff;
  color: #333;
  min-height: 700px;
}
#ppMainContent{
  padding: 0 2em 3em 2em;
}
#ppFooter{
  width: 960px;
  height: 280px;
  margin: 0 auto;
}
#ppCopyright{
  margin: 230px 0 0 20px;
  position: absolute;
  width: 650px;
  font-size: 80%;
  color: #aac;
  padding: 5px 0 0 10px;
  border-top: 3px groove rgba(100,174,228,0.2);
}
#ppCopyright a{
  color: #aac;
}
#ccgaPennant{
  display: block;
  position: absolute;
  margin: 175px 0 0 760px;
}
.roundShadow{
  height: 22px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/shadow.png) no-repeat 50% 0;
}
/*== Main Header Image Slideshow ==================================================================================*/
#ppBannerImage{
  position: absolute;
  z-index: 2;
  width: 265px;
  height: 160px;
  margin: 15px 0 0 650px;
  border: 6px solid #fff;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  overflow: hidden;
  background: #333;
}
/*== Section Header Image Stripes =================================================================================*/
#ppImageStripe{
  width: auto;
  height: 245px;
  background: #55ade4 url(https://ccgaca.s3.amazonaws.com/images/template/marine-sar.jpg) no-repeat 100% 0;
  border-bottom: 2px solid #fff;
}
img.PageBanner{
  border-right: 2px solid #fff;
}
#ppImageText{
  width: 420px;
  float: right;
  text-align: center;
  color: #fff;
  font-family: georgia, serif;
  padding: 30px 20px 0 0;
  font-style: italic;
  font-size: 28px;
}
/*== Navigtation ==================================================================================================*/
#topTools{
  width: 130px;
  float: right;
  font-size: 13px;
}
#topToolItems{
  width: 100px;
  padding-top: 12px;
  padding-right: 10px;
  float: right;
}
#topNav{
  width: auto;
  padding-left: 110px;
  height: 50px;
  background: #75baed;
  color: #fff;
  font-size: 15px;
}
#topNav.activeUser{
  background: #e3cb1e;
}
#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active {
  line-height: 50px;
  padding: 0 10px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
#topTools a:link, #topTools a:visited{
  color: #003;
  text-shadow: none;
}
#topNav a:hover, #topNav a:active {
  color: #f4ebaa;
}
#topNav.activeUser a:hover, #topNav.activeUser a:active {
  color: #282e74;
}
#topToolItems .userLanguage, #topToolItems .xdeSearchBtn{
  float: right;
  margin: 0 5px;
}

#mainNav{
  background: #282e74;
  width: auto;
  height: 35px;
  color: #fff;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}
#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
  line-height: 35px;
  padding: 0 10px;
  font-size: 15px;
  color: #fff;
}

#mainNav a:hover, #mainNav a:active {
  color: #e3cb1e;
}

/*== Base Navigation ==============================================================================================*/
#ppBaseNav1, #ppBaseNav2{
	position: absolute;
  height: 150px;
	width: 260px;
	margin: 30px 0 0 40px;
}
#ppBaseNav2{
	margin: 30px 0 0 360px;
}
.ppBaseNav{
  background: transparent;
	overflow: hidden;
	color: #e0e0d6;
	font-size: 14px;
}
.ppBaseNav h4{
	font-family: "Century Gothic", verdana, helvetica, sans-serif;
	font-weight: bold;
  letter-spacing: 0.2em;
	color: #fff;
	font-size: 18px;
	margin: 0 0 0.3em 0;
	padding: 0;
  display: block;
  border-bottom: 3px groove rgba(100,174,228,0.2);
}
.ppBaseNav a, .ppBaseNav a:link, .ppBaseNav a:visited{
	font-family: "Century Gothic", verdana, helvetica, sans-serif;
	background: transparent;
	color: #c5d7e0;
	text-decoration: none;
	font-weight: bold;
	padding-left: 1em;
}

.ppBaseNav a:hover{
	color: #fff;
}
/*== Custom Footer Elements ========================================================================*/
#ppSocialStrip{
  position: absolute;
  width: 200px;
  margin: 10px 770px;
}
#ccgaFacebook, #ccgaTwitter, #ccgaRSS{
  float: right;
  text-indent: -9999px;
  width: 48px;
  height: 32px;
  opacity: 0.7;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social32.png) no-repeat 5px -256px;
}
#ccgaTwitter{
  background-position: 5px -224px;
  margin-right: 0;
}
#ccgaRSS{
  background-position: 5px -128px;
  margin-right: 0;
}
#ccgaFacebook:hover, #ccgaTwitter:hover, #ccgaRSS:hover{
  opacity: 1;
}
/*=================================================================================================================*/
/*=== XDe Style Overrides =========================================================================================*/
/*=================================================================================================================*/
/*Menu Style Overrides*/
.popmenu{
	 border: 1px #282e74 solid;
	 background: #c4d6e0;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   font-size: 13px;
}

.menutitle{
  font-size: x-small;
  font-weight: bold;
  background: #282e74;
  color: #fff;
}

.menucontent ul li a:link, .menucontent ul li a:visited{
	 background: transparent;
	 color: #004;
}

.menucontent ul li a:hover, .menucontent ul li a:active{
	 background: #282e74;
	 color: #fff;
}
/*===================================================================================================*/
/*Content.Manage Style Overrides*/

.contentManageBorder{
  border: 5px solid #6596b4;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

div.manageContentSectionBorderTop{
  width: 100%;
	border-top: 2px dotted #666;
	padding-top: 5px;
}

div.manageContentSectionBorderBottom{
  width: 100%;
	border-bottom: 2px dotted #666;
	padding-bottom: 5px;
}

/*=================================================================================================================
 * Canadian Coast Guard Auxiliary - Central and Arctic Site CSS
 * Copyright © 2000-2025 Canadian Coast Guard Auxiliary - Central and Arctic - code Copyright © 1997-2025 PawPrint.net
 * 
 * DO NOT EDIT - this fill will be overwritten on the next site update
 * -- For custom CSS control edit /css/skin*.css or /css/override*.css, and /css/mobile*.css
 * 
 * Generated: 20250606135045
 *=================================================================================================================*/
 html {
  color: #000;
  background: #fff;
  height: 100%;
  font-size: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,caption,cite,code,dfn,th,var {
  font-style: normal;
  font-weight: normal;
}

ul,ol {
  margin-left: 2em;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

abbr,acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,textarea,select,option {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  box-sizing: border-box;
  line-height: normal;
}

input,textarea,select {
  *font-size: 100%;
}

legend {
  color: #000;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
}

.pageitem, a, td {
  background: transparent;
}

a:link, a:visited, a:hover, a:active {
  font-style : normal;
  text-decoration : none;
  color: #33c;
}

a:hover, a:active {
  color: #00f;
}

a:visited {
  color: #24a;
}

textarea {
  font-size: 120%;
}

body {
  min-height: 100%;
  font-family: sans-serif;
}

.pageitem {
  padding: 0.5rem;
  margin-bottom: 0.2rem;
}

acronym {
  cursor: help;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

.curZoom {
  cursor: url(https://ccgaca.s3.amazonaws.com/images/icons/zoom.cur) 6 6, pointer !important;
}

h1,h2, h3, h4, h5 {
  font-family: inherit;
  font-style: normal;
  color: #000;
  background: transparent;
  margin-bottom: 0.2rem;
}

h1 {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.3rem;
}

h4,h5 {
  font-size: 1.2rem;
  font-weight: bold;
}

.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.right {
  float: right;
}

.left {
  float: left;
}

.width99 {
  width: 99%;
}

.width75 {
  width: 75%;
}

.width60 {
  width: 60%;
}

.width50 {
  width: 50%;
}

.width30 {
  width: 30%;
}

.width25 {
  width: 25%;
}

.max1200 {
  max-width: 1200px;
}

.max1000 {
  max-width: 1000px;
}

.max900 {
  max-width: 900px;
}

.max800 {
  max-width: 800px;
}

.max700 {
  max-width: 700px;
}

.max600 {
  max-width: 600px;
}

.max500 {
  max-width: 500px;
}

.max400 {
  max-width: 400px;
}

.min200 {
  min-width: 200px;
}

.min300 {
  min-width: 300px;
}

.min400 {
  min-width: 400px;
}

.col10, .col15, .col25, .col30, .col40, .col50, .col60, .col75, .col85, .col90 {
  box-sizing: border-box;
}

.col10 {
  width: 10% !important;
}

.col15 {
  width: 15% !important;
}

.col25 {
  width: 25% !important;
}

.col30 {
  width: 33.33% !important;
}

.col40 {
  width: 40% !important;
}

.col60 {
  width: 66.65% !important;
}

.col50 {
  width: 50% !important;
}

.col75 {
  width: 75% !important;
}

.col85 {
  width: 85% !important;
}

.col90 {
  width: 90% !important;
}

.col10left {
  width: 8% !important;
}

.col15left {
  width: 13% !important;
}

.col25left {
  width: 23% !important;
}

.col30left {
  width: 31% !important;
}

.col40left {
  width: 38% !important;
}

.col60left {
  width: 63% !important;
}

.col50left {
  width: 48% !important;
}

.col75left {
  width: 73% !important;
}

.col85left {
  width: 83% !important;
}

.col90left {
  width: 88% !important;
}

.col10left, .col15left, .col25left, .col30left, .col40left, .col50left, .col60left, .col75left, .col85left, .col90left {
  box-sizing: border-box;
  margin-left: 2%;
}

.col50:nth-child(2n) {
  width: 48% !important;
  margin-left: 2%;
}

.col30:nth-child(3n), .col30:nth-child(3n+2) {
  width: 28% !important;
  margin-left: 2%;
}

.col25:nth-child(n) {
  width: 23% !important;
  margin-left: 2%;
}

.col25:nth-child(4n-3) {
  width: 25% !important;
  margin-left: 0;
}

.shadedBG {
  background: #eef;
  color: #111;
}

.unshadedBG {
  background: #fff;
  color: #333;
}

.fkSubj {
  display: none;
}

.xdeH9 {
  text-indent: -999px;
}

.xqsResult {
  display: none;
}

.xdeQuickSignup .submit {
  margin-top: 1em !important;
}

.xdeQuickSignup .formAddress {
  margin: 0;
}

form {
  border: 0;
  display: block;
}

fieldset {
  margin: 1em 0;
  padding: 1em;
}

legend {
  margin: 0 10px 0 0;
  border: 0;
  line-height: normal;
  vertical-align: baseline;
}

.XDeForm {
  border: 0;
  padding: 0.5em;
  margin: 0.2em;
  width: auto;
}

.XDeForm label, .ppUserSelect label, .XDeForm .labelSpace {
  color: #555;
  font-size: 80%;
  display: block;
  margin-top: 0.2em;
}

.XDeForm .labelSpace {
  height: 1.2em;
}

.XDeForm label.inline {
  font-size: 100%;
  display: inline;
  color: #333;
}

.XDeForm label.strong {
  font-size: 100%;
  font-weight: bold;
  display: inline;
  color: #111;
}

.XDeForm .ppInfoBox {
  background: #eef;
}

.XDeForm .ibBox {
  border-color: #fff;
  box-shadow: 0 40px 50px -50px rgba(0,0,102,0.2) inset;
  padding-bottom: 0.3rem;
}

.XDeForm .ibBoxTitle {
  color: #777;
  background: #fff;
  border-color: #ccc;
  box-shadow: 0 10px 30px -10px rgba(0,0,102,0.2) inset;
}

.formrow {
  margin-bottom: 15px;
  padding: 0;
  text-align: left;
}

input, select, textarea {
  border: 1px solid #99f;
  padding: 0.2rem;
}

input.checkbox {
  background: transparent;
}

input.required, select.required {
  border: 1px solid #900;
  box-shadow: 0 0 6px rgba(153,0,0,0.2) inset;
  background: #fdd;
  color: #600;
}

.formErrors {
  width: 75%;
  padding: 10px 10px 2px 10px;
  margin: 0px auto;
  border: 2px solid #c00;
  background: #fe6;
  color: #300;
}

.xdeUserCard, .xdeUserMicroCard, .xdeUserPortraitCard, .xucActiveCard {
  display: inline-block;
  color: #000;
  background: #eee;
  width: 31%;
  height: 100px;
  margin: 10px 1% 10px 1%;
  padding: 0;
  font-size: 11px;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}

.xdeUserCard:hover, .xdeUserMicroCard:hover {
  box-shadow: 0 0 5px #fc0;
}

.xucActiveCard {
  position: absolute;
  background: #fff;
  width: 350px !important;
  height: 100px !important;
  box-shadow: 5px 5px 30px 10px #000;
}

.xucActiveCard:hover {
  box-shadow: 5px 5px 30px 10px #000,0 0 5px #fc0;
}

.xdeUserMicroCard, .xdeUserPortraitCard {
  height: 50px;
}

.xdeUserPortraitCard {
  width: 50px;
}

.xdeUserPortraitCard .xucStatus {
  position: absolute;
}

.xucActiveCard.xdeUserPortraitCard .xucStatus {
  position: static;
}

.xucStatus {
  float: right;
  width: 30px;
  margin: 2px;
  font-family: monospace;
}

.xucStatus acronym {
  display: block;
  font-weight: bold;
  width: 26px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 2px;
}

.xucSuperuser {
  border-color: #900;
  background: #ffd;
}

.xucStatus .xucSuperuser {
  color: #fff;
  background: #900;
}

.xucBlocked {
  border-color: #fd9;
}

.xucStatus .xucBlocked {
  color: #fc0;
  background: #000;
}

.xucUlevel {
  border-color: #099;
}

.xucStatus .xucUlevel {
  color: #000;
  background: #9ff;
}

.xucUnverified {
  border-color: #aaa;
}

.xucStatus .xucUnverified {
  color: #000;
  background: #ddd;
}

.xucPortrait {
  float: left;
  width: 46px;
  height: 46px;
  margin: 2px;
  background: #999;
}

.xucPortrait img {
  width: 100%;
  height: 100%;
}

.xucActiveCard .xucPortrait {
  width: 96px;
  height: 96px;
}

.xucIdentity {
  margin: 0 5px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  height: 2.5em;
  overflow: hidden;
  text-wrap: none;
}

.xucSubName, .xucCompany {
  font-size: 11px;
  font-weight: normal;
}

.xucAdmin {
  margin: 0 5px;
}

.xucControls {
  text-align: center;
}

.xucEmail, .xucPhone, .xucCompany {
  width: auto;
  height: 1.3em;
  overflow: hidden;
}

#xdeUserSearch {
  display: block;
  padding: 5px !important;
  border-radius: 5px;
  background-color: #006;
}

table.xdeUser {
  width: 500px;
  margin: 0 auto;
}

.xdeUserAdminInfo {
  width: 500px;
  margin: 0 auto;
  font-size: 90%;
  text-align: right;
  padding: 0.2em;
  color: #666;
}

.xdeUserCustomInfo {
  width: 500px;
  margin: 0 auto;
}

.xdeUserSecurity {
  width: 496px;
  margin: 0 auto;
  border: 1px solid #666;
  padding: 1px;
}

.xdeUserSecurity .jqToggleContainer {
  background: #ccc;
}

.xdeUserSecurity .jqContainer {
  padding: 0.5em;
}

.xdeUser td.xdeUserRelatedInfo {
  background: #eee;
}

.xdeUser td.xdeUserRelatedTitle {
  font-weight: bold;
  background: #eee;
}

.xdeUserAddress {
  width: 45%;
  float: right;
}

.addressLabel {
  font-size: 90%;
  font-weight: bold;
}

div.xdeUserInfo {
  font-size: 90%;
}

.xdeUser .xdeUserControls {
  background: #ccc;
  padding: 0.5em;
}

.xdeUser .xdeContacts {
  width: 490px;
  margin: 0 auto;
  background: #fff;
}

.xdeUser .xdeUserContacts .jqHideContainer {
  clear: both;
}

.xdeUser .xdeUserContacts .jqToggleContainer {
  background: #ccc;
}

.xdeUserPopup {
  background: #333;
  color: #eee;
  border-radius: 15px;
  padding: 0.2em;
  font-size: 15px !important;
}

.xdeUserPopup .xdeContacts {
  background: #eee;
  color: #000;
  font-size: 12px;
}

.xdeUserPopup .xdeContacts td {
  padding: 0.1em 1em 0.1em 1em;
}

.xdeUserPopup .xupTitle {
  background: #ccc;
  color: #000;
  margin: 0 0 0.2em 0;
  padding: 0.2em;
  border-radius: 5px 5px 0 0;
}

.xdeAdminFooter {
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  box-shadow: 0 -5px 10px #000;
  border-top: 4px solid #fc0;
  background: rgba(0,0,0,0.7);
  color: #fff;
  z-index: 900;
}

.xdeAdminFooter:hover {
  background: rgba(255,240,240,1.0);
  color: #000;
}

.formAddress {
  margin: 0 0 1em 0;
}

.formAddress div.title {
  margin: 0 0 5px 0;
}

.formAddress div.postalCode {
  margin: 0.5em 0 0 10em;
}

.formAddress label {
  font-size: 80%;
  color: #666;
}

.adminmenu {
  font-size: 10px;
  padding: 0;
  width: 150px;
}

.adminmenu ul {
  list-style: none;
  margin: 0 2px 0 0;
  padding: 0;
  border: 0;
}

.adminmenu ul li {
  margin: 0;
  padding: 0;
  border: 0;
}

.adminmenu ul li a, .adminmenu ul li a:link,.adminmenu ul li a:visited {
  display: block;
  font-size: 10px;
  padding: 2px 2px 2px 2px;
  background: #fff;
  color: #009;
  text-decoration: none;
  width: 95%;
}

.adminmenu ul li a:hover {
  background: #fc0;
}

table.grid {
  border-top: 1px solid #006;
  border-left: 1px solid #006;
}

.grid td {
  border-bottom: 1px solid #006;
  border-right: 1px solid #006;
}

.grid th {
  border-bottom: 2px solid ##006;
  border-right: 1px solid #006;
}

table.info {
  border-top: 1px solid #006;
  border-left: 1px solid #006;
}

.info td {
  padding: 0.3rem;
  border-bottom: 1px solid #006;
  border-right: 1px solid #006;
}

.info td strong {
  color: #111;
}

.info th, .ppStripedTable th {
  padding: 0.7rem;
  text-align: left;
  background: #229;
  box-shadow: 0 3em 3em -2em rgba(255,255,255,0.2) inset;
  color: #fff;
  border-bottom: 2px solid #006;
  border-right: 1px solid #006;
}

.ppStripedTable {
  border-collapse: collapse;
}

.ppStripedTable td {
  border: 1px solid #006;
  border-collapse: collapse;
  margin: 0;
  padding: 0.2em 0.5em;
}

.ppStripedTable tr {
  background: #fff;
}

.ppStripedTable tr.alternate {
  background: #eef;
}

.ppStripedTable tr:hover {
  background: #e5e5ff;
}

.ppPathNav {
  margin: 0.2em 1em 0.5em 1em;
  padding: 0.2em 0 0.3em 0.5em;
  line-height: 20px;
  height: 20px;
}

.ppPathNav .jqIcon {
  margin: 3px 0.7em -3px 0.7em;
}

#pnSearchBtn {
  display: block;
  float: right;
  margin: 0 10px 0 10px;
  background-color: #ccf;
  border-radius: 5px;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  width: 20px;
}

.paginationLinks {
  background: #ccc;
  border: 1px solid #666;
  padding: 0.5em;
  font-size: 80%;
  line-height: 2em;
  margin: 1em auto;
  width: 90%;
}

.paginationLinks a {
  color: #333;
  border: 1px solid #999;
  background: #fff;
  margin: 0.2em 0;
  padding: 0.2em 0.4em;
  line-height: 1.5em;
}

.paginationLinks a:hover {
  background: #eee;
  color: #000;
}

.paginationLinks .currentPage {
  border: 2px solid #900;
  background: #fee;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0.4em;
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

.adminToolsContainer {
  border: 2px solid #eee;
  margin: 0.2em 2em 1em 2em;
}

.adminToolsTitle {
  background: #036;
  color: #fff;
}

.admintools table {
  margin: 0.5em;
}

input.submit {
  display: block;
  margin: 1em 0 0 5em;
}

a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited, input.bigtextbutton,a.textbutton:hover, a.textbutton:link, a.textbutton:active, a.textbutton:visited, input.textbutton,a.minitextbutton:hover, a.minitextbutton:link, a.minitextbutton:active, a.minitextbutton:visited {
  display: inline-block;
  margin: 0.2rem;
  padding: 0.2rem 0.5rem 0.3rem 0.5rem;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background: #229;
  border: 1px solid #006;
  box-shadow: 0 0 5px rgba(0,0,0,0.3),0 10px 10px -10px rgba(255,255,255,0.2) inset;
}

a.minitextbutton:hover, a.minitextbutton:link, a.minitextbutton:active, a.minitextbutton:visited {
  font-size: 75%;
  padding: 0 0.2rem 0.1rem 0.2rem;
  margin: 0.1rem;
}

a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited {
  font-size: 120%;
  padding: 0.5rem;
  margin: 1rem;
}

a.textbutton:hover, a.bigtextbutton:hover, a.minitextbutton:hover, input.textbutton:hover {
  background: #fea;
  color: #002;
  font-weight: normal;
  border-color: #fc9;
  box-shadow: 0 0 5px rgba(0,0,0,0.3),0 -10px 10px -10px rgba(255,204,153,0.2) inset;
}

.bbTextUtils a.textbutton {
  font-size: 75%;
  margin: 2px 1px 2px 0;
}

div.ppButtonBar {
  margin: 0.1em;
}

a.ppJsButton {
  line-height: 1.2em;
  height: 1.2em;
  padding: .4em 1em .4em 23px;
  margin: 0.2em 1em;
  text-decoration: none;
  position: relative;
}

a.ppJsButton span.ui-icon {
  position: absolute;
  left: .2em;
  top: 50%;
  margin: -8px 5px 0 -2px;
}

.ppInfoBox {
  border: 1px solid #006;
  padding: 0;
  margin-bottom: 0.2em;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.ui-tabs-panel .ppInfoBox {
  box-shadow: none;
}

.ibTitle {
  width: auto;
  font-weight: bold;
  border-bottom: 1px solid #006;
  background: #229;
  color: #fff;
  padding: 0.7rem;
  text-align: left;
  box-shadow: 0 3em 3em -2em rgba(255,255,255,0.2) inset;
}

.ibMidBorderBox {
  background: #ccc;
  color: #333;
  font-weight: normal;
  width: 50%;
  text-align: center;
  border: 1px solid #99f;
  margin: 0.5em auto 0.5em auto;
}

.ibNotes {
  padding: 0 0.5em 0 0.5em;
  font-size: 90%;
}

.ibHighlight {
  background: #eef;
  ;}

.ibHover:hover {
  background: #e5e5ff;
}

.ibBox {
  margin: 0.7em 0 0.5em 0;
  border: 2px solid #dde;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

.ibBoxTitle {
  margin: -0.8em auto 0.5em 0.5em;
  width: 50%;
  border: 1px solid #dde;
  padding: 0.2em;
  background: #eef;
  font-weight: bold;
}

.ibContainer {
  margin: 0.5% 0 0.5% 0;
  padding-bottom: 0.5%;
  overflow: hidden;
}

.ibFloat {
  float: left;
  width: 24%;
}

.ibFloatRight {
  float: right;
  width: 24%;
}

.ibBlock {
  display: inline-block;
  width: 24%;
  padding: 0.2em;
}

.ppInfoBox hr, hr.clear {
  display: block;
  visibility: hidden;
  clear: both;
  margin: -0.2em 0;
}

.ibContent {
  margin: 1em 0.5em 0.5em 0.5em;
}

#formSiteOptions .ppInfoBox {
  width: 650px;
}

#formSiteOptions .ppInfoBox label {
  color: #666;
  font-size: 75%;
  display: block;
  margin-top: 0.2em;
}

#formSiteOptions .ppInfoBox label.inline {
  font-size: 100%;
  display: inline;
  color: #000;
}

#formSiteOptions .ppInfoBox label.strong {
  font-size: 100%;
  font-weight: bold;
  display: inline;
  color: #000;
}

.jqToggleContainer, .jqShowContainer {
  cursor: pointer;
  font-weight: bold;
  font-size: 90%;
  border: 1px solid #eee;
  padding: 0 0 0 0.5em;
}

div.userGroupHeader {
  width: 90%;
  margin: 0 auto;
  background: #eee;
  padding: 10px;
}

.noPhoto {
  background: #666;
  color: #fff;
  text-align: center;
  float: left;
  margin-right: 2em;
  line-height: 128px;
}

.userGroupQStats {
  float: right;
  width: 12em;
  padding-left: 1em;
}

.userGroupHeader hr {
  visibility: hidden;
  border: 0 none;
  height: 1px;
  margin: 0;
  clear: both;
}

.userGroupSpecs {
  float: right;
  margin: -0.1em 0.1em 1em 1em;
  padding: 10px;
  width: 15em;
  background: #fff;
}

.userGroupSpecs .userGroupQStats {
  margin: 0.1em auto 0.5em auto;
  float: none;
  width: auto;
}

.userGroupSpecs ul, .userGroupSpecs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto;
}

.userGroupSpecs ul {
  margin: 0.5em;
}

.usergroupNoticeList {
  padding: 10px;
  margin: 0.2em;
  background: #fff;
}

.usergroupNoticeList .noticeDate {
  float: right;
}

.xdeSpecialUser {
  display: inline-block;
}

.ppUserSelect, .ppUsergroupSelect {
  margin: 0.2em;
}

.ppUserSelect .uidInput, .ppUsergroupSelect .ugidInput {
  display: none;
  float: left;
}

.ppUserSelect .actionButton {
  line-height: 18px;
  height: 18px;
  padding: 0.2em;
  margin: 0 0.2em 0 0;
  float: left;
  cursor: pointer;
  background: #eef;
  color: #000;
  border: 1px solid #ccc;
}

#selectUserListArea, #selectUsergroupListArea {
  overflow: scroll;
  height: 20em;
}

div.fullLoading {
  height: 50px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/loader/loading.gif) no-repeat 50% 50%;
}

div.fullLoadingSnake {
  height: 50px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/loader/load_snake.gif) no-repeat 50% 50%;
}

ul.ppAdminTools {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  border: 0;
  width: auto;
  font-size: 90%;
}

.ppAdminTools li {
  margin: 0.1em 0 0 0;
  padding: 0;
  border: 0;
  width: auto;
}

.ppAdminTools li a, .ppAdminTools li a:link, .ppAdminTools li a:visited {
  display: block;
  padding: 0.1em 0.2em 0.1em 0.4em;
  background: #eef;
  border-left: 4px solid #dde;
  color: #335;
  text-decoration: none;
  width: auto;
}

.ppAdminTools li a:hover {
  background: #e5e5ff;
  color: #111;
  border-left: 4px solid #99f;
}

.auditTable td {
  vertical-align: top;
}

.auditDetail {
  font-size: 80%;
  padding: 1em;
  border: 2px solid #ccc;
  border-top: 0 none;
  background: #fff;
}

.auditDetailBtn {
  background: #eee;
}

.auditDetailBtn:hover {
  background: #fed;
}

.auditDate {
  font-size: 90%;
}

.auditTime {
  font-weight: bold;
  font-size: 110%;
}

.miniContentDialog {
  display: none;
}

.xdeRecentItemsCollection ul {
  padding: 0;
  list-style: none;
  margin: 1em;
}

.recentTitle {
  width: auto;
  line-height: 20px !important;
  height: 20px !important;
  margin-top: -5px !important;
}

#xdeRecentQuickSelect {
  position: absolute;
  margin: 5px 0 0 430px;
  width: 150px;
}

#ppDrawerLeftContainer, #ppDrawerTopContainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 350px;
  height: 600px;
  z-index: 100;
  background: transparent;
}

#ppDrawerLeftContainer {
  left: -350px;
}

#ppDrawerTopContainer {
  width: 600px;
  height: 350px;
  left: 100%;
  top: -350px;
  margin-left: -600px;
}

#ppDrawerLeftContent, #ppDrawerTopContent {
  width: auto;
  height: 600px;
  border: 1px solid #666;
  background: #eee;
  padding: 0.5em 0.2em;
  font-size: 90%;
  overflow: auto;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  box-shadow: -2px 2px 2px rgba(50,50,50,0.2);
  -webkit-box-shadow: -2px 2px 2px rgba(50,50,50,0.2);
}

#ppDrawerTopContent {
  width: auto;
  height: 335px;
}

#ppDrawerLeftBtn, #ppDrawerTopBtn {
  width: 15px;
  height: 80px;
  line-height: 15px;
  text-align: center;
  float: right;
  margin-right: -15px;
  margin-top: 5px;
  cursor: pointer;
  color: #000;
  background: #eee;
  border: 1px solid #666;
  z-index: 120;
}

#ppDrawerTopBtn {
  height: 22px;
  line-height: 20px;
  margin-top: -1px;
  margin-right: 20px;
  margin-bottom: -15px;
  border-top: 0 none;
  box-shadow: 2px 2px 2px rgba(50,50,50,0.2);
  -webkit-box-shadow: 2px 2px 2px rgba(50,50,50,0.2);
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

div.ppTabsContainer {
  margin: 0.5em 1em 1em 1em;
}

@media projection, screen {
  .ui-tabs-hide {
      display: none;
  }
}

@media print {
  .ui-tabs-nav {
      display: none;
  }

  #ppDrawerLeftContainer, #ppDrawerTopContainer {
      display: none;
  }
}

.ui-tabs .ui-tabs-nav {
  font-size: 80%;
}

.pp-content-bar, .pp-button-bar {
  margin: 0.2em auto;
  text-align: left;
  padding: 0.3em 0.5em 0.5em 0.5em;
  font-size: 1em;
}

.pp-button-bar {
  cursor: pointer;
}

.ppIcon16 {
  margin-right: 0.2em;
  margin-bottom: -2px;
  width: 16px;
  height: 16px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons16.png) no-repeat;
  border: 0 none;
}

.ppIconLink16 {
  margin-right: 0.2em;
  height: 16px;
  line-height: 16px;
}

.ppIcon32 {
  margin-right: 0.2em;
  margin-bottom: -10px;
  width: 32px;
  height: 32px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons32.png) no-repeat;
  border: 0 none;
}

.ppIconLink32 {
  margin-right: 0.5em;
  height: 32px;
  line-height: 32px;
}

.ppIcon64 {
  width: 64px;
  height: 64px;
  margin-bottom: -20px;
  line-height: 64px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons64.png) no-repeat;
  border: 0 none;
}

.ppIconLink64 {
  margin-right: 0.5em;
  height: 64px;
  line-height: 64px;
}

.icon16 {
  background-position: 0 0;
}

.icon16XML {
  background-position: -16px 0;
}

.icon16CSV {
  background-position: -32px 0;
}

.icon16TXT {
  background-position: -48px 0;
}

.icon16PDF {
  background-position: -64px 0;
}

.icon16HTML {
  background-position: -80px 0;
}

.icon16DOC {
  background-position: -96px 0;
}

.icon16DOCX {
  background-position: -112px 0;
}

.icon16PPT,.icon16PPTX {
  background-position: -128px 0;
}

.icon16GIF {
  background-position: 0 -16px;
}

.icon16WWW, .icon16LINK {
  background-position: -16px -16px;
}

.icon16XLS {
  background-position: -32px -16px;
}

.icon16WMV {
  background-position: -48px -16px;
}

.icon16MOV,.icon16QT {
  background-position: -64px -16px;
}

.icon16RM,.icon16RAM {
  background-position: -80px -16px;
}

.icon16MPG,.icon16MPEG {
  background-position: -96px -16px;
}

.icon16FLV,.icon16F4V {
  background-position: -112px -16px;
}

.icon16SWF {
  background-position: -128px -16px;
}

.icon16PNG {
  background-position: 0 -32px;
}

.icon16PAGE, .icon16LOCAL, .icon16PHP {
  background-position: -16px -32px;
}

.icon16MP3 {
  background-position: -32px -32px;
}

.icon16OGG {
  background-position: -48px -32px;
}

.icon16WAV {
  background-position: -64px -32px;
}

.icon16ZIP {
  background-position: -80px -32px;
}

.icon16RAR {
  background-position: -96px -32px;
}

.icon16GZ {
  background-position: -112px -32px;
}

.icon16BAN {
  background-position: -128px -32px;
}

.icon16JPG, .icon16JPEG {
  background-position: 0 -48px;
}

.icon16FTP {
  background-position: -16px -48px;
}

.icon16RSS {
  background-position: -32px -48px;
}

.icon16FOLDER {
  background-position: -48px -48px;
}

.icon16FOLDER2 {
  background-position: -64px -48px;
}

.icon16FOLDER3 {
  background-position: -80px -48px;
}

.icon16FOLDER4 {
  background-position: -96px -48px;
}

.icon16LOCK {
  background-position: -112px -48px;
}

.icon16PRINT {
  background-position: -128px -48px;
}

.icon16XDE {
  background-position: 0 -48px;
}

.icon16EXE {
  background-position: -16px -64px;
}

.icon16JAR {
  background-position: -32px -64px;
}

.icon16ODF,.icon16ODT,.icon16ODS,.icon16ODP,.icon16ODG {
  background-position: -48px -64px;
}

.icon16ISO {
  background-position: -64px -64px;
}

.icon16TAR {
  background-position: -80px -64px;
}

.icon16TTF {
  background-position: -96px -64px;
}

.icon16OTF {
  background-position: -112px -64px;
}

.icon16BLANK {
  background-position: -128px -64px;
}

.icon32 {
  background-position: 0 0;
}

.icon32XML {
  background-position: -32px 0;
}

.icon32CSV {
  background-position: -64px 0;
}

.icon32TXT {
  background-position: -96px 0;
}

.icon32PDF {
  background-position: -128px 0;
}

.icon32HTML {
  background-position: -160px 0;
}

.icon32DOC {
  background-position: -192px 0;
}

.icon32DOCX {
  background-position: -224px 0;
}

.icon32PPT,.icon32PPTX {
  background-position: -256px 0;
}

.icon32GIF {
  background-position: 0 -32px;
}

.icon32WWW, .icon32LINK, .icon32PHP {
  background-position: -32px -32px;
}

.icon32XLS {
  background-position: -64px -32px;
}

.icon32WMV {
  background-position: -96px -32px;
}

.icon32MOV,.icon32QT {
  background-position: -128px -32px;
}

.icon32RM,.icon32RAM {
  background-position: -160px -32px;
}

.icon32MPG,.icon32MPEG {
  background-position: -192px -32px;
}

.icon32FLV,.icon32F4V {
  background-position: -224px -32px;
}

.icon32SWF {
  background-position: -256px -32px;
}

.icon32PNG {
  background-position: 0 -64px;
}

.icon32PAGE, .icon32LOCAL {
  background-position: -32px -64px;
}

.icon32MP3 {
  background-position: -64px -64px;
}

.icon32OGG {
  background-position: -96px -64px;
}

.icon32WAV {
  background-position: -128px -64px;
}

.icon32ZIP {
  background-position: -160px -64px;
}

.icon32RAR {
  background-position: -192px -64px;
}

.icon32GZ {
  background-position: -224px -64px;
}

.icon32BAN {
  background-position: -256px -64px;
}

.icon32JPG,.icon32JPEG {
  background-position: 0 -96px;
}

.icon32FTP {
  background-position: -32px -96px;
}

.icon32RSS {
  background-position: -64px -96px;
}

.icon32FOLDER {
  background-position: -96px -96px;
}

.icon32FOLDER2 {
  background-position: -128px -96px;
}

.icon32FOLDER3 {
  background-position: -160px -96px;
}

.icon32FOLDER4 {
  background-position: -192px -96px;
}

.icon32LOCK {
  background-position: -224px -96px;
}

.icon32PRINT {
  background-position: -256px -96px;
}

.icon32XDE {
  background-position: 0 -128px;
}

.icon32EXE {
  background-position: -32px -128px;
}

.icon32JAR {
  background-position: -64px -128px;
}

.icon32ODF,.icon32ODT,.icon32ODS,.icon32ODP,.icon32ODG {
  background-position: -96px -128px;
}

.icon32ISO {
  background-position: -128px -128px;
}

.icon32TAR {
  background-position: -160px -128px;
}

.icon32TTF {
  background-position: -192px -128px;
}

.icon32OTF {
  background-position: -224px -128px;
}

.icon32BLANK {
  background-position: -256px -128px;
}

.icon64 {
  background-position: 0 0;
}

.icon64XML {
  background-position: -64px 0;
}

.icon64CSV {
  background-position: -128px 0;
}

.icon64TXT {
  background-position: -192px 0;
}

.icon64PDF {
  background-position: -256px 0;
}

.icon64HTML {
  background-position: -320px 0;
}

.icon64DOC {
  background-position: -384px 0;
}

.icon64DOCX {
  background-position: -448px 0;
}

.icon64PPT,.icon64PPTX {
  background-position: -512px 0;
}

.icon64GIF {
  background-position: 0 -64px;
}

.icon64WWW, .icon64LINK, .icon64PHP {
  background-position: -64px -64px;
}

.icon64XLS {
  background-position: -128px -64px;
}

.icon64WMV {
  background-position: -192px -64px;
}

.icon64MOV,.icon64QT {
  background-position: -256px -64px;
}

.icon64RM,.icon64RAM {
  background-position: -320px -64px;
}

.icon64MPG,.icon64MPEG {
  background-position: -384px -64px;
}

.icon64FLV,.icon64F4V {
  background-position: -448px -64px;
}

.icon64SWF {
  background-position: -512px -64px;
}

.icon64PNG {
  background-position: 0 -128px;
}

.icon64PAGE, .icon64LOCAL {
  background-position: -64px -128px;
}

.icon64MP3 {
  background-position: -128px -128px;
}

.icon64OGG {
  background-position: -192px -128px;
}

.icon64WAV {
  background-position: -250px -128px;
}

.icon64ZIP {
  background-position: -320px -128px;
}

.icon64RAR {
  background-position: -384px -128px;
}

.icon64GZ {
  background-position: -448px -128px;
}

.icon64BAN {
  background-position: -512px -128px;
}

.icon64JPG,.icon64JPEG {
  background-position: 0 -192px;
}

.icon64FTP {
  background-position: -64px -192px;
}

.icon64RSS {
  background-position: -128px -192px;
}

.icon64FOLDER {
  background-position: -192px -192px;
}

.icon64FOLDER2 {
  background-position: -250px -192px;
}

.icon64FOLDER3 {
  background-position: -320px -192px;
}

.icon64FOLDER4 {
  background-position: -384px -192px;
}

.icon64LOCK {
  background-position: -448px -192px;
}

.icon64PRINT {
  background-position: -512px -192px;
}

.icon64XDE {
  background-position: 0 -250px;
}

.icon64EXE {
  background-position: -64px -250px;
}

.icon64JAR {
  background-position: -128px -250px;
}

.icon64ODF,.icon64ODT,.icon64ODS,.icon64ODP,.icon64ODG {
  background-position: -192px -250px;
}

.icon64ISO {
  background-position: -250px -250px;
}

.icon64TAR {
  background-position: -320px -250px;
}

.icon64TTF {
  background-position: -384px -250px;
}

.icon64OTF {
  background-position: -448px -250px;
}

.icon64BLANK {
  background-position: -512px -250px;
}

.ppFileLinkTipIcon {
  width: 64px;
  height: 64px;
  padding: 10px;
  border: 2px solid #999;
  background: #eee;
  float: left;
  margin-right: 1em;
}

.ppYoutube {
  margin: 1em;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #000;
}

#bbWizardContainer {
  width: 100%;
  height: 100%;
  min-height: 600px;
  overflow: hidden;
  font-size: 12px;
}

#bbWloading {
  width: 64px;
  height: 64px;
  float: right;
  font-size: 9px;
  line-height: 64px;
  text-align: center;
}

#bbWizardPreview {
  height: 250px;
  width: auto;
}

#bbWizardTabs {
  width: auto;
  height: 250px;
  margin: 0 0 1em 0;
  padding: 0;
}

#bbWizardPreview {
  overflow-y: scroll;
}

#bbWizardCode, #bbWizardSource {
  width: 100%;
}

.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;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.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: 1px solid #ddd;
  background: #f9f9f9 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x;
  color: #362b36;
}

.ui-widget-content a {
  color: #119;
}

.ui-widget-header {
  border: 1px solid #b2c7d7;
  background: #e7eef3 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_highlight-soft_100_e7eef3_1x100.png) 50% 50% repeat-x;
  color: #222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #e6e6e6 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #444;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #444;
  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 #b2c7d7;
  background: #f0f0f0 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_100_f0f0f0_1x400.png) 50% 50% font-weight: bold;
  color: #0b5b98;
}

.ui-state-hover a, .ui-state-hover a:hover {
  color: #0b5b98;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #2694e8;
  background: #99c2ff url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_50_99c2ff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #000;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #f9dd34;
  background: #fbf5d0 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_55_fbf5d0_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(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% 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-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.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: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-icon {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.jqIcon {
  display: inline-block;
  margin: 0 0.2rem 0 -0.2rem;
  line-height: 16px;
  *float: left;
}

.textbutton .jqIcon {
  background-color: #eef;
  border-radius: 10px;
  margin: 0;
}

.ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_72a7cf_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_2694e8_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-tl {
  border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
}

.ui-corner-tr {
  border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
}

.ui-corner-bl {
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
}

.ui-corner-br {
  border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ui-corner-top {
  border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
}

.ui-corner-bottom {
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ui-corner-right {
  border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ui-corner-left {
  border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
}

.ui-corner-all {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.ui-widget-overlay {
  background: #444 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat;
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: 4px 0 0 4px;
  padding: 0px;
  background: #aaa url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_diagonals-small_0_aaaaaa_40x40.png) 50% 50% repeat;
  opacity: .30;
  filter: Alpha(Opacity=30);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1; overflow: visible;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
}

.ui-accordion-li-fix {
  display: inline;
}

.ui-accordion-header-active {
  border-bottom: 0 !important;
}

.ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em 2.2em;
}

.ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
}

.ui-accordion-content-active {
  display: block;
}

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  box-shadow: 7px 7px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 7px 7px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 7px 7px 10px rgba(0,0,0,0.8);
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0px;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0px;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0px;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0px;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

* html .ui-autocomplete {
  width: 1px;
}

.ui-tabs {
  padding: .2em;
}

.ui-tabs-nav {
  list-style: none;
  padding: .2em .2em 0;
}

.ui-tabs-nav li {
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 .2em -1px 0;
  padding: 0;
}

.ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: .5em 1em;
}

.ui-tabs-nav .ui-icon {
  float: left;
  margin: 0 0.2em 0 -0.4em;
}

li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
}

li.ui-tabs-selected a, li.ui-state-disabled a, li.ui-state-processing a {
  cursor: text;
}

.ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}

.ui-tabs-panel {
  padding: 1em 1.2em;
  display: block;
  border-width: 0;
  background: none;
  font-size: 0.8em;
}

.ui-tabs-hide {
  display: none !important;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}

#jquery-colour-picker {
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  width: 320px;
  padding: 10px 5px 5px 10px;
  border: 1px solid #666;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  z-index: 99;
}

#jquery-colour-picker ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#jquery-colour-picker ul:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

#jquery-colour-picker ul li {
  float: left;
  margin: 0 5px 5px 0;
}

#jquery-colour-picker ul li a {
  display: block;
  width: 13px;
  height: 13px;
  text-decoration: none;
  text-indent: -100000px;
  outline: 0;
  border: 1px solid #aaa;
}

#jquery-colour-picker ul li a:hover {
  border-color: #000;
}

.masonry,.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}

.masonryArea {
  padding: 5px 0;
  background: #eee;
}

.msnyBox {
  background: #fff;
  margin: 5px 0.9% 5px 1%;
  padding: 10px 2%;
  min-width: 120px;
}

.msnyBox.col1 {
  width: 19%;
}

.msnyBox.col2 {
  width: 44%;
}

.msnyBox.col3 {
  width: 69%;
}

.msnyBox.col4 {
  width: 94%;
}

div.rating-cancel,div.star-rating {
  float: left;
  width: 17px;
  height: 15px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden
}

div.rating-cancel,div.rating-cancel a {
  background: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/delete.gif) no-repeat 0 -16px
}

div.star-rating,div.star-rating a {
  background: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/star.gif) no-repeat 0 0px
}

div.rating-cancel a,div.star-rating a {
  display: block;
  width: 16px;
  height: 100%;
  background-position: 0 0px;
  border: 0
}

div.star-rating-on a {
  background-position: 0 -16px!important
}

div.star-rating-hover a {
  background-position: 0 -32px
}

div.star-rating-readonly a {
  cursor: default !important
}

div.star-rating {
  background: transparent!important;
  overflow: hidden!important
}

.jqtTooltip {
  color: #eee !important;
  background: #333 !important;
  border: 4px solid #eee !important;
  padding: 1em;
  width: 20em;
  display: none;
  text-align: left;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(30,30,30,0.5);
  z-index: 999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 5px 5px 5px rgba(30,30,30,0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(30,30,30,0.5);
}

.jqtTooltip h3 {
  margin: 0;
  font-size: 18px;
  color: #fff !important ;
}

div.scrollable {
  position: relative;
  overflow: hidden;
  width: 650px;
  height: 120px;
  padding: 10px 0;
}

div.scrollable div.items {
  width: 20000em;
  position: absolute;
  clear: both;
  margin-left: 10px;
}

div.scrollable div.items div {
  float: left;
}

div.scrollable div.items div.active {
  border: 1px inset #ccc;
  background-color: #fff;
}

div.scrollable {
  float: left;
}

a.prev, a.next, a.prevPage, a.nextPage {
  display: block;
  width: 42px;
  height: 54px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/jqtScrollableArrows.jpg) 0 0 no-repeat;
  float: left;
  margin-top: 45px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 1px;
}

a.prev:hover, a.prevPage:hover {
  background-position: 0 -54px;
}

a.next, a.nextPage {
  background-position: -42px 0pt;
  clear: right;
}

a.next:hover, a.nextPage:hover {
  background-position: -42px -54px;
}

a.disabled {
  visibility: hidden !important;
}

div.navi {
  width: 200px;
  margin: 0 auto;
  height: 20px;
  text-align: center;
}

div.navi a {
  width: 16px;
  height: 16px;
  margin: 3px;
  display: inline-block;
  font-size: 1px;
  outline: none;
}

#ppBox, #ppBoxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  z-index: 95;
  width: 100%;
  height: auto;
  text-align: center;
  color: #333;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  line-height: 0;
  text-decoration: none;
  background: none;
  word-spacing: normal;
  letter-spacing: normal;
  float: none;
  clear: none;
  display: block;
  overflow: hidden;
}

#ppBoxOverlay {
  z-index: 90;
  background: #444 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat;
  height: 100%;
  float: none;
  clear: none;
}

#ppBoxClose {
  cursor: pointer;
  position: absolute;
  display: none;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/close.png) left top no-repeat;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  z-index: 1000;
}

#ppBox {
  border: 1px solid #333;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100px;
  height: 100px;
  background: #fff;
  display: none;
}

#ppBoxContainer {
  background: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  line-height: normal;
  overflow: hidden;
  float: none;
  clear: none;
  display: none;
}

#ppBoxPreLoad {
  margin: 20% auto 0 auto;
  background: transparent;
  text-align: center;
  font-size: 200%;
}

div.ppBoxScroll {
  position: relative;
  width: 100px;
  margin: 0;
  overflow: scroll;
  float: none;
}

div.ppBoxTitleBar {
  background: #666;
  border-bottom: 1px solid #ccc;
  width: auto;
  padding: 0;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
}

div.ppBoxTitleBar div.Title {
  font-weight: bold;
}

div.ppBoxTitleBar a.close {
  float: right;
  border: 1px solid #ccc;
  color: #900;
  background: #aaa;
  text-align: center;
  margin: 1px 1px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
}

.calMini {
  width: 99%;
  min-width: 100px;
  max-width: 250px;
}

.calFull, .cesContainer {
  width: 90%;
  min-width: 400px;
  max-width: 1280px;
}

.calFull .miniDay {
  display: none;
}

.calMini .fullDay {
  display: none;
}

@media all and (max-width: 700px) {
  .calFull .fullDay {
      display:none;
  }

  .calFull .miniDay {
      display: inline;
  }
}

.calMain {
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.calMain th, .calMain td {
  width: 14%;
  padding: 3px 0 3px 0;
}

.calCell {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 0 100% 0;
}

.calCellContent {
  position: absolute;
}

td.cal_monthtitle, td.mini_cal_monthtitle, td.cal_daytitle {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

td.mini_cal_monthtitle {
  font-size: 90%;
}

td.cal_monthsubtitle {
  font-size: 100%;
}

td.mini_cal_monthsubtitle {
  font-size: 80%;
}

td.cal_daysubtitle {
  font-size: 80%;
}

td.mini_cal_daysubtitle {
  font-size: 75%;
}

td.cal_monthday_today, td.mini_cal_monthday_today {
  border: 1px #f00 solid;
  background: #fcc;
}

td.cal_monthday_on, td.mini_cal_monthday_on {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.cal_monthday_on:hover, .mini_cal_monthday_on:hover {
  background: #eef;
}

td.cal_monthday_off, td.mini_cal_monthday_off {
  border: 1px solid #ccc;
  background: #eee;
  color: #666;
}

th.cal_monthweekday, th.mini_cal_monthweekday {
  border: 1px solid #ccc;
  background: #006;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
}

th.mini_cal_monthweekday,td.mini_cal_monthday_off, td.mini_cal_monthday_on,td.mini_cal_monthday_today {
  font-size: 9px;
}

.cal_dayoutline {
  border: 1px solid #ccc;
}

td.cal_dayhours {
  font-size: 75%;
  color: #808080;
  border-right: 1px dashed #ccc;
}

tr.cal_day_hour_on {
  background: #eee;
}

tr.cal_day_hour_off {
  background: #fff;
}

.cal_monthevent {
  margin: 1px 2px 1px 2px;
  border-top: 1px solid #ccc;
  font-size: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.calendarDayHasEvents {
  font-weight: bold;
}

td.cal_dayevent {
  border: 1px solid #ccc;
  background: transparent;
}

.calendarEvent {
  margin: 0 auto;
  border: 1px solid #ccc;
  max-width: 800px;
  padding: 0;
}

.eventLocation {
  font-size: 120%;
}

.eventRange {
  font-size: 120%;
  margin: 0.5em 0 0 0;
}

.eventCategory, .eventLang {
  font-size: 80%;
  float: right;
}

.jqtTooltip .eventLocation {
  font-size: 12px;
}

.jqtTooltip .eventRange {
  font-size: 15px;
  margin: 1em auto 0 auto;
}

.jqtTooltip .eventCategory {
  font-size: 12px;
}

.eventDescription {
  padding: 3em 1.5em;
}

.eventNotes, .eventContentAdmin {
  border: 2px solid #ccc;
  padding: 1em;
  background: #eee;
  color: #000;
}

.eventContentFull {
  height: 300px;
  overflow-y: scroll;
}

.eventContentShort {
  height: 200px;
  overflow-y: scroll;
}

.eventContentAdmin {
  height: 150px;
  overflow-y: scroll;
}

.eventControls {
  display: inline-block;
  float: right;
}

.cesContainer {
  margin: 1em auto;
}

.cesTitle {
  border-radius: 5px 5px 0 0;
  background: #006;
  color: #fff;
  padding: 0.2em 1em;
  margin: 0;
}

.calendarEventsScroll {
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 2px solid #ccc;
  border-top: 0;
  border-radius: 0 0 0 5px;
}

.celMonthHeader {
  background: #ccc;
  color: #000;
  text-align: center;
  line-height: 200%;
  margin: 0;
}

.calendarEventSubmit {
  width: 30%;
  margin: 0 0 0 auto;
  padding: 0.2em 0 0.2em 0;
  text-align: center;
  border-radius: 0 0 5px 5px;
  background: #006;
}

.celEvent, .celNone {
  padding: 0.2em;
  border-bottom: 1px solid #ccc;
}

.celEvent {
  cursor: pointer;
  overflow: hidden;
  height: 1.5em;
}

.celEvent:hover {
  background: #eef;
}

.celEvent .eventTitle {
  text-align: left;
  font-weight: bold;
  font-size: 120%;
}

.celEvent .eventStart {
  text-align: left;
  font-size: inherit;
  float: left;
  margin: 0 2em 0 1em;
  width: 10em;
}

.celNone {
  font-style: italic;
  text-align: center;
  padding: 0.5em;
}

table.calendarEventList {
  border-top: 1px solid #006;
  border-left: 1px solid #006;
  margin: 30px 0 20px 0;
}

.calendarEventList td {
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #006;
  border-right: 1px solid #006;
}

.calendarEventList th {
  padding: 2px 2px 2px 5px;
  text-align: left;
  background: #006;
  color: #fff;
  border-bottom: 2px solid #006;
  border-right: 1px solid #006;
}

.ui-datepicker {
  box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}

div.ppMessage {
  background: #ddd;
  border: 2px solid #ccc;
  color: #66f;
  width: auto;
  margin: 1em;
  padding: 0.5em;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#ppMessageGrowlBox {
  position: fixed;
  top: 10px;
  z-index: 999;
  width: 75% !important;
  left: 12%;
}

.ppMessageGrowl {
  display: none;
  box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5);
}

.ppMessage .pmItem {
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #fff;
}

.ppMessage .pmSymbol {
  display: inline;
  text-align: center;
  line-height: 1.5em;
  height: 1.5em;
  font-weight: bold;
  font-size: 1.2em;
  width: 1.5em;
  float: left;
  color: #fff;
  background: #00f;
  border: 1px solid #006;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.pmiWarn {
  background: #fec;
  color: #330;
}

.pmiInfo {
  background: #eef;
  color: #003;
}

.pmiActive {
  background: #efe;
  color: #030;
}

.pmiError {
  background: #fee;
  color: #300;
}

.pmiInfo .pmSymbol {
  color: #fff;
  background: #00f;
  border: 1px solid #006;
}

.pmiWarn .pmSymbol {
  color: #fff;
  background: #cc0;
  border: 1px solid #660;
}

.pmiActive .pmSymbol {
  color: #fff;
  background: #0c0;
  border: 1px solid #060;
}

.pmiError .pmSymbol {
  color: #fff;
  background: #f00;
  border: 1px solid #600;
}

.pmMessageContent {
  display: block;
  margin: 0.4em 0.5em 0.5em 2.5em;
}

.pmiActive1 {
  background: #fee;
  color: #300;
}

.pmiActive1 .pmSymbol {
  color: #fff;
  background: #c00;
  border: 1px solid #600;
}

.pmiActive2 {
  background: #efe;
  color: #030;
}

.pmiActive2 .pmSymbol {
  color: #fff;
  background: #0c0;
  border: 1px solid #060;
}

.pmiActive3 {
  background: #eef;
  color: #003;
}

.pmiActive3 .pmSymbol {
  color: #fff;
  background: #00c;
  border: 1px solid #006;
}

.pmiActive4 {
  background: #fef;
  color: #303;
}

.pmiActive4 .pmSymbol {
  color: #fff;
  background: #c0c;
  border: 1px solid #606;
}

.pmiActive5 {
  background: #ffe;
  color: #330;
}

.pmiActive5 .pmSymbol {
  color: #fff;
  background: #cc0;
  border: 1px solid #660;
}

.ppMapContainer {
  margin: 0 auto;
}

.ppMapArea {
  border: 1px solid #000;
  position: relative;
  z-index: 1;
}

.ppMapArea .tiles,.ppMapArea .interaction {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
}

.ppMapArea .tiles {
  background: #ccc;
}

.ppMapArea .interaction {
  background: transparent;
}

.ppMapArea .status {
  position: absolute;
  left: 600px;
}

.ppMapArea .tiles .tile {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}

.olFramedCloudPopupContent {
  padding: 5px;
  overflow: auto;
}

.olLayerGoogleCopyright {
  right: 3px;
  bottom: 2px;
  left: auto;
}

.olLayerGoogleV3.olLayerGoogleCopyright {
  bottom: 0px;
  right: 0px !important;
}

.olLayerGooglePoweredBy {
  left: 2px;
  bottom: 2px;
}

.olLayerGoogleV3.olLayerGooglePoweredBy {
  bottom: 0px !important;
}

div.olMap {
  z-index: 0;
  padding: 0px!important;
  margin: 0px!important;
  cursor: default;
}

div.olMapViewport {
  text-align: left;
}

div.olLayerDiv {
  -moz-user-select: none;
}

.olLayerGoogleCopyright {
  left: 2px;
  bottom: 2px;
}

.olLayerGooglePoweredBy {
  left: 2px;
  bottom: 15px;
}

.olControlAttribution {
  font-size: smaller;
  right: 3px;
  bottom: 4.5em;
  position: absolute;
  display: block;
}

.olControlScale {
  right: 3px;
  bottom: 3em;
  display: block;
  position: absolute;
  font-size: smaller;
}

.olControlScaleLine {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: xx-small;
}

.olControlScaleLineBottom {
  border: solid 2px black;
  border-bottom: none;
  margin-top: -2px;
  text-align: center;
}

.olControlScaleLineTop {
  border: solid 2px black;
  border-top: none;
  text-align: center;
}

.olControlPermalink {
  right: 3px;
  bottom: 1.5em;
  display: block;
  position: absolute;
  font-size: smaller;
}

div.olControlMousePosition {
  bottom: 1em;
  right: 3px;
  display: block;
  position: absolute;
  font-family: Arial;
  font-size: smaller;
}

.olControlOverviewMapContainer {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.olControlOverviewMapElement {
  padding: 10px 18px 10px 10px;
  background-color: #00008B;
  -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
  right: 0px;
  bottom: 80px;
}

.olControlOverviewMapMaximizeButton {
  right: 0px;
  bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
  overflow: hidden;
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/blank.gif);
  cursor: move;
  border: 2px dotted red;
}

.olControlOverviewMapRectReplacement {
  overflow: hidden;
  cursor: move;
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/overview_replacement.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.olLayerGeoRSSDescription {
  float: left;
  width: 100%;
  overflow: auto;
  font-size: 1.0em;
}

.olLayerGeoRSSClose {
  float: right;
  color: gray;
  font-size: 1.2em;
  margin-right: 6px;
  font-family: sans-serif;
}

.olLayerGeoRSSTitle {
  float: left;
  font-size: 1.2em;
}

.olPopupContent {
  padding: 5px;
  overflow: auto;
}

.olControlNavToolbar {
  width: 0px;
  height: 0px;
}

.olControlNavToolbar div {
  display: block;
  width: 28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistory {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/navigation_history.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.olControlNavigationHistoryPreviousItemActive {
  background-position: 0px 0px;
}

.olControlNavigationHistoryPreviousItemInactive {
  background-position: 0px -24px;
}

.olControlNavigationHistoryNextItemActive {
  background-position: -24px 0px;
}

.olControlNavigationHistoryNextItemInactive {
  background-position: -24px -24px;
}

.olControlNavToolbar .olControlNavigationItemActive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/panning-hand-on.png);
  background-repeat: no-repeat;
}

.olControlNavToolbar .olControlNavigationItemInactive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/panning-hand-off.png);
  background-repeat: no-repeat;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/drag-rectangle-on.png);
  background-color: orange;
  background-repeat: no-repeat;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/drag-rectangle-off.png);
  background-repeat: no-repeat;
}

.olControlEditingToolbar {
  float: right;
  right: 0px;
  height: 30px;
  width: 200px;
}

.olControlEditingToolbar div {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/editing_tool_bar.png);
  background-repeat: no-repeat;
  float: right;
  width: 24px;
  height: 24px;
  margin: 5px;
}

.olControlEditingToolbar .olControlNavigationItemActive {
  background-position: -103px -23px;
}

.olControlEditingToolbar .olControlNavigationItemInactive {
  background-position: -103px -0px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
  background-position: -77px -23px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
  background-position: -77px -0px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
  background-position: -51px 0px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
  background-position: -51px -23px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
  background-position: -26px 0px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
  background-position: -26px -23px ;
}

div.olControlSaveFeaturesItemActive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/save_features_on.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div.olControlSaveFeaturesItemInactive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/save_features_off.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
  border: 2px solid red;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
  border: 2px solid blue;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}

.olControlPanPanel {
  top: 10px;
  left: 5px;
}

.olControlPanPanel div {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/pan-panel.png);
  height: 18px;
  width: 18px;
  cursor: pointer;
  position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
  top: 0px;
  left: 9px;
  background-position: 0px 0px;
}

.olControlPanPanel .olControlPanSouthItemInactive {
  top: 36px;
  left: 9px;
  background-position: 18px 0px;
}

.olControlPanPanel .olControlPanWestItemInactive {
  position: absolute;
  top: 18px;
  left: 0px;
  background-position: 0px 18px;
}

.olControlPanPanel .olControlPanEastItemInactive {
  top: 18px;
  left: 18px;
  background-position: 18px 18px;
}

.olControlZoomPanel {
  top: 71px;
  left: 14px;
}

.olControlZoomPanel div {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/zoom-panel.png);
  position: absolute;
  height: 18px;
  width: 18px;
  cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
  top: 0px;
  left: 0px;
  background-position: 0px 0px;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
  top: 18px;
  left: 0px;
  background-position: 0px -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
  top: 36px;
  left: 0px;
  background-position: 0px 18px;
}

.olPopupCloseBox {
  background: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/close.gif) no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
  padding: 5px;
  overflow: auto;
}

.olControlNoSelect {
  -moz-user-select: none;
}

.olImageLoadError {
  background-color: pink;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.olCursorWait {
  cursor: wait;
}

.olDragDown {
  cursor: move;
}

.olDrawBox {
  cursor: crosshair;
}

.olControlDragFeatureOver {
  cursor: move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  cursor: -moz-grabbing;
}

.olControlLayerSwitcher {
  position: absolute;
  top: 25px;
  right: 0px;
  width: 20em;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  font-size: smaller;
  color: white;
  background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 75px;
  background-color: darkblue;
  width: 100%;
  height: 100%;
}

.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl {
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,.olControlLayerSwitcher .layersDiv .dataLayersDiv {
  padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,.olControlLayerSwitcher .minimizeDiv {
  top: 5px;
  right: 0px;
}

@media print {
  .olControlLayerSwitcher,.olControlZoomPanel, olControlPanPanel, .olControlEditingToolbar, .olControlPanZoomBar {
      display: none;
  }
}

div.flotGraphContainer {
  background: #eee;
  padding: 10px;
  margin: 10px;
  border: 1px solid #000;
}

div.flotGraphContainer div.flotGraph {
  margin: 0 auto;
}

div.flotGraphContainer div.graphTitle {
  font-weight: bold;
  text-align: center;
  padding: 0 0 5px 0;
}

div.graphToolTip {
  display: none;
  position: absolute;
  padding: 5px;
  border: 2px solid #ccc;
  background: #fff;
  opacity: 0.80;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div.ppTreeView li {
  list-style: none;
  border: 1px transparent;
}

div.ppTreeView ul {
  margin: 0 0 5px 0;
  padding: 0 0 0 2em;
}

div.ppTreeView div.pptvnContent {
  margin: 2px 0 2px 2em;
}

div.ppTreeView ul.root {
  margin: 5px;
  padding: 0px;
}

div.tagList {
  font-size: 90%;
  text-align: right;
}

div.tagList .tagTitle {
  font-weight: bold;
  color: #999;
}

div.tagList a {
  margin: 0 0 0 2px;
  text-decoration: none;
}

div.tagCloud {
  border: 2px solid #ccc;
  padding: 5px;
  margin: 10px;
  width: 300px;
}

div.tagCloudTitle {
  font-weight: bold;
  color: #aaa;
  font-size: 125%;
}

div.tagCloud a {
  margin: 0 0 0 2px;
  text-decoration: none;
  font-weight: normal;
}

div.tagCloud a.tag1 {
  font-size: 75%;
}

div.tagCloud a.tag2 {
  font-size: 80%;
}

div.tagCloud a.tag3 {
  font-size: 85%;
}

div.tagCloud a.tag4 {
  font-size: 90%;
}

div.tagCloud a.tag5 {
  font-size: 100%;
}

div.tagCloud a.tag6 {
  font-size: 110%;
}

div.tagCloud a.tag7 {
  font-size: 120%;
}

div.tagCloud a.tag8 {
  font-size: 130%;
}

div.tagCloud a.tag9 {
  font-size: 140%;
}

div.tagCloud a.tag10 {
  font-weight: bold;
  font-size: 140%;
}

.statsCompare th {
  padding: 0.2em 0.5em;
}

.statsCompare td {
  text-align: right;
}

.statsCompare td.metric {
  text-align: left;
  font-weight: bold;
}

.statsChange {
  display: inline-block;
  width: 6em;
}

.helpNoticeArea {
  overflow: hidden;
  margin: 1em 1em 0.2em 1em;
}

.hnTrigger {
  float: right;
  font-size: 90%;
  line-height: 120%;
  width: 6em;
  margin: 5px;
  padding: 0.2em 0.2em 0.2em 0.5em;
  background: #227;
  color: #ddf;
  border: 2px solid #ccc;
  border-radius: 10px;
  opacity: 0.7;
  cursor: help;
}

.hnTrigger div {
  text-align: center;
  background: #ddf;
  color: #227;
  width: 1.2em;
  font-size: 120%;
  font-weight: bold;
  float: right;
  border-radius: 20px;
}

.hnTrigger:hover {
  opacity: 1;
  background: #009;
}

.hnTrigger:hover div {
  background: #dfd;
  color: #070;
}

.hntClose div {
  background: #fdd;
  color: #700;
}

.hntClose:hover div {
  background: #700;
  color: #fff;
}

.hnContent {
  background: #eee;
  color: #000;
  border-radius: 10px;
  margin: 1em;
  padding: 1em;
  display: none;
}

.hnContent p {
  margin-bottom: 0.5em;
}

.help {
  color: #227;
  background: #fff;
}

p.help {
  color: #227;
  margin-bottom: 15pt;
}

.helpPageTitle, .helpTitle {
  color: #227;
  font-size: 18pt;
  vertical-align: middle;
  text-align: center;
  padding-top: 10pt;
  font-weight: bolder;
}

.helpTitle {
  font-size: 24px;
}

a.help:link, a.help:active, a.help:visited, a.help:hover {
  color: #5d82b0;
  text-decoration : none;
}

a.help:hover {
  color: red;
}

div.help {
  color: #227;
}

fieldset.help {
  color: #227;
  border: 1px solid #B0C4DE;
  padding: 0pt 10pt 10pt 10pt;
  margin: 0 0 10pt 0;
}

fieldset.helpSeealso {
  color: #227;
  font-size: 10pt;
  border: 1px solid #B0C4DE;
  background-color: #F0F8FF;
  padding: 5pt 5pt 5pt 5pt;
  margin: 0 0 10pt 0;
}

table.help {
  color: #227;
  margin-bottom: 10pt;
}

td.help {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
}

td.helpReport {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 2px;
}

th.helpReport {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
  font-weight: normal;
}

tfoot.helpReport {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
  font-weight: normal;
}

td.helpalternate {
  color: #227;
  background-color: #ebebeb;
  font-size: 10pt;
}

.helpIndexHeader {
  color: #227;
  background-color: #B0C4DE;
  font-size: 10pt;
}

.helpIndexAlphaChar {
  color: #227;
  font-size: 10pt;
  border: 1px solid #227;
  font-weight: bold;
  padding: 0pt 3pt 0pt 3pt;
}

.helpnote {
  color: #227;
  font-size: 10pt;
  font-style: italic;
  font-size: x-small;
}

.helpMessage {
  color: #900;
  font-size: 12pt;
  font-style: italic;
  text-align: left;
  margin-bottom: 10pt;
}

.helpTopic {
  color: #227;
  text-align: left;
  vertical-align: top;
  padding: 15pt 10pt 10pt 15pt;
  margin: 0 0 0 0;
  border-top: 1px solid #B0C4DE;
  border-bottom: 1px solid #B0C4DE;
}

div.helpNoticeBox {
  width: 400px;
  font-size: 11px;
  border: 1px solid #B0C4DE;
  padding: 15pt 10pt 10pt 15pt;
  margin: 2px 10px 10px 10px;
}

.helpButton, a.helpbutton:link, a.helpbutton:active, a.helpbutton:visited, a.helpbutton:hover {
  font-weight: bold;
  line-height: 10px;
  font-size: 10px;
  color: #fff;
  font-family: verdana, sans-serif;
  text-decoration: none;
  background: #55f;
  padding: 0 3px 0 3px;
  cursor: help;
  vertical-align: 0.2rem;
  border-radius: 10px;
  opacity: 0.5;
}

.helpbutton:hover {
  background: #fff !important;
  color: #009 !important;
  box-shadow: inset 0 0 3px #55f !important;
  opacity: 1.0 !important;
}

table.Selection {
  width: 50%;
  color: #227;
  font-size: 10pt;
  background-color: white;
  border: 1px solid #227;
}

td.Selection {
  color: #227;
  font-size: 10pt;
}

.helpMenu {
  color: #227;
  background-color: #B0C4DE;
  font-size: 9pt;
  vertical-align: top;
  padding: 5pt 3pt 5pt 3pt;
  margin: 0 0 0 0;
}

.helpMenuTitle {
  color: #227;
  font-size: 10pt;
  text-align: left;
  font-weight: bold;
  padding: 10pt 0pt 5pt 0pt;
  border-bottom: 1px solid White;
}

.helpMenuCategory {
  margin: 0 0 0 0;
  padding: 2pt 2pt 5pt 2pt;
  border-bottom: 1px solid White;
}

.helpMenuActiveCategory {
  color: #227;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}

.helpMenuActiveTopic {
  color: #B22222;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}

a.helpMenuLink:link, a.helpMenuLink:active, a.helpMenuLink:visited, a.helpMenuLink:hover {
  text-decoration : none;
  color: #227;
  background: transparent;
  padding: 0px 2px 0px 2px;
}

a.helpMenuLink:hover {
  text-decoration : none;
  background: #F0F8FF;
  border: 1px solid Navy;
}

td.Error {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 2px;
  text-align: left;
  display: block;
  width: 400pt;
}

th.Error {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
  font-weight: bold;
  text-align: left;
}

td.ErrorLable {
  color: gray;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 2px;
  vertical-align: top;
  text-align: left;
  width: 50pt;
}

.userLanguage, .languageCode {
  background: #00c !important;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 11px !important;
  line-height: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  width: 24px;
  border: 1px solid #fff;
  text-align: center !important;
  display: block;
}

a.userLanguage, a.userLanguage:visited {
  color: #fff;
}

a.userLanguage:hover {
  background: #66f !important;
}

.languageCode {
  display: inline-block;
}

div.XDeMessage {
  margin-top: 20px;
  padding: 5px;
  border: 2px solid #ccc;
  background: #eee;
  color: #000;
}

div.XDeMessage div.to, div.XDeMessage div.from, div.XDeMessage div.date, div.XDeMessage div.subject {
  margin: 2px 0 2px 0;
}

div.XDeMessage div.subject {
  font-size: 125%;
}

div.XDeMessage div.content, div.XDeMessage div.attachments, div.XDeMessage div.images {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0 0 0;
  background: #fff;
  color: #000;
}

div.XDeMessage div.images {
  overflow: hidden;
}

div.XDeMessage div.images div.imageItem {
  margin: 10px;
  float: left;
}

div.XDeMessage div.images a img {
  border: 2px solid #666;
}

div.XDeMessage div.images a img:hover {
  border: 2px solid #fc0;
}

div.XDeMessage div.tools {
  margin: 5px;
}

.newsletterList {
  max-width: 700px;
  margin: 1em auto;
}

.auditTypeFlag {
  font-weight: bold;
  padding: 0.2em;
  color: #fff;
  backgroud: #333;
}

.auditDialog {
  max-height: 600px;
  overflow: scroll;
}

.chirpContainer {
  margin: 0 auto;
}

.chirpCtitle {
  width: 200px;
}

.chirpItem {
  font-weight: normal;
  padding: 0.5em;
  margin: 0.8em auto;
  box-shadow: 1px 1px 5px #666;
}

.chirpItem a {
  color: #36f;
}

.chirpItem a:hover {
  color: #33c;
}

.chirpItem h2 {
  margin: 0 0 0.2em 0;
  padding: 0;
}

.chirpItem div.chirpTools {
  font-size: 90%;
  margin-top: 0.5em;
}

.chirpAttribution {
  color: #666;
  font-size: 80%;
  text-align: right;
  padding-right: 1em;
}

.xdeSharingStrip {
  margin: 0 auto;
}

.xdeSocialPromoteStrip {
  margin: 0 auto;
}

.xdeSocialPromoteStrip iframe {
  vertical-align: baseline !important;
}

.xdeSocialPromoteStrip .fb_ltr {
  margin: -3px 2em auto auto;
}

a.buttonShare {
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px 0 40px;
  padding-left: 40px;
  height: 32px;
  line-height: 32px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social32.png) no-repeat 5px 0;
}

.xdeIconSize16 a.buttonShare {
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social16.png) no-repeat 5px 0;
  padding: 0 10px 0 20px;
}

a.btnQRCode {
  background-position: 5px 0;
}

a.btnStumble {
  background-position: 5px -32px;
}

a.btnPinterest {
  background-position: 5px -32px;
}

a.btnLinkedIn {
  background-position: 5px -96px;
}

a.btnFacebook {
  background-position: 5px -256px;
}

a.btnEmail {
  background-position: 5px -288px;
}

a.btnTwitter {
  background-position: 5px -224px;
}

a.btnBuzz {
  background-position: 5px -192px;
}

a.btnReddit {
  background-position: 5px -192px;
}

.forumGroup {
  border: 2px solid #ccf;
  margin: 10px 0 0 0;
  padding: 5px;
  background: #ddd;
  border-radius: 5px;
}

.forumRestricted {
  border: 2px solid #f60;
}

.forumGroup h2 {
  margin: 0;
  padding: 0;
}

.forumGroupType {
  float: right;
  margin: 10px;
  padding: 5px;
  background: #fff;
  text-align: center;
  font-weight: bold;
  width: 10em;
  border-radius: 5px;
}

.forumPublic {
  color: #093;
}

.forumPrivate {
  color: #930;
}

.forumGroupDescription {
  margin: 0.2em 0 1em 0;
  font-size: 90%;
}

.forumsummary a:link, .forumsummary a:visited, .forumsummary a:hover, .forumsummary a:active,.forumtopic a:link, .forumtopic a:visited, .forumtopic a:hover, .forumtopic a:active {
  font-weight: bold;
  color: #000;
}

.forumsummary a:hover, .forumsummary a:active {
  color: #00c;
}

.forumTopicDescription {
  font-size: 80%;
}

.forumsummary th, .forumtopic th {
  padding: 0.2em;
  font-weight: bold;
}

.forumsummary td.thread, .forumtopic td.thread {
  text-align: center;
}

table.forumtopic, table.forumdetail {
  width: 97%;
  margin: 0.5em 1em 1em 0;
}

.forumtopic a:hover, .forumtopic a:active {
  color: #00c;
}

.forumsummary div.date, .forumtopic div.date {
  font-size: 75%;
  color: #666;
}

td.forumUserPostsDate {
  background: #ccc;
  font-size: 9px;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #666;
  color: #006;
}

td.forumUserPostsPost {
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  padding: 5px 0 5px 5px;
}

.forumsummary, .forumdetail {
  border: 2px solid #666;
}

th.forumtopic, td.forumtopic {
  background: #eee;
  border-bottom: 1px solid #666;
  color: #000;
}

th.forumtopic {
  border-bottom: 2px solid #666;
}

td.forumtopic a:link, td.forumtopic a:visited {
  background: #eee;
  font-weight: bold;
  color: #000;
}

td.forumtopic a:hover, td.forumtopic a:active {
  background: #eee;
  font-weight: bold;
  color: #00c;
}

td.threads, th.threads {
  background: #eee;
  border-bottom: 1px solid #666;
  color: #000;
  font-size: x-small;
}

th.threads {
  border-bottom: 2px solid #666;
}

td.posts, th.posts, td.forumcmd, th.forumcmd, td.forumreplycmd {
  background: #eee;
  border-bottom: 1px solid #666;
  color: #000;
  text-align: center;
  font-size: x-small;
}

td.forumcmd, th.forumcmd, td.forumreplycmd {
  text-align: left;
}

td.forumcmd {
  box-shadow: 7px 0 5px -5px rgba(0,0,0,0.2);
  width: 110px;
  padding: 10px;
  vertical-align: top;
}

th.posts, th.forumcmd {
  border-bottom: 2px solid #666;
}

td.forumreplycmd {
  border-bottom: 1px solid #666;
}

td.recentpost, th.recentpost {
  background: #fff;
  border-bottom: 1px solid #666;
  color: #000;
}

th.recentpost {
  border-bottom: 2px solid #666;
}

.forumreply0, .forumreply1 {
  background: #fff;
  border-bottom: 1px solid #666;
}

.forumreply1 {
  background: #eee;
}

.forumTitle {
  border-bottom: 1px solid #ccc;
  padding: 10px 10px 5px 10px;
  font-weight: bold;
  font-size: medium;
}

.forumContent {
  padding: 10px;
}

.recentpost a:link, .recentpost a:visited {
  background: #fff;
  color: #000;
  font-size: small;
}

.recentpost a:hover, .recentpost a:active {
  background: #fff;
  color: #00c;
  font-size: small;
}

div.forumimage {
  text-align: center;
  margin: 0px auto;
  margin-top: 10px;
}

.forumSignature {
  color: #666;
  font-size: 80%;
  padding: 10px;
}

.forumminititle {
  font-size: small;
  font-weight: bold;
}

.forumminicategory {
  font-size: xx-small;
}

.forumminisummary {
  padding: 5px 5px 5px 10px;
  font-size: small;
}

.forumFiles {
  margin: 1em 0.5em 0.5em 0.5em;
  padding: 0.5em;
  border: 1px solid #ccc;
  background: #eef;
}

.forumFile {
  margin: 0.7em 0 0.3em 0.5em;
}

.stickyForum a {
  width: auto;
  display: block;
  border: 1px solid #009;
  border-left: 4px solid #009;
  padding: 0.2em;
}

.forumShare .xdeSocialPromoteStrip {
  margin: 5px 0 15px 20px;
}

.forumShare .xdeSharingStrip {
  margin-top: 5px;
}

.forumPoll {
  width: 80%;
  margin: 1em auto;
  border: 2px solid #ccc;
  padding: 1em 1em 0.5em 1em;
  background: #ddd;
}

.forumPoll .pollQuestion {
  font-size: 125%;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

.forumPoll .pollNotes {
  margin: 0 0 0.5em 0;
}

.forumPoll .pollResults {
  margin: 0.5em 0 0 0;
  padding: 0.5em;
  border: 2px solid #fff;
}

.pollResultbar {
  width: auto;
  margin: 0 0 0.5em 0;
}

.pollResultWeight {
  background: #666;
  color: #fff;
}

.pollAnswer {
  background: #eee;
  font-size: 105%;
  margin: 0.2em 0 0 0;
}

.pollInstructions {
  margin: 2em 0 0 0;
  padding: 0.5em;
}

.gallerySlideshow {
  width: 90%;
  height: 80%;
  max-width: 1280px;
  margin: 20px auto;
  background: transparent;
}

.gallerySlideshow .ibSlideshow {
  width: 100%;
  height: 100%;
}

.gallerySlideshow img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.gallerySlideshow .ibExtInfo {
  font-size: 110%;
}

table.gallery, table.gallery_title,table.gallery_image {
  border: 1px solid #333;
}

.gallery td, .gallery_title td, .gallery_image td {
  padding: 2px 2px 2px 5px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

.gallery td strong, .gallery_title td strong, .gallery_image td strong {
  color: #333;
}

.gallery td.image, .gallery_title td.image, .gallery_image td.image, .info td.image {
  background: #666;
  padding: 5px;
}

.gallery td.imagecell, .gallery_title td.imagecell, .gallery_image td.imagecell {
  background: #ddd;
  padding: 5px;
  border: 0;
  text-align: center;
}

td.galleryBodyContent {
  text-align: left;
  font-size: 90%;
}

td.galleryBodyContent div.galleryImageInfo {
  font-size: 90%;
  margin: 0 0 0.5em 0;
}

.gallery td img, .gallery_title td img, .gallery_image td img {
  margin: 0px auto;
  text-align: center;
  border: 1px solid #000;
}

.gallery th, .gallery_title th, .gallery_image th {
  padding: 2px 2px 2px 5px;
  text-align: left;
  background: #333;
  color: #fff;
  border-bottom: 2px solid #333;
  border-right: 1px solid #333;
}

.gallery td div.description, .gallery_title td div.description, .gallery_image td div.description {
  margin: 10px 0 0 0;
  font-size: 90%;
}

.gallery td div.title, .gallery_title td div.title, .gallery_image td div.title {
  margin: 0 0 0 0;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.gallery td div.stats, .gallery_title td div.stats, .gallery_image td div.stats {
  margin: 3px 0 0 0;
  font-size: 80%;
  text-align: center;
}

.gallery td div.links, .gallery_title td div.links, .gallery_image td div.links {
  margin: 5px 0 5px 0;
  text-align: center;
}

.gallery td div.restricted, .gallery_title td div.restricted, .gallery_image td div.restricted {
  margin: 5px 0 5px 0;
  color: #630;
  background: #eee;
  border: 1px solid #930;
  border-left: 5px solid #930;
  border-right: 5px solid #930;
  text-align: center;
}

.gallery td div.hidden, .gallery_title td div.hidden, .gallery_image td div.hidden {
  margin: 5px 0 5px 0;
  color: #630;
  background: #eee;
  border: 1px solid #fc0;
  border-left: 5px solid #fc0;
  border-right: 5px solid #fc0;
  text-align: center;
}

.igItem {
  margin: 10px;
  float: left;
}

.igItem a img {
  border: 2px solid #ccc;
}

.igItem a img:hover {
  border: 2px solid #fc0;
}

.ibgCaption {
  text-align: center;
}

.ibGallery {
  width: 100%;
  overflow: hidden;
}

.ibSlideshow, .ibImageArea {
  position: relative;
  overflow: hidden;
  background: #333;
  border: 2px solid #ccc;
}

.ibaResponsive img, .ibsResponsive img {
  width: 100%;
  height: auto;
}

.ibImageArea img, .ibImageArea a {
  display: block;
  margin: 0 auto;
}

.ibInfo, .ibExtInfo, .ibNameOnly {
  position: absolute;
  width: auto;
  padding: 0.5em 0.8em 0.5em 0.8em;
  height: 4.5em;
  overflow: hidden;
  background: rgba(0,0,0,0.65);
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  font-size: 10px;
  margin: -5.5em 0 0 0;
}

.ibName, .ibNameOnly {
  font-weight: bold;
}

.ibExtInfo {
  height: 5.5em;
  margin: -6.5em auto;
}

.ibNameOnly {
  width: 100%;
  height: 2em;
  margin: -2.5em auto;
}

.ibPager {
  opacity: 0.7;
  z-index: 50;
}

.ibPager a {
  text-indent: -9999px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 4px;
  margin: 3px;
  border: 1px solid #ccc;
  background: #999;
}

.ibPager a:hover {
  border: 1px solid #fff;
  background: #ccc;
}

.ibPager a.activeSlide {
  border: 1px solid #333;
  background: #f91;
}

#lightbox, #lightbox-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  z-index: 2000;
  width: 100%;
  height: auto;
  text-align: center;
  color: #333;
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  line-height: 0;
  text-decoration: none;
  background: none;
  word-spacing: normal;
  letter-spacing: normal;
  float: none;
  clear: none;
  display: block;
}

#lightbox-overlay {
  z-index: 1900;
  background: transparent;
  height: 100%;
}

#lightbox img, #lightbox a img, #lightbox a {
  border: none;
  outline: none;
}

#lightbox-imageBox {
  position: relative;
  border: 1px solid black;
  background-color: #000;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#lightbox-imageContainer {
  padding: 1px;
}

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/loader/load_snake.gif) no-repeat 50% 50%;
}

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  display: block;
  width: 49%;
  height: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/spacer.gif) no-repeat;
  padding: 0px;
  margin: 0px;
}

#lightbox-nav-btnPrev {
  left: 0;
  right: auto;
  float: left;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/prev.png) no-repeat -1000px 45%;
}

#lightbox-nav-btnNext {
  left: auto;
  right: 0;
  float: right;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/next.png) no-repeat -1000px 45%;
}

#lightbox-infoBox {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
}

#lightbox-infoContainer {
  padding: 5px 10px 5px 10px;
  color: #666;
  line-height: normal;
}

#lightbox-infoHeader {
  width: 100%;
  text-align: center;
}

#lightbox-caption {
  text-align: justify;
}

#lightbox-caption-title {
  font-weight: bold;
}

#lightbox-caption-description {
  font-weight: normal;
}

#lightbox-infoFooter {
  margin-top: 3px;
  color: #999;
}

#lightbox-currentNumber {
  display: block;
  width: 49%;
  float: left;
  text-align: left;
}

#lightbox-close {
  display: block;
  width: 45%;
  float: right;
  text-align: right;
}

#lightbox-close-button {
  padding-left: 30%;
}

#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
  text-decoration: underline;
  color: #999;
}

#lightbox-close-button:hover {
  color: #666;
}

#lightbox-infoContainer-clear {
  clear: both;
  visibility: hidden;
}

.dropzone,.dropzone *,.dropzone-previews,.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone .dz-preview,.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #aaa;
  padding: 6px 6px 6px 6px;
}

.dzWide {
  width: 95%;
  display: block;
  clear: both;
  overflow: hidden;
}

.dzWide .dz-details {
  float: right;
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dzExtraFieldsTemplate,.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}

.dzExtraFields {
  float: left;
  overflow: hidden;
}

.dropzone .dz-preview .dz-details,.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #eee;
  padding: 5px;
  margin-bottom: 22px;
}

.dropzone .dz-preview .dz-details .dz-filename,.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}

.dropzone .dz-preview .dz-details img,.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.dropzone .dz-preview .dz-details .dz-size,.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}

.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview:hover .dz-details img,.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}

.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}

.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark {
  color: #8c5;
}

.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark {
  color: #e12;
}

.dropzone .dz-preview .dz-progress,.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #ddd;
  display: none;
}

.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8c5;
}

.dropzone .dz-preview.dz-processing .dz-progress,.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}

.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}

.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}

.dropzone .dz-default.dz-message span {
  display: none;
}

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}

.dropzone .dz-preview,.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}

.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}

.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
}

.dropzone .dz-preview .dz-error-mark span,.dropzone-previews .dz-preview .dz-error-mark span,.dropzone .dz-preview .dz-success-mark span,.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}

.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}

.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}

.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload {
      background-image: url("../images/spritemap@2x.png");
      -webkit-background-size: 428px 406px;
      -moz-background-size: 428px 406px;
      background-size: 428px 406px;
  }
}

.dropzone .dz-preview.dz-success .dz-progress,.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone a.dz-remove,.dropzone-previews a.dz-remove {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
  background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: linear-gradient(top, #fafafa 0, #eee 100%);
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
  clear: both;
}

.dropzone a.dz-remove:hover,.dropzone-previews a.dz-remove:hover {
  color: #666;
}

@-moz-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@-webkit-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@-o-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@-ms-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

.documentLibrary {
  margin: 0 0 0 5px;
}

.documentLibrary h2 {
  border-bottom: 1px solid #666;
  background: #eee;
  padding: 2px 3px 2px 3px;
}

.documentLibrary a.title {
  font-size: 125%;
}

.libraryGroupingInfo {
  margin: 1em;
}

.contentManageBorder {
  border: 2px solid #006;
}

.manageContentSectionBorderTop {
  width: auto;
  border-top: 1px solid #369;
  padding-top: 5px;
}

.manageContentSectionBorderBottom {
  width: auto;
  border-bottom: 1px solid #369;
  padding-bottom: 5px;
}

div.manageContentBlock {
  width: auto;
}

.manageContentBlock hr {
  height: 1px;
  border: 0 none;
  margin: 0;
  clear: both;
}

.contentImageCaption {
  width: auto;
  padding-top: 0.4em;
  font-size: 80%;
  text-align: center;
  font-style: italic;
}

.xdePageAuthor {
  text-align: right;
  margin: 1em;
}

.xdePageAuthorBy {
  font-size: 80%;
}

div.mcSectionAdvanced, div.mcPageAdvanced {
  display: inline;
}

div.mcSectionHover {
  display: block;
  margin: -2px;
  border: 2px solid #eec;
  background: #ffe;
  cursor: pointer;
}

#formContentManagement fieldset {
  background: #dfdfdf;
  color: #000;
  border: 2px solid #ccc;
}

#formContentManagement fieldset legend {
  border: 2px solid #ccc;
  background: #eee;
  color: #000;
  font-weight: bold;
  padding: 0.2em;
}

.manageConetentFormSection {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  padding: 10px;
  margin: 10px 0 10px 0;
}

.manageConetentFormSection strong, .manageConetentFormSection h2, .manageConetentFormSection h3 {
  color: #000;
}

.manageContentFileList .jqToggleContainer {
  background: #ccc;
  border: 1px solid #999;
}

.manageContentFileList .jqToggleContainer img {
  vertical-align: text-bottom;
}

.manageContentFileList .jqContainer {
  background: #eee;
  padding: 0.5em 1em 1em 1em;
}

.sampleCode {
  border: 1px solid #ccc;
  background: #fff;
  padding: 0.2em 1em 0.2em 1em;
  width: 75%;
}

.mcNavItems {
  max-width: 800px;
  margin: 0 auto;
}

.mcNavItems li {
  margin: 1em 0 0 0;
  padding: 0.5em;
  background: #ddd;
  border: 2px solid #ccc;
  list-style: none;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}

.mcNavSubItems, .mcNavSubSubItems {
  background: #fff;
  border-radius: 15px;
  padding: 0.5em 0.5em 0.5em 2em;
  -webkit-border-radius: 15px;
}

.mcNavSubSubItems {
  background: #efefef;
}

.mcNavSubItems li,.mcNavSubSubItems li {
  padding: 0.2em;
  border: 0 none;
  margin: 0;
  background: transparent;
}

.mcnLocked {
  background: #f5c69a !important;
}

.mcnSubLocked {
  background: #fadec5 !important;
}

.mcnPublished,.mcnHidden:hover {
  opacity: 1.0;
}

.mcnHidden {
  opacity: 0.5;
}

.cmsHidden {
  opacity: 0.7;
  background: #ccc;
}

.cmsHidden .cmsPublish {
  background: #933;
  color: #fff;
  font-weight: bold;
}

.cmsHidden .cmsPublish option {
  background: #fff;
  color: #000;
  font-weight: bold;
}

#pop_menu_container {
  z-index: 10;
  position: relative;
  width: 760px;
  height: 0;
}

a.jqMobileMenu {
  -webkit-user-select: none!important;
  -webkit-touch-callout: none !important;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ppParentMenu {
  margin: 0;
  padding: 0;
}

.ppMenuBox {
  position: absolute;
  display: none;
  z-index: 220;
}

.popmenu {
  border: 2px #333 solid;
  background: #ddd;
  color: #000;
  font-size: 10px;
  font-family: sans-serif;
  width: 155px;
  position: relative;
  box-shadow: 4px 4px 12px rgba(50,50,50,0.5);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 4px 4px 12px rgba(50,50,50,0.5);
}

.menutitle {
  background: #336;
  color: #fff;
  font-weight: bold;
  padding: 2px;
  width: auto;
}

.menuDivision {
  margin-top: 0.5em;
  font-weight: normal;
}

.menuSection {
  position: relative;
  width: 45%;
  margin-left: 2%;
  float: left;
}

.menuHeader, .menuFooter {
  padding: 0.2em 0.5em;
  width: auto;
  font-style: italic;
  background: rgba(50,50,50,0.1);
}

.menucontent {
  padding: 3px 0 3px 0;
  width: auto;
  overflow: hidden;
}

.menucontent strong {
  margin: 3px 0 1px 2px;
  display: block;
  border-top: 1px solid #333;
}

.menucontent ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}

.menucontent li {
  margin: 0;
  padding: 1px 0 1px 0;
  display: block;
  width: auto;
  text-align: left;
}

.menucontent li a:link, .menucontent li a:visited, .menucontent li a:hover, .menucontent li a:active {
  display: block;
  width: 95%;
  width: auto;
  line-height: 1.4em;
  text-decoration: none;
  background: transparent;
  color: #333;
  padding: 0 1px 0 10px;
}

.menucontent li a:hover, .menucontent li a:active {
  background: #fc6;
  color: #000;
  margin: -1px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: inset 0 5px 3px rgba(255,255,255,0.2),inset 0 -7px 3px rgba(50,50,50,0.2);
}

.xdeAccordionNav .jqaContent ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1em;
  width: auto;
}

.xdeAccordionNav .ui-accordion-content {
  padding: 0.3em 0.5em 0.3em 0.8em;
}

.contentSnipCategory {
  margin: 1em;
  padding: 1em;
  background: #eef;
  border-radius: 15px;
}

.snipHeader {
  font-size: 110%;
  margin: 0 0 1em 0;
}

.snipFooter {
  font-size: 90%;
  margin: 1em 0 0 0;
}

.csSlideshow {
  width: 600px;
  height: 400px;
  margin: 1em auto;
}

.csSlideshow .contentSnippit {
  display: none;
}

.ppSprite, .niSelect {
  display: block;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
}

.niSize24 .ppSprite {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/navicons24.png);
  width: 24px;
  height: 24px;
}

.niSize32 .ppSprite {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/navicons32.png);
  width: 32px;
  height: 32px;
}

.niSize64 .ppSprite {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/navicons64.png);
  width: 64px;
  height: 64px;
}

.navIcon {
  vertical-align: middle;
  padding: 2px;
}

#navSampleIcon, .niSelect {
  background: #009;
  color: #eee;
  cursor: pointer;
}

#navSampleIcon:hover, .niSelect:hover {
  background: #006;
  box-shadow: inset 0 0 10px #ddf;
  color: #fff;
}

.niSelect {
  margin: 0.2em;
}

.niSize24 {
  height: 24px;
  line-height: 24px;
}

.niSize32 {
  height: 32px;
  line-height: 32px;
}

.niSize64 {
  height: 64px;
  line-height: 64px;
}

.navOnlyIcon {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.navOnlyIcon .ppSprite {
  margin: 0;
}

.navIcon .ppSprite {
  opacity: 0.8;
}

.navIcon:hover .ppSprite {
  opacity: 1;
}

.niSize24.navOnlyIcon {
  width: 24px;
}

.niSize32.navOnlyIcon {
  width: 32px;
}

.niSize64.navOnlyIcon {
  width: 64px;
}

.ppSprite1x1 {
  background-position: 0 0;
}

.niSize24 .ppSprite2x1 {
  background-position: -24px 0;
}

.niSize24 .ppSprite3x1 {
  background-position: -48px 0;
}

.niSize24 .ppSprite4x1 {
  background-position: -72px 0;
}

.niSize24 .ppSprite5x1 {
  background-position: -96px 0;
}

.niSize24 .ppSprite6x1 {
  background-position: -120px 0;
}

.niSize24 .ppSprite7x1 {
  background-position: -144px 0;
}

.niSize24 .ppSprite8x1 {
  background-position: -168px 0;
}

.niSize24 .ppSprite9x1 {
  background-position: -192px 0;
}

.niSize24 .ppSprite10x1 {
  background-position: -216px 0;
}

.niSize24 .ppSprite1x2 {
  background-position: 0 -24px;
}

.niSize24 .ppSprite2x2 {
  background-position: -24px -24px;
}

.niSize24 .ppSprite3x2 {
  background-position: -48px -24px;
}

.niSize24 .ppSprite4x2 {
  background-position: -72px -24px;
}

.niSize24 .ppSprite5x2 {
  background-position: -96px -24px;
}

.niSize24 .ppSprite6x2 {
  background-position: -120px -24px;
}

.niSize24 .ppSprite7x2 {
  background-position: -144px -24px;
}

.niSize24 .ppSprite8x2 {
  background-position: -168px -24px;
}

.niSize24 .ppSprite9x2 {
  background-position: -192px -24px;
}

.niSize24 .ppSprite10x2 {
  background-position: -216px -24px;
}

.niSize24 .ppSprite1x3 {
  background-position: 0 -48px;
}

.niSize24 .ppSprite2x3 {
  background-position: -24px -48px;
}

.niSize24 .ppSprite3x3 {
  background-position: -48px -48px;
}

.niSize24 .ppSprite4x3 {
  background-position: -72px -48px;
}

.niSize24 .ppSprite5x3 {
  background-position: -96px -48px;
}

.niSize24 .ppSprite6x3 {
  background-position: -120px -48px;
}

.niSize24 .ppSprite7x3 {
  background-position: -144px -48px;
}

.niSize24 .ppSprite8x3 {
  background-position: -168px -48px;
}

.niSize24 .ppSprite9x3 {
  background-position: -192px -48px;
}

.niSize24 .ppSprite10x3 {
  background-position: -216px -48px;
}

.niSize24 .ppSprite1x4 {
  background-position: 0 -72px;
}

.niSize24 .ppSprite2x4 {
  background-position: -24px -72px;
}

.niSize24 .ppSprite3x4 {
  background-position: -48px -72px;
}

.niSize24 .ppSprite4x4 {
  background-position: -72px -72px;
}

.niSize24 .ppSprite5x4 {
  background-position: -96px -72px;
}

.niSize24 .ppSprite6x4 {
  background-position: -120px -72px;
}

.niSize24 .ppSprite7x4 {
  background-position: -144px -72px;
}

.niSize24 .ppSprite8x4 {
  background-position: -168px -72px;
}

.niSize24 .ppSprite9x4 {
  background-position: -192px -72px;
}

.niSize24 .ppSprite10x4 {
  background-position: -216px -72px;
}

.niSize24 .ppSprite1x5 {
  background-position: 0 -96px;
}

.niSize24 .ppSprite2x5 {
  background-position: -24px -96px;
}

.niSize24 .ppSprite3x5 {
  background-position: -48px -96px;
}

.niSize24 .ppSprite4x5 {
  background-position: -72px -96px;
}

.niSize24 .ppSprite5x5 {
  background-position: -96px -96px;
}

.niSize24 .ppSprite6x5 {
  background-position: -120px -96px;
}

.niSize24 .ppSprite7x5 {
  background-position: -144px -96px;
}

.niSize24 .ppSprite8x5 {
  background-position: -168px -96px;
}

.niSize24 .ppSprite9x5 {
  background-position: -192px -96px;
}

.niSize24 .ppSprite10x5 {
  background-position: -216px -96px;
}

.niSize24 .ppSprite1x6 {
  background-position: 0 -120px;
}

.niSize24 .ppSprite2x6 {
  background-position: -24px -120px;
}

.niSize24 .ppSprite3x6 {
  background-position: -48px -120px;
}

.niSize24 .ppSprite4x6 {
  background-position: -72px -120px;
}

.niSize24 .ppSprite5x6 {
  background-position: -96px -120px;
}

.niSize24 .ppSprite6x6 {
  background-position: -120px -120px;
}

.niSize24 .ppSprite7x6 {
  background-position: -144px -120px;
}

.niSize24 .ppSprite8x6 {
  background-position: -168px -120px;
}

.niSize24 .ppSprite9x6 {
  background-position: -192px -120px;
}

.niSize24 .ppSprite10x6 {
  background-position: -216px -120px;
}

.niSize24 .ppSprite1x7 {
  background-position: 0 -144px;
}

.niSize24 .ppSprite2x7 {
  background-position: -24px -144px;
}

.niSize24 .ppSprite3x7 {
  background-position: -48px -144px;
}

.niSize24 .ppSprite4x7 {
  background-position: -72px -144px;
}

.niSize24 .ppSprite5x7 {
  background-position: -96px -144px;
}

.niSize24 .ppSprite6x7 {
  background-position: -120px -144px;
}

.niSize24 .ppSprite7x7 {
  background-position: -144px -144px;
}

.niSize24 .ppSprite8x7 {
  background-position: -168px -144px;
}

.niSize24 .ppSprite9x7 {
  background-position: -192px -144px;
}

.niSize24 .ppSprite10x7 {
  background-position: -216px -144px;
}

.niSize24 .ppSprite1x8 {
  background-position: 0 -168px;
}

.niSize24 .ppSprite2x8 {
  background-position: -24px -168px;
}

.niSize24 .ppSprite3x8 {
  background-position: -48px -168px;
}

.niSize24 .ppSprite4x8 {
  background-position: -72px -168px;
}

.niSize24 .ppSprite5x8 {
  background-position: -96px -168px;
}

.niSize24 .ppSprite6x8 {
  background-position: -120px -168px;
}

.niSize24 .ppSprite7x8 {
  background-position: -144px -168px;
}

.niSize24 .ppSprite8x8 {
  background-position: -168px -168px;
}

.niSize24 .ppSprite9x8 {
  background-position: -192px -168px;
}

.niSize24 .ppSprite10x8 {
  background-position: -216px -168px;
}

.niSize24 .ppSprite1x9 {
  background-position: 0 -192px;
}

.niSize24 .ppSprite2x9 {
  background-position: -24px -192px;
}

.niSize24 .ppSprite3x9 {
  background-position: -48px -192px;
}

.niSize24 .ppSprite4x9 {
  background-position: -72px -192px;
}

.niSize24 .ppSprite5x9 {
  background-position: -96px -192px;
}

.niSize24 .ppSprite6x9 {
  background-position: -120px -192px;
}

.niSize24 .ppSprite7x9 {
  background-position: -144px -192px;
}

.niSize24 .ppSprite8x9 {
  background-position: -168px -192px;
}

.niSize24 .ppSprite9x9 {
  background-position: -192px -192px;
}

.niSize24 .ppSprite10x9 {
  background-position: -216px -192px;
}

.niSize24 .ppSprite1x10 {
  background-position: 0 -216px;
}

.niSize24 .ppSprite2x10 {
  background-position: -24px -216px;
}

.niSize24 .ppSprite3x10 {
  background-position: -48px -216px;
}

.niSize24 .ppSprite4x10 {
  background-position: -72px -216px;
}

.niSize24 .ppSprite5x10 {
  background-position: -96px -216px;
}

.niSize24 .ppSprite6x10 {
  background-position: -120px -216px;
}

.niSize24 .ppSprite7x10 {
  background-position: -144px -216px;
}

.niSize24 .ppSprite8x10 {
  background-position: -168px -216px;
}

.niSize24 .ppSprite9x10 {
  background-position: -192px -216px;
}

.niSize24 .ppSprite10x10 {
  background-position: -216px -216px;
}

.niSize32 .ppSprite2x1 {
  background-position: -32px 0;
}

.niSize32 .ppSprite3x1 {
  background-position: -64px 0;
}

.niSize32 .ppSprite4x1 {
  background-position: -96px 0;
}

.niSize32 .ppSprite5x1 {
  background-position: -128px 0;
}

.niSize32 .ppSprite6x1 {
  background-position: -160px 0;
}

.niSize32 .ppSprite7x1 {
  background-position: -192px 0;
}

.niSize32 .ppSprite8x1 {
  background-position: -224px 0;
}

.niSize32 .ppSprite9x1 {
  background-position: -256px 0;
}

.niSize32 .ppSprite10x1 {
  background-position: -288px 0;
}

.niSize32 .ppSprite1x2 {
  background-position: 0 -32px;
}

.niSize32 .ppSprite2x2 {
  background-position: -32px -32px;
}

.niSize32 .ppSprite3x2 {
  background-position: -64px -32px;
}

.niSize32 .ppSprite4x2 {
  background-position: -96px -32px;
}

.niSize32 .ppSprite5x2 {
  background-position: -128px -32px;
}

.niSize32 .ppSprite6x2 {
  background-position: -160px -32px;
}

.niSize32 .ppSprite7x2 {
  background-position: -192px -32px;
}

.niSize32 .ppSprite8x2 {
  background-position: -224px -32px;
}

.niSize32 .ppSprite9x2 {
  background-position: -256px -32px;
}

.niSize32 .ppSprite10x2 {
  background-position: -288px -32px;
}

.niSize32 .ppSprite1x3 {
  background-position: 0 -64px;
}

.niSize32 .ppSprite2x3 {
  background-position: -32px -64px;
}

.niSize32 .ppSprite3x3 {
  background-position: -64px -64px;
}

.niSize32 .ppSprite4x3 {
  background-position: -96px -64px;
}

.niSize32 .ppSprite5x3 {
  background-position: -128px -64px;
}

.niSize32 .ppSprite6x3 {
  background-position: -160px -64px;
}

.niSize32 .ppSprite7x3 {
  background-position: -192px -64px;
}

.niSize32 .ppSprite8x3 {
  background-position: -224px -64px;
}

.niSize32 .ppSprite9x3 {
  background-position: -256px -64px;
}

.niSize32 .ppSprite10x3 {
  background-position: -288px -64px;
}

.niSize32 .ppSprite1x4 {
  background-position: 0 -96px;
}

.niSize32 .ppSprite2x4 {
  background-position: -32px -96px;
}

.niSize32 .ppSprite3x4 {
  background-position: -64px -96px;
}

.niSize32 .ppSprite4x4 {
  background-position: -96px -96px;
}

.niSize32 .ppSprite5x4 {
  background-position: -128px -96px;
}

.niSize32 .ppSprite6x4 {
  background-position: -160px -96px;
}

.niSize32 .ppSprite7x4 {
  background-position: -192px -96px;
}

.niSize32 .ppSprite8x4 {
  background-position: -224px -96px;
}

.niSize32 .ppSprite9x4 {
  background-position: -256px -96px;
}

.niSize32 .ppSprite10x4 {
  background-position: -288px -96px;
}

.niSize32 .ppSprite1x5 {
  background-position: 0 -128px;
}

.niSize32 .ppSprite2x5 {
  background-position: -32px -128px;
}

.niSize32 .ppSprite3x5 {
  background-position: -64px -128px;
}

.niSize32 .ppSprite4x5 {
  background-position: -96px -128px;
}

.niSize32 .ppSprite5x5 {
  background-position: -128px -128px;
}

.niSize32 .ppSprite6x5 {
  background-position: -160px -128px;
}

.niSize32 .ppSprite7x5 {
  background-position: -192px -128px;
}

.niSize32 .ppSprite8x5 {
  background-position: -224px -128px;
}

.niSize32 .ppSprite9x5 {
  background-position: -256px -128px;
}

.niSize32 .ppSprite10x5 {
  background-position: -288px -128px;
}

.niSize32 .ppSprite1x6 {
  background-position: 0 -160px;
}

.niSize32 .ppSprite2x6 {
  background-position: -32px -160px;
}

.niSize32 .ppSprite3x6 {
  background-position: -64px -160px;
}

.niSize32 .ppSprite4x6 {
  background-position: -96px -160px;
}

.niSize32 .ppSprite5x6 {
  background-position: -128px -160px;
}

.niSize32 .ppSprite6x6 {
  background-position: -160px -160px;
}

.niSize32 .ppSprite7x6 {
  background-position: -192px -160px;
}

.niSize32 .ppSprite8x6 {
  background-position: -224px -160px;
}

.niSize32 .ppSprite9x6 {
  background-position: -256px -160px;
}

.niSize32 .ppSprite10x6 {
  background-position: -288px -160px;
}

.niSize32 .ppSprite1x7 {
  background-position: 0 -192px;
}

.niSize32 .ppSprite2x7 {
  background-position: -32px -192px;
}

.niSize32 .ppSprite3x7 {
  background-position: -64px -192px;
}

.niSize32 .ppSprite4x7 {
  background-position: -96px -192px;
}

.niSize32 .ppSprite5x7 {
  background-position: -128px -192px;
}

.niSize32 .ppSprite6x7 {
  background-position: -160px -192px;
}

.niSize32 .ppSprite7x7 {
  background-position: -192px -192px;
}

.niSize32 .ppSprite8x7 {
  background-position: -224px -192px;
}

.niSize32 .ppSprite9x7 {
  background-position: -256px -192px;
}

.niSize32 .ppSprite10x7 {
  background-position: -288px -192px;
}

.niSize32 .ppSprite1x8 {
  background-position: 0 -224px;
}

.niSize32 .ppSprite2x8 {
  background-position: -32px -224px;
}

.niSize32 .ppSprite3x8 {
  background-position: -64px -224px;
}

.niSize32 .ppSprite4x8 {
  background-position: -96px -224px;
}

.niSize32 .ppSprite5x8 {
  background-position: -128px -224px;
}

.niSize32 .ppSprite6x8 {
  background-position: -160px -224px;
}

.niSize32 .ppSprite7x8 {
  background-position: -192px -224px;
}

.niSize32 .ppSprite8x8 {
  background-position: -224px -224px;
}

.niSize32 .ppSprite9x8 {
  background-position: -256px -224px;
}

.niSize32 .ppSprite10x8 {
  background-position: -288px -224px;
}

.niSize32 .ppSprite1x9 {
  background-position: 0 -256px;
}

.niSize32 .ppSprite2x9 {
  background-position: -32px -256px;
}

.niSize32 .ppSprite3x9 {
  background-position: -64px -256px;
}

.niSize32 .ppSprite4x9 {
  background-position: -96px -256px;
}

.niSize32 .ppSprite5x9 {
  background-position: -128px -256px;
}

.niSize32 .ppSprite6x9 {
  background-position: -160px -256px;
}

.niSize32 .ppSprite7x9 {
  background-position: -192px -256px;
}

.niSize32 .ppSprite8x9 {
  background-position: -224px -256px;
}

.niSize32 .ppSprite9x9 {
  background-position: -256px -256px;
}

.niSize32 .ppSprite10x9 {
  background-position: -288px -256px;
}

.niSize32 .ppSprite1x10 {
  background-position: 0 -288px;
}

.niSize32 .ppSprite2x10 {
  background-position: -32px -288px;
}

.niSize32 .ppSprite3x10 {
  background-position: -64px -288px;
}

.niSize32 .ppSprite4x10 {
  background-position: -96px -288px;
}

.niSize32 .ppSprite5x10 {
  background-position: -128px -288px;
}

.niSize32 .ppSprite6x10 {
  background-position: -160px -288px;
}

.niSize32 .ppSprite7x10 {
  background-position: -192px -288px;
}

.niSize32 .ppSprite8x10 {
  background-position: -224px -288px;
}

.niSize32 .ppSprite9x10 {
  background-position: -256px -288px;
}

.niSize32 .ppSprite10x10 {
  background-position: -288px -288px;
}

.niSize64 .ppSprite2x1 {
  background-position: -64px 0;
}

.niSize64 .ppSprite3x1 {
  background-position: -128px 0;
}

.niSize64 .ppSprite4x1 {
  background-position: -192px 0;
}

.niSize64 .ppSprite5x1 {
  background-position: -265px 0;
}

.niSize64 .ppSprite6x1 {
  background-position: -320px 0;
}

.niSize64 .ppSprite7x1 {
  background-position: -384px 0;
}

.niSize64 .ppSprite8x1 {
  background-position: -448px 0;
}

.niSize64 .ppSprite9x1 {
  background-position: -512px 0;
}

.niSize64 .ppSprite10x1 {
  background-position: -576px 0;
}

.niSize64 .ppSprite1x2 {
  background-position: 0 -64px;
}

.niSize64 .ppSprite2x2 {
  background-position: -64px -64px;
}

.niSize64 .ppSprite3x2 {
  background-position: -128px -64px;
}

.niSize64 .ppSprite4x2 {
  background-position: -192px -64px;
}

.niSize64 .ppSprite5x2 {
  background-position: -265px -64px;
}

.niSize64 .ppSprite6x2 {
  background-position: -320px -64px;
}

.niSize64 .ppSprite7x2 {
  background-position: -384px -64px;
}

.niSize64 .ppSprite8x2 {
  background-position: -448px -64px;
}

.niSize64 .ppSprite9x2 {
  background-position: -512px -64px;
}

.niSize64 .ppSprite10x2 {
  background-position: -576px -64px;
}

.niSize64 .ppSprite1x3 {
  background-position: 0 -128px;
}

.niSize64 .ppSprite2x3 {
  background-position: -64px -128px;
}

.niSize64 .ppSprite3x3 {
  background-position: -128px -128px;
}

.niSize64 .ppSprite4x3 {
  background-position: -192px -128px;
}

.niSize64 .ppSprite5x3 {
  background-position: -265px -128px;
}

.niSize64 .ppSprite6x3 {
  background-position: -320px -128px;
}

.niSize64 .ppSprite7x3 {
  background-position: -384px -128px;
}

.niSize64 .ppSprite8x3 {
  background-position: -448px -128px;
}

.niSize64 .ppSprite9x3 {
  background-position: -512px -128px;
}

.niSize64 .ppSprite10x3 {
  background-position: -576px -128px;
}

.niSize64 .ppSprite1x4 {
  background-position: 0 -192px;
}

.niSize64 .ppSprite2x4 {
  background-position: -64px -192px;
}

.niSize64 .ppSprite3x4 {
  background-position: -128px -192px;
}

.niSize64 .ppSprite4x4 {
  background-position: -192px -192px;
}

.niSize64 .ppSprite5x4 {
  background-position: -265px -192px;
}

.niSize64 .ppSprite6x4 {
  background-position: -320px -192px;
}

.niSize64 .ppSprite7x4 {
  background-position: -384px -192px;
}

.niSize64 .ppSprite8x4 {
  background-position: -448px -192px;
}

.niSize64 .ppSprite9x4 {
  background-position: -512px -192px;
}

.niSize64 .ppSprite10x4 {
  background-position: -576px -192px;
}

.niSize64 .ppSprite1x5 {
  background-position: 0 -265px;
}

.niSize64 .ppSprite2x5 {
  background-position: -64px -265px;
}

.niSize64 .ppSprite3x5 {
  background-position: -128px -265px;
}

.niSize64 .ppSprite4x5 {
  background-position: -192px -265px;
}

.niSize64 .ppSprite5x5 {
  background-position: -265px -265px;
}

.niSize64 .ppSprite6x5 {
  background-position: -320px -265px;
}

.niSize64 .ppSprite7x5 {
  background-position: -384px -265px;
}

.niSize64 .ppSprite8x5 {
  background-position: -448px -265px;
}

.niSize64 .ppSprite9x5 {
  background-position: -512px -265px;
}

.niSize64 .ppSprite10x5 {
  background-position: -576px -265px;
}

.niSize64 .ppSprite1x6 {
  background-position: 0 -320px;
}

.niSize64 .ppSprite2x6 {
  background-position: -64px -320px;
}

.niSize64 .ppSprite3x6 {
  background-position: -128px -320px;
}

.niSize64 .ppSprite4x6 {
  background-position: -192px -320px;
}

.niSize64 .ppSprite5x6 {
  background-position: -265px -320px;
}

.niSize64 .ppSprite6x6 {
  background-position: -320px -320px;
}

.niSize64 .ppSprite7x6 {
  background-position: -384px -320px;
}

.niSize64 .ppSprite8x6 {
  background-position: -448px -320px;
}

.niSize64 .ppSprite9x6 {
  background-position: -512px -320px;
}

.niSize64 .ppSprite10x6 {
  background-position: -576px -320px;
}

.niSize64 .ppSprite1x7 {
  background-position: 0 -384px;
}

.niSize64 .ppSprite2x7 {
  background-position: -64px -384px;
}

.niSize64 .ppSprite3x7 {
  background-position: -128px -384px;
}

.niSize64 .ppSprite4x7 {
  background-position: -192px -384px;
}

.niSize64 .ppSprite5x7 {
  background-position: -265px -384px;
}

.niSize64 .ppSprite6x7 {
  background-position: -320px -384px;
}

.niSize64 .ppSprite7x7 {
  background-position: -384px -384px;
}

.niSize64 .ppSprite8x7 {
  background-position: -448px -384px;
}

.niSize64 .ppSprite9x7 {
  background-position: -512px -384px;
}

.niSize64 .ppSprite10x7 {
  background-position: -576px -384px;
}

.niSize64 .ppSprite1x8 {
  background-position: 0 -448px;
}

.niSize64 .ppSprite2x8 {
  background-position: -64px -448px;
}

.niSize64 .ppSprite3x8 {
  background-position: -128px -448px;
}

.niSize64 .ppSprite4x8 {
  background-position: -192px -448px;
}

.niSize64 .ppSprite5x8 {
  background-position: -265px -448px;
}

.niSize64 .ppSprite6x8 {
  background-position: -320px -448px;
}

.niSize64 .ppSprite7x8 {
  background-position: -384px -448px;
}

.niSize64 .ppSprite8x8 {
  background-position: -448px -448px;
}

.niSize64 .ppSprite9x8 {
  background-position: -512px -448px;
}

.niSize64 .ppSprite10x8 {
  background-position: -576px -448px;
}

.niSize64 .ppSprite1x9 {
  background-position: 0 -512px;
}

.niSize64 .ppSprite2x9 {
  background-position: -64px -512px;
}

.niSize64 .ppSprite3x9 {
  background-position: -128px -512px;
}

.niSize64 .ppSprite4x9 {
  background-position: -192px -512px;
}

.niSize64 .ppSprite5x9 {
  background-position: -265px -512px;
}

.niSize64 .ppSprite6x9 {
  background-position: -320px -512px;
}

.niSize64 .ppSprite7x9 {
  background-position: -384px -512px;
}

.niSize64 .ppSprite8x9 {
  background-position: -448px -512px;
}

.niSize64 .ppSprite9x9 {
  background-position: -512px -512px;
}

.niSize64 .ppSprite10x9 {
  background-position: -576px -512px;
}

.niSize64 .ppSprite1x10 {
  background-position: 0 -576px;
}

.niSize64 .ppSprite2x10 {
  background-position: -64px -576px;
}

.niSize64 .ppSprite3x10 {
  background-position: -128px -576px;
}

.niSize64 .ppSprite4x10 {
  background-position: -192px -576px;
}

.niSize64 .ppSprite5x10 {
  background-position: -265px -576px;
}

.niSize64 .ppSprite6x10 {
  background-position: -320px -576px;
}

.niSize64 .ppSprite7x10 {
  background-position: -384px -576px;
}

.niSize64 .ppSprite8x10 {
  background-position: -448px -576px;
}

.niSize64 .ppSprite9x10 {
  background-position: -512px -576px;
}

.niSize64 .ppSprite10x10 {
  background-position: -576px -576px;
}

table.newsItem {
  border: 1px solid #eee;
  margin: 0 0 10px 0;
}

table.recentNewsItem {
  font-size: x-small;
}

.newsItem th {
  text-align: left;
  font-size: 95%;
  color: #fff;
  background: #036;
  padding: 2px 2px 3px 5px;
}

h3.newsCategoryTitle {
  padding: 0 5px 0 0;
  margin: 1px;
  font-size: 75%;
  text-align: right;
  font-weight: bold;
}

.newsItem td .newsItemDate {
  text-align: right;
  font-size: xx-small;
  padding: 1px 0 0 5px;
}

div.recentNewsItemDate {
  font-size: xx-small;
  text-align: right;
}

.newsItem td {
  padding: 5px;
}

.newsItem td.details {
  padding: 2px 2px 10px 10px;
  font-size: x-small;
}

h3.newsCategoryDescription {
  text-align: left;
  padding: 0 0 20px 30px;
  margin: 0;
  font-size: 10pt;
  font-weight: 100;
  color: #333;
  background: transparent;
}

.newsImage {
  width: auto;
}

.niCaption {
  margin-top: 0.5em;
  font-size: 80%;
  text-align: center;
  font-style: italic;
}

.newsImage img {
  width: 100%;
  height: auto;
}

.nileft, .niright {
  width: 25%;
}

.nileft {
  float: left;
  margin: 0.5em 1em 0 0;
}

.niright {
  float: right;
  clear: right;
  margin: 0.5em 0 0 1em;
}

.nitop-C {
  margin: 0.5em auto 2em auto;
}

.nibottom-C {
  margin: 2em auto 0.5em auto;
}

img.newsImage, img.recentNewsImage {
  border: 1px solid #006;
}

.newsAdminNote {
  font-weight: bold;
  color: #600;
  background: #fdd;
  margin: 0 0 0 5px;
  padding: 0 5px 0 5px;
  cursor: help;
  border: 1px solid #900;
}

.newsAdminInfo {
  color: #555;
  font-weight: normal;
  background: #fff;
  margin: 0 0 0 5px;
  padding: 0 1px 0 1px;
  cursor: help;
  border: 1px solid #dde;
  font-style: italic;
}

.newsArticleSpecs {
  float: right;
  margin: -2em -1.5em 1em 1em;
  padding: 10px;
  width: 15em;
  background: #fff;
}

.newsDateOnly {
  display: none;
}

@media all and (max-width: 800px) {
  .newsArticleSpecs {
      display: none;
  }

  .newsDateOnly {
      display: block;
      float: right;
      border-radius: 4px;
      padding: 2px 4px;
      margin: -2em 0 0.2em 1em;
  }

  .newsSectionBox h1 {
      clear: right;
  }
}

.newsArticleSpecs, .newsMoreImages, .newsSectionBox {
  border-radius: 5px;
}

.newsItemList, .newsSectionBox {
  margin: 1em auto;
  max-width: 1024px;
  min-width: 300px;
}

.newsItemList .ibFloat {
  margin: 1%;
  width: 23%;
  height: 2.4em;
  overflow: hidden;
  font-size: 85%;
}

@media all and (max-width: 900px) {
  .newsItemList .ibFloat {
      margin: 1%;
      width: 31%;
  }
}

@media all and (max-width: 700px) {
  .newsItemList .ibFloat {
      margin: 1%;
      width: 48%;
  }
}

@media all and (max-width: 400px) {
  .newsItemList .ibFloat {
      margin: 1%;
      width: 98%;
      height: auto;
  }
}

.newsArticleSpecs .languageCode {
  clear: both;
  float: right;
}

.newsSectionBox {
  background: #eef;
  color: #335;
  padding: 1em;
}

.newsBlogEntry {
  margin: 1.5em 1em 1.5em 1em;
  border: 2px solid #99f;
  padding: 1em;
}

.newsArticleSpecs ul, .newsArticleSpecs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto;
}

.newsArticleSpecs ul {
  margin: 0.5em 0 0 0.2em;
  width: auto;
}

.newsQStats {
  margin: 0 0 0.5em 0;
  width: auto;
  padding-left: 1em;
}

div.newsArticle {
  padding: 20px;
}

.newsArticle h1 {
  margin: 0 0 0.8em 0;
  padding: 0;
  text-align: left;
  font-size: 160%;
  font-weight: bold;
}

.newsArticle h1 a {
  color: #333;
}

.newsArticle h4 {
  float: none;
  clear: none;
  text-align: left;
  text-decoration: none;
  padding: 0;
  margin: -0.8em 0 0.5em 0;
  font-size: 110%;
}

.newsMoreImages h2, .newsComments .ppcTitle {
  font-size: 1.1rem;
  font-weight: bold;
  color: #335;
  background: #eef;
  border-color: #dde;
  box-shadow: 0 10px 30px -10px rgba(0,0,102,0.2) inset;
  margin-top: -1.2rem;
  width: 15rem;
  text-align: center;
}

.newsSectionBox hr {
  clear: both;
  visibility: hidden;
  height: 1px;
  border: 0 none;
}

div.newsImageItem {
  border: 1px solid #99f;
  float: left;
  margin: 0.5em;
  width: 160px;
  height: 200px;
  background: #ccc;
  color: #333;
  overflow: hidden;
}

.newsImageItem img {
  border: 1px solid #006;
  margin: 5px;
}

.newsShare {
  max-width: 500px;
}

.newsShare .xdeSocialPromoteStrip {
  margin: 5px 0 15px 20px;
}

.newsShare .xdeSharingStrip {
  margin-top: 5px;
}

.newsComments .XDeComments {
  width: auto;
  margin: 0;
}

.newsComments .ppComments {
  background: #fff;
  color: #333;
  margin: 1em;
}

div.quiz_description, div.quiz_instructions {
  font-size: 14px;
  margin: 5px 5px 5px 0;
}

div.quiz_question {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}

div.quiz_passmark {
  font-weight: bold;
  font-size: 12px;
  font-style: italic;
}

div.quiz_score {
  font-size: 18px;
  font-weight: bold;
}

div.quizScore {
}

div.quizScore div.stats {
}

div.quizScore div.time {
  font-size: 80%;
}

div.quizScore div.review {
  width: 30em;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border: 2px solid #ccc;
  background: #fc0;
  font-weight: bold;
  text-align: center;
}

div.quizScore div.score {
}

div.quizScore div.feedback {
  border: 2px solid #ccf;
  padding: 0.5em;
  font-style: italic;
}

div.quizQuestionEval {
  padding: 1em;
}

div.quizQuestionEvalHi {
  padding: 1em;
  border: 2px solid #ccc;
  background: #fcc;
}

div.quizQuestionEval div.evaluation, div.quizQuestionEvalHi div.evaluation {
  width: 30em;
  border: 2px solid #ccc;
  background: #eef;
  padding: 1em;
  margin-top: 0.5em;
}

div.quizQuestionEval div.score, div.quizQuestionEvalHi div.score {
  border: 2px solid #ccc;
  margin: 1em 1em 1em 0;
  padding: 0.5em;
  width: 5em;
  display: inline;
}

div.quizQuestionEval div.feedback, div.quizQuestionEvalHi div.feedback {
  margin: 1em 1em 0 1em;
}

div.quizQuestionMarker {
  border: 2px solid #ccc;
  padding: 0.2em;
  line-height: 0.8em;
  margin: 1em;
  width: 1em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: inline;
  width: 1.5em;
}

label.quizAnswer {
  margin-left: 1em;
  padding: 0;
  display: block;
  width: 75%;
}

label.quizSelectedAnswer, div.quizSelectedAnswer {
  border: 1px solid #aca;
  background: #dfd;
  padding: 0.2em;
  font-weight: bold;
}

div.quizSelectedAnswer {
  margin: 0.2em;
}

div.quizQuestionBlock {
  border: 2px solid #ccc;
  margin: 0.5em;
  padding: 0 0.5em 0.5em 0.5em;
}

div.quizScoreMessage {
  border: 3px solid #ccc;
  margin: 1em;
  padding: 0.5em;
}

div.quizAnswerKey {
  font-size: 200%;
  margin: 10mm;
  text-align: center;
  color: #600;
  page-break-after: always;
}

div.quiz_instructions {
  page-break-after: always;
}

div.quizPrintQuestion {
  page-break-inside: avoid;
  display: block;
}

.sarStatusFlag {
  float: right;
  width: 10em;
  padding: 0.2em 1em;
  border-radius: active 5px;
  box-shadow: 0 0 2px rgba(0,0,0.25);
}

.sarSelBox {
  height: 4em;
  overflow: hidden;
}

.sgBlock {
  min-width: 300px;
}

div.sarPersonnelTitle {
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0.2em;
  background: #ddd;
}

table.personStats td {
  font-size: 80%;
  text-align: center;
}

div.spsTitle {
  font-size: 130%;
  text-align: left;
}

div.sarPersonStat {
  font-size: 130%;
  font-weight: bold;
}

div.sarLogNotes {
  font-size: 85%;
}

.sarEqBox {
  width: 46%;
  margin: 1%;
  padding: 1%;
  background: #eee;
}

.sarAuthFlag {
  padding: 0.2em 1em;
  font-weight: bold;
  text-align: center;
  background: #ccf;
}

.sarAuthSignedTitle {
  background: #dfd;
}

.sarPrintImage img {
  margin: 1em auto;
  border: 2px solid #000;
  width: 100%;
}

.sarScreenImage {
  margin: 1em auto 1em auto;
  overflow: hidden;
}

.sarScreenImage a {
  display: block;
  float: left;
  width: 22%;
  margin: 1%;
}

.sarScreenImage img {
  width: 100%;
  height: auto;
  border: 2px solid #000;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.sarDashDate {
  float: right;
  text-align: right;
}

.sarDashboard h3 {
  margin-bottom: 0.2em;
}

#sarDashSearch {
  display: block;
  width: auto;
  margin: 0 0 0.5em 0;
}

.sarDashRed {
  background: #fbb;
}

.sarDashYellow {
  background: #ffc;
}

.sarDashBtnList {
  margin: 0.2em;
  padding: 0.2em;
  list-style: none;
}

.sarDashBtnList li {
  margin: 0.2em;
}

.sarDashBtnList li a {
  text-align: center;
  display: block;
  margin: 2px 2px 2px 0;
  padding: 0.1em 0.5em;
  color: #333;
  background: #eef;
  border: 1px solid #999;
  width: auto;
  box-shadow: 0 0 5px rgba(255,255,255,0.25),inset 0 -10px 10px -10px rgba(0,0,0,0.15);
}

.sarDashBtnList li a:hover {
  background: #ddf;
  color: #000;
  box-shadow: 0 0 5px rgba(0,0,0,0.25),inset 0 -10px 10px -10px rgba(150,150,0,0.25);
}

.sarAL0 {
  background: #f66;
}

.sarAL1 {
  background: #999;
}

.sarAL3 {
  background: #eee;
}

.sarAL5 {
  background: #aee;
}

.sarAL7 {
  background: #6ff;
}

.sarAL9 {
  background: #eae;
}

.sarAL11 {
  background: #f6f;
}

.sarAL13 {
  background: #aea;
}

.sarAL15 {
  background: #6f6;
}

.sarAL99 {
  background: #ff6;
}

.sarSafetyDates {
  float: right;
  clear: right;
  background: #eee;
  border: 2px solid #ccf;
  padding: 0.5em;
  margin: 1em 0 1em;
  border-radius: 0.25em;
}

.sarSafetyIssue {
  border: 2px solid #ccc;
  padding: 0.5em;
  border-radius: 0.25em;
}

.sarSafetyRec {
  border: 2px solid #090;
  padding: 0.5em;
  border-radius: 0.25em;
}

form.XDeSearch {
  display: inline;
}

div.pageSearch {
  padding: 0.5em;
  width: 80%;
  margin: 0.5em auto;
}

.pageSearch input, .pageSearch select {
  line-height: 32px;
  height: 32px;
  font-size: 20px;
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border: 0;
  vertical-align: middle;
}

.pageSearch input.query {
  width: 18em;
}

form.XDeSearch input.submit {
  display: inline;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/search32.png) no-repeat center bottom;
  height: 32px;
  width: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: middle;
}

table.searchReport td {
  text-align: right;
}

table.searchReport td.keyphrase {
  text-align: left;
}

table.searchReport td.nullResult {
  font-style: italic;
  color: #666;
}

#xdeSearchDialogResultArea {
  width: auto;
  height: 350px;
  overflow-y: scroll;
}

.xdeSearchBtn {
  width: 25px;
  line-height: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/search.png) no-repeat 50% 50%;
  display: block;
  text-indent: -9999px;
}

.moduleSearchBtn {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/searchg.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 5px !important;
  padding-left: 48px !important;
}

#bcSearchBtn {
  display: block;
  float: right;
  margin: 0 10px 0 10px;
  background-color: #8D8279;
  border-radius: 5px;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  width: 20px;
}

div.sitemapGroup {
  border: 2px solid #ccc;
  padding: 0.5em;
  margin-bottom: 1em;
}

div.sitemapGroup h2 {
}

div.sitemapIndex div.col1, div.sitemapIndex div.col2, div.sitemapIndex div.col3 {
  float: left;
  width: 30%;
  position: relative;
  border: 2px solid #ccc;
  margin: 0 1em 0 0;
}

div.sitemapIndex div.letter {
  border-top: 2px solid #eee;
  font-weight: bold;
  font-size: 120%;
  padding: 0.2em;
  color: #666;
  width: auto;
}

div.sitemapIndex ul {
  margin-top: -1.2em;
  list-style: none;
}

.xdeVideoFrame {
  border: 0;
  background: transparent;
  overflow: hidden;
  padding: 0;
}

.xdeInlineVideo {
  border: 0 none;
  background: transparent;
}

.xdeVideoPreviewImage {
  border: 2px solid #333;
}

.xdeVideoPlayBtn {
  position: absolute;
  z-index: 10;
  height: 64px;
  margin-top: 35px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.xdeVideoPlayBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.videoUploadForm {
  border: 0;
  padding: 0.5em;
  margin: 0.2em;
  width: auto;
}

.videoUploadForm div.noVideo {
  background: #ddd;
  color: #000;
  font-weight: normal;
  width: 216px;
  text-align: center;
  border: 1px solid #000;
  margin: 0.5em auto 0.5em auto;
}

.videoUploadForm img.preview {
  margin: 0.5em auto 0 auto;
  border: 1px solid #000;
}

.videoUploadForm label {
  color: #666;
  font-size: 75%;
  display: block;
  margin-top: 0.2em;
}

div.videoPlayer {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  top: 0;
  left: 0;
}

div.videoPlayer object {
  margin: 0;
  border: 0;
  padding: 0;
}

div.videoPlayerTitleBar {
  line-height: 110%;
  background: #666;
  border-bottom: 1px solid #ccc;
  width: auto;
  padding: 2px;
}

div.videoPlayerTitleBar div.vpTitle {
  font-weight: bold;
  font-size: 110%;
  margin: 0.2em;
}

div.videoPlayerTitleBar a.close {
  position: relative;
  float: right;
  border: 1px solid #ccc;
  color: #444;
  background: #aaa;
  text-align: right;
  margin: 0 0.2em 0 0;
  padding: 0 2px 0 3px;
}

.xdeVideoPlayerDialog {
  padding: 0px;
  background: #000;
  color: #fff;
}

.xdeVideoPlayerDialog .ui-dialog-content, .xdeVideoPlayerDialog .ui-widget-content {
  margin: 0 auto;
  padding: 0;
}

/*==== LOADER CSS =======================*/
#loaderNoticemain {
  position: absolute;
  top: 0;
  left: 50%;
  background: #eef url(https://ccga-ca.com/images/loader/loading.gif) 1em 50% no-repeat;
  padding: 0 10px 0 40px;
  width: 300px;
  line-height: 60px;
  height: 60px;
  margin: 250px 0 0 -150px;
  border: 2px solid #009;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  z-index: 999;
}

#loaderNoticesearch {
  position: absolute;
  top: 0;
  left: 50%;
  background: #eef url(https://ccga-ca.com/images/loader/loading.gif) 1em 50% no-repeat;
  padding: 0 10px 0 40px;
  width: 300px;
  line-height: 60px;
  height: 60px;
  margin: 250px 0 0 -150px;
  border: 2px solid #009;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  z-index: 999;
}

/*==== SITE CUSTOM CSS ==================*/
body {
  background: #0e153e url(https://ccgaca.s3.amazonaws.com/images/template/ocean.png) 0 0 repeat-x;
}

h1,h2,h3,h4,h5 {
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #282e74;
  text-align: left;
}

h1 {
  font-style: italic;
}

#ppPageTop {
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/waves.jpg) 50% 0 repeat-x;
}

#ppPageBase {
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/marine.jpg) 50% 100% no-repeat;
}

#ppPageContent {
  color: #333;
  background: transparent;
  width: 960px;
  margin: 0 auto;
  box-shadow: 0 5px 10px rgba(0,0,0,0.75);
}

#ccgaLogo {
  display: block;
  position: absolute;
  z-index: 2;
  margin: 5px 0 0 10px;
}

@media print {
  #ppPageContent {
      box-shadow: none;
  }

  #ccgaLogo {
      display: none;
  }
}

#ppBanner {
  height: 195px;
  background: #fcfcfc;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#tagLine {
  position: absolute;
  z-index: 2;
  margin: 135px 0 0 10px;
  font-size: 26px;
  font-family: Helvetica, sans-serif;
  color: #282e74;
}

#tagLine2 {
  position: absolute;
  z-index: 2;
  margin: 170px 0 0 10px;
  width: 5970px;
  text-align: right;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  color: #000;
}

#ppContentArea {
  background: #fff;
  color: #333;
  min-height: 700px;
}

#ppMainContent {
  padding: 0 2em 3em 2em;
}

#ppFooter {
  width: 960px;
  height: 280px;
  margin: 0 auto;
}

#ppCopyright {
  margin: 230px 0 0 20px;
  position: absolute;
  width: 650px;
  font-size: 80%;
  color: #aac;
  padding: 5px 0 0 10px;
  border-top: 3px groove rgba(100,174,228,0.2);
}

#ppCopyright a {
  color: #aac;
}

#ccgaPennant {
  display: block;
  position: absolute;
  margin: 175px 0 0 760px;
}

.roundShadow {
  height: 22px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/shadow.png) no-repeat 50% 0;
}

#ppBannerImage {
  position: absolute;
  z-index: 2;
  width: 265px;
  height: 160px;
  margin: 15px 0 0 650px;
  border: 6px solid #fff;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  overflow: hidden;
  background: #333;
}

#ppImageStripe {
  width: auto;
  height: 245px;
  background: #55ade4 url(https://ccgaca.s3.amazonaws.com/images/template/marine-sar.jpg) no-repeat 100% 0;
  border-bottom: 2px solid #fff;
}

img.PageBanner {
  border-right: 2px solid #fff;
}

#ppImageText {
  width: 420px;
  float: right;
  text-align: center;
  color: #fff;
  font-family: georgia, serif;
  padding: 30px 20px 0 0;
  font-style: italic;
  font-size: 28px;
}

#topTools {
  width: 130px;
  float: right;
  font-size: 13px;
}

#topToolItems {
  width: 100px;
  padding-top: 12px;
  padding-right: 10px;
  float: right;
}

#topNav {
  width: auto;
  padding-left: 110px;
  height: 50px;
  background: #75baed;
  color: #fff;
  font-size: 15px;
}

#topNav.activeUser {
  background: #e3cb1e;
}

#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active {
  line-height: 50px;
  padding: 0 10px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#topTools a:link, #topTools a:visited {
  color: #003;
  text-shadow: none;
}

#topNav a:hover, #topNav a:active {
  color: #f4ebaa;
}

#topNav.activeUser a:hover, #topNav.activeUser a:active {
  color: #282e74;
}

#topToolItems .userLanguage, #topToolItems .xdeSearchBtn {
  float: right;
  margin: 0 5px;
}

#mainNav {
  background: #282e74;
  width: auto;
  height: 35px;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
  line-height: 35px;
  padding: 0 10px;
  font-size: 15px;
  color: #fff;
}

#mainNav a:hover, #mainNav a:active {
  color: #e3cb1e;
}

#ppBaseNav1, #ppBaseNav2 {
  position: absolute;
  height: 150px;
  width: 260px;
  margin: 30px 0 0 40px;
}

#ppBaseNav2 {
  margin: 30px 0 0 360px;
}

.ppBaseNav {
  background: transparent;
  overflow: hidden;
  color: #e0e0d6;
  font-size: 14px;
}

.ppBaseNav h4 {
  font-family: "Century Gothic", verdana, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #fff;
  font-size: 18px;
  margin: 0 0 0.3em 0;
  padding: 0;
  display: block;
  border-bottom: 3px groove rgba(100,174,228,0.2);
}

.ppBaseNav a, .ppBaseNav a:link, .ppBaseNav a:visited {
  font-family: "Century Gothic", verdana, helvetica, sans-serif;
  background: transparent;
  color: #c5d7e0;
  text-decoration: none;
  font-weight: bold;
  padding-left: 1em;
}

.ppBaseNav a:hover {
  color: #fff;
}

#ppSocialStrip {
  position: absolute;
  width: 200px;
  margin: 10px 770px;
}

#ccgaFacebook, #ccgaTwitter, #ccgaRSS {
  float: right;
  text-indent: -9999px;
  width: 48px;
  height: 32px;
  opacity: 0.7;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social32.png) no-repeat 5px -256px;
}

#ccgaTwitter {
  background-position: 5px -224px;
  margin-right: 0;
}

#ccgaRSS {
  background-position: 5px -128px;
  margin-right: 0;
}

#ccgaFacebook:hover, #ccgaTwitter:hover, #ccgaRSS:hover {
  opacity: 1;
}

.popmenu {
  border: 1px #282e74 solid;
  background: #c4d6e0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 13px;
}

.menutitle {
  font-size: x-small;
  font-weight: bold;
  background: #282e74;
  color: #fff;
}

.menucontent ul li a:link, .menucontent ul li a:visited {
  background: transparent;
  color: #004;
}

.menucontent ul li a:hover, .menucontent ul li a:active {
  background: #282e74;
  color: #fff;
}

.contentManageBorder {
  border: 5px solid #6596b4;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

div.manageContentSectionBorderTop {
  width: 100%;
  border-top: 2px dotted #666;
  padding-top: 5px;
}

div.manageContentSectionBorderBottom {
  width: 100%;
  border-bottom: 2px dotted #666;
  padding-bottom: 5px;
}

/*==== MENU CSS =========================*/
#popmenu_mcnav17,#popmenu_mcnav20,#popmenu_mcnav21,#popmenu_mcnav22 {
  position: absolute;
  display: none;
  padding: 0;
  top: 150px;
}

#popmenu_mcnav19,#popmenu_mcnav23,#popmenu_mcnav30 {
  position: absolute;
  display: none;
  padding: 0;
  left: 150px;
}

#popmenu_mcnav9,#popmenu_mcnav10,#popmenu_mcnav6,#popmenu_mcnav25,#popmenu_mcnav32,#popmenu_mcnav41,#popmenu_mcnav42,#popmenu_mcnav43,#popmenu_mcnav44,#popmenu_mcnav26,#popmenu_mcnav27,#popmenu_mcnav28,#popmenu_mcnav29,#popmenu_mcnav33,#popmenu_mcnav34,#popmenu_mcnav35,#popmenu_mcnav36,#popmenu_mcnav38,#popmenu_mcnav39,#popmenu_mcnav45,#popmenu_mcnav46 {
  position: absolute;
  display: none;
  padding: 0;
  top: 150px;
}

#popmenu_mcnav1,#popmenu_mcnav11,#popmenu_mcnav24,#popmenu_mcnav4,#popmenu_mcnav7,#popmenu_mcnav2,#popmenu_mcnav8,#popmenu_mcnav3,#popmenu_mcnav13,#popmenu_mcnav14,#popmenu_mcnav15,#popmenu_mcnav16 {
  position: absolute;
  display: none;
  padding: 0;
  top: 25px;
}

/*==== PRINT ONLY CSS ===================*/
@media screen {
  .onlyPrint {
      display: none;
  }
}

@media print {
  .ppPathNav, .popmenu, .noPrint {
      display: none !important;
  }
}

.pageBreak {
  page-break-before: always;
}



/*==== SITE CUSTOM CSS ==================*/
/*=================================================================================================================
CCGA - National Site Skin
Copyright 1997-2011 PawPrint.net
Author: Scott W. Baker (PawPrint.net)
===================================================================================================================*/

/*== Base Styles ==================================================================================================*/
body{
  background: #0e153e url(https://ccgaca.s3.amazonaws.com/images/template/ocean.png) 0 0 repeat-x;
}
h1,h2,h3,h4,h5{
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #282e74;
  text-align: left;
}
h1{
  font-style: italic;
}
/*== Layout =======================================================================================================*/
#ppPageTop{
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/waves.jpg) 50% 0 repeat-x;
}
#ppPageBase{
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/marine.jpg) 50% 100% no-repeat;
}
#ppPageContent{
  color: #333;
  background: transparent;
  width: 960px;
  margin: 0 auto;
  box-shadow: 0 5px 10px rgba(0,0,0,0.75);
}
#ccgaLogo{
  display: block;
  position: absolute;
  z-index: 2;
  margin: 5px 0 0 10px;
}
@media print{
	#ppPageContent{
		box-shadow: none;
	}
  #ccgaLogo{
    display: none;
  }
}
#ppBanner{
  height: 195px;
  background: #fcfcfc;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#tagLine{
  position: absolute;
  z-index: 2;
  margin: 135px 0 0 10px;
  font-size: 26px;
  font-family: Helvetica, sans-serif;
  color: #282e74;
}
#tagLine2{
  position: absolute;
  z-index: 2;
  margin: 170px 0 0 10px;
  width: 5970px;
  text-align: right;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  color: #000;
}
#ppContentArea{
  background: #fff;
  color: #333;
  min-height: 700px;
}
#ppMainContent{
  padding: 0 2em 3em 2em;
}
#ppFooter{
  width: 960px;
  height: 280px;
  margin: 0 auto;
}
#ppCopyright{
  margin: 230px 0 0 20px;
  position: absolute;
  width: 650px;
  font-size: 80%;
  color: #aac;
  padding: 5px 0 0 10px;
  border-top: 3px groove rgba(100,174,228,0.2);
}
#ppCopyright a{
  color: #aac;
}
#ccgaPennant{
  display: block;
  position: absolute;
  margin: 175px 0 0 760px;
}
.roundShadow{
  height: 22px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/shadow.png) no-repeat 50% 0;
}
/*== Main Header Image Slideshow ==================================================================================*/
#ppBannerImage{
  position: absolute;
  z-index: 2;
  width: 265px;
  height: 160px;
  margin: 15px 0 0 650px;
  border: 6px solid #fff;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  overflow: hidden;
  background: #333;
}
/*== Section Header Image Stripes =================================================================================*/
#ppImageStripe{
  width: auto;
  height: 245px;
  background: #55ade4 url(https://ccgaca.s3.amazonaws.com/images/template/marine-sar.jpg) no-repeat 100% 0;
  border-bottom: 2px solid #fff;
}
img.PageBanner{
  border-right: 2px solid #fff;
}
#ppImageText{
  width: 420px;
  float: right;
  text-align: center;
  color: #fff;
  font-family: georgia, serif;
  padding: 30px 20px 0 0;
  font-style: italic;
  font-size: 28px;
}
/*== Navigtation ==================================================================================================*/
#topTools{
  width: 130px;
  float: right;
  font-size: 13px;
}
#topToolItems{
  width: 100px;
  padding-top: 12px;
  padding-right: 10px;
  float: right;
}
#topNav{
  width: auto;
  padding-left: 110px;
  height: 50px;
  background: #75baed;
  color: #fff;
  font-size: 15px;
}
#topNav.activeUser{
  background: #e3cb1e;
}
#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active {
  line-height: 50px;
  padding: 0 10px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
#topTools a:link, #topTools a:visited{
  color: #003;
  text-shadow: none;
}
#topNav a:hover, #topNav a:active {
  color: #f4ebaa;
}
#topNav.activeUser a:hover, #topNav.activeUser a:active {
  color: #282e74;
}
#topToolItems .userLanguage, #topToolItems .xdeSearchBtn{
  float: right;
  margin: 0 5px;
}

#mainNav{
  background: #282e74;
  width: auto;
  height: 35px;
  color: #fff;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}
#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
  line-height: 35px;
  padding: 0 10px;
  font-size: 15px;
  color: #fff;
}

#mainNav a:hover, #mainNav a:active {
  color: #e3cb1e;
}

/*== Base Navigation ==============================================================================================*/
#ppBaseNav1, #ppBaseNav2{
	position: absolute;
  height: 150px;
	width: 260px;
	margin: 30px 0 0 40px;
}
#ppBaseNav2{
	margin: 30px 0 0 360px;
}
.ppBaseNav{
  background: transparent;
	overflow: hidden;
	color: #e0e0d6;
	font-size: 14px;
}
.ppBaseNav h4{
	font-family: "Century Gothic", verdana, helvetica, sans-serif;
	font-weight: bold;
  letter-spacing: 0.2em;
	color: #fff;
	font-size: 18px;
	margin: 0 0 0.3em 0;
	padding: 0;
  display: block;
  border-bottom: 3px groove rgba(100,174,228,0.2);
}
.ppBaseNav a, .ppBaseNav a:link, .ppBaseNav a:visited{
	font-family: "Century Gothic", verdana, helvetica, sans-serif;
	background: transparent;
	color: #c5d7e0;
	text-decoration: none;
	font-weight: bold;
	padding-left: 1em;
}

.ppBaseNav a:hover{
	color: #fff;
}
/*== Custom Footer Elements ========================================================================*/
#ppSocialStrip{
  position: absolute;
  width: 200px;
  margin: 10px 770px;
}
#ccgaFacebook, #ccgaTwitter, #ccgaRSS{
  float: right;
  text-indent: -9999px;
  width: 48px;
  height: 32px;
  opacity: 0.7;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social32.png) no-repeat 5px -256px;
}
#ccgaTwitter{
  background-position: 5px -224px;
  margin-right: 0;
}
#ccgaRSS{
  background-position: 5px -128px;
  margin-right: 0;
}
#ccgaFacebook:hover, #ccgaTwitter:hover, #ccgaRSS:hover{
  opacity: 1;
}
/*=================================================================================================================*/
/*=== XDe Style Overrides =========================================================================================*/
/*=================================================================================================================*/
/*Menu Style Overrides*/
.popmenu{
	 border: 1px #282e74 solid;
	 background: #c4d6e0;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   font-size: 13px;
}

.menutitle{
  font-size: x-small;
  font-weight: bold;
  background: #282e74;
  color: #fff;
}

.menucontent ul li a:link, .menucontent ul li a:visited{
	 background: transparent;
	 color: #004;
}

.menucontent ul li a:hover, .menucontent ul li a:active{
	 background: #282e74;
	 color: #fff;
}
/*===================================================================================================*/
/*Content.Manage Style Overrides*/

.contentManageBorder{
  border: 5px solid #6596b4;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

div.manageContentSectionBorderTop{
  width: 100%;
	border-top: 2px dotted #666;
	padding-top: 5px;
}

div.manageContentSectionBorderBottom{
  width: 100%;
	border-bottom: 2px dotted #666;
	padding-bottom: 5px;
}

/*=================================================================================================================
 * Canadian Coast Guard Auxiliary - Central and Arctic Site CSS
 * Copyright © 2000-2025 Canadian Coast Guard Auxiliary - Central and Arctic - code Copyright © 1997-2025 PawPrint.net
 * 
 * DO NOT EDIT - this fill will be overwritten on the next site update
 * -- For custom CSS control edit /css/skin*.css or /css/override*.css, and /css/mobile*.css
 * 
 * Generated: 20250606135045
 *=================================================================================================================*/
 html {
  color: #000;
  background: #fff;
  height: 100%;
  font-size: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,caption,cite,code,dfn,th,var {
  font-style: normal;
  font-weight: normal;
}

ul,ol {
  margin-left: 2em;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

abbr,acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,textarea,select,option {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  box-sizing: border-box;
  line-height: normal;
}

input,textarea,select {
  *font-size: 100%;
}

legend {
  color: #000;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
}

.pageitem, a, td {
  background: transparent;
}

a:link, a:visited, a:hover, a:active {
  font-style : normal;
  text-decoration : none;
  color: #33c;
}

a:hover, a:active {
  color: #00f;
}

a:visited {
  color: #24a;
}

textarea {
  font-size: 120%;
}

body {
  min-height: 100%;
  font-family: sans-serif;
}

.pageitem {
  padding: 0.5rem;
  margin-bottom: 0.2rem;
}

acronym {
  cursor: help;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

.curZoom {
  cursor: url(https://ccgaca.s3.amazonaws.com/images/icons/zoom.cur) 6 6, pointer !important;
}

h1,h2, h3, h4, h5 {
  font-family: inherit;
  font-style: normal;
  color: #000;
  background: transparent;
  margin-bottom: 0.2rem;
}

h1 {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.3rem;
}

h4,h5 {
  font-size: 1.2rem;
  font-weight: bold;
}

.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.right {
  float: right;
}

.left {
  float: left;
}

.width99 {
  width: 99%;
}

.width75 {
  width: 75%;
}

.width60 {
  width: 60%;
}

.width50 {
  width: 50%;
}

.width30 {
  width: 30%;
}

.width25 {
  width: 25%;
}

.max1200 {
  max-width: 1200px;
}

.max1000 {
  max-width: 1000px;
}

.max900 {
  max-width: 900px;
}

.max800 {
  max-width: 800px;
}

.max700 {
  max-width: 700px;
}

.max600 {
  max-width: 600px;
}

.max500 {
  max-width: 500px;
}

.max400 {
  max-width: 400px;
}

.min200 {
  min-width: 200px;
}

.min300 {
  min-width: 300px;
}

.min400 {
  min-width: 400px;
}

.col10, .col15, .col25, .col30, .col40, .col50, .col60, .col75, .col85, .col90 {
  box-sizing: border-box;
}

.col10 {
  width: 10% !important;
}

.col15 {
  width: 15% !important;
}

.col25 {
  width: 25% !important;
}

.col30 {
  width: 33.33% !important;
}

.col40 {
  width: 40% !important;
}

.col60 {
  width: 66.65% !important;
}

.col50 {
  width: 50% !important;
}

.col75 {
  width: 75% !important;
}

.col85 {
  width: 85% !important;
}

.col90 {
  width: 90% !important;
}

.col10left {
  width: 8% !important;
}

.col15left {
  width: 13% !important;
}

.col25left {
  width: 23% !important;
}

.col30left {
  width: 31% !important;
}

.col40left {
  width: 38% !important;
}

.col60left {
  width: 63% !important;
}

.col50left {
  width: 48% !important;
}

.col75left {
  width: 73% !important;
}

.col85left {
  width: 83% !important;
}

.col90left {
  width: 88% !important;
}

.col10left, .col15left, .col25left, .col30left, .col40left, .col50left, .col60left, .col75left, .col85left, .col90left {
  box-sizing: border-box;
  margin-left: 2%;
}

.col50:nth-child(2n) {
  width: 48% !important;
  margin-left: 2%;
}

.col30:nth-child(3n), .col30:nth-child(3n+2) {
  width: 28% !important;
  margin-left: 2%;
}

.col25:nth-child(n) {
  width: 23% !important;
  margin-left: 2%;
}

.col25:nth-child(4n-3) {
  width: 25% !important;
  margin-left: 0;
}

.shadedBG {
  background: #eef;
  color: #111;
}

.unshadedBG {
  background: #fff;
  color: #333;
}

.fkSubj {
  display: none;
}

.xdeH9 {
  text-indent: -999px;
}

.xqsResult {
  display: none;
}

.xdeQuickSignup .submit {
  margin-top: 1em !important;
}

.xdeQuickSignup .formAddress {
  margin: 0;
}

form {
  border: 0;
  display: block;
}

fieldset {
  margin: 1em 0;
  padding: 1em;
}

legend {
  margin: 0 10px 0 0;
  border: 0;
  line-height: normal;
  vertical-align: baseline;
}

.XDeForm {
  border: 0;
  padding: 0.5em;
  margin: 0.2em;
  width: auto;
}

.XDeForm label, .ppUserSelect label, .XDeForm .labelSpace {
  color: #555;
  font-size: 80%;
  display: block;
  margin-top: 0.2em;
}

.XDeForm .labelSpace {
  height: 1.2em;
}

.XDeForm label.inline {
  font-size: 100%;
  display: inline;
  color: #333;
}

.XDeForm label.strong {
  font-size: 100%;
  font-weight: bold;
  display: inline;
  color: #111;
}

.XDeForm .ppInfoBox {
  background: #eef;
}

.XDeForm .ibBox {
  border-color: #fff;
  box-shadow: 0 40px 50px -50px rgba(0,0,102,0.2) inset;
  padding-bottom: 0.3rem;
}

.XDeForm .ibBoxTitle {
  color: #777;
  background: #fff;
  border-color: #ccc;
  box-shadow: 0 10px 30px -10px rgba(0,0,102,0.2) inset;
}

.formrow {
  margin-bottom: 15px;
  padding: 0;
  text-align: left;
}

input, select, textarea {
  border: 1px solid #99f;
  padding: 0.2rem;
}

input.checkbox {
  background: transparent;
}

input.required, select.required {
  border: 1px solid #900;
  box-shadow: 0 0 6px rgba(153,0,0,0.2) inset;
  background: #fdd;
  color: #600;
}

.formErrors {
  width: 75%;
  padding: 10px 10px 2px 10px;
  margin: 0px auto;
  border: 2px solid #c00;
  background: #fe6;
  color: #300;
}

.xdeUserCard, .xdeUserMicroCard, .xdeUserPortraitCard, .xucActiveCard {
  display: inline-block;
  color: #000;
  background: #eee;
  width: 31%;
  height: 100px;
  margin: 10px 1% 10px 1%;
  padding: 0;
  font-size: 11px;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}

.xdeUserCard:hover, .xdeUserMicroCard:hover {
  box-shadow: 0 0 5px #fc0;
}

.xucActiveCard {
  position: absolute;
  background: #fff;
  width: 350px !important;
  height: 100px !important;
  box-shadow: 5px 5px 30px 10px #000;
}

.xucActiveCard:hover {
  box-shadow: 5px 5px 30px 10px #000,0 0 5px #fc0;
}

.xdeUserMicroCard, .xdeUserPortraitCard {
  height: 50px;
}

.xdeUserPortraitCard {
  width: 50px;
}

.xdeUserPortraitCard .xucStatus {
  position: absolute;
}

.xucActiveCard.xdeUserPortraitCard .xucStatus {
  position: static;
}

.xucStatus {
  float: right;
  width: 30px;
  margin: 2px;
  font-family: monospace;
}

.xucStatus acronym {
  display: block;
  font-weight: bold;
  width: 26px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 2px;
}

.xucSuperuser {
  border-color: #900;
  background: #ffd;
}

.xucStatus .xucSuperuser {
  color: #fff;
  background: #900;
}

.xucBlocked {
  border-color: #fd9;
}

.xucStatus .xucBlocked {
  color: #fc0;
  background: #000;
}

.xucUlevel {
  border-color: #099;
}

.xucStatus .xucUlevel {
  color: #000;
  background: #9ff;
}

.xucUnverified {
  border-color: #aaa;
}

.xucStatus .xucUnverified {
  color: #000;
  background: #ddd;
}

.xucPortrait {
  float: left;
  width: 46px;
  height: 46px;
  margin: 2px;
  background: #999;
}

.xucPortrait img {
  width: 100%;
  height: 100%;
}

.xucActiveCard .xucPortrait {
  width: 96px;
  height: 96px;
}

.xucIdentity {
  margin: 0 5px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  height: 2.5em;
  overflow: hidden;
  text-wrap: none;
}

.xucSubName, .xucCompany {
  font-size: 11px;
  font-weight: normal;
}

.xucAdmin {
  margin: 0 5px;
}

.xucControls {
  text-align: center;
}

.xucEmail, .xucPhone, .xucCompany {
  width: auto;
  height: 1.3em;
  overflow: hidden;
}

#xdeUserSearch {
  display: block;
  padding: 5px !important;
  border-radius: 5px;
  background-color: #006;
}

table.xdeUser {
  width: 500px;
  margin: 0 auto;
}

.xdeUserAdminInfo {
  width: 500px;
  margin: 0 auto;
  font-size: 90%;
  text-align: right;
  padding: 0.2em;
  color: #666;
}

.xdeUserCustomInfo {
  width: 500px;
  margin: 0 auto;
}

.xdeUserSecurity {
  width: 496px;
  margin: 0 auto;
  border: 1px solid #666;
  padding: 1px;
}

.xdeUserSecurity .jqToggleContainer {
  background: #ccc;
}

.xdeUserSecurity .jqContainer {
  padding: 0.5em;
}

.xdeUser td.xdeUserRelatedInfo {
  background: #eee;
}

.xdeUser td.xdeUserRelatedTitle {
  font-weight: bold;
  background: #eee;
}

.xdeUserAddress {
  width: 45%;
  float: right;
}

.addressLabel {
  font-size: 90%;
  font-weight: bold;
}

div.xdeUserInfo {
  font-size: 90%;
}

.xdeUser .xdeUserControls {
  background: #ccc;
  padding: 0.5em;
}

.xdeUser .xdeContacts {
  width: 490px;
  margin: 0 auto;
  background: #fff;
}

.xdeUser .xdeUserContacts .jqHideContainer {
  clear: both;
}

.xdeUser .xdeUserContacts .jqToggleContainer {
  background: #ccc;
}

.xdeUserPopup {
  background: #333;
  color: #eee;
  border-radius: 15px;
  padding: 0.2em;
  font-size: 15px !important;
}

.xdeUserPopup .xdeContacts {
  background: #eee;
  color: #000;
  font-size: 12px;
}

.xdeUserPopup .xdeContacts td {
  padding: 0.1em 1em 0.1em 1em;
}

.xdeUserPopup .xupTitle {
  background: #ccc;
  color: #000;
  margin: 0 0 0.2em 0;
  padding: 0.2em;
  border-radius: 5px 5px 0 0;
}

.xdeAdminFooter {
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  box-shadow: 0 -5px 10px #000;
  border-top: 4px solid #fc0;
  background: rgba(0,0,0,0.7);
  color: #fff;
  z-index: 900;
}

.xdeAdminFooter:hover {
  background: rgba(255,240,240,1.0);
  color: #000;
}

.formAddress {
  margin: 0 0 1em 0;
}

.formAddress div.title {
  margin: 0 0 5px 0;
}

.formAddress div.postalCode {
  margin: 0.5em 0 0 10em;
}

.formAddress label {
  font-size: 80%;
  color: #666;
}

.adminmenu {
  font-size: 10px;
  padding: 0;
  width: 150px;
}

.adminmenu ul {
  list-style: none;
  margin: 0 2px 0 0;
  padding: 0;
  border: 0;
}

.adminmenu ul li {
  margin: 0;
  padding: 0;
  border: 0;
}

.adminmenu ul li a, .adminmenu ul li a:link,.adminmenu ul li a:visited {
  display: block;
  font-size: 10px;
  padding: 2px 2px 2px 2px;
  background: #fff;
  color: #009;
  text-decoration: none;
  width: 95%;
}

.adminmenu ul li a:hover {
  background: #fc0;
}

table.grid {
  border-top: 1px solid #006;
  border-left: 1px solid #006;
}

.grid td {
  border-bottom: 1px solid #006;
  border-right: 1px solid #006;
}

.grid th {
  border-bottom: 2px solid ##006;
  border-right: 1px solid #006;
}

table.info {
  border-top: 1px solid #006;
  border-left: 1px solid #006;
}

.info td {
  padding: 0.3rem;
  border-bottom: 1px solid #006;
  border-right: 1px solid #006;
}

.info td strong {
  color: #111;
}

.info th, .ppStripedTable th {
  padding: 0.7rem;
  text-align: left;
  background: #229;
  box-shadow: 0 3em 3em -2em rgba(255,255,255,0.2) inset;
  color: #fff;
  border-bottom: 2px solid #006;
  border-right: 1px solid #006;
}

.ppStripedTable {
  border-collapse: collapse;
}

.ppStripedTable td {
  border: 1px solid #006;
  border-collapse: collapse;
  margin: 0;
  padding: 0.2em 0.5em;
}

.ppStripedTable tr {
  background: #fff;
}

.ppStripedTable tr.alternate {
  background: #eef;
}

.ppStripedTable tr:hover {
  background: #e5e5ff;
}

.ppPathNav {
  margin: 0.2em 1em 0.5em 1em;
  padding: 0.2em 0 0.3em 0.5em;
  line-height: 20px;
  height: 20px;
}

.ppPathNav .jqIcon {
  margin: 3px 0.7em -3px 0.7em;
}

#pnSearchBtn {
  display: block;
  float: right;
  margin: 0 10px 0 10px;
  background-color: #ccf;
  border-radius: 5px;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  width: 20px;
}

.paginationLinks {
  background: #ccc;
  border: 1px solid #666;
  padding: 0.5em;
  font-size: 80%;
  line-height: 2em;
  margin: 1em auto;
  width: 90%;
}

.paginationLinks a {
  color: #333;
  border: 1px solid #999;
  background: #fff;
  margin: 0.2em 0;
  padding: 0.2em 0.4em;
  line-height: 1.5em;
}

.paginationLinks a:hover {
  background: #eee;
  color: #000;
}

.paginationLinks .currentPage {
  border: 2px solid #900;
  background: #fee;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0.4em;
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

.adminToolsContainer {
  border: 2px solid #eee;
  margin: 0.2em 2em 1em 2em;
}

.adminToolsTitle {
  background: #036;
  color: #fff;
}

.admintools table {
  margin: 0.5em;
}

input.submit {
  display: block;
  margin: 1em 0 0 5em;
}

a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited, input.bigtextbutton,a.textbutton:hover, a.textbutton:link, a.textbutton:active, a.textbutton:visited, input.textbutton,a.minitextbutton:hover, a.minitextbutton:link, a.minitextbutton:active, a.minitextbutton:visited {
  display: inline-block;
  margin: 0.2rem;
  padding: 0.2rem 0.5rem 0.3rem 0.5rem;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background: #229;
  border: 1px solid #006;
  box-shadow: 0 0 5px rgba(0,0,0,0.3),0 10px 10px -10px rgba(255,255,255,0.2) inset;
}

a.minitextbutton:hover, a.minitextbutton:link, a.minitextbutton:active, a.minitextbutton:visited {
  font-size: 75%;
  padding: 0 0.2rem 0.1rem 0.2rem;
  margin: 0.1rem;
}

a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited {
  font-size: 120%;
  padding: 0.5rem;
  margin: 1rem;
}

a.textbutton:hover, a.bigtextbutton:hover, a.minitextbutton:hover, input.textbutton:hover {
  background: #fea;
  color: #002;
  font-weight: normal;
  border-color: #fc9;
  box-shadow: 0 0 5px rgba(0,0,0,0.3),0 -10px 10px -10px rgba(255,204,153,0.2) inset;
}

.bbTextUtils a.textbutton {
  font-size: 75%;
  margin: 2px 1px 2px 0;
}

div.ppButtonBar {
  margin: 0.1em;
}

a.ppJsButton {
  line-height: 1.2em;
  height: 1.2em;
  padding: .4em 1em .4em 23px;
  margin: 0.2em 1em;
  text-decoration: none;
  position: relative;
}

a.ppJsButton span.ui-icon {
  position: absolute;
  left: .2em;
  top: 50%;
  margin: -8px 5px 0 -2px;
}

.ppInfoBox {
  border: 1px solid #006;
  padding: 0;
  margin-bottom: 0.2em;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.ui-tabs-panel .ppInfoBox {
  box-shadow: none;
}

.ibTitle {
  width: auto;
  font-weight: bold;
  border-bottom: 1px solid #006;
  background: #229;
  color: #fff;
  padding: 0.7rem;
  text-align: left;
  box-shadow: 0 3em 3em -2em rgba(255,255,255,0.2) inset;
}

.ibMidBorderBox {
  background: #ccc;
  color: #333;
  font-weight: normal;
  width: 50%;
  text-align: center;
  border: 1px solid #99f;
  margin: 0.5em auto 0.5em auto;
}

.ibNotes {
  padding: 0 0.5em 0 0.5em;
  font-size: 90%;
}

.ibHighlight {
  background: #eef;
  ;}

.ibHover:hover {
  background: #e5e5ff;
}

.ibBox {
  margin: 0.7em 0 0.5em 0;
  border: 2px solid #dde;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

.ibBoxTitle {
  margin: -0.8em auto 0.5em 0.5em;
  width: 50%;
  border: 1px solid #dde;
  padding: 0.2em;
  background: #eef;
  font-weight: bold;
}

.ibContainer {
  margin: 0.5% 0 0.5% 0;
  padding-bottom: 0.5%;
  overflow: hidden;
}

.ibFloat {
  float: left;
  width: 24%;
}

.ibFloatRight {
  float: right;
  width: 24%;
}

.ibBlock {
  display: inline-block;
  width: 24%;
  padding: 0.2em;
}

.ppInfoBox hr, hr.clear {
  display: block;
  visibility: hidden;
  clear: both;
  margin: -0.2em 0;
}

.ibContent {
  margin: 1em 0.5em 0.5em 0.5em;
}

#formSiteOptions .ppInfoBox {
  width: 650px;
}

#formSiteOptions .ppInfoBox label {
  color: #666;
  font-size: 75%;
  display: block;
  margin-top: 0.2em;
}

#formSiteOptions .ppInfoBox label.inline {
  font-size: 100%;
  display: inline;
  color: #000;
}

#formSiteOptions .ppInfoBox label.strong {
  font-size: 100%;
  font-weight: bold;
  display: inline;
  color: #000;
}

.jqToggleContainer, .jqShowContainer {
  cursor: pointer;
  font-weight: bold;
  font-size: 90%;
  border: 1px solid #eee;
  padding: 0 0 0 0.5em;
}

div.userGroupHeader {
  width: 90%;
  margin: 0 auto;
  background: #eee;
  padding: 10px;
}

.noPhoto {
  background: #666;
  color: #fff;
  text-align: center;
  float: left;
  margin-right: 2em;
  line-height: 128px;
}

.userGroupQStats {
  float: right;
  width: 12em;
  padding-left: 1em;
}

.userGroupHeader hr {
  visibility: hidden;
  border: 0 none;
  height: 1px;
  margin: 0;
  clear: both;
}

.userGroupSpecs {
  float: right;
  margin: -0.1em 0.1em 1em 1em;
  padding: 10px;
  width: 15em;
  background: #fff;
}

.userGroupSpecs .userGroupQStats {
  margin: 0.1em auto 0.5em auto;
  float: none;
  width: auto;
}

.userGroupSpecs ul, .userGroupSpecs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto;
}

.userGroupSpecs ul {
  margin: 0.5em;
}

.usergroupNoticeList {
  padding: 10px;
  margin: 0.2em;
  background: #fff;
}

.usergroupNoticeList .noticeDate {
  float: right;
}

.xdeSpecialUser {
  display: inline-block;
}

.ppUserSelect, .ppUsergroupSelect {
  margin: 0.2em;
}

.ppUserSelect .uidInput, .ppUsergroupSelect .ugidInput {
  display: none;
  float: left;
}

.ppUserSelect .actionButton {
  line-height: 18px;
  height: 18px;
  padding: 0.2em;
  margin: 0 0.2em 0 0;
  float: left;
  cursor: pointer;
  background: #eef;
  color: #000;
  border: 1px solid #ccc;
}

#selectUserListArea, #selectUsergroupListArea {
  overflow: scroll;
  height: 20em;
}

div.fullLoading {
  height: 50px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/loader/loading.gif) no-repeat 50% 50%;
}

div.fullLoadingSnake {
  height: 50px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/loader/load_snake.gif) no-repeat 50% 50%;
}

ul.ppAdminTools {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  border: 0;
  width: auto;
  font-size: 90%;
}

.ppAdminTools li {
  margin: 0.1em 0 0 0;
  padding: 0;
  border: 0;
  width: auto;
}

.ppAdminTools li a, .ppAdminTools li a:link, .ppAdminTools li a:visited {
  display: block;
  padding: 0.1em 0.2em 0.1em 0.4em;
  background: #eef;
  border-left: 4px solid #dde;
  color: #335;
  text-decoration: none;
  width: auto;
}

.ppAdminTools li a:hover {
  background: #e5e5ff;
  color: #111;
  border-left: 4px solid #99f;
}

.auditTable td {
  vertical-align: top;
}

.auditDetail {
  font-size: 80%;
  padding: 1em;
  border: 2px solid #ccc;
  border-top: 0 none;
  background: #fff;
}

.auditDetailBtn {
  background: #eee;
}

.auditDetailBtn:hover {
  background: #fed;
}

.auditDate {
  font-size: 90%;
}

.auditTime {
  font-weight: bold;
  font-size: 110%;
}

.miniContentDialog {
  display: none;
}

.xdeRecentItemsCollection ul {
  padding: 0;
  list-style: none;
  margin: 1em;
}

.recentTitle {
  width: auto;
  line-height: 20px !important;
  height: 20px !important;
  margin-top: -5px !important;
}

#xdeRecentQuickSelect {
  position: absolute;
  margin: 5px 0 0 430px;
  width: 150px;
}

#ppDrawerLeftContainer, #ppDrawerTopContainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 350px;
  height: 600px;
  z-index: 100;
  background: transparent;
}

#ppDrawerLeftContainer {
  left: -350px;
}

#ppDrawerTopContainer {
  width: 600px;
  height: 350px;
  left: 100%;
  top: -350px;
  margin-left: -600px;
}

#ppDrawerLeftContent, #ppDrawerTopContent {
  width: auto;
  height: 600px;
  border: 1px solid #666;
  background: #eee;
  padding: 0.5em 0.2em;
  font-size: 90%;
  overflow: auto;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  box-shadow: -2px 2px 2px rgba(50,50,50,0.2);
  -webkit-box-shadow: -2px 2px 2px rgba(50,50,50,0.2);
}

#ppDrawerTopContent {
  width: auto;
  height: 335px;
}

#ppDrawerLeftBtn, #ppDrawerTopBtn {
  width: 15px;
  height: 80px;
  line-height: 15px;
  text-align: center;
  float: right;
  margin-right: -15px;
  margin-top: 5px;
  cursor: pointer;
  color: #000;
  background: #eee;
  border: 1px solid #666;
  z-index: 120;
}

#ppDrawerTopBtn {
  height: 22px;
  line-height: 20px;
  margin-top: -1px;
  margin-right: 20px;
  margin-bottom: -15px;
  border-top: 0 none;
  box-shadow: 2px 2px 2px rgba(50,50,50,0.2);
  -webkit-box-shadow: 2px 2px 2px rgba(50,50,50,0.2);
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

div.ppTabsContainer {
  margin: 0.5em 1em 1em 1em;
}

@media projection, screen {
  .ui-tabs-hide {
      display: none;
  }
}

@media print {
  .ui-tabs-nav {
      display: none;
  }

  #ppDrawerLeftContainer, #ppDrawerTopContainer {
      display: none;
  }
}

.ui-tabs .ui-tabs-nav {
  font-size: 80%;
}

.pp-content-bar, .pp-button-bar {
  margin: 0.2em auto;
  text-align: left;
  padding: 0.3em 0.5em 0.5em 0.5em;
  font-size: 1em;
}

.pp-button-bar {
  cursor: pointer;
}

.ppIcon16 {
  margin-right: 0.2em;
  margin-bottom: -2px;
  width: 16px;
  height: 16px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons16.png) no-repeat;
  border: 0 none;
}

.ppIconLink16 {
  margin-right: 0.2em;
  height: 16px;
  line-height: 16px;
}

.ppIcon32 {
  margin-right: 0.2em;
  margin-bottom: -10px;
  width: 32px;
  height: 32px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons32.png) no-repeat;
  border: 0 none;
}

.ppIconLink32 {
  margin-right: 0.5em;
  height: 32px;
  line-height: 32px;
}

.ppIcon64 {
  width: 64px;
  height: 64px;
  margin-bottom: -20px;
  line-height: 64px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons64.png) no-repeat;
  border: 0 none;
}

.ppIconLink64 {
  margin-right: 0.5em;
  height: 64px;
  line-height: 64px;
}

.icon16 {
  background-position: 0 0;
}

.icon16XML {
  background-position: -16px 0;
}

.icon16CSV {
  background-position: -32px 0;
}

.icon16TXT {
  background-position: -48px 0;
}

.icon16PDF {
  background-position: -64px 0;
}

.icon16HTML {
  background-position: -80px 0;
}

.icon16DOC {
  background-position: -96px 0;
}

.icon16DOCX {
  background-position: -112px 0;
}

.icon16PPT,.icon16PPTX {
  background-position: -128px 0;
}

.icon16GIF {
  background-position: 0 -16px;
}

.icon16WWW, .icon16LINK {
  background-position: -16px -16px;
}

.icon16XLS {
  background-position: -32px -16px;
}

.icon16WMV {
  background-position: -48px -16px;
}

.icon16MOV,.icon16QT {
  background-position: -64px -16px;
}

.icon16RM,.icon16RAM {
  background-position: -80px -16px;
}

.icon16MPG,.icon16MPEG {
  background-position: -96px -16px;
}

.icon16FLV,.icon16F4V {
  background-position: -112px -16px;
}

.icon16SWF {
  background-position: -128px -16px;
}

.icon16PNG {
  background-position: 0 -32px;
}

.icon16PAGE, .icon16LOCAL, .icon16PHP {
  background-position: -16px -32px;
}

.icon16MP3 {
  background-position: -32px -32px;
}

.icon16OGG {
  background-position: -48px -32px;
}

.icon16WAV {
  background-position: -64px -32px;
}

.icon16ZIP {
  background-position: -80px -32px;
}

.icon16RAR {
  background-position: -96px -32px;
}

.icon16GZ {
  background-position: -112px -32px;
}

.icon16BAN {
  background-position: -128px -32px;
}

.icon16JPG, .icon16JPEG {
  background-position: 0 -48px;
}

.icon16FTP {
  background-position: -16px -48px;
}

.icon16RSS {
  background-position: -32px -48px;
}

.icon16FOLDER {
  background-position: -48px -48px;
}

.icon16FOLDER2 {
  background-position: -64px -48px;
}

.icon16FOLDER3 {
  background-position: -80px -48px;
}

.icon16FOLDER4 {
  background-position: -96px -48px;
}

.icon16LOCK {
  background-position: -112px -48px;
}

.icon16PRINT {
  background-position: -128px -48px;
}

.icon16XDE {
  background-position: 0 -48px;
}

.icon16EXE {
  background-position: -16px -64px;
}

.icon16JAR {
  background-position: -32px -64px;
}

.icon16ODF,.icon16ODT,.icon16ODS,.icon16ODP,.icon16ODG {
  background-position: -48px -64px;
}

.icon16ISO {
  background-position: -64px -64px;
}

.icon16TAR {
  background-position: -80px -64px;
}

.icon16TTF {
  background-position: -96px -64px;
}

.icon16OTF {
  background-position: -112px -64px;
}

.icon16BLANK {
  background-position: -128px -64px;
}

.icon32 {
  background-position: 0 0;
}

.icon32XML {
  background-position: -32px 0;
}

.icon32CSV {
  background-position: -64px 0;
}

.icon32TXT {
  background-position: -96px 0;
}

.icon32PDF {
  background-position: -128px 0;
}

.icon32HTML {
  background-position: -160px 0;
}

.icon32DOC {
  background-position: -192px 0;
}

.icon32DOCX {
  background-position: -224px 0;
}

.icon32PPT,.icon32PPTX {
  background-position: -256px 0;
}

.icon32GIF {
  background-position: 0 -32px;
}

.icon32WWW, .icon32LINK, .icon32PHP {
  background-position: -32px -32px;
}

.icon32XLS {
  background-position: -64px -32px;
}

.icon32WMV {
  background-position: -96px -32px;
}

.icon32MOV,.icon32QT {
  background-position: -128px -32px;
}

.icon32RM,.icon32RAM {
  background-position: -160px -32px;
}

.icon32MPG,.icon32MPEG {
  background-position: -192px -32px;
}

.icon32FLV,.icon32F4V {
  background-position: -224px -32px;
}

.icon32SWF {
  background-position: -256px -32px;
}

.icon32PNG {
  background-position: 0 -64px;
}

.icon32PAGE, .icon32LOCAL {
  background-position: -32px -64px;
}

.icon32MP3 {
  background-position: -64px -64px;
}

.icon32OGG {
  background-position: -96px -64px;
}

.icon32WAV {
  background-position: -128px -64px;
}

.icon32ZIP {
  background-position: -160px -64px;
}

.icon32RAR {
  background-position: -192px -64px;
}

.icon32GZ {
  background-position: -224px -64px;
}

.icon32BAN {
  background-position: -256px -64px;
}

.icon32JPG,.icon32JPEG {
  background-position: 0 -96px;
}

.icon32FTP {
  background-position: -32px -96px;
}

.icon32RSS {
  background-position: -64px -96px;
}

.icon32FOLDER {
  background-position: -96px -96px;
}

.icon32FOLDER2 {
  background-position: -128px -96px;
}

.icon32FOLDER3 {
  background-position: -160px -96px;
}

.icon32FOLDER4 {
  background-position: -192px -96px;
}

.icon32LOCK {
  background-position: -224px -96px;
}

.icon32PRINT {
  background-position: -256px -96px;
}

.icon32XDE {
  background-position: 0 -128px;
}

.icon32EXE {
  background-position: -32px -128px;
}

.icon32JAR {
  background-position: -64px -128px;
}

.icon32ODF,.icon32ODT,.icon32ODS,.icon32ODP,.icon32ODG {
  background-position: -96px -128px;
}

.icon32ISO {
  background-position: -128px -128px;
}

.icon32TAR {
  background-position: -160px -128px;
}

.icon32TTF {
  background-position: -192px -128px;
}

.icon32OTF {
  background-position: -224px -128px;
}

.icon32BLANK {
  background-position: -256px -128px;
}

.icon64 {
  background-position: 0 0;
}

.icon64XML {
  background-position: -64px 0;
}

.icon64CSV {
  background-position: -128px 0;
}

.icon64TXT {
  background-position: -192px 0;
}

.icon64PDF {
  background-position: -256px 0;
}

.icon64HTML {
  background-position: -320px 0;
}

.icon64DOC {
  background-position: -384px 0;
}

.icon64DOCX {
  background-position: -448px 0;
}

.icon64PPT,.icon64PPTX {
  background-position: -512px 0;
}

.icon64GIF {
  background-position: 0 -64px;
}

.icon64WWW, .icon64LINK, .icon64PHP {
  background-position: -64px -64px;
}

.icon64XLS {
  background-position: -128px -64px;
}

.icon64WMV {
  background-position: -192px -64px;
}

.icon64MOV,.icon64QT {
  background-position: -256px -64px;
}

.icon64RM,.icon64RAM {
  background-position: -320px -64px;
}

.icon64MPG,.icon64MPEG {
  background-position: -384px -64px;
}

.icon64FLV,.icon64F4V {
  background-position: -448px -64px;
}

.icon64SWF {
  background-position: -512px -64px;
}

.icon64PNG {
  background-position: 0 -128px;
}

.icon64PAGE, .icon64LOCAL {
  background-position: -64px -128px;
}

.icon64MP3 {
  background-position: -128px -128px;
}

.icon64OGG {
  background-position: -192px -128px;
}

.icon64WAV {
  background-position: -250px -128px;
}

.icon64ZIP {
  background-position: -320px -128px;
}

.icon64RAR {
  background-position: -384px -128px;
}

.icon64GZ {
  background-position: -448px -128px;
}

.icon64BAN {
  background-position: -512px -128px;
}

.icon64JPG,.icon64JPEG {
  background-position: 0 -192px;
}

.icon64FTP {
  background-position: -64px -192px;
}

.icon64RSS {
  background-position: -128px -192px;
}

.icon64FOLDER {
  background-position: -192px -192px;
}

.icon64FOLDER2 {
  background-position: -250px -192px;
}

.icon64FOLDER3 {
  background-position: -320px -192px;
}

.icon64FOLDER4 {
  background-position: -384px -192px;
}

.icon64LOCK {
  background-position: -448px -192px;
}

.icon64PRINT {
  background-position: -512px -192px;
}

.icon64XDE {
  background-position: 0 -250px;
}

.icon64EXE {
  background-position: -64px -250px;
}

.icon64JAR {
  background-position: -128px -250px;
}

.icon64ODF,.icon64ODT,.icon64ODS,.icon64ODP,.icon64ODG {
  background-position: -192px -250px;
}

.icon64ISO {
  background-position: -250px -250px;
}

.icon64TAR {
  background-position: -320px -250px;
}

.icon64TTF {
  background-position: -384px -250px;
}

.icon64OTF {
  background-position: -448px -250px;
}

.icon64BLANK {
  background-position: -512px -250px;
}

.ppFileLinkTipIcon {
  width: 64px;
  height: 64px;
  padding: 10px;
  border: 2px solid #999;
  background: #eee;
  float: left;
  margin-right: 1em;
}

.ppYoutube {
  margin: 1em;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #000;
}

#bbWizardContainer {
  width: 100%;
  height: 100%;
  min-height: 600px;
  overflow: hidden;
  font-size: 12px;
}

#bbWloading {
  width: 64px;
  height: 64px;
  float: right;
  font-size: 9px;
  line-height: 64px;
  text-align: center;
}

#bbWizardPreview {
  height: 250px;
  width: auto;
}

#bbWizardTabs {
  width: auto;
  height: 250px;
  margin: 0 0 1em 0;
  padding: 0;
}

#bbWizardPreview {
  overflow-y: scroll;
}

#bbWizardCode, #bbWizardSource {
  width: 100%;
}

.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;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.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: 1px solid #ddd;
  background: #f9f9f9 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x;
  color: #362b36;
}

.ui-widget-content a {
  color: #119;
}

.ui-widget-header {
  border: 1px solid #b2c7d7;
  background: #e7eef3 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_highlight-soft_100_e7eef3_1x100.png) 50% 50% repeat-x;
  color: #222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #e6e6e6 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #444;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #444;
  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 #b2c7d7;
  background: #f0f0f0 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_100_f0f0f0_1x400.png) 50% 50% font-weight: bold;
  color: #0b5b98;
}

.ui-state-hover a, .ui-state-hover a:hover {
  color: #0b5b98;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #2694e8;
  background: #99c2ff url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_50_99c2ff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #000;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #f9dd34;
  background: #fbf5d0 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_55_fbf5d0_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(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% 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-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.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: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-icon {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.jqIcon {
  display: inline-block;
  margin: 0 0.2rem 0 -0.2rem;
  line-height: 16px;
  *float: left;
}

.textbutton .jqIcon {
  background-color: #eef;
  border-radius: 10px;
  margin: 0;
}

.ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_72a7cf_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_2694e8_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-tl {
  border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
}

.ui-corner-tr {
  border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
}

.ui-corner-bl {
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
}

.ui-corner-br {
  border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ui-corner-top {
  border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
}

.ui-corner-bottom {
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ui-corner-right {
  border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ui-corner-left {
  border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
}

.ui-corner-all {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.ui-widget-overlay {
  background: #444 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat;
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: 4px 0 0 4px;
  padding: 0px;
  background: #aaa url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_diagonals-small_0_aaaaaa_40x40.png) 50% 50% repeat;
  opacity: .30;
  filter: Alpha(Opacity=30);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1; overflow: visible;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
}

.ui-accordion-li-fix {
  display: inline;
}

.ui-accordion-header-active {
  border-bottom: 0 !important;
}

.ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em 2.2em;
}

.ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
}

.ui-accordion-content-active {
  display: block;
}

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  box-shadow: 7px 7px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 7px 7px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 7px 7px 10px rgba(0,0,0,0.8);
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0px;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0px;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0px;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0px;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

* html .ui-autocomplete {
  width: 1px;
}

.ui-tabs {
  padding: .2em;
}

.ui-tabs-nav {
  list-style: none;
  padding: .2em .2em 0;
}

.ui-tabs-nav li {
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 .2em -1px 0;
  padding: 0;
}

.ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: .5em 1em;
}

.ui-tabs-nav .ui-icon {
  float: left;
  margin: 0 0.2em 0 -0.4em;
}

li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
}

li.ui-tabs-selected a, li.ui-state-disabled a, li.ui-state-processing a {
  cursor: text;
}

.ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}

.ui-tabs-panel {
  padding: 1em 1.2em;
  display: block;
  border-width: 0;
  background: none;
  font-size: 0.8em;
}

.ui-tabs-hide {
  display: none !important;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}

#jquery-colour-picker {
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  width: 320px;
  padding: 10px 5px 5px 10px;
  border: 1px solid #666;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  z-index: 99;
}

#jquery-colour-picker ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#jquery-colour-picker ul:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

#jquery-colour-picker ul li {
  float: left;
  margin: 0 5px 5px 0;
}

#jquery-colour-picker ul li a {
  display: block;
  width: 13px;
  height: 13px;
  text-decoration: none;
  text-indent: -100000px;
  outline: 0;
  border: 1px solid #aaa;
}

#jquery-colour-picker ul li a:hover {
  border-color: #000;
}

.masonry,.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}

.masonryArea {
  padding: 5px 0;
  background: #eee;
}

.msnyBox {
  background: #fff;
  margin: 5px 0.9% 5px 1%;
  padding: 10px 2%;
  min-width: 120px;
}

.msnyBox.col1 {
  width: 19%;
}

.msnyBox.col2 {
  width: 44%;
}

.msnyBox.col3 {
  width: 69%;
}

.msnyBox.col4 {
  width: 94%;
}

div.rating-cancel,div.star-rating {
  float: left;
  width: 17px;
  height: 15px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden
}

div.rating-cancel,div.rating-cancel a {
  background: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/delete.gif) no-repeat 0 -16px
}

div.star-rating,div.star-rating a {
  background: url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/star.gif) no-repeat 0 0px
}

div.rating-cancel a,div.star-rating a {
  display: block;
  width: 16px;
  height: 100%;
  background-position: 0 0px;
  border: 0
}

div.star-rating-on a {
  background-position: 0 -16px!important
}

div.star-rating-hover a {
  background-position: 0 -32px
}

div.star-rating-readonly a {
  cursor: default !important
}

div.star-rating {
  background: transparent!important;
  overflow: hidden!important
}

.jqtTooltip {
  color: #eee !important;
  background: #333 !important;
  border: 4px solid #eee !important;
  padding: 1em;
  width: 20em;
  display: none;
  text-align: left;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(30,30,30,0.5);
  z-index: 999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 5px 5px 5px rgba(30,30,30,0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(30,30,30,0.5);
}

.jqtTooltip h3 {
  margin: 0;
  font-size: 18px;
  color: #fff !important ;
}

div.scrollable {
  position: relative;
  overflow: hidden;
  width: 650px;
  height: 120px;
  padding: 10px 0;
}

div.scrollable div.items {
  width: 20000em;
  position: absolute;
  clear: both;
  margin-left: 10px;
}

div.scrollable div.items div {
  float: left;
}

div.scrollable div.items div.active {
  border: 1px inset #ccc;
  background-color: #fff;
}

div.scrollable {
  float: left;
}

a.prev, a.next, a.prevPage, a.nextPage {
  display: block;
  width: 42px;
  height: 54px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/jqtScrollableArrows.jpg) 0 0 no-repeat;
  float: left;
  margin-top: 45px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 1px;
}

a.prev:hover, a.prevPage:hover {
  background-position: 0 -54px;
}

a.next, a.nextPage {
  background-position: -42px 0pt;
  clear: right;
}

a.next:hover, a.nextPage:hover {
  background-position: -42px -54px;
}

a.disabled {
  visibility: hidden !important;
}

div.navi {
  width: 200px;
  margin: 0 auto;
  height: 20px;
  text-align: center;
}

div.navi a {
  width: 16px;
  height: 16px;
  margin: 3px;
  display: inline-block;
  font-size: 1px;
  outline: none;
}

#ppBox, #ppBoxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  z-index: 95;
  width: 100%;
  height: auto;
  text-align: center;
  color: #333;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  line-height: 0;
  text-decoration: none;
  background: none;
  word-spacing: normal;
  letter-spacing: normal;
  float: none;
  clear: none;
  display: block;
  overflow: hidden;
}

#ppBoxOverlay {
  z-index: 90;
  background: #444 url(https://ccgaca.s3.amazonaws.com/images/icons/jquery-ui/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat;
  height: 100%;
  float: none;
  clear: none;
}

#ppBoxClose {
  cursor: pointer;
  position: absolute;
  display: none;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/close.png) left top no-repeat;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  z-index: 1000;
}

#ppBox {
  border: 1px solid #333;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100px;
  height: 100px;
  background: #fff;
  display: none;
}

#ppBoxContainer {
  background: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  line-height: normal;
  overflow: hidden;
  float: none;
  clear: none;
  display: none;
}

#ppBoxPreLoad {
  margin: 20% auto 0 auto;
  background: transparent;
  text-align: center;
  font-size: 200%;
}

div.ppBoxScroll {
  position: relative;
  width: 100px;
  margin: 0;
  overflow: scroll;
  float: none;
}

div.ppBoxTitleBar {
  background: #666;
  border-bottom: 1px solid #ccc;
  width: auto;
  padding: 0;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
}

div.ppBoxTitleBar div.Title {
  font-weight: bold;
}

div.ppBoxTitleBar a.close {
  float: right;
  border: 1px solid #ccc;
  color: #900;
  background: #aaa;
  text-align: center;
  margin: 1px 1px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
}

.calMini {
  width: 99%;
  min-width: 100px;
  max-width: 250px;
}

.calFull, .cesContainer {
  width: 90%;
  min-width: 400px;
  max-width: 1280px;
}

.calFull .miniDay {
  display: none;
}

.calMini .fullDay {
  display: none;
}

@media all and (max-width: 700px) {
  .calFull .fullDay {
      display:none;
  }

  .calFull .miniDay {
      display: inline;
  }
}

.calMain {
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.calMain th, .calMain td {
  width: 14%;
  padding: 3px 0 3px 0;
}

.calCell {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 0 100% 0;
}

.calCellContent {
  position: absolute;
}

td.cal_monthtitle, td.mini_cal_monthtitle, td.cal_daytitle {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

td.mini_cal_monthtitle {
  font-size: 90%;
}

td.cal_monthsubtitle {
  font-size: 100%;
}

td.mini_cal_monthsubtitle {
  font-size: 80%;
}

td.cal_daysubtitle {
  font-size: 80%;
}

td.mini_cal_daysubtitle {
  font-size: 75%;
}

td.cal_monthday_today, td.mini_cal_monthday_today {
  border: 1px #f00 solid;
  background: #fcc;
}

td.cal_monthday_on, td.mini_cal_monthday_on {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.cal_monthday_on:hover, .mini_cal_monthday_on:hover {
  background: #eef;
}

td.cal_monthday_off, td.mini_cal_monthday_off {
  border: 1px solid #ccc;
  background: #eee;
  color: #666;
}

th.cal_monthweekday, th.mini_cal_monthweekday {
  border: 1px solid #ccc;
  background: #006;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
}

th.mini_cal_monthweekday,td.mini_cal_monthday_off, td.mini_cal_monthday_on,td.mini_cal_monthday_today {
  font-size: 9px;
}

.cal_dayoutline {
  border: 1px solid #ccc;
}

td.cal_dayhours {
  font-size: 75%;
  color: #808080;
  border-right: 1px dashed #ccc;
}

tr.cal_day_hour_on {
  background: #eee;
}

tr.cal_day_hour_off {
  background: #fff;
}

.cal_monthevent {
  margin: 1px 2px 1px 2px;
  border-top: 1px solid #ccc;
  font-size: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.calendarDayHasEvents {
  font-weight: bold;
}

td.cal_dayevent {
  border: 1px solid #ccc;
  background: transparent;
}

.calendarEvent {
  margin: 0 auto;
  border: 1px solid #ccc;
  max-width: 800px;
  padding: 0;
}

.eventLocation {
  font-size: 120%;
}

.eventRange {
  font-size: 120%;
  margin: 0.5em 0 0 0;
}

.eventCategory, .eventLang {
  font-size: 80%;
  float: right;
}

.jqtTooltip .eventLocation {
  font-size: 12px;
}

.jqtTooltip .eventRange {
  font-size: 15px;
  margin: 1em auto 0 auto;
}

.jqtTooltip .eventCategory {
  font-size: 12px;
}

.eventDescription {
  padding: 3em 1.5em;
}

.eventNotes, .eventContentAdmin {
  border: 2px solid #ccc;
  padding: 1em;
  background: #eee;
  color: #000;
}

.eventContentFull {
  height: 300px;
  overflow-y: scroll;
}

.eventContentShort {
  height: 200px;
  overflow-y: scroll;
}

.eventContentAdmin {
  height: 150px;
  overflow-y: scroll;
}

.eventControls {
  display: inline-block;
  float: right;
}

.cesContainer {
  margin: 1em auto;
}

.cesTitle {
  border-radius: 5px 5px 0 0;
  background: #006;
  color: #fff;
  padding: 0.2em 1em;
  margin: 0;
}

.calendarEventsScroll {
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 2px solid #ccc;
  border-top: 0;
  border-radius: 0 0 0 5px;
}

.celMonthHeader {
  background: #ccc;
  color: #000;
  text-align: center;
  line-height: 200%;
  margin: 0;
}

.calendarEventSubmit {
  width: 30%;
  margin: 0 0 0 auto;
  padding: 0.2em 0 0.2em 0;
  text-align: center;
  border-radius: 0 0 5px 5px;
  background: #006;
}

.celEvent, .celNone {
  padding: 0.2em;
  border-bottom: 1px solid #ccc;
}

.celEvent {
  cursor: pointer;
  overflow: hidden;
  height: 1.5em;
}

.celEvent:hover {
  background: #eef;
}

.celEvent .eventTitle {
  text-align: left;
  font-weight: bold;
  font-size: 120%;
}

.celEvent .eventStart {
  text-align: left;
  font-size: inherit;
  float: left;
  margin: 0 2em 0 1em;
  width: 10em;
}

.celNone {
  font-style: italic;
  text-align: center;
  padding: 0.5em;
}

table.calendarEventList {
  border-top: 1px solid #006;
  border-left: 1px solid #006;
  margin: 30px 0 20px 0;
}

.calendarEventList td {
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #006;
  border-right: 1px solid #006;
}

.calendarEventList th {
  padding: 2px 2px 2px 5px;
  text-align: left;
  background: #006;
  color: #fff;
  border-bottom: 2px solid #006;
  border-right: 1px solid #006;
}

.ui-datepicker {
  box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}

div.ppMessage {
  background: #ddd;
  border: 2px solid #ccc;
  color: #66f;
  width: auto;
  margin: 1em;
  padding: 0.5em;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#ppMessageGrowlBox {
  position: fixed;
  top: 10px;
  z-index: 999;
  width: 75% !important;
  left: 12%;
}

.ppMessageGrowl {
  display: none;
  box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5);
}

.ppMessage .pmItem {
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #fff;
}

.ppMessage .pmSymbol {
  display: inline;
  text-align: center;
  line-height: 1.5em;
  height: 1.5em;
  font-weight: bold;
  font-size: 1.2em;
  width: 1.5em;
  float: left;
  color: #fff;
  background: #00f;
  border: 1px solid #006;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.pmiWarn {
  background: #fec;
  color: #330;
}

.pmiInfo {
  background: #eef;
  color: #003;
}

.pmiActive {
  background: #efe;
  color: #030;
}

.pmiError {
  background: #fee;
  color: #300;
}

.pmiInfo .pmSymbol {
  color: #fff;
  background: #00f;
  border: 1px solid #006;
}

.pmiWarn .pmSymbol {
  color: #fff;
  background: #cc0;
  border: 1px solid #660;
}

.pmiActive .pmSymbol {
  color: #fff;
  background: #0c0;
  border: 1px solid #060;
}

.pmiError .pmSymbol {
  color: #fff;
  background: #f00;
  border: 1px solid #600;
}

.pmMessageContent {
  display: block;
  margin: 0.4em 0.5em 0.5em 2.5em;
}

.pmiActive1 {
  background: #fee;
  color: #300;
}

.pmiActive1 .pmSymbol {
  color: #fff;
  background: #c00;
  border: 1px solid #600;
}

.pmiActive2 {
  background: #efe;
  color: #030;
}

.pmiActive2 .pmSymbol {
  color: #fff;
  background: #0c0;
  border: 1px solid #060;
}

.pmiActive3 {
  background: #eef;
  color: #003;
}

.pmiActive3 .pmSymbol {
  color: #fff;
  background: #00c;
  border: 1px solid #006;
}

.pmiActive4 {
  background: #fef;
  color: #303;
}

.pmiActive4 .pmSymbol {
  color: #fff;
  background: #c0c;
  border: 1px solid #606;
}

.pmiActive5 {
  background: #ffe;
  color: #330;
}

.pmiActive5 .pmSymbol {
  color: #fff;
  background: #cc0;
  border: 1px solid #660;
}

.ppMapContainer {
  margin: 0 auto;
}

.ppMapArea {
  border: 1px solid #000;
  position: relative;
  z-index: 1;
}

.ppMapArea .tiles,.ppMapArea .interaction {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
}

.ppMapArea .tiles {
  background: #ccc;
}

.ppMapArea .interaction {
  background: transparent;
}

.ppMapArea .status {
  position: absolute;
  left: 600px;
}

.ppMapArea .tiles .tile {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}

.olFramedCloudPopupContent {
  padding: 5px;
  overflow: auto;
}

.olLayerGoogleCopyright {
  right: 3px;
  bottom: 2px;
  left: auto;
}

.olLayerGoogleV3.olLayerGoogleCopyright {
  bottom: 0px;
  right: 0px !important;
}

.olLayerGooglePoweredBy {
  left: 2px;
  bottom: 2px;
}

.olLayerGoogleV3.olLayerGooglePoweredBy {
  bottom: 0px !important;
}

div.olMap {
  z-index: 0;
  padding: 0px!important;
  margin: 0px!important;
  cursor: default;
}

div.olMapViewport {
  text-align: left;
}

div.olLayerDiv {
  -moz-user-select: none;
}

.olLayerGoogleCopyright {
  left: 2px;
  bottom: 2px;
}

.olLayerGooglePoweredBy {
  left: 2px;
  bottom: 15px;
}

.olControlAttribution {
  font-size: smaller;
  right: 3px;
  bottom: 4.5em;
  position: absolute;
  display: block;
}

.olControlScale {
  right: 3px;
  bottom: 3em;
  display: block;
  position: absolute;
  font-size: smaller;
}

.olControlScaleLine {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: xx-small;
}

.olControlScaleLineBottom {
  border: solid 2px black;
  border-bottom: none;
  margin-top: -2px;
  text-align: center;
}

.olControlScaleLineTop {
  border: solid 2px black;
  border-top: none;
  text-align: center;
}

.olControlPermalink {
  right: 3px;
  bottom: 1.5em;
  display: block;
  position: absolute;
  font-size: smaller;
}

div.olControlMousePosition {
  bottom: 1em;
  right: 3px;
  display: block;
  position: absolute;
  font-family: Arial;
  font-size: smaller;
}

.olControlOverviewMapContainer {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.olControlOverviewMapElement {
  padding: 10px 18px 10px 10px;
  background-color: #00008B;
  -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
  right: 0px;
  bottom: 80px;
}

.olControlOverviewMapMaximizeButton {
  right: 0px;
  bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
  overflow: hidden;
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/blank.gif);
  cursor: move;
  border: 2px dotted red;
}

.olControlOverviewMapRectReplacement {
  overflow: hidden;
  cursor: move;
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/overview_replacement.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.olLayerGeoRSSDescription {
  float: left;
  width: 100%;
  overflow: auto;
  font-size: 1.0em;
}

.olLayerGeoRSSClose {
  float: right;
  color: gray;
  font-size: 1.2em;
  margin-right: 6px;
  font-family: sans-serif;
}

.olLayerGeoRSSTitle {
  float: left;
  font-size: 1.2em;
}

.olPopupContent {
  padding: 5px;
  overflow: auto;
}

.olControlNavToolbar {
  width: 0px;
  height: 0px;
}

.olControlNavToolbar div {
  display: block;
  width: 28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistory {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/navigation_history.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.olControlNavigationHistoryPreviousItemActive {
  background-position: 0px 0px;
}

.olControlNavigationHistoryPreviousItemInactive {
  background-position: 0px -24px;
}

.olControlNavigationHistoryNextItemActive {
  background-position: -24px 0px;
}

.olControlNavigationHistoryNextItemInactive {
  background-position: -24px -24px;
}

.olControlNavToolbar .olControlNavigationItemActive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/panning-hand-on.png);
  background-repeat: no-repeat;
}

.olControlNavToolbar .olControlNavigationItemInactive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/panning-hand-off.png);
  background-repeat: no-repeat;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/drag-rectangle-on.png);
  background-color: orange;
  background-repeat: no-repeat;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/drag-rectangle-off.png);
  background-repeat: no-repeat;
}

.olControlEditingToolbar {
  float: right;
  right: 0px;
  height: 30px;
  width: 200px;
}

.olControlEditingToolbar div {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/editing_tool_bar.png);
  background-repeat: no-repeat;
  float: right;
  width: 24px;
  height: 24px;
  margin: 5px;
}

.olControlEditingToolbar .olControlNavigationItemActive {
  background-position: -103px -23px;
}

.olControlEditingToolbar .olControlNavigationItemInactive {
  background-position: -103px -0px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
  background-position: -77px -23px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
  background-position: -77px -0px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
  background-position: -51px 0px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
  background-position: -51px -23px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
  background-position: -26px 0px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
  background-position: -26px -23px ;
}

div.olControlSaveFeaturesItemActive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/save_features_on.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div.olControlSaveFeaturesItemInactive {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/save_features_off.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
  border: 2px solid red;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
  border: 2px solid blue;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}

.olControlPanPanel {
  top: 10px;
  left: 5px;
}

.olControlPanPanel div {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/pan-panel.png);
  height: 18px;
  width: 18px;
  cursor: pointer;
  position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
  top: 0px;
  left: 9px;
  background-position: 0px 0px;
}

.olControlPanPanel .olControlPanSouthItemInactive {
  top: 36px;
  left: 9px;
  background-position: 18px 0px;
}

.olControlPanPanel .olControlPanWestItemInactive {
  position: absolute;
  top: 18px;
  left: 0px;
  background-position: 0px 18px;
}

.olControlPanPanel .olControlPanEastItemInactive {
  top: 18px;
  left: 18px;
  background-position: 18px 18px;
}

.olControlZoomPanel {
  top: 71px;
  left: 14px;
}

.olControlZoomPanel div {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/zoom-panel.png);
  position: absolute;
  height: 18px;
  width: 18px;
  cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
  top: 0px;
  left: 0px;
  background-position: 0px 0px;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
  top: 18px;
  left: 0px;
  background-position: 0px -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
  top: 36px;
  left: 0px;
  background-position: 0px 18px;
}

.olPopupCloseBox {
  background: url(https://ccgaca.s3.amazonaws.com/images/maps/icons/close.gif) no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
  padding: 5px;
  overflow: auto;
}

.olControlNoSelect {
  -moz-user-select: none;
}

.olImageLoadError {
  background-color: pink;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.olCursorWait {
  cursor: wait;
}

.olDragDown {
  cursor: move;
}

.olDrawBox {
  cursor: crosshair;
}

.olControlDragFeatureOver {
  cursor: move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  cursor: -moz-grabbing;
}

.olControlLayerSwitcher {
  position: absolute;
  top: 25px;
  right: 0px;
  width: 20em;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  font-size: smaller;
  color: white;
  background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 75px;
  background-color: darkblue;
  width: 100%;
  height: 100%;
}

.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl {
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,.olControlLayerSwitcher .layersDiv .dataLayersDiv {
  padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,.olControlLayerSwitcher .minimizeDiv {
  top: 5px;
  right: 0px;
}

@media print {
  .olControlLayerSwitcher,.olControlZoomPanel, olControlPanPanel, .olControlEditingToolbar, .olControlPanZoomBar {
      display: none;
  }
}

div.flotGraphContainer {
  background: #eee;
  padding: 10px;
  margin: 10px;
  border: 1px solid #000;
}

div.flotGraphContainer div.flotGraph {
  margin: 0 auto;
}

div.flotGraphContainer div.graphTitle {
  font-weight: bold;
  text-align: center;
  padding: 0 0 5px 0;
}

div.graphToolTip {
  display: none;
  position: absolute;
  padding: 5px;
  border: 2px solid #ccc;
  background: #fff;
  opacity: 0.80;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div.ppTreeView li {
  list-style: none;
  border: 1px transparent;
}

div.ppTreeView ul {
  margin: 0 0 5px 0;
  padding: 0 0 0 2em;
}

div.ppTreeView div.pptvnContent {
  margin: 2px 0 2px 2em;
}

div.ppTreeView ul.root {
  margin: 5px;
  padding: 0px;
}

div.tagList {
  font-size: 90%;
  text-align: right;
}

div.tagList .tagTitle {
  font-weight: bold;
  color: #999;
}

div.tagList a {
  margin: 0 0 0 2px;
  text-decoration: none;
}

div.tagCloud {
  border: 2px solid #ccc;
  padding: 5px;
  margin: 10px;
  width: 300px;
}

div.tagCloudTitle {
  font-weight: bold;
  color: #aaa;
  font-size: 125%;
}

div.tagCloud a {
  margin: 0 0 0 2px;
  text-decoration: none;
  font-weight: normal;
}

div.tagCloud a.tag1 {
  font-size: 75%;
}

div.tagCloud a.tag2 {
  font-size: 80%;
}

div.tagCloud a.tag3 {
  font-size: 85%;
}

div.tagCloud a.tag4 {
  font-size: 90%;
}

div.tagCloud a.tag5 {
  font-size: 100%;
}

div.tagCloud a.tag6 {
  font-size: 110%;
}

div.tagCloud a.tag7 {
  font-size: 120%;
}

div.tagCloud a.tag8 {
  font-size: 130%;
}

div.tagCloud a.tag9 {
  font-size: 140%;
}

div.tagCloud a.tag10 {
  font-weight: bold;
  font-size: 140%;
}

.statsCompare th {
  padding: 0.2em 0.5em;
}

.statsCompare td {
  text-align: right;
}

.statsCompare td.metric {
  text-align: left;
  font-weight: bold;
}

.statsChange {
  display: inline-block;
  width: 6em;
}

.helpNoticeArea {
  overflow: hidden;
  margin: 1em 1em 0.2em 1em;
}

.hnTrigger {
  float: right;
  font-size: 90%;
  line-height: 120%;
  width: 6em;
  margin: 5px;
  padding: 0.2em 0.2em 0.2em 0.5em;
  background: #227;
  color: #ddf;
  border: 2px solid #ccc;
  border-radius: 10px;
  opacity: 0.7;
  cursor: help;
}

.hnTrigger div {
  text-align: center;
  background: #ddf;
  color: #227;
  width: 1.2em;
  font-size: 120%;
  font-weight: bold;
  float: right;
  border-radius: 20px;
}

.hnTrigger:hover {
  opacity: 1;
  background: #009;
}

.hnTrigger:hover div {
  background: #dfd;
  color: #070;
}

.hntClose div {
  background: #fdd;
  color: #700;
}

.hntClose:hover div {
  background: #700;
  color: #fff;
}

.hnContent {
  background: #eee;
  color: #000;
  border-radius: 10px;
  margin: 1em;
  padding: 1em;
  display: none;
}

.hnContent p {
  margin-bottom: 0.5em;
}

.help {
  color: #227;
  background: #fff;
}

p.help {
  color: #227;
  margin-bottom: 15pt;
}

.helpPageTitle, .helpTitle {
  color: #227;
  font-size: 18pt;
  vertical-align: middle;
  text-align: center;
  padding-top: 10pt;
  font-weight: bolder;
}

.helpTitle {
  font-size: 24px;
}

a.help:link, a.help:active, a.help:visited, a.help:hover {
  color: #5d82b0;
  text-decoration : none;
}

a.help:hover {
  color: red;
}

div.help {
  color: #227;
}

fieldset.help {
  color: #227;
  border: 1px solid #B0C4DE;
  padding: 0pt 10pt 10pt 10pt;
  margin: 0 0 10pt 0;
}

fieldset.helpSeealso {
  color: #227;
  font-size: 10pt;
  border: 1px solid #B0C4DE;
  background-color: #F0F8FF;
  padding: 5pt 5pt 5pt 5pt;
  margin: 0 0 10pt 0;
}

table.help {
  color: #227;
  margin-bottom: 10pt;
}

td.help {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
}

td.helpReport {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 2px;
}

th.helpReport {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
  font-weight: normal;
}

tfoot.helpReport {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
  font-weight: normal;
}

td.helpalternate {
  color: #227;
  background-color: #ebebeb;
  font-size: 10pt;
}

.helpIndexHeader {
  color: #227;
  background-color: #B0C4DE;
  font-size: 10pt;
}

.helpIndexAlphaChar {
  color: #227;
  font-size: 10pt;
  border: 1px solid #227;
  font-weight: bold;
  padding: 0pt 3pt 0pt 3pt;
}

.helpnote {
  color: #227;
  font-size: 10pt;
  font-style: italic;
  font-size: x-small;
}

.helpMessage {
  color: #900;
  font-size: 12pt;
  font-style: italic;
  text-align: left;
  margin-bottom: 10pt;
}

.helpTopic {
  color: #227;
  text-align: left;
  vertical-align: top;
  padding: 15pt 10pt 10pt 15pt;
  margin: 0 0 0 0;
  border-top: 1px solid #B0C4DE;
  border-bottom: 1px solid #B0C4DE;
}

div.helpNoticeBox {
  width: 400px;
  font-size: 11px;
  border: 1px solid #B0C4DE;
  padding: 15pt 10pt 10pt 15pt;
  margin: 2px 10px 10px 10px;
}

.helpButton, a.helpbutton:link, a.helpbutton:active, a.helpbutton:visited, a.helpbutton:hover {
  font-weight: bold;
  line-height: 10px;
  font-size: 10px;
  color: #fff;
  font-family: verdana, sans-serif;
  text-decoration: none;
  background: #55f;
  padding: 0 3px 0 3px;
  cursor: help;
  vertical-align: 0.2rem;
  border-radius: 10px;
  opacity: 0.5;
}

.helpbutton:hover {
  background: #fff !important;
  color: #009 !important;
  box-shadow: inset 0 0 3px #55f !important;
  opacity: 1.0 !important;
}

table.Selection {
  width: 50%;
  color: #227;
  font-size: 10pt;
  background-color: white;
  border: 1px solid #227;
}

td.Selection {
  color: #227;
  font-size: 10pt;
}

.helpMenu {
  color: #227;
  background-color: #B0C4DE;
  font-size: 9pt;
  vertical-align: top;
  padding: 5pt 3pt 5pt 3pt;
  margin: 0 0 0 0;
}

.helpMenuTitle {
  color: #227;
  font-size: 10pt;
  text-align: left;
  font-weight: bold;
  padding: 10pt 0pt 5pt 0pt;
  border-bottom: 1px solid White;
}

.helpMenuCategory {
  margin: 0 0 0 0;
  padding: 2pt 2pt 5pt 2pt;
  border-bottom: 1px solid White;
}

.helpMenuActiveCategory {
  color: #227;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}

.helpMenuActiveTopic {
  color: #B22222;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}

a.helpMenuLink:link, a.helpMenuLink:active, a.helpMenuLink:visited, a.helpMenuLink:hover {
  text-decoration : none;
  color: #227;
  background: transparent;
  padding: 0px 2px 0px 2px;
}

a.helpMenuLink:hover {
  text-decoration : none;
  background: #F0F8FF;
  border: 1px solid Navy;
}

td.Error {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 2px;
  text-align: left;
  display: block;
  width: 400pt;
}

th.Error {
  color: #227;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
  font-weight: bold;
  text-align: left;
}

td.ErrorLable {
  color: gray;
  font-size: 10pt;
  margin-bottom: 2pt;
  margin-top: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 2px;
  vertical-align: top;
  text-align: left;
  width: 50pt;
}

.userLanguage, .languageCode {
  background: #00c !important;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 11px !important;
  line-height: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  width: 24px;
  border: 1px solid #fff;
  text-align: center !important;
  display: block;
}

a.userLanguage, a.userLanguage:visited {
  color: #fff;
}

a.userLanguage:hover {
  background: #66f !important;
}

.languageCode {
  display: inline-block;
}

div.XDeMessage {
  margin-top: 20px;
  padding: 5px;
  border: 2px solid #ccc;
  background: #eee;
  color: #000;
}

div.XDeMessage div.to, div.XDeMessage div.from, div.XDeMessage div.date, div.XDeMessage div.subject {
  margin: 2px 0 2px 0;
}

div.XDeMessage div.subject {
  font-size: 125%;
}

div.XDeMessage div.content, div.XDeMessage div.attachments, div.XDeMessage div.images {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0 0 0;
  background: #fff;
  color: #000;
}

div.XDeMessage div.images {
  overflow: hidden;
}

div.XDeMessage div.images div.imageItem {
  margin: 10px;
  float: left;
}

div.XDeMessage div.images a img {
  border: 2px solid #666;
}

div.XDeMessage div.images a img:hover {
  border: 2px solid #fc0;
}

div.XDeMessage div.tools {
  margin: 5px;
}

.newsletterList {
  max-width: 700px;
  margin: 1em auto;
}

.auditTypeFlag {
  font-weight: bold;
  padding: 0.2em;
  color: #fff;
  backgroud: #333;
}

.auditDialog {
  max-height: 600px;
  overflow: scroll;
}

.chirpContainer {
  margin: 0 auto;
}

.chirpCtitle {
  width: 200px;
}

.chirpItem {
  font-weight: normal;
  padding: 0.5em;
  margin: 0.8em auto;
  box-shadow: 1px 1px 5px #666;
}

.chirpItem a {
  color: #36f;
}

.chirpItem a:hover {
  color: #33c;
}

.chirpItem h2 {
  margin: 0 0 0.2em 0;
  padding: 0;
}

.chirpItem div.chirpTools {
  font-size: 90%;
  margin-top: 0.5em;
}

.chirpAttribution {
  color: #666;
  font-size: 80%;
  text-align: right;
  padding-right: 1em;
}

.xdeSharingStrip {
  margin: 0 auto;
}

.xdeSocialPromoteStrip {
  margin: 0 auto;
}

.xdeSocialPromoteStrip iframe {
  vertical-align: baseline !important;
}

.xdeSocialPromoteStrip .fb_ltr {
  margin: -3px 2em auto auto;
}

a.buttonShare {
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px 0 40px;
  padding-left: 40px;
  height: 32px;
  line-height: 32px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social32.png) no-repeat 5px 0;
}

.xdeIconSize16 a.buttonShare {
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social16.png) no-repeat 5px 0;
  padding: 0 10px 0 20px;
}

a.btnQRCode {
  background-position: 5px 0;
}

a.btnStumble {
  background-position: 5px -32px;
}

a.btnPinterest {
  background-position: 5px -32px;
}

a.btnLinkedIn {
  background-position: 5px -96px;
}

a.btnFacebook {
  background-position: 5px -256px;
}

a.btnEmail {
  background-position: 5px -288px;
}

a.btnTwitter {
  background-position: 5px -224px;
}

a.btnBuzz {
  background-position: 5px -192px;
}

a.btnReddit {
  background-position: 5px -192px;
}

.forumGroup {
  border: 2px solid #ccf;
  margin: 10px 0 0 0;
  padding: 5px;
  background: #ddd;
  border-radius: 5px;
}

.forumRestricted {
  border: 2px solid #f60;
}

.forumGroup h2 {
  margin: 0;
  padding: 0;
}

.forumGroupType {
  float: right;
  margin: 10px;
  padding: 5px;
  background: #fff;
  text-align: center;
  font-weight: bold;
  width: 10em;
  border-radius: 5px;
}

.forumPublic {
  color: #093;
}

.forumPrivate {
  color: #930;
}

.forumGroupDescription {
  margin: 0.2em 0 1em 0;
  font-size: 90%;
}

.forumsummary a:link, .forumsummary a:visited, .forumsummary a:hover, .forumsummary a:active,.forumtopic a:link, .forumtopic a:visited, .forumtopic a:hover, .forumtopic a:active {
  font-weight: bold;
  color: #000;
}

.forumsummary a:hover, .forumsummary a:active {
  color: #00c;
}

.forumTopicDescription {
  font-size: 80%;
}

.forumsummary th, .forumtopic th {
  padding: 0.2em;
  font-weight: bold;
}

.forumsummary td.thread, .forumtopic td.thread {
  text-align: center;
}

table.forumtopic, table.forumdetail {
  width: 97%;
  margin: 0.5em 1em 1em 0;
}

.forumtopic a:hover, .forumtopic a:active {
  color: #00c;
}

.forumsummary div.date, .forumtopic div.date {
  font-size: 75%;
  color: #666;
}

td.forumUserPostsDate {
  background: #ccc;
  font-size: 9px;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #666;
  color: #006;
}

td.forumUserPostsPost {
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  padding: 5px 0 5px 5px;
}

.forumsummary, .forumdetail {
  border: 2px solid #666;
}

th.forumtopic, td.forumtopic {
  background: #eee;
  border-bottom: 1px solid #666;
  color: #000;
}

th.forumtopic {
  border-bottom: 2px solid #666;
}

td.forumtopic a:link, td.forumtopic a:visited {
  background: #eee;
  font-weight: bold;
  color: #000;
}

td.forumtopic a:hover, td.forumtopic a:active {
  background: #eee;
  font-weight: bold;
  color: #00c;
}

td.threads, th.threads {
  background: #eee;
  border-bottom: 1px solid #666;
  color: #000;
  font-size: x-small;
}

th.threads {
  border-bottom: 2px solid #666;
}

td.posts, th.posts, td.forumcmd, th.forumcmd, td.forumreplycmd {
  background: #eee;
  border-bottom: 1px solid #666;
  color: #000;
  text-align: center;
  font-size: x-small;
}

td.forumcmd, th.forumcmd, td.forumreplycmd {
  text-align: left;
}

td.forumcmd {
  box-shadow: 7px 0 5px -5px rgba(0,0,0,0.2);
  width: 110px;
  padding: 10px;
  vertical-align: top;
}

th.posts, th.forumcmd {
  border-bottom: 2px solid #666;
}

td.forumreplycmd {
  border-bottom: 1px solid #666;
}

td.recentpost, th.recentpost {
  background: #fff;
  border-bottom: 1px solid #666;
  color: #000;
}

th.recentpost {
  border-bottom: 2px solid #666;
}

.forumreply0, .forumreply1 {
  background: #fff;
  border-bottom: 1px solid #666;
}

.forumreply1 {
  background: #eee;
}

.forumTitle {
  border-bottom: 1px solid #ccc;
  padding: 10px 10px 5px 10px;
  font-weight: bold;
  font-size: medium;
}

.forumContent {
  padding: 10px;
}

.recentpost a:link, .recentpost a:visited {
  background: #fff;
  color: #000;
  font-size: small;
}

.recentpost a:hover, .recentpost a:active {
  background: #fff;
  color: #00c;
  font-size: small;
}

div.forumimage {
  text-align: center;
  margin: 0px auto;
  margin-top: 10px;
}

.forumSignature {
  color: #666;
  font-size: 80%;
  padding: 10px;
}

.forumminititle {
  font-size: small;
  font-weight: bold;
}

.forumminicategory {
  font-size: xx-small;
}

.forumminisummary {
  padding: 5px 5px 5px 10px;
  font-size: small;
}

.forumFiles {
  margin: 1em 0.5em 0.5em 0.5em;
  padding: 0.5em;
  border: 1px solid #ccc;
  background: #eef;
}

.forumFile {
  margin: 0.7em 0 0.3em 0.5em;
}

.stickyForum a {
  width: auto;
  display: block;
  border: 1px solid #009;
  border-left: 4px solid #009;
  padding: 0.2em;
}

.forumShare .xdeSocialPromoteStrip {
  margin: 5px 0 15px 20px;
}

.forumShare .xdeSharingStrip {
  margin-top: 5px;
}

.forumPoll {
  width: 80%;
  margin: 1em auto;
  border: 2px solid #ccc;
  padding: 1em 1em 0.5em 1em;
  background: #ddd;
}

.forumPoll .pollQuestion {
  font-size: 125%;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

.forumPoll .pollNotes {
  margin: 0 0 0.5em 0;
}

.forumPoll .pollResults {
  margin: 0.5em 0 0 0;
  padding: 0.5em;
  border: 2px solid #fff;
}

.pollResultbar {
  width: auto;
  margin: 0 0 0.5em 0;
}

.pollResultWeight {
  background: #666;
  color: #fff;
}

.pollAnswer {
  background: #eee;
  font-size: 105%;
  margin: 0.2em 0 0 0;
}

.pollInstructions {
  margin: 2em 0 0 0;
  padding: 0.5em;
}

.gallerySlideshow {
  width: 90%;
  height: 80%;
  max-width: 1280px;
  margin: 20px auto;
  background: transparent;
}

.gallerySlideshow .ibSlideshow {
  width: 100%;
  height: 100%;
}

.gallerySlideshow img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.gallerySlideshow .ibExtInfo {
  font-size: 110%;
}

table.gallery, table.gallery_title,table.gallery_image {
  border: 1px solid #333;
}

.gallery td, .gallery_title td, .gallery_image td {
  padding: 2px 2px 2px 5px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

.gallery td strong, .gallery_title td strong, .gallery_image td strong {
  color: #333;
}

.gallery td.image, .gallery_title td.image, .gallery_image td.image, .info td.image {
  background: #666;
  padding: 5px;
}

.gallery td.imagecell, .gallery_title td.imagecell, .gallery_image td.imagecell {
  background: #ddd;
  padding: 5px;
  border: 0;
  text-align: center;
}

td.galleryBodyContent {
  text-align: left;
  font-size: 90%;
}

td.galleryBodyContent div.galleryImageInfo {
  font-size: 90%;
  margin: 0 0 0.5em 0;
}

.gallery td img, .gallery_title td img, .gallery_image td img {
  margin: 0px auto;
  text-align: center;
  border: 1px solid #000;
}

.gallery th, .gallery_title th, .gallery_image th {
  padding: 2px 2px 2px 5px;
  text-align: left;
  background: #333;
  color: #fff;
  border-bottom: 2px solid #333;
  border-right: 1px solid #333;
}

.gallery td div.description, .gallery_title td div.description, .gallery_image td div.description {
  margin: 10px 0 0 0;
  font-size: 90%;
}

.gallery td div.title, .gallery_title td div.title, .gallery_image td div.title {
  margin: 0 0 0 0;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.gallery td div.stats, .gallery_title td div.stats, .gallery_image td div.stats {
  margin: 3px 0 0 0;
  font-size: 80%;
  text-align: center;
}

.gallery td div.links, .gallery_title td div.links, .gallery_image td div.links {
  margin: 5px 0 5px 0;
  text-align: center;
}

.gallery td div.restricted, .gallery_title td div.restricted, .gallery_image td div.restricted {
  margin: 5px 0 5px 0;
  color: #630;
  background: #eee;
  border: 1px solid #930;
  border-left: 5px solid #930;
  border-right: 5px solid #930;
  text-align: center;
}

.gallery td div.hidden, .gallery_title td div.hidden, .gallery_image td div.hidden {
  margin: 5px 0 5px 0;
  color: #630;
  background: #eee;
  border: 1px solid #fc0;
  border-left: 5px solid #fc0;
  border-right: 5px solid #fc0;
  text-align: center;
}

.igItem {
  margin: 10px;
  float: left;
}

.igItem a img {
  border: 2px solid #ccc;
}

.igItem a img:hover {
  border: 2px solid #fc0;
}

.ibgCaption {
  text-align: center;
}

.ibGallery {
  width: 100%;
  overflow: hidden;
}

.ibSlideshow, .ibImageArea {
  position: relative;
  overflow: hidden;
  background: #333;
  border: 2px solid #ccc;
}

.ibaResponsive img, .ibsResponsive img {
  width: 100%;
  height: auto;
}

.ibImageArea img, .ibImageArea a {
  display: block;
  margin: 0 auto;
}

.ibInfo, .ibExtInfo, .ibNameOnly {
  position: absolute;
  width: auto;
  padding: 0.5em 0.8em 0.5em 0.8em;
  height: 4.5em;
  overflow: hidden;
  background: rgba(0,0,0,0.65);
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  font-size: 10px;
  margin: -5.5em 0 0 0;
}

.ibName, .ibNameOnly {
  font-weight: bold;
}

.ibExtInfo {
  height: 5.5em;
  margin: -6.5em auto;
}

.ibNameOnly {
  width: 100%;
  height: 2em;
  margin: -2.5em auto;
}

.ibPager {
  opacity: 0.7;
  z-index: 50;
}

.ibPager a {
  text-indent: -9999px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 4px;
  margin: 3px;
  border: 1px solid #ccc;
  background: #999;
}

.ibPager a:hover {
  border: 1px solid #fff;
  background: #ccc;
}

.ibPager a.activeSlide {
  border: 1px solid #333;
  background: #f91;
}

#lightbox, #lightbox-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  z-index: 2000;
  width: 100%;
  height: auto;
  text-align: center;
  color: #333;
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  line-height: 0;
  text-decoration: none;
  background: none;
  word-spacing: normal;
  letter-spacing: normal;
  float: none;
  clear: none;
  display: block;
}

#lightbox-overlay {
  z-index: 1900;
  background: transparent;
  height: 100%;
}

#lightbox img, #lightbox a img, #lightbox a {
  border: none;
  outline: none;
}

#lightbox-imageBox {
  position: relative;
  border: 1px solid black;
  background-color: #000;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#lightbox-imageContainer {
  padding: 1px;
}

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/loader/load_snake.gif) no-repeat 50% 50%;
}

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  display: block;
  width: 49%;
  height: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/spacer.gif) no-repeat;
  padding: 0px;
  margin: 0px;
}

#lightbox-nav-btnPrev {
  left: 0;
  right: auto;
  float: left;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/prev.png) no-repeat -1000px 45%;
}

#lightbox-nav-btnNext {
  left: auto;
  right: 0;
  float: right;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/next.png) no-repeat -1000px 45%;
}

#lightbox-infoBox {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
}

#lightbox-infoContainer {
  padding: 5px 10px 5px 10px;
  color: #666;
  line-height: normal;
}

#lightbox-infoHeader {
  width: 100%;
  text-align: center;
}

#lightbox-caption {
  text-align: justify;
}

#lightbox-caption-title {
  font-weight: bold;
}

#lightbox-caption-description {
  font-weight: normal;
}

#lightbox-infoFooter {
  margin-top: 3px;
  color: #999;
}

#lightbox-currentNumber {
  display: block;
  width: 49%;
  float: left;
  text-align: left;
}

#lightbox-close {
  display: block;
  width: 45%;
  float: right;
  text-align: right;
}

#lightbox-close-button {
  padding-left: 30%;
}

#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
  text-decoration: underline;
  color: #999;
}

#lightbox-close-button:hover {
  color: #666;
}

#lightbox-infoContainer-clear {
  clear: both;
  visibility: hidden;
}

.dropzone,.dropzone *,.dropzone-previews,.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone .dz-preview,.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #aaa;
  padding: 6px 6px 6px 6px;
}

.dzWide {
  width: 95%;
  display: block;
  clear: both;
  overflow: hidden;
}

.dzWide .dz-details {
  float: right;
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dzExtraFieldsTemplate,.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}

.dzExtraFields {
  float: left;
  overflow: hidden;
}

.dropzone .dz-preview .dz-details,.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #eee;
  padding: 5px;
  margin-bottom: 22px;
}

.dropzone .dz-preview .dz-details .dz-filename,.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}

.dropzone .dz-preview .dz-details img,.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.dropzone .dz-preview .dz-details .dz-size,.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}

.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview:hover .dz-details img,.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}

.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}

.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark {
  color: #8c5;
}

.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark {
  color: #e12;
}

.dropzone .dz-preview .dz-progress,.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #ddd;
  display: none;
}

.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8c5;
}

.dropzone .dz-preview.dz-processing .dz-progress,.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}

.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}

.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}

.dropzone .dz-default.dz-message span {
  display: none;
}

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}

.dropzone .dz-preview,.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}

.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}

.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
}

.dropzone .dz-preview .dz-error-mark span,.dropzone-previews .dz-preview .dz-error-mark span,.dropzone .dz-preview .dz-success-mark span,.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}

.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}

.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}

.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload {
      background-image: url("../images/spritemap@2x.png");
      -webkit-background-size: 428px 406px;
      -moz-background-size: 428px 406px;
      background-size: 428px 406px;
  }
}

.dropzone .dz-preview.dz-success .dz-progress,.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone a.dz-remove,.dropzone-previews a.dz-remove {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
  background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%);
  background-image: linear-gradient(top, #fafafa 0, #eee 100%);
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
  clear: both;
}

.dropzone a.dz-remove:hover,.dropzone-previews a.dz-remove:hover {
  color: #666;
}

@-moz-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@-webkit-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@-o-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@-ms-keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

@keyframes loading {
  0% {
      background-position: 0 -400px;
  }

  100% {
      background-position: -7px -400px;
  }
}

.documentLibrary {
  margin: 0 0 0 5px;
}

.documentLibrary h2 {
  border-bottom: 1px solid #666;
  background: #eee;
  padding: 2px 3px 2px 3px;
}

.documentLibrary a.title {
  font-size: 125%;
}

.libraryGroupingInfo {
  margin: 1em;
}

.contentManageBorder {
  border: 2px solid #006;
}

.manageContentSectionBorderTop {
  width: auto;
  border-top: 1px solid #369;
  padding-top: 5px;
}

.manageContentSectionBorderBottom {
  width: auto;
  border-bottom: 1px solid #369;
  padding-bottom: 5px;
}

div.manageContentBlock {
  width: auto;
}

.manageContentBlock hr {
  height: 1px;
  border: 0 none;
  margin: 0;
  clear: both;
}

.contentImageCaption {
  width: auto;
  padding-top: 0.4em;
  font-size: 80%;
  text-align: center;
  font-style: italic;
}

.xdePageAuthor {
  text-align: right;
  margin: 1em;
}

.xdePageAuthorBy {
  font-size: 80%;
}

div.mcSectionAdvanced, div.mcPageAdvanced {
  display: inline;
}

div.mcSectionHover {
  display: block;
  margin: -2px;
  border: 2px solid #eec;
  background: #ffe;
  cursor: pointer;
}

#formContentManagement fieldset {
  background: #dfdfdf;
  color: #000;
  border: 2px solid #ccc;
}

#formContentManagement fieldset legend {
  border: 2px solid #ccc;
  background: #eee;
  color: #000;
  font-weight: bold;
  padding: 0.2em;
}

.manageConetentFormSection {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  padding: 10px;
  margin: 10px 0 10px 0;
}

.manageConetentFormSection strong, .manageConetentFormSection h2, .manageConetentFormSection h3 {
  color: #000;
}

.manageContentFileList .jqToggleContainer {
  background: #ccc;
  border: 1px solid #999;
}

.manageContentFileList .jqToggleContainer img {
  vertical-align: text-bottom;
}

.manageContentFileList .jqContainer {
  background: #eee;
  padding: 0.5em 1em 1em 1em;
}

.sampleCode {
  border: 1px solid #ccc;
  background: #fff;
  padding: 0.2em 1em 0.2em 1em;
  width: 75%;
}

.mcNavItems {
  max-width: 800px;
  margin: 0 auto;
}

.mcNavItems li {
  margin: 1em 0 0 0;
  padding: 0.5em;
  background: #ddd;
  border: 2px solid #ccc;
  list-style: none;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}

.mcNavSubItems, .mcNavSubSubItems {
  background: #fff;
  border-radius: 15px;
  padding: 0.5em 0.5em 0.5em 2em;
  -webkit-border-radius: 15px;
}

.mcNavSubSubItems {
  background: #efefef;
}

.mcNavSubItems li,.mcNavSubSubItems li {
  padding: 0.2em;
  border: 0 none;
  margin: 0;
  background: transparent;
}

.mcnLocked {
  background: #f5c69a !important;
}

.mcnSubLocked {
  background: #fadec5 !important;
}

.mcnPublished,.mcnHidden:hover {
  opacity: 1.0;
}

.mcnHidden {
  opacity: 0.5;
}

.cmsHidden {
  opacity: 0.7;
  background: #ccc;
}

.cmsHidden .cmsPublish {
  background: #933;
  color: #fff;
  font-weight: bold;
}

.cmsHidden .cmsPublish option {
  background: #fff;
  color: #000;
  font-weight: bold;
}

#pop_menu_container {
  z-index: 10;
  position: relative;
  width: 760px;
  height: 0;
}

a.jqMobileMenu {
  -webkit-user-select: none!important;
  -webkit-touch-callout: none !important;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ppParentMenu {
  margin: 0;
  padding: 0;
}

.ppMenuBox {
  position: absolute;
  display: none;
  z-index: 220;
}

.popmenu {
  border: 2px #333 solid;
  background: #ddd;
  color: #000;
  font-size: 10px;
  font-family: sans-serif;
  width: 155px;
  position: relative;
  box-shadow: 4px 4px 12px rgba(50,50,50,0.5);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 4px 4px 12px rgba(50,50,50,0.5);
}

.menutitle {
  background: #336;
  color: #fff;
  font-weight: bold;
  padding: 2px;
  width: auto;
}

.menuDivision {
  margin-top: 0.5em;
  font-weight: normal;
}

.menuSection {
  position: relative;
  width: 45%;
  margin-left: 2%;
  float: left;
}

.menuHeader, .menuFooter {
  padding: 0.2em 0.5em;
  width: auto;
  font-style: italic;
  background: rgba(50,50,50,0.1);
}

.menucontent {
  padding: 3px 0 3px 0;
  width: auto;
  overflow: hidden;
}

.menucontent strong {
  margin: 3px 0 1px 2px;
  display: block;
  border-top: 1px solid #333;
}

.menucontent ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}

.menucontent li {
  margin: 0;
  padding: 1px 0 1px 0;
  display: block;
  width: auto;
  text-align: left;
}

.menucontent li a:link, .menucontent li a:visited, .menucontent li a:hover, .menucontent li a:active {
  display: block;
  width: 95%;
  width: auto;
  line-height: 1.4em;
  text-decoration: none;
  background: transparent;
  color: #333;
  padding: 0 1px 0 10px;
}

.menucontent li a:hover, .menucontent li a:active {
  background: #fc6;
  color: #000;
  margin: -1px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: inset 0 5px 3px rgba(255,255,255,0.2),inset 0 -7px 3px rgba(50,50,50,0.2);
}

.xdeAccordionNav .jqaContent ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1em;
  width: auto;
}

.xdeAccordionNav .ui-accordion-content {
  padding: 0.3em 0.5em 0.3em 0.8em;
}

.contentSnipCategory {
  margin: 1em;
  padding: 1em;
  background: #eef;
  border-radius: 15px;
}

.snipHeader {
  font-size: 110%;
  margin: 0 0 1em 0;
}

.snipFooter {
  font-size: 90%;
  margin: 1em 0 0 0;
}

.csSlideshow {
  width: 600px;
  height: 400px;
  margin: 1em auto;
}

.csSlideshow .contentSnippit {
  display: none;
}

.ppSprite, .niSelect {
  display: block;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
}

.niSize24 .ppSprite {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/navicons24.png);
  width: 24px;
  height: 24px;
}

.niSize32 .ppSprite {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/navicons32.png);
  width: 32px;
  height: 32px;
}

.niSize64 .ppSprite {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/navicons64.png);
  width: 64px;
  height: 64px;
}

.navIcon {
  vertical-align: middle;
  padding: 2px;
}

#navSampleIcon, .niSelect {
  background: #009;
  color: #eee;
  cursor: pointer;
}

#navSampleIcon:hover, .niSelect:hover {
  background: #006;
  box-shadow: inset 0 0 10px #ddf;
  color: #fff;
}

.niSelect {
  margin: 0.2em;
}

.niSize24 {
  height: 24px;
  line-height: 24px;
}

.niSize32 {
  height: 32px;
  line-height: 32px;
}

.niSize64 {
  height: 64px;
  line-height: 64px;
}

.navOnlyIcon {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.navOnlyIcon .ppSprite {
  margin: 0;
}

.navIcon .ppSprite {
  opacity: 0.8;
}

.navIcon:hover .ppSprite {
  opacity: 1;
}

.niSize24.navOnlyIcon {
  width: 24px;
}

.niSize32.navOnlyIcon {
  width: 32px;
}

.niSize64.navOnlyIcon {
  width: 64px;
}

.ppSprite1x1 {
  background-position: 0 0;
}

.niSize24 .ppSprite2x1 {
  background-position: -24px 0;
}

.niSize24 .ppSprite3x1 {
  background-position: -48px 0;
}

.niSize24 .ppSprite4x1 {
  background-position: -72px 0;
}

.niSize24 .ppSprite5x1 {
  background-position: -96px 0;
}

.niSize24 .ppSprite6x1 {
  background-position: -120px 0;
}

.niSize24 .ppSprite7x1 {
  background-position: -144px 0;
}

.niSize24 .ppSprite8x1 {
  background-position: -168px 0;
}

.niSize24 .ppSprite9x1 {
  background-position: -192px 0;
}

.niSize24 .ppSprite10x1 {
  background-position: -216px 0;
}

.niSize24 .ppSprite1x2 {
  background-position: 0 -24px;
}

.niSize24 .ppSprite2x2 {
  background-position: -24px -24px;
}

.niSize24 .ppSprite3x2 {
  background-position: -48px -24px;
}

.niSize24 .ppSprite4x2 {
  background-position: -72px -24px;
}

.niSize24 .ppSprite5x2 {
  background-position: -96px -24px;
}

.niSize24 .ppSprite6x2 {
  background-position: -120px -24px;
}

.niSize24 .ppSprite7x2 {
  background-position: -144px -24px;
}

.niSize24 .ppSprite8x2 {
  background-position: -168px -24px;
}

.niSize24 .ppSprite9x2 {
  background-position: -192px -24px;
}

.niSize24 .ppSprite10x2 {
  background-position: -216px -24px;
}

.niSize24 .ppSprite1x3 {
  background-position: 0 -48px;
}

.niSize24 .ppSprite2x3 {
  background-position: -24px -48px;
}

.niSize24 .ppSprite3x3 {
  background-position: -48px -48px;
}

.niSize24 .ppSprite4x3 {
  background-position: -72px -48px;
}

.niSize24 .ppSprite5x3 {
  background-position: -96px -48px;
}

.niSize24 .ppSprite6x3 {
  background-position: -120px -48px;
}

.niSize24 .ppSprite7x3 {
  background-position: -144px -48px;
}

.niSize24 .ppSprite8x3 {
  background-position: -168px -48px;
}

.niSize24 .ppSprite9x3 {
  background-position: -192px -48px;
}

.niSize24 .ppSprite10x3 {
  background-position: -216px -48px;
}

.niSize24 .ppSprite1x4 {
  background-position: 0 -72px;
}

.niSize24 .ppSprite2x4 {
  background-position: -24px -72px;
}

.niSize24 .ppSprite3x4 {
  background-position: -48px -72px;
}

.niSize24 .ppSprite4x4 {
  background-position: -72px -72px;
}

.niSize24 .ppSprite5x4 {
  background-position: -96px -72px;
}

.niSize24 .ppSprite6x4 {
  background-position: -120px -72px;
}

.niSize24 .ppSprite7x4 {
  background-position: -144px -72px;
}

.niSize24 .ppSprite8x4 {
  background-position: -168px -72px;
}

.niSize24 .ppSprite9x4 {
  background-position: -192px -72px;
}

.niSize24 .ppSprite10x4 {
  background-position: -216px -72px;
}

.niSize24 .ppSprite1x5 {
  background-position: 0 -96px;
}

.niSize24 .ppSprite2x5 {
  background-position: -24px -96px;
}

.niSize24 .ppSprite3x5 {
  background-position: -48px -96px;
}

.niSize24 .ppSprite4x5 {
  background-position: -72px -96px;
}

.niSize24 .ppSprite5x5 {
  background-position: -96px -96px;
}

.niSize24 .ppSprite6x5 {
  background-position: -120px -96px;
}

.niSize24 .ppSprite7x5 {
  background-position: -144px -96px;
}

.niSize24 .ppSprite8x5 {
  background-position: -168px -96px;
}

.niSize24 .ppSprite9x5 {
  background-position: -192px -96px;
}

.niSize24 .ppSprite10x5 {
  background-position: -216px -96px;
}

.niSize24 .ppSprite1x6 {
  background-position: 0 -120px;
}

.niSize24 .ppSprite2x6 {
  background-position: -24px -120px;
}

.niSize24 .ppSprite3x6 {
  background-position: -48px -120px;
}

.niSize24 .ppSprite4x6 {
  background-position: -72px -120px;
}

.niSize24 .ppSprite5x6 {
  background-position: -96px -120px;
}

.niSize24 .ppSprite6x6 {
  background-position: -120px -120px;
}

.niSize24 .ppSprite7x6 {
  background-position: -144px -120px;
}

.niSize24 .ppSprite8x6 {
  background-position: -168px -120px;
}

.niSize24 .ppSprite9x6 {
  background-position: -192px -120px;
}

.niSize24 .ppSprite10x6 {
  background-position: -216px -120px;
}

.niSize24 .ppSprite1x7 {
  background-position: 0 -144px;
}

.niSize24 .ppSprite2x7 {
  background-position: -24px -144px;
}

.niSize24 .ppSprite3x7 {
  background-position: -48px -144px;
}

.niSize24 .ppSprite4x7 {
  background-position: -72px -144px;
}

.niSize24 .ppSprite5x7 {
  background-position: -96px -144px;
}

.niSize24 .ppSprite6x7 {
  background-position: -120px -144px;
}

.niSize24 .ppSprite7x7 {
  background-position: -144px -144px;
}

.niSize24 .ppSprite8x7 {
  background-position: -168px -144px;
}

.niSize24 .ppSprite9x7 {
  background-position: -192px -144px;
}

.niSize24 .ppSprite10x7 {
  background-position: -216px -144px;
}

.niSize24 .ppSprite1x8 {
  background-position: 0 -168px;
}

.niSize24 .ppSprite2x8 {
  background-position: -24px -168px;
}

.niSize24 .ppSprite3x8 {
  background-position: -48px -168px;
}

.niSize24 .ppSprite4x8 {
  background-position: -72px -168px;
}

.niSize24 .ppSprite5x8 {
  background-position: -96px -168px;
}

.niSize24 .ppSprite6x8 {
  background-position: -120px -168px;
}

.niSize24 .ppSprite7x8 {
  background-position: -144px -168px;
}

.niSize24 .ppSprite8x8 {
  background-position: -168px -168px;
}

.niSize24 .ppSprite9x8 {
  background-position: -192px -168px;
}

.niSize24 .ppSprite10x8 {
  background-position: -216px -168px;
}

.niSize24 .ppSprite1x9 {
  background-position: 0 -192px;
}

.niSize24 .ppSprite2x9 {
  background-position: -24px -192px;
}

.niSize24 .ppSprite3x9 {
  background-position: -48px -192px;
}

.niSize24 .ppSprite4x9 {
  background-position: -72px -192px;
}

.niSize24 .ppSprite5x9 {
  background-position: -96px -192px;
}

.niSize24 .ppSprite6x9 {
  background-position: -120px -192px;
}

.niSize24 .ppSprite7x9 {
  background-position: -144px -192px;
}

.niSize24 .ppSprite8x9 {
  background-position: -168px -192px;
}

.niSize24 .ppSprite9x9 {
  background-position: -192px -192px;
}

.niSize24 .ppSprite10x9 {
  background-position: -216px -192px;
}

.niSize24 .ppSprite1x10 {
  background-position: 0 -216px;
}

.niSize24 .ppSprite2x10 {
  background-position: -24px -216px;
}

.niSize24 .ppSprite3x10 {
  background-position: -48px -216px;
}

.niSize24 .ppSprite4x10 {
  background-position: -72px -216px;
}

.niSize24 .ppSprite5x10 {
  background-position: -96px -216px;
}

.niSize24 .ppSprite6x10 {
  background-position: -120px -216px;
}

.niSize24 .ppSprite7x10 {
  background-position: -144px -216px;
}

.niSize24 .ppSprite8x10 {
  background-position: -168px -216px;
}

.niSize24 .ppSprite9x10 {
  background-position: -192px -216px;
}

.niSize24 .ppSprite10x10 {
  background-position: -216px -216px;
}

.niSize32 .ppSprite2x1 {
  background-position: -32px 0;
}

.niSize32 .ppSprite3x1 {
  background-position: -64px 0;
}

.niSize32 .ppSprite4x1 {
  background-position: -96px 0;
}

.niSize32 .ppSprite5x1 {
  background-position: -128px 0;
}

.niSize32 .ppSprite6x1 {
  background-position: -160px 0;
}

.niSize32 .ppSprite7x1 {
  background-position: -192px 0;
}

.niSize32 .ppSprite8x1 {
  background-position: -224px 0;
}

.niSize32 .ppSprite9x1 {
  background-position: -256px 0;
}

.niSize32 .ppSprite10x1 {
  background-position: -288px 0;
}

.niSize32 .ppSprite1x2 {
  background-position: 0 -32px;
}

.niSize32 .ppSprite2x2 {
  background-position: -32px -32px;
}

.niSize32 .ppSprite3x2 {
  background-position: -64px -32px;
}

.niSize32 .ppSprite4x2 {
  background-position: -96px -32px;
}

.niSize32 .ppSprite5x2 {
  background-position: -128px -32px;
}

.niSize32 .ppSprite6x2 {
  background-position: -160px -32px;
}

.niSize32 .ppSprite7x2 {
  background-position: -192px -32px;
}

.niSize32 .ppSprite8x2 {
  background-position: -224px -32px;
}

.niSize32 .ppSprite9x2 {
  background-position: -256px -32px;
}

.niSize32 .ppSprite10x2 {
  background-position: -288px -32px;
}

.niSize32 .ppSprite1x3 {
  background-position: 0 -64px;
}

.niSize32 .ppSprite2x3 {
  background-position: -32px -64px;
}

.niSize32 .ppSprite3x3 {
  background-position: -64px -64px;
}

.niSize32 .ppSprite4x3 {
  background-position: -96px -64px;
}

.niSize32 .ppSprite5x3 {
  background-position: -128px -64px;
}

.niSize32 .ppSprite6x3 {
  background-position: -160px -64px;
}

.niSize32 .ppSprite7x3 {
  background-position: -192px -64px;
}

.niSize32 .ppSprite8x3 {
  background-position: -224px -64px;
}

.niSize32 .ppSprite9x3 {
  background-position: -256px -64px;
}

.niSize32 .ppSprite10x3 {
  background-position: -288px -64px;
}

.niSize32 .ppSprite1x4 {
  background-position: 0 -96px;
}

.niSize32 .ppSprite2x4 {
  background-position: -32px -96px;
}

.niSize32 .ppSprite3x4 {
  background-position: -64px -96px;
}

.niSize32 .ppSprite4x4 {
  background-position: -96px -96px;
}

.niSize32 .ppSprite5x4 {
  background-position: -128px -96px;
}

.niSize32 .ppSprite6x4 {
  background-position: -160px -96px;
}

.niSize32 .ppSprite7x4 {
  background-position: -192px -96px;
}

.niSize32 .ppSprite8x4 {
  background-position: -224px -96px;
}

.niSize32 .ppSprite9x4 {
  background-position: -256px -96px;
}

.niSize32 .ppSprite10x4 {
  background-position: -288px -96px;
}

.niSize32 .ppSprite1x5 {
  background-position: 0 -128px;
}

.niSize32 .ppSprite2x5 {
  background-position: -32px -128px;
}

.niSize32 .ppSprite3x5 {
  background-position: -64px -128px;
}

.niSize32 .ppSprite4x5 {
  background-position: -96px -128px;
}

.niSize32 .ppSprite5x5 {
  background-position: -128px -128px;
}

.niSize32 .ppSprite6x5 {
  background-position: -160px -128px;
}

.niSize32 .ppSprite7x5 {
  background-position: -192px -128px;
}

.niSize32 .ppSprite8x5 {
  background-position: -224px -128px;
}

.niSize32 .ppSprite9x5 {
  background-position: -256px -128px;
}

.niSize32 .ppSprite10x5 {
  background-position: -288px -128px;
}

.niSize32 .ppSprite1x6 {
  background-position: 0 -160px;
}

.niSize32 .ppSprite2x6 {
  background-position: -32px -160px;
}

.niSize32 .ppSprite3x6 {
  background-position: -64px -160px;
}

.niSize32 .ppSprite4x6 {
  background-position: -96px -160px;
}

.niSize32 .ppSprite5x6 {
  background-position: -128px -160px;
}

.niSize32 .ppSprite6x6 {
  background-position: -160px -160px;
}

.niSize32 .ppSprite7x6 {
  background-position: -192px -160px;
}

.niSize32 .ppSprite8x6 {
  background-position: -224px -160px;
}

.niSize32 .ppSprite9x6 {
  background-position: -256px -160px;
}

.niSize32 .ppSprite10x6 {
  background-position: -288px -160px;
}

.niSize32 .ppSprite1x7 {
  background-position: 0 -192px;
}

.niSize32 .ppSprite2x7 {
  background-position: -32px -192px;
}

.niSize32 .ppSprite3x7 {
  background-position: -64px -192px;
}

.niSize32 .ppSprite4x7 {
  background-position: -96px -192px;
}

.niSize32 .ppSprite5x7 {
  background-position: -128px -192px;
}

.niSize32 .ppSprite6x7 {
  background-position: -160px -192px;
}

.niSize32 .ppSprite7x7 {
  background-position: -192px -192px;
}

.niSize32 .ppSprite8x7 {
  background-position: -224px -192px;
}

.niSize32 .ppSprite9x7 {
  background-position: -256px -192px;
}

.niSize32 .ppSprite10x7 {
  background-position: -288px -192px;
}

.niSize32 .ppSprite1x8 {
  background-position: 0 -224px;
}

.niSize32 .ppSprite2x8 {
  background-position: -32px -224px;
}

.niSize32 .ppSprite3x8 {
  background-position: -64px -224px;
}

.niSize32 .ppSprite4x8 {
  background-position: -96px -224px;
}

.niSize32 .ppSprite5x8 {
  background-position: -128px -224px;
}

.niSize32 .ppSprite6x8 {
  background-position: -160px -224px;
}

.niSize32 .ppSprite7x8 {
  background-position: -192px -224px;
}

.niSize32 .ppSprite8x8 {
  background-position: -224px -224px;
}

.niSize32 .ppSprite9x8 {
  background-position: -256px -224px;
}

.niSize32 .ppSprite10x8 {
  background-position: -288px -224px;
}

.niSize32 .ppSprite1x9 {
  background-position: 0 -256px;
}

.niSize32 .ppSprite2x9 {
  background-position: -32px -256px;
}

.niSize32 .ppSprite3x9 {
  background-position: -64px -256px;
}

.niSize32 .ppSprite4x9 {
  background-position: -96px -256px;
}

.niSize32 .ppSprite5x9 {
  background-position: -128px -256px;
}

.niSize32 .ppSprite6x9 {
  background-position: -160px -256px;
}

.niSize32 .ppSprite7x9 {
  background-position: -192px -256px;
}

.niSize32 .ppSprite8x9 {
  background-position: -224px -256px;
}

.niSize32 .ppSprite9x9 {
  background-position: -256px -256px;
}

.niSize32 .ppSprite10x9 {
  background-position: -288px -256px;
}

.niSize32 .ppSprite1x10 {
  background-position: 0 -288px;
}

.niSize32 .ppSprite2x10 {
  background-position: -32px -288px;
}

.niSize32 .ppSprite3x10 {
  background-position: -64px -288px;
}

.niSize32 .ppSprite4x10 {
  background-position: -96px -288px;
}

.niSize32 .ppSprite5x10 {
  background-position: -128px -288px;
}

.niSize32 .ppSprite6x10 {
  background-position: -160px -288px;
}

.niSize32 .ppSprite7x10 {
  background-position: -192px -288px;
}

.niSize32 .ppSprite8x10 {
  background-position: -224px -288px;
}

.niSize32 .ppSprite9x10 {
  background-position: -256px -288px;
}

.niSize32 .ppSprite10x10 {
  background-position: -288px -288px;
}

.niSize64 .ppSprite2x1 {
  background-position: -64px 0;
}

.niSize64 .ppSprite3x1 {
  background-position: -128px 0;
}

.niSize64 .ppSprite4x1 {
  background-position: -192px 0;
}

.niSize64 .ppSprite5x1 {
  background-position: -265px 0;
}

.niSize64 .ppSprite6x1 {
  background-position: -320px 0;
}

.niSize64 .ppSprite7x1 {
  background-position: -384px 0;
}

.niSize64 .ppSprite8x1 {
  background-position: -448px 0;
}

.niSize64 .ppSprite9x1 {
  background-position: -512px 0;
}

.niSize64 .ppSprite10x1 {
  background-position: -576px 0;
}

.niSize64 .ppSprite1x2 {
  background-position: 0 -64px;
}

.niSize64 .ppSprite2x2 {
  background-position: -64px -64px;
}

.niSize64 .ppSprite3x2 {
  background-position: -128px -64px;
}

.niSize64 .ppSprite4x2 {
  background-position: -192px -64px;
}

.niSize64 .ppSprite5x2 {
  background-position: -265px -64px;
}

.niSize64 .ppSprite6x2 {
  background-position: -320px -64px;
}

.niSize64 .ppSprite7x2 {
  background-position: -384px -64px;
}

.niSize64 .ppSprite8x2 {
  background-position: -448px -64px;
}

.niSize64 .ppSprite9x2 {
  background-position: -512px -64px;
}

.niSize64 .ppSprite10x2 {
  background-position: -576px -64px;
}

.niSize64 .ppSprite1x3 {
  background-position: 0 -128px;
}

.niSize64 .ppSprite2x3 {
  background-position: -64px -128px;
}

.niSize64 .ppSprite3x3 {
  background-position: -128px -128px;
}

.niSize64 .ppSprite4x3 {
  background-position: -192px -128px;
}

.niSize64 .ppSprite5x3 {
  background-position: -265px -128px;
}

.niSize64 .ppSprite6x3 {
  background-position: -320px -128px;
}

.niSize64 .ppSprite7x3 {
  background-position: -384px -128px;
}

.niSize64 .ppSprite8x3 {
  background-position: -448px -128px;
}

.niSize64 .ppSprite9x3 {
  background-position: -512px -128px;
}

.niSize64 .ppSprite10x3 {
  background-position: -576px -128px;
}

.niSize64 .ppSprite1x4 {
  background-position: 0 -192px;
}

.niSize64 .ppSprite2x4 {
  background-position: -64px -192px;
}

.niSize64 .ppSprite3x4 {
  background-position: -128px -192px;
}

.niSize64 .ppSprite4x4 {
  background-position: -192px -192px;
}

.niSize64 .ppSprite5x4 {
  background-position: -265px -192px;
}

.niSize64 .ppSprite6x4 {
  background-position: -320px -192px;
}

.niSize64 .ppSprite7x4 {
  background-position: -384px -192px;
}

.niSize64 .ppSprite8x4 {
  background-position: -448px -192px;
}

.niSize64 .ppSprite9x4 {
  background-position: -512px -192px;
}

.niSize64 .ppSprite10x4 {
  background-position: -576px -192px;
}

.niSize64 .ppSprite1x5 {
  background-position: 0 -265px;
}

.niSize64 .ppSprite2x5 {
  background-position: -64px -265px;
}

.niSize64 .ppSprite3x5 {
  background-position: -128px -265px;
}

.niSize64 .ppSprite4x5 {
  background-position: -192px -265px;
}

.niSize64 .ppSprite5x5 {
  background-position: -265px -265px;
}

.niSize64 .ppSprite6x5 {
  background-position: -320px -265px;
}

.niSize64 .ppSprite7x5 {
  background-position: -384px -265px;
}

.niSize64 .ppSprite8x5 {
  background-position: -448px -265px;
}

.niSize64 .ppSprite9x5 {
  background-position: -512px -265px;
}

.niSize64 .ppSprite10x5 {
  background-position: -576px -265px;
}

.niSize64 .ppSprite1x6 {
  background-position: 0 -320px;
}

.niSize64 .ppSprite2x6 {
  background-position: -64px -320px;
}

.niSize64 .ppSprite3x6 {
  background-position: -128px -320px;
}

.niSize64 .ppSprite4x6 {
  background-position: -192px -320px;
}

.niSize64 .ppSprite5x6 {
  background-position: -265px -320px;
}

.niSize64 .ppSprite6x6 {
  background-position: -320px -320px;
}

.niSize64 .ppSprite7x6 {
  background-position: -384px -320px;
}

.niSize64 .ppSprite8x6 {
  background-position: -448px -320px;
}

.niSize64 .ppSprite9x6 {
  background-position: -512px -320px;
}

.niSize64 .ppSprite10x6 {
  background-position: -576px -320px;
}

.niSize64 .ppSprite1x7 {
  background-position: 0 -384px;
}

.niSize64 .ppSprite2x7 {
  background-position: -64px -384px;
}

.niSize64 .ppSprite3x7 {
  background-position: -128px -384px;
}

.niSize64 .ppSprite4x7 {
  background-position: -192px -384px;
}

.niSize64 .ppSprite5x7 {
  background-position: -265px -384px;
}

.niSize64 .ppSprite6x7 {
  background-position: -320px -384px;
}

.niSize64 .ppSprite7x7 {
  background-position: -384px -384px;
}

.niSize64 .ppSprite8x7 {
  background-position: -448px -384px;
}

.niSize64 .ppSprite9x7 {
  background-position: -512px -384px;
}

.niSize64 .ppSprite10x7 {
  background-position: -576px -384px;
}

.niSize64 .ppSprite1x8 {
  background-position: 0 -448px;
}

.niSize64 .ppSprite2x8 {
  background-position: -64px -448px;
}

.niSize64 .ppSprite3x8 {
  background-position: -128px -448px;
}

.niSize64 .ppSprite4x8 {
  background-position: -192px -448px;
}

.niSize64 .ppSprite5x8 {
  background-position: -265px -448px;
}

.niSize64 .ppSprite6x8 {
  background-position: -320px -448px;
}

.niSize64 .ppSprite7x8 {
  background-position: -384px -448px;
}

.niSize64 .ppSprite8x8 {
  background-position: -448px -448px;
}

.niSize64 .ppSprite9x8 {
  background-position: -512px -448px;
}

.niSize64 .ppSprite10x8 {
  background-position: -576px -448px;
}

.niSize64 .ppSprite1x9 {
  background-position: 0 -512px;
}

.niSize64 .ppSprite2x9 {
  background-position: -64px -512px;
}

.niSize64 .ppSprite3x9 {
  background-position: -128px -512px;
}

.niSize64 .ppSprite4x9 {
  background-position: -192px -512px;
}

.niSize64 .ppSprite5x9 {
  background-position: -265px -512px;
}

.niSize64 .ppSprite6x9 {
  background-position: -320px -512px;
}

.niSize64 .ppSprite7x9 {
  background-position: -384px -512px;
}

.niSize64 .ppSprite8x9 {
  background-position: -448px -512px;
}

.niSize64 .ppSprite9x9 {
  background-position: -512px -512px;
}

.niSize64 .ppSprite10x9 {
  background-position: -576px -512px;
}

.niSize64 .ppSprite1x10 {
  background-position: 0 -576px;
}

.niSize64 .ppSprite2x10 {
  background-position: -64px -576px;
}

.niSize64 .ppSprite3x10 {
  background-position: -128px -576px;
}

.niSize64 .ppSprite4x10 {
  background-position: -192px -576px;
}

.niSize64 .ppSprite5x10 {
  background-position: -265px -576px;
}

.niSize64 .ppSprite6x10 {
  background-position: -320px -576px;
}

.niSize64 .ppSprite7x10 {
  background-position: -384px -576px;
}

.niSize64 .ppSprite8x10 {
  background-position: -448px -576px;
}

.niSize64 .ppSprite9x10 {
  background-position: -512px -576px;
}

.niSize64 .ppSprite10x10 {
  background-position: -576px -576px;
}

table.newsItem {
  border: 1px solid #eee;
  margin: 0 0 10px 0;
}

table.recentNewsItem {
  font-size: x-small;
}

.newsItem th {
  text-align: left;
  font-size: 95%;
  color: #fff;
  background: #036;
  padding: 2px 2px 3px 5px;
}

h3.newsCategoryTitle {
  padding: 0 5px 0 0;
  margin: 1px;
  font-size: 75%;
  text-align: right;
  font-weight: bold;
}

.newsItem td .newsItemDate {
  text-align: right;
  font-size: xx-small;
  padding: 1px 0 0 5px;
}

div.recentNewsItemDate {
  font-size: xx-small;
  text-align: right;
}

.newsItem td {
  padding: 5px;
}

.newsItem td.details {
  padding: 2px 2px 10px 10px;
  font-size: x-small;
}

h3.newsCategoryDescription {
  text-align: left;
  padding: 0 0 20px 30px;
  margin: 0;
  font-size: 10pt;
  font-weight: 100;
  color: #333;
  background: transparent;
}

.newsImage {
  width: auto;
}

.niCaption {
  margin-top: 0.5em;
  font-size: 80%;
  text-align: center;
  font-style: italic;
}

.newsImage img {
  width: 100%;
  height: auto;
}

.nileft, .niright {
  width: 25%;
}

.nileft {
  float: left;
  margin: 0.5em 1em 0 0;
}

.niright {
  float: right;
  clear: right;
  margin: 0.5em 0 0 1em;
}

.nitop-C {
  margin: 0.5em auto 2em auto;
}

.nibottom-C {
  margin: 2em auto 0.5em auto;
}

img.newsImage, img.recentNewsImage {
  border: 1px solid #006;
}

.newsAdminNote {
  font-weight: bold;
  color: #600;
  background: #fdd;
  margin: 0 0 0 5px;
  padding: 0 5px 0 5px;
  cursor: help;
  border: 1px solid #900;
}

.newsAdminInfo {
  color: #555;
  font-weight: normal;
  background: #fff;
  margin: 0 0 0 5px;
  padding: 0 1px 0 1px;
  cursor: help;
  border: 1px solid #dde;
  font-style: italic;
}

.newsArticleSpecs {
  float: right;
  margin: -2em -1.5em 1em 1em;
  padding: 10px;
  width: 15em;
  background: #fff;
}

.newsDateOnly {
  display: none;
}

@media all and (max-width: 800px) {
  .newsArticleSpecs {
      display: none;
  }

  .newsDateOnly {
      display: block;
      float: right;
      border-radius: 4px;
      padding: 2px 4px;
      margin: -2em 0 0.2em 1em;
  }

  .newsSectionBox h1 {
      clear: right;
  }
}

.newsArticleSpecs, .newsMoreImages, .newsSectionBox {
  border-radius: 5px;
}

.newsItemList, .newsSectionBox {
  margin: 1em auto;
  max-width: 1024px;
  min-width: 300px;
}

.newsItemList .ibFloat {
  margin: 1%;
  width: 23%;
  height: 2.4em;
  overflow: hidden;
  font-size: 85%;
}

@media all and (max-width: 900px) {
  .newsItemList .ibFloat {
      margin: 1%;
      width: 31%;
  }
}

@media all and (max-width: 700px) {
  .newsItemList .ibFloat {
      margin: 1%;
      width: 48%;
  }
}

@media all and (max-width: 400px) {
  .newsItemList .ibFloat {
      margin: 1%;
      width: 98%;
      height: auto;
  }
}

.newsArticleSpecs .languageCode {
  clear: both;
  float: right;
}

.newsSectionBox {
  background: #eef;
  color: #335;
  padding: 1em;
}

.newsBlogEntry {
  margin: 1.5em 1em 1.5em 1em;
  border: 2px solid #99f;
  padding: 1em;
}

.newsArticleSpecs ul, .newsArticleSpecs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto;
}

.newsArticleSpecs ul {
  margin: 0.5em 0 0 0.2em;
  width: auto;
}

.newsQStats {
  margin: 0 0 0.5em 0;
  width: auto;
  padding-left: 1em;
}

div.newsArticle {
  padding: 20px;
}

.newsArticle h1 {
  margin: 0 0 0.8em 0;
  padding: 0;
  text-align: left;
  font-size: 160%;
  font-weight: bold;
}

.newsArticle h1 a {
  color: #333;
}

.newsArticle h4 {
  float: none;
  clear: none;
  text-align: left;
  text-decoration: none;
  padding: 0;
  margin: -0.8em 0 0.5em 0;
  font-size: 110%;
}

.newsMoreImages h2, .newsComments .ppcTitle {
  font-size: 1.1rem;
  font-weight: bold;
  color: #335;
  background: #eef;
  border-color: #dde;
  box-shadow: 0 10px 30px -10px rgba(0,0,102,0.2) inset;
  margin-top: -1.2rem;
  width: 15rem;
  text-align: center;
}

.newsSectionBox hr {
  clear: both;
  visibility: hidden;
  height: 1px;
  border: 0 none;
}

div.newsImageItem {
  border: 1px solid #99f;
  float: left;
  margin: 0.5em;
  width: 160px;
  height: 200px;
  background: #ccc;
  color: #333;
  overflow: hidden;
}

.newsImageItem img {
  border: 1px solid #006;
  margin: 5px;
}

.newsShare {
  max-width: 500px;
}

.newsShare .xdeSocialPromoteStrip {
  margin: 5px 0 15px 20px;
}

.newsShare .xdeSharingStrip {
  margin-top: 5px;
}

.newsComments .XDeComments {
  width: auto;
  margin: 0;
}

.newsComments .ppComments {
  background: #fff;
  color: #333;
  margin: 1em;
}

div.quiz_description, div.quiz_instructions {
  font-size: 14px;
  margin: 5px 5px 5px 0;
}

div.quiz_question {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}

div.quiz_passmark {
  font-weight: bold;
  font-size: 12px;
  font-style: italic;
}

div.quiz_score {
  font-size: 18px;
  font-weight: bold;
}

div.quizScore {
}

div.quizScore div.stats {
}

div.quizScore div.time {
  font-size: 80%;
}

div.quizScore div.review {
  width: 30em;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border: 2px solid #ccc;
  background: #fc0;
  font-weight: bold;
  text-align: center;
}

div.quizScore div.score {
}

div.quizScore div.feedback {
  border: 2px solid #ccf;
  padding: 0.5em;
  font-style: italic;
}

div.quizQuestionEval {
  padding: 1em;
}

div.quizQuestionEvalHi {
  padding: 1em;
  border: 2px solid #ccc;
  background: #fcc;
}

div.quizQuestionEval div.evaluation, div.quizQuestionEvalHi div.evaluation {
  width: 30em;
  border: 2px solid #ccc;
  background: #eef;
  padding: 1em;
  margin-top: 0.5em;
}

div.quizQuestionEval div.score, div.quizQuestionEvalHi div.score {
  border: 2px solid #ccc;
  margin: 1em 1em 1em 0;
  padding: 0.5em;
  width: 5em;
  display: inline;
}

div.quizQuestionEval div.feedback, div.quizQuestionEvalHi div.feedback {
  margin: 1em 1em 0 1em;
}

div.quizQuestionMarker {
  border: 2px solid #ccc;
  padding: 0.2em;
  line-height: 0.8em;
  margin: 1em;
  width: 1em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: inline;
  width: 1.5em;
}

label.quizAnswer {
  margin-left: 1em;
  padding: 0;
  display: block;
  width: 75%;
}

label.quizSelectedAnswer, div.quizSelectedAnswer {
  border: 1px solid #aca;
  background: #dfd;
  padding: 0.2em;
  font-weight: bold;
}

div.quizSelectedAnswer {
  margin: 0.2em;
}

div.quizQuestionBlock {
  border: 2px solid #ccc;
  margin: 0.5em;
  padding: 0 0.5em 0.5em 0.5em;
}

div.quizScoreMessage {
  border: 3px solid #ccc;
  margin: 1em;
  padding: 0.5em;
}

div.quizAnswerKey {
  font-size: 200%;
  margin: 10mm;
  text-align: center;
  color: #600;
  page-break-after: always;
}

div.quiz_instructions {
  page-break-after: always;
}

div.quizPrintQuestion {
  page-break-inside: avoid;
  display: block;
}

.sarStatusFlag {
  float: right;
  width: 10em;
  padding: 0.2em 1em;
  border-radius: active 5px;
  box-shadow: 0 0 2px rgba(0,0,0.25);
}

.sarSelBox {
  height: 4em;
  overflow: hidden;
}

.sgBlock {
  min-width: 300px;
}

div.sarPersonnelTitle {
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0.2em;
  background: #ddd;
}

table.personStats td {
  font-size: 80%;
  text-align: center;
}

div.spsTitle {
  font-size: 130%;
  text-align: left;
}

div.sarPersonStat {
  font-size: 130%;
  font-weight: bold;
}

div.sarLogNotes {
  font-size: 85%;
}

.sarEqBox {
  width: 46%;
  margin: 1%;
  padding: 1%;
  background: #eee;
}

.sarAuthFlag {
  padding: 0.2em 1em;
  font-weight: bold;
  text-align: center;
  background: #ccf;
}

.sarAuthSignedTitle {
  background: #dfd;
}

.sarPrintImage img {
  margin: 1em auto;
  border: 2px solid #000;
  width: 100%;
}

.sarScreenImage {
  margin: 1em auto 1em auto;
  overflow: hidden;
}

.sarScreenImage a {
  display: block;
  float: left;
  width: 22%;
  margin: 1%;
}

.sarScreenImage img {
  width: 100%;
  height: auto;
  border: 2px solid #000;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.sarDashDate {
  float: right;
  text-align: right;
}

.sarDashboard h3 {
  margin-bottom: 0.2em;
}

#sarDashSearch {
  display: block;
  width: auto;
  margin: 0 0 0.5em 0;
}

.sarDashRed {
  background: #fbb;
}

.sarDashYellow {
  background: #ffc;
}

.sarDashBtnList {
  margin: 0.2em;
  padding: 0.2em;
  list-style: none;
}

.sarDashBtnList li {
  margin: 0.2em;
}

.sarDashBtnList li a {
  text-align: center;
  display: block;
  margin: 2px 2px 2px 0;
  padding: 0.1em 0.5em;
  color: #333;
  background: #eef;
  border: 1px solid #999;
  width: auto;
  box-shadow: 0 0 5px rgba(255,255,255,0.25),inset 0 -10px 10px -10px rgba(0,0,0,0.15);
}

.sarDashBtnList li a:hover {
  background: #ddf;
  color: #000;
  box-shadow: 0 0 5px rgba(0,0,0,0.25),inset 0 -10px 10px -10px rgba(150,150,0,0.25);
}

.sarAL0 {
  background: #f66;
}

.sarAL1 {
  background: #999;
}

.sarAL3 {
  background: #eee;
}

.sarAL5 {
  background: #aee;
}

.sarAL7 {
  background: #6ff;
}

.sarAL9 {
  background: #eae;
}

.sarAL11 {
  background: #f6f;
}

.sarAL13 {
  background: #aea;
}

.sarAL15 {
  background: #6f6;
}

.sarAL99 {
  background: #ff6;
}

.sarSafetyDates {
  float: right;
  clear: right;
  background: #eee;
  border: 2px solid #ccf;
  padding: 0.5em;
  margin: 1em 0 1em;
  border-radius: 0.25em;
}

.sarSafetyIssue {
  border: 2px solid #ccc;
  padding: 0.5em;
  border-radius: 0.25em;
}

.sarSafetyRec {
  border: 2px solid #090;
  padding: 0.5em;
  border-radius: 0.25em;
}

form.XDeSearch {
  display: inline;
}

div.pageSearch {
  padding: 0.5em;
  width: 80%;
  margin: 0.5em auto;
}

.pageSearch input, .pageSearch select {
  line-height: 32px;
  height: 32px;
  font-size: 20px;
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border: 0;
  vertical-align: middle;
}

.pageSearch input.query {
  width: 18em;
}

form.XDeSearch input.submit {
  display: inline;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/search32.png) no-repeat center bottom;
  height: 32px;
  width: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: middle;
}

table.searchReport td {
  text-align: right;
}

table.searchReport td.keyphrase {
  text-align: left;
}

table.searchReport td.nullResult {
  font-style: italic;
  color: #666;
}

#xdeSearchDialogResultArea {
  width: auto;
  height: 350px;
  overflow-y: scroll;
}

.xdeSearchBtn {
  width: 25px;
  line-height: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/search.png) no-repeat 50% 50%;
  display: block;
  text-indent: -9999px;
}

.moduleSearchBtn {
  background-image: url(https://ccgaca.s3.amazonaws.com/images/icons/searchg.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 5px !important;
  padding-left: 48px !important;
}

#bcSearchBtn {
  display: block;
  float: right;
  margin: 0 10px 0 10px;
  background-color: #8D8279;
  border-radius: 5px;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  width: 20px;
}

div.sitemapGroup {
  border: 2px solid #ccc;
  padding: 0.5em;
  margin-bottom: 1em;
}

div.sitemapGroup h2 {
}

div.sitemapIndex div.col1, div.sitemapIndex div.col2, div.sitemapIndex div.col3 {
  float: left;
  width: 30%;
  position: relative;
  border: 2px solid #ccc;
  margin: 0 1em 0 0;
}

div.sitemapIndex div.letter {
  border-top: 2px solid #eee;
  font-weight: bold;
  font-size: 120%;
  padding: 0.2em;
  color: #666;
  width: auto;
}

div.sitemapIndex ul {
  margin-top: -1.2em;
  list-style: none;
}

.xdeVideoFrame {
  border: 0;
  background: transparent;
  overflow: hidden;
  padding: 0;
}

.xdeInlineVideo {
  border: 0 none;
  background: transparent;
}

.xdeVideoPreviewImage {
  border: 2px solid #333;
}

.xdeVideoPlayBtn {
  position: absolute;
  z-index: 10;
  height: 64px;
  margin-top: 35px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.xdeVideoPlayBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.videoUploadForm {
  border: 0;
  padding: 0.5em;
  margin: 0.2em;
  width: auto;
}

.videoUploadForm div.noVideo {
  background: #ddd;
  color: #000;
  font-weight: normal;
  width: 216px;
  text-align: center;
  border: 1px solid #000;
  margin: 0.5em auto 0.5em auto;
}

.videoUploadForm img.preview {
  margin: 0.5em auto 0 auto;
  border: 1px solid #000;
}

.videoUploadForm label {
  color: #666;
  font-size: 75%;
  display: block;
  margin-top: 0.2em;
}

div.videoPlayer {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  top: 0;
  left: 0;
}

div.videoPlayer object {
  margin: 0;
  border: 0;
  padding: 0;
}

div.videoPlayerTitleBar {
  line-height: 110%;
  background: #666;
  border-bottom: 1px solid #ccc;
  width: auto;
  padding: 2px;
}

div.videoPlayerTitleBar div.vpTitle {
  font-weight: bold;
  font-size: 110%;
  margin: 0.2em;
}

div.videoPlayerTitleBar a.close {
  position: relative;
  float: right;
  border: 1px solid #ccc;
  color: #444;
  background: #aaa;
  text-align: right;
  margin: 0 0.2em 0 0;
  padding: 0 2px 0 3px;
}

.xdeVideoPlayerDialog {
  padding: 0px;
  background: #000;
  color: #fff;
}

.xdeVideoPlayerDialog .ui-dialog-content, .xdeVideoPlayerDialog .ui-widget-content {
  margin: 0 auto;
  padding: 0;
}

/*==== LOADER CSS =======================*/
#loaderNoticemain {
  position: absolute;
  top: 0;
  left: 50%;
  background: #eef url(https://ccga-ca.com/images/loader/loading.gif) 1em 50% no-repeat;
  padding: 0 10px 0 40px;
  width: 300px;
  line-height: 60px;
  height: 60px;
  margin: 250px 0 0 -150px;
  border: 2px solid #009;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  z-index: 999;
}

#loaderNoticesearch {
  position: absolute;
  top: 0;
  left: 50%;
  background: #eef url(https://ccga-ca.com/images/loader/loading.gif) 1em 50% no-repeat;
  padding: 0 10px 0 40px;
  width: 300px;
  line-height: 60px;
  height: 60px;
  margin: 250px 0 0 -150px;
  border: 2px solid #009;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  z-index: 999;
}

/*==== SITE CUSTOM CSS ==================*/
body {
  background: #0e153e url(https://ccgaca.s3.amazonaws.com/images/template/ocean.png) 0 0 repeat-x;
}

h1,h2,h3,h4,h5 {
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #282e74;
  text-align: left;
}

h1 {
  font-style: italic;
}

#ppPageTop {
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/waves.jpg) 50% 0 repeat-x;
}

#ppPageBase {
  width: 100%;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/marine.jpg) 50% 100% no-repeat;
}

#ppPageContent {
  color: #333;
  background: transparent;
  width: 960px;
  margin: 0 auto;
  box-shadow: 0 5px 10px rgba(0,0,0,0.75);
}

#ccgaLogo {
  display: block;
  position: absolute;
  z-index: 2;
  margin: 5px 0 0 10px;
}

@media print {
  #ppPageContent {
      box-shadow: none;
  }

  #ccgaLogo {
      display: none;
  }
}

#ppBanner {
  height: 195px;
  background: #fcfcfc;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#tagLine {
  position: absolute;
  z-index: 2;
  margin: 135px 0 0 10px;
  font-size: 26px;
  font-family: Helvetica, sans-serif;
  color: #282e74;
}

#tagLine2 {
  position: absolute;
  z-index: 2;
  margin: 170px 0 0 10px;
  width: 5970px;
  text-align: right;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  color: #000;
}

#ppContentArea {
  background: #fff;
  color: #333;
  min-height: 700px;
}

#ppMainContent {
  padding: 0 2em 3em 2em;
}

#ppFooter {
  width: 960px;
  height: 280px;
  margin: 0 auto;
}

#ppCopyright {
  margin: 230px 0 0 20px;
  position: absolute;
  width: 650px;
  font-size: 80%;
  color: #aac;
  padding: 5px 0 0 10px;
  border-top: 3px groove rgba(100,174,228,0.2);
}

#ppCopyright a {
  color: #aac;
}

#ccgaPennant {
  display: block;
  position: absolute;
  margin: 175px 0 0 760px;
}

.roundShadow {
  height: 22px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/template/shadow.png) no-repeat 50% 0;
}

#ppBannerImage {
  position: absolute;
  z-index: 2;
  width: 265px;
  height: 160px;
  margin: 15px 0 0 650px;
  border: 6px solid #fff;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  overflow: hidden;
  background: #333;
}

#ppImageStripe {
  width: auto;
  height: 245px;
  background: #55ade4 url(https://ccgaca.s3.amazonaws.com/images/template/marine-sar.jpg) no-repeat 100% 0;
  border-bottom: 2px solid #fff;
}

img.PageBanner {
  border-right: 2px solid #fff;
}

#ppImageText {
  width: 420px;
  float: right;
  text-align: center;
  color: #fff;
  font-family: georgia, serif;
  padding: 30px 20px 0 0;
  font-style: italic;
  font-size: 28px;
}

#topTools {
  width: 130px;
  float: right;
  font-size: 13px;
}

#topToolItems {
  width: 100px;
  padding-top: 12px;
  padding-right: 10px;
  float: right;
}

#topNav {
  width: auto;
  padding-left: 110px;
  height: 50px;
  background: #75baed;
  color: #fff;
  font-size: 15px;
}

#topNav.activeUser {
  background: #e3cb1e;
}

#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active {
  line-height: 50px;
  padding: 0 10px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#topTools a:link, #topTools a:visited {
  color: #003;
  text-shadow: none;
}

#topNav a:hover, #topNav a:active {
  color: #f4ebaa;
}

#topNav.activeUser a:hover, #topNav.activeUser a:active {
  color: #282e74;
}

#topToolItems .userLanguage, #topToolItems .xdeSearchBtn {
  float: right;
  margin: 0 5px;
}

#mainNav {
  background: #282e74;
  width: auto;
  height: 35px;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
  line-height: 35px;
  padding: 0 10px;
  font-size: 15px;
  color: #fff;
}

#mainNav a:hover, #mainNav a:active {
  color: #e3cb1e;
}

#ppBaseNav1, #ppBaseNav2 {
  position: absolute;
  height: 150px;
  width: 260px;
  margin: 30px 0 0 40px;
}

#ppBaseNav2 {
  margin: 30px 0 0 360px;
}

.ppBaseNav {
  background: transparent;
  overflow: hidden;
  color: #e0e0d6;
  font-size: 14px;
}

.ppBaseNav h4 {
  font-family: "Century Gothic", verdana, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #fff;
  font-size: 18px;
  margin: 0 0 0.3em 0;
  padding: 0;
  display: block;
  border-bottom: 3px groove rgba(100,174,228,0.2);
}

.ppBaseNav a, .ppBaseNav a:link, .ppBaseNav a:visited {
  font-family: "Century Gothic", verdana, helvetica, sans-serif;
  background: transparent;
  color: #c5d7e0;
  text-decoration: none;
  font-weight: bold;
  padding-left: 1em;
}

.ppBaseNav a:hover {
  color: #fff;
}

#ppSocialStrip {
  position: absolute;
  width: 200px;
  margin: 10px 770px;
}

#ccgaFacebook, #ccgaTwitter, #ccgaRSS {
  float: right;
  text-indent: -9999px;
  width: 48px;
  height: 32px;
  opacity: 0.7;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/social32.png) no-repeat 5px -256px;
}

#ccgaTwitter {
  background-position: 5px -224px;
  margin-right: 0;
}

#ccgaRSS {
  background-position: 5px -128px;
  margin-right: 0;
}

#ccgaFacebook:hover, #ccgaTwitter:hover, #ccgaRSS:hover {
  opacity: 1;
}

.popmenu {
  border: 1px #282e74 solid;
  background: #c4d6e0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 13px;
}

.menutitle {
  font-size: x-small;
  font-weight: bold;
  background: #282e74;
  color: #fff;
}

.menucontent ul li a:link, .menucontent ul li a:visited {
  background: transparent;
  color: #004;
}

.menucontent ul li a:hover, .menucontent ul li a:active {
  background: #282e74;
  color: #fff;
}

.contentManageBorder {
  border: 5px solid #6596b4;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

div.manageContentSectionBorderTop {
  width: 100%;
  border-top: 2px dotted #666;
  padding-top: 5px;
}

div.manageContentSectionBorderBottom {
  width: 100%;
  border-bottom: 2px dotted #666;
  padding-bottom: 5px;
}

/*==== MENU CSS =========================*/
#popmenu_mcnav17,#popmenu_mcnav20,#popmenu_mcnav21,#popmenu_mcnav22 {
  position: absolute;
  display: none;
  padding: 0;
  top: 150px;
}

#popmenu_mcnav19,#popmenu_mcnav23,#popmenu_mcnav30 {
  position: absolute;
  display: none;
  padding: 0;
  left: 150px;
}

#popmenu_mcnav9,#popmenu_mcnav10,#popmenu_mcnav6,#popmenu_mcnav25,#popmenu_mcnav32,#popmenu_mcnav41,#popmenu_mcnav42,#popmenu_mcnav43,#popmenu_mcnav44,#popmenu_mcnav26,#popmenu_mcnav27,#popmenu_mcnav28,#popmenu_mcnav29,#popmenu_mcnav33,#popmenu_mcnav34,#popmenu_mcnav35,#popmenu_mcnav36,#popmenu_mcnav38,#popmenu_mcnav39,#popmenu_mcnav45,#popmenu_mcnav46 {
  position: absolute;
  display: none;
  padding: 0;
  top: 150px;
}

#popmenu_mcnav1,#popmenu_mcnav11,#popmenu_mcnav24,#popmenu_mcnav4,#popmenu_mcnav7,#popmenu_mcnav2,#popmenu_mcnav8,#popmenu_mcnav3,#popmenu_mcnav13,#popmenu_mcnav14,#popmenu_mcnav15,#popmenu_mcnav16 {
  position: absolute;
  display: none;
  padding: 0;
  top: 25px;
}

/*==== PRINT ONLY CSS ===================*/
@media screen {
  .onlyPrint {
      display: none;
  }
}

@media print {
  .ppPathNav, .popmenu, .noPrint {
      display: none !important;
  }
}

.pageBreak {
  page-break-before: always;
}