/*------------------------------------------------------------------------
# Soapbox Engage -> Style CSS (v1.0.0)
# ------------------------------------------------------------------------
# Copyright (C) 2011 PICNet, Inc. All Rights Reserved.
# Author:  Ryan Belisle
# Website:   http: //www.picnet.net
-------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/





/* ------------------------------------------------------------------------
/* !LAYOUT:  Basic Template */
/* ----------------------------------------------------------------------*/
body {
	color: #58595B;
	background: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

/* !Printable page & Mailto Page Popups */
body.contentpane {
	color: #58595B;
	background: #fff;
}

/* !Modal Pane Popups */
body.modalpane {
	color: #444;
	background-color: #fff;
}

#wrapper {
}

#main {
	background: #fff;
}

#main #content {
	padding: 30px 0 0;
}

.pHome #main #content {
	padding: 0;
}

#header {
	padding: 20px 0;
	position: relative;
}

#logo {
	display: block;
	float: left;
	margin: 0;
}

#header ul li {
	background: none;
	padding: 0;
}

#mainnav {
	float: right;
	padding-top: 32px;
}

#mainnav ul {
	margin: 0;
}

#mainnav #ja-cssmenu {
	margin: 0 -30px;
}

#mainnav #ja-cssmenu li {
    display: inline-block;
    position: relative;
}

#ja-cssmenu li a {
    text-decoration: none;
}

#mainnav #ja-cssmenu > li > a {
    color: #57659E;
    display: block;
	font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    line-height: 24px;
    padding: 13px 30px;
}

#mainnav #ja-cssmenu > li:hover > a {
	background: #1D4489;
	color: #fff;
}

#mainnav #ja-cssmenu li ul {
    background-color: #ECF8FE;
    display: none;
    width: 280px;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    height: auto;
    z-index: 1000;
}

#mainnav #ja-cssmenu li:hover > ul, 
#mainnav #ja-cssmenu li li:hover > ul, 
#mainnav #ja-cssmenu li li li:hover > ul {
    display: block;
}

#mainnav #ja-cssmenu li ul li {
    margin: 0;
    display: block;
    padding: 0px 20px;
}

#mainnav #ja-cssmenu li ul li a {
	color: #57659E;
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
	font-weight: 500;
	line-height: 16px;
}

#mainnav #ja-cssmenu li ul li a:hover {
	text-decoration: underline;
}

#top-mainnav {
	margin-bottom: 15px;
	text-align: right;
}

#top-mainnav ul.menu {
	margin: 0 -15px;
}

#top-mainnav ul.menu li {
	display: inline-block;
	padding: 0 15px;
}

#top-mainnav ul.menu li a, #top-mainnav ul.menu li span {
	color: #A75A66;
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
	text-decoration: none;
}

#top-mainnav ul.menu li a:hover, #top-mainnav ul.menu li span:hover {
	color: #932C4A;
	text-decoration: underline;
	/* font-weight: bold; */
}

#footer {
	background: #1D4489;
	color: #fff;
	font-size: 13px;
	position: relative;
	text-align: right;
	padding: 40px 0;
	clear: both;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer ul.social {
	margin: 0 0 15px;
}

#footer ul.social li {
	background: none;
	display: inline-block;
	padding: 0 0 0 5px;
}

#footer ul.social li a {
	font-size: 0;
	display: block;
	height: 34px;
	width: 34px;
	line-height: 34px;
	background: #fff;
	color: #1D4489;
	text-align: center;
	border-radius: 50%;
}

#footer ul.social li a .fa {
	font-size: 24px;
	line-height: 34px;
}

#footer ul.menu {
	margin: -40px 0 0;
	text-align: left;
}

#footer ul.menu li {
	/* background: url(../images/line.png) no-repeat right center; */
	background: none;
	display: inline-block;
	padding: 0 2px;
}

#footer ul.menu li:last-child {
	background: none;
}

#footer ul.menu li a {
	display: block;
	line-height: 10px;
	padding: 3px;
}

#footer ul.menu li a:hover {
	text-decoration: underline;
}

#footer ul.menu li.active a {
	background: #314E8F;
}

/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !COMPONENT STYLES */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* !Component Heading */
h1.componentheading,
.item-header h1.title {
	color: #000;
	border-bottom: 1px solid #000;
}



