/*

TAG HR Academy Web site / En
Ali Hammouri
Saturday, January 31, 2009
---------------------------------------------------------------------------------------------------*/
@import "mainMenu.css";

*{ margin: 0; padding: 0;}

html img{ border: 0;}

a { color: #97570c; text-decoration: none;}

a:hover { text-decoration: underline;}

input, select, textarea{ font: 1em Tahoma, Arial, sans-serif; }

ul, ol{ list-style: none; }

body{
	font: 62.5%/150% Tahoma, Arial, sans-serif;
	color: #333333;
	text-align: center;
	margin: 15px 0;
	direction: rtl;
	background: #552c04;
	}

/*-------------------------------------------------------------------*/

#wrapper {
	font-size: 1.1em;
	text-align: right;
	width: 850px;
	margin: 0 auto;
	background: url(topCurve.gif) left top no-repeat #f4f0e5;
	}

#header{
	height: 130px;
	}

.topBar{ height: 23px; margin: 0 15px; padding: 10px 5px; background: url(bgLine.gif) left bottom repeat-x;}

.topNav{ margin-top: 2px; float: left; direction: ltr;}

.topNav li{ line-height: 16px; padding: 0 9px; float: left; background: url(verLine.gif) left center no-repeat;}

.topNav .search{
	width: 184px;
	padding: 0 8px 0 0;
	background: none;
	}

legend{ display: none;}
fieldset { border: 0;}

.search input{
	width: 160px;
	height: 18px;
	float: right;
	border: 0;
	padding-right: 4px;
	direction: rtl;
	background: url(bgInput.gif) right top no-repeat;
	}

.search .go{ width: 20px; height: 18px; padding: 0;}

.lang{
	margin: 23px 10px 0 0;
	float: right;
	}

.topNav li.flag{ float: right;}

h1{
	width: 280px;
	height: 39px;
	margin: 24px 60px 0 0;
	float: right;
	overflow: hidden;
	display: inline;
	background: url(logo.gif) left top no-repeat;
	}

h1 a{
	display: block;
	padding-top: 200px;
	}

/*-------------------------------------------------------------*/

#content{
	width: 820px;
	margin: 0 15px;
	overflow: hidden;
	}

.menuCol, .contentCol{
	float: right;
	}

.menuCol{
	width: 205px;
	}

