@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/* sdf
@font-face {
    font-family: Copperplate;
    src: url(font/Copperplate_Gothic_BT.ttf);
    font-weight:400;
}
@font-face {
    font-family: AssawtDecorative;
    src: url(font/HelpMacNet-Fonts-475.ttf);
    font-weight:400;
}
    */
/* CSS Document */
@font-face { 
    font-family: 'DroidSansArabic';
    src: url(font/droidsansarabic.eot);
    src: url(font/droidsansarabic.eot?#iefix) format('embedded-opentype'),url(font/DroidSansArabic.woff) format('woff'),url(font/droidsansarabic.ttf) format('truetype'),url(font/droidsansarabic.svg#droidsansarabic) format('svg');
    font-weight: 100;
    font-style: normal;
}


body {
    direction: rtl;
    font-size: 18px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    background-repeat: repeat;
    background-color: #ccc;
}
    body.open-menu {
        overflow: hidden;
    }
/********** footer **********/
.footer_Mobile {
	width:96%; 
	text-align:center;
	vertical-align:middle;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    height: 30px;
	background-color: #0d77b6;
	bottom:0px;
	position:relative;
	padding: 0px;
}

.footer {
	width:100%; 
	text-align:center;
	vertical-align:middle;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 40px;
	background-color: #0d77b6;
	bottom:0px;
	position:absolute;
	padding: 0px;
}
.user a {
	font-family: 'DroidSansArabic';
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.user a:hover {
	font-family: 'DroidSansArabic';
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}
.footer .resize 
{
	
	width:100%;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 5px;
	text-align: center;
	font-family: 'DroidSansArabic';
	font-size: 15px;
	color: #FFF;
	height: 30px;
	vertical-align:middle;
}

.footer .resize a i { color:#ffffff; font:normal large  flaticon, Arial, Tahoma, Geneva, sans-serif;font-weight:bold;}
.footer .resize a { color:#ffffff; font:normal 16px  Arial, Tahoma, Geneva, sans-serif;font-weight:bold; padding:0 1px;}
.footer .resize a:hover { color:#ffffff; font:normal 18px  Arial, Tahoma, Geneva, sans-serif;font-weight:bold; padding:0 1px;}
.footer .resize div { 
	position:absolute;
	right:0px;
	top:0px;
	text-align: right;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 10%;
	vertical-align:middle;
}
.footer .resize div  a
{
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
    white-space: nowrap;
    display: block;
}
.footer .resize div a i
{
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
    white-space: nowrap;
    display: block;
    
} 


.FooterIcons
{ 
	   float: right;
    font-size: 25px;
    height:100%;
    margin-top:5px;
    color: #ffffff;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    text-align: right;
    vertical-align:middle;
    text-decoration:none;
    white-space: nowrap;
}

.Rotator
{
	/*position:absolute;
	bottom:0px;
	right:0px;
	display:block;	
  border:solid 2px red;*/
  width: 100%!Important;
    height: 100%!Important;
	/*max-width: 100%!Important;
    max-height: 100%!Important;
	min-width: 100%!Important;
    min-height: 100%!Important;*/
	/*-webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);*/
}


#wrapperMobile {
    width: 100%!Important;
    height: 100%!Important;
	overflow:hidden;
}


#wrapper {
    width: 100%!Important;
    height: 100%!Important;
}

.holder {
    margin: 0px auto;
    vertical-align:middle;
	height:auto!Important;
    width: 98%;
}

#top_header {
    background: #ffffff;
    height: 110px;
    width: 100%;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(bottom, white, #EAEAEA);
    background-image: -moz-linear-gradient(bottom, white, #EAEAEA);
    background-image: -ms-linear-gradient(bottom, white, #EAEAEA);
    background-image: -o-linear-gradient(bottom, white, #EAEAEA);
    background-image: linear-gradient(bottom, white, #EAEAEA);
}

#logo_text {
    height: 100px;
    float: right;
    margin-top: 5px;
}

#logo {
    height: 100px;
    width: 100px;
    float: right;
}

    #logo img {
        height: 100px;
        width: 100px;
    }

#namelogo {
    float: right;
    margin-right: 20px;
    height: 80px;
}

.logo_english {
    font-size: 22px;
    color: #4D4D4D;
    text-shadow: 1px 1px #fff;
    margin-top: 5px;
    margin-bottom: 0px;
    font-family: Copperplate;
    /*font-family:'DroidSansArabic';*/
    font-weight: 300;
    margin-left: 1px;
}

.logo_arabic {
    font-size: 30px;
    color: #4D4D4D;
    text-shadow: 1px 1px #fff;
    margin-bottom: 0px;
    font-family: AssawtDecorative;
    /*font-family:'DroidSansArabic';*/
    font-weight: 300;
    margin-top: 15px;
}

.logo_Text 
{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:100%;
	height: 100%;
	opacity:0.9;
	z-index:10;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #EAEAEA;
     vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-size: medium;
	color: Red;
	text-shadow: 1px 1px #fff;
	font-family: DroidSansArabic;
	background-image: linear-gradient(top, white, #EAEAEA);
}

.TextBoxStyle {
 border:solid 1px #ccc;border-radius: 5px;o-border-radius: 5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;
}

.DropDownListStyle {
 border:solid 1px #ccc;border-radius: 5px;o-border-radius: 5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;text-align:center;
}

.MailCount 
{
	position:absolute;
	top:112px;
	right:115px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: red;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.MailCountMenu 
{
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: red;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.ApproveCount
{
position:absolute;
	top:112px;
	left:105px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	z-index:999999;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: orange;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.ApproveCountMenu
{
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	z-index:999999;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: orange;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.SupportCount
{
position:absolute;
	top:112px;
	left:63px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	z-index:999999;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: purple;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.SupportCountMenu
{
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	z-index:999999;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: purple;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.ChatCount
{
position:absolute;
	top:112px;
	left:20px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	z-index:999999;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: lightgray;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.ChatCountMenu
{
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	z-index:999999;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: lightgray;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.GroupItemCount
{
	width:55px;
	height:20px;
	border:solid 1px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: purple;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: small;
    color: white;
    font-family:'DroidSansArabic';    
	/*-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
	animation:  blinker 1s linear infinite;*/
}
.ChatItemCount
{
	width:25px;
	height:18px;
	border:solid 1px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: lightgray;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: small;
    color: red;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    background-color: red;
    color: white;
  }
}

.AssignmentCount 
{
	position:absolute;
	top:112px;
	right:310px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: yellowgreen;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.AssignmentCountMenu
{
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: yellowgreen;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.ExamCount 
{
	position:absolute;
	top:112px;
	right:350px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: violet;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.ExamCountMenu
{
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: violet;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.LiveSessionCount {
    position:absolute;
	top:112px;
	right:274px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: greenyellow;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.LiveSessionCountMobile {
    position:absolute;
	top:53px;
	right:18px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: greenyellow;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.LiveSessionCountMenu {
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: greenyellow;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.Amount
{
	position:absolute;
	top:117px;
	right:180px;
	width:80px;
	height:27px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: violet;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: 14pt;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.AmountMenu
{
	width:80px;
	height:27px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: violet;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: 14pt;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.MailCountMobile 
{
	position:absolute;
	top:8px;
	right:103px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: red;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.SupportCountMobile
{
	position:absolute;
	top:8px;
	right:268px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: purple;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}
.AmountMobile
{
	position:absolute;
	top:15px;
	right:170px;
	width:80px;
	height:27px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: violet;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: 14pt;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}


.AssignmentCountMobile 
{
	position:absolute;
	top:53px;
	right:58px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: yellowgreen;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.ApproveCountMobile 
{
	position:absolute;
	top:53px;
	right:145px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: orange;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.ApproveCountMobileEmp
{
	position:absolute;
	top:53px;
	right:58px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: orange;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.ExamCountMobile 
{
	position:absolute;
	top:53px;
	right:98px;
	width:30px;
	height:18px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: violet;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: medium;
    color: white;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';    
	-webkit-transition: visibility 50s, opacity 50s;
	-moz-transition: visibility 50s, opacity 50s;
	transition: visibility 50s, opacity 50s;
}

.LogoHeader
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:7px;
	left:23px;
	display:block;
	width:97%;
	height: 99px;
	margin-left:0px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.CompanyDescrAr
{
	position:absolute;
	top:30px;
	right:100px;
	display:block;
	width:400px;
	height: 50px;
	margin-left:0px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    font-size: xx-large;
    color: #0d77b6;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    background-color: Transparent;
    border:solid 0px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.CompanyDescrArRight
{
	position:absolute;
	top:30px;
	right:120px;
	display:block;
	width:auto;
	height: 50px;
	/*margin-right:45%!Important;*/
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    font-size: 30;
    color: #0d77b6;
    text-shadow: 2px 2px 4px #0d77b6;
    font-family:'DroidSansArabic';
    background-color: Transparent;
    border:solid 0px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.HCurrent
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 5px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	left:335px;
	display:block;
	width:90px;
	height:90px;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}


.HCurrent_Pc
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 5px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	left:235px;
	display:block;
	width:90px;
	height:90px;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.HCurrent_Mobile
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 5px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	left:135px;
	display:block;
	width:90px;
	height:90px;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}


.IsLoginUsers_Label
{
	position:absolute;
	top:73px;
	left:135px;
	display:block;
	width:auto;
	height: 50px;
	/*margin-right:5%!Important;
	margin-top:20px;*/
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    font-size: 12pt;
	font-weight:600;
    color: #0d77b6;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    background-color: Transparent;
    border:solid 0px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
    
.IsLoginUsers_ValueContainer
{
    position:absolute;
	top:70px;
	left:365px;
	z-index:99999;
	width:35px;
	display:block;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border:none 1px #0d77b6;
}

.IsLoginUsers_Value
{
	position:relative;
	display:inline-block;
    font-size: 14pt;
	font-weight:600;
    color: #0d77b6;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    background-color: Transparent;
}

.IsLoginUsers_ValueContainer_Pc
{
    position:absolute;
	top:70px;
	left:265px;
	z-index:99999;
	width:35px;
	display:block;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border:none 1px #0d77b6;
}

.IsLoginUsers_Value_Pc
{
	position:relative;
	display:inline-block;
    font-size: 14pt;
	font-weight:600;
    color: #0d77b6;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    background-color: Transparent;
}


.IsLoginUsers_ValueContainer_Mobile
{
    position:absolute;
	top:70px;
	left:165px;
	z-index:99999;
	width:35px;
	display:block;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border:none 1px #0d77b6;
}

.IsLoginUsers_Value_Mobile
{
	position:relative;
	display:inline-block;
    font-size: 14pt;
	font-weight:600;
    color: #0d77b6;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    background-color: Transparent;
}
.CompanyDescrArLeft
{
	position:absolute;
	top:70px;
	right:120px;
	display:block;
	width:auto;
	height: 50px;
	/*margin-right:5%!Important;
	margin-top:20px;*/
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    font-size: 20;
    color: #0d77b6;
    text-shadow: 2px 2px 2px #0d77b6;
    font-family:'DroidSansArabic';
    background-color: Transparent;
    border:solid 0px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
 
.CompanyLogoImage
{
background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	right:4px;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.ha
{
	font-size:15pt;
}

.canvas1
{
	font-size:15pt;
}

.pie-chart-container
         {
             width:960px;
             height:400px;
         }

.pie-chart-container-Mobile
         {
             width:98%;
         }

.HModule
{
	background-color: #fcfcfc;
	 background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-box-shadow: 0 0 5px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	left:435px;
	/*padding-top:4px;
	padding-left:1px;*/
	display:block;
	width:90px;
	height:90px;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 1px #0d77b6;
	border-radius: 50%;
	o-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.HImageAll
{
	background-image: url(../../Images/sortup.gif);
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:1px;
	right:10px;
	display:block;
	width:35px;
	height: 35px;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}


.HImage
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:5px;
	right:10px;
	display:block;
	width:30px;
	height: 30px;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.HImage:hover
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:5px;
	right:10px;
	display:block;
	width:100px;
	height: 100px;
	z-index:999999;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.ha:hover .HImage
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:5px;
	right:10px;
	display:block;
	width:100px;
	height: 100px;
	z-index:999999;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.ha:hover .HImageAll
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:-100px;
	right:10px;
	display:block;
	width:100px;
	height: 100px;
	padding-top:-100px;
	padding-left:-100px;
	z-index:999999;
	margin-right:5px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.HImageMobile
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	display:block;
	width:30px;
	height: 30px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}



.ZadLogoImage
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:5px;
	right:47%;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    
	border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.ZadLogoImage:hover
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 5px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	right:47%;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.CompanyLogoImageRight
{
background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	right:4px;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}


.CompanyLogoImageLeft
{
background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	left:4px;
	display:block;
	width:105px;
	height: 91px;
	margin-left:1px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.DateTxt
{
	color: #ffffff;
    margin:5px;
    margin-right:3px;
    margin-left:3px;
    margin-top:0px;
    text-align:center;
    font-size:12pt;
    font:normal 18px  Arial, Tahoma, Geneva, sans-serif; 
    font-weight:bold;
}
.ZadTime
{
	position:absolute;
	top:0px;
	left:50px;
    padding:5px;
    padding-top:0px;
    margin:5px;
    margin-top:10px;
    background-color: transparent;   
}

.UserImageLeft
{
background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	right:450px;
	display:block;
	width:105px;
	height: 91px;
	margin-left:1px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 25px;
	o-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.UserDataRight
{
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 5px #797979;
    margin-top:2px;
	position:absolute;
	top:3px;
	left:650px;
	display:block;
	width:280px;
	height: 90px;
    max-width:280px;
	max-height: 90px;
	margin-left:1px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-width:0px;
}

.UserDataLeft
{
background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 5px #797979;
    margin-top:2px;
    padding-top:0px;
	position:absolute;
	top:3px;
	left:125px;
	display:block;
	width:520px;
	height: 90px;
	margin-left:1px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-width:0px;
}
.UserDataRightText
{
	width:auto;
	
	/*margin-right:45%!Important;*/
    text-align: right;
    white-space: nowrap;
    font-size: 13pt;
    margin-right:5px;
    margin-top:10px;
    color: #0d77b6;
    max-width:280px;
    text-shadow: 2px 2px 4px #0d77b6;
    font-family:'DroidSansArabic';
    background-color: Transparent;
}


.UserDataLeftText
{
	width:auto;
	
	/*margin-right:45%!Important;*/
    text-align: right;
    white-space: nowrap;
    font-size: 19pt;
    margin-right:5px;
    margin-top:5px;
    color: #0d77b6;
    text-shadow: 2px 2px 4px #0d77b6;
    font-family:'DroidSansArabic';
    background-color: Transparent;
}

.UserDataLeftTextSmall
{
	width:auto;
	/*margin-right:45%!Important;*/
    text-align: right;
    white-space: nowrap;
    font-size: 14pt;
    color: #0d77b6;
    text-shadow: 2px 2px 4px #0d77b6;
    font-family:'DroidSansArabic';
    background-color: Transparent;
}
.StfLogoImage
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 5px #797979;
    box-shadow: 0 0 5px #797979;
	display:block;
	padding:2px;
	width:70px;
	height: 80px;
	margin-left:4px;
	margin-right:3px;
	margin-top:-7px;
    background-color: White;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 0.5px 0.5px #fff;
    font-family:'DroidSansArabic';
	border:solid 0px #0d77b6;
	border-radius: 15px;
	o-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
}


.home_link a:link, .home_link a:visited {
    color: #00529B;
    font-family: 'DroidSansArabic';
    font-size: 18px;
    font-weight: 300;
}

.home_link a:hover {
    color: #666666;
    font-family: 'DroidSansArabic';
    font-size: 18px;
    font-weight: 300;
}

.link a:link, .link a:visited {
    color: #00529B;
    font-family: 'DroidSansArabic';
    font-size: 18px;
    font-weight: 300;
}

.link a:hover {
    color: #666666;
    font-family: 'DroidSansArabic';
    font-size: 18px;
    font-weight: 300;
}

.Link img {
    float: right;
}

.Grd {
    margin-top: 5px;
}

#welcome {
    float: left;
    height: 60px;
    margin-top: 20px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

#name_welcome {
    float: left;
    height: 20px;
    text-align-last: center;
}

    #name_welcome p {
        float: left;
        height: 20px;
        font-size: 18px;
        color: #4D4D4D;
        text-shadow: 1px 1px #fff;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        white-space: nowrap;
    }

    #name_welcome h2 {
        float: right;
        height: 20px;
        font-size: 18px;
        color: #4D4D4D;
        text-shadow: 1px 1px #fff;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        margin-right: 40px;
    }

    #name_welcome a:link {
        color: #ffffff;
        font-size: 18px;
    }

    #name_welcome a:visited {
        color: #ffffff;
        font-size: 18px;
    }

    #name_welcome a:hover {
        color: #4D4D4D;
        font-size: 18px;
    }

#admin {
    float: left;
    height: 20px;
    width: 100%;
}

    #admin p {
        float: left;
        height: 30px;
        font-size: 18px;
        color: #4D4D4D;
        text-shadow: 1px 1px #fff;
        white-space: nowrap;
    }


#home_page {
    width: 40px;
    height: 35px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

    #home_page img {
        width: 40px;
        height: 35px;
    }

header {
    background-color: #0d77b6;
    width: 100%;
    float: right;
    height: 40px;
    border-top: 2px solid #a1b9c7;
    border-bottom: 2px solid #a1b9c7;
}


#language {
    float: left;
    height: 100px;
    margin-top: 5px;
    margin-right: 5px;
}



    #language a:link {
        color: #ffffff;
        text-decoration: none;
        float: left;
    }



    #language a:visited {
        color: #ffffff;
        text-decoration: none;
        float: left;
    }



    #language a:hover {
        color: #ffffff;
        text-decoration: none;
        float: left;
    }



    #language img {
        width: 30px;
        height: 30px;
        margin: 0px;
        padding: 0px;
    }




#text_help {
    float: left;
    width: 93%;
    margin-left: 10px;
    height: 500px;
}

#top_title_page {
    float: right;
    font-size: 25px;
    height:100%;
    margin-top:5px;
    color: #ffffff;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    text-align: right;
    vertical-align:middle;
    text-decoration:none;
    white-space: nowrap;
    max-width:100px;
}


.top_title_page {
    float: right;
    font-size: 19px;
    margin-top: 12px;
    color: #c9a62a;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

#name_help {
    float: right;
    width: 100%;
}

    #name_help h1 {
        font-size: 23px;
        color: #ffffff;
        margin-top: 50px;
        border-bottom: 2px solid #ffffff;
        padding-bottom: 5px;
    }


#scrollbar_help {
    width: 100%;
    margin-top: 10px;
    float: left;
}

    #scrollbar_help .viewport {
        width: 210px;
        height: 500px;
        overflow: hidden;
        position: relative;
    }

    #scrollbar_help .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_help .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 6px;
        background-color: #79a44d;
        border-bottom-color: #AAA;
    }

    #scrollbar_help .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }


    #scrollbar_help .thumb {
        height: 20px;
        width: 4px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_help .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#text_help p {
    width: 200px;
    float: right;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-left: 10px;
    border-bottom: 1px solid #79a44d;
    text-shadow: none;
}

    #text_help p img {
        width: 8px;
        height: 8px;
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }


#menu_left {
    float: left;
    width: 100%;
    padding-bottom: 400px;
    -moz-box-shadow: 5px 0px 5px rgba(0,0,0,.15) inset;
    -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.15) inset;
    box-shadow: 5px 0px 5px rgba(0,0,0,.15) inset;
}


#scrollbar_menu_left {
    width: 100%;
    float: left;
    height: 0px;
}




    #scrollbar_menu_left .viewport {
        width: 95%;
        overflow: hidden;
        position: fixed;
        top: 0;
        height: 100%;
        background: #0d77b6;
        background: -moz-linear-gradient(#0d77b6, #0d77b6);
        background: -ms-linear-gradient(#0d77b6, #0d77b6);
        background: -o-linear-gradient(#0d77b6, #0d77b6);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(#0d77b6));
        background: -webkit-linear-gradient(#0d77b6, #0d77b6);
        background: linear-gradient(#0d77b6, #0d77b6);
    }

    #scrollbar_menu_left .overview {
        list-style: none;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#menu_left span {
    color: #ffffff;
    font-size: 21px;
}

#menu_left a:hover span {
    color: #ffffff;
}

#nav {
    display: block;
    width: 350px;
    max-height:100vh!Important;
    overflow:auto;
}

    #nav li {
        font-family: 'DroidSansArabic';
        font-weight: 300;
    }

    #nav > li > a {
        display: block;
        padding: 10px 10px;
        font-size: 14pt;
        font-weight: 300;
        color: #ffffff;
        text-decoration: none;
        border-top: 1px solid #c9a62a;
        font-family: 'DroidSansArabic';
    }


        #nav > li > a:hover, #nav > li > a.open {
            background: #a1b9c7;
            background: -moz-linear-gradient(White, Silver);
            background: -ms-linear-gradient(White, Silver);
            background: -o-linear-gradient(White, Silver);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(White), to(Silver));
            background: -webkit-linear-gradient(White, Silver);
            background: linear-gradient(White, Silver);
            border: 1px solid #f4ab4c;
            color: #042f4d;
            text-shadow: 0 1px rgba(255,255,255,0.3);
            font-weight:bold;
            font-size: 15pt;
        }


