/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
		  
Master CSS file :: bpac.org.nz
Version 7 :: June 2014

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* 1. BASE 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Reset ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
html { overflow-y: scroll; overflow-x: auto; font-size: 100%; }
html a, html:focus { outline: none; }
body, /*ul, li,*/ img { margin: 0; padding: 0; }
li { list-style: none; }
img, img a { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: top; }
.hide { display: none; visibility: hidden; }
.invisible { visibility: hidden; } 


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HTML5 Elements ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

figure {
	margin: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Clearfix ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* 2. DEFAULT STYLES / COMMON
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Body ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'PT Sans', sans-serif,  Helvetica, Arial;*/
	font-size: 1em;
	line-height: 1.4;
	color: #555;
	background: #f4f4f4;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Typography, Links ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^ Reset ^^^^^^^^^^ */
del {
	text-decoration: line-through;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 85%;
}

.small {
	font-size: 13px;
}

big {
	font-size: 285%;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}

sup {
	position: relative;
	top: 2px;
	font-size: 12px;
}

a.sup { 
	text-decoration: none !important; 
	color: #0099FF !important;
}

/* ^^^^^^^^^^ Headings ^^^^^^^^^^ */
h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h3 {
	text-decoration: none;
	color: #0d83dd;
}

h1.notop, h2.notop, h3.notop, h4.notop {
	margin: 0 0 10px 0;
}

h1 {
	font-size: 32px; 
	margin: 0 0 10px 0;
}

h2 {
	font-size: 22px; 
	margin: 20px 0 5px 0;
}

h3 {
	font-size: 19px; 
	margin: 20px 0 5px 0;
}

h4 {
	font-size: 17px;
	margin: 20px 0 3px 0;
}

h5 {
	font-size: 13px;
	margin: 10px 0;
}

h6 {
	font-size: 11px;
}


/* ^^^^^^^^^^ Copy ^^^^^^^^^^ */
p {
	font-size: 16px; 
	margin: 0 0 10px 0;
}

p strong { font-size: 16px; color: #222; }

p img {
	margin: 0;
}


/* ^^^^^^^^^^ Links ^^^^^^^^^^ */
a, a:visited {
	color: #222;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #3880e4; 
	text-decoration: underline;
	outline: 0;
}

/* ^^^^^^^^^^ Back to top ^^^^^^^^^^ */
#toTop {
	width: 110px;
    border: 1px solid #2166a1;
    background: #3482c4;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 20px;
    right: 30px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-family: verdana;
    font-size: 12px;
}


/* ^^^^^^^^^^ Target blank link style ^^^^^^^^^^
a[target="_blank"] {
	display: inline-block;
	background: url(/img/icons/newWin.gif) no-repeat right top;
	padding: 0 14px 0 0;
} */


/* ^^^^^^^^^^ Blockquote ^^^^^^^^^^ */
blockquote, blockquote p {
	font-size: 16px; 
	line-height: 24px; 
	color: #777; 
	font-style: italic;
	margin: 0;
}

blockquote p {
	margin: 0 0 12px 0;
}

blockquote {
	padding: 7px 18px; 
	border-left: 3px solid #ddd;
	margin: 20px 0;
}

p.quote {
	padding: 7px 18px; 
	border-left: 3px solid #ddd;
	margin: 20px 0;
	font-style: italic;
}

blockquote cite {
	display: block; 
	font-size: 12px; 
	color: #555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
	color: #555;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Buttons ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #0d83dd; 
	font-size: 16px; 
	padding: 5px 10px; 
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #0c64a8;
	color: #fff !important;
	text-decoration: none;
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	background: #0c64a8;
	color: #fff !important;
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Lists ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#content ul, #content ol {
	margin: 20px;
	padding: 0;
}

#content ul li, #content ol li {
	font-size: 16px;
	margin: 0 0 6px 20px;
}

#content ul li {
	list-style: circle;
}

#content ol li {
	list-style: decimal;
}

ul.lower-alpha li {
	list-style: lower-alpha !important;
}

#content ul li strong {
	color: #000;
	/*font-size: 15px;*/
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Other ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.subscribe-button-inner {
	float: right;
}

.abstractContainer .info {
	margin: 10px 0 0 0;
}

hr {
	border: solid #e2e2e2; 
	border-width: 1px 0 0; 
	clear: both; 
	margin: 20px 0; 
	height: 0; 
}

.right {
	float: right;
}

.left {
	float: left;
}

.nomargin, .note h3.nomargin {
	margin: 0;
}

mark {
	background: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

a:link {
	-webkit-tap-highlight-color: #BDE4DA;
}

::-moz-selection {
	background: #BDE4DA;
	color: #222;
	text-shadow: none;
}

::selection {
	background: #BDE4DA;
	color: #222;
	text-shadow: none;
}

.spin:hover { /* just in case ;) */
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.1s ease-in-out;
	-moz-transition: all 1.1s ease-in-out;
	-o-transition: all 1.1s ease-in-out;
	-ms-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}


/****** noscript - chromeframe depreciated ******/
noscript, .chromeframe {
	width: 100%;
	text-align: center;
	display: block;
	background: #FFE6E6;
	padding: 20px 0;
	color: #993300;
	margin: 0 auto;
	border-bottom: solid 1px #FFBBBB;
	border-top: none;	
}

.chromeframe strong {
	color: #993300;
}

noscript a, .chromeframe a {
	color: #993300;
	text-decoration: underline;
}

/******** New Zealand Formulary link button *******/
a.nzfLink {
	height: 73px;
	width: 243px;
	background: url("/img/bpj/nzfLink.png") top left;
	padding-right: 0;
	border: none;
    display: block;
}

a.nzfLink:hover {
	height: 73px;
	width: 243px;
	background: url("/img/bpj/nzfLink.png") bottom left;
	padding-right: 0;
	border: none;
}

a.nzfLink:active {
	height: 73px;
	width: 243px;
	background: url("/img/bpj/nzfLink.png") top right;
	padding-right: 0;
	border: none;
}

/****** warning notice ******/
.warning {
	display: block;
	padding: 10px 10px 10px 40px; 
	background: #FFE6E6 url(/img/icons/warning.png) 10px 10px no-repeat;
	color: #993300; 
	margin: 10px 0;
	border: solid 1px #FFBBBB;
}

.warning a { 
	color: #993300;
	text-decoration: underline;
}

.warning a:hover { 
	text-decoration: underline;
	color: #000;
}

/****** info notice ******/
.info {
	display: block;
	padding: 10px 10px 10px 45px; 
	background: #DFEFFF url(/img/icons/info.png) 10px 10px no-repeat;
	color: #0066CC; 
	margin: 10px 0;
	border: solid 1px #99CCFF;
}

.info a { 
	color: #0066CC;
	text-decoration: underline;
}

.info a:hover { 
	text-decoration: underline;
	color: #000;
}

.bg-red { background: #FFE6E6; }


/****** sucess notice ******/
.success {
	display: block;
	padding: 10px 10px 10px 40px; 
	background: #F2FFF9 url(../img/icons/tick.png) 10px 10px no-repeat;
	color: #006600; 
	margin: 10px 0;
	border: solid 1px #009966;
}

.success a { 
	color: #fff;
	padding: 3px 10px;
	margin: 0 0 0 10px;
	background: #006633; 
	text-decoration: none;
}

.success a:hover { 
	text-decoration: none;
	background: #003300;
	color: #fff;
}

.m-show { /* hide for desktop and show for mobile */
	display: none;
}

/****** Accordian *****/
.accordion {
	width: 100%;
	margin: 1em 0em;
}

.accordion h3.openclose {
	background: url(../img/plus.png) no-repeat right center #F6F6F6;
    border: 1px solid #EEEEEE;
    color: #666;
    display: block;
	font-size: 15px;
    //font-size: 1.5em;
    //font-weight: bold;
    margin: -1px 0 0 !important;
    padding: 0.5em 1em;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.accordion h3.openclose.active {
	background: url(../img/delete.png) no-repeat right center #ffffff;
}

.accordion h3.openclose:hover {
	background-color: #ffffff;
	color: #0d83dd;
	border: 1px solid #EEEEEE;
	cursor: pointer;
}

.accordion div {
	padding: .5em .25em;
}

.accordion div h4 {
	margin: 0 0 8px 0;
}

.accordion div h3 span {
	font-size: 13px;
	color: #666666;
}


/****** Tooltip ******/
#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

#aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

.defaultTheme {
	border: 1px solid #0c64a8;
	background: #3880e4;
	color: #fff;
	margin: 0;
	padding: 6px 12px;
	width: 250px;
	
	-moz-border-radius: 9px 0 9px 0;
	-webkit-border-radius: 9px 0 9px 0;
	-khtml-border-radius: 9px 0 9px 0;
	border-radius: 9px 0 9px 0;
	
	/*-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;*/
}
	
/*.defaultTheme #aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url(/images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-20px;
	right:-30px;
	margin:2px;
	padding:4px;
}*/


/* 3. LAYOUT
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#container {
	width: 94%;
	max-width: 1180px;
	margin: 0 auto;
	background: #fff;
	
	border-left: solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	
	/*-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);*/
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Header ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#header {
	margin: 0 auto;
	background: #fff;
	position: relative;
}

#banner {
	width: 92%;
	margin: 0 auto;
	height: 90px;
}

#banner #logo, #banner #logo a {
	width: 170px;
	height: 65px;
	float: left;
	margin: 10px 0 0 0;
	background: url(/img/logo.png);
	*margin: -10px 0 0 0; /* hack IE7 and below */
}

#header-sub-menu {
	margin: 10px 20px 0 0;
	float: right;
	font-size: 14px;
	*display: none; /* hack IE7 and below */
}

#header-sub-menu a {
	text-decoration: none;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Main Navigation - See mastermenu.css ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^ SIDR, only used for antibiotics guide now ^^^^^^^^^^ */
a#sidebar-mobi-menu {
	padding: 10px 20px 10px 45px;
	margin: 10px 0;
	background: #0d83dd url(/links/sidr/menu-icon.png) 12px 12px no-repeat;
	color: #fff;
	text-decoration: none;
	display: none;
}

a:hover#sidebar-mobi-menu {
	background: #0c64a8 url(/links/sidr/menu-icon.png) 12px 12px no-repeat;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Content layouts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#content {
	width: 92%;
	margin: 0;
	padding: 0% 4% 2% 4%;
	float: left;
	background: #fff;
}

#mainContent {
	width: 72%; /*width: 58%;*/
	*width: 71.5%; /* hack IE7 and below - 58.5%; */
	float: left;
	padding: 0;
}

.full-width {
	width: 92%;
	padding: 3% 4% 0 4%;
}

.half {
	width: 42%;
	padding: 2%;
	margin: 1%;
	display: inline-block;
}

#OuterContent {}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Right sidebar content ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#rightContent {
	width: 24%; /*width: 18%;*/
	float: left;
	padding: 0 0 4% 4%;
}

