/**************************************************************************/
/******************************** Body Styles *****************************/

body.main
{
	background-image:url(/images/ers/images/MainBackground.jpg);
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	
};

div.MainHeader
{
	width: 761px;
	height:120px;
	float:right;
}


div.MainTop
{
	background-image:url(/images/ers/images/insidelogo.jpg);
	background-repeat:no-repeat;
	width:955px;
	height:165px;
	margin:0 auto;
	border: 0px solid #000000;
}

div.MainTopLogo
{
	width:194px;
	height:165px;
	float:left;
	margin-top:0;
}

div.MainPoliceLogo 
{
	background-image: url(/images/ers/images/policelogo.jpg);
	width: 321px;
	height:120px;
	float:right;
}

div.MainHeaderLeft 
{
	width: 440px;
	height: 120px;
	float:right;
}

div.MainSpacer 
{
	width: 20px;
	height: 120px;
	float:right;
	background-image:url(/images/ers/images/sepline.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

div.MainLinkContact 
{
	background-image:url(/images/ers/images/sepline.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width: 100px;
	height: 120px;
	float:right;
	text-align: center;
	white-space: nowrap;
}

div.MainLinkContactContent
{
	background-image:url(/images/ers/images/contact.gif);
	height:120px;
	background-position: top;
}

div.MainLinkHome
{
	background-image:url(/images/ers/images/sepline.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width: 120px;
	height: 120px;
	float:right;
	text-align: center;
	text-indent: -8px;
	white-space: nowrap;
}

div.MainLinkHomeContent 
{
	background-image:url(/images/ers/images/home.gif);
	height:120px;
	background-position: top;
}

div.MainLinkUserManual
{
	background-image:url(/images/ers/images/sepline.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width: 100px;
	height: 120px;
	float:right;
	text-align: center;
	text-indent: -8px;
	white-space: nowrap;
}

div.MainLinkUserManualContent
{
	background-image:url(/images/ers/images/usermanual.gif);
	height:120px;
	background-position: top;
}

div.MainLinkChangeLanguage
{
	background-image:url(/images/ers/images/sepline.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width: 100px;
	height: 120px;
	float:right;
	text-align: center;
	text-indent: -8px;
	white-space: nowrap;
}

div.MainLinkChangeLanguageContent
{
	background-image:url(/images/ers/images/changelanguage.gif);
	height:120px;
	background-position: top;
}

div.MainUserInfo
{
	background-image:url(/images/ers/images/userinfobg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:759px;
	vertical-align:middle;
	line-height:3;
	height:45px;
	float: right;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
	padding-top:0px;
}

div.MainUserInfo table
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
}

div.MainUserInfo a
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
	text-decoration:none;
}

div.MainUserInfo a:hover
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
	text-decoration:underline;
}

div.MainBody 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 955px;
	height:100%;
	margin: 0 auto;
	clear:both; 
	display:table;
	vertical-align:top;
	padding: 0px 0px 0px 0px ;
}

div.MainMenuDiv
{
	width:220px;
	height:360px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;	
}

div.MainContentDiv
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:680px;
	height:auto;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

div.InnerContentDiv
{
	padding-top:10px; 
	padding-right:10px; 
	padding-left:10px;
}

/* top navigation table and link styles */

td.eng 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

td.eng a 
{
	color:#000000;
	text-decoration: none;
}

td.eng a:hover 
{
	color:#999999;
	text-decoration: none;
}

td.eng a:visited 
{
	text-decoration: none;
}

td.ar 
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

td.ar a 
{
	color:#000000;
	text-decoration: none;
}

td.ar a:hover 
{
	color:#999999;
	text-decoration: none;
}

td.ar a:visited 
{
	text-decoration: none;
}

/*** Classes for the Menu and Fieldsets ***/

fieldset.AR
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	direction:rtl;
	height:100%;
	width:100%
}

fieldset.EN
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	direction:ltr;
	height:100%;
	width:100%;
}

legend.AR 
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
	direction:rtl;
}

legend.EN
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
	direction:ltr;
}

div.fcontent
{
	margin: 0 auto;
	width: 100%;
	padding-top: 5px;
}

