@charset "utf-8";
body {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  text-align:center;  
  font-family:Tahoma, Verdana, Arial, Helvetica;
  font-size:12px;
  font-weight:normal;
  color: #000000;
  direction:rtl;
  height:100%;
  he\ight:660px;
  width:100%;
  }
h1 {
  font-family:Arial, Verdana, Tahoma, Helvetica;
  font-size:24px;
  font-weight:bold;
  color: #249ac3;
  padding: 10px;
  }
  
h2 {
  font-family:Arial, Verdana, Tahoma, Helvetica;
  font-size:18px;
  font-weight:bold;
  color: #249ac3;
  padding: 10px;
  }

p#more  {
 background-image: url("../../images/ar/pic_a_more_bg.png");
 background-repeat: no-repeat;
 background-position:center;
 display: inline-block;  
 padding-right: 0px;
 margin-left: 0px; 
}
  
a.more {
 color:#ea7400;
 text-decoration:none;
 font-weight:bold;
 }
a.more:hover{
 color:#ea7400;
 text-decoration:underline;
 font-weight:bold;
 }
.mainFrame {
  width:81.9%;
  height: 664px;
  float:left;
  margin-left: 2px;
  border:#0489af solid 1px;
  border-right: 0;
  }
#main {
  background-color:#ffffff;
  width:99.4%;
  border:#0489af 1px solid;
  height:100%;
  margin:0px;
  padding:0px;
  position:relative;
  text-align:center;
  }

#header {
  background-image:url(../../images/pic_header_bg.jpg);
  padding-top:0px;
  background-repeat:repeat-x;
  width:inherit;
  height:97px;
  margin:0;
  padding-bottom:0px;
  }
  
#container {
  width:99.5%;
  height:100%;
  text-align:center;
  padding:1px;
  border:#0489af 1px solid;
    overflow: hidden;
  }
  
#menu_bar {
  background-color:#77cde7;
  width:100%;
  margin:0px;
  text-align:justify;
  float:right;
  height:24px;
  position:relative;
  border-bottom:#0489af solid 2px;
  direction:rtl;
  }
  
#v_menu { 
  width:17.5%;
  height: 100%;
  float:right;
  border:#0489af solid 1px;
  border-left:0;
  background-color:#2dbae2;
  overflow:auto;
  background-image: url(../../images/v_menu_BG.png);
  background-repeat:repeat-x;
  background-position:bottom;
  }
  
.contentSmall { 
  width:79.8%;
  height: 100%;
  float:left;
  text-align:right;
  border:#0489af solid 0px;
 /* overflow:scroll;*/
  }
.contentLarge {
  width:99%;
  margin:0px;
  padding: 0; 
  height: 90%;
  float:right;
  border:#0489af solid 0px;
  } 
  
.contentLargeGlobal {
  width:99%;
  margin:0px;
  padding: 0px; 
  height: 100%;
  float:right;
  border:#0489af solid 0px;
  overflow: auto;
  } 
  
  #mainGlobal {
  background-color:#ffffff;
  width:99.4%;
  border:#0489af 0px solid;
  height:100%;
  margin:0px;
  padding:0px;
  position:relative;
  text-align:center;
  }
  
#containerGlobal {
  width:99.7%;
  height:100%;
  text-align:center;
  padding:1px;
  border:#0489af 1px solid;
    overflow: hidden;
  }

  
#footer {
  border-top:3px #0489af solid;
  background-color:#2dbae2;
  width:100%;
  clear:both;
  height:26px;
  vertical-align:middle;
  }

br {
  clear: both;
  }
  
fieldset {
  width:98%;
  text-align: center;
  background-color:#ffffff;
  border:#0489af solid 0px;
  padding: 1px;
  }
fieldset .PageHeader {
  margin:10px;
  font-family:Arial, Verdana, Tahoma, Helvetica;
  font-size:20px;
  padding:10px;
  font-weight:bold;
  color:rgb(0,49,148);
  }

.MainData {  
  font-family:Arial, Verdana, Tahoma, Helvetica;
  font-size:14px;  
  font-weight:bold;
  color:rgb(0,0,82);
  }

fieldset legend {
  margin:5px;
  width:auto;
  padding:5px;
  font-size:12px;
  font-weight:bold;
  border-bottom:#0489af solid 2px;
  border-left:#84d4ea solid 2px;
  border-right:#0489af solid 2px;
  border-top:#84d4ea solid 2px;
  background-color:#FFFFFF;
  color:#0b8eb7;
  }

fieldset label{
  padding:5px;
  margin:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #0b8eb7;
  font-weight: bold;
  }
    
fieldset input, fieldset select, fieldset input.readonly, fieldset select.readonly, field set .readyonly {
  border:#0489af 1px solid;
  width:auto;
  padding:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  }
