@import url('standard.css');
@import url('wc-module-directory.css');
@import url('wc-module-twitter.css');

/*** layout CSS ***/
body {
	background: url(/graphics/coo/bg-header.jpg) no-repeat center top;
}

.layer-accessibility {
	display: none
}

#layer-page {
	margin: 0 auto;
	padding: 0;
}

#layer-pagewrapper {
	position: relative;
}

/*fixed width for all*/
#layer-page,
#layer-footer #layer-top-toolbar,
#layer-footer #layer-form-search,
#layer-menu {
	width: 972px;
}

/*** Header CSS ***/
#layer-header {
	position: relative;
	height: 167px;
	padding: 0;
}
#layer-header h1 {
	position: absolute;
	top: 25px;
	left: 30px;
	margin: 0;
}
#layer-header h1 a {
	display: block;
	width: 296px;
	height: 72px;
	background: url(/graphics/coo/logo-coo.gif) no-repeat;
	z-index: 9;
	text-indent: -9999px;
}

#layer-header h2 {
	font-size: 128%;
	margin: 1.15em 0 0 0;
	font-weight: bold;
	letter-spacing: -1px
}

#layer-header p {
	font-size: 95%;
	font-family: Verdana, Arial, Georgia, Tahoma, Geneva, serif;
}

#layer-header #logo {
	
}

#layer-header #layer-logo h1 {
	display: none;
	padding: 0;
	margin: 0;
}

/*** page and body CSS ***/
#layer-body {
	padding: 19px 17px 8px 17px;
}

/*** footer CSS ***/
#layer-footer {
	
}

#layer-footer #layer-top-toolbar {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
	width: 720px;	
}

/* Toolbar */
#layer-top-toolbar ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#layer-top-toolbar ul li {
	float: left;
	margin-right: 6px;
	padding: 0;
	background: none;
}
#layer-top-toolbar ul li.li-member-name {
	padding: 3px 0;
	color: #fff;
	font-size: .9em;	
}
#layer-top-toolbar ul li a {
	display: block;
	padding: 3px 10px;
	color: #fff;
	background-color: #7B2079;
	border: none;
	font-size: .9em;
	text-decoration: none;
}
#layer-top-toolbar ul li a:hover,
#layer-top-toolbar ul li .font-size-selected,
#layer-top-toolbar ul li a:hover.link-our-sites {
	background-color: #953193;
}
#layer-top-toolbar ul .list-last {
	margin: 0;
	width: 125px;
}
#layer-top-toolbar ul li #link-our-sites {
	padding: 3px 20px 3px 10px;
	background: #7B2079 url(/graphics/coo/ico-our-sites.gif) no-repeat right center;
}
#layer-top-toolbar ul li.list-our-sites {
	position: relative;
}
#listing-our-sites {
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	width: 187px;	
	background-color: #953193;	
	z-index: 99;
}
#listing-our-sites ul {
	float: none;
}
#listing-our-sites ul li {
	float: none;
	margin: 0;
	padding: 1px 6px;
}
#layer-top-toolbar ul li #listing-our-sites li a {
	background-color: #953193;
}
#listing-our-sites li a:hover {
	text-decoration: underline;
}

/* Font resize */
#layer-top-toolbar .listing-font-size {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#layer-top-toolbar .listing-font-size .list-label {
	margin: 0;
	padding: 3px 3px 3px 0;
	color: #fff;
	background-color: transparent;
}
#layer-top-toolbar .listing-font-size li a {
	display: block;
	width: 10px;
	height: 10px;
	padding: 4px;
	line-height: 10px;
	text-align: center;
}

/* Search */
#layer-footer #layer-form-search {
	position: absolute;
	top: 58px;
	right: 0;
	width: 600px;	
}

#layer-footer #layer-form-search .form-standard {
	float: right;
}
#layer-footer #layer-form-search .form-standard,
#layer-footer #layer-form-search .form-standard fieldset {
	width: 275px;
	margin: 0;
	padding: 0;
	border: none;
}
#layer-footer #layer-form-search label {
	display: none;
}
#layer-footer #layer-form-search ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#layer-footer #layer-form-search ul li {
	float: left;
	padding: 0;
}
#layer-footer #layer-form-search ul .list-input {
	width: 182px;
	height: 28px;
	background: transparent url(/graphics/coo/search-bg.gif) no-repeat left;
}
#layer-footer #layer-form-search ul .list-button {
	background: transparent url(/graphics/coo/bg-search-input-right.jpg) no-repeat left;	
}
#layer-footer #layer-form-search .input-text {
	width: 170px;
	margin: 4px;
	padding: 2px;
	border: 0 none;
}
#layer-footer #layer-form-search .input-submit {
	width: 93px;
	height: 28px;
	color: #FFF;	
	background: url(/graphics/coo/btn-search.png) no-repeat;
	border: none;
	font-size: 1.1em;
	text-transform: uppercase;
}
	
