/** Loader **/
.ui-icon-loading {
	background: url("images/ajax-loader.gif");
	background-size: 2.875em 2.875em;
}
/** Header Bar **/
.mainheader {
    min-height: 42px;
    background: transparent;
    border-top: 1px solid #cccccc;
    border-bottom: none;
    text-shadow: none;
}
.mainheader .ui-title {
    margin: 0 20%;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.1em;
}
.mainheader .ui-subtitle {
    font-size: 0.8em;
    font-weight: normal;
}
.mainheader .ui-btn{
    border-width: 0;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: transparent;
    padding: 10px 10px 8px 28px;
}
.mainheader .ui-toolbar-back-btn {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    margin-left: -5px;
}
.mainheader .ui-toolbar-right-btn {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}
.mainheader .ui-icon-carat-l:after,
.mainheader .ui-toolbar-manual-back-button:after{
    background-image: url(images/back.png);
    background-position: 0;
    background-color: transparent;
    left: 10px;
    border-width: 0;
}
/* End Header Bar */

/** Text Styles **/

.hidden {
    display: none;
}
/** Size and weight **/
.ui-popup-container .ui-popup .smallerText,
 .smallerText {
  font-size: .7em;
  line-height: 140%;
}
.smallNormal {
    font-weight: normal;
    font-size: .8em; 
}
.smallText, 
.smallText .ui-btn-text {
    font-size: small;
}
.smallContent {
    font-size: .85em;
    font-weight: normal;
    white-space: normal;
}
.medSmText {
    font-size: .85em;
}
.mediumText, .mediumText .ui-btn-text {
    font-size:  medium;
}
.largeText {
    font-size: 1.1em;
}
.exlargeText {
    font-size: 1.5em;
}
h2, h2.headerText {
    padding-top: 3px;
    font-size: 1em;
    margin-bottom: 0;
    margin: 0;
}
h3 {
	margin: 10px 0;
    font-size: 1em;
}
h4 {
	margin: 20px 0 10px 0;
	font-size: 1em;
}
.heading {
    font-size: 14px;
    font-weight: normal;
    padding: 0.45em 0.78em 0.25em;
    margin-bottom: -1px;
}
.ui-title.ui-multi-line {
    padding: .5em 0;
}
.normalWeight {
    font-weight: normal;
    line-height: 17px;
    margin: 5px 0;
}
.ui-content .boldText,
.boldText {
  font-weight: bold;
}
.italicText {
    font-style: italic;
}
.noDecoration {
    text-decoration: none;
}
.hintText {
    font-style: italic;
    font-size: small;
    text-align: center;
}
.ui-header .ui-title {
    margin: 0 15%;
}
.header {
    font-size: .95em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}
.tableHeader {
    font-size: .95em;
    font-weight: bold;
}
.plainItemList .header.smallLeftIcon,
.header.smallLeftIcon {
    display: block;
    padding-top: 0;
}
.smallCaps{
    text-transform: uppercase;
    font-size: .8em;
}
.plainLink {
    text-decoration: none;
}
/* End Size and Weight */

/** Alignmant **/
.content .alignLeft,
.alignLeft {
    text-align: left;
}
.content .alignRight,
.alignRight {
    text-align: right;
}
.alignTop {
    vertical-align: top;
}
.alignMiddle {
    vertical-align: middle;
}/* End Alignment */

/** Color **/
.red {
    color: red;
}
.yellow {
    color: #FFCC00;
}
.green {
    color: #00CD00;
}
.darkred {
    color: darkred;
}
.ui-content .ui-btn.greenbackground,
.ui-content .ui-btn.greenbackground:hover,
.ui-content .ui-btn.greenbackground:active,
.ui-content .ui-btn.greenbackground:visited {
    color: white;
    background: #00B40D; 
    border: 1px solid #00870A;
}
.ui-content .ui-btn.redbackground,
.ui-content .ui-btn.redbackground:hover,
.ui-content .ui-btn.redbackground:active,
.ui-content .ui-btn.redbackground:visited {
    color: white;
    background: #f00000; 
    border: 1px solid #b60000; 
}
.ui-content .ui-listview .checkedBackground {
    background-color: rgb(234,242,234);
}
/* End Color */
/* End Text Styles */

/** Spacing **/
.padded {
    padding: 10px;
}
.ui-content .ui-listview.topMargin,
.topMargin {
    margin-top: 10px;
}
.ui-content .largetopMargin,
.largetopMargin {
    margin-top: 20px;
}
.smalltopMargin {
    padding-top: 0;
    margin-top: 4px;
}
.topPadding {
    padding-top: 10px;
}
.noTopSpace,
.ui-content label.noTopSpace {
    margin-top: 0;
    padding-top: 0;
}
.topBottomMargin,
.ui-content .topBottomMargin {
    margin: 5px 0;
}
.doubleTopBottomMargin {
    margin: 10px 0;
}
.ui-listview>li .noMargin,
.noMargin {
    margin: 0;
}
.smallBottomMargin {
    margin-bottom: 5px;
}
.ui-content .ui-listview.bottomMargin,
.bottomMargin {
    margin-bottom: 10px;
}
.ui-content .ui-listview.largeBottomMargin,
.ui-controlgroup.largeBottomMargin,
.largeBottomMargin {
    margin-bottom: 20px;
}
.bottomPadding {
    padding-bottom: 10px;
}
.leftMargin {
    margin-left: 10px;
}
.ui-content .rightMargin,
.rightMargin {
    margin-right: 10px;
}
.leftPadding {
    padding-left: 5px;
}
.rightPadding {
    padding-right: 5px;
}
.ui-content .ui-listview.noBottomSpace,
.noBottomSpace {
    padding-bottom: 0;
    margin-bottom: 0;
}
.noPadding,
.ui-listview>.ui-li-static.noPadding,
.ui-listview>.ui-li-divider.noPadding {
    padding: 0;
}
.underline.doubleBottomPadding,
.doubleBottomPadding {
    padding-bottom: 10px;
}
.rightPadding {
    padding-right: 10px;
}
.leftRightPadding {
    padding-left: 10px;
    padding-right: 10px;
}
.smallLeftRightPadding {
    padding-left: 5px;
    padding-right: 5px;
}
.navigationPadding {
    padding-left: 2px;
    padding-right: 2px;   
}
.ui-listview>li .wysiwygtext,
.ui-listview>li .wysiwygtext p,
.ui-content .ui-btn.textWrapping,
.ui-content .textWrapping,
.textWrapping {
  white-space: normal;
  word-wrap: break-word;
}
.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.content .centerText,
.centerText {
    text-align: center;
}
.helpText {
    font-size: 14px;
}
.ui-listview>.ui-li-has-thumb>.ui-btn,
.ui-listview>.ui-li-static.ui-li-has-thumb {
    min-height: 1.5em;
    padding-left: 55px;
}
.ui-listview.listViewFormat {
    margin-left: 0; 
    margin-right: 0;
    margin-bottom: 20px;
}
.listViewFormat .listItemFormat {
    padding: 4px 0;
}
.ui-btn.ui-btn-icon-left.ui-li-has-count {
    padding-right: 2.5em;
}
div.fullpage
{
    margin: -15px;
}
div.fullwidth
{
    margin-left: -16px;
    margin-right: -16px;
}
.flipboxWidth {
    min-width: 280px;
}
.vertSpacer {
    margin: 20px 0 15px;
}
.leftPad {
    padding-left: 10px;
}
.inlineLinkHolder {
    margin: 4px 0 10px;
}
.pagingText {
    margin: 6px 10px 3px;
    font-size: smaller;
    text-shadow: none;
}
.pagingPadding {
    padding: 0 .5em .5em .5em;
}
/* End Spacing */

