/*=============================================================================
// Purpose: undo some of the default styling of common (X)HTML browsers
//===========================================================================*/

/*=============================================================================
// Link underlines tend to make hypertext less readable, because underlines
// obscure the shapes of the lower halves of words
//===========================================================================*/
a, a:link, a:visited {
   text-decoration: none;
   color: #20537d;
}

/*=============================================================================
// Avoid browser default inconsistent heading font-sizes and pre/code too
//===========================================================================*/
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/*=============================================================================
// Remove the inconsistent (among browsers) default ul,ol padding or margin
// the default spacing on headings does not match nor align with normal
// interlines pacing at all, so let's get rid of it.
//
// Zero out the spacing around pre, form, body, html, p, blockquote as well
// form elements are oddly inconsistent, and not quite CSS emulatable.
// Nonetheless strip their margin and padding as well
//===========================================================================*/
h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, table, tr, td, th, img {
   margin: 0;
   padding: 0;
}

/*=============================================================================
// Whoever thought blue linked image borders were a good idea?
//===========================================================================*/
a img, :link img, :visited img { border: none; }

/*=============================================================================
// De-italicize address
//===========================================================================*/
address { font-style: normal; }

.noborder { border: 0 !important; } 
.Hidden { display: none !important; }

/*=============================================================================
// Alignment
//===========================================================================*/
.Left { text-align: left !important; }
.Center { text-align: center !important; }
.Right { text-align: right !important; }

/*=============================================================================
// Cursor
//===========================================================================*/
.Pointer { cursor: pointer !important; }
.Arrow { cursor: default !important; }

/*=============================================================================
// Width
//===========================================================================*/
.pc5 {width: 5% !important}
.pc7p5 {width: 7.5% !important}
.pc10 {width: 10% !important}
.pc12p5 {width: 12.5% !important}
.pc15 {width: 15% !important}
.pc20 {width: 20% !important}
.pc25 {width: 25% !important}
.pc30 {width: 30% !important}
.pc33 {width: 33% !important}
.pc35 {width: 35% !important}
.pc40 {width: 40% !important}
.pc45 {width: 45% !important}
.pc50 {width: 50% !important}
.pc60 {width: 60% !important}
.pc66 {width: 66% !important}
.pc70 {width: 70% !important}
.pc75 {width: 75% !important}
.pc80 {width: 80% !important}
.pc90 {width: 90% !important}
.pc100 {width: 100% !important}

.px16 { 
   width: 4% !important;
   vertical-align: middle !important;
   text-align: center !important;
}

/*=============================================================================
// QHS Colors
//===========================================================================*/
.PaleBlue {
   color: #6a90b4;
}

.DarkBlue {
   color: #20537d;
}

/*=============================================================================
// More varnish stripping as necessary...
//===========================================================================*/
html {
   font-family: sans-serif;
   width: 100%;
   background-color: #e8e8e8;
   color: #666666;
   overflow-y: scroll;
}

body {
   font-family: sans-serif;
   background-color: #e8e8e8;
   font-family: verdana;
   font-size: 10pt;
   line-height: 130%;
   color: #666666;
}

/*=============================================================================
// Div Header
//===========================================================================*/
div#Header {
   width: 835px;
   height: 16px;
	border: 0;
	margin: 16px auto 0 auto;
	padding: 0;
   background-image: url(./images/PageHeader.png);
	background-repeat: no-repeat;
	background-position: top center;
}

/*=============================================================================
// Div Body
//===========================================================================*/
div#Body {
   width: 835px;
   border: 0;
	margin: 0 auto;
	padding: 0 0 16px 0;
   background-image: url(./images/PageBody.png);
}

/*=============================================================================
// Div Footer
//===========================================================================*/
div#Footer {
   width: 835px;
   height: 16px;
	border: 0;
	margin: 0 auto 0 auto;
	padding: 0 0 12px 0;
   background-image: url(./images/PageFooter.png);
	background-repeat: no-repeat;
	background-position: top center;
}

div#Footer div {
   position: relative;
   top: -16px;
   right: 12px;
   text-align: right;
}

/*=============================================================================
// Form
//===========================================================================*/
div.Form {
   position: relative;
	border: 0;
	width: 824px;
	margin: 0 4px 0 4px;
}

