BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    BACKGROUND: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    
}
H3
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16px
}
TABLE
{
    BORDER-RIGHT: silver thin;
    BORDER-LEFT: silver thin;
    WIDTH: 100%
}
#logo
{
    WIDTH: 166px;
    HEIGHT: 58px;
    src: url('http://www.brainfuse.com/images/_bf_logo.gif')
}
#topBg
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(http://www.brainfuse.com/images/_top_bg.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: repeat-y;
    HEIGHT: 41px
}
.tdBackground
{
    BACKGROUND-POSITION: 0px 0px;
    BACKGROUND-IMAGE: url(http://www.brainfuse.com/images/_topnav_bg.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 16px
}
#headerRoundCorner
{
    WIDTH: 20px
}
#seperator
{
    BACKGROUND-IMAGE: url(http://www.brainfuse.com/images/_top_trans_bg.gif);
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 7px
}
#footerRoundCorner
{
    WIDTH: 20px
}
#footerLeft
{
    WIDTH: 100%
}
.content
{
    BORDER-RIGHT: silver thin solid;
    BORDER-TOP: lime;
    PADDING-LEFT: 5px;
    MARGIN-LEFT: 1pc;
    BORDER-LEFT: silver thin solid;
    MARGIN-RIGHT: 1px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: lime;
    HEIGHT: 400px
}
#tdLogo
{
    TEXT-ALIGN: right
}
/* Font Definitions */
 @font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{font-family:"Wingdings 3";
	panose-1:5 4 1 2 1 8 7 7 7 7;}
@font-face
	{font-family:"Wingdings 2";
	panose-1:5 2 1 2 1 5 7 7 7 7;}
 /* Style Definitions */
a:link, span.MsoHyperlink
	{color:blue;
	text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
	{color:purple;
	text-decoration:underline;}
@page WordSection1
	{size:8.5in 11.0in;
	margin:.9in .9in .9in .9in;}


.topDiv {
	min-width: 800px;
	overflow: hidden;
	margin: 0 auto;
}

.srOnly {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

img.accountLogo {
	height: 90px;
	float: right;
}

.languageNav {
	float: right;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 30px;
	margin-right: 10px;
}

#langSelector {
	width: 100px;
	border: 1px solid #cecece;
	padding: 2px;
	border-radius: 2px;
}

.langButton,
#libraryGo {
	border: 1px solid #1D77B9;
	background: #1D77B9;
	color: #FFFFFF;
	padding: 6px 12px;
	border-radius: 3px;
	cursor: pointer;
}

.centerDiv {
	margin: 35px;
	border-bottom: 1px solid #cecece;
	padding-bottom: 30px;
}

.centerDiv p {
	text-align: center;
	margin: 15px 10px;
}

.centerDiv h1, .centerDiv h2 {
	text-align: center;
	font-weight: normal;
	margin: 0px;
}

.theme_HelpNow .centerDiv h1, 
.theme_HelpNow .centerDiv h2 {
	color: #1D77B9;
}

.theme_JobNow .centerDiv h1,
.theme_JobNow .centerDiv h2 {
	color: #92298d;
}

.theme_LearnNow .centerDiv h1,
.theme_LearnNow .centerDiv h2 {
	color: #4274b9;
}

.theme_VetNow .centerDiv h1,
.theme_VetNow .centerDiv h2 {
	color: #0D4769;
}
.theme_VetNowJobNow .centerDiv h1,
.theme_VetNowJobNow .centerDiv h2 {
	color: #1184a3;
}

.theme_CollegeNow .centerDiv h1,
.theme_CollegeNow .centerDiv h2 {
	color: #a41034;
}
.centerDiv .help {
	font-style: italic;
}

.centerDiv .now {
	font-style: italic;
	font-weight: bold;
}

.loginForm {
	width: 610px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 3px;
	margin-top: 20px;
}

.loginForm fieldset {
	border: 1px solid #eee;
    padding: 15px;
    margin: 0;
    border-radius: 5px;
}

.loginForm legend {
	font-size: 18px;
	font-weight: bold;
	padding: 0 6px;
}

.loginForm label {
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}

.inputContainer {
	width: 400px;
	margin: 0 auto;
	margin-bottom: 35px;
}

.inputContainer input {
	border: 1px solid #cecece;
	padding: 5px;
}

.inputContainer input.submitButton {
	/*
	removed because when bar codes are long it switches to the next line
	float: right;
	*/
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	background: #1D77B9;
	border-color: #1D77B9;
	color: #FFFFFF;
}

.loginForm .tutoringSchedule {
	font-size: 14px;
}

.loginForm .tutoringSchedule span {
	font-weight: bold;
}

.linkButton {
	background: none;
	border: none;
	padding: 0;
	color: #1D77B9;
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
}

.serviceDescription {
	font-size: 14px;
}

.serviceDescription li {
	margin-bottom: 8px;
	font-size: 13px;
}

.footerDiv {
	padding: 0px 20px;
	font-size: 12px;
}

.contactDesc {
	margin: 0px;
}

.errorMsg p {
	color: red !important;
	font-size: 13px;
}

#usernameFormCont {
	width:600px;
	margin: 0 auto;
}


.form-field {
	width: 98%;
	font-size: 1.25em;
	padding:2%;
	margin-top: 1%;
	margin-bottom: 1%;
	border: 1px solid black;
	box-sizing:border-box;
}

#usernameFormSubmit {
    width: 98%;
    color: white;
	background-color: #1D77B9;
	border: 1px solid #1D77B9;
    font-size: 1.25em;
    margin-top: 2%;
    padding: 2%;
    cursor: pointer;
    text-transform:capitalize;
}

#usernameFormSubmit:hover {
	background-color: #2A88CC;	
}