/* ----- 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;
	background-color: #222222;
	z-index: 5000;
	text-decoration: none;
	border: 0;
	color: #ffffff;
	outline: none;
}

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

.awBulletins, .awWarnings  /* warnings and bulletins */
{
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
}

.awBulletins a, .awWarnings a
{
	color: #ffffff;
}

.awWarnings
{
	background-color: #b22222;
}

.awBulletins
{
	background-color: /*#1D6B3E*/ #848482;
}

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


/* -- Table used on various ACEweb pages -- */
.awTable	  
{
	width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	line-height: 1.5;
}

.awTable thead tr 
{
	background-color: #014ba4;
	color: #ffffff;
}

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

.awTable tbody tr
{

}

.awTable tbody tr:last-of-type 
{
    border-bottom: solid 2px #dddddd;
}

.awTable tbody tr:last-child:nth-child(odd)
{
}

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

.awTable tbody td:first-child
{
	border-left: solid 1px #dddddd;
}


.awTable tbody td:last-child
{
	border-right: solid 1px #dddddd;
}


.awTable tbody tr:nth-child(even) td
{
    background-color: #efefef;
	border-top: solid 0px #dddddd;
	border-bottom: solid 0px #dddddd;
}

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

.awTable tbody td[data-title="Title"] a
{
	text-decoration: none;	
	border-bottom: solid 1px #666666;
	padding-bottom: 1px;
}

.awTable tbody td a:hover, .awTable tbody td a:focus
{
	color: #286199;
	border-bottom: solid 1px #4187cd;
	padding-bottom: 1px;
}

/* -- 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.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; 
 	font-family: Arial, sans-serif;
	border: 0px;
	padding: 10px;
	border-radius: 2px;
	line-height: 16px;
	/*sC20*/ background-color: /*#343434*/ #014ba4 /*eC20*/;
	/*sC21*/ color: #ffffff  /*eC21*/;
	text-transform: uppercase;
	font-size: .9em;
	text-decoration: none;	
	letter-spacing: .75px; 
	text-shadow: 1px 1px 0 #999999;
}

.awLnkBtn /* needs more padding than buttons */
{
	display: inline-block;
	/*sC21*/ color: #ffffff !important  /*ec21*/;
	/*sC20*/ background-color: #222222 /*eC20*/;
}

.awButtons:hover, a.awLnkBtn:hover
{
	/*sC22*/ background-color: #777777 /*eC22*/;
}

.awButtons:hover, a.awLnkBtn:hover
{
	/*sC22*/ background-color: #777777 /*eC22*/;
}


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

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

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

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

.red
{
	/*sC23*/ background-color: #a22222 /*eC23*/; 
}

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

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


/* -- Programs (Groups) -- */
.awGroups
{
	
}

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

.awGroups td.grpImage
{
	width: 120px;
}
		
.awGroups td.grpImage img 
{
    width: 120px;
	height: 85px;
}


.awGroups td.grpInfo span.grpName  /* group title style */
{
	font-size: 110%;
	font-weight: bold;
}

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

.awGroups a 
{
	text-decoration: none;
}

.awGroups td.grpInfo a:after
{
	 font-family: FontAwesome;
	 content: " \f105";
}

.awGroups a:hover 
{
	text-decoration: underline;
}

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

/* -- Instructor Lookup -- */
.awInstLookup	  
{
	width: 100%;
	margin: 10px 0;
	border-collapse: separate;
	border-spacing: 1px; 
	/*sC17*/ background-color: #e0e2e2 /*eC17*/;
}

.awInstLookup th 
{
	background-color: transparent;
	font-weight: normal;
	text-align: left;
	padding: 8px;
}

.awInstLookup td 
{
  	/*sC18*/ background-color: #ffffff /*eC18*/;
	padding: 8px;
}

.awInstLookup td.instName
{
	white-space: nowrap;
}

/* Changes even rows color */
.awInstLookup tbody tr:nth-child(even) td
{
    /*sC19*/ background-color: #f9fafb /*eC19*/;
}

