﻿/* CSS Document */
html {
	
}

* html body {	

}
*+html {
}

p {margin:0px; padding:0px;
	
}


h6 {margin:0px; padding:0px;
	
}


h5 {margin:0px; padding:0px;
	
}


h4 {margin:0px; padding:0px;
	
}


h3 {margin:0px; padding:0px;
	
}


h2 {margin:0px; padding:0px;
	
}


h1 {margin:0px; padding:0px;
	
}


form {margin:0px; padding:0px;
	
}


li {margin:0px; padding:0px;
	
}


ul {margin:0px; padding:0px;
	
}


div {margin:0px; padding:0px;
	
}


.poll-question
{
border-bottom:1px solid #dbdbdb; 
padding:0px 5px 0px 5px;
background:url(/sites/ar/images/shd_vote.png); 
background-repeat:repeat-x;
width:215px;
font-size:14px;
}


.poll-answer label
{
font-size:12px;}


.poll-table
{
}


.btnvote { 
  cursor:pointer;
  overflow:visible; /* ie6/7 width fix */
  width:auto; /* ie6/7 width fix */
  padding:2px 2px;
  background-image:url(/sites/ar/images/btn.gif);
  background-repeat:repeat-x;
  background-color:#CCCCCC;
  color:#03587f;
  font:11px Tahoma, "Times New Roman", "Simplified Arabic";
  border:1px solid #aaa;
  font-weight:bold;
margin:4px 2px 0px 1px; 
 }

.poll-collapse{
	cursor:pointer;
	background-image:url('/sites/ar/images/arrcollapse.gif');
	background-repeat:no-repeat;
	background-position:left;
	width:100%;
	height:20px;
	
}
.poll-expand{
	cursor:pointer;
	background-image:url('/sites/ar/images/arrexpand.gif');
	background-repeat:no-repeat;
	background-position:left;
	width:100%;
	height:20px;
}



.poll-collapse-td{
	width:28px;	
}


.poll-results-table
{	
	width:400px;
	
}



<!--
body  {
	background-position:center;
	background-image: url(../images/bgtile.gif);
	background-repeat: repeat;
	font-family:"Simplified Arabic", "Times New Roman", Tahoma;
	font-size:16px;
	color:#000000;
	line-height:24px;

}



/*Global clases Starts*/


.clear{ clear:both; }