.mainMenu{ width: 185px; height: 430px; margin: 0 0 10px 0; padding: 0 10px 77px 10px; position: relative; background: #be0000;}

.smallBan{
	width: 185px;
	height: 67px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

.quickLinks { padding: 2px 10px; background: url(bgQuickLinks.gif) right top no-repeat;}

.quickLinks li{ height: 40px; padding: 5px 0 0 5px;}

.quickLinks li img{ margin: 0px 0 0 5px; padding: 1px; float: right; border: 1px solid #bfb994;}

.contentCol{
	width: 615px;
	}

.banner{
	height: 165px;
	background: url(bgHomeBanner.png) left top no-repeat;
	}

.mainFeature{ width: 615px; margin-bottom: 10px; padding-top: 5px; background: url(bgMainFur.gif) left top no-repeat;}

.trainProg, .mainFeature, .subFeature{
	direction: ltr;
	float: right;
	}

.trainProg li, .about, .news, .subFeature li{ float: right;}

.trainProg { width: 615px; height: 105px; padding: 30px 11px 30px 0; background: #be0000;}

.trainProg li{
	font: bold 17px Arial, Helvetica, sans-serif;
	width: 191px;
	height: 46px;
	margin: 0 0 10px 10px;
	background: url(bgBtn.gif) left top no-repeat;
	}

.trainProg li a{
	color: #fbd160;
	line-height: 46px;
	width: 151px;
	height: 46px;
	padding: 0 40px 0 0;
	display: block;
	}

.trainProg .first{ background: none;}
.enIcon a{ background: url(progIcon.gif) right -225px no-repeat;}
.ipIcon a{ background: url(progIcon.gif) right 0 no-repeat;}
.pqIcon a{ background: url(progIcon.gif) right -45px no-repeat;}
.dIcon a{ background: url(progIcon.gif) right -90px no-repeat;}
.itIcon a{ background: url(progIcon.gif) right -135px no-repeat;}
.bIcon a{ background: url(progIcon.gif) right -180px no-repeat;}

.about, .news{ font-size: 12px; line-height: 16px;  width: 280px; height: 180px; margin: 0 5px 0 0; padding: 10px; display: inline; background: url(bgNews.gif) left top no-repeat;}

.news ul li{ padding: 5px 5px 10px 0; border-bottom: 1px dotted #e6e2d8; background: url(arrow.gif) right 13px no-repeat;}

.news ul img{ margin: 2px 5px 0 0; padding: 1px; float: left; border: 1px solid #edcc66;}

.more{ color: #999999; margin: 8px 0 0 0; padding: 0 8px;}
.more img{position: relative; bottom: -1px;}

.about p{
	margin: 10px 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #e6e2d8;
	}

.building img{ margin-left: 5px; padding: 1px; float: right; border: 1px solid #edcc66;}

.subFeature{ width: 605px; height: 110px; margin: 0 5px; margin-bottom: 10px; padding-top: 11px; display: inline; background: url(bgSubFur.gif) right top no-repeat;}
.subFeature li{ width: 191px; padding: 0 10px 0 0;}

.subFeature li .more{ color: #999999; margin-top: 5px; padding: 0;}

h4{
	font: bold 15pxpx Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 10px;
	}

h3, h3 a{
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #663300;
	margin: 5px 0;
	}

/*-------------------------------------------------------------*/

.pageCtrl{ height: 15px; padding: 14px 10px; direction: ltr; background: #be0000;}

.pageCtrl ul, .pageCtrl ul li{ float: right;}
.pageCtrl ul{ width: 520px;}
.pageCtrl ul li{ padding: 0 7px;  border-left: 1px solid #990000;}
.pageCtrl ul li a{ color:#FFFFFF;}
.pageCtrl ul .path{ line-height: 13px; border-left: 0;}

.pageCtrl ol, .pageCtrl ol li{ float: left;}
.pageCtrl ol li{ padding: 0 7px; border-left: 1px solid #990000;}
.pageCtrl ol .olNone{ border-left: 0;}

.mainContent{
	margin-bottom: 10px;
	padding: 10px 5px;
	background: url(bgCont.gif) left top no-repeat;
	}

.content{
	font-size: 12px;
	line-height: 140%;
	min-height: 500px;
	padding: 5px 20px 40px 20px;
	background: url(bgContSub.gif) left bottom no-repeat #ffffff;
	}

* html .content{  height: 500px;}

.content p{
	margin: 0 0 15px 0;
	}

.content ul{
	margin: 0 45px 15px 0;
	list-style: disc;
	}

.content ol{
	margin: 0 45px 15px 0;
	list-style: decimal;
	}

h2{
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #663300;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #cccccc;
	}

/*------------------*/

.content .newsList{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.content .newsList li{
	padding: 5px 8px 7px 0;
	border-bottom: 1px dotted #d0d0d0;
	background: url(arrow.gif) right 9px no-repeat;
	}

.content .newsLink{ margin: 0 0 0 8px; }

.content .newsLink li{ color: #ccc; padding: 0 0 0 5px;}

.pNews { padding: 0 11px 15px 0; border-bottom: 1px solid #e6e2d8; background: url(arrow.gif) right 8px no-repeat;}
.pNews span { font-size: 11px; color: #666666; font-style: italic;}

.offices { margin: 0 0 30px 0;}

.offices p { margin: 10px 0;}

.links { margin: 0 0 20px 0;}

.content .result, .content .siteMap, .content .siteMap ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.content .result li{
	margin: 0 0 15px 0;
	padding: 0 8px 0 0;
	background: url(arrow.gif) right 5px no-repeat;
	}

.content .siteMap li{
	padding: 0 8px 5px 0;
	background: url(arrow.gif) right 9px no-repeat;
	}

.content .siteMap, .content .siteMap ul{
	margin: 15px 25px;
	border-right: 1px solid #eee;
	}

.contact label{
	display: block;
	margin-bottom: 10px;
	color: #000;
	}

.contact label span, .contact p span{
	color: #FF0000;
	}

.contact strong{
	color: #000;
	}

.contact input, .contact textarea, .contact select{
	width: 450px;
	padding: 1px;
	}

.contact select{
	width: 455px;
	}

.contact .btn{
	width: 77px;
	height: 22px;
	border: 0;
	background: url(btn.gif) right top no-repeat;
	}

.h3{font: bold 18px Arial, Helvetica, sans-serif;}
.courseTable{ width: 100%; margin-bottom: 30px; border-collapse: collapse;}
.courseTable th, .courseTable td{ text-align: right; vertical-align: top; padding: 4px 8px; border: 1px solid #e5e2db;}
.courseTable th{ padding: 8px; border-bottom: 1px solid #ccc; background: #fbf9ee;}

.tableStatic{ border-collapse: collapse; margin-bottom: 25px;}
.tableStatic th, .tableStatic td{ text-align: right; vertical-align: top; padding: 4px 8px; border: 1px solid #e5e2db;}
.tableStatic th{ padding: 8px; border-bottom: 1px solid #ccc; background: #fbf9ee;}

.photoGallery table { width: auto; border-collapse: collapse;}

.photoGallery td {
	padding: 5px 0;
	border: 0;
	}

 .photoGallery .ddlPhoto {
	height: 20px;
	color: #5A2800;
	width: 300px;
	}

.groupTitle {
	color: #5A2800;
	float: right;
	padding: 0 0 0 10px;
	}

 .photoGallery .titleText {
	color: #5A2800;
	background: url(arrow.gif) right 7px no-repeat;
	padding: 0 15px 0 0;
	margin: 0 0 5px 0;
	}

 .photoGallery small {
	color: #0066FF;
	padding: 3px 0;
	}

 .photoGallery .dis {
	color: #5A2800;
	background: url(arrowsmal.gif) right 7px no-repeat;
	padding: 0 15px 0 0;
	margin: 0 0 5px 0;
}
 .photoGallery p {
	margin: 0 0 10px 0;
	color: #5A2800;
	}

 .photoGallery .title_text_sub {
	COLOR: #0066FF;
	}

.photoGallery .bigPhoto {
	padding: 1px;
	border: 1px solid #CCCCCC;
	}

 .photoGallery .NormalText {
	color: #5A2800;
	line-height: 16px;
	background: url(arrow.gif) right 4px no-repeat;
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	text-align: right;
	}

.nextPrev{
	color: #330000;
	}

.nextPrev a {
	color: #666;
	text-align: center;
	line-height: 20px;
	width: 20px;
	margin: 0 0 0 3px;
	float: right;
	border: 1px solid #e2e2e2;
}
.nextPrev .currentPage {
	color: #333;
	font-weight: bold;
	border: 1px solid #e2e2e2;
	background: #f5f5f5;
	}

.nextPrev img {
	padding: 1px;
	margin: 0 3px 0 0;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	}

.nextPrev .imgOver {
	cursor:pointer;
	border:1px solid #666666;
	}

/*-----------------*/

#footer{
	color: #333;
	padding: 20px 15px;
	background: url(btmCurve.gif) left bottom no-repeat;
	}

.ftrNav{
	height: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(bgLine.gif) left bottom repeat-x;
	}

.ftrNav a{ color: #333;}