.instName
{
	padding: 0;
}

#sorryMsg
{
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #ffffff;
	margin: 0;
}

#sorryMsg th
{
	display: none;
}

#sorryMsg td
{
	border: none;
	padding: 0 0 10px 0;
}

/* Used with the Search Course Lists option on xshowschedule.htm */
#schedSearchBox, #catSearchBox
{
	margin: 0 0 12px 0; 
	background-color: #ffffff; 
	border: solid 1px #cccccc; 
	padding: 5px;
}
	
#schedSearchText, #catSearchText  
{
	width: 85%; 
	padding: 5px; 
	border: none;
}  

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

input#searchText::placeholder 
{
	color: #222222;
}

#searchBox:focus-within 
{
	border-bottom: solid 1px #222222;
}

input#searchText:focus 
{
	outline: none; 
	border-radius: 0px;
}



/* Search Page */
fieldset.srchOpt
{
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset.srchOpt legend
{
	padding: 0;
}

.radioOpts p
{
	padding: 0;
}

p.srchPageKeyword input#txtTarget
{
	width: 75%;
    color: #666666;
    font-style: italic;
}

p.srchPagebtn
{
	padding: 10px 0;
}

/* Group List Function Styles */
#grpList ul 
{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

#grpList ul li 
{
	width: 100%; 
	padding: 5px;
}

#grpList ul li a 
{
	display: block; 
	text-decoration: none; 
	font-size: 110%; 
	width: 100%; 
	background-color: #dddddd;  
	padding: 5px; 
	cursor: text;
}

#grpList ul li ul 
{
	padding: 8px 0 5px 20px; 
	list-style-type: circle;
}

#grpList ul li ul li a 
{
	text-decoration: underline; 
	font-size: 100%; 
	background-color: transparent; 
	cursor: pointer; 
	padding: 0;
}


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

.contactInfo p
{
	padding: 0;
}

/* -- Student Log On -- */
#lgWrapper 
{
	width: 400px;
	margin: 0 auto 20px auto;
	box-sizing: border-box;
	border-radius: 3px;
}

.logonBox
{
	border-top: solid 2px #dddddd;
}

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

.logForm
{
	width: 100%;
	box-sizing: border-box;
	padding: 20px 10px 0 10px;
}

.logForm #StuID, .logForm #txtPassword
{
	width: 100%;
	box-sizing: border-box;
}

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

.logForm #logFormSubmit
{
  	padding: 8px 0;
	box-sizing: border-box;
}

.logForm #logFormSubmit .awButtons
{
  	width: 100%;
	font-size: 120%;	
	padding: 10px 8px;
}

.signupBox
{	
	box-sizing: border-box;
	padding: 20px 12px;	
	background-color: #efefef;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top: solid 1px #dddddd;
	text-align: center;
}

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


.userSignup span.fa
{
	vertical-align:middle;
	font-size: 1.5em;
}

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

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

.lgnPrompts p
{
	line-height: 1.2;
}

.lgnPrompts a
{
	color: #2185cf;
}

.fltLeft
{
	float: left;
}

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

 /* Enroll Someone Else Message */
#prxyInfoBox
{
	width: 500px;
	margin: 0 auto 20px auto;
	box-sizing: border-box; 
	padding: 8px;
	background-color: #efefef;
	border: solid 1px #dddddd;
	border-radius: 6px;
	font-size: .8em;
}

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

#radSuggestProxy td  /* names registered or in name group */
{
padding-top: 5px;
}

#noMatch, #oneMatch, #manyMatches  /* email match messages */
{
padding-top: 10px;
}

.chooseName /* names with same email address */
{
padding: 0 0 5px 0;
}

/* XWelcome.htm Styles */
.acctLinks a
{
	white-space: nowrap;
}

/* Membership Messages */
.joinMember
{
	padding: 12px 0 0 0;
}


/* ViewPD on Xwelcome > Account Options tab styles */
#pdBox
{
	padding-bottom: 12px;
}

.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: 8px;
	vertical-align: middle;
	text-align: center;
	background-color: #efefef;
	border-radius: 5px 0 0 5px;
	margin-right: 8px;
} 

.acctAction a 
{
	text-decoration: none; 
}

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

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

#upcmgList 
{
	width: 400px;
}

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

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

#upcmgList td
{
	padding: 5px;
}

#upcmgList td.begDate
{
	text-align: right;
}


/* -- Person.awp -- */

.pdTabs
{
	padding-bottom: 10px;
}

#txtNmCellph
{
  width: 200px;
}


  /* Household Profiles Section */
#hhList
{
	float: left;
	width: 50%;
	box-sizing:border-box;
}

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

#hhNotList
{
	float: left;
	width: 49%;
	box-sizing: border-box;
	background-color: #efefef;
	margin-left: 1%;
	padding: 5px; 
	border-radius: 5px;
}

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

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

#btnNewAlternate
{
	margin-top: 8px;
}

/* 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,.5);
    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;
}

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


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

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

.csEarlyBird
{
	font-size: 85%;
}

.csDepositMsg
{
	font-size: 85%;
}

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

.csDetails p
{
	font-size: 110%;
	padding: 0;
}


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

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


/* -- Package Status -- */
#pckDesc
{
	padding: 0 0 20px 0;
}

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

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

.ecPkgCrse, .psPkgCrse
{
	padding: 0 0 8px 0;
	cursor: pointer;
}

#pckgTotal
{
	padding: 0 0 15px 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;
	border: solid 1px #4e6f2f;
	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 */
{
	background-color: #4e6f2f;
}

.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;
	font-family: Arial, sans-serif;	
	letter-spacing: 0px;
	line-height: 20px;	
	font-size: .9em;	
}

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

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


/* -- Enrollment Cart Page -- */

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

/* Adding to Cart Table */
#awCourseOptions
{
	padding-right: 24px;
}

#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
{	
	float: right;
	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;
	margin-bottom: 25px;
	background-color: #ffffff;
	border-radius: 0 0 5px 5px;
	padding: 12px;
}

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

.awCartBtns input, .awCartBtns select
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	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;
}

