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

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th, td
{
	vertical-align: top;
}

fieldset
{
	margin: 8px 0;
	box-sizing: border-box;
	padding: 8px;
	border-radius: 4px;
}

legend
{
	font-weight: bold;
	padding: 0 3px;
	font-size: 110%; 
	font-family: "Roboto Slab";
    font-weight: 400;
    letter-spacing: 0;
}

#awContent h1
{
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1;
}

#awContent a
{
	color: #00a8a4;
	font-weight: bold;
}

#awContent a:hover
{
	color: #a0ce4e;
}

#awContent h3
{
	margin: 0;
	padding: 10px 0;
	line-height: 1;
}

input[type="number"], input[type="email"], input[type="text"], input[type="password"], select, textarea
{
	font-family: Verdana, Arial, san-serif;
	padding: 6px; 
	box-sizing:content-box;   
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-radius: 2px;
	font-size: 100%;
}

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

/* search styles */
.awSearch
{
	padding: 24px 30px 0 20px;
}

.awSearch form
{
	width: 100%;
	border: solid 1px #a0cd4e;
	border-radius: 4px;
}

.awSearch .srchField
{
	float: left;
	width: 70%;
	margin-right: 5px;
	padding: 7px 6px;
	border: none;
}

.awSearch input[type="submit"]
{
	float: right;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;	
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.awSearch p.advSrch
{
	font-size: 80%;
	padding: 8px 0 0 5px;
	line-height: 1;
}

.awSearch p.advSrch a
{
	text-decoration: none;
}

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

.contWidth /* max-width of content in nav, header, main, and footer */
{
	max-width: 1100px;
	box-sizing: border-box;
	margin: 0 auto;
}

.contPad /* sets container padding */
{
	padding: 8px;
}

/* -- MAIN -- */
/* -Responsive Boxes- */

.boxRow  /* row of boxes */
{
	clear: both;
	padding-bottom: 30px;
}

.boxRow img
{
	vertical-align: top; 
}

.fifteenpercent, .fifth, .quarter, .thirtypercent, .third, .thirtyfivepercent, .fortypercent, .fortyfivepercent, .half, .fiftyfivepercent, .sixtypercent,  .sixtyfivepercent, .seventypercent, .twothirds, .threequarters, .eightypercent, .eightyfivepercent
{
	float: left;
	box-sizing: border-box; 
}

.fifteenpercent
{
	width: 15%;
}

.fifth
{
	width: 20%;
}

.quarter
{
	width: 25%;
}

.thirtypercent
{
	width: 30%;
}

.third
{
	width: 33.33%;
}

.thirtyfivepercent
{
	width: 35%;
}

.fortypercent
{
	width: 40%;
}

.fortyfivepercent
{
	width: 45%;
}

.half
{
	width: 50%;
}

.fiftyfivepercent
{
	width: 55%;
}

.sixtypercent
{
	width: 60%;
}

.sixtyfivepercent
{
	width: 65%;
}

.twothirds 
{
	width:66.67%;
}

.seventypercent
{
	width: 70%;
}

.threequarters
{
	width: 75%;
}

.eightypercent
{
	width: 80%;
}

.eightyfivepercent
{
	width: 85%;
}

.rightPad  /* right padding */
{
	padding: 0 40px 0 0;
}


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

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

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

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

.awTable td input[disabled='disabled']  /* 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 - 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 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 8px 8px 8px;
	border-radius: 2px;
	/*sC20*/ background-color: #a0cd4e /*eC20*/;
	/*sC21*/ color: #ffffff  /*eC21*/;
	text-transform: uppercase;
	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; 
	font-family: "PT Sans";
    font-weight: 700;
    letter-spacing: 0;
}

 a.awLnkBtn /* needs more padding than buttons */
{
	padding: 6px 11px;
	display: inline-block;
	/*sC21*/ color: #ffffff !important  /*ec21*/;
}

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

/* Background Colors */
.ufmBlack
{
	background-color: #282a2b;
}

.drkGrey
{
	background-color: #3d4754; 
}

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

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

.turquoise
{
	background-color: #00a8a4;
}

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

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

.grey
{
	background-color: #999999;
}

.yellow
{
	background-color: #f2a400; 
}

.green
{
	background-color: ##a0cd4e;
}

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

.orange
{
	background-color: #df7514;
}

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

/* FAQ Page */
.anchorLink:target:before {
content:"";
display: block;
padding-top: 110px; /* fixed header height*/
}

/* -- Programs (Groups) -- */
.awGroups
{
	width: 100%;
	margin: 10px 0;
	border: 0;
}

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

.awGroups td.grpImage img  /* group image style including width and height */
{
    width: 120px;
	height: 85px;
	margin: 0 15px 15px 0;
}

.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   /* group title link style */
{
	text-decoration: none;
}

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

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