#nav li a.open i.flaticon-user77
{
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  display: inline-block;
}


#nav li a.open i.flaticon-cogs3
{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}

#nav li a.open i.flaticon-double29
{
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  display: inline-block;
}

#nav ul div img.UserMenuImage
{
width:200px;
height:250px;
padding:3px;
border-radius: 5px;
o-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

#nav ul div img.UserMenuImage:hover
{
width:200px;
height:250px;
padding:3px;
border-radius: 5px;
o-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

#nav ul div img.NodeMenuImage:hover
{
width:40px;
height:40px;
}



        #nav > li > a.nav_URL {
            display: block;
            padding: 6px 6px;
            font-size: 18px;
            font-weight: normal;
            background-color: #ffffff;
            color: #79a44d;
            text-decoration: none;
            border-top: 0px none #D9D9D9;
            -webkit-transform: rotate(270deg);
        }
        
        #nav > li > div.nav_URL {
            display: block;
            padding: 6px 6px;
            font-size: 18px;
            font-weight: normal;
            background-color: #ffffff;
            color: #79a44d;
            text-decoration: none;
            border-top: 0px none #D9D9D9;
            -webkit-transform: rotate(270deg);
        }
        

.RedStats {
    font-size: 17px;
    color: Red;
    font-weight: bold;
}

#nav > li > a.nav_URL:hover {
    background: #ffffff;
    color: #79a44d;
}

#nav > li > div.nav_URL:hover {
    background: #ffffff;
    color: #79a44d;
}

#nav > li > a.nav_HIDE {
    display: none;
    padding: 6px 6px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    border-top: 0px none #D9D9D9;
}

#nav > li > div.nav_HIDE {
    display: none;
    padding: 6px 6px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    border-top: 0px none #D9D9D9;
}


#nav li ul {
    display: none;
    background-color: #fcfcfc;
}

    #nav li ul li a {
        display: block;
        padding: 6px 6px;
        padding-right: 15px;
        font-size: 18px;
        text-decoration: none;
        font-weight: normal;
        color: #ffffff;
    }
    
    

        #nav li ul li a:hover {
            background: #82Af63;
            color: #ffffff;
            font-weight:bold;
            font-weight:bold;
            font-size: 17pt;
        }

    #nav li ul li {
    }

#nav > li > ul > li > a {
    display: block;
    padding: 6px 6px;
    font-size: 18px;
    padding-right: 15px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}

#nav > li > ul > li > div {
    display: block;
    padding: 6px 6px;
    font-size: 18px;
    padding-right: 15px;
    font-weight: normal;
    color: #333333;
    cursor:pointer;
    text-decoration: none;
}


    #nav > li > ul > li > a:hover, #nav > li > ul > li > a.open {
        background: #ccc;
        color: #333;
    }

    #nav > li > ul > li > a.nav_URL:hover {
        background: #ccc;
        color: #333;
    }
    
  #nav > li > ul > li > div.nav_URL:hover {
        background: #ccc;
        color: #333;
    }



#nav li ul li ul {
    display: none;
    background-color: #efebc4;
}

    #nav li ul li ul li a {
        display: block;
        padding: 6px 6px;
        padding-right: 30px;
        font-size: 18px;
        text-decoration: none;
        font-weight: normal;
        color: #666666;
    }


        #nav li ul li ul li a:hover {
            background: #97c376;
            color: #79a44d;
        }

        #nav li ul li ul li a.nav_URL:hover {
            background: #ffffff;
            color: #79a44d;
            -moz-box-shadow: 0px 1px 4px #333 inset;
            -webkit-box-shadow: 0px 1px 4px #333 inset;
            box-shadow: 0px 1px 4px #333 inset;
        }


#nav li ul li ul li div.nav_URL:hover {
            background: #ffffff;
            color: #79a44d;
            -moz-box-shadow: 0px 1px 4px #333 inset;
            -webkit-box-shadow: 0px 1px 4px #333 inset;
            box-shadow: 0px 1px 4px #333 inset;
        }


.span_h3 {
    color: #f57920;
    font-size: 21px;
}

.span_h4 {
    color: #79a44d;
    font-size: 21px;
    margin-right: 15px;
}

.GrdImg {
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #EAEAEA;
     border: 1px solid #aaa;
	padding: 2px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	height: 14px;
	width: 14px;
	background-image: linear-gradient(top, white, #EAEAEA);
}


#content-wrapper {
    width: 100%;
    float: right;
    overflow: hidden;
    position: absolute;
    background: #EAEAEA;
    min-height: 100%;
	min-width: 100%;
	background-color: #EAEAEA;
    
}


.open-menu #content-wrapper {
    overflow: hidden;
}


#all_content {
    width: 100%;
	height:auto!Important;


}


#all_info {
    width: 99%;
    min-height: 413px;
	height:auto!Important;
    padding-right: 5px;
    padding-bottom: 50px;
    float: right;

}

#title_page {
    width: 100%;
    float: right;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #title_page ul {
        list-style: none;
        float: none;
        width: 97%;
        margin-right: 20px;
        border-bottom: 2px solid #74747b;
    }

    #title_page li {
        float: center;
        list-style: none;
        font-size: 28px;
        margin-bottom: 15px;
        height: 15px;
    }


    #title_page img {
        width: 20px;
        height: 20px;
        float: right;
        margin-left: 10px;
        margin-top: -3px;
    }

    #title_page span {
        color: #ffffff;
    }

.home_title_page {
    color: #333333;
    font-weight: bold;
}

    .home_title_page a:link {
        color: #74747b;
        text-decoration: none;
    }

    .home_title_page a:visited {
        color: #74747b;
        text-decoration: none;
    }

    .home_title_page a:hover {
        color: #ffffff;
        text-decoration: none;
    }

.home_home_title_page a:link {
    color: #ffffff;
    text-decoration: none;
}

.home_home_title_page a:visited {
    color: #ffffff;
    text-decoration: none;
}

.home_home_title_page a:hover {
    color: #ffffff;
    text-decoration: none;
}

#scroll_all_info {
    width: 100%;
    float: right;
    background-color: #fcfcfc;
    margin-top: 10px;
    height:100%!Important;
    min-height:66vh!Important;
    padding-bottom: 10px;
    border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    background-color: #d0ecf1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#d0ecf1));
    background-image: -webkit-linear-gradient(top, white, #d0ecf1);
    background-image: -moz-linear-gradient(top, white, #d0ecf1);
    background-image: -ms-linear-gradient(top, white, #d0ecf1);
    background-image: -o-linear-gradient(top, white, #d0ecf1);
    background-image: linear-gradient(top, white, #d0ecf1);
}

#scrollbar_all_info {
    width: 97%;
    margin-right: 20px;
    height:auto!Important;
    float: right;
    direction: rtl;
    
}

    #scrollbar_all_info .viewport {
        width: 99%;
        height: 320px;
        overflow: hidden;
        position: relative;
    }

    #scrollbar_all_info .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #scrollbar_all_info .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_all_info .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_all_info .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_all_info .disable {
        display: none;
    }

.noSelect {
    user-select:;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}



.all_details {
    width: 100%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.title_all_details {
    float: right;
    height: 20px;
    background-color: #ffffff;
    margin-top: -15px;
    font-size: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
}

    .title_all_details img {
        float: right;
        width: 26px;
        height: 11px;
        margin-left: 10px;
        margin-top: 5px;
    }


.home_info {
    font-size: 18px;
    width: 25%;
    float: right;
    margin-top: 15px;
    line-height: 20px;
    margin-right: 90px;
    border-left: 1px solid #ffffff;
    margin-bottom: 20px;
}

    .home_info h1 {
        font-size: 18px;
        width: 100%;
        float: right;
        margin-top: 15px;
        line-height: 20px;
        color: #333;
    }

    .home_info li {
        width: 100%;
        float: right;
        color: #ffffff;
    }

        .home_info li span {
            color: #333;
        }

        .home_info li a:link {
            color: #333;
            text-decoration: none;
        }

        .home_info li a:visited {
            color: #333;
            text-decoration: none;
        }

        .home_info li a:hover {
            color: #ffffff;
            text-decoration: none;
        }

.home_info_last {
    border-left: none;
}

.all_tabs_menu {
    float: right;
    width: 17%;
    list-style: none;
    margin-top: 10px;
}

    .all_tabs_menu ul {
        float: right;
        width: 99%;
        list-style: none;
    }

        .all_tabs_menu ul li {
            float: right;
            width: 100%;
            list-style: none;
            background-color: #0d77b6;
            -webkit-box-shadow: 0 0 3px #797979;
            box-shadow: 0 0 4px #797979;
            margin-bottom: 10px;
            height: 37px;
        }

    .all_tabs_menu .home_all_tabs_menu a:link {
        background-image: url(img/liii.png);
        background-repeat: no-repeat;
        background-position: left;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        color: white;
    }

    .all_tabs_menu .home_all_tabs_menu a:visited {
        color: white;
        background-image: url(img/liii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
    }

    .all_tabs_menu .home_all_tabs_menu a:hover {
        color: #ffffff;
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        background-color: #A1B9C7;
        color: black;
    }

    .all_tabs_menu .home_home_all_tabs_menu a:link {
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        color: white;
    }

    .all_tabs_menu .home_home_all_tabs_menu a:visited {
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        color: white;
    }

    .all_tabs_menu .home_home_all_tabs_menu a:hover {
        color: #4169E1;
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        background-color: #A1B9C7;
        color: black;
    }

    .all_tabs_menu ul li span {
        margin-right: 10px;
        margin-top: 0px;
        float: right;
    }

    .all_tabs_menu .home_home_all_tabs_menu img {
        float: left;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        border-left: 1px solid #ffffff;
        margin-right: 5px;
    }

    .all_tabs_menu .home_all_tabs_menu img {
        float: left;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        border-left: 1px solid #74747b;
        margin-right: 5px;
    }

.r_all_tabs {
    width: 82%;
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-bottom: 10px;
    min-height: 365px;
    margin-top: 10px;
}

.tabberlive .tabbertabhide {
    display: none;
}

.tabberlive {
    margin-top: 1em;
}

.r_sub_tabs ul {
    width: 100%;
    float: right;
    height: 30px;
    background-color: #0d77b6;
    direction: rtl;
    font-size: 17px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    border-top: 1px solid #a1b9c7;
    padding-top: 6px;
}

    .r_sub_tabs ul li {
        height: 30px;
        float: right;
        list-style: none;
        display: inline;
        padding: 9px 10px;
    }

        .r_sub_tabs ul li a {
            color: #ffffff;
            font-weight: 300;
            float: right;
            height: 35px;
            margin-top: -15px;
            text-decoration: none;
        }

            .r_sub_tabs ul li a span {
                color: #ffffff;
                font-family: 'DroidSansArabic';
                font-weight: 300;
                float: right;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 10px;
            }

            .r_sub_tabs ul li a:visited {
                color: #ffffff;
            }

                .r_sub_tabs ul li a:visited span {
                    color: #ffffff;
                }

            .r_sub_tabs ul li a:hover {
                color: #ffffff;
                font-family: 'DroidSansArabic';
                font-weight: 300;
                float: right;
                height: 27px;
            }

                .r_sub_tabs ul li a:hover span {
                    background-color: #a1b9c7;
                    color: #000;
                    font-family: 'DroidSansArabic';
                    font-weight: 300;
                    float: right;
                    height: 26px;
                }

        .r_sub_tabs ul li.tabberactive a {
            background-color: #a1b9c7;
            color: #000;
            font-family: 'DroidSansArabic';
            font-weight: 300;
            float: right;
            height: 33px;
        }

            .r_sub_tabs ul li.tabberactive a span {
                color: #000;
                background-color: #a1b9c7;
                font-family: 'DroidSansArabic';
                font-weight: 300;
                float: right;
                height: 26px;
            }

#ctl00_cntphmaster_ucApplicationInfo_AppGeneralTabsCtrl1_TabHeader1_updPnlNextPrevious {
    border-top: 2px solid #0d77b6;
}

.r_sub_tabs ul li.tabberactive a:hover {
    height: 27px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    float: right;
    color: #000;
    background-color: #a1b9c7;
}

    .r_sub_tabs ul li.tabberactive a:hover span {
        height: 27px;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        float: right;
        color: #000;
        background-color: #a1b9c7;
    }


.tabberlive .tabbertab {
    border-top: 0;
    height: 300px;
    width: 96%;
    margin-right: 20px;
    float: right;
    background-color: #000;
}

    .tabberlive .tabbertab h2 {
        display: none;
    }

    .tabberlive .tabbertab h3 {
        display: none;
    }

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

    .tabberlive#tab2 .tabbertab {
        height: 300px;
        overflow: auto;
        background-color: #ffcc00;
    }

.info_services {
    width: 100%;
    float: right;
    height: 300px;
}


#scrollbar_tab_1,
#scrollbar_tab_2,
#scrollbar_tab_3,
#scrollbar_tab_4,
#scrollbar_tab_5,
#scrollbar_tab_6 {
    width: 100%;
    margin-top: 10px;
    background-color: #ffffff;
    float: left;
}

    #scrollbar_tab_1 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    #scrollbar_tab_1 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_tab_1 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_1 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_1 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_1 .disable {
        display: none;
    }


    #scrollbar_tab_2 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    #scrollbar_tab_2 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_tab_2 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_2 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_2 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_2 .disable {
        display: none;
    }

    #scrollbar_tab_3 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    #scrollbar_tab_3 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_tab_3 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_3 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_3 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_3 .disable {
        display: none;
    }

    #scrollbar_tab_4 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    #scrollbar_tab_4 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_tab_4 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_4 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_4 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_4 .disable {
        display: none;
    }

    #scrollbar_tab_5 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    #scrollbar_tab_5 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_tab_5 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_5 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_5 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_5 .disable {
        display: none;
    }

    #scrollbar_tab_6 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    #scrollbar_tab_6 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar_tab_6 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_6 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_6 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_6 .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.input_search {
    width: 97%;
    float: right;
    list-style: none;
    margin-top: 10px;
    background-color: #ffffff;
}

    .input_search li {
        width: 50%;
        list-style: none;
        height: 30px;
        margin-bottom: 5px;
        float: right;
    }

.details_calendar {
    margin-right: 5px;
    margin-top: 10px;
    float: right;
}

