/**************************************
  Page body
***************************************/

body
{ 
	margin: 10px; 
	padding:0; 
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px; 
	line-height: 18px; 
	color: #666; 
	background-color:#fff; 
 } 


/**************************************
  Outer container
***************************************/

#container
{
  width: 760px;
  margin-top: 20px;
}


/**************************************
  Main menu
***************************************/

#main-menu 
{
  border-top: dotted 1px #666666;
  border-collapse: collapse;
} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
#main-menu a 
{
  display: block;
  width: 90px;
  font-size: 12px;  
  font-weight: bold; 
  text-decoration: none;
  color: #009933;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
} /*padding bottom 0 to remove space in IE5 Mac*/ 

#main-menu a:hover
{
  text-decoration: none;
  background-color: #009933;
  color: #fff;
} /*padding bottom 0 to remove space in IE5 Mac*/ 

#main-menu div.menu
{
  float: left;
  width: 90px;
  text-align: center;
  border-right: none;
}

#main-menu div.menu.right
{
  float: left;
  width: 93px;
  text-align: center;
  border-right: dotted 1px #666666;
}

#main-menu div.menu.right a
{
  width: 93px;
}

#main-menu div.highlight, #main-menu div.highlight a
{
  color: #333;
  background-color: #CCC;
}


/**************************************
  Left column stuff
***************************************/

#left-column
{
	width: 186px; 
	float: left; 
	padding-left: 8px; 
	margin-right: 16px; 
}

#logo
{
  margin-left: -3px;
  padding-bottom: 10px;
}

.bold-button
{
  width: 184px;
  border: 1px solid #999999;
  color: #FFFFFF;
  background-color: #FF9900;
  text-align: center;
  line-height: 1.5em;
}

.bold-button a
{
  display: block;
  color: #FFFFFF;
  padding: 5px;
  width: 174px;
}

.bold-button a:hover
{
  display: block;
  color: #FF9900;
  background-color: #FFFFFF;
  padding: 5px;
}


.bold-button .small
{
  font-size: 12px;
  font-weight: normal;
}

.bold-button .large
{
  font-size: 18px;
  font-weight: bold;
}

.bold-button .large a:visited
{
  font-size: 14px;
}


#login-box
{
  width: 175px;
}

#login-form
{
}




#login-form h1
{
  padding: 0;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.5em;
}

.login-form-text
{
  width: 166px;
  margin: 0;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 3px;
  border: 1px solid #999999;
	font-size: 10px;
  color: #009933;
  height: 12px;
}

#login-error
{
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: white;
  background-color: red;
  width: 177px;
}

#login-error p
{
  padding: 0;
  margin: 0;
}

.search-form-text
{
  float: left;
  width: 120px;
  margin-right: 4px;
  padding: 3px;
  border: 1px solid #999999;
	font-size: 10px;
  color: #009933;
  height: 12px;
}



/** Left menu styles **/

.left-links
{
	width: 186px;
	text-align: left;
	border-top: dotted 1px #666666;
	padding: 0; 
	line-height: 17px;
  margin-top: 15px;
}

.left-links img
{
	padding-top: 2px;
} 

.left-links .item a
{
	text-decoration: none;
	display: block;
	font-size: 10px;
  font-weight: normal;
	color: #009933; 
	border: 0px;
  padding: 3px;
}

.left-links .item  a:link
{
	background-color: #FFFFFF;
	color: #009933; 
  font-weight: normal;
}

.left-links .item a:hover
{
	padding: 3px; 
	background-color: #009933;
	color: #FFFFFF; 
  font-weight: normal;
}

.left-links-left
{
 float: left;
 padding-bottom: 0;
 padding-left: 5px;
} /* padding bottom 0 to remove space in IE5 Mac */ 


/**************************************
  Right column stuff
***************************************/

/** Right column **/

#right-column
{ 
	float: left; 
	width: 550px;
	position: relative; 
/*	margin: 0 -8px 0 -2px;  */
}

#main-content
{
  width: 440px;
  padding-top: 20px;
}

#sector-page-content
{
  width: 347px;
  padding-top: 20px;
}

#sector-prev-next
{
  font-size: 10px;
}

#sector-prev-next a
{
  font-weight: normal;
}




/** Sectors menu on sector page **/

#sectors-menu
{
  position: absolute;
  left: 363px;
  top: 67px;
  text-align: left;
  vertical-align: baseline;
  border-top: dotted 1px #666666;
  color: #009933; 
  width: 187px;
  line-height: 14px; 
}

#sectors-menu .title
{
  font-weight: bold;
  font-size: 13px;
  line-height: 13px;
  color: #333;
  background-color: #CCC;
  padding: 6px;
  border-left: dotted 1px #666666;
  border-right: dotted 1px #666666;
  border-bottom: dotted 1px #666666;
}

