/*
font-family: Montserrat;
color: #B40A0A;
border-style:none;
border-color:White;
}
*/

.checker{
margin: 0 0 0 50px;
padding: 10px;
}


@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
/*$maincolor: #8e1a1a;
$secondarycolor: #B40A0A;
*/
body{
font-family: Calibri;
font-size:12px;
}


a:hover
{
color: Black;
}

.logincontainer{
margin: 0 auto;
min-width: 360px;
display: table;
padding: 30px;
border: thick solid grey;
text-align:center;
}
.loginmoreoptions{
margin: 0 auto;
padding: 20px;
text-align:center;
}
.logincontainer .subsub{ 
font-weight: bold;
}

.buttontable{
margin-top:-10px;
align: left;
border: 0;
}

.loginelement{

}

.subsub{
font-size: 13px;
}

.middlecont{
margin-right:100px;
float: left;


}


.middlecont1{
    margin: auto;
    text-align: center;
  width: 50%;
    padding: 10px;
    font-size: 11px;
}


.link {
  display: block;
  height: 25px;
  background: #f1f1f1;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #e1e1e2;
  color: #000;
  font-weight: bold;

}

.loginbut{
float: left;
}

.dbutton{
background: white;
float: left;
clear: left;
height:24px;
width:200px;
font-size:15px;
text-align:center;
vertical-align: middle;
color:black;
text-decoration: none;
 border-style: solid;
 border-color: #B40A0A;
 border-radius: 5px;
box-shadow: 3px 3px 1px #888888;
border-width: 2px;
background: white;
margin-left: 25px;
}

.loginbuttoncentered {
background-color: white;
clear:left;
height: 24px;
width: 150px;
padding: 5px 30px;
margin: 6px;
font-size: 15px;
text-align:center;
vertical-align: middle;
color:black;
text-decoration: none;
 border-style: solid;
 border-color: #B40A0A;
 border-radius: 5px;
box-shadow: 3px 3px 1px #888888;
border-width: 2px;
}

.dbuttonx{
background: white;
float: left;
clear: left;
height:24px;
width:auto;
font-size:15px;
text-align:center;
vertical-align: middle;
color:black;
text-decoration: none;
 border-style: solid;
 border-color: #B40A0A;
 border-radius: 5px;
box-shadow: 3px 3px 1px #888888;
border-width: 2px;
background: white;
margin-left: 0px;
}

.butcont{
float:left;
clear:left;
}
.butcont1{
float:left;

}


.dbutton:hover {
background: #B40A0A;
color:white;	
}

.loginbuttoncentered:hover{
background: #B40A0A;
color:white;
}
	
.dbuttonx:hover {
background: #B40A0A;
color:white;
}

.dates{
margin-left:25px;
}

a .menuItem
{
	background-image:url('images/btnBlank.jpg');
}

a:hover .menuItem
{
	background-image:url('images/btnBlank1.jpg');
}



.subTitle
{
font-family: Verdana;
color: #B40A0A;
font-size: 14pt;
text-align: center;
margin: 10px 0 0 0;
}

.subTitle2
{
font-family: Montserrat;
color: #B40A0A;
font-size: 12pt;
text-align: left;
margin-left: 25px;
}

.subSubTitle
{
font-family: Montserrat;
color: #B40A0A;
font-size: 11pt;
}

.subHeading
{
font-family: Montserrat;
color: White;
font-size: 12pt;
background-color: #ae0b0b;
}

.regtblBorder
{
width: 800px;
border-style:solid;
border-width: 3px;
border-color: Black;
margin-left: auto;
margin-right: auto;
}

.tblHeading
{
font-family: Montserrat;
color: #B40A0A;
}

.policy
{
font-family: Montserrat;
font-size: 11pt;
font-style: italic;
color: Black;  
}

.logintblBorder
{
border: 3px solid Black;
    width: 400px;
    margin-left: 280px;
}


.pwordbox
{
    width: 400px;
    margin: 0 0 0  50px;
}

.subMenu
{
font-family: Montserrat;
font-size: 11pt;
background-color: Black;
}

.subMenu:hover
{
font-family: Montserrat;
font-size: 11pt;
background-color: #B40A0A;
}

.contacttblBorder
{
width: 500px;
border-style:solid;
border-width: 3px;
border-color: Black;
}

.subNormal
{
font-family: Montserrat;
font-size: 12pt;
}

.standardtext
{
font-size: 11pt;
font-family: Verdana;
padding: 10px;
}

.standardtextRed
{
font-size: 12pt;
font-family: Montserrat;
color: #B40A0A;
}

.profileLink
{
font-family:Montserrat;
font-size: 100%;
color:#FFFFFF;
/*font-weight: bold;*/
text-decoration: none;
}

.studentProfileTd1
{
align:center;
background-color:#ae0b0b;
width:"80px";
/* border-style:solid; */
/* border-width:medium; */
/* border-color:Black; */
font-size: 12pt;
font-family: Montserrat;
}

