/*=================================================================================================================
 * CCGA Site CSS
 * Generated: 2026-04-01T12:16:29.212Z
 * DO NOT EDIT - this file will be overwritten on the next build
 *=================================================================================================================*/

/*===================== audit: /assets/css/audit.css */
/*=================================================================================================================
PawPrint XDe Audit Module Styles
Copyright 1997-2012 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
.auditTypeFlag{
  font-weight: bold;
  padding: 0.2em;
  color: #fff;
  backgroud: #333;
}
.auditDialog{
  max-height: 600px;
  overflow: scroll;
}

/*===================== calendar: /assets/css/calendar.css */
.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 %xdeBlockBorderColour%;
  cursor: pointer;
}
.cal_monthday_on:hover, .mini_cal_monthday_on:hover{
  background: %xdeBlockHighlightBackground%;
}

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

th.cal_monthweekday, th.mini_cal_monthweekday{
  border: 1px solid %xdeBlockBorderColour%;
  background: %xdeBlockHeaderTitleBackground%;
  color: %xdeBlockHeaderTitleColour%;
  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 %xdeBlockBorderColour%;
}

td.cal_dayhours{
	font-size: 75%;
	color: %xdeFootnoteColour%;
	border-right: 1px dashed %xdeBlockBorderColour%;
}

tr.cal_day_hour_on{
	background: #eee;
}

tr.cal_day_hour_off{
	background: %xdeBodyBackground%;
}

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

td.cal_dayevent{
	border: 1px solid %xdeBlockBorderColour%;
	background: transparent;
}
.calendarEvent{
  margin: 0 auto;
	border: 1px solid %xdeBlockBorderColour%;
  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 %xdeBlockBorderColour%;
  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;
}
/*== Events Scroller Styles =======================================================================================*/
.cesContainer{
  margin: 1em auto;
}
.cesTitle{
  border-radius: 5px 5px 0 0;
  background: %xdeBlockHeaderTitleBackground%;
  color: %xdeBlockHeaderTitleColour%;
  padding: 0.2em 1em;
  margin: 0;
}

.calendarEventsScroll{
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 2px solid %xdeBlockBorderColour%;
  border-top: 0;
  border-radius: 0 0 0 5px;
}
.celMonthHeader{
  background: %xdeBlockDivisionBackground%;
  color: %xdeBlockDivisionColour%;
  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: %xdeBlockHeaderTitleBackground%;
}
/*== Events List Styles ===========================================================================================*/
.celEvent, .celNone{
  padding: 0.2em;
  border-bottom: 1px solid %xdeBlockBorderColour%;
}
.celEvent{
  cursor: pointer;
  overflow: hidden;
  height: 1.5em;
}
.celEvent:hover{
  background: %xdeBlockHighlightBackground%;
}

.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;
}
/*== Events List Legacy Styles ====================================================================================*/
table.calendarEventList{
	border-top:1px solid #000066;
	border-left:1px solid #000066;
	margin: 30px 0 20px 0;
}

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

.calendarEventList th{
  padding: 2px 2px 2px 5px;
  text-align: left;
	background: %xdeBlockHeaderTitleBackground%;
	color: %xdeBlockHeaderTitleColour%;
	border-bottom:2px solid #000066;
	border-right:1px solid #000066;
}
/*== jqueryUI Datepicker overrides ================================================================================*/
.ui-datepicker{
  box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}

/*===================== chirp: /assets/css/chirp.css */
/*=================================================================================================================
PawPrint XDe Chirp Module Styles
Copyright 1997-2009 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
.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;
}
/*Fix Iframe Heights*/
.xdeSocialPromoteStrip iframe{vertical-align: baseline !important;}
.xdeSocialPromoteStrip .fb_ltr{margin: -3px 2em auto auto;}
/*=== Social Sharing Icons ========================================================================================*/
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;
}

/*===================== XD<sup>e</sup>.contact: /assets/css/xde.css */
/*=================================================================================================================
PawPrint XDe Baseline CSS
Copyright 2002-2011 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
/*== CSS Reset ====================================================================================================*/
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;}
/*fieldset,img{border:0;}*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/*li{list-style: none;}*/
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;}
/*== Additional Resets ============================================================================================*/
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: %xdeLinkTextColour%;
}
a:hover, a:active{
	color: %xdeLinkTextHoverColour%;
}
a:visited{
	color: %xdeLinkTextVisitedColour%;
}
textarea{
  font-size: 120%;
}
/*== Base Styles ==================================================================================================*/
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;
}

/*== Headline Styles ==============================================================================================*/

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

h1{
  color: %xdeHeadlineColour%;
  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;
}
/*== Utility Classes ==============================================================================================*/
.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: %xdeLightBackgroundColour%;
  color: %xdeDarkTextColour%;
}
.unshadedBG{
  background: %xdeBodyBackgroundColour%;
  color: %xdeBodyTextColour%;
}
/*== Form Styles ==================================================================================================*/

.fkSubj{/*used for form key*/
  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: %xdeMidTextColour%;
	font-size: 80%;
	display: block;
	margin-top: 0.2em;
}
.XDeForm .labelSpace{
	height: 1.2em;
 }
.XDeForm label.inline{
	font-size: 100%;
	display: inline;
  color: %xdeBodyTextColour%;
}
.XDeForm label.strong{
	font-size: 100%;
	font-weight: bold;
	display: inline;
  color: %xdeDarkTextColour%;
}
.XDeForm .ppInfoBox{
  background: %xdeLightBackgroundColour%;
}
.XDeForm .ibBox{
  border-color: %xdeInverseBorderColour%;
  box-shadow: 0 40px 50px -50px %xdeDarkBackgroundInsetShadow% inset;
  padding-bottom:  0.3rem;
}
.XDeForm .ibBoxTitle{
  color:  %xdeLightTextColour%;
  background: %xdeBodyBackground%;
  border-color: %xdeBlockBorderColour%;
  box-shadow: 0 10px 30px -10px %xdeDarkBackgroundInsetShadow% inset;
}
.formrow {
	margin-bottom: 15px;
	padding:0;
	text-align: left;
}
input, select, textarea{
  border:  1px solid %xdeMidBorderColour%;
  padding: 0.2rem;
}
input.checkbox{
	background: transparent;
}
input.required, select.required{
	border: 1px solid %xdeImportantBorderColour%;
  box-shadow: 0 0 6px %xdeImportantBackgroundInsetShadow% inset;
	background: %xdeImportantBackgroundColour%;
	color: %xdeImportantTextColour%;
}

.formErrors{
  width: 75%;
	padding: 10px 10px 2px 10px;
	margin:0px auto;
	border: 2px solid #c00;
	background: #fe6;
	color: #300;
}
/*== User Display Cards ===========================================================================================*/
.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 %xdeBlockBorderColour%;
  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;
}

/*== User Search ==================================================================================================*/
#xdeUserSearch{
  display: block;
  padding: 5px !important;
  border-radius: 5px;
  background-color: %xdeBlockHeaderTitleBackground%;
}
/*== User Profile =================================================================================================*/
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;
}
/*==- Admin Styles -========================================*/
.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;
}
/*==========================================================*/
/*Address Styles*/
.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;
}

/*==========================================================*/
/*Admin Menu*/
.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 Style*/

table.grid{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

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

}
/*==========================================================*/
/*Table Info Style*/

table.info{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

.info td{
  padding: 0.3rem;
	border-bottom:1px solid %xdeDarkBorderColour%;
	border-right:1px solid %xdeDarkBorderColour%;
}
.info td strong{
	color: %xdeDarkTextColour%;
}
.info th, .ppStripedTable th{
	padding: 0.7rem;
  text-align: left;
  background: %xdeDarkBackgroundColour%;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
  color: %xdeTextOnDarkBackground%;
  border-bottom:2px solid %xdeDarkBorderColour%;
  border-right:1px solid %xdeDarkBorderColour%;
}
/*== Striped Tables ========================================*/
.ppStripedTable{
  border-collapse: collapse;
}
.ppStripedTable td{
  border: 1px solid %xdeDarkBorderColour%;
  border-collapse: collapse;
  margin: 0;
  padding: 0.2em 0.5em;
}
.ppStripedTable tr{
  background: %xdeBodyBackgroundColour%;
}
.ppStripedTable tr.alternate{
  background: %xdeLightBackgroundColour%;
}
.ppStripedTable tr:hover{
  background: %xdeLightHoverBackgroundColour%;
}
/*==- Breadcrumb Nav -======================================*/
.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;
}
/*==========================================================*/
/*Pagination Links*/
.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;
}
/*==========================================================*/
/*XDe Base Styles*/

.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: %xdeTextOnDarkBackground%;
	text-decoration: none;
	font-weight: normal;
	background: %xdeDarkBackgroundColour%;
	border: 1px solid %xdeDarkBorderColour%;

	/*border-radius: 4px;*/
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 10px 10px -10px %xdeLightBackgroundInsetShadow% 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;
	/*border-radius: 2px;*/
}
a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited{
  font-size: 120%;
  padding: 0.5rem;
  margin: 1rem;
	/*border-radius: 10px;*/
}

a.textbutton:hover, a.bigtextbutton:hover, a.minitextbutton:hover, input.textbutton:hover {
	background: %xdeActiveBackgroundColour%;
	color: %xdeTextOnActiveBackground%;
	font-weight: normal;
  border-color: %xdeActiveBorderColour%;
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 -10px 10px -10px %xdeActiveBackgroundInsetShadow% inset;
}

