/*-----------------Layout-------------------*/
/* ---------------------------------Menu------------------------------------- */
.Menu{ vertical-align: middle; background-image: url(../images/MenuStrip.jpg); background-position: top left; background-repeat:repeat-x; font-family: "Tahpma"; color:#ffffff; font-size:9pt; font-weight:bold; padding: 0 10px 0 10px; }
.Menu a{ font-family: "Tahoma"; color:#ffffff; font-size:9pt; font-weight:bold; text-decoration:none;}
.Menu a:hover{ font-family: "Tahoma"; color:#ffffff; font-size:9pt; font-weight:bold; text-decoration: underline;}
/* --------------------------------------------------------------------- */
/* ---------------------------------backGround------------------------------------- */
.backGr01{ background:#0E5292 url(../images/topStripColor.gif); background-repeat:repeat-x;}
.bottomBg{ background:#0E5292 url(../images/bottomStrip.jpg); background-repeat:repeat-x;}
/* ---------------------------------list------------------------------------- */
body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #83AFC9;
	background-position: center top;
	background:#83AFC9 url(images/body_background.jpg) ; 
	background-repeat:repeat-x;
	
}
.background {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #83AFC9;
}
.page_footer {
	background:#0E5292 url(images/bottomStrip.jpg); background-repeat:repeat-x;	
		background-color:#D4E3EB; font-family:Tahmoa; color:#367AAE; font-size:9px; padding:5px 10px 8px 10px;
}

.background_table {
	background: #D6E2EE url(../images/bodyMiddelStrip.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding:5px;
	background-color: white;
}

.pane

{
width: 775; }
TD
{
font-size: 8pt; font-family: Tahoma; vertical-align: top; text-align: left; color: #595959;
}
.full
{
width: 100%; height: 100%;
}
.fullwidth
{
width: 100%; 
}
.fullwidthimg
{
width: 100%; 
}
.center
{
direction:ltr; width:100%; height: 100%
}
.backboxes
{
padding:0px; background-color: #FFFFFF; width:100%}


td.header    { font-family: Tahoma; font-size: 8pt; height: 188; background-color:white}
.headnote{height: 25px;}
.headnote a    { font-family: Tahoma; font-size: 7pt; color: white; text-decoration: none; text-transform:uppercase}
.headnote a:hover   { font-family: Tahoma; font-size: 7pt; color: white; text-decoration: underline; text-transform:uppercase}
.headnoteback {background-image: url('../images/top/backheadnote.gif'); background-repeat: 
               no-repeat; background-position: left top}
.pane
{
width:190px;
}
.contents
{
padding-right:5px; text-align: left; width: 567;}

.contents2
{
height: 320px; 	width: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: white
}
.rightmargin
{
padding-bottom:5px;
}

.title
{
background-image:url(../images/welecomStrip.gif); background-position: top right; background-repeat:repeat-x;
vertical-align: middle;
font-size:13px; color:#534A39; font-weight:bold;
font-family: Tahoma;
height: 30px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px
}
.title a
{
color: #534A39;
font-weight: bold;
font-family: Tahoma;
font-size: 10pt;
text-decoration: underline;
}
.title a:hover
{
color: #534A39;
font-weight: bold;
font-family: Tahoma;
font-size: 10pt;
text-decoration: none;
}
.title2
{
background-position:  left center; color: #062C50;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
text-transform: uppercase;
font-weight:bold; background-image:url('../images/bul2.gif'); background-repeat:no-repeat; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px;
border-left-width:0px; border-right-width:0px; border-top-width:0px;
border-left-color:#80AEDD; border-right-color:#80AEDD; border-top-color:#80AEDD;
border-bottom:1px solid #80AEDD;
}
.title2Products {
                        padding-left:20px;
        vertical-align:middle;
        FONT-WEIGHT: bold; 
        FONT-SIZE: 8pt; 
        BORDER-LEFT-COLOR: #80aedd;
        BACKGROUND: url(../images/bul2.gif) no-repeat left center 0px -10px;
        TEXT-TRANSFORM: uppercase; COLOR: #ff5b00; BORDER-TOP-COLOR: #80aedd; 
        BORDER-BOTTOM: #80aedd 1px solid; 
        FONT-FAMILY: Tahoma; BORDER-RIGHT-COLOR:#80aedd
}

.title3
{
background-position: left center; color: #062C50;
height:41px;
font-family: Tahoma;
vertical-align: middle;
font-size: 11pt;
font-weight: bold;
background-image:url('../images/latesnews.gif'); background-repeat:no-repeat; padding:5px 5px 5px 45px;
}
.title_useful {
background-position:  left center; background-image:url('../images/bul2.gif'); background-repeat:no-repeat; height: 20px; background-color:#DAE3D4; PADDING-RIGHT: 5px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 10pt;PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #534A39; FONT-FAMILY: Tahoma; HEIGHT: 15px; 
}
.footer a
{
color:#367AAE;
text-decoration: none;
font-family: tahoma;
font-size: 8pt;

}

.footer a:hover
{
color:#367AAE;
text-decoration: underline;
font-family: tahoma;
font-size: 8pt;
}

.footer{
	font-family: Tahoma;
	font-size: 8pt;
	color: #5F9DD6;
	text-transform: none;
	padding-top: 10px;
	padding-left: 10px;
}

a
{
FONT-SIZE: 8pt; COLOR: #072D51; FONT-FAMILY: Tahoma; text-decoration: undeline
}

a:hover
{
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration: none
}


.dayNormal {
	FONT-SIZE: 8pt; BACKGROUND: #e8e8e8; FONT-FAMILY: Tahoma, Arial, Helvetica, Tahoma
}
.dayWeekend {
	FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; FONT-FAMILY: Tahoma, Arial, Helvetica, Tahoma
}
.daySelected {
	FONT-SIZE: 8pt; BACKGROUND: #ffa83e; FONT-FAMILY: Tahoma, Arial, Helvetica, Tahoma
}
a:link.dayNormal {
	COLOR: #000000
}
a:visited.dayNormal {
	COLOR: #000000
}
a:hover.dayNormal {
	COLOR: #ff3333
}
a:link.dayWeekend {
	COLOR: #000000
}
a:visited.dayWeekend {
	COLOR: #000000
}
a:hover.dayWeekend {
	COLOR: #ff3333
}
a:link.daySelected {
	COLOR: #000000
}
a:visited.daySelected {
	COLOR: #000000
}
a:hover.daySelected {
	COLOR: #ff3333
}
TD.calendar_mouseover {
	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ff9900 1px solid; COLOR: #000000; BORDER-BOTTOM: #ff9900 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_mo_noevent {
	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ff9900 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ff9900 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_normal {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_n_noevent {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_n_nohair {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ffffff 1px solid; CURSOR: default; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_d_normal {
	BORDER-RIGHT: #e8e8e8 1px solid; BORDER-TOP: #e8e8e8 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #e8e8e8 1px solid; COLOR: #000000; BORDER-BOTTOM: #e8e8e8 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_d_noevent {
	BORDER-RIGHT: #e8e8e8 1px solid; BORDER-TOP: #e8e8e8 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #e8e8e8 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #e8e8e8 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_d_mo_noevent {
	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ff9900 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ff9900 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica
}
TD.calendar_p_noevent {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: hand; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Helvetica; BORDER-RIGHT-WIDTH: 1px
}
TD.cellgray {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: hand; FONT-FAMILY: Tahoma, Arial, Helvetica; BACKGROUND-COLOR: #f9f9f9; BORDER-RIGHT-WIDTH: 1px
}
TD.over {
	FONT-SIZE: 11px; CURSOR: default; COLOR: #000000; BORDER-BOTTOM: #ff9900 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica, Tahoma
}
.cursorHand {
	CURSOR: hand
}












.TableHeader
{
font-size: 8pt;
font-family: Tahoma;
color: #FFFFFF;
background-color: #31628F;
vertical-align: top;
text-align: left;
padding: 3px; 
}
.TableHeader a
{
font-size: 8pt;
font-family: Tahoma;
color: #FFFFFF;
text-decoration: none;
}
.TableHeader a:hover
{
font-size: 8pt;
font-family: Tahoma;
color: #FFFFFF;
text-decoration: underline;
}


.TableTextColumn {
	FONT-SIZE: xx-small; COLOR: black; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #f5f5f5
}


.TableTextNote
{
	FONT-SIZE: xx-small; COLOR: gray; FONT-FAMILY: Tahoma
}

.TableTitle
{
font-size: 8pt;
font-family: Tahoma;
color: Black;
background-color: #CEE1F8;
vertical-align: top;
text-align: left;
padding: 2px
}
.RawShade1
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #DBE9F9;
vertical-align: top;
text-align: left;
padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px;
}
.RawShade2
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: White;
vertical-align: top;
text-align: left;
padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px;
}
.ColumnShade1
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #CEE1F8;
vertical-align: top;
text-align: left;
padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px;
}
.ColumnShade2
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: White;
vertical-align: top;
text-align: left;
padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px;
}











.Textbold {
padding: 3px; font-weight: bold; 	FONT-SIZE: 8pt; COLOR: #595959; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left
}
.Text7 {
padding: 3px; 	FONT-SIZE: 7pt; COLOR: #595959; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left
}
.Text7new{
padding: 3px; 	FONT-SIZE: 7pt; COLOR: white; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left
}
.Text8 {
padding: 3px; 	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left
}
.Text9 {
padding: 3px; 	FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left
}
.Text10 {
padding: 3px; 	FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left
}
.Warning {
text-weight: bold; padding: 4px; 	FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; color: Red; vertical-align: top; text-align: left
}
.LargeWarning {
text-weight: bold; padding: 4px; 	FONT-SIZE: 10pt; FONT-FAMILY: Tahoma; color: Red; vertical-align: top; text-align: left
}



		
		
		
		





		
		
.LabelCSS
{

font-family: Tahoma; font-size: 8pt; font-weight: bold; color:#595959}
.TextBoxCSSSearch
{
background-position: left top; font-size: 8pt; font-family: Tahoma; width: 145px; height: 18; 
               border: 1px solid #B3D1F3; color:#595959}
.TextBoxCSSsmall2
{
background-position: left top; font-size: 8pt; font-family: Tahoma; width: 50; height: 18; 
               border: 1px solid #B3D1F3; color:#595959}
.TextBoxCSSsmall
{
background-position: left top; font-size: 8pt; font-family: Tahoma; width: 160; height: 18; 
               border: 1px solid #B3D1F3; color:#595959}
.TextBoxCSSmedium
{
background-position: left top; font-size: 8pt; font-family: Tahoma; width: 200; height: 18; 
               border: 1px solid #B3D1F3; color:#595959 }
.TextBoxCSSlarge
{
background-position: left top; font-size: 8pt; font-family: Tahoma; width: 350; height: 18; 
               border: 1px solid #B3D1F3; color:#595959}

.TextAreaCSSsmall
{
font-size: 8pt; font-family: Tahoma; width: 160; height: 100; border: 1px solid #B3D1F3; color:#595959
}
.TextAreaCSSmedium
{
font-size: 8pt; font-family: Tahoma; width: 200; height: 100; border: 1px solid #B3D1F3; color:#595959
}
.TextAreaCSSlarge
{
font-size: 8pt; font-family: Tahoma; width: 350; height: 100; border: 1px solid #B3D1F3; color:#595959
}
.PasswordCSS
{
background-position: left top; font-size: 8pt; font-family: Tahoma; width: 150; height: 18; 
               border: 1px solid #B3D1F3; color:#595959
}

.RadioBoxCSS
{
font-size: 8pt; font-family: Tahoma
}
.CheckBoxCSS
{
font-size: 8pt; font-family: Tahoma
}

.DropDownCSS
{
background-position: left top; font-size: 8pt; font-family: Tahoma; border: 1px solid #B3D1F3; color:#595959
}

.DropDownCSSmain
{
width:160; background-position: left top; font-size: 8pt; font-family: Tahoma; border: 1px solid #B3D1F3; color:#595959
}


.ButtonCSS
{

background-position: left top; font-size: 7pt; font-family: Tahoma; height: 18; color:#006699;
               border: 1px solid #B3D1F3; background-color: #F0F8FF; text-transform:uppercase; }

.LinkButtonCSS A
{
FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Tahoma; text-decoration: undeline}

.LinkButtonCSS A:hover
{
FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Tahoma; text-decoration: none
}

.ImageButtonCSS
{
background-position: left top; font-size: 7pt; font-family: Tahoma; width: 100; height: 18; 
               border: 1px solid #B3D1F3; background-color: #FFFFFF; text-transform:uppercase; background-image:url('../images/backbutton.gif'); background-repeat:repeat-x}
}

.FileUploadCSS
{
background-position: left top; font-size: 8pt; font-family: Tahoma; height: 18; 
               border: 1px solid #B3D1F3; 
}











.ValidatorCSS
{
FONT-SIZE: xx-small; COLOR: Red; FONT-FAMILY: Tahoma
}









.Grid
{
	border:1px solid #C0C0C0; font-size: 8pt;
	color:  #595959;
	font-family: Tahoma;
	width: 100%;
	padding: 3px;
	background-color: #FFFFFF;
}
.GridAlterItem
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: White;
vertical-align: top;
text-align: left;
padding: 3px
}

.GridItem
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #DBE9F9;
vertical-align: top;
text-align: left;
padding: 3px
}

.GridEditItem
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #FAF9E2;
vertical-align: top;
text-align: left;
padding: 3px

	
}
.GridHeader
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #B1D1F2;
vertical-align: top;
text-align: left;
padding: 3px; 
}
.GridHeader A
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
text-decoration: underline;
}
.GridHeader A:hover
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
text-decoration: none;
}

.GridFooter
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #B1D1F2;
vertical-align: top;
text-align: left;
padding: 3px
}

.GridPaging
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #F0F0F0;
vertical-align: top;
padding: 3px;
text-align: middle
}
.GridPaging a
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
text-decoration: underline                         
}

.GridPaging a:hover
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
text-decoration: none;    	
}
.GridSelected
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #FFD9D9;
vertical-align: top;
text-align: left;
padding: 3px
}

.GridNew
{
font-size: 8pt;
font-family: Tahoma;
color: #595959;
background-color: #D0F9DC;
vertical-align: top;
text-align: left;
padding: 3px
}
.bg_right_button {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: center center; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(../images/bg_button.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
.TopStaticMenu

{

color: #ccffff;

font-family: Tahoma;

vertical-align: middle;

font-weight:bold;

background-image: url(../../Images/bg_button.gif);

background-repeat: repeat;

height: 30px;

}

.a.TopStaticMenu1

{

color: #ccffff;

font-family: Tahoma;

vertical-align: middle;

font-weight: bold;

text-decoration:none;

}

 

.a:hover.TopStaticMenu1 

{

color: #ccffff;

font-family: Tahoma;

vertical-align: middle;

font-weight: bold;

}

.MenuzIndex

{

vertical-align: middle;

z-index:0;

}
.events a

{

FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: Tahoma; text-decoration: undeline

}

 

.events a:hover

{

FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: Tahoma; text-decoration: none

}



/*----------------------------------------- modification Khaled--------------------------------- */


.backboxes2

{

border

:1px solid #4D749B ; padding:0px; width: 100%} 

.Text11

{ 

padding

: 3px; FONT-SIZE: 8pt ; COLOR: black; FONT-FAMILY : Tahoma; vertical-align: middle; text-align: center 

}

.Text12

{ 

padding

: 3px; FONT-SIZE: 8pt ; COLOR: Red; FONT-FAMILY: Tahoma; vertical-align: top; text-align: left 

}

.spanstyle

{

height: 31px; 

text-align: center; 

vertical-align: middle; 

}

.TopStaticMenuOver

{

color: #A2B8D0; 

font-family: Tahoma; 

vertical-align: middle; 

font-weight: normal; 

background-image: url(../../Images/bg_button2.gif); 

background-repeat: repeat; 

height: 31px; 

text-align: center; 

}

.TopStaticMenunew

{

color: #ccffff; 

font-family: Tahoma; 

vertical-align: middle; 

font-weight: normal; 

background-image: url(../../Images/bg_button.gif); 

background-repeat: repeat; 

height: 31px; 

border-right: black 2px solid; 

border-top: black 2px solid; 

border-left: black 2px solid; 

border-bottom: black 2px solid; 

text-align: center; 

text-decoration: none; 

font-weight: normal; 

}