/*=============================================================================
// Panel
//===========================================================================*/
div.Panel {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.Panel h1 {
	font-family: verdana;
	color: #003a5a;
	margin: 0;
	padding: 8px 24px 0px 24px;
	font-size: 12pt;
}

div.Panel h2 {
	font-family: verdana;
	color: #989898;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	background-color: #ffffff;
}

div.Panel h3 {
	font-family: verdana;
	color: #7f9caa;
	margin: 4px 0;
	padding: 0;
	font-size: 10pt;
	background-color: #ffffff;
}

div.Panel h4 {
	font-family: verdana;
	color: #20537d;
	margin: 4px 0;
	padding: 0;
	font-size: 10pt;
	background-color: #ffffff;
}

/*=============================================================================
// UserControl
//===========================================================================*/
div.UserControl {
	border: 0;
	margin: 0;
	padding: 0;
}

/*=============================================================================
// GroupBox
//===========================================================================*/
div.GroupBox {
	border: 1px solid #9b9b9b;
	background-color: #ffffff;
	margin: 8px;
}

div.GroupBox h1 {
	font-size: 0.8em;
	color: black;
   border-bottom: 1px solid #acacac;
	margin: 0;
	padding: 4px 4px 4px 8px ;
   background-image: url("./images/GroupBoxHeader.png");
   background-color: #d8e2f0;
   background-position: bottom center;
   background-repeat: repeat-x;
}

/*=============================================================================
// SplitContainer (TABLE)
//===========================================================================*/
table.SplitContainer {
   width: 100%;
	border: 0;
   padding: 0;
   margin: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: white;
}

table.SplitContainer th, table.SplitContainer td {
	background-color: white;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

/*=============================================================================
// TableLayoutPanel
//===========================================================================*/
table.TableLayoutPanel {
   border-collapse: separate;
   border-spacing: 1px;
	margin: 0;
	padding: 0;
	width: 100%;
}

table.TableLayoutPanel th, table.TableLayoutPanel td {
	border: 1px solid gray;
	padding: 0;
	margin: 0;
}

/*=============================================================================
// DataGrid
//===========================================================================*/
div#PanelDataGrid {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

table.DataGrid {
   font-size: 0.75em;
   margin: 0px;
   padding: 0px;
   width: 100%;
   empty-cells: show;
   border-collapse: separate;
   border-spacing: 1px;
   background-color: #f0f0f0;
}

table.DataGrid tr {
   background-color: white;
}

table.DataGrid tr th, table.DataGrid tr td {
   width: 0;
   margin: 0;
}
   
table.DataGrid tr th {
   padding: 4px;
   background-image: url("./images/DataGridHeader.png");
   background-color: #e0e0e0;
   background-position: bottom center;
   background-repeat: repeat-x;
   text-align: left;
}

table.DataGrid tr td {
   padding: 2px 2px 2px 4px;
   border: 1px solid white;
}

table.DataGrid tr td.NoRecord {
   text-align: center;
   font-weight: bold;
   background-color: #f0f0f0;
   border: 1px solid #c0c0c0
}

/*=============================================================================
// Navigation Menu
//===========================================================================*/
ul.Navigation {
   position: relative;
   top: 96px;
   left: 160px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 512px;
}

ul.Navigation li {
	padding: 0;
	margin: 0;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	display: inline;
}

ul.Navigation li a,
ul.Navigation li a:link,
ul.Navigation li a:visited {
   padding: 0 16px;
	margin: 0;
	color: #20537d;
	text-transform: uppercase;
	height: 32px;
	display: block;
	float: left;
}

ul.Navigation li a:hover {
   color: #694000;
}

ul.Navigation li #NavActif {
   color: #D8AD00;
   background-image: url(./images/NavArrow.png);
   background-position: center bottom;
   background-repeat: no-repeat;
}

/*=============================================================================
// Folder list menu
//===========================================================================*/
div#PageList {
   background-color: #d9ad00;
   background-image: url(./images/PageListBackgroundHome.png);
   background-position: top left;
   background-repeat: no-repeat;
   width: 224px;
}