#rightContent img {
	max-width: 100%;
}

.sidebar-box {
	border: solid 1px #e2e2e2;
	border-top: 2px solid #2f7aba;
	margin: 0 0 20px 0;
	padding: 8%;
	width: 92%;
	float: left;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Left sidebar content ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#leftContent {
	width: 15%;
	float: left;
	padding: 0 4% 4% 0;
}

#leftContent img {
	max-width: 100%;
}
	

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Breadcrumbs ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#breadcrumb {
	padding: 12px 4% 0 4%;
	margin-bottom: 15px;
	width: 92%;
	color: #999;
	background: #fff;
	float: left;
}

#breadcrumb a {
	color: #666;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #0d83dd;
}

.siteMapPath {
	font-size: 14px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.currentNodeStyle {
	color: #000;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ box styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.inner-content-box {
	margin: 0 0 30px 0;
	padding: 4%;
	width: 92%;
	border: solid 1px #e2e2e2;
}

.inner-content-box h2 {
	margin: 0 0 10px 0;
}

.sidebar-box ul, .halfbox ul {
	margin: 10px 0 30px 0 !important;
	padding: 0 !important;
}

.sidebar-box ul li, .halfbox ul li {
	list-style: none !important;
	margin: 0 0 10px 0 !important;
	font-size: 14px !important;
}

.sidebar-box ul li, .sidebar-box ol li, .halfbox ul li, .halfbox ol li {
	font-size: 16px;
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	background: url(../img/li2.png) 0 6px no-repeat;
	list-style: none;
}

.dashbox {
	float: left;
	padding: 2%;
	margin: 0 0 2% 0;
	width: 95%;
	border: solid 1px #e2e2e2;
}

.dashbox-half {
	float: left;
	padding: 2%;
	margin: 1%;
	width: 43.7%;
	border: solid 1px #e2e2e2;
}

.dashbox h2, .dashbox-half h2 {
	margin: 0 0 10px 0;
} 

.accc { background: #f5f5f5; }
.greytop {
	border-top: 2px solid #666;
}

.greentop {
	border-top: 2px solid #99CC00;
}

.bluetop {
	border-top: 2px solid #0d83dd;
}

.redtop {
	border-top: 2px solid #cc3300;
}

.orangetop {
	border-top: 2px solid #ff9900;
}

.yellowtop {
	border-top: 2px solid #ffd800;
}

/****************************************************************************************************/
/********************************************* Footer  *********************************************/
/**************************************************************************************************/
#footer {
	width: 92%;
	min-height: 120px;
	padding: 2% 4%;
	margin: 0;
	float: left;
	background: #fff;
	border-top: solid 1px #e2e2e2;
}

#footer ul {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #e2e2e2;
}

#footer li {
	list-style: none;
	display: inline;
	margin: 0 10px 0 0;
	font-size: 13px;
	line-height: 30px;
}

#footer li a {
	padding: 0;
	margin: 0;
}

#footer p {
	font-size: 13px;
	margin: 0;
}

#footer a {
	text-decoration: none;
}

#footer h4 {
	margin: 0 0 10px 0;
}

#footer a:hover {
	text-decoration: underline;
}

#footer-left {
	float: left;
	width: 72%;
	padding: 0;
}

#footer-right {
	width: 24%;
	float: left;
	padding: 0 0 4% 4%;
}

p#facebook-icon {
	margin: 0 5px;
}

#facebook-icon img {
	position: relative;
	top: 2px;
	right: 3px;
}

.partnerlinks {
	width: 100%;
	float: left;
	border-top: 1px solid #e2e2e2;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

.partnerlink {
	background: #fbfbfb;
	border-top: 1px solid #e2e2e2;
	padding: 4%;
	margin: 0;
	float: left;
	width: 92%;
}

.partnerlink img {
	float: left;
	margin: 0 15px 0 0;
	width: 24%;
}

.partnerlink h4 {
	margin: 0;
	font-size: 14px;
}

.partnerlink p {
	margin: 0;
	font-size: 12px;
}

.partnerlink a {
	text-decoration: none;
}

#footer #OtherCategories {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e2e2e2;
}

#footer #OtherCategories .otherArticleLinks {
	width: 42%;
	padding: 0 5% 0 0;
	margin: 0 0 5px 10px;
	float: left;
}


/*  5. PAGE SPECIFIC 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/********************************************* home page *********************************************/
.home h2 {
	margin: 5px 0 10px 0;
	font-size: 18px;
}

.home h3 {
	font-size: 16px;
}

.home #latest-publications {
	width: 100%;
	float: left;
}

.home #latest-publications img {
	width: 22%;
	margin: 0 3% 2% 0; 
	padding: 0 0 13px 0; 
	background: url(/img/cover-shadow-small.png) bottom center no-repeat;
}

.home #publications-news-wrapper {
	width: 70%;
	float: left;
}

.home #latest-publications img.last {
	margin: 0 0 2% 0;
}

.home .sidebar {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}

.home .sidebar h3 {
	margin: 10px 0;
	font-size: 14px;
}

.home .sidebar.boxed {
	border: solid 1px #e2e2e2;
	padding: 4%;
	width: 91.3%;
	background: #fbfbfb;
	-moz-box-shadow: inset 0 0 10px #e6e6e6;
   -webkit-box-shadow: inset 0 0 10px #e6e6e6;
   box-shadow: inset 0 0 10px #e6e6e6;
}

.home .sidebar.boxed .quicklink {
	background: #fff;
}

.quicklink {
	background: #fbfbfb;
	border-top: 1px solid #e2e2e2;
	padding: 4%;
	margin: 0;
	float: left;
	width: 92%;
}

.quicklink .imgsmall {
	float: left;
	margin: 0 15px 0 0;
	width: 24%;
}

.quicklink .imgbig {
	float: left;
	margin: 0;
	max-width: 100%;
}

.quicklink h4 {
	margin: 0 0 5px 0;
	font-size: 14px;
}

.quicklink p {
	margin: 0;
	font-size: 12px;
}

.quicklink a {
	text-decoration: none;
}

.home #guidelines {
	margin: 20px 0 0 0; 
	float: left; width: 100%;
}

.home #news {
	width: 100%;
	float: left;
}

.home #news .newsitem, .home #guidelines .newsitem {
	margin: 0;
	padding: 4% 2%;
	border-top: solid 1px #e6e6e6;
	background: #fbfbfb;
	float: left;
	width: 96%;
}

.home #news .newsitem img, .home #guidelines .newsitem img {
	width: 28%;
	float: left;
	margin: 0 20px 0 0;
}

#MainContent_LatestOfInterestList_ArticleList_Panel {
	width: 100%;
}

.latest-snippet {
	float: left;
	width: 48%;
	margin: 0 4% 4% 0;
	padding: 0 0 2% 0;
	border-bottom: dashed 1px #ccc;
}

.latest-snippet.full {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: none;
}

.latest-snippet h3 {
	margin: 5px 0;
}

.latest-snippet img {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.latest-snippet.last {
	margin: 0 0 4% 0;
}

.latest-snippet.bottom {
	border-bottom: none;
}

.catwrap {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}

.catwrap p {
	display: block;
	margin: 0 0 5px 20px;
	font-size: 12px;
}

.latest-snippet-personalized {
	float: left;
	width: 20.7%;
	margin: 1%;
	padding: 1%;
	border: dashed 1px #ccc;
}

.latest-snippet-personalized img {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.latest-snippet-personalized h3 {
	font-size: 14px;
	margin: 0;
}

img.edit-interest {
	width: 12px;
	margin: 10px 5px 0 0;
	float: left;
}

.home .favourite-articles {
	float: left;
	padding-bottom: 30px;
	margin-top: 20px;
}


/********************************************* FAQ *********************************************/
.note-faq {
	padding: 2%;
	width: 96%;
	border-bottom: solid 1px #e6e6e6;
	margin: 0;
}

.note-faq h3, .note-faq h2  {
	margin: 0 0 10px 0;
}


/********************************************* Publications *********************************************/
#publications-page {
	padding: 0;
	width: 100%;
}

#publications-page .inner-content-box {
	width: 93.7%;
	padding: 1% 3%;
	margin: 1% 0;
	float: left;
}

#publications-page .inner-content-box .button {
	margin: 20px 0 0 0;
	float: left;
}

#publications-page .pubcover {
	float: right;
	width: 150px;
	margin: 0 0 0 25px;
}

#publications-page .pubcover p {
	font-size: 13px;
	margin: 0 0 10px 0;
	color: #666;
	text-align: center;
}

#publications-page .pubcover img {
	width: 100%; 
	padding: 0 0 14px 0; 
	background: url(/img/cover-shadow-small.png) bottom center no-repeat;
}


/********************************************* Handbooks *********************************************/
#handbooks {
	background: #fff; 
	padding: 2% 2% 0 2%;
	width: 96%;
	/*border-bottom: solid 1px #e6e6e6;*/
}

#handbooks-intro {
	background: #fff;
	padding: 0 3% 0 3%;
}

#handbooks-intro h1 , #handbooks-intro p { margin: 0; }

#handbooks .block {
	position: relative;
	width: 17.2%;
	margin: 1%;
	padding: 0;
	background: #fff;
	border-radius: 0 0 2px 2px;
	/*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);*/
}

#handbooks .block img {
	width: 100%;
	margin: 0;
	display: block;
}

#handbooks .block .block-info {
	padding: 5%;
	width: 89%;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
}

#handbooks .block .block-info h2 {
	font-size: 15px;
	margin: 0 0 5px 0;
}

#handbooks .block .block-info h2 a {
	text-decoration: none;
}

#handbooks .block .block-info p {
	font-size: 14px;
	margin: 0 0 8px 0;
}

#handbooks .block .block-link {
	float: left;
	background: #eee;
	width: 99%;
	border: solid 1px #e6e6e6;
}

#handbooks .block .block-link p { margin: 0; }
#handbooks .block .block-link a {
	width: 90%;
	padding: 5%;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #0d83dd;
	text-decoration: none;
}

#handbooks .block .block-link a:hover {
	background: #e6e6e6;
}


/********************************************* List by category *********************************************/
.articleSnippet {
	width: 96%;
	float: left;
	margin: 0 0 5px 0;
	padding: 2%;
	background: #f1f1f1;
}

.articleSnippet.alt {
	background: #fff;
}

.articleSnippet.aoi {
	background: #fff;
	border-bottom: dashed 1px #ccc;
}

.articleSnippetImage {
	float: left;
	width: 12%;
	max-width: 160px;
}

.articleSnippetImage img, .articleSnippetImage input {
	padding: 0;
	width: 100%;
}

.articleSnippetContent {
	width: 81%;
	float: left;
	padding: 0 0 0 3%;
}

.articleSnippetContent h3 {
	margin: 0 0 2px 0;
	font-size: 15px;
}

