﻿/*HeaderSection*/
@-webkit-viewport
{
	width: device-width;
}
@-moz-viewport
{
	width: device-width;
}
@-ms-viewport
{
	width: device-width;
}
@-o-viewport
{
	width: device-width;
}
@viewport
{
	width: device-width;
}

#headerLogo
{
	min-height: 40px;
	padding: 5px;
}
.breadcrumb > li + li:before
{
	content: "|"
}
.BlackLinks
{
	font-weight: bold
}

.breadcrumb > li a:hover
{
	text-decoration: none;
	color: whitesmoke;
}
.breadcrumb > li + li::before
{
	color: wheat;
}
/*BodySection*/
body
{
	margin: 0px;
	padding: 0px;
}
.customSiteButton:hover
{
	background-color: black;
	color: whitesmoke
}
.panel-heading
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}


/* ####### End of Bootstrap Section ######*/

/*####### Main Menu bar #######*/
#school-menu.navbar-default
{
	font-size: 18px;
	border-width: 1px;
}

.navbar-nav > li > a
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.navbar
{
	min-height: 25px !important
}
#school-menu.navbar-default .navbar-toggle
{
	border-color: #ddd;
}
#school-menu.navbar-default .navbar-toggle:hover,#school-menu.navbar-default .navbar-toggle:focus
{
	background-color: #ddd;
}
#school-menu.navbar-default .navbar-toggle .icon-bar
{
	background-color: #888;
}
#topMenu
{
	position: absolute;
	top: 1px;
	right: 0px;
}
.topMenu
{
	margin-right: 35px;
}
#school-menu.affix
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.table
{
	border-collapse: separate;
}
.table-bordered th,  .table-bordered td
{
	border: 1px solid #725436 !important;
}
.panel
{
	border: 2px solid #725436;
}

/*####### End of Main Main Menu bar ########*/




.carousel-control.left, .carousel-control.right
{
	background-image: none;
}


/* ######### Home Page News CSS ########*/
.NewsAnchor,.NewsAnchor:hover{background:#FFF;text-decoration:none;margin:2px 2px 10px 2px;display:block; padding-bottom :10px;cursor: pointer;}
/* ######### End of Home Page News CSS ########*/

/*FooterSection*/

/* #########  Footer Section #########*/
.schoolSlideFooter
{
	display: none;
	position: relative;
	width: 95%;
}
.carousel-indicators
{
	bottom: 0px;
}
.schoolPicCarousel
{
	height: 325px
}
table td
{
	border-top: none !important;
}
.Footer
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	border-radius: 0px 0px 20px 20px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	cursor: pointer;
}

.Footer img
{
	vertical-align: middle;
}
.FooterLeft
{
	text-align: justify;
}
.FooterRight
{
	text-align: right;
}
.Footer a
{
	color: black;
}
/* #########  End of Footer Section #########*/



/* #########  @Media Section #########*/
@media screen and (max-width: 1280px)
{
	.topMenuHeader
	{
		border-radius: 5px;
	}
	#school-menu.navbar-default
	{
		font-size: 16px;
	}
	.schoolResizedFont
	{
		font-size: 78%;
	}
	.schoolSmallResizedFont
	{
		font-size: 77%;
	}
}

@media screen and (max-width: 1270px)
{
	#topMenu
	{
		position: static;
	}
	#examTableContainer
	{
		overflow-y: scroll;
	}
}

@media screen and (min-width: 768px)
{
	.modal-dialog
	{
		width: 60% !important;
	}
}

@media screen and (max-width: 992px)
{
	#examTableContainer
	{
		overflow-y: hidden;
	}
	.examCalTable td
	{
		font-size: 90%;
	}
	.examCalTable th
	{
		font-size: 95%;
	}
	.examCalTable td:nth-child(2),.examCalTable th:nth-child(2)
	{
		min-width: 500px;
		max-width: 500px;
	}
	.examCalTable td:nth-child(12),.examCalTable th:nth-child(12)
	{
		min-width: 150px;
		max-width: 150px;
	}
}

@media screen and (max-width: 768px)
{
	.examCalTable td:nth-child(2),.examCalTable th:nth-child(2)
	{
		min-width: 200px;
		max-width: 200px;
	}
	.examCalTable td:nth-child(12),.examCalTable th:nth-child(12)
	{
		min-width: 200px;
		max-width: 200px;
	}
	.FooterRight
	{
		text-align: center;
	}
	.FooterLeft
	{
		text-align: center;
	}
	#schoolFooter *
	{
		font-size: 12px;
	}
	#interviewTable td
	{
		font-size: 90%;
	}
	#interviewTable th
	{
		font-size: 98%;
	}
	.imageAndText .col
	{
		top: 100px;
		left: 0px;
	}
}

