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

.contentLnk:focus
{
	left: 45%;
}

/* -- Table used on various ACEweb pages -- */
.awTable	  
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px; 
	/*sC17*/ background-color: #e0e2e2 /*eC17*/;
}

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

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

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

.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
{
	font-size: 85%;
}

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

/* Tablesorter Icons */
.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%;
}

.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: 9px 7px 7px 7px;
	border-radius: 2px;
	/*sC20*/ background-color: #3d4754 /*eC20*/;
	/*sC21*/ color: #ffffff  /*eC21*/;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 16px;
	font-size: 85%;
	-webkit-padding-before: 8px; 
	-webkit-padding-end: 10px;
	-webkit-padding-after: 8px;
	-webkit-padding-start: 10px;
	text-decoration: none;
}

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

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

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

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

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

.red 
{
	/*sC23*/ background-color: #a02e2e /*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;
}

/* -- Programs (Groups) -- */
.awGroups
{
	width: 100%;
}

.awGroups td
{	
	padding-bottom: 15px;
}

/*
.awGroups td.grpImage
{
	width: 120px;
	height: 85px;
	padding-right: 15px;
}
		
.awGroups td.grpImage img 
{
    width: 100%;
	height: 100%;
}

*/

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

.awGroups td.grpInfo div.inGrpCount
{
	display: block; 
	margin-top: 5px;
}

.awGroups a   /* group title link style */
{
}

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


/* 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;
	font-weight: bold;
	padding: 0 0 10px 0;
}


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

/* -- Advanced Search -- */
#advSearch p label
{
 display: block;
}

#advSearch .awpRow
{
	padding-top: 0;
}

#advSearch .advField
{
	width: 96%;
}

.awAdvSearch
{
		width: 100%;
}

.awAdvSearch th, .awAdvSearch td
{
	padding: 0 5px 10px 0;
}

.awAdvSearch th
{
	font-weight: normal;
	text-align: right;
	width: 22%;
}

.awAdvSearch td div.awpRow label.awpLabel 
{
    width: 10%;
}

.awAdvSearch td div.awpRow span.awpField 
{
    width: 86%;
}

.awAdvSearch td input[type="text"], .awAdvSearch td select
{
	width: 96%;
}

.awAdvSearch .operator /* span to separator search operators */
{
	padding: 0 5px;
}

.advDays, .advTime
{
	width: 50%;
	float: left;
	box-sizing: border-box; 
	padding: 0 5px; 
}

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

.contactInfo p
{
	padding: 0;
}


/* -- XPerson Styles -- */	
.offerLabel  /* Offered Statement Label */
{
	font-weight: bold;
}

/* -- Student Log On -- */
#lgWrapper 
{
	width: 75%;
	margin: 0 auto;
}

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

#lgWrapper ul
{
	margin: 0;
	padding: 0 0 20px 20px;
}

#lgWrapper ul li
{
	margin: 0;
	padding: 0 0 4px 0;
}

#lgWrapper #returning
{
	width: 50%;
	float: left;
	box-sizing: border-box; 
	border-right: solid 1px #666666;
	padding-right: 25px;
	min-height: 200px;
}
 
#lgWrapper #new
{
	width: 50%;
	float: left;
	box-sizing: border-box; 
	padding-left: 25px;
}

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

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

.logForm a#pwdReset
{
	float: right;
	padding-right: 2%;
}

.logForm #logFormSubmit
{
  	font-size: 100%;
}

#logonNew
{
	padding-top: 5px;
}


 /* Enroll Someone Else Message */
#prxyInfoBox
{
	width: 75%;
	margin: 0 auto 20px auto;
	box-sizing: border-box; 
	padding: 8px;
	background-color: #fafafa;
	border: solid 1px #cccccc;
	border-radius: 6px;
}

#mustHveAcct
{
	margin: 5px 0 10px 0;
	padding: 0 0 2px 0;
	color: #b22222;
	font-weight: bold;
	text-align: center;
	border-top: solid 1px #bbbbbb;
	border-bottom: solid 1px #bbbbbb;
}

