@charset "UTF-8";
/* CSS Document */
#highlight {
	float: right;
	margin-right:0px;
	margin-left:0px;
}
#facebookbox {
	float: right;
	z-index:2;
	width: 270px;
	background:#666;
	margin: 15px 15px 0px 20px;
	-moz-box-shadow: 0px 0px 8px #333;
	-webkit-box-shadow: 0px 0px 8x #333;
	box-shadow: 0px 0px 8px #333;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#highlight ul li {
	list-style-image:url(/student_success/housing/images/socialBullet.gif);
	padding-bottom:5px;
}
.highlight_box {
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
	-moz-box-shadow: 0px 0px 3px #dfdfdf;
	-webkit-box-shadow: 0px 0px 3px #dfdfdf;
	box-shadow: 0px 0px 3px #dfdfdf;
	-moz-border-radius: 0px;
	border-radius: 1px;
	border: 1px solid #dfdfdf;
}
.highlight_box_bottom {
	width: 270px;
	height: 15px;
	margin-bottom: 10px;
	background: url(/student_success/housing/images/highlight_bottom.png)
}
#link_box {
	margin-bottom: 10px;
		
}
#link_box ul li {
	list-style-image:url(/student_success/housing/images/socialBullet.gif);
	padding-bottom:3px;
}
#link_box li {
	list-style-image:url(/student_success/housing/images/socialBullet.gif);
	padding-bottom:3px;
}
#link_box li a {
	text-decoration:none;
	color:#663399;
}
#link_box li a:hover {
	text-decoration:underline;
	color:#000000;
}
.highlight_box .post_info {
	font-size: 11px;
	color: #666666;
}
.highlight_box .post_info a {
	color: #157ad2;
	font-weight: normal;
}
.highlight_box a{
	color: #000000;
	font-weight: normal;
}
.highlight_box span {
	color: #157ad2;
}
#facultyStaff {
	padding: 15px;
}
#facultyStaff ul li {
	list-style-type: none;
	margin-left:-35px;
}
#facultyStaff li {
	border:thin dotted #CCC;
	margin-bottom: 15px;
	list-style-type: none;
	padding: 15px;
}
#gallery {
	background-color: #FFF;
	padding: -20px;
	width: 520px;
	}
#gallery ul { 
list-style: none;
}
#gallery ul li { 
display: inline; 
}
#gallery ul img {
	border: 5px solid #fadd9e;
	border-width: 2px 2px 5px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 2px 2px 5px;
	color: #fff;
}
#gallery ul a:hover { 
	color: #fff; 
}
#preview{
	position:absolute;
	border:3px solid #ccc;
	background:#5c4a7a;
	padding:5px;
	display:none;
	color:#fff;
	z-index:2;
	}
.pre a
{
text-decoration:none;
color:#666666;
}

.imgprevtext
	{
	padding-left:20px;
	font-size:12px;
	FONT-FAMILY:Arial,Helvetica,sans-serif; color: #333;
	text-decoration:none;
	cursor:default;
	}
