.cli_around ul, .cli_around li {
    padding: 0; margin: 0; list-style: none;
}
.cli_around { 
     text-align: left; display: none; width: 496px; height: 292px; border: 2px ridge #ddd;
     position: fixed; bottom:0; right: 0; font: 11px verdana, arial, helvetica, sans-serif; color: #000;
     background: #cfdceb;
}
.cli_beta {
   text-shadow: none; font-size: 10px; float: right; margin: 5px 2px 0; line-height: 1em;
}
.cli_beta a:link, .cli_beta a:visited {
   background: #eee; padding: 0 1px; font-weight: normal; text-decoration: none;
   border: 1px solid; border-color: #ddd; color: #000;
}
.cli_beta a:hover {
   border-color: #fff #ccc #ccc #fff; color: #000;
}
#cli_bg {
   float: left; width: 15px; height: 15px; margin: 3px 2px 0 1px; cursor: pointer;
   background: url('http://cdn.runboard.com/img/cli/colors.png') no-repeat;
}
#cli_smileys {
   float: left; width: 16px; height: 16px; margin: 3px 1px 0; cursor: pointer;
   background: url('http://cdn.runboard.com/img/cli/smiley.gif') no-repeat;
   position: relative;
}
#cli_smileys span {
   display: block;
   width: 16px; height: 16px;
}
#cli_help {
   float: left; width: 16px; height: 16px; margin: 3px 1px 0; cursor: pointer;
   background: url('http://cdn.runboard.com/img/cli/help.gif') no-repeat;
}
#cli_smileys_popup {
    display: none;
    width: 84px;
    text-align: center;
    background: #eee;
    position: absolute; top: 10px; left: 10px;
    padding: 1px;
    border: 2px ridge #eee;
    line-height: 15px;
    -moz-box-shadow: 2px 2px 7px #777;
    -webkit-box-shadow: 2px 2px 7px #777;
    box-shadow: 2px 2px 7px #777;
    filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=5);
}
#cli_smileys_popup img {
    vertical-align: middle;
    padding: 1px;
}
#cli_soundswitch { 
   float: left; width: 15px; height: 15px;
   margin: 3px 1px 0; cursor: pointer;
 }
.cli_soundswitch_0 {
   background: url('http://cdn.runboard.com/img/cli/speaker-x.png') no-repeat;
}
.cli_soundswitch_1 {
   background: url('http://cdn.runboard.com/img/cli/speaker-slash.png') no-repeat;
}
.cli_soundswitch_2 {
   background: url('http://cdn.runboard.com/img/cli/speaker-on.png') no-repeat;
}


.cli_around_bg_0 { background: #8cb8dd url('http://cdn.runboard.com/img/cli/clouds.jpg') center; }
.cli_around_bg_1 { background: #b6cfed url('http://cdn.runboard.com/img/cli/beach3.jpg') right bottom repeat-x; }



.cli_around_minimized, .cli_around_minimized_blink { 
   display: none; width: 100px; white-space: nowrap;  font-size: 11px;
   position: fixed; bottom:0; right: 0; text-align: center;
   border: 1px solid #ccc; cursor: pointer;
}
.cli_around_minimized { background: #eee url('http://cdn.runboard.com/img/layouts/joshin_josh_1/greysep.png') bottom; color: #000; }
.cli_around_minimized_blink { background: #eee url('http://cdn.runboard.com/img/cli/blink.gif') center; line-height: 20px; color: #c00; font-weight: bold; }

.cli_main { 
   display: none; line-height: 1.35em; white-space: normal; position: relative; width: 100%; height: 100%;
   text-shadow: none;
}
.cli_leftcol { width: 149px; float: left; }
.cli_rightcol { width: 345px; float: right; }

#cli_around img { border: 0; }
#cli_tools, #cli_status_top { 
   height: 24px; line-height: 23px; text-align: center; font-weight: bold;
   background: #5e7fa8 url('http://cdn.runboard.com/img/cli/bluegrad.png');
   color: #eee; text-shadow: #283b54 1px 1px 0;
}
#cli_chatwith { white-space: nowrap; overflow: hidden; font-size: 11px; }

#cli_toggle_off, #cli_toggle_move { display: inline; float: left; }
#cli_toggle_off { 
   margin: 0 2px 0 7px; width: 15px; height: 15px; cursor: pointer;
   background: url('http://cdn.runboard.com/img/cli/minimize.gif') no-repeat;
}

.cli_toggle_off, .cli_toggle_on { display: none; text-shadow: none; }
#cli_toggle_off, #cli_move { float: left; height: 23px; width: 15px; text-align: right; margin-top: 3px; cursor: pointer; }
#cli_move {
    width: 15px; height: 15px;
    background: url('http://cdn.runboard.com/img/cli/move.gif') no-repeat;
}

#cli_status_manual { float: left; padding-left: 3px; height: 16px; line-height: 16px; margin: 3px 0 0 1px; }
#cli_status_manual select { width: 100px; height: 16px; border: 1px solid; border-color: #999 #fff #fff #999; 
       font: 9px verdana, arial, helvetica, sans-serif; background: #cfcfcf; }



#cli_resize1, #cli_resize2, #cli_resize3, #cli_resize4 {  display: none; position: absolute; height: 13px; width: 13px; }

#cli_resize1 {
    right: -5px; bottom: -5px; background: url('http://cdn.runboard.com/img/cli/resize1.gif') no-repeat left top; cursor: se-resize;  }
