/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:12px;
/*	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/*	line-height: 1;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Custom Code */

* {margin:0px;padding:0}
h1 {font-size:36px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

html {
	margin:0px auto; /* for the rest */
	text-align:center; /* for IE */
}

body  {
	background-position:center top;
	background-repeat:repeat-y;
	background-attachment:fixed;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #145ea9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.twoColFixRtHdr #container {
	width: 968px;
	overflow:hidden;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #145ea9;	/*text-align: left;  this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header {
	position:relative;
	text-align:center; /* for IE */
	height: 207px;
	width: 968px;
	background-image:url(header.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-bottom:0px;
	padding:0px;
}

.twoColFixRtHdr #sitenews {
	position:relative;
	float:right;
	height:22px;
	width:485px;
	right:0px;
	top:185px;
	margin:0px;
	color: #2868c0;
	font-size:14px;
}

.twoColFixRtHdr #sitenews a {
	color: #2868c0;
	text-decoration: none;
}

.twoColFixRtHdr #sitenews a:hover {
	color:#558d04;
	text-decoration: none;
}

.twoColFixRtHdr #sidebar1 {
	position: relative;
	float: right; /* since this element is floated, a width must be given */
	width: 167px;
	padding-right: 3px;
}
.twoColFixRtHdr #mainContent {
	position: relative;
	float:right;
	width:798px;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #footer {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	direction: rtl;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
} 
.twoColFixRtHdr #footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}



/*Blocks CSS*/
div.w2a-box-wide {
	width : 100%;
}

div.w2a-box-br,div.w2a-box-wide {
	padding: 0px;
	margin: 0px;
	float:right;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(box-br.gif);
	background-repeat: repeat-y;
	background-position: right bottom;	
}

div.w2a-box-bl {
	padding: 0px;
	background-image: url(box-bl.gif);
	background-repeat: repeat-y;
	background-position: left bottom;	
}

div.w2a-box-tr {
	padding: 0px;
	background: url('box-tr.gif') no-repeat top right;	
}

div.w2a-box-tl {
	background: url('box-tl.gif') no-repeat top left;
	padding: 6px;
}

div.w2a-box-br h3 {
	background-image: url(home.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-indent: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FF7302;
	vertical-align: middle;
	height: 38px;
	width:auto;
	display: block;
	line-height: 38px;
}

h3.block_header{
width:auto;
}

div.module_menu div.w2a-box-ct {
	padding: 2px 0 0 !important;
}

div.w2a-box-ct {
	background: url('box-bg.gif') repeat-x top left !important;
}

.w2a-box-ct.clearfix img {
	padding: 0px;
}


.nomaty{
	height:24px;
	width:506px;
	margin-top:138px;
	float:right;
}
.tnomaty{
	height:24px;
	width:82px;
	float:right;
	background:url(images/nomaty.png) no-repeat top right;
}
.cnomaty{
	background:url(images/bgnomaty.png) repeat top right;
	height:24px;
	float:right;
	width:414px;
	overflow:hidden;
	text-align:right;
	padding:0 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
}
.cnomaty ul{
	margin-top:0;
	list-style:none;
	direction:rtl;
}
.cnomaty li{
	margin-top:0;
	text-align:right;
	line-height:23px;
}
.cnomaty li a{
	color:#FFF;
	text-decoration:none;
}
.cnomaty li a:hover{
	text-decoration:underline;
}
#ticker {
	height: 40px;
	overflow: hidden;

}
#ticker li {
	height: 40px;
}
/*div,p,li{font-size:12px}
li{margin-left:16px;}*/
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0px;background:#eee}