#layer-footer-content {
	padding-top: 20px;
	border-top: 1px solid #E6E6E6;
}

#layer-footer-content a {
	color: #5c5057;
	text-decoration: none;
}

#layer-footer-content .style-column-2-1 {
	float: left;
	font-size: 95%;
}

#layer-footer-content .style-column-2-2 {
	float: right;
	text-align: right;
	font-size: 95%;
	color: #FFF;	
}

#layer-footer-content .style-column-2-2 ul {
	list-style-type: none
}

#layer-footer-content .style-column-2-2 ul li {
	display: inline;
	margin-left: 18px
}

/* Menu */
#layer-menu {
	position: absolute;
	top: 120px;
	left: 17px;
	width: 970px;
	z-index: 1
}
#layer-menu h3{
	display:none	
}
#layer-menu ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position:relative
}
#layer-menu ol li {
	position: relative;
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#layer-menu ol li a {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 13px 20px 22px;
	color: #fff;
	background: url(/graphics/coo/bg-menu-tab.png) no-repeat center -50px;	
	text-decoration: none;
}
#layer-menu ol li a:hover, 
#layer-menu ol li:hover a,
#layer-menu ol .state-selected a {
	background: url(/graphics/coo/bg-menu-tab.png) no-repeat center 0;
}
#layer-menu ol li ol {
	display: none;
	position: absolute;
	top: 41px;
	left: 0;
	width: 200px;
	background-color: #953193;
}
#layer-menu ol li:hover ol {
	display: block;
}
#layer-menu ol li ol li {
	clear: both;
	float: none;
	padding: 0 10px;
}
#layer-menu ol li ol li a {
	width: 160px;
	padding: 8px 10px;
	background: #953193 url(/graphics/coo/dotted-purple.gif) repeat-x bottom !important;
}
#layer-menu ol li ol li.position-last a {
	margin-bottom: 5px;
	background-image: none !important;
}
#layer-menu ol li ol li a:hover {
	background-color: #9A3998 !important;
}

/*** Sub Menu and side menu***/
#layer-menu-sub, #layer-menu-side {
	margin-bottom: 1em;
}
#layer-menu-sub ol, #layer-menu-side ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;	
}
#layer-menu-sub ol li, #layer-menu-side ol li {
	margin: 0 0 3px 0;
	padding: 0;
	background: url(/graphics/coo/subnav-bg.gif) no-repeat left top;
}

#layer-menu-sub ol li a, #layer-menu-side ol li a {
	display: block;
	padding: 8px 12px;
	color: #217DB0;
	background: url(/graphics/coo/bg-subnav-bottom.gif) no-repeat left bottom;
	text-decoration: none;
}

#layer-menu-sub ol li.state-selected, #layer-menu-side ol li.state-selected{
	background: transparent url(/graphics/coo/subnav-bg-selected.gif) no-repeat left top ;
}

#layer-menu-sub ol li.state-selected a, 
#layer-menu-side ol li.state-selected a {
	color: #fff;
	background: transparent url(/graphics/coo/bg-subnav-selected-bottom.gif) no-repeat left bottom;
	font-weight: bold;
}

#layer-menu-sub ol li.state-selected ol li.state-selected ol li.state-selected a,
#layer-menu-sub ol li.state-selected ol li.state-selected a {
	background: #E6DAE4 url(/graphics/coo/arrow-subpage.gif) no-repeat 13px center;
	font-weight: bold;	
}

#layer-menu-sub ol li.state-selected ol li.state-selected ol li.state-selected ol li a,
#layer-menu-sub ol li.state-selected ol li.state-selected ol li a {
	background: #E6DAE4 url(/graphics/coo/arrow-subpage.gif) no-repeat 13px center;
	font-weight: normal;	
}

#layer-menu-sub ol li.state-selected ol li.state-selected ol li.state-selected ol li.state-selected a,
#layer-menu-sub ol li.state-selected ol li.state-selected ol li.state-selected a {
	background: #E6DAE4 url(/graphics/coo/arrow-subpage.gif) no-repeat 13px center;
	font-weight: bold;	
}

#layer-menu-sub ol li.state-selected ol li a,
#layer-menu-sub ol li.state-selected ol li.state-selected ol li a {
	color: #701477;
	background-image: none;
	font-weight: normal;
}

