/* ----See awMobile.css link on home, standard and minimal to set screen max-width when mobile styles are used. Last section of this style sheet sets styles for screens less that 480px---- */

/*  Font sizes on mobile devices */
body
{
 
}

input, select, textarea
{
	font-size: 100%;
}

fieldset
{
	width: 100%;
}

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

/* hide link text when screen size is lower than max-width */
.mbHide, .cartNum, .cartDollar 
{
	display: none !important;
}

#topNav div#left div#menu-icon 
{
    margin: 0;
}

#topNav div#right ul li a span.fa
{
	margin-right: 0px;
}
	
#menu 
{
	width: 525px;
	top: 40px;
}

#menu .one, #menu .two
{	
	flex-basis: 50%;
   border-bottom: solid 1px #dddddd;
}

#menu .three {
    flex-basis: 100%;
	border-left: solid 0px #dddddd;
}

/* -- HEADER -- */
header
{
}

.logo
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	margin: 0 auto;
}

.logo a img
{
	display: block;
	margin: 0 auto;
}

.awSiteHeading
{
	display: none;
}

.rightHeading
{
	display: none;
}

/* -- MAIN -- */
main
{
}

#awContent
{
	width: 98%;
	margin: 0 auto;
	float: none;
	padding: 2%;
}

.topBorder
{
	border-top: solid 1px #aaaaaa;
}

.flexBox2 /* 2 columns */
{
	flex-basis: 100%;  /* sets width of boxes */
}

.flex2Col
{
	flex-basis: 100%;  /* sets width of boxes */
	margin-bottom: 25px;
}


/* turns off floating on boxes  */
.fifteenpercent, .fifth, .quarter, .thirtypercent, .third, .thirtyfivepercent, .fortypercent, .fortyfivepercent, .half, .fiftyfivepercent, .sixtypercent,  .sixtyfivepercent, .seventypercent, .twothirds, .threequarters, .eightypercent, .eightyfivepercent
{
	float: none; 
	width: 100%; 
	margin: 0 auto;
}

.leftPad, .rightPad, .rlPad  /* removes extra padding on boxes */
{
	padding: 0 0 15px 0;
}

.leftBorder
{
	border-left: none;
}

.hmH1  /* home page h1 */
{
	text-align: center;
}

.regNow  /*  home page register now */
{
	margin-top: 0px;
}

.hmBox
{
		flex-basis: 100%;  /* sets width of boxes */
}

/* Contact Us awp Page */
.emailForm, .contactInfo
{
	flex-basis: 100%;
}

/*  -- Footer -- */

footer .boxRow  .rightPad /* add some padding after each section */
{
	padding-bottom: 20px;
}
	
#powerAW
{
	float: none;
	width: 100%;
	text-align: left;
	padding: 10px 0;
}

.social
{
	float: none;
	width: 100%;
}
	
	
/* -- ACEweb Tables -- */

/* Sets cells to block and data-titles are used as cell labels */
.awTable tbody, .awTable tbody tr, .awTable tbody td 
{
    display: block;
}

.awTable tbody td::before
{
	content: attr(data-title);
	font-size: 80%; 
	left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 4px;
    white-space: nowrap;
    width: 17%;
	text-align: right;
}

.awTable tbody td
{
	padding: 2px 2px 2px 20%;
    position: relative;
}

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

.awTable thead tr, .awTable tbody tr
{
	width: 100%;
}

.awTable th.header, .awTable th.tablesorter-header 
{ 
	float: left;
	padding: 8px;
	font-size: .8em;
} 

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

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

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


/* Location Lookup Page */
#locLookup .awTable 
{
	width: 90%; 
}	

/*  Advanced Search */
.awAdvSearch .separator
{
	display: block;
}

.awAdvSearch th
{
	display: block;
	width: 96%;
	text-align: left;
	padding: 0;
}

