/********** /BOTTOMBAR **********/

.bbar_wrapper	{
	height:34px;
/*	width:100%;*/
	position:fixed;
	bottom:0;
	right:0;
	z-index:10;
}

.bbar_wrapper .shadow	{
	width:inherit;
	height:5px;
/*	background:url(bottombar/shadow.png) left repeat-x;
    _background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/bottombar/shadow.png');*/
	font-size:0;
	line-height:0;
}

.bbar_wrapper .ctr	{
	height:29px;
/*	width:960px;*/
	margin:0 auto;
	position:relative;
        background:url(bottombar/background.png) 0 0px repeat-x;
        border: 1px solid #CCCCCC;
        border-width: 1px 0px 0px 1px;
}

.bbar_wrapper .separator	{
	background:url(bottombar/separator.png);
	width:2px;
	height:29px;
	float:left;
}

.bbar_wrapper .ctr a.btn	{
	height:27px;
	float:left;
	padding:0 8px;
	font-size:11px;
	color:#21669e;
	font-weight:bold;
	margin:1px 0;
	line-height:27px;
	position:relative;
	outline:none;
}

.bbar_wrapper .ctr a.btn:hover	{
	background:url(bottombar/hover.gif) left -1px repeat-x;
}
.bbar_wrapper .ctr a.chac,
.bbar_wrapper .ctr a.chac:hover	{	background:url(bottombar/chatAlert.gif) 0 -2px repeat-x;	}

.bbar_wrapper .ctr a.active,
.bbar_wrapper .ctr a.active:hover	{
	background:url(bottombar/hover.gif) left repeat-x;
	border:1px solid #567a9e;
	border-style:none solid;
	margin:0 -1px 1px;
	position:relative;
	z-index:1;
	padding-top:1px;
}

.bbar_wrapper .ctr a.btn img	{
	vertical-align:middle;
}

.bbar_wrapper .ctr a.btn i.count	{
	font-weight:normal;
	text-shadow: 0 1px 1px white;
	font-size:10px;
	color:#8f8f8f;
	font-style:normal;
}

.bbar_wrapper .left_part,
.bbar_wrapper .right_part {
	float:left;
	position:relative;
}

.bbar_wrapper .ctr a.btn div.ico	{
	background:left no-repeat;
	line-height:27px;
	height:27px;
	display:inline-block;
	float:left;
}

.bbar_wrapper div.avtr	{
	background:url(bottombar/avatar_bgr.gif) left no-repeat;
	padding-left:24px;
	height:27px;
	text-shadow: 0 1px 1px white;
	line-height:27px;
	position:relative;
	z-index:0;
	display:inline-block;
	float:left;
}

.bbar_wrapper div.avtr img	{
	width:19px;
	height:19px;
	position:absolute;
	z-index:1;
	top:4px;
	left:1px;
}

.bbar_wrapper a.btn b	{
	color:#2e74a1;
	text-shadow: 0 1px 1px white;
}

.bbar_wrapper .box	{
	position:absolute;
	bottom:28px;
	_bottom:27px;
	background:#edecec;
	border:1px solid #567a9e;
	padding:8px;
	font-size:11px;
	line-height:normal;
}

.bbar_wrapper .box .head	{
	background:#6191b9;
	padding:3px 7px;
	font-size:11px;
	font-weight:bold;
	color:white;
	margin:-8px -8px 8px;
	position:relative;
}

.bbar_wrapper .box .head a.close, a.minimize	{
	width:9px;
	height:9px;
	display:block;
	position:absolute;
	top:5px;
	right:4px;
}

.bbar_wrapper .box .head a.close {
	background:url(bottombar/close.gif) top;
}

.bbar_wrapper .box .head a.minimize {
	background:url(bottombar/minimize.gif) top;
	right:15px;
}

.bbar_wrapper .box .head a.close:hover	{
	background-position:bottom;
}

.bbar_wrapper .box .head a.minimize:hover	{
	background-position:bottom;
}