#layer-menu-sub ol li.state-selected ol li.position-last {
	padding: 0 0 3px 0;
	background: transparent url(/graphics/coo/bg-subnav-sub-bottom.gif) no-repeat bottom;
}
#layer-menu-sub ol li.state-selected ol li.position-last a {
	background-color: #E6DAE4;
}

#layer-menu-sub ol li ol li, 
#layer-menu-side ol li ol li {
	background-image: none;
	background-color: #E6DAE4;
	margin: 0;
	padding: 0;
}
#layer-menu-sub ol li.state-selected ol {
	width: 219px;
	margin: -3px 0 0 0;
}

#layer-menu-sub ol li ol li a, #layer-menu-side ol li ol li a {
	padding-left: 24px;
	font-weight: normal;
	background: none;
}

#layer-menu-side ol li ol li a{
	background: none;
	background-color: #E6DAE4;
}

#layer-menu-sub ol li.state-selected ol li.state-selected ol {
	width: auto;
}

#layer-menu-sub ol li.state-selected ol li.state-selected ol li a {
	padding-top: .3em;
	padding-bottom: .3em
}

#layer-menu-sub ol li ol li ol {
	background-color: #E6DAE4;
	padding-left: 24px;
}

#layer-menu-sub ol li ol li ol li ol {
	padding-left: 5px
}

#layer-menu-sub ol li ol li ol li {
	padding-left: 12px !important
}

#layer-menu-sub ol li ol li ol li.state-selected,
#layer-menu-sub ol li ol li ol li ol li.state-selected {
	background: #E6DAE4 url(/graphics/coo/arrow-subpage.gif) left 6px no-repeat !important;
}

#layer-menu-sub ol li ol li ol li a {
	padding-left: 0 !important;
	background: transparent url(/graphics/coo/line-dotted-white.gif) bottom left repeat-x !important;
}

#layer-menu-sub ol li ol li ol li a, #layer-menu-side ol li ol li ol li a{
	padding-left: 12px;
}

#layer-menu-sub ol li.state-selected ol li ol li ol li.position-last {
	background: #E6DAE4
}

#layer-menu-quick-links {
	text-align: right;
	padding: 11px 17px;
	border-top: 1px solid #EEEEEE;
	background: #fff
}

#layer-menu-quick-links ul {
	margin: 0;
	padding: 0
}

#layer-menu-quick-links ul li {
	list-style-type: none;
	display: inline;
	margin-right: 6px
}

#layer-menu-quick-links ul li span.divider-bar {
	color: #EEEEEE
}

/*** Frontpage ***/
#layer-frontpage .layer-col-1 {
	float: left;
	width: 700px;
}
#layer-frontpage .layer-col-2 {
	float: right;
	width: 220px;
}
#layer-frontpage .layer-col-1 .layer-slide-show {
	height: 272px;
	margin: 0 0 29px 0;
}
#layer-frontpage .layer-col-1 .layer-intro {
	margin: 20px 0 20px 0;
}
#layer-frontpage h3 {
	margin: 0 0 15px;
	color: #701477;
	font-size: 1.2em;
	font-weight: bold;
}
#layer-frontpage p {
	line-height: 16px;
}
#layer-frontpage .layer-col-1-1 {
	float: left;
	width: 460px;
}
#layer-frontpage .layer-col-1-2 {
	float: right;
	width: 218px;
}
.listing-tabs {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}
.listing-tabs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;		
	background: url(/graphics/coo/bg-column-tabs-right.png) no-repeat right -43px;
}
.listing-tabs li a {
	display: block;
	padding: 9px 9px 18px 14px;
	color: #217DB0;
	background: url(/graphics/coo/bg-column-tabs.png) no-repeat 0 -43px;
	border: none;
	font-size: .9em;
	white-space: nowrap;
	text-decoration:none;
}
.listing-tabs li.list-selected,
.listing-tabs li:hover {
	background: url(/graphics/coo/bg-column-tabs-right.png) no-repeat right 0;
}
.listing-tabs li.list-selected a,
.listing-tabs li a:hover {
	color: #FFFFFF;
	background: url(/graphics/coo/bg-column-tabs.png) no-repeat 0 0;
}

#layer-frontpage .layer-news {
	margin: 0;
	clear: both;
}
#layer-frontpage .layer-news ol,
.list-news-AO {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.layer-story,
#layer-frontpage .layer-news ol li {
	margin: 0 0 15px 0;
}

.list-news-AO li {
	margin: 0 0 15px 0;
}

