/*-------------------------------------------------------*/
/* site-wide styles                                      */
/*-------------------------------------------------------*/

*{padding: 0; margin: 0;}/* --->>> global settings needed for thickbox <<<----*/

html { overflow-y:scroll; }  /* prevent scrollbar disappearing making page jump */
SELECT, TEXTAREA { font-family: Arial, sans-serif; font-size: 12px; color: black; border: solid 1px #8c8c8c; }
INPUT{ font-family: Arial, sans-serif; font-size: 12px; color: black;}
INPUT[type="text"], INPUT[type="password"] {border: solid 1px #8c8c8c; } /* only fields will have borders around them */
INPUT[type="hidden"] { border: none; }
BODY { margin: 0; font-family: Arial, sans-serif; font-size: 12px; color: #333; }
table{margin:auto;}

/* --------------------------------------------------------------------------------------- */
/* copy these H tags to admin.css to make them work in the mceEditor style selector        */
/* --------------------------------------------------------------------------------------- */
H1 { font-size: 24px !important; font-weight: normal !important; color: #032969 !important; margin: 10px 0 20px 0; line-height: 110%; }
H2 { font-size: 14px !important; font-weight: bold !important; color: #1E3444 !important; margin: 0 0 7px 0; line-height: 110%; }
H3 { font-size: 13px !important; font-weight: bold !important; color: #1E3444 !important; margin: 12px 0 3px 0; line-height: 110%; }
H4 { font-size: 12px !important; font-weight: bold !important; color: #1E3444 !important; margin: 12px 0 3px 0; line-height: 110%; }
H5 { font-size: 15px !important; font-weight: normal !important; color: #032969 !important; margin: 20px; line-height: 140%; }
H6 { font-size: 11px !important; font-weight: normal !important; color: #666 !important; margin: 0 0 10px 0; line-height: 140%; }
/* --------------------------------------------------------------------------------------- */


.main P, .mceContentBody P { line-height: 140%; margin: 0 0 10px 0; font-size: 12px; }
.main, .mceContentBody { line-height: 140%; }
.main UL, .mceContentBody UL { list-style: square outside; margin: 0 0 10px 20px; padding: 0; }
.main OL, .mceContentBody OL { list-style: outside; margin: 2px 0 0 30px; padding: 0; }
.main LI, .mceContentBody LI { margin: 2px 0 4px 0; line-height: 20px;  }
.main A, .mceContentBody A { color: #0097D0; text-decoration: none; }
.main A:hover, .mceContentBody A:hover { text-decoration: underline; }
/* --------------------------------------------------------------------------------------- */
/* content table styles */
/* --------------------------------------------------------------------------------------- */
/* default table  */
.normal table, .normal table th, .normal table td, .mceContentBody th, .mceContentBody td { border:1px solid #666; border-collapse: collapse; padding:3px; }
.normal table p, .mceContentBody table p { margin: 0; }
/* table-small */
.normal table.table-small td, .mceContentBody table.table-small  td {font-size: 9px; }
/* table-no-gridlines */
.normal table.table-no-gridlines, .normal .table-no-gridlines th, .normal .table-no-gridlines td { border:none; }
.mceContentBody table.table-no-gridlines { border:1px dotted red; }


/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* inline document download icons for attachments in html content area */
/* --------------------------------------------------------------------------------------- */

.normal a[href$='.pdf'] { padding-left:20px; background:transparent url(images/filetypes/PDF_small.gif) no-repeat left; }
.normal a[href$='.doc'] { padding-left:20px; background:transparent url(images/filetypes/doc_small.gif) no-repeat left; }
.normal a[href$='.docx'] { padding-left:20px; background:transparent url(images/filetypes/doc_small.gif) no-repeat left; }
.normal a[href$='.xls'] { padding-left:20px; background:transparent url(images/filetypes/xls_small.gif) no-repeat left; }
.normal a[href$='.xlsx'] { padding-left:20px; background:transparent url(images/filetypes/xls_small.gif) no-repeat left; }
.normal a[href$='.ppt'] { padding-left:20px; background:transparent url(images/filetypes/ppt_small.gif) no-repeat left; }
.normal a[href$='.zip'] { padding-left:20px; background:transparent url(images/filetypes/zip_small.gif) no-repeat left; }

/* --------------------------------------------------------------------------------------- */

hr
{
	margin-top:7px;
	margin-bottom:7px;
	border-top:1px solid #8495a5;
	height:0;
	color:white;
}

img { 
	border:0; 
}

/*-------------------------------------------------------*/
/* FPB styles (all styles above are generic and some may not be needed) */
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/* commonly used elements (mainly within content area) */
/*-------------------------------------------------------*/

.left { float:left;}
.right { float:right;}
.page-width { width: 970px;  }

.main-subtitle        /* goes above the title*/
{
	font-size: 14px;
	color: #424F55;
}
h1.with-subtitle 
{
	margin-top: 0;
}

.intro 
{
	font-size: 13px;
}
.rating 
{
	margin: 15px 0 0;
}
.mainpic 
{
	float: right;
	margin: 0 0 10px 10px;
}

.inset-text 
{
	margin:10px;
}


.add-library-page-top {
	font-weight: bold;
	padding-left: 18px;
	background: url(images/icon-plus.gif) no-repeat left;
	margin-top: 22px;	
	float: right;
}

.section-item-container
{
	display:block;
	clear:both;
}

.section-item 
{
	float: left;
	width: 235px;
	margin-right: 10px;
	padding-right: 4px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #1E3444;
}

.section-item p 
{
	font-size: 11px;
	line-height: 120%;
	color: #1E3444;
}

a.section-item:hover
{
	text-decoration: none;
}
a.section-item:hover b
{
	text-decoration: underline;
}
a.section-item b
{
	color: #0097D0;
	font-size: 12px;
	display:block;
	margin-bottom:5px;
}
a.section-item:hover 
{
	text-decoration: none;
	background-color: #CBE8F3 !important;
}
.section-item img
{
	float: left;
}

.section-item p
{
	margin-left: 90px;
	color: #333;
}

/* new SECTION-ITEM list - for what is fpb(principles) */
table.principle-section{
	width:100%;
}
table.principle-section td{
	width:50%;
	padding:0;
}
table.principle-section td a{	
	width: 248px;
	display: block;
	padding: 5px 4px 5px 0;
	color: #1E3444;
	min-height:95px;
}
* html table.principle-section td a{height:95px;} /* IE6 */

table.principle-section td a span{
	font-size: 11px;
	line-height: 120%;
	color: #1E3444;
	display:block;
	margin-left: 90px;
	color: #333;
}

table.principle-section td a:hover{
	text-decoration: none;
}
table.principle-section td a:hover b{
	text-decoration: underline;
}
table.principle-section td a b{
	color: #0097D0;
	font-size: 12px;
	display:block;
	margin-bottom:5px;
}
table.principle-section td a:hover{
	text-decoration: none;
	background-color: #CBE8F3 !important;
}
table.principle-section td a img{
	float: left;
}

/* new SECTION-ITEM list - for partner & products */

table.section{
	width:100%;
}
table.section td{
	width:235px;
}
table.section td a:link, table.section td a:hover, table.section td a:visited, table.section td a:active{
	text-decoration:none;
	display:block;
	width: 100%;
	min-height:78px;
	padding: 5px 4px 2px 0;
}
* html table.section td a{height:78px;}
table.section td a:hover 
{
	text-decoration: none;
	background-color: #CBE8F3;
}
table.section td span{
	font-size:11px;
	line-height:120%;
	color:#333;	
}
table.section td span.title{
	color: #0097D0;
	font-size: 12px;
	padding-bottom:5px;
	font-weight:bold;	
}

/*
ul.section{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.section li
{
	float: left;	
}
ul.section li a{
	display:block;
	width: 235px;
	margin-right: 10px;
	padding: 5px 4px 2px 0;
	color: #1E3444;
	min-height:78px;
}
* html ul.section li a{height:78px;}
ul.section li a:hover 
{
	text-decoration: none;
	background-color: #CBE8F3;
}
ul.section li a p{
	font-size:11px;
	line-height:120%;
}
ul.section li a p span.title
{
	color: #0097D0;
	font-size: 12px;
	padding-bottom:5px;
	display:block;
	font-weight:bold;
}*/

/* blue arrow button before link */
a.blue-arrow 
{
	display: block;
	background: url(images/blue-arrow.gif) left 2px no-repeat;
	padding-left: 20px;
}
a.grey-arrow 
{
	display: block;
	background: url(images/nav-selected-arrow.gif) left 2px no-repeat;
	padding-left: 20px;
}

/* used in events, news, etc */
.listing-item	 
{
	border-top: 1px solid #d6d6d6;
	width: 500px;
	clear:both;
}
.listing-item-date 
{
	font-size: 11px;
	color: #666;
	margin-bottom: 10px;
}
.listing-item img
{
	float: left;
	padding: 10px;
	padding-right:0;
}
.listing-item .listing-item-text 
{
	float:left;
	padding: 8px 10px 10px 10px;
	color: #333;
	width: 320px;
}
.listing-item a
{
	display:block;
	cursor:pointer;
}
.listing-item a b
{
	color: #0097D0;
	font-size: 13px;
	line-height: 110%;
}
.listing-item a:hover
{
	text-decoration: none;
	background-color: #CBE8F3;
}
.listing-item a:hover b
{
	text-decoration: underline;
}

a.action-link
{
	font-size:14px;
	color:#008dc1;
	line-height:16px;
	display: block;
	background: url(images/bluearrowonwhite.gif) 2px 2px no-repeat;
	padding-top: 4px;
	padding-left: 28px;
	min-height:20px;
	font-weight: bold;
}

a.action-link:hover {
	text-decoration: none !important;
	background-color: #CBE8F3;
}


/*-------------------------------------------------------*/
/* tabs */
/*-------------------------------------------------------*/

.tabs 
{
	height: 30px;
	background: url(images/tabs-top-bg.gif) bottom repeat-x;
}
.tabs a
{
	font-weight: bold;
	font-size: 13px;
	color: #032969;
	padding: 0 5px 0 15px;
	line-height: 30px;
	height: 30px;
	display: block;
	width: 109px;
	float:left;
}

.tab_normal a { background: url(images/tab_normal.gif)  no-repeat; }
.tab_selected a { background: url(images/tab_selected.gif)  no-repeat; }
.tab_first_normal a { background: url(images/tab_first_normal.gif)  no-repeat; }
.tab_after_selected a { background: url(images/tab_after_selected.gif)  no-repeat; }

.tab-content
{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 7px solid #999;
	padding: 10px;
	background-color:White;
	min-height: 250px;
}

/* for tabs with no links */
.tabs span
{
	font-weight: bold;
	font-size: 13px;
	color: #666;
	padding: 0 5px 0 15px;
	line-height: 30px;
	height: 30px;
	display: block;
	width: 109px;
	float:left;
}

.tab_normal span { background: url(images/tab_normal.gif)  no-repeat; }
.tab_selected span { background: url(images/tab_selected.gif)  no-repeat; }
.tab_first_normal span { background: url(images/tab_first_normal.gif)  no-repeat; }
.tab_after_selected span { background: url(images/tab_after_selected.gif)  no-repeat; }

/*
.tab-normal a { background: url(images/tab-normal.gif)  no-repeat; }
.tab-selected a { background: url(images/tab-selected.gif)  no-repeat; }
.tab-normal-last a { background: url(images/tab-normal-last.gif)  no-repeat; }
.tab-selected-last a { background: url(images/tab-selected-last.gif)  no-repeat; }
.tab-b4-selected a { background: url(images/tab-b4-selected.gif)  no-repeat; }
*/

/*-------------------------------------------------------*/
/* popups */
/*-------------------------------------------------------*/

.popup 
{}

/*-------------------------------------------------------*/
/* javascript hover style */
/*-------------------------------------------------------*/

.bg-hover 
{
	background-color: #CBE8F3 !important;
}

/*-------------------------------------------------------*/
/* generic page elements (outside content area) */
/*-------------------------------------------------------*/

.main-template 
{
	background: white url(images/background-tile.gif) repeat-x;
}
.min-template 
{
	background: white url(images/background-tile-min.gif) repeat-x;
}

.masthead-background-tile  
{
	background:	 url(images/Masthead/bg-repeater.gif) repeat-x;	          
}
.masthead-background  
{	
	background:  url(images/Masthead/fpb-logo.gif) no-repeat top center;	
	min-width:995px;                  
}
.alt-background{
	position:relative;
	width:995px;
	margin:auto;
}
.logoUrl{
	display:block;
	width:137px;
	height:61px;
	/*border:1px solid red;*/
	position:absolute;
	top:13px;
	left:37px;
}
.masthead 
{
	vertical-align: top;
	text-align: right;
	padding-right: 6px;
}

.masthead-nav 
{
	margin-top: 5px;
	height: 38px;
	color: #D6F4FF;	
}
.masthead-nav a
{
	font-size: 14px;
	color: #D6F4FF;
	text-decoration: none;
}
.masthead-nav a:hover
{
	text-decoration: underline;
}
.masthead-nav a b
{
	color: white;
}

.masthead .search-box-wrapper 
{
	float: right;
	margin-right: 5px;
}

.masthead input.search-box
{
	font-size: 16px;
	color: #333;
	border: 1px solid white;
	width: 255px;
}

.masthead .search-button-wrapper
{
	background-image: url(images/buttons/search.gif);
	background-position:0 0;
	float: right;
	margin-right: 0;
	margin-top: -3px;
	width: 60px;
	height:25px;
	display:block;
	overflow:hidden;
}
.masthead .search-button-wrapper:hover
{
	background-position:0 -25px;
	cursor:pointer;
}
.masthead .search-button-wrapper a
{
	display:none;
	text-decoration: none;
}

.masthead .user-login-status 
{
	color: White;
	font-weight: bold;
	font-size: 14px;
}

/*-------------------------------------------------------*/
/* navigation                                            */
/*-------------------------------------------------------*/

/* top nav */

.top-nav, .top-nav li, .top-light-nav, .top-light-nav li {
	margin:0;padding:0; 
}

.main-top-nav {
	padding-bottom: 20px;
}

.top-nav li.title-image div
{
	background: url(images/future-proof-building-title.gif) top left no-repeat;
	width: 206px;
	height: 34px;
}

.top-nav li.title-image div a{
	background: url(images/future-proof-building-title.gif) top left no-repeat;
	width: 166px;
}

.top-nav li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 14px;
	font-family: Arial, Sans-Serif;
}

.top-nav li a {
	text-decoration: none;
	color: rgb(20, 43, 59);
	height: 22px;
	display: block;
	float: left;
	padding: 10px 10px 2px 10px;
	font-weight: bold;
}

.top-nav li.selected {
	background-color:#01aef0;
}

.top-nav li.selected a {
	color: white;
	background-color:#01aef0;
}

.top-nav li.before-selected {
	background: url(images/nav-under-strip.gif) repeat-x bottom;
}

.top-nav li a:hover {
	color: #032969;
	background-color: #CBE8F3; 
}

.top-nav li.selected a:hover {
	color: white;
	background-color:#01aef0;
}




/* top light nav */

.top-light-nav 
{
	float:right;
}

.top-light-nav li {
	display: block;
	float: left;
	list-style-type: none;
	font-size: 14px;
	font-family:  Arial, Sans-Serif;
}

.top-light-nav li a {
	text-decoration: none;
	color: #0097D0;
	float: left;
	height: 22px;
	display: block;
	padding: 10px 8px;
	
}

.top-light-nav li.selected a {
	color: white;
	background: rgb(1, 174, 240);
}


.top-light-nav li a:hover {
	text-decoration: underline;
	color: #0097D0;
}

/* side nav */

.left-nav ul, .left-nav li {
	margin:0;padding:0; 
	list-style-type: none;
}

.left-nav li.depth1
{
	border-top: 2px solid rgb(1, 174, 240);
	font-size: 13px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
.left-nav li.depth1first
{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 15px;	
}


.left-nav li.depth2
{
	border-top: 1px solid rgb(1, 174, 240);
	font-size: 13px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

.left-nav li.depth3
{
	border-top: 1px solid rgb(1, 174, 240);
	font-size: 12px;
	font-weight: normal;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.left-nav li.depth4
{
	border-top: 1px solid rgb(1, 174, 240);
	font-size: 11px;
	font-weight: normal;
	padding-left:20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
.left-nav li  
{
	border-top: 7px solid rgb(1, 174, 240);
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
}

.left-nav li li 
{
	border-top: 1px solid rgb(1, 174, 240);
	font-size: 11px;
	font-weight: normal;
}
*/

.left-nav li a 
{
	color: rgb(4, 37, 108);
	text-decoration:none;
	display:block;
}
.left-nav li a:hover {
	/*background-color: rgb(1, 174, 240);	
	color: White;*/
	text-decoration: underline;
	color: #0097D0;
}

.left-nav li.selected
{
	background: url(images/nav-selected-arrow.gif) right no-repeat;	
	padding-right: 14px;
}

.left-nav li.depth1first.selected
{
	background: url(images/nav-selected-arrow.gif) right 3px no-repeat;	
}

/*.left-nav li.selected a:hover {
	background: rgb(1, 174, 240) rgb(1, 174, 240) url(images/nav-selected-arrow.gif) right no-repeat;	
}*/


/*-------------------------------------------------------*/
/* footer */
/*-------------------------------------------------------*/

/* footer blue strip */

.footer-strip 
{
	margin-top: 20px;
	background: rgb(1, 174, 240);
	color: White;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid white;
}

.footer-strip a {	color: White; text-decoration: none;}
.footer-strip a:hover {	 text-decoration: underline;}

/* footer principle icons */

#footer-principles {
	background: #324253;
	padding-bottom: 18px;
}

#footer-principles a.footer-principle-item 
{
	display:block;
	float: left;
	text-transform: uppercase;
	font-size:10px;
	color: #A3ACB5;
	text-decoration: none;
}


#footer-principles a.footer-principle-item:hover .footer-principle-title 
{
	color: White;
	text-decoration: underline;
}

#footer-principles .footer-principle-title 
{
	padding-left: 10px;
	background: url(images/footer-principle-bullet.png) no-repeat left 2px;
	font-size: 10px;
	text-transform: uppercase;
}

/* footer open and close */
#footer-open-close {
	background: url(images/footer/tab-fpb-principles.gif);
	background-position: top;
}

#footer-close 
{
	border-top: 1px solid #8E9AA3;	
}
#footer-close a
{
	border-top: 1px solid #182C3E;	
}

/* default footer principles start state to open/closed */

#footer-principles, #footer-close  {
	display:none;
}
.default-aspx #footer-principles, .default-aspx #footer-close
{
	display: block;
}
.default-aspx #footer-open
{
	display: none;
}

/* footer sitemap nav */

.footer-sitemap 
{
	font-size: 10px;
	background: #384A5C url(images/Footer/bg-repeater.gif) repeat-x;
	padding-bottom: 20px;
}
.footer-sitemap .depth0 
{
	font-size: 13px;
	font-weight:bold;
	margin-top: 18px;
	margin-bottom: 15px;
	line-height: 110%;
	padding-right: 10px;
}
.footer-sitemap .depth1
{
	margin-top: 8px;
	font-size: 11px;
	line-height: 110%;
	padding-right: 10px;
}
.footer-sitemap a 
{
	color: #D6F4FF;
	text-decoration: none;
}
.footer-sitemap a:hover
{
	color: #D6F4FF;
	text-decoration: underline;
}
.footer-sitemap-unclickable 
{
	color: #ccc;
	margin-top: 15px;
	font-size: 11px;
	line-height: 110%;
	padding-right: 10px;
}

/*-------------------------------------------------------*/
/* page-specific styles                                  */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Events.aspx and News.aspx */
/*-------------------------------------------------------*/

.small-listing  
{
	font-size: 11px; color: #666; line-height: 140%; 
	margin: 0 0 10px 19px; 
}

/*-------------------------------------------------------*/
/* Accordian bars - used on Principle.aspx, PartnerSubcategory.aspx */
/*-------------------------------------------------------*/

.accordian-title 
{
	clear:both;
	border-top: 1px solid #999999;
	height: 40px;
}

.accordian-title a 
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 38px;
	line-height: 38px;
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#032969;
	background:url(images/blue-arrow.gif) no-repeat #E4E4E4;
	background-position:11px;
	padding-left: 37px;
}
.accordian-title a:hover 
{
	background-color: #CBE8F3;
}
.accordian-title.selected a 
{
	background:url(images/blue-arrow-down.gif) no-repeat #F4F4F4;
	background-position:11px;
	border-bottom: 0;
}
*html .selected a 
{
	background:none;
}

.accordian-details {
	display:none;
	clear:both;
	/*background:  #F4F4F4;*/
	/*border: 2px solid #F4F4F4;*/
	padding: 10px;
	background-color: #F4F4F4;
}

.accordian-details .section-item 
{
	width: 235px;          /* not quite as wide as normal section-item due to margins */
	background: #F4F4F4;
}


.accordian-bottom 
{
	border-top: 1px solid #999999;
}

table.logo-grid 
{
	border: 1px solid #bebebe;
	border-collapse:collapse;
}
table.logo-grid td.logo-cell
{
	background: #F9F9F9;
	border: 1px solid #bebebe;
	border-collapse:collapse;
	padding:0;
	font-size: 11px;
	vertical-align: top;
	cursor:hand;
}
table.logo-grid td a 
{
	display:block;
	text-decoration: none;
}
table.logo-grid td a b
{
	text-decoration:none;
	color: #0097D0;
	font-size: 11px;
	display:block;
	margin: 0;	
	line-height: 110%;
}
table.logo-grid td a p 
{
	text-decoration: none;
	color: #333;
	font-size: 11px;
	line-height: 110%;
	margin: 2px 0 0 0;
}
table.logo-grid td img 
{
	vertical-align:middle;
}
table.logo-grid td a:hover b
{
}
table.logo-grid td a:hover p
{
	text-decoration: none !important;
}
table.logo-grid td a:hover img
{
	text-decoration: none !important;
}
table.logo-grid .logo-pic {
	background-color: White;
}
table.logo-grid .logo-caption 
{
	padding: 8px;
}
.principle-lead-in
{
	padding-bottom:15px;
	padding-top:10px;
	}
/*
ul.principle-partner-logos 
{
	margin: 0px;
	padding: 0px;
}
ul.principle-partner-logos li
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100px;
	height: 100px;
}
ul.principle-partner-logos li a 
{
	display: block;
}
ul.principle-partner-logos li a:hover
{
	background-color: Yellow;
}
*/
/* Greyed out effect 
<a class="a-thumb"><img src="/img/proxy-thumb.gif" /><span> </span></a>
FILTER: Gray


a.greyscale {
	border: 1px solid black;
	position: relative;}
a.greyscale img {
	width: 60px;
	height: 60px;
	border: 0;}
a.greyscale span {
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	z-index: 100;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;}

*/

/*-------------------------------------------------------*/
/* Partner.aspx */
/*-------------------------------------------------------*/

.profile-logo                     /* also used on showhome.aspx */
{
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.contact-website
{
	font-weight: bold;
	background: url(images/icon-website.gif) left no-repeat;
	line-height: 14px;
	padding-top:15px; 
	line-height: 14px;
	height: 29px;
}
.contact-website a
{
	display:block;
	padding: 0 0 3px 37px;
}

.contact-email
{
	font-weight: bold;
	background: url(images/icon-email.gif) left no-repeat;
	height: 29px;
	line-height: 14px;
	padding-top:15px;
}

.contact-email a
{
	display:block;
	margin: 0 0 3px 37px;
}

.contact-phone
{
	font-weight: bold;
	background: url(images/icon-phone.gif) left no-repeat;
	height: 29px;
	line-height: 14px;
	padding-top:15px;
}

.contact-phone p 
{
	line-height: 14px;
	display:block;
	margin: 0 0 3px 37px; 
	color: #1E3444;
}


.brochure-title 
{
	background: url(images/brochure-box-top.gif) top left no-repeat;
	font-weight: bold;
	padding: 4px 10px;
}

.brochure-cover-bg
{
	background: url(images/brochure-box-bottom.gif) bottom left no-repeat;	
	padding-bottom:10px;
}

.brochure-cover
{
	background: url(images/brochure-box-middle.gif) left repeat-y;	
}

.brochure-cover img 
{
	margin: 0 0 5px 10px;
}
.add-library 
{
	font-weight: bold;
	padding-left: 18px;
	background: url(images/icon-plus.gif) 0 3px no-repeat;
	margin-left: 10px;
}

/*-------------------------------------------------------*/
/* FindTrade.aspx, FindTradeResults.aspx */
/*-------------------------------------------------------*/

.category-browse 
{
	float: left;
	width: 171px;
	background: #DCE0E4 url(images/tiny-blue-arrow-grey-bg.gif) 9px 0 no-repeat;
	height: 25px;
	line-height: 25px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	overflow:hidden;
}
.category-browse a
{
	padding-left: 22px;
	display: block;
}
.category-browse a:hover
{
	background: #CBE8F3 url(images/tiny-blue-arrow-blue-bg.gif) 9px 0 no-repeat;
}

.findtradecategoryresults-aspx .category-browse 
{
	width: 182px;
}

.results-table 
{
	width: 100%;
}

.results-table td
{
	border-bottom: 1px solid #D6D6D6;
	color: #1E3444;
	padding:10px;
}
.results-table th
{
	border-bottom: 1px solid #999;
	font-weight: normal;
	text-align: left;
	color: #1E3444;
	padding:10px;
}

.trade-search-keywords-box
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right:4px;
	background:#DCE0E4;
	border:1px solid #ccc;
	clear:both;
}
.trade-search-keywords-box table
{
	padding: 0;
	font-size: 12px;
	color: #1E3444;
	float: left;
	background:#DCE0E4;
}
table.trade-search-keywords-box td 
{
	padding: 10px;
}
.trade-search-keywords-box input 
{
	width: 200px;
	height: 20px;
	font-size:14px;
	line-height:150%;
	padding:2px;
}

/*-------------------------------------------------------*/
/* gallery.ascx */
/*-------------------------------------------------------*/
.gallery-item 
{
	float:left;
	width: 150px;
	padding: 7px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gallery-item.last 
{
	margin-right:0;
}
a.gallery-item .gallery-caption 
{
	margin: 0;
	font-weight:normal;
	height: 32px;
	overflow:hidden;
}
a.gallery-item img {
	border: 1px solid #8495a5;
}
a.gallery-item:hover 
{
	background: #CBE8F3;
	text-decoration:none;
} 
a.gallery-item:hover .gallery-caption 
{
	text-decoration: underline;
}

/*-------------------------------------------------------*/
/* showhomes.aspx */
/*-------------------------------------------------------*/
.showhome-item 
{
	float:left;
	width: 142px;
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
a.showhome-item:hover 
{
	background: #CBE8F3;
	text-decoration:none;
} 
a.showhome-item:hover b 
{
	text-decoration: underline;
}

.showhome-logo-item 
{
	padding: 10px;
}
a.showhome-logo-item:hover 
{
	text-decoration:none;
} 
a.showhome-logo-item:hover .logo-name
{
	text-decoration: underline;
}


.partner-showhome-item 
{
	float:left;
	width: 229px;
	border: 1px solid #ccc;
	padding: 10px 10px 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.partner-showhome-item .partnername{
	color:#999;
	font-size:11px;
	line-height:110%;
}
a.partner-showhome-item:hover 
{
	background: #CBE8F3;
	text-decoration:none;
} 
a.partner-showhome-item:hover b 
{
	text-decoration: underline;
}

.partner-showhome-logo-item 
{
	padding: 10px;
}
a.partner-showhome-logo-item:hover 
{
	text-decoration:none;
} 
a.partner-showhome-logo-item:hover .logo-name
{
	text-decoration: underline;
}



/*-------------------------------------------------------*/
/* showhome.aspx */
/*-------------------------------------------------------*/
a.pdf-download
{
	height: 40px;
	min-height: 40px;
	background: url(images/pdf_35x35.gif) left no-repeat;
	font-weight: bold;
	padding-left: 45px;
	padding-top: 2px;
	display:block;
	height:100%;
}
a.pdf-download:hover 
{
	background-color: #CBE8F3;
	text-decoration: none !important;
}


/*-------------------------------------------------------*/
/* Become a Member       HomeownerJoin.aspx              */
/*-------------------------------------------------------*/
.project-wrapper table
{
	float:left;
	}
.project-wrapper table td label
{
	display:block;
	}
.project-wrapper table td
{
	padding:0 0 10px;
	border-collapse:collapse;
	}
.project-wrapper label.login-detail
{
	float:left;
	font-weight:bold;
	font-size:13px;
	width:160px;
	
	}
.join-wrapper table 
{
	float:left;     /* to counteract centred tables */
}
/*
.join-wrapper table td label
{
	display:block;
	width:400px;
}
*/
.join-wrapper table td
{
	padding:0 0 10px 0;
	border-collapse:collapse;
}
.join-wrapper label.login-detail
{
	float:left;
	font-weight:bold;
	font-size:13px;
	xwidth:160px;
	
	}
.info-textblock
{
	vertical-align:top;
	}
.info-textblock img
{
	float:left;
	}
ul.join-radio-btn
{	
	margin-left:0;
	padding-left:0;
	list-style:none;
	}
ul.join-radio-btn li
{
	margin-bottom:5px;
	white-space:nowrap;
	}
ul.join-radio-btn li input
{
	border:0;
	}
.alert-box
{
	padding:10px;
	border:1px solid #032969;
	background-color:#cbe8f3;
	margin-bottom:10px;
	color:#032969;
	font-weight:bold;
	}
.SubmitBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/submit.gif);
	background-position:0 0;
	cursor:pointer;
	}
.SubmitBtn:hover
{
	background-position:0 -28px;
	}
.CloseBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/close.gif);
	background-position:0 0;
	cursor:pointer;
	}
.CloseBtn:hover
{
	background-position:0 -28px;
	}
.PostMyRatingBtn
{
	width:120px;
	height:28px;
	background-image:url(images/buttons/postmyrating.gif);
	background-position:0 0;
	cursor:pointer;
	}
.PostMyRatingBtn:hover
{
	background-position:0 -28px;
	}
.AddNoteBtn
{
	width:116px;
	height:28px;
	background-image:url(images/buttons/addnote.gif);
	background-position:0 0;
	cursor:pointer;
	}
.AddNoteBtn:hover
{
	background-position:0 -28px;
	}
	
.AddFileBtn
{
	width:108px;
	height:28px;
	background-image:url(images/buttons/addfile.gif);
	background-position:0 0;
	cursor:pointer;
	}
.AddFileBtn:hover
{
	background-position:0 -28px;
	}
.AddaRatingBtn
{
	width:106px;
	height:28px;
	background-image:url(images/buttons/addarating.gif);
	background-position:0 0;
	cursor:pointer;
	}
.AddaRatingBtn:hover
{
	background-position:0 -28px;
	}
.AddImageBtn
{
	width:125px;
	height:28px;
	background-image:url(images/buttons/addimage.gif);
	background-position:0 0;
	cursor:pointer;
	}
.AddImageBtn:hover
{
	background-position:0 -28px;
	}	
	
.NextBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/next.gif);
	background-position:0 0;
	cursor:pointer;
	}
.NextBtn:hover
{
	background-position:0 -28px;
	
	}
.PreviousBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/previous.gif);
	background-position:0 0;
	cursor:pointer;
	}
.PreviousBtn:hover
{
	background-position:0 -28px;
	
	}
.JoinBtn
{
	width:207px;
	height:30px;
	background-image:url(images/buttons/join-now-wide.gif);
	background-position:0 0;
	margin:15px 15px 10px;
	text-indent:-4000px;
	cursor:pointer;
	}
.JoinBtn:hover
{
	background-position:0 -30px;
	}
	
.FinishBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/finish.gif);
	background-position:0 0;
	cursor:pointer;
	}
.FinishBtn:hover
{
	background-position:0 -28px;
	}
	
.SendBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/send.gif);
	background-position:0 0;
	cursor:pointer;
	}
.AddBtn:hover
{
	background-position:0 -28px;
	}
		
.AddBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/add.gif);
	background-position:0 0;
	cursor:pointer;
	}