.sample{padding:3px 3px; margin:3px 0 25px 0px; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{
	width:320px;
	background:#fff;
	text-align:right;
	padding:2px;
}

.buttons{padding:5px;
text-align:center;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

/* Sample 5*/
#box5{
	position:absolute;
	width:310px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0px;
}


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0px;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:325px;
	height:50px;
	position:absolute;
	background-image: url(info_bar.gif);
	background-repeat: repeat-x;
	float:left;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
	text-align:right;	
}
.info h4{
	font-size:14px;
}
.info a{
	float:left;
	background:#fff;
	color:#145ea9;
	font-size:14px;
	padding:0 3px;
	text-decoration:none
}

.mask2{
	position:relative;
	width:325px;
	height:193px;
	overflow:hidden;
	border: 1px solid #999;
}

/* Sample 5*/
#box5{
	position:absolute;
	left: 0px;
	width:325px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0px;
	left: 0px;
}


span img{
	display:block;
	border:none;
}

.w2a_pub {
	background-image: url(pub01.gif);
	background-repeat: no-repeat;
	height: 164px;
	width: 300px;
}

#w2a_mainfile {
	width: 430px;
	height: 460px;
	background-image: url(mainfile_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow:auto;
	border: 1px solid #b4d0d7;
	text-align: center;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	color: #145ea9;	
}

#w2a_mainfile p {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	color: #145ea9;
}

.w2a_flashpl {
	height: 140px;
	width: 557px;
	background-image: url(flash_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

/*بداية بلوك التصويت*/
#w2a_survey {
	height: auto;
	width: 322px;
	background-image: url(mainfile_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #b4d0d7;
}

#w2a_survey p {
	background-image: url(survey.gif);
	height: 64px;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 18px;
	font-weight: bold;
	color: #2892DF;
	text-align: right;
	vertical-align: middle;
	padding-right: 66px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C5390E;
	padding-bottom: 5px;
	margin: 7px;
	line-height: normal;
}

#w2a_survey #title #small {
	font-size: 12px;
	text-align: center;
	display: block;
	font-weight: normal;
	color: #145ea9;
	padding: 3px;
}

#w2a_survey #title a{
	text-decoration: none;
	color: #2892DF;	
}

/*نهاية بلوك التصويت*/

.divtitle{
	background-image: url(title.jpg);
	background-position: center center;
	height: 30px;
	width: 100%;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 5px;
	overflow: hidden;
}

.divtitle a, .divtitle a:visited, .divtitle a:hover{
	color: #FFF;
	text-decoration: none;
}

.w2a_custom , .w2a_default {
	height: auto;
	width:auto;
	border: 1px solid #b4d0d7;
	font-weight: bold;
	color: #2892DF;
	text-align: center;
	background-color: #FFF;
	overflow: hidden;
	position: relative;
}

.w2a_default {
	width: 784px;
}

.w2a_cds {
	height: auto;
	width: 285px;
	border: 1px solid #b4d0d7;
	font-size: 18px;
	font-weight: bold;
	color: #2892DF;
	text-align: center;
}

.w2a_cds img{
	padding-bottom: 5px;
	padding-top: 5px;
}

.w2a_mbanner {
	height: auto;
	width: 480px;
	border: 1px solid #b4d0d7;
	font-size: 18px;
	font-weight: bold;
	color: #2892DF;
	text-align: center;
}

.w2a_mbanner img {
	border: 1px dashed #999;
	margin: 2px;
	padding: 1px;
}

.w2a_submit {
	border-style: none;
	cursor:pointer;
	display: block;
	width: 84px;
	height:21px;
	color:#FFF;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	padding-bottom:5px;
	font-size:12px;
	background:url(images/voteb.png) no-repeat top right;
	margin: 10px 20px 0 0;
}
.w2a_submit:hover {
	padding: 0 1px 4px 0;
}
.w2a_search {
	float:none;
	border-style: none;
	cursor:pointer;
	width: 56px;
	height:25px;
	text-indent: -9999px;
	background:url(search_button.png);
	padding-top: 10px;
	padding-bottom: 5px;
}

.w2a_sub {
	float:none;
	border-style: none;
	cursor:pointer;
	width: 62px;
	height:25px;
	text-indent: -9999px;
	background:url(sub_button.png);
	padding-top: 10px;
	padding-bottom: 5px;
}