#layer-frontpage .layer-news ol li {
	padding-top: 1px 
}
.layer-story .layer-thumbnail,
#layer-frontpage .layer-news ol li .layer-thumbnail,
.list-news-AO li .layer-thumbnail {
	float: left;
	width: 68px;
	height: 68px;
	margin: 0 15px 0 0;
	padding: 3px;
	border: 1px solid #217DB0;
}
.layer-story .layer-date,
#layer-frontpage .layer-news ol li .layer-date,
.style-panel ol li .layer-date {
	float: left;
	width: 65px;
	height: 65px;
	margin: 0 15px 0 0;
	text-align: center;
}

.layer-story .layer-date .panel-day,
#layer-frontpage .layer-news ol li .layer-date .panel-day,
.style-panel ol li .layer-date .panel-day {
	margin: 0;
	color: #363636;
	font-size: 3em;
	line-height: 45px;
}
.layer-story .layer-date .panel-month,
#layer-frontpage .layer-news ol li .layer-date .panel-month,
.style-panel ol li .layer-date .panel-month	{
	margin: 0;
	color: #BE90BF;
	font-size: 1.6em;
	text-transform: uppercase;
}
.layer-story h4,
#layer-frontpage .layer-news ol li h4,
.style-panel ol li h4,
.list-news-AO li h4 {
	margin: 0 0 4px 0;
	font-size: 1em;
}
#layer-frontpage .layer-news ol li h4 a,
.list-news-AO li h4 a {
	text-decoration: none;
}
#layer-frontpage .layer-story .layer-date .panel-day,
#layer-frontpage .layer-news ol li .layer-date .panel-day {
	line-height: 45px;	
}
#layer-frontpage .layer-story .panel-italic { font-style: italic; }
#layer-frontpage .layer-story h4 a {
	color: #217DB0;
}
#layer-frontpage .layer-story p,
#layer-frontpage .layer-news ol li p {
	margin: 0 0 4px 0;
}

.style-column-right .layer-story {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #E6E6E6;
}
.style-column-right .layer-story .layer-thumbnail{
	width: 51px;
	height: 51px;
	margin: 0 10px 0 0;
	padding: 1px;
}
.style-column-right .layer-story .layer-date {
	width: 51px;
	height: 51px;
}
.style-column-right .layer-story .layer-date .panel-day {
	margin: 0;
	font-size: 3.2em;
	line-height: 36px;
}

.style-column-right .layer-story .layer-date .panel-month {
	color: #BE90BF;
	font-size: 1.5em;
	line-height: 1em;
}
.style-column-right .layer-story .panel-italic {
	margin: 0;
}

#layer-frontpage .listing-tabs .list-member-login a img {
	margin: 0 3px 0 0;
	vertical-align: middle;
}
#layer-frontpage p {
	margin: 0 0 10px 0;
}
#layer-frontpage .layer-information-login {
	min-height: 240px;
	height: auto;
	_height: 240px;
	margin: 0 0 20px;
}
#layer-frontpage .layer-col-1-1 #news ol p,
.list-news-AO p {
	padding-left: 91px;
}
#layer-frontpage .layer-col-1-1 #events ol p {
	padding-left: 80px;
}
#layer-frontpage .layer-col-1-1 #events ol p.panel-day,
#layer-frontpage .layer-col-1-1 #events ol p.panel-month {
	padding-left: 0;
}
/*
ul {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}
ul li {
	margin: 0;
	padding: 0 0 0 25px;		
	background: url(/graphics/coo/bulltet-blue.gif) no-repeat 5px 10px;
}
ul li a {
	display: block;
	padding: 6px 10px 6px 0;	
	color: #217DB0;
	border-bottom: 1px dashed #D8D8D8;
}
*/

.listing-bullets {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}
.listing-bullets li {
	margin: 0;
	padding: 0 0 0 25px;		
	background: url(/graphics/coo/bulltet-blue.gif) no-repeat 5px 10px;
}
.listing-bullets li a {
	display: block;
	padding: 6px 10px 6px 0;	
	color: #217DB0;
	background: url(/graphics/coo/line-dotted-grey.gif) repeat-x bottom;
}
#layer-frontpage .layer-banner {
	margin: 0 0 19px 0;
}

/* Headings */
h3.heading-line {
	height: 16px;
	margin: 0 0 15px;
	color: #701477;
	font-size: 1.1em;
	font-weight: bold;	
	background: url(/graphics/coo/one-px-purple.gif) repeat-x left center;
	line-height: 16px;
}

h3.heading-line.grey {
	color: #A8A8A8;
	background: url(/graphics/coo/one-px-grey.gif) repeat-x left center;
}

h3.heading-line.grey span {
	color: #A8A8A8;
}

h2.heading-line {
	color: #701477;
	background: url(/graphics/coo/one-px-purple.gif) repeat-x right center;
}