.awAdvSearch td
{
	display: block;
	width: 96%;
	text-align: left;
	padding: 0 0 10px 0;
}

.awAdvSearch select
{
	width: 96%;
}

/* Instructor Lookup */

#instLookup th
{
    float: left;
    padding: 8px;
    font-size: .8em;
}

/* Location Lookup */
#locLookup .awTable thead tr th
{	
	padding: 6px 15px;
}

#locLookup .awTable thead tr th.tablesorter-headerAsc:before, #locLookup .awTable thead tr th.tablesorter-headerDesc:before, #locLookup .awTable thead tr th.tablesorter-headerUnSorted:before {
    display: none;
}
#locLookup .awTable tbody td::before 
{
  display: none;
}

#locLookup .awTable tbody td
{
	padding: 12px 15px;
    position: relative;
}

#allLinks .separator
{
    display: block;
  padding: 5px 0;
}

#LookupPanel
{
	display: none;
	visibility: hidden;
}

/*  Course Status */
.awCourseStatus	 
{
	width: 98%;
	margin: 5px auto 15px auto;
	border-collapse: separate;
	border-spacing: 1px; 
}

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

.awCourseStatus tbody td 
{
 	padding: 4px;
}

.awCourseStatus  tbody td::before
{
	content: attr(data-title);
	font-size: 80%; 
		display: block;
		width: 100%;
		left: 0px;
		padding-right: 2px;
		position: relative;
		top: 0px;
		text-align: left;
}

.awCourseStatus th
{
	display: none;
}

.csShare
{
	float: none;
}

/* Instructor Information --*/
#awInstInfo
{
	display: block;
	background-color: transparent;
	position: relative;
}

.awInstInfo tbody, .awInstInfo tr, .awInstInfo td 
 {
    display: block;
    text-align: left;
    white-space: normal;
}

.awInstInfo thead th
{
	display: none;
}

.awInstInfo tbody tr
{
	padding-bottom: 10px;
}

.awInstInfo tbody td::before
{
  content: attr(data-title);
  font-size: 80%; 
  left: 6px;
    padding-right: 5px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 10%;
	text-align: right !important;
	
}

.awInstInfo tbody td
{
	padding: 2px 2px 2px 13%;
    position: relative;
	border: 0px;
}

.awInstInfo tbody td.name 
{
    width: auto !important;
}

/* Logon Page */
#lgWrapper
{
	width: 100%;
}

#lgWrapper #returning, #lgWrapper #new
{
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
}

#logonPrompt, #newPrompt, #returning h2
{
	display: none;
}

#lgWrapper div#returning
{
	border: 0px;
	min-height: auto;
}

#lgWrapper div#new
{
	width: 100%;
	padding: 25px 0 0 0;
	border-top: solid 1px #666666;
}

#new h2
{
	display: inline;
	float: left;
	margin-right: 5px;
	font-size: 140%;
}

#signup
{
	float: left;
}

#whyAcct
{
	clear: both;
}

#prxyInfoBox /* Enroll Someone Else message */
{
	width: 100%;
}

.lgEnrProgress
{
	display: block; 
	width: 100%; 
	margin: 0;
	padding: 10px 0;
}

.logForm
{
	width: 100%;
}
	
/* xwelcome */
.editInterests
{
	display: block;
	padding-left: 0;
	padding-bottom: 12px;
}
	
/* Person.awp */
a.moreLink:before 
{
  font-size: 160%;
  padding: 6px;
}

#hhList  /* Household Profiles box */
{
	float: none;
	width: 100%;
}
 #hhNotList  
{
	float: none;
	width: 100%;
	margin: 10px auto 0 auto;
}

.hhNewBtn
{
	-webkit-appearance: none;
}

/* Interest Table */
.awInterests
{
	border:  4px;
	margin-bottom: 14px;
}

.awInterests tr
{
	margin-bottom: 0;
}

.awInterests td
{
	display: block;
	width: 100%;
}

