/* 
 * Jawal Main CSS
 * Febreuary 5th 2009
 * (c) 2009 Division Designs <divisiondesigns.com>
 */


body{
	background:url('../img/bg.main.gif') #f4f4d5;
	min-height: 100%; height: 100%;
	/*overflow: auto;*/
	direction:rtl;
	border-top:5px solid #39597f;
}

a, a:link, a:visited{ color:#555; text-decoration:none;}

a:hover { color:#2c5d93; }

small
{
	font-size:80%;
}

h4, h4 a, h4 a:link, h4 a:visited { color:#2c5d93; border-bottom:1px dotted #cdcdcd; padding-bottom:3px; margin-bottom:7px;}
h4 a:hover { color:#555; }

.wider
{
	background:url('../img/back.gif') repeat-x;
	width:100%;
}

.container
{
	background:url('../img/gbg.png') repeat-x;
	font-family:Tahoma, Lucida Sans Unicode, Arial;
	color:#575757; font-size:90%;
}

.container2
{
	background:url('../img/tbg.png') bottom repeat-x;
	width:100%; height:116px;
	position: absolute;
	bottom: 0px; 
	z-index:-1;
}

.wrapper{
	width:896px;
	border:0px solid #cdcdcd;
	margin:0 auto;

}

.header
{
	padding:0px;
	border:0px solid #ff0000;
}

.headtab{  /*background:url('../img/bg.ex.png') top center no-repeat;*/ /*padding:0px 5px 5px 5px;*/ }

.headtabr{ /*background:#fff;*/  padding:14px 9px 9px 9px; height:36px; float:left; direction:rtl; border:0px solid #2c5d93; }

.heady { border:1px solid #cdcdcd; margin:7px 0 0 7px; padding:5px; background:none; width:468px; height:60px; float:left; text-align:center;}

/* Navigation Backs */
#nvbg { padding:20px; margin-right:5px;}
#nbmail {background:url('../img/icons/mail.png') center right no-repeat; margin-right:5px; }
#nbadv {background:url('../img/icons/adv.png') center right no-repeat; margin-right:5px;}
#nbsug {background:url('../img/icons/add_file.png') center right no-repeat; margin-right:5px;}
#nbmain {background:url('../img/icons/bk.png') center right no-repeat; margin-right:5px; }

.logodiv
{
	position: relative;
	right:0px;
	height:20px;
	width:230px;
	border-top:0px;
	float:right;
	border:0px solid #ff0000;
}


.mainbody
{
	text-align:center;
}

.bodiv
{
	margin:5px 0 0 0;
	background:url('../img/trans.borders.png'); 
	padding:5px;
}

.bodivr
{
	background:#fff; 
	padding:1px;
}

.bodywelcome
{
	margin:0px;
	
}

.wmain
{	
text-align:right;	 
}

.wsub
{
	/*margin-top:1.3em;*/
	/*background:url('../img/welcome.bgp2.png') bottom repeat-x #ecebde;*/
	margin-left:5px;
}

.sidecb { background:url('../img/welcome.bgp2.png') bottom repeat-x #ecebde; }
.welcomenav
{
	background:url('../img/tabr.png') top repeat-x #ecebde;
	border:1px solid #ecead9;
	padding:5px;
	width:95%;
	text-align:right;
	font-size:95%;
}

.wnp{
	padding-top:5px;
	color:#063d4d;
	margin-bottom:2px;
	font: bold 13pt arial;
	padding-right:5px;
}

.ligames,.liapps,.limms,.lithemes,.lirng,.libgs { float:left; }

.ligames{ background:url('../img/icons/star_full.png') top left no-repeat; }
.liapps{ background:url('../img/icons/disc.png') top left no-repeat; }
.limms{ background:url('../img/icons/camera.png') top left no-repeat; }
.lithemes{ background:url('../img/icons/computer.png') top left no-repeat; }
.lirng{ background:url('../img/icons/rng.png') top left no-repeat; }
.libgs{ background:url('../img/icons/bgs.png') top left no-repeat; }

.searchp
{
	font: bold 13pt arial;
	margin:0px 9px 5px 5px;
	padding:5px;
}

.searchin { margin:5px 0px 0px 5px; }

.smalltah {  font:normal 9px tahoma; color:#777; }

/** Welcome Nav **/
#wnavi { border:1px solid #ff0000; height:30px; line-height:30px; width:99%;}
#wnavi ul { margin:0; padding:0; }
#wnavi li { float:left; margin:1px; padding:0; list-style-type:none; }
#wnavi li a{ font:bold 14pt Arial;  background: url('../img/pat.png'); display:block; padding:0 10px; color : #fff; text-decoration:none;}
#wnavi li a:hover{ color: #fff; background: url('../img/pat.alt.png');  }

.wmenu { margin-left:15px; }

.wmenu ul,.wmenu-inv ul{ margin: 0; padding: 0; float: right; border:0px solid #fff; width:99.9%;}
.wmenu ul li,.wmenu-inv ul li{ display: inline; margin:1px; margin-top:0px; }
.wmenu ul li a,.wmenu-inv ul li a{  float: left; text-decoration: none;  color: white; margin:2px;  margin-top:0px;  padding: 10.5px 10.5px 11px 10px;  border:0px solid #fff; cursor:pointer;}
.wmenu ul li a:visited{ color: white;}
.wmenu-inv ul li a:visited{ }
.wmenu ul li a:hover, .wmenu ul li .current{ color: #fff; background: url('../img/pat.alt.png'); }
.wmenu-inv ul li a:hover, .wmenu-inv ul li .current{ color: #fff; background: url('../img/pat.png'); }

.wmenu ul li a { font:bold 14pt Arial;  background: url('../img/pat.png'); width:12%; }	
.wmenu-inv ul li a { font:bold 13pt Arial;  background: url('../img/pat.alt.png'); text-align:right; color:#2c5d93;  width:12%;}	



.welcomeround { /*background:#dee5ec;*/ background:url('../img/welcome.bgp.png') bottom repeat-x #d6e1ea; overflow:hidden; }
b.wrtop, b.wrbottom{display:block;background: url('../img/bg.main.gif'); } b.wrtop b, b.wrbottom b{display:block;height: 1px; overflow: hidden; background: #d6e1ea;}
b.wr1{margin: 0 5px} b.wr2{margin: 0 3px} b.wr3{margin: 0 2px} b.wrtop b.wr4, b.wrbottom b.wr4{margin: 0 1px;height: 2px}

b.wrtop2, b.wrbottom2{display:block;background: url('../img/bg.main.gif'); } b.wrtop2 b, b.wrbottom2 b{display:block;height: 1px; overflow: hidden; background: #ecebde;}
b.wr12{margin: 0 5px} b.wr22{margin: 0 3px} b.wr32{margin: 0 2px} b.wrtop2 b.wr42, b.wrbottom2 b.wr42{margin: 0 1px;height: 2px}

b.wrtop21{display:block; background:#d6e1ea; }b.wrtop21 b{display:block;height: 1px; overflow: hidden; background: #ecebde;}
b.wrbottom21{display:block; background:url('../img/welcome.bgp.png') center repeat-x #ecebde; }
b.wrbottom21 b{display:block;height: 1px; overflow: hidden;  background: #e9e8d8; }
b.wr12{margin: 0 5px} b.wr22{margin: 0 3px} b.wr32{margin: 0 2px} b.wrtop2 b.wr42, b.wrbottom2 b.wr42{margin: 0 1px;height: 2px}

.pcolor
{
	color:#2c5d93;
	font-size:110%;
}

.pusers, .pdls, .pvts,.pcts
{
	font:bold 13pt Arial;
	padding-right:24px;
	height:1em;
	padding-top:5px;
}

.pusers{ background:url('../img/icons/user.png') top right no-repeat; }
.pdls{ background:url('../img/icons/download.png') top right no-repeat; }
.pvts{ background:url('../img/icons/vts.png') top right no-repeat; }
.pcts{ background:url('../img/icons/full_page.png') top right no-repeat; }

.icontent
{
	margin:0px 0 0 0;
	padding:0 5px 0px 5px;
	border:5px solid #cedce7;
	border-top:0px;
	background:#fff;
}


.jnew, .jmain
{
	text-align:right;
	padding-right:7px;
	margin-top:1px;
	padding-top:7px;
}

.jmain { direction:rtl; font:bold 12pt Arial;}

.jnewspace
{
	border-top:2px solid #cdcdcd; 
	width:97.1%; 
	margin-bottom: 1em; 
	padding: 8px;
	padding-top:14px;
	background:url('../img/roundedc.png') repeat-x #fff;
	border-bottom:2px solid #f5f5f5; 
}

.sideround2 { background:url('../img/tabr.png') bottom repeat-x #f1efe5; }

.catscontainer { background:url('../img/roundedc.png') repeat-x #fff; }

.dp50 h6 { background:#f2f8fb; }

h6,h6 a,h6 a:link, h6 a:visited
{
	padding:3px; padding-bottom:0px;
	margin:3px; margin-bottom:4px; margin-top:10px;
	font:bold 13pt Arial;
	text-decoration:none;
	color:#2c5d93;
}
h6 a:hover {  }

.smallcat,.smallcat a,.smallcat a:link,.smallcat a:visited
{
	border-bottom:1px dotted #cdcdcd;
	text-decoration:none;
	padding-top:5px;
}

.snum { color:#dbd9b7; }

.regnow { width:80%; background:url('../img/transp.png'); padding:7px; font:bold 11pt tahoma; border:1px solid #cdcdcd; text-align:right; }
.regnow:hover {  cursor:pointer; border:1px solid #b9c5d0; }
.regbg { background:url('../img/icons/users.png') top left no-repeat;}

.loginf { width:80%; text-align:right; font:bold 10px Tahoma; }
.loginf span { font-size:120%; color:#2c5d93; border-bottom:1px dotted #cdcdcd; }

.rounded,.rounded2 {
  padding:5px;
  text-align:right;
  margin:7px 10px 15px 0;
  border:0px solid #cdcdcd;
}
.rounded { width:93%; }
.rounded2 { width:97%; }

.roundedcontainer
{
	padding:4px;
	background:url('../img/sidearrow.png') top right no-repeat #fff;
}

.roundedcontainer2
{
	padding:4px;
	background:url('../img/sidearrow2.png') top right no-repeat #fff;
}

.sidebg
{
	/*background:url('../images/sidebg.png') right repeat-y;*/
	border-right:1px solid #cdcdcd;
}

.rounded p{margin: 0 10px 13px;}

.sideround { background:#f1efe5; }
b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #f1efe5}
b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


.blueround { background:#e9f1f5; }
b.rtop2, b.rbottom2{display:block;background: #fff} b.rtop2 b, b.rbottom2 b{display:block;height: 1px; overflow: hidden; background: #e9f1f5;}
b.r12{margin: 0 5px} b.r22{margin: 0 3px} b.r32{margin: 0 2px} b.rtop b.r42, b.rbottom2 b.r42{margin: 0 1px;height: 2px}

.bround { background:url('../img/bround.gif') top repeat-x #fff; }
.bround p {  margin:10px; padding:10px; }

.fdp
{
	margin:5px 15px 0px 0px;
	background:#f0efe5;
	padding:5px;
}

.footer
{
	background:url('../img/bg.footer.gif') repeat-x #f0efe5;
	padding:2em 0 15px 0;
	border-top:0px solid #cdcdcd;
}

.footer h1
{
	margin-bottom:1em;
	border-bottom:1px dotted #cdcdcd;
	color:#07375c;
}

.footer a,.footer a:link, .footer a:visited
{
	text-decoration:none;
	font:normal 10px Tahoma;
}

/* Navigation IF */
.navif {  width:100%; }
.navif ul { margin:0; padding:0; }
.navif li { margin:0; padding:1px; list-style-type:none;}
.navif li a { display:block; letter-spacing:0px;  padding:5px; margin:0px; color:#555; border-bottom:1px solid #f4f3ee; }
.navif li a:hover {  background:#efefe9;  }

/* Malo Framework */
.dpleft { float:left; }
.dpright { float:right; }
.dp20,.dp22,.dp25,.dp30,.dp33,.dp50,.dp66,.dp70,.dp77,.dp100{display:inline;*margin-left:-0.04em; border:0px solid #d9e7f0;}
.dp20{width:20%;}
.dp22{width:22%;}
.dp25{width:25%;}
.dp30{width:30%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp66{width:66%;}
.dp70{width:70%;}
.dp77{width:77%;}
.dp100{width:100%;}
.clear{clear:both;}

.titlec{ color:#4f493c; }
.smallc{ color:#6f6a5e; }

/* Menu */
.nav2 { margin-left:25px; }
#navi2 {font:bold 11px Tahoma, Arial;  }

#navi {font:bold 11px Tahoma, Arial; height:30px; line-height:30px;}

#navi ul,#navi2 ul { margin:0; padding:0; }
#navi li ,#navi2 li { float:left; margin:1px; padding:0; list-style-type:none; }
#navi li a,#navi2 li a { display:block; padding:0 10px; color : #666; text-decoration:none;}

#navi li { background:url('../img/transp.png'); }
#navi li a:hover{ color : #006699;  }

#navi2 li { background:url('../img/trans2s.png'); margin:3px; }
#navi2 li a:hover { color : #fff; background:#333; }

h1
{
	font:bold 16pt Arial;
	border-bottom:0px dotted #cdcdcd;
}

form {
	margin: 6px 0px 0px 12px;
}
h3 {
	font-size: 0.9em;
	margin: 0px 0px 8px 0px;
}
h3 label {
	cursor: pointer;
	font:bold 15px Arial;
}

input {  color:#777; font-size:9pt; }
.normal {
	font-weight: normal !important;
}

.stxt {
background-image: url('../img/input.gif');
border: 1px solid #AAAAAA;
margin: 0px 0px 4px 0px;
padding:1px;
font-family:Tahoma;
}
.logintxt {
background-image: url('../img/back.gif');
border: 1px solid #AAAAAA;
margin: 4px 0px 4px 0px;
padding:3px;
font:bold 9pt Tahoma;
}
.logintxt:hover { color:#006699; cursor:pointer; }

.input,.nput {
	font-size: 1em;
	color: #444444;
	background: url('../img/input.gif') repeat-x #fff;
	padding: 4px;
	border: 2px solid #AAAAAA;
	font-family:Tahoma;
}

.input { width: 390px; margin: 0px 0px 12px 0px; }
.nput { font:bold 12pt Arial; }

.inputsc {
	font-size: .7em;
	color: #444444;
	background: url('../img/input.gif') repeat-x #fff;
	padding: 4px;
	border: 2px solid #AAAAAA;
	font-family:Tahoma;
	width: 390px; margin: 0px 0px 12px 0px;
}
.button {
	font-family: "Lucida Sans Unicode", "Tahoma", sans-serif;
	margin: 0px 0px 0px 4px;
	padding: 4px;
	cursor: pointer;
}
.buttonimg
{
	border:0px; padding:0px; margin:0px;
	cursor: pointer;
	background:url('../img/shorten.png');
}

.buttonimg:hover
{
	background:url('../img/shorten.hover.png');
}

td { text-align:right; padding:5px; }
.err { padding:7px;
	display: block;
	color:#cc3333;
	border:1px solid #ffd0d0;
	font:bold 11pt Arial;
	background:#FFF4F4;
	width:85%;
}

.headr
{
	font:bold 11pt Arial;
	color:#006699;
}

.thumbnailr
{
	border:1px solid #d5d0b7;
	background:#f1efe5;
	text-align:right;
	padding:5px;
	margin:3px;
	/*min-height:210px;*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.thumbnailr:hover{ border:1px solid #b7cdd5; background:#d4e3e9; }
.thumbnailr img { border:1px solid #c2bb99; border-right:3px solid #c2bb99; border-bottom:3px solid #c2bb99; }
.thumbnailr img:hover {  border:1px solid #99b1c2; border-right:3px solid #99b1c2; border-bottom:3px solid #99b1c2; }

.det-semi
{
	border:1px solid #c0c0c0;
	background:#ececea;
	text-align:right;
	padding:5px;
	margin:3px;
	font:bold 11px tahoma;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.rpdd {  padding-right:5px;}
sup { color:#ab0a0a; font:normal 9px tahoma; }

.catdrop { 
	border:1px solid #b7cdd5;
	background:#dde8ed;
	text-align:center;
	padding:1px;
	margin:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	font:normal 11px tahoma;
}

.tabledrop { 
	text-align:center;
	padding:1px;
	margin:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	font:normal 11px tahoma;
}

.tabledrop td{ border-bottom:1px solid #cdcdcd;} 
.tdspace {  width: 1px;}

.graysec { 
	border:1px solid #dbdbdb;
	background:#f2f2f2;
	text-align:right;
	padding:3px;
	margin:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	font:normal 11px tahoma;
}

.loggedu
{
	font:bold 13pt Arial;
}

.button { font-family:tahoma; font-size:93%; }

.dlbut
{
	padding:.9em;
	margin:10px;
	border:1px solid #cdcdcd;
	font:bold 14pt Arial;
	width:200px;
	background:url('../img/back.gif'); 
}

.dlbut:hover
{
	border:1px solid #7aad1d;
	color:#7aad1d;
}