/*---layout\media\css\ar---*/
@charset "utf-8";
body {
	width:864px;
	margin:0px auto;
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:normal;
	color:#4e4e4e;
        background-image: url(../../images/ar/Body_BG.png);
        background-repeat: repeat-x;
        background-color: #e8e8e8; 
	}

.header {
	width:865px;
	height:83px;
	/*background-image:url(../../images/ar/pic_header.png);*/
        background-color: #EFEFEF; 
	margin:0;
	padding:0;
        border: 0px solid Black; 
	}
        
.main {
	width:865px;
	background-image:url(../../images/ar/pic_bodyBG.png);
	text-align:center;
	}


	
.menu {
	width:855px;
	height:27px;
	background-image:url(../../images/ar/pic_hor_menuBG.png);
	margin:0 5px;
	padding-top:5px;
	padding:0;
	text-align:center;
	}
	
.marquee {
	width:855px;
	height:28px;
	background-image:url(../../images/ar/pic_newsBG.png);
	margin:0 5px;
	padding-top:3px;
	}
.marquee1{
        color:blue;
        background-color: green;
}
	


.container {
	width:851px;
	min-height:650px;
	margin:0 5px;
	padding:2px;
	text-align:center;
	}

.leftBar {
	width:157px;
	float:left;
	height:auto;
        
	}

.mainBody {
	width:527px;
        margin: 0 161px;
	padding:0;
	direction:rtl;
	text-align:right;
        border: 0px solid Blue;        
	}
.mainBodyWide {
	width:678px;
	margin: 0 5px;
	padding:0;
	direction:rtl;
	text-align:right;
}
.rightBar {
	width:157px;
	float:right;
        
	}

.footer {
	width:855px;
	height:20px;
	margin:0 5px;
	padding:7px 0px 0px 0px;
	background-image:url(../../images/ar/pic_hor_menuBG.png);
        clear:both;
        font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:bold;
	}

.portlet, .LoginPortlet {
	width:157px;
	height:100%;
	border-top:1px solid #ffffff;
	margin-bottom:5px;
        margin-top:-1px;
	border-bottom:1px solid #dedddd;
	background-image:url("../../images/ar/pic_portlet_head.png");
	background-repeat:no-repeat;
	background-position:top;
	background-color:#fafafa;
	}
.LoginPortlet{
        background-image:url("../../images/ar/pic_eserv_loginBG.png");
	background-repeat:no-repeat;
	background-position:top;
        height:170px;
}
     
.portletContent {
	width:145px;
	height:100%;
	margin-top:10px;
        
	margin-left:1px;
        margin\-left:0px;
        border-left:1px solid #dedddd;
	border-right:1px solid #dedddd;
	background-color:#fafafa;
	direction:rtl;
	text-align:right;
	padding:0 5px;
	color:#000000;
	}
.LoginPortletContent {
        width:145px;
	height:100%;
	margin-top:10px;
        margin-left:1px;
        margin\-left:0px;
        border-left:1px solid #dedddd;
	border-right:1px solid #dedddd;
	background-color:#fafafa;
	direction:rtl;
	text-align:center;
	padding:0 5px;
	color:#000000;
        }
p {
	padding:0px 5px;
	}

marquee {
	width:653px;
	height:16px;
	background-image:url(../../images/ar/pic_marqueeBG.png);
	padding:5px;
	}
#VerMarquee {
	width:130px;
	height:150px;
	padding:5px;
	background-image:none;
	}
.protletHeader {
	font-weight:bold;
	padding:4px 0px 10px 0px;
	text-align:center;
	color:#4e4e4e;
        border-bottom: 1px dotted Gray ; 
        }
        
.NewsTitle{
    font-weight:bold;
        font-size: 12px; 
	padding:10px 0px 10px 0px;
	text-align:center;
	color:#4e4e4e;
        }
.NewsDetails{
        font-weight:normal;
        font-size: 11px; 
	padding:10px;
	text-align: justify;
	color:#4e4e4e;
        }

.textfield {
	width:116px;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	border-color: #404040 #cdcdcd #cdcdcd #404040;
	background-color: #f6f6f6;
	}
	
