body {
	/* A4 page */
	width: 660px;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
}

br {
	display: none; /* They just get in the way */
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1.8em 0 1.2em;
}

.content-box.text h3, .content-box.tabs h3 {
	padding: 0 !important;
	margin: 0 0 0.5em 0 !important;
	font-size: 1.5em !important;
	margin: 0 !important;
}

h4 {
	font-size: 1.1em !important;
	font-weight: bold !important;
	margin: 1.5em 0 1em !important;
	color: #000 !important;
	background: none !important;
}

.modal-window h4, .modal-window h4.content-box.text h4, .content-box.tabs h4 {
	background-color: #FFF !important;
	color: #000 !important;
	padding: 0 !important;
	margin: 1em 0 0 0 !important;
	font-size: 1.1em !important;
}

.modal-window {
  left: 0px !important;
}

.modal-window .modal-content {
  position: relative !important;
}

.modal-window .modal-content .scrollable-table-body {
  height:auto !important;
}

#obportal-menu{
  display:none;
}
.notprinted
{
	display: none;
}

.printonly {
	display: block !important;
}
.skip,
.menu,
.w3c-seo,
.tag-cloud h4,
.hide-box a span,
.filter-cover-visible,
.info-icon,
#overview-container,
#shortcuts,
#quicklinks,
#account-controls,
#search-site,
#news,
#campaigns,
#overview-container h3 span,
#campaigns p.campaign-link a span,
#content-container #content-container-sidebar-one h3,
#content-container #content-container-sidebar-two h3,
#news #newsBack span,
#news #newsNext span,
#header h1,
#header h2,
#filter,
#footer
{
	display: none !important;
}

#logo-primary {
	position: absolute;
	top: 1em;
	right: 3em;
}

#col-0-of-three-col-layout,
#col-1-of-three-col-layout {
	display: none;
}

.ui-tabs-nav li {
	font-weight: bold;
	font-size: 1.2em;
	margin: 1.5em 0 1em;
}

.ui-tabs-nav li a {
	color: #000;
	text-decoration: none;
}


/*  When a lightbox is selected, we change its class to box-content-active so that in print view this style applies */
.box-content-active {
	width: 660px; /* A4 page */
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	overflow: visible;
	position: absolute;
	z-index: 200;
	border: none;
}

.box-content-active .boxcontent {
	overflow: visible;
}

.mobile-services-body .print-view-text {
	float: right !important;
	display: inline !important;
}

.mobile-services-body .content-area {	
	float: left !important;
	border: none !important;
}

.mobile-services-body .obportaltable {
	float: left !important;
	padding-left: 5px;
}

.mobile-services-body .obportaltable .with-scroll {
	height: auto !important;
	overflow: visible !important;
}

.mobile-services-body .obportal-form .displaylabel {
	width: 140px !important;
}

/* Browser print views are greatly affected by user settings such as margins and page layouts which are outside of the general control of css  */
.mobile-services-body .one-half-width {
	width: 34% !important;
}

.table-headings {
	background-color: #FFF !important;
	color: #000 !important;
}

label.columnlabel {
	font-weight: bold;
}

.content-box.hub, .content-box.hub .content-box-inner, .content-box.tabs, .content-box.tabs .content-box-inner, .content-box.text, .content-box.text .content-box-inner {
	background: #FFF;
	border: none;
}

#header {
	background: none;
}

.headerprintmeta {
	position: absolute;
	top: 20px;
	left: 350px;
	font-weight: bold;
}

.headerprintmeta span.date {
	font-weight: normal;
}


.boxclose {
	display: none;
}

.print-with-top-padding {
	padding-top: 15px;
}