h2.heading-line span{
	background-color: #ffffff;
	padding: 0 15px 0 0;
}

h3.heading-line span,
h3.heading-line a {
	padding: 0 5px 0 0;
	color: #701477;
	background-color: #fff;
	text-decoration: none
}

h3.heading-line span{
	float: left;
	font-weight: bold
}

h3.heading-line a.link-rss {
	background-color: #fff;
	background-image: none;
	float: right;
	padding: 0 0 0 5px; 
}

.link-rss img {
	vertical-align: middle;
}

h3.heading-line a.rss img{
	float: right;
	display: inline;
}

h3.heading-line a {
	padding: 0 10px 0 20px;
	background: #fff url(/graphics/coo/ico_arrow-bottom-purple.gif) no-repeat left center;
}
h3.heading-line .link-collapse {
	background: #fff url(/graphics/coo/ico_arrow-right-purple.gif) no-repeat left center;
}


/*** panel ***/
.style-panel {
	margin-bottom: 12px
}

.style-panel.style-frame-box {
	border: 1px solid #E1E1E1;
	padding: 8px 8px 5px 8px;
	margin-bottom: 12px
}

.style-panel.style-frame-box p {
	margin-bottom: 8px
}

.style-panel.style-frame-box h3 {
	padding: 0;
	background: none;
	color: #AF2024;
	border: 0
}

.style-panel.style-frame-box h3 a,
.style-panel.style-frame-box a {
	color: #AF2024
}

.style-panel.style-frame-box p {
	font-size: 120%
}

.style-panel ol,
.style-panel ol.list-news-AO,
.style-column-left ol.list-news-AO {
	border-top: 1px solid #DBDBDB;
	margin: 0;
	padding: 0
}

.style-panel ol.list-news-AO .layer-thumbnail{
	float: left;
	margin-right: 15px
}

.style-panel ol.list-news-AO li,
.style-panel ol li,
.style-column-left ol.list-news-AO li {
	border-bottom: 1px solid #DBDBDB;
	padding: 13px 7px 13px 0;
}

/*.style-panel ol.list-news-AO .layer-thumbnail img{
	border: 1px solid #217DB0;
	height: 68px;
	width: 68px;
	padding: 3px
	
}*/

.style-panel ol.list-news-AO li a{
	color: #217BAC;
	font-weight: bold;
}

.style-panel ol li {
	list-style-type: none;
}

.style-panel ol li h4 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 100%
}

.style-panel ol li h4.style-normal-heading {
	font-size: 100%;
	font-weight: bold
}

.style-panel ol li p {
	margin-bottom: 0
}

.style-panel ol li.position-last {
	border-top: 1px solid #D8D8D8
}

.style-panel div.style-link-more {
	font-size: 100%;
	font-weight: bold;
	padding: 6px 0;
	margin: 0
}

.style-column-left div.link-more-news,
.style-panel div.link-more-news {
	background: none;
	padding:5px 0 0 0;
	font-weight: bold;
}

.style-panel div.style-link-more p {
	margin: 0;
	padding: 0;
	line-height: 1.75em
}

a.style-link-twitter {
	background: url(/graphics/ico_twitter.gif) left center no-repeat;
	padding: 1px 20px;
	display: block
}

a.style-link-rss {
	background: url(/graphics/ico_rss.gif) left center no-repeat;
	padding: 1px 20px;
	display: block
}

/*** Horizontal standard Page CSS***/
.style-main-panel {
	float: right;
	width: 692px;
}

.style-main-panel .style-column-left {
	float: left;
	width: 435px;
}

.style-main-panel .style-column-right {
	float: right;
	width: 219px
}

.layer-left-panel {
	float: left;
	width: 220px;
}

h2.style-page-title {
	font-size: 180%;
	margin-bottom: 1.3em;
	color: #535353;
}

.style-main-image-holder {
	margin-bottom: 2em
}

.style-column-right #layer-right-panel1 {
	margin-bottom: 15px
}

.style-column-right #layer-right-panel3 {
	margin-top: 15px
}

/*** Active objevcts standard CSS ***/

/*** tabs ***/
.style-tabs-container {
	border: 1px solid #fff;
	border-bottom: 2px solid #ccc;
	margin-top: 12px 
}

.style-tabs{
	list-style:none;
	padding:0;
	margin:0;
	clear:left
}

.style-tabs li{
	float:left;
	padding:0;
	margin:0;		
}

.style-tabs li a{
	display:block;
	margin-right: 2px;
	padding:.75em 15px;
	background-color: #6D6D6D;
	color: #FFF;
}

.style-tabs li.state-selected a{
	background-color: #EEE;	
	font-weight: bold;
	color: #000;	
}