#cli_resize2 {
    left: -5px; bottom: -5px; background: url('http://cdn.runboard.com/img/cli/resize2.gif') no-repeat right top; cursor: sw-resize; }
#cli_resize3 {
    right: -5px; top: -5px; background: url('http://cdn.runboard.com/img/cli/resize3.gif') no-repeat left bottom; cursor: ne-resize; }
#cli_resize4 {
    left: -5px; top: -5px; background: url('http://cdn.runboard.com/img/cli/resize4.gif') no-repeat right bottom; cursor: nw-resize; }

.cli_main form { margin: 1em 0; position: relative; }

#cli_friends { clear: both; height: 265px; overflow: auto; position: relative; top: -1px; text-align: left; }
.cli_around_bg_0 #cli_friends { border-right: 1px solid #8da5c1; background: url('http://cdn.runboard.com/img/cli/opaque.png'); }
.cli_around_bg_1 #cli_friends { border-right: 1px solid #afc0d0; background: url('http://cdn.runboard.com/img/cli/opaque.png'); }

.cli_friend_visible {
    height: 15px; overflow: hidden; 
    background: url('http://cdn.runboard.com/img/cli/eeeeee.png');
    white-space: nowrap; overflow: hidden; padding: 1px;
}
.cli_around_bg_1 .cli_friend_visible {
    border: 0; padding: 1px;
}
.cli_friend_visible_selected {
    background: #bbcbde url('http://cdn.runboard.com/img/cli/cli-l-t.png') left -2px repeat-x; 
    border: 1px solid; border-color: #fff #9cb6d2 #9cb6d2 #fff; font-weight: bold; height: 15px;
    white-space: nowrap; overflow: hidden;
}

