/* Stylesheet for Consensus */

body {
  font-family: verdana, sans-serif;
}

h1 {
  font-size:130%;
	font-weight:bold;
  margin:1.5em 0 1em 0;
  color: #003060;
}

h2 {
  font-size:120%;
	font-weight:bolder;  
  margin:1.5em 0 1em 0;
  color: #003060;
}

h3 {
  font-size:100%;
	font-weight:bolder;  
  margin:1.5em 0 1em 0;
  color: #003060;
}

h4 {
  font-size:100%;
	font-weight:bolder;
	margin:1em 0 0.5em 0; 
  color: #003060;
}
h4.steps {
  font-size:92%;
	margin:0.5em 0 0.5em 0;
}
h4.active {
	color: #90bff7;
}

.waitCursor {
  /* add a wait cursor while Ajax calls are under way */
  cursor: wait;
}

.first-element {
  margin-top: 0;
}

.last-element {
  margin-bottom: 0;
}

p {
  font-size:100%;
  margin-bottom:1em;
}

.inlineA {
  font-weight: normal;
  size: 100%;
}

.std-ul {
  /* standard ul lists */
  list-style-type: disc; 
  list-style-position: inside;
  margin-left: 15px;
  margin-bottom: 1em;
}

.std-ul.last-element{
  margin-bottom: 0;
}

input.textfield, textarea, select {
  border: #90bff7 1px solid;
  background-color: #fff;
  font-size:100%;
  width:100%;
}

input.button {
  border: #000 1px solid;
  background-image:url(../images/btn_bg.gif);
  cursor: hand;
  padding:0.5em;
}

input.button:hover {
  color:#fff;
  background-image:url(../images/btn_bg_o.gif);
}

select {
  width:auto;
}

/* HEADER */

#header {
	width:100%;
	height:115px;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	/*min-width:750px;  Acutetech has removed this */
}

a img {
  border: 0px;
}

#logo {
	position:relative;
	float:left;
	top:10px; left:30px;
  border: none;
	padding: 2px 2px 2px 2px;
}

#logoNav a{
  position:relative;
  float:left;
	top:10px; left:30px;
  border: none;
	padding: 2px 2px 2px 2px;
}

#logoNav a:hover {
	border:2px solid #90bff7;
	padding: 0px 0px 0px 0px;
	background: #90bff7;
}

/* tickertape div */

.ttDiv {
  /* ttContainer1 */ 
  border: 2px solid #aaa; 
  margin: 0px;
  padding: 0px;
  margin-top: 2px; 
  /* margin-bottom: 10px;*/ 
  font-size: 90%;
}

.ttTwisty {
  position: relative; 
  top: 10px; 
  left: 0px;
  margin: 0px;
  margin-left: 2px;
  padding: 0px;
}

.ttHolder {
  /* contains the div with the tickettape div */
  /* height: 20px; */
	/*border: 1px solid black;*/  
  position: relative;
  /* height: 25px; */
  /*margin: 2px;
  margin-bottom: 0px; 
  margin-left: 0px;*/
  width: 98%;
  top: -8px; 
  left: 15px; 
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  /*margin-bottom: -5px;*/
}

.ttInner {
  /* the tickertape div */ 
  position: relative; 
  width: 3000px; 
  margin: 0px;
  /*padding: 5px;
  padding-bottom: 7px;*/
  /*padding: 5px;*/  
  /*margin: 3px;
  padding: 10px;*/
}

.ttItems {
  /* individual tt items */
  display: inline;
  float: left;
	background-color: #ddd;
	border: 1px solid #AAA;
  padding: 3px;
  margin: 0px;	
	margin-right: 10px;
	font-weight: bolder;
}

.ttItems a {
	color:#003060;
	text-decoration:none;
}

.ttItems a:hover {
  text-decoration:none;
	color: #3D93FF;
}

.ttMouseOut {
    background: #eee;
}

.ttMouseOver {
  background: #FFFFCC;
}

/* forced to float the banner left since IE6 doesn't deal with the origignal properly
if the min-width is less than the total of elements to be contained in  the header div. 
Also gone for a small banner so it will fit into a 480px wide Extra window.*/

/*
#banner {
	width:468px;
	height:60px;
	position:relative;
	float:right;
	top:15px; right:30px;
}
*/

#banner {
	width:120px;
	height:60px;
	position:relative;
	float:right;
	top:10px; right: 280px;
}

#banner_footer {
	width:468px;
	height:60px;
	/*padding: 0, 0, 10px, 0;*/
	padding-bottom: 10px;
	margin: 0 auto;
}


/* NAVIGATION MENU */

#menu {
	float:left;
	position:relative;
	top:28px;
	width:100%;
}

