@charset "utf-8";
/* CSS Document */
body
{
	font-family:Arial;
	margin-top: 0px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
	background-image:url(../Images/MainGg.png);
	direction: rtl;
	width: 100%;
	height: 100%;
	font-size: 1em;
	color: #323232;
	line-height: 1.8;
}
img 
{
 border: 0;    
}
.mainTB 
{
    margin-right: auto;
    margin-left: auto;
    background: white;

}
.Main_menu 
{
    margin: 0px 10px 0px;
	font-family:Arial;
	font-weight: bold;
	padding-top: 3px;
	vertical-align:top;	
}

.Menu_item 
{
	 float:right;
	 color: White;
	 list-style:none;  
}
.Menu_item a:link , .Menu_item a:visited 
{
    background: url(../Images/MenuBr.png) no-repeat left;
    background-position: top right;
    color: White; 
    text-decoration: none;
    padding: 7px 8px;
}
.Menu_item a:hover 
{
    text-decoration: none;
    background-color: #d7b33c;
    color:#603913;
    
}

#content_table td 
{
    vertical-align: top;
}
#scro
{
    text-align:right;
    padding: 0px 0px 0px 30px ;
    width:620px;
    margin-right: 30px;
}
#scro h4
{
    font-size: medium;
    color: #b58b00;
	font-weight: bold;
	margin-top: -12px;
	background: url('../Images/box/list.png') no-repeat right 15px;
	padding: 0px 20px 5px 0;
	border-top: 1px  dotted #cccccc;
	text-align:right;
    padding-top: 5px;
}
#scro h6 {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px gray solid;
    display: inline;
}
.TDtopShad 
{
     background: url(../Images/TopShad.png) repeat-x top;
     height: 0px; 
     text-align: left;
     font-size:.5px;
}
.rightNav 
{
 
}
.TDrightShadow 
{
    background: url(../Images/C_Shadow.png) repeat-y right;
}

#right_side {
	background: url(../Images/TopShad.png) repeat-x top;
}
#apDiv1 {
	z-index:1;
	background: url(../Images/Headerbg.jpg) bottom;
}
#apDiv1 img {
	float: right;
	margin-top: 16px;
	margin-right: 15px;
}
#apDiv2 {

	z-index:2;
	background:#87a348 url(../Images/Menubg.png) repeat-x bottom;
	font-family:Arial;
	font-size:12pt;
	
}
.tdMenu
{
 vertical-align:top;
 
}
.subMenu
{
  background:url(../Images/SubMenubg.png) repeat-x top;
  border-bottom: 1px solid #ccc;
  height:28px;
  margin-right: 10px;

}
.subMenu ul
{
    margin:0; 
    padding:0;
    list-style:none;
    margin-right: 10px;
}
.subMenu li:first-child 
{
    border: none;
}
.subMenu li
{
    border-right: 1px dotted #ccc;
	float:right;
	
}
.subMenu li a:link , .subMenu li a:visited
{
    text-decoration:none;
    padding:6px 8px;
    color:#000;
    font-size:.9em;
}
.subMenu li a:hover
{
    background:#ddd;
}
#sidebar 
{
	margin: 0px;
	background-color: #FFF;
	
}
#footer tr td
{
	color: #cccccc;
}
#footer tr td ul 
{
    margin:0;
    padding: 0;
}
#footer tr td ul li
{
   display: inline;
}
.footerlinks a:link , .footerlinks a:visited 
{
    font-size:11pt;
	color: #333;
	text-decoration: none;
	display: inline;
}
.footerlinks a:hover 
{
	color:#f60;
}

#title {
}

#homepage {
	background-color: #FFF;
}


#wrapper {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
.clearFloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
	background-color: #FFF;
}
.rightShad 
{
     background:#7d7867 url(../Images/LShadow.png) repeat-y left; width:10px;
}
.leftShad 
{
   
    background:#7d7867 url(../Images/RShadow.png) repeat-y right; 
    width:10px;
}
#title img {
	
}
#introduction 
{
    padding: 0px 10px 20px 20px;
    text-align: justify;
}
#left-table {
	
	position:fixed;
	top:180px;
	left:0px;
	float:left;
}
#geer-table {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1.5em;
	padding-right: 1em;
	padding-bottom: 1.5em;
	padding-left: 1em;
	line-height: 1.5em;
}
#geer-table tr.odd {
	background-color: #fbf6e7;
}
#geer-table tr:hover {
	background-color: #fedfa7;
}
#geer-table tr td a {
	color: #333;
	text-decoration: none;
}
.headertbl {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 3em;
}
#table3rdgroup {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	padding: 20px;
}
.titleheder {
	
}
#maincontent {
	margin-top: 132px;
	position: relative;
	background-color: #FFF;

}
#apDiv4 {
	position:absolute;
	left:150px;
	top:20px;
	width:193px;
	height:42px;
	z-index:1;
}