.cli_friend_visible a:link, .cli_friend_visible a:visited { text-decoration: none; color: #222; }
.cli_friend_visible_selected a:link, .cli_friend_visible_selected a:visited { text-decoration: none; color: #004; }


/* OLD STATUS CSS */
.cli_friend_status_active,
.cli_friend_status_idle,
.cli_friend_status_offline { display: inline-block; width: 13px; height: 13px; margin: 1px 3px -1px 2px; }

.cli_friend_status_active {  background: url('http://cdn.runboard.com/img/cli/green.png') no-repeat left bottom;  }
.cli_friend_status_idle { background: url('http://cdn.runboard.com/img/cli/yellow.png') no-repeat left bottom; }
.cli_friend_status_offline {  background:  url('http://cdn.runboard.com/img/cli/gray.png') no-repeat left bottom; }

#cli_mystatus { margin-bottom: -2px; }
/* END OLD */




span.cli_friend_unreadstuff { font-weight: bold; color: #ff4422; }
.cli_friend, .cli_friend_txt { display: none; }
#cli_nofriendselected, #cli_nofriendsfound { 
   text-align: center; margin: 1em; background: url('http://cdn.runboard.com/img/cli/opaque.png'); padding: 1em;
   color: #c00; font-weight: bold; font-size: 12px;
}
.cli_friend_txt_visible { height: 206px; overflow: auto; }

.cli_timestamp { 
   display: none; clear: both; font-size: 10px; margin: 0; 
   background: url('http://cdn.runboard.com/img/cli/timebg.png') repeat-x top; padding-top: 8px; text-align: center; 
   opacity: 0.5; filter: alpha(opacity=50); }

.cli_friend_txt_left, .cli_friend_txt_right { clear: both; }
.cli_friend_txt_left { margin: 2px 30px 2px 5px; float: left; text-align: left; max-width: 90%; word-wrap: break-word; }
.cli_friend_txt_right { margin: 2px 5px 2px 30px; float: right; text-align: right; max-width: 90%; word-wrap: break-word; }

.cli_friend_txt_left span, .cli_friend_txt_right span { display: block; }
.cli_friend_txt_left p, .cli_friend_txt_right p { clear: both; margin: 0; }

/* BUBBLES FOR CLOUDS */
.cli_around_bg_0 .cli_friend_txt_right .cli_tl { float: left; width: 10px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-r-tl.png'); }
.cli_around_bg_0 .cli_friend_txt_right .cli_tr { float: right; width: 25px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-r-tr.png'); }
.cli_around_bg_0 .cli_friend_txt_right .cli_t { height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-r-t.png'); margin: 0 25px 0 10px; }
.cli_around_bg_0 .cli_friend_txt_right p { background: url('http://cdn.runboard.com/img/cli/cli-r-l.png') repeat-y left;  }
.cli_around_bg_0 .cli_friend_txt_right p span { background: url('http://cdn.runboard.com/img/cli/cli-r-r.png') repeat-y right; margin-left: 4px; }
.cli_around_bg_0 .cli_friend_txt_right p span span {  background: #ccc; margin: 0 18px 0 0; padding: 0 3px; font-size: 11px; }
.cli_around_bg_0 .cli_friend_txt_right .cli_bl { clear: both; float: left; width: 10px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-r-bl.png'); }
.cli_around_bg_0 .cli_friend_txt_right .cli_br { float: right; width: 25px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-r-br.png'); }
.cli_around_bg_0 .cli_friend_txt_right .cli_b { height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-r-b.png'); margin: 0 25px 0 10px; }

.cli_around_bg_0 .cli_friend_txt_left .cli_tl { float: left; width: 20px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-tl.png'); }
.cli_around_bg_0 .cli_friend_txt_left .cli_tr { float: right; width: 13px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-tr.png'); }
.cli_around_bg_0 .cli_friend_txt_left .cli_t { height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-t.png'); margin: 0 13px 0 20px; }
.cli_around_bg_0 .cli_friend_txt_left p { background: url('http://cdn.runboard.com/img/cli/cli-l-l.png') repeat-y left;  }
.cli_around_bg_0 .cli_friend_txt_left p span { background: url('http://cdn.runboard.com/img/cli/cli-l-r.png') repeat-y right; margin-left: 14px; }
.cli_around_bg_0 .cli_friend_txt_left p span span { background: #b9cadd; margin: 0 7px 0 0; padding: 0 3px; font-size: 11px; }
.cli_around_bg_0 .cli_friend_txt_left .cli_bl { clear: both; float: left; width: 20px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-bl.png'); }
.cli_around_bg_0 .cli_friend_txt_left .cli_br { float: right; width: 13px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-br.png'); }
.cli_around_bg_0 .cli_friend_txt_left .cli_b { height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-b.png'); margin: 0 13px 0 20px; }
/* END BUBBLES FOR CLOUDS */


/* BEACH (TAN) BUBBLES ON RIGHT */
.cli_around_bg_1 .cli_friend_txt_right .cli_tl { float: left; width: 10px; height: 11px; background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-tl.png'); }
.cli_around_bg_1 .cli_friend_txt_right .cli_tr { float: right; width: 25px; height: 11px; background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-tr.png'); }
.cli_around_bg_1 .cli_friend_txt_right .cli_t { height: 11px; margin: 0 25px 0 10px; background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-t.png'); }
.cli_around_bg_1 .cli_friend_txt_right p { background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-l.png') repeat-y left;  }
.cli_around_bg_1 .cli_friend_txt_right p span { background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-r.png') repeat-y right; }
.cli_around_bg_1 .cli_friend_txt_right p span span { background: #e9e2c7; margin: 0 18px 0 0; padding: 0 3px; font-size: 11px;  }
.cli_around_bg_1 .cli_friend_txt_right .cli_bl { clear:both; float:left; width:10px; height:11px; background:url('http://cdn.runboard.com/img/cli/skins/1/cli-r-bl.png'); }
.cli_around_bg_1 .cli_friend_txt_right .cli_br { float: right; width: 25px; height: 11px; background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-br.png'); }
.cli_around_bg_1 .cli_friend_txt_right .cli_b { height: 11px; margin: 0 25px 0 10px; background: url('http://cdn.runboard.com/img/cli/skins/1/cli-r-b.png'); }

.cli_around_bg_1 .cli_friend_txt_left .cli_tl { float: left; width: 20px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-tl.png'); }
.cli_around_bg_1 .cli_friend_txt_left .cli_tr { float: right; width: 13px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-tr.png'); }
.cli_around_bg_1 .cli_friend_txt_left .cli_t { height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-t.png'); margin: 0 13px 0 20px; }
.cli_around_bg_1 .cli_friend_txt_left p { background: url('http://cdn.runboard.com/img/cli/cli-l-l.png') repeat-y left;  }
.cli_around_bg_1 .cli_friend_txt_left p span { background: url('http://cdn.runboard.com/img/cli/cli-l-r.png') repeat-y right; margin-left: 14px; }
.cli_around_bg_1 .cli_friend_txt_left p span span { background: #b9cadd; margin: 0 7px 0 0; padding: 0 3px; font-size: 11px; }
.cli_around_bg_1 .cli_friend_txt_left .cli_bl { clear: both; float: left; width: 20px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-bl.png'); }
.cli_around_bg_1 .cli_friend_txt_left .cli_br { float: right; width: 13px; height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-br.png'); }
.cli_around_bg_1 .cli_friend_txt_left .cli_b { height: 11px; background: url('http://cdn.runboard.com/img/cli/cli-l-b.png'); margin: 0 13px 0 20px; }
/* END BEACH BUBBLES */


/* BLUE MARBLE, NO BUBBLES 1 */
.cli_around_bg_2 .cli_main { background: #c0cddd url('http://cdn.runboard.com/img/cli/blue-marble.jpg'); }
.cli_around_bg_2 #cli_cmd_text_focus { background: #d4dfed; border-color: #5e7fa8; }
.cli_around_bg_2 .cli_friend_visible_selected { background: #c9d7e9; }
.cli_around_bg_2 .cli_friend_visible { background: #a9bbd0 url('http://cdn.runboard.com/img/cli/eeeeee.png'); }
.cli_around_bg_2 .cli_timestamp  { background: none; }
.cli_around_bg_2 #cli_friends { border-right: 1px solid #afc0d0; background: url('http://cdn.runboard.com/img/cli/opaque.png'); }
.cli_around_bg_2 .cli_user_says span { color: #48443f;  }
.cli_around_bg_2 .cli_left_room { color: #c33; }
.cli_around_bg_2 .cli_joined_room { color: #2552ba; }
.cli_around_bg_2 #cli_rooms { border-right: 1px solid #afc0d0; background: url('http://cdn.runboard.com/img/cli/opaque.png'); }
.cli_around_bg_2 #cli_room_output_content { border-top: 1px solid #afc0d0;  border-bottom: 1px solid #afc0d0; }

.cli_around_bg_2 .cli_friend_txt_right span span,
.cli_around_bg_2 .cli_friend_txt_left span span { font-size: 11px;  padding: 0; color: #1d1f22; }
.cli_around_bg_2 .cli_friend_txt_right { border: 1px solid #808994; background: #bdcadb; }
.cli_around_bg_2 .cli_friend_txt_left { border: 1px solid #8f99a6; background: #c9d7e9; }
.cli_around_bg_2 .cli_friend_txt_right,
.cli_around_bg_2 .cli_friend_txt_left { padding: 2px 4px; box-shadow: 1px 2px 5px rgba(0,0,0,0.1); border-radius: 5px; float: none; }
/* END BLUE MARBLE 1 */


.cli_friend_txt_left p.cli_last_chat_line span span,
.cli_friend_txt_right p.cli_last_chat_line span span { border: 0; }



#cli_cmd_form { margin: 0; height: 46px; }
#cli_cmd_text_focus { 
        background: url('http://cdn.runboard.com/img/cli/opaque.png');
        border: 1px solid #b6ab9e;
        margin: 5px auto 0 auto;
	display: block; width: 98%; height: 44px;
	overflow: auto; resize: none; color: #000; font: 11px verdana, arial, sans-serif;
}
.cli_around_bg_0 #cli_cmd_text_focus { border-color: #5e7fa8; }

#cli_sound { position: absolute; top: 0; left: 0; width: 0; height: 0; }

.cli_badbrowser { display: none; }

#cli_tabs { float: left; margin: -2px 0 0 0; height: 18px; line-height: 15px; }
#cli_tabs_friends, #cli_tabs_rooms { 
    float: left; display: block; width: 72px; text-align: center;
    background: #5e7fa8; color: #fff;
    border: 1px solid; height: 15px;
    border-color: #29447e #29447e #1a356e #29447e;
}
.cli_tabs_friends_on { font-weight: bold; }
.cli_tabs_friends_off { font-weight: normal; cursor: pointer; }
.cli_tabs_friends_off_warning { font-weight: normal; color: #ff0000; }
.cli_tabs_rooms_on { font-weight: bold; }
.cli_tabs_rooms_off { font-weight: normal; cursor: pointer; }
.cli_tabs_rooms_off_warning { font-weight: normal; color: #ff0000; }
#cli_rooms { clear: both; height: 265px; overflow: auto; position: relative; top: -1px; display: none;}

.cli_room_name, .cli_room_name_selected { 
    height: 15px; overflow: hidden; 
    white-space: nowrap; overflow: hidden; padding: 1px;
}
.cli_room_name {
    background: url('http://cdn.runboard.com/img/cli/eeeeee.png');
    padding: 1px;
}
.cli_room_name_selected {
    background: #bbcbde url('http://cdn.runboard.com/img/cli/cli-l-t.png') left -2px repeat-x; padding: 0;
    border: 1px solid; border-color: #fff #9cb6d2 #9cb6d2 #fff; font-weight: bold; height: 15px;
}
.cli_room_name { display: none; cursor: pointer; }
.cli_room_name_selected { display: none; font-weight: bold; }
.cli_room_output_around { display: none; }
#cli_noroomselected {
   text-align: center; margin: 1em; background: url('http://cdn.runboard.com/img/cli/opaque.png'); padding: 1em;
   color: #c00; font-weight: bold; font-size: 12px; display: none;
}


.cli_room_output_content_visible { overflow: auto; display: block; height: 146px; }
.cli_room_output_content_hidden { overflow: auto; display: none;}
.cli_room_leave { display: none; float: left; cursor: pointer; }
#cli_room_output_users { 
   margin-left: 15px;  height: 80px; overflow: auto;
}
#cli_room_output_users li { width: 43%; float: left; margin-right: 1%; white-space: nowrap; overflow: hidden; }
#cli_room_output_users a:link, #cli_room_output_users a:visited { text-decoration: none; color: #222; }

#cli_room_output_content div { 
   padding: 5px 5px 0 5px;
   background: url('http://cdn.runboard.com/img/cli/cli_room_output_content.png') repeat-x left top;
}
#cli_room_output_content p { 
   margin: 0; padding-bottom: 5px;  font-size: 11px;
   background: url('http://cdn.runboard.com/img/cli/cli_bottom_shadow.png') repeat-x left bottom;
}

#cli_room_output_content p span { font-weight: bold; }

.cli_around_bg_0 .cli_user_says span { color: #395a83; }
.cli_around_bg_1 .cli_user_says span { color: #48443f;  }

.cli_around_bg_0 .cli_left_room { color: #c33; }
.cli_around_bg_1 .cli_left_room { color: #c33; }

.cli_around_bg_0 .cli_joined_room { color: #03c; }
.cli_around_bg_1 .cli_joined_room { color: #2552ba; }

.cli_around_bg_0 #cli_rooms { border-right: 1px solid #8da5c1; background: url('http://cdn.runboard.com/img/cli/opaque.png'); }
.cli_around_bg_1 #cli_rooms { border-right: 1px solid #afc0d0; background: url('http://cdn.runboard.com/img/cli/opaque.png'); }

.cli_around_bg_0 #cli_room_output_content { border-top: 1px solid #8da5c1; border-bottom: 1px solid #8da5c1;  }
.cli_around_bg_1 #cli_room_output_content { border-top: 1px solid #afc0d0;  border-bottom: 1px solid #afc0d0; }

.cli_friend_offline_txt {
	display: none;
	border: 1px solid #000000;
	background: #ffeb90;
	color: #3r3r3r;
	padding: 5px 10px;
	font-size: 12px;
	font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
	margin-bottom: 5px;
	clear:both;
	text-align: left;
	box-shadow: -2px 2px 2px #c8c8c8;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.cli_systemmsg { color: #330033; }