.articleSnippetDate {
	padding: 8px 0 8px 26px;
	background: url(../img/icons/time.png) left no-repeat;
	color: #000;
	width: auto;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.articleSnippetDateSmall {
	padding: 8px 0 8px 20px;
	background: url(../img/icons/time_small.png) left no-repeat;
	color: #777;
	width: auto;
	margin: 15px 0 0 0;
	font-size: 11px;
	float: left;
}

a.articleSnippetButton {
	padding: 1px 8px;
	background: #3880e4;
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	border-radius: 3px;
	color: #fff;
}

a:hover.articleSnippetButton {
	background: #0c64a8;
}

.categoryFilter {}

.categoryFilter a {
	text-decoration: none;
	padding: 3px 6px;
	background: #f1f1f1;
	border: solid 1px #e6e6e6;
	border-radius: 3px;
	font-size: 13px;
	margin: 3px;
	display: inline-block;
	box-shadow: 0 1px 0 rgba(0,0,0,0.10);
}

/*.categoryFilter.chosen {
	float: left;
}*/

.categoryFilter.chosen a {
	background: #E8F5FF;
	/*float: left;*/
}

/******** Pagnation, increased to 1000 to turn off for now *********/
#listbypagnation {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 10px 0;
	position: relative;
	font-size: 16px;
	display: none;
}

#MainContent_Next1 {
	text-align: right;
	padding: 3px 10px;
	background: #f1f1f1;
	text-decoration: none;
	font-size: 16px;
}

a:hover#MainContent_Next1 {
	background: #333;
	color: #fff;
}

#MainContent_PageId {
	text-align: left;
}
#listbypagnation {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 10px 0;
	position: relative;
	font-size: 16px;
	display: none;
}

#MainContent_Next1 {
	text-align: right;
	padding: 3px 10px;
	background: #f1f1f1;
	text-decoration: none;
	font-size: 16px;
}

a:hover#MainContent_Next1 {
	background: #333;
	color: #fff;
}

#MainContent_PageId {
	text-align: left;
}


/********************************************* Medical links *********************************************/
#content .medical-quicklink {
	width: 100%;
	padding: 0 2%;
	margin: 0;
	float: left;
}

#content .medical-quicklink li {
	list-style: none;
	display: block;
	margin: 0;
}

#content .medical-quicklink li a {
	color: #666;
	text-decoration: none;
	display: block;
	padding: 8px 5px 8px 30px;
	margin: 0;
	background: url(../links/img/li.png) 4px 14px no-repeat;
}

#content .medical-quicklink li a:hover {
	color: #000;
	background: #f1f1f1 url(../links/img/newWin.gif) 6px 15px no-repeat;
}

#content .medical-quicklink.border {
	border-left: solid 1px #e2e2e2;
	width: 45%;
}

#content .sidebar-menu {
	border: solid 1px #e2e2e2;
	margin: 10px 0;
	padding: 0;
	width: 99.3%;
}

#content .sidebar-menu li {
	list-style: none;
	margin: 0;
	display: block;
}

#content .sidebar-menu li a {
	color: #666;
	text-decoration: none;
	border-bottom: solid 1px #e2e2e2;
	border-top: solid 1px #fff;
	background: #fff url(/img/icons/bulb-grey.png) 5px 15px no-repeat;
	padding: 10px 10px 10px 25px;
	display: block;
}

#content .sidebar-menu li a:hover, #content .sidebar-menu a.active {
	text-decoration: none;
	border-bottom: solid 1px #e2e2e2;
	border-top: solid 1px #fff;
	background: #fff url(/img/icons/bulb.png) 5px 15px no-repeat;
	color: #000;
}


/********************************************* My bpac page *********************************************/
.ulCAI {
	margin: 0 15px 15px 0;
	text-align: center;
	float: left;
	font-weight: normal
}

.ulCAI td {
	background: #f1f1f1;
	border: solid 1px #e2e2e2;
	color: #222;
	font-size: 15px;
}

span.liCAI {
	padding: 3px 10px;
	float: left;
	display: block;
}

.displayRecommend {
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(/img/icons/bulb.png) 0 5px no-repeat;
}

.displayRecommend a {
	text-decoration: none;
	font-size: 14px;
}


#RightContent_LinkToMyDocs_LinkToMyDocs,
#RightContent_RightContent_LinkToMyDocs_LinkToMyDocs,
#RightContent_LinkToPersonalisedReports1_LinkToMyDocs {
	width: 92% !important;
	padding: 4% !important;
	margin-bottom: 25px;
}

#RightContent_LinkToMyDocs_LinkToMyDocs img,
#RightContent_RightContent_LinkToMyDocs_LinkToMyDocs img,
#RightContent_LinkToPersonalisedReports1_LinkToMyDocs img {
	width: 50px !important;
}
/*
#RightContent_LinkToMyDocs_LinkToMyDocs h2,
#RightContent_RightContent_LinkToMyDocs_LinkToMyDocs h2,
#RightContent_LinkToPersonalisedReports1_LinkToMyDocs h2 {
	display: none !important;
}*/

#RightContent_LinkToMyDocs_LinkToMyDocs a,
#RightContent_RightContent_LinkToMyDocs_LinkToMyDocs a,
#RightContent_LinkToPersonalisedReports1_LinkToMyDocs a {
	text-decoration: none;
	font-size: 14px;
}

.favouritesbulletlist {
	padding: 0 0 0 20px;
	background: url(../img/starBullet.png) 0 3px no-repeat;
	margin: 0 0 10px 0;
	text-decoration: none;
	display: block;
	font-size: 14px;
}

/******* lost and reset password title box style *******/
.sidebar-box h3.youmay {
	padding: 2% 5% 2% 20%; 
	margin: 0 0 20px 0; 
	width: 75%; 
	font-size: 13px; 
	background: #f1f1f1 url(../img/icons/info.png) 10px 10px no-repeat;
}

/******* Areas of interest table, admin grids also inherit this *******/
table.Grid {
	width: 100%;
	margin: 5px 0 15px 0;
	float: left;
}

table.Grid th {
	background: #f1f1f1;
	color: #000;
	font-weight: bold;
	border-bottom: solid 1px #e6e6e6;
}

td.GridText a {
	text-decoration: none;
}

ul.userinfo {
	margin: 0px;
	padding: 0px;
}

ul.userinfo li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}

ul.userinfo li span.label {
	margin: 0 10px 0 0;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	display: block;
}


/********************************************************************************************************************************/
/*********************************************  Stuff for article pages  ****************************************/
/********************************************************************************************************************************/

.intro-image {
	margin-bottom: 25px;
}

.articleBody {
	margin: 0 0 20px 0;
	position: relative;
	background: #fff;
}

.articleBody h2 {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 0 5px 0;
	margin: 20px 0 15px 0;
	font-size: 24px;
}

.articleBody h2, .articleBody h3 {
	font-weight: normal;
}

/*
.articleBody h2:before, .articleBody h3:before, .articleBody h4:before, .articleBody p:before {
	display: block;
	content: " ";
	margin-top: -50px;
	height: 50px;
	visibility: hidden;
	z-index: 1;
	position: relative;
}*/
/*
.articleBody h2:before, .articleBody h3:before, .articleBody h4:before, .articleBody p:before, .articleBody div.note h2:before, .articleBody div.note h3:before, .articleBody div.note p:before { 
	display: block; 
	content: " ";
	margin-top: -85px;
	height: 85px;
	visibility: hidden;
}

.articleBody .note h2:before, .articleBody .note h3:before, .articleBody .note p:before {
	height: auto;
	margin-top: 0;
}*/

.articleBody .note h2, .articleBody .ref h2 {
	border: none;
}

#articleBanner, #journalBanner, #MainContent_articleBanner, .booktype {
	width: 98%;
	padding: 5px 2% 5px 0;
	border-bottom: solid 1px #e2e2e2;
	border-top: 2px solid #2f7aba;
	margin: 0 0 10px 0;
	min-height: 30px;
}

h1.booktype { font-size: 20px; }

.h3booktype { 
	font-size: 20px;
	margin: 0;
}

.linkbutton {
	font-size: 17px;
	display: block;
	text-decoration: none;
	margin: 0 0 15px 0;
}

.linkbutton:hover {
	text-decoration: none;
}

#articleBanner p, #journalBanner p, #MainContent_articleBanner p {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}

p#MainContent_lblIssue, p#MainContent_h2Title {
	font-size: 12px; 
	margin: 9px 0 0 0;
	padding: 0 0 0 18px;
	background: url(../img/icons/time_small.png) left no-repeat;
}

#articleBanner img, #journalBanner img, #MainContent_articleBanner img, .articleBody img {
	max-width: 100%;
}

.full-width-img { width: 100%; } /* for IE bug */

#MainContent_aBookType { text-decoration: none; }
#MainContent_aBackToIssue, #MainContent_aBackToJournalList {text-decoration: none; }

h1.artTitleText {
	margin: 20px 0;
}

span.artTitleText {
	font-size: 24px;
	margin: 20px 0 10px 0;
}

.content-inner-section, .acknowledgement {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	margin: 30px 0;
	padding: 20px 0;
}

.content-inner-section h2, .acknowledgement h2, .content-inner-section h3, .acknowledgement h3 {
	margin: 0 0 10px 0;
	border: none;
	text-transform: uppercase;
}

/***************************** Abscract snippet *****************************/
.abstractContainer p {
	margin: 0;
	font-style: italic;
	color: #555!important;
}

.pho-abstract { width: 80px !important; margin: 10px !important; background: none !important; float: right !important; }


/***************************** Article content list *****************************/
.artContentsContainer {
	width: 92%;
	margin: 0 0 20px 0;
	padding: 4%;
	min-height: 290px;
	cursor: pointer;
	position: relative;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

.artContentsContainer h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #000;
	color: #fff;
}

.artContentsContainer .pho {
	position: absolute;
	width: 160px;
	height: 133px;
	bottom: 10px;
	left: 10px;
	background: url(/img/pho.png) top left no-repeat;
}

#content .artContentsContainer ul {
	float: left;
	width: 84%;
	background: url(/img/black-trans.png) repeat;
	padding: 4%;
	margin: 14px 0 0 0;
	visibility: hidden;
	position: absolute;
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
	opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden; 
	-ms-backface-visibility: hidden;
}

#content .artContentsContainer:hover ul {
	visibility: visible;
	opacity: 1;
}

#content .artContentsContainer li {
	margin: 0 0 5px 20px;
	list-style: circle;
	color: #fff;
}

#content .artContentsContainer li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-weight: normal;
}

#content .artContentsContainer li a:hover {
	text-decoration: underline;
	color: #fff;
}

.artContentsContainer span.show-contents-list {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	background: url(/img/black-trans.png) repeat;
	position: absolute;
	top: 4%;
	left: 4%;
	width: 140px\9; /*ie8*/
}

.artContentsContainer span.show-contents-list img {
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	left: 3px;
}

.articleLeft, .journalLeft {
	width: 94%;
	float: left;
	margin: 0 0 40px 0;
	padding: 3%;
	background: #f1f1f1;
}

