/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:none;
	background:#f7f7f8;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:7px -6px;}
	/* Top corners and border */
.bt {
	height:15px;
	margin:0 0 0 15px;
	background:url(/images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-15px;
	width:15px;
	height:15px;
	background:url(/images/box.png) no-repeat 0 0;
	/*font-size:0;
	line-height:0;*/
}

	/* Bottom corners and border */
.bb {
	height:15px;
	margin:0 0 0 15px;
	background:url(/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-15px;
	width:15px;
	height:15px;
	background:url(/images/box.png) no-repeat 0 100%;
	/*font-size:0;
	line-height:0;*/
}

	/* Left border */
.i1 {
	padding:0 0 0 7px;
	background:url(/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 7px 0 0;
	background:url(/images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	margin-top:0px;
	padding:1px 1em;
	background:#f7f8f8;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}    
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
.featured .i1,
.featured .i2 { background-image:url(/images/borders-featured.png); }
.featured .i3 { background-color:#ffffaa; }
.featured .bt,
.featured .bt div,
.featured .bb,
.featured .bb div { background-image:url(/images/box-featured.png); }

/*.results .i1,
.results .i2 { background-image:url(/images/borders-results.png); }
.results .i3 { background-color:#f0f2f2; padding:1px 0; }
.results .bt,
.results .bt div,
.results .bb,
.results .bb div { background-image:url(/images/box-results.png); }
*/
.register .i3 {  }

.edit .i3 { padding:1px 0; }


/*
.cool .i1,
.cool .i2 { background-image: url(/images/boxes/box-borders.png); }
.cool .i3 { padding: 1px 0; }
.cool .bt,
.cool .bt div,
.cool .bb,
.cool .bb div { background-image: url(/images/boxes/box-light_top-dark_bottom.png); }

.cool h1.upper { margin: -11px -1px 0 -1px; padding: 0.85em 1em; }
.cool h2.upper { margin: -6px -1px 0 -1px; padding: 0.7em 1em 0.85em 1em; border-bottom: 1px solid #fdfffe; background: url(/images/boxes/box-heading.png) repeat-x center bottom;}
.cool div.upper { margin: -11px -1px 0 -1px; padding: 0.85em 1em; }
.cool div.content { margin: 0 -1px; padding: 0.75em 1em; }
.cool div.lower { margin: 0 -1px -1px -1px; padding: 6px 1em 1px 1em; background: #f0f2f2; z-index: 20; }

.cool h1.upper, .cool h2.upper, .cool div.content, .cool div.lower { border: 1px solid blue; }
*/



.cool .i1,
.cool .i2 { background-image: url(/images/boxes/box-borders.png); /*border: 1px solid green; margin-top: 0;*/ }
.cool .i3 { padding: 1px 0; margin: 0px -1px 0 -1px; /*border: 1px solid purple;*/ }
.cool .bt,
.cool .bt div { background-image: url(/images/boxes/box-light-shape.png); }
.cool .bb,
.cool .bb div { background-image: url(/images/boxes/box-dark-shape.png); }

.cool .i3 { padding: 1px 1em; }

.cool h2.upper { 
  margin: -1px -1em 0 -1em;
  border-bottom: 1px solid #fdfffe; 
  background: #f6f9f9 url(/images/boxes/box-heading.png) repeat-x center bottom;
  padding: 0 1em 9px 1em;  
}
  
.cool div.content {
  margin: 0 -1em;
  padding: 0 1em;
  background-color: #f6f9f9; }
  
.cool div.lower {
  margin: 0px -1em;
  padding: 8px 1em 0 1em;
  margin-bottom: -1px;
  background: #f0f2f2; }

.cool h1.upper, .cool h2.upper, .cool div.content, .cool div.lower { /*border: 1px solid blue;*/ }

.plain .bt, .plain .bt div, .plain .bb, .plain .bb div { background-image: url(/images/boxes/box-light-shape.png); }
.plain .i3 { padding-left: 1em; padding-right: 1em; background: #f6f9f9; margin-bottom: -3px; padding-bottom: 3px; }

.results .bt, .results .bt div, .results .bb, .results .bb div { background-image: url(/images/boxes/box-dark-shape.png); }
.results .i3 { padding-left: 1em; padding-right: 1em; background: #f0f2f2; margin-bottom: -3px; padding-bottom: 3px; }

/*  background
    images */
.search div.content { background-image: url(/images/bgs/search-content.png); background-repeat: no-repeat; background-position: right bottom; }
.search div.lower   { background-image: url(/images/bgs/search-lower.png);   background-repeat: no-repeat; background-position: right top; }
.login div.content { background-image: url(/images/bgs/login-content.png); background-repeat: no-repeat; background-position: right bottom; }
.login div.lower   { background-image: url(/images/bgs/login-lower.png);   background-repeat: no-repeat; background-position: right top; }
.register div.content { background-image: url(/images/bgs/register-content.png); background-repeat: no-repeat; background-position: right bottom; }
.register div.lower   { background-image: url(/images/bgs/register-lower.png);   background-repeat: no-repeat; background-position: right top; }
.forgot div.content { background-image: url(/images/bgs/forgot-content.png); background-repeat: no-repeat; background-position: right bottom; }
.forgot div.lower   { background-image: url(/images/bgs/forgot-lower.png);   background-repeat: no-repeat; background-position: right top; }
.business div.content { background-image: url(/images/bgs/business-content.png); background-repeat: no-repeat; background-position: right center; }
.tips div.content { background-image: url(/images/bgs/tips.png); background-repeat: no-repeat; background-position: 96% top; }



form { padding:0; margin:0; }

.fastfind .i1, .fastfind .i2 { background-color: #f47ac0; background-image: url(/images/boxes/box-popup-fastfind-borders.png); }
.fastfind .i3 { padding: 1px 0; margin: 0; background: #f47ac0; }
.fastfind_bg .i3 { background: #f47ac0 url(/images/fastfind/arrow.png) center right no-repeat; }
.fastfind .bt, .fastfind .bt div, .fastfind .bb, .fastfind .bb div { background-color: #f47ac0; background-image: url(/images/boxes/box-popup-fastfind-shape.png); }

.feature .i1, .feature .i2 { background-image: url(/images/boxes/box-popup-feature-borders.png); }
.feature .i3 { padding: 1px 0; margin: 0; background-color: #fffa91; }
.feature .bt, .feature .bt div, .feature .bb, .feature .bb div { background-image: url(/images/boxes/box-popup-feature-shape.png); }

.under .i1, .under .i2 { background-image: url(/images/boxes/box-popup-under-borders.png); }
.under .i3 { padding: 1px 0; margin: -6px 0 -3px 0; background-color: #ecf9f9; }
.under .bt, .under .bt div, .under .bb, .under .bb div { background-image: url(/images/boxes/box-popup-under-shape.png); }

.under .bt,         .feature .bt,         .fastfind .bt         { margin-top: -13px; /*height overlap*/ }
.under .i1,         .feature .i1,         .fastfind .i1         { padding-left: 14px; }
.under .i2,         .feature .i2,         .fastfind .i2         { padding-right: 14px; }
.under .bb,         .feature .bb,         .fastfind .bb         { margin-left: 18px; }
.under .bb div,     .feature .bb div,     .fastfind .bb div     { left: -18px; width: 18px; }
.under .bt,         .feature .bt,         .fastfind .bt         { margin-left: 18px; }
.under .bt div,     .feature .bt div,     .fastfind .bt div     { left: -18px; width: 18px; }
.under div.content, .feature div.content, .fastfind div.content { margin: 0px -7px 0 -7px; padding: 0 1em; }

.fastfind div.content { margin-top: -7px; }
.fastfind div.content,
.fastfind div.content p { color: #282828; }
.fastfind div.content h2,
.fastfind div.content strong { color: #333; }
.fastfind div.content a { color: #222; }
.fastfind div.content a:hover { background-color: #fe97dc; } 
/*.fastfind div.content { background: ; }*/


/* My styles */

div.pages_top { margin: -3px -1em 0 -1em; padding: 0 1em 8px 1em; text-align: center; }
div.pages_top h2,p { text-align: left; margin: 0; }
div.pages_bottom { margin: 0 -1em 2px -1em; padding: 8px 1em 0 1em; text-align: center; }
div.pages_bottom h2,p { text-align: left; margin: 0; }
div.price_band { background: url(/images/price_band_bg.png); background-repeat: repeat-x; background-position: center center; 
                 margin: 0 -1em; padding: 0.5em 1em; color: #333; font-weight: bold; }
div.price_band p { font-weight: normal; padding: 0; }
div.price_band a { font-weight: bold; text-decoration: none; color: #333; } 
div.section { margin: 0 -1em; padding: 1em; background-color: #f7f8f8; }

.edit div.price_band { margin-bottom:0.5em; }
                 





/*table.result { width: 100%; border-spacing: 5px; padding: 0; margin: 0; }
table.result td.photo { width: 95px; height: 95px; text-align: center; }
table.result td.actions { width: 14em; }
table.result td ul { list-style-type: none; list-style-position: outside; padding: 0; margin: 0; margin-top: 0; }
table.result td ul li { margin: 0.3em 0; }
table.result td.logo { width: 95px; }
table.result td.reference { width: 8em; }
table.result td.position { width: 2em; text-align: center; }
*/
/*table.result td.description a { text-decoration:none; }
table.result td.description a:hover { text-decoration:underline; }*/


.manager_result a { text-decoration: none; }

.left { text-align: left; }




div.result { background-color: white; margin: 0 -1em; padding: 3px 1em; border-bottom: 1px solid #eff5f5; }
div.feature_solo h2, div.result h2 { color: #332; }
div.feature_solo table, div.result table { width: 100%; border-spacing: 0; padding: 0; margin: 0; }
div.feature_solo table td.photo, div.result table td.photo { width: 95px; height: 95px; text-align: center; vertical-align: middle; }
div.feature_solo table td.description, div.result table td.description { padding: 0 3px; vertical-align: middle; }
div.feature_solo table td.actions, div.result table td.actions { width: 14em; }
div.feature_solo table td.logo, div.result table td.logo { width: 95px; height: 95px; text-align: center; vertical-align: middle; }
div.feature_solo table td.reference, div.result table td.reference { width: 8em; }
div.result table td.position { width: 2em; text-align: center; }

div.result_online          { background-color: #f7fafa; }
div.result_online_even     { background-color: #f4f7f7; }
div.result_offline         { background-color: #fee3e3; }
div.result_offline_even    { background-color: #fbe0e0; }
div.result_deleted         { background-color: #d4d7f3; }
div.result_deleted_even    { background-color: #d2d5f1; }
div.result_special         { background-color: #fffa91; }
div.result_special_even    { background-color: #fdf88f; }