#tabs{margin:0;padding:0 0 20px 0;background:url(../images/fade_grey_tab.gif) repeat-x top}
#tabs ul{position:absolute;display:block;width:95px}   
#tabs li ul{visibility:hidden;border-top:1px solid #207fef;width:94px}
#tabs li{width:95px;height:auto;display:inline;float:left;background:#fff url(../images/bg_grey_tab.gif) no-repeat top left}  
#tabs li li{display:block;float:none;background:#207fef;width:93px}
#tabs a{font:bold 85% tahoma, arial;color:#555;line-height:20px;text-align:center;display:block;width:94px;background:url(../images/bg_grey_tab.gif) no-repeat top left;border-right:1px solid #a2a2a2;text-decoration:none}   
#tabs a:hover, #tabs a.selected{background:url(../images/bg_blue_tab.gif) #89bbf7 no-repeat top left;color:#fff;text-decoration:none}
#tabs ul a{font:normal 85% tahoma, arial;color:#555;line-height:20px;width:92px;background:#bbd8fa;border-right:1px solid #207fef;border-left:1px solid #207fef;border-bottom:1px solid #207fef}
#tabs li.l{width:100px}
#tabs li.l a{width:99px}
#tabs li li li{background:#fff9ea}
#tabs li li ul{position:absolute;margin:-22px 0 0 93px}
#tabs ul ul a{background:#fff9ea}
#tabs ul a:hover, #tabs ul a.selected{background:url(../images/bg_blue_tab.gif) no-repeat bottom left}
#tabs a.promo, #tabs a.promo:hover{background:url(../images/ybg_promo_tab.gif) #6d889d no-repeat top left;color:#b8d4ea;text-decoration:none}

/* CONTENT */

.no-padding {
	border:1px solid #90bff7;  
}

.content-panel {
	border:2px solid #90bff7;
	padding:10px;
	margin:10px 0 20px 0;
}

.grey1 {
  background-color: #eeeeee;
}

.grey2 {
  background-color: #dddddd;
}

.grey3 {
  background-color: #cccccc;
}

#top_cont {
	border-bottom:2px solid #90bff7;
	padding:10px 0px;
	/*margin:5px 30px 20px 30px;*/
	margin:5px 30px 20px 10px;
}

.errorPanel {
	border:2px solid #ff0000;
	background:#ffff88;
	padding:10px;
	margin:10px 0 20px 0;
}
	
.text_frame, .text_frame_sm, .text_frame_rhs, .actionPanel, .actionPanelInner, .infoPanel {
	border: 2px solid #90bff7;
	padding:10px;
	margin:10px 0 20px 0;
}
.text_frame a:hover {
  color: #3D93FF;
}
.text_frame_sm {
	font-size:92%;
}

.actionPanel {
	background-color:#DEE4FF;
}
.actionPanelInner {
	background-color:#CCDBFF;
}
/* TODO: revisit the style of the info panel?*/
.infoPanel {
	/* border:2px solid #00ff00; */
	border: 2px solid #8CC63F;
	background-color:#FFFFCC;
}

.infoPanel .small {
  font-size:85%;
  color:#333;
  margin-top:5px;
}

.actionPanel .small {
  font-size:85%;
  font-style:oblique;
  color:#333;
  margin-top:5px;
}

.actionPanel .bold {
  font-weight:bolder;
  font-size:85%;
}

.actionPanel .details {
  font-size:85%;
}

.actionPanel .boxes {
  margin: 0.5em 0 0.5em 0;
}

.actionPanel a {
  color:#000099;
  /*text-decoration:none;*/
}

.actionPanel a:hover {
  text-decoration:underline;
}

.green {
  background-color:#defcff;
}

.noframe {
  border:0;
  margin:0;
}

.listingPanel {
	padding:10px;
	background-color:#FFF;
	margin:0 0 1em 0;
}

.listingPanel p {
  margin:0.2em;
}

/* RSS item listing information - for use in rssOneFeed.php
 The width and overflow properties are to stop large pictures overflowing to the right. Compromise due to poor behaviour of IE6
*/

.itemPanel {
	background-color:#FFF;
	border: 1px solid #AAA;
	height: auto;
	width: 95%; 
	overflow: hidden;
	padding:10px;
	margin:10px 0 10px 0;
}

/* listing information */

.howPanel {
	background-color:#FFF;
	border:1px solid #AAA;
	padding:10px;
	margin:10px 0 20px 0;
}

.howPanel h3 {
	font-size:85%;
	color:#666666;
}

.howPanel p {
	font-size:85%;
	color:#666666;
}

.howPanel .std-ul {
	font-size:85%;
	color:#666666;
}