.SendBtn:hover
{
	background-position:0 -28px;
	}
.ProjectEditBtn
{
	width:20px;
	height:20px;
	background-image:url(images/buttons/icon-edit.gif);
	background-position:0 0;
	cursor:pointer;
	vertical-align:middle;
	margin-right:5px;
	}
.ProjectEditBtn:hover
{
	background-position:0 -20px;
	}
.ProjectDeleteBtn
{
	width:20px;
	height:20px;
	background-image:url(images/buttons/icon-delete.gif);
	background-position:0 0;
	cursor:pointer;
	vertical-align:middle;
}
.ProjectDeleteBtn:hover
{
	background-position:0 -20px;
}
.SaveBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/save.gif);
	background-position:0 0;
	cursor:pointer;
	}
.SaveBtn:hover
{
	background-position:0 -28px;
}	
.DeleteBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/delete.gif);
	background-position:0 0;
	cursor:pointer;
	}
.DeleteBtn:hover
{
	background-position:0 -28px;
	}
.CancelBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/cancel.gif);
	background-position:0 0;
	cursor:pointer;
	}
.CancelBtn:hover
{
	background-position:0 -28px;
	}	
.LoginBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/login.gif);
	background-position:0 0;
	cursor:pointer;
	}
.LoginBtn:hover
{
	background-position:0 -28px;
	}
	
