/*Design and Layout*/
#siteLogo a {
  text-indent: -5000px;
  background: url(../img/citizen/logo-ecitizen.gif);
  width: 238px;
  height: 55px;
  padding:0;
  margin:0;
  position: absolute;
  top: 12px;
  left: 23px;
  outline: none;
}
#siteHeader {
  width: 880px;
  height: 25px;
  margin: 0 auto;
  background: url(../img/citizen/navSub-bg.jpg) repeat-x;
  float: none;
  clear: both;
}
#siteHeader ul {
  list-style: none;
  list-style-type: none;
  margin:0;
  padding:0;
}
ul#navSub li {
  list-style: none;
  list-style-type: none;
/*  display: inline-block;*/
  float: left;
  padding: 0;
  margin: 0;
}
ul#navSub li a, ul#navSub li a:link {
/*  display: inline-block; */
  height: 19px;
  margin: 3px;
  float: left;
  text-indent: -5000px;
  outline: none;
}
  
  li#subHome a {
    background: url(../img/citizen/subHome.gif);
    width: 51px;
  }
  li#subHome a:hover, li#subHome a.active {
    background: url(../img/citizen/subHome.gif) 0px -19px;
  }
  li#subAboutUs a {
    background: url(../img/citizen/subAboutUs.gif);
    width: 69px;
  }
  li#subAboutUs a:hover, li#subAboutUs a.active {
    background: url(../img/citizen/subAboutUs.gif) 0px -19px;
  }
   li#subPaymentServices a {
    background: url(../img/citizen/subPaymentServices.gif);
    width: 118px;
  }
  li#subPaymentServices a:hover, li#subPaymentServices a.active {
    background: url(../img/citizen/subPaymentServices.gif) 0px -19px;
  }
  li#subUsefulLinks a {
    background: url(../img/citizen/subUsefulLinks.gif);
    width: 90px;
  }
  li#subUsefulLinks a:hover, li#subUsefulLinks a.active {
    background: url(../img/citizen/subUsefulLinks.gif) 0px -19px;
  }
  li#subMobileServices a {
    background: url(../img/citizen/subMobileServices.gif);
    width: 106px;
  }
  li#subMobileServices a:hover, li#subMobileServices a.active {
    background: url(../img/citizen/subMobileServices.gif) 0px -19px;
  }
  li#subMyECitizen a {
    background: url(../img/citizen/subMyECitizen.gif);
    width: 78px;
  }
  li#subMyECitizen a:hover, li#subMyECitizen a.active {
    background: url(../img/citizen/subMyECitizen.gif) 0px -19px;
  }
  
   /*hometop*/
   #hometop{margin-bottom:10px; width:100%;}
   #hometopleft{float:left;width:575px;height:370px;margin:0;padding:0;}
    #hometopright{float:right;width:275px;margin:0;padding:0;margin-top:10px;height:360px;}
   /*homemiddle*/
   #homemiddle{}
   #homemiddle1{width:275px;height:220px;margin-right:14px; float:left; background: url(../img/citizen/panel_online_payment.gif);}
   #homemiddle2{width:275px;height:220px;float:left;background: url(../img/citizen/panel_popular_eservices.gif);}
   /*citizenconnect*/
   #citizenconnect{width:235px;height:206px;float:right;background: url(../img/citizen/panel_citizen_connect.gif);padding-top:14px;padding-left:20px;padding-right:20px}
   #citizenconnect ul{margin: 0;padding: 0;margin-left:12px;}
   /*homebottom*/
   #homebottom{margin-top:10px;}
   #homebottom1{margin-left:15px; float:left;}
   #homebottom2{margin-left:9px; float:left;}
   #homebottom3{float:right;margin-right:10px;}
   /*footerimage*/
   #footerimage{margin-left:-14px;margin-bottom:-10px;}
  /*subleft*/
  #subleft{float:left; width:565px;padding-right:10px}
  /*subright*/
    #subright{float:right;width:275px;}
	
	/*login*/
  #login{
	margin:0;
	padding:10px 25px 0 25px;
	  border: 1px solid #d0cdcd;
	  border-bottom:none;
  width:223px;
  height:100px;
  background-image:url('../img/citizen/login_bg.gif');
    background-repeat:repeat-x;
	
	}
	.marginbottom{margin-bottom:8px;display: block;}
  
  /* subnav */
  #subnav{border: 1px solid #d0cdcd;
  margin-bottom:8px;
  width:259px;
  background-image:url('../img/citizen/tab_bg.gif');
    background-repeat:repeat-x;
	padding:7px;
	}
  #subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
  #subnav ul li {
	  list-style: none;
  margin-left: 10px;
  background: url('../img/citizen/separator3.png') no-repeat left bottom;
	padding-right: 9px;
	padding-bottom: 3px;
  }
