﻿/*-------------------------------------------------------------------------*/
/* Main Layout SECTION START*/
/*-------------------------------------------------------------------------*/
@import url('layout.css');
@import url('boxes.css');

body
{
	background:#ffffff;
	font-family: tahoma, arial;
	font-size:12px;
	color:#4F4F4F;
	text-align:right;
	direction:rtl;
	margin: 0px auto;
	padding:0px 0px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#LoginNavContainer
{
	background-color:#EAE9B4;
	overflow:hidden;
}

	#NavLink
	{	
		font-size: 0.9em;
		color: #1F750D;
		background-color:#EAE9B4;
		float:right;
		margin:5px 5px;
	}
				
			#NavLink ul {
				
			}
			#NavLink li {
				display:inline;
				margin-right:5px;
				list-style-type:none;
			}
	
			#NavLink li img
			{
				margin-left:3px;
			}		
			#NavLink li a:link		{	color: #1F750D;	text-decoration:none;	font-weight:normal;	}
			#NavLink li a:active	{	color: #1F750D;	text-decoration:none;	font-weight:normal;	}
			#NavLink li a:visited	{	color: #1F750D;	text-decoration:none;	font-weight:normal;	}
			#NavLink li a:hover		{	color: #1F750D;	text-decoration:underline;	font-weight:normal;	}
	
	#NavSpread {
		background: #2FAA40 url('../images/login_spread.gif') no-repeat scroll right center;
		padding-right:31px;
		float:left;
	}
	
	#NavLogin {
		height:27px;
		width:460px;
		background:#2FAA40 url('../images/login_bg.gif') repeat-x scroll center center;	
		color:#fff;
		font-size:1em;
		text-align:right;
		padding-left:10px;
		
	}
		#NavLogin form {
			padding-top:2px;
		}

		#NavLogin .welcome {
			padding-top:3px;
			padding-right:3px;
		}

	#NavLogin input.submit {
			background:#5BBD44 url('../images/breach_query_submit_bg.gif') repeat-x scroll right top;
			border:1px #B2D6AC solid; 
			color:#fff;
			padding:1px 5px;
			font-weight:bold;
			font-size:12px;
			*padding:1px 2px;
	}
	
			#NavLogin  a:link		{	color: #fff;	text-decoration:none;	font-weight:normal;	}
			#NavLogin  a:active		{	color: #fff;	text-decoration:none;	font-weight:normal;	}
			#NavLogin  a:visited	{	color: #fff;	text-decoration:none;	font-weight:normal;	}
			#NavLogin  a:hover		{	color: #fff;	text-decoration:underline;	font-weight:normal;	}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#HeaderContiner {
	overflow:hidden;
	background:#fff url('../images/riyadh_landscape.gif') no-repeat scroll left top;
}

	#Logo {
		float:right;
		height:82px;
	}

	#HeaderBannar {
		float:left;
	}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*-------------------------------------------------------------------------*/
/* Page Layout SECTION START*/
/*-------------------------------------------------------------------------*/

#MainContent {
	clear:both;
	overflow:hidden;
}
/* خصائص الجهة اليمنى والتي تحتوي على القائمة */
#RightSide {
	float:right;
	margin-left:1px;
}
/* خصائص الجهة اليسرى والتي تحتوي على Content وعلى LeftBar */
#LeftSide {					/* لا تضع الخاصية فلوت لكي لا تصغر الديف على حجم مابداخلها */	
	overflow:hidden;
}


#content {						
	overflow:hidden;
	margin:2px 0px;
	padding:1px ;
}
.homepage {						
	overflow:hidden;
	margin:2px 2px;
	padding:5px ;
}
#LeftBar {
	background-color:#F0EEAD;
	float:left;
	width:170px;
	margin-right:2px;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#Adv {
	margin:3px auto;
	text-align:center;
}
#Adv img {
/*	width:154px;
	height:auto;    */
	margin:2px 0px;
	border:1px #A4A149 solid;	
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#Menu {
padding-top:5px;
background-color:#D3CE72;

}
#Menu ul {
list-style-type:none;
margin:0;padding:0;

}

#Menu li {
	width:167px;
	background:#EDE7A7 url('../images/menuitem_bg.gif') repeat-y;
	border-top:1px #fff solid;
	padding:7px 0;
	margin:0px;
}
#Menu li a {
		margin:0px 15px;

}
#Menu li a:active {
	color:#356F26;
	text-decoration:none;
	font-weight:bold;
}

#Menu li a:visited {
	color:#356F26;
	text-decoration:none;
	font-weight:bold;
}

#Menu li a:link {
	color:#356F26;
	text-decoration:none;
	font-weight:bold;
}

#Menu li a:hover {
	margin:0px 20px;
}

#Menu li.FirstOne {	
	display:none;
}
#Menu li.spread {		/* الشريط الصغير في بداية القائمة في الجهة اليمنى */
	background-color:#D3CE72;
	background-image:none;
	padding:0px;	margin:0px;
	height:5px;
	}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#SecondNavBar {
	background:#fff;
}
#SecondNavLine {
	height:3px;
	background:#EBD36F ;
	border-bottom:1px #fff solid;
	margin-right:22px;
	overflow:hidden
}