/** Lines **/
.dashBottom {
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}
.dashUnderline {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}
.underline{
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}
.lineList.ui-listview>.ui-li-static {
    border-width: 0;
    margin: 4px 1em;
    background-position: 1em 6px;
    font-size: .80em;
    line-height: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/* end lines */

/** Text Formatting **/
.courseLabel {
    font-size: .77em;
}
/* End Text Formatting */

/** Box Formatting **/
.transparentBox {
    border-width: 1px;
    border-style:  double;
    padding: 5px 10px;
    margin: 0;
    clear: both;
    border-radius: 10px;
}
.importantFeedback {
    border: 1px solid #f7c942;
    padding: 10px 10px 10px 30px;
    background: 10px 8px no-repeat url(images/exclamation.png) #fffade;
    white-space: normal;
}
.warningBox {
    border: 1px double #EEC900;
    background-color: #FFFFE0;
    padding: 10px;
    display: inline-block;
    clear: both;
    width: 90%;
    border-radius: 3px;
}
.highlightBox {
    border-width: 1px;
    border-style: double;
    background-color: #d3e8ff;
    padding: 5px 10px;
    margin: 5px 0 0 0;
    display: inline-block;
    clear: both;
    border-radius: 3px;
}
.fullWidthBox {
        width: 90%;
}
.attentionBox {
    border-width: 1px;
    border-style: double;
    background-color: #FFF899;
    padding: 5px 10px;
    margin: 5px 0 0 0;
    display: inline-block;
    clear: both;
    border-radius: 3px;
}
.errorBox {
    background-color: #ffeaea;
    border: 1px solid red;
    padding: 10px 10px 8px 10px;
    margin: 5px 0;
    clear: both;
    display: inline-block;
    border-radius: 3px;
}
.errorBox h5 {
    margin: 0;
    color: red;
}

/* End Box Formatting*/

/** Datebox **/
.dateboxContainer {
    width:49%; 
    display:inline-block
}
/* End Datebox */

/** Menu Styles **/

.ui-page .ui-menu-item .ui-btn,
.ui-page .ui-menu-item.springboard .ui-btn {
    font-size: .9em; 
    font-weight: normal;
}
 .ui-page .ui-menu-item.springboard{
    background-color: transparent;
     padding: 0;
     margin: 0;
}
    .ui-page .ui-menu-item.springboard .ui-btn {
    margin: 0;
    padding: 2px;
    border-width: 0;
    }
.ui-menu-item .ui-icon-carat-r:after{
    right: .1em;
}
.ui-menu-description {
    font-size: .75em;
    font-weight: normal; 
}
.ui-menu-item .center.ui-btn {
    text-align: center;
}
.ui-li-count {
    right: 2.8em;
}
.ui-menu-item .ui-li-count {
    font-size: .75em; 
    font-weight: normal; 
    right: 2.5em;
}

/* Double */
.ui-menu-item.double {
    min-height: 52px;
}
.ui-menu-item a.double.ui-has-image {
    padding-left: 50px;
}
.ui-menu-item>.ui-btn>img.double:first-child {
    max-width: 32px;
    max-height: 32px;
}

/* Springboards */

li.springboard.ui-menu-item {
     min-height: 0px;
     padding: 1px 1px 1px 1px;
 }
img.springboard1 {
    width: 48px;
    height: 48px;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.ui-listview>li h2.springboard1 {
    font-size: .9em;
    font-weight: normal;
    margin: 0 0 20px;
    padding-top: 3px;
    text-align: center;
}
.ui-listview>li h4.springboard1 {
    font-size: .75em;
    font-weight: normal;
    margin: -20px 0 10px;
    padding-top: 1px;
    text-align: center;
}
img.springboard2 {
    width: 32px;
    height: 32px;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.ui-listview>li h2.springboard2 {
    font-size: .9em;
    font-weight: normal;
    margin: 0 0 15px;
    padding-top: 3px;
    text-align: center;
}
.ui-listview>li h4.springboard2 {
    font-size: .75em;
    font-weight: normal;
    margin: -15px 0 10px;
    padding-top: 1px;
    text-align: center;
}
@media only screen and (min-width: 480px)
{
    img.springboard2{
    width: 48px;
    height: 48px;
    margin-top: 20px;
    }
    .ui-listview>li h2.springboard2{
        margin: 0 0 20px;
    }
    .ui-listview>li h4.springboard2{
        margin: -20px 0 10px;
    }
}
img.springboard3 {
    width: 24px;
    height: 24px;
    margin-top: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.ui-listview>li h2.springboard3 {
    font-size: .85em;
    font-weight: normal;
    margin: 0 0 10px;
    padding-top: 3px;
    text-align: center;
}
.ui-listview>li h4.springboard3 {
    font-size: .6em;
    font-weight: normal;
    margin: -10px 0 5px;
    padding-top: 1px;
    text-align: center;
}
@media only screen and (min-width: 480px)
{
    img.springboard3{
        width: 32px;
        height: 32px;
        margin-top: 20px;
   }
    .ui-listview>li h2.springboard3{
        margin: 0 0 20px;
    }
    .ui-listview > li h4.springboard3 {
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin: -15px 0 10px;
        padding-top: 1px;
        text-align: center;
    }
}
img.springboard4 {
    width: 16px;
    height: 16px;
    margin-top: 6px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.ui-listview>li h2.springboard4 {
    font-size: .75em;
    font-weight: normal;
    margin: 0 0 5px;
    padding-top: 3px;
    text-align: center;
}
.ui-listview>li h4.springboard4 {
    display: none;
}
@media only screen and (min-width: 480px)
{
    img.springboard4{
        width: 24px;
        height: 24px;
        margin-top: 12px;
    }
    .ui-listview>li h2.springboard4{
        font-size: .85em;
        font-weight: normal;
        margin: 0 0 15px;
    }
    .ui-listview > li h4.springboard4 {
        display: block;
        font-size: .6em;
        font-weight: normal;
        margin: -10px 0 5px;
        padding-top: 1px;
        text-align: center;
    }
}
img.springboard5 {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.ui-listview>li h2.springboard5 {
    font-size: .75em;
    font-weight: normal;
    margin: 0 0 5px;
    padding-top: 3px;
    text-align: center;
}
.ui-listview>li h4.springboard5 {
    display: none;
}@media only screen and (min-width: 480px)
{
    img.springboard5 {
        width: 24px;
        height: 24px;
        margin-top: 12px;
   }
    .ui-listview>li h2.springboard5
    {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .ui-listview > li h4.springboard5 {
        display: block;
        font-size: 10px;
        font-weight: normal;
        margin: -10px 0 5px;
        padding-top: 1px;
        text-align: center;
    }
}
.center-layout .underline,
.springboard .underline {
     padding-bottom: 0;
 }
.springboard .borderRight {
    border-right-width: 1px;
    border-right-style: solid;
}
/* End Springboards */

/* End Menu */

/** Home Screen **/
.powered
{
    font-size: 12px;
    text-shadow: none;
    color: lightGray;
    display: inline;
    background-color: rgba(0,0,0,.3);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 4px 10px;
    text-align: center;
}
/* End Home Screen*/

/** Content **/
.floatRight {
    float: right;
}
a.ui-btn.ui-btn-icon-right .floatRight {
    margin-top: -8px;
    margin-right: -30px;
}
.floatLeft {
    float: left;
}
.clearDiv {
    display: block;
    clear: both;
}
div .inlineBlock,
.inlineBlock {
    display: inline-block
}
.ui-content {
    padding-top: 0;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
    padding: 1em;
}
.ui-content .ui-listview {
    margin-top: 0;
}
.ui-content .ui-collapsible-content>.ui-listview {
margin: -.5em -1em;
}
.twoColLine {
	overflow: hidden;
	padding: 5px 0 5px 90px;
}
.inlineThumb {
    max-width: 66px;
	margin: 2px 0 2px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	margin-left: -88px;
	display: block;
}
.lrBtnHeadHolder {
    text-align: center;
    padding: 0;
    margin: 5px 0 15px 0;
    display: block;
    overflow: hidden;
    border-width: 0;
    border-style: solid;
    border-bottom-width: 1px;
}
.lrBtnHeadHolder .rightBtn {
    margin-top: 5px;
    float: right;
}
.lrBtnHeadHolder .leftBtn {
    margin-top: 5px;
    float: left;
}
.highlightBlock h2 {
    margin: 0 0 10px 0;
}
.highlightBlock fieldset {
    margin: 4px -4px 0 -4px;
}
.highlightBlock .ui-btn-inner {
    font-size: .80em;
    font-weight: normal;
    padding-right: 4px;
    padding-left: 6px;
}
.highlightBlock .ui-btn-icon-notext .ui-btn-inner {
    padding-right: 0px;
    padding-left: 0px;
}
.highlightBlock .ui-btn-inner img {
    margin: 0;
    vertical-align: middle;
    float: left;
}
/** Errors and Alerts **/
.commentError {
    display: block;
    font-size: 16px;
    padding: 15px 10px 0 28px;
    color: #e10000;
    text-align: left;
    font-weight: bold;
    width: 88%;
    text-shadow: none;
    background-image: url(images/exclamation.png);
    background-position: 6px 16px;
    background-repeat: no-repeat;
    line-height: 20px;
    vertical-align: middle;
}
/* End Errors and alerts */

/** Images **/
.leftFormImage {
    float: left;
    max-width: 50%;
    margin-right: 10px;
}
.bannerFormImage {
    max-width: 100%;
    display: block;
    clear: both;
}
.campusMapImage {
		display: block;
		max-width:100%;
    margin: auto;
    clear: both;
}
.tourStopImage {
		max-width:100%;
    margin: auto;
    clear: both;
}
/** End Images **/

/** Icons **/
.largeLeftIcon {
    padding-left: 38px;
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 36px;
}
.plainItemList .smallLeftIcon,
.smallLeftIcon {
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 18px;
    min-height: 18px;
    padding-left: 18px;
}
.editAttendance {
    padding: 2px;
}
.sumList li {
    padding: 7px 1em 5px 3em;
    background-position: 1em 6px;
    line-height: normal;
}
.iconList li {
    background-repeat: no-repeat;
    background-position: 1em 9px;
    padding: 9px 1em 8px 3em;
}
.sumList li img {
    vertical-align: middle;
}
.noRepeat {
    background-repeat: no-repeat;
}
.leftIconPadding {
    padding-left: 24px !important;
}
/*.inlineJqmIcon {
    display: inline-block;
    margin-bottom: -4px;
    margin-right: 4px;
}*/
/* End icons */

/** Button Bar Navigation **/
.navHolder {
    margin-bottom: 20px;
    padding-top: 1px;
}
.navHolder a.floatRight {
    margin-top: -1px;
    margin-left: 15px;
}
.navHolder .ui-btn-corner-all .ui-btn-inner {
    padding: .7em 2em .8em;
}
.navHolder .ui-btn-icon-left .ui-btn-inner {
    padding-left: 42px;
}
.navHolder .ui-mini.ui-btn-icon-left .ui-icon,
.navHolder .ui-mini .ui-btn-icon-left .ui-icon {
    left: 1.25em;
}
.buttonBar li:first-child,
.buttonBar li:first-child span.ui-btn-inner,
.buttonBar li:first-child a {
    border-bottom-left-radius: 0.5em;
    border-top-left-radius: 0.5em;
}
.buttonBar li:last-child,
.buttonBar li:last-child span.ui-btn-inner,
.buttonBar li:last-child a {
    border-bottom-right-radius: 0.5em;
    border-top-right-radius: 0.5em;
}
.buttonBar li:last-child span.ui-btn-inner{    
    border-right: 1px solid #cccccc;
}
/* End Button Bar Navigation */

/** Centers **/
.center-layout .ui-btn {
    border-width: 0;
}
.center-iconhint {
    font-size: .7em;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 15px;
}
.center-largeicon 
{
    width: 32px;
    height: 32px;
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.center-smallicon 
{
    width: 32px;
    height: 32px;
    margin-top: 7px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
}
.center-layout h2.headerText {
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 3px;
}
.iconGridRow .borderRight {
    border-right: 1px solid #e4e4e4;
    margin-left: -1px ;
}
.iconGridRow div a {
    display: block;
    text-align: center;
    padding: 16px 0 8px 0;
    margin: 8px;
}
.iconGridRow div a img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.iconGridRow div a:active {
    background-color: #e4e4e4;
    border-radius: 1em;
}
.center-padBottom {
    margin-bottom: 16px;
}
.center-sectionHeader {
    padding-bottom: 10px;
 }
.center-mainIcon {
    height: 35px;
    width: 35px;
    float: left;
    padding: 0 10px 0 0;
}
.center-mainHeading {
    font-size: 1em; 
    margin: 0;
}
.center-mainSubheading,
.center-mainSubheading.ui-input-text {
    font-size: .75em;
    margin: 0;
    font-weight: normal;
}
.center-subscreenHeading {
    font-size: 1em;
    margin: 0;
}
.center-alerticon 
{
    width: 16px;
    height: 16px;
}
.center-classList
{
    margin: .5em 0;
    font-size: .85em;
}
.center-numbering {
    font-size: 1.5em; 
    float: left; 
    padding-right: 10px;
}
.center-align-numbering {
    margin-top: 7px;
}
.centerNavText{
    font-size: .7em;
}
.miniInlineThumb {
    max-width: 36px;
	margin: 2px 10px 2px 0px;
	border: 3px solid white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	float: left;
	display: block;
}
@media only screen and (min-width: 480px)
{
    .centerNavText{
        font-size: 16px;
    }
    .miniInlineThumb{
        max-width: 66px;
    }
}
/** Attendance Roster **/

.roster-entry {
    margin: 15px 0 5px 0;
    font-size: 1em;
}
.roster-entry a.ui-link {
    font-weight: normal;
}
.roster-entry table {
    width: 100%;
}
.roster-entry td {
    vertical-align: middle;
    font-size: .85em;
}
.roster-entry td .attButtons {
    padding: 4px 0;
}
.roster-entry td .attButtons:first-line {
    line-height: 28px;
}
.roster-entry td a.ui-btn {
    line-height: normal;
}
.roster-entry td .ui-btn {
    vertical-align: middle;
}
.roster-entry table .ui-select a {
    padding: 3px 16% 4px 16%;
 }
 .roster-entry img {
    vertical-align: middle;
 }
 .roster-entry td .status {
     white-space: nowrap;
     margin-right: 30px;
     padding-top: 14px;
 }
 .roster-entry td .statusNoIcon {
     white-space: nowrap;
     padding-top: 14px;
     text-align: right;
 }
  .roster-iconpos {
     vertical-align: middle; 
     margin-left: -10px; 
     margin-right: 10px;
 }
 .otherOptionsButton {
     padding-top: 2.2em
 }
 /* end Attendance Roster */

 /** Office Hours **/
 .ui-officehourslist-text {
    min-height: 48px;
    vertical-align: middle;
    display: block;
    font-size: .85em;
}
 ul.officehours
{
    margin-top: 10px; 
    margin-bottom: 20px; 
    border: none;
    webkit-box-shadow: none;
    box-shadow: none;
}
  .spaceLine {
    padding: 4px 0 8px 0;
    display: block;
  }
 /* End Office Hours */

 /** Plain List Content **/
.plainItemList a {
    font-size: .85em;
    margin-left: 20px;
}
.plainItemList div, .plainItemList div.ui-li-desc {
    margin: 0;
    font-size: .95em;
    padding: 12px 0 2px 0;
    white-space: normal;
    overflow: visible;
}
.plainItemList div a, .plainItemList div a {
    font-size: .85em;
    font-weight: 700;
    text-decoration: none;
    margin-left: 0;
}
.plainItemList div a span, .plainItemList div a.ui-link span {
    font-weight: normal;
    display: block;
    padding: 1px 0 1px;
}
.plainItemList div a span .smallCaps {
    display: inline;
}
.plainItemList div a span.linkTarget, .plainItemList div a.ui-link span.linkTarget {
    text-decoration: underline;
    font-weight: 700;
    font-size: 1.05em;
    
}
.plainItemList .inlineFeedback,
.inlineFeedback {
    font-style: italic;
}
.plainItemList .smallIconBlock {
    line-height: normal;
    min-height: 16px;
    margin-top: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.plainItemList .ui-icon-arrow-r {
    margin-top: 10px;
}
/* End Plain List Content */

.insetGroupedListing {
    margin-bottom: 20px;
}
.insetGroupedListing h4 {
    font-weight: normal;
}
.insetGroupedListing label {
    display: block;
    margin-top: 25px;
    color: #555555;
    border-bottom: 1px solid #ececec;
}
.insetGroupedListing .insetContent {
    padding-left: 15px;
    margin: 10px 0 15px;
}

/* End Centeres */

/** Course and Calendar Feed **/
#feedView ul, #calView ul {
    margin-bottom: 0;
}
#feedView .ui-li h2{
    font-size: .9em;
}
#feedView h3, 
.insetGroupedListing h3 {
    font-size: .9em;
    margin: 2px 0;
}
#feedView .description, 
.insetGroupedListing .description {
    font-size: .75em;
}
#feedView .ui-large-icon .ui-btn-inner a {
    padding-left: 55px;
}
#feedView img.lineIcon {
    float: left;
    height: 32px;
    padding-left: 10px;
    padding-top: 18px;
    width: 32px;
}
#feedView #courseFeedButton img.lineIcon {
    padding-top: 12px;
}
#feedView .highlightBox {
    font-size: 0.85em;
    margin-right: -5px;
    padding: 5px;
    text-align: center;
    width: 50px;
}
#feedView .highlightBox span {
    display: block;
    font-size: .85em;
    font-weight: normal;
    padding-top: 2px;
}
.yourItem {
    font-weight: bold;
    color: #f26522;
    font-style: italic;
}
#calendarFeed>li>a, 
#calendarFeed .ui-li-static.ui-li-has-icon,
.events>li>a, 
.events .ui-li-static.ui-li-has-icon {
    min-height: 20px;
    padding-left: 70px;
}
#calView .calDate {
    font-size: .75em;
    float: left;
    margin-top: 2px;
    margin-left: -65px;
    text-align: right;
    display: block;
    width: 55px;
}
#calView h3 {
    font-size: .9em;
    margin: 0;
}
#calView .calListIcon {
    float: right;
    margin-right: -5px;
    position: relative;
    width: 32px;
}
/* End Course and Calendar Feed */

