/* CSS Document */

#main{width:790px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
} 
 
#header{width:790px; /* top header with dubai gov logo and dewa logo */
height:80px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
}

#topheader1a{float:left; /* home page left panel i.e date, AAA */
width:192px;
height:138px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
padding:2px;
}

#topheader1b{float:right; /* home page left panel i.e date, AAA */
width:450px;
height:20px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
padding:2px;
}
 
#topheader2{width:790px; /* home page red stripe  */
background-image:url(images/strip.jpg);
}
 
#topheader3{width:790px; /* home page bill inquiry e pay slab tariff help desk */
height:135px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
}
  
#topheader4{width:790px; /* home page google search and quick links */
height:20px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
}
  
#topmenu{width:790px; /* home page top menu ie customers, my business ,community.... */
height:22px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
background-color:#CFDEC1;
}  
  
#breadcramp{width:790px; /* home page top menu ie customers, my business ,community.... */
height:22px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
background-color:#ffffff;
}  
   

#arabicbutton{
float:right;
width:200px; /* home page top menu ie customers, my business ,community.... */
height:22px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
background-color:#ffffff;
}  
   
#leftpanel{float:left; /* home page left panel links */
width:180px;
height:400px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
}
  
#leftbutton1{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton2{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton3{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton4{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton5{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton6{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton7{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton8{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton9{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton10{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton11{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton12{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}

#leftbutton{width:190px; /* home page left menu buttons i.e who we are , consumer */
height:18px;
/*background-color:#CFDEC1;*/
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}
   
#leftmenuheader{width:190px; /* home page left menu header i.e popular links */
height:18px;
background-image: url(../images/quick_links.jpg);
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}
  
#rightmenuheader{width:140px; /* home page right menu header i.e useful links */
height:18px;
background-color:#2B4313;
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}
  
#rightpanel{float:left; /* home page right panel links */
width:120px;
height:420px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
}
 
#rightbutton{width:120px; /* home page right buttons i.e green buildong, ecomplain */
height:44px;
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}
  
#rightbuttonuseful  {width:120px; /* home page right menu header i.e useful links */
height:18px;
background-image: url(../images/useful_links.jpg);
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
}
  
  
#centrepanel{ /* home page central panel */
margin-left:210px;
width:405px;
height:420px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
text-align:left;
}
  
#dateleftpanel{float:left; /* home page left panel i.e date, AAA */
width:180px;
height:20px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
padding:2px;
}
  
#datecentralpanel{ /* home page change template colors */
margin-left:210px;
width:380px;
height:20px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
padding:2px;
}
  

 
#latestdewa{width:460px; /* home page latest dewa updates */
height:18px;
background-image: url(../images/events_head.jpg);
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
margin-top:1px;
text-align:right;
font-size: 12pt;
}


#latestdewa1{width:460px; /* home page latest dewa updates */
height:18px;
background-image: url(../images/news_head.jpg);
text-align:right;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
font-size: 12pt;
}
 
#latestdewanews{width:460px; 
margin-top:5px;
text-align:right;
font-size: 12pt;
}
  
.latestdewaimg1{float:right; 
}
 
#usefull{
width:790px;
height:150px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
padding:5px;
}
 
#usefull1{
float:left;
width:150px;
height:150px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
padding:5px;
}
  
#usefull2{
margin-left:340px;
width:150px;
height:150px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
padding:5px;
}
 
#usefull3{
float:right;
width:200px;
height:150px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
padding:5px;
}
   
#usefull4{
float:right;
margin-right:250px;
width:200px;
height:150px;
border-style:SOLID;
border-width:1px;
border-color:#ffffff;
padding:5px;
}
  
#usefullcentralpanel{
margin-left:200px;
width:150px;
height:150px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
padding:1px;
}
 
ul
{
    list-style-type:none;
}
  
  
li
{
    margin-bottom:2px;
	list-style-type:none;
}
 
 
.usefullbt{ /* bold text */
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	
	}
 	
 
.usefullfont{
font-family:arial;
font-size:10px;
color:#000000;
}



.style1 {
	font-family: Arial;
	font-size: 1px;
	color: #CC0000;
}
 
 
.nt{ /* normal text */
	font-family: Arial;
	font-size: 0.9em; /*12px;*/
	color: #000000;
}



 
.bt{ /* bold text */
	font-family: Arial;
	font-size: 0.9em; /*12px;*/
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
	}
	
	.bt1{ /* bold text with white color */
	font-family: Arial;
	font-size: 0.9em; /*12px;*/
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 10px;
	text-align: right;
		}
	
	

.loginlink{
font-family: verdana;
	font-size: 10px;
	font-weight: bold;
color:#22411D;

}

	
.cmts{
font-family: verdana;
	font-size: 10px;
color:#22411D;

}