html {
	height: 100%;
}
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
  	font-size: 62.5%;
	height: 100%;
}
textarea {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
}

/* LAYOUT */
.content_wrapper {
	float: left;
	width: 100%;	
}
.left_content_wrapper {
	margin-right: 230px;
}
.right_content_wrapper {
	float: left;
	margin-left: -230px;
	padding-left: 20px;
	width: 210px;
}
.left_extra_content {
	float: left;
	width: 192px;
}
.center_content_wrapper {
	margin-left: 212px;
}
.center_content {
	overflow: hidden; 
	width: 100%; 
}
div#header {
    color: #6b6b6b;
    margin: 0 auto;
    padding: 15px 20px 17px;  
    position: relative;
}
div#content {
    margin: 0 auto;
    padding: 0 20px;    
}
div#outer_wrapper { 
    min-height: 100%;
    position: relative; 
}
div#inner_wrapper { 
    font-size: 1.3em;
    padding-bottom: 6em;
}
/* MAX AND MIN WIDTH */
div#content, div#header, div#footer {
    max-width: 1100px; 
    min-width: 940px;
}

/* FOOTER */
div#footer {
    color: #6e6c6e;
    font-size: 1.1em;
    height: 5em;
    margin: -5em auto 0;
    padding: 0 20px; 
    position: relative;
}
div#footer div {
    border-top: 6px solid #88d02a;  
    padding-top: 1.5em;
}
.counter {
	font-size: 1px;
	line-height: 1px;
}

/* LOGIN BOX */
.login_box_wrapper {
	position: absolute;
	right: 11px;
	top: 14px;
	width: 16.4em;
	z-index: 10;
}
#nav_menu .login_box_wrapper p {
	padding-bottom: 7px;
}
.login_box {
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 0 8px 5px;    
}
.login_box div {
	margin: 5px 0;
}
.login_box .input_text {
    width: 98%;	
}


/* HEADER */
#header_wrapper { 
    float: left;
    width: 100%; 
}
#header_creature {
    margin-left: 10em;
    margin-right: 28em; 
}
.visitor_header #header_creature {
    margin-right: 16em; 
}
.just_logo {
	overflow: hidden;
}
.header_creature_img {
    float: left;
    margin-top: -5px;
    position: relative;
    z-index: 5;
}
.two_creatures .header_creature_text {
    margin-left: 241px;	
}
.header_creature_text {
    margin-left: 131px;
}
.header_creature_text_hostess {
	margin-left: 136px;
}
.header_creature_text .balloon, .header_creature_text_hostess .balloon {
	min-height: 52px;
    width: 98%;
}
#logo {
    float: left;
    width: 10em;
}
.logged_user {
    padding-top: 30px;	
}
#logo p {
    color: #9aa2ad;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 1px 0 0 1px;
    word-spacing: 2px;
}
.come_together {
	margin-left: 10em;
	margin-right: 28em;
    padding-top: 6px;
    padding-left: 5px;
}
.come_together a, .come_together a:visited {
    border-color: #79d600;
    color: #79d600;
    font-size: 1.5em;
    font-weight: bold;
}
#nav_menu {
    float: left;
    margin-left: -28em;
    overflow: hidden;
    width: 28em;
}
.visitor_header #nav_menu {
    margin-left: -16em;
    width: 16em;
}
#nav_menu .nav_bar {
    float: right;
    position: static;
}
#nav_menu p {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding: 16px 0 10px;
    text-align: right;
}
#nav_menu strong {
	margin-right: 13px;
}
#nav_menu p .spacer {
    color: #0090c6;
}
.get_account {
	font-weight: bold;
	padding-top: 2px;
	text-align: right;
}
.get_account a, .get_account a:visited {
    color: #79d600;
}
#nav_menu .get_account strong { 
	font-size: 1.15em;
	margin-right: 0; 
}

/* HEADINGS */
.content_header {	
	background: url(../img/borders_bg/user_name_bg.gif) repeat-x bottom left;
	padding: 0 23px 20px;	
}
.content_header h2 {
	font-size: 1.85em;
	line-height: 1.1em;
}
.content_header p {
	font-size: 1.1em;
	padding-top: 3px;
}
.grey_header {
	color: #6b6b6b;
}
.green_header {
	color: #73af24;
}
.green_header a, .green_header a:visited {
    color: #73af24; 
}
.header_anchor, .header_anchor:visited {
    text-decoration: none;	
}


