/* 
    Document   : style
    Created on : 16/03/2009, 12:16:38 م
    Author     : salah1.com
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

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, font, 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 {
                margin: 0;
                padding: 0;
                border: 0;
                /*outline: 0;*/
                font-size: 100%;
                vertical-align: baseline;
                background: transparent;
            }
            body {
                line-height: 1;
            }
            ol, ul {
	list-style: none;
	position: relative;
            }
            /*blockquote, q {
                quotes: none;
            }*/
            blockquote:before, blockquote:after,
            /*q:before, q:after {
                content: '';
                content: none;
            }*/

            /* remember to define focus styles! */
            :focus {
                /*outline: 0;*/
            }

            /* remember to highlight inserts somehow! */
            ins {
                text-decoration: none;
            }
            del {
                text-decoration: line-through;
            }

            /* tables still need 'cellspacing="0"' in the markup */
            table {
                border-collapse: collapse;
            }

            body{
                margin:0px;
                padding:0px;
            }
			body,table{
				font-family:Tahoma, Geneva, sans-serif;
				font-size:12px;
				color:#5f5f5f;
				line-height:16px;
				direction:rtl;
				text-align:right;
				
			}
			body{
				background-color:#FFF;
			
			}
			a{
				text-decoration:none;
			}
			h1 a{
				color:#995a49;
				font-size:16px;				
				line-height:22px;
			}
            .spacer{
                clear:both;
                line-height:0px !important;
                height:0px !important;
                margin: 0px !important;
                font-size: 0px !important;
                padding:0px !important;
                border:0px none !important;
            }
            .layout-container {
                width:100%;
				background:url(../images/bg.jpg) center top no-repeat;
            }
            .content-container {
                width:902px;
                margin:0px auto;
            }			
			.png{
			}

#date_top_bar {
	height:23px;
}
#top_search {
	background:url(../images/search_bg.png) top center no-repeat;
	height:41px;
	padding: 10px 685px 0px 20px;
}
#top_header {
	background:url(../images/header_bg.png) top center no-repeat;
	height:160px;
	position: relative;
}
#top_menu {
	background:url(../images/tob_menu_bg.gif) top repeat-x;
	height:37px;
	/*overflow: hidden;*/
	padding: 0px 15px 0px 15px;
}
#mid_cont {
	background-color:#FFF;
	padding:13px;
	display:block;
	position:relative;
	width: 876px;
}
#righ_side {
	width:271px;
	float:right;
	margin-left:12px;
}
.video_top_cor {
	background:url(../images/video_top_cor.jpg) top center no-repeat;
	height:11px;
}
.video_mid {
	background:url(../images/video_mid_bg.jpg) top center repeat-x #FFF;
	padding: 0px 10px;
	border-left: 1px solid #cac2d1;
	border-right: 1px solid #cac2d1;
}
.video_bottom_cor {
	background:url(../images/video_bottom_cor.jpg) top center no-repeat;
	height:11px;
	margin-bottom:10px;
}
.orange_top_cor {
	background:url(../images/right_side_orange_cor.jpg) top center no-repeat;
	height:39px;
}
.orange_mid {
	background:url(../images/right_side_mid_bg.jpg) center center repeat-y;
	padding: 5px 5px 0px 5px;
}
.orange_mid img{
	width:100%;
}
.orange_bottom_cor {
	background:url(../images/right_side_bottom_cor.jpg) top center no-repeat;
	height:7px;
	margin-bottom:10px;
}
.righ_ad {
	background:#903;
	text-align:center;
	color:#FFF;
}
#left_side {
	width:592px;
	float:right;
}
.content_top_cor {
	background:url(../images/content_top_cor.jpg) top center no-repeat;
	height:11px;
}
.content_mid {
	background:#E2DDD3;
	padding:0px 10px;
	width: 572px;
}
#top_content_box {
	background:#FFF;
	border:1px solid #B5A29A;
	margin-bottom:10px;
	width: 570px;
}
#nav{
	width:570px;
}
#nav li{
	float:right;
	height:40px;
	width:141px;
	display:block;
	margin-left:1px;
	overflow: hidden;
}
#nav li a {	
	background-color:#DDC7A4;
	color:#4b1813;	
	height:30px;
	padding: 5px;
	overflow: hidden;
	display:block;
}
#nav li a.activeSlide {
	background-color:#C8A879;
	width: 133px;
	color:#FFF;
}
#top_content_box #s3 {
	height:180px;
	overflow:hidden;
	width: 570px;
	padding: 0px;
}
#s3 div {
	height:100%;
	width: 552px;
	padding: 10px;
}
#s3 div img {
	width:250px;
	height:140px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