.bbTextUtils a.textbutton{
	font-size: 75%;
	margin: 2px 1px 2px 0;
}
/*==========================================================*/
/* Buttons */
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;
}
/*==========================================================*/
/*XDe Boxes*/
.ppInfoBox{
	border: 1px solid %xdeDarkBorderColour%;
	padding: 0;
	margin-bottom: 0.2em;
  box-shadow: 0 0 5px %xdeDarkShadow%;
}
.ui-tabs-panel .ppInfoBox{
  box-shadow: none;
}

.ibTitle{
	width: auto;
	font-weight: bold;
	border-bottom: 1px solid %xdeDarkBorderColour%;
	background: %xdeDarkBackgroundColour%;
	color: %xdeTextOnDarkBackground%;
	padding: 0.7rem;
  text-align: left;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
}

.ibMidBorderBox{
  background: %xdeMidBackgroundColour%;
	color: %xdeTextOnMidBackground%;
	font-weight: normal;
	width: 50%;
	text-align:center;
	border: 1px solid %xdeMidBorderColour%;
	margin: 0.5em auto 0.5em auto;
}
.ibNotes{
  padding: 0 0.5em 0 0.5em;
	font-size: 90%;
}
.ibHighlight{
  background: %xdeBlockHighlightBackground%;;
}
.ibHover:hover{
  background: %xdeLightHoverBackgroundColour%;
}
.ibBox{
	margin: 0.7em 0 0.5em 0;
	border: 2px solid %xdeLightBorderColour%;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
.ibBoxTitle{
	margin: -0.8em auto 0.5em 0.5em;
	width: 50%;
	border: 1px solid %xdeLightBorderColour%;
	padding: 0.2em;
	background: %xdeLightBackgroundColour%;
	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;
}
/*==========================================================*/
/*jqContainer Styles */
.jqToggleContainer, .jqShowContainer{
	cursor: pointer;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #eee;
	padding: 0 0 0 0.5em;
}
/*
.jqHideContainer{
	margin-top: 0.2em;
}*/
/*==========================================================*/
/*Usergroups*/
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;
}
/*==========================================================*/
/*User & group Selection Widgit elements*/
.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%;
}
/*==========================================================*/
/*New Tabs Admin Menu*/

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: %xdeLightBackgroundColour%;
	border-left: 4px solid %xdeLightBorderColour%;
	color: %xdeTextOnLightBackground%;
	text-decoration: none;
	width: auto;
}
.ppAdminTools li a:hover{
	background: %xdeLightHoverBackgroundColour%;
	color: %xdeLightHoverTextColour%;
	border-left: 4px solid %xdeMidBorderColour%;
}
/*== Security Styles =======================================*/
.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%;
}
/*== Recent Items ==========================================*/
.miniContentDialog{
  display: none;
}
/*== Recent Items ==========================================*/
.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;
}

/*==========================================================*/
/*JQ UI Overrides*/
div.ppTabsContainer{
	margin: 0.5em 1em 1em 1em;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@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;}

/*== file icons ==========================================*/
.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;
}
/*
.ppIcon128{
  width: 128px;
  height: 128px;
  margin-bottom: -48px;
  line-height: 128px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons128.png) no-repeat;
  border: 0 none;
}

.ppIconLink128{
  margin-right: 1em;
  height: 128px;
  line-height: 128px;
}*/
.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;}

/* == 32px Versions ==*/
.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;}

/* == 64px Versions ==*/
.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;}


/* == 128px Versions DISABLED ==*/
/*
.icon128{background-position: 0 0;}
.icon128XML{background-position: -128px 0;}
.icon128CSV{background-position: -256px 0;}
.icon128TXT{background-position: -384px 0;}
.icon128PDF{background-position: -512px 0;}
.icon128HTML{background-position: -640px 0;}
.icon128DOC{background-position: -768px 0;}
.icon128DOCX{background-position: -896px 0;}
.icon128PPT{background-position: -1024px 0;}

.icon128GIF{background-position: 0 -128px;}
.icon128WWW, .icon128LINK, .icon128PHP{background-position: -128px -128px;}
.icon128XLS{background-position: -256px -128px;}
.icon128WMV{background-position: -384px -128px;}
.icon128MOV,.icon128QT{background-position: -512px -128px;}
.icon128RM,.icon128RAM{background-position: -640px -128px;}
.icon128MPG,.icon128MPEG{background-position: -768px -128px;}
.icon128FLV,.icon128F4V{background-position: -896px -128px;}
.icon128SWF{background-position: -1024px -128px;}

.icon128PNG{background-position: 0 -256px;}
.icon128PAGE, .icon128LOCAL{background-position: -128px -256px;}
.icon128MP3{background-position: -256px -256px;}
.icon128OGG{background-position: -384px -256px;}
.icon128WAV{background-position: -512px -256px;}
.icon128ZIP{background-position: -640px -256px;}
.icon128RAR{background-position: -768px -256px;}
.icon128GZ{background-position: -896px -256px;}
.icon128BAN{background-position: -1024px -256px;}

.icon128JPG,.icon128JPEG{background-position: 0 -384px;}
.icon128FTP{background-position: -128px -384px;}
.icon128RSS{background-position: -256px -384px;}
.icon128FOLDER{background-position: -384px -384px;}
.icon128FOLDER2{background-position: -512px -384px;}
.icon128FOLDER3{background-position: -640px -384px;}
.icon128FOLDER4{background-position: -768px -384px;}
.icon128LOCK{background-position: -896px -384px;}
.icon128PRINT{background-position: -1024px -384px;}

.icon128XDE{background-position: 0 -512px;}
.icon128EXE{background-position: -128px -512px;}
.icon128JAR{background-position: -256px -512px;}
.icon128ODF,.icon128ODT,.icon128ODS,.icon128ODP,.icon128ODG{background-position: -384px -512px;}
.icon128ISO{background-position: -512px -512px;}
.icon128TAR{background-position: -640px -512px;}
.icon128TTF{background-position: -768px -512px;}
.icon128OTF{background-position: -896px -512px;}
.icon128BLANK{background-position: -1024px -512px;}
*/
.ppFileLinkTipIcon{
  width: 64px;
  height: 64px;
  padding: 10px;
  border: 2px solid #999;
  background: #eee;
  float: left;
  margin-right: 1em;
}
/*== Youtube Embedding Styles =====================================================================================*/
.ppYoutube{
  margin: 1em;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #000;
}
/*== bbWizard Styles ==============================================================================================*/
#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%;
}

/*===================== datetools: /assets/css/calendar.css */
.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 %xdeBlockBorderColour%;
  cursor: pointer;
}
.cal_monthday_on:hover, .mini_cal_monthday_on:hover{
  background: %xdeBlockHighlightBackground%;
}

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

th.cal_monthweekday, th.mini_cal_monthweekday{
  border: 1px solid %xdeBlockBorderColour%;
  background: %xdeBlockHeaderTitleBackground%;
  color: %xdeBlockHeaderTitleColour%;
  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 %xdeBlockBorderColour%;
}

td.cal_dayhours{
	font-size: 75%;
	color: %xdeFootnoteColour%;
	border-right: 1px dashed %xdeBlockBorderColour%;
}

tr.cal_day_hour_on{
	background: #eee;
}

tr.cal_day_hour_off{
	background: %xdeBodyBackground%;
}

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

td.cal_dayevent{
	border: 1px solid %xdeBlockBorderColour%;
	background: transparent;
}
.calendarEvent{
  margin: 0 auto;
	border: 1px solid %xdeBlockBorderColour%;
  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 %xdeBlockBorderColour%;
  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;
}
/*== Events Scroller Styles =======================================================================================*/
.cesContainer{
  margin: 1em auto;
}
.cesTitle{
  border-radius: 5px 5px 0 0;
  background: %xdeBlockHeaderTitleBackground%;
  color: %xdeBlockHeaderTitleColour%;
  padding: 0.2em 1em;
  margin: 0;
}

.calendarEventsScroll{
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 2px solid %xdeBlockBorderColour%;
  border-top: 0;
  border-radius: 0 0 0 5px;
}
.celMonthHeader{
  background: %xdeBlockDivisionBackground%;
  color: %xdeBlockDivisionColour%;
  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: %xdeBlockHeaderTitleBackground%;
}
/*== Events List Styles ===========================================================================================*/
.celEvent, .celNone{
  padding: 0.2em;
  border-bottom: 1px solid %xdeBlockBorderColour%;
}
.celEvent{
  cursor: pointer;
  overflow: hidden;
  height: 1.5em;
}
.celEvent:hover{
  background: %xdeBlockHighlightBackground%;
}

.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;
}
/*== Events List Legacy Styles ====================================================================================*/
table.calendarEventList{
	border-top:1px solid #000066;
	border-left:1px solid #000066;
	margin: 30px 0 20px 0;
}

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

.calendarEventList th{
  padding: 2px 2px 2px 5px;
  text-align: left;
	background: %xdeBlockHeaderTitleBackground%;
	color: %xdeBlockHeaderTitleColour%;
	border-bottom:2px solid #000066;
	border-right:1px solid #000066;
}
/*== jqueryUI Datepicker overrides ================================================================================*/
.ui-datepicker{
  box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}

/*===================== glossary: /assets/css/glossary.css */
h1.glossaryTerm{
	text-align: left;
	text-transform: none;
	margin:0;
	padding:0 0 5px 0;
}

div.glossarySeeAlso{
	margin: 20px 0 0 2px;
}

div.glossaryPhonetic{
	font-style: italic;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 10px 0;
}

td.glossaryCategoryTitle, td.glossarySearchResult{
	border: 1px solid #999999;
	padding: 10px 10px 10px 10px
}

div.glossaryCategoryName a{
	font-size: large;
	font-family : "Helvetica 55 Roman", Helvetica, sans-serif;
}
div.glossaryCategoryDescription{
	font-size: x-small;
	margin: 1px 0 0 10px;
}