.SearchOnGreyBtn
{
	width:60px;
	height:25px;
	background-image:url(images/buttons/search_ongrey.gif);
	background-position:0 0;
	text-indent: -4000px;
	cursor:pointer;
	}
.SearchOnGreyBtn:hover
{
	background-position:0 -25px;
	}

.ReadmoreBtn
{
    display:block;
	width:101px;
	height:28px;
	background-image:url(images/buttons/readmore.gif);
	background-position:0 0;
	cursor:pointer;
	margin-top:9px;
}
.ReadmoreBtn:hover
{
	background-position:0 -28px;
}
.BackBtn
{
    display:block;
	width:81px;
	height:28px;
	background-image:url(images/buttons/back.gif);
	background-position:0 0;
	cursor:pointer;
	margin-top:9px;
}
.BackBtn:hover
{
	background-position:0 -28px;
}
.UnsubscribeBtn
{
    display:block;
	width:96px;
	height:28px;
	background-image:url(images/buttons/unsubscribe.gif);
	background-position:0 0;
	cursor:pointer;
}
.UnsubscribeBtn:hover
{
	background-position:0 -28px;
}

.ProjectQuicklink
{
	width:174px;
	height:28px;
	background-position:0 0;
	text-indent: -4000px;
	cursor:pointer;
	margin-bottom:5px;
	}
