﻿body {
	direction:rtl
}
/************************************************ menu styles *********************************************************************/
a {
	outline: none;
}
/* navbar */
ul#navbar, ul#navbar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 199px;
/*background-color: #D6D6D6;*/
}
ul#navbar li {
	border-bottom: 1px solid #c3c3c3;
	font-family: Arial, Helvetica, sans-serif;
}
ul#navbar li a:link, ul#navbar li a:visited {
	text-indent: 15px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	display: block;
	width: 100%;
	background-color: #e8ebef;
	color: #7a7a7a;
	font-weight: bold;
	line-height: 25px;
	background-image: url(../images/ar/menu/main-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#navbar li a:hover {
	color: #ffffff;
	text-decoration: none; /*This line required by client*/
	background-image: url(../images/ar/menu/main-on.gif);
}
ul#navbar li.selected a:link, ul#navbar li.selected a:visited {
	color: #ffffff;
	background-image: url(../images/ar/menu/main-on.gif);
}
/* Second level li */
ul#navbar li ul li a:link, ul#navbar li ul li a:visited {
	font-weight: normal;
	background-image: url(../images/ar/menu/sub-off.gif);
	text-indent: 43px;
	height: 24px;
}
ul#navbar li ul li a:hover {
	color: #6b6b6b;
	background-image: url(../images/ar/menu/sub-on.gif);
}
ul#navbar li ul li.selected a:link, ul#navbar li ul li.selected a:visited {
	color: #6b6b6b; /*This line required by client*/;
	font-weight: bold;
	background-image: url(../images/ar/menu/sub-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* Third level li */
ul#navbar li ul li ul li a:link, ul#navbar li ul li ul li a:visited {
	font-weight: normal;
	background-image: none;
	text-indent: 45px;
}
ul#navbar li ul li ul li.selected a:link, ul#navbar li ul li ul li.selected a:visited {
	color: #6b6b6b;
	font-weight: bold;
	background-image: url(../images/ar/menu/sub-on.gif);
}
/************************************************  End of Menu Styles   ***************************************************/
body {
	margin: 0;
	background-color: #fff;
}
table {
	border-collapse: collapse;
	margin: 0;
	border-width: 0px;
}
td {
	padding: 0;
}
img {
	border-width: 0px;
}
ul {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.t-a-c {
	text-align:center;
}
p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
p a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
p a:hover {
	color: #e80000;
	text-decoration: none;
}
.w-h-100-pr {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.main-container {
	width: 100%;
	min-width: 950px;
	height: 100%;
	vertical-align: top;
}
.corner-top {
	vertical-align:middle;
	text-align:center;
	width: 198px;
	height: 172px;
	border-left: 1px #c3c3c3 solid;
	border-bottom: 1px #c3c3c3 solid;
	background-color: #fff;
}
.corner-top table {
	vertical-align:middle;
	margin: 0 auto;
}
.corner-top table tr td {
	vertical-align:middle;
	text-align:center;
}
.corner-top table tr td h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #000000;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.hd-right {
	height: 169px;
	min-width: 752px;
	max-width: 100%;
	border-bottom: 1px #c3c3c3 solid;
	vertical-align: top;
}
.hd-right-table {
	height: 172px;
	width: 100%;
	background-color: #fafafa;
}
.hd-colored {
	height: 30px;
	background-image: url('../images/shared/main-temp/hd-bg.png');
	background-repeat: repeat-x;
	background-color: #d70000;/* this is the red bacground color*/;
	text-align: left;
}
.hd-colored-txt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	margin: 0 0 0 10px;
	padding: 0;
}
.hd-colored-txt a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.hd-colored-txt a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.hd-grey-1 {
	height: 35px;
	background-color: #f2f2f2;
	border-bottom: 1px #c3c3c3 solid;
	padding: 0;
}
.text-welcome {
	line-height: 35px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0 5px 0 0 ;
	padding: 0;
}
.logout {
	line-height: 35px;
	height: 35px;
	width: 150px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-left: 10px;
	padding: 0;
}
.logout a {
	color: #000000;
	text-decoration: none;
}
.logout a:hover {
	color: #000000;
	text-decoration: underline;
}
.hd-grey-2 {
	height: 35px;
	background-color: #e4e4e4;
	border-bottom: 1px #c3c3c3 solid;
}
.tree {
	line-height: 35px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-right: 5px;
	padding: 0;
}
.tree a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.tree a:hover {
	color: #1876bf;
	text-decoration: none;
}
.tree-end {
	color: #d70000;
}
.hd-grey-3 {
	height: 72px;
	vertical-align: middle;
}
.h2-img {
	width: 75px;
	vertical-align: middle;
}
.h2-container-main {
	height: 67px;
	width: 100%;
	line-height: 67px;
	text-align:right;
}
.h2-container-main table {
	width: 100%;
}