div.glossaryCategorynav{
	text-align: right;
}

div.glossaryTerm a{
	font-weight: bold;
	margin: 0 0 0 10px;
}

a.glossary_definition:link, a.glossary_definition:active, a.glossary_definition:visited, a.glossary_definition:hover{
  color: #000000;
  border-bottom: 1px dashed #009900;
}

a.glossary_definition:hover{ 
  border-bottom: 1px dashed #999900;
}

/*===================== help: /assets/css/help.css */
.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: 1px solid #e8e8e8; */
	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: #990000;
	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;
}
/*===================================================================================================*/
/*Help Styles: Menu*/

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

/*===================== language: /assets/css/language.css */
.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;
}

/*===================== notification: /assets/css/notification.css */
div.XDeMessage{
  margin-top: 20px;
	padding: 5px;
	border: 2px solid #cccccc;
	background: #eeeeee;
	color: #000000;
}

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 #cccccc;
	padding: 10px;
	margin: 10px 0 0 0;
	background: #ffffff;
	color: #000000;
}
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 #666666;
}
div.XDeMessage div.images a img:hover{
  border: 2px solid #ffcc00;
}

div.XDeMessage div.tools{
  margin: 5px;
}

/*===================== ppstats: /assets/css/ppstats.css */
.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;
}

/*===================== tags: /assets/css/tags.css */
div.tagList{
	font-size: 90%;
	text-align: right;
}
div.tagList .tagTitle{
	font-weight: bold;
	color: #999999;
}
div.tagList a{
  margin: 0 0 0 2px;
	text-decoration: none;
}

div.tagCloud{
	border: 2px solid #cccccc;
	padding: 5px;
	margin: 10px;
	width: 300px;
}

div.tagCloudTitle{
	font-weight: bold;
	color: #aaaaaa;
	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%;
}

/*===================== forum: /assets/css/forum.css */
.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: #0000cc;
   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;
}
/*============================================================================================================================*/
/*Forum Polls*/

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

/*===================== gallery: /assets/css/gallery.css */
/*=- Modern UI -======================================================================================================================================================*/

/*=- Slideshow -======================================================================================================================================================*/
.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%;
}
/*=- Legacy UI -======================================================================================================================================================*/
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;
}

/*===================== library: /assets/css/library.css */
.documentLibrary{
	margin: 0 0 0 5px;
}

.documentLibrary h2{
	border-bottom:1px solid #666;
	background: #eeeeee;
	padding: 2px 3px 2px 3px;
}
.documentLibrary a.title{
	font-size: 125%;
}
.libraryGroupingInfo{
  margin: 1em;
}

/*===================== newsletter: /assets/css/newsletter.css */
.newsletterList{
  max-width: 700px;
  margin: 1em auto;
}

/*===================== helpers: /assets/css/xde.css */
/*=================================================================================================================
PawPrint XDe Baseline CSS
Copyright 2002-2011 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
/*== CSS Reset ====================================================================================================*/
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;}
/*fieldset,img{border:0;}*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/*li{list-style: none;}*/
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;}
/*== Additional Resets ============================================================================================*/
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: %xdeLinkTextColour%;
}
a:hover, a:active{
	color: %xdeLinkTextHoverColour%;
}
a:visited{
	color: %xdeLinkTextVisitedColour%;
}
textarea{
  font-size: 120%;
}
/*== Base Styles ==================================================================================================*/
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;
}

/*== Headline Styles ==============================================================================================*/

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

h1{
  color: %xdeHeadlineColour%;
  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;
}
/*== Utility Classes ==============================================================================================*/
.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: %xdeLightBackgroundColour%;
  color: %xdeDarkTextColour%;
}
.unshadedBG{
  background: %xdeBodyBackgroundColour%;
  color: %xdeBodyTextColour%;
}
/*== Form Styles ==================================================================================================*/

.fkSubj{/*used for form key*/
  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: %xdeMidTextColour%;
	font-size: 80%;
	display: block;
	margin-top: 0.2em;
}
.XDeForm .labelSpace{
	height: 1.2em;
 }
.XDeForm label.inline{
	font-size: 100%;
	display: inline;
  color: %xdeBodyTextColour%;
}
.XDeForm label.strong{
	font-size: 100%;
	font-weight: bold;
	display: inline;
  color: %xdeDarkTextColour%;
}
.XDeForm .ppInfoBox{
  background: %xdeLightBackgroundColour%;
}
.XDeForm .ibBox{
  border-color: %xdeInverseBorderColour%;
  box-shadow: 0 40px 50px -50px %xdeDarkBackgroundInsetShadow% inset;
  padding-bottom:  0.3rem;
}
.XDeForm .ibBoxTitle{
  color:  %xdeLightTextColour%;
  background: %xdeBodyBackground%;
  border-color: %xdeBlockBorderColour%;
  box-shadow: 0 10px 30px -10px %xdeDarkBackgroundInsetShadow% inset;
}
.formrow {
	margin-bottom: 15px;
	padding:0;
	text-align: left;
}
input, select, textarea{
  border:  1px solid %xdeMidBorderColour%;
  padding: 0.2rem;
}
input.checkbox{
	background: transparent;
}
input.required, select.required{
	border: 1px solid %xdeImportantBorderColour%;
  box-shadow: 0 0 6px %xdeImportantBackgroundInsetShadow% inset;
	background: %xdeImportantBackgroundColour%;
	color: %xdeImportantTextColour%;
}

.formErrors{
  width: 75%;
	padding: 10px 10px 2px 10px;
	margin:0px auto;
	border: 2px solid #c00;
	background: #fe6;
	color: #300;
}
/*== User Display Cards ===========================================================================================*/
.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 %xdeBlockBorderColour%;
  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;
}

/*== User Search ==================================================================================================*/
#xdeUserSearch{
  display: block;
  padding: 5px !important;
  border-radius: 5px;
  background-color: %xdeBlockHeaderTitleBackground%;
}
/*== User Profile =================================================================================================*/
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;
}
/*==- Admin Styles -========================================*/
.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;
}
/*==========================================================*/
/*Address Styles*/
.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;
}

/*==========================================================*/
/*Admin Menu*/
.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 Style*/

table.grid{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

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

}
/*==========================================================*/
/*Table Info Style*/

table.info{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

.info td{
  padding: 0.3rem;
	border-bottom:1px solid %xdeDarkBorderColour%;
	border-right:1px solid %xdeDarkBorderColour%;
}
.info td strong{
	color: %xdeDarkTextColour%;
}
.info th, .ppStripedTable th{
	padding: 0.7rem;
  text-align: left;
  background: %xdeDarkBackgroundColour%;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
  color: %xdeTextOnDarkBackground%;
  border-bottom:2px solid %xdeDarkBorderColour%;
  border-right:1px solid %xdeDarkBorderColour%;
}
/*== Striped Tables ========================================*/
.ppStripedTable{
  border-collapse: collapse;
}
.ppStripedTable td{
  border: 1px solid %xdeDarkBorderColour%;
  border-collapse: collapse;
  margin: 0;
  padding: 0.2em 0.5em;
}
.ppStripedTable tr{
  background: %xdeBodyBackgroundColour%;
}
.ppStripedTable tr.alternate{
  background: %xdeLightBackgroundColour%;
}
.ppStripedTable tr:hover{
  background: %xdeLightHoverBackgroundColour%;
}
/*==- Breadcrumb Nav -======================================*/
.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;
}
/*==========================================================*/
/*Pagination Links*/
.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;
}
/*==========================================================*/
/*XDe Base Styles*/

.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: %xdeTextOnDarkBackground%;
	text-decoration: none;
	font-weight: normal;
	background: %xdeDarkBackgroundColour%;
	border: 1px solid %xdeDarkBorderColour%;

	/*border-radius: 4px;*/
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 10px 10px -10px %xdeLightBackgroundInsetShadow% 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;
	/*border-radius: 2px;*/
}
a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited{
  font-size: 120%;
  padding: 0.5rem;
  margin: 1rem;
	/*border-radius: 10px;*/
}

a.textbutton:hover, a.bigtextbutton:hover, a.minitextbutton:hover, input.textbutton:hover {
	background: %xdeActiveBackgroundColour%;
	color: %xdeTextOnActiveBackground%;
	font-weight: normal;
  border-color: %xdeActiveBorderColour%;
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 -10px 10px -10px %xdeActiveBackgroundInsetShadow% inset;
}

.bbTextUtils a.textbutton{
	font-size: 75%;
	margin: 2px 1px 2px 0;
}
/*==========================================================*/
/* Buttons */
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;
}
/*==========================================================*/
/*XDe Boxes*/
.ppInfoBox{
	border: 1px solid %xdeDarkBorderColour%;
	padding: 0;
	margin-bottom: 0.2em;
  box-shadow: 0 0 5px %xdeDarkShadow%;
}
.ui-tabs-panel .ppInfoBox{
  box-shadow: none;
}

.ibTitle{
	width: auto;
	font-weight: bold;
	border-bottom: 1px solid %xdeDarkBorderColour%;
	background: %xdeDarkBackgroundColour%;
	color: %xdeTextOnDarkBackground%;
	padding: 0.7rem;
  text-align: left;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
}

