/* --------------------------------------------------------
EngrIT Web Theme
Author: Engineering IT Shared Services - WAIS
engrit-web@illinois.edu
Version: 1.0
-------------------------------------------------------- */


/* COLORS -------------------------------------------------
-----------------------------------------------------------
orange: #DF6226
slightly darker orange: #C45521
blue: #0072BC
yellow: #FFAF15
dark grey: #343434
med dark grey: #71706f
medium grey: #565553
light grey: #D8D7D6
lighter grey: #F4F3F1
-------------------------------------------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }
html { font-size: 62.5%; }
body { 
	color: #343434; 
	background: #ffffff url('../images/background.gif') top left repeat-x;
	background-position: 0px 0px;
	padding: 0; margin: 0; 
	font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
	font-size: 12px;
	line-height: 16px;
	position: relative; 
	-webkit-font-smoothing: antialiased; 
	font-weight: normal; 
}
body.logged-in { background: #343434; }
body.logged-in #page { border: 20px solid #ffffff; }

.block, .region { margin: 0; padding: 0; }
#page { 
	width: 1080px;
	margin: 0px auto;
	padding-bottom: 400px;
	background: #ffffff;
	min-height: 100%;
}
#main { padding-top: 55px; }
#content { 
	padding: 10px 0px 40px 20px; }
aside.sidebars { margin-top: 10px; }
aside.sidebars .region-sidebar-first { padding: 0; }



/* HOME PAGE ONLY -----------------------------------------
-------------------------------------------------------- */
body.front #page { 
	background: #edebe8 url('../images/home-background.gif') top left repeat-x;
	width: 100%;
	max-width: none; 
}
body.front #header { width: 1080px; margin: 0px auto; }
body.front #main {
	width: 1080px;
	margin: 0px auto;
	padding: 0px;
	padding-top: 40px;
}
body.front #content { 
	width: 100%; padding: 0px; margin: 0px;
}

/* BASIC STYLES -------------------------------------------
-------------------------------------------------------- */

p {
	font-size: 13px; font-size: 1.3rem;
  	line-height: 19px; line-height: 1.9rem;
}
a { color: #0072BC; }
a:hover { color: #565553; }

.em { font-weight: bold; }

.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }

#content li { margin-bottom: 1.0rem; }

/* TABLES -------------------------------------------------
-------------------------------------------------------- */

/*article.node-services table, table.data { width: 100%; background: #F4F3F1; }
article.node-services a, table.data a { text-decoration: none; }
article.node-services table a:hover, table.data a:hover { color: #0072BC; text-decoration: underline; }
article.node-services table td, article.node-services table th,
table.data td, table.data th { 
	text-align: left; 
	padding: 8px 20px;
	border-bottom: 1px solid #D8D7D6; 
}
article.node-services table thead th, table.data thead th {  
	font-size: 22px; font-size: 2.2rem;
  	line-height: 24px; line-height: 2.4rem;
  	color: #343434;
  	text-transform: uppercase;
  	text-align: left;
  	padding: 25px 10px;
}
article.node-services table thead th.help, table.data thead th.help {
	background: url('../images/icon-help.png') no-repeat;
	background-position: 20px;
	text-indent: 70px;
}
article.node-services table thead th.userguide, table.data thead th.userguide {
	background: url('../images/icon-userguide.png') no-repeat;
	background-position: 20px;
	text-indent: 70px;
}*/

/* TEXT STYLES --------------------------------------------
-------------------------------------------------------- */

h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 36px; font-size: 3.6rem;
  	line-height: 36px; line-height: 3.6rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #DF6226;
}
h1 a { color: #DF6226; text-decoration: none; }
h1.page__title { margin-bottom: 30px; }
h2 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 22px; font-size: 2.2rem;
  	line-height: 24px; line-height: 2.4rem;
	font-weight: bold;
	color: #000000;
}
h2 a { color: #000000; text-decoration: none; }
h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px; font-size: 1.8rem;
  	line-height: 20px; line-height: 2.0rem;
	font-weight: bold;
	color: #565553;
}
h3 a { color: #565553; text-decoration: none; }
h4 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px; font-size: 1.4rem;
  	line-height: 16px; line-height: 1.6rem;
	font-weight: bold;
	color: #343434;
}
h4 a { color: #343434; text-decoration: none; }
p.intro {  
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px; font-size: 1.6rem;
  	line-height: 30px; line-height: 3.0rem;
  	font-weight: 300;
	color: #0072BC;
	margin-bottom: 40px;
}
.big-button { 
	display: block;
	width: 150px;
	height: 150px;
	padding: 20px;
	text-align: center;
	background: #D8D7D6;
	border: 1px solid #565553;
	color: #71706f;
	font-size: 16px; font-size: 1.6rem;
	line-height: 16px; line-height: 1.6rem;
	text-decoration: none;
}

/* IMAGES -------------------------------------------------
-------------------------------------------------------- */

#content img.user-guide {
	border-left: 1px solid #565553;
	border-top: 1px solid #565553;
	border-right: 1px solid #343434;
	border-bottom: 1px solid #343434;
	background-color: #fcfcfc;
	padding: 4px;
	-moz-box-shadow:    2px 2px 8px 4px #c3c2c1;
  	-webkit-box-shadow: 2px 2px 8px 4px #c3c2c1;
  	box-shadow:         2px 2px 8px 4px #c3c2c1;
}

.image-box {
	width: 100%;
	padding: 20px;
	background: #f4f3f1;
	overflow: auto;
	float: none;
	clear: both;
	padding-top: 30px;
}
.image-box img { 
	float: right;
	margin-left: 20px;
	margin-bottom: 0px;
}
.image-box h3 { 
	margin-top: 0px;
}
.image-box-wrapper { 
	padding: 10px;
	border: 1px solid #d8d7d6; 
	margin-bottom: 20px;
}


/* HEADER -------------------------------------------------
-------------------------------------------------------- */