#SecondNav {
	color:#fff;
	font-size:1em;
	height:26px;
	margin-right:10px;
	text-align:left;
	background:#1F750D url('../images/secondnav_bg.gif') no-repeat scroll right bottom;
}

#SecondNav ul {
	padding:3px 0px 0px 4px;
}

#SecondNav li {
	display:inline;
	list-style-type:none;
	margin-left:10px;
}
#SecondNav li a
{
	text-align:right;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#SecondNav li a:visited
{
	color:#fff;
	text-decoration:none;
}

#SecondNav li a:active
{
	color:#fff;
	text-decoration:none;
}

#SecondNav li a:link
{
	color:#fff;
	text-decoration:none;
}

#SecondNav li a:hover {
	color:#FFED16;
	text-decoration:underline;
}

#NewsBar {
	padding:0.5em;
	background:#AFCDA9 ;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
}
		#NewsBar div.marquee {
			color:#1F750D;
			font-weight:bold;
			font-size:1em;
			text-align:center;
		}
		#NewsBar div.marquee a {
			color:#1F750D;
			text-decoration:none;
		}
		#NewsBar div.marquee a:hover {
			color:#1F750D;
			text-decoration:underline;
		}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#NewsBox {
	display:block;
	margin:5px auto;
	border:1px #59965D solid ;
}

#NewsBox .header {
	height:27px;
	background:#fff url('../images/newsbox_top.gif') repeat scroll right top ;
}

#NewsBox .header h3{
	font-size:1em;
	background: url('../images/newsbox_icon.png') no-repeat scroll right center ;
	margin:0px;
	color:#fff;
	padding:0.5em 2.5em ;
	font-weight:bold;
	margin-right:1em;
}

#NewsBox .body {
	margin:0px 0px 0px 0px;	
	background:#fff ;
	overflow:hidden;
}

#NewsBox .fotter {
	height:0px;
}

#NewsBox .news {
	font-size:1em;
	background:#fff ;
	overflow:hidden;
	margin:4px;
	color:#508F59;
}

#NewsBox .news img{
	width: 60px; 
	height: auto; 
	border: 1px solid #5D9A61 ;
	overflow:hidden;
	float:right;
	margin-left:5px;
}

#NewsBox .news h4{
	font-size:1em;
}

#NewsBox .news p{
	text-align:justify;
}

#NewsBox .news blockquote.more{
	text-align:left;
	font-size:0.9em;
	font-weight:bold;
}
#NewsBox .news blockquote.more a{
	color:#292929;
	font-weight:bold;
	text-decoration:none;
}
#NewsBox .news blockquote.more a:hover{
	text-decoration:underline;
}

#NewsBox .news p.line{
	clear:both;
	margin:0px auto;
	width:300px;
	height:15px;
	background:#fff url('../images/news_divider.gif') no-repeat scroll center center
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#breach_query {
	background:#43A643 url('../images/querybreach_bg2.gif') repeat scroll left top;
	border:1px #43A643 solid;
	overflow:hidden;
	margin:4px 1px;
	-*width:423px;
}
#breach_query .bg {
	background:transparent url('../images/querybreach_bg.jpg') no-repeat scroll right top;
	overflow:hidden;
	-*margin:4px 1px;
	-*width:100%;
}
	#breach_query .querycontet{
		margin:45px 15px 10px 15px;
		color:#fff;
	}
		#breach_query .querycontet p.textbox{
			text-align:left;
			margin-top:-20px;
		}
		#breach_query .querycontet p.textbox input{
			padding:3px;
			font-weight:bold;
			color:#0E6F0D;
			letter-spacing:10px;
			width:70%;
		}
		#breach_query .querycontet p.submit {
			text-align:left;
			margin-top:10px;
			margin-left:0px
		}
		#breach_query .querycontet p.submit input{
			background:#5BBD44 url('../images/breach_query_submit_bg.gif') repeat-x scroll right top;
			border:1px #B2D6AC solid; 
			color:#fff;
			padding:3px 8px;
			font-weight:bold;
			*padding:3px 2px;
		}
		#breach_query .querycontet p.meta{
			font-size:x-small;
			margin-top:-30px;
		}
		
		
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
middle ads
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#adv_midd {
	margin:5px 2px;
}
#adv_midd img {
	border:1px #1F750D solid;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#Fotter {
	text-align:left;
	color:#fff;
	font-size:0.9em;
	background:#508F59 url('../images/fotter_bg.gif') repeat-x; 
	
}
#Fotter p.copyright {
	padding:7px 5px 5px 5px;
}



/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.num_board {
	width:435px;
	height:197px;
	margin:auto auto;
	overflow:hidden;
	background-image:url('../images/board/board_bg.gif');
	position:relative;
}

.num_board div.ar_ch{
	float:right;
	width:150px;
	margin-right:63px; margin-top:15px;
	background-color:#fff;
	overflow:auto;
}


.num_board div.ar_ch p{
	float:right;
}

.num_board div.ar_nm{
	float:right;
	width:200px;
	margin-right:13px; margin-top:15px;
	background-color:#fff;
	overflow:auto;
}
.num_board div.ar_nm p{
	float:right;
}