.w2a_news {
	height: auto;
	width: 250px;
	background-image: url(mainfile_bg.jpg);
	background-position: LEFT bottom;
	background-repeat: no-repeat;
	border: 1px solid #b4d0d7;
	font-size: 18px;
	font-weight: bold;
	color: #2892DF;
	text-align: right;
	overflow: hidden;
}

.w2a_news #small {
	font-size: 12px;
	text-align: center;
	display: block;
	font-weight: normal;
	color: #145ea9;
	padding: 3px;
}

/* news Menu */
ul.news {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: right;
	direction: rtl;
}

ul.news li {
	display: block;
	background: none;
	margin: 0px;
	padding: 4px;
	line-height: 26px;
	text-align: right;
	font-size:12px;
	font-weight:bold;
	color: #3a93ee;
	vertical-align: middle;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b4d0d7;
}

ul.news li a {
	display: block;
	outline: none;
	margin: 0px;
	text-decoration: none;
	color: #0b57a2;
	padding-left:5px;
	padding-right:25px;
	padding-top:2px;
	padding-bottom:2px;
	overflow: hidden;
	height: 18px;
	line-height: 16px;
	background-image: url(menu_icon.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.news li a:hover,
ul.news li a:active,
ul.news li a:focus {
	color: #558d04;
	text-decoration: none;
	background-image: url(menu_icon2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* news homecss */
ul.homecss {
	list-style: none;
	margin:-5px 0 0 0;
	padding: 0px;
	display: block;
	text-align: right;
	direction: rtl;
}

ul.homecss li {
	display: block;
	background: none;
	margin: 0px;
	padding: 4px;
	line-height: 14px;
	height: 15px;
	text-align: right;
	font-size:12px;
	font-weight:bold;
	color: #3a93ee;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b4d0d7;
}

ul.homecss li a {
	display: block;
	outline: none;
	margin: 0;
	text-decoration: none;
	color: #0b57a2;
	padding-left:5px;
	padding-right:25px;
	height: 15px;
	line-height: 14px;
	background-image: url(menu_icon.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.homecss li a:hover,
ul.homecss li a:active,
ul.homecss li a:focus {
	color: #558d04;
	text-decoration: none;
	background-image: url(menu_icon2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


/* news top 10 */
ul.top10 {
	list-style: none;
	margin:0 0 0 0;
	padding: 5px 0;
	display: block;
	text-align: right;
	direction: rtl;
}

ul.top10 li {
	display: block;
	background: none;
	margin: 0px;
	padding:0 2px;
	line-height: 14px;
	height: 33px;
	text-align: right;
	font-size:12px;
	font-weight:bold;
	color: #3a93ee;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b4d0d7;
}

ul.top10 li a {
	display: block;
	outline: none;
	margin: 3px 0 0 0;
	text-decoration: none;
	color: #0b57a2;
	padding-top:5px;
	padding-right:19px;
	height: 23px;
	line-height: 14px;
	background-image: url(images/arr2.png);
	background-repeat: no-repeat;
	background-position: right 5px;
}

ul.top10 li a:hover,
ul.top10 li a:active,
ul.top10 li a:focus {
	color: #558d04;
	text-decoration: none;
	background-image: url(images/arr1.png);
	background-repeat: no-repeat;
	background-position: right 5px;
}




.mylabel{
	padding:3px;
	text-align: right;
	vertical-align: middle;
	height:20px;	
}
/* vars Menu */



.w2a_vars {
	height: auto;
/*	width: 250px;*/
/*	width: 382px;*/
	width: 308px;
	background-image: url(mainfile_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	border: 1px solid #b4d0d7;
	font-size: 18px;
	font-weight: bold;
	color: #2892DF;
	text-align: right;
	overflow: hidden;
}

.w2a_vars a{
	text-decoration: none;
	text-align: right;
	overflow: hidden;
}

.w2a_vars #small {
	font-size: 12px;
	text-align: center;
	display: block;
	font-weight: normal;
	color: #145ea9;
	padding: 3px;
	overflow: hidden;
}

ul.vars {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: right;
	direction: rtl;
	overflow: hidden;	
}

ul.vars li {
	display: block;
	background: none;
	margin: 0px;
	padding: 4px;
	line-height: normal;
	text-align: right;
	font-size:12px;
	font-weight:bold;
	color: #558d04;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b4d0d7;
	overflow: hidden;
}

ul.vars li a {
	display: block;
	outline: none;
	margin: 0px;
	text-decoration: none;
	color: #0b57a2;
	padding-left:5px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	overflow: hidden;
	line-height: 18px;
	overflow: hidden;	
}

.var_link a{
color: #0b57a2;
}
 
ul.vars li p{
	overflow:hidden;
	height:18px;
}

ul.vars li span{
	overflow:hidden;
	height:18px;
}

ul.vars li a:hover,
ul.vars li a:active,
ul.vars li a:focus {
	color: #558d04;
	text-decoration: none;
	overflow: hidden;	
}

ul.vars img{
	padding: 2px;
	border: 1px solid #b4d0d7;
	float:right;
	margin-left: 15px;
	background-color: #FFF;
}

ul.vars p{
	color: #666;
	overflow: hidden;	
}

/* 
	Blue Dream
	Written by Teylor Feliz  http://www.admixweb.com
	جدول الصوتيات و المرئيات
	FYI : class replaced with id so we will remve id soon
*/

.w2atable table,
#w2atable table {
	border: 0px solid black;
	border-spacing: 0px;
	margin: 0px;
}

.w2atable caption,
#w2atable caption {
	border:0px solid #5C443A;
	color:#5C443A;
	font-weight:bold;
	padding:6px 4px 8px 0px;
	text-align:center;
}

.w2atable tbody tr,
#w2atable tbody tr {
	text-align:center;	
}

.w2atable tbody tr.odd,
#w2atable tbody tr.odd {
	text-align:center;
	background-color: #dceeff;
}

.w2atable tbody tr.char_raw a,
#w2atable tbody tr.char_raw a {
	text-align:center;
}

.w2atable tbody tr:hover,
#w2atable tbody tr:hover {
	background:#e4fbd4;
	border-bottom:#145ea9 solid 1px;
}

.w2atable td,
.w2atable th,
#w2atable td,
#w2atable th {
	padding: 3px;
	height:30px;
	border-spacing: 0px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#0b57a2;
	text-align:right;
	overflow: hidden;
	vertical-align:middle;	
}

.w2atable thead th,
.w2atable tfoot th,
#w2atable thead th,
#w2atable tfoot th {
	margin: 0px;
	color:#145ea9;
	padding:0px 10px 3px 10px;
	text-align:right;
}