#sectors-menu .item 
{
  font-weight: normal;
}

#sectors-menu .item a
{
  text-decoration: none;
  padding: 6px; 
  font-weight: normal;
  display: block;
}

#sectors-menu .item a:link
{
  background-color: #FFFFFF;
  color: #666666;
}

#sectors-menu .item a:visited
{
  background-color: #eee;
  color: #666666;
}

#sectors-menu .item a:hover
{
  background-color: #009933;
  color: #fff;
}

#sectors-menu .itemselected
{
  font-weight: bold;
}

#sectors-menu .itemselected a
{
  display: block;
  text-align: left;
  vertical-align: baseline;
  background-color: #009933; 
  color: #fff; 
}

#sectors-menu .itemselected a:link, #sectors-menu .itemselected a:visited 
{
  text-decoration: none;
  padding: 6px; 
  background-color: #009933; 
  color: #FFFFFF; 
}

/* These 2 top-stories definitions need to be below the
   '#sectors-menu .item' definitions above, so that they
   override them for font-weight, color and background-color */

#sectors-menu .top-stories, #sectors-menu .top-stories a:link, #sectors-menu .top-stories a:visited
{
  font-weight: bold;
  color: #FF9900;
  background-color: #FFFFFF;
}

#sectors-menu .top-stories a:hover
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FF9900;
}


/** "Click here to view sample issue" button */

