/*
File:		accounts.css
Revised:	03/30/2020
Revised:	04/13/2020
*/

@charset "utf-8";

/*====== GLOBAL CONSTANTS ======*/
* {
	box-sizing: border-box;
}

html, body 
{
	margin: 0px;
	padding: 0px;
}
body 
{
	background-color: #69c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Clear floats after the columns */
.row:after 
{
	content: "";
	display: table;
	clear: both;
}
h1, h2, h3, h4, h5, h6, div, ul, li 
{
	margin: 0;
	padding: 0;
}

h1 
{
	font-size: 32px;
	color: #009;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
}

h2 
{
	font-size: 20px;
	color: #009;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
}

h3 
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	/*margin-bottom: 10px;*/
	margin-left: 0px;
}

h4
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
h1, h2, h3, h4
{
	clear: both;
}

/* ===== miscellaneous styles ===== */
.clear 
{
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

/* ====== LINKS ====== */
a,a:active,a:visited
{
  color:#fff;
  text-decoration: none;
  /*color:#00f;
  text-decoration:underline;*/
}
a:hover
{ 
  color:#000;
  text-decoration: none;
}

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

li
{
	margin: 0 0 .5em 1em;
	padding: 0 0 0 24px;
	background: url(../../accounts/_images/red_dot_glass.gif) no-repeat 0 2px;
	font-size: 1em;
	color: #51341a;
}

/* ====== LOGIN ====== */
#loginBanner
{
	height: 80px;
	background-image:url(../_images/banners/banner_bg.gif);
	text-align: center;
	padding-top: 22px;
}

#loginMain1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 50%;
	height: 550px;
}

#loginMain2
{
	/*border: 1px solid #f00;*/
	margin: auto;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 450px;
}


#loginRow1
{
	/*border: 1px solid #f00;*/
	height: 140px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#loginRow2
{
	/*border: 1px solid #00f;*/
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#loginRow3
{
	/*border: 1px solid #0ff;*/
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#loginRow4
{
	/*border: 1px solid #f0f;*/
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#loginRow5
{
	/*border: 1px solid #f0f;*/
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


/* ====== NAV BAR ====== */
#navBar1
{
	/*border: 1px solid #f00;*/
	height: 54px;
	width: 100%;
	padding-left: 8%;
}

.nav1
{
	border-left: #39649c solid 2px;
	border-top: #66aaee solid 1px;
	border-right: #66aaee solid 1px;
	border-bottom: #39649c solid 2px;
	float: left;;
	width: 200px;
	height: 25px;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}

#navBar2
{
	/*border: 1px solid #f00;*/
	height: 81px;
	width: 100%;
	padding-left: 20%;
	padding-right: 20%;
}

.nav2
{
	border-left: #39649c solid 2px;
	border-top: #66aaee solid 1px;
	border-right: #66aaee solid 1px;
	border-bottom: #39649c solid 2px;
	float: left;;
	width: 200px;
	height: 25px;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}

#navBarPW1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	height: 27px;
	width: 100%;
	padding-left: 35%;
}

#navBarPW2
{
	/*border: 1px solid #0f0;*/
	margin: auto;
	height: 27px;
	width: 100%;
	padding-left: 27%;
}

#navBarPW3
{
	/*border: 1px solid #00f;*/
	margin: auto;
	height: 54px;
	width: 100%;
	padding-left: 15%;
}
.navPW1
{
	border-left: #39649c solid 2px;
	border-top: #66aaee solid 1px;
	border-right: #66aaee solid 1px;
	border-bottom: #39649c solid 2px;
	float: left;
	width: 90px;
	height: 25px;
	margin-left: 0%;
	margin-right: 5%;
	padding-top: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}

.navPW
{
	border-left: #39649c solid 2px;
	border-top: #66aaee solid 1px;
	border-right: #66aaee solid 1px;
	border-bottom: #39649c solid 2px;
	float: left;
	/*width: 200px;*/
	height: 25px;
	margin-left: 0%;
	margin-right: 5%;
	padding-top: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}

#navBarST1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	height: 27px;
	width: 100%;
	padding-left: 43%;
}

#navBarST2
{
	/*border: 1px solid #0f0;*/
	margin: auto;
	height: 27px;
	width: 100%;
	padding-left: 41%;
}

#navBarST3
{
	/*border: 1px solid #00f;*/
	margin: auto;
	height: 27px;
	width: 100%;
	padding-left: 29%;
}
.navST1
{
	border-left: #39649c solid 2px;
	border-top: #66aaee solid 1px;
	border-right: #66aaee solid 1px;
	border-bottom: #39649c solid 2px;
	float: left;
	width: 90px;
	height: 25px;
	margin-left: 0%;
	margin-right: 5%;
	padding-top: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}

.navST2
{
	border-left: #39649c solid 2px;
	border-top: #66aaee solid 1px;
	border-right: #66aaee solid 1px;
	border-bottom: #39649c solid 2px;
	float: left;
	/*width: 200px;*/
	height: 25px;
	margin-left: 0%;
	margin-right: 5%;
	padding-top: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}

/* ====== USER INFO ====== */
#userInfo1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 40%;
	height: 800px;
}

#userPhoto
{
	/*border: 1px solid #f00;*/
	width: 100%;
	height: 100px;
	text-align: center;
}

#acctGreeting
{
	/*border: 1px solid #090;*/
	margin: auto;
}

#acctInfoLeft
{
	/*border: 1px solid #F00;*/
	float: left;
	width: 40%;
	margin-left: 10%;
	padding-top: 10px;
}

#acctInfoRight
{
	/*border: 1px solid #F00;*/
	float: left;
	width: 40%;
	margin-left: 5%;
	padding-top: 10px;
}

#acctInfo2
{
	/*border: 1px solid #00F;*/
	margin: auto;
	padding-left: 40px;
	width: 350px;
	padding-top: 10px;
}

#userInfo2
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 1000px;
}
#acctInfo2
{
	/*border: 1px solid #F00;*/
	margin: auto;
	width: 320px;
	padding-top: 10px;
}
#userInfo3
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 430px;
}

