/***

NSW Department of Environment and Climate Change
Our Environment is a Living Thing (OEILT) DotNetNuke skin CSS

This file contains CSS shared between the various OEILT skins, and is referenced by adding a LINK element to
link to this file.  Other shared CSS is in the /telerik/menu/styles.css and /telerik/panel/styles.css files.

Skin-specific CSS is contained in the files named [skin-name].css
***/

/* Generic tag styles  */
/***********************/
* 
{
  /* set even playing field for all browsers */
  margin : 0;
  padding : 0;
}

body 
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #3e3e40;
  background-color: white;
  /* decimal fontsize fixing font resizing bug in IE5/6 */
  font-size: 100.01%;
  min-width: 775px;
  
}

/*#Form
{ 
  position: absolute;
  z-index: 100;
}*/

h1, h2, h3, h4, h5, h6, table, tfoot, thead, th, .Head, .SubHead, .SubSubHead, .SkinObject, .normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox, .DataGrid_AlternatingItem, .DataGrid_Header, .DataGrid_Item, .DataGrid_SelectedItem, .TreeMenu_Node, .TreeMenu_NodeSelected, .Help, .CommandButton
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100.01%;
}

.Help
{
  display: block;
}

/* HR element used to simulate min-width in IE */
#min_width
{
  width: 775px;
  min-width: 775px;
  color: white;
  background-color: white;
  border-top: none; 
  border-left: none; 
  border-right: none; 
  border-bottom: none;
  height: 1px;
}

img {border: 0;}

h1
{
/* KW here */
}
/* h2,h3,h4,h5,h6 {color: #002C95;}*/
h2
{
  font-size: 1em !important;
  /*font-weight: 700;*/
  color: #003782;
  margin-top: 1em;
  font-weight: bold;
}

h3
{
  font-size: 0.95em;
  font-weight: bold;
  color: #44a12b;
}

h3.bg-color {
	font-size : 0.95em;
	font-weight: bold;
	background-color: #999;
	color : #FFF;
	margin: 9px 0 10px 0;
	padding: 3px 0 3px 10px;
}

h4 {font-size: 0.75em; font-weight: bold; color: black;}
h5 {font-size: 0.70em; font-weight: normal; color: #333333;}

/*  adjust sizes "up" for header instances inside "normal" class (.7em) */
.normal h2  
{
  font-size: 1.42em;  /* 1 x (10/7)  */
}

.normal h3
{
  font-size: 1.36em;  /* .95 x (10/7)  */
}

.normal h4  
{
  font-size: 1.07em;  /* .75 x (10/7)  */
}

.normal h5
{
  font-size: 1.0em;  /* .7 x (10/7)  */
}

p
{
  margin: 0.4em 0 0.5em 0; /*was top=0 bot=0.8 */
  line-height: 1.7em;/*kkww*/
}

ol, ul
{
  margin: 0 0 1em 2em;
}

li
{
  margin-bottom: 0.5em;
}

table 
{
  border-collapse : collapse;
  border : 0;
  margin : 0 0 1em 0;
}

/*  Quask forms render each field as a table, we don't want margins on those */
.st_d table  
{
  margin : 0!important;
}

input, select, textarea, table
{
  font-size : 1em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Override the default DNN CSS settings for main body text */
.normal, .normalred, .normaldisabled, .subhead, .normaltextbox, .commandbutton
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
}

.commandbutton
{
  font-size: 0.8em;
}

.commandbutton .commandbutton
{
  font-size: 1em;
}

p .commandbutton, .normal .commandbutton
{
  font-size: 1.05em;
} 

.ControlPanel .commandButton
{
  font-size: 8pt;
}

.normal
{
  color: #3e3e40;
}

.normal, .normalred, .normaldisabled
{
  font-size : 0.75em!important;
  line-height: 1.4em!important;
  vertical-align: top;
}

/*.subhead, .subsubhead
{
  font-size : 0.9em!important;
  line-height: 1.6em!important;
}
*/

.SubHead, .SubSubHead, td.Subhead
{
  font-weight: normal;
  color: #3e3e40;
  font-size: 0.8em;
}

.normaltextbox
{
  /*font-size : 0.8em!important;*/
  line-height: 1.4em!important;
}

.head
{
  font-size: 1em;  /*  This is to override the .head styles from DNN default.css */
}

/*.CommandButton
{
  text-decoration: underline;
}
*/

/* 
DNN renders container headings as "Head" but also uses "Head" elsewhere. 
We need it a bit smaller in the container headings
*/
h1 .Head
{
  font-size : 0.8em!important;  
}

/*  Fix for DNN control panel dropdowns being too small */
.ControlPanel .NormalTextBox
{
  width: 220px!important;
}

.ControlPanel, .ControlPanel table
{
  font-size: 10pt;
}

.ControlPanel .subhead
{
  font-weight: normal;
}

/************************************************************************************************************************/
/* Generic reusable types                                                                                              */
/************************************************************************************************************************/
.clear-hidden {
 margin : 0;
 padding : 0;
 font-size : 1px;
 line-height: 1px;
 clear : both;
 height: 1px;
}

.centered {text-align: center;}

.fineprint, p.fineprint, .containers p.fineprint, .fineprint2
{
  font-size: 0.8em!important;
  line-height: 1.3em;
}

.fineprint p {line-height: 1.4em !important;}

.tightw_fineprint
{
	width: 50%;
	line-height: 1.2em;
	font-size: 0.25em;
	padding-top: 0.3em;
	background-color: pink;
}

.emphasized
{
  color: #58585a;
  font-weight: 600;
  font-style: italic;
  line-height: 1.4em;
  vertical-align: top;
}

.indented
{
  padding-left: 1em;
  padding-right: 1em;
}

/* gap on right */
.spacerR {margin-right:1.5em;}

/* LIST TWEAKS */
.listhead {display:block;padding-bottom:0.5em;} /* inside list item span */
li.spaceB {margin-bottom: 0.6em;} /* listitem class */
.listparaitem {display:block;padding-top: 0.75em;} /* inside list item span */

#ContentArea li {
  line-height: 1.6em; /* loosen leading */
}