.ProjectQuicklink:hover
{
	background-position:0 -28px;
	}
.AddBuildingProjectBtn
{
	background-image:url(images/buttons/addbuildingproject.gif);
	}
.AddRenovationProjectBtn
{
	background-image:url(images/buttons/addrenovationproject.gif);
	}
.ViewMyProjectBoardBtn
{
	background-image:url(images/buttons/viewmyprojectboard.gif);
	}	

.EditMyProfileBtn
{
	width:115px;
	height:28px;
	background-image:url(images/buttons/editmyprofile.gif);
	background-position:0 0;
	cursor:pointer;
	}
.EditMyProfileBtn:hover
{
	background-position:0 -28px;
}

.YesBtn
{
	width:200px;
	height:28px;
	background-image:url(images/buttons/yes.gif);
	background-position:0 0;
	cursor:pointer;
	}
.YesBtn:hover
{
	background-position:0 -28px;
}

.NoThanksBtn
{
	width:96px;
	height:28px;
	background-image:url(images/buttons/nothanks.gif);
	background-position:0 0;
	cursor:pointer;
	}
.NoThanksBtn:hover
{
	background-position:0 -28px;
}

a.ViewDetailsBtn
{
	display:block;
	width:128px;
	height:28px;
	background-image:url(images/buttons/view_details.gif);
	background-position:0 0;
	cursor:pointer;
}
a.ViewDetailsBtn:hover
{
	background-position:0 -28px;
}	


	
.join-wrapper INPUT.checkbox  {	border: none;	}
.join-wrapper .checkbox INPUT {	border: none;	}
/*-------------------------------------------------------*/
/* New Project       NewProject.aspx, TradeJoin.asp etc  */
/*-------------------------------------------------------*/
.AspNet-RadioButtonList
{
	width:250px;	
	}