.jobname {
  font-size:120%;
  color:#555555;
  font-weight:bolder;
}

.toapply {
  color:#003060;
  font-weight:bolder;
}

.toapply a {
  font-size:114%;
  font-weight:normal;
}

.jobDesc {
  padding:1em;
}

.jobDesc .desc {
  margin:0.4em 0 0 0;
}

.jobDesc .header, .toApply {
  color:#003060;
  font-weight:bolder;
  font-size:114%; 
}

.jobDesc .txt {
  color:#003060;
  font-weight:normal;
  font-size:114%; 
}

.jobDesc .fee {
  color:#FF0000;
}

.jobDesc p {
  color:#555555;
}

.heading_frame {
	padding:0;
}

.list_numbered {
	padding-left:2em;
	list-style:decimal;
}

.list_bullets {
	padding-left:2em;
	list-style:disc;
	font-size:85%;
}

/*  ??? */

.searchList {
	color: #003060;
}

.searchList .line {
	padding:0.5em;
}

.searchList a {
	font-size:114%;
	font-weight:bolder;
	color:#555555;
}

.searchList .fee {
	font-size:85%;
	color:#FF0000;
}

.pagination {
	font-size:85%;
	margin:1em 0 1em 0;
}

.pagination a {
	color: #003060;
	text-decoration:none;
}

.pagination a:hover {
	text-decoration:underline;
}

.pagination .selected{
	font-weight:bolder;
}
 
/* THE FOUR MAIN BUTTONS */

/* The over-all container */
#searchlook {
	width:100%;
	height:132px;
	background-image:url(../images/searchlook_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	padding-top:10px;
}

#actionBtn{
	height: 3.5em;
	text-align:center;
}

#actionBtn2 {
	height:4.5em;
	text-align:center;
}

/* the div for a single large button */
.actionBtn {
	height: 3.5em;
	text-align:center;
}

/* The div for a pair of small buttons */
.actionBtnTwin {
	height: 2.5em;
	text-align:center;
}

/* The regions for the titles (LHS) and buttons (RHS) */

/* The titles above the 4 buttons */
.title {
	font-size: 100%;
	font-weight: bolder;
	color: #003060;
	height:1.5em;
	margin:0px;
	*margin-top:0.4em;
	*margin-bottom:-0.4em;
	float:left;
	width:100%;
	min-width:10px;
}

/* the buttons themselves TODO: the .ctn/.btn classes and divs can probably be merged easily */

.ctn {text-align:center;width:33em;clear:both;margin-left:auto;margin-right:auto;}
.btn, .btnWide {
	text-align:center;clear:both;margin-left:auto;margin-right:auto;
}

ul.btn li, ul.btnWide li{
	text-align:center;
	list-style-type: none;
	padding: 0;
	margin: 5px;
	# The next line was useful in getting buttons to align - but has been moved
	# to a .css file for the site on question
  #margin-right: 10px;
	display: inline;
	float: left;
	background-image:url(../images/btn_bg.gif);
	background-repeat:repeat-x;
	font-size: 130%;
	text-align: center;
	font-weight: bold;	
}

.btn a{
	color: #207fef;
	text-decoration: none;
	display: block;
	width: 12em;
	border: 1px solid #bbb;
}

.btnWide a{
	color: #207fef;
	text-decoration: none;
	display: block;
	width: 22em;
	border: 1px solid #bbb;
	padding: 0.5em;
}

.btn li#active, .btnWide li#active{ 
  color: #FFF; 
  background-image:url(../images/btn_bg_o.gif); 
  background-repeat:repeat-x; 
}
.btn a#active, .btnWide a#active{ 
  color: #FFF; 
}
.btn a:hover, .btnWide a:hover{ 
  text-decoration: none;
  color: #FFF; 
  background-image:url(../images/btn_bg_o.gif); 
  background-repeat:repeat-x; 
}

/* Three steps on index page */

.steptxt {
	margin-bottom:10px;
}

.stepno {
	height:50px; 
  /*width:auto;*/ 
  min-width:50px;
	color:#333333;
	font-size:250%;
	font-weight: bolder;
	text-align:center;
	margin-bottom:20px;
	border:1px solid #ececec;
	background-image:url(../images/steps_bg.gif);
	background-repeat:repeat-x;
}

.stepheading {
	height:50px; 
  /*width:auto;*/ 
  min-width:50px;
	color:#333333;
	font-size:150%;
	font-weight: bolder;
	text-align:center;
	margin-bottom:20px;
	border:1px solid #ececec;
	background-image:url(../images/steps_bg.gif);
	background-repeat:repeat-x;
}