.float-left, .objL {float: left;}
.float-right, .objR {float: right;}

img.float-left {margin-right: 1em; margin-bottom: 1em;}
img.float-right {margin-left: 1em; margin-bottom: 1em;}


/* ====================== */
.column-fullheight
{
  padding-bottom: 10010px;
  margin-bottom: -10000px;
}

#contentArea a.hidelink:link {color: #3e3e40!important;}

#contentArea a.external-link
{
  /*background-image: url(images/http.gif);
  background-position: right;*/
  background-image: url(images/all.gif);
  background-position: right -126px;
  height: 14px;
  background-repeat: no-repeat;
  padding-right: 14px;
  display: inline-block;  /*  fixes word wrap problem with bg-image in IE  */
  white-space: nowrap;
}

#contentArea a.external-link:hover, #contentArea a.external-link:active
{
  /*background-image: url(images/http_hover.gif);*/
  /*background-image: url(images/all.gif);*/
  background-position: right -246px;
}

#contentArea a.mail-link
{
  /*background-image: url(images/mailto.gif);
  background-position: right;*/
  background-image: url(images/all.gif);
  background-position: right -686px;
  background-repeat: no-repeat;
  padding-right: 14px;
  display: inline-block;  /*  fixes word wrap problem with bg-image in IE  */
  white-space: nowrap;
}

#contentArea a.mail-link:hover, #contentArea a.mail-link:active
{
  /*background-image: url(images/mailto_hover.gif);*/
  background-position: right -806px;
}

/* PHOTO */

/*  photo border classes */
.photo-shadow
{
  border: 1px solid #eff7ed;
  position: relative;
  display: block;
  background: white;
  z-index: 0;
  margin-bottom: 0.5em;
}

.photo-float-left
{
  float: left;  
  margin-right: 2em;
  margin-left: 8px;
}

.photo-float-right
{
  float: right;
  margin-left: 2em;
  margin-right: 8px;
}
  
.photo-margin-bottom
{
  margin-bottom: 3em;
}

.photo120 { width: 120px;} 
.photo140 { width: 140px;}
.photo150 { width: 150px;}
.photo160 { width: 160px;}
.photo170 { width: 170px;}
.photo180 { width: 180px;}
.photo190 { width: 190px;}
.photo200 { width: 200px;}
.photo210 { width: 210px;}
.photo220 { width: 220px;}
.photo230 { width: 230px;}
.photo240 { width: 240px;}
.photo250 { width: 250px;}

.photo-shadow-outer
{
  overflow: hidden;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}

.photo-caption-line
{
  font-family: Verdana;
  padding-top: 3px;
  padding-bottom: 10px;  
}

