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

body
{
	font-family: tahoma,arial,helvetica,clean,sans-serif;
	font-size: 13px;
	color: #000000;
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
	overflow-x:hidden;
}

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

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

.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;
}

button
 {
	 height: 22px;
	 background-color:#64A2CE;
	 border: 1px solid #64A2CE;
	 background-image:url(/images/cst/images/button_bg.gif);
	 background-repeat: repeat-x;
	 width: 68px;
	 color: #104F80;
	 text-align: center;
	 font-family: tahoma;
 }

.button
 {
	 height: 22px;
	 background-color:#64A2CE;
	 border: 1px solid #64A2CE;
	 background-image:url(/images/cst/images/button_bg.gif);
	 background-repeat: repeat-x;
	 width: 68px;
	 color: #104F80;
	 text-align: center;
	 font-family: tahoma;
 }

/**************************************************************************/
/****************************** 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;
}

/**************************************************************************/
/*************************** Top Banner & Header **************************/

.banner_row
{
	background-image:url(/images/cst/images/repeat_banner.gif); 
	background-repeat:repeat-x; 
	height:32px;
}

.header_row
{
	background-image:url(/images/cst/images/repeat_search.gif);
	background-repeat: repeat-x;
}

.logo_AR, .logo_EN
{
	width: 179px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: top;
}

.logo_AR
{
	background-image: url(/images/cst/images/logo_header.gif);
}

.logo_EN
{
	background-image: url(/images/cst/images/logo_header_en.gif);
}

.logo_police_header_AR
{
	width: 265px;
	height: 80px;
	background-image: url(/images/cst/images/header_police_logo_ar.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.logo_police_header_EN
{
	width: 265px;
	height: 80px;
	background-image: url(/images/cst/images/header_police_logo_en.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/**************************************************************************/
/************************ Login Page Styles *******************************/

.login_body 
{
	background-image:url(/images/cst/images/login_body_repeat_.gif);
	font:Tahoma;
	margin:0;
	padding: 0;
}

#login_main_div 
{
	width: 955px;
	height:560px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	float:none;
}

#login_header  
{
	background-position:top;
	background-repeat:no-repeat;
	width:955px;
	height:306px;
	float:none;
}

#login_police_logo_AR, #login_police_logo_EN
{
	background-repeat:no-repeat;
	height:159px;
	width:100%;
	border:0px solid #000000;
}

#login_police_logo_AR { float:right;
			background-image: url(/images/cst/images/policelogo_02_ar.gif);
			background-position:left;}

#login_police_logo_EN { float:left;
			background-image: url(/images/cst/images/policelogo_02_en.gif);
			background-position:right;}

#login_header_AR
{
   width: 955px; 
   height: 305px;
   text-align: right;
}

#login_header_EN
{
   width: 955px; 
   height: 305px;
   text-align: left;
}


#login_flash_header_AR, #login_flash_header_EN
{
	position:absolute; 
	z-index:10;  
	top:-29px;
	width:955px;
	height:305px;
	float:none;
}


#login_content 
{
	width:955px;
	height:240px;
	padding: 5px 0px 0px 0px;
}
		  
#login_info_AR, #login_info_EN
{
	width:550px;
	height:240px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}

#login_info_AR {text-align: right;
		float:left;}
				
#login_info_EN {text-align: left;
	        float:right;}				

#login_form_AR, #login_form_EN
{
	width: 350px;
	height: 250px;
	padding: 0px 5px 0px 5px;
	border: 0px solid #000000;
}

#login_form_AR {text-align:right; float:right;}
#login_form_EN {text-align:left; float:left;}

#login_div_lang
{
	padding: 2px 2px 10px 2px;
}

#login_div_label
{
	padding: 2px 2px 2px 2px;
}

.login_label_AR, .login_label_EN
{
	width: 7em;
	display: block
}

.login_label_AR {float: right; margin-left: 0.5em; text-align: left;}
.login_label_EN {float: left; margin-right: 0.5em; text-align: right;}