/* ===== ACCOUNT EDIT ===== */
#userEdit1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 500px;
	height: 500px;
}
#userEdit2
{
	/*border: 1px solid #00f;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 500px;
}
#persEdit
{
	/*border: 1px solid #f00;*/
	margin: auto;
	width: 190px;
	padding-top: 10px;
}

#colHeader
{
	/*margin: auto;*/
	margin-bottom: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#btnInfo
{
	/*margin: auto;*/
	margin-bottom: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#linkTitle
{
	/*margin: auto;*/
	margin-bottom: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
#tableEditName
{
	/*border: 1px solid #000;*/
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 10px;
}

#tableEditName th
{
	/*border: 1px solid #000;*/
	padding: 3px 3px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
}

#tableEditName td
{
	/*border: 1px solid #000;*/
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#tableEditPro
{
	/*border: 1px solid #000;*/
	border-collapse: collapse;
	margin: auto;
}

#tableEditPro th
{
	/*border: 1px solid #000;*/
	padding: 3px 3px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
}

#tableEditPro td
{
	/*border: 1px solid #000*/;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#tableEditPromo
{
	/*border: 1px solid #000;*/
	border-collapse: collapse;
	margin: auto;
}

#tableEditPromo th
{
	/*border: 1px solid #000;*/
	padding: 3px 3px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
}

#tableEditPromo td
{
	/*border: 1px solid #000;*/
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ===== PASSWORD ===== */
#password1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 300px;
}

#pw1
{
	/*border: 1px solid #00f;*/
	margin: auto;
	margin-top: 10px;
	padding-left: 0px;
	width: 151px;
	padding-top: 0px;
}

#password2
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 400px;
}

#pw2
{
	/*border: 1px solid #0f0;*/
	margin: auto;
	margin-top: 10px;
	padding-left: 0px;
	width: 296px;
	padding-top: 0px;
}

#pwUpdate
{
	/*border: 1px solid #0f0;*/
	margin: auto;
	padding-top: 15px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}

/* ===== PERSONAL INFORMATION ===== */
#personnel1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 730px;
}

#pers1
{
	/*border: 1px solid #00f;*/
	margin: auto;
	margin-top: 10px;
	padding-left: 0px;
	width: 296px;
	padding-top: 0px;
}

/* ===== PROFESSIONAL INFORMATION ===== */
#professional1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 410px;
}

#pro1
{
	/*border: 1px solid #00f;*/
	margin: auto;
	margin-top: 10px;
	padding-left: 0px;
	width: 296px;
	padding-top: 0px;
}

/* ===== PROMOTIONAL INFORMATION ===== */
#promotional1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 410px;
}

#promo1
{
	/*border: 1px solid #00f;*/
	margin: auto;
	margin-top: 10px;
	padding-left: 0px;
	width: 296px;
	padding-top: 0px;
}

/* ===== STATEMENT ===== */
#statement1
{
	/*border: 1px solid #f00;*/
	margin: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	height: 100%;
}

#stmt1
{
	/*border: 1px solid #00f;*/
	margin: auto;
	margin-top: 10px;
	padding-left: 0px;
	width: 600px;
	padding-top: 0px;
}

#license
{
	border: 1px solid #000;
	margin: 0 auto;
	background-color: #FFF;
	width: 980px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}

#instructions
{
	margin: 0 auto;
	border: 1px solid #09f;
	height: 30px;
	width: 400px;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
}

/* ===== ACCOUNT STATEMENT ===== */
.statementTitle
{
	margin-top: 5px;
	border: #06f solid 1px;
	width: 50%;
	/*background-color: AliceBlue;*/
	background-color: Azure;
}

#tableStatement
{
	border: 1px solid #000;
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 10px;
	width: 50%;
}

#tableStatement th
{
	border: 1px solid #000;
	padding: 3px 3px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
}

#tableStatement td
{
	border: 1px solid #000;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* ===== GREETING ===== */
#greeting
{
	color: #09f;
	/*color: #000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

/* ===== INSTRUCTIONS ===== */
#terms
{
	margin-top: 40px;
	margin-right: 40px;
	margin-left: 40px;
}

#instructions
{
	margin: 0 auto;
	border: 1px solid #09f;
	height: 30px;
	width: 400px;
	padding: 10px 10px 10px 10px;
	/*font-size: .8em;*/
	font-size: 12px;
}

/* ===== FOOTER ===== */
#copyright
{
	font-size: 10px;
	margin-bottom: 20px;
}

/*#footer 
{
	margin-top: 0px;
	padding-top: 10px;
	height: 40px;
	background-image:url("../_images/banners/banner_bg.gif");
	text-align: center;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 16px;
	font-style: normal;
}*/

#loginFooter 
{
	margin-top: 0px;
	padding-top: 10px;
	height: 40px;
	background-image:url("../_images/banners/banner_bg.gif");
	text-align: center;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 16px;
	font-style: normal;
}

/****** MAIN SCALE ADJUSTMENTS *******/
/****** For tablets: *******/
@media only screen and (min-width: 600px) 
{
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}
/****** BREAKS AT 780 *******/
/****** For desktop: *******/
@media only screen and (min-width: 768px) 
{
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
@media screen and (min-width: 1450px) 
{
	
}
@media screen and (max-width: 1450px) 
{
	
}

/****** SEARCH SCALE ADJUSTMENTS *******/
/****** BREAKS AT 1162 *******/
/****** DESKTOP TO TABLET *******/
/****** HIDE ALL OTHER SEARCH FORMS *******/
@media screen and (min-width: 1150px) 
{
	div.showMain1
	{
		display: block;
	}
	div.showMain2
	{
		display: none;
	}
	div.showAcct1
	{
		display:  block;
	}
	div.showAcct2
	{
		display: none;
	}
	div.showAcct3
	{
		display: none;
	}
	div.showEdit1
	{
		display:  block;
	}
	div.showEdit2
	{
		display:  none;
	}
	div.showNavPW1
	{
		display:  block;
	}
	div.showNavPW2
	{
		display:  none;
	}
	div.showNavPW3
	{
		display:  none;
	}
	div.showNavST1
	{
		display:  block;
	}
	div.showNavST2
	{
		display:  none;
	}
	div.showNavST3
	{
		display:  none;
	}
}
/****** BREAKS AT 1162 *******/
/****** DESKTOP TO TABLET *******/
/****** SHOW 2 SEARCH FORM SIDE BY SIDE IF LESS THAN 1150 *******/
/****** HIDE THE TITLE CO'S IF LESS THAN 1150 *******/
@media screen and (max-width: 1150px) 
{
	div.showMain1
	{
		display: block;
	}
	div.showMain2
	{
		display: none;
	}
	div.showAcct1
	{
		display: none;
	}
	div.showAcct2
	{
		display: block;
	}
	div.showAcct3
	{
		display: none;
	}
	div.showEdit1
	{
		display:  none;
	}
	div.showEdit2
	{
		display:  block;
	}
	div.showNavPW1
	{
		display:  none;
	}
	div.showNavPW2
	{
		display:  block;
	}
	div.showNavPW3
	{
		display:  none;
	}
	div.showNavST1
	{
		display:  none;
	}
	div.showNavST2
	{
		display:  block;
	}
	div.showNavST3
	{
		display:  none;
	}
}

/****** BREAKS AT 780 *******/
/****** TABLET TO CELL PHONE *******/
/****** SHOW 1 SEARCH FORM IF LESS THAN 780 *******/
/****** HIDE THE TITLE CO'S IF LESS THAN 780 *******/
@media screen and (max-width: 600px) 
{
	div.showMain1
	{
		display: none;
	}
	div.showMain2
	{
		display: block;
	}
	div.showNavPW1
	{
		display:  none;
	}
	div.showNavPW2
	{
		display:  block;
	}
	div.showNavPW3
	{
		display:  none;
	}
	div.showNavST1
	{
		display:  none;
	}
	div.showNavST2
	{
		display:  block;
	}
	div.showNavST3
	{
		display:  none;
	}
/*	div.showAcct1
	{
		display: block;
	}
	div.showAcct2
	{
		display: none;
	}
	div.showAcct3
	{
		display: none;
	}*/
}


/****** BREAKS AT 762 *******/
/****** TABLET TO CELL PHONE *******/
@media screen and (max-width: 600px) 
{
	div.showMain1
	{
		display: none;
	}
	div.showMain2
	{
		display: block;
	}
	div.showNavPW1
	{
		display:  none;
	}
	div.showNavPW2
	{
		display:  none;
	}
	div.showNavPW3
	{
		display:  block;
	}
	div.showNavST1
	{
		display:  none;
	}
	div.showNavST2
	{
		display:  none;
	}
	div.showNavST3
	{
		display:  block;
	}
/*	div.showAcct1
	{
		display: block;
	}
	div.showAcct2
	{
		display: none;
	}
	div.showAcct3
	{
		display: none;
	}*/
}