.photo-caption-line p
{
  margin: 0px;
}

/* dropshadow photo style */

.dropshadow-wrapper {margin: 10px;}

.dropshadow
{
	float:left;
	clear:left;	
	background: url(images/shadowAlpha.png) no-repeat bottom right !important; 
	background: url(images/shadow.gif) no-repeat bottom right; 
	margin: 0 0 5px 0;
}
.dropshadow img
{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #eee;
	background:#fff;
	padding:4px 3px 3px 3px;
	margin: 0;
}
* html .dropshadow img {padding:8px 6px 7px 6px;}
*:first-child+html .dropshadow img {padding:8px 6px 7px 6px;}

/* poloroid photo style */

.polaroid-container
{
    position:relative; 
    margin: 10px;
}

.polaroid
{
    background-color: #FDFDFD;
    border: 1px solid #999; 
    position: relative; 
	text-align: center; 
}

.polaroid-content-container
{
    padding: 10px; 
}

.polaroid-pic
{
    display: block; 
    border: 1px solid #CCCCCC; 
    border-top: 1px solid #999999; 
    border-right: 1px solid #999999; 
    margin-bottom: 5px; 
}

.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
	background-color:white;	
}


/************************************************************************************************************************/
/* Skin (GCIO) styles                                                                                                   */
/************************************************************************************************************************/

/*
#outer-column-container
{
  border-right: solid 11em #f6f6f6;
}

#left-column
{
}

#tool2
{
  position: absolute;
  right: 1.1em;
}
*/

/* page wrapper
*******************************************************************************/
#cim_page-wrapper 
{
  /* set global base font size for entire page */
  font-size: 100.01%;
  position : relative;
  background: transparent url(images/cim-leftcol-tile.gif) 0 100% no-repeat;
  /*border: 1px solid red;*/
}
/* * html #cim_page-wrapper {background-image: none;}*/

#cim_skip-content 
{
  text-align: right;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-right: 12px;
}

#cim_skip-content a 
{
  font-size: 0.7em;
  text-decoration: none;  
}

#cim_skip-content a:link, #cim_skip-content a:visited
{
  color: #003782;
}

#cim_skip-content a:hover, #cim_skip-content a:active
{
  color: #44a12b;
}

#cim_content-outer-wrapper {
	border: 1px solid red !important;
	position: relative;
  	clear: both;
	min-height: 100%;
	float: left;
}

#cim_content-wrapper
{  
  /*background-color: #e7f1db;  */
  border-left: solid 170px #e7f1db;
  position: relative;
  clear: both;
  /*  This doesn't appear to do anything sensible - but it prevents FF from putting a 4px white border/margin  */
  /*  above .bottomControls.                                                                                   */
  /*border-bottom: 1px solid white;*/
  margin-bottom: -4px;
}
* html #cim_content-wrapper {margin-bottom: 0;}

.IE #cim_content-wrapper
{
  height: 100%;
}

/* Header 
*******************************************************************************/
#cim_header 
{
  position : relative;
  min-height : 112px;
  height: 112px;
  background-color: #b9c8d2;
}

#cim_header #cim_header-left 
{
  padding: 0;
  margin: 0;
  /*  Fallback background in case the user doesn't have Flash */
  background-image: url(images/banner.gif);  
  background-repeat: no-repeat;
  background-color: #b9c8d2;
  min-width: 770px; 
}

#cim_header-new {
	min-height: 116px;
	height: 116px;
	position: relative;
	background: transparent url(images/banbg_h.jpg) 0 0 no-repeat;
	overflow: hidden;
}

#cim_header-new #header-left {float: left; width: 45%; margin: 0; padding: 0; display: inline;  }

#cim_header-new #header-left #header-text-wrapper {height: 116px; overflow: hidden; float: left; margin: 0; padding: 0; width: 265px;}

#cim_header-new #header-left #header-text-wrapper img {float: left; margin: 0; padding: 0;}

#cim_header-new #header-left #header-text-wrapper p {
	font-size: 1em;
	color: #cfe8c7;
	line-height: 1.15em;
	margin: 0;
	padding: 0;
	float: left;
	height: 55px !important;
	overflow: hidden;
	font-family: arial, verdana;
	letter-spacing: 0em;
	font-weight: bolder;
}

#cim_header-new #header-left a img {float: left; margin: 0; padding: 0;}