ul.project-radio-btn
{
	margin-left:0;
	padding-left:0;
	list-style:none;
	}	
ul.project-radio-btn li
{
	margin-bottom:5px;
	
	}
ul.project-radio-btn li input
{
	border:0;
	}
.project-textarea
{
	width:368px;
	height:60px;
	}
.project-textfield
{
	width:368px;
	}
.project-select
{
	width:368px;
	}
.join-textfield
{
	width:300px;
	padding: 2px;
	}
.join-textarea-narrow
{
	width:300px;
	height:55px;
	padding: 2px;
	}
.join-textarea
{
	width:370px;
	height:64px;
	padding: 2px;
	}
.join-select
{
	width:402px;
	padding: 2px;
	}
table.imagefilearea td
{
	background-color:#dce0e4;

	padding:10px;
	}
.imagefilearea table td
{
	padding:0 0 10px;
	}
a.linkbutton
{
	border-right: #8c8c8c 1px solid;
	border-top: #8c8c8c 1px solid;
	font-size: 12px;
	border-left: #8c8c8c 1px solid;
	color: black;
	border-bottom: #8c8c8c 1px solid;
	font-family: Arial, sans-serif;
	background-color:#f0f0f0;
	padding: 1px 6px;
	margin-right:2px;
}
/*-------------------------------------------------------*/
/* modal window																					 */
/*-------------------------------------------------------*/
.modaltitle
{
	width:418px;
	background-color:#032969;
	color:#FFF;
	padding:5px 20px;
	font-weight:bold;
	font-size:14px;
	margin-left:1px;
	}