.articleLeft h3, .journalLeft h3, .articleRight h3, .journalRight h3 {
	margin: 0 0 10px 0;
}

.articleLeft, .journalLeft, .articleRight, .journalRight {
	position: relative;
}

.articleLeft input, .journalLeft input {
	float: left;
	margin: 0 20px 10px 0;
}

.articleLeft input, .articleRight input, .journalLeft input, .journalRight input,
.articleLeft img, .articleRight img, .journalLeft img, .journalRight img {
	padding: 0 0 13px 0 !important;
	/*width: 24%;*/
	width: 100%;
	max-width: 160px;
	background: url(/img/cover-shadow-small.png) bottom center no-repeat;
	border: none;
}

.articleRight input, .journalRight input,
.articleRight img, .journalRight img {
	float: right;
	/*width: 24%;*/
	width: 100%;
	max-width: 160px;
}

.articleRight, .journalRight {
	width: 94%;
	margin: 0 0 40px 0;
	padding: 0 3%;
	float: left;
}

.articleContentLeft, .journalContentLeft {
	width: 74%;
	float: right;
}

#content .articleContentLeft ul, #content .journalContentLeft ul, #content .articleContentRight ul, #content .journalContentRight ul {
	margin: 0;
}

#content .articleContentLeft li a, #content .journalContentLeft li a, #content .articleContentRight li a, #content .journalContentRight li a {
	text-decoration: none;
	font-size: 15px;
}

.articleContentRight, .journalContentRight {
	float: left;
	width: 72%;
	padding: 0;
}

.note h3#pho {
	font-size: 30px;
}

.viewcontents {
	margin: 20px 0 0 0;
	display: block;
	width: 120px;
}

.date-and-view-wrapper {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}

.viewarticle, .viewcontents {
	margin: 20px 0 0 0;
	width: 100px;
	font-size: 14px !important;
	display: block;
}

/* artice date */
.ArticleDate {
	padding: 8px 0 8px 26px;
	background: url(../img/icons/time.png) left no-repeat;
	color: #000;
	width: auto;
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.article-image {
	float: left;
	width: 24%;
	max-width: 160px;
}

.article-image-right {
	float: right;
	width: 24%;
	max-width: 160px;
}

.audit-image {
	width: 24% !important;
	max-width: 160px;
}

/***************************** Note blocks & abscract container *****************************/
.note, .abstractContainer, .ref {
	margin: 20px 0;
	padding: 4%;
	width: 92%;
	word-wrap: break-word;
	
	/*float: left\9; IE8 and below */
}

.note {
	background: #f3f3f3; /*default bg*/
}

.note img, .abstractContainer img, .ref img {
	max-width: 100%;
}

.abstractContainer {
	width: 100%;
	padding: 0 0 2% 0;
}

.ref {
	background: #f5f5f5;
	font-size: 13px;
	color: #666;
	padding: 2% 4%;
}

#content .ref ol { margin: 0px; padding: 0px; }
#content .ref ol li, #content .ref ul li {
	font-size: 13px;
}

.abstractContainer h2, .ref h2, .note h2, .abstractContainer h3, .ref h3, .note h3  {
	margin: 0 0 10px 0;
}

/******** correspondence *******/
.correspondence-contents {
	margin: 20px 0;
	padding: 2% 0 0 0;
	width: 100%;
	border-top: solid 1px #e2e2e2;
	min-height: 150px;
}

.correspondence-contents ul {
	width: 50%;
	margin: 0;
	padding: 0;
}

.correspondence-contents img {
	width: 150px;
	float: right;
}

.correspondence-letter {
	min-height: 110px;
	padding: 4%;
	width: 92%;
	background: #e6e6e6;
	margin: 20px 0;
}

.correspondence-letter h2 {
	margin: 0 0 5px 0 !important;
}

.correspondence-letter h2, .correspondence-letter h3 {
	border: none;
	color: #333;
}

/******** figures and captions *******/
figure.fig-right {
	float: right;
	margin: 0 0 10px 20px;
}

figure.fig-left {
	float: left;
	margin: 0 20px 10px 0;
}

figcaption {
	font-style: italic;
	font-size: 14px;
}

/******** control floated images (no figures) *******/
.img-right {
	float: right;
	margin: 0 0 10px 20px;
}

.img-left {
	float: left;
	margin: 0 20px 10px 0;
}

/******** icon positions *******/
.see {
	height: 24px;
	padding: 0 8px 0 0;
	position: relative;
	top: 5px;
}

/********** Lets make a default sidebar note **********/
.sidebar-note {
	width: 240px; 
	float: right; 
	padding: 20px 20px 310px 20px;
	margin: 10px 0 0 20px;
	background: #f1f1f1;
}

.sidebar-note h3, .sidebar-note2 h3 {
	margin: 0 0 10px 0;
}

.sidebar-note2 {
	width: 240px; 
	float: right; 
	padding: 20px;
	margin: 10px 0 10px 20px;
	background: #f1f1f1;
}


/***************************** Default table styles *****************************/
.tblright { float: right; margin: 0 0 10px 20px !important; }
.articleBody table {
	border-top: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
	margin: 10px 0 30px 0;
	background: #fff;
	font-size: 14px;
	color: #222;
}

.articleBody table th {
	text-align: left;
	font-weight: normal;
	background: #3482c4;
	color: #fff;
	padding: 9px;
	border-right: solid 1px #e6e6e6;
}

.articleBody table th p {
	margin: 0;
}

.articleBody table td p.small {
	font-size: 12px;
}

.articleBody table td {
	padding: 9px;
	border-bottom: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
}

.articleBody table td p, .articleBody table td p strong {
	font-size: 14px;
}

.articleBody table td img {
	/*width: 100%;*/
}

.articleBody table td ul {
	margin: 0 !important;
}

.articleBody table td li {
	margin: 0 0 10px 5px;
	list-style: circle !important;
	font-size: 14px !important;
}

.articleBody table p {
	text-align: left;
}

.articleBody table sup { font-size: 11px !important; top: -2px !important; position: relative !important; }

/******* Table styles with classes *******/

/******* Squashed table *******/
table.smallpad, table.smallpad td {
	padding: 6px;
	font-size: 12px;
}

table.smallpad p { font-size: 12px; }

table.smallpad sup {
	font-size: 8px;
	font-weight: bold;
}

table.smallpad td ul {
	margin: 10px 0 !important;
}

table.smallpad li {
	font-size: 12px !important;
}

/******* Default table two *******/
.articleBody .table-two, .articleBody .table-two td, .articleBody .table-two th {
	border: none;
}

/******* Default table three *******/
.articleBody .table-three {
	border: solid 1px #fff;
}

.articleBody .table-three th {
	border-right: solid 1px #fff;
}

.articleBody .table-three td {
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}

/******* Default table four *******/
.articleBody .table-four {
	border: solid 1px #222;
	margin: 10px 0;
}

.articleBody .table-four th {
	border-right: solid 1px #222;
	padding: 10px;
}

.articleBody .table-four td {
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	padding: 10px;
}

/******* Default table five *******/
.articleBody .table-five {
	border: solid 1px #c6d0d3;
	margin: 10px 0;
}

.articleBody .table-five th {
	border-right: solid 1px #c6d0d3;
	padding: 10px;
}

.articleBody .table-five td {
	border-bottom: solid 1px #c6d0d3;
	border-right: solid 1px #c6d0d3;
	padding: 10px;
}

/******** background colors *********/

/**** white ****/
.bg-white, tr.bg-white {
	background: #fff;
}

/**** greys ****/
.bg-grey, tr.bg-grey, table.bg-grey {
	background: #f3f3f3;
}

.bg-grey-two, tr.bg-grey-two, table.bg-grey-two {
	background: #f9f9f9;
}

/**** blues ****/
.bg-blue-dark, table.bg-blue-dark {
	background: #3482c4;
	color: #fff;
}

.bg-blue, table.bg-blue {
	background: #EAF4FF;
}

.bg-blue-two, table.bg-blue-two {
	background: #eff5f9;
}

.bg-blue-three, table.bg-blue-three {
	background: #DEE6ED;
}

/**** pinks / reds ****/
.bg-pink, table.bg-pink {
	background: #F8E8ED;
}

/**** greens ***/
.bg-green, table.bg-green {
	background: #EAF2DC;
}

/**** yellows ****/
.bg-yellow, table.bg-yellow {
	background: #FFFFE1;
}

/**** oranges ****/
.bg-orange-light, table.bg-orange-light {
	background: #FFECD9;
}

.bg-orange, table.bg-orange {
	background: #FFE6D9;
}

/**** browns ****/
.bg-fawn, table.bg-fawn { 
	background: #edebde;
}

/**** purples ****/
.bg-purple-light {
	background: #ECEBF0;
}

.bg-purple {
	background: #f0eef6;
}

/******** text colors *********/
.fg-white, .BrdWhtTxt, .tdBrdWhtTxt {
	color: #fff;
}

.fg-grey-dark {
	color: #666;
}

.fg-grey-light {
	color: #ccc;
}

.fg-red {
	color: #CC0000;
}

/**** dark grey note with table ***/
.bg-grey-dark {
	background: #333;
	color: #fff;
}

.bg-grey-dark h2, .bg-grey-dark h3 {
	color: #fff;
}

.bg-grey-dark table {
	border: solid 1px #000;
}

.bg-grey-dark td {
	color: #222;
	border-bottom: solid 1px #000 !important;
	border-right: solid 1px #000 !important;
}

.bg-grey-dark th {
	border-right: solid 1px #000 !important;
}


/********************************************************************************************************************************/
/********************************************* Article Right Contents *************************************************************/
/********************************************************************************************************************************/

/***************************** Globalize the box styles *****************************/

.glyphs, .sidebar-box, .otherArticles, .articleInfo {
	border: solid 1px #e2e2e2;
	border-top: 2px solid #2f7aba;
	margin: 0 0 25px 0;
	padding: 4%;
	width: 92%;
	float: left;
}

.sidebar-box h3, .articleCategory h3, .otherArticles h3, .glyphs h3 {
	margin: 0 0 10px 0;
	padding: 0 0 9px 0;
	border-bottom: solid 1px #f1f1f1;
}

.sidebar-cover {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 22px 0;
	/*background: url(/img/cover-shadow.png) bottom center no-repeat;*/
	position: relative;
}

.sidebar-cover img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
}

.shadow-left {
	background: url(/img/cover-shadow-left.png) top left no-repeat;
	width: 128px;
	height: 23px;
	position: absolute;
	bottom: 0;
	left: 5px;
}

.shadow-right {
	background: url(/img/cover-shadow-right.png) top right no-repeat;
	width: 128px;
	height: 23px;
	position: absolute;
	bottom: 0;
	right: 5px;
}

.articleAge {
	text-align: center;
	/*border-top: 1px solid #e2e2e2;*/
}

.articleAge h3 {
	margin: 10px 0;
	font-size: 13px;
	color: #000;
	padding: 1px 0 1px 18px;
}