header { 
	height: 112px;
	background: #DF6226;
	color: #ffffff; 
}
#site-name { margin-top: 36px; }
#site-name a {
	font-size: 30px; font-size: 3.0rem;
	line-height: 34px; line-height: 3.4rem;
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
    text-transform: uppercase;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#site-name a.engrit, #site-name a.ss { display: block; float: left; clear: both; }
#site-name a.ss {
	font-size: 16px; font-size: 1.6rem;
	line-height: 16px; line-height: 1.6rem;
	font-weight: 300;
	letter-spacing: 0.66rem;
	margin-left: 2px;
}
#site-name a.engrit em { font-weight: bold; font-style: normal; }
#branding {
	position: relative;
	float: right;
	top: 15px;
	width: 200px;
	height: 36px;
}
body.front #branding { top: -55px; }
#engr {  
	font-size: 12px; font-size: 1.2rem;
  	line-height: 12px; line-height: 1.2rem;
  	text-transform: uppercase;
  	text-align: right;
  	margin-top: 10px;
}
#engr a { color: #ffffff; text-decoration: none; }

#branding a.imark {
	display: block;
	float: right;
	margin-left: 10px;
	background-image: url('//ws.engr.illinois.edu/images/block.i.blue.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 25px;
	height: 36px;
	text-indent: -9999px;
}
header .block-search {
	position: relative;
	top: -20px;
	float: right;
	text-align: right;
	width: 400px;
	height: 40px;
}
body.front header .block-search {
	top: -40px;
}
header .block-search input.form-text {  
	background: #C45521;
	border: none;
	font-size: 14px;
	width: 300px;
	height: 30px;
	padding: 5px 10px;
	color: #ffffff;
	font-weight: 300;
}
header input.form-submit { 
	width: 30px;
	height: 31px;
	padding: 5px;
	background: url('../images/search-icon.gif') top left no-repeat;
	text-indent: -9999px;
	border: none;
}

/* FOOTER -------------------------------------------------
-------------------------------------------------------- */

#footer {
	width: 100%;
	border-top: 10px solid #343434;
	border-bottom: 10px solid #343434;
	background: #4D4C4B;
	color: #F4F3F1; 
	padding: 0px;
	height: 640px;
    margin-top: -400px;
    position: relative;
}
#footer-inner { 
	width: 1080px;
	margin: 0px auto;	
}
#footer-inner .bigger {  
	font-size: 18px; font-size: 1.8rem;
	line-height: 22px; line-height: 2.2rem;
}
#footer-name { 
	width: 180px;
	height: 33px;
	background: url('../images/engrit-footer-name.gif') top left no-repeat; 
	text-indent: -9999px;
}
#footer a { color: #ffffff; }
#footer a:hover { text-decoration: none; }

#footer .contact-info {  
	width: 380px;
	min-height: 360px;
	float: left;
	border-right: 1px solid #71706f;
	padding-top: 30px;
}
#footer .block-webform { 
	width: auto;
	float: right; 
	padding: 20px 0px 0px 20px;
}
#footer .block-webform h2 { 
	background: url('../images/icon-help.png') no-repeat;
	text-indent: 60px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #dcd7d1;
	padding: 10px 0px;
} 
#footer .block-webform label { 
	font-weight: normal;
	color: #dcd7d1;
	margin-bottom: 3px; 
}
#footer .block-webform input[type="text"], 
#footer .block-webform input[type="email"],
#footer .block-webform textarea {
	background: #71706f;
	padding: 3px;
	border: none;
	color: #dcd7d1;
}
#footer .block-webform input.form-submit {  
	border: 1px solid #dcd7d1;
	color: #dcd7d1;
	background: none;
	text-transform: uppercase;
}
#footer .block-webform input.form-submit:hover {  
	color: #343434;
	background: #dcd7d1;
}

/* NAVIGATION ---------------------------------------------
-----------------------------------------------------------
L1: top bar
L2: left menu
L3: nested items in left menu	
-------------------------------------------------------- */

.breadcrumb {
	font-size: 12px; font-size: 1.2rem;
  	line-height: 12px; line-height: 1.2rem;
  	font-weight: 300;
  	color: #565553;
  	margin-bottom: 30px;
}
.breadcrumb a { color: #565553; }

#navigation {  
	height: 40px;
	width: 100%;
	padding: 0;
}