.modal-label
{
	padding:5px;
	vertical-align:top;
	}
.modal-field
{
	padding:5px;
	vertical-align:top;
	}
.modal-btn
{
	
	}
.ErrorMessage
{
	font-weight:bold;
	color:Red;
	}

/*-------------------------------------------------------*/
/* ProjectSpace.aspx    						      	 */
/*-------------------------------------------------------*/

.project-selector {
	float:right;
	clear:left;
	font-size:12px;
	color:#032969;
}

/*-------------------------------------------------------*/
/* Contact forms										 */
/*-------------------------------------------------------*/

.contact-form input[type="text"], .contact-form textarea { padding: 2px; }
p span.contact-heading{width:100px;float:left;}
.contact-form span.size5{font-size:24px;}
ul.contact-form{list-style:none;margin:0;padding:0;}
ul.contact-form li{padding-bottom:3px;}
ul.contact-form li label{
	float:left;
	width:120px;
	text-align:left;
	padding-right:5px;
}
ul.contact-form li.radiobutton{
	padding-left:15px;	
}
ul.contact-form li.radiobutton label{
	float:none;
	width:auto;
	text-align:right;
	padding-left:5px;
}	
.contact-textfield, .contactus-textfield{width:250px;}
.contact-dropdown{width:256px;}
* html .contact-dropdown{width:254px;} /* IE6 */
.required{color:black; display:none;} /* disabled for now */
.contact-form .AspNet-RadioButtonList ul{margin-left:5px;} 
.contact-form .AspNet-RadioButtonList ul li{margin-bottom:0;} 
	