button
{
	height: 22px;
	width: 68px;
	text-align: center;
	font-family: tahoma;
}

.search_button_ar
{
	background-image:url(/images/ers/images/search_ar.gif);
	width: 48px;
	height: 22px;
}

.search_button_en
{
	background-image:url(/images/ers/images/search_en.gif);
	width: 48px;
	height: 22px;
}
 
/**************************************************************************/
/***************************** Data Table Styles **************************/

.major_table_header
{
	background-color: #5ABCDB;
	height: 22px;
	color: #FFFFFF;
}

.minor_table_header
{
	background-color: #F29325;
	height: 22px;
	color: #000000;
}

.main_data_record
{
	background-color: #ECEDF1;
	border-bottom:2px solid #FFFFFF;
}

.minor_data_record
{
	border-bottom: 1px solid #ACA899;
}

.main_form_header
{
	background-color:#f29325; 
	color:#000000; 
	height:22px;
	padding-left:10px; 
	padding-right:10px;
}

/**************************************************************************/
/******************************* Footer Styles ****************************/

div.MainFooter 
{
	width:950px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	margin:0 auto;
	text-align:center;
	bottom:0;
	color:#1D81A5;
	padding-top:5px;
}

div.MainFooter a
{
	text-decoration:none;
	font-weight:bold;
	color:#1D81A5;
}

div.MainFooter a:hover
{
	text-decoration:underline;
	font-weight:bold;
	color:#1D81A5;
}

a
{ 
	color:#000000;
	text-decoration: none;
}

a:hover
{
	color:#999999;
	text-decoration: none;
}

.black_link
{ 
	color:#000000;
	font-family:tahoma,arial,helvetica,clean,sans-serif;
	font-size: 13px;
	text-decoration:none;	
}

.black_link:hover
{
	color:#000000;
	font-family:tahoma,arial,helvetica,clean,sans-serif;
	font-size: 13px;
	text-decoration:underline;
}

/**************************************************************************/
/****************************** Accordian Styles *******************************/

#basic-accordian
{
	padding		:5px;
	width		:955px;
}

.accordion_headings
{
	padding		:5px 5px 5px 5px;
	background	:#f29325;
	color		:#000000;
	border		:1px solid #FFF;
	cursor		:pointer;
	font-weight :bold;
	font-family :tahoma,arial,helvetica,clean,sans-serif;
	font-size   :13px;
}

.accordion_headings:hover
{
	background	:#5ab6db;
	color     	:#ffffff;
}

.accordion_child
{
	padding		:15px;
	background	:#EEE;
	font-family :tahoma,arial,helvetica,clean,sans-serif;
	font-size   :14px;
}

.header_highlight
{
	background	:#5ab6db;
	color     	:#ffffff;
}

/**************************************************************************/
/****************************** Font Styles *******************************/

.font_standard 
{
	font-family: tahoma,arial,helvetica,clean,sans-serif;
	font-size: 13px;
}

.font_report
{
	font-family: arial, Times New Roman;
	font-size: 17px;
	color: #000000;
}

.font_bold 
{
	font-family: tahoma,arial,helvetica,clean,sans-serif;
	font-weight: bold;
	font-size: 13px;
}


/**************************************************************************/
/****************************** Grid Styles *******************************/

#master_grid {margin:0em;width: 100%; height: 220px;}
#master_grid table {border-collapse:collapse;width: 100%;}
#master_grid th, #grid td {border:1px solid #FFFFFF;padding:.25em;}
#master_grid th {background-image:url(/images/ers/images/blue_header.gif);background-repeat:repeat-x;color:#FFFFFF;}
#master_grid .yui-dt-odd {background-color:#eee;} /*light blue*/
#master_grid .yui-dt-editable.yui-dt-highlight {background-color:#BEDAFF;}

#detail_grid {margin:0em;width: 100%;height: 220px;}
#detail_grid table {border-collapse:collapse; width:100%;}
#detail_grid th, #grid td {border:1px solid #FFFFFF;padding:.25em;}
#detail_grid th {background-image:url('/images/ers/images/blue_header.gif');}
#detail_grid .yui-dt-odd {background-color:#eee;} /*light blue*/	
#detail_grid .yui-dt-editable.yui-dt-highlight {background-color:#BEDAFF;}