/** Calendar **/
#calendar {
    border-width: 0;
    border-collapse: separate;
    width: 100%;
    text-align: center;
    margin: 0.5em 0;
    border-spacing: 0;
}
#calendar .ui-btn.headerPrev,
.ui-btn.headerPrev {
    float: left;
    padding: 6px;
    margin: 0;
    border-width: 0;
}
#calendar .ui-btn.headerNext,
.ui-btn.headerNext {
    float: right;
    padding: 6px;
    margin: 0;
    border-width: 0;
}
#calendar td {
    padding: 0;
    width: 14.25%;
}
#calendar td a {
    text-decoration: none;
    height: 28px;
    line-height: 16px;
    display: block;
    padding: 5px 0 0 0;
    margin: 0;
    border-top-width: 0;
    border-left-width: 0;
}
#calendar td:first-child a {
    border-left-width: 1px;
}
#calendar td a.currentDay {
    background-color: #ffffe5 ;
}
#calendar td a.selectedDay {
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #fda900;
}
.eventBullet {
    font-size: 28px;
    line-height: 12px;
    display: block;
    color: #e5ac00;
}

#calendar td a.inactive {
    color: gray;
}
/* End Calendar */

/** Form Entry **/
#form-entry h2.ui-li-heading, #form-entry h1.ui-li-heading {
    font-weight: bold;
    font-size: 1em;
    margin: 16px 0 12px 0;
    white-space: normal;
}
#form-entry .header {
    margin-bottom: 10px;
}
#form-entry input {
    margin-bottom: 8px;
}
/* End of Form Entry*/

