body { margin: 0; padding: 0; font-size: 12px; font-family: tahoma, Arabic Transparent, Traditional Arabic, Simplified Arabic, Arial; *direction:rtl; }

h1 {	margin: 0; padding: 0; font-size: 13px; display: inline; font-weight: normal }
h2 {	margin: 0; padding: 0; font-size: 13px; display: inline }
h3 {	margin: 0; padding: 0; font-size: 12px; display: inline; font-weight:normal }

form	{margin: 0; padding: 0;}

img {border: 0;}

table, select, input, textarea	{font-size: 12px; font-family: tahoma, Arabic Transparent, Traditional Arabic, Arial; }
.bgtxt {font-size: 12px;line-height: 150% }

a,visited { text-decoration: none;}
a:hover {text-decoration: Underline;}

ol {margin: 10px; padding: 10px;}
ol li {margin:0px 5px 5px 0px; padding:0px 5px 5px 0px;}

/* Begin header */
.header { width:100%; height: 100%; direction: rtl;  font-size: 11px}
.header .logoarea {width: 300px; float: right;  padding: 1px 10px 0px 10px;}
.header .searcharea {width: 540px; *width: 530px; float: left; padding: 8px 2px 2px 2px; }
.header .channels {width: 540px; *width: 530px; float: left;  padding: 5px 0px }
.header .channels a, .header .chanels a:visited { text-decoration: none; }
.header .channels a:hover { text-decoration: underline; }
.header .drop-down {  padding:0.25em 0.67em 0.25em 0.25em; width: 12.50em; float: left; position: relative; text-align: right; }
.header .drop-down .ar { height: 0.916em; width: 0.58em; float: left; }
.header .popup-menu {width: 12.50em; height: 24.33em; padding: 0.42em; position: absolute; top: 1.5em; left: 0; overflow: auto; z-index: 999;}
.header .popup-menu a {display: block; padding: 0.25em; }
.header .popup-menu a.last { border-bottom: none; }
.header .searchbox {width: 540px; *width: 530px; float: left; padding: 30px 0px 10px 0px}
.header .searchbox input{margin:5px 0 0 5px;}
.header .searchfld { width: 305px; padding: 4px; float: right }