#menutable {
	
}
h1,h2,h3,h4,h5,h6
{
    font-family:Arial;
    
}
.imgCopyright 
{
    margin-bottom: 4px;
}
#sizer
{
 float:left;
 margin-top:-30px;
 margin-left:10px;
 font-size: .9em;
 vertical-align: top;
}
#sizer img
{
  margin: 0 5px 0 5px;
  vertical-align:text-bottom;
}
.tittleHeader
{
    color: #b58b00;
	font-weight: bold;
	background: url('../Images/Arrow.png') no-repeat right 6px;
	padding: 0px 20px 5px 0;
	margin-top: -5px;
	border-bottom: 1px  dotted #cccccc;
	font-family: Arial;
	font-size: medium;
	
}
#rightLogo
{
    float:left;
   margin-top:2px;
   margin-left:20px;
    
}
.login
{
    background:url(../Images/loginbg.png) top repeat-x; 
    width:270px; 
    border: 1px solid #cacaca; 
    margin-right: 11px; 
    margin-top: 8px;
}
.loginhead 
{
    height: 28px; 
    font-size: 11pt; 
    font-weight:bold; 
    text-align: right; 
    margin-right: 10px; 
    margin-top:-2px;
    font-family:Arial;
}
#tblLogin 
{
    font-family: Arial;
}
.tecSupport {
    text-align: right;
}
img.supportpic {
    margin: 15px;   
}
img.supportpic:hover {
    filter: alpha(Opacity: 90);
}

.post-block {
	width: 560px;
	background: #FFFFFF url("contcourses/contcourses/images/block_topbg.gif") repeat-x scroll center top;
	margin: 0 0 8px;
	padding: 14px;
	border: 1px solid #BBB;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	min-height: 100px;
}

div.pic {
	
	height: 75px;
	width: 85px;
	position:relative;
	float:left;
	background-image: url(../Images/349266-75x75.jpg);
	top:-70px;
	margin-left:10px;
}
p.courseName {
	font-size: 1em;
	color: #336;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

P.ad-price {
	background-color: #FFFF99;
	font: bold 17px Tahoma, arial, Helvetica, sans-serif;
	margin: 0;
	text-shadow: 0 1px 0 #FFFFFF;
	-khtml-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-moz-box-shadow: 1px 1px 5px #B7B7B7;
	-khtml-box-shadow: 1px 1px 5px #B7B7B7;
	-webkit-box-shadow: 1px 1px 5px #b7b7b7;
	box-shadow: 1px 1px 5px #B7B7B7;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
.price-wrap {
	position: absolute;
	left: 20px;
	top: 15px;
}
div.list {
	margin-bottom: 18px;
	margin-top:10px;
	border-top:1px gray dashed;
	padding-top:10px;
	width:70%;
}
.list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.list li:first-child{
	border:none;	
}

.list  li {
	float: right;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666;
}

.list a:link, .list a:visited {
	text-decoration: none;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
}
.list a:hover{
	color:#633;
}
#divActivites {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	line-height:1;
	height: 200px;
	direction: rtl;
}
#divActivites a {
	border: 1px #c2c2a6 solid;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	padding: 5px 15px;
	background: #fbfbf5 url(../Images/Active.jpg) repeat-x bottom;
	color: #6a441b;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
}
#divActivites a:hover {
	background: #fad46d url(../Images/bg.jpg) repeat-x top;
	border: 1px #dea303 solid;
	color: maroon;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 0px 2px 5px 0px #ccc;
}
.leftCol {
	float: left;
}
.rightCol {
	float: right;
}

#divActivitesInter {
	width: 450px;
	line-height:1;
	height: 250px;
	margin-right:15px;
    direction: rtl;
}
#divActivitesInter a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px #c2c2a6 solid;
	padding: 5px 15px;
	background: #fbfbf5 url(../Images/Active.jpg) repeat-x bottom;
	color: #6a441b;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	display: block;
}
#divActivitesInter a:hover {
	background: #fad46d url(../Images/bg.jpg) repeat-x top;
	border: 1px #dea303 solid;
	color: maroon;
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 0px 2px 5px 0px #ccc;
}

/*--------------- Forms ---------------*/ 

#page-wrap 
{
	height: auto !important;
    margin-right: 10px;
    margin-bottom: 20px;
}
#page-wrap p {
    display: block;
    background: lemonchiffon;
    border: goldenrod solid thin;
    padding: 0 10px;
    margin: -1px 0 10px 0;
    font-size: small;
}

table.tblRequest {
	width: 100%;
    background: #f9f9f9;
    padding: 0px 10px;
    border: 1px #ccc solid;
}
table.tblRequest td {
    padding-right: 5px;
}

.tblRequest input, .tblRequest textarea , .contact textarea ,.contact input{
	padding: 5px;
    width: 390px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

.tblRequest textarea, .contact textarea {
	height: 100px;
    width: 390px;
}

.tblRequest textarea:focus, .tblRequest input:focus, .contact textarea:focus, .contact input:focus {
	border: 1px solid #900;
}

.tblRequest input.submit, .contact input.submit {
    width: auto;
    background: #e9e9e9;
    border: 1px #a6a6a6 solid;
    font-weight: bold;
    font-size: medium;
    cursor: pointer;    
}

/*.tblRequest label {
	text-align: right;
	margin-right: 5px;
	padding-top: 5px;
    float: right;
    width: 140px !important;
    font-size: medium;
    
}*/

.tblRequest span {
    color: #ff0000;
}
a.mailtolink:link {
    background:#b6c1b0 url(../Images/mailtolink_bg.jpg) repeat-x center top;
    font-size: small;
    color: #673b15;
    padding: 2px 10px;
    margin-top: 2px;
    border: 1px #a2af99 solid;
    text-decoration: none;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

a.mailtolink:hover {
    border: 1px orange solid;
    color: black;
} 
.contact hr {
    border: none;
    border-top: 1px dotted #AAA;
    border-bottom: 1px solid #FFF;
}
.contact .p_ksa {
    background: #f6f6f6;
}