#cim_header-new #header-left .img-right {float: right; margin: 0; padding: 0;}
* html #cim_header-new #header-left .img-right {margin: 0 -3px 0 0;}
*:first-child+html #cim_header-new #header-left .img-right {margin: 0 -3px 0 0;}

#cim_header-new #header-left .logo-livingthing {
	position: absolute;
	top: 0;
	left: 74px;	
}

#cim_header-new #header-right {
	float: left;
	margin: 0;
	padding: 0;	
	display: inline;
	/*width: 55%;	*/

}

/* tools - search, links etc
*******************************************************************************/
#cim_tools
{
  /*border-bottom: 1px solid white;*/
  font-size: 0.7em;
  color : #44a12b;
  /*height: 2.2em;*/
  line-height: 1em;
  padding: 1px 8px 0px 8px;
  clear: both;
}

#cim_tools a 
{
  color : #44a12b;
  text-decoration: none;
}

#cim_tools a:hover, #cim_tools a:active 
{
  color: #003782;
}

#cim_tools input 
{
  border: 1px solid #b5c3ce;
  vertical-align : middle;
  padding: 1px 0 2px 0;
  width : 78px;
}

#cim_tools input.go 
{
  border : 0;
  width : auto;
  height : auto;
  padding : 0;
}

#cim_tools #links 
{
  float : left; 
  line-height : 1.8em;
  padding-top: 3px;
  padding-bottom: 5px;
}

#cim_tools #search 
{
  float : right; 
  line-height : 1.8em;
  padding-top: 3px;    /*  These should be the same */
  padding-bottom: 5px; /*  as #cim_tools #links     */
}

#search .SearchButton
{
  vertical-align: middle;
}

/* main body content
*******************************************************************************/
#cim_main-content
{
  /*background-color: white;*/
  position: relative;  
  left: -170px;
  margin-right: -170px;  
}

.IE #cim_main-content
{
  left: -173px;
  margin-right: -173px;
  height: 100%;
  /*height: 0px;*/  /*  force hasLayout=true for IE to work around disappearing graphics bug */    
}

/*  This works around an issue in FF where FF puts a 5 px margin at the top of the menu */
/*.Firefox #cim_main-content #topmenu,
.AppleMAC-Safari #cim_main-content #topmenu
{
  background-color: #e5eaed;
  height: 1em;
}*/


/*.contentwrapper
{
  height: 100%;
  background-color: White;
}*/

.contentwrapper
{
  /*width: 100%;*/
  overflow: hidden;
}

#cim_main
{
  margin-right: 6.5em;
  font-size: 1.8em;
}

h1
{
  color: #44a12b;
  display: inline;
  /*padding-left: 12px;*/
  margin-bottom : 0.6em;
  font-weight: normal; 
  line-height: 1.2em !important;
}

.IE #ContentArea
{
  height: 100%;
}

#ContentArea h1
{
  font-size: 2.3em;
}

#InnerContentArea
{  
  /*margin-left: 13px;*/
  /*margin-top: 6px;*/
  /*margin-right: 6px;*/
  overflow: hidden;
}

#ContentArea a 
{
  text-decoration: none;
  color: #44a12b;
}

#ContentArea a:hover, #ContentArea a:focus 
{
  text-decoration: none;
  color: #3e4c8f;  
}

/*  Exclusions from underline rule - "?" icon in labels, contents of events, repository module */
#ContentArea label a, #ContentArea .ListTable a, #ContentArea .repositoryDashboardCategories a, #ContentArea .repositoryDashboardCategories2 a
{
  border-bottom: none!important;   
}

#ContentRowA, #ContentRowB, #ContentRowC, #ContentRowD, #RatingRow, #ContentRowAA, #ContentRowBB
{
  width: 100%;
}

#ContentRowAA, #ContentRowBB {clear: both !important; min-height: 33px; }
/** hmtl #ContentRowAA, #ContentRowBB {float: none;}*/

.BottomPane
{
  clear: both;  /*  Make sure new rows always start at left hand side  */
  padding-top: 10px;
}

.LeftPaneA, .ContentPaneA, .RightPaneB, .ContentPaneB, .LeftPaneC, .ContentPaneC, .RightPaneC, .LeftPaneD, .RightPaneD, .LeftRatingPane, .RightRatingPane, .ContentRow25Left, .ContentRow75Right, .ContentRow25Right, .ContentRow75Left
{
  /*display: inline-block;*/
  overflow: hidden;
  display: block;
}
 
