/* --------------------------------------------------------------------- */
/* This file contains the CSS properties to use to print pages of the    */
/* MHCyr.com website.                                                    */
/* Version: 4.0.0                                                        */
/* NOTE: This file is used for all browsers.                             */
/* --------------------------------------------------------------------- */

/* Remove unwanted elements */
#mainNavigation, #URHere, #bottomNavigation, .topNavigation, .toc, .summary, caption {
	display: none;
}

/* Tell every tag to use black text via the universal selector */
* {
	color: black;
}

/* General parameters for all HTML contents of the website */
html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

body {
	background-color: white;
	font-size: 62.5%; /* Gives a base of 10px */
	width: auto; /* To make sure that the text prints the whole available width on paper */
}

/* Print page layout parameters */
@page { 
	margin-left: 2cm;
	margin-right: 2cm;
}

/* Parameters for the logo displaying the headings 1 */
#logoMain, #logoChirurgie , #logoBonJovi, #logoMoi, #logoContact, #logoMap, #logo404 {
	background: white;
}

/* General parameters for several parts of the website */
#text, #footer, form textarea, form input.textStyled {
	float: none;
	font-size: 12pt;
	width: auto; /* To make sure that the text prints the whole available width on paper */
}

#footer {
	border-top: 1pt solid black;
	font-size: 10pt;
}

/* Set hyperlink properties */
a, a:hover {
	color: blue;
	text-decoration: underline;
}

/* Add the URL of external links in parentheses after the name of the links */
a[href^="http://"]:after {
	content: " (" attr(href) ")";
}

/* Set Heading 1 properties */
h1 {
	font-size: 16pt;
	padding: 0 0 20pt 0;
	text-align: center;
	text-transform: uppercase;
	width: auto; /* To make sure that the text prints the whole available width on paper */
}

/* Set Heading 2 properties */
h2 {
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
}

/* Set Heading 3 properties */
h3 {
	font-size: 12pt;
	font-weight: bold;
}

/* Set Heading 4 properties */
h4 {
	font-size: 12pt;
	font-weight: bold;
}

/* Set Heading 5 properties */
h5 {
	font-size: 12pt;
	font-weight: bold;
}

/* Set Paragraph properties */
p {
	margin: 0 0 10pt 0;
	padding: 0 0 6pt 0;
	text-align: justify;
}

/* Set unordered list and list item properties */
ul {
	list-style-type: none;
}

#text ul, #text li {
	list-style-type: disc;
	text-align: justify;
}

#text li {
	padding: 0 0 10pt 0;
}

#text ul.subList li {
	list-style-type: circle;
}

#text li.setlist {
	margin: 0 15pt;
	padding: 0;
	text-transform: uppercase;
}

#text li.longList {
	list-style-type: none;
	padding: 0;
}

/* Set image properties */
#text img {
    margin: 0 auto;
	padding: 10pt 7pt;
}

/* Set iframe properties */
#text iframe {
	border: none;
    margin: 0 auto;
	padding: 10pt 0 20pt 25pt;
	width: 100pt;
}

/* Set the properties for IDs and classes */
#text .poem p, #text .title, #text .feedback {
	text-align: center;
}

#text .sidenote {
	font-style: italic;
}

#text .lyrics {
	font-style: italic;
	text-align: center;
}

#text .quote {
	font-style: italic;
	text-align: right;
}

#text .subtitle, .emphasis {
	font-weight: bold;
	text-decoration: underline;
}

#text .newsTitle {
	border: 1pt solid black;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#text .newsSubtitle {
	border-bottom: 1pt dotted black;
	font-weight: bold;
	text-align: center;
}

#text .question {
	font-weight: bold;
}

#text .warning {
	border: 2pt solid red;
	color: red;
	padding: 5pt 10pt;
}

#text .error {
	color: red;
}

/* No special properties for these classes and IDs */
table.news, #text .answer, #text .showDetails, .profile, .nutshell, .figure, .singleFigure, .figure200Wide, .figure290Wide,
.figure310Wide, .single400WideFigure, .single427WideFigure, .single450WideFigure, .single500WideFigure, .single520WideFigure,
.single570WideFigure, .single600WideFigure, .picture, .profileFigure, th.dateColumn, th.sectionColumn, th.stepColumn, label, #formButton {
}

/* Set table and table elements properties */
table {
	border: 1pt solid black;
	margin: 0 20pt 15pt 20pt;
}

th {
	padding: 5pt 0;
	text-align: center;
	text-transform: uppercase;
}

td {
	vertical-align: top;
}

td.tableParagraph {
	padding-bottom: 15pt;
	padding-right: 5pt;
	padding-top: 2pt;
	text-align: justify;
}

/* Set sup properties */
sup {
	font-size: 60%;
	position: relative;
	top: 2pt;
}

/* Set form field properties */
form textarea, form input.textStyled  {
	border: 1pt solid black;
	font-size: 12pt;
}

form input.buttonStyled {
	margin: 0 0 20pt 0;
}