@charset "utf-8";

body /* Internet Explorer */
{
text-align: center;
}

body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
} 

body {
	background-image:url(../../images/ar/pic_body_bg.gif);
	background-repeat:repeat;
	background-position:right top;
	font-family:  Arial, Helvetica, Tahoma, Verdana;
	font-weight:bold;
	font-size : 13px;
	margin:5px auto;
	padding:0px;
	width:auto;
        }
	
.title {
	padding-right:5px;
        font-size : 16px;
	color:#FFFFFF;
        }

.ttl {
	padding:3px; 
       	margin:2px;
	/*background-color:#5B7FBC;
	border-bottom:#2f5087 solid 2px;
        border-left:#ffffff solid 2px;
        border-right:#2f5087 solid 2px;
        border-top:#ffffff solid 2px;*/
        border-bottom:#5b7fbc solid 1px;
        font-family:  Arial, Helvetica, Tahoma, Verdana;
	font-weight:bold;
        font-style:italic; 
	font-size : 16px;
        color : #1b7fa1;
        text-align: center; 
	}
hr {
    width: 90%;
    background-color:#2f5087;
    text-align: center; 
    }
.bar {
	margin-top:10px;
	}
        
.error {
	font-family:  Arial, Helvetica, Tahoma, Verdana;
	font-size: 10px;
	color: #FF0000;
}        

div.info-for_div p, p#more  {
 background-image: url("../../images/ar/pic_a_more_bg.png");
 background-repeat: no-repeat;
 background-position:left;
 display: -moz-inline-block; 
 display: inline-block;  
 padding-right: 0px;
 margin-left: 0px; 
}

p#more_2 {
 background-image: url("../../images/ar/pic_a_more_2_bg.png");
 background-repeat: no-repeat;
 background-position:left;
 display: -moz-inline-block;
 display: inline-block;   
 padding-right: 50px;
 margin-left: 0px;
 }

div.info-for_div a.more, p#more a.more, a.more {
 color:#ea7400;
 text-decoration:none;
 }
div.info-for_div a.more:hover, p#more a.more:hover, a.more:hover{
 color:#ea7400;
 text-decoration:underline;
 }
a.menu, a.menu:hover, a.menu:focus, a.menu:active, a.menuRed, a.menuRed:hover, a.menuRed:focus, a.menuRed:active {
 font-size: 12px;
 font-weight: bold; 
}

MARQUEE {
    color:#FFFFFF;
    font-weight:bold;
    font-size : 16px;
    }
 
a.menu {
 color:#2f467b;
 text-decoration:none;
 }
a.menu:hover, a.menu:focus, a.menu:active {
 color:#526ba4;
 text-decoration:none;
 }

a.menuRed {
 color:#d71920;
 text-decoration:none;
 }
a.menuRed:hover, a.menuRed:focus, a.menuRed:active {
 color:#ff0000;
 text-decoration:none;
 }	
/*------------start div-----------*/

  
div#header {
	text-align:center;
  	width:995px;
	margin:0px;
	height:119px;
/*	background-image:url(../images/pic_header_bg.png);
	background-repeat:repeat-x;*/
	clear:both;
  	}

div#menu {
	width:995px;
	height:30px;
/*	background-image:url(../images/pic_menu_bg.png);
	background-repeat:repeat-x;*/
	margin:0px;
	padding:0px;
	}



div#content {
	width:995px;
	height:100%;
	margin:0px;
	padding:0px;
  	position:relative;
  	text-align:center;
	clear:both;
  	}

#theLayer {
    position: absolute;
    width: 300px;
    left: 680px; 
    top: 155px; 
    visibility: visible; 
    z-index:1;
    }

div#left-bar, div#right-bar {
	width:197px;
	position:relative;
        padding-top:0px;
	}

div#left-bar {
        float:left;
	}
	
div#right-bar {
	float:right;
	}
div#main { 
  	width:518px;
        border:0px solid #000000;
	float:left;
	margin:0px 10px;
        padding-top:0px;
  	}	