.staffSection .awRightText
{
	text-align: left;
}

/* Credentials page */
.mbBlock
{
	display: block;
}
 
.mbLeft
{
	text-align: left;
}

 .awTable td div.awCenter /* checkbox on workshops page */
{
	text-align: left;
}
 
#regHistBtns span.separator
{
	display: block;
  padding: 5px;
}

.cnclBtn /* Cancel button on Cancel Registration page */
{
	text-align: left;
} 

/* Cart and Pay pages */

.awCartBtns
{	
	width: auto;
	float: none;
}

.escrow
{
	position: relative;
	width: auto;
}

.awCartOptions td#wkshpSelection select /* workshop select box styles */
{
	margin-bottom: 3px;
	width: 96%;
}

.awCartOptions th, .payDetails th
{
	display: block;
	padding: 0;
	text-align: left;
}

.awCartOptions td, .payDetails td
{
	display: block;
	padding: 0 0 10px 0;
}

.payDetails td input
{
	width: 98%;
}

.awECbtnBox
{
	float: none;
	margin: 0;
	padding: 5px 0 10px 0;
}

.awECbtnBox input
{
	margin-bottom: 10px;
}	

.ecTotLine
{
	text-align: left;
}

.currDetails 
{
    margin: 0 0;
}

.asPay, .asPrint 
{
	text-align: left;
}
 
.awASTable thead th 
{
	float: left; 
	padding: 10px 8px 8px 8px;
}


/* -- Instructor Access -- */
#instLogon
{
	max-width: 300px;
	padding: 0 0 10px 0;
}

#instLogon label
{
	margin: 0;
	padding: 4px 0 2px 0;
	font-size: 85%;
}

#instLogon #txtInstID, #instLogon #txtInits
{
	width: 98%;
}

#instLogon .separator
{
	display: none;
}

#tblCourselist div.awCenterText, #tblATCourselist div.awCenterText, #tblGradebook  div.awCenterText
{
	display: inline;
	text-align: left;
}

/* Workshop Select box */
.wkRoster
{
}

/* Class Roster course details table */
.awScrollDiv {
    height: auto;
    overflow-y: visible;
	overflow-x: visible;
    border: solid 1px #666666;
}

.awRostDetails  tbody td::before
{
	content: attr(data-title);
	font-size: 80%; 
		display: block;
		width: 100%;
		left: 0px;
		padding-right: 2px;
		position: relative;
		top: 0px;
		text-align: left;
}

.awRostLabels
{
	display: none;
}

.crOpts .separator
{
	display: block;
	padding: 5px 0;
}

/*  Gradebook */
.gbCenter
{
	width: 100%;
	margin: 0 auto;
}

#awGradeBook thead tr th
{
    float: left;
    padding: 8px;
    font-size: .8em;
}


/*  Attendance Tracker */
#atHeader
{
	display: none;
}



#prxyContCancel span.separator
{
	display: block;
	margin: 0;
	padding: 5px;
}

		
/* --Express Registration Templates -- */
.expTable th, .expTable td
{
	display: block;
}

.expTable th
{
	text-align: left;
	padding: 0;
}

.expTable td span.separator
{
	display: block;
}

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


/* Change Password */
.pwdInstructions
{
		display: block;
		padding-bottom: 5px;
}

.resetPwd th
{
	display: block;
	width: 100%;
	text-align: left;
}

.resetPwd td
{
	display: block;
	width: 100%;
}

.prxyOKBtn
{
	line-height: 20px !important;
} 
	
label[for="SMUserID"], label[for="SMPassword"] /* Administrative Logon Field Labels */
{
	display: inline-block;
	text-align: right;
	width: 25%;
}

#SMUserID, #SMPassword  /* Administrative Logon Fields */
{
	margin-left: 5px;
}
	
	
/* -- For screen width less than 620px -- */
@media screen and (max-width: 620px) 
{			
	/* Home Welcome box */
	.hmWelcome
	{
		background-size: 100% 100%;
	}
		
	.hmOptions
	{
		width: 100%;
	}
}
	

