/* CSS layout */

#masthead {

}

 

#top_nav

{

     /* background-color:#E8E6FF;*/
      /*background-image: url('Images/Blue_BG.bmp');*/
      
      color:Black; /*: White;*/
      
     /* border-style: outset;*/

      /*border-width: 1px;*/

 

}

 

#container {

      position: relative;

      width: 100%;
	top: 0px;
	left: 0px;
}

 

#left_col {

      width: 220px;

      position: absolute;

      left: 0px;

      top: 0px;

height:400px;

     /* height:400px;*/
      /*overflow:auto;*/
      overflow-y:auto; 
     
      
      

     

     

      /* background-color:#E8E6FF; border-style: outset;    border-width: 1px;*/

}

 

#page_content {

      margin-left: 230px;

      height: 450px;

     

     

}

 

#footer

{

  background-color:#E8E6FF;
      background-image: url('Images/Blue_BG.bmp');

      border-style: outset;

      border-width: 1px;
      color: White;
      



}

/*

*/
a { text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited
{
	color: blue;
	
	
	}
a
{
	color: blue;
	
	
	}
#body

{

      margin: 0

     

      }

.Nave_Items

{

      font-size: xx-small; color:Black;

      background-image: url("Images/untitled.bmp");
      

     

}

 

.button

{

      background-color:#7187F0

}
.Main_Menu_Style
{
	font-size: small; 
	color: #699867; 
	cursor: hand;
	}




/* ======================================================*/

body
{
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.loginTable
{
	margin-right: auto;
	margin-left: auto; /*background-color:#FDFBE7;*/
	margin-top: 100px;
}
.Btn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0F5782;
	border: 1px double #CCCCCC;
	padding: 1px;
	float: left;
	margin-left: 2px;
}
select
{
	font-family: tahoma;
	color: #0066CC;
	border: 1px solid #B7B7B8;
	font-size: 11px;
}
.text
{
	font-family: tahoma;
	color: #0066CC;
	border: 1px solid #B7B7B8;
	font-size: 11px;
}
.errorPage
{
	background-color: #FFFFCC;
	border: 1px dashed #000000;
	color: #000000;
	font-size: 13px;
	direction: ltr;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.VS
{
	background-color: #FFFFCC;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Red;
}

.listItems
{
	background-color: #FFFFCC;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #99AABD;
	color: #0F5782;
}
.alert
{
	width: 18px;
	height: 16px;
	background-image: url(images/bell_error.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.Note
{
	background-color: #FFFFCC;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: Gray;
	border-bottom: solid 1px #C0C0C0;
	height: 20px;
	text-align: left;
}
.alertInfo
{
	width: 3%;
	background-image: url(images/iAlert.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.BLueSmallTxt
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0F5782;
	text-align: left;
}
.BLueSmallTxt a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0F5782;
	text-decoration: underline;
}
.BLueSmallTxt a:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0F5782; /*#D18600;*/
	text-decoration: none;
}
.BLueBigTxt
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782;
	text-align: left;
}
.AddNew a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782;
	text-decoration: underline;
	margin-left: 5px;
}
.BLueBigTxt a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782;
	text-decoration: underline;
	margin-left: 5px;
}
.AddNew a:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782; /*#D18600;*/
	text-decoration: none;
	margin-left: 5px;
}

.BLueBigTxt a:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782; /*#D18600;*/
	text-decoration: none;
	margin-left: 5px;
}

.BlackSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
}
.BlackSmall a
{
	color: #000000;
	text-decoration: underline;
}
.BlackSmall a:hover
{
	color: #000000;
	text-decoration: underline;
}

.main
{
	margin-right: auto;
	margin-left: auto;
}
.NavTop
{
	text-align: left;
	height: 60px;
}
.welcome
{
	background-image: url(images/welcom.jpg);
	width: 125px;
	background-repeat: no-repeat;
	background-position: center left;
}

.content
{
	background-color: #FFFFFF;
	border: solid 1px #99AABD;
	padding-bottom: 15px;
}