/* NAVIGATION BAR */
.nav_bar {
	background: #88d02a url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -149px;
	float: left;
	height: 32px;
	padding-right: 16px;
	position: absolute;
	right: 230px;	
	top: 2.7em;	
}
.nav_bar ul {
	background: #88d02a url(../img/buttons/green_blue_sprite.gif) no-repeat 0 -117px;
	float: left;
	height: 32px;
	padding-left: 3px;
}
.nav_bar ul li {
	border-right: 1px solid #fff;
	display: inline;
	line-height: 32px;
	padding: 0 13px;
}
.nav_bar ul li.last {
	border: none;
	padding-right: 8px;
}
.nav_bar ul li.active a { 
	text-decoration: none;
}
.nav_bar a, .nav_bar a:visited {
	border-color: #fff;
	color: #fff;
}
.nav_bar span {
	height: 24px;
	line-height: 24px;
	margin: 4px 0;
}
.nav_bar span span, .nav_bar span a {
    height: 24px;	
}
.nav_bar span a {
	text-decoration: underline;	
}

/* NUMBERS WITH ROUNDED CORNERS */
.number {
	float: left;
	height: 20px;
	line-height: 20px;
	padding-left: 3px;
}
.number a, .number span {
	border: none;
	display: block;
    font-size: 13px;
    height: 20px;
    padding: 0 6px 0 3px;
    text-decoration: none;  
} 
.number span {
	color: #fff;
	display: block;
	font-size: 13px;
	margin: 0;
}
#inner_wrapper .number a {
	text-decoration: none;	
}
.number a, .number a:visited {
	color: #fff;	
}
.green_number {
	background: #73af24 url(../img/buttons/green_blue_sprite.gif) no-repeat 0% -245px;
}
.green_number a, .green_number span {
	background: #73af24 url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -293px;
}
.new_messages {
	background: #ff3a3a url(../img/buttons/red_grey.gif) no-repeat 0% -86px;
}
.new_messages span, .new_messages a {
    background: #ff3a3a url(../img/buttons/red_grey.gif) no-repeat 100% -110px;
    font-weight: bold;
}
.red_number {
	background: #ff3a3a url(../img/buttons/red_grey.gif) no-repeat 0% -46px;
	cursor: pointer;
}
.red_number a, .red_number span {
	background: #ff3a3a url(../img/buttons/red_grey.gif) no-repeat 100% -66px;
}
.grey_number {
	background: url(../img/buttons/red_grey.gif) no-repeat 0% 0px;
}
.grey_number a, .grey_number span {
	background: #a3a3a3 url(../img/buttons/red_grey.gif) no-repeat 100% -26px;
}
.blue_number {
	background: #8cc3ff url(../img/buttons/green_blue_sprite.gif) no-repeat 0% -181px;
}
.blue_number a, .blue_number span {
	background: #8cc3ff url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -201px;
}
.yellow_number {
    background: #fea702 url(../img/buttons/green_blue_sprite.gif) no-repeat 0% -373px;
}
.yellow_number a, .yellow_number span {
    background: #fea702 url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -393px;
}
.big_green_number {
	background: #73af24 url(../img/buttons/green_blue_sprite.gif) no-repeat 0% -221px;
	height: 24px;
	line-height: 24px;
}
.big_green_number a, .big_green_number span {
	background: #73af24 url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -269px;
	font-size: 15px;
	height: 24px;
}

/* DIFFERENT COLOURS ROUNDED BUTTONS */
.blue_button, .blue_button:visited, .green_button, .green_button:visited {
	color: #fff;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 1.09em;
	height: 32px;
	line-height: 32px;
	padding-left: 23px;	
}	
.blue_button span, .green_button span {
	display: block;
	height: 24px;
	line-height: 32px;
	padding-right: 23px;
	padding-top: 8px;	
}
.green_button em {
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	text-decoration: underline;
}
.blue_button span em {
	font-style: normal;
	line-height: 1em;
	text-decoration: none;
}
.blue_button strong.arrow {
    border: none;
    font-size: 1.2em;
    margin: 0;
}
.blue_button span strong {
	border-bottom: 1px dashed #fff;
	font-weight: normal;
	margin-left: 5px;
}
.blue_button {
	background: #9ccbff url(../img/buttons/green_blue_sprite.gif) no-repeat 0px -53px;	
}
.green_button {
	background: #88d02a url(../img/buttons/green_blue_sprite.gif) no-repeat 0px -117px;
}
.blue_button span {
	background: #9ccbff url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -85px;	
}
.green_button span {
	background: #88d02a url(../img/buttons/green_blue_sprite.gif) no-repeat 100% -149px;	
}