/* -- For screen width less than 550px -- */
@media screen and (max-width: 550px) 
{
	
	#topNav div#center div#search input.srchField
	{
		font-size: .8em;
	}
			
	#topNav div#center div#search button.srchBtn .fa	
	{
		font-size: 1em;
	}
			
	#menu 
	{
		width: 325px;
		font-size: .9em;
		left: 0;
	}
	
	#menu .one, #menu .two
	{
		flex-basis: 50%;  /* sets width of boxes */
	}
	
	#menu .three
	{
		flex-basis: 100%;  /* sets width of boxes */
		border-left: none;		
		border-top: solid 1px #cccccc;
	}
	
	.awTable tbody td::before
	{
		display: block;
		left: 0px;
		padding: 8px 0 2px 0;
		position: relative;
		top: 0px;
		text-align: left;
	}
			
	.awTable tbody td
	{
		padding: 2px;
	}	
		
	/*  Show Groups pages */
	.awGroups td.grpImage
	{
		display: none;
	}

	/* Advanced Search */
	.awAdvSearch td input#txtTitle
	{
		max-width: 65%;
	}

	/*  Reset Password page */
	.pwdReq table tr td
	{
		display: block;
		padding: 0;
	}
	
		/* Opt Out Page */
	#optOutField label
	{
		display: block;
	}
	
	#optOutField #txtEmail
	{
		width: 98%;
	}
		
	#optOutOpts p
	{
		padding: 0 0 5px 0;
		display: block;
		position: relative;
	}

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

	#optOutOpts label
	{
		display: inline-block;
		min-height: 16px;
		padding-left: 20px;
	}
	
	
	/* Enroll Someone Else Page */
	#radSuggestProxy input
	{
		margin: 3px 0 0 0;
		position: absolute;
	}

	#radSuggestProxy label
	{
		display: inline-block;
		min-height: 16px;
		padding-left: 20px;
	}
		
	.proxyForm .prxySelect input, .proxyForm input.awButtons
	{
		width: auto !important;
	}
		
	.proxyForm  .awpRow .awpField  input[readonly] 
	{
		width: 96%;
		border: 0 none;
	}

	/* Data Capture Fields */
	.awDataCapture textarea
	{
		width: 96%;
	}
	
	/*  Enrollment Cart page */
	.or
	{
		display: block;
		padding: 5px 0;
	}
	
	/*  ecTable */			
	
	.ecTable td:last-child
	{
		padding-bottom: 5px;
	}
	
	/*  Attendance Tracking */
	.atCrseInfo span
	{
		display: block;
	}
	
	#atOptTable th
	{
		display: none;
	}

	#atOptTable tr, #atOptTable td
	{
		display: block;
		width: 100% !important;
		margin-top: 10px;
	}

	#atOptTable  td::before
	{
		content: attr(data-title);
		min-width: 80px;
	}

	#atOptTable td::before
	{
		float: left;
		display: block;
		padding: 2px 5px 2px 2px;
		font-size: 90%;
		text-align: right;
	}

	/*  Course Proposal */
	.crseProposal th.awLabels, .crseProposal td
	{
		display: block;
	}

	.crseProposal td
	{
		width: 100%;
	}
		
	/* Showtranstatus page */
	.awHistRadio
	{
		margin: 3px 0 0 0;
		position: absolute;
	}

	.awHistLbl
	{
		display: inline-block;
		min-height: 16px;
		padding-left: 20px;
	}  
			
	.totLine span /* Total hours/ceus/credits  */
	{
		display: block;
	} 
		
	/* Super Instructor Search Keyword Field */ 
	#txtTarget
	{
		width: 98%;
	}
	
	/* Express Registration Styles */
	.expFieldset legend
	{
		font-size: 100%;
	}
	
}