.content_NoBorder
{
	background-color: #FFFFFF;
	border: solid 1px #99AABD;
	padding-bottom: 15px;
	/*margin-left: 10px;*/
}
.bgClass
{
	/*background:#99AABD url(images/pg.jpg) repeat-x top left;*/
}
.Header
{
	border: solid 1px #99AABD;
	background-color: #E4E5DB;
	text-align: left;
	height: 50px;
	margin: 10px;
}
.Footer
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 22px;
}
/*- Repeater Style ------------------------- */
.on
{
	background-color: #E9F2FA; /*#FCFCCE;*/ /* background:url("images/bg_navcon.gif") repeat-x right top;*/
}

.off
{
	background-color: white;
}

.alternate
{
	background-color: #efefef;
}

.alternate td
{
	border-bottom: dotted 1px #99AABD;
	padding-top: 5px;
	padding-bottom: 5px;
}

.off td
{
	border-bottom: dotted 1px #99AABD;
	padding-top: 5px;
	padding-bottom: 5px;
}

.on td
{
	border-bottom: dotted 1px #99AABD;
	padding-top: 5px;
	padding-bottom: 5px;
}
.popupOn
{
	background-color: #FCFCCE;
}
.popuoOff
{
	background-color: #efefef;
}
.popupOff td
{
	border-bottom: solid 1px #C0C0C0;
}
.popupOn td
{
	border-bottom: solid 1px #C0C0C0;
}
/*.off td{ color:ButtonHighlight;}*/

.repeaterHeader
{
	background: url(images/bg_navcon.gif) repeat-x left top;
	height: 23px;
	font-family: Tahoma,Sans-Serif;
	font-size: 9pt;
	border: solid 1px #99AABD;
}
/*.repeaterHeader td
{
	border-left:solid 1px #c0c0c0;
}*/

.RptAnchor
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782;
	text-align: center;
}
.RptAnchor a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782;
	text-decoration: underline;
}
.RptAnchor a:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D18600;
	text-decoration: none;
}
/*- Repeater Style ------------------------- */

