@charset "utf-8";
/* CSS Document */

@font-face { font-family: PFUniversal; src: url('fonts/PFUniversal-Regular.otf') format("opentype"); font-weight: 400; font-style:normal;  } 
@font-face { font-family: PFUniversal; font-weight: lighter; src: url('fonts/PFUniversal-Light.otf') format("opentype"); font-weight: 200; }
@font-face { font-family: PFUniversal;  src: url('fonts/PFUniversal-Bold.otf') format("opentype"); font-weight: 800;}

html{background-color:#c1c1c1;}

label{font-family:PFUniversal; font-weight:400; font-size:24px; color:#7c373f;}

div,h1, h2, button{padding:0; margin:0; }
h1,h2, button{font-family:'PFUniversal'; font-weight:800; color:#772e37;}
h1{font-size:64px; padding-left:75px;}
h1:nth-child(2){padding-top:5px;}
h2{font-size:26px; text-transform:uppercase;}

#container{width:880px; margin-left:auto; margin-right:auto; padding:60px 60px 70px 60px; background-color:white; height:auto; position:relative; z-index:1;} /*1000px with margins*/
#special{position:absolute; width:1000px; height:230px; background-color:white; top:0; left:0; z-index:0;}
#container form{position:relative; z-index:3;}
.line{width:100%;}

.courseCode{width:100px;}
.courseDesc{width:250px;}
.clearFix{clear:both;}

.mainTitle{display:block; float:left;}
.Title{}

.paddedBottom5{padding-bottom:5px;}
.paddedBottom30{padding-bottom:30px;}
.marginBottom30{margin-bottom:30px;}
.marginBottom15{margin-bottom:15px;}
.paddedTop5{padding-top:5px;}
.block{display:block;}
.width420{width:420px;}
.marginLeft40{margin-left:40px;}

.credHours{width:100px;}
.grade{width:100px;}
.block{display:block; float:left;}
input, select{margin:0; padding:0; box-sizing:border-box; background-color:transparent;}
input, select{border:2px solid #a06f63;}
#generalInfo{height:auto;} 
#generalInfo input, #generalInfo select{height:55px;}
.semester input, .semester select{}


.selectSemester{height:40px; border:1px solid #a06f63; width:180px;}
.selectYear{height:40px; border:1px solid #a06f63; margin-bottom:30px; width:100px;}

.miniBlock{display:block; width:190px; float:left; margin-right:15px;}
.miniBlock label{display:block;}
.block label{display:block;}


/*outline: 1px solid #a06f63;*/
 /*[type="text"]*/
.studentInfo{}
.selectGender{width:230px;}
.fullLength{width:465px;}


label{margin-bottom:5px;}

.semester{margin-bottom:40px;}
.semester select.courseCode{width:160px; margin-right:25px; margin-bottom:10px; height:40px; border:1px solid #a06f63;}
.semester input.courseDesc{width:435px; margin-right:30px; margin-bottom:10px; height:40px; border:1px solid #a06f63;}
.semester select.credHours{width:125px; margin-right:25px; margin-bottom:10px; height:40px; border:1px solid #a06f63; text-align:center;}
.semester .gradeDiv select{width:80px; margin-bottom:10px; height:40px; border:1px solid #a06f63;}

.addClass, .removeClass{height:40px; color:white; background-color:#611011; border:none; font-size:24px; padding:8px; padding-top:6px;}
#addSemester, #removeSemester {height:50px; color:white; background-color:#611011; border:none; font-size:30px; padding:10px; padding-top:10px; height:55px; margin-top:0px; }
#addSemesterDiv{margin-top:33px; margin-left:112px;}
#removeSemester{margin-right:22px;}


.addClass, .removeClass{margin-top:8px;}
.addClass:hover, .removeClass:hover, #addSemester:hover, #removeSemester:hover, #form_submit:hover{background-color:black; /*color:#611011;*/ }
.addClass, #addSemester{margin-right:10px; }

#form_submit{border:none; display:block; color:white; background-color:#611011; font-family:PFUniversal; font-weight:800; font-size:46px; text-transform:uppercase; padding:2px 10px 0px 10px; margin-left:353px; margin-top:45px;}

input:focus, select:focus {
    outline: none !important;
    border:2px solid #5a5a5a;
    box-shadow: 0 0 10px #719ECE;
}

#container{background: #fff url("images/THIREOS_LOGO_BACKGROUND_MOD.png") repeat-y; background-size:auto 1500px; background-position:60px 230px;}

button{text-transform:uppercase;}
button:hover, #form_submit:hover{cursor:pointer;}

input, select{font-size:24px; padding-left:8px; font-family:Arial, Helvetica, sans-serif;}
select.selectGender{text-align:center;}
#numberOfSemesters{pointer-events:none; margin-left:0px; padding:0px; text-align:center; width:153px; font-size:30px; background-image:url("images/backgroundTile.png"); background-repeat:repeat;}
/*#numberSemestersBlock{float:right;}*/