/* ----- scXX and ecXX designations are used by User Interface Feature. Don't remove if you intend to use the User Interface to change colors ---- */

.contentLnk
{
	position:absolute;
	top: 0;
	left: -10000px;
	padding: 5px;
	z-index: 5000;
	text-decoration: none;
	border: 0;
	outline: none;
	/*sC16*/ color: #ffffff /*eC16*/;
	/*sC17*/ background-color: #b22222 /*eC17*/;
}

.contentLnk:focus
{
	left: 0;
	top: 0;
}

.awBulletins, .awWarnings  /* warnings and bulletins */
{
	text-align: center;
}

.awWarning, .awBulletin
{
	padding: 8px;		
}

.awWarnings, .awWarnings a
{
	/*sC38*/ background-color: #a22222 /*eC38*/;
	/*sC39*/ color: #ffffff /*eC39*/;
}

.awBulletins
{
    max-width: 1100px;
  margin: 8px auto;
  border-radius: 5px;
}

.awBulletins,  .awBulletins a
{
	/*sC40*/ background-color: #46768C /*eC40*/;
	/*sC41*/ color: #ffffff /*eC41*/;
}

/* -- Table used on various ACEweb pages -- */
.awTable	  
{
	width: 100%;  
	box-shadow: #dddddd 2px 4px 4px 0px;
	line-height: 1.5;
	/*sC18*/ border: solid 1px #dddddd /*eC18*/ ;
}

.awTable thead tr 
{
	/*sC19*/ background-color: #333e48 /*eC19*/;
	/*sC20*/ color: #ffffff /*eC20*/;
}

.awTable thead th
{
	font-weight: normal;
	text-align: left; 
	padding: 6px 9px;
	font-size: .9em;
}

.awTable tbody td 
{
  	/*sC21*/ background-color: #ffffff /*eC21*/;
	padding: 12px 15px;
}

.awTable tbody tr:nth-child(even) td
{
    /*sC22*/ background-color: #efefef /*eC22*/; 
}

.awTable td input[disabled='disabled'][type="submit"]    /* hides disabled buttons */
{
	display: none;
}

.awTable tbody td.text
{
	text-align: left;
}

.awTable tbody td.date, .awTable tbody td.logical
{
	text-align: center;
}

.awTable tbody td.number
{
	text-align: right;
}

.awTable tbody td.memo
{
}


/* -- Tablesorter -- */
.awTable th.header
{
	cursor: pointer; 
} 

/* Tablesorter Icons - Needed for Legacy Version 1 */
.awTable thead tr th.headerSortUp:before,
.awTable thead tr th.headerSortDown:before,
.awTable thead tr th.header:before
{
  font-family: FontAwesome;
  font-size: 120%;
}

.awTable thead tr th.header:before 
{
  content: "\f0dc";
  padding-right: 5px;
}

.awTable thead tr th.headerSortUp:before 
{
  content: "\f0de";
}

.awTable thead tr th.headerSortDown:before 
{
  content: "\f0dd";
}

/* -- Tablesorter -- */
.awTable th.header
{
	cursor: pointer; 
} 

/* Tablesorter Icons - Needed for Legacy Version 1 */
.awTable thead tr th.headerSortUp:before,
.awTable thead tr th.headerSortDown:before,
.awTable thead tr th.header:before
{
  font-family: FontAwesome;
  font-size: 120%;
}

.awTable thead tr th.header:before 
{
  content: "\f0dc";
  padding-right: 5px;
}

.awTable thead tr th.headerSortUp:before 
{
  content: "\f0de";
}

.awTable thead tr th.headerSortDown:before 
{
  content: "\f0dd";
}
			
/* Tablesorter Icons - Needed for Version 2 */
.awTable th.tablesorter-header
{
	cursor: pointer; 
} 

.awTable thead tr th.tablesorter-headerAsc:before,
.awTable thead tr th.tablesorter-headerDesc:before,
.awTable thead tr th.tablesorter-headerUnSorted:before
{
  font-family: FontAwesome;
  font-size: 120%;
  font-style: normal;
}

.awTable thead tr th.tablesorter-header:before 
{
  content: "\f0dc";
  padding-right: 5px;
}

.awTable thead tr th.tablesorter-headerAsc:before 
{
  content: "\f0de";
}

.awTable thead tr th.sorter-false:before 
{
  content: "";
}

.awTable thead tr th.tablesorter-headerDesc:before 
{
  content: "\f0dd";
}

.awTable thead tr th div.tablesorter-header-inner
{
	display: inline;
}