.style-tab-content{
	clear:both;	
}

/*** pagination ***/
.style-pagination {
	padding: 3px 0 2px 0
}

.style-pagination.position-top{
	margin-bottom:.25em;	
	border-bottom: 1px solid #DBDBDB;		
}

.style-pagination.position-bottom{
	margin-top: -1em;
}

.style-pagination .style-pagination-results{
	float:left;
	padding:.5em 6px	
}

.style-pagination .style-pagination-results .style-pagination-number{
	font-weight:bold
}

.style-pagination .style-pagination-pages span {
	display: block;
	float: left;
	margin: 0 3px;
	padding: 1px 5px
}

.style-pagination .style-pagination-pages span a {
	text-decoration: none
}

.style-pagination .style-pagination-pages {
	float:right;
	padding:.5em 6px	
}

.style-pagination .style-pagination-pages .style-pagination-selected {
	background: url(/graphics/coo/bg_pagination-selected.gif) no-repeat;
	color: #fff
}

p.style-rss{
	float:left;	
	padding:.5em 6px
}

/*** listing ***/
ol.result-listing{
	list-style:none;
	padding: 8px 0 0 0;
	margin:0;
	clear:both;
}

ol.result-listing li {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #DBDBDB;
}

ol.result-listing li div.wc-layer-image-holder {
	float: left;
	width: 99px;
}

ol.result-listing li div.wc-layer-image-holder img {
	width: 68px;
	height: 68px;
	padding: 3px;
	border: 1px solid #217DB0;
}

ol.result-listing li div.wc-layer-content {
	float: left;
	width: 590px;
}

ol.result-listing li h3 {
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 4px 0;
}

ol.result-listing li p {
	margin-bottom: 4px
}

ol.result-listing li p.panel-listing-date {
	color: #9F9F9F;
	font-style: italic;
}

.result-listing img{
	float:left;
	margin:0 10px 0 6px
}

p.status-no-result {
	padding: 8px
}

table.tbl-result-listing {
	width: 100%
}

table.tbl-result-listing td h3 {
	font-weight: bold;
	margin: 0 0 4px 0
}

table.tbl-result-listing td p {
	margin-bottom: 4px
}

table.tbl-result-listing img{
	float:left;
	margin:0 10px 0 6px
}

/* Details */
div.result-details img {
	margin-right: 8px
}

p.style-return {
	margin: 0 0 25px 0;
	padding: 0 12px 10px 0;
	text-align: right;
	background: url(/graphics/coo/ico_arrow-next-blue.gif) right 4px no-repeat;
	border-bottom: 1px solid #DBDBDB;
}

p.style-return.style-return-position-bottom {
	margin: 25px 0 0 0;
	padding: 10px 12px 10px 0;
	background: url(/graphics/coo/ico_arrow-next-blue.gif) right 14px no-repeat;
	border-top: 1px solid #DBDBDB;	
	border-bottom: 0;
}

p.style-return span.style-detail-page-date {
	float: left;
	color: #9F9F9F;
	font-style: italic;
}

/* Breadcrumbs */
	
#wc-breadcrumbs {
	padding: .4em 0 .6em 1px;
	margin-bottom: 3px;
	border-bottom: 1px solid #DBDBDB;
}

#wc-breadcrumbs ul {
	padding: 0;
	margin: 0;
	width:78% 
}

#wc-breadcrumbs ul li {
	display: inline;
	background: none;
	padding: 0;
}

#wc-breadcrumbs ul li a {
	display: inline;
	color: #217DB0;
	border: none;
	padding: 0;
}

#wc-breadcrumbs ul li .bar {
	color: #B5B7B6;
}

/* Social bookmark */
#wc-social-bookmark {
	text-align: right;
	margin: -15px 0 0 0
}

.style-calendar {
	background: url(/graphics/ico_calendar.gif) left center no-repeat;
	padding-left: 18px
}


#layer-catalogue ol {
	margin: 0;
	padding: 0;
}

#layer-catalogue ol li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#layer-catalogue ol li .catalogue-label {
	background-color: #DBDBDB;
	display: block;
	padding: 5px 14px;
	margin: 3px 0 0 0;
}

#layer-catalogue ol li .catalogue-label:hover {
	background-color: #EDEDED;
}

#layer-catalogue ol li ol {
	margin: 9px 0 11px 24px;
}

#layer-catalogue ol li ol li {
	background: url(/graphics/ico_arrow-right-grey.gif) 0 2px no-repeat;
	padding-left: 14px;
	display: block;
}

#layer-catalogue ol li ol li ol {
	margin: 4px 0 6px 0;
}