.num_board div.en_nm{
	float:right;
	width:200px;
	margin-right:13px; margin-top:15px;
	background-color:#fff;
	overflow:auto;
}
.num_board div.en_nm p{
	float:right;
}

.num_board div.en_ch{
	float:right;
	width:150px;
	margin-right:63px; margin-top:15px;
	background-color:#fff;
	overflow:auto;
}


.num_board div.en_ch p{
	float:right;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#board_list_table {
	width:80%;
	margin:auto;
	margin-top:20px;
	background-color:#F3F3F3;
	font-size:1.2em;
	font-weight:bold;
	padding:0px;
	color:#A8A8A8;

}

#board_list_table td {
	text-align:center;
	border:0px #fff solid;
	border-bottom:1px #fff solid;
	padding:0.3em;
}
#board_list_table tr.firstrow td {
	text-align:center;
	border:0px #fff solid;
	border-bottom:3px #fff solid;
	padding:0.3em;
	background-color:#A8A8A8;
	color:#fff;
}
#board_list_table td a {
	color:#A8A8A8;
}

#board_list_table td a:hover {
	color:#BE1111;
}
A8A8A8;
}

#board_list_table td a:hover {
	color:#BE1111;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#form_area {
	margin:auto;
	margin-top:0px;
	border:1px #F3F3F3 solid;
	background-color:#fff;
	font-size:1em;
	color:#A8A8A8;
	padding:20px;
}
#form_area dd{
	padding:5px;
	margin:0px;
	background:#FBFBFB;
}

#form_area p{
	float:right;
	width:100px;
	text-decoration:none;
	margin-left:10px;
}

#form_area dd span{
	margin:0px 5px;
}

#form_area dd span input,#form_area dd span select,#form_area dd span textarea{
	font-size:1.1em;
	color:#A8A8A8;
	font-family:Tahoma;
	font-weight:normal;
	border:1px #A8A8A8 solid;
	padding:3px;
	margin-left:5px;
	direction:rtl;
}
#form_area dd span input:focus{
	border:1px fuchsia solid;
}
#form_area dt.import{
	background-color:#E7E7E7;
	color:#7B7B7B;
	margin:5px 2px;
}
#form_area dt{
	padding:3px;
	margin:2px;
	margin-bottom:3px;
	margin-top:3px;	
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#magazine_area {
	margin:auto auto;
	clear:both;
	overflow:hidden;
}
#magazine_area div.magazine{
	margin:10px 2px 5px 0;
	width:290px; height:149px;
	text-align:right;
	background:#fff url('../images/magazine/magazine_div_bg.jpg') repeat-y scroll center center;
	border:1px #D6D6D6 solid;
	overflow:hidden;
	float:right;
}

#magazine_area div.magazine img.magazine{
	float:right;
	margin:9px 9px;
	border:1px #636363 solid;
}

#magazine_area div.magazine p{
	text-align:right;
	margin:16px 5px;
}
	
#magazine_area div.magazine p img{
	text-align:right;
	vertical-align:middle;
}
#magazine_area div.magazine p a{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}
#magazine_area div.magazine p a:visited{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}
#magazine_area div.magazine p a:active{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}
#magazine_area div.magazine p a:link{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}
#magazine_area div.magazine p a:hover{
	color:#B53C3C;
	

}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#exam_area{
	width:100%;
	margin:auto auto;
}

#exam_area div.normal{
	background:#fff url('../images/exam/question_div_bg.jpg') no-repeat scroll right top;
	border:1px #BDBDBD solid;
}
#exam_area div.question{
	margin:10px 0px 5px 0;
	width:591px; height:146px;
	text-align:right;
	overflow:hidden;
	display:block;
}
#exam_area div.wrong{
	margin:10px 0px 5px 0;
	width:591px; height:146px;
	text-align:right;
	overflow:hidden;
	display:block;
}
#exam_area div.right{
	margin:10px 0px 5px 0;
	width:591px; height:146px;
	text-align:right;
	overflow:hidden;
	display:block;
}
#exam_area div.right {
	background:#fff url('../images/exam/question_div_bg_right.jpg') no-repeat scroll right top;
	border:1px #A8D96C solid;overflow:hidden;
}
#exam_area div.wrong{
	background:#fff url('../images/exam/question_div_bg_wrong.jpg') no-repeat scroll right top;
	border:1px #D47575 solid;overflow:hidden;
}
#exam_area div.question p.question {
	width:100%; 
	background-color:#EAEAEA;
	padding:7px 10px;
	font-weight:bold;
	overflow:hidden;
}
#exam_area div.question p.question .q_img,
#exam_area div.question p.q_wrong .q_img,
#exam_area div.question p.q_right .q_img{
float:left;
margin:-20px 0 0 50px;
}
#exam_area div.question p.question .q_img img,
#exam_area div.question p.q_wrong .q_img img,
#exam_area div.question p.q_right .q_img img {
width:40px;
height:auto;
}