.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 Status Message */
.memberStatus 
{  	
	border-top: double #00009b;	
	border-bottom: double #00009b;
	margin: 8px 0 20px 0;
	padding: 0 0 8px 0;
}

.memberStatus h2
{
	color: #00009b;
	font-size: 120%;
	font-weight: bold;
	padding: 8px 0 0 0;
}

.memberStatus p
{  
	padding: 0 0 2px 0;
}


/* Escrow Credit Message */
.escrow
{
	border-top: double #008800;	
	border-bottom: double #008800;
	margin: 8px 0 20px 0;
}

.escrow h2
{
	color: #008800;
	font-size: 120%;
	font-weight: bold;
	padding: 8px 0 0 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 -- */
#upcmgList td
{
	padding: 0 5px 5px 0;
}

#upcmgList td:first-child
{
	white-space: nowrap;
}

/* -- Person.awp -- */

#txtNmCellph
{
  width: 140px;
}

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

.awTopLnk a
{
	display: block;
	font-size: 80%;
	padding: 5px 0 5px 5px;
	text-decoration: none;
}

/* to push the Back to Top target below fixed header */
#Top:before 
{
	content: "";
	display: block;
	padding-top: 45px;
	margin-top: -45px; 
}

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

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

.awInterests td
{
	padding: 3px;
}

.personBtn
{
	padding: 10px 0;
}

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

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

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


/* -- Course Status -- */ 
#prereqMsg /* Prerequisites notice */
{
	font-weight: bold;
}

#mRequired /* Membership Required notice */
{
	font-weight: bold;
}

.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 20px 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-weight: bold; 
	font-size: 140%; 
	margin: 0 10px;
}

.csShare
{
}

#share /* Share Options */
{
	padding: 0 0 20px 0;
}

#share a
{
	margin-right: 5px;
}

.shareImg
{
	border-radius: 4px;
}

.whoAttending .fa-users
{
	padding-right: 5px;
}

/* -- Package Status -- */
.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;
	font-weight: bold;
}


/* -- 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 -- */
.whatEmail
{
	text-decoration: underline;
	font-weight: bold;
}

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

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

.newProxy
{
	font-weight: bold;
	font-size: 110%;
}

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

/* -- Enrollment Cart Page -- */

#awEnrWho /* who is enrolled */
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* Adding to Cart Table */
.awCartOptions
{
	width: 100%;
}

.awCartOptions th
{
	padding: 0 6px 0 0;
}

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

.awCartOptions td#wkshpSelection select /* workshop select box styles */
{
	margin-bottom: 6px;
}

.awCartOptions .middle
{
	padding-top: 6px;
}

.awCartOptions input[type="email"], .awCartOptions input[type="text"], .awCartOptions input[type="password"], .awCartOptions textarea,  .awCartOptions select
{
    width: 96%; 
}

.awCartOptions input[type="email"]:focus, .awCartOptions input[type="text"]:focus, .awCartOptions input[type="password"]:focus, .awCartOptions textarea:focus,  .awCartOptions select:focus
{
    background-color: #fafafa;
} 

.awCartOptions input.sdDate
{
	width: 120px;
}

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

#crtOptFees
{
	padding-top: 1px;
}

.awOpFeeQuant input /* optional fee quantity field */
{
	margin: 0 0 3px 0;
	width: 50px !important;
}

.awOpFeeLbl	/* optional fee quantity label */
{
	padding: 0 0 0 5px;
}

.awExMemb	/* ex-member statement */
{
	color: #b22222;
}

.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 th
{
	text-align: left;
	font-weight: normal;
	padding: 3px;
	border-bottom: solid 1px #222222;
}

.ecTable th.ecCrseSum, .ecTable td.ecCrseSum
{

}

.ecTable th.ecDateSum, .ecTable td.ecDateSum
{
	
}