@media screen and (max-width: 480px)
{
	.examCalTable td
	{
		font-size: 85%;
	}
	.examCalTable th
	{
		font-size: 90%;
	}
	.examCalTable td:nth-child(2),.examCalTable th:nth-child(2)
	{
		min-width: 150px;
		max-width: 150px;
	}
	.examCalTable td:nth-child(12),.examCalTable th:nth-child(12)
	{
		min-width: 100px;
		max-width: 100px;
	}
	.setTable td
	{
		font-size: 75%;
	}
	.displayTable
	{
		word-wrap: break-word;
	}
	.displayTable td
	{
		font-size: 80%;
	}
	.displayTable th
	{
		font-size: 85%;
	}
	.carousel-caption span
	{
		display: none;
	}
	.popover
	{
		font-size: smaller;
	}
	.schoolResizedFont
	{
		font-size: 78%;
	}
	.schoolSmallResizedFont
	{
		font-size: 77%;
	}

	.displayBlock
	{
		height: 100px;
		max-height: 100px;
	}

	.imageAndText .col
	{
		left: 0px;
		top: 50px;
	}
	#schoolFooter *
	{
		font-size: 9px;
	}
}

@media screen and (max-width: 1366px)
{
	.examCalTable td:nth-child(3),.examCalTable th:nth-child(3)
	{
		min-width: 120px;
		max-width: 120px;
	}
	.examCalTable td:nth-child(17),.examCalTable th:nth-child(17)
	{
		min-width: 75px;
		max-width: 75px;
	}
	.examCalTable td:nth-child(11),.examCalTable th:nth-child(11)
	{
		min-width: 60px;
		max-width: 60px;
	}
	.schoolResizedFont
	{
		font-size: 90%;
	}
	.schoolSmallResizedFont
	{
		font-size: 77%;
	}
}

@media screen and (max-width: 1360px)
{

	.schoolResizedFont
	{
		font-size: 90%;
	}
	.schoolSmallResizedFont
	{
		font-size: 77%;
	}

}

@media screen and (width: 1600px)
{
	.examCalTable
	{
		table-layout: fixed;
		border-collapse: collapse;
	}
	.examCalTable td
	{
		font-size: 80%;
	}
	.examCalTable th
	{
		font-size: 85%;
	}
	.examCalTable td:nth-child(1),.examCalTable th:nth-child(1)
	{
		min-width: 25px;
		max-width: 25px;
	}
	.examCalTable td:nth-child(2),.examCalTable th:nth-child(2)
	{
		min-width: 170px;
		max-width: 170px;
	}
	.examCalTable td:nth-child(3),.examCalTable th:nth-child(3)
	{
		min-width: 165px;
		max-width: 165px;
	}
	.examCalTable td:nth-child(4),.examCalTable th:nth-child(4)
	{
		min-width: 50px;
		max-width: 50px;
	}
	.examCalTable td:nth-child(5),.examCalTable th:nth-child(5)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(6),.examCalTable th:nth-child(6)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(7),.examCalTable th:nth-child(7)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(8),.examCalTable th:nth-child(8)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(9),.examCalTable th:nth-child(9)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(10),.examCalTable th:nth-child(10)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(11),.examCalTable th:nth-child(11)
	{
		min-width: 75px;
		max-width: 75px;
	}
	.examCalTable td:nth-child(12),.examCalTable th:nth-child(12)
	{
		min-width: 75px;
		max-width: 75px;
	}
	.examCalTable td:nth-child(13),.examCalTable th:nth-child(13)
	{
		min-width: 100px;
		max-width: 100px;
	}
	.examCalTable td:nth-child(14),.examCalTable th:nth-child(14)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(15),.examCalTable th:nth-child(15)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(16),.examCalTable th:nth-child(16)
	{
		min-width: 90px;
		max-width: 90px;
	}
	.examCalTable td:nth-child(17),.examCalTable th:nth-child(17)
	{
		min-width: 100px;
		max-width: 100px;
	}
	.examCalTable thead tr
	{
		display: block;
		position: relative;
	}
	.examCalTable tbody
	{
		display: block;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		height: 355px;
	}
	.old_ie_wrapper
	{
		height: 300px;
		width: 750px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.old_ie_wrapper tbody
	{
		height: auto;
	}
	.examCalTable td.chaos:hover::before
	{
		content: attr(title);
		position: absolute;
		border: 1px solid black;
		background: yellow;
	}
	.schoolResizedFont
	{
		font-size: 95%
	}
}

/* #########  End of @Media Section #########*/


.impMsgSlides
{
	overflow: hidden;
	position: relative;
	width: 100%;

}

.impMsgSlides ul
{
	list-style: none;
	width: 100%;
	position: relative;
}

.impMsgSlides li
{
	width: 100%;
	float: left;
	text-align: justify;
	position: relative;
	font-family: lato, sans-serif;
}