/** Messages & Feedback**/

section.gradebookFeedback article.comment, 
section.comments article.comment, 
section.comments_new article.comment{
    padding: 12px 12px 12px 52px;
    font-weight: normal;
}
article.message, article.comment{
    margin: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f7;
    position: relative;
    z-index: 1;
    -webkit-transform: none;
}
article.message:last-child, 
article.comment:last-child{
    border-bottom-width: 1px;
}
article.message header h1, 
article.comment header h1{
    font-size: 13px;
    color: #444;
    margin: 0 0 2px;
    font-weight: normal;
}
article.message h2, 
article.comment h2{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    word-wrap: break-word;
}
article.message footer, 
article.comment footer{
    font-size: 13px;
    line-height: 1.2em;
    color: #777;
    margin: 0.25em 0 0;
    font-weight: normal;
    text-decoration: none;
} 
article.message span.person{
    float: left;
    margin-left: -43px;
}
article.message span.person img{
    border: 1px solid #bbb;
    width: 32px;
    height: 32px;
}
section.feature article.message{
    padding: 12px;
    background: #edf3fe;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
section.feature article.message header span.person{
    float: right;
    margin-left: 6px;
}
section.feature article.message div{
    font-size: 14px;
    line-height: 1.3em;
}
div.wysiwygtext p,
section.feature article.message div.wysiwygtext p {
    margin: 0;
    font-size: inherit;
}
section.feature article.message div.wysiwygtext, 
article.comment div.wysiwygtext {
    background-color: white;
    border: 1px solid #aaaaaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    position: relative;
    margin-top: 10px;
}
section.feature article.message div.wysiwygtext:before {
    content: "";
    position:absolute;
    top: -8px;
    right: 8px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    z-index: 3;
}
section.feature article.message div.wysiwygtext:after {
    content: "";
    position:absolute;
    top: -10px;
    right: 7px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 9px solid #aeaeae;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    z-index: 2;
}
section.comments article.comment header, 
section.comments_new article.comment header
{
    font-size: 13px;
}
section.comments article.comment section.body div, 
section.comments_new article.comment section.body div
{
    font-size: 14px;
    line-height: 1.3em;
}
article.comment div.wysiwygtext:before {
    content: "";
    position:absolute;
    top: 9px;
    left: -8px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid #fff;
    z-index: 3;
}
article.comment div.wysiwygtext:after {
    content: "";
    position:absolute;
    top: 8px;
    left: -9px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    border-right: 9px solid #aeaeae;
    z-index: 2;
}
section.feature article.message div{
    margin: 0;
}
section.gradebookFeedback span.person, 
section.comments span.person, 
section.comments_new span.person{
    float: left;
    margin-left: -40px;
}
section.gradebookFeedback span.person img, 
section.comments span.person img, 
section.comments_new span.person img{
    border: 1px solid #bbb;
    width: 32px;
    height: 32px;
}
section.comments_new
{
    padding: 13px 18px 0px 52px;
    -webkit-box-shadow: none;
    border-bottom: none;
}
section.comments_new textarea {
    min-height: 75px;
    margin: 0;
}
/** Feedback **/
.feedback {
    margin: -5px 0 20px 0;
}
.feedback article
{
    padding: 8px 8px 12px 8px;
    font-weight: normal;
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid white;
}
.feedback article header
{
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    margin: 0 0 2px;
    color: #777;
    padding: 2px 40px 0 0;
}
.feedback .person {
    float: left;
}
.feedback .person img {
    border: 1px solid #bbb;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin: 0 8px 0 2px;
}
.feedback .wysiwygtext {
    background-color: white;
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    position: relative;
    margin: 15px 2px 0 2px;
}
.feedback div.wysiwygtext:before {
    content: "";
    position:absolute;
    top: -8px;
    left: 8px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    z-index: 3;
}
    .feedback div.wysiwygtext:after {
        content: "";
        position: absolute;
        top: -10px;
        left: 7px;
        display: block;
        width: 0;
        height: 0;
        border-bottom: 9px solid #cccccc;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        z-index: 2;
    }
/* End Messages & Feedback */

/** Gradebook **/
#gradeList .ui-grid-a .ui-block-a {
    width: 70%;
}
#gradeList .ui-grid-a .ui-block-b {
    width: 29.9%;
}
/* End Gradebook */