.ibMidBorderBox{
  background: %xdeMidBackgroundColour%;
	color: %xdeTextOnMidBackground%;
	font-weight: normal;
	width: 50%;
	text-align:center;
	border: 1px solid %xdeMidBorderColour%;
	margin: 0.5em auto 0.5em auto;
}
.ibNotes{
  padding: 0 0.5em 0 0.5em;
	font-size: 90%;
}
.ibHighlight{
  background: %xdeBlockHighlightBackground%;;
}
.ibHover:hover{
  background: %xdeLightHoverBackgroundColour%;
}
.ibBox{
	margin: 0.7em 0 0.5em 0;
	border: 2px solid %xdeLightBorderColour%;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
.ibBoxTitle{
	margin: -0.8em auto 0.5em 0.5em;
	width: 50%;
	border: 1px solid %xdeLightBorderColour%;
	padding: 0.2em;
	background: %xdeLightBackgroundColour%;
	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;
}
/*==========================================================*/
/*jqContainer Styles */
.jqToggleContainer, .jqShowContainer{
	cursor: pointer;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #eee;
	padding: 0 0 0 0.5em;
}
/*
.jqHideContainer{
	margin-top: 0.2em;
}*/
/*==========================================================*/
/*Usergroups*/
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;
}
/*==========================================================*/
/*User & group Selection Widgit elements*/
.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%;
}
/*==========================================================*/
/*New Tabs Admin Menu*/

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: %xdeLightBackgroundColour%;
	border-left: 4px solid %xdeLightBorderColour%;
	color: %xdeTextOnLightBackground%;
	text-decoration: none;
	width: auto;
}
.ppAdminTools li a:hover{
	background: %xdeLightHoverBackgroundColour%;
	color: %xdeLightHoverTextColour%;
	border-left: 4px solid %xdeMidBorderColour%;
}
/*== Security Styles =======================================*/
.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%;
}
/*== Recent Items ==========================================*/
.miniContentDialog{
  display: none;
}
/*== Recent Items ==========================================*/
.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;
}

/*==========================================================*/
/*JQ UI Overrides*/
div.ppTabsContainer{
	margin: 0.5em 1em 1em 1em;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@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;}

/*== file icons ==========================================*/
.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;
}
/*
.ppIcon128{
  width: 128px;
  height: 128px;
  margin-bottom: -48px;
  line-height: 128px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons128.png) no-repeat;
  border: 0 none;
}

.ppIconLink128{
  margin-right: 1em;
  height: 128px;
  line-height: 128px;
}*/
.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;}

/* == 32px Versions ==*/
.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;}

/* == 64px Versions ==*/
.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;}


/* == 128px Versions DISABLED ==*/
/*
.icon128{background-position: 0 0;}
.icon128XML{background-position: -128px 0;}
.icon128CSV{background-position: -256px 0;}
.icon128TXT{background-position: -384px 0;}
.icon128PDF{background-position: -512px 0;}
.icon128HTML{background-position: -640px 0;}
.icon128DOC{background-position: -768px 0;}
.icon128DOCX{background-position: -896px 0;}
.icon128PPT{background-position: -1024px 0;}

.icon128GIF{background-position: 0 -128px;}
.icon128WWW, .icon128LINK, .icon128PHP{background-position: -128px -128px;}
.icon128XLS{background-position: -256px -128px;}
.icon128WMV{background-position: -384px -128px;}
.icon128MOV,.icon128QT{background-position: -512px -128px;}
.icon128RM,.icon128RAM{background-position: -640px -128px;}
.icon128MPG,.icon128MPEG{background-position: -768px -128px;}
.icon128FLV,.icon128F4V{background-position: -896px -128px;}
.icon128SWF{background-position: -1024px -128px;}

.icon128PNG{background-position: 0 -256px;}
.icon128PAGE, .icon128LOCAL{background-position: -128px -256px;}
.icon128MP3{background-position: -256px -256px;}
.icon128OGG{background-position: -384px -256px;}
.icon128WAV{background-position: -512px -256px;}
.icon128ZIP{background-position: -640px -256px;}
.icon128RAR{background-position: -768px -256px;}
.icon128GZ{background-position: -896px -256px;}
.icon128BAN{background-position: -1024px -256px;}

.icon128JPG,.icon128JPEG{background-position: 0 -384px;}
.icon128FTP{background-position: -128px -384px;}
.icon128RSS{background-position: -256px -384px;}
.icon128FOLDER{background-position: -384px -384px;}
.icon128FOLDER2{background-position: -512px -384px;}
.icon128FOLDER3{background-position: -640px -384px;}
.icon128FOLDER4{background-position: -768px -384px;}
.icon128LOCK{background-position: -896px -384px;}
.icon128PRINT{background-position: -1024px -384px;}

.icon128XDE{background-position: 0 -512px;}
.icon128EXE{background-position: -128px -512px;}
.icon128JAR{background-position: -256px -512px;}
.icon128ODF,.icon128ODT,.icon128ODS,.icon128ODP,.icon128ODG{background-position: -384px -512px;}
.icon128ISO{background-position: -512px -512px;}
.icon128TAR{background-position: -640px -512px;}
.icon128TTF{background-position: -768px -512px;}
.icon128OTF{background-position: -896px -512px;}
.icon128BLANK{background-position: -1024px -512px;}
*/
.ppFileLinkTipIcon{
  width: 64px;
  height: 64px;
  padding: 10px;
  border: 2px solid #999;
  background: #eee;
  float: left;
  margin-right: 1em;
}
/*== Youtube Embedding Styles =====================================================================================*/
.ppYoutube{
  margin: 1em;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #000;
}
/*== bbWizard Styles ==============================================================================================*/
#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%;
}

/*===================== helpers: /assets/css/jquery-ui.css */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=e7eef3&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=b2c7d7&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=f0f0f0&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=b2c7d7&fcHover=0b5b98&iconColorHover=2694e8&bgColorActive=99c2ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Misc visuals
----------------------------------*/

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

/* Component containers
----------------------------------*/
.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; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; 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: #444444; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444444; 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: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid #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;
}


/* Icons
----------------------------------*/
.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:  %xdeLightBackgroundColour%;
  border-radius:  10px;
  margin:  0;
}

/* states and images */
.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); }

/* positioning */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
  background: #444444 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: #aaaaaa 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;
}

/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.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; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.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; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.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; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/* Accordion ----------------------------------*/
.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; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.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;}
/*
 * jQuery UI Autocomplete 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; }
.ui-tabs-nav {
  list-style: none;
/*position: relative;*/
  padding: .2em .2em 0;
}
.ui-tabs-nav li {/*position: relative;*/ 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;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-panel { padding: 1em 1.2em; display: block; border-width: 0; background: none; font-size: 0.8em;}
.ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.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; }

/* with multiple calendars */
.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%; }

/* RTL support */
.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; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*===================== helpers: /assets/css/colourpicker.css */
#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 h2 {
		margin: 0 0 5px 0;
		font-size: 14px;
	}
*/
#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;
}

/*===================== XD<sup>e</sup>.images: /assets/css/images.css */
/*== Image Bank Gallery ==========================================================================================*/
.igItem{
	margin: 10px;
	float: left;
}
.igItem a img{
  border: 2px solid %xdeBlockBorderColour%;
}
.igItem a img:hover{
	border: 2px solid #fc0;
}
.ibgCaption{
  text-align: center;
}
.ibGallery{
  width: 100%;
  overflow: hidden;
}
/*== Image Bank Area and Slideshow ===============================================================================*/
.ibSlideshow, .ibImageArea{
  position: relative;
  overflow: hidden;
  background: #333;
  border: 2px solid %xdeBlockBorderColour%;
}
.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;
}
/*== Advanced Lightbox Styles =====================================================================================*/
#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;

	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;

	/* general conflict stopper */
	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; /* Trick IE into showing hover */
	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;
}

/*===================== XD<sup>e</sup>.images: /assets/css/dropzone.css */
/* The MIT License */
.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);
  /*min-height: 200px;*/
  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;
  /*background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 428px;
  height: 123px;
  */
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
/*
@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-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}*/
.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-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}*/
.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;
}
/*
@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-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    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-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;
  }
}


/*===================== XD<sup>e</sup>.core: /assets/css/xde.css */
/*=================================================================================================================
PawPrint XDe Baseline CSS
Copyright 2002-2011 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
/*== CSS Reset ====================================================================================================*/
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;}
/*fieldset,img{border:0;}*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/*li{list-style: none;}*/
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;}
/*== Additional Resets ============================================================================================*/
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: %xdeLinkTextColour%;
}
a:hover, a:active{
	color: %xdeLinkTextHoverColour%;
}
a:visited{
	color: %xdeLinkTextVisitedColour%;
}
textarea{
  font-size: 120%;
}
/*== Base Styles ==================================================================================================*/
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;
}

/*== Headline Styles ==============================================================================================*/

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

h1{
  color: %xdeHeadlineColour%;
  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;
}
/*== Utility Classes ==============================================================================================*/
.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: %xdeLightBackgroundColour%;
  color: %xdeDarkTextColour%;
}
.unshadedBG{
  background: %xdeBodyBackgroundColour%;
  color: %xdeBodyTextColour%;
}
/*== Form Styles ==================================================================================================*/

.fkSubj{/*used for form key*/
  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: %xdeMidTextColour%;
	font-size: 80%;
	display: block;
	margin-top: 0.2em;
}
.XDeForm .labelSpace{
	height: 1.2em;
 }