.h2-container {
	height: 67px;
	line-height: 67px;
	text-align:right;
}
.h2-container h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	color: #0169b4;
	line-height: 67px;
	margin: 0;
	padding: 0;
}
.hd-icons-container {
	height: 66px;
	text-align: left;
	/*width:100%;*/
}
.hd-icons-container ul {
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	height: 66px;
}
.hd-icons-container ul li {
	list-style-type: none;
	display: inline;
	float: left;
	width: 77px;
	height: 65px;
	border-right: 1px #c3c3c3 solid;
	vertical-align: top;
}
.hd-icons-container ul li.last {
	border-width: 0px;
}
.hd-icons-container ul li div {
	width: 69px;
	height: 63px;
	text-align: center;
	margin: 1px;
	padding: 1px;
}
.hd-icons-container ul li div.hover {
	background-color: #ebebeb;
	border: 1px #d0d0d0 solid;
}
.body-left {
	width: 199px;
	height: 100%;
	border-left: 1px #c3c3c3 solid;
	background-color: #e4e4e4;
	vertical-align: top;
}
.body-right {
	max-width: 100%;
	min-width: 752px;
	height: 100%;
	vertical-align: top;
	padding:5px;
}
.footer-right {
	border-top: 1px #c3c3c3 solid;
	max-width: 100%;
	min-width: 752px;
	height: 50px;
	text-align: center;
}
.footer-left {
	border-top: 1px #c3c3c3 solid;
	width: 199px;
	height: 50px;
	text-align: center;
}
/********************************* styles for home page ************************************************/
#home-p-menu {
	margin: 0;
	padding: 0;
	height: 100%;
	display: table;
	float:right;
}
.home-p-menu-li {
	list-style-type: none;
	display: inline;
	float: left;
}
.home-p-menu-li-div {
	width: 125px;
	height: 180px;
	border: 1px #bfbfbf solid;
	background-color: #ececec;
	margin: 5px;
	text-align: center;
}
.home-p-menu-pic-con {
	width: 100px;
	height: 100px;
	background-color: #fafafa;
	border: 1px #c1c1c1 solid;
	margin: 7px auto;
}
.home-p-menu-pic {
	width: 75px;
	height: 67px;
	margin: 16px 12px;
}
/*************************************************************************************************************/
/*************************************************** tabbed styles *******************************************/
.TabbedPanels {
	margin: 5px;
	padding: 0px;
	float: left;
	clear: none;
	width: 99%;
	_width: 98%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px 5px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 9pt Arial, Helvetica, sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #c3c3c3;
	border-bottom: solid 1px #c3c3c3;
	border-top: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align: center;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
.TabbedPanelsTabSelected {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #c3c3c3;
	border-bottom: solid 1px #c3c3c3;
	border-top: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	background-color: #FFF;
}
.TabbedPanelsContent {
	padding: 5px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	border-left: solid 1px #c3c3c3;
	border-bottom: solid 1px #c3c3c3;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #c3c3c3;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/************************************************************************************************************/
/********************************************* listing ******************************************************/
.listing-tables {
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-right:1px #c3c3c3 solid;
	border-left:1px #c3c3c3 solid;
	border-top:3px #d70000 solid;
	border-bottom:3px #d70000 solid;
}
.listing-tr-top {
	background-image: url('../images/shared/main-temp/listing-tr-top-bg.gif');
	background-repeat: repeat-x;
	height: 25px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	line-height: 25px;
	text-align: center;
	background-color:#b8b8b8;	
}
.listing-tr-1 {
	height: 24px;
	text-align: center;
	border:1px #c3c3c3 solid;
	padding:2px;
}
.listing-tr-2 {
	height: 24px;
	text-align: center;
	border:1px #c3c3c3 solid;
	padding:2px;
}
.checkbox {
/*	border:1px #a2a2a2 solid;*/
}
/******************************* login Page ********************************************************************/
.login-main-container {
	width: 500px;
	margin: 70px auto 0 auto;
}
.login-logo-main-container {
	height: 100px;
	width: 500px;
}
.login-logo-main-container tr td{
vertical-align:middle;
text-align:right;
}
.login-logo-main-container tr td h1{
margin: 0 auto;
}
.login-logo {
	height: 100px;
	width: 138px;
}
.login-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 30px;
	float: right;
	vertical-align: middle;
	margin: 63px 0 0 0;
}
.login-main-box {
	width: 500px;
	height: 260px;
	background-color: #fbfbfb;
	border: 1px #a0a0a0 solid;
	vertical-align:top;
}
.login-h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	text-decoration: none;
	color: #1876bf;
	line-height: 20px;
	margin: 10px 0px;
}
.login-form-container {
	width: 260px;
	padding: 5px;
	border: 1px #bebebe solid;
	background-color: #ebebeb;
	vertical-align:middle;
}
.login-form-container form ul li {
	list-style-type: none;
}
.login-form-container form ul li ul.errors li {
	list-style-type: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #de0000;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
input.login-input {
	width: 250px;
	height: 20px;
	border: 1px solid #bebebe;
	background-color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	margin: 5px 0 0 0;
}
.login-button {
	width: 50px;
	height: 22px;
	line-height: 20px;
	border: 1px solid #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #ffffff;
	float: right;
	clear: both;
	margin: 5px 10px;
	padding: 0;
	background-image: url('../images/shared/login-page/login-button-bg.gif');
	background-repeat: repeat-x;
	line-height: 22px;
}
/*****************************************  end of Login Styles *****************************************************************/
/*****************************************  form page ***************************************************************************/
.td-form-container{
	vertical-align: top;
}
.td-form-container form table tr td{
	vertical-align: top;
	padding:4px;
}
.td-form-container form table tr td input {
	width:250px;
	height:22px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	vertical-align:middle;
}
.td-form-container form table tr td input.button {
	width:75px;
	height:26px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 22px;
	background-color:#CCCCCC;
	vertical-align:middle;
}
/*.td-form-container form table tr td.button input {
	width:75px;
	height:22px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 22px;
	background-color:#fafafa;
}
*/
.td-form-container form table tr td a img {
	vertical-align:middle;
}

.td-form-container form table tr td input.title {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
}

.td-form-container form table tr td input.titleltr {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	direction: ltr;
}

.td-form-container form table tr td select.multiselect {
	height:80pt;
	font-weight: bold;
	color: #333333;
}
.td-form-container form table tr td textarea {
	width:250px;
	height:200px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.td-form-container form table tr td select {
	width:250px;
	height:22px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.td-form-container form table tr td input.checkbox {
	width:15px;
	height:15px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.td-form-container form table tr td input.radio {
	width:15px;
	height:15px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}

.element-group {
	list-style-type:none;
	padding:4px 0;
}
.submit-group {
	list-style-type:none;
}
.v-a-t {
	vertical-align: top;
}
.form-container {
	vertical-align: top;
	padding:5px;
}
.required {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	vertical-align:top;
	margin: 0;
	padding: 0;
}
.errors{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #960000;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
	padding: 0;	
}
.errors li{
	list-style-type:none;
	margin:0 20px;
}
/* Labels tips */
a.helptip img {
	border:none;
}
a.helptip span {
	display: none;
}
a.helptip:hover span {
	display: block;
	position: absolute; top: 10; left: 10; width: 175px;
	padding: 5px; margin: 10px; z-index: 100;
	color: #333333; background:#FFF9D7;
	font: 9px Tahoma, Arial, Helvetica, sans-serif; text-align: right;
}


/*.form-txtarea {
	width:250px;
	height:200px;
	border:1px #c3c3c3 solid;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
}*/
/*.form-input {
	width:250px;
	height:22px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
}*/
/*.form-button {
	width:75px;
	height:22px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 22px;
	background-color:#fafafa;
}*/
.element {
	vertical-align:top;
	padding:3px 0 3px 7px;
}
.flt-options
{
text-align:right;
}
/*****************************************  end of form page Styles *****************************************************************/
/*****************************************  Listing page ***************************************************************************/
table.filters-container
{
	height:40px;
}
table.filters-container tr td select
{
	width:150px;
	height:22px;
	border:1px #c3c3c3 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
/*****************************************  end of form page Styles *****************************************************************/
/*****************************************************************************************************************/
#pic-p-menu {
	margin: 0;
	padding: 0;
	height: 100%;
	display: table;
}
.pic-p-menu-li {
	list-style-type: none;
	display: inline;
	float: right;
}
.pic-p-menu-li-div {
	width: 140px;
	height: 235px;
	border: 1px #bfbfbf solid;
	background-color: #ececec;
	margin: 5px;
	text-align: center;
}
.pic-p-menu-pic-con {
	width: 115px;
	height: 119px;
	background-color: #fafafa;
	border: 1px #c1c1c1 solid;
	margin: 7px auto;
}
.pic-p-menu-pic {
	width: 90px;
	height: 86px;
	margin: 16px 12px;
}
.listing-pic-tables {
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-bottom: 3px #d70000 solid;
	border-top: 3px #d70000 solid;
}
.even{
	background:#fff;
}
table tr.even:hover, table tr.odd:hover{
	background:#e5f1e3;
}
.odd{
	background:#f8f8f9;
}
.marked{
	background:#fbe2ca;
} 
.hover{
	background:#e5f1e3;
}
div.pic-p-menu-li-div:hover{
	background:#e5f1e3;
	
}
