body {
  margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(/CitizenPortal/images/dots/Main-BG.jpg); background-attachment:fixed; background-repeat:repeat-x; background-position:top; line-height:17px; color:#404040; background-attachment:fixed;
}
UL 
{
    margin:0px; padding:0px;
}

INPUT {
	BORDER: #a6a6a6 1px solid; FONT: 1em Arial, Helvetica, sans-serif; height:17px; background-image:url(/CitizenPortal/images/text-bg.jpg); background-repeat:repeat-x; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px; vertical-align:middle;
}
SELECT {
	BORDER-RIGHT: #747474 1px solid; BORDER-TOP: #747474 1px solid; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #747474 1px solid; BORDER-BOTTOM: #747474 1px solid; background-image:url(/SAAPPortal/images/text-bg.jpg); background-repeat:repeat-x; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px; vertical-align:middle;
}
TEXTAREA {
	BORDER-RIGHT: #747474 1px solid; BORDER-TOP: #747474 1px solid; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #747474 1px solid; BORDER-BOTTOM: #747474 1px solid; background-image:url(/SAAPPortal/images/text-bg.jpg); background-repeat:repeat-x; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px; vertical-align:middle;
}


.topbg
{
    background-image:url(/CitizenPortal/images/dots/top-mini-bg.png); height:12px;
}


.nav-url 
{
    font-family:Verdana; font-size:10px; font-weight:normal; color:#49788f;
}
.nav-url-actv 
{
    font-family:Verdana; font-size:11px; font-weight:normal; color:#e95317;
}



/* Password strength Starts */
 .WeakStrength
{
background: Red;
color:White;
font-weight:bold;
}
.AverageStrength
{
background: Gray;
color:White;
font-weight:bold;
}
.GoodStrength
{
background: orange;
color:black;
font-weight:bold;
}
.StrongStrength


{
background: blue;
color:White;
font-weight:bold;
}
.VeryStrongStrength


{
background: Green;
color:White;
font-weight:bold;
}
.BarBorder
{
border-style: solid;
border-width: 1px;
width: 180px;
padding:2px;
}


/* Top Menu Css Starts */

.jqueryslidemenu{
font: bold 11px Verdana;
	background: #73909e; 
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #73909e; /*background of tabs (default state)*/
color: white;
padding-top:5px;
padding-left:20px; padding-right:20px; padding-bottom:5px;
border-right: 1px solid #fff;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#90af0c; /*tab link background during hover state*/
color: #fff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 165px; /*width of sub menus*/
padding: 4px; line-height:16px;
font-size:11px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid white;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 10px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 4px;
right: 5px;
}


/*Top Menu Css Ends */




.btn 
{
    background-image:url(/CitizenPortal/images/dots/btn.gif); background-repeat:repeat-x; padding-left:5px; padding-right:5px; background-position:top; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:600; vertical-align:middle; color:#FFFfff; height:22px; vertical-align:middle; border:1px #b43908 solid;
}


.col1 {
	background-color:#fbfed7; border:2px #719a2e solid; padding:1px;
}

.col1-hd {
	background-image:url(/CitizenPortal/images/dots/col1-bg.png); height:24px; vertical-align:middle; text-align:left; background-repeat:repeat-x; padding-left:5px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#fff;
}

.col2 {
	background-color:#fbf2dc; border:2px #b3b9bc solid; padding:1px;
}
.col2-hd {
	background-image:url(/CitizenPortal/images/dots/col2-bg.png); height:24px; vertical-align:middle; text-align:left; background-repeat:repeat-x; padding-left:5px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#fff;
}

.col3 {
	background-color:#d5f7ed; border:2px #47a2d9 solid; padding:1px;
}
.col3-hd {
	background-image:url(/CitizenPortal/images/dots/col3-bg.png); height:24px; vertical-align:middle; text-align:left; background-repeat:repeat-x; padding-left:5px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#fff;
}

.col4 {
	background-color:#fff; border:2px #d95623 solid; padding:1px;
}
.col4-hd {
	background-image:url(/CitizenPortal/images/dots/col4-bg.png); height:24px; vertical-align:middle; text-align:left; background-repeat:repeat-x; padding-left:5px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#fff;
}

.sub-hd 
{
    border-bottom:2px #61aedc solid; border-top:2px #61aedc solid; background-color:#FFF; height:22px;
}


.HD-TXT 
{
    font-family:Verdana, Geneva, sans-serif; font-size:14px; text-align:left; font-weight:bold; color:#fe4800;
}

.HD-TXT1
{
    font-family:Verdana, Geneva, sans-serif; font-size:14px; text-align:left; font-weight:bold; color:#a66017;
}

.foot-bg 
{
    background-color: #73909e; padding: 3px; padding-right: 6px; vertical-align: top;
}

.arrw 
{
    background-image:url(/CitizenPortal/images/dots/arrw1.png); width:6px; height:23px; background-repeat:no-repeat; background-position:center; border-bottom: 1px #c9c2b0 solid;
}

.arrw1
{
    background-image:url(/CitizenPortal/images/dots/arrw2.png); width:6px; height:23px; background-repeat:no-repeat; background-position:center; border-bottom: 1px #c9c2b0 solid;
}



.blk-lnk {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none; 
}
a.blk-lnk:visited {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none;
}
a.blk-lnk:hover {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:underline;
}
a.blk-lnk:active {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none;
}


.lnk {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#336699; text-decoration:none; 
}
a.lnk:visited {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#336699; text-decoration:none;
}
a.lnk:hover {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#336699; text-decoration:underline;
}
a.lnk:active {
	font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#336699; text-decoration:none;
}

