/* CSS Document */

/* 1366x768 Chromebook resolution */
@media (max-width: 1366px) {
	.PrimaryBackground
	{ 
		/*determines what photo will appear in the background of most pages on the site*/
		background: url(../Images/Paper_1366x768CB.jpg) no-repeat center center fixed; 
	}
	
	.OutlineBackground
	{ 
		/*determines what photo will appear on the student outline page*/
		background: url(../Images/ocean_1366x768CB.jpg) no-repeat center center fixed; 
	}
}

/* 2056x1355 high resolution displays */
@media (min-width: 1367px) {
	.PrimaryBackground
	{ 
		/*determines what photo will appear in the background of most pages on the site*/
		background: url(../Images/Paper_2160x1215High.jpg) no-repeat center center fixed; 
	}
	
	.OutlineBackground
	{ 
		/*determines what photo will appear on the student outline page*/
		background: url(../Images/ocean_2056x1355High.jpg) no-repeat center center fixed; 
	}
}

/*sortable tables alternating background colors*/
table.sortable tbody tr:nth-child(2n) td
{
	background: #FFFFFF;
}

table.sortable tbody tr:nth-child(2n+1) td
{
	background: #8DF9F9;
}

/* Sortable tables header */
table.sortable thead {
    background-color:#A390F7;
    color:#000000;
    font-weight: bold;
    cursor: default;
}

th
{
    background-color: rgba(162,151,141,1.00);
}