/* !Article Heading */
.article-title {
}

.article-title h2.contentheading {
	color: #000;
}

.article-title h2.contentheading a {
}
.article-title h2.contentheading a:hover {
}



/* !Article Meta */
.article-meta-wrap,
div.metadata,
.dn-meta,
.item-meta {
	color: #888;
}

.article-meta-wrap,
div.metadata,
span.small {
}

.article-meta-content span strong,
div.metadata span.author-name,
span.title span.count,
span.small strong,
.item-meta strong {
	color: #888;
}



/* !Article Meta: Setup for just top portion and bottom */
.metaTop {
}

.metaBot {
}



/* !Article Content */
.article-content {
}

.article-content img, .main-bot img {
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
}



/* !Separators */
span.article_separator {
}

span.afterdisplay_separator {
}



/* !Before and After Wrappers */
.article-beforecontent {
}

.article-aftercontent {
	border-color: #f2f2f2;
}



/* !Blog Table */
table.blog tr td div.contentpaneopen {
}


table.blog tr td.article_column {
}


table.blog tr td.column_separator {
}
table.blog span.article_separator {
}


table.blog h2.contentheading {
}
table.blog h2.contentheading a {
}
table.blog h2.contentheading a:hover {
}


table.blog .article-title {
}
table.blog .article-title .buttonheading {
}


table.blog .article-content {
}
table.blog .article-content p {
}
table.blog .article-content img {
}



/* !Blog More */
.compBlogMore-wrap {
	border-color: #f2f2f2;
}
.compBlogMore-content {
}



/* !Read On Button */
a.readon {
}
a.readon:hover {
}



/* !Results Table */
table.resultsTBL caption {
	color: #000;
	border-color: #ddd;
}


table.resultsTBL thead th {
	color: #fff;
	background: #3d3630;
}


table.resultsTBL thead th a {
	color: #fff;
}
table.resultsTBL thead th a:hover {
}


table.resultsTBL .row1 td,
table.resultsTBL .odd td {
	background: #f6f6f6;
	border-color: #ddd;
}
table.resultsTBL .row2 td,
table.resultsTBL .even td {
	background: #f6f6f6;
	border-color: #ddd;
}


table.resultsTBL tfoot td {
	background: #ddd;
}

.resultsTBL-foot {
	background: #f2f2f2;
	border-bottom: 2px solid #ddd;
}
.resultsTBL-foot .foot-total strong {
	color: #000;
}


table.resultsTBL tr.rowTitle1 td {
	background: #f6f6f6;
}
table.resultsTBL tr.rowTitle2 td {
	background: #f6f6f6;
}



/* !Section Containers */
.compSect-wrap {
}


.compSect-title {
}
.compSect-title a {
}
.compSect-title a:hover {
}


.compSect-title h3 {
}
.compSect-title h3 span {
}
.compSect-title h3 span.sub {
	color: #999;
	font-size: .8em;
}


.compSect-contentwrap {
}
.compSect-contentwrap fieldset {
}


.compSect-content {
}



/* !Section Containers Content & Forms */
.compSect-content label.desc {
}

.compSect-content label.descLrg {
}



ul.compList label.choice,
ul.compList li div label,
ul.compList li span label,
.compSect-content label.choice,
.compSect-content li div label,
.compSect-content li span label {
	color: #666;
}


.compSect-content li.section,
.compSect-content li.sectionInstruct,
.compSect-content li.border-top,
.section-content li.border-top {
	color: #666;
	border-color: #ccc;
}



/* !Tool Bar */
.compToolBar-wrap {
	border-color: #000;
}


.compToolBar-content ul li a {
	background: #555;
	border-color: #555;
	color: #fff;
}
.compToolBar-content ul li a:hover {
	background: #333;
	border-color: #333;
	color: #fff;
}


.compToolBar-content ul li.active a {
	background: #000;
	border-color: #000;
	color: #fff;
}
.compToolBar-content ul li.disabled a {
	text-decoration: none;
	background: #f6f6f6;
	border-color: #f6f6f6;
	color: #ddd;
}



/* !Nav Bar */
.compNavBar-wrap {
	border-color: #ddd;
}

.compNavBar-content ul li.active a {
	color: #000;
	text-decoration: underline;
}
.compNavBar-content ul li.disabled a {
	color: #ddd;
	text-decoration: none;
}