@media (min-width: 980px) {
	.tb-megamenu { background-color: #565553; border: none; }
	.tb-megamenu .nav > li > a {
		font-size: 14px; font-size: 1.4rem;
		line-height: 14px; line-height: 1.4rem;
		font-weight: normal;
		text-transform: uppercase;
		color: #ffffff;
		padding: 13px 20px; 
		text-decoration: none;
		border: none;
	}
	.tb-megamenu .nav > .dropdown > .dropdown-toggle .caret { 
		display: none; 
	}
	.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover,
	.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus,
	.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
	.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
	.tb-megamenu .nav > li.dropdown.open.active > a:hover,
	body.front .tb-megamenu .nav > li.services-item a {
		background: #343434;
		color: #FFAF15;
	}
	body.front .tb-megamenu .nav > li.services-item li a {
		background: #343434;
		color: #ffffff;
	}
	body.front .tb-megamenu .nav > li.services-item li a:hover { color: #FFAF15; }
	.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
		background-color: #343434 !important;
		color: #FFAF15 !important;
	}
	/* --- audience menu items --- */
	.tb-megamenu .nav > li.audience-menu { float: right; }
	.tb-megamenu .nav > li.audience-menu > a {
		background: #0072BC;
		color: #ffffff;
	}
	.tb-megamenu .nav > li.audience-menu > a:hover, .tb-megamenu .nav > li.audience-menu > a:active,
	.tb-megamenu .nav > li.audience-menu.active > a {
		background: #66ACE4 !important;
		color: #ffffff !important;
	}
	.tb-megamenu .nav > li.audience-menu > a:focus, .tb-megamenu .nav > li.audience-menu > a:hover {
		background: #1f6896;
		color: #ffffff;
	}
	.tb-megamenu .nav > li.audience-menu.first {
		padding-left: 120px;
		background: url('../images/audience-nav-label.gif') top left no-repeat;
	}

	.tb-megamenu .dropdown-menu li > a, .tb-megamenu .dropdown-menu {
		border: none;
		background: #F4F3F1;
	}

	/* color of active lev1 menu item */
	.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
		background-color: #343434;
		color: #FFAF15;
	}
	.tb-megamenu .dropdown-menu {
		background: #343434;
		color: #ffffff;
		box-shadow: none;
	}
	.tb-megamenu .dropdown-menu li > a {
		border-top: none;
		border-bottom: 1px solid #45423e;
		padding: 8px 5px !important;
	}

	.tb-megamenu .tb-megamenu-submenu { background: #e8e4e1 url('../images/mega-menu-texture.gif') bottom right no-repeat; }
	.tb-megamenu .tb-megamenu-submenu .dropdown-menu li { border: none; }
	.tb-megamenu .tb-megamenu-submenu ul.tb-megamenu-subnav li a {  
		display: block; 
		background: none; 
		color: #ffffff; 
		display: block;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-size: 12px; font-size: 1.2rem;
		line-height: 13px; line-height: 1.3rem;
		border-bottom: 1px solid #45423e;
		padding: 9px; 
		text-decoration: none;
	}
	.tb-megamenu .tb-megamenu-submenu ul.tb-megamenu-subnav li a:hover { color: #FFAF15; }
	.tb-megamenu .tb-megamenu-submenu ul.tb-megamenu-subnav li.active a {  
		font-weight: bold;
		background: none;
	}

	.tb-megamenu .mega-inner { background: #343434; padding: 0px; 
}

	div.tb-megamenu-column-28 .tb-megamenu .mega-inner { background: #343434; padding: 0px; 
		border: 2px #ccc solid;}

	/* show services menu on home page */
	body.front .tb-megamenu .mega > .mega-dropdown-menu.services-menu-container {
	  display:block;
	}

	/* flyout mega menus */
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu {
		min-height: 423px;
		position: absolute;
		right: 0px;
	}
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-accounts { top: -4px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-communication { top: -34px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-ews { top: -64px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-storage { top: -94px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-hardware { top: -124px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-instruction { top: -154px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-multimedia { top: -184px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-portal { top: -244px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-print { top: -274px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-usersupport { top: -304px; }
	.tb-megamenu .services-menu .dropdown-submenu > .dropdown-menu.mega-webdesign { top: -334px; }


	.tb-megamenu .services-menu .dropdown-submenu .tb-megamenu-submenu .mega-inner { background: transparent; }
	.tb-megamenu .services-menu .dropdown-submenu .tb-megamenu-submenu .mega-nav { background: #e8e4e1; }
	.tb-megamenu .services-menu .dropdown-submenu .tb-megamenu-submenu .mega-nav > li { background: none; }
	.tb-megamenu .services-menu .dropdown-submenu .tb-megamenu-submenu .mega-nav > li a {
		background: none;
		color: #343434;
		border-bottom: none;
		font-size: 14px; font-size: 1.4rem;
		line-height: 15px; line-height: 1.5rem;
	}
	.tb-megamenu .services-menu .dropdown-submenu .tb-megamenu-submenu .mega-nav > li a:hover { 
		font-weight: normal; 
		color: #DF6226; 
	}
	
}

/* --- mega menu blocks --- */
.tb-megamenu-block { 
	color: #343434;
	padding-left: 30px;
	border-left: 1px solid #7f7f7f;
	border-bottom: none; 
}
.tb-megamenu-block h3 {
	color: #7f7f7f;
	font-size: 18px; font-size: 1.8rem;
  	line-height: 18px; line-height: 1.8rem;
}

/* --- L2 Navigation --- */
.region-sidebar-first ul.menu { 
	margin: 0;
	padding: 0;
}
.region-sidebar-first ul.menu li {  
 	list-style-image: none;
 	list-style-type: none;
 	padding-right: 11px;
 	margin: 0;
 	padding: 0;
}
.region-sidebar-first ul.menu li.active {  
 	list-style-image: none;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
}
.region-sidebar-first ul.menu li a {
	display: block;
	font-size: 14px; font-size: 1.4rem;
  	line-height: 15px; line-height: 1.5rem;
  	color: #565553; 
	border-bottom: 1px solid #D8D7D6;
	padding: 10px 0px; 
	text-decoration: none;
	font-weight: 300;
	text-transform: uppercase;
}
.region-sidebar-first ul.menu li.menu-mlid-1333 a,
.region-sidebar-first ul.menu li.menu-mlid-1334 a,
.region-sidebar-first ul.menu li.menu-mlid-1335 a,
.region-sidebar-first ul.menu li.menu-mlid-1342 a {
	color: #0072bc;
}
.region-sidebar-first ul.menu li.menu-mlid-1333 a:hover,
.region-sidebar-first ul.menu li.menu-mlid-1334 a:hover,
.region-sidebar-first ul.menu li.menu-mlid-1335 a:hover,
.region-sidebar-first ul.menu li.menu-mlid-1342 a:hover {
	color: #DF6226;
}
.region-sidebar-first ul.menu li a:hover {
	color: #DF6226;
	font-weight: 300;
}

/* level 1 active state - section headers */
.region-sidebar-first ul.menu li a.active-trail {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
    /*font-size: 16px;*/ font-size: 1.4rem;
    /*line-height: 16px;*/ line-height: 1.5px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 20px 0px;
    color: #DF6226;
    margin-bottom: 5px;
}
.region-sidebar-first ul.menu li a.active-trail:hover { color: #DF6226; }

/* level 2 */
.region-sidebar-first ul.menu li ul { padding-bottom: 10px; border-bottom: 1px solid #D8D7D6; }
.region-sidebar-first ul.menu li ul li a {
	font-size: 12px; font-size: 1.2rem;
  	line-height: 15px; line-height: 1.5rem;
  	padding: 5px 0px;
	color: #00346D;
	border-bottom: none;
	text-transform: none;
	font-weight: normal;
}
.region-sidebar-first ul.menu li ul li.active { background: none; }
.region-sidebar-first ul.menu li ul li a.active-trail,
.region-sidebar-first ul.menu li ul li a:hover {
	font-size: 12px; font-size: 1.2rem;
  	line-height: 15px; line-height: 1.5rem;
  	font-weight: normal;
  	text-transform: none;
  	background: none;
  	padding: 5px 0px;
	color: #DF6226;
}
.region-sidebar-first ul.menu li ul li a.active-trail { 
	font-weight: bold; 
	padding: 5px 0px 5px 0px; 
}
/* level 3 */
.region-sidebar-first ul.menu li ul li ul { 
	margin-left: 5px;
	border-left: 1px solid #D8D7D6;
	border-bottom: none;
	margin-bottom: 10px; 
	padding-bottom: 0px;
}
.region-sidebar-first ul.menu li ul li ul li a {
	font-size: 11px; font-size: 1.1rem;
  	line-height: 14px; line-height: 1.4rem;
  	padding: 5px 5px 5px 10px;
	color: #343434;
	border-bottom: none;
	text-transform: none;
}
.region-sidebar-first ul.menu li ul li ul li.active { background: none; }
.region-sidebar-first ul.menu li ul li ul li a.active-trail,
.region-sidebar-first ul.menu li ul li ul li a:hover {
	font-size: 11px; font-size: 1.1rem;
  	line-height: 14px; line-height: 1.4rem;
  	font-weight: normal;
  	text-transform: none;
  	background: none;
  	padding: 5px 5px 5px 10px;
	color: #DF6226;
}
.region-sidebar-first ul.menu li ul li ul li a.active-trail { font-weight: bold; margin-bottom: 0px; }
/* level 4 */
.region-sidebar-first ul.menu li ul li ul li ul { 
	margin-left: 0px;
	border-left: none;
	border-bottom: none;
	margin-bottom: 10px; 
	padding-bottom: 0px;
}
.region-sidebar-first ul.menu li ul li ul li ul li a {
	padding: 5px 5px 5px 25px;
	background: #f4f3f1;
} 
.region-sidebar-first ul.menu li ul li ul li ul li a.active-trail,
.region-sidebar-first ul.menu li ul li ul li ul li a:hover {
	color: #DF6226;
	padding: 5px 5px 5px 25px;
	background: #f4f3f1;
	margin-bottom: 0px;
}

/* second sidebar - right */
.two-sidebars .region-sidebar-second {
    float: left;
    margin-left: 80%;
    margin-right: -100%;
    width: 20%;
    padding-left: 20px;
    margin-top: 40px;
}
.two-sidebars .region-sidebar-second h2 {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 24px; font-size: 2.4rem;
    line-height: 24px; line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 15px;
}

/* home feature */ 
.region-home-feature { 
	width: 100%;
	height: 530px;
	overflow: hidden;
	margin: 0px;
	padding: 0px; 
	clear: both;
}
.region-home-feature .block.feature-image {
	margin: 0px; padding: 0px;
	overflow: auto;
}
.region-home-feature .block.feature-image div {
	float: right;
}
.region-home-feature .block.feature-image img {
	margin: 0px; padding: 0px;
}
.region-home-feature .block.feature-image img.home-menu { margin-right: 20px; margin-top: 10px; }

#content .feed-icon { display: none; }

.region-home-status {
	width: 100%;
	height: 380px; /*250px;*/
	background: #edebe8;
	overflow: hidden;
}
#content .region-home-status .job-postings ul li { margin-bottom: 0.1rem; }
.region-home-status .ews-status {
	float: left;
	padding: 10px 20px 10px 30px;
}
.region-home-status .ews-status h2 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
    font-size: 24px; font-size: 2.4rem;
    line-height: 24px; line-height: 2.4rem;
    margin-top: 5px;
}
.region-home-status .job-postings {
	float: right;
	width: 526px;
	height: 300px;
	border: 3px solid #FFAF15;
	background: #edebe8;
	padding: 20px;
	position: absolute;
	top: 640px; /*575px;*/
	right: 3%;
}

.region-home-status .job-postings {
	/* overrides for full-area ad image */

 padding: 10px; 
 height: 306px; 
 margin-top: 68px; 

}


.region-home-status .job-postings img {
	/* overrides for full-area ad image */

	margin-top: -20px;
}

.region-home-status .job-postings h2 {
	font-size: 24px;
	line-height: 30px;
	color: #DF6226;
}
.region-home-audiences {
	width: 100%;
	background: none
	padding: 20px 0px 20px 0px;
	margin-top: 100px;
}
.region-home-audiences .inner {
	width: 100%;
	margin: 0px auto;
	padding: 20px 40px;
	overflow: auto;	
	text-align: center;
}
.region-home-audiences .audience {
	display: inline-block;
	width: 25%;
	margin: 0px auto;
	padding: 0px 20px;
	float: left;
	color: #ffffff;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
}
.region-home-audiences h3 {
	color: #ffffff;
	text-transform: uppercase;
    font-weight: 300;
    font-size: 28px; font-size: 2.8rem;
    line-height: 28px; line-height: 2.8rem;
}
.region-home-audiences h3 a {
	display: inline-block;
	color: #ffffff;
	padding: 5px 10px;
	border: 1px solid #ffffff;
	min-width: 180px;
}
.region-home-audiences h3 a:hover {
	background: #66ACE4;
}
.region-home-audiences p {
	font-size: 16px; font-size: 1.6rem;
    line-height: 24px; line-height: 2.4rem;
}

#audience-services { overflow: auto; width: 100%; margin-bottom: 30px; }
a.service-area {
	display: inline-block;
	float: left;
	width: 30%;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 40px 10px;
	background: #66ACE4;
	color: #ffffff;
	border: 1px solid #0072BC;
	text-align: center;
	text-decoration: none;
	font-size: 14px; font-size: 1.4rem;
    line-height: 14px; line-height: 1.4rem;
}
a.service-area:hover { background: #0072BC; }
#topquestions ul { list-style-type: none; margin: 0; padding: 0; }
#topquestions ul li { 
	margin: 0; padding: 0; 
	font-size: 22px; font-size: 2.2rem;
    line-height: 22px; line-height: 2.2rem;
   	font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
}

/* --- Services --- */
#block-views-related-guides-block { margin-bottom: 20px; }
.view-related-guides .view-content {
	padding: 0px 20px 20px 20px;
}
/* get help blocks */
#block-block-9 { background: #f4f3f1; }
#block-block-9 .get-help-content { padding: 0px 20px 20px 20px; }
#block-block-9 h2 {
	background: #f4f3f1 url('../images/icon-help.png') top left no-repeat;
	background-position: 20px;
	text-indent: 60px;
	padding: 15px;
}

#block-views-related-guides-block, 
#block-views-audience-services-block-2, #block-views-audience-services-block-1, #block-views-audience-services-block-3, #block-views-audience-services-block-4, .ui-accordion .ui-accordion-content, .ui-accordion h3 {
	background: #f4f3f1;
}
#block-views-related-guides-block h2,
#block-views-audience-services-block-1 h2, #block-views-audience-services-block-2 h2,
#block-views-audience-services-block-3 h2, #block-views-audience-guides-block-3 h2,  
#block-views-audience-services-block-4 h2, #block-views-audience-guides-block-4 h2 {
	background: #f4f3f1 url('../images/icon-userguide.png') top left no-repeat;
	background-position: 20px;
	text-indent: 60px;
	padding: 15px;
}
#block-views-audience-services-block-2 .ui-corner-top, 
#block-views-audience-services-block-2 .ui-corner-all,
#block-views-audience-services-block-1 .ui-corner-top, 
#block-views-audience-services-block-1 .ui-corner-all,
#block-views-audience-services-block-3 .ui-corner-top, 
#block-views-audience-services-block-3 .ui-corner-all,
#block-views-audience-services-block-4 .ui-corner-top, 
#block-views-audience-services-block-4 .ui-corner-all {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#block-views-audience-services-block-2 .ui-corner-bottom, 
#block-views-audience-services-block-2 .ui-corner-all,
#block-views-audience-services-block-1 .ui-corner-bottom, 
#block-views-audience-services-block-1 .ui-corner-all,
#block-views-audience-services-block-3 .ui-corner-bottom, 
#block-views-audience-services-block-3 .ui-corner-all,
#block-views-audience-services-block-4 .ui-corner-bottom, 
#block-views-audience-services-block-4 .ui-corner-all {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

#block-views-audience-services-block-2 .ui-accordion .ui-accordion-header a,
#block-views-audience-services-block-1 .ui-accordion .ui-accordion-header a,
#block-views-audience-services-block-3 .ui-accordion .ui-accordion-header a,
#block-views-audience-services-block-4 .ui-accordion .ui-accordion-header a {
  display: block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0.5em 0.5em 0.5em 1.8em;
}
 #block-views-audience-services-block-2.ui-state-active a, 
 #block-views-audience-services-block-2 .ui-state-active a:link, 
 #block-views-audience-services-block-2 .ui-state-active a:visited,
  #block-views-audience-services-block-1.ui-state-active a, 
 #block-views-audience-services-block-1 .ui-state-active a:link, 
 #block-views-audience-services-block-1 .ui-state-active a:visited,
  #block-views-audience-services-block-3.ui-state-active a, 
 #block-views-audience-services-block-3 .ui-state-active a:link, 
 #block-views-audience-services-block-3 .ui-state-active a:visited,
  #block-views-audience-services-block-4.ui-state-active a, 
 #block-views-audience-services-block-4 .ui-state-active a:link, 
 #block-views-audience-services-block-4 .ui-state-active a:visited {
  color: #212121;
  text-decoration:none;
}
.ui-accordion .ui-accordion-content { 
	font-size: 12px; font-size: 1.2rem;
	line-height: 20px; line-height: 2.0rem; 
	padding: 1em 2.2em 1.8em 2.2em;
}

/* --- User Guides --- */
#block-views-audience-guides-block-2, #block-views-audience-guides-block-1, #block-views-audience-guides-block-3, #block-views-audience-guides-block-4, .ui-accordion .ui-accordion-content, .ui-accordion h3 {
	background: #f4f3f1;
}
#block-views-audience-guides-block-2 h2, #block-views-audience-guides-block-1 h2, #block-views-audience-guides-block-1 h2, #block-views-audience-guides-block-1 h2 {
	background: #f4f3f1 url('../images/icon-userguide.png') top left no-repeat;
	background-position: 20px;
	text-indent: 70px;
	padding: 15px;
}
#block-views-audience-guides-block-2 .ui-corner-top, 
#block-views-audience-guides-block-2 .ui-corner-all,
#block-views-audience-guides-block-1 .ui-corner-top, 
#block-views-audience-guides-block-1 .ui-corner-all,
#block-views-audience-guides-block-3 .ui-corner-top, 
#block-views-audience-guides-block-3 .ui-corner-all,
#block-views-audience-guides-block-4 .ui-corner-top, 
#block-views-audience-guides-block-4 .ui-corner-all {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#block-views-audience-guides-block-2 .ui-corner-bottom, 
#block-views-audience-guides-block-2 .ui-corner-all,
#block-views-audience-guides-block-1 .ui-corner-bottom, 
#block-views-audience-guides-block-1 .ui-corner-all,
#block-views-audience-guides-block-3 .ui-corner-bottom, 
#block-views-audience-guides-block-3 .ui-corner-all,
#block-views-audience-guides-block-4 .ui-corner-bottom, 
#block-views-audience-guides-block-4 .ui-corner-all {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

#block-views-audience-guides-block-2 .ui-accordion .ui-accordion-header a,
#block-views-audience-guides-block-1 .ui-accordion .ui-accordion-header a,
#block-views-audience-guides-block-3 .ui-accordion .ui-accordion-header a,
#block-views-audience-guides-block-4 .ui-accordion .ui-accordion-header a {
  display: block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0.5em 0.5em 0.5em 1.8em;
}
 #block-views-audience-guides-block-2.ui-state-active a, 
 #block-views-audience-guides-block-2 .ui-state-active a:link, 
 #block-views-audience-guides-block-2 .ui-state-active a:visited,
  #block-views-audience-guides-block-1.ui-state-active a, 
 #block-views-audience-guides-block-1 .ui-state-active a:link, 
 #block-views-audience-guides-block-1 .ui-state-active a:visited,
  #block-views-audience-guides-block-3.ui-state-active a, 
 #block-views-audience-guides-block-3 .ui-state-active a:link, 
 #block-views-audience-guides-block-3 .ui-state-active a:visited,
  #block-views-audience-guides-block-4.ui-state-active a, 
 #block-views-audience-guides-block-4 .ui-state-active a:link, 
 #block-views-audience-guides-block-4 .ui-state-active a:visited {
  color: #212121;
  text-decoration:none;
}





.find-services {
	width: 100%;
	background: #DF6226;
	border: 1px solid #C45521;
	padding: 0px 10px 15px 20px;
	overflow: auto;
}


.find-services2 {
	width: 100%;
	background: transparent;
	border: none;
	padding: 50px 10px 50px 20px;
	overflow: auto;
}

.find-services h2 {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 18px; font-size: 1.8rem;
    line-height: 18px; line-height: 1.8rem;
    font-weight: 300;
    text-transform: uppercase;
	color: #ffffff;
}

.find-services2 h2 {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 18px; font-size: 2.4rem;
    line-height: 18px; line-height: 2.4rem;
    font-weight: 300;
    text-transform: uppercase;
	color: #ffffff;
}

.find-services .form-item, .find-services .form-actions  { 
	float: left; 
	margin: 0;
	padding: 0; 
}
.find-services label, .find-services .form-required  {
	font-size: 14px; font-size: 1.4rem;
    line-height: 14px; line-height: 1.4rem;
    font-weight: normal;
	color: #ffffff;	
	margin-bottom: 5px;
}
.find-services input.form-text {  
	background: #C45521;
	border: none;
	font-size: 14px;
	width: 300px;
	height: 30px;
	padding: 5px 10px;
	color: #ffffff;
	font-weight: 300;
}
.find-services input.form-submit { 
	width: 30px;
	height: 31px;
	padding: 5px;
	margin-left: 5px;
	margin-top: 16px;
	background: url('../images/search-icon.gif') top left no-repeat;
	text-indent: -9999px;
	border: none;
}

.find-services2 .form-item, .find-services2 .form-actions  { 
	float: left; 
	margin: 0;
	padding: 0; 
}
.find-services2 label, .find-services2 .form-required  {
	font-size: 14px; font-size: 1.4rem;
    line-height: 14px; line-height: 1.4rem;
    font-weight: normal;
	color: #ffffff;	
	margin-bottom: 5px;
}
.find-services2 input.form-text {  
	background: #fff;
	border: none;
	font-size: 14px;
	width: 300px;
	height: 30px;
	padding: 5px 10px;
	color: #666666;
	font-weight: 300;
}
.find-services2 input.form-submit { 
    border: medium none;
    font-size: 15px;
    height: 30px;
    margin-left: 5px;
    margin-top: 19px;
    padding: 5px;
    width: 75px;
	/*background: url('../images/searchnew.gif') top left no-repeat;
	text-indent: -9999px;*/
}
.find-services2 input.form-submit:before {
 }

 div.mollom-privacy {text-indent: -9999px; height: 0;}

/*Button -----------------*/

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn a, .btn a:hover {
	color: #fff;
	font-weight: 400 !important;
}

/*Javascript directory classes ----------------------*/

.extDirectoryList  
{
	width: auto; /*was 700 px but conflicts with right sidebar*/
	display: block; 
	margin: 0px auto 0px auto;
	line-height: 1.4em;
}

.extDirectoryPerson
{
	float: left; 
	margin: 0px 10px 10px 0px; 
	width: 300px; 
	height: 150px;
}

.extDirectoryName a {font-weight:bold;}

.extDirectoryPhoto  
{
	width: 100px; 
	height: 132px;
	overflow: hidden; 
	float: left; 
	margin: 0px 10px 0px 0px;
	border: 1px solid #000000;
}

.extDirectoryPhoto img  
{
	width: 100px;
}
	   
.extDirectoryBio 
{
	margin-left: -9999px; 
	width: 200px;
}
	   
.extDirectoryRole 
{
	font-size: 95%;
}

li.extProfileTabs 
{
	display: block;
	float: left;
	width: 180px;
}


/* directory profile css ------------------------ */

.extProfile { width: auto; display: block; margin: 0px auto 0px auto; line-height: 1.4em; /*was 700 px but hard coded width conflicts with right sidebar*/}
.extProfile p { margin-left: 20px; }
.extProfileHeader { display: inline-block; width: 700px; margin: 10px 0px 10px 0px; /*was 100%, overidding to allow just this section to overlap right sidebar*/}
.extProfileName { margin: 0px 0px 10px 205px;} /*was 214px*/ 
.extProfilePhoto {position: relative; top: -60px; /*was -80px;*/ background-color: #FFFFFF; border: 1px solid #fb9e2f; margin: 2px 15px 5px 0; /*was 2px 12px 5px 12px;*/ padding: 10px; float: left; width: 170px; }
.extProfilePhoto img { margin: 0px 0px 5px 0px; width: 170px; }
.extProfilePhotoCaption { font-size: 0.8em; }
.extProfileRoles {display: inline-block; margin: 0px 0px 15px 0px; width: 480px; /*overidding to allow just this item to overlap right sidebar*/}
.extProfileRole { float: left; margin: 0px 30px 10px 0px; }
.extProfileTitle { font-weight: bold; }
.extProfileRoleGroups { margin: 0px 0px 0px 0px; }
.extProfileRoleGroups ul { list-style-type: none; padding: 0px; margin: 0px; font-style: italic; }
.extProfileAffiliationsAdminTitles { display: none; }
.extProfileAffiliationsGroups { display: none; }
.extProfileAffiliationsPrimaryAreaLabel { font-weight: bold; }
.extProfileAffiliationsPrimaryArea ul { margin: 0px; padding: 0px; }
.extProfileAffiliationsPrimaryArea ul li { margin: 0px; padding: 0px; list-style-type: none;  }
.extProfileRoleGroups {display: none; }

.extProfileTabsLabel { display: none; }
#extProfileTabs { margin-top: 30px; }
#extProfileTabs ul { list-style-type: none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #FB9E2F; width: 100%; }
#extProfileTabs ul li { float: left; padding: 0px; margin: 0px 10px 0px 10px; }
#extProfileTabs ul li a { display: block; height: 16px; padding: 4px 6px 6px 6px; border: 1px solid #FB9E2F; border-bottom: 1px solid #e0e0e0; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #e0e0e0; }
#extProfileTabs .on { background-color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }
#extProfileTab1Container { display:none; }
#extProfileTab2Container { display:none; }
#extProfileTab3Container { display:none; }
#extProfileTab4Container { display:none; }

/* Related Faculty block (directory snippet) on news stories) ---------*/

#block-views-related_faculty-block_1 .extDirectoryPerson  {
	width: auto;
	height: auto;
}


/*New build of JS directory Dec 2013 ------------------- */

.rolewrap {
	width: 230px;
	float:left;
}

.extName { margin: 0px 0px 10px 205px;} /*was 214px*/ 

.extTitle {font-weight: 600;}

#block-views-related_faculty-block_1 ul, #block-views-related_faculty-block_1 .item-list ul li {
	list-style-type:none;
	margin: 0px;
}

/*-----hide help block------------------------------------------*/

article.node-1835 #block-block-9  {display:none;}

/*-----web portfolio------------------------------------------*/


div.entry2, div.wrapentry, .entry2 {
    background: #e8e8e8 none repeat scroll 0 0;
    display: inline-block !important;
    float: left;
    margin-right: 15px;
    padding: 5px;
    position: relative;
    width: 240px;
}


div.entry2 img  {
    width:100%;
}

div.thumbnails .magnifier .buttons {
    top:40%;
}

.magnifier .btn-default {
    padding:0 20px !important;
    color:#222222 !important;
    width:auto !important;
}

.magnifier .sg,
.magnifier .st,
.magnifier .sf {
    border:1px solid #ffffff;
    color: #FFFFFF;
    display: block;
    display: inline-block !important;float: none !important;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    margin: -10px 2px 0 2px;
    text-align: center;
    width: 40px;
}

.magnifier .overtext
 {
    color: #FFFFFF;
    display: block;
    display: inline-block !important;
    float: none !important;
    text-align: center;
}


.magnifier h4 {
    color:#ffffff;
    text-align:center;
    font-size:16px;
    padding:10px 0;
    margin-bottom:20px;
    display:block;
    font-family: 'bariol_lightlight';
}

.magnifier h3, .magnifier h3 a {
    color:#ffffff;
    text-align:center;
}

.portfolio_item .magnifier .buttons {
    top:44%;
}

.magnifier .buttons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -50px; /*-20px*/
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.magnifier:hover .buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.entry2:hover .magnifier { 
    opacity: 1;
    visibility: visible;
}

.magnifier {
    background:#000000;
    background:rgba(0,0,0,0.8);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#block-views-web-portfolio-list-block ul, #block-views-web-portfolio-terms-block ul {
	padding:0;
}

#block-views-web-portfolio-list-block ul li {    
	list-style-image: none;
    list-style-type: none;
    float: left;
    height: 180px;
    margin: 6px;
    overflow: hidden;
    position: relative;
    width: 250px;
}
 
#block-views-web-portfolio-terms-block ul li {    
	list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#block-views-web-portfolio-terms-block ul li a {
    border: 1px solid #d8d7d6;
    color: #565553;
    display: block;
    float: left;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 0 10px 5px 0;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 180px;
}

/* #block-views-web-portfolio-terms-block ul li a:hover {
	background-color: #ccc;
	color: #fff;
} */


/* info block styles 
   used on Web Hosting pages

   ----------------------------------- */

.info-block h2 {
	line-height: 20.0063px; 
	background: #dfdedc; 
	padding: 10px 20px; 
	margin-bottom: 0px;
}
.info-block .block {
	border: 1px solid #dfdedc; 
	padding: 20px; 
	margin-top: 0px;
}


/* storage table and forms

--------------------------------------- */

div.findstorage div.view-content {width:50%; float: left;}

div.findstorage div.view-filters {width:50%; float: left;}

.findstorage table, .findstorage table a, .findstorage table p {
	font-size: 11px;
	line-height: 14px;
	margin-top: 0em;
}
.findstorage th {
	background: #B4D2EA;
}
.findstorage td { padding: 4px; border-right: 1px dotted #ffffff; }
.findstorage td.active { background: inherit; font-weight: bold; }

tr.even, tr.odd { border-bottom: 1px solid #B4D2EA; }
tr.even { background: #ffffff; }
tr.odd { background: #E5EFF7; }

div.findstorage caption {    
	font-size: 2em;
    font-weight: 600;
    padding: 0 10px 20px 10px;}


div.findstorage .views-exposed-form label {
    /*font-weight: bold;*/
    padding: 0 0 6px;
}

/*div.findstorage .views-exposed-form .views-exposed-widget {
    border: 1px solid #c0c0c0;
    float: left;
    margin: 10px;
    padding: 1em;
    width: 80%;
}*/

div.findstorage .form-item .description {
    /*float: right;*/
    font-size: 0.85em;
    /*width: 50%;*/
    padding: 0 0 5px 0;
}
#edit-field-storage-sensitive-data-value-wrapper,
#edit-field-storage-largedata-value-wrapper,
#edit-field-storage-share-value-wrapper,
#edit-field-storage-datause-value-wrapper {
    border: 1px solid #c0c0c0;
    float: left;
    height: 150px;
    margin: 10px;
    padding: 1em;
    width: 200px;
}

#edit-field-storage-machines-value-wrapper,
#edit-field-storage-applications-value-wrapper,
#edit-field-storage-uptime-value-wrapper, #edit-field-client-tags-tid-wrapper {
	border: 1px solid #c0c0c0;
    float: left;
    height: 230px;
    margin: 10px;
    padding: 1em;
    width: 200px; 
}

#edit-field-storage-uptime-value-wrapper { height: 270px;}

div.findstorage .views-exposed-form .views-exposed-widget .views-submit-button {border: none!important; }

#block-webform-client-block-2454 {padding: 20px; background: #e8e8e8; clear: both;}

/*media room lists and pages -------------*/

#block-views-media-room-list-block table thead th, #block-views-media-room-list-block table.data thead th, div.medialist table thead th, div.medialist table.data thead th  {
    color: #343434;
    font-size: 1em;
    line-height: 1.4em;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    background: #f8f8f8 none repeat scroll 0 0;
    border-right: 1px solid #e8e8e8;
}

div.medialist tr.even, div.medialist tr.odd {
    border-bottom: 1px solid #b4d2ea;
    height: 90px;
}

div.medialist td {
padding: 7px;
}

article.node-room .field .field-label, .boldlabel, article.node-room .label, #block-views-media-room-details-block .field .field-label {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-top: 10px;
    display: block;

}


 #block-views-media-room-details-block {
 	width: 220px;
 	float: left;
 	margin-right: 30px;
 }

#block-views-related-media-room-docs-block-3,  #block-views-related-media-room-docs-block-2 {
 	width: 220px;
 	float: left;
 	margin: 0 40px 0 0;
 }

