/* This for 'photo-left/right/centre' common with newsletters */

@import url("photo.css");

h1,h2,h3,h4 {
    color:          black;
    font-family:    Helvetica, Tahoma, Verdana;
}

.news-item {
    display:    table;
    width:      100%;
}

/* For date-tags in header lines on front-page */

div.news-item > h2 > span {
    float:          right;
    padding:        2px 6px;
    background:     #ff6666;
    font-size:      8pt;
    font-weight:    normal;
    color:          #fff;
}

div.news-item > h2 > span > a {
    text-decoration: none;
    color: #fff;
    display: block;
}

div.news-item > h2 > span > a:hover {
    text-decoration: underline;
    color: #fff;
}

.col2 h2 {
    font-family:    Tahoma, Verdana;
	font-size:      small;
	font-weight:    normal;
	text-align:     center;

	color:          black;
    background-color: white;
    line-height:    120%;

    margin-top:     5px;
    padding:        4px;
    border:         2px solid #ff6666;
    
    -webkit-border-radius:  9px;  /* safari-chrome */ 
    -moz-border-radius:     9px;  /* firefox */ 
    border-radius:          9px;  /* opera */ 
}

.col2 ul {
	list-style: circle;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	margin-bottom: 12px;
}

.col2 ul li {margin-bottom: 2px;}

.col2 ul.forthcoming li:first-line {color: red;}

/* ##################################### */

ul.navlinks li a {
    padding:            6px 0px;
    color:			    #ff6666;
    background:		    #ff9;
    text-align:         center;
    text-decoration:    none;
    font-weight:        bold;
    font-size:          10pt;
    line-height:        120%;
    font-family:        Calibri;
    border:		        1px solid #004080;

}
ul.navlinks li ul li a {
    border-bottom-width: 0px;
    border-top-width: 1px;
}

ul.navlinks li ul li:first-child a {border-top-width: 0px;}

ul.navlinks li ul {border-bottom: 1px solid black;}

ul.navlinks, ul.navlinks ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.navlinks a {
    display: block;
    width: 109px;
}

ul.navlinks li { /* all list items */
    float: left;
    width: 110px; /* width needed or else Opera goes nuts */
    margin-bottom: 0px;
    border-top: 0px solid black; 
 }

ul.navlinks li ul { /* second-level lists */
    position: absolute;
    width: 110px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

ul.navlinks li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 120px;
}

ul.navlinks li:hover ul ul, ul.navlinks li.sfhover ul ul {
    left: -999em;
}

ul.navlinks li:hover ul, ul.navlinks li li:hover ul, ul.navlinks li.sfhover ul, ul.navlinks li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

ul.navlinks li a:hover {
	color:			#ff9;
	border-color:		white;
	background:		gray;
}

ul.navlinks li > ul a {
	opacity: 		0.9;
	filter: 		alpha(opacity=90);
}

ul.navlinks {
    display: table;
    margin: auto;
    margin-top: 5px;
}

/* This for lists in P2P */
ol li, ul li, dl dt, dl dd {margin-bottom: 6px;}

dl.collapse-list {margin-left: 20px;}

dl.collapse-list > dt {
    font-size: 12pt;
    background: #ccc;
    padding: 2px;
    padding-left: 5px;
}

dl.collapse-list > dd {
    border: 1px dashed #ccc;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

span.collapse-list-icon {
    border: 1px solid gray;
    padding: 0 2px;
    font-size: 12pt;
    background: #ccc;
}

dl.collapse-list > dt > span {
    margin-right: 10px;
    border: 1px solid gray;
    padding: 0 2px;
}

dl.collapse-list > dd dt {font-weight: bold;}

dl.collapse-list > dt > b {
    font-weight: normal;
    float: right;
    font-family: 'Lucida Console','Courier New';
    letter-spacing: 6px;
}

span.red, span.blk, td.red, td.blk
{
	font-family: Verdana;
	font-size:   14px;
	color: red;
}
span.blk, td.blk {color: black;}

div#bridge-in-the-cupboard > h2 {display: block;}
div#bridge-in-the-cupboard > h2 > div {float:left;margin-right:20px;}

table#committee {border-collapse: collapse;}

table#committee td {
    padding:    4px 4px 4px 9px;
    border:     1px solid black;
}

table#committee tr td:first-child {font-weight: bold}

table#committee tr td:first-child + td + td {font-size: 7pt}

table#events {
    border-collapse:    collapse;
    font-size:          7.5pt
}

table#events td {
    padding:    4px 4px 4px 4px;
    border:     1px solid black;
}

table#events tr:first-child {
    background:     #ccc;
    font-weight:    bold;
    font-size:      8pt
}


table#events .subtitle{
    background:     #ff6666;
    font-weight:    bold;
    font-size:      8pt;
}


div.two-col-dd div {
	float: left;
	width: 274px;
}

div.two-col-dd div > table {margin-left: -70px;}

div.two-col-dd div {
    border-right:   1px dashed black;
    margin-bottom:  15px;
}

div.two-col-dd div + div {
    margin-left:    20px;
    border-right:   none;
}

ul.bitc-icon-list li img {margin-right: 20px;}

ul.bitc-icon-list li {
    font-size: 10pt;
    list-style: none;
    height: 100%;
}

ul.bitc-icon-list li a {text-decoration: none;}
ul.bitc-icon-list li a img {border: none;}

span.highlight {
    background:     #ff6666;
    color:          #fff;
    padding:        1px 3px;
}

/* These for the ECL board-by-board review */

#board-detail > table {
    padding: 0px;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid black;
}

#board-detail > table tr {height: 19px;}

#board-detail > table td {padding-left: 3px;}

#board-detail > table td.minus {padding-left: 40px;}

#board-detail > p > span {
    background: red;
    padding: 2px 10px;
    color: white;
}

#board-detail > table tr:first-child {border-bottom: 1px solid black;}
#board-detail > table tr:first-child td {border-right: 1px solid black;}

li.divider {
    list-style:     none;
    font-weight:    bold;
    font-size:      9pt;
    padding:        8px 0px 8px 30px;
}

img.plain-logo {
    background:     none;
    border:         1px solid black;
}