.save_tabs {
    width: 100%;
    float: right;
    height: 30px;
}

    .save_tabs a:link {
        background: #ffffff;
        border: 1px solid #ffffff;
        color: #ffffff;
        text-shadow: 0 1px rgba(255,255,255,0.3);
        border-radius: 4px;
        font-size: 18px;
        line-height: 19px;
        text-align: center;
        font-weight: 400;
        float: left;
        border-radius: 3px 3px 3px 3px;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: AssawtDecorative;
        font-weight: bold;
        text-decoration: none;
    }

    .save_tabs a:visited {
        background: #ffffff;
        border: 1px solid #ffffff;
        color: #ffffff;
        text-shadow: 0 1px rgba(255,255,255,0.3);
        border-radius: 4px;
        font-size: 18px;
        line-height: 19px;
        text-align: center;
        font-weight: 400;
        float: left;
        border-radius: 3px 3px 3px 3px;
        padding: 5px;
        font-family: AssawtDecorative;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .save_tabs a:hover {
        box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
        background: #ffffff;
        font-weight: bold;
        text-decoration: none;
    }


.name {
    font-size: 19px;
}

.text_more_info {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 18px;
    border: 1px solid #ffffff;
    color: #333;
    background-color: #ffffff;
}


.save_tabs input[type=button] {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    padding: 5px;
    font-size: 21px;
    width: 70px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

input[type=button] {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    padding: 5px;
    font-size: 21px;
    width: 70px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

.Button {
    width:100px;
    margin-left: 1%;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-radius: 5px;
    background-color: #0d77b6;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
}


.UCButton {
    border: 1px solid #0d77b6;
    color: #ffffff;
    background-color: #0d77b6;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    padding-bottom: 3px;
    border-radius: 3px;
}

.LinkButtonGrid {
    border: 1px solid #79a44d;color: #ffffff;border-radius: 5px;background-color: #0d77b6;display:block;border-radius: 5px;o-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;text-align: center;vertical-align:middle; font-weight: 300;font-size:large; width:23px; height:23px;
    
}



.center_button {
    text-align: center;
}

.save_tabs input[type=button]:hover {
    box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
    background: #ffffff;
}

input[type=button]:hover {
    background: rgba(255,255,255,0.3);
    text-decoration: none;
    color: #c09f48;
}

.Button:hover {
    box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
    background: #A1B9C7;
    color: #000000;
}

.UCButton:hover {
    box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
    background: #A1B9C7;
    color: #000000;
}

.table {
    width: 100%;
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-bottom: 100px;
    border: 0px;
    border: 1px solid #ccc;
}

    .table table.hovertable {
        font-family: verdana,arial,sans-serif;
        font-size: 17px;
        color: #333333;
        border-width: 1px;
        border-color: #999999;
        border-collapse: collapse;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 20px;
    }



        .table table.hovertable th {
            border-left: 1px solid #72a63e;
            border-right: 1px solid #72a63e;
            border-top: 1px solid #72a63e;
            border-bottom: 1px solid #ffffff;
            padding: 5px;
            background-color: #ffffff;
            font-size: 18px;
            color: #ffffff;
            background-image: linear-gradient(top, #ffffff, #72a63e);
        }


.PanelStyle{
    font-size: 18px;
    color:  #333;
    padding: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 99%;
    display:block;
    border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}
.PanelStyleMobileMaster{
    position:relative;
    font-size: 18px;
    color:  #333;
    padding: 3px;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 99%;
    height:99%;
    min-height:90vh;
    display:block;
    border:solid 1px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}

.PanelStyleMobile{
    position:relative;
    font-size: 18px;
    color:  #333;
    padding: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 98%;
    height:98%;
    min-height:90vh;
    display:block;
    border:solid 1px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}


.PagerStyle {
    background-color: #EAEAEA;
     font-size: 18px;
	color: #333;
	padding: 5px;
	font-family: DroidSansArabic;
	font-weight: 300;
	width: 100%;
	border: 1px solid #0d77b6;
	border-radius: 15px;
	o-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-image: linear-gradient(top, white, #EAEAEA);
}

.drpcount {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: White;
    border-bottom-color: #AAA;
    direction:rtl;
    color: #333;
    text-align:center;
    vertical-align:middle;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 99%;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 7px;
    border:solid 0.25px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}

.TabButtonBack {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #0d77b6;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
}

.TabButtonBack:hover {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}
         .TabButton {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #0d77b6;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
}

         .TabButton:hover {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}

         .ActiveButton {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}

.ActiveButton:hover {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}

         .TabSubButton {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #0d77b6;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
}

         .TabSubButton:hover {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}

         .ActiveSubButton {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}

.ActiveSubButton:hover {
    width:auto;
    height:35px;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: purple;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    font-family: 'DroidSansArabic';
    font-weight: bold;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    text-underline-position:below;
}

.table_Header_Mobile {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #AAA;
    background-color: #EAEAEA;
     font-size: 19px;
	color: #333;
	padding: 5px;
	font-family: DroidSansArabic;  
	font-weight: 300;
	width: 100%;
	text-align: right;
	background-color: #EAEAEA;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
background-image: -webkit-linear-gradient(bottom, white, #EAEAEA);
background-image: -moz-linear-gradient(bottom, white, #EAEAEA);
background-image: -ms-linear-gradient(bottom, white, #EAEAEA);
background-image: -o-linear-gradient(bottom, white, #EAEAEA);
background-image: linear-gradient(bottom, white, #EAEAEA);


}

.table_Header {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #AAA;
    background-color: #EAEAEA;
     font-size: 19px;
	color: #333;
	padding: 5px;
	font-family: DroidSansArabic;
	font-weight: 300;
	width: 100%;
	text-align: right;
	background-image: linear-gradient(top, white, #EAEAEA);
}

    .table_Header th {
        padding: 5px;
        /*text-align:right;*/
    }

        .table_Header th input[type="image"] {
            moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            background-color: #EAEAEA;
            border: 1px solid #aaa;
            padding: 3px;
            text-decoration: none;
            vertical-align: middle;
            white-space: nowrap;
            height: 18px;
            width: 18px;
            background-image: linear-gradient(top, white, #ffffff);
        }

.table_Row {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    font-size:19px;
    font-family: 'DroidSansArabic';
    background-color: #f4f9fa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f4f9fa));
    background-image: -webkit-linear-gradient(bottom, white, #f4f9fa);
    background-image: -moz-linear-gradient(bottom, white, #f4f9fa);
    background-image: -ms-linear-gradient(bottom, white, #f4f9fa);
    background-image: -o-linear-gradient(bottom, white, #f4f9fa);
    background-image: linear-gradient(bottom, white, #f4f9fa);
}
.table_Row_Classic {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    font-size:19px;
    font-family: 'DroidSansArabic';
    background-color: #f4f9fa;
}
.LabelStyle
{
	font-size:19px;
    font-family: 'DroidSansArabic';
}

    .table_Row td {
        border-width: 1px;
        padding: 2px;
        margin-top: 3px;
    }

        .table_Row td input[type="image"] {
            moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            background-color: #EAEAEA;
            border: 1px solid #aaa;
            padding: 2px;
            text-decoration: none;
            vertical-align: middle;
            white-space: nowrap;
            height: 18px;
            width: 18px;
            background-image: linear-gradient(top, white, #EAEAEA);
        }

.table_RowSelected_Support {
    font-weight: bold;
    font-size:large;
    border: 1px solid #a9c6c9;
}

.table_RowSelected {
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
    font-weight: bold;
    border: 1px solid #a9c6c9;
}

    .table_RowSelected td {
        /*border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: LemonChiffon;*/
    }

.table_Pager td {
    padding: 1px;
}

.table table.hovertable tr {
    background-color: #fdfdfd;
    padding: 0px;
}

.table tr td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}


.table td img {
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #EAEAEA;
    border: 1px solid #aaa;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(top, white, #EAEAEA);
}


.table th img {
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #EAEAEA;
    border: 1px solid #aaa;
    padding: 3px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(top, white, #ffffff);
}

.text_table {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    display: block;
    width: 135px;
    padding: 2px;
    border: 1px solid #ccc;
    float: right;
    color: #333;
}

#add_room_row {
    width: 100%;
    margin-left: 10px;
    margin-bottom: 20px;
    float: right;
}

    #add_room_row ul {
        width: 100%;
        margin-right: 10px;
        list-style: none;
        font-size: 18px;
    }

        #add_room_row ul li {
            font-size: 18px;
            float: left;
            margin-right: 25px;
        }

            #add_room_row ul li spen {
                font-size: 18px;
                float: right;
            }

        #add_room_row ul img {
            width: 16px;
            height: 16px;
            float: right;
            margin-left: 5px;
        }

        #add_room_row ul li a:link {
            margin-right: 1%;
            background: #ffffff;
            border: 1px solid #ffffff;
            color: #ffffff;
            border-radius: 4px;
            font-size: 18px;
            line-height: 19px;
            text-align: center;
            margin-left: 10px;
            font-weight: bold;
            float: left;
            border-radius: 3px 3px 3px 3px;
            padding: 5px;
            text-decoration: none;
        }

        #add_room_row ul li a:visited {
            margin-right: 1%;
            background: #ffffff;
            border: 1px solid #ffffff;
            color: #ffffff;
            border-radius: 4px;
            font-size: 18px;
            line-height: 19px;
            text-align: center;
            margin-left: 10px;
            font-weight: bold;
            float: left;
            border-radius: 3px 3px 3px 3px;
            text-decoration: none;
        }

        #add_room_row ul li a:hover {
            box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
            background: #ffffff;
            text-decoration: none;
        }

.ImageAddRemoveButton {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    border-radius: 4px;
    font-size: 25px;
    text-align: center;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

    .ImageAddRemoveButton:hover {
        box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
        background: #ffffff;
        color: #333;
    }


.gridpager span {
    color: #ffffff;
    text-decoration: none;
    height: 15px;
    background-color: #ffffff;
    width: 25px;
    float: left;
    text-align: center;
    font-size: 19px;
    margin-top: 20px;
    margin-left: 10px;
    border: 1px solid #ffffff;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.gridpager a {
    color: #ffffff;
    text-decoration: none;
    height: 15px;
    width: 25px;
    float: left;
    text-align: center;
    font-size: 19px;
    margin-left: 10px;
    margin-top: 20px;
    border: 1px solid #ffffff;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gridpager a:hover {
        color: #ffffff;
        text-decoration: none;
        height: 15px;
        background-color: #ffffff;
        width: 25px;
        float: left;
        text-align: center;
        font-size: 19px;
        margin-left: 10px;
        margin-top: 20px;
        border: 1px solid #ffffff;
        moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.GreenNum {
    color: Green;
}

.RedNum {
    color: Red;
}

.checkBoxList {
  max-height:100px;
  height:auto ;
  
  border-style:solid;
  border-width:1px;
  border-color:gray;
  overflow-y:auto;
  
  
}
[type=Label] {
    float: right;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

Label {
    float: right;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}


input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 50%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}


select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 53%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}



[type=textarea] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 70.5%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
    height: 40px;
}

textarea {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 90%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
    height: 40px;
}

[type:button] {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    padding: 5px;
    font-size: 21px;
    width: 70px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

button:hover {
    background: rgba(255,255,255,0.3);
    text-decoration: none;
    color: #c09f48;
}

tabs color {
    background-color: #0d77b6;
    font-weight: normal;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0d77b6), to(#98213d));
    background-image: -webkit-linear-gradient(top, #0d77b6, #98213d);
    background-image: -moz-linear-gradient(top, #0d77b6, #98213d);
    background-image: -ms-linear-gradient(top, #0d77b6, #98213d);
    background-image: -o-linear-gradient(top, #0d77b6, #98213d);
    background-image: linear-gradient(top, #0d77b6, #98213d);
}






.hiddenCtrl {
    display: none;
}

#message {
    float: right;
    width: 100%;
    margin-top: 20px;
}

    #message p {
        float: right;
        width: 60%;
        line-height: 25px;
        font-size: 17px;
    }

        #message p img {
            float: right;
            margin-top: 10px;
            margin-left: 5px;
        }

        #message p a:link,
        #message p a:visited {
            color: #0d77b6;
        }

        #message p a:hover {
            color: #333;
        }

.history_number {
    float: left;
    list-style: none;
    width: 190px;
}

    .history_number li {
        list-style: none;
        float: left;
        border: 1px solid #a1b9c7;
        color: #ffffff;
        border-radius: 5px;
        height: 30px;
        margin-bottom: 5px;
        width: 190px;
        font-family: 'DroidSansArabic';
        text-decoration: none;
        background-color: #0d77b6;
    }

        .history_number li img {
            float: right;
            width: 20px;
            height: 20px;
            margin-top: 5px;
            margin-right: 5px;
        }


        .history_number li h1 {
            font-family: 'DroidSansArabic';
            font-size: 17px;
            font-weight: 300;
            float: right;
            margin-right: 5px;
            margin-top: 6px;
            white-space: nowrap;
        }

.name_test {
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
    float: right;
    white-space: nowrap;
}

.dott {
    float: right;
    margin-top: -5px;
    font-size: 25px;
    color: #c9a62a;
    margin-left: 5px;
}

#help_info_tabs {
    width: 20%;
    float: left;
    height: 370px;
}

    #help_info_tabs p {
        line-height: 25px;
        color: #444;
        padding: 10px;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        float: right;
    }

table {
    border-style: 1px solid #ccc;
}

.right_table {
    width: 78%;
    float: right;
}

.h_right_table {
    width: 78%;
    float: right;
}

.table_panel {
    width: 100%;
    border: 1px solid #ccc;
}


input[type=password] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 50%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.TextAlignLeft {
    text-align: left;
    direction: ltr;
}

.border_tabel {
    border-left: 5px solid #0d77b6;
}


#conditions {
    float: right;
    width: 90%;
    margin: 5%;
}

#title_conditions {
    width: 100%;
    float: right;
    height: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    #title_conditions img {
        height: 28px;
        width: 276px;
        text-align: center;
        margin: auto;
    }

#conditions ul {
    list-style: none;
    float: right;
    width: 100%;
}

    #conditions ul li {
        float: right;
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }

        #conditions ul li span {
            list-style: none;
            float: right;
            color: #0d77b6;
            margin-left: 5px;
            font-size: 23px;
            margin-right: 10px;
        }

        #conditions ul li h1 {
            float: right;
            color: #333;
            font-family: 'DroidSansArabic';
            font-size: 23px;
            font-weight: 300;
        }

.one {
    background-color: #f4f4f4;
}

#conditions p {
    float: right;
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 300;
    color: #F00;
    margin-top: 10px;
    margin-right: 10px;
}

.DocTitle {
    margin: -10px;
    padding: 0px;
    font-size: 21px;
}

#accordion-example4 {
    width: 100%;
    float: right;
    margin-top: 20px;
    padding-bottom: 20px;
}

#name_all_info {
    width: 100%;
    float: left;
    height: 25px;
    padding-top: 20px;
    margin-bottom: 10px;
}

#accordion-example4 h3 {
    height: 20px;
    font-weight: 300;
    font-size: 19px;
    font-family: 'DroidSansArabic';
    color: #74747b;
    border-bottom: 2px solid #74747b;
    width: 100%;
    padding-top: 5px;
    margin-bottom: 20px;
}

    #accordion-example4 h3 a:link {
        color: #74747b;
        text-decoration: none;
    }

    #accordion-example4 h3 a:visited {
        color: #74747b;
        text-decoration: none;
    }

    #accordion-example4 h3 a:hover {
        text-decoration: none;
        color: #74747b;
    }

.Panel_Field {
    margin-bottom: 10px;
}

.select_table {
    float: right;
    text-align: right;
    padding-top: 5px;
}

    .select_table select {
        font-family: 'DroidSansArabic';
        font-size: 17px;
        font-weight: 400;
        display: block;
        width: 20%;
        border: 1px solid #ccc;
        color: #666666;
        background-color: #ffffff;
        outline: none;
        float: right;
        height: 24px;
        margin-top: -1px;
    }

.next_back_table {
    float: right;
    width: 101px;
    direction: ltr;
    padding-top: 5px;
    padding-left: 5px;
}

.right_table_No_Help {
    width: 100%;
    float: right;
}