#exam_area div.question p.q_right {
	width:100%; 
	background-color:#EAEAEA;
	padding:7px 10px;
	font-weight:bold;overflow:hidden;overflow:hidden;
}
#exam_area div.question p.q_wrong {
	width:100%; 
	background-color:#EAEAEA;
	padding:7px 10px;
	font-weight:bold;overflow:hidden;
}
#exam_area div.question p.q_wrong {
	background:#F9DBD1 url('../images/icons/wrong.png') no-repeat scroll 30px center;
}
#exam_area div.question p.q_right {
	background:#E7F9D1 url('../images/icons/right.png') no-repeat scroll 30px center;
}
#exam_area div.question p.answer {
	width:277px;
	_width:264px;
	padding:11px 0;
	float:right;
	margin:9px 13px 0 0;
	_margin-right:16px;
	line-height:normal;
	vertical-align:middle;
	text-align:right;
}
#exam_area div.question p.a_wrong {
	width:277px;
	_width:264px;
	padding:11px 0;
	float:right;
	margin:9px 13px 0 0;
	_margin-right:16px;
	line-height:normal;
	vertical-align:middle;
	text-align:right;
}
#exam_area div.question p.a_right {
	width:277px;
	_width:264px;
	padding:11px 0;
	float:right;
	margin:9px 13px 0 0;
	_margin-right:16px;
	line-height:normal;
	vertical-align:middle;
	text-align:right;
}
#exam_area div.question p.a_right {
	color:#56B646;
	font-weight:bold;
}
#exam_area div.question p.a_wrong {
	font-weight:bold;
	text-decoration:line-through;
}
#exam_area div.question p.question span{
color:#0D4A88;
}


#exam_area div.question p.q_right span{
color:#0D4A88;
}


#exam_area div.question p.q_wrong span{
color:#0D4A88;
}


#exam_area div.question p a{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}


#exam_area div.question p a:visited{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}


#exam_area div.question p a:active{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:bold;
	color:#0D4A88;
}
#exam_area div.question p a:hover{
	color:#B53C3C;
	vertical-align:middle;
}

#exam_area  p.result
 {
	margin:10px;
	clear:both;
	font-size:1.2em;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	padding:20px 15px;
	color:#0D4A88;
	border:1px silver dotted;
	line-height:20px;
}

#exam_area  p.result a {
	display:block;
	margin-top:10px;
}
#exam_area  p.result a:hover {
	color:#C13333;
}

#exam_area  p.result span {
	margin:0px 3px;
	color:#C13333;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#applications_area {
	margin:auto -2px 0 0;
	clear:both;
	overflow:hidden;
}
#applications_area div.applications{
	margin:10px 3px 5px 0;
	width:288px; height:178px;
	text-align:right;
	background:#fff url('../images/applications/applications_div_bg.jpg') repeat scroll center center;
	border:1px #A2BC9B solid;
	overflow:hidden;
	float:right;
}

#applications_area div.applications img.applications{
	float:right;
	margin:9px 9px;
	border:1px #A2BC9B solid;
	width:120px; height:160px;
}

#applications_area div.applications p{
	text-align:right;
	margin:12px 5px;
}
#applications_area div.applications h4{
	text-align:right;
	margin:16px 5px;
}
	
#applications_area div.applications p img{
	text-align:right;
	vertical-align:middle;
}
#applications_area div.applications p a{
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
	font-weight:normal;
	color:#0D4A88;
}
#applications_area div.applications p a:hover{
	color:#B53C3C;
	

}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#signs_area {
	margin:auto 2px 0 0;
	clear:both;
	overflow:hidden;
}
#signs_area div.sign{
	margin:10px 5px 5px 0;
	width:140px; height:140px;
	text-align:right;
	background:#fff url('../images/signs/sign_div_bg.gif') repeat-x scroll center bottom;
	border:1px #E4E4E4 solid;
	overflow:hidden;
	float:right;
}

#signs_area div.sign div.img{
	display:block;
	margin:auto auto;
	border:0px #fff solid;
	text-align:center;
	height:100px;
}
#signs_area div.sign div.img img{
	width:100px;height:auto;
	margin:5px 5px 0px;

}
#signs_area div.sign div.img img.tall{
	width:auto;height:90px;
	margin:5px 5px 0px;

}

#signs_area div.sign div.title{
	text-align:center;
	margin:auto auto;
	background-color:#E4E4E4;
	height:41px;
	
}

#signs_area div.sign div.title p{
	margin:auto auto;
	vertical-align:middle;
	margin:4px 4px 0;
	padding-top:3px;
	text-align:center;
}
	

.signs_tabs_container {
border:1px solid #D2E8E6; 
background-color: #fff; 
padding: 0px
}
.signs_tabs_container p {
margin:5px 5px;
color:#507773;
text-align:justify;
}
.signs_tabs_container h3 {
font-size:1.3em;
margin:15px 5px;
color:#377D6F;
}
.signs_tabs_container h4 {
font-size:1.1em;
margin:10px 10px;
color:#7ABEB8;
}
.signs_tabs_container ul,.signs_tabs_container ol {
margin:5px 35px;
color:#507773;
text-align:right;
line-height:20px;
}

.signs_tabs{
padding: 0;
border-bottom: 5px solid #D2E8E6; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
overflow:auto;
margin:20px 0 0 0;
}