#header_right_image,
#header_left_image,
#calendar
{
	position:absolute;
	width:125px;
	height:85px;
	left:398px;
	top:45px;
	overflow: hidden;
}
#header_left_image {	
	left:195px;	
}
#calendar {
	width:55px;
	height:40px;
	top:70px;
	left:40px;
}
#calendar div {
	font-size:9px;
	color:#FC3;
	line-height:9px;
	text-align:left;
	padding-left:3px;
}
#calendar span {
	display:block;
	text-align:center;
	font-size:30px;
	line-height:30px;
	height:30px;
	font-weight:bold;
	direction:ltr;
}
#right_blue_box {
	float:right;
	width:276px;
	background-color:#FFF;
	border:1px solid #b7a59d;
	margin-left:2px;
}
#left_green_box {
	float:right;
	width:290px;
	background-color:#FFF;
	border:1px solid #b7a59d;
}
#right_blue_box span {
	height:36px;
	background:url(../images/right_sub_top.gif) top center no-repeat;
	display:block;
}
#left_green_box span {
	height:36px;
	background:url(../images/left_sub_top.gif) top center no-repeat;
	display:block;
}
#left_green_box ul,
#right_blue_box ul {
	list-style:none;
	padding:5px;
	display:block;
}
#left_green_box ul li,
#right_blue_box ul li {
	background:url(../images/list_arraw.gif) right center no-repeat;
	padding-right:10px;
}
.content_bottom_cor {
	background:url(../images/content_bottom_cor.jpg) top center no-repeat;
	height:10px;
}
#blue_footer_cont {
	background:url(../images/bottom_menu_bg.jpg) repeat-x bottom #058cd8;
	padding:30px 70px 10px 10px;
}
#blue_footer_bottom_cor {
	background:url(../images/bottom_cor.png) top center no-repeat;
	height:16px;
}
#footer_copyright {
	background:url(../images/site_bottom_bg.png) top no-repeat;
	padding-top:20px;
	text-align:center;
	height:30px;
}
#quick_links {
	width:450px;
	float:right;
	background:url(../images/quick_links.png) top right no-repeat;
	padding:30px 20px 20px;
	margin-left:10px;
}
#poll {
	width:280px;
	float:right;
	background:url(../images/poll.png) top right no-repeat;
	padding:30px 20px 20px;
    color:#fff;    
}
#quick_links ul li {
	display:block;
	width:140px;
	float:right;
	padding:3px;
	color: #FFF;
}
#quick_links ul li a{
	color:#FFF
}
/*#top_menu ul li {
	display:block;
	width:auto;
	float:right;
	padding: 0px 8px;
	font-weight: bold;
	border-left:1px solid #FFF;
	overflow: hidden;
}*/
#top_menu ul li a {
	color:#FFF;
}
#mem_list li a,
#video_list li a,
#photos_list li a,
#right_blue_box ul li a,
#left_green_box ul li a {
	color:#4b1813;
}
.videos_top_cor,
.photos_top_cor {
	height:38px;
	background:url(../images/photos_top_cor.jpg) no-repeat center;
}
.videos_top_cor {	
	background:url(../images/video_top_cor_big.jpg) no-repeat center;
}
#mem_list li,
#video_list li,
#photos_list li {
	display:block;
	float:right;
	border:0px solid #963;
	padding:3px;
	margin-left:5px;
	margin-top: 10px;
	width: 130px;
	overflow: hidden;
	text-align: center;
	height: 112px;
}
#mem_list li{
	width: 130px;
	height: 160px;
}
.activity_snippet #photos_list li{
	margin:0px;
}