#subnav ul li.nobullet{background: none}
	
	/* subnav1 */
	  #subnav1{border: 1px solid #d0cdcd;
  margin-bottom:8px;
  width:259px;
  background-image:url('../img/citizen/tab_bg.gif');
    background-repeat:repeat-x;
	padding:7px;
	}
  #subnav1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
  #subnav1 ul li {
	  list-style: none;
  margin-left: 10px;
  background: url('../img/citizen/separator3.png') no-repeat left bottom;
	padding-right: 9px;
	padding-bottom: 3px;
  }
#subnav1 ul li.nobullet{background: none}


    /* featured service */
  #featuredservice{
	  padding:0;
	  margin:0;
  border: 1px solid #d0cdcd;
  width:259px;
  height:226px;
  background-image:url('../img/citizen/tab_bg.gif');
    background-repeat:repeat-x;
	padding:7px;
	padding-bottom:0;
	background-color:#ffffff;
	}
  #featuredservice ul {
	margin: 0;
	padding: 0;
}
  #featuredservice ul li {
  margin-left: 20px;
  }
   
.white_bold{
	color:#FFF;
	font-weight:bold;
	}
	
	table.appendix {
border-top: 1px solid #d0cdcd;
border-right: 1px solid #d0cdcd;
	}
	
	table.appendix td{
border-bottom: 1px solid #d0cdcd;
border-left: 1px solid #d0cdcd;
padding:5px;
vertical-align:top;
	}
  
/* GOVERNMENT SERVICES TABS */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
/*.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
/*.ui-helper-clearfix { display: inline-block; }*/
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; Opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Tabs
----------------------------------*/
.ui-tabs {zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; padding:0; margin:0; padding-left:20px; margin-left:-20px;}
.ui-tabs .ui-tabs-nav li { border-bottom-width: 0 !important;background: white; width:151px;height:47px; background: url('../img/citizen/tab.gif') no-repeat center bottom;border-top: 1px solid #c0ac9d;}
.ui-tabs .ui-tabs-nav li a { text-decoration: none;color:#333;padding:6px 0 0 5px;display: block;height:42px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width: 0;background: white; background: url('../img/citizen/tab_over.gif') no-repeat left top;color:#FFF;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;color:#FFF;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:0; margin:0;display: block; border-width: 0; background: white;width:390px;;height:315px;margin-top:-336px;margin-left:151px;padding:10px;;border-top: 1px solid #cfcccc;border-bottom: 1px solid #cfcccc;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/* ONLINE PAYMENT & POPULAR ESERVICES TABS */

/* Layout helpers
----------------------------------*/
.interiorNavigation .ui-helper-hidden { display: none; }
.interiorNavigation .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.interiorNavigation .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
/*.interiorNavigation .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
/*.interiorNavigation .ui-helper-clearfix { display: inline-block; }*/
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.interiorNavigation .ui-helper-clearfix { display:block; }
/* end clearfix */
.interiorNavigation .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.interiorNavigation .ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.interiorNavigation .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.interiorNavigation .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Tabs
----------------------------------*/
.interiorNavigation .ui-tabs {padding: .2em;}
.interiorNavigation .ui-tabs .ui-tabs-nav {padding: .2em .2em 0 0;  position: relative;}
.interiorNavigation .ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: -7px 0 -1px 4px; padding: 0; list-style: none;width:62px;height:25px;background: url('../img/citizen/tab2_over.png') no-repeat center top; text-align:center;font-size:90%;padding-top:5px;border-top:none}
.interiorNavigation .ui-tabs .ui-tabs-nav li a { display:inline; text-decoration: none; padding: .5em 1em;color:#FFF;padding-top:6px;}
.interiorNavigation .ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom: 0;background: url('../img/citizen/tab2.gif') no-repeat center top;}
.interiorNavigation .ui-tabs-nav li.ui-tabs-selected a, .interiorNavigation .ui-tabs-nav li.ui-state-disabled a, .interiorNavigation .ui-tabs-nav li.ui-state-processing a { cursor: text;color:#666;}
.interiorNavigation .ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; margin:0;margin-top:-10px;margin-left:-26px;width:260px;;height:80px;}
.interiorNavigation .ui-tabs .ui-tabs-hide { display: none !important; }
  
/*Typography*/