/******************************************************************************* http://www.pp.gov.ae/icons/moj/style/CommonStyle.css *******************************************************************************/

.evenrow{ background-color:#D8F0FC;}
.oddrow{ background-color:#FFFFFF;}


/* ----- HEADER & BORDER STYLE OF ALL PORTLETS -------------*/

.PortletHeaderText{

	align:center;
	font-family: "Al-Majd";
	font-size: 13pt;
	font-weight:none;
	color:white;
	text-decoration: none;	
	
	
	}

.PortletHeaderColor{
		
		
		text-align:center;
		background-attachment: fixed;
		/*
		background-image: url('http://www.pp.gov.ae/icons/imgaes/bar2.gif');
		*/
		background-repeat: repeat-x;
		background-position: left top;
	} 

.footer{
  text-align: center;
  background-color: #4B452D;
  padding: 20px;
  
  font-family:tahoma;
  font-size: 8pt;
  text-decoration: none;
  color: white;
}
	



Body {
    scrollbar-3dlight-color: rgb(120,172,255);
    scrollbar-arrow-color: black;
    scrollbar-base-color: rgb(234,242,255);
    scrollbar-darkshadow-color: rgb(120,172,255);
    scrollbar-face-color: rgb(234,242,255);
    scrollbar-highlight-color: rgb(234,242,255);
    scrollbar-shadow-color: rgb(234,242,255);
    scrollbar-track-color: white;
}


/*Link On the banner*/
a.bannerLink:link    {text-decoration:none;color:white; font-family: verdana;font-size: 11px}
a.bannerLink:visited {text-decoration:none;color:white;font-family: verdana;font-size: 11px}
a.bannerLink:hover   {text-decoration:underline;color: #F5662E;font-family: verdana;font-size: 11px}
a.bannerLink:active  {text-decoration:underline;color:white;font-family: verdana;font-size: 11px}

A.portletMenuLink {
 PADDING-LEFT: 0px; FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: tahoma; TEXT-DECORATION: none; padding-right: 5px
}
A.portletMenuLink:hover {
 PADDING-LEFT: 0px; FONT-SIZE: 13px; COLOR: #FF3701; LINE-HEIGHT: 10px; FONT-FAMILY: tahoma; TEXT-DECORATION: underline; padding-right: 5px
}



.linkSeparator{
  	font-family: arial;font-size: 9px;font-style: normal;line-height: normal;font-weight: bold;text-align:right;color:#B3B2B2;text-decoration: none;
  	}

A.moreLink {
 PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 9px; COLOR: #0b3a90; LINE-HEIGHT: 8px; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
A.moreLink:hover {
 PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 9px; COLOR: #fc9550; LINE-HEIGHT: 8px; FONT-FAMILY: tahoma; TEXT-DECORATION: underline
}





/*

	Public Services | My Links
*/



A.menuLink {
 PADDING-LEFT: 0px; FONT-SIZE: 12px; COLOR: #514C4C; LINE-HEIGHT: 14px; FONT-FAMILY: tahoma; TEXT-DECORATION: none; padding-right: 5px
}
A.menuLink:hover {
 PADDING-LEFT: 0px; FONT-SIZE: 12px; COLOR: #DB9B4F; LINE-HEIGHT: 14px; FONT-FAMILY: tahoma; TEXT-DECORATION: underline; padding-right: 5px
}
A.searchLinkAR {
 PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 12px; COLOR: #0b3a90; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
A.searchLinkAR:hover {
 PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 12px; COLOR: #fc9550; FONT-FAMILY: tahoma; TEXT-DECORATION: underline
}



.psMenuBorder1 {
 BORDER-RIGHT: #eae0c9 1px solid; BORDER-TOP: #eae0c9 1px solid; BORDER-LEFT: #eae0c9 1px solid; BORDER-BOTTOM: #eae0c9 1px solid;
}
.psMenuBorder2 {
 BORDER-RIGHT: #4f6c8f 1px solid; BORDER-TOP: #4f6c8f 1px solid; BORDER-LEFT: #4f6c8f 1px solid; BORDER-BOTTOM: #4f6c8f 1px solid;
}
.psPortletHeader1 {
 FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #394a00; LINE-HEIGHT: 17px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e1d2af; TEXT-DECORATION: none
}



.psPortletHeader2 {
 FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #4f6c8f; TEXT-DECORATION: none
}
.psPortletHeader1ar {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 3px; COLOR: #394a00; PADDING-TOP: 3px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e1d2af; TEXT-DECORATION: none
}
.psPortletHeader2ar {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #4f6c8f; TEXT-DECORATION: none
}
.selectFieldSmall {
 BORDER-RIGHT: #968e83 1px solid; BORDER-TOP: #968e83 1px solid; FONT-SIZE: 11px; BACKGROUND: white; BORDER-LEFT: #968e83 1px solid; WIDTH: 160px; BORDER-BOTTOM: #968e83 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px
}


/*My Link*/
.mlPortletHeaderAR {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 3px; COLOR: #394a00; PADDING-TOP: 3px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e1d2af; TEXT-DECORATION: none
}
.mlPortletHeader {
 FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #394a00; LINE-HEIGHT: 17px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e1d2af; TEXT-DECORATION: none
}
.mlMenuBorder1 {
 BORDER-RIGHT: #eae0c9 1px solid; BORDER-TOP: #eae0c9 1px solid; BORDER-LEFT: #eae0c9 1px solid; BORDER-BOTTOM: #eae0c9 1px solid
}

/* Menu Bar */

.menuBorder{       border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000000;
		
		border-top-width: 1px;
		border-top-style: SOLID;
		border-top-color: #000000;
          }
/******************************************************************************* http://www.pp.gov.ae/icons/moj/style/bc4j.css *******************************************************************************/
<!--

.clsTitleBody
{
   font-family:Arial, sans-serif;
   color:#FFFFFF;
   font-size:17pt;
   font-weight: bold;
   background-color:#336699;
}

/*
*  This controls the attributes for the BODY tag within the application. All JSP pages designate
*  the BODY tag as having this CSS class name.
*/

.clsContentsBody
{
   font-family:Arial, sans-serif;
   font-size:10pt;
   font-weight: bold;
   background-color:#6699CC;
}

.clsContentsBody A:link    { text-decoration: none; font-weight: bold; color: #FFFFFF; }
.clsContentsBody A:active  { text-decoration: none; font-weight: bold; color: #EFEFEF; }
.clsContentsBody A:visited { text-decoration: none; font-weight: bold; color: #FFFFFF; }
.clsContentsBody A:hover   { text-decoration: none; font-weight: bold; background: #CCCCCC; }


/*
** This controls the TD within the View Record Form.
*/

.clsViewCurrentRecord .vrTableRow TD
{
   font-family:Arial, sans-serif;
   color:black;
   font-size:10pt;
   font-weight: bold;
   background-color:#6699CC;
   text-align:center;
   vertical-align:middle;
}


/*
** This controls the edit fields within the row edit form generated by the Edit Current Record Data Web Bean.
*/
.clsViewCurrentRecord .vrTableRow .clsFieldValue
{
   font-family:Arial, sans-serif;
   color:black;
   font-size:10pt;
   font-weight: bold;
   background-color:white;
   text-align:center;
   vertical-align:middle
}

/*
** This controls the look of all table detail cells generated by the HTML generation framework.
*/

.vrTableRow td { font-family: Arial, sans-serif; color: #000000; font-size: 10pt; 
               background-color: white; text-align: center; vertical-align: 
               middle }


.clsTableRow td {   
    font-family: tahoma, sans-serif; color: #336699; font-size: 8pt; 
    background-color: #FFFFFF; text-align: Right; vertical-align: top;
    padding-left: 6; padding-right: 6;
    }
.clsTableRow td.longText {
  font-family: tahoma; font-size: 10pt; 
  line-height: 150%;
  padding-top: 5;padding-left: 7;padding-right: 7;padding-bottom: 25;
  }


.clsTableRow TH
{
   font-family:tahoma, sans-serif; 
   color:#FFFFFF; 
   font-weight: normal;
   font-size:8pt; 
   background-color:#336699; 
   text-align:center;
   vertical-align:middle 
}

.clsTableCustom
{
   font-family:tahoma, sans-serif; 
   color:#000000; 
   font-size:8pt; 
   font-weight: ormal;
   background-color:#cccc99; 
   text-align:center;
   vertical-align:middle;
   width: 700;
   padding: 3;
   margin-bottom: 20;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=black, Direction=135, Strength=3);
}

.clsViewCurrentRecord .clsTableRow TD
{
   font-family:Arial, sans-serif; 
   color:#FFFFFF; 
   font-size:10pt; 
   font-weight: bold;
   background-color:#6699CC; 
   text-align:center;
   vertical-align:middle 
}

.clsViewCurrentRecord .clsTableRow .clsFieldValue
{
   font-family:Arial, sans-serif;
   color:black;
   font-size:10pt;
   font-weight: bold;
   background-color:white;
   text-align:center;
   vertical-align:middle
}


.clsTableRow a:link,.clsEvenTableRow a:link,.clsOddTableRow a:link 
  { text-decoration: none; font-size:14px;color: #336699; text-align:right; padding: 2; }

.clsTableRow A:active,.clsEvenTableRow a:active,.clsOddTableRow a:active
  { text-decoration: none; font-size:14px;color: #EFEFEF; }

.clsTableRow A:visited,.clsEvenTableRow a:visited,.clsOddTableRow a:visited
  { text-decoration: none; font-size:14px;color: #336699; }

.clsTableRow A:hover,.clsEvenTableRow a:hover,.clsOddTableRow a:hover
  { text-decoration: none;font-size:14px; background: #CCCCCC; }



/*
** When you enable the alternating colors feature for the HTML Table Control, this class controls the attributes of the odd row.
*/

.clsOddTableRow TD
{
   font-family:TAHOMA; 
   color:black; 
   font-size:14px; 
   font-weight: normal;
   background-color:#ededed; 
   text-align:right;
   vertical-align:middle;
   padding-left: 6; padding-right: 6;
}

.clsEndTableRow TD
{
   font-family:Tahoma, sans-serif; 
   color:black; 
   line-height:2px;
   background-color:#ededed; 
   padding-top: 6; padding-right: 6;
}

/*
** When you enable the alternating colors feature for the HTML Table Control, this class controls the attributes of the even row.
*/

.clsEvenTableRow TD
{
   font-family:TAHOMA; 
   color:black; 
   font-size:14px;
   font-weight: normal;
   background-color:white; 
   text-align:right;
   vertical-align:middle;
   padding-left: 6; padding-right: 6;
}

/*
** This class controls the attributes of the current row.
*/

.clsCurrentTableRow td { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; 
               background-color: cyan; background-repeat: repeat; 
               background-attachment: scroll; text-align: Right; 
               vertical-align: middle; background-position: 0% }
/*
** Controls attributes of all table headers generated by the HTML generation framework.
*/

.vrTableHeader
{
   font-family:Arial, sans-serif; 
   color:#FFFFFF; 
   font-size:10pt; 
   font-weight: bold;
   background-color:#6699CC; 
   text-align:center;
   vertical-align:middle;
   
}

.clsTableHeader {
   font-family:Tahoma, sans-serif; 
   color:#FFFFFF; 
   font-size:10pt; 
   background-color:#6699CC; 
   text-align:center;
   vertical-align:middle;
   height:30px;
  padding-left: 15; padding-right: 15;
  padding-top: 2; padding-bottom: 2;

}




.clsTableHeader th {
  background-color:#6699CC; font-weight: normal;
  padding-left: 15; padding-right: 15;
  padding-top: 2; padding-bottom: 2;
   height:30px;
  }
  
.clsTableHeader td {
  background-color:white; font-weight: normal; 
  color:black; text-align:right;
  line-height:150%; 
  }

.clsToolBarButton {
   font-family:Tahoma, Arial, Helvetica, Geneva, sans-serif; 
   color:#EFEFEF;
   background-color: #CCCCCC;
   font-size:8PT;
   font-weight:normal;
   padding: 4;
   margin: 30;
   width: 60;
   text-align: center;
   border: 1px outset lightgray;
}

.clsToolBarButton A:link    { text-decoration: none; color: #336699; }
.clsToolBarButton A:active  { text-decoration: none; color: white; }
.clsToolBarButton A:visited { text-decoration: none; color: #336699; }
.clsToolBarButton A:hover   { text-decoration: none; color: white; }

.clsScroller
{
   font-family:tahoma, Helvetica, Geneva, sans-serif; 
   color:#000000;
   font-size:8PT;
   background-color:#EFEFEF;
}

.clsScroller td { font-size: 8pt; background-color:#EFEFEF;}

.clsScroller A:link    { text-decoration: none; color: #336699; }
.clsScroller A:active  { text-decoration: none; color: #CCCCCC; }
.clsScroller A:visited { text-decoration: none; color: #336699; }
.clsScroller A:hover   { text-decoration: none; background: #CCCCCC; }

.clsScroller .clsScrollerPager
{
   color:#6699CC;
   background-color:#EFEFEF;
}

/*
** controls the panel that contains the rounded corder table control. Please look at the HTML Table Control for more information.
*/

.PANEL, clsTable
{
   background-color:#cccc99
}

clsTable { width: 700; border: 1px solid gray; }





.clsField {

   font-family:tahoma, sans-serif; 
   color:#FFFFFF; 
   font-weight: normal;
   font-size:8pt; 
   background-color:#336699; 
   vertical-align:middle 
  padding-left: 10px; padding-right: 5px;

  }

.clsValue
{
   font-family:Tahoma, sans-serif; 
   color:black; 
   font-size:8pt; 
   font-weight: normal;
   background-color:#ededed; 
   vertical-align:middle;

  padding-left: 30px; padding-right: 15px;
  padding-top: 2px; padding-bottom: 2px;
  

}


-->
/******************************************************************************* http://www.pp.gov.ae/icons/moj/style/ContentStyle.css *******************************************************************************/


/* ----- HEADER & BORDER STYLE OF ALL PORTLETS -------------*/


.ContentSection {
	font-family:"verdana";
	font-size: 12 pt;
	text-align:right;
	color:black;
	padding:10px;

}



.ContentParaHeading {
	
	
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color:#584D2F;
	text-decoration: none;
	background-color: #EFE9D4;
	height:20px;
}


.ContentParaHeading1 {
	font-size:11pt;
	line-height: none;
	font-weight: bold;
	font-variant: normal;
	color:black;
	text-decoration: none;
	height:5px;
}

.ContentSectionText {
	padding-right:25px;	
	font-size:12pt;
	font-variant: normal;
	color:black;
	text-decoration: none;
}


.SubTabBgTextid1siteid37
{
	font-family:"verdana";
	font-size: 11 pt;
	text-align:center;
	color:#CC9966;
	
}




.RowHeaderStyle {
	font-family: verdana;
	font-size: 12 pt;
	font-weight: bold;
	color: #3160AD;
	background-color: #FDF8F2; 
	height: 20px;
	text-align:center;
}


.rowStyle1 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
     	font-weight:none;
	text-transform: none;
	color: #04327D;
	text-decoration: none;
	background-color: white; 
	height: 2px;
	text-align:left;

}

.rowStyle2 {
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
  	text-transform: none;
	color: black;
	text-decoration: none;
	background-color:White; 
	height: 25px;
	text-align:left;
}


.rowStyle3 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
  	text-transform: none;
	color: #06568C;
	text-decoration: none;
	background-color:F5F5F5; 
	height: 20px;
	text-align:left;
}

.rowStyle4 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	text-transform: none;
	font-weight:bold;
	color: #06568C;
	text-decoration: none;
	background-color: #F5F5F5; 
	height: 25px;
	text-align:Right;

}

.rowStyle5 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	text-transform: none;
	color:#06568C;
	text-decoration: none;
	background-color: #F5F5F5; 
	height: 25px;
	text-align:left;

}

/*-- utlra search only--*/
.rowStyle6 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	text-transform: none;
	color:#06568C;
	text-decoration: none;
	background-color: #F5F5F5; 
	height: 25px;
	text-align:left;
	}