/* ----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
{
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

/* -- TOP NAV -- */	
#topNav ul#left li#menu-icon  /* menu icon */
{
	display: inline-block; /* show menu icon */
	cursor: pointer;
	margin: 0 10px 0 0;
}

#topNav ul#left li, #topNav ul#right li
{
	margin: 0 4px 0 0; 
}

#topNav ul#left li#menu-icon span.fa  /* link icons */
{
	font-size: 160%;
}

#topNav ul#left li a span.fa, #topNav ul#right li a span.fa
{
	margin-right: 4px;
	vertical-align: middle;
	font-size: 160%;
}

#topNav ul#left li a[href^=tel] /* style for tel links in Safari Mobile */
{
	display: inline;
}

/* hide link text when screen size is lower than max-width */
#topNav ul#left .mbHide, #topNav ul#right .mbHide, #topNav ul#right .cartNum, #topNav ul#right .cartDollar 
{
	display: none;
}

/* -- HEADER -- */
header
{
	padding-top: 55px; /* needed to move header below fixed top nav bar */
}

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

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

.search
{
  	float: none;
	padding: 10px 0 0 0;
}

.search button.srchBtn .fa 
{
    font-size: 140%;
}

.advSrch 
{
	display: none;
}


/* -- SITE NAV -- */
nav#siteNav
{
	width: 100%;
	float: none;
}

nav.mobileNav
{
	display: block;
}

.navCont /* site navigation bar style */
{
	border: none;
	border-radius: 0px;	
}

#menu 
{
	clear: both;
	z-index: 10000;
	display: none; /* visibility toggled with jquery */	
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
}
	
#menu li 
{
	clear: both;
	float: none;
}

#menu li a
{
	padding: 12px 5px;
	text-align: left;
	font-size: 140%;
}	

/* -- MAIN -- */


#awContent
{
	width: 98%;
	float: none;
	padding: 1%;
}

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

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

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


.hmBoxPad /* padding between home boxes */
{
	padding: 0 0 15px 0; 
}


/*  -- 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: 6px;
    padding-right: 5px;
    position: absolute;
    top: 6px;
    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
{
	width: 100%;
}

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

/*  Show Groups pages */

/* Only enable these when using images on group pages	
.awGroups td.grpImage 

{
	width: 115px;
}

.awGroups td.grpImage img 
{
	width: 100px;
	height: 65px;
}

*/

/*  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 */
.awInstLookup tr, .awInstLookup td
{
	display: block;
	width: 100%;
	padding: 0;
}

.awInstLookup tr
{
	padding-bottom: 15px;
}

.awInstLookup th
{
	display: none;
}


/* Location Lookup */
#locLookup .awTable	  
{
	border-collapse: collapse;
	border-spacing: 0px; 
	/*sC17*/ background-color: #ffffff /*eC17*/;
}

#locLookup .awTable thead th
{
	display: none;
}

#locLookup .awTable tbody td::before 
{
  display: none;
}

#locLookup .awTable tbody td
{
  padding: 8px 0;
  background-color: transparent;
}

/* Show Schedule */
#tableArea p
{
	padding: 5px 4px;
}

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

/* 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
{
	max-width: 700px;
	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: 98%;
}
	
/* 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%;
}

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

/* Send to Friend page */
#txtNote, #txtSendTo
{
	display: block;
	width: 98%;
	max-width: 400px;
}

/* Cart and Pay pages */
.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;
}

/* -- 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 */
.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 */
#awGradeBook
{
	display: none;
}

#awGradeTableEnd, #awGradeScroll
{
	width: 100%;
}

#awGradeTable tr, #awGradeTable td 
 {
    display: block;
	width: 100% !important;
}

#awGradeTable  td::before  /* uses data-title of cells as label */
{
    content: attr(data-title);
	min-width: 80px;
}

#awGradeTable td::before /* styling for data-titles */
{
	float: left;
	display: block;
	padding: 2px 5px 2px 2px;
	font-size: 90%;
	text-align: right;
}

#awGradeTable tr
{
	border-bottom: solid 1px #cccccc;
}

#awGradeTable td, .awPlainTable td
{
	border: 0px;
}

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

#atTable tr, #atTable td 
 {
    display: block;
	width: 100% !important;
}

#atTable  td::before  /* uses data-title of cells as label */
{
    content: attr(data-title);
	min-width: 80px;
}

#atTable  td::before /* styling for data-titles */
{
	float: left;
	display: block;
	padding: 2px 5px 2px 2px;
	font-size: 90%;
	text-align: right;
}

#atTable tr
{
	border-bottom: solid 1px #cccccc;
}

#atTable td, .awPlainTable td
{
	border: 0px;
}

#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 480px -- */
@media screen and (max-width: 480px) 
{	
	/* Top Nav */
	.mbHide  /* hide link text */
	{
		display: none !important;
	}	
	
	/* Quick Search */
	#search input.srchField
	{
		width: 100px;
	}
			
	footer span.separator
	{
		display: block;
		font-size: 0%;
		line-height: 0px;
	}
			
	.awTable tbody td::before
	{
		display: block;
		width: 100%;
		left: 0px;
		padding-right: 2px;
		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;
		font-weight: bold;
	}

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