/*-------------------------------------------------------*/
/* search.aspx    						      		 */
/*-------------------------------------------------------*/
	
.searchresults-intro 
{
	font-size: 12px;
}

.searchresults-area 
{
	color: #999;
	font-size: 11px;
}

/*-------------------------------------------------------*/
/* Mainbox, Promo, Login and Info Boxes    						      		 */
/*-------------------------------------------------------*/

.MainBox 
{
	border:1px solid #999;
	border-collapse:collapse;
	border-bottom-width:7px;
	margin-bottom:19px;
	background-color:#fff;
	margin-bottom:10px;
	width: 100%;
}
.MainBox td 
{
	/*min-height: 250px; what the!*/
	padding: 10px;
}
/* stop padding 10px from cascading to any other tables inside
.MainBox table td         
{
	padding: 0px;
}
.MainBox table              --- fix margin:auto (needed for thickbox with tables) from centering tables inside 
{
	margin: 0px;
}
*/
td.formsectiontitle
{
	background-color:#95989b;
	padding:9px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
}

.PromoBox
{
	border:1px solid #8495a5;
	border-bottom-width:7px;
	margin-bottom:19px;
	background-color:#fff;
}
.PromoBoxTitle
{
	border:1px solid #fff;
	color:#1e3444;
	font-size:14px;
	font-weight:bold;
	background-color:#e4e4e4;
	padding:10px;
}
.PromoBoxContentWrapper
{
	padding: 10px;
}
.PromoBox a
{
	color:#0097d0;
	text-decoration:none;
}
.PromoBox a:hover
{
	color:#0097d0;
	text-decoration:underline;
	margin-top:0;	
}
.LoginBox
{
	/*margin-bottom:19px;*/
	background-color:#cbe8f3;
}
.LoginBox .login-message 
{
	display: block;
	margin: 10px 10px 0 10px;
}

