@charset "utf-8";
/* CSS Document */
body {margin-top:0px;margin-bottom:0px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";background-color:aliceblue;margin-right:0px;margin-left:0px;width:100%;}


/*student Header styles*/
.iconStyle{min-width:12%;float:left;text-align:center;}
.nameStyle{min-width:28%;font-family:Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif';color:darkcyan;vertical-align:middle;float:left;text-align:center;font-size:20pt;padding-top:6px;}
.navBarText{min-width:12%;float:left;text-align:center;color:antiquewhite;font-weight:700;}

/* Global Header and Nav */
header {height:60px;width:100%;background-color:antiquewhite;}
nav {height:25px;width:100%;background-color:darkgoldenrod;}

/* Global Header and Nav - Full Screen -desktop and tablet*/
header.Full {height:60px;width:100%;background-color:antiquewhite;}
nav.Full {height:25px;width:100%;background-color:darkgoldenrod;}

/* Global Header and Nav - Phone display */
header.Phone {display:none;height:60px;width:100%;min-width:500px;background-color:antiquewhite;}
nav.Phone {display:none;height:25px;width:100%;min-width:500px;background-color:darkgoldenrod;}

/* Setup Page */
main.setup {min-height:950px;;background-color:silver;width:100%;background-image:url('/images/Login_Def.png');background-position:center;background-size:cover;text-align:center;}
section.SetupForm {height:700px;;width:550px;background-color:antiquewhite;border:1px solid black;border-radius:15px;margin-right:auto;margin-left:auto;margin-top:35px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5; }
section.SetupText {min-height:calc(100vh - 300px);width:calc(100vw - 600px);min-width:450px;background-color:antiquewhite;border:1px solid black;border-radius:15px;margin-right:auto;margin-left:auto;margin-top:105px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5;}
section.SetupLogo {height:198px;width:198px;background-image:url('/images/RR_Logo.png');position:absolute; top:650px; left:calc(50vw + 45px);z-index:2;}
section.SetupFields {height:350px;width:350px;position:absolute; top:200px; left:calc(50vw - 175px); z-index:2; }
input.setuptext {height:25px;width:300px;border:1px solid darkcyan;background:silver;margin:5px;border-radius:4px;padding:3px;}
select.setuptext {height:30px;width:300px;border:1px solid darkcyan;background:silver;margin:5px;border-radius:4px;padding:3px;}
input.setuptext::placeholder {color:black;font-weight:700;font-style:italic;}
input.subbtn {height:45px;width:auto;padding:5px;background-color:darkcyan;color:antiquewhite;border:1px solid darkcyan;border-radius:4px;font-weight:700;font-size:16pt;}
section.SetupComparison {height:auto;width:450px;max-width:450px;position:absolute; top:175px; left:calc(50vw - 225px); z-index:2; text-align:left; white-space:nowrap;}
section.AvailMods {height:auto;width:440px;max-width:440px;position:absolute; top:395px; left:calc(50vw - 200px); z-index:2; text-align:left;}
section.AvailMods2 {height:auto;width:440px;max-width:440px;position:absolute; top:175px; left:calc(50vw - 200px); z-index:2; text-align:left;}

/* Login Page - full screen*/
main.loginFull {height:760px;background-color:silver;width:100%;background-image:url('/images/Login_Def.png');background-position:center;background-size:cover;}
section.LoginFormFull {height:600px;;width:475px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:115px; left:40px;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5; }
section.LoginTextFull {height:600px;width:1210px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:115px; left:550px;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5;}
section.LogoFull {height:198px;width:198px;background-image:url('/images/RR_Logo.png');position:absolute; top:595px; left:330px;z-index:2;}
section.LoginFieldsFull {height:475px;;width:420px;position:absolute; top:155px; left:65px;display:inline-block; z-index:2; }

/* Login Page - tablet screen*/
main.loginTab {display:none;height:1500px;width:100vw;background-color:silver;width:100%;background-image:url('/images/Login_Def.png');background-position:center;background-size:cover;}
section.LoginFormTab {display:none;height:600px;width:475px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:115px; left:40px;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5; }
section.LoginTextTab {display:none;min-height:1040px;width:calc(100vw - 600px);min-width:450px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:115px; left:550px;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5;}
section.LogoTab {display:none;height:198px;width:198px;background-image:url('/images/RR_Logo.png');position:absolute; top:595px; left:330px;z-index:2;}
section.LoginFieldsTab {display:none;height:475px;;width:420px;position:absolute; top:155px; left:65px;display:inline-block; z-index:2; }

/* Login Page - phone screen*/
main.loginPhone {display:none;height:2900px;width:100%;min-width:500px;background-color:silver;background-image:url('/images/Login_Def.png');background-position:center;background-size:cover;}
section.LoginFormPhone {display:none;height:600px;;width:450px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:115px; left:15px;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5; }
section.LoginTextPhone {display:none;min-height:calc(100vh - 300px);width:calc(100vw - 600px);min-width:450px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:115px; left:550px;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:inline-block; opacity: 0.5;}
section.LogoPhone {display:none;height:198px;width:198px;background-image:url('/images/RR_Logo.png');position:absolute; top:595px; left:290px;z-index:2;}
section.LoginFieldsPhone {display:none;height:475px;;width:420px;position:absolute; top:155px; left:25px;display:inline-block; z-index:2; }


/* Student Home Page */
main.home {min-height:calc(100vh - 182px);background-color:silver;width:100%;background-image:url('/images/houses/default.png');background-position:center;background-size:cover;}
section.persInfo {height:40px;width:auto; padding:5px 66px 5px 66px;background-color:darkgoldenrod;color:antiquewhite;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;position:absolute; top:120px; right:40px;z-index:5;cursor:pointer;}
section.dailyChallenge {height:40px;width:auto; padding:5px 50px 5px 50px;background-color:darkgoldenrod;color:antiquewhite;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;position:absolute; top:180px; right:40px;z-index:5;cursor:pointer;}
section.dailyChallengeText {height:460px;width:300px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:180px; right:40px;z-index:4;padding:65px 5px 5px 5px;box-shadow:3px 3px black;display:none; }
section.calIcon {position:absolute;top:75px;left:10px;height:184px;width:193px;background-image:url('/images/icons/cal_default.png');background-position:center;background-size:cover;}
.calLabel{margin-top:80%;color:#33ff33;background-color:#282828;text-align:center;border-top:1px dashed #33ff33;display:none;}
section.persInfoText {height:520px;width:305px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:120px; right:40px;z-index:4;padding:65px 0px 5px 5px;box-shadow:3px 3px black;display:none; }

/*Personal Info*/
.piHeaders{padding-left:10px;font-weight:700;color:#083A87;font-size:13pt;}
.piValue{padding-left:50px;color:#33ff33;}
.piPaddingOnly{padding-left:50px;}

/*Daily Challenge*/
.dcThankYou{font-size:14pt;color:navy;font-weight:500;padding:15px;}
.dcAnswers{width:90%; margin-left:auto;margin-right:auto;background-color:lightblue;font-size:11pt;padding:5px;border:2px solid darkblue;border-radius:5px;margin-top:5px;margin-bottom:5px;}

/*Inventory*/
.invMngr{position:absolute;border:2px solid rgba(0,0,0,0.50);bottom:50px;height:170px;width:33%;margin-left:33%;margin-right:auto;display:none;overflow-x: auto;padding-top:2px;border-radius:8px;background-color:rgba(0,0,0,0.50);}
.deptIcons{background-color: rgba(15,154,126,1.00); color:white;font-size:18pt;font-weight:800;line-height:150px;margin-left:30px;display:inline-block;width:150px;height:150px;border:2px solid darkcyan;border-radius:8px;text-align:center;cursor:pointer;margin-top:5px;box-shadow: inset 0 0 3px #000;text-shadow:1px 1px 2px black;}
.invIcon{position:absolute;bottom:100px;right:50px;height:50px;width:65px;background-image:url('/images/store/inventory.png');background-position:center;background-size:cover;}
.invIconLabel{position:absolute;bottom:100px;right:50px;height:50px;width:65px;display:none;}

/* Banking Unit */
main.bank {min-height:calc(100vh - 182px);background-color:silver;width:100%;background-image:url('/images/bank_back.png');background-position:center;background-size:cover;}
li.Spending {display:block;height:40px;width:300px; padding:5px 5px 5px 5px;background-color:darkcyan;color:antiquewhite;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;z-index:5;cursor:pointer;margin-top:25px;margin-right:25px;}
li.Savings {display:block;height:40px;width:300px; padding:5px 5px 5px 5px;background-color:darkcyan;color:antiquewhite;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;z-index:5;cursor:pointer;margin-top:25px;margin-right:25px;}
li.SavingsGoals {display:block;height:40px;width:300px; padding:5px 5px 5px 5px;background-color:darkcyan;color:antiquewhite;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;z-index:5;cursor:pointer;margin-top:25px;margin-right:25px;}
li.DirectDepHead {display:block;height:40px;width:300px; padding:5px 5px 5px 5px;background-color:darkcyan;color:antiquewhite;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;z-index:5;cursor:pointer;margin-top:25px;margin-right:25px;}
section.SpendingText {min-height:calc(100vh - 202px);width:95%;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:100px; left:40px;z-index:4;padding:10px 0px 5px 5px;box-shadow:3px 3px black;display:none;}
section.SavingsText {min-height:calc(100vh - 202px);width:95%;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:100px; left:40px;z-index:4;padding:10px 0px 5px 5px;box-shadow:3px 3px black;display:none; }
section.GoalsText {min-height:calc(100vh - 202px);width:95%;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:100px; left:40px;z-index:4;padding:10px 0px 5px 5px;box-shadow:3px 3px black;display:none; }
section.SavingsGoalForm {min-height:calc(100vh - 252px);width:550px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:125px; left:calc((100vw - 550px)/2); z-index:5;padding:10px 0px 5px 5px;box-shadow:3px 3px black;display:none; }
section.DirDepText {min-height:calc(100vh - 252px);width:550px;background-color:antiquewhite;border:1px solid black;border-radius:15px;position:absolute; top:125px; left:calc((100vw - 550px)/2); z-index:5;padding:10px 0px 5px 5px;box-shadow:3px 3px black;display:none; }

/* Jobs Unit */
main.jobs {min-height:calc(100vh - 182px);background-color:aliceblue;width:100%;background-image:url('/images/job_back.png');background-position:center;background-size:cover;}
section.jobBoard {height:40px;width:400px; padding:10px 3px 10px 3px;background-color:darkcyan;color:aliceblue;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;position:absolute; top:120px; right:40px;z-index:5;cursor:pointer;}
section.jobScreen {position:absolute;top:95px;left:25px;height:40px;width:350px;margin-left:auto;margin-right:auto;padding:5px 10px 5px 10px;background-color:#083A87;color:aliceblue;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;cursor:pointer;border-radius:15px;}
section.jobScreenText {z-index:25;width:99%;min-height:calc(100vh - 195px);border:5px solid black; background-color:aliceblue;opacity:0.95;display:block;border-radius:15px; display:none;}
section.jbText {height:520px;width:400px;background-color:aliceblue;border:1px solid black;border-radius:15px;position:absolute; top:120px; right:40px;z-index:4;padding:70px 4px 5px 4px;box-shadow:3px 3px black;}
section.jobForm {z-index:5;width:50%; min-width:550px;min-height:calc(100vh - 500px);border:5px solid black; background-color:aliceblue;opacity:0.95;display:block;border-radius:15px;margin-right:auto;margin-left:auto;padding:10px 10px 10px 10px;top:120px;display:none;}
section.jobScreenText {z-index:25;width:99%;min-height:calc(100vh - 195px);border:5px solid black; background-color:aliceblue;opacity:0.95;display:block;border-radius:15px; display:none;}
.addAccount{color:darkcyan;font-size:14pt;font-weight:700;cursor:pointer;padding:10px;}
.jobBullet{vertical-align:middle;}
.formTitle{display:block;color:darkcyan;font-size:14pt;font-weight:700;padding-top:5px;text-align:left;text-align:center;}
.formBorder{display:block;min-width:75%;color:darkcyan;font-size:18pt;font-weight:700;margin-top:10px;text-align:center;}
.textDividers{border:3px solid cadetblue;width:98%;}

/* Employment Application */
main.employmentapp {min-height:calc(100vh - 182px);background-color:aliceblue;width:675px;border:4px solid cadetblue;border-radius:24px;margin-right:auto;margin-left:auto;margin-top:10px;content-align:center;text-align:center;margin-bottom:20px;padding-bottom:20px;}

/* Real Estate Unit */
main.realestate {min-height:calc(100vh - 182px);background-color:silver;width:100%;background-image:url('/images/realestate_back.png');background-position:center;background-size:cover;}
section.reBoard {height:40px;width:400px; padding:10px 3px 10px 3px;background-color:darkcyan;color:aliceblue;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;position:absolute; top:120px; right:40px;z-index:5;cursor:pointer;}
section.reScreen {position:absolute;top:95px;left:25px;height:40px;width:350px;margin-left:auto;margin-right:auto;padding:5px 10px 5px 10px;background-color:#083A87;color:aliceblue;border:2px solid black;border-radius:15px;font-size:20pt;text-align:center;font-weight:700;cursor:pointer;border-radius:15px;}
section.reScreenText {z-index:25;width:99%;min-height:calc(100vh - 195px);border:5px solid black; background-color:aliceblue;opacity:0.95;display:block;border-radius:15px; display:none;}
section.reText {height:520px;width:400px;background-color:aliceblue;border:1px solid black;border-radius:15px;position:absolute; top:120px; right:40px;z-index:4;padding:70px 4px 5px 4px;box-shadow:3px 3px black;}
section.reForm {z-index:5;width:50%; min-width:550px;min-height:calc(100vh - 500px);border:5px solid black; background-color:aliceblue;opacity:0.95;display:block;border-radius:15px;margin-right:auto;margin-left:auto;padding:10px 10px 10px 10px;top:120px;display:none;}
.jobBoardIcon{text-align:center;padding:5px;cursor:pointer;margin-top:45px;}

/* Classroom Unit */
main.classroom {min-height:calc(100vh - 182px);background-color:silver;width:100%;background-image:url('/images/classroom_back.png');background-position:center;background-size:cover;}

/* Store Unit */
main.store {min-height:calc(100vh - 182px);background-color:silver;width:100%;}
.tableStyle{text-align:center;}

/* Communications Unit */
main.commhub {min-height:calc(100vh - 182px);background-color:silver;width:100%;}


/* Global Footer */
footer {height:80px;width:100%;background-color:darkgoldenrod;color:antiquewhite;}

/* Global Footer - Full Screen (Desktop & Tablet)*/
footer.Full {height:80px;width:100%;background-color:darkgoldenrod;color:antiquewhite;}

/* Global Footer - Phone*/
footer.Phone {display:none;height:80px;width:100%;min-width:500px;background-color:darkgoldenrod;color:antiquewhite;}

.closeButton {cursor:pointer;height:30px;width:30px;text-align:center;background-color:darkcyan;border:3px solid darkgoldenrod;border-radius:5px;color:antiquewhite;font-weight:700;}

/*Footer Icons*/
.r2logo {height:85px;width:85px;float:left;text-align:center;min-width:5%;background-image:url('images/RR_Logo.png');background-position:center;background-size:cover;}
.r2logoLabel{height:85px;width:85px;margin:2px;display:none;border:1px solid #33ff33;}
label{min-width:160px;}
.resetPWord{height:auto;width:450px;padding:40px;margin:auto;margin-top:20px;color:navy;font-weight:700;}
/* If the screen size is 600px wide or less, hide the element */
@media only screen and (max-width: 1300px) {
	
	.resetPWord{padding:20px;}
 /* 	main.loginFull,section.LoginFormFull, section.LoginTextFull, section.LoginFieldsFull, section.LogoFull,main.LoginPhone,section.LoginFormPhone, section.LoginTextPhone, section.LoginFieldsPhone, section.LogoPhone {
    display: none;
  }
	main.loginTab,section.LoginFormTab, section.LoginTextTab, section.LoginFieldsTab, section.LogoTab{
    display: block;
  }
	
}
*/
@media only screen and (max-width: 968px) {
	.resetPWord{padding:5px;width:400px;}
/*  	main.loginFull,section.LoginFormFull, section.LoginTextFull, section.LoginFieldsFull, section.LogoFull,main.loginTab,section.LoginFormTab, section.LoginTextTab, section.LoginFieldsTab, section.LogoTab,footer.Full,header.Full, nav.Full {
    display: none;
  }
	main.loginPhone,section.LoginFormPhone, section.LoginFieldsPhone, section.LogoPhone,footer.Phone,header.Phone,nav.Phone{
    display: block;
  }
	
	.display{font-size:12pt}
	
}