div.220wide img {
    border: 0 none;
    float: left;
    height: auto;
    max-width: 220px;
    padding: 10px;
    width: 220px;
}




/* service tables

--------------------------------------- */

.rg-container .basic { background: rgba(156,196,228,0.25); text-align: center !important; width: 40px; }
.rg-container .standard { background: rgba(156,196,228,0.5); text-align: center !important; width: 40px; }
.rg-container .research { background: rgba(156,196,228,0.75); text-align: center !important; width: 40px; }
.rg-container .service-name { width: 50%; }
.rg-container .notes { width: 25%; font-size: 70% !important; }


/* info (hed, dek, source, credit) */
.rg-container {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 1em 0.5em;
	color: #1a1a1a;
}
.rg-header {
	margin-bottom: 1em;
}
.rg-hed {
	font-weight: bold;
	font-size: 1.4em;
}
.rg-dek {
	font-size: 1em;
}
.rg-source-and-credit {
	width: 100%;
	overflow: hidden;
}
.rg-source {
	margin: 0;
	float: left;
	font-weight: bold;
	font-size: 0.75em;
}
.rg-source .pre-colon {
	text-transform: uppercase;
}

/* table */
table.rg-table {
	width: 100%;
	margin-bottom: 0.5em;
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	background: #ffffff !important;
}
table.rg-table * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left;
	color: #333;
}
table.rg-table a { color: #0072bc; }
table.rg-table thead {
	border-bottom: 1px solid #ddd;
}
table.rg-table tr {
	border-bottom: 1px solid #ddd;
	color: #222;
}
table.rg-table tr.highlight {
	background: #efefef;
}
table.rg-table.zebra tr:nth-child(even) {
	background: #efefef;
}
table.rg-table th {
	font-weight: bold;
	padding: 0.35em !important;
	font-size: 0.9em !important;
    line-height: 0.9em !important;
    text-transform: none !important;
}
table.rg-table th.rotate {
  /* Something you can count on */
  height: 80px;
  white-space: nowrap;
}

table.rg-table th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(-90deg);
  width: 20px;
}
table.rg-table th.rotate > div > a {
  padding: 0px;
}
table.rg-table td {
	padding: 0.35em !important;
	font-size: 0.9em;
}
table.rg-table .highlight td {
	font-weight: bold;
}
table.rg-table th.number, td.number {
	text-align: right;
}