.XDeForm label.inline{
	font-size: 100%;
	display: inline;
  color: %xdeBodyTextColour%;
}
.XDeForm label.strong{
	font-size: 100%;
	font-weight: bold;
	display: inline;
  color: %xdeDarkTextColour%;
}
.XDeForm .ppInfoBox{
  background: %xdeLightBackgroundColour%;
}
.XDeForm .ibBox{
  border-color: %xdeInverseBorderColour%;
  box-shadow: 0 40px 50px -50px %xdeDarkBackgroundInsetShadow% inset;
  padding-bottom:  0.3rem;
}
.XDeForm .ibBoxTitle{
  color:  %xdeLightTextColour%;
  background: %xdeBodyBackground%;
  border-color: %xdeBlockBorderColour%;
  box-shadow: 0 10px 30px -10px %xdeDarkBackgroundInsetShadow% inset;
}
.formrow {
	margin-bottom: 15px;
	padding:0;
	text-align: left;
}
input, select, textarea{
  border:  1px solid %xdeMidBorderColour%;
  padding: 0.2rem;
}
input.checkbox{
	background: transparent;
}
input.required, select.required{
	border: 1px solid %xdeImportantBorderColour%;
  box-shadow: 0 0 6px %xdeImportantBackgroundInsetShadow% inset;
	background: %xdeImportantBackgroundColour%;
	color: %xdeImportantTextColour%;
}

.formErrors{
  width: 75%;
	padding: 10px 10px 2px 10px;
	margin:0px auto;
	border: 2px solid #c00;
	background: #fe6;
	color: #300;
}
/*== User Display Cards ===========================================================================================*/
.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 %xdeBlockBorderColour%;
  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;
}

/*== User Search ==================================================================================================*/
#xdeUserSearch{
  display: block;
  padding: 5px !important;
  border-radius: 5px;
  background-color: %xdeBlockHeaderTitleBackground%;
}
/*== User Profile =================================================================================================*/
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;
}
/*==- Admin Styles -========================================*/
.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;
}
/*==========================================================*/
/*Address Styles*/
.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;
}

/*==========================================================*/
/*Admin Menu*/
.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 Style*/

table.grid{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

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

}
/*==========================================================*/
/*Table Info Style*/

table.info{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

.info td{
  padding: 0.3rem;
	border-bottom:1px solid %xdeDarkBorderColour%;
	border-right:1px solid %xdeDarkBorderColour%;
}
.info td strong{
	color: %xdeDarkTextColour%;
}
.info th, .ppStripedTable th{
	padding: 0.7rem;
  text-align: left;
  background: %xdeDarkBackgroundColour%;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
  color: %xdeTextOnDarkBackground%;
  border-bottom:2px solid %xdeDarkBorderColour%;
  border-right:1px solid %xdeDarkBorderColour%;
}
/*== Striped Tables ========================================*/
.ppStripedTable{
  border-collapse: collapse;
}
.ppStripedTable td{
  border: 1px solid %xdeDarkBorderColour%;
  border-collapse: collapse;
  margin: 0;
  padding: 0.2em 0.5em;
}
.ppStripedTable tr{
  background: %xdeBodyBackgroundColour%;
}
.ppStripedTable tr.alternate{
  background: %xdeLightBackgroundColour%;
}
.ppStripedTable tr:hover{
  background: %xdeLightHoverBackgroundColour%;
}
/*==- Breadcrumb Nav -======================================*/
.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;
}
/*==========================================================*/
/*Pagination Links*/
.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;
}
/*==========================================================*/
/*XDe Base Styles*/

.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: %xdeTextOnDarkBackground%;
	text-decoration: none;
	font-weight: normal;
	background: %xdeDarkBackgroundColour%;
	border: 1px solid %xdeDarkBorderColour%;

	/*border-radius: 4px;*/
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 10px 10px -10px %xdeLightBackgroundInsetShadow% 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;
	/*border-radius: 2px;*/
}
a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited{
  font-size: 120%;
  padding: 0.5rem;
  margin: 1rem;
	/*border-radius: 10px;*/
}

a.textbutton:hover, a.bigtextbutton:hover, a.minitextbutton:hover, input.textbutton:hover {
	background: %xdeActiveBackgroundColour%;
	color: %xdeTextOnActiveBackground%;
	font-weight: normal;
  border-color: %xdeActiveBorderColour%;
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 -10px 10px -10px %xdeActiveBackgroundInsetShadow% inset;
}

.bbTextUtils a.textbutton{
	font-size: 75%;
	margin: 2px 1px 2px 0;
}
/*==========================================================*/
/* Buttons */
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;
}
/*==========================================================*/
/*XDe Boxes*/
.ppInfoBox{
	border: 1px solid %xdeDarkBorderColour%;
	padding: 0;
	margin-bottom: 0.2em;
  box-shadow: 0 0 5px %xdeDarkShadow%;
}
.ui-tabs-panel .ppInfoBox{
  box-shadow: none;
}

.ibTitle{
	width: auto;
	font-weight: bold;
	border-bottom: 1px solid %xdeDarkBorderColour%;
	background: %xdeDarkBackgroundColour%;
	color: %xdeTextOnDarkBackground%;
	padding: 0.7rem;
  text-align: left;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
}

.ibMidBorderBox{
  background: %xdeMidBackgroundColour%;
	color: %xdeTextOnMidBackground%;
	font-weight: normal;
	width: 50%;
	text-align:center;
	border: 1px solid %xdeMidBorderColour%;
	margin: 0.5em auto 0.5em auto;
}
.ibNotes{
  padding: 0 0.5em 0 0.5em;
	font-size: 90%;
}
.ibHighlight{
  background: %xdeBlockHighlightBackground%;;
}
.ibHover:hover{
  background: %xdeLightHoverBackgroundColour%;
}
.ibBox{
	margin: 0.7em 0 0.5em 0;
	border: 2px solid %xdeLightBorderColour%;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
.ibBoxTitle{
	margin: -0.8em auto 0.5em 0.5em;
	width: 50%;
	border: 1px solid %xdeLightBorderColour%;
	padding: 0.2em;
	background: %xdeLightBackgroundColour%;
	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;
}
/*==========================================================*/
/*jqContainer Styles */
.jqToggleContainer, .jqShowContainer{
	cursor: pointer;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #eee;
	padding: 0 0 0 0.5em;
}
/*
.jqHideContainer{
	margin-top: 0.2em;
}*/
/*==========================================================*/
/*Usergroups*/
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;
}
/*==========================================================*/
/*User & group Selection Widgit elements*/
.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%;
}
/*==========================================================*/
/*New Tabs Admin Menu*/

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: %xdeLightBackgroundColour%;
	border-left: 4px solid %xdeLightBorderColour%;
	color: %xdeTextOnLightBackground%;
	text-decoration: none;
	width: auto;
}
.ppAdminTools li a:hover{
	background: %xdeLightHoverBackgroundColour%;
	color: %xdeLightHoverTextColour%;
	border-left: 4px solid %xdeMidBorderColour%;
}
/*== Security Styles =======================================*/
.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%;
}
/*== Recent Items ==========================================*/
.miniContentDialog{
  display: none;
}
/*== Recent Items ==========================================*/
.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;
}

/*==========================================================*/
/*JQ UI Overrides*/
div.ppTabsContainer{
	margin: 0.5em 1em 1em 1em;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@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;}

/*== file icons ==========================================*/
.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;
}
/*
.ppIcon128{
  width: 128px;
  height: 128px;
  margin-bottom: -48px;
  line-height: 128px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons128.png) no-repeat;
  border: 0 none;
}

.ppIconLink128{
  margin-right: 1em;
  height: 128px;
  line-height: 128px;
}*/
.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;}

/* == 32px Versions ==*/
.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;}

/* == 64px Versions ==*/
.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;}


/* == 128px Versions DISABLED ==*/
/*
.icon128{background-position: 0 0;}
.icon128XML{background-position: -128px 0;}
.icon128CSV{background-position: -256px 0;}
.icon128TXT{background-position: -384px 0;}
.icon128PDF{background-position: -512px 0;}
.icon128HTML{background-position: -640px 0;}
.icon128DOC{background-position: -768px 0;}
.icon128DOCX{background-position: -896px 0;}
.icon128PPT{background-position: -1024px 0;}

.icon128GIF{background-position: 0 -128px;}
.icon128WWW, .icon128LINK, .icon128PHP{background-position: -128px -128px;}
.icon128XLS{background-position: -256px -128px;}
.icon128WMV{background-position: -384px -128px;}
.icon128MOV,.icon128QT{background-position: -512px -128px;}
.icon128RM,.icon128RAM{background-position: -640px -128px;}
.icon128MPG,.icon128MPEG{background-position: -768px -128px;}
.icon128FLV,.icon128F4V{background-position: -896px -128px;}
.icon128SWF{background-position: -1024px -128px;}

.icon128PNG{background-position: 0 -256px;}
.icon128PAGE, .icon128LOCAL{background-position: -128px -256px;}
.icon128MP3{background-position: -256px -256px;}
.icon128OGG{background-position: -384px -256px;}
.icon128WAV{background-position: -512px -256px;}
.icon128ZIP{background-position: -640px -256px;}
.icon128RAR{background-position: -768px -256px;}
.icon128GZ{background-position: -896px -256px;}
.icon128BAN{background-position: -1024px -256px;}

.icon128JPG,.icon128JPEG{background-position: 0 -384px;}
.icon128FTP{background-position: -128px -384px;}
.icon128RSS{background-position: -256px -384px;}
.icon128FOLDER{background-position: -384px -384px;}
.icon128FOLDER2{background-position: -512px -384px;}
.icon128FOLDER3{background-position: -640px -384px;}
.icon128FOLDER4{background-position: -768px -384px;}
.icon128LOCK{background-position: -896px -384px;}
.icon128PRINT{background-position: -1024px -384px;}

.icon128XDE{background-position: 0 -512px;}
.icon128EXE{background-position: -128px -512px;}
.icon128JAR{background-position: -256px -512px;}
.icon128ODF,.icon128ODT,.icon128ODS,.icon128ODP,.icon128ODG{background-position: -384px -512px;}
.icon128ISO{background-position: -512px -512px;}
.icon128TAR{background-position: -640px -512px;}
.icon128TTF{background-position: -768px -512px;}
.icon128OTF{background-position: -896px -512px;}
.icon128BLANK{background-position: -1024px -512px;}
*/
.ppFileLinkTipIcon{
  width: 64px;
  height: 64px;
  padding: 10px;
  border: 2px solid #999;
  background: #eee;
  float: left;
  margin-right: 1em;
}
/*== Youtube Embedding Styles =====================================================================================*/
.ppYoutube{
  margin: 1em;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #000;
}
/*== bbWizard Styles ==============================================================================================*/
#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%;
}