.compNavBar-content ul li a {
	border-color: #ddd;
}



/* !Sort Bar */
.compSortBar {
	border-color: #ddd;
}



/* !Title Bar */
.compTitleBar-wrap {
}


.compTitleBar-content ul li.active a {
	color: #000;
	text-decoration: underline;
}
.compTitleBar-content ul li.disabled a {
	color: #ddd;
	text-decoration: none;
}


.compTitleBar-content ul li a {
	border-color: #ddd;
}

.compTitleBar-content ul li.left {
}

.compTitleBar-content ul li.right {
}



/* !Stats Box */
.compBox-wrap {
	border-color: #ddd;
}



/* !Captcha */
.compCaptcha-wrap {
	border-color: #ddd;
	background: #f6f6f6;
}



/* !Results Page Display Filter */
.compResPDFilter-wrap {
	color: #fff;
	background: #ddd;
}

.compResPDFilter-content label.desc {
	color: #fff;
}



/* !Content Rating */
.compConRating-wrap {
	color: #888;
	background: #f6f6f6;
}



/* !Form:  Fields */
input.field.text, 
textarea.field, 
.inputbox,
.input-text, 
td.paramlist_value select{
	color: #000;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	border-color: #7c7c7c #c3c3c3 #ddd;
}


input.text,
input.field,
input.input-text,
input.textarea,
.btn,
.btn-primary {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


input.checkbox,
input.radio {
	color: #ddd;
}



/* !Form:  Main Button */
button.button {
	color: #ccc;
	background: #333 url(../images/button-bg.gif) repeat-x top;
	border: 1px solid #333;
	font-size: .9em;
	text-transform: uppercase;
	padding: 3px 5px;
	line-height: normal;
	margin-right: 5px;
	cursor: pointer;
	overflow: visible;
	width: auto;
}


button.button:hover,
button.button:focus {
	background: #333 url(none);
}


a.buttonLink {
}



/* !Big Link and Options */
a.bigLink {
	text-decoration: none !important;
}



/* !Item Actions */
a.ia-link {
	color: #fff;
	background-color: #555;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.ia-link:hover {
	color: #fff;
	background-color: #333;
	text-decoration: none;
}
a.ia-link.active {
	background-color: #333;
	color: #ccc;
}



/* !Modal Popups */
.modal-hdr {
	background-color: #92744c;
}



/* !Calendar Monthly Layout */
.cal-monthTBL th.cal-wdHead {
	color: #fff;
	border-color: #444;
	background: #444;
}


.cal-monthTBL tr.cal-weekHead,
.cal-monthTBL tr.cal-weekRow {
}

.cal-monthTBL td.cal-wdEvent {
    background-color: #f7f0f7 !important;
}

.cal-monthTBL td.cal-wd,
.cal-monthTBL td.cal-wdEmpty {
	border-color: #ddd;
	height: 110px;
}

.cal-monthTBL td.cal-wd {
	color: #444;
	background-color: #f6f6f6;
}

.cal-monthTBL td.cal-wdEmpty {
	color: #ddd;
	background-color: #f6f6f6;
}

.cal-monthTBL td.cal-wd .cal-wdNum,
.cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {
}


.cal-monthTBL .cal-wdNum a {
	color: #444;
}
.cal-monthTBL .cal-wdNum a:hover {
	color: #444;
}


.cal-monthTBL .cal-today {
	background-color: #fff!important;
}


.cal-monthTBL .cal-wdPopup {
	border-color: #ddd;
	background-color: #fff;
}
.cal-monthTBL .cal-wdPopup .cal-num {
}


.cal-monthTBL .cal-closeBtn {
}


.cal-monthTBL .cal-event {
}

.cal-monthTBL .cal-eventSingle {
}

.cal-monthTBL .cal-eventTitle {
}

.cal-monthTBL .cal-eventDate {
	color: #999;
}


.cal-monthTBL .meta-line {
	color: #444;
}


.cal-monthTBL .cal-eventMultiStart,
.cal-monthTBL .cal-eventMultiMiddle,
.cal-monthTBL .cal-eventMultiEnd {
}

.cal-monthTBL .cal-eventMultiStart .cal-eventInfo,
.cal-monthTBL .cal-eventMultiMiddle .cal-eventInfo,
.cal-monthTBL .cal-eventMultiEnd .cal-eventInfo {
	background-color: #f6f6f6;
}

.cal-monthTBL .cal-eventMultiStart {
}

.cal-monthTBL .cal-eventMultiEnd {
}



/* !Calendar Monthly Navigation */
.compCalMonthNav-wrap {
	border-color: #ccc;
}

.compCalMonthNav-content {
}


.cal-monthNavTBL {
}

.cal-monthNavTBL .cal-year,
.cal-monthNavTBL .cal-month {
}

.cal-monthNavTBL em.arrow {
}

.cal-monthNavTBL a {
	text-decoration: none !important;
}


.cal-monthNavTBL td {
}
.cal-monthNavTBL td.cal-navmonthPrev {
}
.cal-monthNavTBL td.cal-navmonthNext {
}
.cal-monthNavTBL td.cal-navthismonth {
}


.cal-monthNavTBL .cal-prevyear,
.cal-monthNavTBL .cal-prevmonth {
}

.cal-monthNavTBL .cal-nextyear,
.cal-monthNavTBL .cal-nextmonth {
}

.cal-monthNavTBL .cal-thismonth {
}



/* !Calendar Module */
.calMod-monthTBL th.cal-wdHead {
	color: #fff;
	border-color: #444;
	background: #444;
}

.calMod-monthTBL td.cal-wd,
.calMod-monthTBL td.cal-wdEmpty {
	border-color: #ddd;
}

.calMod-monthTBL td.cal-wd {
	color: #444;
	background-color: #f6f6f6;
}

.calMod-monthTBL td.cal-wdEmpty {
	color: #ddd;
	background-color: #f6f6f6;
}

.calMod-monthTBL td.cal-wd .cal-wdNum,
.calMod-monthTBL td.cal-wdEmpty .cal-wdEmptyName {
	height: 30px;
}

.calMod-monthTBL .cal-today {
	background-color: #eaeef4!important;
}


.calMod-monthTBL a.cal-wdNumEvent {
}
.calMod-monthTBL a.cal-wdNumEvent:hover {
	background: #fbf7fc;
}


.calMod-monthNavTBL a {
	text-decoration: none!important;
}


.calMod-monthTBL .cal-wdPopup {
	border-color: #ddd;
	background-color: #fff;
}


.calMod-monthTBL .cal-eventDate {
	color: #999;
}

.calMod-monthTBL .meta-line {
	color: #444;
}

.calMod-monthTBL .cal-wdPopNum a {
	color: #444;
}



/* !Sections */
.section {
	color: inherit;
}

.section-title {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: none;
}




/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Actions */
/* ----------------------------------------------------------------------*/

.section-action-letter {
	border-left-color: #444;
	background: #f6f6f6;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}






/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Petitions */
/* ----------------------------------------------------------------------*/
.petition-prognum {
	color: #000;
}

.petition-proglabel {
	color: #333;
}

.section-petition-letter {
	border-left-color: #444;
	background: #f6f6f6;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.petition-letter {
	font-size: 14px;
	line-height: 1.5em;
}

.petition-letter-title {
	font-size: 1.6em;
	text-transform: uppercase;
}

.supporter-item {
	font-size: inherit;
	line-height: 1.4em;
	border-top-color: #ddd;
}

.supporter-name {
	color: inherit;
}

.supporter-location,
.supporter-time {
	color: #888;
	font-size: 11px;
}

.section-socialshare {
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	background-color: #f6f6f6;
	padding-left: 10px;
	padding-right: 10px;
}

.share-title {
	 color: #a68860; 
}

.stickybar {
	background: #333;
}

.z-accordion.white.z-bordered, 
.z-accordion.white.z-bordered>section>h3, 
.z-accordion.white.z-bordered>section>h3>.z-title, 
.z-accordion.white.z-bordered>section>.z-content {
	border-color: #ccc;
}

.z-accordion.white.vertical>section>h3 {
	color: #444;
}











/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Shop */
/* ----------------------------------------------------------------------*/
.section-accordion {
	border: none;
	background: #fbf8f4;
}

.section-accordion .section-header {
	background: #3d3630;
	border-color: #fff;
}

.section-accordion .section-header h3 {
	color: #fff;
}


.section h4.subtitle {
	color: #4c3607; 
}

.section p.desc {
	color: inherit;
}

.shop .label {
	font-size: 10px;
	background-color: #c4a67e;
}

.shop .help-block,
.shop .help-inline {
	color: #666;
}

.shop .table th, 
.shop .table td {
	border-color: #f2f2f2;
	background-color: #fff;
}

.shop .cart-table thead th a {
	text-decoration: none !important;
}

.shop .shop-table h4.title {
	color: #2d5798;
}

.shop .shop-table p.desc {
	font-size: .9em;
	line-height: 1.4em;
}

.shop .shop-table td.item-product,
.shop .shop-table p.desc {
	color: inherit;
}

.shop .cart-table th.item-total, 
.shop .cart-table td.item-total {
	width: 70px;
}

.shop .cart-total,
.shop .order-total {
	border-color: #f2f2f2;
}

.shop .order-table td.item-thumb {
	width: 70px;
}

.shop .order-table.table-striped td {
	background-color: transparent;
}

.order-table td.item-qty, 
.order-table td.item-times {
	color: #c4a67e;
}

.main-bot .sbxMod {
	padding: 55px 0;
}

.main-bot .sbxMod.has-cranberry-bg {
	background: #932C4A;
	color: #fff;
	padding: 35px 0;
}

.main-bot .sbxMod.has-cranberry-bg h2 {
	color: #fff;
}

.main-bot .sbxMod-content {
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.main-bot .has-background-image, .heading-image.has-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	height: 570px;
}

.main-bot .has-background-image {
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	color: #fff;
}

.main-bot .has-background-image .sbxMod-content p {
	max-width: 50%;
	text-shadow: 1px 1px 1px #222;
}

.heading-image {
	margin: 20px 0 0;
}

.heading-image.has-image {
	background-image: url(../images/asset-94x.jpg);
	margin: 0;
	position: relative;
}

.heading-image.has-image .heading-text {
	background: rgba(0,0,0,0.2);
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px 0;
}

.heading-image h1, .main-bot .has-background-image h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	line-height: 48px;
	font-weight: bold;
	margin: 0;
}

.heading-image.has-image h1, .main-bot .has-background-image h1 {
	color: #fff;
}

.item-header h1.title, h1.componentheading, .article-title h2.contentheading {
    display: none;
}

.btn {
	background: #fff;
	border: 2px solid #1D4489;
	border-radius: 8px;
	box-shadow: none;
	color: #1D4489;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	min-width: 160px;
	padding: 0 12px;
	text-shadow: none;
}

.btn:hover {
	background: #1D4489;
	color: #fff;
}

.main-bot .has-background-image .sbxMod-content .btn {
	background: #1D4489;
	color: #fff;
}

.main-bot .has-background-image .sbxMod-content .btn:hover {
	background: #fff;
	color: #1D4489;
}

.row-team {
	margin-left: -40px;
	margin-right: -40px;
}

.row-team .col-sm-3 {
	padding-left: 40px;
	padding-right: 40px;
}

.row-team img {
	width: 100%;
}

.row-team .team-item {
	margin: 40px 0;
	position: relative;
}

.row-team .team-item h4 {
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(97,98,100,0.7);
	margin: 0;
	padding: 10px 0;
	text-align: center;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: opacity .95s cubic-bezier(.2,1,.2,1),transform .95s cubic-bezier(.2,1,.2,1);
	-webkit-transition: opacity .95s cubic-bezier(.2,1,.2,1),-webkit-transform .95s cubic-bezier(.2,1,.2,1);
	opacity: 0;
}

.row-team .team-item:hover h4 {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
}

.mb30 {
	margin-bottom: 30px;
}

.GradeTable {
   display: table;
   width: 100%;
}
.GradeTableRow {
   display: table-row;
}
.GradeTableHeading {
   display: table-header-group;
   background-color: #ddd;
}
.GradeTableCell, .GradeTableHead {
   display: table-cell;
   padding: 3px 10px;
   border: 1px solid #999999;
}
.GradeTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.GradeTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.GradeTableBody {
   display: table-row-group;
}


time.icon
{
  font-size: 0.7em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #932C4A;
  border-bottom: 1px dashed #ffffff;
  box-shadow: 0 2px 0 #932C4A;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #932C4A;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

.fade {
    opacity: 1;
} 

#system-messageDetail dd.message ul {
    background: #ffffff;
    border: 0px dotted #339900;
}