div.MainContiner{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px
}
div.toppanel{
	position: absolute;
	background-image:url('../Image/detailsbackground.png');
	border:2px solid #ccc;
	-webkit-border-radius:20px 0px 20px 0px;
	border-radius:0px 0px 20px 20px;
	z-index:2;
	display:block;
	top:0%;
	left:10%;
	width:80%;
	height:70%;
	display:none;
	border-top:none;
	margin:0px;
	padding:0px;
}
div.downpanel{
	position: absolute;
	background-image:url('../Image/AEAEAE.png');
	border:2px solid #ccc;
	-webkit-border-radius:20px 0px 20px 0px;
	border-radius:20px 20px 0px 0px;
	z-index:2;
	display:block;
	top:80%;
	left:10%;
	width:80%;
	height:19.5%;
	display:none;
	border-bottom:none;
}
div.sidepanel{
	position: absolute;
	background-image:url('../Image/detailsbackground.png');
	border:2px solid #ccc;
	-webkit-border-radius:20px 0px 20px 0px;
	border-radius:20px 0px 0px 20px;
	z-index:2;
	display:block;
	top:15%;
	left:85%;
	width:15%;
	height:70%;
	display:none;
}
label.TitleAr{
	color:rgb(245, 229, 206);
	font-size:290%;
	
}
label.TitleEn{
	color:rgb(236, 193, 132);
	font-size:250%;

}
#Title{
	
	text-shadow:gray -0.1em 0.25em 0.15em;
	text-align:center;
}
#trc{
	
	background-image:url('../Image/14.png');
	background-repeat:repeat-x;
	border-radius:20px 0px 0px 20px;
	margin:0px;padding:0px;
}
a{
	color:rgb(173, 105, 9);
	font-size:larger;
	text-decoration:none;
	text-shadow:gray -0.1em 0.10em 0.15em;
}
a:hover{
	color:rgb(245, 229, 206);
	font-size:larger;
	text-decoration:none;
	text-shadow:gray -0.1em 0.10em 0.15em;
}
label.lblSelectArea{
	color:rgb(173, 105, 9);
	font-size:larger;
	text-shadow:gray -0.1em 0.10em 0.15em;
}

label.lblTitle{
font-weight:bold;
color:rgb(196, 133, 53);
font-size:x-large;
text-shadow:gray -0.1em 0.10em 0.15em;
}
label.lblSubTitle{
font-weight:bold;
font-size:larger;
text-shadow:gray -0.1em 0.10em 0.15em;
color:rgb(165, 125, 74);
}
label.lbldis{
font-weight:bold;
font-size:larger;
text-shadow:gray -0.1em 0.10em 0.15em;
color:rgb(216, 59, 29);
}
p.pnormal{
font-weight:bold;
color:rgb(165, 125, 74)
}
label.pnormal{
font-weight:bold;
color:rgb(165, 125, 74)
}
ul.ind{
font-weight:bold;
color:rgb(165, 125, 74)
}
p.pnormalabout{
font-weight:bold;
color:rgb(165, 125, 74);
font-size:larger;
text-shadow:gray -0.1em 0.10em 0.15em;
}
ul.indabout{
font-weight:bold;
color:rgb(165, 125, 74);
/*font-size:larger;*/
text-shadow:gray -0.1em 0.10em 0.15em;
}
select.op{
font-weight:bold;
font-size:larger;
text-shadow:gray -0.1em 0.10em 0.15em;
color:rgb(165, 125, 74);
}
img.thumb{

}
td.headTd{
 background-color:rgb(165, 125, 74);
 color:rgb(213, 210, 210);
/*background-image:url('Pictures/table_th_first_left.png');*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2em;
-webkit-border-radius:20px 0px 0px 0px;
border-radius:20px 0px 0px 0px;
font-size:larger;

}

td.normalTd{
 /*background-color:#ccc;*/
background-image:url('../Image/AEAEAE.png');
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2em;
	font-size:larger;
	
	/*
-webkit-border-radius:20px 0px 0px 0px;
border-radius:20px 0px 0px 0px;
*/
}
.text-glow-hover{
color:rgb(245, 229, 206);
font-size:290%;
color: #fff;
}

.text-glow-hover:hover{
text-shadow: 0 0 10px #B61F5B;
}


.MainContainer{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started */
.MainContainer::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */

.MainContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */

.MainContainer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(173, 105, 9,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
input.btnyes{
	font-size:larger;
	color:green;
}
input.btnno{
	font-size:larger;
	color:red;
}
/**
 * Checkbox Three
 */
.checkboxThree {
	width: 120px;
	height: 30px;
	background: #fff; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	margin: 10px 10px;
	border-radius: 50px;
	position: relative;
}
/**
 * Create the text for the On position
 */
.checkboxThree:before {
	content: 'تشغيل';
	position: absolute;
	top: 7px;
	left: 13px;
	height: 2px;
	/*color: #26ca28;*/
	color: green;
	font-size: 16px;
}
/**
 * Create the label for the off position
 */
.checkboxThree:after {
	content: 'ايقاف';
	position: absolute;
	top: 7px;
	left: 84px;
	height: 2px;
	/*color: #111;*/
	color: red;
	font-size: 16px;
}
/**
 * Create the pill to click
 */
.checkboxThree label {
	display: block;
	width: 52px;
	height: 22px;
	border-radius: 50px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 4px;
	z-index: 1;
	left: 12px;
	background: #ddd;
}
/**
 * Create the checkbox event for the label
 */
.checkboxThree input[type=checkbox]:checked + label {
	left: 63px;
	background: #6ECA26;
}
input[type=checkbox]{
visibility:hidden;
}
.bubble 
{
visibility:hidden;
position: fixed;
/*width: 250px;
height: 120px;*/
padding: 0px;
background: #FFFFFF;
border: #7F7F7F solid 6px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:250px;
margin:10px;
}

.bubble:after 
{
content: "";
position: absolute;
bottom: -15px;
/*left: 110px;*/
left: 10%;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
}

.bubble:before 
{
content: "";
position: absolute;
top: 26px;
left: 10%;
border-style: solid;
border-width: 20px 20px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
}