#noBorder table, th, td {
	border:1px solid white

}
.column {
	-webkit-column-count:2;
	-webkit-column-gap:25px;
	-moz-column-count:2;
	-moz-column-gap:25px;
	column-count:2;
	column-gap:25px;
}
table.careers {width: 500px; margin: 0px 0px 6px 6px;}

	th.careers {font-weight: normal; color: #900; background-color: #fff; text-align: left; vertical-align: top;}

	td.careers {padding-top: 3px; padding-bottom: 3px; width: 50%; text-align: left; vertical-align: top;}

table.TwoImages {padding: 3px 0px 3px; width: 100%; text-align: center;}

	td.TwoImages {width: 50%; padding: 0px; border: none; text-align: center;}
	
.shadow_img {
	 padding: 5px; border: 1px solid #CCC; -webkit-box-shadow:3px 3px 5px #ccc; -moz-box-shadow:3px 3px 5px #ccc; box-shadow:3px 3px 5px #ccc;
}
#cal_export
  {
    display: block;
    width: 200px;
    height: 45px;
    background: url("/coehs/rpta/images/cal_export_up.gif") no-repeat 0 0;

  }

  #cal_export:hover
  { 
    background: url("/coehs/rpta/images/cal_export_over.gif") no-repeat 0 0;
  }
#icon_section {
	width: 596px;
	height: auto;
	padding-left:10px;
}
#icon_section p {
font-size:10pt;
}
.uhds_section {
	float: left;
	margin-right: -10px;
	margin-bottom:15px;
	font-size: 10pt;
	font-weight: bold;
	color: #663399;
}
.uhds_section a {
	text-decoration:none;
	color:#663399;
}
.uhds_section a:hover {
	text-decoration:underline;
	color:#663399;
}
.uhds_section img {
	padding:3px;
	border:solid 1px #ccc;
	margin-right:5px;
}
.uhds_section2 {
	float: left;
	margin-right: -10px;
	font-size: 10pt;
	font-weight: bold;
	color: #663399;
}
.uhds_section2 a {
	text-decoration:none;
	color:#663399;
}
.uhds_section2 a:hover {
	text-decoration:underline;
	color:#663399;
}
.uhds_section3 {
	float: left;
	font-weight: bold;
	color: #663399;
}
.uhds_section3 a {
	text-decoration:none;
	color:#663399;
}
.uhds_section3 a:hover {
	text-decoration:underline;
	color:#663399;
}


.box {
	float:right;
	z-index: 1;
	width:270px;
	background:#ddd;
	margin:0px 15px 12px 20px;
	padding: 0px 0px 10px 0px;
	-moz-box-shadow: 0px 0px 8px #333;
	-webkit-box-shadow: 0px 0px 8x #333;
	box-shadow: 0px 0px 8px #333;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.highlightcontainer {
	width: 100%;
}

.highlightsidebar1 {
	float: left;
	width: 33%;

}
.highlightcontent {
	width: 33%;
	float: left;
}
.highlightsidebar2 {
	float: left;
	width: 33%;
}

.title h4 {bottom: 2em; color: #523086; font-family: Arial, Helvetica; font-size: 2.2em; font-weight: lighter; padding-right: 1em; }

/* different than phone */
	#contact_tabs{
		width: 90%;
		border: 1px solid #AAA;
		margin: 0 1% 0 3%;
		float: left;
		background: white;
	}
	
	#uhdsadmin_selector, #housing_selector, #dining_selector{
		padding: 1.5em 0;
		background: #FFF url(../../images/graybar.jpg) no-repeat right top;	
		float: left;
		width: 33.3%;
		height: 1em;
	}
	
	#uhdsadmin_selector a, #housing_selector a, #dining_selector a{
		color: #AAA;	
	}
	
	#uhdsadmin_selector.selected, #housing_selector.selected, #dining_selector.selected{
		border-bottom: none;	
	}
	
	#uhdsadmin_selector.selected a, #housing_selector.selected a, #dining_selector.selected a{
		color: black;	
	}
	
	#uhdsadmin_selector, #housing_selector, #dining_selector{
		border-bottom: 1px solid #AAA;
	}	

	#uhdsadmin_selector, #housing_selector{
		border-right: 1px solid #AAA;
	}

	#uhdsadmin_selector h3, #housing_selector h3, #dining_selector h3{
		font-size: 1.2em;	
		font-weight: bold;
		text-align: center;
	
	}	
	
	#uhdsadmin_content, #housing_content, #dining_content{
		position: absolute;
		left: -2000%;
		bottom: -2000%;
		width: 0;
		display:none;
	}
			
	#uhdsadmin_content.selected, #housing_content.selected, #dining_content.selected{
		position: relative;
		left: 0;
		bottom: 0;
		width: 94%;
		clear: both;	
		padding: 0 3% 3% 3%;
		display: inline-block;
	}

	#uhdsadmin_content .featured_uhdsadmin{
		
		width: 97%;
		padding: 4% 3% 4% 0%;	
		overflow: hidden;
		border-bottom: 1px solid #AAA;
	}
	
	#uhdsadmin_content .featured_uhdsadmin img{
		width: 33%;
		float: right;
		margin: 0 0 3% 3%;
	}
	
	#uhdsadmin_content .featured_uhdsadmin .uhdsadmin_details{
		width: 100%;	
		float: left;
	}
	
	#uhdsadmin_content .featured_uhdsadmin .uhdsadmin_date{
		color: #AAA; 
		font-size: 0.9em;
		float: left;
	}
	
	#uhdsadmin_content .featured_uhdsadmin .headline{
		font-size: 1.4em;
		font-weight: bold;
		padding-top: 2%;
		clear: left;
		line-height: 120%;
	}
	
	#uhdsadmin_content .featured_uhdsadmin .headline a{
		color: black;
	}
	
	#uhdsadmin_content .featured_uhdsadmin .teaser{
		color: black; 
		font-size: 1.0em;
		padding-top: 2.5%;
		clear: left;
		line-height: 150%;
	}
	
	#uhdsadmin_content .featured_uhdsadmin .teaser a{
		color: black;	
	}
	
	#housing_content .featured_event{
		
		width: 97%;
		padding: 4% 3% 4% 0%;	
		overflow: hidden;
		border-bottom: 1px solid #AAA;
	}	
	
	/* different than tablet */
	#housing_content .featured_event .event_date{
		float: left;
		margin: 0 3% 0 0;
		font-size: 2em;
		max-width: 33%;
		width: 33%;
		text-align: center;
	}
	
	#housing_content .featured_event .event_date{
		line-height: 150%;	
	}
	
	#housing_content .featured_event .event_date a{
		font-weight: bold;
		color: #639;	
	}
	
	#housing_content .featured_event .event_title{
		line-height: 150%;	
		font-size: 1.4em;
	}
		
	#housing_content .featured_event .event_title a{
		font-weight: bold;
		color: black;	
	}
	
	#housing_content .featured_event .event_details_container{
		max-width: 	64%;
		float:left;
	}
	
	#housing_content .featured_event .event_time,.event_location{
		line-height: 150%;
	}