.sustep {
	height:50px;
  /*width:auto;*/ 
  min-width:50px;
	border:1px solid #ececec;
	background-image:url(../images/steps_bg.gif);
	background-repeat:repeat-x;
	margin-top:10px;
	cursor:pointer;
}

.susteptxt {
	padding:14px 0 0 15px;
	color:#333333;
	font-size:130%;
	font-weight: bolder;
}

.sustepcontent {
	margin:5px;
	font-size:112%;
	color:#333333;
	vertical-align:top;
}

.sustepimg {
	float:left;
	padding: 0.5em;
}

.sustepcontent p {
	padding: 0.5em;
}

/* Scrollable checklists - see http://c82.net/article.php?ID=25 */

.checklists {
    border: 1px solid #90bff7;
  	background-color:#FFFFFF;
    list-style: none;
    overflow: auto;
    height: 6.3em;
    width: 14em;
/*    height: 10em;
    width: 16em; */
}

.checklists input { vertical-align: middle; }

.checklists, .checklists li { margin: 0; padding: 0; }

.checklists label {
  font-size: 90%;
	display: block;
  padding-left: 25px;
  text-indent: -25px;
	padding: 0.2em 0.2em 0.2em 35px;
}

.checklists label:hover, .checklists label.hover { background: #DEE4FF;}

.checklists span, .boxes span {
  padding-left: 0.5em;
}
/* forced to change padding to get good results with IE - don't know why results differ   */

* html .checklists label { height: 1%; padding: 0 0.2em 0 25px; text-indent: -25px;}

/* category and subcategory - side by side */

#category{
  float:left;
}

#subCategory{
  padding-left: 40px;
  float:left;
}

#clearCategory{
  clear:both;
}

/* RHS panel */

#skyscraper {
	width:160px;
	height:600px;
	/* float:right; */
	/* margin:20px; */
	/* increased margin right since the RH panel is now 240px wide */
	/* margin-right: 50px; */
	 margin: 0 auto;
	 padding-bottom: 10px;
}

.smallRHSAdvt {
	width:120px;
	height:60px;
	/* float:right; */
	/* margin:20px; */
	/* increased margin right since the RH panel is now 240px wide */
	/* margin-right: 50px; */
	 margin: 0 auto;
	 padding-bottom: 10px;
}

/* RSS Feeds name and item links */
.clickableName a {
	color:#003060;
	margin-left:1em;
	/*font-weight:bolder;*/
	text-decoration:none;
}
.clickableName a:hover {
	/*text-decoration:underline;*/
  text-decoration:none;
	color: #3D93FF;
}

/* FAQ links */
.faq_q a {
	color:#003060;
	margin-left:1em;
	font-weight:bolder;
	text-decoration:none;
}
.faq_q a:hover {
	/*text-decoration:underline;*/
  text-decoration:none;
	color: #3D93FF;
}

.faq_a {
	margin:0.5em 1em 1.5em 2em;
}

/* FOOTER */

.footer_top {
	border-top:solid 2px #CCCCCC;
	padding-top:4px;
	text-align:center;
	background-color:#fff;
	font-size: 80%;
	color:#b2b2b2;
}
.footer_top a {
	color:#ff0000;
	text-decoration:none;
}
.footer_top a:hover {
	text-decoration:underline;
}
.footer_btm {
	height:12px;
	padding:0px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	background-color:#FFF;
	font-size: 75%;
}

.italicText {
  font-style:italic;
  color: #666;
  margin-left: 20px;
}


/* FOR RSS VIEWER */

/* first the elements for displaying RSS items in rssUIOneFeed.php */

.oneItem p, .oneItem a {
  display: inline; 
  font-size: 100%;
  padding-right: 1em;
  color: #003060;
}

.oneItem .date {
  font-style:italic;
  color: #666;
}

.oneItemDetails .link, .oneItemDetails a {
  /*display: inline;*/ 
  padding: 10px 0 0 0;  
  font-style:italic;
  /*font-size: 90%;*/ 
}
.viewedInfo {
  font-style:italic;
  display: inline;
}

.oneItemDetails h2, .oneItemDetails h3 {
  display: inline;
  padding-right: 1em;
}

/* Changes font-weight to an element to signify it has been viewed */
.viewed{
  font-weight: normal;
}
.notviewed{
  font-weight: bolder;
}

.plusImg span{
  background: url(../images/twistyClosed.png) no-repeat;
  padding-right: 0.2em;  
  vertical-align: middle;
  cursor: pointer;
}
.minusImg span{
  background: url(../images/twistyOpen.png) no-repeat;
  padding-right: 0.2em;  
  vertical-align: middle;
  cursor: pointer;
}

#rssItemIframeDiv {
  padding: 0 5px 10px 0;
}