.studentProfileTd2
{
align:center;
background-color:#ae0b0b;
height:"80px";
border-style:solid;
border-width:medium;
border-color:Black;
font-size: 12pt;
font-family: Montserrat;
}

.verticalmenu
{
font-family:Montserrat;
font-size: 8pt;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
margin: 30px 0 0 0;
}

.sideMenu
{
font-family:Montserrat;
font-size: 11pt;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
}

.headerLinks
{
font-family:Verdana;
font-size: 11pt;
color:#B40A0A;
font-weight: bold;
}

/* Tester */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */


body {
font-size: 11pt;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}


h1 {
font-size: 11px;
text-transform:uppercase;

/*border-top:1px solid #564b47;
border-bottom:1px solid #564b47;*/
/*padding:5px 15px;*/
margin:0px }

h2 {
color: #9A1212;
font-size:18px;
font-weight: normal;
padding: 5px 9px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
/* width: 950px; */

margin-left: auto;
margin-right: auto;
height:60%;
background: #FFFFFF;
border:1px solid #8D8D8D;
}

/* ----------container to center the layout-------------- */
#container1 {
width: 1000px;

margin-left: auto;
margin-right: auto;
height:800%;
background: #FFFFFF;
border:1px solid #8D8D8D;
}

/* ----------banner for logo-------------- */
#banner {
/* padding-top: 10px; */
background-color: #d6000d;
margin: 0px;
height: 150px;
}
#banner img {/* padding:9px 0px; */} 


/* -----------------content--------------------- */
#content {

background:#ffffff;
padding: 9px;
margin-left: 150px;
margin-bottom: 130px;
margin-right: 0px;
}
div#content { 
/*height:800px;
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
/*padding: 15px 9px;*/

font-family: Verdana;
}

/* --------------left navi------------- */
#left {
float: left;
width: 300px;
margin: 0px;
padding: 0px;
background:#FFFFFF;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding:0px;
background:#FFFFFF;
height:50px;
text-align: center; 
}

.scrollingBox
{

height:500px;


/* width: 1250px; */


overflow:auto;

}

.scrollingBoxVac
{
overflow:auto;
height:450px;
/* width:600px; */
}

.scrollingBoxPro
{
overflow:auto;
height:500px;
/*width:600px;*/
}

.scrollingBoxAdminStudent
{
overflow:auto;
height:600px;
/* width:600px; */
}

lingBoxAdminStudentPlaced
{
overflow:auto;
height:600px;
width:700px;
}

.stuProfileScrollingBox
{
/*overflow:auto;*/
height:49px;
/*width:600px;*/
}

.BackColorTab
{
    font-family:Verdana, Arial, Courier New;
    font-size: 9px;
    color:#Ba0a0a;
     
}

#placeteamleftcolumn
{ 
width: 150px; 
border-style:solid;
border-width: thick;
border-color:Black;
float: left;
height: 200px;
}

#placeteamrightcolumn
{ 
width: 300px;
border-style:solid;
border-width: thick;
border-color:Black; 
float: right
}

.subRed 
{
	font-weight: bold;
	color: #990000;
}

.subBlack
{
    font-weight: bold;
    color: #000000;
}

.topnav {
  /*display:flex;*/
  padding: 9px;
  color: white;
  align-content: center;
  width: 100%;
}

.topnav a {
  color:#d6000d;
  text-decoration:none;
  padding: 0.9em;
  flex-grow:1;
  text-align:center;
  text-transform:uppercase;


 
  -webkit-transition:all 200ms ease-out;
}


.topnav a:hover {
  background:#d6000d;
  color: #FFF;
  padding-top: 1em;
 -webkit-transition:all 200ms ease-out;
}

@media (min-width:801px) and (max-width:1300px) {
  .topnav a {font-size:0.8em;}
}

@media (max-width:800px) {
  .topnav {flex-direction:column;width:85%;}
}

.btn-cont {
	padding-top: 30px;
}

.btn-cont a {
  text-decoration: none;
}
.btn-cont .btn {
  text-transform: uppercase;
  color: #d6000d;
  text-align: left;
  padding-left: 40px;
  font-family: Verdana, sans-serif;
  letter-spacing: 1px;
  font-size: 1.3em;
  width: 260px;
  /* height: 32px; */
  font-weight: bold;
  background-color: white;
  position: relative;
  overflow: hidden;
}
.btn-cont .btn span {
  display: block;
  margin-top: 14px;
}
.btn-cont .btn:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #d6000d;
  position: absolute;
  bottom: -37%;
  left: -1px;
  -webkit-transform: rotate(-45deg) translateX(-50px);
      -ms-transform: rotate(-45deg) translateX(-50px);
          transform: rotate(-45deg) translateX(-50px);
  -webkit-transition: -webkit-transform 200ms ease;
          transition: transform 200ms ease;
}
.btn-cont .btn:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #d6000d;
  position: absolute;
  top: -37%;
  right: -2px;
  -webkit-transform: rotate(135deg) translateX(-50px);
      -ms-transform: rotate(135deg) translateX(-50px);
          transform: rotate(135deg) translateX(-50px);
  -webkit-transition: -webkit-transform 200ms ease;
          transition: transform 200ms ease;
}
.btn-cont .btn:hover:before {
  -webkit-transform: rotate(-45deg) translateX(0);
      -ms-transform: rotate(-45deg) translateX(0);
          transform: rotate(-45deg) translateX(0);
}
.btn-cont .btn:hover:after {
  -webkit-transform: rotate(135deg) translateX(0);
      -ms-transform: rotate(135deg) translateX(0);
          transform: rotate(135deg) translateX(0);
}