h2 { font-size:12pt; color:#3481b4; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; line-height:25px;}

p { font-size:12pt; color:#1c1c1c; line-height:22px; text-align:justify;}

a:active { font-size:12pt; color:#03587f;  text-decoration:underline;}

a:hover { font-size:12pt; color:#03587f;  text-decoration:underline;}

a:visited { font-size:12pt; color:#03587f;  text-decoration:underline;}

a:link { font-size:12pt; color:#03587f;  text-decoration:underline;}

a:hover{ color:#d89304;}

h1{ font-size:14pt; font-weight:normal; color:#3481b4;  margin:10px 8px 0px 0px;   font-family:Tahoma, "Times New Roman", "Simplified Arabic";}

/*Global clases Starts ends*/




.container{ width:997px;  }

.FlashBanner{ float: left; height:98px; width:360px; }

.header{ background: url(../images/layout.png); background-color:#44b5f6; background-position:0px 0px; background-repeat:no-repeat; width:997px; height:101px;}

.logo{ height:101px; width:400px; float:right; cursor:pointer;}

.SearchArea{ width:997px;   float:left; background-color:#44b5f6; margin:0px 0px 0px 0px; padding:2px 0px 2px 0px;}

.TopLink{ width:40%; float:left; text-align:left; }

.TopLink a:active { font-size:12px; letter-spacing:1px; color:#053b73; text-decoration:none}

.TopLink a:hover { font-size:12px; letter-spacing:1px; color:#053b73; text-decoration:none}

.TopLink a:visited { font-size:12px; letter-spacing:1px; color:#053b73; text-decoration:none}

.TopLink a:link { font-size:12px; letter-spacing:1px; color:#053b73; text-decoration:none}

.TopLink a:hover{ text-decoration:underline;}

.Search{ width:30%; float:right;}

.Search a:active { font-size:14px; letter-spacing:1px; color:#053b73; text-decoration:none}

.Search a:hover { font-size:14px; letter-spacing:1px; color:#053b73; text-decoration:none}

.Search a:visited { font-size:14px; letter-spacing:1px; color:#053b73; text-decoration:none}

.Search a:link { font-size:14px; letter-spacing:1px; color:#053b73; text-decoration:none}

.Search a:hover{ text-decoration:underline;}

.Search span { font-size:12px;}


.TopNav{  }
/*Side navigation of Home page*/
#TopMenu { margin:0px 0px 0px 0px; }

#TopMenu li { list-style-type:none; margin:0px; padding:0px;}
#TopMenu a{
margin:0px; padding:0px;
display:block; 
width:190px; 
text-indent:-9999px;
height:24px;
border:none;

}
#TopMenu li{list-style:none; float:right; margin-left:0px;}




#tab5{ width:190px; height:24px;}




#tab4{ width:190px; height:24px;}




#tab3{ width:190px; height:24px;}




#tab2{ width:190px; height:24px;}




#tab1{ width:190px; height:24px;}
/*MENU ITEMS*/
#tab1 a:visited{  background:url(../images/layout.png) no-repeat -788px -136px;}
#tab1 a{  background:url(../images/layout.png) no-repeat -788px -136px;}
#tab2 a:visited{ background:url(../images/layout.png) no-repeat -597px -136px;}
#tab2 a{ background:url(../images/layout.png) no-repeat -597px -136px;}
#tab3 a:visited{ background:url(../images/layout.png) no-repeat -408px -136px;}
#tab3 a{ background:url(../images/layout.png) no-repeat -408px -136px;}
#tab4 a:visited{ background:url(../images/layout.png) no-repeat -214px -136px;}
#tab4 a{ background:url(../images/layout.png) no-repeat -214px -136px;}
#tab5 a:visited{ background:url(../images/layout.png) no-repeat -24px -136px;}

#tab5 a{ background:url(../images/layout.png) no-repeat -24px -136px;}

/*MENU ROLLOVERS*/
#tab1 a:hover{background:url(../images/layout.png) no-repeat -788px -109px;}
#tab2 a:hover{background:url(../images/layout.png) no-repeat -597px -109px;}
#tab3 a:hover{background:url(../images/layout.png) no-repeat -408px -109px;}
#tab4 a:hover{background:url(../images/layout.png) no-repeat -214px -109px;}
#tab5 a:hover{background:url(../images/layout.png) no-repeat -24px -109px;}

#tab1 span.current a {background:url(../images/layout.png) no-repeat -788px -109px;}
#tab2 span.current a {background:url(../images/layout.png) no-repeat -597px -109px;}
#tab3 span.current a {background:url(../images/layout.png) no-repeat -408px -109px;}
#tab4 span.current a {background:url(../images/layout.png) no-repeat -214px -109px;}
#tab5 span.current a {background:url(../images/layout.png) no-repeat -24px -109px;}


.MainCnt{ padding:0px 12px 0px 12px; height:100%; }

.FlashArea{ width:973px;}

.brief{ width:235px;  float:left;}

.LeftArea .brief{width:235px; _width:220px; height:204px;  float:left; margin-bottom:15px; }





.Flash{ width:508px; float:left;}




.Main_links{  width:201px; margin:5px 0px 5px 0px;}

#links{ width:201px;  float:right; margin:0px 0px 0px 0px;}
#links a{
margin:0px; padding:0px;
display:block; 
width:201px; 
text-indent:-9999px;
border:none;

}
#links li{ list-style-type:none; margin:0px; padding:0px;}
#link1 a:visited{height:30px; background:url("../images/main_page_links.png") no-repeat -203px 0px;}
#link1 a{height:30px; background:url("../images/main_page_links.png") no-repeat -203px 0px;}
#link2 a:visited{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -30px;}
#link2 a{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -30px;}
#link3 a:visited{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -60px;}
#link3 a{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -60px;}
#link4 a:visited{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -90px;}
#link4 a{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -90px;}
#link5 a:visited{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -120px;}
#link5 a{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -120px;}
#link6 a:visited{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -150px;}


#link6 a{height:30px; background:url("../images/main_page_links.png") no-repeat -203px -150px;}


/*MENU ROLLOVERS*/
#link1 a:hover{background:url("../images/main_page_links.png") no-repeat 0px 0px;}
#link2 a:hover{background:url("../images/main_page_links.png") no-repeat 0px -30px;}
#link3 a:hover{background:url("../images/main_page_links.png") no-repeat 0px -60px;}
#link4 a:hover{background:url("../images/main_page_links.png") no-repeat 0px -90px;}
#link5 a:hover{background:url("../images/main_page_links.png") no-repeat 0px -120px;}
#link6 a:hover{background:url("../images/main_page_links.png") no-repeat 0px -150px;}





.rss{ height:40px; width:53px; float:left; }

.nws{height:40px; float:left; background-color:#44b5f6;}


.nws span a:active { font-size:14px; letter-spacing:1px; color:#ffffff; text-decoration:none; line-height:16px;}


.nws span a:hover { font-size:14px; letter-spacing:1px; color:#ffffff; text-decoration:none; line-height:16px;}


.nws a:visited { font-size:14px; letter-spacing:1px; color:#ffffff; text-decoration:none; line-height:16px;}


.nws span a:link { font-size:14px; letter-spacing:1px; color:#ffffff; text-decoration:none; line-height:16px;}

.nws span a:hover{ text-decoration:underline;}

.nwsHead{ height:40px; width:76px; float:left;}

.NewsArea{ width:973px; height:40px;}

.MainCntIn{ margin-top:10px; width:973px; }

.LeftArea{ width:235px;  float:left; margin:0px 0px 0px 0px;}

.MainCnt_Inner .LeftArea{ width:235px; _width:225px;  float:left; margin:0px 0px 0px 0px;}

.gallery{  margin:0px 0px 10px 0px;}

.VoteArea {  }

.option { margin:5px 20px 0px 20px;  }

/*.btnvote { margin:4px 60px 0px 20px;  }*/

.vote { border-bottom:1px solid #dbdbdb; padding:0px 5px 0px 5px;background:url(../images/shd_vote.png); background-repeat:repeat-x; }


.weather { width:235px; padding:4px 5px 0px 5px;}

.ddd{float:left; width:512px; background-color:gray; margin:0px 10px 0px 10px;     }

/*.MiddleArea{float:left; width:512px; margin:0px 10px 0px 10px;    }*/

.MiddleArea{float:left; width:512px; margin:0px 10px 0px 10px;    }

.smlC_left li{ list-style:none;  background: url("../images/arrow_icon_sml.png") no-repeat 210px center; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px;}


.smlC_left{width:249px;   background-image:url(../images/bx.png);  background-repeat:repeat-x;  background-position:bottom; float:left; margin:0px 0px 5px 0px;  border:1px solid #d3d3d3;   }

.smlC_Right li{list-style:none;  background: url("../images/arrow_icon_sml.png") no-repeat 210px center; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px;}

.smlC_Right{width:249px;  list-style:none;  background-image:url(../images/bx.png);  background-repeat:repeat-x;  background-position:bottom; float:left; margin:0px 0px 5px 0px;  border:1px solid #d3d3d3;   }

.smlC_Right { margin:0px 0px 0px 0px;}

.MainCnt_Inner .smlC_left { margin:0px 0px 0px 0px;}

.smlC_left ul { width:225px;  margin:0px 15px 0px 0px; padding:0px 0px 0px 0px;}

.smlC_Right ul { width:225px;  margin:0px 15px 0px 0px; padding:0px 0px 0px 0px;}


.lrgBx ul { width:465px;  margin:0px 15px 0px 0px; padding:0px 0px 0px 0px;}


.lrgBx li { list-style:none;  background: url("../images/arrow_icon_sml.png") no-repeat 455px center; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px;}

.lrgBx{ width:510px; list-style:none;   background-image:url(../images/bx.png);  background-repeat:repeat-x;  background-position:bottom;  border:1px solid #d3d3d3; margin:10px 0px 10px 0px; float:left;}

.lrgBx{padding:0px 0px 5px 0px; }


.lrgBx1{ width:510px; list-style:none;   background-image:url(../images/bx.png);  background-repeat:repeat-x;  background-position:bottom;  border:1px solid #d3d3d3; margin:0px 0px 10px 0px; float:left;}




.smlC_Right{padding:0px 0px 5px 0px; }


.smlC_left{padding:0px 0px 5px 0px; }


.smlC_left  h2{background:url(../images/arrow_icon.png); background-repeat:no-repeat; background-position:220px 6px; _background-position:200px 6px;   width:219px; padding:0px 25px 0px 0px; margin:0px 0px 0px 0px; }

.smlC_Right  h2{ background:url(../images/arrow_icon.png); background-repeat:no-repeat; background-position:220px 6px; _background-position:200px 6px;   width:219px; padding:0px 25px 0px 0px; margin:0px 0px 0px 0px;}

.lrgBx h2{ width:480px; padding:0px 30px 0px 0px; background:url(../images/arrow_icon.png) no-repeat 482px 6px;) _background:url(../images/arrow_icon.png) no-repeat 462px 6px;) margin:0px 0px 0px 0px; }


.smlC_left a:active { font-size:16px;  color:#d89304; text-decoration:none;  }


.smlC_left a:hover { font-size:16px;  color:#d89304; text-decoration:none;  }


.smlC_left a:visited { font-size:16px;  color:#d89304; text-decoration:none;  }


.smlC_left a:link { font-size:16px;  color:#d89304; text-decoration:none;  }

.smlC_left a:hover{ text-decoration:underline; color:#0558b4; }

.DetailsItemList a:active { font-size:16px;  color:#d89304; text-decoration:none;  }

.DetailsItemList a:hover { font-size:16px;  color:#d89304; text-decoration:none;  }

.DetailsItemList a:visited { font-size:16px;  color:#d89304; text-decoration:none;  }

.DetailsItemList a:link { font-size:16px;  color:#d89304; text-decoration:none;  }

.DetailsItemList a:hover{ text-decoration:underline; color:#0558b4; }

.smlC_Right a:active { font-size:16px;  color:#d89304; text-decoration:none;  }

.smlC_Right a:hover { font-size:16px;  color:#d89304; text-decoration:none;  }

.smlC_Right a:visited { font-size:16px;  color:#d89304; text-decoration:none;  }

.smlC_Right a:link { font-size:16px;  color:#d89304; text-decoration:none;  }

.smlC_Right a:hover{ text-decoration:underline; color:#0558b4; }


.lrgBx a:active { font-size:16px;  color:#d89304; text-decoration:none;  }


.lrgBx a:hover { font-size:16px;  color:#d89304; text-decoration:none;  }


.lrgBx a:visited { font-size:16px;  color:#d89304; text-decoration:none;  }


.lrgBx a:link { font-size:16px;  color:#d89304; text-decoration:none;  }

.lrgBx a:hover{ text-decoration:underline; color:#0558b4; }

.demo{ background-color:blue; width:205px; float:right; margin:0px 0px 0px 0px;}


.RightArea{ width:205px; float:right; margin:0px 0px 0px 0px;}

.RightArea div{ width:205px; float:right; margin:0px 0px 10px 0px;}

.btn {
  cursor:pointer;
  overflow:visible; /* ie6/7 width fix */
  width:auto; /* ie6/7 width fix */
  padding:4px 8px;
  background-image:url(../images/btn.gif);
  background-repeat:repeat-x;
  background-color:#CCCCCC;
  color:#03587f;
  font:12px Tahoma, "Times New Roman", "Simplified Arabic";
  border:1px solid #aaa;
  font-weight:bold;
  }
  
  
  
.btn_more{ margin:5px; float:left; }

  
  

#prayerTime { width:235px; margin:10px 0px 10px 0px; }


.footer{  background:url(../images/layout.png) no-repeat -11px -180px; padding:10px 0px 10px 0px;}

.copyright{ width:500px; float:left; font-size:12px;  padding:0px 0px 0px 150px; }

.ftlink{ width:497px; }


.ftlink a:active { font-size:10px; letter-spacing:1px; color:#053b73; text-decoration:none}


.ftlink a:hover { font-size:10px; letter-spacing:1px; color:#053b73; text-decoration:none}


.ftlink a:visited { font-size:10px; letter-spacing:1px; color:#053b73; text-decoration:none}


.ftlink a:link { font-size:10px; letter-spacing:1px; color:#053b73; text-decoration:none}

.ftlink a:hover{ text-decoration:underline;}

.right{ float:right;}

.breadcrumb{font-size:12px; letter-spacing:1px; line-height:22px; color:#696969;font-family:Tahoma, "Times New Roman", "Simplified Arabic";  }

.breadcrumb a:active { font-size:12px; letter-spacing:1px; color:#03587f; text-decoration:underline; font-family:Tahoma, "Times New Roman", "Simplified Arabic";  }

.breadcrumb a:hover { font-size:12px; letter-spacing:1px; color:#03587f; text-decoration:underline; font-family:Tahoma, "Times New Roman", "Simplified Arabic";  }

.breadcrumb a:visited { font-size:12px; letter-spacing:1px; color:#03587f; text-decoration:underline; font-family:Tahoma, "Times New Roman", "Simplified Arabic";  }

.breadcrumb a:link { font-size:12px; letter-spacing:1px; color:#03587f; text-decoration:underline; font-family:Tahoma, "Times New Roman", "Simplified Arabic";  }

.breadcrumb a:hover{ text-decoration:underline; color:#d89304;  }

.MainCnt_Inner{ padding:0px ; width:973px;}


.MainCnt_Inner h1{ font-size:14pt; font-weight:normal; color:#3481b4;  margin:10px 8px 0px 0px;   font-family:Tahoma, "Times New Roman", "Simplified Arabic";}

.Left_Inner{ width:745px; float:left;}

/*.Cnt_palate{ width:241px; background-image:url(../images/top_heading_left.png); background-repeat:no-repeat; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;  }*/

.Cnt_palate{ float:left; width:235px; _width:225px; background-image:url(../images/top_heading_left.png); background-repeat:no-repeat; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;  }

.Cnt_palate h2{ font-size:14px; padding:0px 15px 0px 0px; line-height:22px; }


.ms-WPBody .Cnt_palate h2{ font-size:14px; padding:0px 15px 0px 0px; line-height:22px;}

.Cnt_palate h4 {font-size:16px; padding:5px 5px 5px 0px; line-height:22px; font-weight:bold;  }

.Cnt_palate h3 { font-size:12pt; padding:10px 0px 0px 0px; }

.Cnt_palate p { font-size:12pt; margin:0px 0px 10px 0px;}

.Cnt_palate a:active { font-size:12pt;  color:#696969; text-decoration:none}

.Cnt_palate a:hover { font-size:12pt;  color:#696969; text-decoration:none}

.Cnt_palate a:visited { font-size:12pt;  color:#696969; text-decoration:none}

.Cnt_palate a:link { font-size:12pt;  color:#696969; text-decoration:none}

.Cnt_palate a:hover{ text-decoration:underline;}

.Cnt_palate_body{border:6px solid #eeeeee; margin:0px 0px 5px 0px; padding:0px 5px 0px 5px; height:auto; }


.pic{ float:left; padding:3px;}


.MiddleArea_full{width:749px; margin:10px 5px 0px 5px; float:left; }




#GridStyle
{
	font-size: 12px;
	margin: 0px;
	width: 100%;
	margin-top:0px;
	background-color:#ffffff;
	border:4px solid #eeeeee;
}
#GridStyle th
{
	font-size: 18px;
	font-weight: normal;
	padding: 3px;
	background: #ffffff url('../images/gradhead.png') repeat-x;
	color: #024c73;
	text-align:right;
	height:32px;
	
	
}
#GridStyle td
{
	padding: 4px; 
	border-bottom: 1px solid #fff;
	color: #000000;
	border-top: 1px solid #fff;
	font-size: 16px;
	
}



#GridStyle .even
{
background-color:#f8f8f8;
} 

/*#GridStyle tbody tr:hover td
{
	background: #d0dafd url('../images/gradhead.png') repeat-x;
	color: #339;
}*/
#GridStyle{ margin:5px 0px 5px 0px;}

#GridStyle h2{  padding:0px 20px 0px 12px; }

#GridStyle a:active { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyle a:hover { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyle a:visited { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyle a:link { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyle a:hover{ text-decoration:underline;}

.arrow_sml{ padding:0px 12px 0px 12px;}




.MainCnt_Inner_full{  background:url(../images/inner_shd.png) repeat-y 0px 0px;  padding:0px ; width:973px; }

.MainCnt_Inner_full  h1 {background:url(../images/arrow_icon.png) no-repeat 725px 8px; _background:url(../images/arrow_icon.png) no-repeat 725px 8px; padding:0px 22px 0px 12px; font-size:14pt; font-weight:normal; color:#3481b4; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; }

.MainCnt_Inner_full p{ font-size:16px; text-align:justify;  margin:5px 0px 15px 5px;} 


.MainCnt_Inner_full .ms-WPBody h1 {background:url(../images/arrow_icon.png) no-repeat 725px 8px; _background:url(../images/arrow_icon.png) no-repeat 725px 8px; padding:0px 22px 0px 12px; font-size:14pt; font-weight:normal; color:#3481b4; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; }

.MainCnt_Inner_full .ms-WPBody h3 {background:url(../images/arrow_icon_sml.png) no-repeat 730px 12px; _background:url(../images/arrow_icon_sml.png) no-repeat 730px 12px;  padding:0px 20px 0px 12px; font-size:14pt; font-weight:normal; color:#03587f;  margin:14px 0px 4px 0px; _height:30px;}

.MainCnt_Inner_full .ms-WPBody p{ font-size:16px; text-align:justify;  margin:5px 0px 15px 5px;} 


.middle_column .ms-WPBody h1{ background:url(../images/arrow_icon.png) no-repeat 450px 8px; _background:url(../images/arrow_icon.png) no-repeat 458px 8px; padding:0px 22px 0px 12px; font-size:14pt; font-weight:normal; color:#3481b4; font-family:Tahoma, "Times New Roman", "Simplified Arabic";}

.middle_column .ms-WPBody h3{background:url(../images/arrow_icon_sml.png) no-repeat 462px 10px; _background:url(../images/arrow_icon_sml.png) no-repeat 462px 10px;  padding:0px 35px 0px 12px; font-size:14pt; font-weight:normal; color:#03587f;  margin:14px 0px 4px 0px; _height:30px;}

.middle_column .ms-WPBody p{ font-size:16px; text-align:justify;  margin:5px 25px 15px 20px;} 

.middle_column{ width:472px; _width:492px; float: left; padding:10px; _padding:5px;}


.one_img{ width:443px; background-image:url(../images/one_img.png); background-repeat:no-repeat;  margin:5px 10px 5px 0px;}

.two_img{ width:443px; background-image:url(../images/two_img.png); background-repeat:no-repeat; margin:5px 10px 5px 0px;}

.step{ height:49px; padding:5px 90px 5px 5px; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; text-align:center; font-size:10pt; color:#606060;}

.left_column{width:245px; float:left;}

.list{ width:400px; list-style-image:url(../images/square.png);padding:0px;   margin:5px 50px 15px 0px;}

.listNum{ width:400px; list-style-type:decimal;  padding:0px;   margin:5px 50px 15px 0px;}



.price{ width:472px; margin:0px 0px 30px 0px;}
.price_one{width:209px; background-image:url(../images/price_one.png); background-repeat:no-repeat;    float:left; height:23px;  }

.price_one span {  width:70px; height:19px; margin:0px 130px 0px 5px; }

.price_two{width:209px; background-image:url(../images/price_two.png);  background-repeat:no-repeat;   float:right; height:23px;   }

.price_two span { width:70px; height:19px; margin:0px 130px 0px 5px;}

.anchor{  margin:4px 370px 2px 2px; }


.Anh_list{ list-style-image:url(../images/arrow_icon_sml.png);padding:0px;   margin:5px 60px 15px 0px;   }

.Anh_list a:active { font-size:10pt;  color:#03587f; text-decoration:none; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; }

.Anh_liste a:hover { font-size:10pt;  color:#03587f; text-decoration:none; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; }

.Anh_list a:visited { font-size:10pt;  color:#03587f; text-decoration:none; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; }

.Anh_list a:link { font-size:10pt;  color:#03587f; text-decoration:none; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; }

.Anh_list a:hover{ text-decoration:underline;}

.gap{ margin:10px 0px 5px 0px;}

#hor-minimalist-b
{
	font-family:"Simplified Arabic", "Times New Roman", Tahoma;
	font-size: 12px;
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	
}

#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	border-bottom-color:#919090;
	color: #000000;
	padding: 10px 8px;
	border-bottom-style:dotted;
}

#hor-minimalist-b a:active { font-size:12pt;  color:#d89304; text-decoration:none;  }

#hor-minimalist-b a:hover { font-size:12pt;  color:#d89304; text-decoration:none;  }

#hor-minimalist-b a:visited { font-size:12pt;  color:#d89304; text-decoration:none;  }

#hor-minimalist-b a:link { font-size:12pt;  color:#d89304; text-decoration:none;  }

#hor-minimalist-b a:hover{ text-decoration:underline;}

.GreySml{ color:#aaa9a9; font-size:14px; line-height:14px; margin:0px 20px 8px 0px}

.NewsImg{ padding:2px; border:2px solid #e4e4e4;}

#gradient-style .SubLink a:active { font-size:12pt;  color:#6f6f6f; text-decoration:none;  }

#gradient-style .SubLink a:hover { font-size:12pt;  color:#6f6f6f; text-decoration:none;  }

#gradient-style .SubLink a:visited { font-size:12pt;  color:#6f6f6f; text-decoration:none;  }

#gradient-style .SubLink a:link { font-size:12pt;  color:#6f6f6f; text-decoration:none;  }

#gradient-style .SubLink a:hover{ text-decoration:underline;}

.BlockGrid{ width:720px; background-color:#ffffff; padding:1px; border: 2px solid #e4e4e4; margin:10px;}

#gradient-style
{
	font-size: 16px;
	margin: 0px;
	width: 720px;
	text-align: right;
	
	
}
#gradient-style th
{
	font-size: 18px;
	font-weight: normal;
	padding: 4px;
	background: #156797 url('../images/Shd_Tbl.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #ffffff;
	height:40px;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid #fff;
	background: #e5f2f9;
	/*background: #e5f2f9 url('table-images/gradback.png') repeat-x;*/
}

/*#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}*/





.ms-WPBody
{
 font-family:"Simplified Arabic", "Times New Roman", Tahoma; border:0px; }
 
.ms-TPBody TABLE{font-family:"Simplified Arabic", "Times New Roman", Tahoma;}

.ms-WPBody TABLE{font-family:"Simplified Arabic", "Times New Roman", Tahoma;}

.ms-WPBody A:hover { font-family:"Simplified Arabic", "Times New Roman", Tahoma;}

.ms-WPBody .Anh_list A:hover { font-family: Tahoma; }


.ms-TPBody th
{
 font-family:"Simplified Arabic", "Times New Roman", Tahoma;}


.ms-WPBody th
{
 font-family:"Simplified Arabic", "Times New Roman", Tahoma;}
.ms-WPBody td

{font-family:"Simplified Arabic", "Times New Roman", Tahoma; padding:0px; margin:0px;
}
.ms-WPBody h1
{
 font-family:Tahoma, "Times New Roman", Tahoma;}
.ms-WPBody h2
{
 font-family:Tahoma, "Times New Roman", "Simplified Arabic";!important;}
.ms-WPBody h3
{
 font-family:"Simplified Arabic", "Times New Roman", Tahoma;}
.ms-WPBody h4
{
 font-family:"Simplified Arabic", "Times New Roman", Tahoma;}
.ms-WPBody h5
{
 font-family:"Simplified Arabic", "Times New Roman", Tahoma;}
 
 .ms-SPZone
{
border:1px solid #add1ff;
padding:0px;

}

.ms-TPBody h1
{
font-size:14pt; font-weight:normal; color:#3481b4;  margin:10px 8px 0px 0px;   font-family:Tahoma, "Times New Roman", "Simplified Arabic";
}

.ms-WPBody h1
{
font-size:14pt; font-weight:normal; color:#3481b4;  margin:10px 8px 0px 0px;   font-family:Tahoma, "Times New Roman", "Simplified Arabic";
}

/*This is for column h2*/
.ms-TPBody h2
{
font-size:10pt; color:#3481b4; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; line-height:20px;
}
.ms-WPBody h2
{
font-size:10pt; color:#3481b4; font-family:Tahoma, "Times New Roman", "Simplified Arabic"; line-height:20px;
}
.ms-TPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-WPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-TPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-WPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-TPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-WPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-TPBody h6
{
font-weight:bold;
font-size:80%;
}


.ms-WPBody h6
{
font-weight:bold;
font-size:80%;
}


.ms-WPBody{
	font-family:"Simplified Arabic", "Times New Roman", Tahoma;
	font-size:16px;
	color:#000000;
	line-height:24px;

	
}

.nws marquee  {padding:0px; margin:0px; }



/*This is form Style Starts Here*/

.drpMdm{ width:200px; color:#606060; text-align:right;}

.drpLrg{ width:400px; color:#606060; text-align:right;}

.drpSml{ width:100px; color:#606060; text-align:right;}

#GridStyleForms label{ font-size:16px; color:#03587f; font-weight:bold; }

#GridStyleForms
{
	font-size: 12px;
	margin: 0px;
	width: 720px;
	border-collapse: collapse;
	margin-top:0px;
}
#GridStyleForms th
{
	font-size: 18px;
	font-weight: normal;
	padding: 3px;
	background: #ffffff url('../images/gradhead.png') repeat-x;
	color: #024c73;
	text-align:right;
	height:32px;
	
	
}
#GridStyleForms td
{
	padding: 4px; 
	border-bottom: 1px solid #fff;
	color: #000000;
	border-top: 1px solid #fff;
	font-size: 16px;
	
	
}



#GridStyleForms .even
{
background-color:#ceebfc;
} 

/*#GridStyleForms tbody tr:hover td
{
	background: #d0dafd url('../images/gradhead.png') repeat-x;
	color: #339;
}*/
#GridStyleForms{ margin:5px 0px 5px 0px; background-color:#dcf1fb; border:3px solid #ffffff;}

#GridStyleForms h2{  padding:0px 20px 0px 12px; }

#GridStyleForms a:active { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyleForms a:hover { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyleForms a:visited { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyleForms a:link { font-size:12pt;  color:#d89304; text-decoration:none;  }

#GridStyleForms a:hover{ text-decoration:underline;}

.BlueBig{ font-size:13pt; font-weight:normal; color:#3481b4;  margin:10px 2px 0px 0px;   font-family:Tahoma, "Times New Roman", "Simplified Arabic";}

#SubTend
{
	font-size: 12px;
	margin: 0px;
	width: 720px;
	border-collapse: collapse;
	margin-top:0px;
}
#SubTend th
{
	font-size: 18px;
	font-weight: normal;
	padding: 3px;
	background: #ffffff url('../images/gradhead.png') repeat-x;
	color: #024c73;
	text-align:right;
	height:32px;
	
	
}
#SubTend td
{
	padding: 4px; 
	border-bottom: 1px solid #fff;
	color: #000000;
	border-top: 1px solid #fff;
	font-size: 16px;
	
}



#SubTend .even
{
background-color:#f8f8f8;
} 

/*#SubTend tbody tr:hover td
{
	background: #d0dafd url('../images/gradhead.png') repeat-x;
	color: #339;
}*/
#SubTend{ margin:5px 0px 5px 0px;}

#SubTend h2{  padding:0px 20px 0px 12px; }

#SubTend a:active { font-size:12pt;  color:#d89304; text-decoration:none;  }

#SubTend a:hover { font-size:12pt;  color:#d89304; text-decoration:none;  }

#SubTend a:visited { font-size:12pt;  color:#d89304; text-decoration:none;  }

#SubTend a:link { font-size:12pt;  color:#d89304; text-decoration:none;  }

#SubTend a:hover{ text-decoration:underline;}



#SubTend a:active { font-size:12pt;  color:#000; text-decoration:none;  }



#GridStyle .HeadLink a:hover { font-size:12pt;  color:#000; text-decoration:none;  }



#GridStyle .HeadLink a:visited { font-size:12pt;  color:#000; text-decoration:none;  }



#GridStyle .HeadLink a:link { font-size:12pt;  color:#000; text-decoration:none;  }

#GridStyle .HeadLink  a:hover{ text-decoration:underline;}

#GridStyle .HeadText {
	font-size: 18px;
	font-weight: normal;
	padding: 3px;
	background: #ffffff url('../images/gradhead.png') repeat-x;
	color: #024c73;
	text-align:right;
	height:32px;
}

h4{ color:#d5ab51; font-size:18px; line-height:26px;}

h5{ color:#4390c8; font-size:16px; line-height:22px;}

h6{ color:#676464; font-size:16px;  line-height:22px;}


.SmlBox{width:249px;    background-image:url(../images/bx.png);  background-repeat:repeat-x;  background-position:bottom;  margin:0px 0px 0px 0px;  border:1px solid #d3d3d3;   }

.SmlBox  h2{background:url(../images/arrow_icon.png); background-repeat:no-repeat; background-position:220px 6px; _background-position:200px 6px;   width:219px; padding:0px 25px 0px 0px; margin:0px 0px 0px 0px; }


.LrgBox{ width:510px; list-style:none;   background-image:url(../images/bx.png);  background-repeat:repeat-x;  background-position:bottom;  border:1px solid #d3d3d3; margin:10px 0px 10px 0px; float:left;}

.LrgBox h2{ width:480px; padding:0px 30px 0px 0px; background:url(../images/arrow_icon.png) no-repeat 482px 6px;) _background:url(../images/arrow_icon.png) no-repeat 462px 6px;) margin:0px 0px 0px 0px; }

/*====================================Messages Start Here==================================*/

#Thanks{border: 4px solid #eefbe5; padding:10px; width:95%; background-color:white;}

#Thanks ul { margin:10px;}

#Thanks ul li { list-style-image:url(../images/icon_tick.gif); color:#1f951f; font-size:16px; margin:5px;}


#Error{border: 4px solid #fbf8e5; padding:10px; width:95%; background-color:white;}

#Error ul { margin:10px;}

#Error ul li { list-style-image:url(../images/icon_warning.gif); color:#c67109; font-size:16px; margin:5px;}

#Info{border: 4px solid #e5f5fb; padding:10px; width:95%; background-color:white;}

#Info ul { margin:10px;}

#Info ul li { list-style-image:url(../images/icon_info.gif); color:#42a2e4; font-size:16px; margin:5px;}



/*====================================Messages End Here==================================*/

.fivePx{height:5px;

}



.ms-WPBody .panels{
list-style-type: none;
margin:2px 0px;
padding: 0;
width: 194px; /* width of menu */
}

.ms-WPBody .panels li{
font: normal 16px "Simplified Arabic", "Times New Roman", Tahoma;
display: block;
width: auto;
padding: 2px 0; /* Vertical (top/bottom) padding for each menu link */

text-indent: 8px;
text-decoration: none;
border-bottom: 2px solid #eeeeee; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
background-color:#FFFFFF;
}

.ms-WPBody .panels li a{
color: #03587f;
width: auto;
}

.ms-WPBody .panels li a:active{
color: #03587f;
}

.ms-WPBody .panels li a:visited{
color: #03587f;
}

.ms-WPBody .panels li a:hover{
background-color: #fefefe; /*color of menu onMouseover*/
color: #d89304;
}


.ms-WPBody .Cnt_palate_vert{ width:202px; background-image:url(../images/top_heading_left.png); background-repeat:no-repeat; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;  }

.ms-WPBody .Cnt_palate_vert h2{ font-size:14px; padding:0px 15px 0px 0px; line-height:22px; color:#7b7979;}

.ms-WPBody .Cnt_palate_body_vert{border:4px solid #eeeeee; background-color:#eeeeee; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; height:auto; }


.ullist li{ text-align:justify; margin:0px 10px 10px 0px;
	
	background: transparent url(../images/square-space.png) no-repeat 0 2px;
    list-style-type: none;
    background-position:right 10px;
    list-style-position:outside;
    padding:0px 10px 0px 0px;
}

.ms-PartSpacingVertical
{
font-size:1pt;
margin-top:2px;
}
/* new class for carreer */
#CareerStyleForms label{ font-size:16px; color:#03587f; font-weight:bold; }

#CareerStyleForms
{
	font-size: 16px;
	margin: 0px;
	width: 965px;
	border-collapse: collapse;
	margin-top:0px;
}
#CareerStyleForms th
{
	font-size: 16px;
	font-weight: normal;
	padding: 3px;
	background: #ffffff url('../images/gradhead.png') repeat-x;
	color: #024c73;
	

	height:32px;
	
	
}
#CareerStyleForms td
{
	padding: 1px; 
	border-bottom: 1px solid #fff;
	color: #000000;
	border-top: 1px solid #fff;
	font-size: 16px;
	
	
	
}



#CareerStyleForms .even
{
background-color:#ceebfc;
} 

/*#GridStyleForms tbody tr:hover td
{
	background: #d0dafd url('../images/gradhead.png') repeat-x;
	color: #339;
}*/
#CareerStyleForms{ margin:5px 0px 5px 0px; background-color:#dcf1fb; border:3px solid #ffffff;}

#CareerStyleForms h2{  padding:0px 20px 0px 12px; }

#GridStyleForms a:active { font-size: 16px;  color:#d89304; text-decoration:none;  }

#GridStyleForms a:hover { font-size: 16px;  color:#d89304; text-decoration:none;  }

#GridStyleForms a:visited { font-size: 16px;  color:#d89304; text-decoration:none;  }

#CareerStyleForms a:link { font-size: 16px;  color:#d89304; text-decoration:none;  }

#CareerStyleForms a:hover{ text-decoration:underline;}
#CareerStyleForms tbody{text-align: right;}

.AlignRight{text-align: right;}

.AlignLeft{text-align: left;}

.RedStar
{
color:red;
}

#CareerStyleForms .eng label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#03587f;}

/* end class for carreer */


.priceBox{ width:209px; background:#eff6fe url(/sites/ar/images/pricenotfixed.png); background-repeat:no-repeat; background-position:right top;   float:right;   margin:0px 10px 0px 5px; padding:26px 0px 0px 0px;     border:1px solid #d0e3f8; }

.priceBox p{ line-height:15px;   }

.priceBox_two{width:209px; background:#eff6fe url(/sites/ar/images/pricelist2.png); background-repeat:no-repeat; background-position:right top;   float:left; margin:0px 0px 0px 0px; padding:26px 0px 0px 0px;     border:1px solid #d0e3f8;}

.priceBox_two p{ line-height:15px;   }
/* Classes for Images Thumbnails Viewer Web Part */

.PT ul
{
    margin:3px;
	padding:0;
	list-style:none;
}

.PT ul li
{
	padding:0;
	float:right;
	margin:0 .4em .4em 0;
	background:#fff;
	width:auto;
	height:80px;
	border:1px solid #1a150f;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}

.PT li a
{
	width:80px;
	height:80px;
	border:solid 1px #fff;
	display:block;
	text-indent:-5000px;
	font:0/0 Arial;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/_wpresources/QuestechSystems.SharePoint.PictureThumbnails/1.0.0.0__ce574b585167cfb8/Images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink{
	width: 49%;
	height: 100%;
	background: transparent url(/_wpresources/QuestechSystems.SharePoint.PictureThumbnails/1.0.0.0__ce574b585167cfb8/Images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:visited:hover { background: url(/_wpresources/QuestechSystems.SharePoint.PictureThumbnails/1.0.0.0__ce574b585167cfb8/Images/prevlabel.gif) left 15% no-repeat; }
#prevLink:hover { background: url(/_wpresources/QuestechSystems.SharePoint.PictureThumbnails/1.0.0.0__ce574b585167cfb8/Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:visited:hover { background: url(/_wpresources/QuestechSystems.SharePoint.PictureThumbnails/1.0.0.0__ce574b585167cfb8/Images/nextlabel.gif) right 15% no-repeat; }


#nextLink:hover { background: url(/_wpresources/QuestechSystems.SharePoint.PictureThumbnails/1.0.0.0__ce574b585167cfb8/Images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* End of Classes for Images Thumbnails Viewer Web Part */


.fix
{
	padding-right:2px;
}