/*Footer Begin*/
.footer { width: 940px;  height: 100%;  line-height: 150%; overflow: hidden; padding: 25px 20px 10px 20px; text-align: right}
.footer a,visited{text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.gry {font-size:11px; }
.gry2{background:#f1f2f2}

/* Begin body */
.main { width: 980px; margin: 0 auto; height: 100%; overflow: hidden; position:relative}
.cntnt { direction: rtl; padding-top:3px;*padding-top:6px}

.clmnrit {float: right; width: 640px; }
.clmnlft {float: left; width: 320px; padding-right: 20px}
.clmnritin {float: right; width: 740px; padding-left: 10px; _padding-left: 0; *padding-left: 0;_overflow:hidden;}
.clmnlftin {float: left;  width: 220px;_padding-left: 0; *padding-left: 0;_overflow:hidden;}

.nav{ height: 55px; direction: rtl; width: 100%; clear: both}
.nav .rght{float:right;   }
.nav .lft{ float:left; width: 100%; height: 55px;}
.nav ul{list-style: none;  height:42px;  margin:0px; padding: 13px 25px 0 0; font-weight: bold; width: 955px; overflow: hidden  }
.nav li { float: right; padding-left: 20px; text-align:right; height:45px;}
.nav li a,visited {text-decoration:none; display:block; padding-left: 20px; height: 20px; float: left }
.nav li a:hover{text-decoration:none; }
.nav .lftli { float: left; padding: 0px 20px 0px 0px; }
.subnav a,visited {text-decoration: none; display:block; padding: 0px 20px 0px 10px;  float: right }
.subnav a:hover{text-decoration:underline; }
.subheader{ font-size: 11px; padding: 5px; overflow:hidden; height: 100%; }
.subheader a:hover{text-decoration:underline;}

.padr20 { padding-right: 20px}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.padt25{padding-top:25px;}
.mart10{ margin-top: 13px;}

.w230 { width: 230px}
.w730 { width: 730px}
.w310 { width: 49%}

/* additional class */
.w170{width:170px;}
.algn01{vertical-align:top; margin-top:0px; *margin-top:-5px;}

.new { font: bold 10px tahoma}
.btns { height: 24px; width: 68px; border: 0px; font-weight: bold; padding: 0 0 2px 0;  cursor: pointer; }
.btns2{ height: 24px; width: 78px; border: 0px; font-weight: bold; padding: 0 0 2px 0;  cursor: pointer; }

.box1 { background: url(personalize.gif) right no-repeat;width: 127px; height: 75px; float: right; padding: 60px 123px 0px 0px}
.box1 a,visited { color:#000000;}
.box2 { background: url(meet-friends.gif) right no-repeat; width: 127px; height: 75px; float: right; padding: 60px 123px 0px 0px}
.box2 a,visited { color:#000000;}
.box3 { background: url(Star.gif) right no-repeat; width: 135px; height: 55px; float: right; padding: 80px 90px 0px 0px}
.box3 a,visited { color:#000000;}
.oh { overflow: hidden; height: 100%}
.blt {  padding: 2px 10px 5px 5px; margin: 5px}
.blt li {list-style-image: url(li.gif); line-height: 140%;  padding-bottom: 0px;  }
.brdr {line-height: 150%}

.txt10{ font-size: 10px; font-weight: normal}
.txt14{ font-size: 14px}
.txt16{ font-size: 16px}
.txt18{ font-size: 18px}

.cls{ clear:both; }
.half { line-height: 50%; }
.fltrit { float:right; }
.fltlft { float:left; }

.urStatusBg {background: url(urstatusBg.gif) no-repeat; width: 96px; height: 23px; padding: 2px;}
.urStatus {background: url(urStatus.gif) repeat-x; height:23px;}
.red { color:#CC3300}
.dlvr_msg{ padding: 5px 25px 5px 5px;  background: url(appear.gif) 99% no-repeat; border: 1px solid #1c9904; color: #1c9904}
.error_msg{ padding: 5px 25px 5px 5px;  background: url(disappear.gif) 99% no-repeat; border: 1px solid #ca0000; color: #ae1414}


.orngbg {margin-bottom: 2px }
.blubg a,visited{ text-decoration:none ; color:#FFFFFF}

/*.grybg { background: #f7f7f7; border: 1px solid #e1e1e1;}*/
.grybg {background: #fef9ec; border: 1px solid #e59c35;}


/* Aseel Classes */


.pages  { margin-bottom: 10px}
.pages2 { margin: 10px }
.pages A , .pages2  A{TEXT-DECORATION: none;}

.pages .current {FONT-WEIGHT: bold; BACKGROUND: #eba000; BORDER:solid 1px #eba000; color:#FFF;}
.pages2 .current {FONT-WEIGHT: bold;BORDER:solid 1px #e1e1e1; color:#666666;}

.pages td {BORDER:solid 0.08em #eba000; padding:3px 5px; }
.pages2 td {BORDER:solid 0.08em #e1e1e1; padding:1px 5px; }

.pages A:hover {text-decoration:underline; }
.pages .nextprev {COLOR: #666; border:none; }

.pages2 A:hover {text-decoration:underline; }
.pages2 .nextprev {COLOR: #666; border:none;font-weight:bold}



.btnsorng { height: 24px; width: 68px; border: 0px; font-weight: bold; padding: 0 0 2px 0;  cursor: pointer; }

.update {background: #fefbec; position: relative; background: #fefbec; position: relative; border: 1px dashed #FF6600; height: 100%; overflow: hidden}
.err {background: #8c0505; padding: 8px; color:#FFFFFF; overflow: hidden; height:100%}
.err a,visited {color: #FFFFFF}
.reslink a,visited { color: #009900}

.delete-frnd {border:1px outset #CCCCCC; height:280px; overflow-y:auto; overflow-x: hidden; padding:5px; width:690px;}
.urfrnd {border:1px outset #CCCCCC; height:305px; overflow-y: scroll; padding:5px; width:260px;}

.date { background: url(date.gif) no-repeat; text-align:center; width: 27px; height: 25px; color: #f45310; font-weight: 700; font-size: 14px; 
padding: 10px 15px 0 0;  }

.txtno { font-weight: normal; font-size: 12px}

.box1_grp {background:url(box_01.jpg) center no-repeat; height:153px; }
.box2_grp {background:url(box_02.jpg) center no-repeat;height:153px; }
.box3_grp {background:url(box_03.jpg)  center no-repeat; height:153px;}

.imgm img { vertical-align: middle;}

.gift_money_box {width: 220px; float: right; height: 115px; padding: 5px; margin: 0 3px; border: 1px solid #e1e1e1}

.chnlicon { background:url(icons.gif) left top no-repeat; width: 19px;  float:left }


.nav ul.main1 li {list-style-image: none;}

.imgb {width: 590px;  overflow-x: auto;  overflow-y: hidden}
.padt15 { padding-top: 15px;}


.aaaaaaa{position:relative;left:0; *left:-270px;}
.fdbk .feedr {position:relative; *position:absolute; padding-top:3px; margin-left: 0px;margin-top:-4px;}
.fdbk .feed  {width: 410px; text-align: right; margin-top: -3px;  }
.fdbk .feedbg {background: #eeeeee; width: 97%; padding: 5px;}
.fdbk .feedp { position: absolute; left: 0; top: 44px; *top: 47px; display: block }
.fdbk .feedz {  position: absolute; margin-top: -21px; *margin-top: -18px; left: 100px;}

.fdbk .feedb  {font-weight: bold; overflow:visible;  border-bottom: 0px solid #fff; padding-bottom: 1px; width:290px; text-align: left; direction: rtl; padding-right: 8px ; float:left}
.fdbk .feedb a,visited  { margin: 0px 3px 0;  display: block; float:left; }
.fdbk .feedb a:hover  { text-decoration: none;}

.fdbk .feed10 {padding: 10px; margin:0;}

.fdbk .feedtopline  {height: 12px;}
.clsfeed{ cursor:pointer}
.fr{text-align:left;}
.fdlable{ margin-top:0px; vertical-align:middle}
.fdlable span{margin-top:-2px;color:#FC9201}
.fdlable .pls{vertical-align:bottom; margin-bottom:-2px;_margin-bottom:0px}
.btnfd {background:transparent url(theme/btnb.gif) no-repeat scroll 0 0;border:0 none;color:#FFFFFF;cursor:pointer;font-weight:700;height:26px;width:110px;}

.fdbk .feedt { background: url('dot.gif') #fff top repeat-x; width: 390px; height: 10px;  float: right; }
.fdbk .feedtrit { background: url('tr.gif') top right no-repeat; width: 10px; height: 10px; float: right;}
.fdbk .feedtlft { background: url('tl.gif') top left no-repeat; width: 10px; height: 10px; float: left;}

.fdbk .btmmar { margin-top: -3px;  }
.fdbk .feedbtmrit { background: url('br.gif') top right no-repeat; width: 10px; height: 10px; float: right;}
.fdbk .feedbtm { background: url('dotb.gif') #fff top repeat-x; width: 390px; height: 10px; float: right;}
.fdbk .feedbtmlft { background: url('bl.gif') top left no-repeat; width: 10px; height: 10px; float: left;}

.fdbk .feedline {border-right: 3px solid #545454; border-left: 3px solid #545454; background: #fff; margin-top: -16px; }


.txtemail{ width:260px; border:1px solid #BAC8D6; height:18px}
.txteara{width:260px; border:1px solid #BAC8D6}
.loadFeed {background:transparent url(wait_logo.gif) no-repeat scroll left top;float:left;height:16px;width:16px;}

.tellbox{width:400px;  border:1px solid #C2CBCF; background:#eeefef url(../images/boxbg.gif) repeat-x top; font-size:12px; font-family:tahoma ; padding:10px; text-align:right; direction:rtl }
.tellbox .titletb{margin-bottom:10px; padding-bottom:6px; font-weight:bold; border-bottom:1px solid #EBEBEB}
.tellbox .tellclose{ position:absolute; top:10px; left:10px;*top:18px;*left:14px}
.tellbox .tellclose img{border-width:0px}
.tellbox .tellchooses{margin-top:10px}
.tellbtn{background:transparent url(../images/btns.gif) no-repeat scroll 0 0;color:#FFFFFF;border:0 none;cursor:pointer;font-weight:bold;height:24px;padding:0 0 2px;width:68px; font-family:tahoma; font-size:11px}

.boxbg {line-height:150%;}

/* additional class */
.box4 {float:right; height: 75px; padding:5px  21px 5px 5px; line-height:31px; font-size:12px; direction:rtl}
.box4 a,visited { color:#3c4693;}
.btnbx4{background:url(theme/grd_btn.gif) center top repeat-x; padding-bottom:2px; border:none; width:150px; height:24px; color:#fcfcfc; 
font-size:12px; font-weight:bold}
.cntcommsta{ padding:10px 0; overflow:auto}
.commsta{float:left; width:630px; border:1px solid #c1c1c1; background:#f6f6f6 url(bgcomm.gif) repeat-x; position:relative; padding:5px 10px 10px;}
.commsta  .arrowcm{position:absolute;left:650px;top:8px}
.commsta  .iconrem{position:absolute;left:4px;top:4px}

.txtcomm{float:left; width:650px; position:relative;}
.txtcomm .arrowcm{position:absolute;left:649px;top:8px}
.txtcomm .commarea{width:629px;*width:634; height:40px; padding:8px; margin-bottom:4px}
.boxh{height:170px;*height:178px; margin-top:22px; padding:0 6px}

.status{float:left; width:630px; position:relative; padding:14px 10px 14px 76px; background:#F4F8FC; border:1px solid #E1E1E1; font-weight:bold; color:#2C4E85}
.status .btncomm{width:49px ; height:24px; color:#FFFFFF; border-width:0px; background:url(btncomm.gif) no-repeat;padding-bottom:4px;}

.statusold{float:left; width:716px; position:relative; padding:0px 0px 10px 0; margin-bottom:5px; font-weight:bold; color:#2C4E85; border-bottom:1px solid #CCCCCC}
.statusold .iconrem{position:absolute;left:8px;top:7px}
.lastdq{vertical-align:text-top; margin-right:8px}
.status .iconrem{position:absolute;left:8px;top:7px}
.status .iconsave{position:absolute;left:8px;top:14px}
.status .iconrem a,visited{ color:#a2a29a; text-decoration:none; font-weight:normal}
.status .iconrem a:hover{ color:#73736b;}
.status .txtstatus{width:614px; padding:3px 4px 3px 4px}
.option label{vertical-align:middle}
.option .chk{vertical-align:middle}

/* new classes */
.blubg, .blubg02 { height: 16px; margin-bottom: 2px; padding: 6px 5px; overflow:hidden; vertical-align: middle }
.blubg02{ padding:0; height:24px;}
.blubg02 div{ padding:5px}

.bold{font-weight:bold;}
.boxbg02, .boxbg02 td {line-height: 190%}
.txt12{font-size:12px;}
.orngbg h3{font-size:13px;}

.grdcont{ padding-bottom:5px;}
.grdcont table td, .grdcont table td.valgn{vertical-align:top; text-align:right; font-size:13px;}
.grdcont table td.valgn{padding-right:0px;}
.grdcont h2, .boxbg02 h2, .blubg h2, .blubg02 h2{ font-size:14px; font-weight:bold;}
.blubg h2, .blubg02 h2{ font-size:12px;}

.grdcont .paddiv01{padding:10px 30px 0px 15px;}
.grdcont .paddiv02{ padding:10px 0px 0px 0px;}

.grdcont .posdiv01{margin-top:42px; *margin-top:39px; _margin-top:21px; padding-left:20px;}
.grdcont .posdiv02{margin-top:50px; *margin-top:44px; _margin-top:42px; padding-right:5px;}
.grdcont .posdiv03{margin-top:20px; padding-left:20px;}

.grdcont .pdspn{padding-right:20px;}

.grdcont .txtfeld{width:189px;}
.grdcont .txtfeld02{width:149px;}
.grdcont .txtslct{width:192px;}

.btnsml,.btnsml02 {height:24px; width:70px; text-align:center; font-weight:bold; padding-bottom:8px; cursor:pointer}
.boxbg02 table td{padding-left:0px;}

.tdhigt{height:28px; *height:24px; _height:22px;}
.grdimg, .grdimg03{ padding:10px 5px 5px 5px; _padding:11px 8px 0 0;}
.grdimg03{_padding:11px 10px 0 0;}
.grdimg02{ height:302px; width:100%; padding-top:11px; margin-top:6px;}
.txtwht{ line-height:150%;}

.vimg img { vertical-align: middle;}



/* image popup */
.imgdiv{background:#000000; border:1px solid #7c7c7c; width:100px; clear:both; text-align:center; color:#fcfcfc;
direction:rtl; padding:5px 0 7px 0;}
.imgdiv, .imgdiv a, .imgdiv a:link, .imgdiv a:visited, .imgdiv a:hover{color:#FFFFFF;}

.imgdiv img {vertical-align:top;}
.imgdiv .img{border:1px solid #ffffff; text-align:center;}

#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;direction:rtl;text-color:#FCFCFC;	}

.selected{background:#f1f2fa}
.open{background:#FFFFFF}
.selected td, .open td{padding:8px 0}
.cnticon{width:42px; margin-right:5px}
.cnticon img{ margin-right:1px}
.cnthamsat{border:1px solid #e1e1e1; background:#f1f2fa }
.menuh{background:url(bgmenuh.gif) repeat-x;height:30px;}

.menuh .link1 , .menuh .link2{color:#FFFFFF; font-weight:bold; font-size:11px}
.menuh .link1{background:url(bglink1.gif) no-repeat;padding:4px 12px;}
.menuh .link2{background:url(bglink2.gif) no-repeat right;padding:4px 7px; display:block}

.linkh{font-weight:bold; color:#074693; font-size:12px}
.tblhamsat{margin-top:10px}
.tblhamsat td{vertical-align:top; font-size:12px; line-height:150%}
.tblhamsat td label{line-height:150%}
.line{ padding:0 0px 0 0px; background:#f8f9ff}
.line div{ background:url(bgline.gif) repeat-x; height:1px; line-height:0; font-size:0}

.cnttahdee{margin-top:13px; background:#222937; padding:10px; color:#FFFFFF}
.list_age{width:55px; }
.list_sex{ width:87px}
.line2{height:1px; background:url(bgline.gif) repeat-x; margin-top:10px}

.cntleft{background:#222937 url(bglist_t.gif) no-repeat; width:136px; float:left; height:387px; padding: 35px 10px 0 0}
.cntright{width:550px ; float:right; padding-right:10px}

.row_t{height:35px; margin-top:5px}
.icon_t , .txt_t{display:block}
.icon_t{float:right;}
.txt_t{float:left; width:90px; padding:3px 5px 0 5px}
.txt_t a,visited{ color:#000000; font-weight:bold; margin-top:3px}
.txt_t a:hover{ text-decoration:none}
.all_lnk_t{text-align:left; padding-left:10px}
.all_lnk_t a,visited{color:#f78f2b}
.tit_t{color:#f78f2b; font-size:18px; display:block; padding-right:10px; margin-bottom:20px}
.tit_t:hover{text-decoration:none}


.pic_t , .pic_bg_t {height:250px; float:right}
.pic_t{background:url(bg_pict.jpg) no-repeat; width:128px; text-align:center; padding:10px 10px 10px 0}
.pic_bg_t{background:url(txt_ta7addi.gif) no-repeat top center; width:240px; }

.row_pic_t{width:112px; margin-top:5px}
.row_pic_t td{padding:4px 0; }
.row_pic_t td a,visited{color:#074693; font-weight:bold; font-size:11px}

.vote{background: url(btn_t.gif) no-repeat; width:68px; height:24px; border-width:0; color:#FFFFFF; font-weight:bold; margin-top:24px; padding-bottom:6px; cursor:pointer}

.txt_t2{padding:10px; text-align:center}
.txt_t2 a,visited{color:#FFFFFF; font-size:14px; font-weight:bold}
.txt_t2 a:hover{ text-decoration:none}

.btn_t{ background:url(btn_t2.gif) no-repeat; width:231px; height:39px; border-width:0; cursor:pointer; margin-top:10px}
.btn_t3{ background:url(btn_t3.gif) no-repeat; width:186px; height:39px; border-width:0; cursor:pointer; margin-top:10px}

.result_t{border:1px solid #d5d5d5; background: url(bgbox2.gif) bottom repeat-x; padding:10px; direction:rtl }
.prg{background:url(bg_percentage.gif) no-repeat ; width:70px; height:77px; text-align:center; color:#ffffff; font-weight:bold; padding-right:3px; margin:0px 0 3px 0}
.prg .num{font-size:18px}
.prg .mark{font-size:10px; font-weight:normal}
.box_h_a{width:137px; height:auto; border:1px solid #d5d5d5; background:#FFFFFF}
.boxn {border:1px solid #d5d5d5; background: #eeefef;padding:10px}
.result_t1{border:1px solid #d5d5d5; background: url(bgbox2.gif) bottom repeat-x; direction:rtl }
.pic_view{ text-align:right; padding-right:10px}
.tbl_listplayer td{vertical-align:middle; font-size:11px; padding-bottom:4px}

.com1{background:url(combgn.gif) top right repeat-y; width: 492px;}
.com2{background:url(combgnt.gif) top right no-repeat;}
.com3{background:url(combgnb.gif) bottom right no-repeat; padding: 10px 30px 10px 10px}