/*===================== XD<sup>e</sup>.core: /assets/css/jquery-ui.css */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=e7eef3&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=b2c7d7&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=f0f0f0&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=b2c7d7&fcHover=0b5b98&iconColorHover=2694e8&bgColorActive=99c2ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Misc visuals
----------------------------------*/

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

/* Component containers
----------------------------------*/
.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; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; 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: #444444; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444444; 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: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid #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;
}


/* Icons
----------------------------------*/
.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:  %xdeLightBackgroundColour%;
  border-radius:  10px;
  margin:  0;
}

/* states and images */
.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); }

/* positioning */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
  background: #444444 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: #aaaaaa 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;
}

/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.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; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.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; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.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; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/* Accordion ----------------------------------*/
.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; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.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;}
/*
 * jQuery UI Autocomplete 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; }
.ui-tabs-nav {
  list-style: none;
/*position: relative;*/
  padding: .2em .2em 0;
}
.ui-tabs-nav li {/*position: relative;*/ 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;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-panel { padding: 1em 1.2em; display: block; border-width: 0; background: none; font-size: 0.8em;}
.ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.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; }

/* with multiple calendars */
.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%; }

/* RTL support */
.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; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*===================== manage.content: /assets/css/managecontent.css */
.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;
  /*margin: 0 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 #eeeecc;
	background: #ffffee;
	cursor: pointer;
}
/*== Admin Styles ==============================================*/
#formContentManagement fieldset{
	background: #dfdfdf;
	color: #000;
	border: 2px solid #ccc;
}
#formContentManagement fieldset legend{
	border: 2px solid #cccccc;
	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: #dddddd;
  border: 2px solid #cccccc;
  list-style: none;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.mcNavSubItems, .mcNavSubSubItems{
  background: #ffffff;
  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;
}
/*== Mobile Menu Styles ========================================*/
/*
.mobileContentMenuContainer{
	font-size: 150%;
	position: absolute;
	top: 10px;
	left: 0;
	width: 99%;
	z-index: 900;
	display: none;
	border: 2px #333333 solid;
	background: #dddddd;
	color: #000000;

	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);
}*/
/*== Pop Menu Styles ===========================================*/
#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: #333366;
  color: #ffffff;
  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 #333333;
}

.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;
	/*height: 1.4em; can't do this or wrapping fails*/
}
.menucontent li a:link, .menucontent li a:visited, .menucontent li a:hover, .menucontent li a:active{
	display: block;
	width: 95%; /*force hasLayout to prevent IE5,6 bug*/
	width: auto; /*reset for the rest of the world */
	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;
}

/*== Content Snippit Styles ====================================*/
.contentSnipCategory{
  margin: 1em;
  padding: 1em;
  background: %xdeBlockHighlightBackground%;
  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;
}

/*===================== manage.content: /assets/css/navicons.css */
/*=================================================================================================================
PawPrint XDe Navigation Icon Styles
Copyright 1997-2012 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
.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;
}

/*=- Icon Sprite Specs -===========================================================================================*/

.ppSprite1x1{
  background-position: 0 0;
}
/*=- 10x10 24px Sprite Grid -======================================================================================*/
.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;}


/*=- 10x10 32px Sprite Grid -======================================================================================*/
.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;}

/*=- 10x10 64px Sprite Grid -======================================================================================*/
.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;}

/*===================== news: /assets/css/news.css */
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 %xdeDarkBorderColour%;
}

.newsAdminNote{
	font-weight: bold;
	color: %xdeImportantTextColour%;
	background: %xdeImportantBackgroundColour%;
	margin: 0 0 0 5px;
	padding: 0 5px 0 5px;
	cursor: help;
	border:1px solid %xdeImportantBorderColour%;
}
.newsAdminInfo{
	color: %xdeMidTextColour%;
	font-weight:normal;
	background: %xdeBodyBackgroundColour%;
	margin: 0 0 0 5px;
	padding: 0 1px 0 1px;
	cursor: help;
	border:1px solid %xdeLightBorderColour%;
	font-style: italic;
}
.newsArticleSpecs{
  float: right;
  margin: -2em -1.5em 1em 1em;
  padding: 10px;
  width: 15em;
  background: %xdeBodyBackgroundColour%;
}
/*=- Responsive news structure -=============================================================================*/
.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;
  }
}

/*== Rounded Corners By Section =============================================================================*/
.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: %xdeLightBackgroundColour%;
	color: %xdeTextOnLightBackground%;
	padding: 1em;
}
.newsBlogEntry{
  margin: 1.5em 1em 1.5em 1em;
	border: 2px solid %xdeMidBorderColour%;
	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: %xdeHeadlineColour%;
}
.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:  %xdeTextOnLightBackground%;
  background: %xdeLightBackgroundColour%;
  border-color: %xdeLightBorderColour%;
  box-shadow: 0 10px 30px -10px %xdeDarkBackgroundInsetShadow% 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 %xdeMidBorderColour%;
	float: left;
	margin: 0.5em;
	width: 160px;
	height: 200px;
	background: %xdeMidBackgroundColour%;
	color: %xdeTextOnMidBackground%;
	overflow: hidden;
}
.newsImageItem img{
	border: 1px solid %xdeDarkBorderColour%;
	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: %xdeBodyBackgroundColour%;
	color: %xdeBodyTextColour%;
  margin: 1em;
}

/*===================== GIS: /assets/css/maps.css */
.ppMapContainer{
	margin: 0 auto;
}
.ppMapArea{
	border:1px solid #000000;
	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: #cccccc;
}
.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;
}
/*=== Framed Cloud Popup Styles ===============================================================================================*/
.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}
/*=== Google Layer Styles =====================================================================================================*/
.olLayerGoogleCopyright {
    right: 3px;
    bottom: 2px;
    left: auto;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    bottom: 0px;
    right: 0px !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 0px !important;
}
/*=== Base Open Layers Styles =================================================================================================*/
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); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.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;
  }
}

/*===================== ppGraph: /assets/css/ppgraph.css */
div.flotGraphContainer{
  background: #eeeeee;
  padding: 10px;
  margin: 10px;
  border: 1px solid #000000;
}
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 #cccccc;
  background: #ffffff;
  opacity: 0.80;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/*===================== ppMessage: /assets/css/ppmessage.css */
div.ppMessage{
	background: #dddddd;
	border: 2px solid #cccccc;
	color: #6666ff;
	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 #ffffff;
}
.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: #ffffff;
	background:#0000ff;
	border: 1px solid #000066;
	border-radius: 15px;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.pmiWarn{
	background: #ffeecc;
	color: #333300;
}
.pmiInfo{
	background: #eeeeff;
	color: #000033;
}
.pmiActive{
	background: #eeffee;
	color: #003300;
}
.pmiError{
	background: #ffeeee;
	color: #330000;
}
.pmiInfo .pmSymbol{
	color: #ffffff;
	background:#0000ff;
	border: 1px solid #000066;
}
.pmiWarn .pmSymbol{
	color: #ffffff;
	background:#cccc00;
	border: 1px solid #666600;
}
.pmiActive .pmSymbol{
	color: #ffffff;
	background:#00cc00;
	border: 1px solid #006600;
}
.pmiError .pmSymbol{
	color: #ffffff;
	background:#ff0000;
	border: 1px solid #660000;
}

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

/*== Special Active Types =======================*/
.pmiActive1{
	background: #ffeeee;
	color: #330000;
}
.pmiActive1 .pmSymbol{
	color: #ffffff;
	background:#cc0000;
	border: 1px solid #660000;
}
.pmiActive2{
	background: #eeffee;
	color: #003300;
}
.pmiActive2 .pmSymbol{
	color: #ffffff;
	background:#00cc00;
	border: 1px solid #006600;
}
.pmiActive3{
	background: #eeeeff;
	color: #000033;
}
.pmiActive3 .pmSymbol{
	color: #ffffff;
	background:#0000cc;
	border: 1px solid #000066;
}
.pmiActive4{
	background: #ffeeff;
	color: #330033;
}
.pmiActive4 .pmSymbol{
	color: #ffffff;
	background:#cc00cc;
	border: 1px solid #660066;
}
.pmiActive5{
	background: #ffffee;
	color: #333300;
}
.pmiActive5 .pmSymbol{
	color: #ffffff;
	background:#cccc00;
	border: 1px solid #666600;
}

/*===================== quiz: /assets/css/quiz.css */
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 #cccccc;
	background: #ffcc00;
	font-weight: bold;
	text-align:center;
}
div.quizScore div.score{
	
}
div.quizScore div.feedback{
	border:2px solid #ccccff;
	padding: 0.5em;
	font-style: italic;
}
div.quizQuestionEval{
  padding: 1em;
}
div.quizQuestionEvalHi{
	padding: 1em;
	border:2px solid #cccccc;
	background: #ffcccc;
}
div.quizQuestionEval div.evaluation, div.quizQuestionEvalHi div.evaluation{
  width: 30em;
	border: 2px solid #cccccc;
	background: #eeeeff;
	padding: 1em;
	margin-top:0.5em;
}
div.quizQuestionEval div.score, div.quizQuestionEvalHi div.score{
	border:2px solid #cccccc;
	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 #cccccc;
	padding: 0.2em;
	line-height: 0.8em;
	margin: 1em;
	width: 1em;
	color: #ffffff;
	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 #aaccaa;
	background: #ddffdd;
	padding: 0.2em;
	font-weight: bold;
}
div.quizSelectedAnswer{
  margin: 0.2em;
}

