.body {

scrollbar-face-color: #ffffff;

scrollbar-highlight-color: #B1B3BD; 

scrollbar-track-color: #F6F6F7; 

scrollbar-arrow-color: #698AAC;

scrollbar-shadow-color: #ECECEC;

scrollbar-3dlight-color: #ECECEC;

scrollbar-darkshadow-color: #B1B3BD;

background-color: #FFFFFF;

direction: rtl;

background-image:url(images/body.png); 

background-repeat:no-repeat; 

background-position:top center;

margin:0px;
}



.body_top{

background-color: #EDF1FA;

direction: rtl;

}



.body_main{

background-color: #EDF1FA;

direction: rtl;

}



.body_outer{

background-color: #FFFFFF;

direction: rtl;

background-image:url(images/body.png); 

background-repeat:no-repeat; 

background-position:top center;

margin:0px;

direction: rtl;

}



.table_header{

background-color: #FFFFFF;

direction: rtl;

}



.transcripts_table{

border: 1px solid #84B2DE;

font-family: tahoma,Verdana, Arial;

font-size: 12px;

font-style: normal;

direction: rtl;

}



.online_table{

border: 1px solid #84B2DE;

font-family: tahoma,Verdana, Arial;

font-size: 12px;

font-style: normal;

direction: rtl;

}



.login_table{

	background-color: #FFF;

	border: 1px solid #CCCCCC;

	font-family: Tahoma,arial;

	font-size: 12px;

	font-style: normal;

	direction: rtl;

	margin-top:215px;

}



.register_table{

background-color: #EDF1FA;

border: 1px solid #84B2DE;

font-family: Tahoma,arial;

font-size: 12px;

font-style: normal;

direction: rtl;

}



.lost_table{

background-color: #EDF1FA;

border: 1px solid #84B2DE;

font-family: Tahoma,arial;

font-size: 12px;

font-style: normal;

direction: rtl;

}



.advert_border {

border: 0px solid #84B2DE;

height: 60px; 

width: 468px; 

padding-left:0px; 

padding-top:0px; 

padding-right:0px; 

padding-bottom:0px;

direction: rtl;

}



.hr {

border: 0;

height: 1px;

color: #EDF1FA;

background-color: #EDF1FA;

width: 99%; 

}



.hr_menu {

border: 0;

height: 1px;

color: #FFFFFF;

background-color: #FFFFFF;

width: 46px; 

}



.hr_login {

border: 0;

height: 2px;

color: #FFFFFF;

background-color: #FFFFFF;

width: 99%; 

}



.chat_time {

font-family: Tahoma,arial;

font-style: normal;

font-size: 10px;

color:#999999;

}



.users {

font-family: Tahoma,arial;

font-style: normal;

font-size: 12px;

color:#000000;

text-decoration: none;

}



.username {

font-family: Tahoma,arial;

font-style: normal;

font-size: 12px;

color:#999999;

}



.user_message {

padding-left:5px;

line-height: 25px;

padding-bottom:10px;

}



.nav_top {

font-family: Tahoma,arial;

font-size: 10px;

font-style: normal;

text-decoration: none;

}



.message_input {

background-color: #EDF1FA;

border: 1px solid #84B2DE;

font-family: Tahoma,arial;

font-size: 12px;

font-style: normal;

}



.messagebar {

position: absolute;

margin: 0 0 0 0;

bottom: 10px;

left: 0px;

right: 5px;

padding-left:0px; 

padding-top:0px; 

padding-right:0px; 

padding-bottom:0px;

display:inline;

}



.message_border {

border: 1px solid #84B2DE;

top: 5px;

left: 0px;

right: 5px;

padding-left:0px; 

padding-top:0px; 

padding-right:0px; 

padding-bottom:5px;

direction: rtl;

}



.message_display {

font-family: Tahoma,arial;

font-size: 12px;

font-style: normal;

height: 98%;

left: 0px;

right: 5px;

overflow: auto; 

word-wrap: break-word; 

padding-left:5px; 

padding-top:5px; 

padding-right:0px; 

padding-bottom:5px;

}



.message_box {

background-color: #FFFFFF;

border: 1px solid #84B2DE;

font-family: tahom, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

color: #000000;

text-decoration: none;

width: 100%;

}

 

.message_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family:  tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 50px;

width: 80px;

cursor: pointer;

}



.disconnect_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 30px;

width: 80px;

cursor: pointer;

}



.ban_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 30px;

width: 80px;

cursor: pointer;

}



.login_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 30px;

width: 80px;

cursor: pointer;

}



.register_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 30px;

width: 140px;

cursor: pointer;

}



.forgot_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 30px;

width: 140px;

cursor: pointer;

}



.user_buttons {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 20px;

width: 80px;

cursor: pointer;

}



.user_buttons_xl {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 20px;

width: 222px;

cursor: pointer;

}



.user_buttons_large {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 20px;

width: 160px;

cursor: pointer;

}



.user_buttons_med {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 20px;

width: 77px;

cursor: pointer;

}