.topic {
	border:1px solid #d9e0e3;
	background-image:url(../../images/ar/pic_topic_sub_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#f0eedf;
	margin-top:2px;
	padding:5px;
	}
.btn {
  width:auto;
  background-color:#5B7FBC;
	border-bottom:#2f5087 solid 2px;
        border-left:#ffffff solid 2px;
        border-right:#2f5087 solid 2px;
        border-top:#ffffff solid 2px;
  color:#FFFFFF;
  margin:0px 3px;
  }            
        

.info-for_div {
 	width:97%;
	/*background-image:url(../../images/ar/pic_info-for_bg.png);
	background-repeat: repeat-x;
	background-position: bottom right;
	background-color:#FFFFFF;
	border:1px solid #e6ebed;
	border-top:0px;*/
	padding:5px;
	padding-top:30px;
	padding-top:0px;
	height:100%;
	}

/*-----start Tabs-------

.tabs{
	text-transform:uppercase;
	font-size:100%;
	padding-top:2px;
	}
	
.tabs a,.tabs strong{
	font-weight:700;
	color:#193551;
	}
	
#tab-info-for .info-for *,.tabs .info-for a:hover,.tabs .info-for a:focus,.tabs .info-for a:active{color:#770205;}
#tab-subjects .subjects *,.tabs .subjects a:hover,.tabs .subjects a:focus,.tabs .subjects a:active{color:#1B7FA1;}
#tab-services .services *,.tabs .services a:hover,.tabs .services a:focus,.tabs .services a:active{color:#F09403;}

.tabs li{
	background:url(../../images/ar/tab_right.gif) no-repeat right top;
	padding:0;
	margin:0;
	float:right;
	width:33%;
	}
	
.tabs li a{
	background:url(../../images/ar/tab_left.gif) no-repeat left top;
	border-bottom:solid 1px #5E5E5E;
	}
	
.tabs li.current{
	background:url(../../images/ar/tab_right_hi.gif) no-repeat top right;
	}
	
.tabs li strong{
	background:url(../../images/ar/tab_left_hi.gif) no-repeat top left;
	}
			
.tabs li.current a,.tabs li.current strong{
	border-bottom:solid 1px white;
	}
	
.tabs li:hover,.tabs li.hover,.tabs li:focus,.tabs li.focus,.tabs li:active,.tabs li.active{background:url(../../images/ar/tab_hover.gif) no-repeat right top;}

.sbleft .tabs{
	padding:0;
	margin:0;
	float:right;
	width:74.5%;
	}
	
.tabs ul{
	padding:0;
	margin:0;
	list-style:none;
	}

* html .tabs li{
	width:33.3%;
	}

.tabs li a,.tabs li strong{
	padding:0.5em 0;
	display:block;
	width:100%;
	text-align:center;
	line-height:1em;
	}
.btn {
	width:74px;
	height:20px;
	background-image:url(../../images/ar/pic_button.jpg) no-repeat right top ;
	}	
/*-----end Tabs-------*/
	
/*-----start list-------*/

ul#ul_info, ol#ol_info {
	line-height:normal;
	line-height:20px;	
	}

ul#ul_info {
	list-style-type:none;
	margin:50px 0px 0px 0px;
	mar\gin:0;
	padding:0;
	}

ol#ol_info {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
ol#ol_info li.sub {
	list-style-type:none;
	background-image:url(../../images/ar/arrow_sub.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:10px
	}	

ol#ol_info li a {
	color:#2f467b;
	height:32px;
	padding:0;
	text-decoration:none;
	}
	
ol#ol_info li a:hover, ol#ol_info li a:focus, ol#ol_info li a:active{
	color:#1b7fa1;
	height:32px;
	padding:0 0 0 0;
	text-decoration:underline;
	}


ul#ul_info li {
	list-style-type:none;
	background-image:url(../../images/ar/arrow.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:10px;
        background-color: transparent;  
	}
	
div.column-count-2{
	float:right;
	width:100%;
	margin:0;
	}
div.column-count-2 ul.column-1{
	float:right;
	width:49.95%;
        }
div.column-count-2 ul.column-2 {
        float:left;
        width:49.95%;
        }
        
* html .column-count-2 .column-2{
	width:49.95%;
	}

ul#ul_info a {
	color:#1b7fa1;
	height:32px;
	padding:0;
	text-decoration:none;
	}
	
ul#ul_info a:hover, ul#ul_info a:focus, ul#ul_info a:active{
	color:#1b7fa1;
	height:32px;
	padding:0 0 0 0;
	text-decoration:underline;
	}

/*-----end List-------*/


ul.bullet {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-right:10px;
        text-align:right;
	}

ul.bullet li {
	list-style-type:none;
	padding-right:10px;
        background-image:url(../../images/en/pic_bullet.png);
	background-repeat:no-repeat;
	background-position:right top;
        margin:3px 0px;
	}	

ul.bullet a, a{
	color:#2f467b;
	height:32px;
	padding:0 0 0 0;
	text-decoration:none;
	}	
	
ul.bullet a:hover,ul.bullet a:focus, ul.bullet a:active, a:hover, a:focus, a:active{
	color:#ea7400;
	height:32px;
	padding:0 0 0 0;
	text-decoration:underline;
	}

/*----rss---------*/
ul.rss {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-right:10px;
        text-align:right;
	}

ul.rss li {
	list-style-type:none;
	padding-right:20px;
	background-image:url(../../images/ar/feed_10.gif);
	background-repeat:no-repeat;
	background-position:right top;
        margin:3px 0px;
	}	