.ecTable th.ecFeeSum, .ecTable td.ecFeeSum
{
	
	text-align: right;
}

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

.ecTable td 
{
	padding: 3px;
}

.ecAltRow td
{
	border-top: solid 1px #cccccc;
	font-weight: bold;
}

.ecTitle
{
	font-style: italic;
	font-size: 120%;
}

.ecTable .ecFees
{
	padding: 0 0 0 10px;
}

.ecTotLine
{
	padding: 5px 0; 
	border-top: solid 1px #cccccc;
}

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


/* -- On Enrollment Cart Summary List -- */
.ecCrsList td
{
	padding: 3px; 
}

td.ecCrseSum
{
		width: 55%;
}

td.ecDateSum
{
		width: 20%;
}

td.ecFeeSum
{
		width: 10%;
}

td.ecDelSum
{
		width: 15%;
}

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

.awECbtnBox	/* proceed to checkout button box */
{
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
}

.awOthBtns	 /* other enrollment cart buttons box */
{
	padding: 5px 0 0 0;
}

/* -- Bonus Discount Styles -- */
.awBonusMsg
{
	color: #a02e2e;
	font-weight: bold;
	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;
}

/* -- Deposit Option Styles -- */
#chkDeposit
{
	margin-right: 4px;
}

#depositNote 
{
	font-size: 85%;
}


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

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

#totMultDue
{
	text-align: right;
	font-weight: bold;
	font-size: 110%;
	color: #b33642;
}

#balDuePO
{
	font-weight: bold;
}

/* -- Registration History -- */
#regHistBtns
{
	padding: 0 0 10px 0;
}

#proxyOptions
{
	padding-bottom: 15px;
}

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

.rhDates th
{
	text-align: right;
	font-weight: normal;
	padding: 5px 5px 0 0;
}

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

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

.rhcTitle
{
	font-weight: bold;
	font-size: 110%;
}

.totLine
{
	padding: 10px 0;
	font-weight: bold;
}


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

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

/* Include Course Options */
#instLogon
{
	max-width: 300px;
}

#instLogon input
{
	width: 98%;
}

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

#instBtn
{
	padding-top:10px;  
}

#instLogon a#pwdReset
{
	float: right;
	font-size: 85%;
}

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

 /* 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: #3d4754 /*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 --*/
a.awTopLnk
{
	display: none;
	position: fixed;
	bottom: 40px;
	right: 0px;
	z-index: 9999;
	background-color: #a20e0e;
	border-radius: 5px 0 0 5px;
	text-align: center;
	font-size: .8em;
	text-decoration: none;
	padding: 5px 3px 5px 5px;
	color: #ffffff;
}

.awBlock /* set display block on element */
{
	display: block;
}

/* 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;
	color: #a02e2e;
}

.awBoldTxt
{
	font-weight: bold;
}

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

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

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

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

.awMsgTitle	 /* AceWeb Dialog Title	*/
{
	display: block;
	font-size: 160%;
	font-weight: bold;
    padding: 8px 0 0 0;
    text-align: left;
    text-shadow: 1px 1px 0 #bbbbbb;
    color: #222222;
    font-family: Arial,sans-serif;
    letter-spacing: 1px;
    text-rendering: optimizelegibility;
}

.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;
	border: solid 1px #3d4754;
	text-align: center;
} 

label.error  /* email validation error message */
{	
	display: block;
	font-size: 85%;
	margin-left: 5px;
	color: #b22222;
}

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;
	background-color: #fdf2f2 !important;
}

.errordisplay /* error display box used on some pages */
{     
    width: 70%;
    margin: 10px auto 15px auto;
    padding: 10px;
    border: solid 2px #3d4754;
	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: #a02e2e;
	color: #ffffff;
	padding: 8px 20px;
	margin: 0 0 15px 0;
}

.aboutHeader {
    font-size: 160%;
	background-color: #3d4754;
	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
{
	 background-color: #ffffff; 
	 border: solid 1px #cccccc; 
	 padding: 15px;
}

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