#dining_content .featured_event{
		
		width: 97%;
		padding: 4% 3% 4% 0%;	
		overflow: hidden;
		border-bottom: 1px solid #AAA;
	}	
	
	/* different than tablet */
	#dining_content .featured_event .event_date{
		float: left;
		margin: 0 3% 0 0;
		font-size: 2em;
		max-width: 33%;
		width: 33%;
		text-align: center;
	}
	
	#dining_content .featured_event .event_date{
		line-height: 150%;	
	}
	
	#dining_content .featured_event .event_date a{
		font-weight: bold;
		color: #639;	
	}
	
	#dining_content .featured_event .event_title{
		line-height: 150%;	
		font-size: 1.4em;
	}
		
	#dining_content .featured_event .event_title a{
		font-weight: bold;
		color: black;	
	}
	
	#dining_content .featured_event .event_details_container{
		max-width: 	64%;
		float:left;
	}
	
	#dining_content .featured_event .event_time,.event_location{
		line-height: 150%;
	}

table.2col {

	width:500px;
	border:none;
	
}

table.2col tr, td{

	border:none;
	
}

table.2col td{

	width:50%;
	background-color:#663399;
	
}

table.2col p{

	text-align:center;
	
}

img.border {
	border: 1px solid black;
}

img.button {
	border:3px solid black;
	border-radius:10px;
}


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.two-col, thead, tbody, th, td, tr { 
		display: block; 
		border: none !important; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.two-col thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.two-col tr { border: none; }
	
	table.two-col td { 
		/* Behave  like a "row" */
		width:90%;
		padding: 10px auto;
		border: none;
		position: relative;
	}

	table.two-col img {
	
	width:100%;
	height:auto;
	
	}

	table.two-col p{
	
	text-align:center;
	
	}

}

#squares p {float: left;height: 1em;padding: 4% !important;width: 4%;}
.sqPurple {background-color: #523188;}
.sqYellow {background-color: #fbd959;}
.sqGrey {background-color: #d1d2d4;}