ul.form {
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul.form li {
	padding:5px 5px;
	}

.btn, .btn_red {
	background-image:url(../../images/ar/pic_btnBG.png);
	border:1px solid #999b9a;
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:bold;
	color:#4e4e4e;
	}
        
.btn_red {
        color:#d50e0e;
        }

a.login, a.more {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:bold;
	color:#d50e0e;
        /*color:rgb(66,66,66);*/
	text-decoration:none;
	margin:0;
	padding:0;
	}

a.login:hover, a.login:active, a.login:visited, a.more:hover, a.more:active, a.more:visited {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:bold;
	color:#d50e0e;
        /*color:rgb(82,82,255);*/
	text-decoration:underline;
	}
a.Marquee, a.Marquee1 {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:normal;
	color:red  #000000; 
	text-decoration:none;
	margin:0;
	padding:0;
	}
a.Marquee1{
    color:  rgb(198,0,0);
}
a.Marquee1:hover, a.Marquee1:active, a.Marquee1:visited{
    	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:normal;
	color:blue;/*#d50e0e;*/
	text-decoration:underline;

}

a.Marquee:hover, a.Marquee:active, a.Marquee:visited {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:normal;
	color:#d50e0e;
	text-decoration:underline;
	}

a, a:visited  {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	margin:0;
	padding:0;
	}

a:hover, a:active {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:bold;
	color:#d50e0e;
	text-decoration:underline;
	}

ul.verMenu {
	list-style:none;
	padding:0;
	margin:5px;
	}	
	
ul.verMenu li{
	padding-right:10px;
	margin:5px;
	background-image:url(../../images/ar/pic_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	}	
	
ul.verMenu li a{
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	}

ul.verMenu li a:hover, ul.verMenu li a:active, ul.verMenu li a:visited{
	font-family:tahoma, verdana, arial;
	font-size:11px;
	font-weight:normal;
	color:#4e4e4e;
	text-decoration:underline;
	}

ul.quickLinks {
	list-style:none;
	margin:0;
	padding:10px 0px;
        text-align: right;  
	}
ul.quickLinks li {
	padding: 4px 15px;
	background-image:url(../../images/ar/pic_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
        }
        
ul.quickLinks li a, ul.quickLinks li a:hover, ul.quickLinks li a:active, ul.quickLinks li a:visited {
    font-weight: normal;  
    }
/*--------------------tabbed Pane-----------------*/
    
table.tabbedPane {
    width:100% !important;
    vertical-align: top !important;
    border-collapse:collapse !important;
    border-spacing: 0px !important;
    background-color:transparent !important;
    text-align: center;  
}

td.activeTab {
    width: 25% !important;
    height: 20px; 
    /* background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/pic_activeTab_BG.png");
    background-repeat: repeat-x; 
    border-left:1px solid #a5a5a5 !important;
    border-top: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #eeeeed !important;
    padding:  0px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;  
}

td.activeTab input {
    background-color: transparent !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    padding:  0px !important;
    color: rgb(82,82,82); 
}

td.inactiveTab {
    width: 25% !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    /*background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/pic_inactiveTab_BG.png");
    background-repeat: repeat-x; 
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #cecece !important;
    border-top: 1px  solid #a5a5a5 !important;
    padding:  0px !important;
}

td.inactiveTab input {
    background-color: transparent !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    padding:  0px !important;
}

td.activeSub {
    background-color: #ffffff !important;
    background-image: url("../../images/ar/pic_activeSub_BG.png");
    background-repeat: repeat-x;  
    padding: 0px !important;
    margin: 0px; 
    border-left:1px solid #a5a5a5 !important;
    border-top: 0px solid #ffffff !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #ecebeb !important;    
    height: 0px; 
}
td.inactiveSub {
    background-color: #dedddd !important;
    background-image: url("../../images/ar/pic_inactiveSub_BG.png");
    background-repeat: repeat-x;
    padding: 0px !important;
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #a5a5a5 !important;
    border-top: 1px  solid #cecece !important;
    height: 0px;
}
td.myFaces_panelTabbedPane_emptyHeaderCell {
    background-color: transparent !important;
   
}

.myFaces_panelTabbedPane_activeHeaderCell input:hover{
color:#d50e0e !important;
    padding: 0px;
}
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover{
    color:#d50e0e !important;
    padding: 0px; 
    /*background:#08c !important;*/
}

td.tabContent {
    background-color: #ececec !important;
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #666666 !important;
    border-top: 0;
    background-image: url("../../images/ar/pic_tabContent_BG.png");
    background-position: bottom right;
    background-repeat: repeat-x; 
    vertical-align: top !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
    height: 320px !important;
    text-align: right !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    width:100%;
    }
td.tabContent p{
    margin: 0;
    padding: 0;
    }

hr {
    height: 2px;
    border-top: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #ececec !important; 
}


/*--------------------Five tabbed Pane-----------------*/

table.tabbedPaneFive {
    width:100% !important;
    vertical-align: top !important;
    border-collapse:collapse !important;
    border-spacing: 0px !important;
    background-color:transparent !important;
    text-align: center;  
}

td.activeTabFive {
    width: 20% !important;
    height: 20px; 
    /* background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/pic_activeTab_BG.png");
    background-repeat: repeat-x; 
    border-left:1px solid #a5a5a5 !important;
    border-top: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #eeeeed !important;
    padding:  0px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;  
}

td.activeTabFive input {
    background-color: transparent !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    padding:  0px !important;
    color: #d50e0e; 
}

td.inactiveTabFive {
    width:20% !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    /*background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/pic_inactiveTab_BG.png");
    background-repeat: repeat-x; 
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #cecece !important;
    border-top: 1px  solid #a5a5a5 !important;
    padding:  0px !important;
}

td.inactiveTabFive input {
    background-color: transparent !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    padding:  0px !important;
}

td.activeSubFive {
    background-color: #ffffff !important;
    background-image: url("../../images/ar/pic_activeSub_BG.png");
    background-repeat: repeat-x;  
    padding: 0px !important;
    margin: 0px; 
    border-left:1px solid #a5a5a5 !important;
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #ecebeb !important;    
    height: 0px; 
}
td.inactiveSubFive {
    background-color: #dedddd !important;
    background-image: url("../../images/ar/pic_inactiveSub_BG.png");
    background-repeat: repeat-x;
    padding: 0px !important;
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #a5a5a5 !important;
    border-top: 1px  solid #cecece !important;
    height: 0px;
}




td.tabContentFive {
    background-color: #ececec !important;
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #666666 !important;
    border-top: 0;
    background-image: url("../../images/ar/pic_tabContent_BG.png");
    background-position: bottom right;
    background-repeat: repeat-x; 
    vertical-align: top !important;
    padding: 5px !important;
    height: 212px !important;
    text-align: right !important;
    font-weight: normal !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    width:100%;
    }
td.tabContentFive p{
    margin: 0;
    padding: 0;
    }

hr {
    height: 2px;
    border-top: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #ececec !important; 
}

.smallBtn, 
.mediumBtn, 
.largBtn {
	
    background-image:url(../../images/ar/pic_btnBG.png);
    border:1px solid #999b9a;
    font-family:tahoma, verdana, arial;
    font-size:11px;
    font-weight:bold;
    color:#4e4e4e;
}

.smallBtn {
    width:50px;
}


.mediumBtn {
    width:75px;
}


.largBtn {
    width:100px;
}

.borderedPanel {
    border-left:1px solid #dedddd;
    border-right:1px solid #dedddd;
    border-top:1px solid #dedddd;
    border-bottom:1px solid #dedddd;
    background-color:rgb(247,247,247);
    padding: 0;
    margin: 0; 
    color:#000000;
    vertical-align: middle;
   /* height: 20px;*/
}

form {
     margin: 0;
     padding: 0; 
}

.center{
    text-align: center;
    }
    
/*--------------------tabbed Pane Without BG image-----------------*/    
table.tabbedPaneTri {
    width:100% !important;
    vertical-align: top !important;
    border-collapse:collapse !important;
    border-spacing: 0px !important;
    background-color:transparent !important;
    text-align: center;  
}

td.activeTabTri {
    width: 25% !important;
    height: 20px; 
    /* background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/pic_activeTab_BG.png");
    background-repeat: repeat-x; 
    border-left:1px solid #a5a5a5 !important;
    border-top: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #eeeeed !important;
    padding:  0px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;  
}

td.activeTabTri input {
    background-color: transparent !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    padding:  0px !important;
    color: #d50e0e; 
}

td.inactiveTabTri {
    width:25% !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    /*background-color: #FFFFFF !important;*/
    background-image: url("../../images/ar/pic_inactiveTab_BG.png");
    background-repeat: repeat-x; 
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #cecece !important;
    border-top: 1px  solid #a5a5a5 !important;
    padding:  0px !important;
}
td.inactiveTabTri input {
    background-color: transparent !important;
    height: 20px;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    padding:  0px !important;
}

td.activeSubTri {
    background-color: #ffffff !important;
    background-image: url("../../images/ar/pic_activeSub_BG.png");
    background-repeat: repeat-x;  
    padding: 0px !important;
    margin: 0px; 
    border-left:1px solid #a5a5a5 !important;
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #ecebeb !important;    
    height: 0px; 
}
td.inactiveSubTri {
    background-color: #dedddd !important;
    background-image: url("../../images/ar/pic_inactiveSub_BG.png");
    background-repeat: repeat-x;
    padding: 0px !important;
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #a5a5a5 !important;
    border-top: 1px  solid #cecece !important;
    height: 0px;
}


td.tabContentTri {
    background-color: #ececec !important;
    border-left: 1px solid #a5a5a5 !important;
    border-right: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #666666 !important;
    border-top: 0;
    
    vertical-align: top !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
    height: 212px !important;
    text-align: right !important;
    font-weight: normal !important;
    font-size: 11px !important;
    font-family:  Tahoma, Arial, Helvetica, Verdana;
    width:100%;
    }
td.tabContent p{
    margin: 0;
    padding: 0;
    }

hr {
    height: 2px;
    border-top: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #ececec !important; 
}
.kgobody {
    width:100%;
    margin:0px auto;
    font-family:tahoma, verdana, arial;
    font-size:11px;
    font-weight:normal;
    color:White;
    background-image: none;
    background-repeat: repeat-x;
    background-color: #e8e8e8; 
}