.lnk1 {
	font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#c95000; text-decoration:none; 
}
a.lnk1:visited {
	font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#c95000; text-decoration:none;
}
a.lnk1:hover {
	font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#c95000; text-decoration:underline;
}
a.lnk1:active {
	font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#c95000; text-decoration:none;
}


/* Form Starts */

.formbg1 {
	background-color:#e7e5e5; padding-right:6px; text-align:left; padding-left:8px; vertical-align:middle; font-size:10px;  font-weight:700; height:17px; color:#000000;
}
.formbg2 {
	background-color:#f8f8f8; padding-left:6px;  border-bottom:1px #c7c7c7 solid; text-align:left; vertical-align:middle; font-size:12px;  font-weight:300; padding-top:3px; padding-bottom:3px; height:20px; color:#000; font-weight:700;
}
.formbg3 {
	background-color:#f8f8f8; padding-top:5px; padding-bottom:5px; border-bottom:1px #c7c7c7 solid; border-top:1px #c7c7c7 solid; text-align:center; vertical-align:middle; font-size:11px;  font-weight:300; height:20px; color:#000; font-weight:700;
}
.formminihd {
	background-color:#9bd8b7; padding-left:6px; text-align:left; vertical-align:middle; font-size:11px;  font-weight:700; height:23px; color:#000000;
}
.formminihd1 {
	background-color:#81c8e9; padding-left:6px; text-align:center; vertical-align:middle; font-size:14px;  font-weight:700; height:23px; color:#000000;
}

/* Form Ends */


.foot-txt {
	color:#454a00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:18px; background-color:#b8c507;
}



/* GRID Starts */

.gridbg1 {
	background-color:#f4f4f4; text-align:center; color:#000;  border-bottom:1px #b0b0b0 solid;  border-left:1px #b0b0b0 solid; vertical-align:middle; font-size:10px;  font-weight:400; height:20px; padding-left:5px; padding-right:5px; padding:4px;
}
.gridbg2 {
	background-color:#eae9e9; text-align:center; color:#000;  border-bottom:1px #b0b0b0 solid;  border-left:1px #b0b0b0 solid; vertical-align:middle; font-size:10px;  font-weight:400; height:20px; padding-left:5px; padding-right:5px;
}
.gridhdbg {
	background-color:#c1c1c1; text-align:center;  border-bottom:1px #b0b0b0 solid; color:#000;  border-left:1px #575757 solid; vertical-align:middle; font-size:10px;  font-weight:bold; height:20px;
}
.gridhdbgfoot {
	background-color:#b1b0b0;  border-bottom:1px #b0b0b0 solid;  border-left:1px #575757 solid; vertical-align:middle; font-size:10px;  font-weight:bold; height:20px;
}
.gridtb {
	border-right:1px #b0b0b0 solid; border-top:1px #b0b0b0 solid;
}

.gridbgleft {
	background-color:#f4f4f4; text-align:left; color:#000;  border-bottom:1px #b0b0b0 solid;  border-left:1px #b0b0b0 solid; vertical-align:middle; font-size:10px;  font-weight:400; height:20px; padding-left:5px; padding-right:5px; padding:4px;
}
.gridbgright {
	background-color:#f4f4f4; text-align:right; color:#000;  border-bottom:1px #b0b0b0 solid;  border-left:1px #b0b0b0 solid; vertical-align:middle; font-size:10px;  font-weight:400; height:20px; padding-left:5px; padding-right:5px; padding:4px;
}


.FORM-HD-BG 
{
    background-image:url(/CitizenPortal/images/GRY-HD-BG.jpg); background-color:#ffffff; vertical-align:top; text-align:right; padding-right:3px; padding-top:3px; background-repeat: no-repeat; background-position: top right; border-bottom: 1px #999 dotted; border-right: 1px #999 dotted; padding-bottom:12px; font-family:Verdana; font-size:11px; font-weight:bold; color:#595959; line-height:18px;
}
.grn-form-HD 
{
    background-image: url(/CitizenPortal/images/grn-shd-bg.gif); background-repeat: repeat-x; border-bottom: 1px #999 solid; height: 25px; padding-left: 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #4f6300; font-weight: bold;
}
.grn-form-MHD 
{
    background-image: url(/CitizenPortal/images/grn-shd-bg.gif); background-repeat: repeat-x; border-bottom: 1px #999 solid; height: 35px; padding-left: 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #4f6300; font-weight: bold;
}
.grn-form-MMHD 
{
    background-image: url(/CitizenPortal/images/brwntab-bg.gif); background-repeat: repeat-x; border-bottom: 1px #999 solid; height: 35px; padding-left: 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #4f6300; font-weight: bold;
}
.dbl-ln-hd 
{
    background-image:url(/CitizenPortal/images/dbl-ln.png); vertical-align:top; padding-bottom:13px; text-align:right; padding-right:3px;  font-family:Verdana; background-repeat:no-repeat; background-position:bottom right; font-size:11px; font-weight:normal; color:#595959; line-height:16px; padding-left:5px;
}
.bl-hd-txt {
	font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#22c3d9; line-height:20px;
}




 div.ex
        {
            top: 180px;
            left: 270px;
            width: 850px;
            position: absolute;
            overflow: auto;
            height: 300px;
            background: #dedddd;
        }
        
        div.background
        {
            width: 500px;
            height: 250px;
            background: url(klematis.jpg) repeat;
            border: 2px solid black;
        }
        div.transbox
        {
            top: 00px;
            left: 00px;
            padding: 10px;
            border: 5px solid gray;
            margin: 0px;
            position: absolute;
            background-color: #dddddd;
            opacity: 0.6;
            filter: alpha(opacity=60); /* For IE8 and earlier */
        }
        div.transbox p
        {
            margin: 30px 40px;
            font-weight: bold;
            color: #000000;
        }