.w2atable tbody td a,
#w2atable tbody td a {
	text-decoration:none;
	text-align:right;
	color: #0b57a2;
	font-weight:bold;
	display: block;
}

.w2atable tbody td a:visited,
#w2atable tbody td a:visited {
	color:#5e5e5e;
	font-weight:bold;
	background-image:url('bullet_white.png');
	background-position:right center;
	background-repeat:no-repeat;
	font-weight:normal;/*	text-decoration:line-through;*/
}

.w2atable tbody td a:hover,
#w2atable tbody td a:hover {
	/*	text-decoration:underline;*/
	color: #558d04;
}

.w2atable tbody th a ,
#w2atable tbody th a {
	color:#363636;
	font-weight:normal;
	text-decoration:none;
	background-image:url('bullet_blue.png');
	background-position:right center;
	background-repeat:no-repeat;
}

.w2atable tbody th a:hover ,
#w2atable tbody th a:hover {
	color: #558d04;
}

.w2atable tfoot td,
#w2atable tfoot td {
	color:#145ea9;
	padding-top:3px;
}

/*بداية الوصلات العامة*/
a {
	color: #03F;
	font-weight:bold;
	text-decoration:none;
}

a:visited {
	color:#5e5e5e;
	font-weight:bold;
}

a:hover {
	color: #558d04;
}
/*نهاية الوصلات العامة*/