div.megawrap .mega-dropdown-inner  {border: 1px solid #cccccc !important;}





/* media queries */
@media screen and (max-width: 1080px) {
	
	/*
	#content {
		width: 100%;
		padding: 0;
	}
	*/
}
@media screen and (max-width: 600px) {
	.rg-container .basic { background: rgba(156,196,228,0.25); text-align: left !important; width: auto; }
	.rg-container .standard { background: rgba(156,196,228,0.5); text-align: left !important; width: auto; }
	.rg-container .research { background: rgba(156,196,228,0.75); text-align: left !important; width: auto; }

	.rg-container {
		max-width: 600px;
		margin: 0 auto;
	}
	table.rg-table {
		display: block;
		width: 100%;
	}
	table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile {
		display: none;
	}
	table.rg-table thead {
		display: none;
	}
	table.rg-table tbody {
		display: block;
		width: 100%;
	}
	table.rg-table tr, table.rg-table th, table.rg-table td {
		display: block;
		padding: 0;
	}
	table.rg-table tr {
		border-bottom: none;
		margin: 0 0 1em 0;
		padding: 0.5em 0;
	}
	table.rg-table tr.highlight {
		background: none;
	}
	table.rg-table.zebra tr:nth-child(even) {
		background: none;
	}
	table.rg-table.zebra td:nth-child(even) {
		background: #efefef;
	}
	table.rg-table tr:nth-child(even) {
		background: none;
	}
	table.rg-table td {
		padding: 0.5em 0 0.25em 0;
		border-bottom: 1px dotted #ccc;
		text-align: right;
		width: 100%;
	}
	table.rg-table td.service-name, table.rg-table td.notes { text-align: left; width: 100%; }
	table.rg-table td[data-title]:before {
		content: attr(data-title) ":A0";
		font-weight: bold;
		display: inline-block;
		content: attr(data-title);
		float: left;
		margin-right: 0.5em;
		font-size: 0.95em;
	}
	table.rg-table td:last-child {
		padding-right: 0;
		border-bottom: 2px solid #ccc;
	}
	table.rg-table td:empty {
		display: none;
	}
	table.rg-table .highlight td {
		background: none;
	}
}








/* responsive styling */

@media screen and ( max-width: 1080px ) { 
	header {  }
	#container { 
		width: 100%;
	}
}