.articleCategory h2, .otherArticles h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
}

.otherArticleLinks {
	font-size: 14px;
	display: block;
	text-decoration: none;
	text-align: left;
	display: list-item;
	list-style: url(/img/li2.png);
	margin: 0 0 9px 20px;
}

span.otherArticleLinks a, a.otherArticleLinks {
	text-decoration: none;
	color: #666;
}

span.otherArticleLinks a:hover, a:hover.otherArticleLinks {
	color: #3880e4;
	text-decoration: none;
}

#RightContent_2005, #RightContent_2006, #RightContent_2007, #RightContent_2008, #RightContent_2009,
#RightContent_2010, #RightContent_2011, #RightContent_2012, #RightContent_2013,
#RightContent_2014, #RightContent_2015, #RightContent_2016, #RightContent_2017 {
	display: inline-block;
	margin: 5px 10px 5px 0;
	text-decoration: none;
}

/********************************* Glyphs *********************************/
.errorMessage {
	margin: 8px 0px;
	color: #f00;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.favourite, .favourited{
	margin: 0;
}

input#MainContent_ctrlGlyphs_btnFavourite, input#MainContent_ctrlGlyphs_btnFavourite:hover {
	padding: 0px;
	background: none;
	border: none;
	width: 20px;
}

a.pdf-download {
	background: url(/img/icons/pdf2.png) right no-repeat;
	height: 34px;
	margin: 0 0 20px 0;
	padding: 16px 10% 4px 0;
	border-top: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
	display: inline-block;
	width: 90%;
	text-align: right;
	font-size: 15px;
	text-decoration: none;
}


a.pdf-download-side {
	background: url(/img/icons/pdf2.png) right no-repeat;
	height: 34px;
	margin: 0 0 20px 0;
	padding: 6px 65px 4px 0;
	border: 0;
	display: block;
	text-align: left;
	font-size: 15px;
	text-decoration: none;
}

/* Quiz feedback (old articles) */
.qftdbrdw { color: #fff !important; }


/*********************************/
/******** Comments Section ********/
/*********************************/
#commentContainer {
	border-top: 1px solid #e2e2e2;
	overflow: visible;
	display:inline-block;
	width: 100%;
}

.commentUsername {
	float: left;
	margin-left: 10px;
}

.commentDateCreated {
	float: right;
	font-style: italic;
	margin-right: 10px;
	color: #777;
}

.commentDescription {
	padding: 1%;
	width: 98%;
	background: #f3f3f3;
}
.commentDescription textarea {
	background: #fff !important;
	padding: 2%;
	width: 96%;
	margin: 5px 0;
	min-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #777;
	font-style: italic;
}

.commentBox {
	border: 1px solid #e6e6e6;
	padding: 15px 15px 0 10px;
	background: #f3f3f3;
	margin: 10px 0;
}

.commentSeparator {
	border-bottom: 1px dotted #b1b1b1;
	clear: both;
	padding-top: 5px;
	margin-bottom: 5px;
}

.commentInputContainer {
	background: #f3f3f3;
	padding: 20px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

.commentSubmitButton {
	width: 170px;
	height: 35px;
}

.toMakeComment {
	float: right;
	font-weight: bold;
	margin: 20px 0 0 0;
}

.livetxt {
	margin: 0 10px 0 3px;
}

.livecheck {
	margin: 0 0 0 10px;
}


/*=============================================================================
===============================================================================
****** Antibiotics supplement page ****** NOT IN USE, page re-directed - keep it for now anyway
===============================================================================
============================================================================== */
#toggle {
	margin: 30px 0;
	width: 100%;
}

#toggle h2 {
	border-bottom: none;
	margin: 10px 0 15px 0; 
}

a#res { padding: 10px; display: block; color: #fff; text-decoration: none; background: #7B5E9E; font-size: 15px; }
a#ear { padding: 10px; display: block; color: #fff; text-decoration: none; background: #098CC2; font-size: 15px; }
a#eyes { padding: 10px; display: block; color: #fff; text-decoration: none; background: #579B99; font-size: 15px; }
a#skin { padding: 10px; display: block; color: #fff; text-decoration: none; background: #9DB853; font-size: 15px; }
a#gas { padding: 10px; display: block; color: #fff; text-decoration: none; background: #AEB725; font-size: 15px; }
a#gen { padding: 10px; display: block; color: #fff; text-decoration: none; background: #F58220; font-size: 15px; }
a#cns { padding: 10px; display: block; color: #fff; text-decoration: none; background: #D2232A; font-size: 15px; }

a#res span, a#ear span, a#eyes span, a#skin span, a#gas span, a#gen span, a#cns span { width: 25%; display: inline-block; vertical-align: top; }
a#res span.two, a#ear span.two, a#eyes span.two, a#skin span.two, a#gas span.two, a#gen span.two, a#cns span.two { width: 48%; display: inline-block; vertical-align: top; }
a#res span.three, a#ear span.three, a#eyes span.three, a#skin span.three, a#gas span.three,
a#gen span.three, a#cns span.three { width: 12%; display: inline-block; vertical-align: top; }

a:hover#res, a:hover#ear, a:hover#eyes, a:hover#skin, a:hover#gas, a:hover#gen, a:hover#cns {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.res, .ear, .eyes, .skin, .gas, .gen, .cns {
	width: 95.8%;
	padding: 2%;
	background: #fff;
	border: solid 1px #e2e2e2;
	display: none;
}

#toggle .purple {color:#7B5E9E;}
#toggle .purpleBrd {border-top:solid 1px #7B5E9E;}
#toggle .blue {color:#5E8FB2}
#toggle .blueBrd {border-top:solid 1px #5E8FB2}
#toggle .aqua {color:#6AA9A5}
#toggle .aquaBrd {border-top:solid 1px #6AA9A5}
#toggle .green {color:#91B665}
#toggle .greenBrd {border-top:solid 1px #91B665}
#toggle .yellow {color:#AEB725}
#toggle .yellowBrd {border-top:solid 1px #AEB725}
#toggle .orange {color:#DC7E46}
#toggle .orangeBrd {border-top:solid 1px #DC7E46}
#toggle .red {color:#CE3F47}
#toggle .redBrd {border-top:solid 1px #CE3F47}
#toggle .normal {font-weight:normal; font-size:12px;}

#toggle table td { padding: 8px; }
#toggle table td strong { font-size: 14px; }

#toggle td {vertical-align:top; padding:6px;}
#toggle tr td:first-child {font-style:italic; text-align:right; white-space:nowrap; font-weight:bold;}
#toggle td p {margin:0; padding:0px 0 5px 0;}	
#toggle td p[class="or"] {margin:0; padding:2px 0 2px 15px; font-weight:bold;}	
#toggle table tr:first-child td {font-weight:bold; color:white; font-style:normal; text-align:left;}


/*=============================================================================
===============================================================================
****** Set up Report page, idea was to standardize these pages but is only used on one at the moment... ******
===============================================================================
============================================================================== */
.report-left { display: inline-block; width: 26%; border-right: solid 1px #ccc; padding: 0 4% 0 0; }
.report-left h3 { font-size: 14px; }
.report-left h4 { font-size: 48px; background: #fff; display: block; margin: 0 0 12px 0; padding: 5% 10%; border-radius: 6px; text-align: center; }
.report-left p, .report-right p { line-height: normal; font-size: 13px; }
.report-right { display: inline-block; width: 65%; padding: 0 0 0 4%; vertical-align: top; }
.barchart-wrap { margin: 0 0 10px 0; display: block; }
.barchart { display: block; padding: 2% 0; margin: 0; font-size: 13px; }
.barchart .desc { display: inline-block; width: 34%; height: 27px; vertical-align: top; margin: 4px 0 0 0; }
.barchart .bar { background: #ccc url(/img/bar-bg.jpg) top repeat-x; display: inline-block; width: 64%; height: 27px; position: relative; }
.barchart .number { position: absolute; left: 10px; top: 4px; color: #fff; z-index: 10; } .zero { color: #000 !important; }
.barchart .percent { position: absolute; left: 0; top: 0; background: #CC3300 url(/img/bar.jpg) top repeat-x; height: 27px; }

.p63 { width: 63%; }
.p66 { width: 66%; }
.p50 { width: 50%; }
.p55 { width: 55%; }
.p60 { width: 60%; }
.p100 { width: 100%; }

.x0 { left: 5%; color: #000 !important; }
.x63 { left: 48% !important; }
.x66 { left: 51% !important; }
.x50 { left: 35% !important; }
.x55 { left: 40% !important; }
.x60 { left: 45% !important; }
.x100 { left: 82% !important; }
.asterix, a.asterix { text-decoration: none; color: #FF0000; }
.asterix a:hover { text-decoration: none; color: #FF6600; }



/*  5. FORMS 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Form Styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	

/* ^^^^^^^^^^ Reset ^^^^^^^^^^ */
select, input, textarea, button { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; font-family: Arial, Helvetica, sans-serif; }
label { cursor: pointer; }
button, input { line-height: normal; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; border: none; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder { color: #ccc; }

/* ^^^^^^^^^^ Styles ^^^^^^^^^^ */
form {
	margin: 0;
}

label {
	font-size: 16px;
	color: #444;
	width: 170px;
	margin: 4px 0 0 0;
	float: left;
}

input, textarea, select {
	padding: 6px;
	font-size: 15px;
	color: #222;
	border: solid 1px #ccc;
	outline: 0;
	margin: 0;
}

input:focus, textarea:focus, select:focus {
	color: #000;
	border: solid 1px #BFEEFF;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	background: #EAF9FF;
	/*-webkit-box-shadow: #FFFF66 0 0 2px;
	-moz-box-shadow: #FFFF66 0 0 2px;
	box-shadow: #FFFF66 0 0 2px;*/
}

input:focus.menu-cover-image { background: url(/img/cover-shadow-small.png) bottom left no-repeat; border: none; box-shadow: none; } /* ie on focus bug */

textarea {
	overflow: auto; 
	vertical-align: top; 
	resize: vertical;
	min-height: 150px;
	margin: 0 0 10px 0;
}

/******* comments **************/
.comment-submit-button-div { 
	margin: 0; 
	clear: both;
}

input[disabled], input:hover[disabled] {
	background: #f1f1f1 !important;
	color: #777 !important;
}

/****** login ******/
.col_submit input { border: none !important; }


/************************************** log in button ************************************************/
#loginbutton a.login, #logoutbutton a.login {
	font-size: 14px;
	float: right;
	color: #fff;
	display: block;
	outline: 0;
	text-decoration: none;
	padding: 8px 15px;
    background: #0d83dd;
	margin: 0;
}

#loginbutton a:hover, #logoutbutton a.hover {
	float: right;
	color: #fff; 
	display: block;
	outline: 0;
	text-decoration: none;
    background: #0067b7;
}

/*Close button appearance when Login bar slides up*/
#loginbutton a.onclick {
	float: right;
	color: #fff;
	display: block;
	outline: 0;
	text-decoration: none;
	border-top: none;
	padding: 10px 15px;
    background: #DC344E;
}

.registrationLabel { 
	float: left;
	text-align: left;
}

#mainContent .registrationtext { 
	text-align: left;
}


/*************************** Login slide down contents ************************************/
#login {
	display: none;
	list-style: none;
	margin: 0px auto;
	position: relative;
	text-align: left;
	padding: 0;
	background: #3498DB;
	color: #000;
	overflow: hidden;
}

#login input {
	padding: 2%;
	width: 96%;
}

.col_loginMessage, .col_IDPW, .col_submit {
	margin: 0;
	float: left;
	width: 100%;
}

.col_loginMessage {
	width: 32%;
	padding: 2% 4%;
	background: #fff;
	margin: 2% 2% 0 0;
	border-bottom: solid 2px #3481db;
}

.col_IDPW {
	width: 100%;
}

.col_submit {
	margin: 6px 20px 0 0;
	padding-top: 20px;
	width: 80px;
}

#login h3 {
	font-size: 21px;
	color: #222;
	margin: 0 0 10px 0 !important;
	border: none;
	background: none;
	padding: 0;
}

#login a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	color: #0d83dd;
}

#login a:hover {
	text-decoration: underline;
}

#login label {
	color: #222;
	font-size: 16px;
}