.popbox {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background: #ffffff;
    color: #333;
    border: 1px solid #ccc;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

    .popbox ul {
        padding: 5px;
        list-style: square;
        margin-right: 15px;
        color: #0d77b6;
    }

    .popbox p {
        color: #333;
    }

.popper {
    text-decoration: none;
    border: 1px solid #ad8d1a;
    color: #675221;
    background-color: #dbc374;
    border-radius: 3px;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    padding: 5px;
    margin: 5px;
    float: right;
}

.big_table {
    width: auto;
    margin-top: 10px;
    text-align: right;
    
}

.big_table_form {
    width: 100%;
    margin-top: 10px;
}

.big_table_form_name {
    width: 10%;
}

.big_table_form_input {
    width: 25%;
}



.sortUpStyle {
    background-image: url(../../Images/sortup.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: #333;
}


.sortDownStyle {
    background-image: url(../../Images/sortdown.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: #333;
}

.sortUpDownStyle {
    background-image: url(../../Images/sortUpDown.gif);
    background-repeat: no-repeat;
    background-position: right;
    margin-left:300px;
    text-decoration: none;
    color: #333;
}


.sortUpStyle a:link,
.sortUpStyle a:visited,
.sortUpStyle a:hover {
    text-decoration: none;
    color: #333;
    margin-right:13px;
}


.sortUpDownStyle a:link,
.sortUpDownStyle a:visited,
.sortUpDownStyle a:hover {
    text-decoration: none;
    color: #333;
    background: none;
    margin-right:13px;
}


.sortDownStyle a:link,
.sortDownStyle a:visited,
.sortDownStyle a:hover {
    text-decoration: none;
    color: #333;
    margin-right:13px;
}





.FromTo_test {
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
    float: right;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
}




.ac-container {
    width: 100%;
    float: right;
}

    .ac-container h1 {
        color: #333;
        font-family: 'DroidSansArabic';
        font-size: 19px;
        font-weight: 300;
        text-align: right;
        margin-right: 20px;
    }

    .ac-container label {
        position: relative;
        z-index: 20;
        display: block;
        height: 20px;
        cursor: pointer;
        width: 100%;
        margin-bottom: 10px;
        border-width: 1px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        border-style: solid;
        border-color: #AAA;
        background-color: #EAEAEA;
        background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
        background-image: -webkit-linear-gradient(top, white, #EAEAEA);
        background-image: -moz-linear-gradient(top, white, #EAEAEA);
        background-image: -ms-linear-gradient(top, white, #EAEAEA);
        background-image: -o-linear-gradient(top, white, #EAEAEA);
        background-image: linear-gradient(top, white, #EAEAEA);
        border-bottom-color: #AAA;
    }

        .ac-container label:hover {
            color: #0d77b6;
        }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        color: #0d77b6;
    }

        .ac-container label:hover:after,
        .ac-container input:checked + label:hover:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            right: 13px;
            top: 7px;
            background: transparent url(../../images/arrow_down.png) no-repeat center center;
        }

        .ac-container input:checked + label:hover:after {
            background-image: url(../../images/arrow_up.png);
        }

    .ac-container input[type=checkbox] {
        display: none;
    }

.checmargin {
    margin: 0px;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
}


.ac-container input:checked ~ article.ac-small {
    height: 100%;
    float: right;
    width: 100%;
}

.CheckListDir input[type=checkbox] {
    float: right;
    margin-left: 10px;
}

.Calendar .ajax__calendar_container {
    z-index: 999999;
}


.RbuttonList input[type=Radio] {
    float: right;
}







.all_grid_form {
    width: 100%;
    float: right;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.input_Dounble_Ctrl {
}

.input_normal,
.input_small,
.input_large,
.input_select_text,
.input_text_select,
.input_Dounble_Ctrl {
    width: 35%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.all_small_field {
    width: 62%;
    float: right;
}

.all_big_field {
    width: 62%;
    float: right;
}

.r_small_field {
    width: 20%;
    float: right;
}

.l_small_field {
    width: 20%;
    float: right;
}

.r_small_text {
    float: right;
    margin-top: 6px;
    width: 10%;
}

.l_small_text {
    float: right;
    margin-top: 6px;
    width: 10%;
    margin-right: 20px;
}

.m_small_text {
    float: right;
    margin-top: 6px;
    width: 10%;
    margin-right: 26px;
}

.l_big_field {
    width: 40%;
    float: right;
    margin-right: 10px;
}


.all_small_field input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.all_big_field input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 90%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.full_name_input input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}





.small_text {
    width: 20%;
    float: right;
    margin-top: 8px;
    text-align: center;
}

.small_tr {
    width: 33%;
    float: right;
}



.all_grid_form _small {
    width: 60%;
}

.all_grid_form_name {
    width: 15%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.all_grid_form_name_large {
    width: 20%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.all_grid_form_name_small {
    width: 5%;
    height: 30px;
}

.all_grid_form_small {
    width: 60%;
    float: right;
}

.acadmeic_year {
    width: 3%;
    height: 30px;
}


.all_grid_form_name_small {
    width: 10%;
    height: 30px;
}

.Validation_grid {
    padding-right: 18px;
}

.input_normal input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 60%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_Dounble_Ctrl select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 22%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}

.input_normal select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 62%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}

.radio_two {
    margin-right: 20px;
}


.input_small input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 30%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_small select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 30%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}


.input_large input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 85%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_large select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 87%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}




.input_select_text input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 64%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_select_text select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 20%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
    margin-left: 1.5%;
}



.input_text_select input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 64%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
    margin-left: 1.5%;
}

.input_text_select select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 20%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}

.full_name_input {
    margin-right: 10px;
    width: 60%;
    float: right;
}

.SecondTextBox {
    margin-right: 3px;
    float: right;
    width: 150px;
}

legend {
    white-space: nowrap;
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
}

.all_details_Pnl {
    width: 95%;
    margin-left: 5px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    direction: rtl;
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
}

.r_all_tabs_full {
    width: 100%;
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-bottom: 10px;
    min-height: 365px;
    margin-top: 10px;
}


.Academic_Tree {
    font-family: 'DroidSansArabic';
}

.WarningHdr {
    color: #1556AB;
    font-weight: bold;
    font-size: 20px;
    font-family: 'DroidSansArabic';
    padding-righ: 10px;
}

.WarningBody {
    color: #1556AB;
    font-size: 22px;
    font-family: 'DroidSansArabic';
}

.message_warning {
    margin: 10px;
    font-size: 22px;
    color: #1556AB;
    font-family: 'DroidSansArabic';
}

.btn_center {
    display: block;
    margin: auto;
}


.input_small_mini {
    width: 22%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

    .input_small_mini input[type=text] {
        font-family: 'DroidSansArabic';
        font-weight: 300;
        font-size: 17px;
        display: block;
        width: 50%;
        margin-bottom: 5px;
        padding: 4px;
        border: 1px solid #ccc;
        float: right;
        color: #74747b;
        background-color: #ffffff;
        outline: none;
    }

    .input_small_mini select {
        font-family: 'DroidSansArabic';
        font-size: 17px;
        font-weight: 400;
        display: block;
        width: 53%;
        margin-bottom: 5px;
        padding: 4px;
        border: 1px solid #ccc;
        color: #666666;
        background-color: #ffffff;
        outline: none;
        float: right;
    }

.SummaryValidate {
    float: right;
}

.checkbox_table {
    float: right;
    margin-right: 2px;
}

.BtnSearchCenter {
    float: right;
    margin-right: 5px;
    margin-top: -5px;
}

.search_filter {
    margin-right: 5px;
    margin-top: 2px;
    float: right;
}

    .search_filter img {
        height: 34px;
    }

html body .riSingle .riTextBox, html body .riSingle [type='text'].riTextBox {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 50%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}
.grd_nores {
    margin-top:10px;
}



@font-face {
	font-family: "Flaticon";
	src: url("font/flaticon.eot");
	src: url("font/flaticon.eot#iefix") format("embedded-opentype"),
	url("font/flaticon.woff") format("woff"),
	url("font/flaticon.ttf") format("truetype"),
	url("font/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}.flaticon-adjust4:before {
	content: "\e000";
}
.flaticon-align14:before {
	content: "\e001";
}
.flaticon-align15:before {
	content: "\e002";
}
.flaticon-align16:before {
	content: "\e003";
}
.flaticon-ambulance8:before {
	content: "\e004";
}
.flaticon-anchor16:before {
	content: "\e005";
}
.flaticon-android4:before {
	content: "\e006";
}
.flaticon-angle1:before {
	content: "\e007";
}
.flaticon-angle2:before {
	content: "\e008";
}
.flaticon-angle:before {
	content: "\e009";
}
.flaticon-apple22:before {
	content: "\e00a";
}
.flaticon-archive15:before {
	content: "\e00b";
}
.flaticon-arrow459:before {
	content: "\e00c";
}
.flaticon-arrow460:before {
	content: "\e00d";
}
.flaticon-arrow461:before {
	content: "\e00e";
}
.flaticon-arrow462:before {
	content: "\e00f";
}
.flaticon-arrow463:before {
	content: "\e010";
}
.flaticon-arrow464:before {
	content: "\e011";
}
.flaticon-arrow465:before {
	content: "\e012";
}
.flaticon-arrow466:before {
	content: "\e013";
}
.flaticon-arrow467:before {
	content: "\e014";
}
.flaticon-arrowhead5:before {
	content: "\e015";
}
.flaticon-arrowhead6:before {
	content: "\e016";
}
.flaticon-arrowheads:before {
	content: "\e017";
}
.flaticon-asterisk2:before {
	content: "\e018";
}
.flaticon-ban:before {
	content: "\e019";
}
.flaticon-bar10:before {
	content: "\e01a";
}
.flaticon-barcode2:before {
	content: "\e01b";
}
.flaticon-beaker2:before {
	content: "\e01c";
}
.flaticon-beer9:before {
	content: "\e01d";
}
.flaticon-bell13:before {
	content: "\e01e";
}
.flaticon-bitbucket:before {
	content: "\e01f";
}
.flaticon-bitcoin:before {
	content: "\e020";
}
.flaticon-bold14:before {
	content: "\e021";
}
.flaticon-book95:before {
	content: "\e022";
}
.flaticon-bookmark10:before {
	content: "\e023";
}
.flaticon-bookmark9:before {
	content: "\e024";
}
.flaticon-branch:before {
	content: "\e025";
}
.flaticon-briefcase11:before {
	content: "\e026";
}
.flaticon-bug6:before {
	content: "\e027";
}
.flaticon-building8:before {
	content: "\e028";
}
.flaticon-bull1:before {
	content: "\e029";
}
.flaticon-bullseye:before {
	content: "\e02a";
}
.flaticon-calendar51:before {
	content: "\e02b";
}
.flaticon-calendar52:before {
	content: "\e02c";
}
.flaticon-camera46:before {
	content: "\e02d";
}
.flaticon-camera47:before {
	content: "\e02e";
}
.flaticon-caret4:before {
	content: "\e02f";
}
.flaticon-caret5:before {
	content: "\e030";
}
.flaticon-caret6:before {
	content: "\e031";
}
.flaticon-center5:before {
	content: "\e032";
}
.flaticon-certificate6:before {
	content: "\e033";
}
.flaticon-check29:before {
	content: "\e034";
}
.flaticon-check30:before {
	content: "\e035";
}
.flaticon-check31:before {
	content: "\e036";
}
.flaticon-checkered2:before {
	content: "\e037";
}
.flaticon-chevron17:before {
	content: "\e038";
}
.flaticon-chevron18:before {
	content: "\e039";
}
.flaticon-chevron19:before {
	content: "\e03a";
}
.flaticon-chevron20:before {
	content: "\e03b";
}
.flaticon-chevron21:before {
	content: "\e03c";
}
.flaticon-chevron22:before {
	content: "\e03d";
}
.flaticon-chevron23:before {
	content: "\e03e";
}
.flaticon-chevron24:before {
	content: "\e03f";
}
.flaticon-circle33:before {
	content: "\e040";
}
.flaticon-circle34:before {
	content: "\e041";
}
.flaticon-circular56:before {
	content: "\e042";
}
.flaticon-cloud106:before {
	content: "\e043";
}
.flaticon-cloud107:before {
	content: "\e044";
}
.flaticon-code10:before {
	content: "\e045";
}
.flaticon-code11:before {
	content: "\e046";
}
.flaticon-coffee18:before {
	content: "\e047";
}
.flaticon-cog2:before {
	content: "\e048";
}
.flaticon-cogs3:before {
	content: "\e049";
}
.flaticon-collapse2:before {
	content: "\e04a";
}
.flaticon-comment32:before {
	content: "\e04b";
}
.flaticon-comment33:before {
	content: "\e04c";
}
.flaticon-comments16:before {
	content: "\e04d";
}
.flaticon-compass41:before {
	content: "\e04e";
}
.flaticon-computer74:before {
	content: "\e04f";
}
.flaticon-copy10:before {
	content: "\e050";
}
.flaticon-correct8:before {
	content: "\e051";
}
.flaticon-couple35:before {
	content: "\e052";
}
.flaticon-credit40:before {
	content: "\e053";
}
.flaticon-crop4:before {
	content: "\e054";
}
.flaticon-cross41:before {
	content: "\e055";
}
.flaticon-css3:before {
	content: "\e056";
}
.flaticon-curved8:before {
	content: "\e057";
}
.flaticon-cut18:before {
	content: "\e058";
}
.flaticon-dashboard2:before {
	content: "\e059";
}
.flaticon-delivery7:before {
	content: "\e05a";
}
.flaticon-desktop14:before {
	content: "\e05b";
}
.flaticon-dot:before {
	content: "\e05c";
}
.flaticon-double28:before {
	content: "\e05d";
}
.flaticon-double29:before {
	content: "\e05e";
}
.flaticon-double30:before {
	content: "\e05f";
}
.flaticon-double31:before {
	content: "\e060";
}
.flaticon-double32:before {
	content: "\e061";
}
.flaticon-download62:before {
	content: "\e062";
}
.flaticon-download63:before {
	content: "\e063";
}
.flaticon-dribbble4:before {
	content: "\e064";
}
.flaticon-dropbox13:before {
	content: "\e065";
}
.flaticon-earth17:before {
	content: "\e066";
}
.flaticon-edit24:before {
	content: "\e067";
}
.flaticon-eject14:before {
	content: "\e068";
}
.flaticon-envelope4:before {
	content: "\e069";
}
.flaticon-envelope5:before {
	content: "\e06a";
}
.flaticon-euro29:before {
	content: "\e06b";
}
.flaticon-exchange1:before {
	content: "\e06c";
}
.flaticon-exclamation8:before {
	content: "\e06d";
}
.flaticon-exclamation9:before {
	content: "\e06e";
}
.flaticon-expand16:before {
	content: "\e06f";
}
.flaticon-external1:before {
	content: "\e070";
}
.flaticon-external2:before {
	content: "\e071";
}
.flaticon-eye50:before {
	content: "\e072";
}
.flaticon-eye51:before {
	content: "\e073";
}
.flaticon-facebook25:before {
	content: "\e074";
}
.flaticon-facebook26:before {
	content: "\e075";
}
.flaticon-facetime:before {
	content: "\e076";
}
.flaticon-fast13:before {
	content: "\e077";
}
.flaticon-female76:before {
	content: "\e078";
}
.flaticon-fighter2:before {
	content: "\e079";
}
.flaticon-file27:before {
	content: "\e07a";
}
.flaticon-file28:before {
	content: "\e07b";
}
.flaticon-film28:before {
	content: "\e07c";
}
.flaticon-filter10:before {
	content: "\e07d";
}
.flaticon-finger6:before {
	content: "\e07e";
}
.flaticon-fire16:before {
	content: "\e07f";
}
.flaticon-fire17:before {
	content: "\e080";
}
.flaticon-flag28:before {
	content: "\e081";
}
.flaticon-flickr8:before {
	content: "\e082";
}
.flaticon-fluffy1:before {
	content: "\e083";
}
.flaticon-folder64:before {
	content: "\e084";
}
.flaticon-folder65:before {
	content: "\e085";
}
.flaticon-folder66:before {
	content: "\e086";
}
.flaticon-font2:before {
	content: "\e087";
}
.flaticon-font3:before {
	content: "\e088";
}
.flaticon-fork9:before {
	content: "\e089";
}
.flaticon-forward8:before {
	content: "\e08a";
}
.flaticon-four29:before {
	content: "\e08b";
}
.flaticon-foursquare5:before {
	content: "\e08c";
}
.flaticon-frown:before {
	content: "\e08d";
}
.flaticon-fullscreen4:before {
	content: "\e08e";
}
.flaticon-gamepad1:before {
	content: "\e08f";
}
.flaticon-gift49:before {
	content: "\e090";
}
.flaticon-github10:before {
	content: "\e091";
}
.flaticon-github11:before {
	content: "\e092";
}
.flaticon-github12:before {
	content: "\e093";
}
.flaticon-gittip:before {
	content: "\e094";
}
.flaticon-glass8:before {
	content: "\e095";
}
.flaticon-google25:before {
	content: "\e096";
}
.flaticon-google26:before {
	content: "\e097";
}
.flaticon-great11:before {
	content: "\e098";
}
.flaticon-group41:before {
	content: "\e099";
}
.flaticon-half14:before {
	content: "\e09a";
}
.flaticon-hand34:before {
	content: "\e09b";
}
.flaticon-hand35:before {
	content: "\e09c";
}
.flaticon-hand40:before {
	content: "\e09d";
}
.flaticon-hdd:before {
	content: "\e09e";
}
.flaticon-heart74:before {
	content: "\e09f";
}
.flaticon-heart75:before {
	content: "\e0a0";
}
.flaticon-horizontal9:before {
	content: "\e0a1";
}
.flaticon-hostpital:before {
	content: "\e0a2";
}
.flaticon-hotel17:before {
	content: "\e0a3";
}
.flaticon-html4:before {
	content: "\e0a4";
}
.flaticon-inbox12:before {
	content: "\e0a5";
}
.flaticon-increase:before {
	content: "\e0a6";
}
.flaticon-indent1:before {
	content: "\e0a7";
}
.flaticon-information34:before {
	content: "\e0a8";
}
.flaticon-information35:before {
	content: "\e0a9";
}
.flaticon-instagram3:before {
	content: "\e0aa";
}
.flaticon-italicize:before {
	content: "\e0ab";
}
.flaticon-keyboard13:before {
	content: "\e0ac";
}
.flaticon-left32:before {
	content: "\e0ad";
}
.flaticon-legal1:before {
	content: "\e0ae";
}
.flaticon-lemon3:before {
	content: "\e0af";
}
.flaticon-leter:before {
	content: "\e0b0";
}
.flaticon-letter15:before {
	content: "\e0b1";
}
.flaticon-level:before {
	content: "\e0b2";
}
.flaticon-light45:before {
	content: "\e0b3";
}
.flaticon-lightning14:before {
	content: "\e0b4";
}
.flaticon-link15:before {
	content: "\e0b5";
}
.flaticon-linkedin10:before {
	content: "\e0b6";
}
.flaticon-linkedin9:before {
	content: "\e0b7";
}
.flaticon-linux3:before {
	content: "\e0b8";
}
.flaticon-list28:before {
	content: "\e0b9";
}
.flaticon-list29:before {
	content: "\e0ba";
}
.flaticon-list30:before {
	content: "\e0bb";
}
.flaticon-listing1:before {
	content: "\e0bc";
}
.flaticon-location28:before {
	content: "\e0bd";
}
.flaticon-lock24:before {
	content: "\e0be";
}
.flaticon-long3:before {
	content: "\e0bf";
}
.flaticon-long4:before {
	content: "\e0c0";
}
.flaticon-long5:before {
	content: "\e0c1";
}
.flaticon-long6:before {
	content: "\e0c2";
}
.flaticon-magic7:before {
	content: "\e0c3";
}
.flaticon-male93:before {
	content: "\e0c4";
}
.flaticon-map25:before {
	content: "\e0c5";
}
.flaticon-maxcdn:before {
	content: "\e0c6";
}
.flaticon-medkit:before {
	content: "\e0c7";
}
.flaticon-meh:before {
	content: "\e0c8";
}
.flaticon-microphone27:before {
	content: "\e0c9";
}
.flaticon-microphone28:before {
	content: "\e0ca";
}
.flaticon-minus18:before {
	content: "\e0cb";
}
.flaticon-minus19:before {
	content: "\e0cc";
}
.flaticon-minus20:before {
	content: "\e0cd";
}
.flaticon-minus21:before {
	content: "\e0ce";
}
.flaticon-minus22:before {
	content: "\e0cf";
}
.flaticon-mobile29:before {
	content: "\e0d0";
}
.flaticon-money10:before {
	content: "\e0d1";
}
.flaticon-moon18:before {
	content: "\e0d2";
}
.flaticon-move14:before {
	content: "\e0d3";
}
.flaticon-music66:before {
	content: "\e0d4";
}
.flaticon-music67:before {
	content: "\e0d5";
}
.flaticon-musical32:before {
	content: "\e0d6";
}
.flaticon-nine10:before {
	content: "\e0d7";
}
.flaticon-numbered4:before {
	content: "\e0d8";
}
.flaticon-ok2:before {
	content: "\e0d9";
}
.flaticon-ok3:before {
	content: "\e0da";
}
.flaticon-open94:before {
	content: "\e0db";
}
.flaticon-open95:before {
	content: "\e0dc";
}
.flaticon-open96:before {
	content: "\e0dd";
}
.flaticon-open97:before {
	content: "\e0de";
}
.flaticon-paper47:before {
	content: "\e0df";
}
.flaticon-paper48:before {
	content: "\e0e0";
}
.flaticon-paste2:before {
	content: "\e0e1";
}
.flaticon-pause14:before {
	content: "\e0e2";
}
.flaticon-pencil30:before {
	content: "\e0e3";
}
.flaticon-photo33:before {
	content: "\e0e4";
}
.flaticon-picture13:before {
	content: "\e0e5";
}
.flaticon-pinterest12:before {
	content: "\e0e6";
}
.flaticon-pinterest13:before {
	content: "\e0e7";
}
.flaticon-plane12:before {
	content: "\e0e8";
}
.flaticon-plant16:before {
	content: "\e0e9";
}
.flaticon-play39:before {
	content: "\e0ea";
}
.flaticon-play40:before {
	content: "\e0eb";
}
.flaticon-play41:before {
	content: "\e0ec";
}
.flaticon-play42:before {
	content: "\e0ed";
}
.flaticon-plus25:before {
	content: "\e0ee";
}
.flaticon-plus26:before {
	content: "\e0ef";
}
.flaticon-plus27:before {
	content: "\e0f0";
}
.flaticon-power27:before {
	content: "\e0f1";
}
.flaticon-printing1:before {
	content: "\e0f2";
}
.flaticon-puzzle12:before {
	content: "\e0f3";
}
.flaticon-qr2:before {
	content: "\e0f4";
}
.flaticon-question22:before {
	content: "\e0f5";
}
.flaticon-question23:before {
	content: "\e0f6";
}
.flaticon-quote2:before {
	content: "\e0f7";
}
.flaticon-reduced:before {
	content: "\e0f8";
}
.flaticon-refresh36:before {
	content: "\e0f9";
}
.flaticon-refresh37:before {
	content: "\e0fa";
}
.flaticon-remove10:before {
	content: "\e0fb";
}
.flaticon-remove11:before {
	content: "\e0fc";
}
.flaticon-renren:before {
	content: "\e0fd";
}
.flaticon-reorder:before {
	content: "\e0fe";
}
.flaticon-reply8:before {
	content: "\e0ff";
}
.flaticon-reply9:before {
	content: "\e100";
}
.flaticon-resize4:before {
	content: "\e101";
}
.flaticon-retweet2:before {
	content: "\e102";
}
.flaticon-rewind25:before {
	content: "\e103";
}
.flaticon-right28:before {
	content: "\e104";
}
.flaticon-right29:before {
	content: "\e105";
}
.flaticon-road16:before {
	content: "\e106";
}
.flaticon-rounded30:before {
	content: "\e107";
}
.flaticon-rss25:before {
	content: "\e108";
}
.flaticon-rss26:before {
	content: "\e109";
}
.flaticon-rupee1:before {
	content: "\e10a";
}
.flaticon-save8:before {
	content: "\e10b";
}
.flaticon-screenshot:before {
	content: "\e10c";
}
.flaticon-search19:before {
	content: "\e10d";
}
.flaticon-share13:before {
	content: "\e10e";
}
.flaticon-share14:before {
	content: "\e10f";
}
.flaticon-share15:before {
	content: "\e110";
}
.flaticon-shield36:before {
	content: "\e111";
}
.flaticon-shopping69:before {
	content: "\e112";
}
.flaticon-sign3:before {
	content: "\e113";
}
.flaticon-sign4:before {
	content: "\e114";
}
.flaticon-signal22:before {
	content: "\e115";
}
.flaticon-sitemap1:before {
	content: "\e116";
}
.flaticon-skype9:before {
	content: "\e117";
}
.flaticon-small143:before {
	content: "\e118";
}
.flaticon-small144:before {
	content: "\e119";
}
.flaticon-smile:before {
	content: "\e11a";
}
.flaticon-sort10:before {
	content: "\e11b";
}
.flaticon-sort11:before {
	content: "\e11c";
}
.flaticon-sort12:before {
	content: "\e11d";
}
.flaticon-sort13:before {
	content: "\e11e";
}
.flaticon-sort14:before {
	content: "\e11f";
}
.flaticon-sort6:before {
	content: "\e120";
}
.flaticon-sort7:before {
	content: "\e121";
}
.flaticon-sort8:before {
	content: "\e122";
}
.flaticon-sort9:before {
	content: "\e123";
}
.flaticon-speech59:before {
	content: "\e124";
}
.flaticon-spinner8:before {
	content: "\e125";
}
.flaticon-square62:before {
	content: "\e126";
}
.flaticon-stack10:before {
	content: "\e127";
}
.flaticon-stack11:before {
	content: "\e128";
}
.flaticon-star60:before {
	content: "\e129";
}
.flaticon-star61:before {
	content: "\e12a";
}
.flaticon-star62:before {
	content: "\e12b";
}
.flaticon-step1:before {
	content: "\e12c";
}
.flaticon-step:before {
	content: "\e12d";
}
.flaticon-stethoscope6:before {
	content: "\e12e";
}
.flaticon-strikethrough1:before {
	content: "\e12f";
}
.flaticon-suitcase24:before {
	content: "\e130";
}
.flaticon-sun32:before {
	content: "\e131";
}
.flaticon-superscript:before {
	content: "\e132";
}
.flaticon-table21:before {
	content: "\e133";
}
.flaticon-tag32:before {
	content: "\e134";
}
.flaticon-tags2:before {
	content: "\e135";
}
.flaticon-tasks:before {
	content: "\e136";
}
.flaticon-telephone65:before {
	content: "\e137";
}
.flaticon-telephone66:before {
	content: "\e138";
}
.flaticon-terminal7:before {
	content: "\e139";
}
.flaticon-text59:before {
	content: "\e13a";
}
.flaticon-text60:before {
	content: "\e13b";
}
.flaticon-text61:before {
	content: "\e13c";
}
.flaticon-text62:before {
	content: "\e13d";
}
.flaticon-thin24:before {
	content: "\e13e";
}
.flaticon-thumbs25:before {
	content: "\e13f";
}
.flaticon-thumbs26:before {
	content: "\e140";
}
.flaticon-thumbs27:before {
	content: "\e141";
}
.flaticon-thumbs28:before {
	content: "\e142";
}
.flaticon-ticket6:before {
	content: "\e143";
}
.flaticon-time7:before {
	content: "\e144";
}
.flaticon-tint:before {
	content: "\e145";
}
.flaticon-trash29:before {
	content: "\e146";
}
.flaticon-trello:before {
	content: "\e147";
}
.flaticon-trophy3:before {
	content: "\e148";
}
.flaticon-tumblr10:before {
	content: "\e149";
}
.flaticon-tumblr11:before {
	content: "\e14a";
}
.flaticon-turkish1:before {
	content: "\e14b";
}
.flaticon-twitter15:before {
	content: "\e14c";
}
.flaticon-twitter16:before {
	content: "\e14d";
}
.flaticon-two121:before {
	content: "\e14e";
}
.flaticon-u1:before {
	content: "\e14f";
}
.flaticon-umbrella16:before {
	content: "\e150";
}
.flaticon-underline2:before {
	content: "\e151";
}
.flaticon-undo5:before {
	content: "\e152";
}
.flaticon-unlink:before {
	content: "\e153";
}
.flaticon-unlock3:before {
	content: "\e154";
}
.flaticon-upload39:before {
	content: "\e155";
}
.flaticon-upload40:before {
	content: "\e156";
}
.flaticon-usd:before {
	content: "\e157";
}
.flaticon-user77:before {
	content: "\e158";
}
.flaticon-user78:before {
	content: "\e159";
}
.flaticon-vertical5:before {
	content: "\e15a";
}
.flaticon-vertical6:before {
	content: "\e15b";
}
.flaticon-video91:before {
	content: "\e15c";
}
.flaticon-vimeo10:before {
	content: "\e15d";
}
.flaticon-vintage27:before {
	content: "\e15e";
}
.flaticon-vk:before {
	content: "\e15f";
}
.flaticon-volume28:before {
	content: "\e160";
}
.flaticon-volume29:before {
	content: "\e161";
}
.flaticon-warning18:before {
	content: "\e162";
}
.flaticon-weibo:before {
	content: "\e163";
}
.flaticon-wheelchair2:before {
	content: "\e164";
}
.flaticon-white66:before {
	content: "\e165";
}
.flaticon-windows20:before {
	content: "\e166";
}
.flaticon-x21:before {
	content: "\e167";
}
.flaticon-xing4:before {
	content: "\e168";
}
.flaticon-xing5:before {
	content: "\e169";
}
.flaticon-yen18:before {
	content: "\e16a";
}
.flaticon-youtube13:before {
	content: "\e16b";
}
.flaticon-youtube14:before {
	content: "\e16c";
}
.flaticon-youtube15:before {
	content: "\e16d";
}
.flaticon-zoom27:before {
	content: "\e16e";
}
.flaticon-zoom28:before {
	content: "\e16f";
}
/* ============================================================================================================================================== */
/* Start Of mmz Fk menue*/
.cbp-tm-menuFk,
.cbp-tm-menuFk ul {
	list-style: none;
}

.cbp-tm-menuFk {
	display: block;
	position: absolute;
	top: 112px;
	width: 300px;
	height: 38px;
	vertical-align:middle;
	font-family: 'DroidSansArabic';
	background: Transparent;
	text-align: right;
	padding: 0;
	margin-right: 50px;
	background: #0d77b6;
            background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #f4ab4c;
            color: #4B0082;
    border:solid 1px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    
}
/* first level menu items */
.cbp-tm-menuFk > li {
	display: inline-block;
	position: relative;
	text-align:right;
	border-right:  1px solid #0d77b6; 
	padding-right: 10px;
	margin-left: 40px;
	margin-right: 40px;
}

.cbp-tm-menuFk > li:first { border-right: none; }

.cbp-tm-menuFk > li > a {
	font-size: 16pt;
	text-decoration:none;
	display: block;
	color: #fff;
	width:inherit;
	text-align:right;
	margin-top:5px;
}

.cbp-tm-menuFk > li > a:hover
{
            color: #fff;
            text-shadow: 0 1px rgba(255,255,255,0.3);
            text-align:right;
            padding:0px;
            width:inherit;
			font-weight:bold;
}

.no-touchFk .cbp-tm-menuFk > li > a:hover,
.no-touchFk .cbp-tm-menuFk > li > a:active {
	color: #02639d;
}

/* sumbenu with transitions */
.cbp-tm-submenuFk {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	text-align: right;
	vertical-align:middle;
	pointer-events: none;
	-webkit-transition: visibility 0s, opacity 0s;
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
	width:auto;
	height:auto;
	background: -moz-linear-gradient(Transparent, Transparent);
    background: -ms-linear-gradient(Transparent, Transparent);
    background: -o-linear-gradient(Transparent, Transparent);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(Transparent), to(Transparent));
    background: -webkit-linear-gradient(Transparent, Transparent);
    background: linear-gradient(Transparent, Transparent);
    color: White;
    border-color:#0d77b6;
}

.cbp-tm-showFk .cbp-tm-submenuFk {
	width: auto;
	min-width:200px;
	vertical-align:middle;
	z-index:15;
	right: 10%;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
	color: White;
	
}

.cbp-tm-show-aboveFk .cbp-tm-submenuFk {
	bottom: 100%;
	padding-bottom: 0px;
}

.cbp-tm-show-belowFk .cbp-tm-submenuFk {
	top: 100%;
	padding-top: 10px;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-rightFk .cbp-tm-submenuFk {
	right: 0;
	left: auto;
}


/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.cbp-tm-submenuFk:after {
	border: solid transparent;
	content: " ";
	height: 40px;
	width: 300px;
	vertical-align:middle;
	position: absolute;
	pointer-events: none;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: White;
    
}

.cbp-tm-show-aboveFk .cbp-tm-submenuFk:after {
	top: 100%;
	margin-top: -10px;
}

.cbp-tm-show-belowFk .cbp-tm-submenuFk:after {
	bottom: 100%;
	margin-bottom: -10px;
}

.cbp-tm-submenuFk:after {
	
	border-width: 0px;
	margin-left: 0px;
	left: 0%;
}

.cbp-tm-show-aboveFk .cbp-tm-submenuFk:after {
	border:solid 0px #0d77b6;
}

.cbp-tm-show-belowFk .cbp-tm-submenuFk:after {
	border:solid 0px #0d77b6;
}

.cbp-tm-submenuFk > li {
	display: block;
	text-align:right;
	border:none;
	width:285px;
	height:40px;
	margin-bottom:0px;
	vertical-align:middle;
	background: #0d77b6;
            background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #0d77b6;
            color: #4B0082;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}

.cbp-tm-submenuFk > li > a {
	padding: 0px 0px 0px 0px; /* top/bottom paddings in 'em' cause a tiny "jump" in Chrome on Win */
	display: block;
	vertical-align:middle;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration:none;
	text-align:right;
	height:40px;
	width:285px;
	color:White;
	padding-right: 10px;
	margin-left:0px;
	margin-right:0px;
	background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #0d77b6;
            color: #4B0082;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}




.no-touchFk .cbp-tm-submenuFk > li > a:hover,
.no-touchFk .cbp-tm-submenuFk > li > a:active {
	background-color:White;
	width:285px;
	height:40px;
	border:none;
	font-weight:bold;
	color:White;
	font-family: 'DroidSansArabic';
	border: 2px solid #4B0082;
	text-align:right;
	
}

/* the icons (main level menu icon and sublevel icons) */
.cbp-tm-submenuFk li a:before,
.cbp-tm-menuFk > li > a:before {
	font-family: 'DroidSansArabic';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	text-align:right;
	width:300px;
}

.cbp-tm-submenuFk li a:before {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 1px;
}
 
.cbp-tm-menuFk > li > a:not(:only-child):before {
	content: "\f0c9";
	font-size: 60%;
	opacity: 0.3;
}

/* ============================================================================================================================================== */
/* End Of mmz Fk menue*/
/* reset  list style */
.cbp-tm-menu,
.cbp-tm-menu ul {
	list-style: none;
}
/* ================================================================================================ */
/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu {
	display: block;
	position: relative;
	bottom: 0px;
	text-wrap:avoid;
	width: 60%;
	height: 38px;
	vertical-align:middle;
	font-family: 'DroidSansArabic';
	background: Transparent;
	text-align: right;
	padding: 0px;
	margin-right: 450px;
	background: #0d77b6;
            background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #f4ab4c;
            color: #4B0082;
    border:solid 1px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    
}

/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	position: relative;
	text-align:right;
	border-right:  1px solid #0d77b6; 
	padding-right: 10px;
	margin-left: 25px;
	margin-right: 25px;
}

.cbp-tm-menu > li:first { border-right: none; }

.cbp-tm-menu > li > a {
	font-size: 16pt;
	text-decoration:none;
	display: block;
	color: #fff;
	width:inherit;
	text-align:right;
	margin-top:5px;
}

.cbp-tm-menu > li > a:hover
{
            color: #fff;
            text-shadow: 0 1px rgba(255,255,255,0.3);
            text-align:right;
            padding:0px;
            width:inherit;
			font-size: 16pt;
			font-weight:bold;
}

.no-touch .cbp-tm-menu > li > a:hover,
.no-touch .cbp-tm-menu > li > a:active {
	color: #02639d;
}

/* sumbenu with transitions */
.cbp-tm-submenu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	text-align: right;
	vertical-align:middle;
	pointer-events: none;
	-webkit-transition: visibility 0s, opacity 0s;
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
	width:auto;
	height:auto;
	background: -moz-linear-gradient(Transparent, Transparent);
    background: -ms-linear-gradient(Transparent, Transparent);
    background: -o-linear-gradient(Transparent, Transparent);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(Transparent), to(Transparent));
    background: -webkit-linear-gradient(Transparent, Transparent);
    background: linear-gradient(Transparent, Transparent);
    color: White;
    border-color:#0d77b6;
}

.cbp-tm-show .cbp-tm-submenu {
	width: auto;
	min-width:200px;
	vertical-align:middle;
	z-index:15;
	right: 10%;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
	color: White;
	
}

.cbp-tm-show-above .cbp-tm-submenu {
	bottom: 100%;
	padding-bottom: 0px;
}

.cbp-tm-show-below .cbp-tm-submenu {
	top: 100%;
	padding-top: 10px;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
	right: 0;
	left: auto;
}


/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.cbp-tm-submenu:after {
	border: solid transparent;
	content: " ";
	height: 40px;
	width: 300px;
	vertical-align:middle;
	position: absolute;
	pointer-events: none;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: White;
    
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	top: 100%;
	margin-top: -10px;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	bottom: 100%;
	margin-bottom: -10px;
	
}

.cbp-tm-submenu:after {
	
	border-width: 0px;
	margin-left: 0px;
	left: 0%;
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	border:solid 0px #0d77b6;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	border:solid 0px #0d77b6;
}

.cbp-tm-submenu > li {
	display: block;
	text-align:right;
	border:none;
	width:285px;
	height:40px;
	margin-bottom:0px;
	vertical-align:middle;
	background: #0d77b6;
            background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #0d77b6;
            color: #4B0082;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}

.cbp-tm-submenu > li > a {
	padding: 0px 0px 0px 0px; /* top/bottom paddings in 'em' cause a tiny "jump" in Chrome on Win */
	display: block;
	vertical-align:middle;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration:none;
	text-align:right;
	height:40px;
	width:285px;
	color:White;
	padding-right: 10px;
	margin-left:0px;
	margin-right:0px;
	background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #0d77b6;
            color: #4B0082;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}




.no-touch .cbp-tm-submenu > li > a:hover,
.no-touch .cbp-tm-submenu > li > a:active {
	background-color:White;
	width:285px;
	height:40px;
	border:none;
	font-weight:bold;
	color:White;
	font-family: 'DroidSansArabic';
	border: 2px solid #4B0082;
	text-align:right;
	
}

/* the icons (main level menu icon and sublevel icons) */
.cbp-tm-submenu li a:before,
.cbp-tm-menu > li > a:before {
	font-family: 'DroidSansArabic';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	text-align:right;
	width:300px;
}

.cbp-tm-submenu li a:before {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 1px;
}

.cbp-tm-menu > li > a:not(:only-child):before {
	content: "\f0c9";
	font-size: 60%;
	opacity: 0.3;
}

/* Media Queries */
@media screen and (max-width: 55.6875em) {
	.cbp-tm-menu {
		font-size: 80%;
	}
}

@media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {

	.cbp-tm-menu {
		font-size: 100%;
		position: relative;
		text-align:right;
		vertical-align:middle;
		padding: 0;
		top: auto;
	}

	.cbp-tm-menu > li {
		display: block;
		margin-left: 40px;
		margin-right: 40px;
		text-align:right;
		vertical-align:middle;
		text-decoration:none;
	}


	li.cbp-tm-show > a,
	.no-touch .cbp-tm-menu > li > a:hover,
	.no-touch .cbp-tm-menu > li > a:active {
		color: #fff;
		background-color:#0d77b6;
		text-align:right;
	}

	.cbp-tm-submenu {
		position: relative;
		display: none;
		width: 300px;
		border-radius: 15px;
	o-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border:solid 1px #0d77b6;
	}

	
	.cbp-tm-submenu > li {
		padding: 0;
		text-decoration:none;
		width:inherit;
		text-align:right;
		
	}

	.cbp-tm-submenu > li > a {
		padding: 0px 0px 0px 0px;
		text-decoration:none;
		text-align:right;
	}

	.cbp-tm-submenu:after {
		display: none;
	}

	.cbp-tm-menu .cbp-tm-show .cbp-tm-submenu {
		display: block;
		width: 300px;
		left: 0;
		margin: 0;
		padding: 0;
		text-align:right;
	}
	
	}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : inherit ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 150px ;
    width : 500px ;
    font-family : Arabic Transparent ;
    font-size : smaller ;
    text-align : right ;
    list-style-type : none ;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }
   
/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px;
    display:block;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
    color : windowtext ;
    border:solid 1px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor : 'default' ;
    overflow : auto ;
    height : 150px ;
    width : 250px ;
    font-size: 19px;
	font-family: 'DroidSansArabic';
    text-align : right;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    font-size: 19px;
	font-family: 'DroidSansArabic';
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
    color : windowtext ;
    padding : 1px ;
    font-size: 19px;
	font-family: 'DroidSansArabic';
   }

.selected
    {
        background-color: #A1DCF2;
    }

.GridCheckBox{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 30px!important;
    height: 30px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}
.FunctionImage{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 40px!important;
    height: 40px!important;
    margin:0.5%;
    display:block;
    padding:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.FunctionImage:hover{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 55px!important;
    height: 55px!important;
    margin:0.5%;
    display:block;
    padding:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:red!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.FunctionImage_Grid{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 30px!important;
    height: 30px!important;
    margin:0.5%;
    display:block;
    padding:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.FunctionImage_Grid:hover{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 45px!important;
    height: 45px!important;
    margin:0.5%;
    display:block;
    padding:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:red!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.FunctionImage2 {
    font-size: 18px;
    color: #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 30px !important;
    height: 30px !important;
    margin: 0.5%;
    display: block;
    padding: 5px !important;
    box-sizing: border-box;
    border: solid 1px #0d77b6;
    o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #0d77b6 !important;
    background-color: #0d77b6 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

    .FunctionImage2:hover {
        font-size: 18px;
        color: #333;
        padding: 0.5% 0.5% 0.5% 0.5%;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        width: 35px !important;
        height: 35px !important;
        margin: 0.5%;
        display: block;
        padding: 5px !important;
        box-sizing: border-box;
        border: solid 1px #0d77b6;
        o-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 1px 1px 1px #0d77b6 !important;
        background-color: red !important;
        text-align: center !important;
        vertical-align: middle !important;
    }


.ExportImage{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 30px!important;
    height: 30px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.ExportImageLarge{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 60px!important;
    height: 60px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.ExportImageLarge2{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 60px!important;
    height: 60px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:transparent!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.ExportImageLarge_ADM{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 60px!important;
    height: 60px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}
.ExportImageLarge_ADM:focus{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 60px!important;
    height: 60px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px White;
	o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
     border-color:white;
}

.ExportImageLarge_ADM:hover{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 60px!important;
    height: 60px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px White;
	o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
     border-color:white;
}

.NotAllowedContainer{
    font-size: 18px;
    color:  #333;
    padding: 13% 0% 0% 0%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 100%!important;
    margin-top:0.6%;
    height: 98%!important;
    min-height: 64vh!important;
    display:block;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
}

.Upload{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 250px;
    margin-top:0.6%;
    display:block;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align:center!important;
     vertical-align:middle!important;
}
.UploadImageQuestionBank{
    width: 120px;
    height: 150px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageQuestionBank:hover{
    width: 240px;
    height: 300px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageEmail{
    width: 35px;
    height: 50px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}
.UploadImageEmail:hover{
    width: 700px;
    height: 1000px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageMobile{
    width: 35px;
    height: 50px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}
.UploadImageMobile:hover{
    width: 70px;
    height: 100px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}
.ChatGridImage {
    width: 25px;
    height: 30px;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:none;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
}

.ChatGridImage:hover {
    width: 75px;
    height: 90px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:none;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
}

.UploadImageChat{
    width: 75px;
    height: 100px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageChat:hover{
    width: 120px;
    height: 150px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}


.UploadImageSheetLarge{
    width: 700px;
    height: 840px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}
.UploadImageSheetLarge:hover{
    width: 1050px;
    height: 1260px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}


.UploadImageSheet{
    width: 450px;
    height: 570px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageSheet:hover{
    width: 1050px;
    height: 1260px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageAddChatGroup{
    width: 30px;
    height: 30px;
    display:block;
    padding: 2px 2px 2px 2px!important;
    box-sizing: border-box!important;
    border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageAddChatGroup:hover{
    width: 30px;
    height: 30px;
    z-index:999999;
    display:block;
    padding: 2px 2px 2px 2px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImage{
    width: 100px;
    height: 100px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImage:hover{
    width: 200px;
    height: 200px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImage_Pay{
    width: 50px;
    height: 65px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImage_Pay:hover{
    width: 100px;
    height: 100px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadSignature{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 142px;
    margin-top:0.6%;
    display:block;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align:center!important;
     vertical-align:middle!important;
}

.UploadImageSignature{
    width: 60px;
    height: 30px;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UploadImageSignature:hover{
    width: 130px;
    height: 65px;
    z-index:999999;
    display:block;
    padding: 3px 3px 3px 3px!important;
    box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.Lang_En
{
    display:block;
    position:absolute;
    top:114px;
    left:67px;
    width:35px;
    height:35px;
    color:white;
    font-size:12pt;
    background-color: #0d77b6;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Lang_En:hover {
    display:block;
    position:absolute;
    top:113px;
    left:63px;
    width:40px;
    height:40px;
    color:white;
    font-size:12pt;
    background-color: purple;
    border:solid 2px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.Lang_Ar_Mobile
{
    display:block;
    position:relative;
    float:left;
    margin-top:5px;
    margin-left:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: purple;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Lang_Ar_Mobile:hover {
    display:block;
    position:relative;
    float:left;
    margin-top:5px;
    margin-left:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: #0d77b6;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.Lang_En_Mobile
{
    display:block;
    position:relative;
    float:right;
    margin-top:5px;
    margin-right:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: purple;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Lang_En_Mobile:hover {
    display:block;
    position:relative;
    float:right;
    margin-top:5px;
    margin-right:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: #0d77b6;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Calendar .ajax__calendar_container
{
	border: 1px solid #a3a3a3;
	background-color: #a3a3a3;
	color: white;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin: 1px;
	padding-top: 1px;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.Calendar .ajax__calendar_container {
    border:1px solid #51ACD0;
   background-color: #E5ECF6;
    color: black;
}

.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year {
    color:  black;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year
 {
    color: black;
	font-weight: bold;	
	background-color: white;
	border:solid 0.5px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;	
}
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year 
{
   color: black;
	font-weight: bold;
	background-color: white;
	
}
.Model
{
	background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, white, #0d77b6);
    background-image: -moz-linear-gradient(top, white, #0d77b6);
    background-image: -ms-linear-gradient(top, white, #0d77b6);
    background-image: -o-linear-gradient(top, white, #0d77b6);
    background-image: linear-gradient(top, white, #0d77b6);
}

.scrollup { 
  width: 50px;
  height: 50px;
  opacity: 0.3;
  position: fixed;
  bottom: 50px;
  right: 30px;
  display: none;
  text-indent: -9999px;
  background: url('../../Images/icon_top.png') no-repeat; 
  background-color: #000;
  
}
.scrollup:hover { 
  width: 50px;
  height: 50px;
  opacity: 0.9;
  position: fixed;
  bottom: 50px;
  right: 30px;
  display: none;
  text-indent: -9999px;
  background: url('../../Images/icon_top.png') no-repeat; 
  background-color: #0d77b6;
  
}

.UCMoveContainer
{
	font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 200;
    display: block;
    position:fixed;
    right:0px;
    top:30%;
    z-index:999999;
    width:60px!Important;
    height:auto; 
    border:solid 1px White;
    border-bottom-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: #0d77b6;
}

.UCMoveSubContainer
{
	font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 200;
    z-index:999999; 
    Margin:10px 2px 10px 2px; 
    border:solid 1px White;
    border-bottom-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    
    
}

.UCMove
{
	margin:5px 12px 5px 9px;
	
}
.UCMoveMini1
{
	margin:5px 4px 5px 4px;
	
}
.UCMoveMini2
{
	margin:5px 2px 5px 2px;
	
}

.UCMoveDrop
{
	margin:5px 0px 5px 2px;
	
}

.UCMove:hover
{
	-webkit-appearance: none;
    border:solid 3px White; 
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 2px 2px White!important;
}

.UCMoveDrop:hover
{
    border:solid 3px White; 
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 1px 1px White!important;
}


	
    
.UCMoveMini1:hover
{
	-webkit-appearance: none;
    border:solid 3px White; 
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 1px 1px White!important;
}

.UCMoveMini2:hover
{
	-webkit-appearance: none;
    border:solid 3px White; 
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 1px 1px White!important;
}


.UCSearchPanelStyle{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: inline-block;
    width:91%!Important;
    height:80%!Important;
    border:solid 3px #0d77b6;
    border-bottom-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, white, #0d77b6);
    background-image: -moz-linear-gradient(top, white, #0d77b6);
    background-image: -ms-linear-gradient(top, white, #0d77b6);
    background-image: -o-linear-gradient(top, white, #0d77b6);
    background-image: linear-gradient(top, white, #0d77b6);
}


.UCSearchPanelStyleFORUC{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: inline-block;
    width:75%!Important;
    height:65%!Important;
    border:solid 3px #0d77b6;
    border-bottom-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, white, #0d77b6);
    background-image: -moz-linear-gradient(top, white, #0d77b6);
    background-image: -ms-linear-gradient(top, white, #0d77b6);
    background-image: -o-linear-gradient(top, white, #0d77b6);
    background-image: linear-gradient(top, white, #0d77b6);
}


.UCSearchPanelStyleContainer
{
	margin-top:35px;
	position:relative;
	width:100%;
	height:90%;
	overflow:auto;
	border-width:0px;
}
.UCTitleParent
{
position:absolute;
	display:block;
	right:0px;
	top:0px;
	width:91%;
	height:35px;
	border-width:0px;
	background-color:#0d77b6;
}
.UCTitle
{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	width:100%;
	height:35px;
	font-family: 'DroidSansArabic';
	font-weight: 300;
	font-size:large;
	background-color:#0d77b6;
	z-index:999999;
	box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    -khtml-border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
     border-radius: 2px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
}

.UCTitleClose
{
	position:absolute;
	left:10px;
	top:3px;
}

.UCTitleLabel
{
	position:absolute;
	right:30px;
	top:3px;
	color:White;
	font-family: 'DroidSansArabic';
	font-weight: 300;
	font-size:large; 
	
}

.UCTitleImage
{
	position:absolute;
	right:5px;
	top:3px;
	color:White;
	width:25px;
	height:25px;
}

.footerFacebook2
{
	position:absolute;
	display:block;
	right:1%;
	top:1%;
	font-family: 'DroidSansArabic';
	font-weight: 300;
	font-size:large;
}

.footerFacebook
{
	position:absolute;
	display:block;
	right:12%;
	top:3%;
}

.LinkButtonmmz
{
	font-size: 18px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    text-decoration:none;
}

body:nth-of-type(1) img[src*="Blank.gif"]{display:none;}
/*
================================================================================================================================================
A4Portrait
================================================================================================================================================
*/
.ReportBackGroundSearchA4Portrait
{
margin-right:5px;
margin-top:2px;
width:98%;
height:98%;
border:solid 1px #0d77b6;
min-height:11.002cm!Important;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
}

.ReportBackGroundSearchA4PortraitHide
{
display:none;
}


.ReportViewerContainerA4Portrait
{
	position:relative;
	display:block;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
	margin-left:auto;
    margin-right:auto;
	margin-top :1.5px;
	margin-bottom :1.5px;
	width:7.8cm!Important;
    height:11.0cm!Important;
    text-align:center;
    vertical-align:middle;
    border:solid 0px #0d77b6;
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: White;
    
}

.ReportViewerContainerA4PortraitHover
{
	
	position:relative;
	/*left:28px;
	top:165px;*/
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    margin-left:auto;
    margin-right:auto;
    font-weight: 300;
    width:21.8cm!Important;
    height:30.7cm!Important;
    padding: 0.25cm 0.1cm 0.25cm 0.1cm;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    background-color: #0d77b6;
    
}



.ReportViewerMiddleContainerA4Portrait
{
	min-width:7.802cm!Important;
    min-height:11.002cm!Important;
    background-color: #0d77b6;
    width:auto;
    height:auto;
    padding:0.001cm;
    text-align:center;
    vertical-align:middle;
     position:relative;
     border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
     
	}


.ReportViewerSubContainerA4Portrait
{
	position:relative; 
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
    width:auto!Important;
    height:auto!Important;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: table;
    /*
	
	*/
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 0.5;
	-ms-zoom: 0.5;
	-webkit-zoom: 0.5;*/
	 transform:scale(0.352,0.353); 
	-webkit-transform:scale(0.352,0.353); 
    -ms-transform:scale(0.352,0.353); 
    -o-transform:scale(0.352,0.353); 
	-moz-transform:scale(0.352,0.353); 

	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;	
}

.ReportViewerSubContainerA4PortraitHover
{
	position:relative;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto!Important;
    height:auto!Important;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    background-color: White;   
	
	transform:scale(1,1); 
	-webkit-transform:scale(1,1); 
    -ms-transform:scale(1,1); 
    -o-transform:scale(1,1); 
	-moz-transform:scale(1,1); 

	
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
}


.ReportViewerMiddleContainerA4Portrait_Mobile
{
	min-width:8.202cm!Important;
    min-height:10.002cm!Important;
    background-color: #0d77b6;
    width:98%;
    height:98%;
    text-align:center;
    vertical-align:middle;
     position:relative;
     border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
}
.ReportViewerContainerA4PortraitHover_Mobile
{
	position:relative;
	display:block;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
	margin-left:0px;
    margin-right:0px;
	margin-top :0px;
	margin-bottom :0px;
	width:8.2cm!Important;
    height:10.0cm!Important;
	background-color: #0d77b6;
    text-align:center;
    vertical-align:top;
    border:solid 0px #0d77b6;
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
}

.ReportViewerSubContainerA4PortraitHover_Mobile
{
	position:relative; 
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
    width:auto!Important;
    height:auto!Important;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: table;
	background-color: #0d77b6;
    /*
	
	*/
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
    direction:ltr;
    /*zoom: 0.5;
	-ms-zoom: 0.5;
	-webkit-zoom: 0.5;*/
	 transform:scale(0.386,0.387); 
	-webkit-transform:scale(0.386,0.387); 
    -ms-transform:scale(0.386,0.387); 
    -o-transform:scale(0.386,0.387); 
	-moz-transform:scale(0.386,0.387); 

	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;	
}
/*
================================================================================================================================================
A4Landscape
================================================================================================================================================
*/
.ReportBackGroundSearchA4Landscape
{
margin-right:5px;
margin-top:2px;
width:98%;
height:98%;
border:solid 1px #0d77b6;
min-height:11.002cm!Important;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
}

.ReportBackGroundSearchA4LandscapeHide
{
display:none;
}


.ReportViewerContainerA4Landscape
{
	position:relative;
	display:block;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
	margin-left:auto;
    margin-right:auto;
	margin-top :1.5px;
	margin-bottom :1.5px;
	width:11.0cm!Important;
    height:7.8cm!Important;
    text-align:center;
    vertical-align:middle;
    border:solid 0px #0d77b6;
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: White;
    
}

.ReportViewerContainerA4LandscapeHover
{
	
	position:relative;
	/*left:28px;
	top:165px;*/
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    margin-left:auto;
    margin-right:auto;
    font-weight: 300;
    width:29.9cm!Important;
    height:22cm!Important;
    padding: 0.25cm 0.1cm 0.25cm 0.1cm;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    background-color: #0d77b6;
    
}

.ReportViewerMiddleContainerA4Landscape
{
	min-width:11.002cm!Important;
    min-height:7.802cm!Important;
    background-color: #0d77b6;
    width:auto;
    height:auto;
    padding:0.001cm;
    text-align:center;
    vertical-align:middle;
     position:relative;
     border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
     
	}
.ReportViewerSubContainerA4Landscape
{
	position:relative; 
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
    width:auto!Important;
    height:auto!Important;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: table;
    /*
	
	*/
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 0.5;
	-ms-zoom: 0.5;
	-webkit-zoom: 0.5;*/
	 transform:scale(0.352,0.353); 
	-webkit-transform:scale(0.352,0.353); 
    -ms-transform:scale(0.352,0.353); 
    -o-transform:scale(0.352,0.353); 
	-moz-transform:scale(0.352,0.353); 

	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
	
}

.ReportViewerSubContainerA4LandscapeHover
{
	position:relative;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto!Important;
    height:auto!Important;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 1;
	-ms-zoom: 1;
	-webkit-zoom: 1;
	-moz-transform:  scale(1,1);
	-moz-transform-origin: left top;*/
	
	transform:scale(1,1); 
	-webkit-transform:scale(1,1); 
    -ms-transform:scale(1,1); 
    -o-transform:scale(1,1); 
	-moz-transform:scale(1,1); 
	
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
}

/*
================================================================================================================================================
A3Portrait
================================================================================================================================================
*/
.ReportBackGroundSearchA3Portrait
{
margin-right:5px;
margin-top:2px;
width:98%;
height:98%;
border:solid 1px #0d77b6;
min-height:11.002cm!Important;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
}

.ReportBackGroundSearchA3PortraitHide
{
display:none;
}


.ReportViewerContainerA3Portrait
{
	position:relative;
	display:block;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
	margin-left:auto;
    margin-right:auto;
	margin-top :1.5px;
	margin-bottom :1.5px;
	width:7.8cm!Important;
    height:11.0cm!Important;
    text-align:center;
    vertical-align:middle;
    border:solid 0px #0d77b6;
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: White;
    
}

.ReportViewerContainerA3PortraitHover
{
	
	position:relative;
	/*left:28px;
	top:165px;*/
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    margin-left:auto;
    margin-right:auto;
    font-weight: 300;
    /*width:21.2cm!Important;
    height:30.7cm!Important;*/
    /*width:auto!Important;
    height:auto!Important;*/
    width:29.7cm!Important;
    height:43cm!Important;
    padding: 0.25cm 0.1cm 0.25cm 0.1cm;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    background-color: #0d77b6;
    
}

.ReportViewerMiddleContainerA3Portrait
{
	min-width:7.802cm!Important;
    min-height:11.002cm!Important;
    background-color: #0d77b6;
    width:auto;
    height:auto;
    padding:0.001cm;
    text-align:center;
    vertical-align:middle;
     position:relative;
     border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
     
	}
.ReportViewerSubContainerA3Portrait
{
	position:relative; 
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
    width:auto!Important;
    height:auto!Important;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: table;
    /*
	
	*/
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 0.5;
	-ms-zoom: 0.5;
	-webkit-zoom: 0.5;*/
	 transform:scale(0.26,0.25); 
	-webkit-transform:scale(0.26,0.25); 
    -ms-transform:scale(0.26,0.25); 
    -o-transform:scale(0.26,0.25); 
	-moz-transform:scale(0.26,0.25); 

	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
	
}

.ReportViewerSubContainerA3PortraitHover
{
	position:relative;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto!Important;
    height:auto!Important;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 1;
	-ms-zoom: 1;
	-webkit-zoom: 1;
	-moz-transform:  scale(1,1);
	-moz-transform-origin: left top;*/
	
	transform:scale(1,1); 
	-webkit-transform:scale(1,1); 
    -ms-transform:scale(1,1); 
    -o-transform:scale(1,1); 
	-moz-transform:scale(1,1); 
	
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
}
/*
================================================================================================================================================
A3Landscape
================================================================================================================================================
*/
.ReportBackGroundSearchA3Landscape
{
margin-right:5px;
margin-top:2px;
width:98%;
height:98%;
border:solid 1px #0d77b6;
min-height:11.002cm!Important;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
}

.ReportBackGroundSearchA3LandscapeHide
{
display:none;
}


.ReportViewerContainerA3Landscape
{
	position:relative;
	display:block;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
	margin-left:auto;
    margin-right:auto;
	margin-top :1.5px;
	margin-bottom :1.5px;
	width:11.0cm!Important;
    height:7.8cm!Important;
    text-align:center;
    vertical-align:middle;
    border:solid 0px #0d77b6;
    border-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: White;
    
}

.ReportViewerContainerA3LandscapeHover
{
	
	position:relative;
	/*left:28px;
	top:165px;*/
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    margin-left:auto;
    margin-right:auto;
    font-weight: 300;
    width:33cm!Important;
    height:31.2cm!Important;
    padding: 0.25cm 0.1cm 0.25cm 0.1cm;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    background-color: #0d77b6;
    
}

.ReportViewerMiddleContainerA3Landscape
{
	min-width:11.002cm!Important;
    min-height:7.802cm!Important;
    background-color: #0d77b6;
    width:auto;
    height:auto;
    padding:0.001cm;
    text-align:center;
    vertical-align:middle;
     position:relative;
     border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
     
	}
.ReportViewerSubContainerA3Landscape
{
	position:relative; 
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
    width:auto!Important;
    height:auto!Important;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: table;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 3px;
	o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 0.5;
	-ms-zoom: 0.5;
	-webkit-zoom: 0.5;*/
	 transform:scale(0.26,0.25); 
	-webkit-transform:scale(0.26,0.25); 
    -ms-transform:scale(0.26,0.25); 
    -o-transform:scale(0.26,0.25);  
	-moz-transform:scale(0.26,0.25); 

	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
	
}

.ReportViewerSubContainerA3LandscapeHover
{
	position:relative;
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto!Important;
    height:auto!Important;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:auto;
    direction:ltr;
    /*background-color: White;*/
    background-color: White;   
    /*zoom: 1;
	-ms-zoom: 1;
	-webkit-zoom: 1;
	-moz-transform:  scale(1,1);
	-moz-transform-origin: left top;*/
	
	transform:scale(1,0.99); 
	-webkit-transform:scale(1,0.99); 
    -ms-transform:scale(1,0.99); 
    -o-transform:scale(1,0.99); 
	-moz-transform:scale(1,0.99); 
	
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
}


/*
=====================================================================================================================================
Old Report Viewer
=====================================================================================================================================
*/


.ReportViewerContainer{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: inline-block;
    width:92%!Important;
    height:94%!Important;
    padding:2% 4% 2% 4%;
    margin-bottom:1% 1% 1% 1%;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    background-color: #0d77b6;
    
}
.ReportViewerSubContainer{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto!Important;
    height:auto!Important;
    border:solid 1px #0d77b6;
    border-style:outset;
	border-radius: 10px;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
    direction:ltr;
    /*background-color: White;*/
    background-color: #EAEAEA;   
}

.ConfirmMessagesDiv 
{
	
    position: relative;
    width:100%;
    background-color:aliceblue;
    font-family: 'DroidSansArabic';
    font-weight:bold;
    font-size: 15px;
    font-weight: 300;
    overflow: hidden;
    box-sizing: border-box;
    border:solid 1px #0d77b6!important;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px White!important;	
    
    
}

/*CollapsiblePanel*/

.ContainerPanel
{
	font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 99%;
    display:block;
    border:solid 0px #0d77b6;
    }

.collapsePanelHeader
{
        font-size: 18px;
		color:  #0d77b6;
		font-family: 'DroidSansArabic';
		font-weight: 300;
		width: 100%;
		height:30px;
		display:block;
		font-weight:bold;
		margin:3px;
		float:right;
	
	background-color: white;
}

.HeaderContent
{
		font-size: 20px;
		font-family: 'DroidSansArabic';
       float:right;
       padding-right:5px;
       color:0d77b6;
	  
}

.Content
{
      padding-top:5px;
}

.ArrowExpandNoImage
{
       width:13px;
       height:13px;
       float:right;
       margin-top:7px;
       margin-right:5px;
}

.ArrowCloseNoImage
{
       width:13px;
       height:13px;
       float:right;
       margin-top:7px;
       margin-right:5px;
}

.ArrowExpand
{
       background-image: url(../../Images/expand_blue.jpg);
       width:13px;
       height:13px;
       float:right;
       margin-top:7px;
       margin-right:5px;
}

.ArrowExpand:hover
{
       cursor:hand;
}

.ArrowClose
{
       background-image: url(../../Images/collapse_blue.jpg);
       width:13px;
       height:13px;
       float:right;
       margin-top:7px;
       margin-right:5px;
}

.ArrowClose:hover
{
       cursor:hand;
}
/* Chat */

.lbl_ltr
{
  direction:ltr;
}

.lbl_rtl
{
  direction:rtl;
}

.chattext{
height: auto;
word-wrap: normal; 
word-break: break-all;
}
.chatmsgmain {
	width: 220px;
	height: 250px;
	background-color:Transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align:	top;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	overflow:hidden;
	
}
.mychatmsg {
	width: 160px;
	height: 50px;
	direction:rtl;
	position:absolute;
	display:block;
	top:0px;
	bottom:30px;
	background-color:Transparent;
	padding: 0px;
	vertical-align:top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	white-space:nowrap;
	overflow: hidden;
}


.ZadFrameContainer_MSN
{
	height: 410px;
	direction:rtl;
	max-width:100%;
	width:100%;
	position:relative;
	display:block;
	top:13px;
	bottom:0px;
	left:0px;
	right:0px;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:white;
	white-space:nowrap;
	margin-bottom:3px;
	margin-left:3px;
	overflow: hidden;
	border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;	
}
.ZadFrame_MSN
{
	height:98%!Important;
	width:99%!Important;
	direction:rtl;
	position:relative;
	display:block;
	top:3px;
	bottom:0px;
	left:0px;
	right:5px;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:white;
	white-space:nowrap;
	overflow: hidden;
	border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;	
}
.ZadFrameForm_MSN
{
	height:98%!Important;
	width:99%!Important;
	direction:rtl;
	position:relative;
	display:block;
	top:5px;
	bottom:0px;
	left:0px;
	right:5px;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:#0d77b6;
	white-space:nowrap;
	overflow: hidden;
	border:solid 1px #0d77b6!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;	
}
.MyChatPaenl_Support
{
	height: 306px;
	direction:rtl;
	width:98%;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:3px;
	left:3px;
	float:left;
	padding: 5px;
    padding-right: 9px;
    padding-bottom: 9px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:transparent;
	white-space:normal;
	margin-bottom:3px;
	margin-left:4px;
	overflow: hidden;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
}

.ChatMsgContent_Support
{
	direction:rtl;
	position:relative;
	direction:rtl;
    width:auto;
    height:auto;
	padding: 5px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:lightyellow;
	white-space:normal;
	margin:3px;
	overflow: hidden;
	border:solid 1px white!important;
	o-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
     border-radius: 10px!important;
}

.ChatEntry_Support
{
	height: 67px;
	direction:rtl;
	width:99%;
	
	display:block;
	float:left;
	top:3px;
	bottom:0px;
	left:0px;
	right:0px;
	margin-bottom:5px;
	margin-left:3px;
	background-color:white;
	padding: 5px;
	padding-top: 2px;
	padding-right: 0px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:#0d77b6;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
	white-space:nowrap;
	overflow: hidden;
}


.ChatEntry_Support_Hide
{
	height: 67px;
	direction:rtl;
	width:98%;
	position:relative;
	display:block;
	float:left;
	top:3px;
	bottom:0px;
	left:0px;
	right:0px;
	margin-bottom:5px;
	margin-left:3px;
	background-color:white;
	padding: 5px;
	padding-top: 2px;
	padding-right: 0px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:#0d77b6;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
	white-space:nowrap;
	overflow: hidden;
	pointer-events: none;
	opacity: 0.5;
     filter: alpha(opacity=10);
     -moz-opacity: 0.5;
}

.Chattext_Support {
width:95%!Important;
max-width:95%!Important;
word-break:break-all;  
text-wrap:normal;
word-wrap: normal;
}

.ChatEnterTextHide_Support {
	display:none;
}

.ChatEnterTextDisplay_Support {
	display:block;
	position:relative;
	display:block;
	top:0px;left:0px;
}

.ChatEnterFileHide_Support {
	display:none;
}

.ChatEnterFileDisplay_Support {
	display:block;
	position:relative;
	display:block;
	top:0px;left:0px;
}

.mychatmsg_Support {
	height: 306px;
	direction:rtl;
	position:relative;
	direction:rtl;
	width:100%;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:3px;
	left:3px;
	float:left;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:white;
	white-space:normal;
	margin-bottom:3px;
	margin-left:0px;
	overflow-x: hidden;
	overflow-y: auto;
}

.MyChatPaenl_MSN
{
	height: 306px;
	direction:rtl;
	position:relative;
	direction:rtl;
	width:65.6%;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:3px;
	left:3px;
	float:left;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:transparent;
	white-space:normal;
	margin-bottom:3px;
	margin-left:0px;
	overflow: hidden;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
}
.MyChatReciever_MSN {
	height: 33px;
	direction:rtl;
	position:relative;
	direction:rtl;
	width:99%;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:3px;
	left:3px;
	float:left;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:transparent;
	white-space:normal;
	margin-bottom:3px;
	margin-left:0px;
	overflow: hidden;
}
.mychatmsg_MSN {
	height: 264px;
	direction:rtl;
	position:relative;
	direction:rtl;
	width:99%;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:3px;
	left:3px;
	float:left;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:white;
	white-space:normal;
	margin-bottom:3px;
	margin-left:0px;
	overflow-x: hidden;
	overflow-y: auto;
}
.ChatLstSearch_MSN {
	height:22px;
	direction:rtl;
	position:absolute;
	direction:rtl;
	width:10%!Important;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:35px;
	right:5px;
	float:right;
	background-color:white;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	margin-left:5px;
}

.Groups_MSN
{
	height:30px;
	direction:rtl;
	position:relative;
     display:block;
	width:33.2%;
	top:3px;
	right:3px;
	float:right;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:transparent;
	white-space:normal;
	margin-bottom:5px;
	margin-left:5px;
	overflow: hidden;
}

.ChatList_MSN {
	height:325px;
	direction:rtl;
	position:absolute;
	direction:rtl;
	width:32.5%;
	/*width:865px!Important;
	max-width:865px!Important;*/
	top:65px;
	right:5px;
	float:right;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	white-space:normal;
	margin-bottom:5px;
	margin-left:5px;
	overflow-x: hidden;
	overflow-y: auto;
}

.GroupList_MSN
{
	height:310px;
	direction:rtl;
	position:absolute;
	direction:rtl;
	width:32.5%;
	top:65px;
	right:5px;
	float:right;
	padding:0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#0d77b6;
	white-space:normal;
	margin-bottom:5px;
	margin-left:5px;
	overflow: hidden;
}

.GroupListGrid_MSN
{
	height:210px;
	direction:rtl;
	position:absolute;
	direction:rtl;
	width:100%;
	top:0px;
	right:0px;
	float:right;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	white-space:normal;
	margin-bottom:5px;
	margin-left:5px;
	overflow-x: hidden;
	overflow-y: auto;
}

.AddChatGroup_MSN
{
	height:80px;
	position:absolute;
	direction:rtl;
	width:98%;
	top:220px;
	right:3px;
	float:right;
	background-color:white;
	padding-top:3px;
	padding-bottom:5px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 15px;
	color: Black;
	border-color:white;
	background-color:#0d77b6;
	white-space:normal;
	overflow: hidden;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
}

.UserList_MSN
{
	height:310px;
	direction:rtl;
	position:absolute;
	direction:rtl;
	width:32.5%;
	top:65px;
	right:5px;
	float:right;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:white;
	background-color:#0d77b6;
	white-space:normal;
	margin-bottom:5px;
	margin-left:5px;
	overflow-x: hidden;
	overflow-y: auto;
}

.UserListGrid_MSN
{
	height:210px;
	direction:rtl;
	position:absolute;
	direction:rtl;
	width:100%;
	top:0px;
	right:0px;
	float:right;
	background-color:white;
	padding: 0px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	white-space:normal;
	margin-bottom:5px;
	margin-left:5px;
	overflow-x: hidden;
	overflow-y: auto;
}

.AddChatGroupUser_MSN
{
	height:90px;
	position:absolute;
	display:block;
	direction:rtl;
	width:32.5%;
	top:280px;
	right:3px;
	float:right;
	background-color:white;
	padding-top:3px;
	padding-bottom:5px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 15px;
	color: Black;
	border-color:white;
	background-color:#0d77b6;
	white-space:normal;
	overflow: hidden;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
	z-index:999999999;
}

.AddChatGroupUser_MSN_Hide
{
	height:80px;
	position:absolute;
	display:none;
	direction:rtl;
	width:98%;
	top:220px;
	right:3px;
	float:right;
	background-color:white;
	padding-top:3px;
	padding-bottom:5px;
	vertical-align:top;
	text-align:center;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 15px;
	color: Black;
	border-color:white;
	background-color:#0d77b6;
	white-space:normal;
	overflow: hidden;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
}

.ChatEntry_MSN
{
	height: 67px;
	direction:rtl;
	width:65%;
	position:relative;
	display:block;
	float:left;
	top:3px;
	bottom:0px;
	left:0px;
	right:0px;
	margin-bottom:5px;
	margin-left:3px;
	background-color:white;
	padding: 5px;
	padding-top: 2px;
	padding-right: 0px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:#0d77b6;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
	white-space:nowrap;
	overflow: hidden;
}


.ChatEntry_MSN_Hide
{
	height: 67px;
	direction:rtl;
	width:65%;
	position:relative;
	display:block;
	float:left;
	top:3px;
	bottom:0px;
	left:0px;
	right:0px;
	margin-bottom:5px;
	margin-left:3px;
	background-color:white;
	padding: 5px;
	padding-top: 2px;
	padding-right: 0px;
	vertical-align:top;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	background-color:#0d77b6;
	border:solid 1px white!important;
	o-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
	white-space:nowrap;
	overflow: hidden;
	pointer-events: none;
	opacity: 0.5;
     filter: alpha(opacity=10);
     -moz-opacity: 0.5;
}

.Chattext_MSN {
width:780px!Important;
max-width:780px!Important;
word-break:break-all;  
text-wrap:normal;
word-wrap: normal;
}

.ChatEnterTextHide_MSN {
	display:none;
}

.ChatEnterTextDisplay_MSN {
	display:block;
	position:relative;
	display:block;
	top:0px;left:0px;
}

.ChatEnterFileHide_MSN {
	display:none;
}

.ChatEnterFileDisplay_MSN {
	display:block;
	position:relative;
	display:block;
	top:0px;left:0px;
}


.msgenter {
	width:210px;
	height:30px;
	background-color:Transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align:	top;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	white-space:nowrap;
	overflow:scroll;
}
.chat {
     position: relative;
	width: 250px;
	min-height:100%!Important;
	height:100%!Important;
	max-height:100%!Important;
	background-color:Transparent;
	vertical-align:top;
	font-family: DroidSansArabic,Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: Black;   
	border-top-style:none;
	border-bottom-style:none;
	border-right-style:none;
	border-left-style:none;
	border-color:#e5ecf6;
	background-color:#e5ecf6;
	white-space:nowrap;
	overflow:scroll;
	z-index:99999;
}


.DisplayChat {
	display:block;
	position:absolute;
	top:163px;
	bottom:40px;
	left:0px;
	float: left;
	/*min-height:100vh!Important;
	height:100vh!Important;
	max-height:100vh!Important;*/
	
}

.HideChat {
	display:none;
}

.HideDiv {
	display:none;
}


/*Tree*/
.TreeCollapseHeader
{
	color:White;
	margin-right:3px;
	right:0px;
	top:0px;
	width:100%;
	height:30px;
	font-family: 'DroidSansArabic';
	font-weight: 300;
	font-size:large;
	background-color:#0d77b6;
	z-index:999999;
	box-sizing: border-box!important;
    border:solid 1px #0d77b6!important;
	o-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    -khtml-border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
     border-radius: 2px!important;
     box-shadow: 1px 1px 1px #0d77b6!important;
	}    
 
 .TreeMenuItemTop
{
	text-align:center;
	color:White;
	width:200px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-bottom-color: White;
	border-top-left-radius: 5px;
	o-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    
    border-top-right-radius: 5px;
	o-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}


.TreeMenuItemBottom
{
	text-align:center;
	color:White;
	width:200px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	
	border-bottom-left-radius: 5px;
	o-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    
    border-bottom-right-radius: 5px;
	o-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.TreeMenuItemAlone
{
	text-align:center;
	color:White;
	width:200px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-top-left-radius: 5px;
	o-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    
    border-top-right-radius: 5px;
	o-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    
    
    border-bottom-left-radius: 5px;
	o-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    
    border-bottom-right-radius: 5px;
	o-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}



.TreeMenuItem
{
	text-align:center;
	color:White;
	width:200px;
	background-color:#0d77b6;
	border:solid 1px #0d77b6;
	border-top-color: White;
	border-bottom-color: White;
	border-top-color: transparent;
}

.TreeMenuItem:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}

.TreeMenuItemAlone:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}


.TreeMenuItemTop:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}

.TreeMenuItemBottom:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}

 .TreeMenuItemTopHeader
{
	text-align:center;
	color:White;
	width:200px;
	height:20px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-bottom-color: White;
	border-top-left-radius: 5px;
	o-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    
    border-top-right-radius: 5px;
	o-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}


.TreeMenuItemBottomHeader
{
	text-align:center;
	color:White;
	width:200px;
	height:20px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	
	border-bottom-left-radius: 5px;
	o-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    
    border-bottom-right-radius: 5px;
	o-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.TreeMenuContainer
{
	font-family: 'DroidSansArabic';
    font-size: 19px;
    font-weight: 500;
	width:200px;
	z-index:9999999;
	display:block;
	position:absolute;
}

.TreeMenuContainerHide
{
	font-family: 'DroidSansArabic';
    font-size: 19px;
    font-weight: 500;
	z-index:9999999;
	width:200px;
	display:none;
	position:absolute;
}


.TreeMenuAdd
{
	display:block;
	position:absolute;
	width:400px;
	border-color:#0d77b6;
	background-color: #EAEAEA; 
}

.TreeMenuAddHide
{
	display:none;
	position:absolute;
	width:400px;
}

/*===============================================================================================*/
/*Relative Items*/
/*===============================================================================================*/
 .RelativeItemTop
{
	direction:rtl;
	color:White;
	width:350px;
	height:40px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	
	/*border-top-left-radius: 10px;
	o-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;*/
    
    border-top-right-radius: 20px;
	o-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    -khtml-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
}

.RelativeItemBottom
{
	direction:rtl;
	color:White;
	width:350px;
	height:40px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	/*border-bottom-left-radius: 10px;
	o-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;*/   
    border-bottom-right-radius: 20px;
	o-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -khtml-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
}

.RelativeItem
{
	font-size: 20px;
	direction:rtl;
	text-indent:10%;
	text-align:right;
	color:White;
	width:350px;
	vertical-align:middle!Important;
	height:35px;
	background-color:#0d77b6;
	border:solid 1px #0d77b6;
	border-top-color: White;
	border-bottom-color: White;
}

.RelativeItem:hover
{
	font-size: 20px;
	color: #000000;
	background-color: #EAEAEA; 
	cursor:pointer;
	background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, #EAEAEA, #0d77b6);
    background-image: -moz-linear-gradient(top, #EAEAEA, #0d77b6);
    background-image: -ms-linear-gradient(top, #EAEAEA, #0d77b6);
    background-image: -o-linear-gradient(top, #EAEAEA, #0d77b6);
    background-image: linear-gradient(top, #EAEAEA, #0d77b6);
}

.RelativItemsContainerMany
{
    position:fixed;
    z-index:999999;
    overflow:hidden;
    left:0px;
    top:25%;
    height:auto;
    width:400px;
    margin-left:0px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;    
}

.RelativItemsContainerTooMany
{
    position:fixed;
    z-index:999999;
    overflow:hidden;
    left:0px;
    top:150px;
    height:auto;
    width:400px;
    margin-left:0px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;    
}

.RelativItemsContainer
{
    position:fixed;
    z-index:999999;
    overflow:hidden;
    left:0px;
    top:40%;
    height:auto;
    width:400px;
    margin-left:0px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;    
}

.RelativeContainer
{
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    position:absolute;
    left:0px;
    top:0px;
    width:55px!Important;
    height:100%; 
    vertical-align:middle!Important;
    border:solid 0px Transparent;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
}

.RelativeContainer > #RelativItems
{
display:none;
height:100%;
left:0px;
top:0px;
position:absolute;
}

.RelativeContainer:hover
{
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    position:absolute;
    left:0px;
    top:0px;
    z-index:99999;
    width:355px!Important;
    height:100%; 
    vertical-align:middle!Important;
    border:solid 0px Transparent;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
}


.RelativeContainerhover
{
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    position:absolute;
    left:0px;
    top:0px;
    z-index:99999;
    width:355px!Important;
    height:100%; 
    vertical-align:middle!Important;
    border:solid 0px Transparent;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
}


.RelativeLeftContainer
{
	z-index:8888;
    position:fixed;
    overflow:hidden;
    left:0px;
    top:0px;
    height:100%;
    width:52px;
    margin-right:3px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
    cursor:pointer;  
}

.RelativeLeft
{
	position:fixed;
	color:White;
	text-align:left;
	overflow:hidden;
	width:45px;
	height:90px;
	top:40%;
	margin-top:45px;
	background: transparent url(../../images/MoveWhiteRightPrevious64.png) no-repeat right center;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-radius: 0px 90px 90px 0px;
	o-border-radius: 0px 90px 90px 0px;
    -moz-border-radius: 0px 90px 90px 0px;
    -khtml-border-radius: 0px 90px 90px 0px;
    -webkit-border-radius: 0px 90px 90px 0px;
}

.RelativeLeftMobile
{
	position:absolute;
	color:White;
	text-align:left;
	overflow:hidden;
	width:45px;
	height:90px;
	top:40%;
	margin-top:45px;
	background: transparent url(../../images/MoveWhiteRightPrevious64.png) no-repeat right center;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-radius: 0px 90px 90px 0px;
	o-border-radius: 0px 90px 90px 0px;
    -moz-border-radius: 0px 90px 90px 0px;
    -khtml-border-radius: 0px 90px 90px 0px;
    -webkit-border-radius: 0px 90px 90px 0px;
}



.RelativeLeft:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}

/*	UpadteProgress	*/

 .modal
    {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #0d77b6;
		overflow:hidden;
        z-index: 7777777;
        height: 100%!Important;
        min-height: 100%!Important;
        width: 100%!Important;
        min-width: 100%!Important;
         opacity: 0.1;
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        
    }
    .loading
    {
        z-index: 8888888;
        width: 300px;
        height: 70px;
        position:absolute;
        top:50%;
        right:50%;
        margin-top:25px;
        margin-right:-150px;
        background-color: Transparent;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
    
    .loadingmmz
    {
        z-index: 8888888;
        width: 120px;
        height: 120px;
        position:absolute;
        top:40%;
        right:50%;
        margin-top:-60px;
        margin-right:-60px;
        background-color: Transparent;
    }
    
    .loadingContainer
    {
        z-index: 8888888;
        width: 280px;
        height: 220px;
        position:absolute;
        top:40%;
        right:50%;
        margin-right:-140px;
        margin-top:-110px;
		border:solid 2px #0d77b6;
        border-radius: 25px;
		o-border-radius: 25px;
		-moz-border-radius: 25px;
		-khtml-border-radius: 25px;
		-webkit-border-radius: 25px;
		background-color: White;
		
    }
    
/*===============================================================================================*/
/*ReportTools*/
/*===============================================================================================*/

 .ReportToolsItemTop
{
	direction:rtl;
	color:White;
	width:75px;
	height:70px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	
	/*border-top-left-radius: 10px;
	o-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;*/
    border-top-right-radius: 20px;
	o-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    -khtml-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
}

.ReportToolsItemBottom
{
	direction:rtl;
	color:White;
	width:75px;
	height:70px;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
    border-top:solid 1px White;
	/*border-bottom-left-radius: 10px;
	o-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;*/
    border-bottom-right-radius: 20px;
	o-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -khtml-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
}

.ReportToolsItem
{
	font-size: 20px;
	direction:rtl;
	text-indent:10%;
	text-align:right;
	color:White;
	width:75px;
	vertical-align:middle!Important;
	height:70px;
	background-color:#0d77b6;
	border:solid 1px #0d77b6;
	border-bottom:solid 0px #0d77b6;
	border-top-color: White;
	border-bottom-color: White;
	
}

.ReportToolsItem:hover
{
	font-size: 20px;
	color: #000000;
	padding-right:10px;
	cursor:pointer;    
}

.ReportToolsItemZoomIn
{
	font-size: 20px;
	direction:rtl;
	text-indent:10%;
	text-align:right;
	color:White;
	width:75px;
	vertical-align:middle!Important;
	height:70px;
	background-color:#0d77b6;
	border:solid 1px #0d77b6;
	border-bottom:solid 0px #0d77b6;
	border-top-color: White;
	border-bottom-color: White;
	background: url(../../images/ReportZoomIn48.png) no-repeat center center; 	
	background-color:#0d77b6;
}
.ReportToolsItemZoomIn:hover
{
	font-size: 20px;
	color: #000000;
	padding-right:10px;
	cursor:pointer;    
}
.ReportToolsItemZoomOut
{
	font-size: 20px;
	direction:rtl;
	text-indent:10%;
	text-align:right;
	color:White;
	width:75px;
	vertical-align:middle!Important;
	height:70px;
	background-color: #EAEAEA; 
	border:solid 1px #0d77b6;
	border-bottom:solid 0px #0d77b6;
	border-top-color: White;
	border-bottom-color: White;
	cursor:pointer;    
	background: url(../../images/ReportZoomOut48.png) no-repeat center center; 	
	background-color:#0d77b6;
}

.ReportToolsItemZoomOut:hover
{
	font-size: 20px;
	color: #000000;
	padding-right:10px;
	cursor:pointer;    
}


.ReportToolsItemBottom:hover
{
	font-size: 20px;
	color: #000000;
	padding-right:10px;
	cursor:pointer;    
}
.ReportToolsItemTop:hover
{
	font-size: 20px;
	color: #000000;
	padding-right:10px;
	cursor:pointer;    
}
.ReportToolsItemsContainer
{
    z-index:9999;
    position:absolute;
    overflow:hidden;
    left:0px;
    top:25%;
    height:auto;
    width:100px;
    margin-left:0px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
  
    
}

.ReportToolsContainer
{
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    position:fixed;
    left:0px;
    top:0px;
    z-index:99999;
    width:85px!Important;
    height:100%; 
    vertical-align:middle!Important;
    border:solid 0px Transparent;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
}


.ReportToolsLeftContainer
{
	z-index:8888;
    position:absolute;
    overflow:hidden;
    left:0px;
    top:0px;
    height:100%;
    width:52px;
    margin-right:3px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
    cursor:pointer;  
}

.ReportToolsLeft
{
	position:absolute;
	color:White;
	text-align:left;
	overflow:hidden;
	width:45px;
	height:90px;
	top:40%;
	margin-top:45px;
	background: transparent url(../../images/MoveWhiteRightPrevious64.png) no-repeat right center;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-radius: 0px 90px 90px 0px;
	o-border-radius: 0px 90px 90px 0px;
    -moz-border-radius: 0px 90px 90px 0px;
    -khtml-border-radius: 0px 90px 90px 0px;
    -webkit-border-radius: 0px 90px 90px 0px;
}

.ReportToolsLeft:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}
/*
================================================================================================================================================
ReportStaticParameters
================================================================================================================================================
*/
.ReportStaticParameters
{
	z-index:99998888;
	position:fixed;
	bottom:0px;
	right:0px;
	direction:rtl;
	padding-bottom:20px;
	color:White;
	padding-right:5px;
	width:100%;
	height:35px;
	vertical-align:middle;
	background-color:#0d77b6;
	z-index:99999;
    border:solid 1px White;
    border-bottom:solid 0px White;
    border-top-right-radius: 10px;
	o-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    
    border-top-left-radius: 10px;
	o-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
   
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, white, #0d77b6);
    background-image: -moz-linear-gradient(top, white, #0d77b6);
    background-image: -ms-linear-gradient(top, white, #0d77b6);
    background-image: -o-linear-gradient(top, white, #0d77b6);
    background-image: linear-gradient(top, white, #0d77b6);
}




.ReportStaticParametersUpContainer
{
	z-index:99998888;
    position:fixed;
    overflow:hidden;
    left:0px;
    bottom:0px;
    height:45px;
    width:100%;
    z-index:99999;
    margin-right:3px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
    cursor:pointer;  
}

.ReportStaticParametersBottom
{
	z-index:99998888;
	position:fixed;
	bottom:40px;
	right:0px;
	direction:rtl;
	padding-bottom:20px;
	color:White;
	padding-right:5px;
	width:100%;
	height:35px;
	vertical-align:middle;
	background-color:#0d77b6;
	z-index:99999;
    border:solid 1px White;
    border-bottom:solid 0px White;
    border-top-right-radius: 10px;
	o-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    
    border-top-left-radius: 10px;
	o-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
   
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, white, #0d77b6);
    background-image: -moz-linear-gradient(top, white, #0d77b6);
    background-image: -ms-linear-gradient(top, white, #0d77b6);
    background-image: -o-linear-gradient(top, white, #0d77b6);
    background-image: linear-gradient(top, white, #0d77b6);
}




.ReportStaticParametersUpContainerBottom
{
	z-index:99998888;
    position:fixed;
    overflow:hidden;
    left:0px;
    bottom:35px;
    height:52px;
    width:100%;
    z-index:99999;
    margin-right:3px;
    border:solid 0px Transparent;
    overflow:hidden;
    direction:ltr;
    background-color: Transparent;
    cursor:pointer;  
}


.ReportStaticParametersUp
{
	position:fixed;
	color:White;
	z-index:99999;
	text-align:left;
	overflow:hidden;
	width:90px;
	height:45px;
	left:50%;
	margin-left:-22.5px;
	background: transparent url(../../images/MoveWhiteUp64.png) no-repeat center center;
	background-color:#0d77b6;
    border:solid 1px #0d77b6;
	border-radius: 90px 90px 0px 0px;
	o-border-radius: 90px 90px 0px 0px;
    -moz-border-radius: 90px 90px 0px 0px;
    -khtml-border-radius: 90px 90px 0px 0px;
    -webkit-border-radius: 90px 90px 0px 0px;
}

.ReportStaticParametersSub
{
	width:auto;
	height:25px;
}

.ReportStaticParametersUp:hover
{
	color:#0d77b6;
	font-weight:bold;
	background-color: #EAEAEA; 
	cursor:pointer;
}

.HideControl
{
	display:none;
}

.DisableControl
{
	
	cursor: default;
	
}



.DisableButton {
    width:100px;
    margin-left: 1%;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-radius: 5px;
    background-color: #0d77b6;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
    cursor: default;
}

.DisableButton:hover {
    box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
    background: #A1B9C7;
    color: #000000;
}



.DisableExportImage{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 30px!important;
    height: 30px!important;
    margin:0.5%;
    display:block;
    padding-top:5px!important;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     background-color:#0d77b6!important;
     text-align:center!important;
     vertical-align:middle!important;
     cursor: default;
}

/*==================================================================================================================*/
/*TreeUC*/
.UCSearchPanelStyleTree{
    font-size: 18px;
    color:  #333;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display: inline-block;
    width:40%!Important;
    height:75%!Important;
    border:solid 3px #0d77b6;
    border-bottom-style:outset;
	border-radius: 5px;
	o-border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow:hidden;
    direction:ltr;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#0d77b6));
    background-image: -webkit-linear-gradient(top, white, #0d77b6);
    background-image: -moz-linear-gradient(top, white, #0d77b6);
    background-image: -ms-linear-gradient(top, white, #0d77b6);
    background-image: -o-linear-gradient(top, white, #0d77b6);
    background-image: linear-gradient(top, white, #0d77b6);
    direction:rtl;
}
.NodeMenu{
    width:98%;
    font-size:15pt;
    color:  #333;
    font-family: 'DroidSansArabic';
}

.NodeMenuSelected
{
	width:98%;
    font-size: 16pt;
    color:  #ffffff;
    font-family: 'DroidSansArabic';
    background-color: #0d77b6;
    
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
}