/*  General ACEweb button styles; awLnkBtn is used for a tags that should look like buttons  */
.awButtons
{
	width: auto;
	overflow: visible;
	cursor: pointer;
	-webkit-appearance: none;
	border: 0px;
	padding: 10px;
	border-radius: 5px;
	/*sC23*/ background-color: #333e48 /*eC23*/;
	/*sC24*/ color: #ffffff  /*eC24*/;
	text-decoration: none;	
	font-family: Roboto, Arial, FontAwesome, sans-serif;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.awLnkBtn /* needs more padding than buttons */
{
	display: inline-block;
	/*sC23*/ color: #ffffff !important /*ec23*/;
	/*sC24*/ background-color: #333e48 /*eC24*/;
}

.awButtons:hover, a.awLnkBtn:hover
{
	/*sC25*/ background-color: #4d868e /*eC25*/;
	/*sC26*/ color: #ffffff  /*eC26*/;
}

/* logon button on home page */
p.hmLogonBtn > .logonBtn
{
	width: 100%;
}

.boxGrey
{
	border: solid 1px #dddddd;
	background-color: #efefef;
	padding: 8px;
	border-radius: 5px;
}

/* Background Colors */
.drkGrey
{
	background-color: #444444; 
}

.drkBlue
{
	background-color: #4d648c;
}

.lghtBlue 
{
	background-color: #3a9ad9;
}

.red
{
	/*sC27*/ background-color: #922222 /*eC27*/; 
}

.purple
{
	background-color: #8d4e85;
}

.medGrey
{
	background-color: #666666;
}

.grey
{
	background-color: #999999;
}

.yellow
{
	background-color: #f2a400; 
}

.green 
{
	background-color: #268c52;	
}

.orange
{
	background-color: #df7514;
}

.offwhite
{
	background-color: #f0f0f0;	
	color: #222222;
}

/* Colored Text */
.drkBlueTxt
{
	color: #4d648c;
}

.lghtBlueTxt
{
	color: #3a9ad9;
}

.greenTxt 
{
	color: #268c52;	
}

.orangeTxt
{
	color: #df7514;
}

.purpleTxt
{
	color: #8d4e85;
}

.redTxt
{
	color:#b22222;
}

/* Larger Text */
.awLargeTxt
{
	font-size: 1.1em;
}


/* -- Programs (Groups) -- */
.awGroups
{
	margin-top: 15px;
}

.awGroups td
{
	padding: 0 0 15px 0;
}

.awGroups td.grpImage
{
	width: 120px;
	padding-right: 15px;
}
	
.awGroups td.grpImage span.groupID
{
	display: none;
}
	
.awGroups td.grpImage img 
{
    width: 120px;
	height: 85px;
}

.awGroups td.grpInfo span.grpName  /* group title style */
{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.awGroups td.grpInfo div.inGrpCount
{
	display: inline; 
	margin-left: 5px;
}

.groupCounter
{
	display: block;
	padding: 5px 0;
}

.inGrpCount
{
	font-size: .8em;
}

.awGroups td.grpInfo div span  /* # Course Available Message */
{
	font-weight: normal;
	font-size: 100%;
}

.subGroupDesc
{
	padding: 0 0 10px 0;
}

/* Used with groupBreak=1 option */
.grpSort 
{
	padding: 0 0 10px 0;
}


/* Used with the Search Course Lists option on xshowschedule.htm */
#searchBox
{
	margin: 0 0 12px 0; 
	background-color: #ffffff; 
	border: solid 1px #cccccc; 
	padding: 8px;
	border-radius: 4px;
}
	
#searchText  
{
	width: 85%; 
	padding: 5px; 
	border: none;
}  

.fa-magnifying-glass 
{
	margin: 0 8px; 
	color: #444444;
}

input.searchListField:focus 
{
	outline: none; 
	border-radius: 0px;
}

.clearVal
{
	float: right;
	margin: 6px 8px;
	color: #444444;
	cursor: pointer;
}



/* -- Instructor Lookup -- */
.instName
{
	white-space: nowrap;
}

/* Location Lookup Page */
#locLookup .awTable 
{
	width: 60%; 
	margin: 0 auto;
}	

/* Contact Us Styles */
.contactInfoLbl
{
	font-size: 1.2em;
}

.contactInfo p
{
	padding: 0;
}


/* -- Contactus.awp Page -- */

.emailForm 
{
	flex-basis: 30%;
}

.contactInfo  
{
	flex-basis: 68%;
}
	
.fieldLabel 
{
	display: block; 
	font-size: .8em; 
	padding: 15px 0 4px 0;
}

.formField 
{
	display: block;
}

.formField input, .formField textarea 
{
	width: 100%;
}

.submitBtn 
{
	padding: 8px 0;
}

.submitBtn .awButtons 
{
	width: 100%;
}

.infoBox p 
{
	padding: 5px 0 24px 0;
}

.infoBox p span.contactInfoLbl 
{
	font-size: 1em;
}

.infoBox .social 
{
	width: 100%;
}

.infoBox .social .fa-brands 
{
	font-size: 1.5em; 
	margin-right: 12px;
}


/*---User Logon Page---*/
#lgWrapper 
{
	width: 400px;
	margin: 13px auto 20px auto;
	border-radius: 3px;
    box-sizing: border-box;
    border-top: solid 5px #dddddd;
    border-bottom: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-radius: 2px;
    box-shadow: #eeeeee 2px 8px 10px 0px;
}

.logonBox
{
	/*sC28*/ border-top: solid 2px #dddddd /*eC28*/ ;
}

#lgWrapper .fa-user-circle-o
{
	display: block;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: center;
	font-size: 2em;
}

.logForm
{
	width: 100%;
	padding: 20px 10px 0 10px;
}

.logForm #StuID, .logForm #txtPassword
{
	width: 100%;
}

.logForm .hmLogon
{
	padding: 0 0 2px 0;
}

.logForm #logFormSubmit
{
  	padding: 8px 0;
}

.logForm #logFormSubmit .awButtons
{
  	width: 100%;
}

.signupBox
{	
	padding: 20px 12px;	
	/*sC29*/ background-color: #efefef /*eC29*/;
	/*sC30*/ color: #222222 /*eC30*/;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	/*sC28*/ border-top: solid 1px #dddddd /*eC28*/ ;
	text-align: center;
}

.userSignup
{
	width: auto;
	margin: 0 auto;
	white-space: nowrap;
	font-size: 110%;
}

.userSignup span.fa-solid
{
	vertical-align: top;
	font-size: 1.2em;
}

.userSignup span.signupLnk
{
	vertical-align:middle;
}

.lgnPrompts
{
	font-size: .9em;
	padding: 20px 8px;
}

.lgnPrompts p
{
	line-height: 1.2;
}

.lgnPrompts a
{
	color: #2185cf;
}

.fltLeft
{
	float: left;
}

.fltRight
{
	float: right;
	text-align: right;
}

 /* Enroll Someone Else Message */
#prxyInfoBox
{
	margin: 0 auto 20px auto;
}

#staffUserLogon
{
	margin: 20px auto 0 auto;
}

.lgEnrProgress
{
	display: block; 
	width: 700px; 
	padding: 10px 0;
}

/* -- ViewPD on Xwelcome > Account Options tab styles -- */

.viewPData
{
	padding: 0 0 12px 0;
}

.pdLabel
{
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}

.pdField
{
	display: inline-block;
	padding-right: 105px;	
}

.acctAction
{
	position: relative;
	width: auto;
	border: solid 1px #dddddd;
	border-radius: 5px;
	margin-bottom: 8px;
}

.acctAction .acctIcon
{
	display: inline-block;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	background-color: #efefef;
	border-radius: 5px 0 0 5px;
	margin-right: 8px;
	border-right: solid 1px #dddddd;
} 

.acctAction a 
{
	text-decoration: none; 
}

.acctAction a::after 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* Upcoming Courses List */
#upcmgList 
{	
	width: 100%;
}

#upcmgList th
{
	font-size: .9em;
	font-weight: normal;
	border-bottom: solid 1px #dddddd;
	padding: 2px;
	text-align: left;
}

#upcmgList th.dateTH
{
	text-align: right;
}

#upcmgList td
{
	padding: 8px 5px;
}

#upcmgList td.begDate
{
	width: 75px;
	text-align: right;
	padding-right: 5px;
}

/* -- Reset Password Request -- */
.pwdReq table
{
	margin: 10px 0;
}

.pwdReq table td
{
	padding: 5px;
}

/* -- Set/Reset Password -- */
.resetPwd td
{
	padding-bottom: 8px;
}

/* -- Upcoming Courses Listing -- */
.editInterests
{
	padding-left: 10px;
}

.cartNone /* positions cart info box */
{
	position: relative;
}

/* -- Person.awp -- */

.staffNameInfo
{
	padding-bottom: 0px;
}

.awpAddrClone
{
	display: none;
}

#changeWarning
{
	display: none;
}

  /* Household Profiles Section */
#hhList
{
	box-sizing:border-box;
}

#hhList input[type='radio']
{
	margin-bottom: 5px;
}

#hhList table#radAltID td
{
	padding-bottom: 8px;
}

#hhNotList
{
	padding: 8px 0; 
}

#hhNotList h2
{
	margin: 0;
	padding: 0;
}

#hhTaken
{
	padding: 0 0 10px 0;
}

#btnNewAlternate
{
	margin-top: 8px;
}

#dialogText1, #dialogText2, #dialogText2A
{
	display: none;
}

/* Attachments Page */
#uploadMsg {
  color: #b22222;
  font-weight: bold;
}

/* Back to Top link styles */
.awTopLnk a:before 
{
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f062";
  padding-right: 5px;
}

a.awTopLnk 
{
    display: none;
	position: fixed;
    bottom: 75px;
	right: 30px;
    z-index: 9999;
    background-color: rgb(0, 0, 0,.8);
    border-radius: 2px;
    text-align: center;
    font-size: 1em;
    text-decoration: none;
    padding: 5px 8px;
    color: #ffffff;
}


.awSbmtAlt	/* Submit Household Member Profile Changes Text */
{
	font-size: 85%;
}

 /* Interests and Enroll Others Sections */
.awInterests
{
	margin-bottom: 10px;
}

.awInterests td
{
	padding: 8px;
}

.personBtn
{
	padding: 10px 0;
}

#infoOpts
{
	padding-top: 8px;
}

/* Send Catalog or Info options */
#infoOpts p
{
	padding: 0 0 10px 0;
    display: block;
    position: relative;
}

#infoOpts input
{
    margin: 5px 0 0 0;
    position: absolute;
}

#infoOpts label
{
	display: inline-block;
    min-height: 16px;
    padding-left: 20px;
}

.balanceDue
{
	/*sC42*/ color: #b22222 /*eC42*/;
}

.creditAmt
{
	/*sC43*/ color: #268c52 /*eC43*/ ;
}

/* -- Course Status -- */ 
.linkImg
{
	vertical-align: middle; 
	margin-right: 5px;
}

#thumbText  /* Catalog Thumbnail Description box */
{
	padding: 0 0 10px 0;
}

#btnToggleDesc  /* Show/Hide Full Description link */
{
	font-size: 90%;
	border: none;
	background: none;
	cursor: pointer;
	text-decoration: underline;
}

.csShare 
{
	padding: 0 0 20px 0;
}

.csShare a
{
	margin-right: 8px;
	padding: 5px 5px 4px 5px !important;
	color: #ffffff;
	border-radius: 4px;	
	text-decoration: none;
}

.csShare a span.mbHide
{
	display: inline-block;
	margin-top: -2px;
	font-size: .8em;
	margin-left: 5px;
	vertical-align: middle;
}

.csShare .a2a_button_facebook
{
	background-color: #2e79f6;
}

.csShare .a2a_button_twitter
{
	background-color: #63adf1;
}

.csShare .emailPage
{
	background-color: #f48c00;
}

.csShare .printPage
{
	background-color: #38c75a;
}

.csShare .copyURL
{
	background-color: #8d4e85;
}

.csShare .whoAttend
{
	background-color: #333333;
}

.csDetailTable
{
	margin-left: 20px;
}

.csDetailTable th, .csDetailTable td
{
	padding: 0 8px 12px 0;
}

.csDetailTable th
{
	text-align: left;
	font-weight: normal;
}

.csDetails p
{
	padding: 12px 0;
}

.csEarlyBird
{
	font-size: 85%;
}

.csDepositMsg
{
	font-size: 85%;
}

.csMaxWidth /* for use to restrict the Description contents tab, if desired */
{
	max-width: auto;
}

#csEnroll
{
	padding: 12px 0;
}


#crseInfo ul li .fa-solid, #crseInfo ul li .fa-regular
{
	padding-right: 2px;
}

 /* Course Details table */
.awCourseStatus td
{
	padding: 0 0 5px 0;
}

.awCourseStatus tr:last-child td:last-child 
{
	padding: 0 0 15px 0;
}

.awCourseStatus th.csLabels
{
	padding: 1px 10px 5px 0;
	background-color: transparent;
	width: auto;
	text-align: left;
	font-weight: normal;
	width: 20%;
}

.awCourseStatus td .fa-calendar-check-o
{
	padding-left: 15px;
}

.or  /* OR between Enroll buttons IF using Proxy Reg option */
{
	font-size: 1.4em; 
	margin: 0 10px;
}
	.fa-circle-chevron-down, .fa-circle-chevron-up
{
	color: #333333;
	margin-right: 4px;
}
.csFrame
{
	display: block;
	width: 100%;
	max-height: 120px;
	border: 0;
	background-color: transparent;
}

#pckgH2
{
	font-size: 100%;
	padding: 0 0 0 10px;
}

.psPkgCrse
{
	position: relative;
	padding: 0 0 10px 0;
	cursor: pointer;
}

.psPkgCrse .pckEach
{
	padding: 5px 0;
	line-height: 1.5;
}

.ecPkgCrse
{
	position: relative;
	padding: 0 0 2px 0;
}

.ecPkgCrse .pckEach
{
	padding: 0;
	line-height: 1.5;
}

#pckgTotal
{
	padding: 12px 0;
	font-size: 1.1em;
	line-height: 1;
}

#packageCourse
{
	padding: 12px 0;
}


/* -- Instructor Information --*/
.awInstInfo
{
	width: 100%;
}

.awInstInfo thead th
{
	text-align: left;
	border-bottom: solid 1px #999999;
}

.awInstInfo tbody td
{
	padding: 2px 5px 10px 0;
	border-bottom: dotted 1px #cccccc;
}

.awInstInfo tbody td.name
{
	width: 20%;
}

/* -- Progress Meter -- */
.awProgress
{
	border-collapse: separate;
	border-spacing: 1px;
	/*sC31*/ border: solid 1px #4e6f2f /*eC31*/ ;
	border-radius: 4px;
	margin: 2px 0;
}

.awProgress td
{
	width: 8px;
	font-size: 1em;
	padding: 0;
}

.awProgress td:first-child 
{
      border-top-left-radius: 2px;
	  border-bottom-left-radius: 2px;
}

.awProgress td.awStepDone    /* Completed Bars */
{
	/*sC32*/ background-color: #4e6f2f /*eC32*/ ;
}

.awProgress td.awStepNot    /* Uncompleted Bars */
{
	background-color: transparent;
}

.awProgress td:last-child 
{
      border-top-right-radius: 2px;
	  border-bottom-right-radius: 2px;
}

/*  Add to Waitlist */
.addtoWL
{
	margin: 10px 0;
}

/*  -- Enroll Someone Else -- */

#reqInfo
{
	clear: both;
	padding: 10px 0;
}

#prxyContCancel
{
	clear: both;
	padding: 10px 0;
}

.progressBar
{
	clear: both;
	padding: 15px 0;
}


/* Send Friend  Styles*/
.sendFriendForm label
{
	display: inline-block;	
	position: relative;
	width: auto;
	box-sizing: border-box;
	padding: 0 5px;
	letter-spacing: 0px;
	line-height: 20px;	
	font-size: .9em;	
}

.sendFriendForm span.awReqDes
{
	float: right;
	color: #b22222;
	padding-left: 2px;	
}

.sendFriendForm input, .sendFriendForm textarea
{
	width: 98%;
}

#sfMessage
{
	font-style: italic;
	padding: 8px;
}


/* -- Enrollment Cart Page -- */

#awEnrWho /* who is enrolled */
{
	margin: 0;
	padding: 0;
}

/* Adding to Cart Table */
#awCourseOptions
{	
}

#awCourseOptions fieldset
{
	padding: 12px;
}

div.awCartItems label
{
	display: inline-block;
	line-height: 2em;
	vertical-align: middle;
}

div.awCartItems input[type='checkbox'], div.awCartItems input[type='radio'] 
{
    margin: 0 8px 0 0;
	vertical-align: middle;
}

div.awCartItems select
{
	width: 100%;
	margin-bottom: 8px;
}

div.awNoRgtMargin input[type='checkbox']
{
	margin: 0;
}

span.awOpFeeQuant 
{
	display: inline-block;
	padding: 0 0 8px 0;
	margin-right: 5px;
}

span.awOpFeeQuant::before
{
	content: "#"; /* Hexadecimal for Unicode Leftwards white arrow*/
  display: inline;
  padding-right: 4px;
}

.topPad
{
	padding-top: 30px;
}

.awCartBtns  /* Side Bar with Buttons on Cart page */
{	
    box-shadow: #dddddd 2px 6px 10px 0px;
	border-top: solid 2px #222222;	
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	margin-bottom: 25px;
	background-color: #ffffff;
	border-radius: 0 0 5px 5px;
	padding: 10px;
}

#awCrseTot
{
	color: #b22222;
	padding: 8px 0 20px 0;
	font-size: 1.4em;
}

.awCartBtns input
{
	width: 100%;
	margin: 0 auto;
}

.awCartBtns select
{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-size: .98em;
}

#awSavetoCart
{
	padding: 12px 0 8px 0;	
}

#awEnrollOther
{
	padding: 20px 0 12px 0;	
}

#awProceedCheckout
{
	padding: 24px 0 0 0;	
}

.awCartBtns input[disabled]
{
	opacity: 0.2;
	cursor: not-allowed;
}

.awCartViewBtns p
{
	line-height: 1em;
	padding: 10px 0;
}

p.awCheckoutBtn
{	
	padding: 40px 0 0 0;
}

.awCartOptions .ui-datepicker-trigger
{
	width: 24px; 
	height: 24px;
	margin-top: -2px;
	vertical-align: middle;
}

.wkList  /* workshop selection box style */
{
	margin-bottom: 4px;
}

.awCartOptions td
{
    padding-bottom: 5px;
}

.awCartOptions .awLabels
{
 padding-top: 0;  
}

/* -- On Enrollment Cart Table -- */
.ecTable 
{
	table-layout: fixed;
	width: 100%;
	margin: 0 0 10px 0;
}

.ecTable td
{
	padding: 0 8px 8px 8px;
}

.ecTable td.ecTitle
{
	font-style: italic;
	font-size: 1.2em;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 3px;
}

td.ecCrseTitle
{
	border-top: dotted 1px #cccccc;
	padding-top: 5px;
}

.ecTable td.ecDeposit
{
	padding: 0 0 20px 10px;
}

.ecFeeSum
{
	float: right;
	text-align: right;
	box-sizing: border-box;
	padding: 5px;
}

.ecRemoveBtn
{
	font-size: .9em; 
	padding: 0; 
	border: none; 
	background-color: transparent; 
	text-decoration: underline;
	text-align: center;
    cursor: pointer;
}

.ecTable th.ecDelSum, .ecTable td.ecDelSum
{
	text-align: center;
}

.ecTable tr.ecCrseSummary td 
{
	border-top: solid 1px #cccccc;
}

.ecCrseTot
{
}

.ecTotalLine
{
	border-top: solid 1px #cccccc;
}

.ecShowDetails
{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 5px;
}

.ecTotalAmt
{
	width: 75%;
	float: right;
	box-sizing: border-box;
	padding: 5px 2px 5px 0; 
	text-align: right;
}

.ecTableDel[disabled="disabled"]
{
	display: none;
}


/* -- On Enrollment Cart Summary List -- */
.ecCrseList th
{	
}

.ecCrsList td
{
	padding: 5px; 
}

.ecCrseList p
{
	padding: 0 0 18px 0;
}

.ecFeeSum input[disabled='disabled'][type="submit"]   /* Disable button style */
{
	display: none;
}


/* -- Bonus Discount Styles -- */
.awBonusMsg
{
	color: #b22222;
	font-size: 110%;
}

.awBonusQualify
{
	color: #b22222; 
}

.spcImg
{
	float: left; 
	margin: -4px 5px 0 0; 
}

.spcImg img
{
	width: 32px;
	height: 32px;
}

.spcIcn
{
	display: inline;
	padding: 0 5px;
}

.bonusCheck
{
	margin: 0 3px 0 0;
}


/* -- Invoice/Credit Card/Cash and Check Information Tables -- */
.h2PayOpts
{
	padding: 10px 0;
}
.payDetails
{
	width: 100%;
}

.payDetails td
{
	padding: 0 0 8px 0;
}

.payDetails td input
{
	width: 96%;
}

.divOR h2 /* OR text between cc and invoice sections */
{
	display: none;
	padding: 0 0 0 0;
	font-size: 160%;
}

.awECbtnBox
{
	float: right;
}

.awECbtnBox input[disabled], .awOthBtns input[disabled]
{
	opacity: 0.2;
	cursor: not-allowed;
}

#depositPayment, #alternatePayer, #payxCC, #payOther
{
	display: none;	
}


/* Please Wait Messages */
#payxCC, #payOther
{
	width: 60%;
	margin: 0 auto;
	padding: 20px;
	font-size: 110%;
	color: #ffffff;
	cursor: wait;
	text-align: center; 
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666666;
}

#totMultDue
{
	text-align: right;
	font-size: 110%;
	color: #b22222;
}

#balDuePO
{
}

/* -- Registration History -- */
.regHistFilters fieldset
{
	margin: 0 0 15px 0;
}

.regHistoryButtons p
{
	padding-bottom: 18px;
}

.regHistoryButtons div
{	
	clear: both;
	box-sizing: border-box;
	line-height: 30px;
}

.regHistoryButtons input
{
	display: inline;	
	float: left;
	width: 145px;
	box-sizing: border-box;
	margin-bottom: 30px;
	text-align: center;
}

.regHistoryButtons span
{
	display: inline;	
	float: left;
	width: auto;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 8px;
}

#txtDateFilter, #txtEndDateFilter
{
	width: 125px;
}

#proxyOptions
{
	padding-bottom: 10px;
}

#selectOneProxy
{
	padding: 5px 0 0 17px;
}

#proxyOptions hr
{	
	margin: 12px 0 0 0;
}

#completionDates div.awpRow
{
	padding-bottom: 8px;
}

#completionDates label
{
	display: inline-block;
	width: 60px;
	text-align: right;
	padding-right: 5px;
}

.awHistRadio
{
	margin: 0 4px 8px 0 !important;
}

.totLine
{
	padding: 10px 0;
}

.currDetails /* current courses Details image */
{
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto;  
}

.awCertList > table.awTable
{
	width: 96%;
	margin: 1% 2%;
}

.awNoCert /* not certificates for [person] text */
{
	display: block;
	padding: 8px 0;
	line-height: 1.5;
}

/* AccountStuats Page */
.awASTable td 
{
	vertical-align: middle;
}

.asPay .asPrint 
{
	text-align: center;
}

.awASTable td.asPrint 
{
	padding-bottom: 5px;
}
.asPay input[type="checkbox"] 
{
	margin: 0;
}


/* -- Instructor Logon Page -- */

.instBoxStyle
{	
    box-shadow: #dddddd 2px 4px 4px 0px;
    /*sC28*/ border: solid 1px #dddddd /*eC28*/;
}

.noLogon
{	
	max-width: 380px;
	margin: 0 auto 20px auto;
	border-radius: 3px;
    max-width: 380px;
    margin: 13px auto 20px auto;
    box-sizing: border-box;
    box-shadow: #dddddd 2px 6px 10px 0px;
    border-top: solid 2px #222222;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    border-radius: 0 0 5px 5px;
}

.instLogon
{
	padding: 12px 12px 0 12px;
}

.noLogon .instOpts label
{
	font-size: .8em;
}

.noLogon .instOpts input
{
    margin: 5px 0 0 0;
    position: absolute;
}

.noLogon .instBtn
{
	padding-top: 8px;
}

.noLogon .instBtn input
{
	width: 100%;
}

#txtInstID, #txtInits
{
	width: 100%;
}

.noLogon div.instPrompts
{
	font-size: .9em;
	padding: 15px 8px;
	padding: 12px;	
	/*sC28*/ border-top: solid 1px #dddddd /*eC28*/ ;
	/*sC29*/ background-color: #efefef /*eC29*/ ;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.noLogon .instPrompts p
{
	line-height: 1.2;
}

.noLogon .instPrompts a
{
	color: #222222;	
}

.noLogon .fltLeft
{
	float: left;
}

.noLogon .fltRight
{
	float: right;
	text-align: right;
}

.instLogonPad
{	
	padding: 12px;
}

.instLogon input
{
	width: 100%;
}

.instLogon p.inLogLabel
{
	padding: 0 0 2px 0;
}

.instOpts p:after
{
	clear: both;
}

.instOpts p
{
	padding: 0 0 5px 0;
    display: block;
    position: relative;
}

.instOpts input
{
    margin: 3px 0 0 0;
    position: absolute;
}

.instOpts label
{
	display: inline-block;
    min-height: 16px;
    padding-left: 20px;
}

.activeInst
{
	width: 400px;
	margin: 0 auto;
}

#instTypes
{
	position: absolute;
	width: 225px;
	top: 25px;
	left: 8px;
}


 /* Waitlist table title */
#wlTitle
{
	margin-top: 25px;
}

/* Super Instructor Search  */
#siSearch
{
	width: 100%;
}

#siSearch  td 
{
	padding-bottom: 5px;
}

/* --Class Roster-- */
#rosterEmailList
{
	position: relative;
}

#clsRosterTable table tr.crHighlight td, #clsRosterTable table tr.crHighlight td a
{
	font-size: 1em;
	font-weight: bold;
}

.crCX, .crCX a
{
	color: #b22222;
}


.copy-to-clipboard textarea {
	width: 98%;
	height: 55px;
	border: solid 1px #999999;
	background: #f7f7f7;
}

.copied {
	position: absolute;
	background: #efefef;
	color: #222222;
	font-weight: bold;
	z-index: 99;
	width: 100%;
	top: 0;
	text-align: center;
	padding: 15px;
	display: none;
	font-size: 1.4em;
}

.fltForm
{
	display: inline;
	margin: 0;
	padding: 0;
}

.crOpts
{
	padding: 10px 0;
}

.wkRoster
{
	margin: 12px 0;
}

#workshopPicker /* workshop selectiion div */
{
	padding: 0 0 10px 0;
}

#btnClearWS
{
	display: none;
}


/*  ClassRoster course details table */
.awRostDetails	 
{
	width: 100%;
	margin: 0 0 15px 0;
	border: solid 1px #dddddd
}

.awRostDetails th 
{
	font-weight: normal;
	text-align: right;
	padding: 8px;  
	background-color: #efefef;
	font-size: .9em;
	white-space: nowrap;
	width: 20%;
}

.awRostDetails tbody td 
{
  	background-color: #ffffff;
	padding: 8px;
	border-bottom: solid 1px #dddddd;
}

.bckList
{
	padding-top: 12px;
}

/* -- Course Proposal -- */
.crseProposal
{
	width: 100%;
}

.crseProposal td
{
	padding: 0 0 5px 0;
}

.crseProposal textarea
{
	width: 96%;
	height: 32px;
}

.crseProposal input
{
	width: 96%;
}

.crseProposal input#txtMin, .crseProposal input#txtMax
{
	width: 20px;
}

/* -- Attendance Sheet -- */
.awAttendSheet	 
{
	margin: 10px 0;
	border: solid 1px #dddddd;
}


.awAttendSheet thead th 
{
	font-weight: normal;
	text-align: center;
	padding: 4px;
	font-size: .8em;
	background-color: #dddddd;
}

.awAttendSheet tbody td 
{
  	background-color: #ffffff;
	padding: 8px;
	border: solid 1px #dddddd;
}

/* -- Grade Book -- */
.gbCenter
{
	width: 50%;
	margin: 0 auto;
}

#awGradeBook td.gbName
{
	white-space: nowrap;
}

#awGradeBook td.gbGrade input, #awGradeBook td.gbHours input, #awGradeBook td.gbCredits input
{
	width: 80px;
}

.awAltButtons /* Workshop Gradebook */
{
	width: auto;
	overflow: visible;
	cursor: pointer;
	-webkit-appearance: none; 
	border: none;
	padding: 6px 8px;
	border-radius: 2px;
	/*sC23*/ background-color: #343434 /*eC23*/;
	/*sC24*/ color: #ffffff /*eC24*/;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 17px;
	font-size: 85%;
	-webkit-padding-before: 8px; 
	-webkit-padding-end: 10px;
	-webkit-padding-after: 8px;
	-webkit-padding-start: 10px;
	text-decoration: none;
}

.awAltText /* Workshop Gradebook Title */
{
	padding-left: 10px;
	font-style: italic;
}


/* Attendance Tracking */


/* Instructor Profile */
#aceInstructorApp header 
{
	height: 48px; 
	background-color: #f5f5f5; 
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 20%), 0px 4px 5px 0 rgba(0, 0, 0, 14%), 0px 1px 10px 0 rgba(0, 0, 0, 12%); 
}

#aceInstructorApp header h1 
{
	font-weight: normal; 
	text-align: center; 
	padding: 0; 
	line-height: 38px;
}

#aceInstructorApp main
{
	margin-top: 5px;
}

#aceInstructorApp .ipReturn
{
	padding: 0;
	line-height: 1;
}

#aceInstructorApp input[type="checkbox"]:disabled {
  background-color: #ffffff;
  color: #222222;
}