#login input {
	font-size: 16px;
	padding: 9px;
}

#login #leftinfo {
	float: left;
	width: 54%;
	margin: 2% 2% 0 2%;
}

#login #leftinfo .infobox {
	padding: 2%;
	margin: 0 0 4% 0;
	border-bottom: solid 2px #3481db;
	background: #fff;
	float: left;
	width: 95%;
}

#login #leftinfo .infobox .button {
	text-shadow: none;
	font-weight: normal;
}

#login #remember {
	float: right;
	width: 200px;
	margin: 30px 0 0 0;
	text-align: right;
}

/*********** Login failure message **********/
span#LoginView1_InvalidCredentialsMessage,
span#LoginContent_LoginView1_InvalidCredentialsMessage {
	font-size: 16px;
	padding: 15px 0 15px 5%;
	margin: 0;
	display: block;
	width: 95%;
	background: #FFE6E6 url(/img/icons/warning.png) 15px 15px no-repeat;
	color: #993300 !important; 
	border-bottom: solid 1px #FFBBBB;
}


/********************************************* Search box - replaced with google search, keep for now *********************************************/
.search {
	position: relative;
	float: right;
	margin: -41px 46px 0 0;
	z-index: 10;
	display: none;
}

.search input {
	width: 240px;
	height: 30px;
	padding: 5px 15px;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

/***** search autocomplete *****/
.keyHint {
	max-width: 250px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px !important;
	cursor: pointer;
	overflow: auto;
	text-align: left;
	list-style-type: none;
	z-index: 9999 !important;
}

.keywordLink {
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #ccc;
}

.keywordLinkSelected {
	color: #222;
	background: #f3f3f3 !important;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #ccc;
}

.keywordLinkSelectedText {
	color: #000;
}

span.AutoComplete_ListItemHiliteText {
	color: #3880e4 !important;
	font-weight: bold !important;
}

/********************************* Search keyhint - not used? *********************************/
.keyHint {
	position: relative;
	z-index: 3000;
}

.keyHint div {
	border: solid 1px #7F9DB9;
	background-color: white;
	margin: 0 0 0 8px;
	width: 215px;
	display: none;
	position: absolute;
	top: -1px;
	left: 0;
	cursor: pointer;
	padding: 1px 1px 1px 2px;
	text-align: left;
	z-index: 1000;
}

.keywordLink {
	display: block;
	color: #666666;
}

.keywordLink span {
	color: black;
	font-weight: bold;
}

.keywordLink:hover {
	display: block;
	color: #000000;
	background-color: #d2d2d2;
}

.keywordLinkSelected {
	display: block;
	color: #666666;
	background-color: #d2d2d2;
}

.keywordLinkSelected span {
	color: black;
	font-weight: bold;
}

/********************************************* Google Search *********************************************/
#___gcse_0 {
	width: 260px;
	position: relative;
	float: right;
	margin: 5px 0 0 0;
	z-index: 999;
	
	/*hack ie7*/
	*position: absolute;
	*top: 127px;
	*right: 40px;
}

#search_wrapper {
	width: 92%;
	max-width: 1180px;
	margin: 0 auto;
	display: block;
}

input.gsc-input {
	margin: 0 0 3px 0 !important;
	font-size: 14px !important;
	color: #666 !important;
	background: none !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border-color: #e6e6e6 !important;
	background: #fff !important;
}

table.gsc-search-box, form.gsc-search-box { margin-bottom: 0px !important; }

.gsc-webResult, .gsc-result {
	border-bottom: solid 1px #e9e9e9 !important;
}

.gsc-refinementHeader.gsc-refinementhActive {
	color: #0d83dd !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 1em !important;
	
}

.gsc-result .gs-title {
	text-decoration: none !important;
	height: 1.4em !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0 !important;
}


/*********************************************************************************************
=============== Replaced with google search - leave for now =============================
/********************* Search.aspx Display Page and pagnation ************************/
.searchDisplay {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 600px;
	-moz-box-shadow: 0px 0px 7px #eee;
	-webkit-box-shadow: 0px 0px 7px #eee;
	box-shadow: 0px 0px 7px #eee;
	min-height: 60px;
}

.urllabel {
	font-size: 13px;
	color: #190098;
}

.urltitle {
	font-size: 17px;
	font-weight: bolder;
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px 1px #e8e3db;
	text-decoration: none;
	color: #0a2b5f;
	text-align: left;
	padding-bottom: 1px;
}

.urltitle:hover {
	color: #3880e4;
}

.feedbackContainer {
	padding-top: 5px;
	padding-bottom: 10px;
}

.feedbackContainer table, .feedbackContainer table td {
	border: none;
	padding: 5px;
	margin: 0;
}

.feedbackContainer table label {
	margin: 0 0 0 10px;
}

.pageNumberPane {
	margin: 20px 0;
	float: left;
	word-wrap: break-word;
	padding: 10px 0;
	width: 100%;
}

.pageNumberPane a {
	margin: 5px;
	padding: 3px 10px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	background: #f1f1f1;
}

.pageNumberPane a:hover {
	text-decoration: none;
	background: #333;
	color: #fff;
}

#MainContent_rowsRetrieved {
	float: right;
}

.pageNumberLabel {
	text-decoration: none;
	color: #000;
	text-align: center;
	padding: 4px;
	margin: 2px 7px 2px 2px;
}

.topresults {
	width: 96%;
	float: left;
	margin: 0 0 10px 0;
	padding: 2%;
	background: #f1f1f1;
}

.topresults input {
	padding: 0 0 14px 0 !important;
	max-width: 150px;
	background: url(/img/cover-shadow-small.png) bottom center no-repeat;
	border: none;
	float: right;
	margin: 0 0 0 25px;
}

.results {
	width: 96%;
	float: left;
	margin: 0 0 10px 0;
	padding: 2%;
	border-bottom: solid 1px #e2e2e2;
}

a.aspNetDisabled, a:hover.aspNetDisabled {
	text-decoration: none;
	color: #fff;
	background: #333;
}

.sidebar-box a.aspNetDisabled, .sidebar-box a:hover.aspNetDisabled {
	background: none;
	color: #3880e4;
}


/* Build your own my bpac
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#Mybookdrop p a { font-weight: bold; }
.build-interaction { /*display: none;*/
	width: 100%;
	float: left;
	border-bottom: solid 1px #e2e2e2;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.build-interaction .block {
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	padding: 0 12px 0 0;
	margin: 0 0 0 10px;
	border-right: solid 1px #eee;
}

.build-interaction .block a {
	text-decoration: none;
}

.build-interaction .block-item {
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	text-transform: uppercase;
	font-size: 23px;
	color: #222;
	height: 25px;
}

.build-interaction .block-label {
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
}

.build-interaction .block-label a {
	color: #999;
}

.build-interaction .block-label a:hover {
	color: #0D83DD;
}

/************************************************************
********************  book sections ********************/
.booksection, .booksectionTop {
 	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
}

.savesection, .savesectionTop {
	float: right;
	margin: 20px 10px 20px 10px;
	text-decoration: none;
	padding: 4px 15px 4px 30px;
	background: #fff url(../img/icons/mybook/savebook.png) 5px 5px no-repeat;
	border: solid 1px #e6e6e6;
	font-size: 15px;
	cursor: pointer;
}

.booksectionTop {
	border: dashed 2px #fff;
}

.viewmybook { 
	float: right;
	margin: 20px 0 10px 0;
	text-decoration: none;
	padding: 4px 15px 4px 36px;
	background: #fff url(../img/See3.png) 5px 5px no-repeat;
	border: solid 1px #e6e6e6;
	font-size: 15px;
	cursor: pointer;
	/*display: none;*/
}

.viewmybook-show { display: block; background: #00CCFF; }

a:hover.viewmybook {
	text-decoration: none;
}

/* top save whole article button */
.build-interaction .savesection, .build-interaction .viewmybook { margin: 3px 10px 0 0; }
.build-interaction a:hover.savesection { background: #fff url(../img/icons/mybook/savebook.png) 5px 5px no-repeat; /*color: #000;*/ }


a:hover.savesection, a:hover.savesectionTop {
	background: #fff url(../img/icons/mybook/savebook.png) 5px 5px no-repeat;
	text-decoration: none;
}

.booksection.selected, .booksection:hover {
	background-color: #fbfbfb;
	width: 100%;
	padding: 0 2%;
	position: relative;
	left: -2%;
}

.booksectionTop.selected, .booksectionTop:hover {
	/*background-color: #FFFFE8;*/
	border: dashed 2px #ccc;
	width: 100%;
	padding: 0 3% 0 3%;
	position: relative;
	left: -3%;
}

/* toggle saved button state */
.sectionsaved {
	background: #DFFFDF url(../img/icons/mybook/saved.png) 5px 5px no-repeat;
}

.booksection:hover .sectionsaved, a:hover.sectionsaved {
	background: #DFFFDF url(../img/icons/mybook/saved.png) 5px 5px no-repeat !important;
}

.booksection .note {
	display: inline-block;
	margin: 20px 0;
}


/************************************************************
********************  Mybook page styles ********************/
#MybookHow {
	padding: 3%;
	width: 94%;
	background: #f1f1f1;
	margin: 20px 0;
}

#MybookHow h3 {
	margin: 0 0 10px 0;
}

#MybookHow ul {
	margin: 0; padding: 0;
}

#MybookHow ul li {
	font-size: 15px;
}

#PdfBookTitleHolder {
	position: absolute;
	padding: 8px;
	color: white;
	top: 130px;
	left: 10px;
	right: 10px;
	font-weight: bold;
	background-image: url(/Mybpac/MyBook/blackFilter.png);
	z-index: 2;
}

