/*
- This file is for clients who need configuring their own CSS set
 to change the web appearance from the default set.
- The default CSS set is in MEDIANET_DEFAULT.CSS. Look at this file
 for a list of style elements that can be overridden and examples on
 how to define an override setting.
- For image paths please use /HFM/images/... as
 per MEDIANET_DEFAULT.CSS
*/
/*
To remove the background images of the default Medianet style (which
will remove most of the style 'appearance'):
 body {
 background-image: url();
 }
 #idBottom {
 background-image:url();
 }
To remove the borders around the content (with a small 10px margin on
the left so the text isn't flush against the left).
 #idContent {
	border: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
 }
 You will also want to remove idHeader (unless you've moved it above
 the tabs using <!--MED_SITE_HEADER-->):
 #idHeader {
 display:none;
 }
To remove the centering on the buttonbars:
 #idBottom {
 text-align: left;
 }
 The 15px is significant, it ensure the buttonbar text is centered
 vertically in the blue bar.
 #idFooter {
 text-align: left;
 margin: 0px;
 padding: 15px 0px 0px 10px;
 }
To put an image on the top of the tabs: The easiest way is:
 Fill in the nav bar with dark blue, to replace the color we lost
 with the background image (since the tabs will now be displaced
 below the dark blue bar):
 #idNavContainer {
 background-color: #314A5A;
 }
 To handle positioning bugs in Firefox, we have to change to
 absolute positioning. We assume here your logo is in
 #idHeader, added above the tabs in style_Cfg.iht using
<!--MED_SITE_HEADER-->. The actual pixels for height: and
 top: values will depend on the height of your logo:
 #idNavContainer {
 background-color: #314A5A;
 height: 100px;
 margin: 0;
 padding: 0;
 text-align: bottom;
 }
 #idNav {
 position: absolute;
 top: 68px;
 left: 0px;
 padding: 0 0 0 0;
 margin: 0 0 0 100;
 height: 35px;
 }
 #idHeader {
 position:absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 45px;
 background-color: white;
 }
 // And put in some space between the contents and the tabs,
 // since we moved the header
 #idContents {
 margin-top: 10px;
 }
To set an explicit size for the contents section (for instance, to
ensure the text doesn't stretch beyond the width of the site logo, or
to display the contents section inside a specific fixed size area
in a site specified style):
 // - Recommended minimum contents width (not including
 // margins/padding) is 800.
 // - Width and height set the contents area only, they do not include
 // margins, padding, and border. The main margins/padding for
 // the contents section is in idContent.
 // - The absolue minimum, to fit our fixed width textareas
 // of 63 columns, with our default font size, is 526 + margins, ie
 // around 540.
 // - Some textareas on the update form also have left hand
 // captions. These have to be smaller (by at least 7 columns).
 // The maximum size for UPDATE form textareas is set by
 // wexprc.isc: W_MAX_TEXTAREA_COLS
 //
 // - ALSO set WEXPRC.ISC variables WPAGWIDTH and WPOPUPWIDTH
 // - Some pages have explicit widths set by WPAGWIDTH (WEXPRC.ISC)
 // - eg. the UPDATE forms.
 // - The REMARKS box looks best at the default WPAGWIDTH of 800
 // - POPUP window width is set by WPOPUPWIDTH (WEXPRC.ISC)
 //
 // - You may have to set wexprc.isc variable W_MAX_TEXTAREA_COLS,
 // since textareas are sized by their number of columns, and you
 // need to make sure none exceed your specific size.
 // - With our default font, each column is 8 pixels, plus 22
 // pixels for border/scrollbar.
 // - With our suggested minimum size of 800, you have room for
 // 97 cols, which is more than any question will ever need,
 // so no sizing is necessary.
 // - Our maximum current in-use size is 72 cols.
 //
 // - Pages currently with explicit sizes:
 // - ACCREQ/CLIPRO/FEEDBK/RECTIT (610)
 // - DC_SHOWINGS (610)
 // - EMAIL_INFO (virtual field trip) (700)
 // - PRIGEN.IHT (770)
 // - SEADOC_COPYRIGHT (680)
 // - UPDORD: (700)
 // - TUT_MULTIPICK: (600)
 .pageContentsTable {
 width: 700px;
 }
 // - The nav bar and the footer currently set explicit widths,
 // so have to be overridden.
 #idFooter {
 width: 700px;
 }
 #idNav {
 width: 700px;
 }
 To change margins/padding of the page, for fitting in the smallest
 available space:
 // - idContent sets margins and padding for the content section
 #idContent {
 margin: 10px;
 padding: 0px;
 }
 // - idNav sets a 100px left margin for the nav bar.
 #idNav {
 margin-left: 10px;
 }
 // - The page contents table has a small left padding to work around
 // an IE bug, leave this alone if possible.
 // - idLogo has a left/right margin of 10
To change the default font size:
body, td, th {
 font-size: 15px;
}
To change the appearance of the <h1> titles:
h1 {
 color: green;
 font-size: large;
 padding-top: 5px;
 text-transform: none;
}
To grow the navigation bar section to make room for more tabs:
#idNav {
 width: 900px;
}
To change the height of a header from HEADER_CFG.IHT:
#idHeader {
 height: 50px;
}
To change the appearance of the page contents area titles
(from optional <root>_TITLE_CFG.IHT):
h1.innerTitle {
 color: red;
 font-size: 25px;
}
To grow the size of the footer button bar to prevent wrapping:
#idFooter {
 width: 900px;
}
To put bars around the buttonbar:
#idBtnbar {
 border-top: 1px groove black;
 border-bottom: 1px groove black;
 padding-top: 10px;
 padding-bottom: 10px;
}
*/