@charset "utf-8";
/* CSS Document */
#familyChangeBlock{
	
}
#familChangeTxt{
	
}

#gradelevelNavTop {
	width: 1024px;
	margin: 14px auto 0px;
	max-width: 1024px;
}
#gradePageBoxFull {
	margin-bottom: 6px;
	max-width: 1024px;
	vertical-align: middle;
	display: inline-flex;
	max-height: 70px;
	width: 1024px;
}
#logoGradeLevel {
	display: inline-block;
	width: 160px;
}
#searchGradeLevel {
	display: inline-block;
	width: 341px;
}
#nameGradeLevel {
	display: inline-flex;
	width: 414px;
	justify-content: flex-end;
	max-height: inherit;
	margin-right: 12px;
}
#nameGradeLevelMixed{
	display: inline-flex;
	width: 614px;
	justify-content: flex-end;
	max-height: inherit;
	margin-right: 9px;
}
#nameGradeMx{
	text-align: right;
	margin-right: 8px;
}
#nameGradeMxTxt{
		color: #00a6ce;
}
#nameGradeLevelTxt {

	display: flex;
	align-items: center;
	height: 100%;
}
#loginGradeLevel {
	display: inline-flex;
	width: 100px;
}
#loginGradeLevelMixed{
	display: inline-flex;
	width: 343px;
	align-items: center;
	justify-content: flex-end;
}
#loginGradeLevelBtnBlockMixed{
	display: flex;
 max-width: 260px;
 align-items: right;
}
#loginGradeLevelPadre {
	display: inline-flex;
	width: 100px;
}
#loginGradeLevelBtnBlock {
	display: flex;
	max-width: 100px;
	align-items: center;
}
#parentMode{
	display: flex;
	max-width: 150px;
	align-items: center;
}
#parentModeBtn{
	background-color: #00a6ce;
	color: #fff;
	border-radius: 8px;
	font-size: 1.2em;
	height: 42px;
	font-weight: bold;
	width: 150px;
	margin: 0px;
	cursor: pointer;
}

#parentModeBlock{
	/*display: inline-flex;*/
	display: none;
 width: 150px;
	margin-left: 8px;
}
#profileIcon{
	margin-right: 8px;
}
#preorderBtn{
	background-color: #fff;
	border: 3px solid #00a6ce;
	border-radius: 8px;
	color: #00a6ce;
	height: 42px;
	font-size: 1.25em;
	font-style: italic;
	cursor: pointer;
	font-weight: bold;
	padding: 8px;
}
#studentModeBtn, #familyChooseBtn{
	background-color: #00a6ce;
	color: #fff;
	border-radius: 8px;
	font-size: 1.2em;
	height: 42px;
	font-weight: bold;
	width: 160px;
	margin: 0px;
	cursor: pointer;
}
#studentModeBlock{
	/*display: inline-flex;
 width: 160px;*/
	margin-left: 8px;
}
#studentMode{
	display: flex;
	max-width: 160px;
	align-items: center;
}
#topPlaceHolder{
	width: 200px;
	max-width: 200px;	
}