.signs_tabs ul{
margin:0;
margin-right: -2px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.signs_tabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.signs_tabs a{
float: right;
display: block;
font: bold 13px tahoma;
color: #D2E8E6;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #377D6F; /*Brown color theme*/ 
border-top: 1px solid white;
}

.signs_tabs a:hover{
background-color: #D2E8E6; /*Brown color theme*/ 
color: #377D6F;
}

.signs_tabs a.selected{ /*currently selected tab*/
background-color: #D2E8E6; /*Brown color theme*/ 
color: #377D6F;
border-color: #D2E8E6; /*Brown color theme*/ 
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#statistics_area {
	margin:20px 10px;;
	border:1px #F3F3F3 solid;
	background-color:#fff;
	font-size:13px;
	color:#A8A8A8;
	padding:15px;
}
#statistics_area dd{
	padding:10px 5px;;
	margin:2px;
	background:#F3F3F3 url('../images/statistics/dd_bg.gif') repeat-x scroll right bottom;
	overflow:hidden;
	color:#6A6A6A;
}
#statistics_area dd span{
	margin:0px 5px;
	float:left;
	padding:2px 20px 2px 0;
	vertical-align:middle;

}
#statistics_area dd span.save{
background:transparent url('../images/icons/save.png') no-repeat scroll right center;
}
#statistics_area dd span.print{
background:transparent url('../images/icons/print.png') no-repeat scroll right center;
}

#statistics_area dd a.title{
	margin:0px 5px;
	float:right;
	padding:2px 15px 2px 0;
	vertical-align:middle;
	background:transparent url('../images/icons/circle.png') no-repeat scroll right center;
}
#statistics_area dd a.title:hover{
	background:transparent url('../images/icons/circle_hover.png') no-repeat scroll right center;
}
#statistics_area dd span.print:hover{
background:transparent url('../images/icons/print_hover.png') no-repeat scroll right center;
}
#statistics_area dd span.save:hover{
background:transparent url('../images/icons/save_hover.png') no-repeat scroll right center;
}

#statistics_area dd a{
	color:#6A6A6A;
	font-weight:bold;
	font-size:1em;
}
#statistics_area dd a:hover{
	color:#B53C3C;
	}

#statistics_area dt{
	padding:3px;
	margin:5px 0px;
}
#statistics_area dd span.view{
	display:none;
}
#statistics_page {
	font-size:13px;
	padding:15px;
	text-align:center;
	margin:auto;
}
#statistics_page div.chart{
	margin:10px auto;
	text-align:center;
	border:1px #F3F3F3 solid;
	padding:10px;
}
#statistics_page table.chart{
	display:table;
	margin:10px auto;
	text-align:center;
	width:100%;
	font-size:11px;
}

		#statistics_page table.chart td{
			padding:3px;
			text-align:center;
			background-color:#E7E6A7;
			border-top:1px #fff solid;
		}
		#statistics_page table.chart td.title{
			font-weight:normal;
			color:#fff;
			background-color:#4A6A37;
			border-left:1px #fff solid;
		}
#statistics_page h2 {
	color:#42850B;
	font-size:1.2em;
	text-align:right;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#sitemap {
	margin:10px 30px;
	color:#6A6A6A;
}
#sitemap a{
	color:#6A6A6A;
}
#sitemap a:hover{
	color:#32A7BB;
}

#sitemap ul.level1{
	margin:10px 0px;
	list-style-type:none
}
#sitemap li.level1{
	margin:5px 0px;
	border:1px #F3F3F3 dashed;
	padding:5px;
}
#sitemap li.level1:hover{
	background-color:#F3F3F3;
}
#sitemap ul.level2{
	margin:10px 20px;
}
#sitemap li.level2:hover{
	background-color:#FFF;
}

#sitemap li.level2{
	margin:5px 0px;
	background-color:#F3F3F3;
	padding:5px;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*
#dept {
	margin:10px 0px;
	color:#6A6A6A;
}

#dept .dept_tabs_container {
border:1px solid #D2E8E6; 
background-color: #fff; 
padding: 0px;
margin-top:10px;
}

#dept .dept_tabs{
padding: 0;
border-bottom: 0px solid #D2E8E6; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
overflow:hidden;
margin:20px 0 0 0;
}

#dept .dept_tabs ul{
margin:0 0 0px 0;
margin-right: -2px; 
padding: 0;
list-style: none;
}

#dept .dept_tabs li{
display:block;
margin: 0 0 0 0;
padding: 0;
text-transform:uppercase;
}

#dept .dept_tabs a{
display: block;
font: bold 13px tahoma;
color: #008FB4;
text-decoration: none;
margin: 0 0px 0 0; 
padding: 5px 10px;
border-top: 1px solid white;
}

#dept .dept_tabs a:hover{
background-color: #C0E7F9; 
color: #008FB4;
}

#dept .dept_tabs a.selected{
background-color: #C0E7F9; 
color: #008FB4;
border-color: #D2E8E6; 
}