#searchBox label, #schedSearchBox label, #catSearchBox label
{
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
}


#schedSearchText, #catSearchText  
{
	width: 85%; 
	padding: 5px; 
	border: none !important;
    box-shadow: none !important;
    display: inline;
	outline: 0px;
}  

#searchBox .fa-search, #schedSearchBox .fa-search, #catSearchBox .fa-search
{
	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;
}

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

/* -- Instructor Lookup -- */
.awInstLookup th
{
	min-width: 140px;
	text-align: left;
	border-bottom: solid 1px #000000;
}

.awInstLookup td
{
	padding: 0 5px 10px 0;
}

/* Search Page */
p.srchOpt
{
	padding: 0 0 2px 0 !important;
}

.radioOpts
{
	padding-bottom: 10px;
}

.radioOpts p
{
	padding: 0;
}

p.seachPageKeyword
{
	padding: 0 !important;
}

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

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

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

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

/* -- Student Log On -- */

/* -- Student Log On -- */
#lgWrapper 
{
	max-width: 600px;
	 margin: 0 auto;
}

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

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

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

#lgWrapper td#returning
{
	width: 50%;
	border-right: solid 1px #666666;
	padding: 0 30px 0 0;
}
 
#lgWrapper td#new
{
	width: 50%;
	padding: 0 0 0 30px;
}

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

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

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

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

#logonNew
{
	padding-top: 5px;
}

p.logonQuestion
{
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: bold;
	line-height: 1;
}

 /* Enroll Someone Else Message */
#prxyInfoBox
{
	width: 600px;
	margin: 0 auto 10px 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;
}



 /* Enroll Someone Else Message */
#prxyInfoBox
{
	width: 600px;
	margin: 0 auto 10px 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: 600px; 
	padding: 10px 0 0 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;
}

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

.escrow h2
{
	color: #008800;
	font-size: 110%;
	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 -- */

  /* Household Profiles Section */
  
#txtBMo, #txtBDay, #txtBYr
{
	width: 50px;
}
  
#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;
}

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

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

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

.awInterests td
{
	padding: 3px;
}

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

 /* Course Details table */
 .awCourseStatus
 {
	margin-bottom: 15px;
}
 
.awCourseStatus td
{
	line-height: 1.1;
}

.awCourseStatus th.awLabels
{
	padding-right: 10px;
	background-color: transparent;
	width: auto;
	text-align: right;
	font-weight: normal;
	width: 20%;
	line-height: 1.1;
}

.or  /* OR between Enroll buttons IF using Proxy Reg option */
{
	font-weight: bold; 
	font-size: 140%; 
	margin: 4px 20px 0 20px;
}

.csShare
{
	padding-top: 20px;
}

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

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

.shareImg
{
	border-radius: 4px;
}

.instName
{
	font-weight: bold;
	padding: 0;
}

.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 #a0ce4e;
	border-radius: 4px;
	margin: 2px 0;
}

.awProgress td
{
	width: 12px;
	font-size: 10px;
	padding: 0;
}

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

.awProgress td.awStepDone    /* Completed Bars */
{
	background-color: #a0ce4e;
}

.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: 2px 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: 0 0 2px 0;
	border-bottom: solid 1px #222222;
}

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

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

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

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

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

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

.awBonusQualify
{
	color: #b22222; 
}

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

.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 Information Tables -- */
.payDetails
{
	width: 100%;
}

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

.payDetails td input
{
	width: 96%;
}

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

/* Disabled Buttons */
.awECbtnBox input[type="submit"][disabled]:active,
.awECbtnBox input[type="submit"][disabled] ,
.awECbtnBox input[type="submit"][disabled]:hover
{
	background-color: transparent !important;
	border: 0;
	font-size: 110%;
	color: #b22222;
	font-weight: bold;
	cursor: wait;
	text-transform: none !important;
}

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


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

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

#instLogon input
{
	width: 98%;
}

#instLogon p.inLogLabel
{
	padding: 0 0 2px 0;
	margin: 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: 6px 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;
}

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


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

.awAltText:before
{
	content: "Workshop: ";
}


/* Attendance Tracking */
#atTable td
{
	padding-right: 5px;
}

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

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

/* -- Miscellaneous Styles -- */
.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;
	margin: 0;
}

.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: #00a8a4;
}

.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: large;
	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: small;
}

.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 */
{	
	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.png);
}

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

#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 -- */
.webconnection-header {
    background:  navy;
    color: #ffffff;
    font-size: 140%;
    font-weight: bold;
    padding: 3px 5px 5px 5px;
    text-align:center;
	font-family: Verdana, Arial, sans-serif;
}

.webconnection-body {
	margin: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}

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

.errTable
{
	width: 550px; 
	border-collapse: separate;
	margin: 25px auto; 
	border: solid 2px navy;
	font-size: small;
	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%;
}

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