@charset "UTF-8";

/* ================================================================================================================================================= */
/* fonts =========================================================================================================================================== */
/* ================================================================================================================================================= */

/* @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic); */

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
  url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'),
  url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/0XxGQsSc1g4rdRdjJKZrNL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'),
  url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/PIPMHY90P7jtyjpXuZ2cLLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}




/* ================================================================================================================================================= */
/* local normalizations. Applied here in order to allow easy updates of normalize.css. ============================================================= */
/* ================================================================================================================================================= */

table										{table-layout: fixed;}
th											{text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6, p					{margin:0; padding:0; font-weight:normal;}



/* ================================================================================================================================================= */
/* text colors ===================================================================================================================================== */
/* ================================================================================================================================================= */

/*
	#37342f		All text that has no special color requirement. (body, headlines, tables)
	#37342f		link in th
	#d59b1b		Highlight color for headlines
	#005daa		default links
	white		some menu links and primary application button
	#025dac		secondary menu
	#524e44		application buttons
	#877d6d		text in header
	#978e7c		labels in test results
	#d4cebc		th in display table
	#d4cebc		some borders
	#d59b1b		question numbers
	#f2f9ff		hover and selected backgrounds
	#f9f6ef		background color for plan types
	#978e7c		paragraph in plan type
	#37342f		text of h4 in plan type
	#ab0638		alert messages to user
	#cd1300		server message red
	#ada491		text in footer
*/




/* ================================================================================================================================================= */
/* application rules begin ========================================================================================================================= */
/* ================================================================================================================================================= */

html										{background-color:#ded8ca; font-family:'PT Sans',sans-serif; font-size:14px; line-height:18px;
											color:#37342f;}
html.certificate							{background-color:white;}
div#appWrapper 								{width:1024px; margin:0 auto; background:#f9f7f1 url(backgroundPattern.jpg) repeat-x;}




/* ================================================================================================================================================= */
/* header elements ================================================================================================================================= */
/* ================================================================================================================================================= */

div#header									{position:relative; height:80px;}
div#header img#headerLogo					{position:absolute; top:8px; right:30px; }

div#header div#mainMenu						{overflow:auto; position:relative; width:405px; top:34px; left:31px; margin:0;}
div#header div#mainMenu a					{line-height:14px; padding:6px 0;}
div#header div#welcome						{position:absolute; top:-5px; left:450px; }

div#header img#headerCertificate			{display:none;}
div#welcome									{float:right; margin:46px 20px 0 0; font-style:italic; color:#877d6d; }

div#mainMenu								{position:relative; overflow:auto; margin:0 30px; background:#005daa url(sprite.png) 0px 0px repeat-x;
											border:1px solid #005daa; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);}
div#mainMenu a								{float:left; width:80px;
											background:transparent url(sprite.png) 0px 0px repeat-x; border-right:1px solid #005daa;
											line-height:30px; text-align:center; text-transform:uppercase; color:white; text-decoration:none;
											text-shadow: 0 -1px 0 rgba(20, 83, 150, 1); -webkit-touch-callout: none;
											-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
											-ms-user-select: none; user-select: none;}
div#mainMenu a:link							{}
div#mainMenu a:visited						{}
div#mainMenu a:focus						{}
div#mainMenu a:hover						{background:#005daa url(sprite.png) 0px -41px repeat-x; }
div#mainMenu a:active						{}
div#mainMenu a.selected						{background:#005daa;}

div#mainMenu a#logout						{float:right; background: transparent url(sprite.png) 4px -76px no-repeat; border:0; }
div#mainMenu a#logout:hover					{background:  url(sprite.png) 4px -76px no-repeat, url(sprite.png) 0px -41px repeat-x;}

/*	the header, footer, certificate main menu and welcome need special rules for the pages
	that do not show the main menu. Signup, welcome, login and canceled. */
body.noMainMenu div#header							{text-align:center;}
body.noMainMenu div#header img#headerCertificate	{display:inline;}
body.noMainMenu div#mainMenu						{display:none;}		/*	the php doesn't write in the main menu unless the user is logged in.
																			However, 'logged in' seems to be a little complicated... */
body.noMainMenu div#welcome							{display:none;}
body.noMainMenu div#footer							{text-align:center;}



/* ================================================================================================================================================= */
/* page elements =================================================================================================================================== */
/* ================================================================================================================================================= */

div.pageContent								{margin:32px 30px 30px 32px; }

div.thePage									{overflow:auto; min-height:200px; padding:15px 30px 30px 30px ; background-color:white;
											border:1px solid #eeeadf; border-top:0;}

div.standardPanel							{margin-bottom:30px; padding:23px 34px 30px 32px ; background-color:white; border:1px solid #eeeadf;}
div.standardPanel h2						{margin-bottom:15px;}	/* set to vSpace the most common arrangement: h2 + table */
div.standardPanel h2 + p					{margin-top:23px;}		/* h2 + p should be less common */

div.standardPanel:last-child				{margin-bottom:0;}
div.standardPanel p:last-child				{margin-bottom:0;}	/* layout in standardPanel depends on the last element having no bottom margin */
div.standardPanel table:last-child			{margin-bottom:0;}

/*
	Note: h2s and h3 are currently disorganized. The problem stems from a design issue that calls for a border-top on h3s.
	When it is time to unravel the disorganization see div.twoColumnInputWrapper h3. That should be the default h3.
*/

h2											{margin: 2px 0 15px 0; font-size:24px; line-height:33px;
											overflow:auto;
											-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
											-moz-user-select: none; -ms-user-select: none; user-select: none; }
h2.highlight								{color:#d59b1b;}
h2 span.highlight							{color:#d59b1b;}
h2.bottomButtons							{margin-top:16px;}

h3											{clear:both; margin: 15px 0 0 0;}
h3											{color:#d59b1b;}

p											{margin:1.000em 0;}
ul											{margin:0;}

div#trialAccountNote						{position:relative; top:0; margin:-26px 0 30px 0; text-align:right; font-style:italic; color:#d59b1b;}
span#trialAcountIcon						{display:inline-block; width:25px; background: transparent url(sprite.png) -28px -776px no-repeat;}
div#trialAccountMessage						{line-height:24px;}
span#daysLeft								{}

body.noMainMenu div#trialAccountNote		{display: none;}		/* the trial message on ancillary pages */
div#trialAccountNote + div#home				{margin-top:-28px;}		/* fixup the unique home page */

div.messageToUserWrapper					{float:left; max-width:500px; margin:10px 0 0 0; padding:5px 10px; border: 1px solid #ab0638; border-radius: 4px;
											font-size:14px; line-height:20px; }
.messageToUser								{color:#ab0638;}
.serverMessage								{color:#cd1300;}

table.serverMessage							{margin:8px 0 2px 0; color:#cd1300;}
table.serverMessage td.iconTD				{padding:0px 9px 0 0;}
table.serverMessage td.messageTD			{vertical-align:middle; padding:0px 0 0 10px; border-left:1px solid #d4cebc; font-size:14px; line-height: 16px;}

.noBottomBorder								{border-bottom:0 !important;}
.clearBoth									{clear:both;}
.clearLeft									{clear:left;}
.doNotShow									{display:none;}

a											{border-bottom:1px dotted transparent; color: #005daa; text-decoration:none;}
a:link										{color: #005daa; border-bottom:1px dotted transparent; text-decoration:none;}
a:visited									{color: #005daa; border-bottom:1px dotted transparent;}
a:focus										{color: #005daa; border-bottom:1px dotted #005daa;}
a:hover										{color: #005daa; border-bottom:1px dotted #005daa; }
a:active									{color: #005daa; border-bottom:1px dotted transparent;}
a[onclick]									{cursor:pointer;}	/* remove this when possible */

th											{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
											-moz-user-select: none; -ms-user-select: none; user-select: none;}
th a										{border-bottom:0; text-decoration:none;}
th a:link									{border-bottom:0; text-decoration:none;}
th a:visited								{border-bottom:0;}
th a:focus									{border-bottom:0;}
th a:hover									{border-bottom:0;}
th a:active									{border-bottom:0;}

::-webkit-input-placeholder					{color: #005daa;}
:-moz-placeholder							{color: #005daa;}
::-moz-placeholder							{color: #005daa;}
:-ms-input-placeholder						{color: #005daa;}

div#appWrapper td.alignTop					{vertical-align:top;}
table + h2									{margin-top:30px;}



/* ================================================================================================================================================= */
/* application buttons. */
/* ================================================================================================================================================= */

input.appButton								{float:right; width:120px; margin-left:10px; background:#d0cbc0 url(sprite.png) 0px -372px repeat-x;
											border:1px solid #ada491; border-radius:3px; padding-top:4px;
											font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial; font-size:13px; line-height:22px;
											color:#524e44; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
											box-shadow: 0px 1px 2px -1px rgba(185, 180, 164, 1.0); }
input.appButton:hover						{background:#db9f00 url(sprite.png) 0px -412px repeat-x; border:1px solid #d59b1b; color:white;
											text-shadow: 0 1px 0px rgba(174, 125, 27, 1.0);}
input.appButton:focus						{outline:none;}
html.lt-ie9 input.appButton					{padding-top:3px; padding-bottom:4px;}

input.appButton.small						{width:auto; padding:0 7px 0 7px; font-size:12px; line-height:19px;}
html.lt-ie9 input.small						{padding: 0 7px 0 7px;}

input.appButton.primary						{background-position: 0px -452px; border-color:#005caa; color:white;
											text-shadow: 0 1px 0px #005caa;}
input.appButton.primary:hover				{background-position: 0px -500px; border:1px solid #d59b1b;
											text-shadow: 0 1px 0px rgba(174, 125, 27, 1.0);}


label[for]									{cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
											-moz-user-select: none; -ms-user-select: none; user-select: none;}




/* ================================================================================================================================================= */
/* secondary menus ================================================================================================================================= */
/* ================================================================================================================================================= */

div.secondaryMenu							{margin-top:-32px; background:transparent; border-bottom:6px solid #f1ebde;}
div.secondaryMenu a							{display:inline-block; width:90px; margin-right:-4px; margin-bottom:-6px; /* ;-) */
											background:transparent; padding:12px 0px 4px 0px; border-bottom:6px solid #f1ebde;
											line-height:14px; text-align:center; text-transform:uppercase; color:#025dac; text-decoration:none;
											transition:all 0.250s; -moz-transition:all 0.250s; -webkit-transition:all 0.250s;
											-o-transition:all 0.250s; -webkit-touch-callout: none; -webkit-user-select: none;
											-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
div.secondaryMenu a:link					{}
div.secondaryMenu a:visited					{}
div.secondaryMenu a:focus					{}
div.secondaryMenu a:hover					{border-bottom:6px solid #4388c1; background-color:white; }
div.secondaryMenu a:active					{border-bottom:6px solid #4388c1;}
div.secondaryMenu a.selected				{border-bottom:6px solid #025caa;}

/* specific to admin secondary menu */
div#adminMenu.secondaryMenu a#assignTests	{width:120px;}
div#adminMenu.secondaryMenu a#activityView	{width:120px;}

/* specific to reports secondary menu */
div#reportsMenu.secondaryMenu a				{}

/* specific to the support secondary menu */

div#adminSupportMenu.secondaryMenu a			{width:100px;}
div#adminSupportMenu a#supportGettingStarted	{width:140px;}



/* ================================================================================================================================================= */
/* experimental columns for pages that might need them. Defaults allow for 3. ====================================================================== */
/* ================================================================================================================================================= */

div.columnWrapper							{margin-top:-1px; padding-top:7px; border-top:1px solid #d4cebc;}
div.column									{float:left; overflow:auto; width:293px; margin-right:10px; zoutline:1px solid limegreen;}
html.lt-ie9 div.column						{width:290px;}
div.column:last-child						{margin-right:0;}



/* ================================================================================================================================================= */
/*  table for two column layout of form elements =================================================================================================== */
/* ================================================================================================================================================= */

div.twoColumnInputWrapper					{padding:31px 0 19px 0; border-top:1px solid #d4cebc; border-bottom:1px solid #d4cebc;}
table.TwoColumnInput						{width:100%;}
table.TwoColumnInput th:nth-child(1)		{width:199px; padding:0; line-height:1px;}
table.TwoColumnInput th:nth-child(2)		{width:auto; padding:0; line-height:1px;}

html.lt-ie9 table.TwoColumnInput th.ieColumnOne	{width:199px; padding:0; line-height:1px;}
html.lt-ie9 table.TwoColumnInput th.ieColumnTwo	{width:auto; padding:0; line-height:1px;}
html.lt-ie9 table.TwoColumnInput th.ieTDOne		{padding-top:3px; text-align:right;}
html.lt-ie9 table.TwoColumnInput th.ieTDTwo		{width:auto; padding:0 0 7px 10px;}

table.TwoColumnInput td						{vertical-align: top; line-height:1.5;}
table.TwoColumnInput td:nth-child(1)		{padding-top:3px; text-align:right;}
html.lt-ie9 table.TwoColumnInput td.ieTDOne	{padding-top:3px; text-align:right;}
table.TwoColumnInput td.vAlignToText		{padding-top:0;}
/* our default is to vAlign to a text/textarea in the td to the right, and not to simple text. */
table.TwoColumnInput td:nth-child(2)		{width:auto; padding:0 0 7px 10px;}
html.lt-ie9 table.TwoColumnInput td.ieTDTwo	{width:auto; padding:0 0 7px 10px;}
table.TwoColumnInput td.justText			{padding-top:3px;}	/* note that this fixes up selects in a td too. */

table.TwoColumnInput input[type=text]		{width:450px; background-color:#fcf7da; }
table.TwoColumnInput input[type=password]	{width:450px; background-color:#fcf7da; }
table.TwoColumnInput textarea				{width:450px; background-color:#fcf7da;}
input.input-wide							{width:320px;}

div.twoColumnInputWrapper > h3:first-child	{margin:-25px 0 20px 0; }
div.twoColumnInputWrapper h3				{margin:40px 0 20px 0; padding-bottom:2px; border-bottom:1px solid #eeeadf; font-size:24px; line-height:40px;}

img.pencilInH3								{margin-left:6px; vertical-align:-8px;}
p.paragraphAtColumnTwo						{margin-left:210px;}


/* ================================================================================================================================================= */
/* a general use table for data display ============================================================================================================ */
/* ================================================================================================================================================= */

table.dataDisplay							{width:100%; font-size:14px; line-height:18px;}
table.dataDisplay tr						{border-bottom:1px solid #d5cdbc;
											transition:background-color 0.250s; -moz-transition:background-color 0.250s;
											-webkit-transition:background-color 0.250s; -o-transition:background-color 0.250s;}
table.dataDisplay tbody tr:hover			{background-color:#f2f9ff;}

/* table.dataDisplay th						{background-color:#d4cebc; padding:8px 20px 7px 20px; } */
table.dataDisplay th						{background-color:#d4cebc; padding:8px 0 7px 0; }
table.dataDisplay th:first-child			{padding-left:20px; }
/* table.dataDisplay td						{overflow:hidden; padding:10px 20px 10px 20px; } */
table.dataDisplay td						{zzzoverflow:hidden; padding:10px 0 10px 0; }
table.dataDisplay td:first-child			{padding-left:20px; }
table.dataDisplay td p.noAssignment			{margin:0; color:#ab0638;}

table.dataDisplay th a:link					{display:block; color:#37342f;
											-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
											-moz-user-select: none; -ms-user-select: none; user-select: none;}
table.dataDisplay th a:visited				{color:#37342f;}
table.dataDisplay th a:focus				{color:#37342f;}
table.dataDisplay th a:hover				{color:#37342f;}
table.dataDisplay th a:active				{color:#37342f;}

table.dataDisplay tfoot						{border-top:2px solid #d5cdbc;}		/* tfoot is not required. */




/* ================================================================================================================================================= */
/* icon links (actionLink) in tables  ============================================================================================================== */
/* ================================================================================================================================================= */

a.actionLink								{display:inline-block; width:100%; height:37px; text-decoration:none; cursor:pointer;}

a.actionLink.edit							{background: transparent url(sprite.png)   0px -112px no-repeat; border:0;}
a.actionLink.edit:hover						{background: transparent url(sprite.png)   0px -152px no-repeat;}

a.actionLink.delete							{background: transparent url(sprite.png) -40px -112px no-repeat; border:0;}
a.actionLink.delete:hover					{background: transparent url(sprite.png) -40px -152px no-repeat;}
a.actionLink.delete.disabled				{background: transparent url(sprite.png) -40px -192px no-repeat; cursor:default;}
a.actionLink.delete.disabled:hover			{background: transparent url(sprite.png) -40px -192px no-repeat;}



/* ================================================================================================================================================= */
/* specific tables ================================================================================================================================= */
/* ================================================================================================================================================= */



table#activityView th:nth-child(1)			{width:auto;}
table#activityView th:nth-child(2)			{width: 80px;}
table#activityView th:nth-child(3)			{width:160px;}
table#activityView th:nth-child(4)			{width:280px;}


/* only used by the deprecated page results-view.php */
table#testResults th:nth-child(1)			{width:45px;}
table#testResults th:nth-child(2)			{width:auto;}
table#testResults th:nth-child(3)			{width:100px;}
table#testResults th:nth-child(4)			{width:100px;}
table#testResults th:nth-child(5)			{width:100px;}


/* test-edit */
table#questions	th:nth-child(1)				{width:auto;}
table#questions	th:nth-child(2)				{width: 40px; padding:0; }
table#questions	th:nth-child(3)				{width: 40px; padding:0; }

table#questions	td:nth-child(2)				{width: 40px; padding:0; text-align:center;}
table#questions	td:nth-child(3)				{width: 40px; padding:0; text-align:center;}
/* ie 8 */
table#questions	th.ieColumnOne				{width:auto;}
table#questions	th.ieColumnTwo				{width: 40px; padding:0; }
table#questions	th.ieColumnThree			{width: 40px; padding:0; }

table#questions	td.ieTDTwo					{width: 40px; padding:0; text-align:center;}
table#questions	td.ieTDThree				{width: 40px; padding:0; text-align:center;}

/* report-group-test */
table#reportGroup th:nth-child(1)			{width:auto;}
table#reportGroup th:nth-child(2)			{width: 50px;}
table#reportGroup th:nth-child(3)			{width: 50px;}
table#reportGroup th:nth-child(4)			{width: 50px;}
table#reportGroup th:nth-child(5)			{width: 50px;}
table#reportGroup th:nth-child(6)			{width: 50px;}


/* report-test-user */
table#reportUser th:nth-child(1)			{width:220px;}
table#reportUser th:nth-child(2)			{width:auto;}
table#reportUser th:nth-child(3)			{width:auto;}
table#reportUser th:nth-child(4)			{width:auto;}
table#reportUser th:nth-child(5)			{width:auto;}




/* ================================================================================================================================================= */
/* interactive data tables defaults ================================================================================================================ */
/* ================================================================================================================================================= */

table.dataTable th							{cursor:pointer; outline:0;
											transition:background-color 0.250s; -moz-transition:background-color 0.250s;
											-webkit-transition:background-color 0.250s; -o-transition:background-color 0.250s;
											transition:color 0.250s; -moz-transition:color 0.250s;
											-webkit-transition:color 0.250s; -o-transition:color 0.250s;
											-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
											-ms-user-select: none; user-select: none;}
table.dataTable th:hover					{background-color:#005bac; color:white;}
table.dataTable td.sorting_1				{background-color:#f2f9ff; }




/* ================================================================================================================================================= */
/* translucent screen overlay and the application dialog =========================================================================================== */
/* ================================================================================================================================================= */

div#overlay									{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:5000;
											background-color:#37342f; opacity:.60; cursor:pointer;
											-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";}

div.appDialog								{display:none; z-index:5001; position:absolute; top:98px; left:0px; width:590px;
											background-color:#f2eee3; border-radius:5px; font-size:15px; line-height:20px;
											box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2),	0 20px 20px 0 rgba(0, 0, 0, 0.15);}
div.appDialog div.close						{position:absolute; top:-35px; right:-36px; width:40px; height:40px;
											background: transparent url(sprite.png)    0px -619px no-repeat; cursor:pointer;}
div.appDialog div.close:hover				{background: transparent url(sprite.png) -40px -619px no-repeat;}


div.appDialog div.dialogHeader				{background-color:#d59b1c; padding:40px 40px 20px 40px ; }
div.appDialog h1							{margin:0; background-color:transparent;
											font-size:24px; line-height:20px; color:white;}

div.dialogBody								{padding:10px 40px 30px 40px ;}
/* body/footer spacing expects the body content to have no bottom margin or padding */
div.appDialog p								{}

div.dialogFooter							{margin:0 40px; border-top:1px solid #d4cebc; padding: 20px 0 52px 0;}
div.dialogFooter input.appButton			{float:none; margin:0 6px 0 0;}




/* ================================================================================================================================================= */
/* Specific pages ================================================================================================================================== */
/* ================================================================================================================================================= */

/* signup */

input.signup								{float:none; margin-left:0; margin-right:10px;}

/* welcome */

table#welcomePage th:nth-child(1)			{width:120px;}
table#welcomePage td:nth-child(1)			{text-align:left;}


/* login */
div#loginWrapper							{padding-top:24px; text-align:center;}

table#loginPage.serverMessage				{margin:0px auto; width:300px; }
table#loginPage.serverMessage th#theIcon	{width:36px;}
table#loginPage.serverMessage th#theMessage	{width:auto;}

div.ieLabel									{display:none; margin-bottom:5px;}

div#loginWrapper input[type=text],
div#loginWrapper input[type=password],
div#loginWrapper input[type=submit]			{display:block; width:290px; margin:0 auto 20px auto; padding:8px 0; border:2px solid #d4cebc;
											border-radius:5px; font-size:16px; text-align:center;}
div#loginWrapper input[type=submit]			{background:#005daa url(sprite.png) 0px -452px repeat-x; border:1px solid #005daa; padding:3px;
											font-size:26px; color:white; text-shadow: 0 -1px 2px rgba(22, 93, 169, 1);
											-webkit-font-smoothing: antialiased; box-shadow: 0px 2px 2px -1px rgba(185, 180, 164, 1.0);}
div#loginWrapper input[type=submit]:hover	{background:#e2b44c url(sprite.png) 0px -499px repeat-x; border-color:#d59b1b;
											text-shadow: 0 -1px 2px rgba(183, 133, 28, 1);}

div#loginWrapper p							{margin-bottom: 10px;}
p.loginLinks								{line-height:30px;}
div#loginPageMessage						{width: 268px; margin: 0 auto;}

/* forgot password dialog */
div#forgotPassword							{top:104px;}
div#forgotPassword input#email				{width:302px; margin:0 auto 0 auto; padding:8px 0 8px 14px ; border:2px solid #d4cebc;
											border-radius:5px; font-size:16px;}
input#cancelEmailPasswordButton,
input#emailPasswordButton					{width:168px; padding:6px; font-size:16px;}


/* home page. */
/* The extreme specificity is required by some, not all, of the rules. It's repeated for clarity.
	Please do not rofl me for this. rl. */


div#home.thePage							{background-color:transparent; padding:0 0 0 0; border:0; }
											/* here the panels need to create their own blocks. */
div#home table.dataDisplay td				{vertical-align: top;}
div#home table.dataDisplay td.description	{padding-right:10px;}


table#testsToTake th:nth-child(1)			{width:74px;}
table#testsToTake td:nth-child(1)			{padding-top:9px;}
table#testsToTake th:nth-child(2)			{width:40px; padding:0;}
table#testsToTake td:nth-child(2)			{padding:0;}
table#testsToTake th:nth-child(3)			{width:239px; padding-left:0;}
table#testsToTake td:nth-child(3)			{padding-left:0;}
table#testsToTake th:nth-child(4)			{width:auto;}
table#testsToTake th:nth-child(5)			{width:136px;}
table#testsToTake tbody tr					{cursor:pointer;}
/* for ie 8 */
table#testsToTake th.ieActionTH				{width:74px;}
table#testsToTake td.ieActionTD				{padding-top:9px;}
table#testsToTake th.ieActuatorTH			{width:40px; padding:0;}
table#testsToTake td.ieActuatorTD			{padding:0;}
table#testsToTake th.ieNameTH				{width:239px; padding-left:0;}
table#testsToTake td.ieNameTD				{padding-left:0;}
table#testsToTake th.ieDescriptionTH		{width:auto;}
table#testsToTake th.ieTakenTH				{width:136px;}

table#passedTests th:nth-child(1)			{width:74px;}
table#passedTests td:nth-child(1)			{padding:0;}
table#passedTests th:nth-child(2)			{width:40px; padding:0;}
table#passedTests td:nth-child(2)			{padding:0;}
table#passedTests th:nth-child(3)			{width:239px; padding-left:0;}
table#passedTests td:nth-child(3)			{padding-left:0;}
table#passedTests th:nth-child(4)			{width:auto;}
table#passedTests th:nth-child(5)			{width:136px;}
table#passedTests tbody tr					{cursor:pointer;}
/* for ie 8 */
table#passedTests th.ieCertificateTH		{width:74px;}
table#passedTests td.certificate			{padding:0;}
table#passedTests th.ieActuatorTH			{width:40px; padding:0;}
table#passedTests td.actuator				{padding:0;}
table#passedTests th.ieDescriptionTH		{width:auto;}
table#passedTests th.ieTakenTH				{width:136px;}

table#failedTests th:nth-child(1)			{width:40px; padding:0;}
table#failedTests td:nth-child(1)			{padding:0;}
table#failedTests th:nth-child(2)			{width:338px; padding-left:0;}
table#failedTests td:nth-child(2)			{padding-left:0;}
table#failedTests th:nth-child(3)			{width:auto;}
table#failedTests th:nth-child(4)			{width:136px;}
table#failedTests tbody tr					{cursor:pointer;}
/* for ie 8 */
table#failedTests th.ieActuatorTH			{width:40px; padding:0;}
table#failedTests td:nth-child(1)			{padding:0;}
table#failedTests th.ieNameTH				{width:338px; padding-left:0;}
table#failedTests td:nth-child(2)			{padding-left:0;}
table#failedTests th.ieDescriptionTH		{width:auto;}
table#failedTests th.ieTakenTH				{width:136px;}



/* tr.testInfo */
div#home table.dataDisplay.homepage tr.testInfo.selected					{background-color:#f2f9ff; border-bottom:0;}
div#home table.dataDisplay.homepage td.actuator								{background: transparent url(sprite.png)   0px -656px no-repeat; }
div#home table.dataDisplay.homepage tr.selected td.actuator					{background-position: -40px -656px; }

/* tr.testDetails */
div#home table.dataDisplay.homepage tr.testDetails							{display:none;}
div#home table.dataDisplay.homepage tr.testDetails:hover					{background-color:white;}
div#home table.dataDisplay.homepage tr.testDetails.selected td				{background-color:#f2f9ff; }
div#home table.dataDisplay.homepage tr.testDetails tr						{cursor:auto;}

/* there is a column span that adds some interest to this layout... */
div#home table.dataDisplay.homepage tr.testDetails td.detailsTD1			{width:auto; padding:0;}
div#home table.dataDisplay.homepage tr.testDetails td.detailsTD2			{width:auto; padding:0;}

div#home table.dataDisplay.homepage td.actionButton input					{float:none; margin:0;}

/* tr.testDetails > table.testDetailTable */
div#home table.dataDisplay.homepage table.testDetailTable					{width:100%;}
div#home table.dataDisplay.homepage table.testDetailTable tr				{border-bottom:1px solid #badaf3;}
div#home table.dataDisplay.homepage table.testDetailTable tr:first-child	{border-top:1px solid #5c9acd;}
div#home table.dataDisplay.homepage table.testDetailTable tr:last-child		{border-bottom:0;}
div#home table.dataDisplay.homepage table.testDetailTable th				{background-color:#6aa6d8; color:white;}
div#home table.dataDisplay.homepage table.testDetailTable th:nth-child(1)	{width:70px; padding-left:10px; }
div#home table.dataDisplay.homepage table.testDetailTable td:nth-child(1)	{padding-top:10px; padding-left:10px; }
div#home table.dataDisplay.homepage table.testDetailTable th:nth-child(2)	{width:auto; padding:8px 0 7px 20px}
div#home table.dataDisplay.homepage table.testDetailTable td:nth-child(2)	{padding: 10px 0 10px 20px;}
div#home table.dataDisplay.homepage table.testDetailTable th:nth-child(3)	{width: 66px;}
div#home table.dataDisplay.homepage table.testDetailTable th:nth-child(4)	{width:87px; padding-right:0}
div#home table.dataDisplay.homepage table.testDetailTable td:nth-child(4)	{padding-right:0}
/* for ie 8 */
div#home table.dataDisplay.homepage table.testDetailTable th.ieDateTH				{width:70px; padding-left:10px; }
div#home table.dataDisplay.homepage table.testDetailTable td.ieDateTD				{padding-top:10px; padding-left:10px; }
div#home table.dataDisplay.homepage table.testDetailTable th.ieMissedQuestionsTH	{width:auto; padding:8px 0 7px 20px}
div#home table.dataDisplay.homepage table.testDetailTable td.ieMissedQuestionsTD	{padding: 10px 0 10px 20px;}
div#home table.dataDisplay.homepage table.testDetailTable th.ieScoreTH				{width: 66px;}
div#home table.dataDisplay.homepage table.testDetailTable th:nth-child(4)			{width:87px; padding-right:0}
div#home table.dataDisplay.homepage table.testDetailTable td:nth-child(4)			{padding-right:0}

span.missedQuestionText														{color:#ab0638;transition:background-color 0.250s;
																			-moz-transition:background-color 0.250s;
																			-webkit-transition:background-color 0.250s;
																			-o-transition:background-color 0.250s; }
span.missedQuestionText:hover												{background-color:white;}

table#passedTests td.certificate											{padding:7px 0 0 20px}
table#passedTests td.certificate a											{border:0;}

table#failedTests tr.testDetails > td 										{padding:0 0 0 139px;}
div#home p.noResults														{margin:0; background-color:transparent; padding:1.000em;}


/* take a test */
div#testPage								{margin-top:30px; border:1px solid #eeeadf;}
div#testPage h2								{margin-bottom:6px; padding-bottom:5px; border-bottom:1px solid #d4cebc; line-height:49px; }
div#testPage h2	input.appButton				{width:6em; margin-top:6px; }
div#testPage h2	input[type=submit]			{width:11em; }

div#testPage div.questionWrapper			{margin-bottom:8px; padding-bottom:12px; border-bottom:1px solid #d4cebc;}
div#testPage h3								{overflow:auto; margin-top:0px; border-bottom:1px solid #eeeadf; padding-bottom:8px; line-height:40px; }
div#testPage span.questionNumber			{display:block; float:left; margin-right:10px; font-size:22px; line-height:28px; color: #d59b1b;}
div#testPage span.questionText				{display:block; float:left; width:840px; margin-right:10px; font-size:22px; line-height:28px;  color: #d59b1b;}

div#testPage div.answerWrapper				{}

div#testPage div.answer						{font-size:14px; line-height:22px; -webkit-tap-highlight-color: rgb(53, 21, 179);
											transition:all 0.750s; -moz-transition:all 0.750s; -webkit-transition:all 0.750s;
											-o-transition:all 0.750s;}
div#testPage div.answer:hover				{background-color:#f2f9ff; border-radius:5px;}
div#testPage div.answer.selected			{zzzbackground-color:#f2f9ff; zzzborder-radius:5px;}
div#testPage div.answer label				{display:inline-block; width:100%; cursor:pointer;}
div#testPage span.answerRadio				{display:block; float:left; margin:0 26px 0 67px;}
div#testPage span.answerLetter				{display:block; float:left; margin-right:14px; font-size:18px; font-style:italic; color: #d59b1b;}
div#testPage span.answerText				{display:block; float:left; width:750px; line-height: 22px;}


/* test results */
div#resultsPage								{margin-top:30px; border:1px solid #eeeadf;}
div#resultsPage h2							{margin-bottom:6px; padding-bottom:5px; border-bottom:1px solid #d4cebc; line-height:49px; }
div#resultsPage h2 span.testName			{color:#d59b1b}

div#resultsPage h2.resultsMessage			{padding-bottom:3px; line-height:39px;}

div#resultsSummary span						{display:inline-block; line-height:36px;}
div#resultsSummary span.label				{width:159px; margin-right:16px; text-align:right; color:#978e7c}
div#resultsSummary span.marker				{width:30px; margin-right:13px;}
div#resultsSummary span.marker.correct		{background: transparent  url(sprite.png)   -9px -540px; }
div#resultsSummary span.marker.incorrect	{background: transparent  url(sprite.png)  -39px -540px; }
div#resultsSummary span.marker.percent		{background: transparent  url(sprite.png)   -8px -579px; }
div#resultsSummary span.marker.action		{background: transparent  url(sprite.png)  -39px -579px; }
div#resultsSummary span.info				{position:relative; width:360px;}
div#resultsSummary span img					{position: absolute; left:172px; top:-11px;}
input#takeAgainButton						{float:none;}

div.questionWrapper							{margin-bottom:5px; padding-bottom:15px; border-bottom:1px solid #eeeadf;-webkit-user-select: none;
											-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
div.questionWrapper h3						{overflow:auto; margin:0 0 7px 0; line-height:40px;}
div.questionWrapper span					{display:inline-block; display:block; float:left;}
div.questionWrapper span.correct			{width:30px; margin-right:10px; background: transparent  url(sprite.png)  -9px -540px;}
div.questionWrapper span.incorrect			{width:30px; margin-right:10px; background: transparent  url(sprite.png) -40px -540px;}
div.questionWrapper span.questionNumber		{margin-right:10px; font-size:22px; color: #d59b1b;}
div.questionWrapper span.questionText		{display:block; float:left; width:815px; zzzmargin-top:10px; margin-right:10px;
											font-size:16px; line-height:24px; color:#37342f;}
											/* margin-top:10px created vertical alignment problems in question layout between .questionNumber and .questionText. */
											
div#resultsPage div.questionWrapper span.questionText	{margin-top:10px;} /* but it is needed on the results page. */

div.answerWrapper							{overflow:auto;}
div.answerWrapper span						{display:block; float:left;}
div.answerWrapper span.answerLabel			{clear:left; width:159px; margin-right:20px; line-height:28px; text-align:right; color:#978e7c;}
div.answerWrapper span.answerText			{width:715px; margin-top:1px; line-height:22px;}
											/*	margin-top:3px created vertical alignment problems in answer layout.
												The problem is that the vertical origin of span.answerText is calculated differently
												when the span wraps to two lines. So one line and two line answers are positioned differently
												by the browser. No current solution. Minimized it to 1 pixel difference.
											*/

div#resultsPage div.answerWrapper span.answerText	{margin-top:3px;} /* but it is needed on the results page. */


/* Admin > test admin */
table#testAdmin th:nth-child(1)				{width:25%;}
table#testAdmin th:nth-child(2)				{width:auto;}
table#testAdmin th:nth-child(3)				{width:40px; padding:0;}
table#testAdmin th:nth-child(4)				{width:40px; padding:0;}

table#testAdmin td:nth-child(3)				{width:40px; padding:0; text-align:center;}
table#testAdmin td:nth-child(4)				{width:40px; padding:0; text-align:center;}
/* for ie 8 */
table#testAdmin th.ieTestNameTH				{width:25%;}
table#testAdmin th.ieTestDescriptionTH		{width:auto;}
table#testAdmin th.ieTestEditTH				{width:40px; padding:0;}
table#testAdmin th.ieTestDeleteTH			{width:40px; padding:0;}

table#testAdmin td.ieEditTD					{width:40px; padding:0; text-align:center;}
table#testAdmin td.ieDeleteTD				{width:40px; padding:0; text-align:center;}

/* Admin > test edit */
h3#questionsH3								{margin:10px 0 20px 0; padding-bottom:2px; border-bottom:1px solid #eeeadf; font-size:24px; line-height:40px;}

input#passingScore							{width:30px; padding-right:5px; text-align:right;}
table.TwoColumnInput td.passingScore		{vertical-align: middle;}


/* edit questions */
table#editQuestion.TwoColumnInput th:nth-child(3)		{width:220px;}
table#editQuestion.TwoColumnInput th.ieColumnThree		{width:220px;}
table#editQuestion.TwoColumnInput td.correctRadio		{vertical-align: middle; padding:0; cursor:pointer;}
table#editQuestion.TwoColumnInput label.correctRadio	{display:inline-block; width:95%; height:100%; padding:10px 0 0 10px; cursor:pointer;}


/* Admin > user admin */
table#userAdmin th:nth-child(1)				{width:170px;}
table#userAdmin th:nth-child(2)				{width:170px;}
table#userAdmin th:nth-child(3)				{width:auto;}
table#userAdmin th:nth-child(4)				{width:120px;}
table#userAdmin th:nth-child(5)				{width:40px; padding:0;}
table#userAdmin th:nth-child(6)				{width:40px; padding:0;}

table#userAdmin td:nth-child(5)				{padding:0; text-align:center;}
table#userAdmin td:nth-child(6)				{padding:0; text-align:center;}
/* for ie 8 */
table#userAdmin th.ieLastNameTH				{width:170px;}
table#userAdmin th.ieFirstNameTH			{width:170px;}
table#userAdmin th.ieLoginTH				{width:auto;}
table#userAdmin th.ieTitleTH				{width:120px;}
table#userAdmin th.ieEditTH					{width:40px; padding:0;}
table#userAdmin th.ieDeleteTH				{width:40px; padding:0;}

input#upgradePlan							{width:14.000em;}


/* Admin > group admin */
table#groupAdmin th:nth-child(1)			{width:25%;}
table#groupAdmin th:nth-child(2)			{width:auto;}
table#groupAdmin th:nth-child(3)			{width:40px; padding:0;}
table#groupAdmin th:nth-child(4)			{width:40px; padding:0;}

html.lt-ie9 table#groupAdmin th.ieTHOne		{width:25%;}
html.lt-ie9 table#groupAdmin th.ieTHTwo		{width:auto;}
html.lt-ie9 table#groupAdmin th.ieTHThree	{width:40px; padding:0;}
html.lt-ie9 table#groupAdmin th.ieTHFour	{width:40px; padding:0;}

table#groupAdmin td:nth-child(3)			{width:40px; padding:0; text-align:center;}
table#groupAdmin td:nth-child(4)			{width:40px; padding:0; text-align:center;}


/* Admin > group admin > group edit */
table#assignUsersOrTests					{margin-top:30px;}


/* Admin > assign tests */

/* using the experimental column layout */
div.column > h2								{padding-bottom:6px; border-bottom:1px solid #d4cebc;}
div.column h3								{margin-top:6px; background-color:#d4cebc; padding:8px 20px 7px 10px; line-height:16px; }
div.column h3 span.testCount				{}
div.column h3 span.userCount				{}

div.column select#groupSelect				{width:233px; margin-left:2px;}	/* the margin-left prevents a focus/de-focus visual bug in Safari */
div.column div#testsWrapper					{margin-left:0;}
div.column div#usersWrapper					{margin-left:0;}
div.column div#testsWrapper input.appButton	{margin-left:10px;}
div.column div#usersWrapper input.appButton {margin-left:10px;}

.ellipsisOverflow							{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
select#groupSelect							{margin:14px 0 30px 40px; }

div#testsWrapper,
div#usersWrapper							{overflow:auto; margin:0 0 20px 40px;}
div#testsWrapper h3,
div#usersWrapper h3							{color:#37342f;}

div#assignedTests,
div#assignedUsers							{width:100%; height:235px; overflow-y: scroll; -webkit-overflow-scrolling: touch;
											border-bottom:1px solid #eeeadf; line-height:35px;}
div#assignedTests > div.userOrTestItem,
div#assignedUsers > div.userOrTestItem		{display:none; padding-left:10px; border-bottom:1px solid #d4cebc;
											transition:background-color 0.250s; -moz-transition:background-color 0.250s;
											-webkit-transition:background-color 0.250s; -o-transition:background-color 0.250s;
											-webkit-touch-callout: none;
											-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
											-ms-user-select: none; user-select: none;}
div#assignedTests div:hover,
div#assignedUsers div:hover					{background-color:#f2f9ff;}
div#assignedTests div.selected,
div#assignedUsers div.selected				{background-color:gold;}

div#assignedTests div.remove,
div#assignedUsers div.remove				{float:right; width:30px; margin:3px 12px 0 0; padding:2px 0 0 2px; border-radius:50%; cursor:pointer;
											line-height: 28px; background:transparent url(sprite.png) -43px -115px no-repeat;
											-webkit-touch-callout: none; -webkit-user-select: none;
											-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
div#assignedTests div.remove:hover,
div#assignedUsers div.remove:hover			{background:transparent url(sprite.png) -43px -155px no-repeat;}
div#testsWrapper input.appButton,
div#usersWrapper input.appButton			{float:left; width:6.500em; margin:4px 0 0 20px; font-size:12px; line-height:18px;}

/* dialogs in assign tests */
div#unassignedTests,
div#unassignedUsers							{max-height:257px; max-height:268px; overflow-y: scroll; background-color:white;  padding:10px 0; border:1px solid #d4cebc;
											-webkit-overflow-scrolling: touch;}

div#unassignedTests p,
div#unassignedUsers	p						{padding-left:20px;}

div#unassignedTests > div					{line-height: 30px; padding-left:18px; transition:all 0.750s; -moz-transition:all 0.750s;
											-webkit-transition:all 0.750s; -o-transition:all 0.750s;}
div#unassignedTests > div:hover				{background-color:#f2f9ff; border-radius:5px;}
div#unassignedTests label					{display:inline-block; width:93%; cursor:pointer;}
div#unassignedTests input[type=checkbox]	{margin-right:10px; cursor:pointer;}

div#unassignedUsers > div					{line-height: 30px; padding-left:18px; transition:all 0.750s; -moz-transition:all 0.750s;
											-webkit-transition:all 0.750s; -o-transition:all 0.750s;}
div#unassignedUsers > div:hover				{background-color:#f2f9ff; border-radius:5px;}
div#unassignedUsers label					{display:inline-block; width:93%; cursor:pointer;}
div#unassignedUsers input[type=checkbox]	{margin-right:10px; cursor:pointer;}

div#errorOnAssigbTests						{display:none; margin:0 1em 1em 0; border:1px solid #d59b1b; padding:0 1em 0 1em;}
div#errorOnAssigbTests h3					{padding-left:0; background-color:transparent; color: #d59b1b;}


/* Reports */

/* Overview report */
table#reportsOverview tr					{border:0;}
table#reportsOverview tr:last-child			{border-bottom:1px solid #d5cdbc;}
table#reportsOverview tr.sectionStart		{border-top:1px solid #d5cdbc;}
table#reportsOverview th					{width:90px;}
table#reportsOverview th.testname			{width:300px;}
table#reportsOverview td:nth-child(1)		{padding-right:10px;}	/* the server is setting a specific class on some of these so we rely on nth-child. */
table#reportsOverview th.groups				{width:auto;}
table#reportsOverview td.groups				{padding-right:10px;}
table#reportsOverview th.users				{width:60px;}
table#reportsOverview th.nottaken			{width:80px;}

table#reportsOverview td:nth-child(n+2)					{border-bottom:1px solid #eeeadf;}
table#reportsOverview tr.sectionEnd td:nth-child(n+2)	{border-bottom:1px solid #d5cdbc;}


/* Tests report */
table#reportsTests							{}
table#reportsTests th						{width:70px; padding-left:10px; }
table#reportsTests th.testname				{width:auto;}
table#reportsTests th.averagescore			{width:105px;}
table#reportsTests td						{padding-left:10px; }


/* Users report */
table#reportsUsers							{border-bottom: 1px solid #d5cdbc;}
table#reportsUsers tr						{border:0;}
table#reportsUsers th						{width:70px;}
table#reportsUsers th.lastname				{width:105px;}
table#reportsUsers th.firstname				{width:105px;}
table#reportsUsers th.tests					{width:auto;}
table#reportsUsers th.groups				{width:135px;}
table#reportsUsers th.date					{width:80px;padding-right:5px;}
table#reportsUsers td						{padding-right:10px;}

table#reportsUsers tr.sectionStart					{border-top:1px solid #d5cdbc;}
table#reportsUsers td:nth-child(n+3)				{border-bottom:1px solid #eeeadf;}
table#reportsUsers tr.sectionEnd td:nth-child(n+3)	{border-bottom:1px solid #d5cdbc;}
table#reportsUsers td img							{float:left;}	/* prevents the image from increasing the row height */


/* Groups report */
table#reportsGroups							{}
table#reportsGroups tbody					{line-height:20px;}
table#reportsGroups td						{padding:0 10px 0 0;}
table#reportsGroups tr						{border:0;}
table#reportsGroups tr:last-child			{border-bottom:1px solid #d5cdbc;}
table#reportsGroups tr.sectionStart			{border-top:1px solid #d5cdbc;}
table#reportsGroups tr.sectionStart td		{padding-top:10px;}
table#reportsGroups tr.sectionEnd td		{padding-bottom:10px;}

table#reportsGroups th.groups				{width:auto;}
table#reportsGroups th.firstname			{width:144px;}
table#reportsGroups th.lastname				{width:144px;}
table#reportsGroups th.tests				{width:auto;}

table#reportsGroups.dataDisplay td:first-child	{padding-left:20px;}


/* profile pages (trialer and subscriber), dialogs for those pages. */

div.twoColumnInputWrapper.noTopBorder		{border-top:0;}

input#showChangePassword,
input#showChangePlan,
input#showCancelAccount						{width:11em;}

input#cancelCancelAccountButton,
input#cancelAccountButton					{width:14em;}

input#cancelChangePasswordButton,
input#changePasswordButton,
input#gotoSubscribeButton					{width:11em;}


/* cancel account dialog */
div#cancelAccountOneMomentPlease			{display:none; overflow:auto; zoom:1;  background-color:white; border:1px solid #eeeadf; padding:1.000em;}
img.cancelOneMomentPlease					{vertical-align:middle; margin-right:10px; }
div#cancelAccountErrorMessage				{display:none; margin-top:20px; background-color:white; border:1px solid #eeeadf; padding:1.000em;}
div#cancelAccountErrorMessage p				{margin:0;}


/* change password dialog */
table#changePasswordFromProfile							{margin-top:11px;}
table#changePasswordFromProfile input[type=password]	{width:323px; background-color:#fcf7da;}
table#changePasswordFromProfile th:nth-child(1)			{width:155px;}

div#oneMomentPleaseChangePassword						{display:none; float:right; width:204px; padding-top:5px;}
div#oneMomentPleaseChangePassword img					{vertical-align:-6px; margin-right:5px;}


/* upgrade/downgrade dialog - nearly the same layout on subscribe.php! */
div#upgradeDowngradeDialog					{width:800px;}
div#planTypeWrapper							{overflow:auto; margin:31px 0 0 0; background-color:white; padding:10px; }
label.planType								{float:left; width:95px; margin-right:10px; background-color:#f9f6ef; padding:17px 10px 18px 10px;
											border:1px solid #eeeadf; cursor:pointer;
											transition:all 0.250s; -moz-transition:all 0.250s;
											-webkit-transition:all 0.250s; -o-transition:all 0.250s;
											-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
											-moz-user-select: none; -ms-user-select: none; user-select: none;}
zzzlabel.planType:nth-child(4)					{margin-right:0;}

label.planType.selected						{background-color:#f2f9ff; box-shadow: 0px 0px 7px 2px #d59b1c;}
label.planType:hover						{background-color:#f2f9ff; border-color:#c7dcf3;}

label#over99.planType						{float:left; width:155px; height:136px; margin-right:0; background: white url(over99Users.jpg) center bottom no-repeat; border:0; cursor:default;}
label#over99.planType:hover					{background: white url(over99Users.jpg) center bottom no-repeat; border:0; cursor:default;}
label#over99.planType p						{font-size:16px; line-height:20px; color:#37342f;}

label.planType h3							{margin:0; border:0; padding:5px 0 0 0; font-size:24px; line-height:30px; text-align:center;
											color:#005daa;
											transition:all 0.250s; -moz-transition:all 0.250s; -webkit-transition:all 0.250s;
											-o-transition:all 0.250s; -webkit-touch-callout: none; -webkit-user-select: none;
											-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
label.planType.selected h3					{color:#d59b1b;}
label.planType h4							{margin:0; border:0; padding:4px 0 0 0; font-size:24px; line-height:30px; text-align:center;
											color:#37342f;}
label.planType p							{margin:0; text-align:center; color:#978e7c;}
div.planRadio								{margin-top:7px; text-align:center;}
input[type=radio] 							{cursor:pointer;}

label.planType div.planArrow				{display:none; position:absolute; width:32px; height:35px; margin:3px 0 0 32px; background: transparent url(sprite.png) -24px -713px no-repeat;}
label.selected div.planArrow				{display:block;}

div.enterprisePlan							{clear:left;margin:0; margin-top: 185px; margin-right:23px; background-color: #f9f6ef;
											padding: 10px; border: 1px solid #eeeadf;}

div.enterprisePlan h3						{margin:0; border:0; padding:5px 0 0 0; font-size:24px; line-height:30px; text-align:center;
											color:#005daa;}
div.enterprisePlan p						{margin:0; text-align:center; color:#37342f;}
p.planMessage								{margin-top:20px;}

div#oneMomentPleaseChangePlan				{display:none; float:right; width:458px; padding-top:4px;}
div#oneMomentPleaseChangePlan img			{vertical-align:-6px; margin-right:5px;}


/* subscribe - shares a lot of formatting with the upgrade/downgrade dialog! */
div#subscribe div#planTypeWrapper			{}
div#subscribe label.planType				{width:145px; width:115px; margin-right:20px;}
div#subscribe label#over99.planType			{height:132px;}
div#subscribe label div.planArrow			{zzzmargin-left:57px; margin-left:45px;}

table#ccOnSubscribe							{margin-top:20px;}
table#ccOnSubscribe th:nth-child(1)			{width:147px;}
div.buttonWrapper							{overflow:visible; zoom:1; margin-top:36px;}
p#subscriptionNote							{margin:0;}
p#subscriptionNote span						{font-weight:bold; text-transform:uppercase; color:#d59b1b;}
div#subscribeOneMomentPlease				{display:none; margin-top:-6px; margin-bottom:-6px;}




/* not needed? */
input#changeCCInfo							{margin-right:5px; cursor:pointer;}
span#showCardFields							{display:inline-block; margin-left:5px; padding-right:190px; font-size:14px; cursor:pointer;}
div#ccFields								{display:none;}
select#cc_Month								{width:100px;}
select#cc_Year								{width:100px;}




/* certificate */
div#certWrapper								{position:relative; width:1220px; margin:0 auto;}

/* support pages */

.faqQ										{margin-bottom:10px;}
.faqA										{margin:0 0 25px 0;}
.faqA:last-child							{margin-bottom:0;}
div.videoPlaceholder						{width:320px; height:240px; border:1px solid #eeeadf;}


/* change password and forgot password */
input#changePassword						{width:14em;}


/* license */
body.license								{padding:1.500em;}
body.license h1								{font-size:24px; line-height:28px;}
body.license h2								{margin:0; font-size:18px; line-height:24px;}
body.license p								{margin:1.000em 0;}
body.license h2 + p							{margin-top:0;}
body.license img#headerLogo					{margin-bottom:20px}


/* account signup */

h2#signupBottomButtons						{margin-top:36px;}


/* the following are obsolete */
div.signupCCInfo							{margin:0 0 30px 0;}
div.signupCCInfo p							{margin:0;}

table#signupLayout							{width:100%;}
table#signupLayout th:nth-child(1)			{width:111px;}
table#signupLayout th:nth-child(2)			{width:180px;}
table#signupLayout th:nth-child(3)			{width:163px;}
table#signupLayout th:nth-child(4)			{width:auto;}

div.oneMomentPleaseSignup					{display:none;float:right; width:500px; font-size:16px; line-height:20px;}
div.oneMomentPleaseSignup img				{float:left; margin-right:10px;}



/* ================================================================================================================================================= */
/* footer ========================================================================================================================================== */
/* ================================================================================================================================================= */

div#footer									{position:relative; border-top:2px solid #eeeadf;}
div#footer p								{margin:7px 0 0 30px; padding-bottom:53px; font-size:12px; color:#ada491;}
p#appVersion								{display:none; position:absolute; top:0px; right:32px;}




/* ================================================================================================================================================= */
/* print =========================================================================================================================================== */
/* ================================================================================================================================================= */

@media print {
	html															{background: transparent; }
	div#appWrapper													{background: transparent url();}
	div#header.alt div#welcome										{left:33px;}
	div#mainMenu													{display: none;}
	div.thePage														{padding:15px 0 0 0; border:0;}
	div.standardPanel												{border:0;}

	div#home table.dataDisplay.homepage tr.testInfo.selected		{background-color:transparent;}
	div#testPage div.answer.selected								{background-color:transparent;}
	div#home table.dataDisplay.homepage table.testDetailTable th	{background-color:transparent;color:#37342F;}
	div#home table.dataDisplay.homepage tr.testDetails.selected td	{background-color:transparent;}

	input[name=takeAgainButton]										{display:none;}

	div#certWrapper													{width:auto; margin:0;}

}




/* ================================================================================================================================================= */
/* dev ============================================================================================================================================= */
/* ================================================================================================================================================= */

a#devSyncWithChargify						{float:right; font-size:14px;}



/* ================================================================================================================================================= */
/* end of styles =================================================================================================================================== */
/* ================================================================================================================================================= */