/* HR CSS Styles */

/* ---- RWD ---- */

.radius-left {
	border-left-width: 0 !important;
}

.main .hrleftmenu {background-color:#EBE6DA;padding-right:0!important;padding-left:10px!important;margin-top:15px;}
.main .hrleftmenu ul {padding:0 0 0 0;}
.main .hrleftmenu ul li {margin:12px 5px 0 0;}

.hr-nav-container {
	background-color:#fff;
	padding-top:15px;
}

.hr-nav-container h2 {
	padding-left:15px;
}

.hr-nav-container #working-hr-navigation {
	margin-bottom:0!important;
}

.hr h2,
.hr h3,
.hr h4 {
	margin-top:1em;
}


.hr h2:nth-of-type(1) {
	margin-top:0!important;
}

.hr h1 {
	margin-bottom:15px;
}

.hr h2 {
	margin-bottom:1em;
}

h3.hr-feat-title {
	background-color:#00477F;
	padding:8px 10px 10px;
	color:#fff!important;
	font-family:helvetica, arial!important;
	margin:0 0 0 0;
}

h3.hr-feat-link {
	margin-bottom:1.5em;
}

h3.hr-feat-link a,
h3.hr-feat-link a:hover {
	color:#E8D91E;
	border-bottom:none!important;
	display:block;
}

h3.hr-feat-link a:hover {
	color:#f9d059;
}

.hr-feat-desc {
	padding: 8px 10px 10px;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	margin-bottom:1.5em;
}

p {
	margin:7px 0;
}

.hr-feat-desc ul {
	margin:0;
	padding:0;
}

a.hr-video-icon img,
a.hr-video-icon:hover img,
a.hr-video-icon,
a.hr-video-icon:hover {
	border:none!important;
	border-bottom:none!important;
	float:left;
}
a.hr-video-icon {
	margin-right:10px;
}


#orientationtable {
	margin-top:1.5em;
}

.rightmenu ul {
	margin:0!important;
	padding:0!important;
	list-style-type:none;
}

.rightmenu ul li {
	padding:0 0 7px 0!important;
	list-style-type:none;
}

/* ---- Main content area within a tab section ---- */
#content
{
	display:block;
	clear:left;
	margin:0;
	padding-top:20px;
	z-index:4;
}

/* override UR line and item spacing for appearance */
#content h2
{
	margin-bottom:10px;
}

#content ul, ol
{
	margin-top:5px;
	margin-right:10px;
}

#content li
{
	padding-bottom:12px;
	line-height:1.4;
	list-style-position:outside;
}

#content p
{
	line-height:1.4;
}

#content th, td
{
	padding:5px;
	line-height:1.4em;
}

/* create a 'no dot' list class */
#content ul.nodotlist
{
	list-style-type:none;
	list-style-image:none;
	margin-left:30px;
	margin-right:0;
}

/* create a tight list class */
#content .tight_list li
{
	padding-bottom:3px;
}

/* create a tight paragraph class */
#content .tight_para
{
	padding-bottom:0px;
}

#content .fat_hr
{
	height:2px;
	border-width:0;
	background-color:black;
	color:black;
}


/* ---- The following styles support our tab structure ---- */
#folder_menu
{
	display:block;
	margin:0;
	padding:0;
/*	width:760px; mobile is better w/o mjd */
}

#search_hr
{
	margin:0;
	padding:0;
	float:right !important;
	height:27px;
}

/* override UR search box width to make it fit with tabs */
.search_box
{
	width:100px;
}

#tabs
{
	display:block;
	margin:0;
	padding:0;
	height:27px;
}

.tab
{
	height:20px;
	float:left;
	display:block ;  
	margin:0 5px 0 0;    
	text-align:center;
	font-size:13px;
	border:1px grey solid;
	background-color:#555555;
	padding:5px 5px 0 5px;
	z-index:2;
}

.tab a
{
	display:block;
	color:#bbbbbb !important;
}

.tab a:hover
{
	color:white !important;
	background-color:#023354;
}

.selected, .selected a
{
	background-color:white !important;
	border-bottom:1px solid white;
	color:black !important;
	z-index:4;
}

.selected a:hover
{
	color:black !important;
}

#dropdown, .dropdown
{
	position:absolute;
	border-top:none;
	display:none;
	text-align:left;	
	font-size:13px;
	background-color:#023354;  
	z-index:5;
}

/* the dropdown fonts duplicate some of the UR link style because without they didn't work */
.dropdown
{
	margin:0;
	padding:0;
	padding-bottom:10px;
	list-style-type:none !important;
	display:none;
	border:1px grey solid;
	border-top:1px #023354 solid;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	background-color:#023354;
}

.dropdown ul
{
    margin:0;
    padding:0 8px 0 8px;
}

.dropdown li
{
	list-style-type:none !important;
	display:block;
    width:100%;
    color:#bbbbbb !important;
    padding:5px 0 0 0;
}

/* the dropdown links duplicate some of the UR link style because without they didn't work */
.dropdown a
{
	color:#bbbbbb !important;	
	text-decoration:none !important;
	border-bottom:1px dotted #D1C19D;
}

.dropdown a:hover 
{
	color:white !important;	
	border-bottom:1px dashed #990000;
}

.dropdown li hr 
{
	color:#444444 !important;
}


/* ---- Styles for our normal multi-column pages ---- */
.left_column
{
	vertical-align:top;
	display:block;
	float:left;
	width:49%;
}

.right_column
{
	vertical-align:top;
	display:block;
	float:right;
	width:49%;
}


/* ---- Styles for feature boxes ---- */
.feature_box, .people_box
{
	display:block;
	text-align:center;
}

.feature_box .box_label, .feature_box .box_content
{
/* MJD	line-height:160%; */
	padding:8px 10px 10px 10px;
}

.box_label
{
	background-color:#00477f;
	color:white;
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0;
}

.box_label a
{
	color:#E8D91E !important;
}


/* ---- Styles for slideshow boxes ---- */
.people_box img
{
/*	height:240px; 
	width:370px; bad for mobile mjd */
	max-width:100%;
	margin:0 0 -3px 0;	/* -3 is kludge to fix spacing */
	border:none;
}

#console
{
	background-color:gray;
	display:block;
	text-align:center;
	color:white;
	border:1px solid gray;
	margin-bottom:1.5em;
}

#console a,
#console a:hover {
	color:#fff;
	border-bottom:none!important;
	cursor:pointer;
}


#prev
{
	margin-right:20px;
}

#prev, #next
{
	font-size:13px;
}


/* ---- For highlight picture or item to float upper right in single column pages ---- */
.highlight
{
	float:right;
	margin:0px 0px 30px 20px;
}

.new_item
{
	list-style-image:url(https://www.rochester.edu/working/hr/_css/new.gif);
}


/* ---- Right menu - for fitting into a 1 col ur_maincontent ---- */

div.rightmenu
{
	padding:20px 10px 10px 10px;
	background-color:#EDE9E0;
	font-size:.85em;
}