/* @Osteolink styles */

/*
1. Reset style
2. General styles
3. Page structure (page layout)
4. Page components
5. Page specific style
6. JavaScript widgets
*/


/* Imported CSS needed for the overlay */
@import url("Community.css");

/* ------------------------------------------------------------------
1. RESET STYLE
Based on http://meyerweb.com/eric/tools/css/reset/ 
v1.0 | 20080212 
-------------------------------------------------------------------*/
a,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: inherit;
	font-style: inherit;
	font-style:normal
}
article, aside, figure, footer, header,
hgroup, nav, section {
	display:block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
form, input, textarea, select, option 	{
	font:1em/1.25 Arial, Helvetica, Verdana, Geneva, sans-serif;
}
/* @END Reset */




/* ------------------------------------------------------------------
2. GENERAL STYLE (list, links, headers, submit buttons...)
-------------------------------------------------------------------*/
html			{ font-size: 100%; /* IE 6/7 fix */ }
body 			{ margin: 0 auto; font: 0.813em/1.2 Arial, Helvetica, Verdana, Geneva, sans-serif; color: #333; background-color: #e5e5e5; } /* font-size:13px */
p, dl, ol, ul	{ margin: 0 0 1.3em 0; padding:0}
ul, ol			{ margin-left: 2.5em; }
a:link 						{ color:#1bbbe9; }
a:visited 					{ color:#1bbbe9; }
a:active, a:focus, a:hover 	{ color: #004494;  }
.hidden 					{ position:absolute; left:-300em; top:auto; width:1px; height:1px; overflow:hidden;} 
.hide						{ display:none}

.accessibilityNav 				{ margin: 0; padding: 0} 
.skip 							{ display: none; text-align: left; margin: 0 0 0 5px; padding: 0; position: absolute; font-size:1em; } /*All incl Opera*/
/* * html */ .skip 				{ display: block} /*Seen by IE*/
:root .skip 					{ display: block} /*Seen by Moz, FF and Safari*/
.skip a 						{ padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width: 20em; left: -300em;}
.skip a:focus, .skip a:active 	{ position: absolute; left: 0.5em; background: #fdf6d1}
.skip a:hover 					{ cursor: default}
.clearing 						{ display: block; height: 0; clear: both; overflow: hidden; width:100%; }

h1, h2, h3 		{ color:#004494; font-weight:bold}
h1				{ margin-bottom: .5em; font-size: 1.85em;}
h2				{ margin-bottom: .5em; font-size: 1.4em; }
h3				{ font-size: 1.2em; margin-bottom: .5em; }
h3 a			{ text-decoration:none; }
h4				{ font-size: 1em; margin-bottom: .2em; font-weight:bold}
#sidebar h3		{ margin-bottom: .5em; font-size: 1.4em; }
h1 img, h2 img, h3 img	{ margin-left: -3px}
.block.lb h3	{ padding-top:1.1em}
small			{ font-size:0.9em; font-weight:normal}
.warning		{color:#cc0000;}


/* All submit/link buttons */
.btn										{ overflow: hidden; font-size:12px; }
.btn span 									{ display: block; float: left; height: 26px; padding-left: 11px; margin: 0 0 0 5px; line-height: 16px; background: transparent url(../images/sliding_door_assets.gif) no-repeat 0 -463px; }
*+html .btn span 							{ padding-left: 6px; }
.btn span a, .btn span input				{ display: block; padding: 5px 11px 5px 0; background: #e5e5e5 url(../images/sliding_door_assets.gif) no-repeat 100% -463px; font-weight:bold; outline:0}
.btn a:link, .btn a:visited, .btn a:active	{ color: #004494;  text-decoration: none;}
.btn a[disabled] 							{ color: #9c9c9c !important; }
.btn span input								{ border:none; margin:0;  color: #004494; cursor:pointer; padding: 4px 11px 7px 0; }
.btn.right									{ float:right; margin-bottom: 0.7em; }
.btn.right span								{ margin: 0}
/* on white BG */
.btn span.w-bg a, .btn span.w-bg input		{ background-color: #fff }
/* on light blue BG (sign-off) */
.btn span.lb-bg a, .btn span.lb-bg input	{ background-color: #e2f5fd }
/* on dark blue BG (sign-in) */
.btn span.db-bg a, .btn span.db-bg input	{ background-color: #1a579f; background-position: 100% -383px; }
.btn span.db-bg								{ background-position: 0 -383px; }
/* red button */
.btn span.red 								{ background-position: 0 -537px }
.btn span.red a,	.btn span.red input		{ background-position: 100% -537px; color:#c00}
.btn span.red a:link, .btn span.red a:visited, .btn span.red a:active	{ color:#c00}
/* signout dark blue button */
.btn span.signout 							{ background-position: 0 -613px; padding-left: 22px }
.btn span.signout a, .btn span.signout input{ background-position: 100% -613px; color:#fff}
.btn span.signout a:link, .btn span.signout a:visited, .btn span.signout a:active	{ color:#fff}
/* join club blue button */
.btn span.club 								{ background-position: 0 -883px; padding-left: 26px }
.btn span.club a, .btn span.club input		{ background-position: 100% -883px; color:#1bbbe9}
.btn span.club a:link, .btn span.club a:visited, .btn span.club a:active	{ color:#1bbbe9}
/* leave club blue button */
.btn span.leave-club 									{ background-position: 0 -1114px; padding-left: 30px }
.btn span.leave-club a, .btn span.leave-club input		{ background-position: 100% -1114px; color:#1bbbe9}
.btn span.leave-club a:link, .btn span.leave-club a:visited, .btn span.leave-club a:active	{ color:#1bbbe9}

/* Action links with icons */
.action						{ margin-bottom:0; overflow:hidden; line-height:1.4; }
.edit, .del, .report, .send, .reply,
.request, .add, .private, .public, 
.calendar, .hot, .announcement, .join,
.prioritized, .leave, .video, .comment, 
.view, .reject, .accept, .accept-all, .reject-all	{ font-weight:bold; display: inline-block; text-decoration:none; padding: 4px 10px 2px 20px; background-image: url(../images/assets.gif); background-repeat:no-repeat}
.edit					{ background-position: 0 -1201px; }
.del					{ background-position: 5px -1264px; }
.send					{ background-position: 5px -1338px; padding-left:33px}
.reply					{ background-position: 5px -1965px; padding-left:33px}
.request				{ background-position: 5px -1405px; padding-left:30px}
.add					{ background-position: 5px -1652px; padding-left:25px}
.private				{ background-position: 5px -1522px; padding-left:23px}
.public					{ background-position: 5px -1587px; padding-left:23px}
.report					{ background-position: 2px -1778px; color:#cc0000!important}
.calendar				{ background-position: 5px -2245px; padding-left:25px}
.announcement			{ background-position: 1px -2362px; }
.prioritized			{ background-position: 0 -2424px; }
.leave					{ background-position: 0 -2483px; }
.join					{ background-position: 0 -1068px; }
.video					{ background-position: 2px -2543px; }
.hot					{ background-position: 5px -2309px; padding-left:18px}
.action b				{ position:absolute; left: -999em; overflow:hidden}
i.gender				{ display:inline-block; width: 9px; height:10px; background-image: url(../images/assets.gif); background-repeat: no-repeat; }
i.gender.f				{ background-position: 0 -1472px}
i.gender.m				{ background-position: 100% -1472px}
.comment				{ background-position: 0 -2036px; }
.view					{ background-position: 0 -2741px; }
.accept					{ background-position: 0 -2806px; padding-left:23px }
.reject					{ background-position: 0 -2870px; padding-left:23px }
.accept-all				{ background-position: 0 -3052px; padding-left:23px }
.reject-all				{ background-position: 0 -3115px; padding-left:23px }
.util					{ position:absolute; top: 18px; right:20px; }
.util a					{ padding-right:0}
.util2					{ position:absolute; top: 10px; right:10px}
.util3					{ position:absolute; top: 56px; right:10px}
.util .action a			{ display:block; }
.item-list .util		{ top:0; right: 5px;}
.item-list.inbox li .util			{ max-width: 125px; }
* html .item-list.inbox li .util	{ width: 110px; }
.action.right			{ text-align:right; }
.action.f-r				{ float:right; }
.action.right a			{ padding-right:0; margin-left:10px}

/* CTA links (with blue arrow) */
.cta					{ list-style-type:none; font-weight:bold; margin-left:0; }
.cta li					{ padding:0 0 0.7em 0;}
.cta a					{ display:inline-block; background: transparent url(../images/assets.gif) no-repeat 0 -322px; padding-left: 15px; text-decoration:none;  }
.cta li:last-child a	{ padding-bottom:0;}
.cta.border 			{ border-bottom: 1px dotted #caedfc;}
.cta small				{ display:inline-block; padding-left:15px}
/* with two columns */
.cta.two-col			{ margin-bottom:0; width: 100%; word-spacing: -1em;}
.cta.two-col li			{ width: 50%; display: inline-block; word-spacing: normal; vertical-align: top; }
.cta.two-col li a		{ display:inline-block; padding-right:10px}
* html .cta.two-col li 	{ display: inline }	/* for IE6 */
*+html .cta.two-col li 	{ display: inline }   /*  IE 7 */
.attended				{ color: #00a651}
.not-attend				{ color: #9e0b0f}

/* Floating image left or right within an article */
img.pull-left	{ position:relative; float:left; margin: 0 1.154em 1.154em 0;}
img.pull-right	{ position:relative; float:right; margin: 0 0 1.154em 1.154em;}
.pull-down		{ padding-top:1em; }
.article-intro	{ font-weight:bold; font-size:1.1em}

/* Article related links in 3 columns */
.related-links				{ width:100%; overflow:hidden; font-size: 0.9em}
.related-links .col			{ float:left; width:30%}	
.related-links .col.middle	{ margin: 0 4%}
.related-links .threads li	{ border:none}
.related-links  h4 a		{ text-decoration:none}

/* ------------------------------------------------------------------
3. PAGE STRUCTURE	
-------------------------------------------------------------------*/
/* Top banner */
#topBanner 			{ background-color:#1bbbe9; overflow:hidden; } 
#topBannerContent 	{ width:960px; margin:0 auto; overflow:hidden; }
#topBannerTxtArea 	{ width:635px; float:left; margin-right:10px; overflow:hidden; }
#topBannerTxtArea p { color:#fff; padding:10px 0 10px 0; margin:0; }
#topBannerImg  		{ width:315px; float:left; overflow:hidden; }
#topBannerImg img 	{ float:right; margin-left:5px; }
/* @end Top banner */

/* Page layout */
#header				{ margin-bottom: 10px; background-color:#fff; border-bottom: 1px solid #ccc; overflow:hidden}
#footer				{ clear:both; background-color:#fff; padding-bottom: 20px}
#container			{ clear:both; width: 100%; min-height: 500px; height:auto!important; overflow:hidden }
#container,
#header .inner, 
#footer .inner		{ width: 960px; margin: 0 auto; } 
#main				{ float:left; width: 650px; overflow:hidden; }
#main-narrow		{ width: 650px;  margin: 0 auto; } /* used for forms */
#sidebar			{ float:right; width: 300px; }  
.two-columns		{ width:100%; overflow:hidden}
.two-columns .lc	{ float:left; width: 320px; } 	/* lc = left column */
.two-columns .rc	{ float:right; width: 320px; } /* rc = right column */
/* @end page layout */

/* Header and top navigation styling */
#header .inner		{ text-align:right; position:relative; }
#header a			{ text-decoration:none; }
#header ul			{ margin:0; list-style-type:none; }
#header .logo		{ float:left; margin: 15px 0 20px 0}

#nav					{ clear:both; font-size: 0.95em}
#nav li					{ float:left; margin: 0 2px 0 0; padding: 0 0 0 5px; }
#nav li a				{ float:left; display: block; font-weight: bold; height:22px; padding: 7px 9px 0 5px; text-decoration: none; white-space:nowrap;}
#nav li:first-child a	{ margin-left:0}
#nav li.on, 
#nav li:hover	 		{ background: transparent url(../images/sliding_door_assets.gif) no-repeat scroll 0 0; }
#nav li.on a, 
#nav li:hover a	 		{ color: #004494; background: white url(../images/sliding_door_assets.gif) no-repeat scroll 100% 0; }
#nav li.myosteolink 	{ float:right; background: transparent url(../images/sliding_door_assets.gif) no-repeat scroll 0 -75px; }
#nav li.myosteolink a 	{ color: #1bbbe9; background: white url(../images/sliding_door_assets.gif) no-repeat scroll 100% -75px; }
#nav li.myosteolink a:hover	{color: #004494;}
/* sub level */
#nav li.myosteolink a 	{ color: #1bbbe9; background: white url(../images/sliding_door_assets.gif) no-repeat scroll 100% -75px; }
/* sub level */
#subnav					{ min-height:30px; clear:both; margin:0 auto; position:relative; width:100%; background: #e5e5e5 url(../images/sliding_door_assets.gif) repeat-x 0 -305px; }
#subnav	ul				{ width: 960px; margin:0 auto; overflow:hidden; font-weight:bold; font-size:0.85em }
#subnav	ul li			{ float:left; padding: .7em 0; }
#subnav	ul li a			{ display:inline-block; padding: 0 0.9em; border-right: 1px solid #ccc; }
#subnav	ul li a:hover, 
#subnav	ul li.on a		{ color: #004494;}
#subnav	ul li.print		{ float:right; padding-left:10px; background: transparent url(../images/assets.gif) no-repeat;} 
#subnav	ul li.share		{ float:right;  }
#subnav	ul li.print		{ background-position: 0 7px;}
#subnav	ul li.print a, 
#subnav	ul li.share a	{ border:none}
span.sharethis			{ cursor: pointer; color:#1bbbe9!important; font-family:Arial, Helvetica, Verdana, Geneva, sans-serif}

/* Footer */
#footer a									{ text-decoration:none}
#footer ul									{ margin:0; list-style-type:none}
#footer .associates 						{ overflow:hidden; margin-bottom:20px; }
#footer .associates img						{ vertical-align:middle; }
#footer .associates h3						{ vertical-align:middle; float:left; margin-bottom:10px; padding-top:10px; }
#footer .associates .associatesColumn		{ float:left; width:280px; margin-right:10px; overflow:hidden; padding:20px; padding-top:10px; }
#footer .associates .associatesColumnLast	{ float:right; width:260px; overflow:hidden; padding:10px; }
#footer .associates .associatesColumn img	{ vertical-align:middle; margin-bottom:5px; }
#footer .associates .associatesColumnLast img	{ vertical-align:middle; margin-bottom:5px; }
#footer .associatesMsg                      { border-bottom: 2px dotted #1A579F; color: #1A579F; font-size: 1.1em; font-weight: bold; margin-left: 20px; margin-right: 10px; padding-top: 20px;  padding-bottom: 20px; }
.footer-nav									{ overflow:hidden; width:100%; border-top: 1px dotted #caedfc; padding-top:10px; }
.footer-nav .social							{ float:left; }
.footer-nav .social li						{ display:inline; padding: 0 0 3px 0; line-height:1.5;  }
.footer-nav .social li a					{ display:inline-block; padding: 0 15px 0 20px; white-space:nowrap; }
.footer-nav .social li.facebook				{ background: transparent url(../images/assets.gif) no-repeat scroll 0 -131px; }
.footer-nav .social li.twitter				{ background: transparent url(../images/assets.gif) no-repeat scroll 0 -198px;}
.footer-nav .links							{ float:right}
.footer-nav .links li						{ display:inline; }
.footer-nav .links li a						{ display:inline-block; padding: 0 5px; border-right:1px solid #ddd; white-space:nowrap;}
.footer-nav .links li:last-child a			{border:none}

/* Sidebar components*/
#sidebar p					{ margin-bottom:0.7em; }
#sidebar .cta, 
#sidebar p.cta a			{ margin-bottom:0; padding-bottom:0; }
#sidebar ul, #sidebar ol	{ list-style-type:none}
#sidebar a					{ text-decoration:none}

/* Registered/signed-in box */
.personal					{ clear:left; margin:0; list-style-type:none; font-weight:bold; line-height:1.3;  }
.personal li				{ padding: 0.35em 0.3em 0.35em .9em; margin-bottom:3px; display: block; background-image:none; background-color:#fff; -moz-border-radius: 0.923em; -webkit-border-radius: 0.923em; border-radius: 0.923em; position:relative; /* position ie fix */ }
.personal li a				{ display:inline-block; text-decoration:none; background: transparent url(../images/assets.gif) no-repeat; padding-left:1.8em }
.personal li.profile a		{ background-position: 0 -754px;}
.personal li.inbox a		{ background-position: 0 -817px;}
.personal li.diary a		{ background-position: 0 -880px;}
.personal li.videos a		{ background-position: 0 -2545px;}
.personal li.library a		{ background-position: 0 -945px;}
.personal li.friends a		{ background-position: 0 -1009px;}
.personal li.club a			{ background-position: 2px -1073px;}
.personal li.reply a		{ background-position: 0 -1967px; padding-left: 2em}
.personal li.request a		{ background-position: 0 -1406px; padding-left: 2em}
.lb img.pic					{ float:left; border:1px solid #3ec6ed; margin: 0 8px 1em 0; position:relative; /* position ie fix */}
.lb h3 span					{ display:block; font-size:0.8em}
.my-card .personal li		{ background-color:#eee;}


/* ------------------------------------------------------------------
4. RE-USABLE PAGE COMPONENTS	
-------------------------------------------------------------------*/

/* landing page */

.containerBlock										{ margin-bottom:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow:hidden; width:960px; background-color:#fff; }
.conBlockContentArea 								{ width:414px; overflow:hidden; padding: 20px; padding-bottom:10px; float:left; }
.conBlockImgArea 									{ width:506px; overflow:hidden; float:left; }
.conBlockContentArea p								{ margin-bottom:10px; }
#main #showInterestForm								{ width:408px; }
select#ddlCountry 								{ padding:3px; float:left; }
#osteoCountrySelBtn .btn 								{ float:left; }
#osteoCountrySelBtn .btn span input					{ background-color:#fff; }
#showInterestForm div 									{ padding-bottom:10px; overflow:hidden; }
#showInterestForm div.btn								{ float:right; }
#showInterestForm label 								{ font-weight:bold; display:block; width:140px; float:left; padding:0; margin:0; margin-top: 5px; color:#333}
#showInterestForm div input[type="text"] 				{ float:left; border:2px solid #e5e5e5;padding:3px 23px 3px 10px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; width:230px; background:transparent; margin-top: 0px !important; }

textarea 											{ border:1px solid #cec; color:#0DAEAE; font-size:12px; font-style:italic; height:80px; padding:6px; width:550px; }
#showInterestForm span.green							{ background: transparent url(../images/buttons/green.gif) no-repeat; display:block; width:19px; height:19px; float:left; margin-left:-22px; margin-top: 4px; }
#showInterestForm span.red								{ background: transparent url(../images/buttons/red.gif) no-repeat; display:block; width:19px; height:19px; float:left; margin-left:-22px; margin-top: 4px; }
#showInterestForm .btn span input						{ background-color:#fff; }
p.showInterestInfo 									{ clear:both; color:#999; font-size:10px; }

*html input#fn, input#ln, input#con, input#em		{ float:left; border:2px solid #e5e5e5;padding:3px 23px 3px 10px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; width:230px; background:transparent; margin-top: 0px !important; }

/* Blocks with rounded corners */

.block				{ position:relative; background-color:#fff; margin-bottom:10px; padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow:hidden; }
.block.db			{ position:static; background-color:#1a579f;} /* dark blue */
.block.lb			{ background-color:#e2f5fd;} /* lignt blue  */
.block.ab			{ position:static; background-color:#1bbbe9; padding: 10px 20px 7px 20px; } /* azure blue */
/* Speach bubbles */
.block.lg			{ position:static; background-color:#e3fbe1; padding: 10px; min-height: 40px; height:auto!important; height:40px;} /* lignt green  */
.block.g			{ position:static; background-color:#eee; padding: 15px; min-height: 40px; height:auto!important; height:40px;}  /* lignt grey  */
.block.lg:after,
.block.g:after		{ content:""; display:block; position:absolute; top: 10px; left: -20px; width:0; height:0; border-style:solid;  border-width: 4px 10px}
.block.lg:after		{ border-color: transparent #e3fbe1 transparent transparent; }
.block.g:after		{ border-color: transparent #eee transparent transparent; }
#sidebar .block.g	{ padding: 10px;}

/* breadcrumbs size 11px */
.breadcrumbs			{ font-size: 0.846em; font-weight:bold; color:#666; margin:0 0 10px 10px; padding:0;}
.breadcrumbs a			{ text-decoration:none}
.breadcrumbs b			{ text-indent: -999em; display:inline-block; width: 10px; height: 13px; padding: 0 0; background: transparent url(../images/assets.gif) no-repeat 3px -447px}

/* pagination */
.pagination				{ overflow:hidden; font-weight:bold; margin-left:0}
.pagination li			{ display:inline; border-right:1px solid #ddd; padding: 0 5px; }
.pagination li a		{ text-decoration:none; }
.pagination li.prev 	{ background: transparent url(../images/assets.gif) no-repeat 0 -383px;  padding:0 0 0 15px; border:none}
.pagination li.next 	{ background: transparent url(../images/assets.gif) no-repeat 100% -322px; padding-right:36px; border:none}
.pagination li.last		{ border:none; padding-right: 0;}

/* MPU banner on the sidebar */
.mpu					{ margin-bottom: 10px; ; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow:hidden;}
.mpu img				{ display:block}


/* Text resizer */
#font-resize				{ position:absolute; top: 3px; right:0; word-spacing: -1em; width: 300px;}
#font-resize li				{ width: 20px; margin-left: 3px; display: -moz-inline-box; display: inline-block; word-spacing: normal; vertical-align: bottom; }		
* html #font-resize li 		{ display: inline }	/* for IE6 */
*+html #font-resize li 		{ display: inline }   /*  IE 7 */	
#font-resize li a			{ float:right; font-weight: bold; padding: 0 5px;}
#font-resize li a.normal	{ font-size: 12px;}
#font-resize li a.medium	{ font-size: 16px;}
#font-resize li a.large		{ font-size: 20px;}
#font-resize li a.textresizer-active { border: 1px solid #1bbbe9; outline:none}
body.normal { font-size: 0.813em;} /* 13px */
body.medium { font-size: 0.875em;}	/* 14px */
body.large  { font-size: 1em;}	/* 16px */


/* tabs */
.tabs 						{ margin:0; }
.tabs ul.js					{ overflow:hidden; margin:0; list-style-type: none; } 
.tabs ul.js li 				{ display: inline-block; word-spacing: normal; vertical-align: top; margin: 0; padding:0; }
* html .tabs ul.js li  		{ display: inline }	/* for IE6 */
*+html .tabs ul.js li  		{ display: inline }  /*  IE 7 */
.tabs ul.js a 				{ text-decoration: none }
.tabs .js-current-info,
.tabs .accessibletabsanchor	{ position:absolute; left:-999em; }
/* reset list within content tabs */
.tabs ul ol					{ clear:both}

/* Signin/register tabs */
#signin.tabs				{ clear:both; margin-bottom:10px;  position:relative; }
#signin.tabs .tabbody		{  font-size:0.9em; padding: 15px; width: 270px; overflow:hidden; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#signin.tabs .tabbody.sign	{ color:#fff; background:#1a579f url(../images/bg_tabs.gif) no-repeat 0 0; padding-top: 45px;}
#signin.tabs .tabbody.reg	{ color:#094796;  background:#e2f5fd url(../images/bg_tabs.gif) no-repeat -350px 0; padding-top: 45px;}
#signin.tabs ul.js			{ position:absolute; top:5px; left:13px; font-size: 1.1em; font-weight:bold; }
#signin.tabs ul.js li a		{display:inline-block; width: 122px; outline:0;}
#signin.tabs ul.js li.tab0 a { color:#fff;  } 
#signin.tabs ul.js li.tab1 a { color:#004494; margin-left: 31px; }	
#signin.tabs h3 			{ position:relative; top: 25px; left: 10px; font-size: 1.1em; color: #fff; margin:0} /* non-js tabs */
/* Register/signin content within tabs */
#signin.tabs .tabbody.reg						{ overflow:hidden; background-color:#e2f5fd; color:#094796; }
#signin.tabs .tabbody.reg ul					{ margin:0; padding: 0 0 .5em 1.1em}
#signin.tabs .tabbody.reg ul li					{ margin:0; padding: 0 0 0.3em 0}
#signin.tabs .tabbody.sign .field				{ clear:both; padding-bottom: 0.2em; width:270px; overflow:hidden; }
#signin.tabs .tabbody.sign .field label			{ color: #fff; float:left; font-weight: bold; width: 100px; padding-top:0.4em;}
#signin.tabs .tabbody.sign .field span			{ float:right; height: 28px; background: transparent url(../images/sliding_door_assets.gif) no-repeat 0 -688px; }
#signin.tabs .tabbody.sign .field span input	{ width: 160px; height: 28px; float:right; border:none; outline:0; margin:0; padding-left:5px; background: transparent url(../images/sliding_door_assets.gif) no-repeat 100% -688px;}
#signin.tabs .tabbody.sign .field.checkbox		{ margin-left: 100px; width:170px; padding-bottom: 0}
#signin.tabs .tabbody.sign .field.checkbox label{ float:none;   }
#signin.tabs .tabbody.sign .field.checkbox input{ margin-right:3px; }
#signin.tabs .tabbody.sign  a					{ clear:both; display:inline-block; width: 260px; font-weight:bold; padding: 0.7em 0 0 10px; border-top:1px solid #2571cb; color:#fff; text-decoration:none; background: transparent url(../images/assets.gif) no-repeat 0 -553px;}
#signin.tabs .tabbody.sign .error				{ clear:both; display:inline-block; margin-bottom: 0.3em; width: 238px; padding:4px 5px 4px 25px; color:#cc0000; background: #f1bbbb url(../images/assets.gif) no-repeat 5px -1778px; }
#signin.tabs .tabbody.sign .btn					{ margin: 5px 0 10px 0}

/* Inbox tabs... */
.tabs.generic ul.js					{ bottom: -1px; position:relative;  }
.tabs.generic ul.js li				{ padding: 0.5em 1em;  }
.tabs.generic ul.js li.tab0			{ padding-left:0}
.tabs.generic ul.js li.current		{ border: 1px solid #cfcfcf; padding-left:1em; border-bottom:0; position:relative; background-color:#fff; position:relative; bottom: -2px} 
.tabs.generic ul.js li.current a	{ font-weight:bold; color:#333}
.tabs.generic .tabbody				{ border-top: 1px solid #cfcfcf; padding: 1.5em 0 0 5px}
.tabs.generic h3					{ margin:0; padding:0}

/* Members tabs: inbox, settings... */
.tabs.members ul.js li				{ padding: 0; margin:0; width:140px; height:25px; text-align:center; background-image: url(../images/sliding_door_assets.gif); background-repeat:none;}
.tabs.members ul.js li.tab0			{ background-position: 0 -809px; }
.tabs.members ul.js li.tab1			{ background-position: 100% -764px; }
.tabs.members ul.js li.tab0.current	{ background-position: 0 -764px; } 
.tabs.members ul.js li.tab1.current	{ background-position: 100% -809px; }
.tabs.members ul.js li a			{ font-weight:bold; display:block; padding-top: 0.25em; font-size:13px}
.tabs.members ul.js li.current a	{ color:#333;}
.tabs.members .tabbody				{ padding: 1.5em 0 0 5px}
.tabs.members h3					{ margin:0; padding:0}
* html .tabs.members ul.js li		{ background:none; background-color:#eee; width: 138px; margin-right:2px} /* bloody ie6 simple styling */

/* fake tabs (links looking like tabs) */
.fake-tabs					{ margin: 0 0 1.3em 0; list-style-type:none; border-bottom: 1px solid #cfcfcf; }
.fake-tabs li				{ display: inline-block; word-spacing: normal; vertical-align: top; margin: 0; padding: 0.5em 1em; }
* html .fake-tabs li  		{ display: inline }	/* for IE6 */
*+html .fake-tabs li  		{ display: inline }  /*  IE 7 */
.fake-tabs a 				{ text-decoration: none }
.fake-tabs li.current		{ border: 1px solid #cfcfcf; padding-left:1em; border-bottom:0; position:relative; background-color:#fff; position:relative; bottom: -1px} 
.fake-tabs li.current a		{ font-weight:bold; color:#333}

/* Invitation button */
.block.ab h3.inv			{ color:#fff; margin-bottom:0; padding-right:17px; background: transparent url(../images/assets.gif) no-repeat 100% -2678px}


/* Page intro with CMS inline background images (members, forum, diary, ) */
.bg-header			{ min-height: 90px; height:auto!important; height: 90px; margin-bottom:10px; padding: 30px 20px 10px 265px; background-color: #fff; background-repeat: no-repeat;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.bg-header h1		{ margin-bottom:.2em}
.bg-header p		{ margin:0}

/* Header with photo */
.photo_header					{ overflow:hidden; width:100%; }
.photo_header .photo			{ float:left; width: 130px; position:static} 
.photo_header .photo img		{ border: 1px solid #1bbbe9} 
.photo_header .box-left			{ float:left; width: 480px}	
.photo_header .teaser			{ clear:left; }
.photo_header .teaser			{ color: #004494}
.photo_header.org .photo		{ width: 210px; }
.photo_header.org .box-left		{ width: 400px; }
.photo_header.org a				{ font-weight:bold; text-decoration:none}
.photo_header .action			{ clear:left; margin:0.7em 0 0 0; padding-top:0.7em; border-top: 1px dotted #caedfc;}	
.photo_header .item-info		{ margin-bottom: 0; color:#333; padding:0}
.photo_header .item-info strong	{ color:#004494}

/* person/org info: DOB, Gender...*/
.person-info				{ clear:left; margin:0 0 0.7em 0; list-style-type:none; overflow:hidden; line-height:1.4}
.person-info li				{ float:left; width: 50%; }
.org .person-info li		{ float:none; width:auto}	
.item-list .person-info		{ border-bottom:none; margin-bottom:0.7em; padding:0; }

/* List of items with/without image */	
.item-info					{ margin-bottom: 1.5em; color:#999; padding: 0.5em 0 0 0; }
.item-info a				{ color:#999; }
.item-info.top a			{ color: #1bbbe9; text-decoration:none; font-weight:bold}
.item-info span 			{ text-indent: -999em; display:inline-block; width: 10px; height: 12px; background: transparent url(../images/assets.gif) no-repeat 1px -1843px }
.item-info strong			{ color:#333}

/* List item with image size 58x58 */
.item-list 					{ clear:both; list-style-type:none; margin-left:0; }
.item-list h3				{ font-size:1em; font-weight:bold; margin-bottom: 0.2em; }
.item-list li 				{ margin:0 0 0.7em 0; padding-bottom:0.7em; border-bottom: 1px dotted #caedfc; }
.item-list li p				{ margin-bottom:0}
.item-list.pic li			{ position:relative; padding-left:70px; width: 540px; min-height:60px; height:auto!important; height:60px; }
.item-list.pic img			{ position:absolute; left:0; top:0; border:1px solid #1bbbe9; }
.item-list.inbox li			{ padding-right:135px; position:relative; width:405px; }
.item-list .action			{ color:#666; font-size: 0.9em}
.item-list .action span		{ font-weight:normal;}
.item-list .item-info		{ font-style:normal; border:none; margin-top:0.3em; font-size: 0.9em}

/* Blog entries with image size 58x58 */
.blog-entries					{ clear:both; list-style-type:none; margin-left:0; }
.blog-entries h3				{ font-size:1.1em; font-weight:normal; margin-bottom: 0.2em; }
.blog-entries li p				{ margin-bottom:0}
.blog-entries li 				{ margin:0 0 0.7em 0; padding-bottom:0.7em; border-bottom: 1px dotted #caedfc; overflow:hidden; width: 610px}
.blog-entries li li				{ border:none; width:auto}
.blog-entries li .entry-img		{ float:left; width:70px}
.blog-entries li .entry-img img	{ border:1px solid #1bbbe9; }
.blog-entries li .entry-msg		{ float:left; width: 380px }
.blog-entries li .entry-info	{ float:right;  width: 130px; margin-left:20px; color:#666; line-height:1.4; }
.blog-entries .item-info		{ font-style:normal; border:none; margin-top:0.3em; font-size: 0.9em}
.blog-entries .del				{ margin:5px 0 0 -5px}
.blog-entries .leave            { margin-bottom:-5px; }
.blog-entries .request          { margin:5px 0 -5px -5px;}

/* image list, sizes: 98x98 */
.memers-list 			{ list-style:none; width: 100%; margin-left:0; word-spacing: -1em; overflow:hidden; border-bottom: 1px dotted #caedfc;}
.memers-list a			{ text-decoration:none}
.memers-list li 		{ width: 100px; margin: 0; padding: 0 11px 30px 11px; display: -moz-inline-box; display: inline-block;  word-spacing: normal; vertical-align:top; }		
* html .memers-list li 	{ display: inline }	/* for IE6 */
*+html .memers-list li 	{ display: inline }   /*  IE 7 */
.memers-list li img		{ border: 1px solid #1bbbe9; margin-bottom: 10px; display:block; }
/* safari and chrome css hack */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.memers-list li {padding: 0 10px 30px 10px;}
} 

/* image list, sizes: 78x78  */
.img-list 					{ list-style:none; margin-left:0; width: 100%; overflow:hidden; }
.img-list a					{ text-decoration:none}
.img-list li 				{ float:left; width: 100px; margin: 0; padding: 0 11px 30px 11px; }		
.img-list li img			{ border: 1px solid #1bbbe9; margin-bottom: 8px; display:block; }
.img-list.w78 li			{ width: 80px; margin:0; padding: 0 10px 15px 0; font-size:0.89em; }
.img-list.w78 li.third		{ padding-right:0}
.img-list.w78, 
.img-list.w58				{ border-bottom: 1px dotted #caedfc; font-size:0.95em}
.img-list.w58 li			{ width: 60px; margin:0; padding: 0 10px 15px 0; font-size:0.89em; white-space:pre-line;  }
.img-list.w58 li.fourth		{ padding-right:0}
* html .img-list.w78 li,
* html .img-list.w58 li		{ font-size: 11px} 



/* ------------------------------------------------------------------
5. PAGE SPECIFIC STYLE
-------------------------------------------------------------------*/
/*--Homepage carousel window--*/
.window 				{ height:280px;	width: 650px; overflow: hidden; position: relative; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.window ul				{ margin: 0; }
.image_reel 			{ position: absolute; top: 0; left: 0; }
.image_reel li 			{ list-style: none; position: relative; float: left;  width: 650px; height: 280px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-right: 20px;  }
.image_reel img 		{ float: left; position: relative;  }
.banner-body 			{  position: absolute; margin-top: 10px; padding: 20px; width: 19em;   }
.banner-body h3 		{ font-size: 1.3em; display: block; margin-bottom: 0.7em; overflow: hidden; }
.banner-body p 			{ font-size: 1em; }

/*--Paging Styles--*/
.paging 				{ position: absolute; left: 20px; bottom: -30px; width: auto; height:25px; z-index: 100; text-align: center; line-height: 40px; display: none; padding-left: 13px;	}
.paging, .paging ol, 
.paging li 				{ background-image: url(../images/carousel/carousel_paging_sprite.gif); background-repeat: none; }
.paging ol 				{ background-position:100% -25px; float:left; height:25px; list-style-image: none; list-style-position:outside; list-style-type:none; padding:0 13px 0 0; margin: 0; overflow:hidden; }
.paging ol li  			{ background-position:0 -50px; float:left; height:15px; margin:5px 2px 0; width:15px; text-indent: -9999px; outline: 0; cursor: pointer; overflow: hidden; }
.paging ol li.active	{ font-weight: bold; background-position:0 -65px; }	

/* Homepage threads */
.threads				{ list-style-type:none; margin-left:0; }
.threads li				{ padding:0 0 0.7em 0; margin:0 0 0.7em 0; border-bottom: 1px dotted #caedfc;}
.threads li dl			{ clear:both; margin:0; padding:0; overflow:hidden; width: 100%}
.threads li dt			{ background-color: #ededed; padding:0.25em 1.15em; margin-bottom:0.6em ; font-weight:bold; color:#004494; -moz-border-radius: 1em; -webkit-border-radius:1em; border-radius: 1em; position:relative;} /* position ie fix */
.threads li dd 			{ margin:0}
.threads li h3 			{ margin-bottom: 0.3em; font-size:1em; }
.threads li p			{ margin:0}
.threads li img			{ border: 1px solid #1bbbe9; margin-bottom:0.3em; display:block}
.threads.img dd.photo	{ float:left; width: 70px}
.threads.img dd.msg		{ float:left; width: 210px}

/* Clubs list with images/videos and info */
.clubs 					{ clear:both; list-style-type:none; margin-left:0; overflow:hidden; width:100%; word-spacing: -1em; line-height:1.15; border-bottom: 1px dotted #caedfc;}
.clubs li				{ width: 145px; margin: 0; padding: 0 10px 0.7em 0; display: -moz-inline-box; display: inline-block;  word-spacing: normal; vertical-align:top;}		
.clubs li.fourth		{ padding-right:0}
* html .clubs li 		{ display: inline }	/* for IE6 */
*+html .clubs li 		{ display: inline }   /*  IE 7 */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.clubs li 		{ padding: 0 6px 0.7em 0;}
} 

/* media data (image/video info) */
dl.media-data				{ margin:0; }
.media-data dt img			{ border: 1px solid #1bbbe9; display:block; }
.media-data a				{ text-decoration:none}
.media-data dt				{ margin-bottom:0.7em; }
.media-data dd				{ margin:0 0 0.5em 0;} 
.media-data dd.date			{ background-color: #ededed; padding:0.25em 1.15em; margin-bottom:0.7em ; font-weight:bold; color:#004494; -moz-border-radius: 1em; -webkit-border-radius:1em; border-radius: 1em; position:relative;} /* position ie fix */
.media-data dd.name a		{ font-weight:bold}
.media-data dd.author		{ color:#999; }
.media-data dd.author a		{ color:#999; text-decoration:underline; }
.media-data dd .del			{ margin-left:-5px;  }
.media-data dd.rating 		{ display:block; width:100%; overflow:hidden}


/* gallery */
#gallery						{ width:510px; margin: 0 auto;}
#gallery .main-img				{ text-align:center; width: 480px; height:390px; padding: 15px 14px 0 15px; background:#fff url(../images/bg_gallery_photo.gif) no-repeat}
#gallery .pagination			{ text-align:right; margin-bottom:0.5em; }
#gallery .pagination .next		{ margin : 0 -20px 0 10px}

dl.entry-details				{ margin:0; padding:0; width: 100%; overflow:hidden}
dl.entry-details dd				{ margin:0; padding-bottom: 1em; }
dl.entry-details dd.caption a	{ color:#666; font-weight:normal; text-decoration:underline}
dl.entry-details dd.caption p	{ margin:0}
dl.entry-details dd.comments	{ width: 23%; float:left; background: transparent url(../images/assets.gif) no-repeat 0 -2038px; padding-left: 20px}
dl.entry-details dd.views		{ width: 17%; float:left; background: transparent url(../images/assets.gif) no-repeat 0 -754px; padding-left: 20px}
dl.entry-details dd.rate		{ width: 40%; float:right; overflow:hidden; text-align:right; position:relative; }
dl.entry-details dd.rate .label	{ margin-right: 90px; display:block}
dl.entry-details dd.rate ul		{ position:absolute; top:0; right:0; width: auto; }
dl.entry-details dd.action		{ clear:both; padding-bottom:0; margin-top:0.7em; padding-top:0.7em; border-top: 1px dotted #caedfc;}
.entry-article					{ border-bottom: 1px dotted #caedfc; margin-bottom:0.7em;  }
.entry-article h3				{ margin-bottom:0.2em}

/* Rating*/
ul.rating 					{ background: url(../images/rating.gif) no-repeat; width: 100px; margin: 3px 0 0 0; padding:0; list-style: none; display:inline-block}
ul.rating li 				{ float: left; width: 13px; height:13px; margin:0; padding:0 2px 0 0!important; display:block}
ul.rating li span 			{ background: url(../images/rating_filled.gif) no-repeat;  width: 13px; height: 13px;display: block; }
.ratingStar 				{ font-size: 0; width: 13px; height: 13px; margin: 0px; padding: 0px; cursor: pointer; display: block; float: right; background-repeat: no-repeat; }
div.ratingContainer 		{  margin: 3px 0 0 0; padding:0; position:absolute; top:0; right:0}
.filledRatingStar 			{ background-image: url(../images/rating_filled.gif); }
.emptyRatingStar 			{ background-image: url(../images/rating_notfilled.gif); }
.savedRatingStar 			{ background-image: url(http://www.osteolink.org/images/rating_red.gif); }			

/* Speach bubbles - list with images size 58x58px */
.speach-bubbles					{ clear:both; list-style-type:none; margin-left:0; }
.speach-bubbles li p			{ margin-bottom:0;}
.speach-bubbles li				{ clear:both; position:relative; padding-left:71px; }
.speach-bubbles .pic			{ position:absolute; left:0; top:0;}
.speach-bubbles .pic img		{ border:1px solid #1bbbe9}
.speach-bubbles.border			{ border-bottom: 1px dotted #caedfc}
.speach-bubbles .author 		{ display:inline-block; padding: 0.3em 0 0; font-size: 0.9em; color:#666!important}
.speach-bubbles .author a		{ color:#1bbbe9!important}
.block.lg, .block.g				{ position:relative  }/* ie fix to display bubble BG color */
* html .speach-bubbles li		{ margin-left:71px; padding-left:0}
* html .speach-bubbles .pic		{ left: -71px}
/* author */
.speach-bubbles	.author			{ color: #999; padding-bottom:0.3em; margin:0; line-height:1.6em; }
.speach-bubbles	.author a		{ color: #999; text-decoration: underline; }
.speach-bubbles .author b		{ text-indent: -999em; display:inline-block; width: 12px; height: 13px; background: transparent url(../images/assets.gif) no-repeat 4px -1842px }
.speach-bubbles	.message, 
.speach-bubbles	.message p		{ margin-bottom: .7em}
/* topic */
.speach-bubbles li.topic		{ margin: 0 0 15px 0; padding:0; overflow:hidden; width:100%; }
.speach-bubbles li.topic .lc	{ float:left; width: 90px; font-size: 0.85em; color:#999; }
.speach-bubbles li.topic .rc	{ float:left; width: 520px}
.speach-bubbles li.topic .lc img{ border: 1px solid #1bbbe9; display:block; margin-bottom: 5px; }
.speach-bubbles li.topic .author{border-bottom: 1px dotted #caedfc; padding-bottom:0.7em; margin-bottom:0.7em}
.speach-bubbles .lc .date		{ display:block}
#sidebar .speach-bubbles		{ margin-bottom:0; padding-bottom:0; }

.my-card						{ margin:0; overflow:hidden}
.my-card .photo					{ float:left; margin-bottom: 10px; width: 70px}
.my-card .photo img				{ border:1px solid #1bbbe9}
.my-card ul.info				{ float:left; width: 190px; margin:0 0 10px 0}

.applied-members				{ margin:0; font-size:0.9em; color:#666}
.applied-members .doall			{ background-color: #ededed; padding: 00; margin-bottom:0.6em; text-align:right; -moz-border-radius: 1em; -webkit-border-radius:1em; border-radius: 1em; position:relative;} /* position ie fix */
.applied-members ul				{ margin:0; list-style-type:none;  }
.applied-members li				{ border-bottom: 1px dotted #caedfc; padding-bottom:0.5em; margin-bottom:0.5em}
.applied-members li:last-child	{ border:none; margin:0; padding:0}
.applied-members p				{ margin:0; padding:0}

/*Forums table */
table.forums						{ width: 100%; margin-bottom:1.3em}
table.forums thead th				{ text-align:left; font-weight:bold; color:#999; padding: 0 15px 3px 0; vertical-align:middle;  border-bottom: 2px solid #caedfc;}
table.forums tr						{ vertical-align:top;}
table.forums tbody td  				{ padding: 5px 15px 5px 0; font-size: 0.9em; color:#999;  border-bottom: 1px dotted #caedfc;}
table.forums tbody td:last-child	{ padding-right:0}
table.forums tbody th				{ text-align:left; padding: 5px 10px 5px 0;  border-bottom: 1px dotted #caedfc;}
table.forums tbody th a				{  font-weight:bold}
table.forums p						{ margin:0}
table.forums a						{ text-decoration:none}
table.forums h2, 
table.forums h3						{ margin-bottom:0.2em}
table.forums h3 a					{ font-weight: bold; }
table.forums tbody th.unread		{ padding-left: 35px; background: transparent url(../images/assets.gif) no-repeat 0 -2935px}


/* Search component */
.search-block			{ margin: 0 auto 10px auto; width: 650px; overflow:hidden;}
.search-block .wrap		{ height: 2em; /* 26px */
	/* CSS3 grad BG */
	background: -moz-linear-gradient(top, #9fe2ff, #65cbf6);
	background: -webkit-gradient(linear, left top, left bottom, from(#9fe2ff), to(#65cbf6));
	background: linear-gradient(top, #9fe2ff, #65cbf6);
	background-color: #1bbbe9;
	/* CSS3 rounded corners */
	-moz-border-radius: 0.923em; /*12 px */
	-webkit-border-radius: 0.923em; 
	border-radius: 0.923em; 
}
.search-block .txt			{ 
	background-color: #fff; 
	float:left; 
	height: 1.538em; /* 20px */
	margin: 0.231em 0 0 0.231em;  /* 3px 0 0 3px */
	width: 70%;  
	-moz-border-radius: 0.692em; /* 9px */
	-webkit-border-radius:0.692em; 
	border-radius: 0.692em; 
}
.search-block .txt input	{ 
	float:left; 
	width: 90%;
	border:none; 
	outline:0; 
	background:transparent; 
	margin:0; padding: 2px 5px 0 5px;
}
.search-block .submit-btn	{ 
	height: 1.538em; 
	float:right;
	color:#fff; 
	border:none; 
	background: transparent url(../images/assets.gif) no-repeat 0 -688px; 
	margin:0.4em 5px 0 0; 
	padding-left: 15px;
	font-weight:bold; 
	font-size:11px;
	cursor:pointer;
	overflow:hidden;
}
#header .search-block { 
	margin-top: 55px; 
	float: right; 
	width: 300px; 
	position:relative; z-index:1
}
#header .search-block .wrap		{ 
	/* CSS3 grad BG */ 
	background: -moz-linear-gradient(top, #1866c1, #014595); 
	background: -webkit-gradient(linear, left top, left bottom, from(#1866c1), to(#014595)); 
	background: linear-gradient(top, #1866c1, #014595); background-color: #0a4da2; 
}
#header .submit-btn		{ 
	background: transparent url(../images/assets.gif) no-repeat 0 -623px; 
}
/* checkboxes */
.search-block ul		{ clear:both; margin: 5px 0 0 0; font-size: 0.85em; font-weight:bold; color: #004494;width:100%; overflow:hidden; list-style-type:none; }
.search-block li		{ float:left; margin: 0 1em 0 0;}
.search-block li input, 
.search-block li label	{ vertical-align:middle}
.search-block li label	{ padding-top: 0.15em; display:inline-block}
/* width select options */
.search-block a			{ color: #0a4da2; font-size: 0.85em; font-weight:bold; display:inline-block; background: transparent url(../images/assets.gif) no-repeat 0 -444px; padding: 3px 0 0 8px; }
.search-block .txt.left { width: 50%}
.search-block select	{ 
	width: 30%; 
	margin: 0.231em 0 0 10px; 
	padding:0 0 0 5px; 
	border: none; 
	outline:0; 
	float:left; 
	height: 1.538em; 
	vertical-align: middle;
	-moz-border-radius: 0.7em; /*12 px */
	-webkit-border-radius: 0.923em; 
	border-radius: 0.923em; 
}
body.medium .search-block select	{ margin-top:0.25em; height: 1.6em; }
body.large .search-block select		{ margin-top:0.3em; height: 1.8em; }


/* ------------------------------------------------------------------
6. FORMS
-------------------------------------------------------------------*/
/* form steps */
.form-steps						{ clear:both; margin:0 0 20px 0; font-size:14px; color:#fff; text-align:center; word-spacing: -1em;}
.form-steps	li					{ display: -moz-inline-box; display: inline-block; word-spacing: normal; vertical-align:top; list-style-type:none; padding-left: 20px; margin: 0; background: transparent url(../images/sliding_door_assets.gif) no-repeat 0 -960px; }
.form-steps	li span				{ display: inline-block; padding: 4px 15px 0 0; height: 23px; background: #e5e5e5 url(../images/sliding_door_assets.gif) no-repeat 100% -960px; font-weight:bold; outline:0}
.form-steps	li.first			{ background-position: -9px -960px; padding-left: 11px; }
.form-steps	li#selected			{ background-position: 0 -1037px} /* using ID to fix ie6 problem with multi classes*/
.form-steps	li#selected span	{ background-position: 100% -1037px}
.form-steps	li#selected.first	{ background-position: -9px -1037px}
* html .form-steps	li 			{ display: inline }	/* for IE6 */
*+html .form-steps	li 			{ display: inline }   /*  IE 7 */
/* safari and chrome css hack */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.form-steps	li {  margin-left: -4px;}
} 
/* Mandatory star */
.o-form 							{ width: 100%} /* for IE */
.o-form abbr						{ color:#c00; vertical-align:top; }
.o-form label abbr, 
.o-form .div-left abbr				{ position: absolute; top:0; left: 0px; }
.o-form fieldset .div-right label 	{ float:none; width: auto; font-weight:normal; padding-left:0; display:inline-block; padding-right: 2em; vertical-align:top}
.o-form fieldset .btn				{ margin-bottom:10px; }
.o-form  .error						{ color: #c00; clear:left; margin: 0 20px 3px 0}
.o-form input[type=radio] 			{ vertical-align:middle; margin: 0.5em 0.3em }
.o-form input[type=checkbox]		{ float:left; margin: 0 0.5em 0.5em 0}
.o-form em.info						{ display:block; clear:left; margin: 0 20px 3px 0; color:#999}
.o-form label.disabled				{color:#999}
.o-form span.disabled				{color:#999}
/* Field formatting */
.o-form fieldset ul 				{ margin:0; list-style-type:none; }
.o-form fieldset li, 
.o-form fieldset .full-width		{ clear:both; padding: 0 0 0.3em 0; overflow:hidden; width:100%; position:relative;}
.o-form fieldset li label,
.o-form fieldset .div-left,								
.o-form fieldset .full-width label 	{ font-weight:bold; float:left; width: 213px; padding:0 13px 0 7px;  min-height: 2.1em}
.o-form fieldset .div-right			{ float:left; width: 377px; }
.o-form fieldset .div-right .btn	{ margin-bottom:0; display:inline; }
.o-form fieldset li.border 			{ border-bottom: 1px solid #e2f5fd; margin-bottom: 1em; padding-bottom:1em}
/* input with rounded corners - large */
.o-form span.field-lg				{ display: block; float: left; padding: 0; margin: 0; line-height: 16px; background: url(../images/sliding_doors_form.gif) no-repeat 0 0px; }
.o-form span.field-lg input			{ display: block; float: left;  width: 320px; height: 25px; border:0; margin:0; padding: 2px 20px 0 10px; background: #fff url(../images/sliding_doors_form.gif) no-repeat 100% 0px; outline:0}
.o-form span.field-lg.inval-lg		{ background-position: 0 -150px}
.o-form span.field-lg.inv-lg input	{ background-position: 100% -150px}
.o-form span.field-lg.val-lg		{ background-position: 0 -76px}
.o-form span.field-lg.val-lg input	{ background-position: 100% -76px}
/* input with rounded corners - medium */
.o-form span.field-med					{ display: block; float: left; padding: 0; margin: 0; line-height: 16px; background: url(../images/sliding_doors_form.gif) no-repeat -200px -226px; }
.o-form span.field-med input			{ display: block; float: left; width: 255px; height: 25px; border:0; margin:0; padding: 2px 20px 0 10px; background: #fff url(../images/sliding_doors_form.gif) no-repeat 100% -226px; outline:0}
.o-form span.field-med.inv-med			{ background-position: 0 -377px}
.o-form span.field-med.inv-med input	{ background-position: 100% -377px}
.o-form span.field-med.val-med			{ background-position: 0 -302px}
.o-form span.field-med.val-med input	{ background-position: 100% -302px}
/* input with rounded corners - small */
.o-form span.field-sm				{ display: block; float: left; padding: 0; margin: 0; line-height: 16px; background: url(../images/sliding_doors_form.gif) no-repeat -200px -451px; }
.o-form span.field-sm input			{ display: block; float: left; width: 170px; height: 25px; border:0; margin:0; padding: 2px 20px 0 10px; background: #fff url(../images/sliding_doors_form.gif) no-repeat 100% -451px; outline:0}
.o-form span.field-sm.inv-sm		{ background-position: 0 -602px}
.o-form span.field-sm.inv-sm input	{ background-position: 100% -602px}
.o-form span.field-sm.val-sm		{ background-position: 0 -527px}
.o-form span.field-sm.val-sm input	{ background-position: 100% -527px}
/* Checkboxes in columns */
.o-form fieldset .checkbox-cols				{ margin:0; width: 610px; overflow:hidden}
.o-form fieldset .checkbox-cols dt			{ font-weight:bold; padding-bottom: 1.3em}
.o-form fieldset .checkbox-cols dd			{ margin:0 13px 0 0; padding: 0; float:left; width: 190px; }
.o-form fieldset .checkbox-cols dd.full-width{ clear:both; width: 100%; }
.o-form fieldset .checkbox-cols label 		{ font-weight:normal; padding-left:0 }
.o-form fieldset .terms label				{ float:none; width: auto; padding:0; font-weight:normal; }
/* Profile image */
dl.profile-img				{ margin:0; overflow:hidden}
dl.profile-img dt			{ float:left; width: 110px;}
dl.profile-img dt img		{ border: 1px solid #1bbbe9} 
dl.profile-img dd 			{ padding-bottom: 0.2em; }
dl.profile-img dd.file-info	{ color:#999}
/* tooltip */
.tooltip			{ width: 230px; position:absolute; background-color: #333; color:#fff; padding: 10px; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
.tooltip ul			{ margin: 0 0 0 1.5em}
.tooltip-hidden		{ display:none}
.o-form label i		{ width:22px; height:24px; position:absolute; top:0; right:0; background: transparent url(../images/assets.gif) no-repeat 0 -2174px; cursor: help; }
/* invite-friends */
.invite-friends					{ margin:0; padding: 0; list-style-type:none; width:100%; overflow:hidden}
.invite-friends li				{ clear:both; }
.invite-friends li strong		{ display:inline-block; padding: 0 0 0.7em 35px}
.invite-friends li b			{ color:#fff; font-weight:bold; display:block; float:left; width: 26px; height: 26px; padding: 5px 0 0 9px; background: transparent url(../images/assets.gif) no-repeat 0 -2606px}
.invite-friends li .friend-n	{ float:left; width: 285px; margin: 0 5px 0 0}
.invite-friends li .friend-e	{ float:left; width: 285px; }
.invite-friends label			{ position:absolute; left: -999em}


/* Country select page */
body.country-select					{ background: #fff url(../images/bg_map.gif) no-repeat center 40px;  border-top: 5px solid #1bbbe9;}
.country-select #container			{ width: 760px; margin-top: 75px;}
.country-select #container h1		{ margin-bottom:20px; text-align:center}
.block-rgba							{ background:transparent url(../images/bg_white_transparent.png); border: 2px solid #ccc; margin-bottom:10px; padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.country-select #container .intro	{color:#004494; font-size: 1.2em}
.countries								{ margin:0; padding:0; overflow:hidden; width:100%; list-style-type:none}
.countries li							{ width: 179px; float:left; margin:0; padding:0; background:transparent url(../images/assets_countries.gif) no-repeat; }
.countries li a							{ display:block; text-decoration:none; font-weight:bold; padding:8px 0 12px 35px;}		
.countries .icon-at, #lang .icon-at		{ background-position: 0 1px}
.countries .icon-fr, #lang .icon-fr		{ background-position: 0 -77px}
.countries .icon-de, #lang .icon-de		{ background-position: 0 -156px}
.countries .icon-it, #lang .icon-it		{ background-position: 0 -232px}
.countries .icon-es, #lang .icon-es		{ background-position: 0 -305px}
.countries .icon-sv, #lang .icon-sv		{ background-position: 0 -384px}
.countries .icon-ch, #lang .icon-ch 	{ background-position: 0 -461px}
.countries .icon-uk, #lang .icon-uk		{ background-position: 0 -538px}
/* country switch button */
#lang 				{ text-align:right; margin-bottom:10px;}
#lang a				{ display: inline-block; padding: 0 0 0 35px; background: #eee url(../images/assets_countries.gif) no-repeat; height:30px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; position:relative;  }
#lang a span 		{ cursor: pointer; display: inline-block; font-weight: bold; padding: 6px 30px 0 0; text-align: center; background: transparent url(../images/assets.gif) no-repeat 106% -316px;}


/*************************/
/* Rating                */
/*************************/


/* share this button 
username: mmaneos
marcela@maneos.org
sharethistest
*/
countries .icon-sv, #lang .icon-sv		{ background-position: 0 -384px}
.countries .icon-ch, #lang .icon-ch 	{ background-position: 0 -461px}
.countries .icon-uk, #lang .icon-uk		{ background-position: 0 -538px}
/* country switch button */
#lang 				{ text-align:right; margin-bottom:10px;}
#lang a				{ display: inline-block; padding: 0 0 0 35px; background: #eee url(../images/assets_countries.gif) no-repeat; height:30px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; position:relative;  }
#lang a span 		{ cursor: pointer; display: inline-block; font-weight: bold; padding: 6px 30px 0 0; text-align: center; background: transparent url(../images/assets.gif) no-repeat 106% -316px;}

.o-form fieldset li label .normal-font        { font-weight: normal !important;}
/*************************/
/* Rating                */
/*************************/


/* share this button 
username: mmaneos
marcela@maneos.org
sharethistest
*/