#video_list li img,
#photos_list li img{
	width: 130px;
}
#mem_list li img{
	width: 130px;
}
#mem_list li div,
#video_list li div,
#photos_list li div{
	height: 112px;
	overflow:hidden;
}
#mem_list li div{
	height: 120px;
}
#video_box {
	padding:25px 30px;
}
.activity_snippet #video_box {
	padding:25px 163px;
}
#video_cont {
	border:1px solid #930;
	margin-bottom:10px;
}
.photos_videos_warp {
	padding:5px 0px 5px 0px;
}
#video_title {
	font-size:13px;
	text-align:center;
}
#activity_cont {
	padding:8px;
	position: relative;
	display:block;
	clear:both;
	float:none;
	width: 860px;
}
#activity_image {
	margin-bottom:10px;
}
.activity_snippet {
	padding:5px;
	border:5px solid #CCC;
	margin-bottom:10px;
	text-align:center;
}
.activity_snippet ul#mem_list li
.activity_snippet ul#video_list li
.activity_snippet ul#photos_list li
{
	width:132px;
}
.activity_snippet h1{
	font-size:14px;
	color:#995a49;
	display:block;
	padding:5px 0px;
}
.activity_snippet_inner {
	text-align:justify;
	padding-left: 5px;
}
.activity_snippet_inner img {
	padding:5px;
	float:right;
}
.activity_snippet_inner h1 {
	font-size:16px;
	padding:5px 0px 5px 5px;
}
.activity_articles {
	float:right;
	width:310px;
	padding-right:5px;
	border-right:1px solid #999;
	border-collapse:collapse;
	position: relative;
	overflow: hidden;
}
.activity_articles ul li {
	background:url(../images/list_arraw.gif) no-repeat right center;	
	display:block;
	padding: 3px;
	padding-right:10px;
}
.activity_articles ul li{
	text-align:justify;
}
.activity_articles ul li a {
	color:#4b1813;
}
.photos_videos_warp .article,
.activity_snippet .article{
	text-align:justify;
	padding:10px 30px;
	line-height:22px;
}
.photos_videos_warp .article h1,
.activity_snippet .article h1{
	
	font-size:16px;
	margin-bottom:5px;
	color:#900
}
.article_cont{
	border-bottom:1px solid #900;
	margin-bottom:10px;
}
.article div p{
	padding:2px 20px;
}
.photos_videos_warp .article img,
.activity_snippet .article img{
	max-width:500px;
	padding: 5px;
}
.activity_snippet #video_list li h2 ,
.activity_snippet #photos_list li h2 {
	padding-top:30px;
}
.activity_snippet #mem_list li h2 {
	padding-top:70px;
}
.seperator_bg {
	background:url(../images/bottom_menu_seperator.jpg) no-repeat;
	background-position:327px center;
}#mem_img_cont {
	background:url(../images/mem_img_bg.jpg) top right #f0ede1 no-repeat;
	height:145px;
	margin-bottom:5px;
	position: relative;
	padding: 40px 53px 0px 0px;
}
#mem_detail {
	background:url(../images/mem_detail.jpg) top left #52afcf no-repeat;
	height:205px;
}
#mem_img {
	width:86px;
	height:105px;
	position:absolute;
	top:40px;
	right:53px;
	overflow:hidden;
}
#mem_img img{
	width:86px;
	height:105px;
}
#mem_info {
	position:absolute;
	top:55px;
	right:160px;
	line-height: 22px;
	width: 260px;
	height: 70px;
}
#mem_info span {
	color:#f57a16;
	padding-left:5px;
	width:75px;
	text-align:left;
	display: block;
	float: right;
}
#mem_order {
	position:absolute;
	top:73px;
	right:460px;
	width:80px;
	height:60px;
	font-size:35px;
	text-align:center;
	line-height:55px;
	color:#52afcf;
	font-weight:bold;
}
#mem_detail_title {
	padding:10px 20px;
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}
#mem_detail span {
	color:#f5bb3e;
}
.mem_fields {
	float:right;
	width:260px;
	padding:10px 20px 10px 0px;
	color: #FFF;
	font-size: 13px;
	line-height: 25px;
}
#mem_detail .mem_fields div {
	float:right;
	display:block;
	width:85px;
	text-align:left;
	padding-left: 5px;
	color: #f5bb3e;
}
#mem_detail .mem_fields span {
	display:block;
	float:right;
	width:160px;
	color: #FFF;
}
#mem_img_cont #mem_info div {
	float:right;
	width:180px;
}

#tabs{
    float:none;
    clear:both;    
    }

    #survey_overlay {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999;
    background:url(../images/loading-6.gif) no-repeat center #FFF;
    display:none;
}
#serv{
	position:relative;
	width: 280px;
}
.video_mid ul li {
	display:block;
	float:right;
	width:124px;
	overflow:hidden;
}
.video_mid ul li img {
	display:block;
	margin:0px auto;
	width:45px;
	height:60px;
	border:1px solid #CCC;
}
.video_mid ul li a {
	color:#4b1813;
}
.video_mid ul li a span {
	display:block;
	text-align:center;
}
#home_middle_ad{
	padding:5px 0px;
}
#home_middle_ad img{
	width:876px;
}
.input input {
	width:200px;
	border:1px solid #666;
	padding:2px;
	height:16px;
	position: absolute;
	right: 100px;
}
.input label {
	width:100px;
	position: absolute;
	right: 0px;
	text-align: left;
}
.input {
	height:30px;
	position: relative;
}
#textarea_label {
	width:100px;
	text-align:left;
	display:block;
}
#message_c #textarea {
	width:305px;
	border:1px solid #333;
	position:absolute;
	right: 100px;
	height: 104px;
}
#textarea #message {
	width:300px;
	border: 0px none;
	height: 100px;
}
#form #message_c {
	position:relative;
	height: 105px;
}
#form .buttons{
	padding-right:100px;
}
#form .buttons .send ,
#form .buttons .reset 
{
	float:right;
	width:100px;
	background:url(../images/btn_bg.jpg) repeat-x top;
	height:18px;
	padding:2px;
	margin-left:5px;
	text-align:center;
	margin-top:5px;
}
#form .buttons .send a,
#form .buttons .reset a
{
	color:#FFF;
	text-decoration:none;
}
.photos_videos_warp #form {
	position:relative;
}
#top_header_cont{
	display:block;
	position:relative;
	right: 0px;
	width: 902px;
}
#qualifiers tr th {
	background:url(../images/table_th_bg.jpg) top center repeat-x;
	color:#FFF;
	text-align:center;
	height:25px;
	vertical-align:middle;
}
#qualifiers {
	width:98%;
	margin:5px auto;
	border-collapse:collapse;
	border:2px solid #525254;
}
#qualifiers tr td {
	border:1px solid #969696;
	padding:5px;
}
