.seif-box-style{
	padding: 10px;
    border: 1px solid #F2BB70;
    border-width: 6px 0 0 0 !important;
    border-radius: 10px !important;
	background-color: #E6F4F9;
}

table.seif-box-style {
    border-collapse: separate; /* importante */
    border-spacing: 0; /* para que no se vean huecos */
    border-radius: 10px;
    overflow: hidden; /* asegura que los hijos respeten el borde */
}


.libItem
{
	border:1px solid #BBBBBB;
	padding:10px;
	background:#e9ecf9;
	margin-bottom:10px;
}

.available
{
	display:inline-block;
}

.imageBox
{
	padding:0px;
	width:120px;
	height:130px;
}

.libImg
{
max-width:80px;
max-height:120px;
display:block;
margin-left:auto;
margin-right:auto;
}

.requestButton
{
	display:inline-block;
	cursor: pointer;
}

.requestButton:hover
{
	color:#bdc8ff;
}

.active
{
	background:white;
}

.overdue
{
	background:#ffd2d2;
}

.warning
{
	margin:5px;
	padding:10px;
	background:yellow;
	color:red;
	border: 1px solid red;
}

.camTable
{
border-collapse:collapse;
text-align:center;
margin:0px auto;
border:1px solid #999999;
overflow-x:auto;
margin-bottom:1.5em;
}

#seifBody .camTable td
{
padding:14px 4px 14px 4px;
background:none;
border:none;
}

.camTable td.examDate
{
	border-left:1px solid #646738;
	border-right:1px solid #646738;
	background:#cef7fb;
    color:#b96358;
}

.camTable .popDiv
{
	position:relative;
}

.moreInfo
{
	cursor:default;
	z-index:5;
	display:none;
	padding:20px;
	text-align:left;
	position:absolute;
	top:0;
	left:15px;
	background:white;
    border:1px solid #666666;
}

.moreInfo .closeLink
{
	float:right;
}

.camTable th
{
margin:4px 7px 4px 7px;
padding:10px;
height:30px;
background:#555555;
color:white;
text-align: center;
}

.camTable tr.alt
{
background-color:#DDDDDD;
}

#seifBody .camTable tr:hover
{
	background:#dcfafc;
}

@media screen and (max-width:48em) {
    .camTable {
        display:block;
    }
}


#midbanner
{
	background-position:center left;
	position:relative;
	height:215px;
	width:1002px;
	overflow:hidden;
	background:rgba(0,0,0,0.5);
	max-width:100%;
}

#quotes
{
	position:relative;
	display:block;
	width:276px;
	height:246px;
	float:left;
}

.quoteHolder
{
	display:block;
	position:absolute;
  	top: 50%;
  	transform: translateY(-60%);
  	padding-right:25px;
  	text-decoration:none;
}

.quote
{
	font-size:1.1em;
	color:white;
	font-family: 'Georgia', serif;
	font-style: italic;
	text-align:center;
}


.quotePerson
{
	font-size:0.8em;
	color:#FF8500;
	text-align:right;
	margin-top:20px;
}

#slideShow
{
	border:1px solid #444444;
	position:relative;
	width:840px;
	height:246px;
	overFlow:hidden;
	background:white no-repeat center;
	max-width:100%;
	z-index:500;
}

#slideShow.small
{
	margin:21px 100px;
	width:700px;
	height:205px;
}

.selectedImage
{
	color:green;
}

.slide
{
position:absolute;
top:0px;
bottom:0px;
}

.slide img {
	height:100%;
	width:100%;
}

#feedbackForm tr, #reviewTable tr, #libSearch tr {
	border-bottom:none;
}

.loginErrors
{
	color:red;
}


@media screen and (max-width:48em) {
    #quotes {
        display:none;
	}
	
	.midBannerInner1 {
		left:0px !important;
	}

	#slideShow.small {
		margin:0px;
		width:100vw;
		height:29.3vw;
	}

	#slideShowWidget {
		position:absolute;
		z-index:4;
		top:186px;
	}

	#midbanner
	{
		background:none;
		overflow: visible;
	}


}



.exerciseSheet
{
	color:white;
	background:black;
	/*background-image:url('../img/layout/darkGradient.png');*/
	background-repeat:repeat-y;
	border:1px solid black;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
	margin:20px 0px;
	font-size:13pt;
}

.exerciseSheet h1
{
	margin-right:-21px;
	margin-bottom:60px;
}

.hiddenSheet
{
	position:absolute;
	visibility:hidden;
	top:-20000px;
	height:1px;
}

.seifExercise
{
	margin:15px 0px;
	background-color:rgba(3, 13, 99, 0.2);
	border:1px solid black;
	
	
	/* background:#d7dff2;
	color:black;
	margin:15px 0px;
	background-image:url('../img/layout/exerciseBottom.png');
	background-repeat:repeat-x;
	background-position:center bottom;
	border-left:1px solid #c5c6e6;
	border-top:1px solid #c5c6e6;
	border-bottom:1px solid #4b4d7c;
	border-right:1px solid #4b4d7c;*/
}

.seifExercise2
{
	padding:15px;
}

a.prevPage, a.nextPage
{
	cursor:pointer;
}

li.red, span.red
{
	color:#ff6b6b;
}

li.green, span.green
{
	color:#5de356;
	font-weight:bold;
}

#seifTest a {
	text-decoration: none;
	color:white;
}

#seifTest input {
	display:inline-block;
	width:auto;
	height:auto;
	padding:0px;
}

a.specialLink
{
display:block;
border:1px solid black;
padding:5px 10px;
background:white;
background-repeat: repeat-x;
background-position: left bottom;
color: #517ff3;
text-decoration:none;
width:auto;
cursor:pointer;
}

a.seifAnchor {
	position:relative;
	top:-150px;
	display:block;
}

a.specialLink:hover, #sideTD a:hover
{
	background: #bdc8ff;
	color: white;
}

#gallery
{
	position:relative;
	width:100%;
	height:55vw;
	max-width: 650px;
	max-height:450px;
	border:1px solid black;
	overflow: hidden;
	margin:20px auto;
	padding:0px;
}

img.gallerySlide
{
	display:block;
	position:absolute;
	top:0px;
	height:auto;
	padding:0px;
	border:none;
	margin:0px;
	max-width:none;
}



#libSearch label {
	margin:0px;
	padding:0px;
	font-weight: normal;
	display:inline;
}


.notAttending
{
	border:2px solid red;
}

.lessonbox .homeworktd
{
	padding:10px;
	background:#FFF2F2;
}