/*-------------Login--------------- */

* {
box-sizing: border-box
}

*:focus {
	outline: none;
}

.login {
margin: 20px auto;
width: 300px;
}
.login-screen {
background-color: #FFF;
padding: 20px;
border-radius: 5px
}

.app-title {
font-size: 1.5em;
text-align: center;
color: #777;
}

.login-form {
text-align: center;
}
.control-group {
margin-bottom: 10px;
}

input.inputlog {
text-align: center;
background-color: #ECF0F1;
border: 2px solid transparent;
border-radius: 3px;
font-size: 16px;
font-weight: 200;
padding: 10px 0;
width: 250px;
transition: border .5s;
}

input:focus {
border: 2px solid #3498DB;
box-shadow: none;
}

.bttn {
  border: 2px solid transparent;
  background: #d6000d;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 250px;
  margin: 0 auto;
}

.bttn:hover {
  background-color: #e74c3c;
}

.login-link {
  font-size: 12px;
  color: #444;
  display: block;
	margin-top: 12px;
}

/*---------------Banner----------------*/

.banner {
  position: relative;
  background-color: #d6000d;
  width: 100%;
  height: 200px;
}

.banner .text {
  position: absolute;
  padding-top: 75px;
  margin-left: 20px;
  font-family: Montserrat;
  font-size: 25px;
  color: white;
}

.diamond {
  position: absolute;
  background-color: rgba(0,0,0,.1);
  width: 70%;
  height: 200px;
  right: 0;
  -moz-transition: width 2s;
  -o-transition: width 2s;
  -webkit-transition: width 2s;
  transition: width 2s;
}

.diamond:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: -100px;
  border-right: 100px solid rgba(0,0,0,.1);
  border-bottom: 100px solid rgba(0,0,0,0);
}

.diamond div:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: -100px;
  border-right: 100px solid rgba(0,0,0,.1);
  border-top: 100px solid rgba(0,0,0,0);
}

.banner:hover .diamond {
  width: 25%;
}
.imgbanner {
	height: 100px;
	margin-top: 50px;
	padding-left: 850px;
}


.tiles {
	width: calc(3*220px);
	height: calc(2*220px);
	margin-top: 10px;
}

.tile {
	width: 220px;
	height: 220px;
	text-align: center;
	float: left;
}

.tile {
	outline: 3px solid rgba(255,255,255,0);
	transition: outline .5s;
    
	position: relative; /* outline */
}

.tile:hover {
	outline-color: #e74c3c;
    z-index: 3000 !important; /* outline */
	background-color: #e74c3c;
}

.tile > a {
	width: inherit;
	height: inherit;
	display: block;
	color: #fff;
	text-decoration: none !important;
}

.blue { background-color: #d6000d; }
.mint { background-color: #d6000d; }
.purple { background-color: #d6000d; }

.yellow { background-color: #d6000d; }
.red { background-color: #d6000d; }
.pink { background-color: #d6000d; }

img.icon {
	width: 50px;
	height: 50px;
	margin: 28px 0 14px;
}

.title {
	display: block;
	font-weight: bold;
	font-size: 17px;
	font-family: Verdana; /*Title Fonts*/
	text-transform: uppercase;
}

.errormessageprompt {
	background-color: #cc0000;
	color: #ffffff;
	padding: 10px 20%;
}

.errormessageprompt a { color: #ffffff; }

.loginerrormessage {
	color: #ff0000;
	font-weight: normal;
	margin-bottom: 10px;
}
.usernoticemsg {
    background: url("/images/alert-icon.png") #ffffcc 5px 10px no-repeat;
    position: relative;
    margin: 10px auto;
    padding: 20px 30px;
    padding-left: 55px;
    width: 480px;
    text-align: left;
    font: 400 0.9em 'Open Sans', sans-serif;
    border: 1px solid #dfd087;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#new_header {
  background-color: #1a2a4f;
  color: white;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* the logo row inside the header */
#new_header .logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* the logo image */
#new_header .logo img {
  height: 50px;
  width: auto;
  display: block;
}

/* the title */
#new_header h1 {
  margin: 0;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
}