input.readonly, select.readonly, .readyonly {
 background-color: #ececec;
}

fieldset textarea {
  border:#0489af 1px solid;
  width:40%;
  padding:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
	}

fieldset a {
  color:#0489af;
  text-decoration: none;
  font-weight: bold;
}

fieldset a:hover,fieldset a:active {
  color:#36b0d3;
  text-decoration: underline;
}

fieldset .checkBox, fieldset .radiobutton {
  border:#0489af 1px solid;
  width:15px;
  height: 15px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:0px;
  margin-left:5px;
  font-size:11px;
  font-weight:bold;}

fieldset .btn {
  width:auto;
  border-bottom:#0489af solid 2px;
  border-left:#84d4ea solid 2px;
  border-right:#0489af solid 2px;
  border-top:#84d4ea solid 2px;
  background-color:#36b0d3;
  color:#FFFFFF;
  margin:0px 3px;
  }
  .btn {
  width:auto;
  border-bottom:#0489af solid 2px;
  border-left:#84d4ea solid 2px;
  border-right:#0489af solid 2px;
  border-top:#84d4ea solid 2px;
  background-color:#36b0d3;
  color:#FFFFFF;
  margin:0px 3px;
  }
  .linkas_button {
  width:auto;
  border-bottom:#0489af solid 2px;
  border-left:#84d4ea solid 2px;
  border-right:#0489af solid 2px;
  border-top:#84d4ea solid 2px;
  background-color:#36b0d3;
  color:#FFFFFF;
  cursor:default;
  margin:0px 3px;
  padding:6px;
  font-size:8pt;
  }
  
.btn_dimmed {
  width:auto;
  border-bottom:#BCBCBC solid 2px;
  border-left:#D6D6D6 solid 2px;
  border-right:#BCBCBC solid 2px;
  border-top:#D6D6D6 solid 2px;
  background-color:#efefef;
  color:#BCBCBC;
  margin:0px 3px;
  } 
  
  .success_msg {
  border-bottom:#0489af solid 2px;
  border-left:#84d4ea solid 2px;
  border-right:#0489af solid 2px;
  border-top:#84d4ea solid 2px;
  background-color:#FFFFFF;
  color:#0b8eb7;
  width:auto;
  padding:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  }
  
.error {
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:11px;
    font-weight:bold;
    color:#FF0000;
    }

.redMsg{
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
    text-align: center;
    width:auto;
    padding:3px;
}

.siteMsg {
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:14px;
    font-weight:bold;
    color:#0B8EB8;
    text-align: center;
    width:auto;
    padding:3px;
}
    
.tableErrorMsg{
    font-family:tahoma;font-size:10px;color: #FF0000;
}

.search_info_message {
    font-family: tahoma;
    font-size: 11px;
    color: #373737;        
    background-image: url("../../images/icon_search_info.jpg");
    background-repeat: no-repeat;
    background-color: #FAFAFA;
    margin: 2px;
    border: 1px solid #DDDDDD;
    text-align: right;
    padding-top: 2px;
    padding-right: 20px;
    padding-bottom: 2px;
    padding-left: 2px;
    height: 30px;
    vertical-align: middle;
    background-position: right;
}

    
.outTxt_lbl {
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:11px;
    font-weight:bold;
    color:#0B8EB8;
    }
    
fieldset table.tabbedPane {
    width:100% !important;
    vertical-align: top !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;
    background-color:transparent !important;
    text-align: center;  
}

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

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

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

fieldset td.activeSub {
    background-color: #FFFFFF !important;
    padding: 0px !important;
    border: 0px solid #FFFFFF !important;
    
}
fieldset td.inactiveSub {
    background-color: #eaeef0 !important;
    padding: 0px !important;
    border: 0px solid #eaeef0 !important;

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

fieldset .myFaces_panelTabbedPane_activeHeaderCell input:hover,
fieldset .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;*/
}

fieldset 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%;
    }
    
    .inputbutt {
	width:100%;
	height:60px;
  	border-bottom:#0489af solid 2px;
 	border-left:#84d4ea solid 2px;
  	border-right:#0489af solid 2px;
  	border-top:#84d4ea solid 2px;
	background-color:#36b0d3;
	font-size:26pt;
	font-family: Arial;
	font-weight: bold;
  	color:#FFFFFF;
  	margin:0px 3px;
        }
        
        #theLayer {
    position: absolute;
    width: 500px;
    left: 440px; 
    top: 70px; 
    visibility: hidden; 
    z-index:1;
    }
 
.loginInfoFldSt{
    background-color:#d2f4fd;
}

.scrolledDataTableDiv{
    border:#0489af 1px solid;
    height:200px;
    overflow: scroll;
}