.bbar_wrapper .box .blue	{
	color:#436480 !important;
}

.bbar_wrapper .box a.online	{
	height:22px;
	line-height:22px;
	display:block;
}

.bbar_wrapper .box span.count	{
	color:#838383;
	font-weight:normal;
}

.bbar_wrapper .spr	{
	border-bottom:1px solid white;
	background:#cfcfcf;
	height:1px;
	overflow:hidden;
	margin:5px 0;
}

.bbar_wrapper a.link	{
	color:#002544;
	font-size:11px;
}

.bbar_wrapper .row	{
	padding:8px 0 3px;
	font-size:11px;
	color:#838383;
}

.bbar_wrapper .row span.date	{
	color:#838383;
	font-size:10px;
}

.bbar_wrapper .row img	{
	width:19px;
	height:19px;
	float:left;
	margin:4px 5px 0 0;
}

.bbar_wrapper .row .text	{
	width:auto;
}

.bbar_wrapper .messages textarea	{
	border:1px solid #607ea7;
	background:white;
	overflow:auto;
	width:158px;
	margin:4px 0;
}

.bbar_wrapper .messages .text	{
	padding-right:40px;
	position:relative;
	z-index:1;
}

.bbar_wrapper .messages .text a.reply,
.bbar_wrapper .messages .text a.delete	{
	width:13px;
	height:14px;
	position:absolute;
	top:6px;
	right:21px;
	display:block;
	z-index:1;
	background:url(bottombar/messages_btns.gif) top left;
}

.bbar_wrapper .messages .text a.reply:hover	{	background-position:bottom left;	}
.bbar_wrapper .messages .text a.delete		{	background-position:top right;right:0;	}
.bbar_wrapper .messages .text a.delete:hover{	background-position:bottom right;	}

.bbar_wrapper .messages input.submit,
.bbar_wrapper .messages input.submit_hover	{
	width:70px;
	float:right;
}

.bbar_wrapper a.btn span.counter	{
	background:url(bottombar/counter.png);
    _background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/bottombar/counter.png');
	line-height:16px;
	text-align:center;
	color:white;
	font-size:10px;
	width:26px;
	height:27px;
	position:absolute;
	bottom:12px;
	cursor:pointer;
	left:6px;
	font-weight:normal;
	z-index:1;
}

.bbar_wrapper a.active span.counter	{
	display:none;
}

.bbar_wrapper a.btn .bb_tip	{
	position:absolute;
	height:25px;
	line-height:20px;
	padding:0 7px 0 8px;
	color:white;
	font-size:10px;
	background:url(bottombar/tooltip.png) top left;
	font-weight:normal;
	bottom:24px;
	left:3px;
	display:none;
	z-index:2;
	white-space:nowrap;
}

.bbar_wrapper a.btn .bb_tip span	{
	position:absolute;
	top:0;
	right:-1px;
	height:25px;
	width:5px;
	display:block;
	background:url(bottombar/tooltip.png) top right;
}

.bbar_wrapper a.btn:hover .bb_tip	{	display:block;	}
.bbar_wrapper a.active:hover .bb_tip,
.bbar_wrapper a.active .bb_tip	{	display:none;	}

.bbar_wrapper a.btn:hover .counter	{	display:none !important;	}
.bbar_wrapper a.active:hover .counter {display:block; }

.bbar_wrapper .right_part a.btn .bb_tip			{	background-position:bottom right; left:auto; right:3px;	}
.bbar_wrapper .right_part a.btn .bb_tip span	{	background-position:bottom left; right:auto; left:-1px;	}

.bbar_wrapper .chat_box .head	{
	padding:3px 7px 8px;
	margin:0;
	-webkit-box-shadow: 0 3px 5px #d5d5d1; 
	-moz-box-shadow: 0 3px 5px #d5d5d1; 
	box-shadow: 0 3px 5px #d5d5d1;
}

