
/* --- Typography --- */

html {height: 100%;/*overflow-y: scroll;*/}
body {height: 100%;font-size: 15px;line-height: 1.6;font-family: Arial,Helvetica,sans-serif;background: #ffffff;color: #272727;}

h1, h2, h3, h4, h5, h6 {margin: 1em 0 0.5em 0; font-weight: normal; font-family: "PT Serif", sans-serif; line-height: 1.2em;}
h1 {font-size: 1.8em; color: #3e3e43;}
h2 {font-size: 1.6em; color: #39393a;}
h3 {font-size: 1.4em; color: #323237;}
h4 {font-size: 1.2em; color: #12121f;}
h5 {font-size: 1.1em; font-family: "Trebuchet MS"; font-weight: bold; color: #6a6a7a;}
h6 {font-size: 1em; font-family: "Trebuchet MS"; font-weight: bold; color: #6a6a7a;}

ul, ol {margin: 0;}
p {margin: 1em 0;width: 100%;}
ul li, ol li {margin: 0 0 0 2.5em;}
ul {list-style: square}
ol {list-style: decimal;}

pre {padding: 0.5em;border: 1px #f0f0f0 solid;border-left: 3px #CCC solid;background-color: #f7f7f7;line-height: 1.2;font-weight: bold;font-family: "Courier New", Courier, monospace;font-size: 1em;}

textarea, input[type="text"], input[type="password"], select {border: 1px #cfd8e2 solid;}

textarea {padding: 3px;}

label {display: block;}

hr {height: 1px; background-color: #cecece; border: 0; clear: both;}

/* --- Classes --- */

.outer_content {/*margin-left: 50%;*/}
.inner_content {/*margin-left: -480px;*/ width: 960px; margin: auto;}

.arrow {font-family: "Times New Roman", Times, serif;}

.float_left {float: left;}
.float_right {float: right;}

.clear_left, .clear_right, .clear_both {margin: 0px;padding: 0px;border: 0px;height: 0px;width: 0px;line-height: 0;font-size: 0px;position: relative;z-index: 0;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}

.align_center {text-align: center;}
.align_left {text-align: left;}
.align_right {text-align: right;}
.align_justify {text-align: justify;}

.lgrey {color: #cacaca;}
.black {color: #424242;}
.dgrey {color: #737067;}
.red, span.required {color: #bd0505;}
.lblue {color: #84abbd;}
.green {color: #3d9916;}


.mini {font-size: 0.7em;}
.small {font-size: 0.85em;}
.less {font-size: 0.9em;}
.xl {font-size: 1.2em;}
.xxl {font-size: 1.3em;}
.xxxl {font-size: 1.5em;}

.italic {font-style: italic;}
.bold {font-weight: bold;}
.normal {font-style: normal;font-weight: normal;}

span.title {left: 0;display: inline-block;text-align: right;width: 150px;position: absolute;}
.titled {margin-left: 155px;}

.underlined {text-decoration: underline;}
.noline {text-decoration: none;}

.icon {vertical-align: middle;}
.icon24 {vertical-align: text-top;}

.hide {display: none;}

.success {color: #3d9916;}

.errorMessage {color: #d80243;}
input.errorMessage {color: #272727;}
textarea.errorMessage {color: #272727;}

.hint {margin: 0;padding: 0;font-size: 0.8em;line-height: 1;color: #cacaca;}

div.flash-error, div.flash-notice, div.flash-success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
div.flash-error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.flash-notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.flash-success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
div.flash-error a {color:#8a1f11;}
div.flash-notice a {color:#514721;}
div.flash-success a {color:#264409;}
div.form .rememberMe label {display: inline;}

div.breadcrumbs {font-size: 14px;padding: 10px 0px;line-height: 14px;}
    div.breadcrumbs span {color: #005295;}
    div.breadcrumbs a {text-decoration: none;}
        div.breadcrumbs a:hover {text-decoration: underline;}

textarea {
    padding: 0;
    font-size: 14px;
    line-height: 1.5em;
    height: 300px;
    width: 100%;
}

input[type="text"], input[type="password"] {
    width: 100%;
}

select {
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
    height: 21px;
    width: 100%;
}

label {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5em;
}

p.hint {
    font-size: 12px;
    line-height: 1.5em;
    color: #999999;
}

label.inline_label {
    display: inline;
}

.rememberMe {
    margin-top: 15px;
}

table {width: 100%;}
table th, table td {padding: 5px;}
table td {border-bottom: 1px #cacaca solid; vertical-align: top;}
table th {border-bottom: 2px #848484 solid; color: #545454; text-align: left;}
table tr.even {background-color: #fcfcfc;}

table.student-dean tr td:first-child{width: 28%;}

ul.people-desk {
    list-style: none;
}
ul.people-desk li {
    margin: 1px 0 0 1px;
    float: left;
    width:185px;
    position: relative;
    height: 241px;
}
ul.people-desk li img{
    width:100%;
}

ul.people-desk li .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 175px;
    height: 231px;
    margin: 0;
    display: none;
    background: rgba(0,0,0, 0.5);
    color: #fff;
    padding: 5px;
}

ul.people-desk li:hover .info {
    display: block;
}

.img_row {
	padding: 3px !important;
	margin: 3px !important;}
	
.img_row .b-img {
	width: 241px;
	float: left;
	position: relative;
}

.img_row .ab-right {
    float: left;
    margin-left:3px;
    margin-top:3px;
    width:435px;
    height:270px;
    border:1px dashed #38a5ea;
    border-radius:15px;
    padding:10px 20px;
    font-size:13px;
}

.img_row.row-2 {
	overflow: hidden; padding: 3px !important; margin:3px !important;clear: both; 
}

.img_row {text-decoration: none; overflow: hidden;}
.img_row h5 {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	width: 240px;
	text-align: center;
	padding-bottom: 38px;
}

div.img_row img {margin-top: 3px;padding: 0 3px 3px;width: 235px;}
div.img_row > a {text-decoration: none;}

.pr {position: absolute; text-transform: uppercase; text-align: center;}
.pr1 {width: 210px; top: 373px; left: 213px;  font-size: 19px;}
.pr2 {width: 150px; top: 448px; left: 19px; font-size: 15px;}
.pr3 {width: 135px; top: 556px; left: 164px; font-size: 17px;}
.pr4 {width: 150px; top: 511px; left: 398px; font-size: 16px;}
.pr5 {width: 150px; top: 466px; left: 541px; font-size: 15px;}
.pr6 {width: 150px; top: 698px; left: 25px; font-size: 15px;}
.pr7 {width: 150px; top: 758px; left: 154px; font-size: 14px;}
.pr8 {width: 150px; top: 664px; left: 328px; font-size: 14px;}
.pr8 span {font-size: 10px; font-style: italic; text-transform: lowercase; line-height: 1; display: inherit;}
.pr9 {width: 150px; top: 621px; left: 538px; font-size: 16px;}
.pr10 {width: 150px; top: 881px; left: 46px; font-size: 15px;}
.pr11 {width: 150px; top: 877px; left: 272px; font-size: 15px;}
.pr12 {width: 275px; top: 855px; left: 452px; font-size: 17px;}

.tr-img {
    height: 210px;
    position: relative;
    overflow: hidden;
    float: left;
}

.tr-img .n_actions {
position: absolute;
right: 0;
left: 0;
text-align: center;
background: black;
bottom: -50px;
margin: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
opacity: 0;
filter: alpha(opacity=0);
display: table-cell;
vertical-align: middle;
color:#fff;
width:200px;
line-height: 1.3;
padding: 3px 0;
}

.tr-img:hover .n_actions {
bottom: 0;
opacity: 0.8;
filter: alpha(opacity=80);
}