/***** pullquote CSS *****/
.pulledquote{
	display: block;
	background: #f9f9f9 url('/graphics/pullquote-top.gif') .5em .2em no-repeat;
	width: 40%;
	padding: 1.75em 0.5em 0.25em 0.5em;
	margin: 0.5em;
	font-size: 1.2em;
	line-height: 1em;
	font-weight:bold;
	color: #666;
}

.pulledquote span.pulledquote-text {
	padding-left: 3.3em;
	text-align: left;
	display: inline;
}

.pulledquote .pullquote-bottom{
	display:block;
	background: url('/graphics/pullquote-bottom.gif') 0 0 no-repeat;
	width:40px;
	height:40px;
	float:right;
}


.pulledquote-left {
	float: left;
	text-align: left;
	
}

.pulledquote-right {
	float: right;
}

.pulledquote-center {
	text-align: center;
	width:100%;
	
}

/* Glossary */
a.link-glossary {
	color: #505050;
	border-bottom: 1px dotted #505050;
}

/* Login */

#form-member-login {
	width: 190px;
	margin: 0;
	padding: 0 15px 15px 15px;
	background: url(/graphics/coo/bg-login-panel.png) no-repeat bottom;
	border: none;
	clear: both;
}
#form-member-login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#form-member-login fieldset ul {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}
#form-member-login fieldset ul li {
	background: none;
	padding: 0;
}
#form-member-login fieldset label {
	font-size: .9em;
	line-height: 30px;
}
#form-member-login fieldset .input-text {
	width: 182px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #D4D4D4;
	font-size: 1em;
}
#form-member-login fieldset .input-submit {
	padding: 5px 10px;	
	color: #fff;
	background-color: #227CAE;
	border: none;
	font-size: 1em;
}
#form-member-login .list-buttons {
	margin: 15px 0;
}

/* TOC */
.layer-toc hr {
	margin-bottom: 20px;
	color: #DBDBDB
}

.listing-toc {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.listing-toc li {
	float: left;
	margin: 0 10px 30px 0;
	width: 100%;
}
.listing-2-cols li {
	float: left;
	min-height: 90px;
	_height: 90px;
	margin: 0 10px 30px 0;
	width: 45%;
}
.listing-toc li .layer-thumbnail {
	float: left;
	width: 68px;
	height: 68px;
	margin: 0 15px 0 0;
	padding: 3px;
	border: 1px solid #D9D9D9;
}
.listing-toc li h3 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
}
.listing-toc li p {
	margin: 0;
	font-size: 1em;
}

/* Table */
.table-standard {
	width: 100%;
	border: 1px solid #E6E6E6;
	border-width: 1px 0 0 1px;
}
.table-standard th,
.table-standard td {
	padding: 3px 6px;
	border: 1px solid #E6E6E6;
	border-width: 0 1px 1px 0;
}


/*	Forgotten password */
#layer-member-password .layer-column-right {
	float: left;
	width: 430px
}

#layer-member-password .layer-column-left {
	float: left;
	width: 220px
}

#layer-member-password .layer-container {
	margin-top: 12px 
}

#layer-member-password .layer-column-right ul {
	width: 320px; 
}

#layer-member-password .layer-column-right ul li {
	padding: 8px 0;
	background: url(/graphics/coo/line-dotted-grey.gif) left bottom repeat-x
}	

#layer-member-password .layer-column-right ul li.position-last {
	background: none
}

#layer-member-password .layer-column-right ul li h3 {
	font-size: 125%
}

#layer-member-password .layer-column-right ul li h3 a {
	text-decoration: none
}

#layer-member-password .layer-column-right ul li .layer-helper-image {
	float: left;
	width: 92px;
	margin-right: 14px;
	text-align: center
}

#layer-member-password .layer-column-right ul li .layer-helper-content {
	float: left;
	width: 180px
}

#layer-member-password .form-standard#wc-module-member-forgotten-password-form {
	background: #ffffff url(/graphics/coo/bg-password-panel.png) bottom left no-repeat;
	width: 220px;
	padding-bottom: 12px
}

#layer-member-password #wc-module-member-forgotten-password-form ol {
	margin: 5px 0
}

#layer-member-password #wc-module-member-forgotten-password-form ol li {
	padding: .25em 8px
}

#layer-member-password #wc-module-member-forgotten-password-form ol li label {
	float: none;
	display: block;
	width: auto;
	margin: 0 0 5px 0
}

#layer-member-password #wc-module-member-forgotten-password-form .form-standard-text {
	float: none;
	width: 180px;
	padding: 3px;
	border: 1px solid #D3D3D3
}