/** GradeList **/
.termGradeList {
    padding-left: 40px;
}
.termGrade {
    margin-left: -40px;
    color: #5050dc;
    font-size: 1.5em;
    float: left;
}
/* End Grade List */

/** Campus Tours **/

#tourStopNavBar .ui-controlgroup-horizontal .ui-controlgroup-controls {
    width: 100%;
    display: table;
}
#tourStopNavBar .ui-controlgroup-horizontal .ui-controlgroup-controls > * {
    display: table-cell;
    float: none !important;
}
#tourStopNavBar .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
    width: 100%;
}

/** End Campus Tours **/

/** Styles **/
.eventTime {
    font-size: .75em;
    float:left;
    width: 55px;
    margin-top: 2px;
    margin-left: -65px;
    text-align: right;
}
/* Calendar1 (also all LMS and Campus Groups calendar event lists) */
.eventTimeCal1 {
    font-weight: bold;
    float:left;
    width: 56px;
    padding-right: 15px;
    padding-left: 0;
    margin-top: 13px;
    margin-bottom: 25px;
    text-align: right;
}
.twoColLine .eventTime {
	margin-left: -98px;
	margin-top: 0;
	width: 83px;
	margin-bottom: 0;
} 
.twoColLine div.scheduleContent {
    margin-left: -5px;
    border-width: 0 0 0 2px;
    border-style: solid;
	padding-left: 10px;
}
.smallLeftCol {
	font-weight: bold;
	float:left;
	display: block;
	width: 56px;
	margin-left: -65px;
	padding: 0;
	font-size: 14px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 6px;
	text-align: right;
	word-wrap: break-word;
}
.smallLeftColLine {
	overflow: hidden;
	padding: 4px 0 0 55px;
	font-size: .85em;
}
.smallLeftColLine div {
    border-left-width: 2px;
    border-left-style: solid;
	padding-left: 8px;
}
/* End Styles */