#sample-issue-button
{
  margin-bottom: 30px;
  width: 284px;
  border: 1px solid #999999;
  color: #FF9900;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

#sample-issue-button a
{
  display: block;
  color: #FF9900;
  padding: 10px;
  width: 264px;
  font-size: 14px;
  font-weight: normal;
}

#sample-issue-button a:hover
{
  display: block;
  color: #FFFFFF;
  background-color: #FF9900;
  padding: 10px;
}


/** "Print this report" button at bottom of custom report page */

#print-report-button
{
  margin-bottom: 30px;
  width: 164px;
  border: 1px solid #999999;
  color: #009933;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

#print-report-button a
{
  display: block;
  color: #009933;
  padding: 10px;
  width: 144px;
  font-size: 14px;
  font-weight: normal;
}

#print-report-button a:hover
{
  display: block;
  color: #FFFFFF;
  background-color: #009933;
  padding: 10px;
}


/**************************************
  PDF archive menu (chessboard)
***************************************/

#archive-menu
{
  width: 549px;
  text-align: left;
  vertical-align: baseline;
  border-top: dotted 1px #666666;
  margin-top: 30px;
  color: #009933; 
  line-height: 14px;
  border-collapse: collapse;
}

#archive-menu .item 
{
  font-size: 16px;
  font-weight: normal;
  width: 182px;
}

#archive-menu .item a
{
  text-decoration: none;
  font-weight: bold;
  display: block;
  height: 100px;
  color: #009933;
}

#archive-menu .item a:link
{
  padding: 5px; 
  background-color: #FFFFFF;
}

#archive-menu .item a:visited
{
  padding: 5px; 
  background-color: #eee;
}

#archive-menu .item a:hover
{
  padding: 5px; 
  background-color: #009933;
  color: #fff;
}

#archive-menu .itemselected
{
  font-weight: bold;
}

#archive-menu .itemselected a
{
  display: block;
  text-align: left;
  vertical-align: baseline;
  background-color: #009933; 
  color: #fff; 
}

#archive-menu .itemselected  a:link, #archive-menu .itemselected  a:visited
{
  text-decoration: none;
  padding: 4px; 
  background-color: #009933; 
  color: #FFFFFF; 
}


/**************************************
  Comments page (trends/stories)
***************************************/

.comment-subject
{
  width: 440px;
  background-color: #EEEEEE;
  margin-top: 20px;
  padding: 2px 5px 0 5px;
}

.comment-author
{
  width: 440px;
  background-color: #EEEEEE;
  padding: 0 5px 2px 5px;
  margin-bottom: 2px;
  font-size: 0.9em;
}

.comment-content
{
  width: 440px;
  background-color: #F3F3F3;
  padding: 2px 5px 2px 5px;
}

.comment-form-label
{
  float: left;
  width: 80px;
  padding-top: 3px;
  font-weight: bold;
}

.comment-form-field
{
  float: left;
  width: 370px;
}

.comment-form-field input
{
  width: 366px;
}

.comment-form-field textarea
{
  width: 366px;
  height: 150px;
}

.comment-form-submit
{
  width: 450px;
  text-align: right;
}


/**************************************
  Page footer
***************************************/

#page-footer
{
	height: 20px; 
	width: 100%; 
	background-color: #FFFFFF; 
	font-size: 10px; 	
	font-weight: normal; 
	padding-bottom: 0;
} /*padding bottom 0 to remove space in IE5 Mac*/ 


/**************************************
  Horizontal dotted line separators
***************************************/

.dotted-line
{
	padding-top: 0px;
	height: 1px; 
	width: 440px;
	line-height: 2px; 
	border-bottom: dotted 1px #666;
}

.dotted-line-sector
{
	padding-top: 0px;
	height: 1px; 
	width: 347px;
	line-height: 2px; 
	border-bottom: dotted 1px #666;
}


/**************************************
  Menu item with dotted border
***************************************/

.item, .itemselected
{
  border-left: dotted 1px #666666;
  border-right: dotted 1px #666666;
  border-bottom: dotted 1px #666666;
}


/**************************************
  Generic styles
***************************************/

form
{
  margin: 0;
  padding: 0;
}

h1
{
  padding-top: 8px;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.5em;
}

h2
{
  padding-top: 8px;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.3em;
}

h3
{
  font-weight: bold;
  font-size: 1.0em;
  margin: 0;
  padding: 0;
}

p
{
  margin-top: 0;
}

a
{
	font-weight: bold;
	text-decoration: none;
	color: #009933; 
}

a:hover
{
	font-weight:bold;
	text-decoration: none;
	color: #666; 
}

img 
{
	border: none;
}


/*
  Article source
*/

.source
{
	font-size: 9px; 
	 padding-bottom:5px;
	border-bottom: dotted 1px #666; 
	line-height: 10px;
}

/*
  Dotted boxes
*/

.highlightBox
{
	padding: 10px; 
	border: dotted 1px #666; 
	width: 400px;
}



/*
  Tables
*/

table.shaded { width: 100%; border-spacing: 1px; border: none; }
table.shaded th { text-align: left; background-color: #CCCCCC; font-weight: bold; padding: 3px;  }
table.shaded td { text-align: left; background-color: #DDDDDD; font-weight: normal; padding: 3px;  }

table.noshade { width: 100%; border-spacing: 0; background: none; border: none; }
table.noshade th { text-align: left; background: none; color: #38520A; font-weight: bold; font-size: 0.85em; padding: 0px;  }
table.noshade td { text-align: left; background: none; color: #38520A; font-weight: normal; font-size: 0.85em; padding: 0px;  }


/*
  Clearing element
*/

.clear
{
  position: relative;
  clear: both;
  width: 550px;
  height: 0;
  line-height: 0;
  font-size: 0;
}


/*
  Area for status messages
*/

#status-area
{
  padding-top: 40px;
  width: 300px
}


/*
  Links on FAQ page
*/

ul.faqLinks
{
   list-style-type: none;
   padding: 0;
   margin-top: 0;
   margin-left: 0.1em;
}

p.faqTopLink
{
  text-align: right;
}


/*
  Status message area
*/
#status-area
{
  width: 538px;
  margin-top: 20px;
  padding: 5px;
  border: 1px solid #999999;
  color: #FFFFFF;
  background-color: #FF9900;
}

dl.bookshelf dt { font-weight: bold; margin: 0; }
dl.bookshelf dd { margin: 0 0 10px 0; }
ul.bookshelf { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }
ul.bookshelf li { margin: 0 0 10px 0; }






/**************************************
  Legacy form styles (subscribe page etc)
***************************************/

.submitform 
{
	padding: 10px; 
	border: dotted 1px #666; 
	width: 400px;
}

.submitform .itemLeft 
{
	width: 170px;
	float: left;
	text-align: left;
}

.submitform .itemLeftSub
{
	width: 200px;
	float: left;
	text-align: left;
}

.submitform .textfield
{
	width: 180px; 
	text-align: left; 	
	height: 15px;

} 

.form-button
{
	background-color: #009933;
	color: #fff;
	text-align: center;
  border: 1px solid #999999;
}

#formbuttonreset
{
	background-color: #666;
	color: #fff;
	text-align: center;
}
 
blockquote
{
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.3em;
}
 



/* ------------------------------------ */ 
/*		printer styles	 				*/ 
/* ------------------------------------ */ 

@media print{ 
/*hide the left column when printing*/
#left-column{display:none;} 

/*maximize the right column when printing*/
#right-column{width:90%;} 
#sector-page-content{width:100%;} 

/*hide the top menu when printing*/
#main-menu{display:none;} 

/*hide the left links and sectors menu when printing*/
#left-links{display:none;} 
#sectors-menu{display:none;} 
#sectors-menu-title{display:none;} 
#print-report-button { display: none; }

/*hide the prev/next sector nav when printing*/
#sector-prev-next{display:none;} 

#main-menu{display:none;} 

}

/* Dada Mail styles */


#PageWrapper #Content h1
{
  padding-bottom: 18px;
}

#PageWrapper #Content #breadcrumbs
{
  display: none;
}