div.quizQuestionBlock{
	border:2px solid #cccccc;
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0.5em;
}
div.quizScoreMessage{
	border:3px solid #cccccc;
	margin: 1em;
	padding: 0.5em;
}
div.quizAnswerKey{
	font-size: 200%;
	margin: 10mm;
	text-align:center;
	color: #660000;
	page-break-after: always;
}
div.quiz_instructions{
	page-break-after: always;
}
div.quizPrintQuestion{
	page-break-inside: avoid;
	display: block;
}

/*===================== sar: /assets/css/sar.css */
.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);
}
/*==- Dashboard -==================================================================*/
.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);
}
/*==- Sar Access Levels -==========================================================*/
.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;
}
/*==- Sar Safety Report -==========================================================*/
.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;
}


/*===================== XD<sup>e</sup>.search: /assets/css/search.css */
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;
}

/*===================== sitemap: /assets/css/sitemap.css */
div.sitemapGroup{
	border: 2px solid #cccccc;
	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 #cccccc;
	margin: 0 1em 0 0;
}

div.sitemapIndex div.letter{
  border-top: 2px solid #eeeeee;
	font-weight: bold;
	font-size: 120%;
	padding: 0.2em;
	color: #666666;
	width: auto;
}

div.sitemapIndex ul{
	margin-top: -1.2em;
	list-style: none;
}


/*===================== treeview: /assets/css/pptreeview.css */
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;
}

/*===================== XD<sup>e</sup>.video: /assets/css/video.css */
.xdeVideoFrame{
  border: 0;
  background: transparent;
  overflow: hidden;
  padding: 0;
}
.xdeInlineVideo{
	border: 0 none;
	background: transparent;
}

.xdeVideoPreviewImage{
	border:2px solid #333333;
}
.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: #dddddd;
	color: #000000;
	font-weight: normal;
	width: 216px;
	text-align:center;
	border: 1px solid #000000;
	margin: 0.5em auto 0.5em auto;
}
.videoUploadForm img.preview{
	margin: 0.5em auto 0 auto;
	border:1px solid #000000;
}
.videoUploadForm label{
  color: #666666;
	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: #666666;
	border-bottom: 1px solid #cccccc;
	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 #cccccc;
	color: #444444;
	background: #aaaaaa;
	text-align: right;
	margin: 0 0.2em 0 0;
	padding: 0 2px 0 3px;
}

.xdeVideoPlayerDialog{
	padding: 0px;
	background: #000000;
	color: #ffffff;
}

.xdeVideoPlayerDialog .ui-dialog-content, .xdeVideoPlayerDialog .ui-widget-content{
	margin: 0 auto;
	padding: 0;
}

/*===================== XD<sup>e</sup>.video: /assets/css/ppbox.css */
/*==========================================================*/
/*Advanced Lightbox Styles*/
#ppBox, #ppBoxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom:auto;
	right:auto;

	z-index:95;
	width:100%;
	height:auto;

	text-align:center;
	color:#333;

	/* stop stupid conflicts */
	margin:0;
	padding:0;
	border:none;
	outline:none;
	line-height:0;

	/* general conflict stopper */
	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: #990000;
	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;
}

/*===================== XD<sup>e</sup>.support: /assets/css/jquery-ui.css */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=e7eef3&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=b2c7d7&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=f0f0f0&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=b2c7d7&fcHover=0b5b98&iconColorHover=2694e8&bgColorActive=99c2ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Misc visuals
----------------------------------*/

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

/* Component containers
----------------------------------*/
.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; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; 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: #444444; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444444; 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: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid #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;
}


/* Icons
----------------------------------*/
.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:  %xdeLightBackgroundColour%;
  border-radius:  10px;
  margin:  0;
}

/* states and images */
.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); }

/* positioning */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
  background: #444444 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: #aaaaaa 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;
}

/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.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; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.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; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.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; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/* Accordion ----------------------------------*/
.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; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.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;}
/*
 * jQuery UI Autocomplete 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; }
.ui-tabs-nav {
  list-style: none;
/*position: relative;*/
  padding: .2em .2em 0;
}
.ui-tabs-nav li {/*position: relative;*/ 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;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-panel { padding: 1em 1.2em; display: block; border-width: 0; background: none; font-size: 0.8em;}
.ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.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; }

/* with multiple calendars */
.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%; }

/* RTL support */
.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; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*===================== XD<sup>e</sup>.support: /assets/css/masonry.css */
/*
Styles used for masonry plugin
*/
.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;
}

/* right margin value is 0.1% less than calculated,
  to allow for rounding errors in Firefox */
.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%;}

/*===================== XD<sup>e</sup>.support: /assets/css/jquery.rating.css */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
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}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/*===================== XD<sup>e</sup>.support: /assets/css/jquery-tools.css */
/* jQuery Tools CSS
   Copyright 2008-2009 PawPrint.net

==================================================================================*/

/*=== Tooltip Widget =============================================================*/
.jqtTooltip {
    color:#eeeeee !important;
    background: #333333 !important;
    border: 4px solid #eeeeee !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);
}

/* tooltip title element (h3) */
.jqtTooltip h3 {
    margin:0;
    font-size:18px;
    color:#ffffff !important ;
}

/*=== Scrollable Widget ==========================================================*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 650px;
	height:120px;


	/* custom decorations */
	padding:10px 0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;

	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
}

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

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
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;

}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}




/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
  width: 200px;
  margin: 0 auto;
  height: 20px;
  text-align: center;
}


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

/* mouseover state
div.navi a:hover {
}
*/

/* active state (current page state)
div.navi a.active {
}
*/


/*===================== XD<sup>e</sup>.support: /assets/css/xde.css */
/*=================================================================================================================
PawPrint XDe Baseline CSS
Copyright 2002-2011 PawPrint.net
Author: Scott W. Baker
===================================================================================================================*/
/*== CSS Reset ====================================================================================================*/
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;}
/*fieldset,img{border:0;}*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/*li{list-style: none;}*/
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;}
/*== Additional Resets ============================================================================================*/
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: %xdeLinkTextColour%;
}
a:hover, a:active{
	color: %xdeLinkTextHoverColour%;
}
a:visited{
	color: %xdeLinkTextVisitedColour%;
}
textarea{
  font-size: 120%;
}
/*== Base Styles ==================================================================================================*/
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;
}

/*== Headline Styles ==============================================================================================*/

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

h1{
  color: %xdeHeadlineColour%;
  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;
}
/*== Utility Classes ==============================================================================================*/
.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: %xdeLightBackgroundColour%;
  color: %xdeDarkTextColour%;
}
.unshadedBG{
  background: %xdeBodyBackgroundColour%;
  color: %xdeBodyTextColour%;
}
/*== Form Styles ==================================================================================================*/

.fkSubj{/*used for form key*/
  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: %xdeMidTextColour%;
	font-size: 80%;
	display: block;
	margin-top: 0.2em;
}
.XDeForm .labelSpace{
	height: 1.2em;
 }
.XDeForm label.inline{
	font-size: 100%;
	display: inline;
  color: %xdeBodyTextColour%;
}
.XDeForm label.strong{
	font-size: 100%;
	font-weight: bold;
	display: inline;
  color: %xdeDarkTextColour%;
}
.XDeForm .ppInfoBox{
  background: %xdeLightBackgroundColour%;
}
.XDeForm .ibBox{
  border-color: %xdeInverseBorderColour%;
  box-shadow: 0 40px 50px -50px %xdeDarkBackgroundInsetShadow% inset;
  padding-bottom:  0.3rem;
}
.XDeForm .ibBoxTitle{
  color:  %xdeLightTextColour%;
  background: %xdeBodyBackground%;
  border-color: %xdeBlockBorderColour%;
  box-shadow: 0 10px 30px -10px %xdeDarkBackgroundInsetShadow% inset;
}
.formrow {
	margin-bottom: 15px;
	padding:0;
	text-align: left;
}
input, select, textarea{
  border:  1px solid %xdeMidBorderColour%;
  padding: 0.2rem;
}
input.checkbox{
	background: transparent;
}
input.required, select.required{
	border: 1px solid %xdeImportantBorderColour%;
  box-shadow: 0 0 6px %xdeImportantBackgroundInsetShadow% inset;
	background: %xdeImportantBackgroundColour%;
	color: %xdeImportantTextColour%;
}

.formErrors{
  width: 75%;
	padding: 10px 10px 2px 10px;
	margin:0px auto;
	border: 2px solid #c00;
	background: #fe6;
	color: #300;
}
/*== User Display Cards ===========================================================================================*/
.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 %xdeBlockBorderColour%;
  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;
}

/*== User Search ==================================================================================================*/
#xdeUserSearch{
  display: block;
  padding: 5px !important;
  border-radius: 5px;
  background-color: %xdeBlockHeaderTitleBackground%;
}
/*== User Profile =================================================================================================*/
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;
}
/*==- Admin Styles -========================================*/
.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;
}
/*==========================================================*/
/*Address Styles*/
.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;
}

/*==========================================================*/
/*Admin Menu*/
.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 Style*/

table.grid{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

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

}
/*==========================================================*/
/*Table Info Style*/

table.info{
	border-top:1px solid %xdeDarkBorderColour%;
	border-left:1px solid %xdeDarkBorderColour%;
}