/* BLOCK WITH INPUT AND LABEL */
.float_input p {
	padding-bottom: 2px;
}
.float_input input {
	float: left;
	margin-top: 1px;
}
.float_input label {
	line-height: 1.2em;
	margin-left: 5px;
}

/* FORM ELEMENTS */
.input_text {
	border: 1px solid #aaa;
    padding: 2px 0 2px 1px; 
}
.messageList {
	background-color: #ffefe8;
	border: 1px solid #eb765b;
	margin: 10px 0;
	padding: 10px;
}
.messageList li {
	color: #444;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 0 10px;
}
input.post_button, .post_field input.post_button {
    float: left;
    width: auto;
}
a.cancel_button, span.cancel_button {
    line-height: 1.7em;
    padding-left: 10px; 
}

/* TEXT STYLES */
.spacer {
    color: #c0c0c0;
    margin: 0 8px;
}
.balloon_text .spacer {
	color: #333;
}
.just_text {
	padding: 0 23px;
	margin: 17px 0;
}
.just_text .hidden_help div {
	padding-top: 8px;
}
.just_text .hidden_help strong {
	font-style: italic;
	font-weight: bold;
}
p.choose_service {
    margin-bottom: 10px;
}
p.invite_image {
    margin-bottom: 7px;
}
.invite_image a img {
	border: 1px solid #ccc;
}
.left_info_item {
    margin: 3px 0;	
}
body .margin_top {
    margin-top: 20px;	
}
div.margin_neg_top {
	margin-top: -17px;
}
.link_as_text, .link_as_text:visited {
    color: #000;
    text-decoration: none;	
}

/* FOOTER CONTENT */
p.users_number {
	display: table;
	float: left;
	margin-right: 30px;
}
p.copyright {
	display: table;
	float: right;
	margin-left: 30px;
}
p.footer_links {
	text-align: center;
}
p.copyright a, p.copyright a:visited {
	color: #6e6c6e;
}
p.footer_links a {
	margin: 0 6px;
}

