/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Vertical Menu======================================================== */
.VTMenu{  background-color:#464545; font-family:Arial (Arabic);
      font-weight:bolder; 
       font-size:20px    ; line-height:30px;    margin:3px 5px 3px 5px;   padding:3px 5px 3px 5px; }


 .VTMenu a
 { 
     text-decoration:none;
     color:#c4c2c2;
     margin:3px 10px 3px 5px;
    
 }
 
 .VTMenu a:hover
 {
   
     color:White;
      text-decoration:none; 
    
      
 }
 .VTMenu a:selected
 {
     color:White;
     
      text-decoration:none;
      
 }
 
 /* HZ Menu======================================================== */
/* Fix for extra space above menu in Chrome and Safari Al7amd le Allah :) */ 
img[alt='Skip Navigation Links'] {
    display: none;
}
 .HZMenu{ padding:0; width:100%; text-align:center;
	background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);z-index:999;
    font-size:24px; line-height:40px;
        }


 .HZMenu a
 { 
     font-weight:bold;
     font-size:24px;
	text-align:		center;
z-index:999;
	 color:White;
      text-decoration:none;
  
 }
 
 .HZMenu a:hover
 {
   
     color:White;
      text-decoration:none;
  
      
 }
 .HZMenu a:selected
 {
     color:White;
      text-decoration:none; line-height:40px;
      
 }
 
 .HZMenuDynamic
 {
   background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);z-index:999; line-height:30px;
 }
  .HZMenuDynamic a
 { 
     display:			block;
	padding:			0;
	margin-bottom:		0px;
	border-bottom:		1px solid #3f3f3f;
	background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);
	border-radius:		0px;
 padding:2px 15px 2px 15px; 
	-moz-border-radius:	0px;
	-webkit-border-radius:0px;z-index:999; line-height:40px; 
 }
 
 .HZMenuDynamic a:hover
 {
   
     color:White;
      text-decoration:none;
    background: 		#2e2e2e;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#dfdcdc), to(#918f8f));
	background: 		-moz-linear-gradient(#dfdcdc, #918f8f);
	background: 		linear-gradient(#dfdcdc, #918f8f);
	-pie-background: 	linear-gradient(#dfdcdc, #918f8f);
	z-index:999; line-height:40px;
      
 }
 .HZMenuDynamic a:selected
 {
     color:White;
      text-decoration:none; line-height:40px;
      
 }
 
 
.menu {padding:0; width:100%; text-align:center;
	background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);z-index:999;
	
}
.menu li {z-index:999;display:inline; font-size:16px; line-height:44px; padding:0 15px 0 15px;  position:relative;}
.menu li.first {z-index:999;padding:0 19px 0 19px;}
.menu li.last {z-index:999;padding:0 17px 0 17px; background:none;}
.menu li a {z-index:999;color:#fff;}
.menu li a.active {z-index:999;font-weight:bold; } 
.menu ul {
	position:		absolute;
	top:			-999em;
	width:			144px;
	background:		none;
	-pie-background: none;
	text-align:		center;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;z-index:999;
}
.menu ul li {
	width:			100%;z-index:999;
}
.menu li:hover {
	visibility:		inherit; z-index:999;
}
.menu li li {
	display:			block;
	padding:			0;
	margin-bottom:		0px;
	line-height:		36px;
	border-bottom:		1px solid #3f3f3f;
	background: 		#1b1b1a;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: 		-moz-linear-gradient(#bf4344, #941516);
	background: 		linear-gradient(#bf4344, #941516);
	-pie-background: 	linear-gradient(#bf4344, #941516);
	border-radius:		0px;
	-moz-border-radius:	0px;
	-webkit-border-radius:0px;z-index:999;
}
/*+html .menu li li {background:url(../images/menu-li-bg.png) 0 0 no-repeat;} */
.menu li li a {
	padding:		0 0 0 0px;
	text-align:		center;
	display:		block;	
	background:none;z-index:999;
}
.menu li li a:hover {color:#911213;/*text-decoration:none;*/}
.menu li li:hover {
	background: 		#2e2e2e;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#b6b6b6), to(#aca9a9));
	background: 		-moz-linear-gradient(#b6b6b6, #aca9a9);
	background: 		linear-gradient(#b6b6b6, #aca9a9);
	-pie-background: 	linear-gradient(#b6b6b6, #aca9a9);z-index:999;
}
.menu li:hover ul, .menu li.sfHover ul {
	right:			0px;
	top:			32px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	right:			145px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
/*  ============ Buildings style ============ */
 .db
    {
        font-size:20px;
         margin:20px 0px 20px 0px;
         color:black;
    }
/* Global properties ======================================================== */


html {width:100%; }
body { 	 
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#888484;
	
	background-color:#fff;	
    
}



.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
		
	padding:0;
	margin:0 auto;
	font-size:26px;
	line-height:1.428em;

}






.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px; text-align: right;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}
/*
.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#96a928;}
.color-4 {color:#9c9c9c;}
.color-5 {color:#b2c061;}
*/
.index-1 {position:relative; z-index:1;}
.index-2 {position:relative; z-index:2;}

.col-1 {width:240px; float:left; margin-right:13px;}
.col-2 {width:240px; float:left;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 5px;}
.indent2 {padding:10px 13px 0px 13px;}
.indent3 {padding-right:20px;}
.indent4 {padding-left:20px;}
.indent5 {padding-top:15px;}
.indent6 {padding:22px 0 0 18px;}
.indent7 {padding-right:15px;}
.indent8 {padding:28px 23px 26px 26px;}
.indent9 {padding:20px 245px 25px 21px;}
.tab_content {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent3 {float:left; margin:4px 20px 0px 0;}
.img-indent-r {float:right; margin:9px 0px 0px 30px;}	
.img-indent-l {float:left; margin:9px 30px 0px 0px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:12px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo, .button {text-decoration:none;}	

/*********************************header*************************************/
header {width:100%; position:relative; z-index:2;}

.row-1 {min-height:173px; width:100%; background:url(../images/bannar.png) no-repeat center center ;}

h1 {padding:30px 0 0 0; position:relative;}
h1 span {text-transform:uppercase; font-size:20px; line-height:18px; color:#686868; float:right;}
.logo {font-size:30px; display:inline-block; line-height:1.23em; color:#0e0e0e; text-transform:uppercase;}




/*************TM-slider****************/
.slider {height:280px; width:776px;  overflow:hidden;}		

.controls {position:absolute; top:244px; left:5px; z-index:99;}
.controls .next {display:block; width:30px; height:30px; text-indent:-5000px; background:url("images/next.gif") 4px 7px no-repeat #000; position:absolute; left:31px; top:0;}
.controls .prev {display:block; width:30px; height:30px; text-indent:-5000px; background:url("images/prev.gif") 4px 7px no-repeat #000; position:absolute; left:0px; top:0;}
.controls .next:hover {background-color:#d9d9d9;}
.controls .prev:hover {background-color:#d9d9d9;}

.box-list {width:100%; border:1px solid #d9d7d7;
	background: 		#f6f6f6;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#f3f3f3));
	background: 		-moz-linear-gradient(#fcfcfc, #f3f3f3);
	background: 		linear-gradient(#fcfcfc, #f3f3f3);
	-pie-background: 	linear-gradient(#fcfcfc, #f3f3f3);
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
}
.slidermag {height:278px; width:750px;  overflow:hidden;}	


/*********************************content*************************************/
#content {width:100%; padding:23px 0px ; position:relative; z-index:1;}
#page12 #content {padding:10px 0 23px 0;}
.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:27px; line-height:1.2em; margin:0 0 18px 0; color:#33dcfb; letter-spacing:-1px}
h4 {font-size:28px; line-height:1.0em; margin:10px 0 5px 0; color:#2a2a2a; font-family: Times New Roman (Arabic)}
h5 {color:#2a2a2a; line-height:19px; margin:10px 0 5px 0; }
h6 {font-size:24px; line-height:1.2em; color:#96a928; margin-bottom:5px; letter-spacing:-1px;}

.text-1 {display:inline-block; font-size:61px; line-height:1.2em; color:#343434; letter-spacing:-1px;}
#page4 .text-1 {font-size:51px;}
.text-2 {display:inline-block; font-size:32px; line-height:1.2em; color:#7e8181; text-transform:uppercase; margin-top:-15px; letter-spacing:-1px;}
#page4 .text-2 {font-size:30px; margin-top:-5px;}
.text-3 {font-size:13px; color:#161616;}
.text-4 {display:inline-block; font-size:61px; line-height:1.2em; color:#33dcfb; margin-top:-12px; letter-spacing:-1px;}
.text-5 {display:inline-block; font-size:40px; line-height:1.2em; color:#454545; margin-top:-18px; letter-spacing:-1px;}
.text-6 {font-size:14px; font-weight:bold; color:#ffffff; margin-bottom:3px; display:inline-block; padding-right:8px;}
.text-7 {font-size:21px; color:#161616; margin-bottom:7px; display:inline-block;}
.text-8 {font-size:11px; line-height:15px; color:#33dcfb; display:inline-block; float:left;}
.text-9 {font-size:11px; line-height:15px; color:#000; display:inline-block; float:right; background:url(../images/pic-3.png) 0 3px no-repeat; padding-left:20px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.box {width:100%; border:1px solid #d9d7d7;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
}
.box .padding {padding:22px 14px 17px 27px;}

.box-2 {width:250px; border:1px outset #a3a3a3; height:320px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	background: 		#fbf9f9;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#fbf9f9), to(#ece9e9));
	background: 		-moz-linear-gradient(#fbf9f9, #ece9e9);
	background: 		linear-gradient(#fbf9f9, #ece9e9);
	-pie-background: 	linear-gradient(#fbf9f9, #ece9e9);
	
	 font-size:x-large
}

.box-2_h {width:188px; height:300px; border:1px solid #d9d7d7;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	
	
	
}
.box-10 {width:200px; border:1px outset #a3a3a3; height:320px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	background: 		#fbf9f9;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#fbf9f9), to(#ece9e9));
	background: 		-moz-linear-gradient(#fbf9f9, #ece9e9);
	background: 		linear-gradient(#fbf9f9, #ece9e9);
	-pie-background: 	linear-gradient(#fbf9f9, #ece9e9);
	
	 font-size:x-large
}

.box-10_h {width:188px; border:1px solid #d9d7d7;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	height:300px;
	
	
}
.box-3 {border:1px solid #d9d7d7; min-height:279px; background:url(../images/page1-img6.png) 0 bottom no-repeat;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
.box-4 {width:100%; border:1px solid #d9d7d7; line-height:27px;
	background: 		#f6f6f6;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#f3f3f3));
	background: 		-moz-linear-gradient(#fcfcfc, #f3f3f3);
	background: 		linear-gradient(#fcfcfc, #f3f3f3);
	-pie-background: 	linear-gradient(#fcfcfc, #f3f3f3);
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
}
.box-4 .padding {padding:19px 19px 25px 18px;}

.box-5 {width:188px; border:1px solid #d9d7d7;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	height:300px;
	
	
}

.box-4_vc {width:100%; border:2px  #a3a3a3; line-height:27px;
	background: 		#fbf9f9;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cbc9c9));
	background: 		-moz-linear-gradient(#ffffff, #cbc9c9);
	background: 		linear-gradient(#ffffff, #cbc9c9);
	-pie-background: 	linear-gradient(#ffffff, #cbc9c9);
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	height:100px;
}
.box-4_vc .padding {padding:19px 19px 25px 18px;}




.button {display:inline-block; font-size:14px; line-height:1.23em; color:#fff; padding:3px 9px; background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);
	z-index:999;
	border-radius:10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.button:hover {background: 		#2e2e2e;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#b6b6b6), to(#aca9a9));
	background: 		-moz-linear-gradient(#b6b6b6, #aca9a9);
	background: 		linear-gradient(#b6b6b6, #aca9a9);
	-pie-background: 	linear-gradient(#b6b6b6, #aca9a9);z-index:999;}
	
	
	
.a { color: #780000;}
.a:hover {color: #a9a6a6;}




.list-1 li { font-size:14px; display:inline-block; line-height:25px; background:url(../images/marker-3.gif) 160px 6px no-repeat;}
.list-1 li a {padding:0 14px 22px 0; color:#888484; text-decoration:none;}
.list-1 li a:hover {color:#22c8fc; text-decoration:underline;}

.list-2 li {padding:0 14px 22px 0; font-size:14px; display:inline-block; line-height:19px; background:url(../images/marker-3.gif) 0 6px no-repeat;}
.list-2 li a {color:#33dcfb; display:block; text-decoration:underline;}
.list-2 li a:hover {text-decoration:none;}

.list-3 li {font-size:13px; font-weight:bold; line-height:20px;}
.list-3 li a {color:#000; text-decoration:none;}
.list-3 li a:hover {color:#33dcfb;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block;color: #780000; font-size:14px; padding-right:14px; }
.link-1:hover {text-decoration:none;} 

.link-2 {display:inline-block;color: #780000; width:8px; height:7px; text-indent:-5000px;  margin-top:6px;}
.link-2:hover {text-decoration:none;} 

.l-1 {font-size:14px; line-height:27px; font-weight:bold; color:#888484; text-transform:uppercase; text-decoration:none;}
.l-2 {font-size:12px; line-height:27px; font-weight:bold; color:#888484; text-decoration:none;}
.l-3 {font-size:12px; line-height:27px; color:#888484; text-decoration:none; text-transform:uppercase;}
.l-4 {font-size:14px; line-height:27px; font-weight:bold; color:#22c8fc; text-transform:uppercase; text-decoration:none;}
.l-5 {font-size:14px; line-height:27px; font-weight:bold; color:#888484; text-decoration:none;}
.l-6 {font-size:14px; line-height:27px; color:#22c8fc; text-transform:uppercase; text-decoration:none;}
.l-7 {font-size:12px; color:#2a2a2a; font-weight:bold; text-decoration:none;}
.l-8 {font-size:14px; line-height:27px; color:#96a928; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.l-9 {font-size:14px; line-height:27px; color:#888484; text-decoration:none; text-transform:uppercase;}
.l-10 {font-size:12px; line-height:27px; color:#2f2f2f; text-decoration:none;}
.l-11 {font-size:12px; line-height:27px; color:#888484; text-decoration:none;}
.l-1:hover,.l-2:hover,.l-3:hover,.l-4:hover,.l-5:hover,.l-6:hover,
.l-7:hover,.l-8:hover,.l-9:hover,.l-10:hover,.l-11:hover {text-decoration:underline;}

dl span {float:left; width:80px;}

#login-form {display:block; padding:44px 0 0 0;}
#login-form label {color:#464545; margin:0 12px 0 0; float:left; font-size:13px; }
#login-form label span {float:left; width:63px;}
#login-form input {width:83px; font-size:13px; line-height:1.23em; color:#464545; padding:2px 5px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #e8e8e7; background:none; 
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.buttons {padding-top:16px; text-align:right;}
.buttons a {margin-left:20px;}


/********** tabs ***********/
#tab {position:relative; min-height:200px; width:100%; overflow:hidden;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: right;
	
	position:absolute;
	top:135px;
	right:15px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding:0 2px;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	display:inline-block;
	color: #5e5e5e;
	font-size: 14px;
	outline: none;
}
ul.tabs li a:hover, ul.tabs li.active a {
	text-decoration:underline;
}

/******** carousel *************/

#faded-1 .next1, #faded-2 .next2, #faded-3 .next3 {display:block; width:14px; height:14px; text-indent:-5000px; background:url(../images/next2.png) 0 0 no-repeat; float:left;}
#faded-1 .prev1, #faded-2 .prev2, #faded-3 .prev3 {display:block; width:14px; height:14px; text-indent:-5000px; background:url(../images/prev2.png) 0 0 no-repeat; float:left; margin-right:5px; }
.carousel-control {width:46px; height:22px; background:url(../images/carousel-control-bg.png) 0 0 no-repeat; padding:7px 0 0 8px; position:absolute; top:210px; left:220px;}
.sp {display:block; width:1px; height:13px; background:url(../images/pic-2.gif) 0 0 no-repeat; float:left; margin-right:5px;}
#faded-1, #faded-2, #faded-3 { width:100%; height:240px; overflow:hidden; position:relative; }
a { outline:0; border:0; }

/***********video********************/
.extr {
	position:relative;
	width:190px;
}
.extr-1 {
	width:308px;
	height:218px;
	margin:0px 0px 0px 1px;
}

.video {position:relative; border:1px solid #e5e5e5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.video img {position:relative; z-index:1;}
.button-video {position:absolute; top:50%; left:50%; width:49px; height:49px; margin:-25px 0 0 -27px; z-index:2; display:block; background:url(../images/button-video.png) left top no-repeat;}
.button-video:hover {background-position:left bottom;}

/********* pretty-photo************/
.gallery-photo {
	width:100%;
	min-height:330px;
	overflow:hidden;
}
.gallery li {
	float:left;
	padding:26px 13px 16px 26px;
	margin:0 13px 13px 0;
	width:200px;
	min-height:261px;
	background:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #d9d7d7;
}
	.gallery li.last {
		margin-right:0;
	}
	.gallery li.last2 {
		margin-bottom:0;
	}
	
.gallery li:hover {
	background:#ededed;
}
/* Lightbox image */
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.lightbox-image span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:0;
		width:200px;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		padding:0;
		}

/****************************footer************************/


.menu-list li {float:left; font-size:12px; line-height:30px; padding-right:19px;}
.menu-list li.last {padding:0;}
.menu-list li a {text-decoration:none; color:#a1a1a1;}
.menu-list li a:hover, .menu-list li .active {text-decoration:underline;}

.list-services {padding:0px 0px 0px 0px;}
.list-services li {float:right; padding:0 7px 0 0;}
.list-services li.last {padding:0;}

/************* Easy Tooltip *************/
#easyTooltip{
	padding:5px 9px;
	background:#33dcfb;
	color:#fff;
	font-size:11px;
	text-transform:none;
	position:relative;
	z-index:9;
}


/* scroll links */
.list_carousel {
    background-color: #FFFFFF;
    border: 1px solid #d9d7d7;
    height: 120px;
    margin-left: 20px;
    width: 550px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;    
}
.caroufredsel_wrapper ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.caroufredsel_wrapper li {
    color: #999999;
    display: block;
    float: left;
    font-size: 40px;
    margin: 6px 6px 6px 40px;
    padding: 0;
    text-align: center;
}


/**********Ligh Box Style***********/
	
#box, #Search {
	background-color: #ededed; /*border-radius: 5px;*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.35);
	min-height: 100px;
	position: absolute;
	width: 370px;
	z-index: 1012;
	top: 300px;
	left: 300px;
	display: none;
}
#DragBox {
	padding-left: 10px;
	padding-top: 3px;
	background-color: #6e6e6e;
	height: 27px;
	border-left: #403e3f 1px solid;
	border-right: #272526 1px solid;
	background: #6d6d6d url('images/box.png') repeat-x center bottom;
}
#box *, #Search * {
	color: #222;
}
#box #CloseBox, #Search #CloseSearch {
	width: 20px;
	float: right;
	background: url('images/close.png') no-repeat left 5px;
	cursor: pointer;
	height: 20px;
}
#box #BoxData, #Search #data {
	padding: 10px 5px 10px 0px;
	width: auto;
	min-height: 50px;
	background: url('images/loader.gif') no-repeat center center;
	margin-top: 25px;
	overflow: auto;
	max-height: 455px;
	width: 96%;
	margin: 5px;
}
#box #BoxTitle, #Search #title {
	padding-top: 5px;
	width: 90%;
	float: left;
	height: 20px;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	text-align: left;
}
#dark {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1009;
	filter: alpha(opacity=40);
	opacity: 0.6;
}	

/*******Auto Complete Ajax**********/
/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : inherit ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'pointer' ;
    overflow : auto ;
    font-family : Tahoma ;
    font-size : small ;
    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 ;
   }
   
/* *********** Hirarchy Node Style ************** */
.nodeStyle
{
	width: 100px;
}

/* Booklet jQuery Plugin Style*/
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.booklet .b-wrap-left  {
	background:#fff url(../images/MagazinePages/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.booklet .b-wrap-right {
	background:#efefef url(../images/MagazinePages/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:80%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:905px;
	height:540px;
	position:relative;
	background:transparent url(../images/MagazinePages/bg.png) no-repeat 9px 27px;
}
.book_wrapper h1{
	color:#13386a;
	margin:5px 5px 5px 15px;
	font-size:26px;
	background:transparent url(../images/MagazinePages/h1.png) no-repeat bottom left;
	padding-bottom:7px;
}
.book_wrapper p{
	font-size:16px;
	margin:5px 5px 5px 15px;
}
.book_wrapper a.article,
.book_wrapper a.demo{
	background:transparent url(../images/MagazinePages/circle.png) no-repeat 50% 0px;
	display:block;
	width:95px;
	height:41px;
	text-decoration:none;
	outline:none;
	font-size:16px;
	color:#555;
	float:left;
	line-height:41px;
	padding-left:47px;
}
.book_wrapper a.demo{
	margin-left:50px;
}
.book_wrapper a.article:hover,
.book_wrapper a.demo:hover{
	background-position:50% -41px;
	color:#13386a;
}
.book_wrapper img{
	margin:10px 0px 5px 35px;
	width:300px;
	padding:4px;
	border:1px solid #ddd;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
}
.booklet .b-wrap-right img{
	border:1px solid #E6E3C2;
}
a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:41px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;
	background:transparent url(../images/MagazinePages/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-11px;
}
a#next_page_button{
	right:-11px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(../images/MagazinePages/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/****** Hierarchy Style ******/


#center-container {
    width:730px;
    height:700px;
    background-color:#1a1a1a;
    color:#ccc;
    margin-top: 5px;
}

.text {
    margin: 7px;
}

#inner-details {
    font-size:0.8em;
    list-style:none;
    margin:7px;
}

#log {
	text-align: center;
    font-size:1.0em;
    font-weight:bold;
    color:#23A4FF;
}


#infovis {
    position:relative;
    width:730px;
    height:660px;
    margin:auto;
    overflow:hidden;
}

label
{
	padding-left: 15px;
	font-weight: bold;
}
 
/*TOOLTIPS*/
.tip {
    color: #111;
    width: 139px;
    background-color: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
}

/**********weather panel************/
		#weather {
			background: #6f9dbe;
			background: -webkit-gradient(linear, left top, left bottom, from(#adc7db), to(#6f9dbe));
			background: -moz-linear-gradient(top, #b2bcc8, #adc7db);
			width: 99%;
			padding: 5px 10px;
			overflow: hidden;
			border: 1px solid #6591b3;
			direction:ltr;
			text-align:left;
			height:180px;
		}
		
		#weather h2 {
			color: #000;
			font-size:12px large;
			
			text-align:center;
			text-shadow: rgba(250, 250, 250, 0.6) 2px 2px 0;			
		}
		
		#weather .desc {
			font-size: 16px;
			margin: 25px 0 0;			
			color: #000;
		}
		
		#weather .desc .high
		{
			color: #fdba20;
			font-size:13px;
			padding-top: 5px;
		}
		
		#weather .desc .low
		{
			color: #777777;
			font-size:13px;
		}
		
		#weather a:link, #weather a:active, #weather a:visited {
			display: block;
			clear: both;
			text-decoration: none;
			color: #222;
			font-size: 12px;
		}
		
		#weather a:hover {
			color: #000;
			text-decoration: underline;
		}
		
		
/*************Tabs Style***************/
    /* Example Styles for Demo */
  /*  .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; position: relative; top: 6px; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }

    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
    .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px; }
    .panel-container { margin-bottom: 10px; }
	
	.tab a.active {
		font-weight: bold;
	}

	.tab a:hover {
		text-decoration: none;
	}

	.tab a {
		font-size: 14px;
		line-height: 2em;
		display: block;
		padding: 0 10px;
		outline: none;
	}*/
	a:hover {
		color: #9ea0a1;
		text-decoration: none;
	}

	a:hover, a:active {
		outline: 0;
	}

	a {
		color: #780000;
		text-decoration: none;
		line-height: inherit; 
		font-weight: inherit;
	}



.ajaxtab
{
    margin:5px 0px 5px 0px;    
}

.ajaxtab .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
   
    padding-left: 0px;
}
.ajaxtab .ajax__tab_header .ajax__tab_outer
{
   
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
    border-radius: 5px 5px 0px 0px;
}
.ajaxtab .ajax__tab_header .ajax__tab_tab
{
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.ajaxtab .ajax__tab_hover .ajax__tab_outer
{
    
    cursor: pointer;
}
.ajaxtab .ajax__tab_active .ajax__tab_tab
{
    color:#911213;
}


.ajaxtab .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.50em 0.30em;
    border: solid 3px ;
   Width: 700px ;
   Height: 100%;
}


.ajaxtab_home
{
    margin:5px 0px 5px 0px;    
}

.ajaxtab_home .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
   
    padding-left: 50px;
}
.ajaxtab_home .ajax__tab_header .ajax__tab_outer
{
   
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
    border-radius: 5px 5px 0px 0px;
}
.ajaxtab_home .ajax__tab_header .ajax__tab_tab
{
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.ajaxtab_home .ajax__tab_hover .ajax__tab_outer
{
    
    cursor: pointer;
}
.ajaxtab_home .ajax__tab_active .ajax__tab_tab
{
    color:#911213;
}


.ajaxtab_home .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.50em 0.30em;
    border: solid 3px ;
   Width: 550px ;
   Height: 350px;
}
.ajaxtab_ser
{
    margin:5px 0px 5px 0px;    
}

.ajaxtab_ser .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 8pt;
	font-weight:bold;
    padding-left: 10px;
}
.ajaxtab_ser .ajax__tab_header .ajax__tab_outer
{
   
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
    border-radius: 5px 5px 0px 0px;
}
.ajaxtab_ser .ajax__tab_header .ajax__tab_tab
{
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.ajaxtab_ser .ajax__tab_hover .ajax__tab_outer
{
    
    cursor: pointer;
}
.ajaxtab_ser .ajax__tab_active .ajax__tab_tab
{
    color: #780000;
}


.ajaxtab_ser .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.50em 0.30em;
    border: solid 1px ;
   Width: 210px ;
   Height: 200px;
}



ul, li{list-style:none;}
.wrap {width: 960px; margin: 0 auto;}
.demo-container {padding: 20px 0; width: 250px; float: right;}
.demo-container.right {float: right;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}
.clear {clear: both;}

/* Vertical Mega Menu Styles */
.mega-menu{
font: bold 14px Arial, sans-serif; 
line-height: 25px; 
background: #464545;
border-left: 1px solid #000000; 
position: relative; /* Required */
text-align:right;
padding-left:0px;
margin-left:0px;
}
.mega-menu li a {
display: block; 
color: #c4c2c2; 
padding: 3px 15px 3px 0px; 
/*text-shadow: 1px 1px 1px #fff; */
text-decoration: none;  
border-top: 1px solid #555; 
border-bottom: 1px solid #222; 
border-left: 1px solid #1B1B1B;
}
.mega-menu li a:hover, .mega-menu li.mega-hover a {
background: #941516; 
color: #fff; 
border-right: 1px solid #941516;
}
.mega-menu li a.dc-mega {
position: relative;
}
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 10px; 
right: 15px; 
width: 6px; 
height: 8px; 
background: url(images/arrow_right.png) no-repeat 0 0;
}


/* Mega menu container */
.mega-menu li .sub-container {
position: absolute; /* Required */
background: #4B4B4B;
padding: 10px 10px 0 10px; 
border: 1px solid #4b4b4b; 
border-right: none;
}
.mega-menu li .sub-container .sub {}

.mega-menu li .sub .row {
width: 100%; overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
float: none; 
width: 160px; 
font-size: 1em; 
font-weight: bold;
 
}
.mega-menu li .sub li.mega-hdr {
float: left; /* Required */
margin: 0 5px 10px 5px;
}
.mega-menu li .sub a, .mega-menu.left li .sub a {
background: none; 
border: none; 
text-shadow: none;
float: none;
color: #fff; 
padding: 3px 0px; 
display: block;
text-decoration: none; 
font-size: 0.9em;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 3px 15px 3px 5px; 
margin-bottom: 5px; 
background: #E88221; 
text-transform: uppercase; 
font-weight: bold; 
color: #fff; 
text-shadow: 1px 1px 1px #fff;
}  
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000; 
text-shadow: none;
}
.mega-menu .sub li.mega-hdr li a {
padding: 0; 
background: url(images/arrow_white.png) no-repeat 125px 8px; 
font-weight: normal;
}
.mega-menu .sub li.mega-hdr li a:hover {
color: #a32403; 
background: #efefef url(images/arrow_on.png) no-repeat 125px 8px;
}
.mega-menu .sub ul li {
padding-left: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
padding-bottom: 10px;}
.mega-menu li .sub-container.non-mega li {
padding: 0; 
margin: 0;
width: 170px;
}
.mega-menu li .sub-container.non-mega li a {
padding-left: 5px; 
/*background: url(images/arrow_white.png) no-repeat 87px 10px; */
}
.mega-menu li .sub-container.non-mega li a:hover {
color: #ffffff;
 font-size: 15px;
 text-shadow: 2px 2px 2px #941516;
/*background-color: #efefef;*/
/*background: #efefef url(images/arrow_on.png) no-repeat 87px 10px; */
}

.rootDisplay
{
 display:none;
}

.tree
{
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#840a0b), to(#660506));
	background: -moz-linear-gradient(#840a0b, #660506);
	background: linear-gradient(#840a0b, #660506);
	-pie-background: linear-gradient(#840a0b,#660506);*/
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
font-size:16px;

}
tree a
{
    text-decoration:none;
    
}
tree a:hover
{
    text-decoration:none;
    color:Black;
}
tree a:selected
{
 text-decoration:none;
    color:Black;
}
.parenttree
{    
    background-color:gray;
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#840a0b), to(#660506));
	background: -moz-linear-gradient(#840a0b, #660506);
	background: linear-gradient(#840a0b, #660506);
	-pie-background: linear-gradient(#840a0b,#660506);*/
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	font-size:16px;
 

}
parenttree a
{
    text-decoration:none;
    
}
parenttree a:hover
{
    text-decoration:none;
    color:Black;
}
parenttree a:selected
{
 text-decoration:none;
    color:Black;
}



/**********Accordion************/

.accordionPaneHeader
{
    border: 1px solid #848484;
    color: white;
    background-color: #464545;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
color:white;
    padding: 2px;
    margin-top: 8px;
    cursor: pointer;
    height:auto;
    

}

.accordionPaneContent
{
    background-color: #ffffff;
    border: 1px dashed #848484;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    overflow: scroll;
}

/**********GRID************/
.column1
{
    	width:210px;
    		display:inline;
	float: right;
	padding-right: 0px;
	margin-right: 0px;
	
	
}
.column2,
.column3,
.Header,
.column4
 {
	display:inline;
	float: right;
	position: relative;

}

.column3 {
	width:190px;
	
}

.column2 {
	width:960px;
	float:right;
}

.column4 {
	width:750px;
}

.Header {
	width:550px;
	min-height:126px; width:100%;
	vertical-align:bottom;
	text-align: right
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.gr
{
	padding-top:10px;
}

.greo
{
	padding-top:10px;
	padding-right:20px;
}


.gridViewPager td
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
	
	background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);z-index:999;
	
}


.footer {
   
    
       clear: both;
    position: relative;
    z-index:100;
       
     width:100%; text-align:center;
	background: 		#464545;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#464545), to(#939191));
	background: 		-moz-linear-gradient(#464545, #939191);
	background: 		linear-gradient(#464545, #939191);
	-pie-background: 	linear-gradient(#464545, #939191);
    font-size:16px; 

    
    
}



.accordionPaneHeader1 
{
    border: 1px solid #848484;
    color: white;
   background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);
    font-family: Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
color:white;
    padding: 1px;
    margin-top: 1px;
    cursor: auto;
    height:27px;
    vertical-align:middle;
    

}

.accordionPaneContent1
{
    background-color: #ffffff;
    border: 1px solid #848484;
    border-top: none;
  
     font-weight:bold;
    font-size: 16px;
}




.accordionPaneHeader2
{
    border: 1px solid #848484;
    color: white;
   background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);
    font-family: Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
color:white;
    padding: 2px;
    margin-top: 8px;
    cursor:auto;
    height:27px;
    vertical-align:middle;
    

}

.accordionPaneContent2
{
    background-color: #ffffff;
    border: 1px solid #848484;
    border-top: none;
  
     font-weight:bold;
    font-size: 16px;
}

.accordionPaneHeader3
{
    border: 1px solid #848484;
    color: white;
   background: #911213;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bf4344), to(#941516));
	background: -moz-linear-gradient(#bf4344, #941516);
	background: linear-gradient(#bf4344, #941516);
	-pie-background: linear-gradient(#bf4344,#941516);
    font-family: Arial, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
color:white;
    padding: 2px;
    margin-top: 8px;
    cursor: pointer;
    height:35px;
    vertical-align:middle;
    

}

.accordionPaneContent3
{
    background-color: #ffffff;
    border: 1px solid #848484;
    border-top: none;
   
     font-weight:bold;
    font-size: 20px;
}

.accordionPaneHeaderDynamic
{
    border: 1px solid #848484;
    color: white;
    background-color: #464545;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
color:white;
    padding: 2px;
    padding-right:20px;
    margin-top: 8px;
    cursor: pointer;
    height:auto;
    

}
.accordionPaneContentDynamic
{
      background-color: #ffffff;
    border: 1px solid #848484;
    border-top: none;
    padding-right :10px;
    padding-left :10px;
     font-weight:bold;
    font-size: 16px;
}


.dynamicGridRS TD { padding: 1px 5px 1px 5px; }

/*new*/

.extextbox {  

    width: 300px;  
    
  
}
.exlabel {
       height:40px;  
       width: 60px;  
       color: black; 
     font-size:20px;
       
    padding-bottom:20px;

}
.trlabel {
       height:30px;  
       width: 60px;  
       color: darkred; 
     font-size:15px;
       


}


.tralabel {
       height:30px;  
        
       color: black; 
     font-size:15px;
       


}


.exMesslabel {
       /*height:40px;  
       width: 60px;*/  
       color: red; 
     font-size:20px;
       
    padding-top:20px;

}
.exdrop {  
    
     height:20px;  
       width: 200px; 
}
.exCheckBoxList {
       margin-right: 20px; 
}
 .ppp {

            padding-top:20px;
        }
.lbl {
    font-size:large;
    color:black;
    font:bold;
}
.ddl {
      height:20px;  
       width: 100px; 

}
.txt {
     height:20px;  
       width: 100px; 

}
.ddl_bab {
     height:20px;  
       width: 300px; 
}
.lbl_details {
 font-size:medium;
    color:black;
    
}
.exlabel1 {
       height:30px;  
       width: 100px;  
       color: black; 
     /*font-size:20px;*/
     /*text-align:center;
     text-anchor:middle;
       
    padding-bottom:20px;*/

}
.exlabel2 {
       height:40px;  
       width: 60px;  
       color: #911213; 
     font-size:20px;
       
    padding-bottom:20px;

}
.txtID {
     height:30px;  
       width: 150px;  
       color: black; 
}

.exlabelname {
       height:40px;  
       width: 60px;  
       color: black; 
     font-size:23px;
        font-weight :bold;
    padding-bottom:20px;

}