/* 
------------------------- 
 Hours on Â鶹´«Ã½ Nav
------------------------- 
*/
.opened {
	padding: .5em;
}

.day_value {
	padding: .5em;
}

.hours-today {
	margin: 25px 50px;
	color: white;
	float: right;
}
.table_working_hours th {
	border: black solid 0px;
	padding: 0px 3px;
}
.table_working_hours td {
	border: black solid 0px;
	padding: 0px 3px;
}

/* 
------------------------- 
Faculty Profiles List Grid
------------------------- 
*/

.profiles {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-auto-flow: row;
}


.tbl_profiles_cell { width: 100%; }
.tbl_profiles_cell th { vertical-align: top; width:100px;}
.tbl_profiles_cell td { text-align: left; vertical-align: top; width: 100%; font-size: 11pt;  padding: 0em 0.25em; }
.tbl_profiles_cell th img { height: 100px; margin-top: 4px; }


/* 
------------------------- 
Faculty Profiles Detail Page
------------------------- 
*/

.profile_left { width: 300px; float: left; text-align: center; }
.profile_right { margin-left: 300px; }


.facname { font-size: 36px; }

.profilephoto  {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 12px;
	margin-bottom: 15px;    
    width: 200px;
}

/* 
------------------------- 
Library Liasons List Grid
------------------------- 
*/

.tbl_profiles_cell_liaison { width: 100%;}
.tbl_profiles_cell_liaison th { text-align: center; font: 24pt bold; background: #eeeeee; 
font-family: 'Oswald', sans-serif;
}
.tbl_profiles_cell_liaison td { padding-top: 10px; text-align: center; vertical-align: middle;  border-bottom: 1px solid;}
.tbl_profiles_cell_liaison td img { height: 150px; margin: 0 auto;}

.tbl_profiles_cell_liaison td .appticon { width: 16px; height: 16px; margin: 0px;}


/* 
------------------------- 
Staff Directory
------------------------- 
*/

table.directory { width: 1000px; border-spacing: 0px 10px;}
th.directory  { border-top: 3px solid #0D6185; border-bottom: 1px solid #CBD4DD; text-align: left; padding: .25em; }

.staffdept { color: #0051AD; }
.stafftable	{  width: 100%; border-spacing: 0px 0px; border: solid 1px; }
.stafftable TH { border: solid 1px;  text-align: left; padding: .25em; background: #e5e3e5; }
.stafftable TD { border: solid 1px;  text-align: left; padding: .25em;   width: 20%; }
/* 
------------------------- 
Lockers
------------------------- 
*/


input#gobutton{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#004279; /*the colour of the button*/
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}

input#gobutton:hover, input#gobutton:focus{
background-color :#0f9ffc; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}



/* 
------------------------- 
Faculty Publications
------------------------- 
*/

.facpub {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

.facpub th,
.facpub td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.facpub th {
  font-weight: bold;
}


/* 
------------------------- 
Forms
------------------------- 
*/

.asklib textarea { 
	width: 100%;
	height: 100px;
	border: #000 solid 1px;
}

.asklib input { 
	border: #000 solid 1px;
}

.contactus textarea { 
	width: 100%;
	height: 100px;
	border: #000 solid 1px;
}

.contactus input { 
	border: #000 solid 1px;
}

/* 
------------------------- 
Various Pages
------------------------- 
*/

.inlinephoto  {
    float: left;
    margin: 5px 20px 15px 20px;
}

.inlinephoto_r  {
    float: right;
    margin: 5px 20px 15px 20px;
}


.texttable {
	width: 100%;
}

.texttable th {
    border-top: 3px solid #1f8ebc;
    border-bottom: 1px solid #CBD4DD;
    text-align: left;
    padding: .25em;
}

.texttable td { 
	vertical-align: top;
}

.texttable .centercell {
    text-align: center;

}


/* 
------------------------- 
Mobile Formating
------------------------- 
*/

@media (max-width:800px) {


/* Staff Directory Page */

	.mobilestaff { width: 100%; border: solid 1px;}
	.mobilestaff TH { border-bottom: solid 1px;}

/* Faculty Profiles Detail Page */

	.profilephoto  {
	    margin: 15px auto;
	    width: 100%;
    	clear: both;
	}
	
	.profile_left {
		margin: 5px auto;
		float: none;
	}

	.profile_right {
		margin-left: 0px;
	  	width: 100%;
		clear: both;
	}

/* Mobile Search Form */


.searchtable {
	width: 100%;
}


.mobilesearch input[type="text"], select{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: none;
    font-size: 14px;
    min-height: 40px;
    padding: 10px 3px 9px 3px;
    width: 100%;
}

.mobilesearch input[type="text"] {
    color:#555;
	float: left;
    
}

.mobilesearch select{
	background-color: #999;
	float: right;
    color: #fff;
}	

.mobilesearch input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 500;
    border: none;
    width: 100%;
    background:#f1b458;
    padding: 9px 0px;
    outline: none;
}

.mobilesearch input[type="submit"]:hover{
	background:#000;
}

}