/* CLEARER */
.clearer {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* PAGINATOR */
.paginator {
	text-align: center;
}
.previous {
    text-align: left;
    width: 6em;
}
.next {
    text-align: right;
    width: 6em;
}
.paginator_margin {
    margin: 15px 0;
	padding: 0 23px;
}/*
.paginator .null_height {
	height: 0px;
}*/
.previous a {
	background: url(../img/borders_bg/paginator_next_prev.gif) no-repeat left -13px;
	padding-left: 20px;
}
.next a {
    background: url(../img/borders_bg/paginator_next_prev.gif) no-repeat right 6px;
    padding-right: 20px;
}
.paginator ul li {
	display: -moz-inline-box;
	display: inline-block;
	height: 20px;
    margin: 0 7px;
}
.paginator ul li span  {
    display: -moz-inline-box;
    display: inline-block; 
    height: 20px;	
}
.paginator ul li.current_page {
	background: url(../img/borders_bg/current_page.gif) no-repeat 100% -20px;
    margin: 0 7px;
    padding: 0;
}
.paginator ul li.current_page span {
    background: url(../img/borders_bg/current_page.gif) no-repeat left top;
    padding-left: 9px;
    padding-right: 9px;
}
.paginator ul li.current_page a {
    color: #000;
    text-decoration: none;
}

/* 404 HEADER */
.er_404 h1 {
	color: #73af24;
    font-size: 4em;
    float: left;
    line-height: 1em;
    width: 2em;
}
.er_404 h6 {
    color: #848484;
    font-weight: bold;
    padding-top: 5px;
}
.er_404 p {
	padding-top: 5px;
}

/* BABLE CREATURE */
.creature {
	width: 100%;
}
.creature_itself {
    position: relative;
    text-align: center;
    top: 0;
    z-index: 3;
}
/* common styles for balloon */
.balloon {
    position: relative;
    width: 100%;
    z-index: 5;
}
.balloon_tr, .balloon_tl, .balloon_br, .balloon_bl {
	font-size: 1px;
	height: 17px;
	line-height: 0;	
    position: absolute;
}
.balloon_tr {
	left: -1px;
	padding: 0 1px;
	top: -1px;
	width: 100%;
}
.balloon_tl {
    left: 0;
    top: 0;
    width: 15px;
}
.balloon_br {
    left: -1px;
    padding: 0 1px;
    bottom: -1px;
    width: 100%;
}
.balloon_bl {
    left: 0;
    bottom: 0;
    width: 15px;
}
.balloon_text {
	color: #333;
    margin: 17px 15px;
    text-align: left;
}
.balloon_arrow {
	background: url(../img/buttons/balloon_sprite.gif) no-repeat -2px -129px;    
	height: 25px;
    position: relative;
    top: -1px;
    z-index: 10;
}
.left_balloon_arrow {
    float: left;
    height:50px;
    position: relative; 
    width: 23px;
    z-index: 10;
}


/* default balloon color */  
.balloon_default_color .balloon {
    background-color: #fff4c8;
    border: 1px solid #e3c282;
}
.balloon_default_color .balloon_tr {
    background: url(../img/buttons/balloon_sprite.gif) no-repeat 100% -69px;
}
.balloon_default_color .balloon_tl {
    background: url(../img/buttons/balloon_sprite.gif) no-repeat 0% -52px;
}
.balloon_default_color .balloon_br {
    background: url(../img/buttons/balloon_sprite.gif) no-repeat 100% -34px;
}
.balloon_default_color .balloon_bl {
    background: url(../img/buttons/balloon_sprite.gif) no-repeat 0% -16px;
}
.balloon_default_color .left_balloon_arrow {
	 background: url(../img/buttons/balloon_sprite.gif) no-repeat -2px -129px;
}
.balloon_close_button {
    background: url(../img/btns/close_balloon.gif) no-repeat top left;
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 14px;    
}
/* balloon color - 1 (blue) */
.balloon_color_1 .balloon {
    background-color: #e3f1ff;
    border: 1px solid #b0ccdc;
}
.balloon_color_1 .balloon_tr {
    background: url(../img/buttons/balloon_sprite_blue.gif) no-repeat 100% -17px;
}
.balloon_color_1 .balloon_tl {
    background: url(../img/buttons/balloon_sprite_blue.gif) no-repeat 0% 0;
}
.balloon_color_1 .balloon_br {
    background: url(../img/buttons/balloon_sprite_blue.gif) no-repeat 100% -51px;
}
.balloon_color_1 .balloon_bl {
    background: url(../img/buttons/balloon_sprite_blue.gif) no-repeat 0% -34px;
}
.balloon_color_1 .left_balloon_arrow {
     background: url(../img/buttons/balloon_sprite_blue.gif) no-repeat -2px -68px;
}
/* balloon color - 2 (red) */
.balloon_color_2 .balloon {
    background-color: #ffe5e4;
    border: 1px solid #eac8c6;
}
.balloon_color_2 .balloon_tr {
    background: url(../img/buttons/balloon_sprite_red.gif) no-repeat 100% -17px;
}
.balloon_color_2 .balloon_tl {
    background: url(../img/buttons/balloon_sprite_red.gif) no-repeat 0% 0;
}
.balloon_color_2 .balloon_br {
    background: url(../img/buttons/balloon_sprite_red.gif) no-repeat 100% -51px;
}
.balloon_color_2 .balloon_bl {
    background: url(../img/buttons/balloon_sprite_red.gif) no-repeat 0% -34px;
}
.balloon_color_2 .left_balloon_arrow {
     background: url(../img/buttons/balloon_sprite_red.gif) no-repeat -2px -68px;
}
/* balloon color - 3 (green) */
.balloon_color_3 .balloon {
    background-color: #effeda;
    border: 1px solid #ccdeb2;
}
.balloon_color_3 .balloon_tr {
    background: url(../img/buttons/balloon_sprite_green.gif) no-repeat 100% -17px;
}
.balloon_color_3 .balloon_tl {
    background: url(../img/buttons/balloon_sprite_green.gif) no-repeat 0% 0;
}
.balloon_color_3 .balloon_br {
    background: url(../img/buttons/balloon_sprite_green.gif) no-repeat 100% -51px;
}
.balloon_color_3 .balloon_bl {
    background: url(../img/buttons/balloon_sprite_green.gif) no-repeat 0% -34px;
}
.balloon_color_3 .left_balloon_arrow {
     background: url(../img/buttons/balloon_sprite_green.gif) no-repeat -2px -68px;
}
/* balloon color - 4 (orange) */
.balloon_color_4 .balloon {
    background-color: #fff4e6;
    border: 1px solid #e3d7b7;
}
.balloon_color_4 .balloon_tr {
    background: url(../img/buttons/balloon_sprite_orange.gif) no-repeat 100% -17px;
}
.balloon_color_4 .balloon_tl {
    background: url(../img/buttons/balloon_sprite_orange.gif) no-repeat 0% 0;
}
.balloon_color_4 .balloon_br {
    background: url(../img/buttons/balloon_sprite_orange.gif) no-repeat 100% -51px;
}
.balloon_color_4 .balloon_bl {
    background: url(../img/buttons/balloon_sprite_orange.gif) no-repeat 0% -34px;
}
.balloon_color_4 .left_balloon_arrow {
     background: url(../img/buttons/balloon_sprite_orange.gif) no-repeat -2px -68px;
}
/* balloon color - 5 (yellow) */
.balloon_color_5 .balloon {
    background-color: #fffedf;
    border: 1px solid #eceaa6;
}
.balloon_color_5 .balloon_tr {
    background: url(../img/buttons/balloon_sprite_yellow.gif) no-repeat 100% -17px;
}
.balloon_color_5 .balloon_tl {
    background: url(../img/buttons/balloon_sprite_yellow.gif) no-repeat 0% 0;
}
.balloon_color_5 .balloon_br {
    background: url(../img/buttons/balloon_sprite_yellow.gif) no-repeat 100% -51px;
}
.balloon_color_5 .balloon_bl {
    background: url(../img/buttons/balloon_sprite_yellow.gif) no-repeat 0% -34px;
}
.balloon_color_5 .left_balloon_arrow {
     background: url(../img/buttons/balloon_sprite_yellow.gif) no-repeat -2px -68px;
}




/* ARROW BACK */
.arrow_back {
    background: #88d02a url(../img/borders_bg/green_corner.gif) no-repeat top left;
    height: 23px;
    margin: 1px 0 0;
    padding-top: 2px;
    width: 140px;
}
div.big_arrow_back {
    width: 170px;	
}
.arrow_back a, .arrow_back a:visited {
	color: #fff;
    margin-left: 40px;
} 

/* LINKS */
a, a:visited {
    color: #0090c6;
    text-decoration: underline;
}
.link {
    color: #0090c6;
    cursor: pointer;
    text-decoration: underline;
}
.pseudo_link, .pseudo_link:visited {
    border-bottom: 1px dotted #0090c6;
    color: #0090c6;
    cursor: pointer;
    text-decoration: none;	
}

/* USER AROUND SMALL BLOCK */
.users_around_whole {
	height: 408px;
    width: 900px;
}
.users_around_wrapper {
	margin: 20px 0;
    padding: 0 23px;
}
.users_around_cropper {
    overflow: hidden;
    width: 100%;
}
.users_around_whole ul {
    margin-bottom: 4px;
    overflow: hidden;
    height: 132px;
}
.users_around_whole ul li {
    float: left;    
    height: 132px;
    margin-left: 4px;
}
.users_around_whole .first {
    margin-left: 0;
}
.one_big {
    width: 180px;
}
.one_small, .two_small {
    width: 88px;
}
.first_small {
    display: block;
    height: 64px;
    margin-bottom: 4px;
}
.second_small {
    display: block;
    height: 64px;
}

/* TEXT STYLES */
.static_text ol {
	padding-left: 20px;
}
.static_text ul li {
    background: url(../img/borders_bg/green_bullet.gif) no-repeat 0px 7px;
    padding-left: 20px;  
}
.static_text p, .static_text li {
    padding-bottom: 7px;   
}
h6.no_margin_top {
    margin-top: 0;
}
.feedback_buttons {
	margin-top: 10px;
}
.feedback_buttons a {
    margin-right: 9px;display: inline-block;	
}

/* LEFT NAVIGATION */
.left_nav {
    margin: 15px 0 0 10px;
}
.left_nav li {    
    background: url(../img/borders_bg/green_bullet.gif) no-repeat 0px 6px;
    margin-bottom: 4px;
    padding-left: 15px;
}
.left_nav li a, .left_nav li a:visited {
    border-bottom: 1px dotted #0090C6;
    text-decoration: none;
}
.solid_links li a, .solid_links li a:visited {
    border: none;
    text-decoration: underline;	
} 

/* TOOLTIPS */
.tooltip {  
    border: 4px solid #ddd;
    overflow: hidden;
    padding: 10px; 
    width: 272px;
}
.baloon_tooltip {
	border: 4px solid #ddd;
	padding: 5px 8px; 	
}
.users_around_tooltip {
	border: 4px solid #ddd;
    padding: 5px 8px; 
    width: 126px;
}
.tooltip img {
    float: left;
    height: 144px;
    width: 96px;
}
div.no_img h3 {
	line-height: 1.2em;
	margin: 0;
    
}
.tooltip h3, .tooltip h4, .tooltip div {
    margin-left: 108px;
}
.tooltip h3, .tooltip_photo h3 {
	color: #6b6b6b;
    font-size: 1.3em;
    line-height: 1.1em;
    margin-top: 1px;
    margin-bottom: 4px;    
}
.tooltip_photo h3 {
	color: #6b6b6b;
    font-size: 1.3em;
    height: 1%;
    line-height: 1.1em;
    margin-top: -3px;
	margin-bottom: 8px;
}
.tooltip_photo .online {
	background: url(../img/borders_bg/online.gif) no-repeat 0 5px;	 
    padding-left: 15px; 
}
.tooltip em, .tooltip_photo em {	
	font-style: normal;
	text-decoration: underline;
}
.tooltip .online, .tooltip_photo .online {
	color: #73af24;
}
.tooltip h4 {
    color: #aaa; 
    font-size: 0.9em;
}
.tooltip div {
    font-size: 1.08em;
    line-height: 1.5em;
    margin-top: 6px;
    text-indent: 20px;
    position: relative;
    color: #6b6b6b;
}
.bqstart {
    color: #cbcbcb;
    font-size: 36px;
    line-height: 1em;
    left: -23px;    
    position: absolute;
    top: -5px;
}
.bqend {
    color: #cbcbcb;
    font-size: 36px;
    line-height: 1em;
    position: absolute;
    right: -3px;
    margin-top: -4px;
}
.tooltip div p {
    display: inline;
}
.tooltip ul li {
    background: url(../img/borders_bg/green_bullet.gif) no-repeat 0 6px;
    padding-left: 15px;
    text-indent: 0;  
}
.tooltip ol li {
	margin-left: 23px; 
	text-indent: 0;
}
.tooltip div p {
    display: inline;
}
.tooltip_photo {
    padding: 10px; 
}
.tooltip h3 b {
    color: #7db4f1;
    font-size: 0.85em;
}
.user_online_title {    
    background: url(../img/borders_bg/online.gif) no-repeat 0 6px;
    color: #73af24;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 1.25em;
    margin-left: 8px;
    padding: 1px 0 0 15px;
    vertical-align: top;
}
/*
.snippet {
    color: #747474;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    float: left;
    margin: 2px 0 0 9px;
    padding: 2px 5px 3px; 
}
.snippet span {
	background: url(../img/borders_bg/snippet_arrow.gif) no-repeat 0 5px;
	float: left;
    margin: 0 6px 0 -15px;    
    width: 10px;
}
.snippet_wrapper {
	margin-bottom: 5px;
    overflow: hidden;
    position: relative; 
    left: -2px;
}
.snippet_wrapper p {
	overflow: hidden;
}*/
.snippet {
    color: #747474;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    float: left;
    margin: 2px 0 0 9px;
    padding: 2px 5px 3px; position: relative;
}
.snippet span {
    background: url(../img/borders_bg/snippet_arrow.gif) no-repeat 0 5px;
    margin: 0 0 0 0; 
    position: absolute; top: 0; left: -10px;   
    width: 10px;
}
.snippet_wrapper {
    margin-bottom: 5px;
    overflow: hidden;
   
}
.snippet_wrapper p {
    overflow: hidden;
}