.ContentLink {
	display: block;
	text-decoration: none;
	color: #777;
	font-size: 15px;
	margin: 0 0 4px 0;
	padding: 0 0 0 20px;
	background: 0 6px url(../img/li2.png) no-repeat;
}

a.ContentLink {
	color: #777;
}

p.lead {
 	font-size: 17px;
	font-style: italic;
	color: #777;
	margin: 20px 0;
}

/* hide/override the section hovers */
.mybookpage .booksection:hover, .mybookpage .booksectionTop:hover {
	background-color: #fff;
}


/* hide stuff for full article saves */
.mybookpage .artContentsContainer { cursor: default; }
.mybookpage .savesection, .mybookpage .savesectionTop, .mybookpage .artContentsContainer ul, .mybookpage .pdf-download, .mybookpage .show-contents-list,
.mybookpage .correspondence-contents, .mybookpage .viewmybook, .btn { 
	display: none;
	visibility: hidden;
}

/* book title */
#MainContent_BookTitle {
	border: dashed 1px #ccc;
	border-top: solid 3px #ccc;
	padding: 10px 20px;
	margin: 0 0 20px 0;
}

.WhereFrom {
	float: left;
	width: 76%;
}

.WhereFrom p {
	font-size: 14px;
	position: relative;
	bottom: 5px;
	margin: 0;
}

.WhereFrom a {
	text-decoration: none;
}

.WhereFrom p img {
	position: relative;
	top: 4px;
	padding: 2px 5px 0 0;
}

.TopOptionBtns {
	float: right;
	padding: 0 20px;
	/*background: #f1f1f1;*/
	/*border-top: solid 3px #ccc;*/
}

.TopOptionBtns a, .sidebar-download a {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 5px;
}

.TopOptionBtns a.empty { background: url(../img/icons/mybook/empty.png); }
.TopOptionBtns a.reload { background: url(../img/icons/mybook/reload.png); }
.TopOptionBtns a.download, .sidebar-download a.download { background: url(../img/icons/mybook/download.png); }
a.savebooktitle { margin: 0 0 0 5px; padding: 2px 10px 3px 10px; background: #0d83dd; color: #fff; border-radius: 3px; text-decoration: none; }
a:hover.savebooktitle { background: #ddd; color: #000; text-decoration: none; }

.OptionBtns {
	float: left;
	width: 24%;
	text-align: right;
	margin: 2px 0 0 0;
}

.OptionBtns a {
	float: left;
	font-size: 10px;
	padding: 0;
	margin: 0 5px;
	border: none;
	width: 20px;
	height: 20px;
}

.OptionBtns a.moveup { background: url(../img/icons/mybook/moveup.png); }
.OptionBtns a.movedown { background: url(../img/icons/mybook/movedown.png); }
.OptionBtns a.movetop { background: url(../img/icons/mybook/movetop.png); }
.OptionBtns a.movebottom { background: url(../img/icons/mybook/movebottom.png); }
.OptionBtns a.delete { background: url(../img/icons/mybook/delete.png); }
.OptionBtns a.AddNote { background: url(/img/icons/mybook/addnote.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); }

.SelectionHtml {
	float: left;
	width: 100%;
}


/* Sections */
.SectionHolder {
	width: 100%;
	float: left;
	border-top: solid 3px #ccc;
	margin: 20px 0;
	padding: 0 0 20px 0;
}

.SectionToolbar {
	float: left;
	width: 98%;
	padding: 1%;
	margin: 0 0 5px 0;
	background: #f1f1f1;
	position: relative;
	z-index: 4;
}


/* right content */
#MainContent_ContentsList {
	width: 95.7%;
	padding: 1% 2%;
	border: dashed 1px #666;
	border-top: solid 3px #666;
	/*background: #f1f1f1;*/
	bottom: 0;
	float: left;
	position: relative;
	z-index: 5;
}

#MainContent_ContentsList h3 {
	margin: 0 0 10px 0;
}

/* order button amd message */
a.order {
	background: 0 5px no-repeat url(../img/icons/mybook/order.png); 
	width: auto;
	padding: 0 0 15px 35px;
	text-decoration: none;
	color: #777;
	font-size: 15px;
	display: block;
	height: 35px;
}

a:hover.order {
	color: #0d83dd;
}

.modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	z-index: 9999;
	display: none;
	text-align: center;
}

.modal p {
	display: block;
	margin: 100px 0 30px 0;
	font-size: 16px;
	color: #fff;
}

.modal img {
	display: block;
	float: none;
	position: relative;
	top: 20px;
	left: 48%;
}

/*#RightContent_OrderMessage {
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	color: #669900;
	background: url(../img/icons/tick.png) left top no-repeat;
	font-size: 15px;
}*/