/*- Google Map Style ----------------------- */
.map
{
	width: 100%;
	height: 500px;
	border: solid 1px #99AABD;
}
/*- Google Map Style ----------------------- */
.details
{
	background-color: #FFFFCC;
	border: solid 1px #99AABD;
	text-align: left;
	padding: 10px 10px 10px 0px;
	width: 200px;
}
.AddNew
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F5782;
	text-align: right;
	padding-bottom: 5px;
}
.paging
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.paging a
{
	color: #0F5782;
	text-decoration: underline;
}
.paging a:hover
{
	color: #0F5782;
	text-decoration: none;
}
/* Main Style Sheet for jQuery UI date picker */
.datepicker_inline
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div
{
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline
{
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl
{
	direction: rtl;
}
.datepicker_dialog
{
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger
{
	width: 25px;
}
img.datepicker_trigger
{
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt
{
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt
{
	width: 185px;
}
.datepicker
{
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_header
{
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_links
{
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control
{
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control
{
	background: #0F5782;
	padding: 2px 0px;
}
.datepicker_links
{
	background: #000;
	padding: 2px 0px;
}
.datepicker_links
{
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_control
{
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label
{
	/* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_prev
{
	float: left;
	width: 34%;
}
.datepicker_clear
{
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_prev
{
	float: right;
	text-align: right;
}
.datepicker_rtl .datepicker_clear
{
	float: right;
	text-align: right;
}
.datepicker_current
{
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_next
{
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_close
{
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_next
{
	float: left;
	text-align: left;
}
.datepicker_rtl .datepicker_close
{
	float: left;
	text-align: left;
}
.datepicker_header
{
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select
{
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker
{
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a
{
	display: block;
	width: 100%;
}
.datepicker_titleRow
{
	background: #777;
}
.datepicker_daysRow
{
	background: #eee;
	color: #666;
}
.datepicker_weekCol
{
	background: #777;
	color: #fff;
}
.datepicker_daysCell
{
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a
{
	display: block;
}
.datepicker_weekEndCell
{
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell
{
	background: #777;
}
.datepicker_daysCellOver
{
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable
{
	color: #888;
}
.datepicker_today
{
	background: #FDFBE7 !important;
}
.datepicker_currentDay
{
	background: #999 !important;
}
.datepicker_status
{
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
.datepicker_inline a
{
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
#datepicker_div a
{
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a
{
	padding: 0 5px !important;
}
.datepicker_links a
{
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_control a
{
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a
{
	color: #eee !important;
}
.datepicker_control a:hover
{
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_titleRow a:hover
{
	background: #ddd !important;
	color: #333 !important;
}

.datepicker_links a:hover
{
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker
{
	border: 1px solid #777;
}
.datepicker_oneMonth
{
	float: left;
	width: 185px;
}
.datepicker_newRow
{
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover
{
	display: none; /*sorry for IE5*/
	display: /**/ block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	/*filter: mask(); must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
	height: 200px; /*must have*/
}
/* Main Style Sheet for jQuery UI date picker */
.date
{
	background-image: url(images/cal.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.find
{
	background-image: url(images/find.png);
	background-position: right top;
	background-repeat: no-repeat;
}
ul#navigation
{
	padding: 5px;
	margin: 10px;
	background-color: #FFFFFF;
	color: #fff;
	width: 90%;
	text-align: left;
}
ul#navigation li
{
	display: inline;
}


.rAlign
{
	text-align: right;
}












/*		Essam Style Sheet Code		*/

.style2
{
	white-space: normal;
	border-width: 0;
}
.MAIN_MENU_HEADER_LEFT
{
	white-space: normal;
	border-width: 0;
	background-image: url(    'images/nbhl.gif' );
	cursor: pointer;
	width: 2px;
	height: 20px;
}
.MAIN_MENU_HEADER_RIGHT
{
	white-space: normal;
	border-width: 0;
	background-image: url(    'images/nbhr.gif' );
	cursor: pointer;
	width: 2px;
	height: 20px;
}
.MAIN_MENU_HEADER_MID
{
	color: #FFFFFF;
	cursor: pointer;
	background-image: url(    'images/nbh.gif' );
	height: 29px;
	font-size:11px; /*:x-small;*/
	padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;
		
}
.MAIN_DIV_CLASS
{
	/*width: 100%; background-color: #C1D9FF;*/
	display: block;
}
.MENU_MAIN_TABLE_CLASS
{
	/*width: 80%;*/
	top:0px;
	left:0px;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
	background-color: white;
	 /*align="center";*/
}
.MENU_MAIN_SPACE_ROW
{
	background-color: #FFFFDF;
}
.MENU_MAIN_SPACE_ROW_LEFT
{
	background-color: #FFFFDF;
	width: 2px;
	height: 2px;
}
.MENU_MAIN_SPACE_ROW_MID
{
	background-color: #FFFFDF;
	height: 2px;
	/*overflow-y:auto;*/
	
}
.MENU_SUB_ITEM_DIV
{
 
background-color:#FFFFDF; 
height: 250px;
width: 100%;
overflow-y:auto;
font-size:xx-small;

}

.MENU_MAIN_SPACE_ROW_RIGHT
{
	background-color: #FFFFDF;
	width: 2px;
	height: 2px;
}
.MENU_MAIN_SUB_ITEMS
{
	cursor:pointer;
	color: #000000;
	font-size:x-small;
	background-color: #FFFFDF;
	overflow-y:scroll; 
	
}
.LABEL_STYLE
{
	text-align: right;
	width:50%;
}
.LABEL_STYLE_Align_Left
{
	text-align: right;
	width:50%;
	text-align:left; 
	padding-left:10px;
	padding-right:10px
}
.TEXTBOX_STYLE
{
	 Width: 90%;
	 border-color:#FF9933;
	 border-style:dotted;
	 border-width: 1px; 
	}
	
	.Horizantal_Line_STYLE
{
	 Width: 100%;
	 border-color:#FF9933;
	 border-style:solid; /*:dotted;*/
	 border-width: 1px; 
	}
	
.BlueBox100
{
	border: 1px solid #8CA9FF;
	background-color: #EAEFFF;
	width: 100%;
	cursor:pointer;
	
	
}
.BlueBox_No_TopBottom_100
{
	border: 1px solid #8CA9FF;
	background-color: #EAEFFF;
	border-bottom:0px;border-top:0px;
	width: 100%;
	cursor:pointer;
	
	
}

.WhiteBlueBox100
{
	border: 1px solid #8CA9FF;
	background-color:white;
	width: 100%;
	cursor:pointer;
	
	
}

.WhiteBox100
{
	border: 1px solid #8CA9FF;
	background-color: White;
	width: 100%;
	cursor:pointer;
	
}
.YellowBox100
{
	border: 1px solid #666633;
	background-color: #FFFFD7;
	width: 100%;
	cursor:pointer;
	
}