.bbar_wrapper .chat_box	{
	background:#f8f8f8;
	padding:0;
}

.bbar_wrapper .chat_box .head a.av	{
	width:22px;
	height:22px;
	float:left;
	background:#e6eef4;
}

.bbar_wrapper .chat_box .head a.av img	{
	width:18px;
	height:18px;
	margin:1px;
	border:1px solid #f25e50;
}

.bbar_wrapper .chat_box .head .title	{
	float:left;
	height:22px;
	line-height:22px;
	font-size:11px;
	color:white;
	font-weight:bold;
	padding-left:8px;
}

.bbar_wrapper .chat_box .head a.close	{	top:10px;	}
.bbar_wrapper .chat_box .head a.minimize	{	top:10px;	}

.bbar_wrapper .chat_box .chat_container	{
	background:white;
	overflow-x:hidden;
	overflow-y:auto;
	height:170px;
}

.bbar_wrapper .chat_box .chat_container .entry	{
	padding:8px 5px 8px 5px;
	font-size:12px;
	color:#5a5a5a;

}

.bbar_wrapper .chat_box .chat_container .entry h1	{
	height:18px;
	margin:0;
	font-weight:normal;
	font-size:11px;
	color:#a3a3a3;
}

.bbar_wrapper .chat_box .chat_container .entry h1 b	{
	float:left;
	font-weight:normal;
	font-size:11px;
	color:#a3a3a3;
	margin-top:1px;
	margin-left:3px;
}

.bbar_wrapper .chat_box .chat_container .entry h1 a	{
	float:left;
	color:#002544;
	font-weight:bold;
	font-size:12px;
}

.bbar_wrapper .chat_box .chat_container .entry h1 span	{
	float:right;
	color:#a3a3a3;
	font-size:10px;
}

.bbar_wrapper .chat_box .line	{
	height:20px;
	border-top:1px solid #567a9e;
}

.bbar_wrapper .chat_box .line input.text	{
	background:url(input_bgr.gif) top left repeat-x;
	border:none;
	width:178px;
	height:20px;
	float:left;
	font-size:11px;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	color:#5a5a5a;
	padding-left:0px;
	padding-top:0px;
}

.bbar_wrapper .chat_box .line input.submit,
.bbar_wrapper .chat_box .line input.submit_hover	{
	width:30px;
	height:20px;
	border:none;
	cursor:pointer;
	background:url(bottombar/chat_submit.png) top;
	float:right;
}

.bbar_wrapper .chat_box .line input.submit_hover	{
	background-position:bottom;
}

.bbar_wrapper .ctr a.btn span.deactivate,
.bbar_wrapper .ctr a.btn span.deactivate_hover	{
	width:7px;
	height:7px;
	top:3px;
	right:3px;
	display:block;
	background:url(bottombar/chat_deactivate.gif) 1px 1px no-repeat;
	cursor:pointer;
	font-size:0;
	line-height:0;
	position:absolute;
}
.bbar_wrapper .ctr a.btn span.deactivate_hover	{
	background-color:white;
}

.bbar_wrapper .chat_box .history	{
	font-size:11px;
	color:#a3a3a3;
	padding:3px 8px 3px 18px;
	background:#f8f8f8 url(bottombar/history.png);
}

.bbar_wrapper .chat_box .chat_notifyer	{
	padding:6px;
	border-top:1px solid #d4dfe9;
	height:14px;
	background:#f4f4f4;
	position:relative;
	margin-top:-27px;
	display:none;
}

.bbar_wrapper .chat_box .gone,
.bbar_wrapper .chat_box .composing	{
	display:block;
}

.bbar_wrapper .chat_box .gone .cm		{	display:none;	}
.bbar_wrapper .chat_box .composing .gn_wrapper	{	display:none;	}

.bbar_wrapper .chat_box .chat_notifyer .gn	{
	float:left;
	background:url(bottombar/emo_quit.png) left no-repeat;
	font-size:10px;
	color:#a3a3a3;
	padding-left:15px;
}