.info td{
  padding: 0.3rem;
	border-bottom:1px solid %xdeDarkBorderColour%;
	border-right:1px solid %xdeDarkBorderColour%;
}
.info td strong{
	color: %xdeDarkTextColour%;
}
.info th, .ppStripedTable th{
	padding: 0.7rem;
  text-align: left;
  background: %xdeDarkBackgroundColour%;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
  color: %xdeTextOnDarkBackground%;
  border-bottom:2px solid %xdeDarkBorderColour%;
  border-right:1px solid %xdeDarkBorderColour%;
}
/*== Striped Tables ========================================*/
.ppStripedTable{
  border-collapse: collapse;
}
.ppStripedTable td{
  border: 1px solid %xdeDarkBorderColour%;
  border-collapse: collapse;
  margin: 0;
  padding: 0.2em 0.5em;
}
.ppStripedTable tr{
  background: %xdeBodyBackgroundColour%;
}
.ppStripedTable tr.alternate{
  background: %xdeLightBackgroundColour%;
}
.ppStripedTable tr:hover{
  background: %xdeLightHoverBackgroundColour%;
}
/*==- Breadcrumb Nav -======================================*/
.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;
}
/*==========================================================*/
/*Pagination Links*/
.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;
}
/*==========================================================*/
/*XDe Base Styles*/

.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: %xdeTextOnDarkBackground%;
	text-decoration: none;
	font-weight: normal;
	background: %xdeDarkBackgroundColour%;
	border: 1px solid %xdeDarkBorderColour%;

	/*border-radius: 4px;*/
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 10px 10px -10px %xdeLightBackgroundInsetShadow% 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;
	/*border-radius: 2px;*/
}
a.bigtextbutton:hover, a.bigtextbutton:link, a.bigtextbutton:active, a.bigtextbutton:visited{
  font-size: 120%;
  padding: 0.5rem;
  margin: 1rem;
	/*border-radius: 10px;*/
}

a.textbutton:hover, a.bigtextbutton:hover, a.minitextbutton:hover, input.textbutton:hover {
	background: %xdeActiveBackgroundColour%;
	color: %xdeTextOnActiveBackground%;
	font-weight: normal;
  border-color: %xdeActiveBorderColour%;
	box-shadow: 0 0 5px %xdeDarkShadow%,
              0 -10px 10px -10px %xdeActiveBackgroundInsetShadow% inset;
}

.bbTextUtils a.textbutton{
	font-size: 75%;
	margin: 2px 1px 2px 0;
}
/*==========================================================*/
/* Buttons */
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;
}
/*==========================================================*/
/*XDe Boxes*/
.ppInfoBox{
	border: 1px solid %xdeDarkBorderColour%;
	padding: 0;
	margin-bottom: 0.2em;
  box-shadow: 0 0 5px %xdeDarkShadow%;
}
.ui-tabs-panel .ppInfoBox{
  box-shadow: none;
}

.ibTitle{
	width: auto;
	font-weight: bold;
	border-bottom: 1px solid %xdeDarkBorderColour%;
	background: %xdeDarkBackgroundColour%;
	color: %xdeTextOnDarkBackground%;
	padding: 0.7rem;
  text-align: left;
  box-shadow: 0 3em 3em -2em %xdeLightBackgroundInsetShadow% inset;
}

.ibMidBorderBox{
  background: %xdeMidBackgroundColour%;
	color: %xdeTextOnMidBackground%;
	font-weight: normal;
	width: 50%;
	text-align:center;
	border: 1px solid %xdeMidBorderColour%;
	margin: 0.5em auto 0.5em auto;
}
.ibNotes{
  padding: 0 0.5em 0 0.5em;
	font-size: 90%;
}
.ibHighlight{
  background: %xdeBlockHighlightBackground%;;
}
.ibHover:hover{
  background: %xdeLightHoverBackgroundColour%;
}
.ibBox{
	margin: 0.7em 0 0.5em 0;
	border: 2px solid %xdeLightBorderColour%;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
.ibBoxTitle{
	margin: -0.8em auto 0.5em 0.5em;
	width: 50%;
	border: 1px solid %xdeLightBorderColour%;
	padding: 0.2em;
	background: %xdeLightBackgroundColour%;
	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;
}
/*==========================================================*/
/*jqContainer Styles */
.jqToggleContainer, .jqShowContainer{
	cursor: pointer;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #eee;
	padding: 0 0 0 0.5em;
}
/*
.jqHideContainer{
	margin-top: 0.2em;
}*/
/*==========================================================*/
/*Usergroups*/
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;
}
/*==========================================================*/
/*User & group Selection Widgit elements*/
.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%;
}
/*==========================================================*/
/*New Tabs Admin Menu*/

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: %xdeLightBackgroundColour%;
	border-left: 4px solid %xdeLightBorderColour%;
	color: %xdeTextOnLightBackground%;
	text-decoration: none;
	width: auto;
}
.ppAdminTools li a:hover{
	background: %xdeLightHoverBackgroundColour%;
	color: %xdeLightHoverTextColour%;
	border-left: 4px solid %xdeMidBorderColour%;
}
/*== Security Styles =======================================*/
.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%;
}
/*== Recent Items ==========================================*/
.miniContentDialog{
  display: none;
}
/*== Recent Items ==========================================*/
.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;
}

/*==========================================================*/
/*JQ UI Overrides*/
div.ppTabsContainer{
	margin: 0.5em 1em 1em 1em;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@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;}

/*== file icons ==========================================*/
.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;
}
/*
.ppIcon128{
  width: 128px;
  height: 128px;
  margin-bottom: -48px;
  line-height: 128px;
  background: transparent url(https://ccgaca.s3.amazonaws.com/images/icons/ppicons128.png) no-repeat;
  border: 0 none;
}

.ppIconLink128{
  margin-right: 1em;
  height: 128px;
  line-height: 128px;
}*/
.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;}

/* == 32px Versions ==*/
.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;}

/* == 64px Versions ==*/
.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;}


/* == 128px Versions DISABLED ==*/
/*
.icon128{background-position: 0 0;}
.icon128XML{background-position: -128px 0;}
.icon128CSV{background-position: -256px 0;}
.icon128TXT{background-position: -384px 0;}
.icon128PDF{background-position: -512px 0;}
.icon128HTML{background-position: -640px 0;}
.icon128DOC{background-position: -768px 0;}
.icon128DOCX{background-position: -896px 0;}
.icon128PPT{background-position: -1024px 0;}

.icon128GIF{background-position: 0 -128px;}
.icon128WWW, .icon128LINK, .icon128PHP{background-position: -128px -128px;}
.icon128XLS{background-position: -256px -128px;}
.icon128WMV{background-position: -384px -128px;}
.icon128MOV,.icon128QT{background-position: -512px -128px;}
.icon128RM,.icon128RAM{background-position: -640px -128px;}
.icon128MPG,.icon128MPEG{background-position: -768px -128px;}
.icon128FLV,.icon128F4V{background-position: -896px -128px;}
.icon128SWF{background-position: -1024px -128px;}

.icon128PNG{background-position: 0 -256px;}
.icon128PAGE, .icon128LOCAL{background-position: -128px -256px;}
.icon128MP3{background-position: -256px -256px;}
.icon128OGG{background-position: -384px -256px;}
.icon128WAV{background-position: -512px -256px;}
.icon128ZIP{background-position: -640px -256px;}
.icon128RAR{background-position: -768px -256px;}
.icon128GZ{background-position: -896px -256px;}
.icon128BAN{background-position: -1024px -256px;}

.icon128JPG,.icon128JPEG{background-position: 0 -384px;}
.icon128FTP{background-position: -128px -384px;}
.icon128RSS{background-position: -256px -384px;}
.icon128FOLDER{background-position: -384px -384px;}
.icon128FOLDER2{background-position: -512px -384px;}
.icon128FOLDER3{background-position: -640px -384px;}
.icon128FOLDER4{background-position: -768px -384px;}
.icon128LOCK{background-position: -896px -384px;}
.icon128PRINT{background-position: -1024px -384px;}

.icon128XDE{background-position: 0 -512px;}
.icon128EXE{background-position: -128px -512px;}
.icon128JAR{background-position: -256px -512px;}
.icon128ODF,.icon128ODT,.icon128ODS,.icon128ODP,.icon128ODG{background-position: -384px -512px;}
.icon128ISO{background-position: -512px -512px;}
.icon128TAR{background-position: -640px -512px;}
.icon128TTF{background-position: -768px -512px;}
.icon128OTF{background-position: -896px -512px;}
.icon128BLANK{background-position: -1024px -512px;}
*/
.ppFileLinkTipIcon{
  width: 64px;
  height: 64px;
  padding: 10px;
  border: 2px solid #999;
  background: #eee;
  float: left;
  margin-right: 1em;
}
/*== Youtube Embedding Styles =====================================================================================*/
.ppYoutube{
  margin: 1em;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #000;
}
/*== bbWizard Styles ==============================================================================================*/
#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%;
}

/*===================== XD<sup>e</sup>.support: /assets/css/ppbox.css */
/*==========================================================*/
/*Advanced Lightbox Styles*/
#ppBox, #ppBoxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom:auto;
	right:auto;

	z-index:95;
	width:100%;
	height:auto;

	text-align:center;
	color:#333;

	/* stop stupid conflicts */
	margin:0;
	padding:0;
	border:none;
	outline:none;
	line-height:0;

	/* general conflict stopper */
	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: #990000;
	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;
}


/*==== 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 &copy; 2000-2025 Canadian Coast Guard Auxiliary - Central and Arctic - code Copyright &copy; 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 &copy; 2000-2025 Canadian Coast Guard Auxiliary - Central and Arctic - code Copyright &copy; 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;
}