table,th,td
{
    border:1px solid black;
    border-collapse:collapse;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

tr:nth-child(even)
{
    background-color: #F6F4F0;
}
tr:nth-child(odd)
{
    background-color: rgba(246,244,240,0.48);
}

.FullScreenBackdrop
{ 
	/*displays whatever image is selected (see classes above) full screen*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*
.LandingSplashHoverDiv
{
	
	position:absolute;
	left:10%;
	top:10%;
	background-color:rgba(255,255,255, 0.5);
	border-style:solid;
	border-width:5px;
	border-color:#FFF;
	border-radius:7%;
	padding-top:.05%;
	padding-bottom:.05%;
	padding-left:5%;
	padding-right:5%;
}
*/

.LandingSplashHoverDiv
{
	/*controls the appearance of the box that hovers over the FullScreenBackdrop*/
	position:relative;
    display:table;
	background-color:rgba(255,255,255, 0.5);
	border-style:solid;
	border-width:5px;
	border-color:#FFF;
	border-radius:7%;
	padding-top:.05%;
	padding-bottom:1%;
	padding-left:5%;
	padding-right:5%;
    margin-top: 5%;
    margin-left: 5%;
}

.LandingSplashHoverDiv H3, H1
{
	/*controls the location of the hovering box. This example puts the box in the upper left corner of the page*/
	color:#FFF;
	text-shadow:2px 2px #999;
}

.TextShadow
{
	color:#FFF;
	text-shadow:2px 2px #999;
	font-weight:bold;
}

.Message
{
	color:#F00;
	/*text-shadow:2px 2px #999;*/
	font-weight:bold;
}


.LandingSplashHoverDivLessTransparent
{
	/*controls the appearance of the box that hovers over the FullScreenBackdrop*/
	position:absolute;
	left:10%;
	top:10%;
	background-color:rgba(255,255,255, 0.75);
	border-style:solid;
	border-width:5px;
	border-color:#FFF;
	border-radius:7%;
	padding-top:.05%;
	padding-bottom:.05%;
	padding-left:5%;
	padding-right:5%;
}

.LandingSplashHoverDivLessTransparent H3, H1
{
	/*controls the location of the hovering box. This example puts the box in the upper left corner of the page*/
	color:#333;
	text-shadow:2px 2px #999;
}

#selectBox
{
	height:300px;
	width:300px;
}

.OutlineSplashHoverDiv
{
	/*controls the appearance of the box that hovers over the FullScreenBackdrop*/
	position:fixed;
	left:10%;
	top:10%;
	background-color:rgba(255,255,255, 0.5);
	border-style:solid;
	border-width:5px;
	border-color:#FFF;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0%;
	border-bottom-right-radius:0%;
	padding-top:.05%;
	padding-bottom:.05%;
	padding-left:5%;
	padding-right:5%;
}

.OutlineSplashHoverDivLessTransparent
{
	/*controls the appearance of the box that hovers over the FullScreenBackdrop*/
	position:fixed;
	left:10%;
	top:10%;
	background-color:rgba(255,255,255, 0.75);
	border-style:solid;
	border-width:5px;
	border-color:#FFF;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0%;
	border-bottom-right-radius:0%;
	padding-top:.05%;
	padding-bottom:.05%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
}


.OutlineBoxGradient
{
	
	/*applies a gradient to a hoverbox*/
	background-color:#d0e4fe; /*This is overridden if browser supports gradient*/
	
	/*Begin gradient code*/	
	background-image: linear-gradient(bottom, rgb(84,194,245) 10%, rgb(0,72,255) 88%);
	background-image: -o-linear-gradient(bottom, rgb(84,194,245) 10%, rgb(0,72,255) 88%);
	background-image: -moz-linear-gradient(bottom, rgb(84,194,245) 10%, rgb(0,72,255) 88%);
	background-image: -webkit-linear-gradient(bottom, rgb(84,194,245) 10%, rgb(0,72,255) 88%);
	background-image: -ms-linear-gradient(bottom, rgb(84,194,245) 10%, rgb(0,72,255) 88%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #e5e7ff),
		color-stop(0.88, #ffffff)
	);
	/*End gradient code*/
	
}


.centered
{
	/*controls the location of the hovering box. This example centers the box on the page*/
	margin-left:auto;
	margin-right:auto;
	width:50%;
	position:inherit;
	text-align:center;
}

.CenterBoxNotText
{
	/*controls the location of the hovering box. This example centers the box on the page*/
	margin-left:auto;
	margin-right:auto;
	width:75%;
	position:inherit;

}

.Outline_TextC1
{
	position:relative;
	left:125px;
	height:125px;
	background-color:transparent;
	float:left;
	width:25ch;
}

.Outline_TextC2
{
	position:relative;
	left:125px;
	height:125px;
	background-color:transparent;
	float:left;
	width:43ch;
}

.Outline_X_Delete
{
	position:relative;
	top:62px;
	float:left;
	left:125px;
	cursor:pointer;
}

.EditStudentIconButton {
    width: 23px;
    padding: 5%;
    cursor: pointer;
}

.SaveStatusIcons
{
    position: relative;
    top: 62px;
    float: left;
    left: 125px;
}

.Outline_rowCount
{
	position:absolute;
	left:75px;
	top:62px;
	
}

.Error_Message
{
	background-color:yellow;
	border-style:solid;
	border-width:5px;
	border-color:black;
	padding-top:.05%;
	padding-bottom:.05%;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
}

/*teacher outline viewing styles*/
.ParentRowDivClass
{
	position:relative;
	width:99.8%;
	height:auto;
	display:block;
	overflow:auto;
	border-style:solid;
	border-width:1px;
	border-color:#948F8F;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.C1DIV
{
	position:relative;
	float:left;
	width:25%;
	border-style:solid;
	border-color:#948F8F;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right-width:1px;
	padding-bottom:12px;
    overflow: auto;
}

.C2DIV
{
	position:relative;
	float:left;
	width:58%;
	left:-1px;
	border-style:solid;
	border-width:1px;
	border-color:#948F8F;
	border-top:none;
	border-left-width:1px;
	border-right:none;
	border-bottom:none;
	padding-bottom:12px;
    overflow: auto;
}

.RowNumberClass
{
	position:relative;
	float:left;
	width:5%
}

.CommentButton
{
	position:relative;
	float:right;
	border-style:none;
	cursor:pointer;
}

.CommentText
{
	background-color:rgb(243,255,159);
	width:100%;
	position:relative;
	/*float:left;*/
	padding-top:2px;
	padding-bottom:2px;
}

.DelComment
{
	position:relative;
	float:right;
	cursor:pointer;
}

div.Shaded
{
	background-color:#D6F8F5;
}

div.ShadedDarker
{
	background-color:#a3f0ff;
}

.OutlineParent
{
    left:0px;
	position:relative;
	float:left;
	width:100%;
    border-bottom-color: cornflowerblue;
    border-bottom-style: ridge;
    border-width: thick;
    transition: left .7s, opacity .6s;
    opacity: 1;
}

.assignmentHeading
{
    background-color: rgba(255,151,151,0.87);
    width:100%;
    float:left;
    border-bottom-width: thick;
    border-top-width: thick;
    border-color: red;
    border-bottom-style: double;
    border-top-style: double;
}

/*////////////////////Properties for Canned Comments window////////////////*/
.shader
{
	width: 90%;
	position: fixed;
	overflow: scroll;
	top:0px;
	height:100%;

	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.65);
	z-index: 1;
}

.lightBox
{
	display: table;
	background-color: rgba(255,255,255,0.85);
	border: solid 5px #FFF;
	border-radius: 7%;
	padding-top: 0.05%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width:70%;
}

.lightBox input
{
	margin:2px;
}