/*-- ACEweb General Styles --*/
.awBlock /* set display block on element */
{
	display: block;
	padding: 5px;
	font-size: .9em;
}

/* Caps On Dialog box */
#capsDialog
{
    display: none !important;
}

.awPrintOnly   /* hides various items from displaying onscreen */
{
	display: none;
}

.clrFloats /* clears floats */
{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}

.hidden	/* hides element, mostly used for screen readers */
{
	position:absolute !important;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.separator  /* used to separate links on some pages */
{
	padding: 0 5px;
}

.awLabels /* Labels in Input sections */
{
	width: 15%;
	text-align: right;
	padding: 5px 5px 5px 0;
	font-weight: normal; 
	white-space: nowrap;
}

.awCenterText, .awCenter  /* centered text */
{
	text-align: center;
}

.awRightText  /* right-aligned text */
{
	text-align: right;
}

.awSmall  /* small text	*/
{
	font-size: 85%;
}

.awImportant /* important messages */
{
	font-weight: bold;
	/*sC33*/ color: #b22222 /*eC33*/ ;
}

.awBar	/* bottom bar on some speciality tables */
{
	background-color: #222222;
	color:	#ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
}

.awTitlebar	/* some table titles */
{
	font-size: 1.4em;
	text-align: center;
}

.awMsgEmphasis  /* AceWeb Dialog Emphasized text	*/
{
	 font-weight: bold;
}

.awMsgClosing  /* AceWeb Dialog Closing	*/
{
	 font-size: 1em;
}

.awText /* various text boxes */
{
	font-size: 100%; 
}

.awCellForm	 /* Form tags in cells */
{
	margin: 0;
	padding: 0;
}

.awDialog   /* dialog boxes */
{
	Width: 75%;	
	background-color: #efefef;
	padding: 10px 5px;
	margin: 0 auto 12px auto;
	border: solid 1px #dddddd;
	text-align: center;
} 

span.awReqDes /* Required designation */
{
	float: right;
	/*sC34*/ color: #b22222 /*eC34*/;
	padding-left: 2px;	
}

label.error  /* email validation error message */
{	
	display: block;
	box-sizing: border-box; 
	padding-top: 5px;
	font-size: 85%;
	margin-left: 8px;
	/*sC34*/ color: #b22222 /*eC34*/;
	font-weight: bold;
}

input.error, select.error, textarea.error, 
input.awInvalid, select.awInvalid, textarea.awInvalid, 
input.error:focus, select.error:focus, textarea.error:focus, 
input.awInvalid:focus, select.awInvalid:focus, textarea.awInvalid:focus, label.awInvalid
{
	/*sC34*/ border: solid 1px #b22222  /*eC34*/ !important;
	/*sC35*/background-color: #fdf2f2  /*eC35*/ !important;
  margin-left: 5px; 
}

.errordisplay /* error display box used on some pages */
{     
    box-sizing: border-box;
	width: 90%;
    margin: 15px auto;
    padding: 8px;
	border: solid 1px #dddddd;
	background-color: #efefef;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 3px 3px 5px #999999;  
	-webkit-box-shadow: 3px 3px 5px #999999;
}

.errordisplay-warning-icon, .errordisplay-error-icon, .errordisplay-info-icon  /* error display image style */
{
    width: 24px;
    height: 24px;
    float: left;  
}

.errordisplay-warning-icon, .errordisplay-error-icon /* error display box image for warnings and errors */
{
    background-image: url(/wconnect/ace/images/warning.png);
    background-repeat: no-repeat;
    margin-top: 5px;
}

.errordisplay-info-icon /* error display box image for informational messages */
{
    background-image: url(/wconnect/ace/images/info.png);
}

.errordisplay-text /* error display box text */
{
    margin-left: 36px;  
	padding-top: 4px;	
}

.awScrollDiv /* Scroll Box */
{
	height: 400px;
	overflow-y: scroll;
	border: solid 1px #666666;
}

#ui-datepicker-div 
{
	display: none;
}

.ui-datepicker-month, .ui-datepicker-year
{
	padding: 1px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: -8px !important;
}

.ui-datepicker-trigger /* date picker image */
{
	margin-left: 3px;
	vertical-align: middle !important;
	cursor: pointer;
}

.blackborder td
{
	padding: 0 5px 0 0;
}

/* -- Error Page Styles -- */
.errorBody, .aboutBody
{
	margin: 0;
	padding: 15px;
	font-size: 1.2em;
}

.errorHeader {
    font-size: 160%;
	background-color: #b22222;
	color: #ffffff;
	padding: 8px 20px;
	margin: 0 0 15px 0;
}

.aboutHeader {
    font-size: 160%;
	background-color: #222222;
	color: #ffffff;
	padding: 8px 20px;
	margin: 0 0 15px 0;
}

.webconnection-body {
	margin: 20px;
	font-size: .7em;
}

.webconnection-body p {
	font-size: 120%; 
}

.errorMsg p, .aboutText p
{
	margin: 0;
	padding: 0 0 12px 0;
}

.aboutText h3
{
	margin: 0;
	padding: 0 0 15px 0;
}

.aboutBody a
{
	padding: 0 2px;
}

.errTable
{
	width: 550px; 
	border-collapse: separate;
	margin: 25px auto; 
	border: solid 2px navy;
	font-size: .7em;
	border-spacing: 2px;
	padding: 0 0 5px 0;
}

.errTable td
{
	padding: 5px;
}

.errHead 
{
	background-color: navy; 
	color: #ffffff; 
	font-size: 120%; 
	text-align: center; 
	padding: 3px 5px 5px 5px;
}

.errLabel 
{
	text-align: right;
}

.aboutTable
{
	width: 100%;
	background-color: #eeeeee;
	border: groove 1px #555555;
}

.aboutTable th, .aboutTable td
{
	border: groove 1px #555555;
}

.abtTblHead
{
	Text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding: 8px;
}

#grdSearchLog
{
	width: 100%;
}

#LookupPanel
{
	display: none;
	box-sizing: border-box;
	width: 424px; 
	background-color: #ffffff; 
	border:solid 1px #cccccc; 
	padding: 12px;
	z-index: 1000;
}

.crsePopup
{
	font-size: 85%; 
	width: 400px;
}

label[for="SMUserID"], label[for="SMPassword"] /* Administrative Logon Field Labels */
{
	display: inline-block;
	text-align: right;
	width: 10%;
}

#SMUserID, #SMPassword /* Administrative Logon Fields */
{
	margin-left: 5px;
}

.field-icon /* Toggle Password Text */
{
  position: relative;
  float: right;
  z-index: 2;
  margin-top: -26px;
  right: 4px;
}

.g-recaptcha
{
	padding: 8px 0;
}

.awGuiForm .ui-tabs
{
	padding: 0;
}

.awGuiForm div#tabs ul
{
	border-bottom: solid 1px #222222;
}

.awGuiForm div#tabs
{
	border: solid 1px #222222;
}

.hrLine
{
	width: 98%; 
	margin:0 auto .5em auto;
}

.chgPWDForm
{
	max-width: 340px;
	margin: 0 auto;
}

.middleImg
{
	vertical-align: middle;
}

.bottomImg
{
	vertical-align: bottom;
}

.clrRight
{
	 clear: right;
}

#addContact
{
	display: inline;
	padding-left: 5px;
	font-size: .9em;
	text-decoration: underline;
}

.colorBox /* awGui color box */
{
	border: solid 1px #222222;
}



.g-recaptcha
{
	padding: 8px 0;
}

.newExample
{
		color: #b22222;
		font-size: 110%;
}

.fa-usd
{
    color: #268c52;
    font-weight: bold !important;
    font-size: 1.1em !important;
}