*/
#dept {
	margin:10px 0px;
	color:#6A6A6A;
}
#dept .dept_div{
margin-top:5px;	
overflow:hidden;
}
#dept .dept_div h3 {
	background:#CAE8F3 url('../images/dept_title_bg.gif') repeat-x scroll right top;
	padding:10px 10px;
	margin:-3px 0px;
	font-size:14px;
	color:#3984BD;
	border:1px #CAE8F3 solid;
	overflow:hidden;
	-*height:20px;
	-*clear:both;
}
#dept .dept_div h3:hover {
	background:#CAE8F3 url('../images/dept_title_bg_hover.gif') repeat-x scroll right bottom;
}
#dept .dept_div .list{
	font-size:13px;
	line-height:20px;
	color: #449A1A;
	text-decoration: none;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	background-color: #fff; 
}

#dept .dept_div .list{
}


#dept div.deptlist{
	margin:auto auto;
}
#dept div.deptlist ul{
	margin:5px auto 10px auto;
	list-style-type:none;
	overflow:auto;
}

#dept div.deptlist ul li{
	background:#E5F6FC url('../images/depts/dept_list_bg.gif') no-repeat scroll left bottom ;
	margin:5px 10px 0 0;
	float:right;
	width:45%;
	color:#396D7F;
	border:1px #ADDEEF solid;
}
#dept div.deptlist ul li a{
	color:#396D7F;
	display:block;
	padding:4px 7px;
}
#dept div.deptlist ul li a:hover{
	color:#B15A5A;
}

div.deptview{
	margin:20px 10px;;
	border:1px #F3F3F3 solid;
	background-color:#fff;
	font-size:13px;
	color:#A8A8A8;
	padding:15px;
	overflow:hidden;
	width:600px;
	direction:rtl;
	text-align:right;
}

div.deptview dd{
	padding:10px 5px;;
	margin:2px;
	background:#F3F3F3 url('../images/statistics/dd_bg.gif') repeat-x scroll right bottom;
	overflow:hidden;
	color:#6A6A6A;
	clear:both;
}
div.deptview dd.img{
text-align:center;
}
div.deptview dd.img{
margin:auto auto;
}
div.deptview dd.telfax {
overflow:hidden;
-*height:20px;
}

div.deptview dd.telfax p{
float:right;
margin:0 5px 0 0;
padding:0 20px 0 0;
}
div.deptview dd.telfax p.fax{
background:transparent url('../images/icons/faxicon.png') no-repeat scroll right center;
}
div.deptview dd.telfax p.phone{
background:transparent url('../images/icons/phoneicon.png') no-repeat scroll right center;
}

div.deptview dt{
	padding:3px;
	margin:5px 0px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.voting_box_bg{
	background:#7F4705 url('../images/voting_bg.gif') repeat-x scroll right top ;
	margin:2px 0 2px 0 ;
	width:167px;
}
.voting_box{
	background:transparent url('../images/voting_bg2.png') repeat scroll right top ;
	padding:1px 0 0 0;
	overflow:hidden;
}
.voting_box h3{
	background:transparent url('../images/voting_title_bg.png') no-repeat scroll right top ;
	padding:4px 20px 6px 0;
	margin:1px 2px 0 0;
	color:#fff;
}
.voting_box h4{
	margin:10px 4px 15px 4px;
	color:#fff;
}
.voting_box .color1{
	background-color:#16D8CA;
}

.voting_box .color2{
	background-color:#8BD816;
}


.voting_box .result_bar{
	font-size:4px;
	height:4px;
	line-height:-1px;
	width:90%;
	margin:0px 4px -5px 4px;
	padding:0px 0;
	border-bottom:0px #A06B2C solid;
	border-top:0px #623E17 solid;
	vertical-align:middle;
}
.voting_box p{
	margin:0px 4px 0 4px;
	padding:6px 0;
	color:#fff;
	border-bottom:1px #A06B2C solid;
	border-top:1px #623E17 solid;
	vertical-align:middle;
}
.voting_box p.submit{
	border-bottom:0px black solid;
}
.voting_box p.submit input{
	border:1px #fff solid;
	background-color:#8D2F08;
	color:#fff;
	padding:2px 5px;
}
.voting_box p.submit a{
	color:#fff;
	font-size:11px;
	text-decoration:underline;
}
.voting_box p.submit a:hover{
text-decoration:none;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#fast_directory {
	width:424px; height:123px;
	background:#8FF0B9 url('../images/fast_directory_bg.jpg') no-repeat scroll center center ;
	margin:3px auto;
	border:1px #49AF80 solid;
	color:#21536D;
}
#fast_directory dd,#fast_directory dl,#fast_directory dt{
padding:0;margin:0;
}

#fast_directory dl {
	margin:50px 10px 0 10px ;
}
#fast_directory dt {
	margin:10px 0px 0 0px ;
}
#fast_directory dt select {
	width:100% ;	
	padding:3px;
	border:1px #62C5B9 solid;
	color:#21536D;
	font-family:Tahoma;	
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#instructions .inst_div{
margin-top:1px;	
}

#instructions .inst_div .inst_question h3{
	font-size:13px;
	color: #449A1A;
	text-decoration: none;
	margin: 0 0px 0 0; 
	padding: 5px 10px;
	cursor:hand;
	cursor:pointer;

}