/**************************************************************************/
/******************************** Color Classes ***************************/

/****************************** Dark Blue #114F81 *************************/

.dark_blue_bg {background-color: #114F81;}
.dark_blue_border {border-color: #114F81;border-style:solid;}
.dark_blue_font {color: #114F81;}

/******************************* Orange #FFC20C ***************************/

.orange_bg {background-color: #FFC20C;}
.orange_border {border-color: #FFC20C;border-style:solid;}
.orange_font {color: #FFC20C; font-size:13px;}

/******************************** Gray #666666 ****************************/

.gray_bg {background-color: #666666;}
.gray_border {border-color: #666666;border-style:solid;}
.gray_font {color: #666666;}

/*************************** Light Gray #F5F5DD ***************************/

.light_gray_bg {background-color: #F5F5DD;}
.light_gray_border {border-color: #F5F5DD;border-style:solid;}
.light_gray_font {color: #F5F5DD;}

/*********************** Inbox Content Gray #DCDCDC ***********************/

.inbox_light_gray_bg {background-color: #DCDCDC;}
.inbox_light_border {border: 1px solid #DCDCDC;}
.inbox_light_font {color: #DCDCDC;}

/******************************* White #FFFFFF ****************************/

.white_bg {background-color: #FFFFFF;}
.white_border {border-color: #FFFFFF;border-style:solid;}
.white_font {color: #FFFFFF;}

/**************************************************************************/
/***************************** Inbox Styles *******************************/

.data_table
{
	width: 100%;
	border: 0px;
}

.data_table a:link , .data_table a:visited
{
	color: #344F73;
	text-decoration: none;
}

.data_table a:hover 
{
	color: #344F73;
	font-weight: bold;
	text-decoration: underline;
}

.status_div
{
	text-align: center;
	visibility: hidden;
}

#attachment_tr #file_name_td a
{
	font-size: 13px;
	font-family: tahoma, arial;
	color: #000000;
	text-decoration: none;
}

#attachment_tr #file_name_td a:hover
{
	font-size: 13px;
	font-family: tahoma, arial;
	color: #000000;
	text-decoration: underline;
}

/**************************************************************************/
/***************************** Table Styles *******************************/

/** Width **/

.width_auto {width:auto;}
.width_100 {width:100%;}
.width_95 {width:95%;}
.width_90 {width:90%;}
.width_85 {width:85%;}
.width_25 {width:25%;}
.width_20 {width:20%;}
.width_15 {width:15%;}
.width_10 {width:10%;}

.width_50_px {width: 50px;}
.width_84_px {width: 84px;}
.width_100_px {width: 100px;}
.width_120_px {width: 120px;}
.width_125_px {width: 125px;}
.width_130_px {width: 130px;}
.width_140_px {width: 140px;}
.width_150_px {width: 150px;}
.width_155_px {width: 155px;}
.width_160_px {width: 160px;}
.width_175_px {width: 175px;}
.width_200_px {width: 200px;}
.width_225_px {width: 225px;}
.width_230_px {width: 230px;}
.width_235_px {width: 235px;}
.width_250_px {width: 250px;}
.width_255_px {width: 255px;}
.width_260_px {width: 260px;}
.width_265_px {width: 265px;}
.width_270_px {width: 270px;}
.width_272_px {width: 272px;}
.width_300_px {width: 300px;}
.width_335_px {width: 335px;}
.width_350_px {width: 350px;}
.width_400_px {width: 400px;}
.width_425_px {width: 425px;}
.width_450_px {width: 450px;}
.width_475_px {width: 475px;}
.width_500_px {width: 500px;}
.width_520_px {width: 520px;}
.width_550_px {width: 550px;}

/** Height **/

.height_200_px {height: 200px;}
.height_150_px {height: 150px;}
.height_130_px {height: 130px;}
.height_125_px {height: 125px;}
.height_120_px {height: 120px;}
.height_115_px {height: 115px;}
.height_100_px {height: 100px;}
.height_50_px {height: 50px;}

/** Border **/

.border_0 {border: 0px;}
.border_1 {border: 1px;border-style:solid;}
.border_2 {border: 2px;border-style:solid;}

/** Cell Padding **/

.padding_2{}
.padding_2 td{padding: 2px 2px 2px 2px;}

.padding_3{}
.padding_3 td{padding: 3px 3px 3px 3px;}

/** Text Align **/
/*
.align_center {text-align: center;}
*/

/** Scrolls **/

.scroll_auto {overflow: auto;}
.scroll_vertical {overflow-x:hidden; overflow-y:scroll;}
	
.blue_border_top
{
	border-top:1px solid #114f81;
}

.blue_border_bottom
{
	border-bottom:1px solid #114f81;
}

.gray_border_top
{
	border-top: 1px solid #ACA899;
}

.gray_border_bottom
{
	border-bottom: 1px solid #ACA899;
}

.white_border_left
{
	border-left:1px solid #FFFFFF;
}

.white_border_right
{
	border-right:1px solid #FFFFFF;
}


/**************************************************************************/
/***************************** Buttons Styles *****************************/

a .button_search
{
	background-image:url(/images/ers/images/searchbtn.gif);
	width: 41px;
	height: 39px;
}

a:hover .button_search
{
	background-image:url(/images/ers/images/searchbtn.gif);
	cursor: hand;
	width: 41px;
	height: 39px;
}


/**************************************************************************/
/*************************** Form Header Styles ***************************/

.form_header_AR
{
	width:100%; 
	height:23px; 
	background-image:url(/images/ers/images/form_header.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding: 5px 15px 0px 15px;
	color:#2A6390;
}

.form_header_EN
{
	width:100%; 
	height:23px; 
	background-image:url(/images/ers/images/form_header_en.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding: 5px 15px 0px 15px;
	color:#2A6390;
}

/**************************************************************************/
/*************************** New Application Styles ***********************/

#applicantsautocomplet
{
    width:160px; /* set width here */
    padding: 0px 0px 0px 0px;
}

#applicantsautocomplet
{
    z-index:10000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
}

#applicant_id_text
{
    _position: relative; /* abs pos needed for ie quirks */
    width:160px;
}

/**************************************************************************

a .div_expand
{
	background-image:url(/images/ers/images/expand_2.gif);
	background-repeat: no-repeat;
	width:14px;
	height:14px;
}

a:hover .div_expand
{
	background-image:url(/images/ers/images/expand_2_hover.gif);
	background-repeat: no-repeat;
	width:14px;
	height:14px;
}

a .div_collapse
{
	background-image:url(/images/ers/images/collapse_2.gif);
	background-repeat: no-repeat;
	width:14px;
	height:14px;
}

a:hover .div_collapse
{
	background-image:url(/images/ers/images/collapse_2_hover.gif);
	background-repeat: no-repeat;
	width:14px;
	height:14px;
}

.ffriend .factions a.toggle{
	background-color:transparent;
	background-image:url(/images/ers/images/bar_minimize.gif);
	background-position:0px 14px;
}
.ffriend .factions a.toggle:hover{
	background-color:transparent;
	background-image:url(/images/ers/images/bar_minimize_hover.gif);
	background-position:0px 14px;
}
.ffriend.click .factions a.toggle{
	background-color:transparent;
	background-image:url(/images/ers/images/bar_minimize.gif);
	background-position:0px 0px;
}
.ffriend.click .factions a.toggle:hover{
	background-color:transparent;
	background-image:url(/images/ers/images/bar_minimize_hover.gif);
	background-position:0px 0px;
}

*/

/**************************************************************************/
/******************************* Reports Styles ***************************/

.report_logo
{
	background-image: url(/images/ers/images/adplogo_s.gif);
	background-repeat: no-repeat;
	width: 103px;
	height: 118px;
}

.header_font_large
{
	font-family: arial, Times New Roman;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.header_font_medium_bold
{
	font-family: arial, Times New Roman;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

.header_font_medium
{
	font-family: arial, Times New Roman;
	font-size: 16px;
	color: #000000;
}

.header_font_medium_2
{
	font-family: arial, Times New Roman;
	font-size: 14px;
	color: #000000;
}

/**************************************************************************/