ul.rss a{
	color:#2f467b;
	height:32px;
	padding:0 0 0 0;
	text-decoration:none;
	}	
	
ul.rss a:hover,ul.rss a:focus, ul.rss a:active{
	color:#ea7400;
	height:32px;
	padding:0 0 0 0;
	text-decoration:underline;
	}

/*----end rss-----*/

div#news {
	height:362px;
	background-image:url(../../images/ar/images/pic_news.jpg);
	background-repeat:no-repeat;
	}
	
div#faq {
	height:167px;
	background-image:url(../../images/ar/images/pic_faq.jpg);
	background-repeat:no-repeat;
	}

div#info a{
	color:#770205;
	background-image:url(../../images/ar/images/tab_nor.jpg);
	height:32px;
	display:block;
	text-decoration:none;
	}
	

div#info a:hover,div#info a:focus,div#info a:active{
	color:#1b7fa1;
	height:32px;
	display:block;
	background-image:url(../../images/ar/images/tab_hi.jpg);
	text-decoration:none;
}

div#info a:hover{
	color:#2f467b;
	}	
	
	  
div#footer {
 	width:995px;
	height:43px;
	padding-top:0px;
	font-family:  Arial, Helvetica, Tahoma, Verdana;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
  	}
	
div#footer a{
	color:#ffffff;
	text-decoration:none;
	}
	

div#footer a:hover,div#footer a:focus,div#footer a:active{
	color:#ffffff;
	text-decoration:underline;
}

/*--------------------
Start panelTabbedPane
--------------------*/
table.tabbedPane {
    width:100% !important;
    vertical-align: top !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;
    background-color:transparent !important;
    text-align: center;  
}

td.activeTab {
    width: auto !important;
    height: 25px; 
    font-size: 14px !important;
    /* background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/tab_right_hi.gif");
    background-position: top right;
    background-repeat: no-repeat; 
    border-left:0px solid #eaeef0 !important;
    border-top: 0px;
    border-right: 0px solid #eaeef0 !important;
    border-bottom: 0px solid #ffffff !important;
    padding:  0px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-family:  Arial, Helvetica, Tahoma, Verdana;  
}

td.activeTab input {
    background-color: transparent !important;
    height: 25px;
    font-weight: bold !important;
    font-family:  Arial, Helvetica, Tahoma, Verdana;
    font-size: 14px; 
    text-align: center !important;
    font-weight: bold !important;
    padding:  0px !important;
    background-image: url("../../images/ar/tab_left_hi.gif");
    background-position: top left;
    background-repeat: no-repeat;
}

td.inactiveTab {
    width:auto !important;
    height: 25px;
    font-weight: bold !important;
    font-family:  Arial, Helvetica, Tahoma, Verdana;
    font-size: 14px; 
    /*background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/tab_right.gif");
    background-position: top right;
    background-repeat: no-repeat; 
    border-left: 0px solid #eaeef0 !important;
    border-top: 0px;
    border-right: 0px solid #eaeef0 !important;
    border-bottom: 0px solid #eaeef0 !important;
    padding:  0px !important;
    text-align: center !important;
}
td.inactiveTab input {
    background-color: transparent !important;
    height: 25px;
    text-align:center !important;
    font-weight: bold !important;
    font-family:  Arial, Helvetica, Tahoma, Verdana;
    font-size: 14px; 
    padding:  0px !important;
    background-image: url("../../images/ar/tab_left.gif");
    background-position: top left;
    background-repeat: no-repeat;
}
td.activeSub {
    background-color: #FFFFFF !important;
    padding: 0px !important;
    border: 0px solid #FFFFFF !important;
    
}
td.inactiveSub {
    background-color: #eaeef0 !important;
    padding: 0px !important;
    border: 0px solid #eaeef0 !important;

}
td.myFaces_panelTabbedPane_emptyHeaderCell {
    background-color: transparent !important;
   
}

.myFaces_panelTabbedPane_activeHeaderCell input:hover,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover{
  color:#ff0000 !important;
    background-image: url("../../images/ar/tab_hover.gif");
    background-position: top right;
    background-repeat: no-repeat;  
    padding: 0px; 
    /*background:#08c !important;*/
}

td.tabContent {
    background-color: #FFFFFF !important;
    border-left: 1px solid #eaeef0 !important;
    border-right: 1px solid #eaeef0 !important;
    border-bottom: 1px solid #eaeef0 !important;
    border-top: 0px solid #eaeef0 !important;
    background-image: url("../../images/ar/pic_info-for_bg.png");
    background-position: bottom right;
    background-repeat: repeat-x; 
    vertical-align: top !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
    height: 100% !important;
    text-align:right !important;
    width:100%;
    }
/*--------------------
End panelTabbedPane
--------------------*/