/*  Content Row A  */
.LeftPaneA 
{
  width: 220px;
  float: left;
  margin-right: 8px;
}

.IE .LeftPaneA
{
}

.ContentPaneA 
{
  /*width: 78%;  */
  margin-left: 228px;
  margin-top: 0;
  margin-right: 0;
  width: auto;
}
/** html .ContentPaneA 
{
	width: 100%;
}*/

.ContentPaneA .normal
{
  /*  Puts a 10px right margin on text/html content in contentpanea, which does not normally have */
  /*  a right margin because it in in #contentarea rather than #innercontentarea */
  margin-right: 10px;
}

/* Content Row AA* and Content Row BB*/

.ContentRow25Left, .ContentRow25Right
{
  width: 25% !important;
  float: left ;  
}

.ContentRow75Right, .ContentRow75Left
{
  width: 74.3% !important;
  float: left;  
} 

/*.ContentRow75Left
{
  width: 74.5% !important;
  float: left;  
} */

* html .ContentRow75Right, * html .ContentRow75Left {width: 74.9% !important;}

/*  Content Row B  */
.ContentPaneB
{
  margin: 0 210px 0 0;
}

.RightPaneB
{
  width: 200px;  
  float: right;
  margin: 0;
}


/*  Content Row C  */
.LeftPaneC
{
  width: 33%;
  float: left;
}
* html .LeftPaneC
{
  width: 33.3% !important;
}

.ContentPaneC
{
  width: 33%;
  float: left;
}
* html .ContentPaneC
{
 width: 33.3%;
}

.RightPaneC
{
  width: 32.9%;
  float: left;  
}
* html .RightPaneC 
{
 width: 33.4%;
}

/* Content Row D and Rating row */
#ContentRowD, #RatingRow
{
  vertical-align: top;
}

.LeftPaneD
{
  width: 49.6%;
  float: left;
}
* html .LeftPaneD 
{	
 width: 50% !important;
}

.LeftRatingPane 
{
 width: 49.6% !important;
 float: left;
}
* html .LeftRatingPane
{
 width: 50% !important;
}

.RightPaneD
{
  width: 49.6% !important;
  float: left;
}
* html .RightPaneD {width: 49.9% !important;}

.RightRatingPane
{
 float: left;
 width: 49.7% !important;
}
* html .RightRatingPane 
{
 width: 50% !important;
}

.widget_button
{
   margin: 0 0 0 0;
   padding: 0 0 0 0;  
   display: none;  /*  This is reversed in javascript (js detection per GCIO spec) */
}

.widget_button img
{
   width: 1.1em;
   height: 1.1em;
}

.widget_margin
{
  margin-left: 0px;
}

.widgets
{
  width: 10em;
  padding-right: 11px;
  text-align: right;
}

#top_widget-line
{
  margin-top: 11px;
  margin-bottom: 9px;  
  margin-left: 5px;  
  position: relative;  /*  makes this the offset container of cim_main and widgets */
}

#top_widget-line .widgets
{
  margin-top: 8px;
  position: absolute;
  right: 0px;
  top: 0px;
}

#bottom_widget-line
{
  text-align: right;  
  padding-top: 11px;
}

#top_widget-line h1#cim_main {width: 77%; display: block; line-height: 1.5em;}
* html #top_widget-line h1#cim_main {width: 100%;}
*:first-child+html #top_widget-line h1#cim_main {width: 100%;}

/* bread crumbs
*******************************************************************************/
#breadcrumb-line
{
  line-height: 1.0em;
  background-color: #dfe1eb;
  margin-bottom: 2px;
  padding-bottom: 3px;  
  padding-left: 5px;
  margin-left: 4px;
  color: #3b649e;
  margin-top: 0px;
  padding-top: 1.75em;
}

.IE #breadcrumb-line
{
  margin-top: 1.4em!important;  /*22px;*/
  padding-top: 4px;
}

#cim_bread-crumbs 
{
  font-size : 0.65em;
  z-index: -1;
}

#cim_bread-crumbs #rootbcrumb a {color: #3b649e !important;}

#cim_bread-crumbs #rootbcrumb a:hover, #cim_bread-crumbs #rootbcrumb a:active {
  color: #40ae49 !important;
}

#cim_bread-crumbs span .user, #cim_bread-crumbs span.user
{
  color: #3b649e;
  padding-top: 5px;
  padding-bottom: 5px;
}