#login_footer
{
	width: 300px;
	height:23px;
	background-image:url(/images/cst/images/rowad_copy_right.gif); 
	background-position:center; 
	background-repeat:no-repeat;
	text-align:center;
}

#login_function_btn
{
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: inline;
	list-style-type: none;
	list-style-position: inside;
}

/************************      Old Style      *****************************/
.login_logo
{	
	background-image: url(/images/cst/images/login_logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 323px;
}

.login_logo_AR , .login_logo_EN
{	
	background-repeat: no-repeat;
	background-position: top;
	height: 323px;
}

.login_logo_AR
{	
	background-image: url(/images/cst/images/login_logo.gif);
}

.login_logo_EN
{	
	background-image: url(/images/cst/images/login_logo_en.gif);
}

.login_bg_repeat
{
	width: 559px;
	background-image: url(/images/cst/images/login_repeat.gif);
	background-repeat: repeat-y;
}

.login_pic_ar
{
	background-image:url(/images/cst/images/login_police_logo_1.gif);
	background-repeat:no-repeat;
	vertical-align: top;
	height: 323px;
	width: 452px;
}

.login_pic_en
{
	background-image:url(/images/cst/images/login_police_logo_1_en.gif);
	background-repeat:no-repeat;
	vertical-align: top;
	height: 323px;
	width: 452px;
}

.login_adp
{
	background-image:url(/images/cst/images/adplogo4);
	background-repeat:no-repeat;
	vertical-align: top;
	height: 323px;
	width: 452px;
}

.login_button_EN , .login_button_AR
{
	width: 65px;
	height: 36px;
}

a .login_button_AR
{
	background-image:url(/images/cst/images/login_button_ar.gif);
}

a:hover .login_button_AR
{
	background-image:url(/images/cst/images/login_button_ar_over.gif);
	cursor: hand;
}

a .login_button_EN
{
	background-image:url(/images/cst/images/login_button_en.gif);
}

a:hover .login_button_EN
{
	background-image:url(/images/cst/images/login_button_en_over.gif);
	cursor: hand;
}

/**************************************************************************/
/************************* Drawing Main Frame Table ***********************/

#main_frame_table
{
	width: 99%;
	border: 0px;
	direction: ltr;
	background-color: #FFFFFF;
}

#main_frame_table .top_corner_left
{
	width:14px; 
	height:13px; 
	background-image:url(/images/cst/images/corner_top_left.gif); 
	background-repeat:no-repeat;
}

#main_frame_table .top_corner_right
{
	width:15px; 
	height:13px; 
	background-image:url(/images/cst/images/corner_top_right.gif); 
	background-repeat:no-repeat;
}

#main_frame_table .bottom_corner_left
{
	width:14px; 
	height:13px; 
	background-image:url(/images/cst/images/corner_bottom_left.gif); 
	background-repeat:no-repeat;
}

#main_frame_table .bottom_corner_right
{
	width:15px; 
	height:13px; 
	background-image:url(/images/cst/images/corner_bottom_right.gif); 
	background-repeat:no-repeat;
}

#main_frame_table .bg_repeat_left
{
	width:14px; 
	height:1px; 
	background-image:url(/images/cst/images/bg_repeat_left.gif); 
	background-repeat:repeat-y;
}

#main_frame_table .bg_repeat_right
{
	width:14px; 
	height:1px; 
	background-image:url(/images/cst/images/bg_repeat_right.gif); 
	background-repeat:repeat-y;
}

#main_frame_table .bg_repeat_top
{
	width:auto; 
	height:13px; 
	background-image:url(/images/cst/images/bg_repeat_top.gif); 
	background-repeat:repeat-x;
}

#main_frame_table .bg_repeat_bottom
{
	width:auto; 
	height:13px; 
	background-image:url(/images/cst/images/bg_repeat_bottom.gif); 
	background-repeat:repeat-x;
}

#main_frame_table .content_div
{
	width: 100%; 
	height: auto;
}

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

.powered_by_main
{
	background-image:url(/images/cst/images/copy_right_2.gif); 
	background-position:center; 
	background-repeat:no-repeat; 
	height:23px;
	width: 100%;
	cursor: hand;
}

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

#master_grid {margin:0em;width: 100%; height: 220px;}
#master_grid table {width: 100%;}
#master_grid th, #grid td {border:1px solid #FFFFFF;padding:.25em;}
#master_grid th {background-image:url(/images/cst/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 {width:100%;}
#detail_grid th, #grid td {border:1px solid #FFFFFF;padding:.25em;}
#detail_grid th {background-image:url('/images/cst/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;}

#inbox_notes_div{width: 100%; height: 120px; padding 0px 0px 0px 0px; direction: ltr;}

.grid_orange_odd, .grid_blue_odd, .grid_blue_2_odd, .grid_blue_3_odd
{
	background-color: #FFFFFF;
}

.grid_orange_even
{
	background-color: #EAEAD5;
}

.grid_blue_even
{
	background-color: #B3D1DC;
}

.grid_blue_2_even
{
	background-color: #D9E1E4;
}

.grid_blue_3_even
{
	background-color: #EEF1F2;
}

.master_table_header
{
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #8E723E;
	color: #FFFFFF;
	height: 20px;
}

.master_table_record
{
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    background-color:#e2effb; 
	height:23px;
    border-bottom:solid 1px #ffffff;
}

.detail_record_border
{
    border-bottom:solid 1px #114F81;
}

/**************************************************************************/
/******************************** 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
{
	text-align: center;
	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_350_px {width: 350px;}
.width_400_px {width: 400px;}
.width_425_px {width: 425px;}
.width_450_px {width: 450px;}
.width_500_px {width: 500px;}
.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;}

/** Headers **/

.table_header_orange , .table_header {background-color: #FFC20F;cursor: hand;}

.orange_corner_left
{
	background-image: url(/images/cst/images/yellow_corner_left.gif); 
	background-repeat:no-repeat; 
	width: 8px; 
	height: 24px;
}

.orange_corner_right
{
	background-image: url(/images/cst/images/yellow_corner_right.gif); 
	background-repeat:no-repeat; 
	width: 8px; 
	height: 24px;
}

.orange_header
{
	background-image: url(/images/cst/images/yellow_header.gif); 
	background-repeat:repeat-x;
	height: 24px;	
}

.blue_header
{
	background-image: url(/images/cst/images/blue_header.gif); 
	background-repeat:repeat-x;
	height: 24px;
	
}

.gray_header
{
	background-color: #D6D6D6;
}	

.blue_corner_left
{
	background-image: url(/images/cst/images/blue_corner_l.gif); 
	background-position:;
	background-repeat:no-repeat; 
	width: 8px; 
	height: 24px;
}

.blue_corner_right
{
	background-image: url(/images/cst/images/blue_corner_r.gif); 
	background-position:;
	background-repeat:no-repeat; 
	width: 9px; 
	height: 24px;
}

.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;
}

/**************************************************************************/
/***************************** Tooltip Styles *****************************/

a.info
{
	position:relative; /*this is the key*/
	z-index:24; 
	background-color:#ffffff;
	color:#000000;
	text-decoration:none;
	font-family: tahoma;
	font-size: 13px;
}

a.info:hover
{
	z-index:25; 
	background-color:#ffffff;
	text-decoration:none;
}

a.info span
{
	display: none
}

a.info:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2.0em; 
	left:0.3em; 
	right:0.3em;
	width:4.0em;
	border:1px solid #000000;
	background-color:#ffffff; 
	color:#000000;
	text-align: center;
	text-decoration:none;
}

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

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

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


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

.form_header_AR
{
	width:100%; 
	height:23px; 
	background-image:url(/images/cst/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/cst/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/cst/images/expand_2.gif);
	background-repeat: no-repeat;
	width:14px;
	height:14px;
}

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

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

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


/*

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

*/

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

.report_logo
{
	background-image: url(/images/cst/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;
}

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