#instructions .inst_div .inst_question h3:hover{
	/* background-color: #D1F1C8; */
	text-decoration:underline;
	

}

#instructions .inst_div .inst_question h3 img{
	vertical-align:middle;
}
#instructions .inst_div .inst_answer{
	font-size:13px;
	line-height:20px;
	color: #449A1A;
	text-decoration: none;
	margin: 0 0px 0 0;
	padding: 10px 20px;
	background-color: #D1F1C8; 
}
#instructions .inst_div .inst_answer ul{
	margin: 5px 20px 5px 0; 
	}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#user_edit .form_div{
margin-top:5px;	
}

#user_edit .form_div .form_title h3{
	cursor:hand;
	cursor:pointer;
	font-size:13px;
	color: #847D32;
	text-decoration: none;
	margin: 0 0px 0 0; 
	padding: 5px 10px;
	background:#EEEABB url('../images/user_edit_form_type.gif') repeat-x scroll right top;
}

#user_edit .form_div .form_title h3:hover{
	/* background-color: #D1F1C8; */
	color:#9E920F;
	background:#EEEABB url('../images/user_edit_form_type_hover.gif') repeat-x scroll right top;
}

#user_edit .form_div .form_title h3 img{
	vertical-align:middle;
	display:none;
}
#user_edit .form_div .form{
	font-size:13px;
	line-height:20px;
	color: #449A1A;
	text-decoration: none;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	background-color: #fff; 
}
	
#user_edit .form_div dl {
	margin:auto;
	margin-top:0px;
	border:1px #EEEABB solid;
	background-color:#fff;
	font-size:1em;
	color:#847D32;
	padding:10px;
}
#user_edit .form_div dl dd{
	padding:5px;
	margin:1px 0px;
	background:#EEEABB;
	overflow:hidden;
	clear:right;
	color:
	
}

#user_edit .form_div dl dd p{
	float:right;
	text-decoration:none;
	width:95px;
}

#user_edit .form_div dl dd span{
	float:right;
	margin:0px 0px 0 5px;;
}

#user_edit .form_div dl dd span input,
#user_edit .form_div dl dd span select,
#user_edit .form_div dl dd span textarea{
	font-size:1.1em;
	color:#CEC773;
	font-family:Tahoma;
	font-weight:normal;
	border:1px #CEC773 solid;
	padding:3px;
	margin-left:5px;
	direction:rtl;
}
#user_edit .form_div dl dd span input:focus{
	background-color:#FCFCF2;
}
#user_edit .form_div dl dt.import{
	background-color:#E7E7E7;
	color:#7B7B7B;
	margin:5px 2px;
}
#user_edit .form_div dl dt{
	padding:3px;
	margin:2px;
	margin-bottom:3px;
	margin-top:3px;	
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.form_div .form{
	font-size:13px;
	line-height:20px;
	color: #449A1A;
	text-decoration: none;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	background-color: #fff; 
}
	
.form_div dl {
	margin:auto;
	margin-top:0px;
	border:1px #EEEABB solid;
	background-color:#fff;
	font-size:1em;
	color:#847D32;
	padding:10px;
}
.form_div dl dd{
	padding:5px;
	margin:1px 0px;
	background:#EEEABB;
	overflow:hidden;
	clear:right;
}
.form_div dl dd.error{
	margin:1px 0px;
	overflow:hidden;
	clear:right;
	background:transparent;
	color:#CD1C1C;
	border:1px #ED9292 dotted;
}
.form_div dl dd.error p{
float:none;
width:100%;
}
.form_div dl dd.error ul{
	margin:0px 30px;
}

.form_div dl dd p{
	float:right;
	text-decoration:none;
	width:95px;
	vertical-align:middle;
	padding-top:2px;
}
.form_div dl dd p.big_input{
	width:120px;
}
.form_div dl dd span{
	float:right;
	margin:0px 0px 0 5px;;
}

.form_div dl dd span input,
.form_div dl dd span select,
.form_div dl dd span textarea{
	font-size:1.1em;
	color:#625D23;
	font-family:Tahoma;
	font-weight:normal;
	border:1px #CEC773 solid;
	padding:3px;
	margin-left:5px;
	direction:rtl;
}
.form_div dl dd span input:focus{
	background-color:#FCFCF2;
}
.form_div dl dt.import{
	background-color:#E7E7E7;
	color:#7B7B7B;
	margin:5px 2px;
}
.form_div dl dt{
	padding:3px;
	margin:2px;
	margin-bottom:3px;
	margin-top:3px;	
}


.form_div  {
	border:1px #EEEABB solid;
	padding:10px;
	text-align:center;
	
}

.form_div table {
	width:100%;
	margin:0 auto;
	text-align:right;
	border:0px;
}

.form_div table tr {
	border-bottom:1px #fff solid;
	background-color:#EEEABB;
}
.form_div table tr td {
	border:0px;
	border-bottom:1px #fff solid;
	padding:6px;
	color:#847D32;
}
.form_div table tr td input{
	font-size:1.1em;
	color:#625D23;
	font-weight:normal;
	border:1px #CEC773 solid;
	padding:3px;
}
.form_div table tr td input:focus{
border:1px #E7DC55 solid;
}
