.overdueCount {
	padding: 3px 3px 1px 3px;
    min-height: 1.2em;
    line-height: 1.2em;
}
.subNote {
    font-size: small;
}
.subNote ul {
    padding-left: 0;
    margin-left: 0;
}
.subNote ul li {
    padding: 3px 0;
    margin-left: 0;
    line-height: normal;
    list-style: none;
}
/* End Content */


/**  Site Manager **/

/** Button Icons **/
.ui-icon-order {
    background-image: url(images/reorder-white.png);
    background-position: 3px 3px;
}
.admin-button .ui-icon {
    position: absolute;
    left: 3px;
}
.ui-content .ui-btn.admin-button {
    display: block;
    margin: 0;
    padding: 10px 12px;
    border-width: 0;
    line-height: 48px;
}
.ui-content .ui-btn.admin-button-right {
    float: right;
    border-radius: 0 4px 4px 0;
    border-left-width: 1px;
    border-left-style: solid;
}
.ui-content .ui-btn.admin-button-left {
    float: left;
    border-radius: 4px 0 0 4px;
    border-right-width: 1px;
    border-right-style: solid;
}
.ui-listview>li.ui-first-child>a.ui-btn.admin-button-left {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
.ui-listview>li.ui-last-child>a.ui-btn {
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.ui-listview>li.ui-last-child>a.ui-btn:last-of-type {
 	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.ui-listview>.ui-li-divider {
    font-weight: normal;
}
.miniButtonHeight {
    min-height: 32px;
}
/* End Button icons */

.ui-content .ui-listview .edit-reorder-list-text {
    padding: 0 0 0 12px;
    border-width: 0;
    overflow: hidden;
    white-space: nowrap;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    text-overflow: ellipsis;
    border-radius: 4px;
}
.ui-content label {
    padding-bottom: 2px;
    padding-top: 5px;
    line-height: 1.2;
    margin: 15px 0 0.3em;
}
.ui-content label.inline {
    padding-bottom: 2px;
    padding-top: 5px;
    line-height: 1.2;
    margin: 5px 0 0;
    display: inline-block;
}
.ui-content .ui-radio label,
.ui-content .ui-checkbox label {
    padding-bottom: .7em;
    padding-top: .7em;
}
.ui-icon-move-up-ia:after {
    background-image: url(images/nav-move-up-inactive.gif);
}
.ui-icon-move-down-ia:after {
    background-image: url(images/nav-move-down-inactive.gif);
}
.ui-icon-move-up:after {
    background-image: url(images/nav-move-up.gif);
}
.ui-icon-move-down:after {
    background-image: url(images/nav-move-down.gif);
}
.ui-content .ui-body-a .ui-btn.ui-icon-move-up,
.ui-content .ui-body-a .ui-btn.ui-icon-move-down,
.ui-content .ui-body-a .ui-btn.ui-icon-move-up-ia,
.ui-content .ui-body-a .ui-btn.ui-icon-move-down-ia {
    height: 50px;
    width: 45px;
    border-width: 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: rgb(221,221,221);
    background-position: center 48%;
    display: block;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    float: right;
}
.ui-listview-inset .ui-icon-move-up,
.ui-listview-inset .ui-icon-move-down,
.ui-listview-inset .ui-icon-move-up-ia,
.ui-listview-inset .ui-icon-move-down-ia{
    height: 48px;
}
.ui-listview-inset li.ui-corner-top .ui-icon-move-down,
.ui-listview-inset li.ui-corner-top .ui-icon-move-down-ia {
    border-top-right-radius: 0.6em;
    background-clip: padding-box;
}
.ui-listview-inset li.ui-corner-bottom .ui-icon-move-down,
.ui-listview-inset li.ui-corner-bottom .ui-icon-move-down-ia {
    border-bottom-right-radius: 0.6em;
    background-clip: padding-box;
}
.ui-content .ui-body-a .ui-btn.ui-icon-move-up, 
.ui-content .ui-body-a .ui-btn.ui-icon-move-down {
    background-color: #ceeeff; 
}
.ui-content .ui-bar-b .ui-btn.ui-icon-move-up, 
.ui-content .ui-bar-b .ui-btn.ui-icon-move-down {
    background-color: #accbe5; 
}
.ui-content .ui-bar-c .ui-btn.ui-icon-move-up, 
.ui-content .ui-bar-c .ui-btn.ui-icon-move-down {
    background-color: #bdddf2; 
}
.ui-content .ui-body-a .ui-btn.ui-icon-move-up:hover, 
.ui-content .ui-body-a .ui-btn.ui-icon-move-down:hover {
    background-color: #accbe5; 
}
.ui-content .ui-bar-b .ui-btn.ui-icon-move-up:hover, 
.ui-content .ui-bar-b .ui-btn.ui-icon-move-down:hover {
    background-color: #8aa9cb; 
}
.ui-content .ui-bar-c .ui-btn.ui-icon-move-up:hover, 
.ui-content .ui-bar-c .ui-btn.ui-icon-move-down:hover {
    background-color: #9bbad8; 
}
.ui-listview .moved {
	border: 2px solid #9bbad8 /*{a-active-background-color}*/;
	-webkit-box-shadow: 0 0 2px #9bbad8 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 2px #9bbad8 /*{a-active-background-color}*/;
	box-shadow: 0 0 2px #9bbad8 /*{a-active-background-color}*/;
}
.list-heading {
    margin-top: .6em;
    margin-bottom: .6em;
}
/** About Screen **/
.aboutTitle {
    text-align: center;
    margin: 0;
}
.aboutList {
    display: block;
    margin: 10px;
    font-size: 12pt;
    line-height: 16pt;
    overflow:hidden;
}
.aboutList dt {
    font-weight: bold;
    display: block;
    float: left;
    padding: 2px 6px;
    width: 140px;
    text-align: right;
    overflow: hidden;
}
.aboutList dd 
{
    margin-left: 122px;
    font-weight: normal;
    padding: 2px 0;
    display: block;
    overflow: hidden;
}
.licenceTableAlignment th {
    text-align: left;
}
.licenceTableAlignment td {
    text-align: right;
}
/* End About Screen */
/* End Site Manager */

/** Popups **/
.popup-width {
    min-width: 200px;
    max-width:400px;
}
/* End Popups */

/** Overwrite JQuery Styles **/
* {
    border-color: inherit;
}
.ui-panel-display-reveal {
 -webkit-box-shadow: none; 
-moz-box-shadow: none;
 box-shadow: none; 
}
.ui-panel-dismiss {
 -webkit-box-shadow: 0 -5px 2px rgba(0, 0, 0, 0.25);    
-moz-box-shadow: 0 -5px 2px rgba(0, 0, 0, 0.25);    
    box-shadow: 0 -5px 2px rgba(0, 0, 0, 0.25);    
}
.ui-select .ui-btn>span:not(.ui-li-count) {
    white-space: normal;
}
.belowHeading {
    margin-top: -.45em;
}
.ui-li-divider.ui-bar-b {
    font-weight: normal;
    padding: 0.45em 0.78em 0.25em;
}
.ui-li-divider.ui-bar-c {
    font-size: .75em;
    font-weight: normal;
    padding: 0.3em 0.92em 0.2em;
}
.ui-dialog-contain .ui-header div{
    font-weight: normal;
    text-align: center;
    padding: .7em 0;
    margin: 0 15%;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible,
.ui-li-static.ui-collapsible.ui-li-has-count,
.ui-li-static.ui-collapsible.ui-li-has-icon {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}
.ui-listview>.ui-li-has-icon>.ui-collapsible-heading>.ui-btn>img:first-child {
position: absolute;
left: .625em;
top: .9em;
max-height: 1em;
max-width: 1em;
}
.ui-listview>.ui-li-has-icon>.ui-collapsible-heading>.ui-btn {
min-height: 1.25em;
padding-left: 2.5em;
}
.ui-listview>.ui-li-has-count>.ui-collapsible-heading>.ui-btn-icon-right {
padding-right: 4.6875em;
}
/* end Overwrite JQuery Styles */

/** Icon Formatting **/
.iconAlertMessage {
    padding-left: 24px;
    background: url(images/cross-16.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    white-space: normal;
    display: inline;
}
.centerIcon {
    vertical-align: middle;
}
.checklist-content {
    padding-left: 42px;
    min-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 9px;
}
/* end Icon Formatting */

/** Icons**/

.alertIconSmall {
    background-image: url(images/error-16.png);
}
.astIconSmall {
    background-image: url(images/asterisk_yellow.png);
}
.barBlackSmall {
    background-image: url(images/bar.png);
}
.barHollowSmall {
    background-image: url(images/bar-hollow.png);
}
.calendarIconSmall {
    background-image: url(images/calendar-16.png);
}
.checkIconSmall {
    background-image: url(images/tick-16.png);
}
.checkIconLarge {
    background-image: url(images/tick-32.png);
}
.checkIconDottedLarge {
    background-image: url(images/score-unscored-32.png);    
}
.circleSlashIconSmall {
    background-image: url(images/circle-slash-16.png);
}
.clockIconSmall {
    background-image: url(images/clock-16.png);
}
.cogIconSmall {
    background-image: url(images/cog-16.png);
}
.courseworkIconSmall {
    background-image: url(images/book-16.png);
}
.crossIconSmall {
    background-image: url(images/cross-16.png);
}
.crossWhiteIconSmall {
    background-image: url(images/cross-white-16.png);
}
.emptyCheckIconSmall {
    background-image: url(images/score-notscored.png);
}
.goldMedalIconLarge {
    background-image: url(images/medal_gold_32.png);
}
.greyCheckIconSmall {
    background-image: url(images/score-check-grey.png);
}
.halfCheckIconSmall {
    background-image: url(images/tick-half-16.png);
}
.helpIconSmall {
    background-image: url(images/help-16.png);
}
.newsIconSmall {
    background-image: url(images/blogs-16.png);
}
.resourcesIconSmall {
    background-image: url(images/drawer-16.png);
}
.starIconSmall {
    background-image: url(images/star.png);
}
.userIconLarge {
    background-image: url(images/user-32.png);
}

/** White Icons **/
.ui-icon-inuse:after {
	background-image: url(images/icons-png/inuse-white.png);
}/** End White Icons **/

 /** Black Icons **/
 .ui-alt-icon .ui-icon-inuse:after,
.ui-alt-icon.ui-icon-inuse:after {
	background-image: url(images/icons-png/inuse-black.png);
}/** End Black Icons **/

/** Gray Icons **/
.ui-gray-icon .ui-icon-arrow-d:after,
.ui-gray-icon.ui-icon-arrow-d:after {
	background-image: url(images/icons-png/arrow-d-gray.png);
}
.ui-gray-icon .ui-icon-bars:after,
.ui-gray-icon.ui-icon-bars:after{
	background-image: url(images/icons-png/bars-gray.png);
}
.ui-gray-icon .ui-icon-calendar:after,
.ui-gray-icon.ui-icon-calendar:after {
    background-image: url(images/icons-png/calendar-gray.png);
}
.ui-gray-icon .ui-icon-carat-d:after,
.ui-gray-icon.ui-icon-carat-d:after {
	background-image: url(images/icons-png/carat-d-gray.png);
}
.ui-gray-icon .ui-icon-carat-l:after,
.ui-gray-icon.ui-icon-carat-l:after {
	background-image: url(images/icons-png/carat-l-gray.png);
}
.ui-gray-icon .ui-icon-carat-r:after,
.ui-gray-icon.ui-icon-carat-r:after {
	background-image: url(images/icons-png/carat-r-gray.png);
}
.ui-gray-icon .ui-icon-carat-u:after,
.ui-gray-icon.ui-icon-carat-u:after {
	background-image: url(images/icons-png/carat-u-gray.png);
}
/*.ui-datebox-container.ui-body-a .ui-icon-check:after,*/
.ui-gray-icon .ui-icon-check:after,
.ui-gray-icon.ui-icon-check:after{
	background-image: url(images/icons-png/check-gray.png);
}
.ui-gray-icon .ui-icon-clock:after,
.ui-gray-icon.ui-icon-clock:after {
    background-image: url(images/icons-png/clock-gray.png);
}
.ui-gray-icon .ui-icon-delete:after,
.ui-gray-icon.ui-icon-delete:after,
.ui-datebox-container.ui-body-a .ui-icon-delete:after,
.ui-dialog-contain .ui-icon-delete:after {
	background-image: url(images/icons-png/delete-gray.png);
}
.ui-gray-icon .ui-icon-edit:after,
.ui-gray-icon.ui-icon-edit:after{
	background-image: url(images/icons-png/edit-gray.png);
}
.ui-gray-icon .ui-icon-gear:after,
.ui-gray-icon.ui-icon-gear:after {
    background-image: url(images/icons-png/gear-gray.png);
}
.ui-gray-icon .ui-icon-grid:after,
.ui-gray-icon.ui-icon-grid:after{
	background-image: url(images/icons-png/grid-gray.png);
}
.ui-gray-icon .ui-icon-minus:after,
.ui-gray-icon.ui-icon-minus:after{
	background-image: url(images/icons-png/minus-gray.png);
}
.ui-gray-icon .ui-icon-plus:after,
.ui-gray-icon.ui-icon-plus:after{
	background-image: url(images/icons-png/plus-gray.png);
}
.ui-gray-icon .ui-icon-refresh:after,
.ui-gray-icon.ui-icon-refresh:after {
    background-image: url(images/icons-png/refresh-gray.png);
}
.ui-gray-icon .ui-icon-reorder:after,
.ui-gray-icon.ui-icon-reorder:after {
    background-image: url(images/icons-png/reorder-gray.png);
}
.ui-gray-icon .ui-icon-search:after,
.ui-gray-icon.ui-icon-search:after {
    background-image: url(images/icons-png/search-gray.png);
}
/* End Gray icons */

/* End icons */