#cim_bread-crumbs a 
{
  text-decoration : none;
}

#cim_bread-crumbs a:hover, #cim_bread-crumbs a:active
{
  color: #40ae49;
}

/* left column (secondary navigation)
*******************************************************************************/
#cim_left-col 
{
  width : 170px;
  float : left;
  position : relative;
  left: -170px;
  z-index : 49;  
  border-right: solid 1px #e7f1db;
}

/* first level items/default styles for menu */

#cim_left-col ul 
{
  /*list-style-type: none;*/
  padding : 0;
  margin : 0;
}

#cim_left-col li 
{
  margin: 0;
}

#cim_left-col a
{
  display: block;
  text-decoration: none;
  color: #003782;
  vertical-align: middle;
}

/* Browser compatibility:  We use left/right padding, so we need to specify a different width for IE vs Mozilla */ 
/* because of their differing interpretatations of the box model.  */

#cim_left-col a /* Firefox, mozilla, etc*/
{
  width: 100%;
}

.bottomControls
{
  border-left: solid 170px #e7f1db;
  clear: both;  
  min-height: 120px;
  /*border-bottom: 10px solid red;*/
}

/*  Rating Pane:  Bookmark, send to friend, vote links 
*******************************************************************************/
.LeftRatingPane .gadget3
{
  float: left;
  display: inline;
  /*text-align: center;*/
  margin-left: 12px;
  font-size: .95em;
}

#rating .gadget1
{
  float: right;
  display: inline;
  text-align: center;
  margin-right: 12px;
  font-size: .95em;
}

.IE #rating .gadget1
{
  margin-right: 0px;
}

#rating .gadget2
{
  float: left;
  display: inline;
  font-size: .95em;
}

.RatingPane, .RightRatingPane, .LeftRatingPane
{
  padding-bottom: 5px;
  padding-top: 16px;  
}

#RatingPaneWrapper, #ContentPaneWrapper  {margin: 0 10px 10px 13px !important;}
.RatingPane {width: 99.5%;}
* html .RatingPane {width: 100%;}

.RightRatingPane
{
/*padding-right: 0px;*//*dont need padding*/
}

.RatingPane .container-content table, .RightRatingPane .container-content table
{
  width: 99%!important;
  /*font-size: .95em;*/
  margin: 0;
}

.RatingPane a, .LeftRatingPane a, .RightRatingPane a
{
  text-decoration: none;
  color : #003782;
}

.RatingPane a:hover, .RatingPane a:active, .RightRatingPane a:hover, .RightRatingPane a:active, .LeftRatingPane a:hover, .LeftRatingPane a:active
{
  color: #44a12b;  
}

/* footer
*******************************************************************************/
#cim_footer 
{
  clear: both;
  padding: 0 8px;
  font-size: 0.65em; 
  background-color: #e4f1de;  
  height: 2.2em;
  color : #003782;
  margin: -6px 0 0 0;
  position: relative;
}
* html #cim_footer {border-top: 4px solid #FFFFFFF;}

#print_footer
{
  padding-left: 8px;
  padding-right: 8px;  
  font-size: 0.7em; 
  height: 2.2em;
  color : #999999;
  margin-top: 4px;
  position: relative;
}

#cim_footer #footer-left, #print_footer #footer-left2
{
  float: left;
  height: 100%;  
  /*margin-top: -1px;*/
}

#cim_footer #footer-right, #print_footer #footer-right2
{
  float: right;
  height: 100%;
  /*margin-top: -1px;*/
}

#cim_footer a 
{
  text-decoration: none;
  color : #003782;
  line-height: 2.2em;  /*  should match height specified for #cim_footer */
}

#cim_footer a:hover, #cim_footer a:active 
{
  color: #44a12b;
}


/* *************MIXED************* */

.RadEDropDownOff
{
  font-size: 8pt;
}

.RadEContentContainer
{
  /*width: 550px!important;*/
  height: 400px!important;
}

.RadEContentBordered
{
  width: 100%;
}

.RadEModule SELECT, .RadEModule INPUT
{
  font-size: 1em;
}

.quotation
{
  margin-top: 1.78em;/*  20px = 1.25em + adjust for normal class (.7em) = 1.25 * (10/7)  */
  margin-bottom: 1.78em; /*  20px = 1.25em + adjust for normal class (.7em) = 1.25 * (10/7)  */
  /*margin-left: 1.34em;*/   /*  15px = 0.94em * (10/7)  */
  color: Black;  
  font-size: 1.1em;
  position: relative;
  left: 1.34em;
  margin-right: 1.34em;
}