.bbar_wrapper .chat_box .chat_notifyer .gn a	{
	color:#3a668b;
	font-size:12px;
	font-weight:bold;
}

.bbar_wrapper .chat_box .chat_notifyer .cm	{
	height:14px;
	background:url(bottombar/typing.gif) left no-repeat;
}

.bbar_wrapper .chat_box .chat_notifyer .timestamp	{
	float:right;
	color:#a3a3a3;
	font-size:10px;
}

.bbar_wrapper .chat_box .chat_container .mine		{	background:white;	}
.bbar_wrapper .chat_box .chat_container .mine h1 a	{	color:#002544;	}

.bbar_wrapper .chat_box .urs		{	background:white;	}
.bbar_wrapper .chat_box .urs h1 a	{	color:#3a668b;	}

.chat_bg_mine, .chat_bg_urs {
	position:relative;
	margin-left:40px;
	background:#e1effd;
	width:auto;
	padding:5px;
}

.chat_bg_urs {
	background:#eeffb9;
}

.chat_bg_mine .arrow, .chat_bg_urs .arrow {
	position:absolute;
	top:10px;
	left:-6px;
	width:9px;
	height:11px;
	background:url(bottombar/arrows.gif) no-repeat 0 bottom;
}

.chat_bg_urs .arrow {
	background-position:0 0;
}


.bbar_wrapper .box a.fr	{
	height:30px;
	line-height:30px;
	font-size:11px;
	color:#002544;
	display:block;
	padding-left:37px;
	position:relative;
	z-index:1;
	margin:0 -8px;
}

.bbar_wrapper .box a.fr img	{
	width:20px;
	height:20px;
	position:absolute;
	z-index:1;
	left:8px;
	top:5px;
}

.bbar_wrapper .box div.fr	{
	height:1px;
	overflow:hidden;
	background:white;
	border-top:1px solid #d2d2d2;
	margin:0 -8px;
}

.bbar_wrapper .bday_balloon	{
	position:absolute;
	bottom:31px;
	border:1px solid #2e74a1;
	background:#e5e5e5 url(bottombar/bday_balloon_bgr.gif) 0 0 repeat-x;
	padding:10px 8px;
	width:370px;
}

.bbar_wrapper .bday_balloon .arrow	{
	width:7px;
	height:5px;
	overflow:hidden;
	position:absolute;
	bottom:-5px;
	right:12px;
	background:url(bottombar/bday_arrow.gif);
}
.bbar_wrapper .bday_balloon .top	{
	width:388px;
	height:6px;
	position:absolute;
	top:-7px;
	left:-1px;
	background:url(bottombar/brthAnim.gif) 0 0;
}
.bbar_wrapper .bday_balloon .av	{
	width:48px;
	height:48px;
	background:#f8fafc;
	border:1px solid #709cc0;
	margin-right:20px;
	font-size:0;
	line-height:0;
	float:left;
}

.bbar_wrapper .bday_balloon .av img	{
	width:46px;
	height:46px;
	margin:1px 0 0 1px;
}

.bbar_wrapper .bday_balloon .text	{
	width:300px;
	float:left;
	font-size:11px;
	color:#5a5a5a;
}

.bbar_wrapper .bday_balloon h1	{
	font-size:12px;
	color:#2e74a1;
	margin-bottom:6px;
}

.bbar_wrapper .bday_balloon a.close	{
	width:16px;
	height:16px;
	position:absolute;
	top:1px;
	right:1px;
	background:url(bottombar/bday_close.gif) 0 -16px;
	display:block;
}
.bbar_wrapper .bday_balloon a.close:hover	{	background-position:0 0;	}

.fill_your_profile	{
	width:298px;
	border:1px solid #5dc0ff;
	background:url(fill_profile_top.gif) top repeat-x;
	margin-bottom:15px;
}

.fill_your_profile .inner_container	{
	background:#ffffff url(fill_profile_bottom.gif) bottom repeat-x;
	padding:15px 5px;
}

.fill_your_profile .bar	{
	background:#979797;
	width:280px;
	margin:0 4px;
	height:18px;
	font-size:0;
	line-height:0;
	margin-bottom:10px;
}

.fill_your_profile .bar .wrapper	{
	background:url(profile_bar_bgr.gif);
	width:231px;
	height:16px;
	margin:1px;
	float:left;
}

.fill_your_profile .bar .wrapper div	{
	background:url(profile_bar_blue.gif);
	height:16px;
}

.fill_your_profile .bar .number	{
	float:right;
	padding-right:5px;
	font-size:11px;
	font-weight:bold;
	color:white;
	height:16px;
	line-height:16px;
}

.fill_your_profile a.list	{
	background:url(profile_fill_plus.gif) left no-repeat;
	height:24px;
	line-height:24px;
	font-size:11px;
	font-weight:bold;
	color:#21a121;
	padding-left:17px;
	display:block;
}

.fill_your_profile a.list span	{
	color:#a3a3a3;
	font-size:10px;
	font-weight:normal;
}

.fill_your_profile .separator	{
	border-bottom:1px dashed #e3e3e3;
	height:1px;
	margin:10px 5px;
	overflow:hidden;
}

.fill_your_profile .win_vip	{
	background:url(win_vip.gif) left no-repeat;
	height:24px;
	padding-left:32px;
	line-height:12px;
	font-size:11px;
	color:#5a5a5a;
}

.avatar_bbar {
	float:left;
	width:28px;
	height:28px;
	border-bottom:1px solid #D7D7D7;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	padding:1px;
}

.avatar_bbar img {
	width:28px;
	height:28px;
}

.bbar_wrapper .download_tabs {
    margin-bottom: 10px;
    height:auto;
}

.bbar_wrapper .download_tabs a {
    color: #5A5A5A !important;
    border: none !important;
    border-left: 1px solid white !important;
    border-right: 1px solid gainsboro !important;
    margin: 0 !important;
    padding: 0 8px !important;
    height: 29px !important;
    line-height: 29px !important;
    background: none !important;
}

.bbar_wrapper .download_tabs a.active {
    background: #5A5A5A !important;
    color: white !important;
    padding: none !important;
    margin: none !important;
}

.bbar_wrapper .download_tabs a:hover {
    color: black !important;
    background: white !important;
    margin: 0 !important;
}

.bbar_wrapper .download_tabs a.active:hover {
    background: #5A5A5A !important;
    color: white !important;
}

.bbar_wrapper .download_tabs a.br3_l {
    border-left:none !important;
}

.bbar_wrapper .download_tabs a.br3_r {
    border-right:none !important;
}

.bbar_wrapper .download_box {
    border: none !important;
    padding: 0px 0px 9px 0px !important;
}

/********** /BOTTOMBAR **********/

/********* AUDO/VIDEO **********/
.videoChat_alert {
	width:auto;
	background:#e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e6e6e6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #e6e6e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e6e6e6');
}

.videoChat_alert .content {
	background: url(video/webCamera2.gif) no-repeat 5px 8px;
	padding:15px 5px 15px 60px;
}

.videoChat_alert .content.audio {
	background-position:5px -88px;
}

.videoChat_alert .content .blueMa span.ok,
.videoChat_alert .content .blueMa span.no {
	background:url(video/iconz.gif) no-repeat top left;
	height:16px;
	padding:2px 0 1px 20px;
}

.videoChat_alert .content .blueMa span.no {
	background:url(video/iconz.gif) no-repeat bottom left;

}

.ctrl_hold {
	width:353px;
	height:43px;
	background:url(video/ctrl_gr.png) repeat-x;
	border:1px solid #1c1c1c;
	border-width: 1px 0px 0px 0px;
}

.info_time {
	float:left;
	color:white;
	padding:13px 10px;
}

a.camera_on, a.camera_off, a.end_chat, a.mic, a.mic_off, a.volume, a.volume_off {
	float:left;
	width:35px;
	height:35px;
	margin-top:4px;
	margin-left:4px;
}

a.camera_on {
	background:url(video/camera.gif) no-repeat top left;

}

a.camera_on:hover {
	background-color:#464f4e;
	background-position:bottom left;
}

a.camera_off {
	background:url(video/camera.gif) no-repeat top right;
}

a.camera_off:hover {
	background-color:#464f4e;
	background-position:bottom right;
}

a.end_chat {
	height:35px;
	background:#f35056 url(video/end_chat.gif) no-repeat 4px 5px;
}

a.end_chat:hover {
	background:#e73037 url(video/end_chat.gif) no-repeat 4px 5px;
}

a.mic {
	position:relative;
	background:#464f4e url(video/mic.gif) no-repeat left 1px;
	border-radius:8px ;
	-moz-border-radius:8px;
}

a.mic:hover {
	border-radius:0 0 8px 8px ;
	-moz-border-radius:0 0 8px 8px;
}

a.mic_off {
	position:relative;
	background:#464f4e url(video/mic.gif) no-repeat left bottom;
	border-radius:8px ;
	-moz-border-radius:8px;
}

a.mic_off:hover {
	border-radius:0 0 8px 8px ;
	-moz-border-radius:0 0 8px 8px;
}

a.mic span.mic_ctrl, a.mic_off span.mic_ctrl {
	display:none;
}

a.mic:hover span.mic_ctrl, a.mic_off:hover span.mic_ctrl {
	display:block;
}

a.volume{
	background:#464f4e url(video/volume.gif) no-repeat top;
	position:relative;
	border-radius:8px ;
	-moz-border-radius:8px;
}

a.volume:hover {
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
}

a.volume_off {
	background:#464f4e url(video/volume.gif) no-repeat bottom;
	position:relative;
	border-radius:8px ;
	-moz-border-radius:8px;
}

a.volume_off:hover {
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;

}
a.volume span.mic_ctrl, a.volume_off span.mic_ctrl {
	display:none;
}

a.volume:hover span.mic_ctrl, a.volume_off:hover span.mic_ctrl {
	display:block;
}

span.mic_ctrl {
	position:absolute;
	height:48px;
	bottom:35px;
	width:35px;
	background:#464f4e;
	border-radius:8px 8px 0 0 ;
	-moz-border-radius:8px 8px 0 0;
}

span.steps_gray {
	display:block;
	margin:11px 9px;
	width:18px;
	height:28px;
	background:url(video/vol_gray.gif) no-repeat;
}

span.steps_blue {
	display:block;
	margin:11px 9px;
	width:18px;
	height:28px;
	background:url(video/vol_blue.gif) no-repeat;
	position:absolute;
	top:0;
}

a.start_video_chat, a.start_audio_chat {
	background:url(video/start_video_audio.png) no-repeat top left;
	width:15px;
	height:16px;
	display:block;
	float:left;
	margin-right:10px;
}
a.start_video_chat:hover {
	background-position:left bottom;
	height:18px;
}

a.start_audio_chat {
	background:url(video/start_video_audio.png) no-repeat right top;
}

a.start_audio_chat:hover {
	background-position:right bottom;
	height:18px;
}

.bbar_wrapper .overTxtLabel {
    font-weight: normal;
}

#srch_btm {
    background: white url('bottombar/search_res_glass.gif') no-repeat center left;
    background-position: 6px 3px;
    height: 10px;
    padding-left:23px;
    padding-top:3px;
    width: 150px;
}
form#bottomBarSearchInput div.overTxtWrapper label.overTxtLabel {
    padding-left:23px;
}
#srch_btm.txt:focus {
    outline: 1px solid #5A7BA8;
}
/********* AUDO/VIDEO **********/
