﻿/* by belal 09-09-2009*/
/* 1 */
body
{
	direction: ltr;
	font-family: Verdana;
	font-size: 11px;
	color: #57698F;
	background-color: #E4F0FF;
	margin: 0;
}
/* 2 */
.BGLoginLeft
{
	background-image: url(images/BGLoginLeft.jpg);
	width: 482px;
	height: 290px;
	background-position: bottom;
	background-repeat: no-repeat;
}
/* 3 */
.AdminLogo
{
	background-image: url(images/AdminLogo.jpg);
	height: 85px;
	background-position: left;
	background-repeat: no-repeat;
}
/* 4 */
.waterMarkTxt
{
	background-color: #FFFFD3;
	border: solid 1px #7F9DB9;
	color: #A3BFE4;
}
/* 5 */
.space
{
	height: 5px;
}
/* 6 */
.BG-Login-6x371
{
	background-image: url("images/BGLogin.jpg" );
	height: 371px;
	background-repeat: repeat-x;
}
/* 7 */
.RightSide
{
	background-color: #F3F8FE;
	border-left: solid 1px #5E82B4;
	border-bottom: solid 1px #5E82B4;
	vertical-align: top;
}
/* 8 */
.LeftSide
{
	background-color: #fff;
	border-right: solid 1px #5E82B4;
	border-bottom: solid 1px #5E82B4;
	vertical-align: top;
}
/* 9 */
.BG-TopMenu-2x31
{
	background-image: url(images/BG-TopMenu-2x31.jpg);
	background-repeat: repeat-x;
	height: 31px;
	color: #ffffff;
}
/* 10 */
.Btn-Blue-Theam-28x24
{
	background-image: url(images/Btn-Blue-Theam-28x24.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 28px;
	border: 0;
	cursor: pointer;
}
/* 11 */
.Btn-Green-Theam-28x24
{
	background-image: url(images/Btn-Green-Theam-28x24.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 28px;
	border: 0;
	cursor: pointer;
}
/* 12 */
.Btn-Gray-Theam-28x24
{
	background-image: url(images/Btn-Gray-Theam-28x24.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 28px;
	border: 0;
	cursor: pointer;
}
/* 13 */
.Btn-Orange-Theam-28x24
{
	background-image: url(    'images/Btn-Orange-Theam-28x24.jpg' );
	background-repeat: no-repeat;
	height: 24px;
	width: 28px;
	border: 0;
	cursor: pointer;
}
/* 14 */
.Btn-Lang-AR-28x24
{
	background-image: url(images/Btn-Lang-AR-28x24.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 28px;
	border: 0;
	cursor: pointer;
}
/* 15 */
.BtnLogOut
{
	background-image: url(images/LogoutEn.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 39px;
	border: 0;
	cursor: pointer;
}
/* 16 */
.Logo-137x60
{
background-image: url(images/LogoNew.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 115px;
	height: 38px;
}
/* 17 */
.BG-Top-Logo-2x77
{
	background-image: url(images/BG-Top-Logo-2x77.jpg);
	background-repeat: repeat-x;

}
/* 18 */
.Btn-CheckIn-72x39
{
	background-image: url(images/Btn-CheckIn-72x39.jpg);
	background-repeat: no-repeat;
	width: 72px;
	height: 39px;
	border: 0;
	cursor: pointer;
}
/* 19 */
.Sepa-2x7
{
	background-image: url(images/Sepa-2x7.jpg);
	background-repeat: repeat-x;
	height: 7px;
}
/* 20 */
.Arrow-SubMenu-11x6
{
	background-image: url(images/Arrow-SubMenu-11x6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 23px;
	border-bottom: 1px solid #dadada;
	height: 17px;
}
/* 21 */
.Sepa-LeftMenu-2x6
{
	background-image: url(images/Sepa-LeftMenu-2x6.jpg);
	background-repeat: repeat-x;
	height: 6px;
}
/* 22 */
a
{
	color: #345CB4;
	text-decoration: none;
	cursor: pointer;
}
a:link
{
	color: #345CB4;
	text-decoration: none;
	cursor: pointer;
}
a:hover
{
	color: #7DD9F2;
	cursor: pointer;
}
/* 23 */
.align_
{
	text-align: right;
	cursor: pointer;
}
/* 24 */
.txtbox
{
	border: solid 1px #C2C9D9;
	font-size: 11px;
}

/* 25 */
.Grd-HdrAndFooter
{
	background-color: #D3E3F3;
	color: #333333;
	height: 22px;
}
/* 26 */
.Grd-Row1
{
	background-color: #EBF4FD;
	height: 22px;
	border: solid 1px #E6EFF8;
}
/* 27 */
.Grd-Row2
{
	background-color: #F3F8FE;
	height: 22px;
	border: solid 1px #E6EFF8;
}
/* 28 */
.BG-Time
{
	background-color: #728BAA;
	height: 51px;
	font-size: 18px;
	color: #DEEAF7;
}
/* 29 */
.Pic-EarthBG-185x55
{
	background-image: url(images/Pic-EarthBG-185x55.jpg);
	background-repeat: no-repeat;
	width: 331px;
	height: 51px;
}
/* 30 */
.pic-Left-BodyTitle-28x20
{
	background-image: url(images/pic-Left-BodyTitle-28x20.jpg);
	background-repeat: no-repeat;
	width: 28px;
	height: 20px;
}
/* 31 */
.BG-BodyTitle-2x20
{
	background-image: url(images/BG-BodyTitle-2x20.jpg);
	background-repeat: repeat-x;
	height: 20px;
	color: #445E83;
	font-weight: bold;
	font-size: 13px;
}
/* 32 */
.Box
{
	background-color: #DBEBFB;
}
/* 33 */
.Arrwo-True-15x16
{
	background-image: url(images/Arrwo-True-15x16.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
	height: 15px;
}
/* 33 */
.BG-Title-2x23
{
	background-image: url(images/BG-Title-2x23.jpg);
	background-repeat: repeat-x;
	height: 23px;
	border: solid 1px #A0B5D0;
}
/* 34 */
.btnBg
{
	background-image: url(images/BtnLink.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	height: 23px;
	border: solid 1px #1c4a93;
	cursor: pointer;
}
/* 35 */
.btnBg:link
{
	background-image: url(images/BtnLink.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	height: 23px;
	border: solid 1px #1c4a93;
	cursor: pointer;
}
/* 36 */
.btnBg:hover
{
	background-image: url(images/BtnHover.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	height: 23px;
	border: solid 1px #A0B5D0;
	cursor: pointer;
}
/* 37 */
.BTN-Login
{
	background-image: url(images/LoginBTn.jpg);
	width: 22px;
	height: 21px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}
/* 38 */
.Add
{
	background-image: url(images/add.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 39 */
.DisabledAdd
{
	background-image: url(images/DisabledAdd.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 40 */
.Delete
{
	background-image: url(images/delete.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor:pointer;
}
.Delete1
{
	background-image: url(images/delete1.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 41 */
.ChangeStatus1
{
	background-image: url(images/ChangeStatusOff.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 42 */ 
.ChangeStatus
{
	background-image: url(images/ChangeStatus.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 43 */
.Title-Calender
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
/* 44 */
.BTN-Side1-Calender-14x15
{
	background-image: url(images/BTN-Side1-Calender-14x15.jpg);
	background-repeat: no-repeat;
	width: 14px;
	height: 15px;
	border: 0;
}
/* 45 */
.Btn-Email-152x45
{
	background-image: url(images/Btn-Email-152x45.jpg);
	background-repeat: no-repeat;
	width: 152px;
	height: 45px;
	border: 0;
	cursor: pointer;
}
/* 46 */
.Tbl-Calender
{
	border: solid 1px #75A4CE;
}
/*####################### By Abdallah ####################*/

/* 47 */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalBackgroundZ
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index:90010 !important;
}
/* 48 */
.DarthGoo__tab_xp .ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	margin-top: 8px;
	color: #FFFFFF;
	font-size: 11px;
	white-space: normal !important;
	background: url(images/tab-line.gif) repeat-x bottom;
}
.DarthGoo__tab_xp .ajax__tab_outer
{
	padding-right: 1px;
	background: url(images/tab-right.gif) no-repeat right;
	height: 21px;
}
.DarthGoo__tab_xp .ajax__tab_inner
{
	padding-left: 8px;
	background: url(images/tab-left.gif) no-repeat;
}
.DarthGoo__tab_xp .ajax__tab_tab
{
	height: 21px;
	padding: 3px;
	margin: 0;
	background: url(images/tab.gif) repeat-x;
}
.DarthGoo__tab_xp .ajax__tab_hover .ajax__tab_outer
{
	background: url(images/tab-hover-right.gif) no-repeat right;
	color: #2b65a4;
}
.DarthGoo__tab_xp .ajax__tab_hover .ajax__tab_inner
{
	background: url(images/tab-hover-left.gif) no-repeat;
	color: #2b65a4;
}
.DarthGoo__tab_xp .ajax__tab_hover .ajax__tab_tab
{
	background: url(images/tab-hover.gif) repeat-x;
	color: #2b65a4;
}
.DarthGoo__tab_xp .ajax__tab_active .ajax__tab_outer
{
	background: url(images/tab-active-right.gif) no-repeat right;
	color: #2b65a4;
}
.DarthGoo__tab_xp .ajax__tab_active .ajax__tab_inner
{
	background: url(images/tab-active-left.gif) no-repeat;
	color: #2b65a4;
}
.DarthGoo__tab_xp .ajax__tab_active .ajax__tab_tab
{
	background: url(images/tab-active.gif) repeat-x;
	color: #2b65a4;
}

.DarthGoo__tab_xp .ajax__tab_body
{
	font-family: verdana;
	font-size: 11px;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #fff;
	font-weight: normal;
}


/* by Mohammad Alnsour ------- */


/* 49 */
.MyCalendar .ajax__calendar_container
{
	background-image: url(images/cale.gif);
	width: 182px;
	background-repeat: no-repeat;
	color: #000000;
}
.ajax__calendar_title
{ width:140px; margin:auto; }


.MyCalendar .ajax__calendar_today
{
	font-weight: bold;
	background-color: White;
}
/************* 8-10-2009 *******************/
/* 50 */
.pnlSearch
{
	background-image: url(images/pnlSearch.jpg);
	background-repeat: repeat-x;
	background-position: center;
	background-color: #d3e3f3;
	border: solid 1px #4677b9;
}
/************** 15-10-2009 ****************/
/* 51 */
.arrowlistmenu
{
	width: 167px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader
{
	/*CSS class for menu headers in general (expanding or not!)*/
	font: bold 10px verdana;
	color: white;
	background-image: url(images/BTN-Task-Left-Menu-167x30.jpg);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 3px; /*padding: 4px 0 4px 10px; header text is indented 10px*/
	cursor: hand;
	margin-bottom: 0;
}

.arrowlistmenu .openheader
{
	/* CSS class to apply to expandable header when it's expanded*/
	background-image: url(images/BTN-Task-Left-Menu-167x30_h.jpg);
	color: #728BAA;
	background-repeat: no-repeat;
	height: 30px;
}
.arrowlistmenu ul
{
	/*CSS for UL of each sub menu*/
	list-style-type: none;
	list-style-position: inside;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
/* 52 */
.SubOFSub
{
	color: #628dd1;
	margin-left: 10px;
	padding-left: 10px; /*link text is indented 19px*/
	text-decoration: none;
}

.arrowlistmenu ul li
{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	padding-left: 3px;
}

.arrowlistmenu ul li .opensubheader
{
	/*Open state CSS for sub menu header*/ /*background: #E4F0FF !important;*/
	background: url(images/Arrow-SubMenu-11x6.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li .closedsubheader
{
	/*Closed state CSS for sub menu header*/
	background: #FDE6B2 !important;
}

.arrowlistmenu ul li a
{
	color: #628dd1;
	background: url(images/Arrow-SubMenu-11x6.jpg) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 10px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #dadada;
}


.arrowlistmenu ul li a:visited
{
	color: #628dd1;
}

.arrowlistmenu ul li a:hover
{
	/*hover state CSS*/
	background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover
{
	/*hover state CSS for sub menu header*/
	background-color: #F3F3F3;
}
/* 53 */
.PnlTitle
{
	background-image: url(images/pnlBG.jpg);
	height: 23px;
	border: solid 1px #8EB0DD;
}
/* 54 */
.PnlColapsBody
{
	background-color: #F4F7FE;
	border: solid 1px #99AFC7;
}
/* 55 */
.Nodata
{
	background-image: url(images/NoData.jpg);
	width: 386px;
	height: 82px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E4F0FF;
}
/* 56 */
.MsgBoxAlertBtn
{
	background-image: url(images/MsgBoxAlertBtn.jpg);
	width: 85px;
	height: 23px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/************ 25-10-2009 *************/
/* 57 */
.border-Title-body
{
	border: solid 1px #ABBCD2;
}
/**************** 1-11-2009 *****************/
/* 58 */
.TopMsgBox
{
	background-image: url(../CommonImage/TopMsgBox.gif);
	background-repeat: no-repeat;
	width: 328px;
	color: #ffffff;
	font-weight: bold;
	height: 34px;
}
/* 59 */
.BGMsgBox
{
	background-image: url(../CommonImage/BGMsgBox.gif);
	background-repeat: repeat-y;
	width: 328px;
}
/* 60 */
.FooterMsgBox
{
	background-image: url(../CommonImage/FooterMsgBox.gif);
	background-repeat: no-repeat;
	width: 328px;
	height: 34px;
}
/* 61 */
.BtnClosePanle
{
	background-image: url(../CommonImage/BTNClosePnl.gif);
	width: 24px;
	height: 27px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 61 */
.BtnPnlMsg
{
	background-image: url(../CommonImage/BtnPnlMsg.gif);
	width: 72px;
	height: 23px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* 62 */
.icoInfo
{
	background-image: url(../CommonImage/InfoIcon.jpg);
	width: 38px;
	height: 38px;
	background-position: center center;
	background-repeat: no-repeat;
}
/* 63 */
.PagerClass a, .PagerClass a:visited
{
	border: 1px solid #000000;
	background-color: #F3F8FE;
	text-decoration: none;
	color: #2461BF;
	text-align: center;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.PagerClass a:hover, .PagerClass a:active
{
	border: 1px solid #E0E1DA;
	color: #000;
	text-align: center;
	background-color: #D3E3F3;
	font-size: 13px;
}
.PagerClass Span
{
	border: 1px solid #000;
	background-color: #D3E3F3;
	color: #000000;
	text-align: center;
	font-size: 13px;
	cursor: default;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}
/* 64 */
.picker
{
	background-color: #FFFFFF;
	border: 1px gray solid;
	font-size: 12px;
	font-weight: bold;
	font-family: "Verdana" ,monospace;
	padding: 2px;
	width: 140px;
	cursor: pointer;
}
/* 65 */
.dayheader
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	background-color: #E0DFE3;
	background-image: url(images/dayheader_bg.gif);
	background-position: left bottom;
	height: 20px;
	text-align: center;
	cursor: default;
}
/* 66 */
.title
{
	background-color: #757495;
	background-image: url(images/title_bg.gif);
	height: 25px;
	cursor: default;
}

.title TD
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: white;
}
/* 67 */
.Print
{
	background-image: url(../CommonImage/Print.jpg);
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}
/* 68 */
.cancel
{
	background-image: (images/cancel.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 20px;
	border: 0;
}
/* 69 */
.Previ
{
	background-image: (images/Previ.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 20px;
	border: 0;
}
/* 70 */
.Next
{
	background-image: (images/Next.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 20px;
	border: 0;
}
/* 71 */
.btnBg1
{
	background-image: url(images/BtnLink1.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	height: 25px;
	border: 0;
	color: #ffffff;
	cursor: pointer;
}
.btnBg1:link
{
	background-image: url(images/BtnLink1.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	height: 25px;
	color: #ffffff;
	border: 0;
	cursor: pointer;
}
.btnBg1:hover
{
	background-image: url(images/BtnHover1.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	height: 25px;
	border: 0;
	cursor: pointer;
	width: 150px;
}
/* 72 */
.errorMsg
{
	background-color: #d2dff0;
	border: solid 1px #8fb1df;
}
/* 73 */
.WizBack
{
	background-image: url(images/WizBack.jpg);
	background-repeat: repeat-x;
	border-bottom: solid 1px #07172f;
	border-left: solid 1px #07172f;
	border-right: solid 1px #07172f;
}
/* 74 */
.icoSuccess
{
	background-image: url(../CommonImage/icoSuccess.jpg);
	width: 38px;
	height: 38px;
	background-position: center center;
	background-repeat: no-repeat;
}
/* 75 */
.icoFail
{
	background-image: url(../CommonImage/IcoFail.jpg);
	width: 38px;
	height: 38px;
	background-position: center center;
	background-repeat: no-repeat;
}
/* 76 */
.ChangeStatus
{
	background-image: url(images/ChangeStatus.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* 77 */
.AddOff
{
	background-image: url(images/addOFF.jpg);
	width: 15px;
	height: 15px;
	border: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/************* Mustafa ***********/
/*78*/
.hdrLeftWithSeperator
{
	border-right-color: #5789B1;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
}
/* 79 */
.cntLeftWithSeperator
{
	padding-right: 5px;
}
/* 80 */
.hdrRightWithSeperator
{
	border-left-color: #5789B1;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 5px;
}
/* 81 */
.cntRightWithSeperator
{
	padding-left: 5px;
}
/* 82 */
.boxddl
{
	background: url(../CommonImage/boxArrow.gif);
	background-repeat: no-repeat;
	margin-top: -1px;
	height: 22px;
	width: 13px;
	border: 0;
	cursor: pointer;
}
/************* end Mustafa ***********/
/* 83 */
.bgClock
{
	background-image: url(../CommonImage/ClockIcon.gif);
	width: 22px;
	height: 21px;
	background-repeat: no-repeat;
}
/* 84 */
.CalenderIcoTop
{
	background-image: url(../CommonImage/CalenderIcoTop.gif);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
}
/* 85 */
.WelcomeIco
{
	background-image: url(../CommonImage/WelcomeIco.gif);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
}

/* 86 */
.BGSiteMapBg
{
	background-image: url(images/BGSiteMapBg.jpg);
	height: 33px;
	background-repeat: repeat-x;
}
/* 87 */
.LeftSiteMapBg
{
	background-image: url(images/LeftSiteMapBg.jpg);
	width: 6px;
	height: 33px;
	background-repeat: no-repeat;
}
/* 88 */
.RightSiteMapBg
{
	background-image: url(images/RightSiteMapBg.jpg);
	width: 7px;
	height: 33px;
	background-repeat: no-repeat;
}
/* 89 */
.btnRestart
{
	background-image: url(../CommonImage/restart.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	width:150px;
	height: 25px;
	border: 0;
	color: #ffffff;
	cursor: pointer;
}
/* 90 */
.ExportPDF
{
	background-image: url(../CommonImage/Pdf.gif);
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}
/* 91 */
.ExportExcel
{
	background-image: url(../CommonImage/Excel.gif);
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}
/* 92 */
.ExportPDFOff
{
	background-image: url(../CommonImage/PdfOff.gif);
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}
/* 93 */
.ExportExcelOff
{
	background-image: url(../CommonImage/ExcelOff.gif);
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}

