@charset "utf-8";
/* CSS Document */
.MainBodyContainer {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: 7px solid #051C72;
	border-radius: 25px;
	overflow: auto;
	height: 860px;
	width:950px;
	margin-left: auto;
	margin-top: 50px;
	margin-right: auto;
	padding:10px;
}

.frameData {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;}

.LeftColumn {
	
	height: 800px;
	width:275px;
	float:left;
	margin-top: 5px;
	padding:4px;
}
.Column2 {
	
	height: 800px;
	width:325px;
	float:left;
	margin-top: 35px;
	padding:4px;
	font-size:18px;
	color: #0a0354;
}
.MyClassesBorder {
	
	height: 355px;
	width:315px;
	background-color:#3cb878;
	border: 3px solid #0a0354;
	border-radius:6px;
}
.MyClasses {
	
	height: 320px;
	width:295px;
	padding:4px;
	font-size:12px;
	color: #000;
	background-color:white;
	border: 3px solid #0a0354;
	border-radius:6px;
	margin-top:6px;
	margin-right:auto;
	margin-left:auto;
}
.LessonObjectivesBorder {
	
	height: 325px;
	width:315px;
	background-color:#3cb878;
	border: 3px solid #0a0354;
	border-radius:6px;
}
.LessonObjectives {
	
	height: 300px;
	width:295px;
	padding:4px;
	font-size:12px;
	color: #000;
	background-color:white;
	border: 3px solid #0a0354;
	border-radius:6px;
	margin-top:6px;
	margin-right:auto;
	margin-left:auto;
}

.Column3 {
	
	height: 800px;
	width:305px;
	float:left;
	margin-top: 35px;
	padding:4px;
	font-size:18px;
	color: #0a0354;
	margin-left:20px;
	text-align:right;
}
.MyStudentsBorder {
	
	height: 700px;
	width:305px;
	background-color:#3cb878;
	border: 3px solid #0a0354;
	border-radius:6px;
	
}
.MyStudents {
	
	height: 675px;
	width:285px;
	padding:4px;
	font-size:12px;
	color: #000;
	background-color:white;
	border: 3px solid #0a0354;
	border-radius:6px;
	margin-top:6px;
	margin-right:auto;
	margin-left:auto;
}
.ReportsBorder {
	
	height: 700px;
	width:325px;
	background-color:#3cb878;
	border: 3px solid #0a0354;
	border-radius:6px;
}
.Reports {
	
	height: 675px;
	width:300px;
	font-size:12px;
	color: #000;
	background-color:white;
	border: 3px solid #0a0354;
	border-radius:6px;
	margin-top:6px;
	margin-right:auto;
	margin-left:auto;
}
.MainPage {
	
	height: 800px;
	width:650px;
	float:left;
	margin-top: 5px;
	padding:4px;
}

.photobox {
	background-image: url(../images/noimage.png);
	background-repeat: no-repeat;
    background-size:cover;
    background-position: center; 
	height: 250px;
	width: 250px;
	border: 3px solid #051C72;
	border-radius: 25px;
}
.schoolBuilding {
	background-image: url(../images/schoolbuilding.jpg);
	background-repeat: no-repeat;
    background-size:cover;
    background-position: center; 
	height: 300px;
	width: 300px;
	border: 1px solid #051C72;
	border-radius: 25px;
}
.moneylogo {
	background-image: url(../images/MoneyLogo.png);
	background-repeat: no-repeat;
    background-position: center; 
	height: 196px;
	width: 250px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.measurelogo {
	background-image: url(../images/MeasurementLogo.png);
	background-repeat: no-repeat;
    background-position: center; 
	height: 196px;
	width: 250px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.timelogo {
	background-image: url(../images/TimeLogo.png);
	background-repeat: no-repeat;
    background-position: center; 
	height: 196px;
	width: 250px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.rulerslogo {
	background-image: url(../images/RulersLogo.png);
	background-repeat: no-repeat;
    background-position: center; 
	height: 196px;
	width: 250px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.signslogo {
	background-image: url(../images/SignsLogo.png);
	background-repeat: no-repeat;
    background-position: center; 
	height: 196px;
	width: 250px;
	float:left;
	margin-left:10px;
	margin-bottom:5px;
}
.workwordslogo {
	background-image: url(../images/WorkwordsLogo.png);
	background-repeat: no-repeat;
    background-position: center; 
	height: 196px;
	width: 250px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.navbar_teacher {
	
	padding-top:25px;
}
.navbar_button_off {
	background-color:cadetblue; 
	height: 25px;
	width: 250px;
	border: 3px solid #051C72;
	border-radius: 6px;
	margin:3px;
	color:antiquewhite;
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	font-weight:900;
}
.navbar_button_on {
	background-color:goldenrod; 
	height: 25px;
	width: 250px;
	border: 3px solid #051C72;
	border-radius: 6px;
	margin:3px;
	color:darkblue;
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	font-weight:900;
}
.logoimage {
	background-image: url(../images/LogoLarge.png);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
	height: 450px;
	width: 531px;
	margin-right:auto;
	margin-left:auto;
}
.loginform {
	background-color:cornsilk;
	height: 240px;
	width: 650px;
	margin-right:auto;
	margin-left:auto;
	border: 3px solid #051C72;
	border-radius: 6px;
	padding:20px;
	text-align:center;
}
.formfield {
	padding:5px;
	font-weight:700;
	color:darkcyan;
}
.subbtn {
	height:35px;
	width:90px;
	background-color:#051C72;
	color:cornsilk;
	border: 2px darkcyan solid;
	border-radius: 6px;
	font-weight:700;
}
.errormessage {
	color:red;
	font-style:italic;
}

.MainPageTop {
	
	height: 100%;
	margin-top: 5px;
	padding:4px;
	position:relative;
}
.classItem {
	
	height: 35px;
	width:150px;
	float:left;
	padding:4px;
}
.pageHeader {	
	width: 100%;
	color:cadetblue;
	font-size:18px;
	vertical-align:middle;
	text-align:right;
	font-weight:900;
	margin-right:20px;
}

.droppable { 
    width: 300px; 
    height: 150px; 
    padding: 0.5em; 
    float: left; 
    margin: 10px; 
    background: #daeff4;
    white-space: pre-wrap;
}     

.draggable { 
    padding: 0.5em; 
    float: left; 
    margin: 10px 10px 0 0; 
    border: solid 1px #454545;
    background: white;
    white-space: nowrap;
}

draggable:hover{
    cursor: pointer;
}


.draggable_off{
    color: #bcbcbc;
    border: 1px solid #bcbcbc;
    background: #ededed;
}

.dragging{
    background: green;

}

.notes{
    background: none;
    margin-top:0;
    border: none;
    resize: none;
}

.name{
    background: white;
    border: 1px solid #cdcdcd;
    font-family: helvetica, arial, sans-serif;
    color: #437182;
    padding: 3px;
    margin: 3px;
    white-space: nowrap;
    float: left;
}
tr.clickable-row { cursor: pointer; }
tr:hover.clickable-row { background-color:#3cb878;}


.resultmessage {
	padding:5px;
	color:red;
	font-style:italic;
	font-size:12px;
	font-weight:600;
	
}

.lessonMod {
	background-color:lightsteelblue;
	border:2px solid darkgreen; 
	border-radius:6px;
	width: 575px;
	height:auto;
	float:left;
}

.FullPicLesson {
	background-color:#0c8ebe;
	border:2px solid darkgreen; 
	border-radius:6px;
	padding:10px;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	content-align:center;
	height:825px;
}