.room_list {

background-color: #FFFFFF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 20px;

width: 100px;

}



.room_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 20px;

width: 30px;

cursor: pointer;

padding-left:0px; 

padding-top:0px; 

padding-right:0px; 

padding-bottom:0px;

}



.password_button {

background-color: #EFEFEF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

height: 23px;

width: 40px;

cursor: pointer;

}



.private_message_border {

border: 1px solid #84B2DE;

height: 70%; 

width: 100%; 

padding-left:0px; 

padding-top:0px; 

padding-right:0px; 

padding-bottom:0px;

}



.approve_messages {

background-color: #FFFFFF;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

color: #000000;

text-decoration: none;

width: 100%;

}



.user_list {

background-color: #EDF1FA;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;



}



.user_list2 {

background-color: #FFFFFF;

border: 1px solid #84B2DE;

font-family:tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

color: #000000;

text-decoration: none;

width: 100%;

}



.option_lista {

background-color: #F5F5F5;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

}



.option_listb {

background-color: #F5F5F5;

border: 1px solid #84B2DE;

font-family: tahoma,Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

}



.broadcastbox {

border: 1px solid #84B2DE;

font-family: tahoma,Verdana, Arial;

font-size: 12px;

font-style: normal;

padding-left:0px; 

padding-top:0px; 

padding-right:0px; 

padding-bottom:0px;

}



.whisper {

background-color: #ffffff; 

border: 1px solid #84B2DE;

font-family: tahoma,Verdana, Arial;

font-size: 12px;

font-style: normal;

color: #84B2DE;

height: 20px;

width: 120px;

padding-left:3px;

}



.profile_link {

font-family: tahoma,Verdana, Arial;

font-size: 12px;

font-style: bold;

color: #000000;

text-decoration: none;

direction: rtl;

}



.users {

font-family: tahoma,Verdana, Arial;

font-style: bold;

font-size: 12px;

color:#000000;

text-decoration: none;

}



.showlist {

background-color: #FFFFFF; 

border: 1px solid #84B2DE;

font-family: tahoma,Verdana, Arial;

font-size: 12px;

font-style: normal;

overflow: auto; 

word-wrap: break-word; 

padding-left:5px; 

padding-top:5px; 

padding-right:5px; 

padding-bottom:10px;

direction: rtl;

}



.poweredby{

position:absolute;

bottom: 18px;

left: 45px;

border: 1px solid #EDF1FA;

}



.copyright{

font-family: tahoma,Verdana, Arial;

font-style: normal;

font-size: 10px;

color:#84B2DE;

text-decoration: none;

}



.menu_header{

background-color: #EDF1FA;

font-family: tahoma,Verdana, Arial;

font-style: normal;

font-size: 12px;

color:#999999;

cursor: pointer;

border: 1px solid #EDF1FA;

}



.menu_sub_header{

background-color: #F5F5F5;

font-family: tahoma,Verdana, Arial;

font-style: normal;

font-size: 12px;

color:#999999;

border: 1px solid #84B2DE

}



.main_webcams{

position:fixed; 

z-index:99; 

bottom: 150px; 

left: 0px; 

right: 5px; 

}



.user_webcam{

position:fixed; 

z-index:99;  

top: 5px; 

right: 0px; 

left: 10px; 

background-color: #EDF1FA; 

}



.broadcast_webcam{

position:absolute; 

z-index:99;  

top: 5px; 

left: 10px;  

}



.private_webcams{

top: 5px; 

right: 20px; 

}



.menu_roll {

padding-top:10px;

padding-bottom:0px;

width:50px;

height:40px;

background-color: #FFFFFF;

border: 1px solid #84B2DE;

cursor: pointer;

}



.menu_over {

padding-top:10px;

padding-bottom:0px;

width:50px;

height:40px;

background-color: #EDF1FA;

border: 1px solid #000000;

cursor: pointer;

}



.iframes_inv {

width: 0px; 

height: 0px; 

border: 0px;

}



.usermenu_options {

background-color: #FFFFFF;

border: 1px solid #FFFFFF;

cursor: pointer;

color:#000000;

text-decoration: none;

}



.usermenu_options a {

color:#000000;

text-decoration:none;

}



.usermenu_options a:hover {

color:#000000;

text-decoration:none;

}



.div_text{

font-family: tahoma,Verdana, Arial;

font-style: normal;

font-size: 12px;

color:#999999;

}



.webcams_broadcast{

width:220px;

height:182px;

border:1px solid #84B2DE;

}



.webcams_view{

width:130px;

height:140px;

border:1px solid #84B2DE;

}



.webcams_border{

border:1px solid #84B2DE;

}



.uInput {

width: 140px;; 

}

.clr {clear:both;}