/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#accident_of_day {
	margin:10px 3px;
}

#accident_of_day .header {
	background:#EDE8AD url('../images/accident_of_day/header_bg.gif') repeat-x scroll right top;
	padding:10px 10px;
}

#accident_of_day .body {
	padding:10px 10px;
	border:1px #E8E079 solid;
	background:#FAFBD2 url('../images/accident_of_day/body_bg.gif') repeat scroll right top;
}

#accident_of_day .body .accident_img{
	text-align:center;
	
}
#accident_of_day .body .accident_img img{
	text-align:center;
	border:2px #EDE8AF solid;
	margin:auto auto;
}
#accident_of_day .body .img_options{
	margin:3px 32px;
}
#accident_of_day .body .comment{
	margin:10px auto;	

}

#accident_of_day .body .comment dl{
	background-color:#fff;
	margin:5px 28px;
	padding:1px 0;	
}

#accident_of_day .body .comment dd{
	padding:5px;
	margin:1px 1px;
	background-color:#EDE7AA;	
}
#accident_of_day .body .comment dd span{
	margin:0px 0px 0 5px;
	font-weight:normal;
	display:none;
}
#accident_of_day .body .comment dd.name {
	background-color:#F3ECA4;
	padding:7px;
	font-weight:bold;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#hjz_query_box {
	background:#CFCB74 url('../images/hjz_query_box.gif') repeat-x scroll center top ;
	margin:3px 1px;
	border:1px #CFCB67 solid;
	color:#605E40;
	overflow:hidden;
	-*width:423px;
}

#hjz_query_box .bg {
	padding:10px 0 5px;
	overflow:hidden;
	background: transparent url('../images/hjz_query_box_bg.gif') no-repeat scroll left top ;
}

#hjz_query_box dd,#hjz_query_box dl,#hjz_query_box dt{
	padding:0;margin:0;
}

#hjz_query_box dl {
	margin:0px 10px;
}
#hjz_query_box dt {
	margin:10px 0px 0 0px ;
}
#hjz_query_box dt .right{
	float:right;
}
#hjz_query_box dt .left{
	float:left;
}

#hjz_query_box dt span label{
	font-size:11px;
	text-align:center;
	padding:0px;margin:0px;
}

#hjz_query_box br {
	padding:0px;margin:0px;
}
#hjz_query_box dt span {
	text-align:center;
	padding:0px;
	margin:0px 10px;
	*margin:0px;
}
#hjz_query_box dt span input {
	height:20px; width:30px;
	text-align:center;
	padding:3px;
	color:#605E40;
	border:1px #CFCB67 solid;
	font-size:15px;
	font-weight:bold;
	
}
#hjz_query_box .submit {
	height:auto; width:auto;
	padding:5px 8px;
		*padding:3px 2px;
	background:#605E40;
	color:#fff;
	border:1px #EFECB6 solid;
	font-size:13px;
	font-weight:bold;
}
#hjz_query_box dt.note {
	margin:3px 0 -5px;
}

#hjz_query_box span.note {
	font-size:10px;
	color:#5D7D2E;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*//*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/*  خصائص المساحة الخاصة بالمحتوى للصفحات الداخلية*/
#PageContent {					
		
	background-color:#fff;/* لون خلفية الجهة اليسرى*/
	padding:0px 4px 0px 0px;
	text-align:right;
}
h1.pagecontent {	
	margin:7px;				
	font-size:130%;
	color:#1F750D;
}
h2.pagecontent {	
	margin:7px;				
	font-size:105%;
	color:#9C8508;
	margin-top:12px;
	margin-bottom:12px;
}

p.pagecontent {	
	margin:7px;				
	font-size:1em;
	text-align:justify;
}
p.pagecontent_bold {	
margin:7px;				
font-size:1em;
color:#313131;
font-weight:bold;
}


ol.pagecontent {	
	margin:7px;
	font-size:1em;
	text-align:right;
	margin-right:30px;
	color:#424242;		
	line-height:normal;	
	padding:7px;
}


ul.pagecontent {	
	margin:7px;
	font-size:1em;
	text-align:right;
	margin-right:30px;
	color:#424242;		
	line-height:normal;		
}
/*
ul.pagecontent li:hover,ol.pagecontent li:hover{
{
color:#9C8508;
cursor:crosshair;
}
*/	
ol.pagecontent li{
margin-top:6px;
}	
ul.pagecontent li{
margin-top:6px;
}	
div.top {	
	margin:7px;				
	font-size:1em;
	text-align:left;
	font-weight:bold;
	padding-top:5px;
	border-top:1px #B9B9B9 dashed;
	width:95%;
	margin:auto;
}
div.top a {
text-decoration:none;	
color:#1F750D;
}
div.top a:hover {
color:#37A121;	
}


div.top a:hover {
color:#37A121;	
}

img.normal {	
	margin:10px;
}



/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
p.justify {
	text-align:justify;
	
}



table.gallery {
	width: 97%;
}

table.gallery td{
	padding:5px;
	text-align:center;
}