.example 
{
  background-color: #DCF0F5
}

.neatlySpaced
{ 
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
}

.neatlySpaced td 
{
  border-style: solid;
  border-width: 1px;
  padding: 0.5em;
}

.warningDialog
{
  position: absolute;
  top: 0;
  border: solid 4px #3e3e40;
  margin-bottom: 10px;
  background-color: white;
  z-index: 1000;
}

.warningDialog .caption
{
  text-align: center;
  background-color: #3e3e40;
  background-image: url(./telerik/menu/img/imagea.gif);
  color: #3e4c8f;
  font-size: 0.7em;
  font-weight: 700;
  padding: 4px 0 4px 0;
}

.warningDialog .message
{
  padding: 10px 10px 10px 10px;
  font-size: 0.85em;
}

.warningDialog .buttonPanel
{
  position: absolute;
  bottom: 10px;
  text-align: center;
}

.warningDialog .button
{
  margin-left: 10px;
  margin-right: 10px;
  width: 8em;
}

#PrintHeader, #PrintFooter, #print_footer
{
  display: none;
}


/* WYCD TABLES */

table.tabsty1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
border-collapse: collapse;
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
border: 2px #ADBFCC solid;
text-align: center;
margin-top: 1em;
}

table.tabsty1 caption
{
padding-top: 1.0em;
font-size: 1em;
font-style: oblique;
vertical-align: bottom;
text-align: center;
}

table.tabsty1 th
{
font-weight: bold;
text-align: left;
padding: 0.4em;
background-color: #E7ECEF;
border-bottom:  2px #ADBFCC solid;
color: #000000;
}

table.tabsty1 th.head-extra
{
text-align: center;
border-bottom: 1px #ffffff solid;
}

table.tabsty1 td
{
padding: 0.5em 0.4em 0.5em 0.4em;
border-bottom: 1px solid #E7ECEF;
border-left: 1px solid #ADBFCC;
vertical-align: top;
text-align: left;
}

