/**
 * Filaty 2.0 CSS
 * Main Cascading Style Sheet  
 *
 * @packageFilaty
 * @authorMuhammed Abdel-Shakour Arab
 * @copyright	Copyright (c) 2007-2008, Division Designs.
 * @websitehttp://division.itkallem.com
 * @sinceVersion 1.0.5
 * @release	    code fv0220080625css 
 */
 
body { width:auto;  background:url('images/gbg.png') repeat-x #f5f1e8; 	color:#3a3a3a; 	font:normal 12px tahoma; 	padding:0px;	margin:0px;}


a,a:link,a:visited{	color:#b11717; 	text-decoration:none; }
a:hover{ color: #006699; }

h1,h1 a,h1 a:link,h1 a:visited{ font:bold 31px Arial; 	color:#2b4454;/*b11717; */	line-height:33px;	margin:0px 0px 15px 0; }
h1 a:hover{ 	color:#5e5e5e; 	border-bottom:6px solid #f0f0f0; }
	
h2{ 	font:normal 11pt Tahoma; 	padding-bottom:0px; 	padding: 5px; 	margin:0px; 	margin-bottom:7px; }
	   
h3 { color:#3a3a3a; font:bold 15pt Arial;  padding:0px; margin:0px; margin-bottom:3px;}	   

h4{ color: #656565; font:bold 12pt Arial; padding: 0px; margin:0px; }

h5 { font:normal 17px Tahoma; color:#A90101; padding: 0px; margin:0px; margin-bottom:10px; }

h6 { margin:1px; padding:1px; font:normal 8pt Tahoma;}



blockquote { margin:0px; padding:5px; background:#fdfdfd; border:1px solid #efefe7;}

.ctright small { font-size:8pt; } 

img {  border:0px; }

.headtab {
height:auto;
text-align:right;
border-bottom:0px solid #676767;
/*2A3945*/
/*background: url('images/mbgr.gif') repeat-x #3B3B3B;*/
}

.cwrapper 
{
width:928px;
border:0px solid #cc3333;
margin: 0 auto;
direction:rtl; 
padding-bottom:0px;
/*background:#F5F5F5 url('images/gradient.gif') repeat-x top right;*/
}

.cwrapper small { font-size:11pt; color:#726969;  } 
.cwrapper small a:link{ color:#777; }

.clear{	clear:both; }

.introwrapper {
	padding:0 15px 0 5px;
	background:url('images/u2.png') repeat-x top #f5f1e8;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-shadow: #fff 0px 1px 0px;
}

#introleft {
	margin:15px 0 0 0; 
}

.mainheader
{
	display:block;
	height:60px;
	padding:25px 0px 25px 0px;
	text-align:right;
	width:100%;
	/*background:#F5F5F5 url('images/gradient.gif') repeat-x top right;*/
}

.ctright,.ctleft,.ctinline {  display:inline; color:#A90101; text-shadow: #fff 0px 1px 0px;}
.ctright { width:45%; float:right; padding-top:7px; } .ctleft { width:52%; float:left;}
.ct50,.ct50l { width:49%;}
.ct50{ float:right; } .ct50l{ float:left; }

.s40 { float:right; width:23%; margin-left:9px; border:0px solid #cc3333; height:60px;}
.s60 { float:left; width:50%; border:0px solid #cc3333; }

.bigintro { height:120px; margin-top: 10px; padding:10px 250px 0px 10px; background:url('images/intro/test2.png') top right no-repeat; border-bottom:0px solid #fff; }
.bigintro h1 { padding:0px 5px 0 0; margin:0px; }

.ctinline { width:20%;  float:right; text-align:right; padding:10px 65px 15px 5px; border:1px solid #fff; margin:0px 0px 0px 7px;
-moz-border-radius: 9px;	-khtml-border-radius: 9px;	-webkit-border-radius: 9px;border-radius: 9px;}
.ctinline  small { font-size:12px; color:#726969;}

.ctinline h3 { padding:0px; margin:0px; }

.ctpick { background:url('images/pick.png') center right no-repeat #eae5db; }
.ctshare { background:url('images/share.png') center right no-repeat #eae5db; }
.ctupload { background:url('images/upload.png') center right no-repeat #eae5db; }

.ctbtn { text-align:center; padding:9px; border:1px solid #fff; margin:7px 0px 0px 7px;
-moz-border-radius: 7px;	-khtml-border-radius: 7px;	-webkit-border-radius: 7px; border-radius: 7px; behavior: url('ie-css3.htc'); }
.ctbtn small { font-size:12px; color:#726969;}
.ctbtn h3 { padding:0px; margin:0px;}
.ctbtnbg { background:url('images/ctbtnbg.png') center repeat-x; }
.ctbtnbg:hover,.ctbtnbgb:hover,.ctbtnbgbl:hover { background:url('images/ctbtnbgw.png') center repeat-x;}
.ctbtnbg:active,.ctbtnbgbl:active{background:#cdcdcd;}

.ctbtnbgb h3 { padding:0px; margin:0px; color:#fff; text-shadow: #000 0px 1px 0px;}
.ctbtnbgb { background:url('images/ctbtnbgb.png') center repeat-x; }
h3 { text-shadow: #fff 0px 1px 0px;}
.ctbtnbgg { background:url('images/ctbtnbgw.png') center repeat-x; }
.ctbtnbgg:hover { background:url('images/ctbtnbgb.png') center repeat-x; }

.ctbtnbgbl{ background:url('images/ctbtnbgb.l.png') center repeat-x; }

.pxdiv{ padding:7px; background:d5d5d5; border:2px solid #cdcdcd; -moz-border-radius: 9px;	-khtml-border-radius: 9px;	-webkit-border-radius: 9px;border-radius: 9px;}
.pxdiv small { font-size:8pt; }
.pxdiv var small { font-size:10pt; letter-spacing:0px; }

.pxbg { background:url('images/icons/support.png') left center no-repeat #f0f0f0;}
.pxbgbox { padding:7px 7px 7px 70px; background:url('images/icons/browse.png') left center no-repeat #f0f0f0;}

.a_grey a, .a_grey a:link, .a_grey a:visited { color:#536069; } .a_grey a:hover { color:#9e2419; }
.b_arrow { background:url('images/ar2.png') left center no-repeat #fff; }
.b_arrow:hover { background:url('images/ar2.png') left center no-repeat #f0f0f0; }
.b_arrow:active { background:url('images/ar2.png') left center no-repeat #fff; }
/** Main Bar **/
.ifloat
{
	float:right;
	width:450px;
	padding-right:0px;
	border-left:1px dotted #fff;
	text-shadow: #fff 0px 1px 0px;
}

.efloat
{
	float:right;
	width:450px;
	text-align:left;
	border-right:1px dotted #b9c8ce;
	text-shadow: #fff 0px 1px 0px;
}

.headmenu {
	background:#cdcdcd;
	border:1px solid #fff;
	padding-bottom:1em;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

/** Content **/
.contentwrapper
{
	background:#fff;
	margin-top:10px;
	padding:15px 15px 15px 15px;
	border:1px solid #fff;
	padding-bottom:1em;
	min-height:320px;
	-moz-border-radius-topright:17px;
	-webkit-border-top-right-radius:17px;
	-moz-border-radius-topleft:17px;
	-webkit-border-top-left-radius:17px;
}

.contright ,.contright-f
{
	float:right;
	border:0px solid #cc3333;
	text-align:right;
} 

.contright
{
	width:66%; 
}

.contleft,.contleft-f
{  
	float:left; 
	border:0px solid #cc3333;
	text-align:right;
}

.contleft 
{  
	width:33%; 
}

.contright-f
{
	width:50%; 
}

.contleft-f
{  
	width:49%; 
}

#introleft  ul
{
	list-style-type:none;
	color:#5e5b5b;
	font-size:12px;
	margin:0px;
	padding:0px 0px 5px 15px;
	display:block;
	overflow:hidden;
	border:0px solid #ff0000;
}

#introleft li
{
	padding:7px;
	/*background:url('images/photo.png') left center no-repeat;*/
	border-bottom:1px dotted #909090;
	
}

.bigtitle {
	color:#363636;
	margin-bottom:1em; 
	font:bold 20pt Arial;
	letter-spacing:-1px;
}

.helpsec
{
	font:bold 17px Arial;
	border-bottom:1px dotted #cdcdcd;
	background:url('images/folder_page.png') 99% no-repeat #f5f5f5;
	margin:2px;
	padding:7px 30px 7px 7px;
}

.nos{  margin:1px; font:normal 11px Tahoma; padding:10px 0; width:80px; height: 53px; color:#fff; text-align:center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

var{ display:block;font:bold 34px/34px arial,sans-serif;letter-spacing: -2px;margin:0 0 -2px 0; }

.imgpage {
margin:0 1em 1em 1em; 
max-width:420px;
text-align:center;
border:9px solid #cdcdcd;
	-moz-border-radius:9px; 
	-webkit-border-radius:9px; 
	-khtml-border-radius:9px; 
	border-radius:9px;
}

.betadiv
 {  
position:absolute;
right:320px;
}

.imgview 
{ 
	width:25%; 
	height:25%; 
	background:url('images/sbg.png');
}

.ontouch:hover
{
	-moz-opacity:.85;
	opacity:.85;
}

.borderplus
{
	border:2px solid #cdcdcd;
	padding:1px;
}

.borderplus:hover
{
	border:2px solid #006699;
}

/* Menu Hover */
.subHover ul {
	margin: 0px;
	padding: 0px;
}

.subHover ul li {
	margin: 2px;
	padding: 0px;
	list-style-type: none;
	font:bold 11px tahoma;
	background: url('../images/arrow.c.gif') no-repeat center right #f5f5f5;
	border: 1px solid #cdcdcd;
	-moz-border-radius:9px; 
	-webkit-border-radius:9px; 
	-khtml-border-radius:9px; 
	border-radius:9px;
}

.subHover ul li a {
	display: block;
	padding: 7px;
	padding-right: 25px;
	text-decoration: none;
}

.subHover ul li a:visited {
	display: block;
}

.subHover ul li a:hover {
	background: #EBE8E1;
	display: block;
	text-decoration: none;
}
/*********/


/** Rounded Corners **/
.white{ margin: 0 0%; background: #fff; }
.white p { padding:3px 5px 0 0;  }
b.rbtop { display:block; background: #fff; } /**#EFEFEF*/
b.rbbottom{ display:block; background: #FFF; }
b.rbtop b { display:block; height: 1px; overflow: hidden; background: #fff;}
b.rbbottom b{ display:block; height: 1px; overflow: hidden; background: #fff;}
b.rb1{ margin: 0 5px; }
b.rb2{ margin: 0 3px; }
b.rb3{ margin: 0 2px; }
b.rbtop b.rb4, b.rbbottom b.rb4{ margin: 0 1px;height: 2px; }

div#beige{ margin: 0; background: #EFEFEF; }
div#beige p { padding:3px 5px 0 0;  }
b.rpatop { display:block; background: #FFF; }
b.rpabottom{ display:block; background: #FFF; }
b.rpatop b { display:block; height: 1px; overflow: hidden; background: #EFEFEF;}
b.rpabottom b{ display:block; height: 1px; overflow: hidden; background: #EFEFEF;}
b.rpa1{ margin: 0 5px; }
b.rpa2{ margin: 0 3px; }
b.rpa3{ margin: 0 2px; }
b.rpatop b.rpa4, b.rpabottom b.rpa4{ margin: 0 1px;height: 2px; }
div#beige:hover{ background: #f3f3f3; }

.pickf
{
	padding:3px; 
	margin:3px 3px 15px 3px;
}

.pickf:hover
{
	background:#f7f5f4;
}

#uploader-wrapper h1, #uploader-status h1
{
	padding:0px; 
	margin:0 0 10px 0;
	border-bottom:1px solid #dddad5;
}


.ehandler h3
{
	font-weight:bold;
	font-size:105%;
	border-bottom:1px solid #dddad5;
	margin:0 0 1em 0;
}

.ehandler p
{
	font:bold 12px Tahoma;
} 
.ehandler small
{
	font-size:85%;
}

.inlinebtnmain
{
	width:100px; 
	float:right;
	padding-right:0.5em;
}

.inlinebtnstat
{
	width:400px; 
	float:left; 
	text-align:left;
	margin-top:1em;
	margin-left:1em;
}

.upinput,.upinput-s{ width:90%; } .upinput-f{ width:80%; } .upinput-t{ width:75%; }
.upinput,.upinput-f,.upinput-t,.sbutton,.upinput-s 
{
	direction:ltr;
	border:2px solid #cdcdcd;
	padding:1px;
	background:#fcfcfc;
	color:#2a2a2a;
	letter-spacing:-1px;
	font:normal 10pt Verdana;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}

.upinput-s 
{
	height:18px;
	font:bold 14px Verdana;
	
}

.sbutton
{
	margin-top:5px;
	font:bold 10pt Tahoma;
}

.upinput:hover,.upinput-f:hover,.upinput-s:hover, .sbutton:hover
{
	background:#f5f8ed;
	border:2px solid #bad982;
}


.notice
{ 
	border:1px solid #fdeebb; 
	background:url('images/ann.png') 99% no-repeat #FFFEEB; 
	padding:5px 30px 5px 5px;
	color:#ca0000; 
	font:bold 12px Tahoma; 
	direction:rtl;
	color:green; 
	width:90%; 
	margin:0 auto; 
	font-size:70%; 
	margin-bottom:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.notice small
{ 
	color:#cdcdcd; 
}

/* Register Form */
.subnote
{
	font-size:9px;
	color:#777;
}

.footertab {

	height:100px;
	color:#7b725e;
	font-size:11px;
	padding:5px;
	text-align:right; 
	width:928px;
	color:#6d675c; 
	padding-top:10px;
}

.scratchfooter 
{ 	
	padding:10px 0 0 0;
	width:100%;
	background:url(images/fbg.gif) repeat-x #F2F2F2; 
	text-shadow: #fff 0px 1px 0px;
}

.nqtip{ padding:2px; font-size:90%; color:#777; font-weight:normal; background-image:none; width:97%;}
/* Navigation */
#navi {font:bold 11px Tahoma; height:3em; line-height:3em; text-shadow: #000 0px 1px 0px; }
#navi ul { margin:0; padding:0; }
#navi li { float:left; margin:0; padding:0; list-style-type:none; border-right:0px #E8E8E8 solid; }
#navi li a { display:block; padding:0 10px; letter-spacing:0px; color : #9fb4b8; }
#navi li a:hover { color : #fcfcfc; background: url('images/mbgrhover.gif') center top no-repeat; }
/* End: Navigation */

form
{
	padding:0px;
	margin:0px;
}

/** Input Fields && TextAreas **/
.searchbtn { border:0px; width:70%; padding:5px; font:normal 15px Tahoma; text-shadow:#fff 0px 1px 0px; }
.submitsbtn { border:0px; color:#fff; padding:5px; font:bold 15px Arial; }


.dlbut { font:normal 14pt Tahoma; height:50px; background:url('images/sbg.png') center left; padding-right:5px; text-shadow:#fff 0px 1px 0px;
border:1px solid #bebaa6; margin-top:7px; color:#49423a; -moz-border-radius: 5px;	-khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}

.dlbut:hover { border:1px solid #9eb054; color:#890f0f; }

.sbut { font:normal 11pt Tahoma; background:url('images/sbg.png') center left; 
border:1px solid #a59e87; margin:1px;}

.tipsntags {  border: 1px solid #ecdfdf; width:97%; background:#fcfcfc; padding:5px; font-size:11px; 
background:url('images/tbg.png') center left; margin-bottom:3px;  }


#subcontent { color:#666;  width: 97%; padding: 8px; display:none;  
border-top: 3px solid #cdcdcd; font-size:11px; }

.lbl 
{ 
	font-size:90%; 
	font-weight:bold; 
} 

.brw-d
{
	width:98px; 
	text-align:center; 
	padding:7px; 
	margin-bottom:5px; 
	background:url('images/brw-bg.png') top no-repeat; 
	font-size:15pt; 
	font-weight:bold; 
	font-family:Georgia;
	color:#fff;
	text-shadow: #666 0px 1px 0px;
	
}

.brw-d:hover,.brw-d:focus
{
color:#006699;
}

/** ClearFix for content float **/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



.dlbk ul {
margin: .88em;
padding: .7em;
list-style: none;
direction:rtl;
font-size:12px;
	}
	
.dlbk li {
display: block;
margin: 2px 0;
padding: 3px;
padding-right:15px;
background:url(images/arrow.list.png) right no-repeat;
border-bottom: 1px solid #c6c6b9;	
	}

/*---------- image/file pages */
#bvars { border:1px solid #cdcdcd; }
#bvars p { margin-top:12px; }
#bvars span { padding:5px; margin:1px; color:#fff; font:bold 9px Tahoma; 
-moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; 
}
#bvars span:hover { background:#91180d;} 

.dlinfo {
	border-top:1px dotted #cdcdcd;
	padding-top:35px; 
	margin: 35px 20px 5px 5px;
}

/*---------- uploader info division ------------*/
.upintro {}

#upexts { font:bold 9px Tahoma; float:right; width:50%;}
#upexts p { margin-top:12px; }
#upexts span { padding:5px; margin:1px; color:#fff; font:bold 9px Tahoma; 
-moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; 
}
#upexts span:hover { background:#91180d;} 

#uprivacy { padding:5px; margin:1px; color:#fff; float:left; width:auto; }
#uprivacy div { padding:10px; margin:1px; color:#5c5c5c; font:bold 11px Tahoma; 
-moz-border-radius: 7px; -khtml-border-radius: 7px;	-webkit-border-radius: 7px;	border-radius: 7px; }

.rspan { -moz-border-radius: 7px; -khtml-border-radius: 7px;	-webkit-border-radius: 7px;	border-radius: 7px; }
.px0div { border:1px solid #d3e4ee; padding:5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;  }
.px1div { padding:5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;  }

.t_bg { background:url(images/tbg.png); }

.c_white { background :#fff; }
.c_owhite { background :#f0f0f0; }
.c_opeige { background:#faf9f5; }
.c_osky { background:#e4edf2; }
.c_grey { background :#c8c8c3; } .c_grey:hover { background :white; }
.c_green { background:#74910d; border: 1px solid #74910d; text-shadow: #000 0px 1px 0px; } .c_grey:active, .c_green:active { border: 0px solid #74910d;  background:#cacaca; }
.c_blue { background:#006699; }
.c_red { background:#91180d; }
.c_redlite { background:#ebbaba; }
.c_yellowlite { background:#ebe0ba; }

.ct_grey { color :#3a3a3a; }	
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-45px; left:0;
	padding: 0px 0 0 0;
	width:auto;
	color: #993300;
	border:1px solid #cdcdcd;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

/*----------LightBox--------*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top:-45px; left:0;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 10px solid #cdcdcd;
	background-color: white;
	z-index:1002;
	overflow: auto;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.white_content_share {
	display: none;
	position: absolute;
	top: 25%;
	left: 34%;
	width: 25%;
	height: 25%;
	padding: 16px;
	border: 10px solid #cdcdcd;
	background-color: white;
	z-index:1002;
	overflow: auto;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

/*---------- Paginator -----------*/
.paginate {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}

a.paginate {
	border: 1px solid #808080;
	background:#f0f0f0;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	color: #9f1f1e;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


a.paginate:hover {
	background-color: #9f1f1e;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #808080;
	padding: 4px 10px 4px 10px;
	cursor: default;
	background:#9f1f1e;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

span.inactive {
	border: 1px solid #999;
	padding: 4px 10px 4px 10px;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/*-------------- smart columns ---------------*/
.container {
	border:0px solid #cdcdcd;
	padding: 1px 1%;
}
ul.column{
	width: 100%;
	padding: 0;
	margin: 0px 0 0px;
	list-style: none;
}
ul.column li {
	float: right;
	width: 144px;
	padding: 0;
	margin: 10px 0;
	display: inline;
}
.block {
	height: 121px;
	font-size: 1em;
	margin-right: 5px;
	padding: 2px;
	text-align:center;
	background: #e3e1d5;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.block:hover { background: #cdcdcd; }

.blocksince a, .blocksince a:link, .blocksince a:visited {
	color:#1b3140;
}

.blocktitle { margin-bottom:1px;}
.blocksince { margin-right:10px; color:#8a8a8a; }

.block img {
width: 100px;
max-height:100px;
border:3px solid #cdcdcd;
}