/*Reactor
الإطار العام الجدول المرئياتا و الصوتيات
*/
.block {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}

/*
.block:after {
	content: url(block_corner_lb.gif);
	display: block;
	height: 6px;
	margin: 0 -1px 0 -1px;
	text-align:left;
	background: url(block_corner_rb.gif) no-repeat 100% 0;
}
*/

.block-head {
	margin: 0 -1px;
	border-bottom: 1px solid #dee0e3;
	background: url(title_right.gif) 100% 0 #e3e6e8 no-repeat;
	font-size: 150%;
	font-weight: bold;
	width:auto;
}

.block-head .title {
	margin: 0px;
	padding: 7px 16px;
	border-bottom: 1px solid #dee0e3;
	background: url(title_left.gif) no-repeat;
	color: #f27100;
}

.block-content {
	padding: 15px 1px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: url(block_content_gradient_top.gif) 0 1px repeat-x;
}
/*Reactor
نهاية الإطار العام الجدول المرئيات و الصوتيات
*/




/*الأجندة*/
.cal_header {
	width: 400px;
	height:auto;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.calendar {
	width: 400px;
	vertical-align: middle;
	position: relative;	
	background-image: url(cal_bg.jpg);
	background-repeat: repeat-y;	
}


.cal_monthes {
	height: auto;
	width: 123px;
	float: right;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.c_month{
	font-size: 36px;
	font-weight: bold;
	color: #03F;
	padding-top: 20px;
	padding-bottom: 20px;
}

.p_month{
	clear: both;
	float: right;
	padding-right: 10px;
}

.n_month{
	clear: both;
	padding-left: 10px;
	float:left;
}

.cal_days , .cal_disabled{
	float: right;
	height: 33px;
	width: 33px;
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	line-height: 33px;
	position: relative;
	padding: 0px;
	text-align: center;
	direction: rtl;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}
.cal_days a{
	text-decoration:none;
	color:#666;
}

.cal_disabled{
	color:#D2D2D2;
}

.cal_days a:hover{
	color:#03F;
}

.cal_days a:visited{
	color:#999;
}

.cal_days_cont {
	float: right;
	width: 240px;
}

/*
Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/
Pagination Code
بداية صفحات التعليقات
*/

.pagination {
	padding: 5px;
}

.pagination ul {
	margin: 0px;
	padding: 10px 0;
	text-align:center; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.pagination li {
	list-style-type: none;
	display: inline;
	
	padding-bottom: 1px;
}

.pagination a{
	padding: 0 5px;
	height:30px;
	padding:5px 8px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	color: #2e6ab1;	
	}
.pagination a:visited {
	padding: 0 5px;
	height:30px;
	padding:5px 8px;
	border: 1px solid #5e5e5e;
	text-decoration: none;
	color: #5e5e5e;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #2b66a5;
	color: #145ea9;
	background-color: #e1f4f9;
	text-decoration:none;
}

.pagination a.currentpage {
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink,
.pagination a.disablelink:hover {
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext {
	font-weight: bold;
}

/*Comment Box*/
#main_comments {
	width:auto;
	height:400px;
	overflow:auto;
	border:10px;
	padding: 10px;
}

#admin_comment{
	width:450px;
	border:dashed 1px #03F;	float:right;
	clear:right;
	margin: 10px;
	padding:10px;
}

.commentheader {
	background-position:right bottom;
	text-align:right;
	padding-right: 90px;
	padding-bottom: 0px;
	font-size: 90%;
	color: #4A4A4A;
	padding-top: 3px;
	background-image: url(comment_arrow.gif);
	background-repeat: no-repeat;
	line-height: 2;
	width:auto;
	vertical-align: top;
}
.commentbox {
	background-color: #e1f4f9;
	min-height:30px;
	text-align:justify;
	margin-bottom: 2em;
	vertical-align: top;
	padding: 10px;
	width:auto;
	font-size: 14px;
}

.commentbox div {
	float:right;
	width:550px;
	margin-right:20px;
}

.commentbox .cmnt_flag {
	padding-left: 5px;
	float:right;
}

.commentbox #cmnt_flag {
	padding-bottom: 0px;
	padding-left: 5px;
	height: 30px;
	width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

span.cmnt_time {
	color: #808000;
	float: left;
	position: relative;

}

/*
نهاية صفحات التعليقات
*/

.rnd_item {
	width: 172px;
	
}

.thumbtv , .khotabtv {
	height: 131px;	
	width: 172px;
	background-image:url(khotabtv.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-align: center;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	position:relative;
}

.thumbtv{
	float:right;
	height: 151px;	
}

.thumbtv p{
	position: absolute; 
	float: none;
	top: 137px;
	right: auto;
	left: auto;
	width:100%;
	display:block;
	text-align: center;
}

.thumbtv img{
	border:none;
	margin-top: 4px;
}

.khotabtv img {
	border:none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

.thumbs img{
	border: 1px double #999;
	padding: 2px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	clear:both;
}

.thumbs {
	float:right;
	width:170px;
	height:155px;
	overflow:hidden;
	text-align:center;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

a.help{
	background-image: url(help.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 26px;
	text-indent: -9999px;
	display: block;
	position:absolute;
	top: 5px;
	left: 1px;
}

.var_group{
	margin: 10px;
	padding: 1px;
	float: right;
	height: 160px;
	width: 264px;
	border: 1px solid #b5e273;
	overflow: hidden;
	line-height: normal;
	text-align: right;
	display: block;
	vertical-align: middle;
	position: relative;
	padding:10px 10px 0 10px;
}

.var_group:hover{
	background:#ebf6da;
	border: 1px solid #508504;
}

.var_group img{
	height: 75px;
	width: 100px;
	margin: 10px 12px 0 0;
}

.var_group .title{
	font-size: 16px;
	font-weight: bold;
	clear: both;
	width: auto;
	height: 25px;
	color: #000;
	text-align: center;
	background:url(images/way_green_bar.png) repeat-x 8px center;
	margin-bottom: 2px;
	line-height: 27px;
	padding: 2px;
	overflow: hidden;
}

.var_group .title a{
	color:#FFF;
	height:130px;
	width:260px;
	display:block;
	overflow:hidden;
}
.var_group a.bg_group {
	background:url('group.png') no-repeat bottom right;
	height:107px;
	width:120px;
	display:block;
	float:right;
	margin-top:10px;
}
a.cd_bg_group{
	background:url('group_cd.png') no-repeat bottom right !important;
	height:107px;
	width:120px;
	display:block;
	float:right;
	margin-top:10px;
}
a.cd_bg_group img {
height: 88px;
width: 89px;
margin: 13px 20px 0 0;
}
.var_group p {
	margin-top:10px;
}
.var_item{
	float: right;
	margin:8px 0;
}

.var_item img{
	height: 75px;
	width: 100px;
	border: 0px;
	clear: both;
	margin-top: 4px;
	margin-left:1px;
	margin-bottom: 25px;
}
.var_item a span{
	height:40px;
	overflow:hidden;
	display:block;
}

.var_item a{
	height: 140px;
	width: 139px;
	border:1px solid #f5fdff;
	display: block;
	vertical-align: middle;
	background-image: url(tv.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	margin: 3px;
	padding:10px 3px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.var_item.current_ch a{
	border: 1px solid #125ba4;
	background-color: #2579cf;
	color: #FFF;
}
a.cd_bg_img{
	background-image: url(tv_cd.png) !important;
	
}
a.cd_bg_img img {
	height: 104px;
	width: 105px;
	border: 0px;
	clear: both;
	margin-top: 6px;
	margin-left: 0px;
	margin-bottom: 8px;
	border-radius: 50%;
}
.var_item_cd a{
	background: url(images/cd.PNG);
	background-repeat: no-repeat;
	background-position: center 0;
}
.var_item_cd a img{
	margin-bottom:32px;
	margin-top:10px;
}
.var_item a:hover{
	border:1px solid #125ba4;
	background-color:#2579cf;
	color:#FFF;
}



.rec_group{
	margin: 3px;
	padding: 1px;
	float: right;
	height: 116px;
	width: 295px;
	border: 1px solid #C4D2FF;
	overflow: hidden;
	line-height: normal;
	text-align: right;
	display: block;
	vertical-align: middle;
	position: relative;
}

.rec_group img{
	height: 80px;
	width: 70px;
	float:right;
	padding: 1px;
	border: 0px;
	margin-left: 3px;
}

.rec_group .title{
	font-size: 16px;
	font-weight: bold;
	clear: both;
	width: auto;
	height: 20px;
	color: #03C;
	text-align: center;
	background-color: #C4D2FF;
	margin-bottom: 2px;
	line-height: 20px;
	padding: 2px;
	overflow: hidden;
}

.rec_item{
	margin: 3px;
	float: right;
	height: 116px;
	width: 145px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
	display: block;
	vertical-align: middle;
	background-image: url(tv.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.rec_item img{
	height: 75px;
	width: 100px;
	border: 0px;
	clear: both;
	margin-top: 4px;
	margin-bottom: 20px;
}

.abc{
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	display: block;
	overflow: auto;
	vertical-align: middle;
}

.rssfeed{
	background-image: url(rss.gif);
	text-indent: -9999px;
	height: 26px;
	width: 100px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 3px;
}


.comment_block {
	padding: 10px;
	clear: both;
	float: none;
	height: auto;
	width: 745px;
	border: medium double #b4d0d7;
	font-size: 16px;
	font-style: normal;
	line-height: 1.5em;
	min-height:60px;
	color:#333;
	text-align: justify;
	display: block;
	direction: rtl;
	margin-top: 18px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	overflow: auto;
	position: relative;
	visibility: visible;
}

.comment_block .flag{
	width:50px;
	height:50px;
	float:left;
	border: none;
	margin:10px;
}

.comment_not, .comment_del, .comment_pub{
	width: 200px;
	height: 20px;
	float:right;
}

.comment_not{
	color:#b4d0d7;
	margin-right:100px;
}

.comment_pub{
	color:#008000;
}

.comment_del{
	color:#FF0000;
}

.comment_block hr {
border: none 0;
border-top: 1px dashed #b4d0d7;
width: 100%;
height: 1px;
margin:4px;
clear:both;
}
.no_pointer:hover {
	cursor:pointer;
}

/******************************/
#w2atableads table {
    border: 0 solid black;
    border-spacing: 0;
    margin: 0;
}
#w2atableads tbody tr {
    text-align: center;
}
#w2atableads td, #w2atableads th {
    border-bottom: 1px solid #0B57A2;
    border-spacing: 0;
    height: 30px;
    overflow: hidden;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
}
#w2atableads thead th, #w2atableads tfoot th {
    color: #145EA9;
    margin: 0;
    padding: 0 5px 3px;
    text-align: right;
}

#w2atableads tfoot td {
    color: #145EA9; 
    padding-top: 1px;
}
.way_msg{
	color:#F30;
	text-align:right;
	display:block;
	font-weight:bold;
	line-height:16px;
	margin-right:20px;
}
#w2a_kh_title_msg{
	margin-right:55px;
}
#w2a_kh_dept_msg{
	margin-right:55px;
}
.ui-datepicker-rtl{
	width:322px !important;
}