.LoginBoxTitle
{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background-color:#032969;
	padding:10px;
}
.LoginBoxContentWrapper
{
	/*padding: 10px;*/
}
.LoginBoxLabel
{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#1e3444;
	}
.LoginBox Label.remember
{
	display:block;
	font-size:11px;
	color:#1e3444;
	float:left;
	font-weight:normal;
	}
.LoginBoxField{	
	width:183px;
	padding:2px;
}
.LoginBoxCheckBox input
{
	 border-style:none;
	 cursor:pointer;
}
.LoginBtn
{
	float:right;
	clear:left;
}
.SendBtn
{
	float:right;
	clear:left;
}
.LoginBox a
{
	color:#0097d0;
	text-decoration:none;
	font-size:11px;
}
.LoginBox a:hover
{
	color:#0097d0;
	text-decoration:underline;	
}
.InfoBox
{
	vertical-align:top;
	color:#032969;
	}
	
.AspNet-RadioButtonList	ul
{
	 list-style:none;
	 margin:0;
}
	
.AspNet-RadioButtonList ul li	label
{
	 display:inline;
}
	
/*-------------------------------------------------------*/
/* Settings styles                						      		 */
/*-------------------------------------------------------*/	
.center{text-align:center;}
.font1{font-size:11px;}
p.color1{color:#666;}
.Width268
{
	width:268px;
	}
	
.Width223
{
	width:223px;
	}
.Width340
{
	width:340px;
	}	
.Width240
{
	width:240px;
	}	
.clear { clear:both; display: block; font-size: 1px; height: 1px; float: none; margin: 0; padding: 0; }
.margin1{margin-right:8px;}
.margin2{margin-bottom:8px;}
.margin3{margin-right:15px;}
.nohover
{
	 text-decoration:none;
}
a:hover .nohover
{
	 text-decoration:none;
}

.main A:hover img 
{
	text-decoration:none !important;
}
.projectviewprofile
{
	float:left;
}
.projectadd
{
	float:right;
	border:1px solid red;
	margin:5px;
	
	width:220px;
	height:20px;
	background-image:url(images/buttons/addtoprojecteam.gif);
	background-position:0 0;
	cursor:pointer;
	vertical-align:middle;
	border:0;
}
.projectadd:hover
{
	background-position:0 -20px;
}
.projecthide
{
	float:right;
	border:1px solid blue;
	margin:5px;
	
	width:20px;
	height:20px;
	background-image:url(images/buttons/icon-delete.gif);
	background-position:0 0;
	cursor:pointer;
	vertical-align:middle;
	border:0;
}
.projecthide:hover
{
	background-position:0 -20px;
}

.projectwait
{
	font-weight:bold;
}
.quoterequestreplies
{
	width:500px;
}

#Spinner{
	position:absolute;
	width:16px;
	left:50%;
	margin-left:-8px;
	height:16px;
	top:50%;
	margin-top:-8px;
	background:url(images/spinner.gif) 0 0 no-repeat;
}
	
ul.projectteam
{
	margin-left:0;
	list-style-type: none;
}
	
ul.projectteam li div.name
{
	font-weight:bold;
}	
ul.quoterequestprojectlist
{
	margin-left:0;
	list-style-type: none;
	width:550px;
}
ul.tradeprojectlist
{
	margin-left:0;
	list-style-type: none;
}

ul.quoterequestreplieslist
{
	margin-left:0;
	list-style-type: none;
}


ul.quoteresponses
{
	margin-left:10px;
	list-style-type: none;
}

.valid-promo-code{
	font-size:11px;
	color:#090;	
	font-weight:bold;	
	padding-top:2px;
}
.invalid-promo-code{
	font-size:11px;
	color:#c00;
	font-weight:bold;	
	padding-top:2px;
}


/*-------------------------------------------------------*/
/* My Library styles                					 */
/*-------------------------------------------------------*/	

ul.my-library{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.my-library li{
	min-height:120px;	
}
* html ul.my-library li{height:120px;} /* IE6 only */

.checkboxes ul { list-style-type: none; padding: 0; margin: 0; }
.checkboxes ul li { padding: 0; margin: 0; }
.checkboxes input { margin: 5px 0; }
.checkboxes label { padding-left: 5px; }

/* Newsletters */
.newsletters h2{
	margin:0;
}
.newsletters img{
	margin-right:20px!important;
}
.newsletters img.newsletter-pic{
	float:left;
	margin-right:8px!important;
}


.mceContentBody img{margin-right:20px!important;}

.bold{font-weight:bold;}

.virtualTour { display: block; float: right; margin: 0 3px 0 10px; height: 50px; }

.infobox { border: 1px solid #999999; padding: 10px; }
.infobox .right { width: 330px; margin-left: 10px; }
.infobox p { margin: 0; padding: 0 }
.NumCats{font-size:7pt;}