.awInvalid   /* Invalid Entry Message style */
{
	color: #b22222; 
	padding-left: 5px; 
	font-weight: bold;
	font-size: 85%;
}

input[name="btnWksRev"]
{
	margin: 5px;
}

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

.ecTable td
{
	padding: 0 0 4px 2px;
}

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

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

.ecTable td.ecCrseSum
{
	width: 60%;
}

.ecFeeSum
{
	width: 40%;
	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 -- */
.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;
}


/* Please Wait Messages */
#depositPayment, #alternatePayer, #payxCC, #payOther
{
	display: none;	
}

#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: #b33642;
}

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

#proxyOptions
{
	padding-bottom: 10px;
}

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

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

#completionDates input.linkButton
{
	border: none;
	background-color: transparent;
	padding: 0;
	color: #222222;
	text-decoration: underline;
	cursor: pointer;
}

#completionDates .clearDates
{
	padding-top: 12px;
}

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


/* -- Instructor Access -- */
.chgPwd td
{
	padding-bottom: 4px;
}

.crH2 /* instructor access h2 tags */
{
	border-top: solid 1px #222222;
	margin-top: 10px;
}

.noLogon
{	
	max-width: 380px;
	margin: 0 auto 20px auto;
	border-radius: 3px;
}

.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;
	box-sizing: border-box;
	padding: 12px;	
	background-color: #efefef;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top: solid 1px #dddddd;
}

.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: 50px;
	left: 8px;
}

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


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

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

/* --Class Roster-- */
.fltForm
{
	display: inline;
	margin: 0;
	padding: 0;
}

.crOpts
{
	padding: 10px 0;
}

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

/*  ClassRoster course details table */
.awRostDetails	 
{
	width: 100%;
	margin: 0 0 15px 0;
	border-collapse: separate;
	border-spacing: 1px; 
	/*sc17*/ background-color: #e0e2e2 /*ec17*/;
}

