body {
    font-family: "Trebuchet", "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
    font-size: 18px;
    color: #666; 
    line-height: 22pt;
}

#container
    {
       height:370px;
       width:400px;
       position:relative;
    }
#container2
    {
       height:400px;
       width:700px;
       position:relative;
    }
#container3
    {
       top:10px;
       left:400px;
       position:absolute;
    }

    .rotateimg
    {
       position:absolute;
       top:0px;
       left:0px;
    }

fieldset {margin-top:10px}
h3,legend {color: #9C607E;font-size: 20px;}
legend.homepage {color:black;font-size: 20px;font-weight:bold}
h2 {color: #9C607E;font-size: 22px;}
strong {font-weight: bold;background-color: #ffc;}
em {color: black;}
a {
    text-decoration:none;
    color:#7194B8;
}
a:hover {background-color:#7194B8;color:#000000;}
.Arabic {
/* 	font-family: "Geeza Pro", "Simplified Arabic", "Times New Roman", Arial; */
	direction: rtl;
    unicode-bidi: embed;
    font-size: 24px; 
    line-height: 26pt;
}
.emphasis {color:black;}
.otl {color: #9C607E;font-size: 11px; font-style:italic;font-weight: bold;}
.largeEmphasis {color:black;font-size: 22px;}
.small {font-size:0.7em}
.incorrect {    color: red;  }
.correct {     color: green; } 
.benefits {
    margin-top: 0;
    list-style-image: url(/images/bluecheck.jpg)
}

.TourImage {
    float: right;
    padding-left:5px;
    border:thin;
}
#Wrap{
    margin: 0 auto;
    text-align: left;
    width: 800px;
}
#Header {
    border-bottom:2px solid #999;
    height: 90px;
}
#HeaderNav {
    padding-top: 20px;
    padding-right: 20px;
    float: right;
    text-align:center;
}
#Logo {
    float: left;
    width: 200px;
    padding-top: 15px;
}
#Maincontent {
    padding:2px;
    margin-top:10px;
}
#Footer {
    clear: both;
    text-align:center;
    padding-top: 70px;
}
#Menu {
    float:left;
    width:172px;
    margin:10px;
    padding:10px;
    background-color:#eee;
    line-height:30px;
}
#AlertBoxCenter {padding:0px 7px; width: 98%; background-color: #FFFFCC; border: 1px solid #CCCC33; text-align: left;}
#Boxed {border: solid 1px #7194B8; padding:7px; }

.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}
#errorExplanation {
/*  width: 400px;*/
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  margin: -7px;
  background-color: #666;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 14px;
  list-style: square;
}
#gridsmall {border: 1px solid #666666;border-collapse:collapse;font-size:smaller;}
#gridsmall thead {background-color: #7194B8;color:#000;text-align:center;font-size:smaller;}
#gridsmall tbody tr td {padding: 3px 8px;border-bottom: 1px solid #000; border-right: 1px solid #000;font-size:smaller;}
#gridsmall tr.even  {background-color: #eee;}
#gridsmall th  {background-color: #7194B8;color:#000;padding: 3px 8px;;border-bottom: 1px solid #000; border-right: 1px solid #000;font-size:smaller;}

#grid {border: 1px solid #666666;border-collapse:collapse;}
#grid thead {background-color: #7194B8;color:#000;text-align:center;}
#grid tbody tr td {padding: 3px 8px;border-bottom: 1px solid #000; border-right: 1px solid #000;}
#grid tr.even  {background-color: #eee;}
#grid th  {background-color: #7194B8;color:#000;padding: 3px 8px;;border-bottom: 1px solid #000; border-right: 1px solid #000;}

#singleitem {border-top: 1px solid #666666; border-left: 1px solid #000;border-collapse:collapse;}
#singleitem th  {padding: 3px 8px;background-color: #7194B8;color:#000;border-bottom: 1px solid #000; border-right: 1px solid #000;}
#singleitem td  {padding: 3px 8px;border-bottom: 1px solid #000; border-right: 1px solid #000;}

#simple {width:100%;border: 0px;border-collapse: collapse;margin: 0px;padding:0px }

  
div.auto_complete {
  width: 350px;
  background: #fff;
  }
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
  }
div.auto_complete ul li {
  margin:0;
  padding:3px;
  }
div.auto_complete ul li.selected { 
  background-color: #ffb; 
  }
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

	.social{
        line-height: 10pt;
		font-size:0.6em;
		font-weight:normal;
        color:black;
	    width: 400px;    
		clear:both;
		position:relative;
		border:1px solid #878787;
		padding:3px;
		margin:15px 0 10px 0;
	}
	.social p {
		padding:0;
		margin:0;
	}
	.social p a{
		position:absolute;
		top:0px;
		right:0px;
		padding:3px 5px 0 0;
	}
	.social h3{
		padding:0 3px 0 0;
		margin:0;
		margin:0 5px 0 3px;
	}
	.social ul{
		text-align:center;
		list-style:none;
		margin:6px 0 4px 0;
		padding:0;
	}
	.social ul li{
		text-align:center;
		display:inline;
		padding:0 4px 6px 0 ;
	}
	.social ul li.delicious{
		background:url("/images/delicious.gif") no-repeat 0 0;
	}
	.social ul li.digg{
		background:url("/images/digg.gif") no-repeat 0 0;
	}
	.social ul li.reddit{
		padding:0 0 0 2px;
		background:url("/images/reddit.gif") no-repeat 0 0;
	}
	.social ul li.facebook{
		background:url("/images/facebook.gif") no-repeat 0 0;
	}
	.social ul li.stumbleupon{
		background:url("/images/stumbleupon.gif") no-repeat 0 0;
	}
	.social ul li a{
		padding:0 0 0 18px;
		margin:0 3px 0 0px;
	}