#layer-member-password #wc-module-member-forgotten-password-form .form-standard-button {
	background: url(/graphics/coo/bg-btn-blue-short.jpg) left top no-repeat;
	width: 66px;
	height: 24px
} 

#layer-member-password .form-standard#wc-module-member-forgotten-password-form fieldset p.button {
	text-align: left;
	padding: 0 1em
} 

#layer-member-login .heading-tab-bubble,
#layer-member-password .heading-tab-bubble {
	background: url(/graphics/coo/bg-heading.jpg) 0 0 no-repeat;
	padding: 8px 10px 0 10px;
	height: 35px;
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #ffffff
}

#layer-member-login .heading-tab-bubble {
	width: 200px 
}

#layer-member-password .layer-column-right ul {
	list-style-type: none
}

#layer-member-password .layer-column-right ul li {
	display: block;
	clear: both
}

/* Listing Filter Show Hide */
a.link-show-hide-filter {
	padding: 0 10px 0 20px;
	font-size: 110%;
	color: #70146B;
	background: url('/graphics/coo/ico_arrow-bottom-purple.gif') #FFFFFF left 4px no-repeat;
}

#layer-show-hide-filter form {
	margin-top: -0.2em!important;
	margin-bottom: 2em;
	background: none!important;	
	border: 0;
}

#layer-show-hide-filter form fieldset{
	margin: 0;
	padding: 0;
}

#layer-show-hide-filter form p {
	margin: 0;
}

#layer-show-hide-filter form fieldset {
	padding-bottom: 1.2em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DBDBDB;	
}

#layer-show-hide-filter form label {
	float: none!important;
}

#layer-show-hide-filter form input.form-standard-button {
	width: 64px;
	height: 30px;
	float: right;
	margin-top: -5px!important;
	background: url('/graphics/coo/bg-button-filter.jpg') no-repeat;
}

#layer-show-hide-filter form select {
	height: 19px;
	border-left: 0;		
	border-right: 0;	
}

#layer-show-hide-filter form label {
	float: left!important;
}

#layer-show-hide-filter form label.label-show {
	width: auto!important;
	padding: 0 10px 0 30px;
}

#layer-show-hide-filter form label.label-result {
	width: auto!important;
	padding: 0 10px 0 10px;
}

#layer-show-hide-filter form .layer-form-field-left-border {
	float: left!important;
	height: 21px;
	padding-left: 6px;
	margin: 0 0 10px 0;
	background: url('/graphics/coo/bg_left-form-field-border.gif') left top no-repeat;
}

#layer-show-hide-filter form .layer-form-field-right-border {
	height: 21px;
	padding-right: 6px;
	background: url('/graphics/coo/bg_right-form-field-border.gif') right top no-repeat;
}

.listing-tabs-blue li.list-selected,
.listing-tabs-blue li:hover {
	background: url(/graphics/coo/bg-column-tabs-right-blue.png) no-repeat right 0;
}
.listing-tabs-blue li.list-selected a,
.listing-tabs-blue li a:hover {
	background: url(/graphics/coo/bg-column-tabs-blue.png) no-repeat 0 0;
}

/* Login */
.layer-status p {
	padding: 8px 1em;
	margin-bottom: 0
}

.layer-standard-note img {
	float: right;
}

.layer-standard-note h3 { 
	color: #761074
}

#layer-member-login .layer-column-right {
	float: left;
	width: 200px
}

#layer-member-login .layer-column-left {
	float: left;
	width: 330px;
	margin-right: 40px
}

.layer-standard-note {
	clear: both;
}

/* form builder style on left panel */
.layer-left-column-member-home #presideform {
	padding: 1.5em 20px 0.5em 20px;
	border: #D3D3D3 1px solid;
}

.layer-left-column-member-home #presideform span.note {
	color: #6E0F73;
}

.layer-left-column-member-home #presideform form fieldset,
.layer-left-column-member-home #presideform form fieldset ol,
.layer-left-column-member-home #presideform form fieldset ol li {
	margin: 0!important;
	padding: 0!important;
	background: none;	
	border: none;
}

.layer-left-column-member-home #presideform form fieldset ol li {
	margin-bottom: 1em!important;
}

.layer-left-column-member-home #presideform form fieldset label {
	width: 175px!important;	
	margin-bottom: 1em!important;
	font-weight: bold;
}

.layer-left-column-member-home #presideform form fieldset textarea {
	width: 165px!important;
	background: #ffffff;
}

.layer-left-column-member-home #presideform form fieldset input.submit {
	background: #2278B5;
	color: #fff; 
}

./* Helpers */
.layer-hidden, .hidden { display: none; }
.layer-clear, .clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }