@font-face{
    font-family: 'DroidSansArabic';
    src: url('images/design/fonts/DroidSansArabic.eot'), 
         url('images/design/fonts/DroidSansArabic.ttf')  format('truetype')
} /*DroidSansArabic*/

@font-face{
	font-family: 'JFFlatRegular';
	src: url('images/design/fonts/JF-Flat-regular/JF-Flat-regular.eot');
	src: url('images/design/fonts/JF-Flat-regular/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
		url('images/design/fonts/JF-Flat-regular/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
		url('images/design/fonts/JF-Flat-regular/JF-Flat-regular.woff') format('woff'),
		url('images/design/fonts/JF-Flat-regular/JF-Flat-regular.ttf') format('truetype');
} /*JFFlatRegular*/

body {
	margin: 0px;
	padding: 0px;
	color: #3c3a38;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	background: #ebebeb url(images/design/background.png) no-repeat center top;
	direction:rtl;
}

a, a:link, a:visited { color: #4a9790; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: none; color: #7CBEB8; }

*{
	outline:0;
}

img { border: none; }

#header {
	width:960px; height:285px; margin:0 auto; margin-top:36px; margin-bottom:15px; padding: 0; display:block; position:relative; z-index:101; background: url('images/design/header.png') no-repeat center center;
}

#main {
	margin:0 auto; clear: both; width: 990px; display:block; position:relative; clear:both; overflow:hidden; position:relative;
}

#page{
	width:960px; min-height:365px; padding:0; margin:0 auto; display:block;
}
#page.Inner{
	color:#FFFFFF;
}

#footer {
	width:100%; height:104px; margin:0 auto; margin-top:10px; color: white; display:block; clear:both; font-size: 11px; background: #18587c url(images/design/footer.png) repeat-x;
}
#footer #Contents{
	width:960px; height:104px; margin:0 auto; display:block; position:relative;
}
#footer #Contents #Blocks{
	width:960px; height:80px; margin:0 auto; margin-top:30px; display:block; clear:both;
}
#footer #Contents div.GoTo{
	width:250px; color:white; font-size: 16px; font-weight:bold; position:absolute; top:40px; right:-5px; cursor:default;
}
#footer #Contents div.GoTo a{
	color:white; font-size: 16px; margin:0 13px; font-weight:bold;
}
#footer #Contents div.GoTo a:hover{
	color:#19deb6;
}
#footer #Contents div.Copyrights{
	height:50px; color:white; font-family:"DroidSansArabic",Arial; font-size: 14px; position:absolute; top:40px; right:315px; cursor:default;
}
#footer #Contents div.SoftRiva{
	width:130px; height:49px; position:absolute; top:20px; left:10px;
}
#footer #Contents div.SoftRiva a{
	width:130px; height:49px; color:white; font-size:14px; background: url(images/design/softriva.png) no-repeat top; display:block;
}
#footer #Contents div.SoftRiva a:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#footer #Contents div.SoftRiva a:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}

/*[-][Main][-]*/

/*[+][Menu][+]*/
#Menu{
	width:100%; height:49px; margin:-26px 0 33px 0;
}
#Menu ul{
	width:960px; height:49px; margin:0 auto; padding:0; list-style-type: none; position:relative;
}
#Menu ul li{
	float:right; margin:0;
}
#Menu ul li a{
	color:#5f5e5e; font-family:"DroidSansArabic",Arial; font-weight:normal; font-size:17px; text-align:center; display:block; line-height: 49px; padding:0 29px 0 29px;
}
#Menu ul li a:hover, #Menu ul .active{
	color:white; background: url(images/design/menu.png) no-repeat center top;
}
#Menu ul a.Home{
	margin-right:15px;
}
#Menu ul a.Questions:hover{
	background: url(images/design/menu-wider.png) no-repeat center top;
}
#Menu ul a.QuestionsActive, #Menu ul a.QuestionsActive:hover{
	color:white; background: url(images/design/menu-wider.png) no-repeat center top;
}
#Menu ul .last a{
	padding-left:30px; margin-left:0;
}
#Menu #Sub{
	padding:15px 5px; position:absolute; z-index:600; display:none;
	overflow:hidden;
	background-color: white;
	border:1px #4ba18e solid;
	/* outer shadows  (note the rgba is red, green, blue, alpha) */
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	/* rounded corners */
	-webkit-border-radius: 12px; -moz-border-radius: 7px; border-radius: 7px;
	/* gradients */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
}
#Menu #Sub.About{
	width:375px; top:45px; right:130px;
}
#Menu #Sub.Library{
	width:620px; top:45px; right:250px;
}
#Menu #Sub a{
	height:27px; margin:0 10px; padding:0; color:#868686; font-family: "DroidSansArabic",Arial; font-size:13px; font-weight:normal; line-height:27px; display:block; background: none;
}
#Menu #Sub a:hover{
	color:#4ba18e; background: none;
}

#Menu #Sub ul{
	min-width:510px; height:28px; margin:0; padding:0; list-style-type: none;
}
#Menu #Sub ul li{
	margin:0; padding:0 15px; float:right;
}

/*[-][Menu][-]*/

/*[+][Community][+]*/
#Links{
	width:64px; min-height:64px; position:absolute; top:495px; left:0px; z-index:100;
}
#Links a{
	display:block;
}
#Links img{
	width:64px; height:64px;
}
#Links img:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#Links img:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
/*[-][Community][-]*/

/*[+][HomePage][+]*/
#ContainerCSV{
	width:960px; min-height:236px; margin:0 auto; margin-bottom:7px; display:block;
}

#ContainerCSV #LibrarySideNav{
	width:154px; height:236px; margin:0 auto; padding:0 23px 0 20px; float:right; position:relative; background: url(images/design/library-SideNav/library.png) no-repeat right top;
}
#ContainerCSV #LibrarySideNav label{
	color:#868686; font-family: "DroidSansArabic",Arial; font-size:17px; line-height:23px; margin:15px 0 6px 0; padding-right:18px; display:block; background: url(images/design/star.png) no-repeat center right;
}
#ContainerCSV #LibrarySideNav ul{
	padding:0; padding-right:8px; margin:0; list-style-type:none;
}
#ContainerCSV #LibrarySideNav ul li{
	display:block; background: url(images/design/library-SideNav/library-nav-div.png) no-repeat right bottom;
}
#ContainerCSV #LibrarySideNav ul li.last{
	background: none;
}
#ContainerCSV #LibrarySideNav ul li a{
	height:33px; color:#868686; font-family: "DroidSansArabic",Arial; font-size:15px; font-weight:normal; line-height:33px; display:block; background: url(images/design/library-SideNav/li.png) no-repeat center left;
}
#ContainerCSV #LibrarySideNav ul li a:hover, #ContainerCSV #LibrarySideNav ul li a.Active{
	color:#4ba18e; background: none;
}
#ContainerCSV #LibrarySideNav #SubNav{
	width:204px; position:absolute; right:140px; z-index:600; display:none;
}
#ContainerCSV #LibrarySideNav #SubNav.Articles{
	top:37px;
}
#ContainerCSV #LibrarySideNav #SubNav.Sounds{
	top:71px;
}
#ContainerCSV #LibrarySideNav #SubNav.Videos{
	top:105px;
}
#ContainerCSV #LibrarySideNav #SubNav.Books{
	top:139px;
}
#ContainerCSV #LibrarySideNav #SubNav.Albums{
	top:173px;
}
#ContainerCSV #LibrarySideNav #SubNav pre.Top{
	width:157px; height:35px; color:#15415a; font-family: "DroidSansArabic",Arial; font-size:18px; text-align:center; margin:0; padding:10px 47px 0 0; display:block; background: url(images/design/library-SideNav/sub/top.png) no-repeat top;
}
#ContainerCSV #LibrarySideNav #SubNav pre.Bottom{
	width:204px; height:12px; margin:0; display:block; background: url(images/design/library-SideNav/sub/bottom.png) no-repeat left;
}
#ContainerCSV #LibrarySideNav #SubNav ul{
	width:149px; padding:0 55px 15px 0; margin:0; list-style-type:none; display:block; background: url(images/design/library-SideNav/sub/middle.png) repeat-y left;
}
#ContainerCSV #LibrarySideNav #SubNav ul li{
	width:103px; display:block; margin-right:20px; border-bottom:1px #ccc solid; background: none;
}
#ContainerCSV #LibrarySideNav #SubNav ul li a{
	width:103px; min-height:27px; color:#868686; font-family: "DroidSansArabic",Arial; font-size:13px; font-weight:normal; line-height:27px; display:inline; background: none;
}
#ContainerCSV #LibrarySideNav #SubNav ul li a:hover{
	color:#4ba18e; background: none;
}

#ContainerCSV #SlideContainer{
	width:450px; height:220px; margin:0 auto; margin-top:6px; overflow:hidden; float:left; position:relative;
}
#ContainerCSV #SlideContainer .slider{
	width:450px; padding:0; margin:0;
}
#ContainerCSV #SlideContainer .slider img{
	width:450px; height:220px;
}
#ContainerCSV #SlideContainer .slider-prev{
	width:22px; height:37px; position:absolute; top:88px; right:16px; z-index:500;
}
#ContainerCSV #SlideContainer .slider-next{
	width:22px; height:37px; position:absolute; top:88px; left:16px; z-index:500;
}
#ContainerCSV #SlideContainer .slider-prev:hover, #ContainerCSV #SlideContainer  .slider-next:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#ContainerCSV #SlideContainer .slider-prev:active, #ContainerCSV #SlideContainer  .slider-next:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}

#ContainerCSV #Video{
	width:268px; height:220px; margin:6px 25px 0 0; float:left;
}
#ContainerCSV #Video iframe{
	width:268px; height:220px; border:0;
}

/*[-][HomePage][-]*/

/*[+][Inner][+]*/
#EmailingWindow{
	width:200px; color:#666666; padding:20px 30px 20px 30px; text-align:right; border:1px #CCCCCC dashed; background: #FBFBFB; display:none; overflow:hidden; position:absolute; top:20px; left:340px; z-index:100;
}
#EmailingWindow .Icon{
	width:48px; height:48px; float:right;
}
#EmailingWindow label.Title{
	font-weight:bold; font-size:15px; color:black; line-height:48px; margin-right:10px;
}

#MaillistWindow{
	width:200px; color:#666666; padding:20px 30px 20px 30px; text-align:right; border:1px #CCCCCC dashed; background: #FBFBFB; display:none; overflow:hidden; position:absolute; top:590px; left:345px; z-index:100;
}
#MaillistWindow label.Title{
	height:48p; color:black; font-size:14px; font-weight:bold; margin-bottom:15px; padding-right:58px; line-height:48px; display:block; background: url(images/design/icons/newsletter.png) no-repeat center right;
}
#MaillistWindow input[type=text]{
	width:150px;
}
#MaillistWindow select{
	width:170px;
}
#MaillistWindow a{
	cursor:pointer;
}
#MaillistWindow #MaillistLoading{
	display:none;
}

#Right{
	width:630px; min-height:300px; text-align:right; margin:0; float:right; overflow:hidden;
}
#Right.Inner{
	width:620px; font-size:16px; margin:15px 10px 0 0;
}
#Right #Block{
	width:630px; margin-bottom:14px; display:block;
}
#Right #Block blockquote.Top{
	width:630px; height:39px; color:white; text-align:right; margin:0; padding:0; display:block; overflow:hidden; background: url(images/design/blocks/right/top.png) no-repeat top left;
}
#Right #Block blockquote.Top label{
	color:white; font-family: "DroidSansArabic",Arial; font-size:17px; line-height:22px; margin:11px 24px 0 0; padding-right:20px; display:block; background: url(images/design/star.png) no-repeat center right;
}
#Right #Block blockquote.Bottom{
	width:630px; height:53px; margin:0; padding:0; display:block; background: url(images/design/blocks/right/bottom.png) no-repeat left;
}
#Right #Block blockquote.Bottom a{
	color:white; font-size:18px; font-weight:normal; margin:17px 0 0 38px; display:block; float:left;
}
#Right #Block blockquote.Bottom a:hover{
	color:#CCC;
}
#Right #Block blockquote.Middle{
	width:620px; min-height:53px; margin:0; padding:15px 10px 0 0; display:block; background: url(images/design/blocks/right/middle.png) repeat-y left;
}
#Right #Block blockquote.Middle #Articles{
	width:578px; display:block; overflow:hidden;
}
#Right #Block blockquote.Middle #Articles #Item{
	width:578px; height:130px; margin:7px 0 6px 0; display:block;
}
#Right #Block blockquote.Middle #Articles div.Pic{
	width:122px; height:123px; margin:0; margin-left:10px; background: url(images/design/blocks/right/pic-frame.png) no-repeat; float:right;
}
#Right #Block blockquote.Middle #Articles div.Pic img{
	width:100px; height:100px; margin:9px 13px 0 0;
}
#Right #Block blockquote.Middle #Articles div.Details{
	width:445px; height:115px; text-align:right; margin:11px 0 0 0; float:right;
}
#Right #Block blockquote.Middle #Articles div.Details a{
	color:#3a3a3a; font-size:18px; display:inline-block;
}
#Right #Block blockquote.Middle #Articles div.Details a:hover{
	color:#74BAB3;
}
#Right #Block blockquote.Middle #Articles div.Details font{
	color:#747474; font-size:16px; line-height:22px; display:block; cursor:default;
}
#Right #Block blockquote.Middle #Articles div.Details a.More{
	height:20px; color:#141414; font-size:16px; font-weight:normal; line-height:23px; margin-right:370px; padding-right:28px; display:inline-block; background: url(images/design/blocks/right/more.png) no-repeat center right;
}
#Right #Block blockquote.Middle #Articles div.Details a.More:hover{
	color:gray;
}
#Right #Block blockquote.Middle table{
	width:560px; font-size:15px;
}
#Right #Block blockquote.Middle table tr#Head{
	font-size:16px; font-weight:bold;
}
#Right #Block blockquote.Middle table td{
	height:28px; text-align:center;
}
#Right #Block blockquote.Middle table td a{
	color:#686868; font-size:16px; font-weight:normal;
}
#Right #Block blockquote.Middle table td a:hover{
	color:#378f7c;
}
#Right #Block blockquote.Middle table td img{
	width:18px; height:18px;
}
#Right #Block blockquote.Middle table td img:hover{
	opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */
}

#Right #News{
	width:100%; height:690px; padding-right:0px; display:block; overflow:hidden;
}
#Right #News .row{
	width:600px; height:105px; margin-bottom:15px; display:block;
}
#Right #News div.Pic{
	width:192px; height:105px; margin:0; margin-left:10px; float:right;
}
#Right #News div.Pic img{
	width:192px; height:105px; -moz-border-radius: 5px; border-radius: 5px;
}
#Right #News div.Details{
	width:390px; height:105px; text-align:justify; margin:0; float:right;
}
#Right #News div.Details a{
	display:inline-block; font-size:16px; margin:7px 0;
}
#Right #News div.Details font{
	color:#727272; font-size:15px; line-height:19px; display:block; cursor:default;
}
#Right #News div.Details a.More{
	font-size:12px; font-weight:normal; line-height:14px; display:inline;
}

#Right #Sayings{
	width:100%; height:690px; padding-right:0px; display:block; overflow:hidden;
}
#Right #Sayings .row{
	width:600px; height:105px; margin-bottom:15px; display:block;
}
#Right #Sayings div.Pic{
	width:142px; height:105px; margin:0; margin-left:10px; float:right;
}
#Right #Sayings div.Pic img{
	width:142px; height:105px; -moz-border-radius: 5px; border-radius: 5px;
}
#Right #Sayings div.Details{
	width:440px; height:105px; text-align:justify; margin:0; float:right;
}
#Right #Sayings div.Details a{
	display:inline-block; font-size:16px; margin:7px 0;
}
#Right #Sayings div.Details font{
	color:#727272; font-size:15px; line-height:19px; display:block; cursor:default;
}
#Right #Sayings div.Details a.More{
	font-size:12px; font-weight:normal; line-height:14px; display:inline;
}

#Right #Questions{
	width:100%; min-height:140px; padding-right:0px; display:block; overflow:hidden;
}
#Right #Questions .row{
	width:600px; height:105px; margin-bottom:15px; display:block; border-bottom:2px #CDCDCD solid; background-color:white; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;
}
#Right #Questions div.Pic{
	width:110px; height:105px; margin:0; margin-left:10px; float:right; background: url(images/design/icons/questions/question.png) no-repeat center right;
}
#Right #Questions div.Details{
	width:460px; height:105px; text-align:justify; margin:0; float:right;
}
#Right #Questions div.Details label{
	color:#727272; font-size:17px; font-weight:bold; line-height:24px; margin-top:15px; display:block;
}
#Right #Questions div.Details a.More{
	font-size:14px; font-weight:normal; line-height:14px; display:inline;
}

#Right #QuestionsShow{
	width:100%; min-height:140px; padding-right:0px; display:block; overflow:hidden;
}
#Right #QuestionsShow #row{
	width:600px; min-height:105px; margin-bottom:15px; padding:1px 0 18px 0; display:block; border-bottom:2px #CDCDCD solid; background-color:white; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;
}
#Right #QuestionsShow #row.Question{
	background-color:#F7F7F7;
}
#Right #QuestionsShow div#Details{
	width:580px; color:gray; text-align:right; margin:0; padding:4px 10px; display:block; cursor:default; background: #E9E9E9;
}
#Right #QuestionsShow div#Details label{
	color:#333333; margin:0 10px;
}
#Right #QuestionsShow div#Text{
	width:470px; min-height:105px; text-align:justify; margin:0; padding-right:110px; display:block; background: url(images/design/icons/questions/question-show.png) no-repeat top right;
}
#Right #QuestionsShow div#Text.Answer{
	background: url(images/design/icons/questions/answer.png) no-repeat top right;
}
#Right #QuestionsShow div#Text h3{
	color:#727272; margin-bottom:15px; cursor:default;
}
#Right #QuestionsShow div#Text label{
	color:black; font-size:17px; font-weight:bold; line-height:24px; display:block;
}

#Right #CatsList {
	width:100%; padding:0; display:block; overflow:hidden;
}
#Right #CatsList ul{
	margin:0; padding:0; list-style-type:none;
}
#Right #CatsList ul li{
	width:270px; height:32px; margin:10px; display:inline-block; overflow:hidden;
}
#Right #CatsList ul li a{
	height:32px; padding-right:45px; line-height:32px; display:inline-block; background: url(images/design/icons/cat.png) no-repeat right;
}
#Right #CatsList ul li a:hover{
	background: url(images/design/icons/cat-hover.png) no-repeat right;
}

#Right #result{
	width:590px; min-height:10px; padding:10px 0; margin:10px 0; text-align:center; display:none; overflow:hidden; border:2px dashed #CCC;
}

#ImgVid {
	width:200px; height:200px; text-align:center; margin:0 25px 15px 30px; display:inline-block; background: url(images/design/icons/frame-shadow.png) no-repeat top;
}
#ImgVid a:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#ImgVid a:after{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
#ImgVid img{
	width:165px; height:125px; margin:26px 17px 10px 0; display:block;
}

#CommentAdder {
	width:583px; height:262px; text-align:right; margin:40px 0 0 0; padding:20px 20px 0 0; display:block; position:relative; background: url(images/design/blocks/right/comments/comments-user-inputs.png) no-repeat top right;
}
#CommentAdder label{
	font-size:15px; font-weight:bold; text-align:right; position:absolute; display:block;
}
#CommentAdder label.CommentByUser{
	top:30px; right:350px;
}
#CommentAdder label.CommentByVisitor{
	top:30px; right:476px;
}
#CommentAdder label.Username{
	top:30px; right:22px;
}
#CommentAdder label.Password{
	top:72px; right:22px;
}
#CommentAdder label.Email{
	top:72px; right:22px; display:none;
}
#CommentAdder label.Remember{
	top:73px; right:350px;
}
#CommentAdder label.Text{
	top:152px; right:22px;
}
#CommentAdder input[type=text], #CommentAdder input[type=password], #CommentAdder textarea{
	width:177px; height:20px; color:#7d7d7d; text-align:right; font-size:12px; font-weight:bold; padding:3px 14px 3px 14px; margin:0; border:1px solid #ccc; position:absolute; display:inline-block; background: white;
}
#CommentAdder input[type=text]:hover, #CommentAdder input[type=password]:hover{
	color:black; background: #fafafa;
}
#CommentAdder input[type=text]:focus, #CommentAdder input[type=password]:focus{
	color:black; border:1px solid gray; background: #fafafa;
}
#CommentAdder input[type=radio]#comment_by_user{
	position:absolute; top:30px; right:325px;
}
#CommentAdder input[type=radio]#comment_by_visitor{
	position:absolute; top:30px; right:450px;
}
#CommentAdder input[type=text]#Username{
	top:27px; right:110px;
}
#CommentAdder input[type=text]#Email{
	top:69px; right:110px; display:none;
}
#CommentAdder input[type=password]#Password{
	top:69px; right:110px;
}
#CommentAdder input[type=checkbox]#Remember{
	position:absolute; top:73px; right:325px;
}
#CommentAdder textarea#Text{
	width:430px; height:100px; line-height:22px; position:absolute; top:111px; right:110px; resize:none; overflow:auto;
}
#CommentAdder textarea#Text:hover{
	color:black; background: #fafafa;
}
#CommentAdder textarea#Text:focus{
	color:black; border:1px solid gray; background: #fafafa;
}
#CommentAdder input[type=button]{
	position:absolute; bottom:22px; left:34px;
}
#CommentAdder #LimitedTextcounter{
	color:#666666; font-size:small; line-height:20px; margin:0 auto; margin-bottom:5px; padding:4px; position:absolute; bottom:20px; right:110px; display:block;
}
#CommentAdder .LimitedTextAlert{
	color: red; border-right: 2px solid red; background-color:#F5F5F5;
}
#CommentAdder input:checked + label {
    color: gray;
}

#Comments {
	width:583px; min-height:200px; text-align:right; margin:20px 10px 20px 0; display:block; position:relative;
}
#Comments label.Title{
	font-size:24px; font-weight:bold; text-align:right; margin-bottom:15px; padding-bottom:25px; display:block; background: url(images/design/blocks/right/comments/comments-title-bg.png) repeat-x bottom;
}
#Comments blockquote#Arrangement {
	height:22px; color:#222121; font-family:Arial; font-size:14px; margin:0 0 40px 0; padding:0 7px 0 0; display:block; cursor:default;
}
#Comments blockquote#Arrangement a{
	color:#222121; font-family:Arial; font-size:14px; font-weight:normal;
}
#Comments blockquote#Arrangement a.Active{
	color:#222121; text-decoration: underline;
}
#Comments blockquote#Arrangement a:hover{
	color:gray;
}
#Comments blockquote#Comment {
	min-height:50px; color:#222121; font-family:Arial; font-size:14px; text-align:right; margin:15px 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #6b83a2; position:relative; display:block; cursor:default;
}
#Comments blockquote#Comment label.Username {
	color:#364e82; font-size:18px; font-weight:bold; margin:0 0 0 20px; display:inline-block;
}
#Comments blockquote#Comment label.visitor {
	color:#122245; font-size:18px; font-weight:bold; margin:0 0 0 20px; display:inline-block;
}
#Comments blockquote#Comment label.Date {
	color:#222121; font-size:12px; display:inline-block;
}
#Comments blockquote#Comment label.Text {
	width:580px; color:#222121; font-size:24px; line-height:30px; margin-top:30px; display:block; overflow:hidden;
}
#Comments blockquote#Comment div#Rating {
	max-width:500px; font-family:Arial; font-size:14px; text-align:right; padding:0; position:absolute; top:0; left:0; display:block;
}
#Comments blockquote#Comment div#Rating label{
	padding-right:22px; display:block; float:left; cursor:pointer;
}
#Comments blockquote#Comment div#Rating label:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#Comments blockquote#Comment div#Rating label.Like{
	color:#23b831; clear:right; background: url(images/design/blocks/right/comments/rating-like.png) no-repeat center right;
}
#Comments blockquote#Comment div#Rating label.Dislike{
	color:#ef0717; margin-right:17px; background: url(images/design/blocks/right/comments/rating-dislike.png) no-repeat center right;
}
#Comments blockquote#Comment div#Rating label.Result{
	color:#ef0717; font-weight:bold; margin-top:2px; padding:3px 5px; border:1px dashed gray; display:none; clear:both; background: white;
}


#Right #tbl{
	width:100%;
	border-spacing: 0px;
	margin-top:6px;
	clear:both;
}
#Right #tbl tr#TblHead td{
	font-size: 15px;
	font-weight:bold;
	color: black;
	text-align:center;
	height:25px;
	cursor:default;
}
#Right #tbl td{
	font-size: 15px;
	color: black;
	text-align:center;
	padding:3px 2px 3px 2px;
	height:15px;
	cursor:default;
}

#Right #tbl_SubCats{
	width:100%;
	border: 1px solid #E3E3E3;
	background-color:#F5F5F5;
	border-spacing: 0px;
	margin-top:6px;
	clear:both;
}
#Right #tbl_SubCats tr#TblHead td{
	font-size: 14px;
	font-weight:bold;
	color: #4D4D4D;
	background-color:#F0F0F0;
	text-align:center;
	height:30px;
	cursor:default;
}
#Right #tbl_SubCats td{
	font-size: 14px;
	color: #6F6F6F;
	text-align:center;
	padding:1px 2px 1px 2px;
	height:25px;
	cursor:default;
}
#Right #tbl_SubCats td img:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#Right #tbl_SubCats td img:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}


#Left{
	width:330px; height:1051px; text-align:right; margin:0; background: url('images/design/blocks/left/block-bg.png') no-repeat left; float:left;
}
#Left #Login{
	width:283px; height:166px; text-align:right; margin:0; padding:0 35px 0 12px; display:block; position:relative;
}
#Left #Login label.Title{
	color:#747474; font-family: "DroidSansArabic",Arial; font-size:17px; line-height:23px; margin:22px 23px 15px 0; padding-right:18px; display:block; background: url(images/design/star.png) no-repeat center right;
}
#Left #Login  input[type=submit]{
	width:91px; height:34px; padding:0; border:0; position:absolute; top:-5px; left:13px; background: url(images/design/blocks/left/login-button.png) no-repeat;
}
#Left #Login  input[type=submit]:hover{
	opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */
}
#Left #Login  input[type=submit]:active{
	opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Left #Login blockquote{
	height:37px; margin:0 0 8px 0; padding:0; display:block; position:relative; background: url('images/design/blocks/left/login-input-box.png') no-repeat left;
}
#Left #Login blockquote label{
	width:148px; height:26px; color:#3a3a3a; text-align:right; font-size:18px; font-weight:bold; position:absolute; top:6px; right:0px;
}
#Left #Login blockquote input[type=text], #Left #Login blockquote input[type=password]{
	width:148px; height:23px; color:#7d7d7d; text-align:right; font-size:13px; font-weight:bold; padding:0 14px 3px 14px; margin:0; border:0; position:absolute; top:5px; left:5px; background: url(images/design/transparent.gif) repeat;
}
#Left #Login blockquote input[type=text]:hover, #Left #Login blockquote input[type=password]:hover, #Left #Login blockquote input[type=text]:focus, #Left #Login blockquote input[type=password]:focus{
	color:black; background: #fafafa url(images/design/transparent.gif) repeat;
}
#Left #Login blockquote.LostRegister{
	height:30px; padding:0; background: none;
}
#Left #Login blockquote.LostRegister a{
	height:26px; color:#3a3a3a; font-size:18px; font-weight:normal;
}
#Left #Login blockquote.LostRegister a:hover{
	color:#31806f;
}
#Left #Login blockquote.LostRegister a.Lost{
	position:absolute; top:6px; right:15px;
}
#Left #Login blockquote.LostRegister a.Register{
	position:absolute; top:6px; left:4px;
}
#Left #Login blockquote.LoggedIn{
	min-height:30px; padding:0; background: none;
}
#Left #Login blockquote.LoggedIn label{
	width:280px; min-height:26px; padding-bottom:10px; position:relative; display:block;
}
#Left #Login blockquote.LoggedIn a{
	font-size:15px; font-weight:bold;
}

#Left #Facebook{
	width:285px; height:320px; text-align:right; margin:0 0 0 5px; padding:20px 40px 0 0; display:block; background: url('images/design/blocks/left/facebook-block-title.png') no-repeat left top;
}
#Left #Facebook label{
	color:white; font-family: "DroidSansArabic",Arial; font-size:17px; line-height:23px; margin:6px 17px 40px 0; padding:0 20px 0 0; display:block; background: url(images/design/star.png) no-repeat center right;
}
#Left #Facebook iframe{
	width:280px; height:230px; border:none; overflow:hidden;
}

#Left #Sounds{
	width:305px; height:235px; text-align:right; margin:0 0 0 5px; padding:4px 20px 0 0; position:relative; display:block; background: url('images/design/blocks/left/sounds-block-title.png') no-repeat left top;
}
#Left #Sounds label.Title{
	color:white; font-family: "DroidSansArabic",Arial; font-size:17px; line-height:22px; margin:1px 27px 30px 0; padding:0 20px 0 0; display:block; background: url(images/design/star.png) no-repeat center right;
}
#Left #Sounds table{
	width:290px; border-spacing:0;
}
#Left #Sounds table tr#Head{
	font-size:14px; font-weight:bold;
}
#Left #Sounds table tr{
	margin:0; padding:0;
}
#Left #Sounds table td{
	height:25px; text-align:center;
}
#Left #Sounds table td.Right{
	text-align:right;
}
#Left #Sounds table td.Border{
	border-left:1px #b0b0b0 solid; border-right:1px #b0b0b0 solid;
}
#Left #Sounds table td a{
	color:#686868; font-size:14px; font-weight:normal;
}
#Left #Sounds table td a:hover{
	color:#378f7c;
}
#Left #Sounds table td a.Listen{
	width:17px; height:17px; display:inline-block; background: url('images/design/blocks/left/sounds-listen.png') no-repeat;
}
#Left #Sounds table td a.Listen:hover{
	background: url('images/design/blocks/left/sounds-listen-hover.png') no-repeat;
}
#Left #Sounds table td a.Download{
	width:17px; height:17px; display:inline-block; background: url('images/design/blocks/left/sounds-download.png') no-repeat;
}
#Left #Sounds table td a.Download:hover{
	background: url('images/design/blocks/left/sounds-download-hover.png') no-repeat;
}
#Left #Sounds table td img{
	width:17px; height:17px;
}
#Left #Sounds table td img:hover{
	opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Left #Sounds blockquote.Bottom{
	width:327px; height:38px; margin:0; padding:0; position:absolute; bottom:0; left:-19px; display:block; background: url(images/design/blocks/left/sounds-block-bottom.png) no-repeat left;
}
#Left #Sounds blockquote.Bottom a{
	color:white; font-size:15px; font-weight:normal; margin:14px 0 0 36px; display:block; float:left;
}
#Left #Sounds blockquote.Bottom a:hover{
	color:#CCC;
}

#Left #SearchMaillist{
	width:305px; height:168px; text-align:right; margin:10px 0 0 5px; padding:4px 25px 0 0; position:relative; display:block; background: url('images/design/blocks/left/search-maillist-bg.png') no-repeat left top;
}
#Left #SearchMaillist blockquote{
	width:236px; height:38px; margin:24px auto 8px auto; padding:0; display:block; position:relative; background: url('images/design/blocks/left/search-maillist-buttons.png') no-repeat right;
}
#Left #SearchMaillist blockquote a{
	height:38px; color:white; font-size:18px; font-weight:normal; text-align:center; line-height:38px; display:inline-block;
}
#Left #SearchMaillist blockquote a:hover{
	color:#ccc;
}
#Left #SearchMaillist blockquote a.Maillist{
	width:138px; position:absolute; top:0; right:0;
}
#Left #SearchMaillist blockquote a.Search{
	width:98px; position:absolute; top:0; left:0;
}
#Left #SearchMaillist blockquote a.SearchAdvanced{
	color:black; position:absolute; bottom:-30px; left:8px;
}
#Left #SearchMaillist blockquote a.SearchAdvanced:hover{
	color:gray;
}
#Left #SearchMaillist blockquote.Maillist, #Left #SearchMaillist blockquote.Search{
	width:253px; height:36px; margin:30px auto 8px auto; padding:0; display:block; position:relative; background: url('images/design/blocks/left/search-maillist-input.png') no-repeat right;
}
#Left #SearchMaillist blockquote.Search{
	display:none;
}
#Left #SearchMaillist blockquote input[type=text]{
	width:143px; height:23px; color:#7d7d7d; text-align:right; font-size:13px; font-weight:bold; padding:0 14px 3px 14px; margin:0; border:0; position:absolute; top:4px; right:6px; display:inline-block; background: url(images/design/transparent.gif) repeat;
}
#Left #SearchMaillist blockquote input[type=text]:hover, #Left #SearchMaillist blockquote input[type=text]:focus{
	color:black; background: #fafafa url(images/design/transparent.gif) repeat;
}
#Left #SearchMaillist blockquote input[type=button], #Left #SearchMaillist blockquote input[type=submit]{
	width:76px; height:35px; color:white; text-align:center; font-family:Arial; font-size:16px; font-weight:bold; padding:0; margin:0; border:0; position:absolute; top:0px; left:0px; display:inline-block; background: url(images/design/blocks/left/search-maillist-button.png) no-repeat;
}
#Left #SearchMaillist blockquote input[type=button]:hover, #Left #SearchMaillist blockquote input[type=submit]:hover{
	background: url(images/design/blocks/left/search-maillist-button-hover.png) no-repeat;
}
#Left #SearchMaillist blockquote input[type=button]:active, #Left #SearchMaillist blockquote input[type=submit]:active{
	background: url(images/design/blocks/left/search-maillist-button-active.png) no-repeat;
}
#Left #Visitors{
	width:259px; height:61px; text-align:right; margin:30px 66px 0 0; padding:0; position:relative; display:block; background: url('images/design/blocks/left/visitors-block-bg.png') no-repeat left top;
}
#Left #Visitors:hover{
	opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */
}
#Left #Visitors:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
#Left #Visitors a{
	width:259px; height:61px; display:block; position:absolute; top:0; right:0; z-index:5;
}
#Left #Visitors label.Title{
	height:61px; color:white; font-size:26px; font-weight:bold; line-height:61px; margin:0; padding:0; display:inline-block; position:absolute; top:0; right:17px;
}
#Left #Visitors label.Count{
	height:61px; color:white; font-size:18px; font-weight:bold; line-height:61px; margin:0; padding:0; display:inline-block; position:absolute; top:0; right:130px;
}

#placepage{
	width:100%; font-size:17px; padding:7px 0 4px 0; margin-bottom:17px;
}
#placepage img{
	padding-left:5px; width:16px; height:16px;
}
#placepage a{
	font-size:14px; font-family:"DroidSansArabic",Arial; font-weight: normal; color:#666565;
}
#placepage a:hover{
	color:#0e3349;
}
#placepage label{
	float:left; padding-right:5px; padding-left:0;
}
#placepage label img{
	padding-right:5px; padding-left:0; width:24px; height:24px;
}
#placepage label img:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#placepage label img:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}

/*[-][Inner][-]*/

/*[+][Pagination][+]*/
.pagination ul li.inactive,
.pagination ul li.inactive:hover{
	background-color: #F5F5F5; color:#bababa; border:1px solid #DFDFDF; cursor: default;
}
.pagination ul li.current ,.pagination ul li.current:hover{
	background-color: #4A9790; color:#FEF5E2; border:1px solid #41857E; cursor: default;
}

.pagination{
	width:100%; height:25px; margin-top:10px; display:block;
}
.pagination ul{
	padding-right:0;
}
.pagination ul li{
	list-style: none; float: right; border: 1px solid #4A9790; padding: 0px 7px 0px 7px; margin: 0 2px 0 2px; font-size: 12px; color: black; background-color: #7EC0BA;
}
.pagination ul li:hover{
	color: black; border: 1px solid #41857E; background-color: #4A9790; cursor: pointer;
}
.pagination_goto{
	width:20px; margin:0 30px 0 0; padding:0; border-left:0;
}
.pagination input[type=text]{
	width:20px; height:23px; margin:0 30px 0 2px; padding:0 6px 0 6px; float:right;
}
.pagination input[type=button]{
	height:25px; margin:0; padding:3px 6px 3px 6px; cursor:pointer; float:right;
}
.pagination_total{
	float:left; color:#999;
}
/*[-][Pagination][-]*/

/*[+][ContactUsPage][+]*/

#ContactUsForm{
	margin-top:40px;
}
#ContactUsForm label.Title{
	color:#0483a1;
}

#ContactUsTable{
	width:100%; margin-top:15px;
}
#ContactUsTable tr td.Title{
	width:130px; color:#9B928D
}
#ContactUsTable tr td span{
	color:red; margin-right:5px;
}
#ContactUsTable tr td input[type=text]{
	width:160px;
}
#ContactUsTable tr td select{
	width:182px;
}
#ContactUsTable tr td textarea{
	width:160px; height:120px;
}
#ContactUsTable input[type=reset]{
	margin-right:222px;
}
#ContactUsTable #captcha{
	width:100px; margin-right:15px;
}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FF9900;
	font-style: italic;
	margin-right:10px;
	padding-right:20px;
	font-size:12px;
	background: url(images/design/icons/validator-error.png) no-repeat right;
}
div.error { display: none; }
input[type=text].error:focus, select.error:focus, textarea.error:focus { border: 1px solid #FF9D9D; }
input[type=text].error, select.error, textarea.error { border: 1px solid #FFD5D5; }

.ContactUsMsgSent{
	width:350px; height:130px; padding-right:135px; border:1px #F2F2F2 solid; background: #FBFBFB url(images/design/icons/contactus-done.png) no-repeat center right;
}
.ContactUsMsgSent label{
	font-size:17px; color:#00C8FF; padding-top:30px; display:block;
}
.ContactUsMsgSent p{
	font-size:13px; color:gray; display:block; cursor:default;
}

.ContactUsMsgFailed{
	width:350px; height:130px; padding-right:135px; border:1px #F2F2F2 solid; background: #FBFBFB url(images/design/icons/contactus-failed.png) no-repeat center right;
}
.ContactUsMsgFailed label{
	font-size:17px; color:#FFA10D; padding-top:30px; display:block;
}
.ContactUsMsgFailed p{
	font-size:13px; color:gray; display:block; cursor:default;
}
/*[-][ContactUsPage][-]*/

/*[+][Inputs Style][+]*/
input[type=text], input[type=password], textarea, select{
	color:gray;
	font-family:Tahoma;
	font-size:12px;
	padding:2px 10px 2px 10px;
	border: 1px solid #A3A3A3;
	background-color: #FBFAF9;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover{
	color:black;
	border: 1px solid gray;
	background-color: #F3F3F3;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	color:black;
	border: 1px solid black;
	background-color: #F3F3F3;
}

input[type=text][disabled], input[type=password][disabled], textarea[disabled], select[disabled]{
	color:gray;
	border: 1px solid gray;
	background-color: #F5F5F5;
}
input[type=text][disabled]:hover, input[type=password][disabled]:hover, textarea[disabled]:hover, select[disabled]:hover{
	color:gray;
	border: 1px solid gray;
	cursor:default;
	background-color: #F5F5F5;
}

input[type=submit], input[type=reset], input[type=button]{
	color: white;
	font-family:Tahoma;
	font-size:12px;
	height:28px;
	border: 1px solid black;
	padding:2px 5px 2px 5px;
	background: #2c2c2c;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
	color: white;
	background: #5D5D5D;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active{
	color: white;
	background: black;
}

input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled]{
	color: #CCCCCC;
	border: 1px solid gray;
	background: #828080;
}

input:checked + label {
    color: red;
}
/*[-][Inputs Style][-]*/