/***** book notes *****/
.AddNote { cursor: pointer; }
.AddNoteHolder { background: #f1f1f1; float: left; position: relative; top:-5px; width: 100%; }
.AddNoteHolder div { padding: 20px; }
.AddNoteHolder h4 { margin: 0 0 10px 0; }
.AddNoteHolder { display: block; }
.AddNoteHolder textarea { display: block; width: 95%; padding: 2%; min-height: 150px; background: #FFFFE8 url(../img/icons/mybook/watermark.png) top right no-repeat; border: dashed 1px #FFCC00; border-top: solid 3px #FFCC00; }
.MyBookNote { padding: 10px 20px; background: #FFFFE8 top right no-repeat; margin: 0; border-left: dashed 1px #FFCC00; 
border-right: dashed 1px #FFCC00; border-bottom: dashed 1px #FFCC00; }
 h4.MyBookNote { border-top: solid 3px #FFCC00; border-bottom: none; }
p.MyBookNote { background: #FFFFE8 url(../img/icons/mybook/watermark.png) top right no-repeat; min-height: 120px; }


.global-message {
	width: 96%;
	padding: 10px 2% 5px 2%;
	background: #3482c4;
	color: #fff;
	display: inline-block;
	border-bottom: solid 4px #175c90;
}

.global-message img {
	display: inline-block;
    width: 142px;
}

.global-message p {
	display: inline-block;
	margin: 0;
	position: relative;
	bottom: 15px;
	left: 10px;
}

.global-message p span.new {
	background: #57cc1c;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 10px 0 10px;
	margin: 0 10px 0 0;
    border-radius: 4px;
}

.global-message a.button {
	background: #fff;
	color: #000 !Important;
	margin: 0 0 0 10px;
	font-weight: bold;
    font-size: 12px;
    border-radius: 4px;
    padding: 3px 10px;
}

.global-message a.button:hover {
	background: #05838e;
	color: #fff !Important;
}



#ipadshow { display: none ; }
#ipadshow p { background: #e4f6fe; padding: 1% 2%; color: #000; }
#ipadshow p span.popular { font-weight: bold; position: relative; bottom: 1px; margin: 0 5px 0 0; }
#ipadshow p a { text-decoration: none; }



/* 6. RESPONSIVE / MEDIA
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Responsive Content Layouts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

@media only screen and (max-width: 1245px) {
		#___gcse_0 { width: 270px; }
		.WhereFrom, .OptionBtns { width: 100%; }
		.WhereFrom { margin: 0 0 10px 0; padding: 0 0 10px; border-bottom: dashed 1px #ccc; }
		#___gcse_0 { top: 0; right: 0; float: none; width: 94%; margin: 10px auto; }
}

@media only screen and (max-width: 1060px) {
		.home h2 { font-size: 16px; }
		.homeiconhide { display: none !important; }
}

@media only screen and (max-width: 1023px) {
		#menu li:hover .dropdown_lockbox { left: -380px !important; top: auto; }
		#menu li:hover .dropdown_cmestuff { left: -140px !important; top: auto; }
		#menu li:hover .dropdown_publication { left: -80px !important; top: auto; }
		#menu li:hover .dropdown_mybpac { left: -180px !important; top: auto; }
		
		.stick #___gcse_0{ padding-bottom: 10px; border-bottom: solid 1px #e6e6e6; }
		#search_wrapper { width: 100%; }
		.dashbox-half { margin: 1% 0 4% 0; width: 96%; }
		.dashbox { margin: 1% 0; width: 95%; }
}

@media only screen and (max-width: 980px) {
		#login h3 { font-size: 18px; }
		#tagline { display: none; }
		#handbooks .block { width: 21.7% !important; }
}

@media only screen and (max-width: 935px) {
		/*.home .sidebar .quicklink p { display: none; }*/
		.home .sidebar .quicklink h4 { font-size: 12px; }
		#menu li .drop { background: none !important; padding-right: 0 !important; }
		#header-sub-menu { display: none; }
		#loginbutton a.login, #logoutbutton a.login { margin: 0; }
		.youmay { padding: 5%;  margin: 0 0 20px 0; background: none; width: 90%; }
		
		.search { top: 0; right: 0; float: none; width: 92%; margin: 0 auto; height: auto; }
		.search input { width: 96%; padding: 1% 2%; margin: 15px 0 0 0 !important; border: none; background: #f1f1f1; }
		.search input:focus { -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; background: #EAF9FF; }
		
}

@media only screen and (max-width: 870px) {
}

@media only screen and (max-width: 840px) {
		.antisearch { display: none; }
		.table.antitable, table.antitable td { display: none; }
}

@media only screen and (max-width: 815px) {
		.drop-menu-section { display: none !important; }
		.dropdown_publication, .dropdown_lockbox { width: 550px !important; }
		
		#mainContent { width: 96%; padding: 2%; }
		
		/**** Sidebar content ****/
		#rightContent { float: left !important; width: 92% !important; margin: 0 !important; }
		#rightContent .sidebar-cover { display: none; }
}

@media only screen and (max-width: 768px) {
		/*#___gcse_0 { width: 96%; margin: 2%; display: inline-block; }*/
		#handbooks .block { width: 30% !important; }
		#OtherCategories h4 { text-align: center; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: solid 1px #e6e6e6; }
		#footer #OtherCategories .otherArticleLinks { width: 90%; padding: 0; margin: 0 0 5px 30px; }
		.latest-snippet h3 { font-size: 14px; }
		.latest-snippet p { display: none; }
		.articleSnippetDateSmall { display: none; }
}

@media only screen and (max-width: 735px) {
		/**** Publication page ****/
		#publications-page .pubcover { float: left; width: 100%; margin: 10px 0; }
		#publications-page .pubcover img { background: none; padding: 0; }
}

@media only screen and (max-width: 660px) {
		.home #latest-publications img { width: 45%; }
}

@media only screen and (max-width: 767px) { /* used to be 599 */
		/**** Hide ****/
		.m-hide, #header-sub-menu, .toMakeComment, .searchIcon { display: none !important; /*visibility: hidden;*/ }
		
		/* hide for desktop and show for mobile */
		.m-show { display: block; }
		
		/**** noscript *****/
		noscript { width: 96%; padding: 2%; border-left: none; border-right: none; background: #FFE6E6; }
		
		/**** Typography, lists ****/
		h1 { font-size: 24px; }
		#content ul, #content ol { margin: 20px 0; }
		
		/**** login ****/
		#loginbutton a.login { margin: 0 !important; }
		#login { width: 90%; margin: 0; height: 300px !important; padding: 5% !important; background: #333 !important; }
		#login p, #login h3, #login a, #login label { color: #fff !important; }
		.col_loginMessage { margin: 0 !important; width: 100% !important; padding: 0 0 10px 0 !important; float: left; border-bottom: solid 1px #000; display: block;
		background: none; }
		.col_IDPW, .col_submit { width: 100% !important; float: left !important; display: block !important; }
		.col_IDPW { border-bottom: solid 1px #000; padding: 6px 0; height: 75px; margin: 0; }
		.forgotpass { height: 80px; }
		.col_submit { margin: 0 !important; padding: 6px 0 0 0; }
		span#LoginContent_LoginView1_InvalidCredentialsMessage, #LoginView1_InvalidCredentialsMessage { 
		padding: 5% 5% 5% 15% !important; width: 80% !important; font-weight: normal !important; 
		font-size: 14px !important; text-align: center; }
		#logoutbutton a.login, #loginbutton a.login { font-size: 12px !important; width: 96% !important; 
		padding: 2% !important; display: block !important; margin: 0 !important; text-align: center; }
		
		#login #leftinfo { width: 100%; padding: 0!important; }
		#login #leftinfo .infobox, #login #remember { display: none; }
		
		/**** Main Layouts ****/
		/*#container, #header { width: 96%; margin: 0 2%; }*/
		
		
		/**** Article snippets ****/
		.articleSnippetImage { width: 30% !important; max-width: 30% !important; }
		.articleSnippetContent { width: 67%; padding: 0 0 0 3%; }
		.articleSnippetDateSmall { display: block; }
		.quicklink .imgsmall { width: 24%; }
		
		/**** Header ****/
		#banner #logo, #banner #logo a { float: left; margin: 10px 0 15px 0; }

		/**** Footer ****/
		#footer { width: 96%; padding: 2%; }
		#footer-left, #footer-right { display: block; width: 100%; margin: 0; padding: 0; }
		#footer-right { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: solid 1px #ccc; }
		
		/**** Forms ****/
		label { width: 100%; margin: 4px 0; float: left; display: block; }
		input, textarea, select { width: 96% !important; /*padding: 2% !important;*/ margin: 4px 0 !important; display: block !important; }
		.comment-submit-button-div { margin: 0; padding: 0; }
		.block-item input { width: auto !important; margin: 0 !important; }
		
		/**** Search ****/
		/*.results input { display: none !important; }
		.topresults input { margin: 0 0 0 15px !important; padding: 0 !important; background: none !important; max-width: 90px !important; }
		td.gsc-search-button { display: none !important; }*/
		/*.gsc-search-box-tools .gsc-search-box .gsc-input, input.gsc-input { padding: 0 !important; width: 13px !important; }*/
		input.gsc-search-button, input.gsc-search-button-v2 { width: 13px !important; }

		
		/**** Publication List ****/
		.articleLeft input, .journalLeft input, .articleRight input, .journalRight input,
		.articleLeft img, .journalLeft img, .articleRight img, .journalRight img, .article-image, .article-image-right { margin: 10px auto !important; 
		float: none !important; width: 100% !important; max-width: 100% !important; background: none !important; }
		 
		.journalLeft, .articleLeft, .journalRight, .articleRight { width: 92% !important; padding: 4% !important; margin: 0 0 20px 0 !important; }
		.articleContentLeft, .journalContentLeft { float: left !important; width: 100% !important; }
		
		.journalRight, .articleRight { background: #333 !important; color: #fff !important; }
		.journalRight a, .articleRight a, .articleRight .ArticleDate { color: #fff !important; }
		
		.journalRight .viewcontents, .journalRight .viewarticle, .journalLeft .viewcontents, .journalLeft .viewarticle,
		.articleRight .viewcontents, .articleRight .viewarticle, .articleLeft .viewcontents, .articleLeft .viewarticle { 
		margin: 20px 0; width: 90%; padding: 2% 5%; }
		
		/**** Articles ****/
		/*#content .artContentsContainer ul, #content .artContentsContainer:hover ul, .artContentsContainer span.show-contents-list { display: none; }*/
		#content .artContentsContainer ul { width: 85% !important; margin: 33px 0 0 0 !important; position: absolute !important; }
		#content .artContentsContainer:hover ul { display: block; width: 95%; position: absolute !important; }
		
		a.pdf-download { text-align: left; display: block !important; font-size: 13px !important; width: 80% !important; padding: 16px 20% 4px 0 !important; }
		.articleContentRight, .journalContentRight { width: 100% !important; }
		#MainContent_aBackToIssue, #MainContent_aBackToJournalList { font-size: 12px !important; }
		.articleBody .note { height: auto !important; }
		.articleBody .note img { width: 100% !important; }
		.articleBody .note img.see, .sidebar-note img.see, .sidebar-note2 img.see { width: 30px !important; height: auto !important; }
		.articleBody .note img.download { width: 100px !important; }
		.sidebar-note { float: left !important; margin: 10px 0 !important; width: 92% !important; padding: 0 4% 310px 4% !important; }
		.sidebar-note2 { float: left !important; margin: 10px 0 !important; width: 92% !important; padding: 4% !important; }
		.sidebar-note img, .sidebar-note2 img { width: 100% !important; }
		.commentSeparator, .commentDescription { width: 90% !important; }
		.commentUsername { display: block; width: 100%; }
		table th { width: 1%; } /* table squashing fix */
		.pushcell { width: 50% !important; }
		img.pho-abstract { width: 100px !important; float: right !important; margin: 8px !important; }
		p#MainContent_lblIssue, p#MainContent_h2Title { display: none; }
		.savesection, .viewmybook { display: block !important; float: left; margin: 10px 0 !important; width: 83%; }
		.booksection { border-bottom: solid 1px #f3f3f3; margin-bottom: 30px; }
		#MainContent_BookTitle { padding: 2% 4%; width: 91% !important; }
		a.savebooktitle { margin: 10px 0 20px 0 !important; display: block; }
		.TopOptionBtns { float: left; width: 96%; padding: 0; margin: 10px 0; }
		
		/**** Tables ****/
		.articleBody table { margin: 10px 0 !important; font-size: 14px !important; width: 100% !important; word-break: break-all !important; }
		.articleBody table th { padding: 4% !important; }
		.articleBody table td { padding: 4% !important; }
		.articleBody table td li { margin: 0 0 10px 0 !important; }
		table.smallpad, table.smallpad td { padding: 2% !important; font-size: 11px !important; }
		
		/**** Home ****/
		.home #sidebar, .home .sidebar-wrap { width: 100%; margin: 10px 0 0 0; }
		.home #publications-news-wrapper { width: 99%; }
		.home #latest-publications img { width: 100%; padding: 0; background: none; }
		.home #news { width: 100%; }
		/*.home .newsitem img { width: 100% !important; margin: 0 0 10px 0 !important; float: left !important; }*/
		
		.home .sidebar .quicklink p { display: block; }
		.home .sidebar .quicklink h4 { font-size: 14px; }
		
		/**** Publication page ****/
		#publications-page .inner-content-box { height: auto; width: 91.7% !important; margin: 10px 0; padding: 4%; }
		#publications-page .pubcover { float: left; width: 100%; margin: 10px 0; }
		#publications-page .pubcover img { background: none; padding: 0; }
		
		/**** Quizzes ****/
		.QuizImage { display: none; }
		
		/**** Clinical Area of Interest ****/
		span.m-interest { display: block !important; }
		
		/**** Correspondence ****/
		.correspondence-contents { display: none; }
		
		/***** Links page ****/
		a#sidebar-mobi-menu { display: block; }
		ul.medical-quicklink { width: 100% !important; border-bottom: solid 1px #e2e2e2; margin: 0 !important; padding: 10px 0 !important; }
		ul.medical-quicklink.border { border: none; width: 100% !important; }
		
		/**** Handbooks ****/
		#handbooks .block { width: 46% !important; }
		
		/**** Reports ****/
		.report-left, .report-right { width: 95% !important; display: block; }
		.report-left { border-right: none !important; border-bottom: solid 1px #ccc; margin-bottom: 10px; }
		.barchart .desc { display: block; width: 99% !important; height: 22px !important; }
		.barchart .bar { display: block; width: 99% !important; }
}

@media only screen and (max-width: 360px) {
        /**** Handbooks ****/
		#handbooks .block { width: 94% !important; margin: 1% 1% 9% 1% !important; border-bottom: solid 3px #ccc; }
		.img-right { float: left; width: 100% !important; margin: 4% 0; }
}

/* ^^^^^^ This is just a breaker for small screens under 275px ^^^^^^ */
@media only screen and (max-width: 275px) {
        /* Style adjustments */
}


/* 6. PRINT STYLES
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@media print {
		body { width: 100%; margin: 0; padding: 0; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt;
		font-family: Garamond, "Times New Roman", serif; color: #000; background: #999933; font-size: 12pt; }
		h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }
		h1 { font-size:19pt; }
		h2 { font-size:17pt; }
		h3 { font-size:15pt; }
		h4, h5, h6 { font-size:12pt; }
		code { font: 10pt Courier, monospace; }
		blockquote { margin: 1.3em; padding: 1em; font-size: 10pt; }
		hr { background-color: #ccc; }
		p { text-align: justify; }
		img { float: left; margin: 1em 1.5em 1.5em 0; max-width: 100%; }
		a img { border: none; }
		a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline; color:#333; }
		a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
		a[href^="http://"] { color:#000; }
		table { margin: 1px; text-align:left; }
		th { border-bottom: 1px solid #333; font-weight: bold; }
		td { border-bottom: 1px solid #333; }
		th, td { padding: 4px 10px 4px 0; }
		tfoot { font-style: italic; }
		caption { background: #fff; margin-bottom: 2em; text-align: left; }
		thead { display: table-header-group; }
		tr { page-break-inside: avoid; }
        		
		/*layouts/colours*/
		#mainContent { width: 96%; }
		.articleBody table, .articleBody table td, .articleBody table th { /*border-color: #000000 !important;*/ }
		
		/*hide various parts from the site*/
		#topContent, #footerContent, #rightContent, #breadcrumb, #menu, #login, #loginbutton, #commentContainer, .make-comment-title, #footer, #banner, .back-to-top,
		.dropdown_publication, .dropdown_cmestuff, .dropdown_mybpac, .backtotop, #smart-menu, .search, #toTop, .artContentsContainer, .searchBox, #logoutbutton,
		#MakeComment, .commentInputContainer, #MainContent_h2Title, #MainContent_h1BookType, img.download, #header,
		#MainContent_articleBanner, .build-interaction, .savesection, a.pdf-download, .SectionToolbar, .button {
			display: none;
		}
}


/*#RightContent_2017 { display: none !important; }*/