ul.PageList {
	padding: 16px 0 8px 0;
	margin: 0;
	list-style-type: none;
	width: 224px;
	min-height: 256px;
	background-image: url(./images/PageListBottomRight.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

ul.PageList li {
	padding: 0;
	margin: 0;
	font-size: 10pt;
	font-family: verdana;
}

ul.PageList li a,
ul.PageList li a:link,
ul.PageList li a:visited {
	color: #694000;
   margin: 0;
   padding: 8px 0px 8px 64px;
	display: block;
	width: 152px;
	background-image: url(./images/h.png);
	background-repeat: no-repeat;
	background-position: 24px center;
	font-weight: bold;
	font-variant: small-caps;
}

ul.PageList li.Separator {
   height: 2px;
   padding: 0;
   margin: 0;
   background-image: url(./images/button_bottom.png);
   background-position: center left;
   background-repeat: no-repeat;
}

ul.PageList li.Separator hr {
   margin: 0;
   padding: 0;
   border: 0;
   height: 2px;
   width: 128px;
   visibility: hidden;
}

ul.PageList li a:hover {
}

ul.PageList li #PageActive {
   color: #003a5a;
}

ul.PageList li #PageActive:hover {
}

/*=============================================================================
// Banner
//===========================================================================*/
div.Header {
   height: 128px;
   background-color: white;
}

div.TopButton {
   position: absolute;
   margin: 0px 10px;
}

a.TopButton {
   padding: 2px 4px;
   margin: 0;
}

/*=============================================================================
// List Type Blue
//===========================================================================*/
ul.TypeBlue {
   list-style: url(./images/ListType.png);
   color: #003a5a;
}

ul.TypeBlue li {
   font-size: 10pt;
   padding: 4px;
}

/*=============================================================================
// Content
//===========================================================================*/
div.Content {
   text-align: justify;
   padding: 8px 24px 8px 24px;
}

div.Content p {
   text-align: justify;
   margin: 12px 0px;
}

div.ButtonBottom {
   background-image: url(./images/menu_bottom.png);
   background-position: top left;
   background-repeat: no-repeat;
   min-height: 256px;
}

div.News {
   font-size: 8pt;
   padding: 12px 4px 0px 30px;
}

div.News h5 {
   color: #20537d;
}

div.News h6 {
   color: #6a90b4;
   margin: 16px 0px 2px 0px;
}

div.News a {
   color: #666666;
}

/*=============================================================================
// Board of directors
//===========================================================================*/
table.Board {
   padding: 0;
   margin: 16px 0 8px 0;
   border-collapse: collapse;
   border-spacing: 0;
}

table.Board tr td {
   border-top: 1px solid #cccccc;
   vertical-align: middle;
}

table.Board td span.Title {
   color: #20537D;
}

table.Board td span.Name {
   color: #6990B4;
}

table.Board td.Photo {
   padding: 12px 16px 12px 0px;
   vertical-align: middle;
}

table.Board td.Photo img {
   display: block;
}

table.Board td p {
   text-align: justify;
   margin: 8px 0px 0px 0px;
   font-size: 8pt;
}

table.Board td.Photo img {
   border: 1px solid #808080;
}

/*=============================================================================
// Health Screening Clinics
//===========================================================================*/
table#Clinic {
   margin: 16px 0px;
}

table#Clinic td {
   margin: 0;
   padding: 16px 0;
}

table#Clinic td.Separator {
   width: 32px;
   background-image: url(./images/separator.png);
   background-position: center center;
   background-repeat: no-repeat;
}

table#Clinic td p {
   font-size: 8pt;
}

table#Clinic td img {
   margin: 0;
   padding: 0;
}

/*=============================================================================
// Contact
//===========================================================================*/
div.Contact h2 {
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   color: #6a90b4;
   font-size: 12pt;
   padding: 8px 0;
}

table#Contact {
   font-size: 8pt;
}

table#Contact td {
   width: 42%;
   padding: 8px;
}

table#Contact td.Separator {
   width: 6%;
   background-image: url(./images/separator_vertical.png);
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0;
}

table#Contact td.HorizontalSeparator {
   background-image: url(./images/separator_horizontal.png);
   background-position: center center;
   background-repeat: no-repeat;
   height: 8px;
   padding: 0;
}

table#Contact td h3 {
   color: black;
}