.awRostDetails thead th 
{
	background-color: transparent;
	font-weight: normal;
	text-align: left;
	padding: 8px;
}

.awRostDetails tbody td 
{
  	/*sC18*/ background-color: #ffffff /*eC18*/;
	padding: 8px;
}

/* Changes even rows color */
.awRostDetails tbody tr:nth-child(even) td
{
    /*sC19*/ background-color: #f9fafb /*eC19*/;
}

.awRostLabels
{
	text-align: right;
	font-weight: normal;
	padding: 8px;
	width: 20%;
	font-size: 85%;
}

.bckList
{
	padding-top: 12px;
}

.awClsFees thead th
{
	border-bottom: solid 1px #222222;
	font-size: 85%;
	padding: 1px 12px 1px 0;
}

.awClsFees tbody td
{	
	padding: 1px 12px 1px 0;
	border-bottom: dotted 1px #999999;
}

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

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


/* -- 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-collapse: separate;
	border-spacing: 1px; 
	/*sc17*/ background-color: #e0e2e2 /*ec17*/;
}


.awAttendSheet thead th 
{
	background-color: transparent;
	font-weight: normal;
	text-align: center;
	padding: 4px;
	font-size: 85%;
}

.awAttendSheet tbody td 
{
  	/*sC18*/ background-color: #ffffff /*eC18*/;
	padding: 8px;
}

/* Changes even rows color */
.awAttendSheet tbody tr:nth-child(even) td
{
    /*sC19*/ background-color: #f9fafb /*eC19*/;
}

/* -- Grade Book -- */
#awGradeBook
{
	width: 602px;
	margin: 0 auto;
	text-align: left;
	/*sc17*/ background-color: #e0e2e2 /*ec17*/;
}

#awGradeBook th
{
	background-color: transparent; 
	text-align: left;
	font-weight: normal;
	padding: 1px;
}

#awGradeTable
{
	width: 580px;
	margin: 0 auto;
}

#awGradeTable td
{
	border-bottom: solid 1px #d0d0d0;
	padding: 2px;
}

#awGradeTable td input
{
	padding: 2px;
}

#awGradeScroll
{
	margin: 0 auto 0 auto; 
	overflow-Y: scroll;
	height: 300px;
	width: 600px;
	/*sc17*/ border: solid 1px #e0e2e2 /*ec17*/;
}

.awAltButtons /* Workshop Gradebook */
{
	width: auto;
	overflow: visible;
	cursor: pointer;
	-webkit-appearance: none; 
 	font-family: Arial, sans-serif;	
	border: none;
	padding: 6px 8px;
	border-radius: 2px;
	/*sC20*/ background-color: #222222 /*eC20*/;
	/*sC21*/ color: #ffffff  /*eC21*/;
	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 */
#atTable td
{
	padding-right: 5px;
}

#atTable td input, #atTable td select
{
	padding: 2px;
}


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

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

.awReqDes  /* Required field designation on person.awp */
{
}

.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-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
}

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

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


label.error  /* email validation error message */
{	
	display: block;
	box-sizing: border-box; 
	padding-top: 5px;
	font-size: 85%;
	margin-left: 8px;
	color: #b22222;
	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
{
	border: solid 1px #b22222 !important;
	background-color: #fdf2f2 !important;
}

.errordisplay /* error display box used on some pages */
{     
    width: 70%;
    margin: 10px auto 15px auto;
    padding: 10px;
    border: solid 2px #222222;
	background-color: #edeff1;
	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: 16px;
    height: 16px;
    float: left;    
    margin: 0 5px;
}

.errordisplay-warning-icon, .errordisplay-error-icon /* error display box image for warnings and errors */
{
    background-image: url(/wconnect/ace/images/warning.gif);
}

.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: 30px;    
}

.awScrollDiv /* Scroll Box */
{
	height: 300px;
	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-family: Verdana, Arial, sans-serif;
	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: 20px;
}

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

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: -24px;
  padding-right: 4px;
}

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

.clrRight
{
	 clear: right;
}