.navb A:link {text-decoration: none; color: #3366CC; font-weight:none;}

.navb A:visited {text-decoration: none; color: #3366CC; font-weight:none;}

.navb A:active {text-decoration: none; color: #3366CC; font-weight:none;}

.navb A:hover {text-decoration: underline; color: #3366CC; font-weight:none;}

/*======== header ========*/
#header {width:1000px; margin:0px auto; height:464px; position:absolute; right:173px; top:0;}
#header .right {width:280px; float:right;}
#header .right ul {list-style:none; margin:254px 68px 0 0; padding:0px; width:165px; float:right; position:relative; direction:ltr;}
#header .right ul li {text-align:center; margin-bottom:2px; line-height:25px;}
#header .right ul li a {background-image:url(images/li-normal.png); background-repeat:no-repeat; width:165px; height:29px; display:block; text-decoration:none; color:#fff;}
#header .right ul li a:hover {background-image:url(images/li-hover.png); background-repeat:no-repeat; width:165px; height:29px; display:block;}
#header .right ul li div.sub{ display:none;}
#header .right ul li:hover div.sub{position:absolute; top:-8px; right:165px; display:block;}
#header .right .sub {width:600px; float:right; background-color:#66460A; text-align:center;}
#header .right .sub .right {width:200px; float:right;}
#header .right .sub .left {width:200px; float:right;}
#header .right .sub .top {background-image:url(images/sub-top.png); background-repeat:repeat-x; height:18px;}
#header .right .sub .top .right {background-image:url(images/sub-top-right.png); background-repeat:no-repeat; float:right; width:19px; height:18px;}
#header .right .sub .top .left {background-image:url(images/sub-top-left.png); background-repeat:no-repeat; float:left; width:18px; height:18px;}
#header .right .sub .med-right {background-image:url(images/med-right.png); background-repeat:repeat-y; background-position:right;}
#header .right .sub .med-left {background-image:url(images/med-left.png); background-repeat:repeat-y; background-position:left;}
#header .right .sub .down {background-image:url(images/sub-down.png); background-repeat:repeat-x; height:18px;}
#header .right .sub .down .right {background-image:url(images/sub-down-right.png); background-repeat:no-repeat; float:right; width:19px; height:18px;}
#header .right .sub .down .left {background-image:url(images/sub-down-left.png); background-repeat:no-repeat; float:left; width:18px; height:18px;}
#header .right .sub ul {float:left; list-style:none; margin:0px; padding:0px; margin:10px 18px; width:165px;}
#header .left {width:720px; float:left;}
#header .left a.adv {background-image:url(images/header-adv.png); background-repeat:no-repeat; width:374px; height:62px; display:block; margin-left:136px; margin-top:55px; float:left;}
#header .left .news {width:495px; height:44px; float:right; margin-top:38px;}
#header .left .news .left {background-image:url(images/last-news.png); background-repeat:no-repeat; float:left; width:97px; height:44px;}
#header .left .news .marquee {margin-left:97px; color:#FFFFFF; padding-top:20px;}
#header .left .lang {width:150px; margin-top:51px; float:left; height:31px;}
ul.bbbbbb{ 
	list-style:none; 
	padding:0;
	margin:0;
	width:100px;
	position:relative;
}
ul.bbbbbb li{ display:block; height:30px; width:100px; padding-top:8px; text-align:center;}
ul.bbbbbb li a.f{ display:block; height:22px; width:75px; color:#FFF; text-decoration:none;}
ul.bbbbbb li div.dddddd{ display:none;}
ul.bbbbbb li:hover div.dddddd{ display:block; position:absolute; top:30px; width:78px; height:auto; }
ul.bbbbbb div.dddddd a{ display:block; height:23px; width:78px; margin-bottom:2px; text-align:center;} 

#header #tabbing {height:209px; float:left; width:635px;}
#header #tabbing .flags {float:right;}
#header #tabbing .flags img {margin-right:10px;}
#header #tabbing .flags ul {list-style:none; margin:0 20px; padding:0px; float:right; width:78px;}
#header #tabbing .flags ul li {text-align:center; margin:0 0 5px; width:79px;}
#header #tabbing .flags ul li a {text-decoration:none; color:#000;}
/*======== /header ========*/

/*======== footer ========*/
#footer {background-image:url(images/footer.png); background-repeat:repeat-x; height:135px;}
#footer .right {background-image:url(images/footer-right.png); background-repeat:no-repeat; float:right; width:94px; height:135px;}
#footer .right a {width:84px; height:72px; display:block; margin-top:35px; float:right;}
#footer .left {float:left;}
#footer .left a {float:left; width:32px; height:32px; margin-top:85px; margin-right:10px;}
#footer .left a.facebook {background-image:url(images/facebook.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.facebook:hover {background-image:url(images/facebook-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.youtybe {background-image:url(images/youtybe.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.youtybe:hover {background-image:url(images/youtybe-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.firefox {background-image:url(images/firefox.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.firefox:hover {background-image:url(images/firefox-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.fr {background-image:url(images/fr.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.fr:hover {background-image:url(images/fr-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.google {background-image:url(images/google.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .left a.google:hover {background-image:url(images/google-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;}
#footer .center {background-image:url(images/footer-center.png); background-repeat:no-repeat; width:298px; height:135px; margin:0px auto;}
/*======== /footer ========*/