table.tabsty1 tr.altrow { background-color: #F2F2F2; }

table.tabsty1 td.numright
{
text-align: right;
}

table.tabsty1 td.boldcontent
{
font-weight: bold;
}

/* indent right */


/* Callouts from old website */
blockquote {
font-size: 1.05em;
margin: 2em 1em 2em 3em;
}

.quote {
	margin: 1.5em 3em 1.5em 2.25em;
	padding: .5em 2em 0 1em;
	border-left: 1px solid #efefef;
	border-right: 1px solid #CCcccC;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #CCcccC;
	width: 100%;
}
.quoteText {
	line-height: 1.4em;
	padding: 0em;
	margin: 0em;
	/* letter-spacing: 0.15em; */
}

.quoteAuthor, .quoteLink {
	line-height: 1.1em;
	text-align: right;
	letter-spacing: 0.2em;
	font-size: .8em;
	color: 999999;
	padding: 0;
	margin: 1em 0;
}

.quoteLink {text-align: left;}
.quoteAuthSym {padding-right: 20px;background: url(elQuote2.gif) left bottom no-repeat;}

.quoteSym {
	line-height: 22px;
	width: 20px;
	padding: 0;
	margin: 0 0 -2em 0;

	position: relative;
	left: -7em;
	top: 0.75em;
	background: url(elQuote.gif) left bottom no-repeat;
}

.lQuote, .rQuote {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	width: 20px;
	overflow: hidden;
}
.lQuote { margin-left: -20px;}
.rQuote { margin-top: -20px;float: right; text-align: right;}

/* enews thumb containers */
.containers .enewsthumb, .containers .enewsthumb .container-content, .containers .enewsthumb .container-content .sidebyside {text-align:center;}
.containers .enewsthumb h2, .containers .enewsthumb .container-content h3 {font-size: 1.0em;color: #003782;}
.containers .enewsthumb h2 {font-size: 0.8em!important;}
.enewsthumb .container-content p img {border: #cccccc 1px solid; margin-top: 10px; margin-bottom: 10px;}
.enewsthumb .container-content p {font-size: 0.9em;}
.enewsthumb .container-content p.fineprint {font-size: 0.9em; color:#999999;}

/* enews issue wrapper summaries */
div.ehead p {margin:0;}
div.ewrapper{float:left;width:100%;margin-left:-270px;}
div.etoc {margin-left:270px;}
div.ethumb{float:right;width:270px;}
div.eextra{float:right;clear:right;width:270px;}
div.efoot{clear:both;width:100%;height:11px;margin-top:10px;border-bottom:1px dotted #cccccc;}
div.econtainerz {margin-bottom:10px;}

/*  Print-friendly overrides  */
/* ************************** */
@media print
{
  BODY
  {
    min-width: 0;
    margin-top: 0;/*kw*/
    /*margin: 0.8em;*/
  }
  a:link, a:visited, a:active
  {
  /*border-bottom: 1px dotted #CCCCCC;*/
  }
  #cim_page-wrapper 
  {
  	background-image: none;
  }  
  #breadcrumb-line
  {
    margin-top: 0!important;
    padding-top: 0!important;
    background-color: white!important;
  }
  #min_width
  {
    display: none;
  }
  .ControlPanel
  {
    display: none!important;
  }
  #cim_header, #cim_skip-content, #cim_header-new
  {
    display: none!important;
  }
  #masthead
  {
    /* This makes IE print a blank first page */
    /* display: none!important; */
    visibility: hidden!important;
    height: 1px;
  }
  #cim_left-col
  {
    display: none!important;
  }
  #topmenu
  {
    display: none!important;
  }
  .widgets, #HomeTopWidgetLine
  {
    display: none!important; /*kw turn on page name*/
  }
  #bottom_widget-line
  {
    display: none!important;
  }
  .RatingPane, #RatingRow
  {
    display: none!important;
  }  
  #cim_footer
  {
    display: none!important;
  }
  #cim_content-wrapper
  {
    border-left: 0!important;
    margin-bottom: 1em;/*kw added to allow pageid print*/
  }  
  .bottomControls
  {
    border-left: 0!important;
  }
  #cim_main-content, .IE #cim_main-content
  {
    left: 0!important;
    height: auto!important;
    margin-left: 0!important;
    margin-right: 0!important;
  }
  #contentArea a.external-link, #contentArea a.mail-link
  {
    background-image: none!important;
    padding-right: 0!important;
    display:  inline!important;
    white-space: normal!important;
  }

  /*  This prevents an IE problem where a large blank space is left on the first page */
  .ContentPane, .LeftPaneA, .ContentPaneA, .RightPaneB, .ContentPaneB, .LeftPaneC, .ContentPaneC, .RightPaneC, .LeftPaneD, .RightPaneD, .BottomPane, .ContentRow25Left, .ContentRow75Right, .ContentRow25Right, .ContentRow75Left
  {
    display: block!important;
    height: auto!important;
    min-height: 0!important;
    width: auto!important;
    margin: 0!important;
  }

  .container-content
  {
    border: 0!important;
  }

  .section-banner, .page-banner
  {
    border: solid 1px #999999;/*kw*/
  }
  .call-out
  {
    font-style: oblique;/*kw*/
    padding: 0.5em;
  }
  .section-banner .rightcolumn
  {
    left: auto;
    right: 0;
  }

  .sub-header .graphic
  {
    margin: 0;
    display: none!important;
  }

  .csstabdiv
  {
    border: solid 1px black;
  }
  
  .csstabdiv .shadetabs
  {
    border: solid 1px black;
  }
  
  .csstabdiv .shadetabs li
  {
    display: none;
  }
  
  .csstabdiv .shadetabs .selected
  {
    display: block;
  }
  
  .eNewsletterArticleSummary h2, .eNewsletterAbout h2, .eNewsletterFeature h2, .eNewsletterArticle h2
  {
    /*  Heading is indented, looks good with background colour, not so good with white background */
    margin-left: 0!important;
  }
  
  .photo-shadow-outer
  {
    display: none;
  }
  
  #PrintHeader, #PrintFooter, #print_footer
  {
    display: block;
    width: 100%;
  }  
  
  .Home #PrintFooter
  {
    position: absolute;
    bottom: 0;
  }
  
  .Home #PrintHeader
  {
    position: absolute;/*all me kw */
    top: 0;
  }
  .HomeRightPane
  {
    display: none!important;
  }
  
  .HomeMainContent
  {
    margin-right: 0!important;
  }

  h1.cim_main
  {
    display: block!important;
  }
}