/*
Cisco Kubrick model CSS for Platform 2.0
Copyright (c) 2009 Cisco Systems, Inc. All rights reserved.

create date:
3rd November, 2008

updates:

*/

/* global css */
.global {
	background: #002142 url('pageBg.jpg'); background-repeat: no-repeat;
	margin: 15px 15px 15px 15px; font-family: Arial, Verdana; color: #ffffff; }

.midLeft { width: 150px; background: url('opacity67.png'); }
.midDiv { width: 4px; }
.midMid { width: auto; background: url('opacity67.png'); }
.midFull { width: auto; background: url('opacity67.png'); }

.footer { padding: 8px 10px 5px 10px; font-size: 12px; color: #ffffff; }
.footerTM { width: auto; font-size: 12px; color: #666666; text-align: center; }
.blank4 { line-height: 4px; }
.blank6 { line-height: 6px; }
.blank15 { line-height: 15px; }

/* for new SBTG requirements */
.globalNew { margin: 15px 0px 15px 0px; font-family: Arial, Verdana; color: #ffffff; background-color: #002142; }
.page { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; }
.pageBg { width: 100%; }
/* end new SBTG requirements */

/* end global css */

/* login page */
.divFloatLeft { float: left; width: 80px; }
.divFloatRight { float: right; }
.h1Login { font-size: 22px; line-height: 20px; padding-left: 20px; }
.h2Login { font-size: 11px; line-height: 18px; font-weight:Bold; padding-left: 20px; }
.h3Login { font-size: 14px; line-height: 21px; padding-left: 20px;}

.infoLogin { 
	margin-top: 20px; padding: 10px; width: auto; background: #abb6c1;
	font-size: 12px; color: #000000; font-weight:Bold; float: left; width: 40%; }
.secErrorLogin { padding: 0px 0px 5px 0px; font-size: 11px; color: #E9102A; font-weight: Bold; }
.configL1Login { padding: 0px 10px 0px 0px; font-size: 12px; color: #FFFFFF; text-align: left; }
.configL2Login { padding-bottom: 6px; }
.helpLogin,
.helpLogin a,
.helpLogin a:hover { padding: 5px 10px 5px 0px; font-size: 11px; color: #FFFFFF; text-align: left; text-decoration: underline; }

.helpLoginDis,
.helpLoginDis a,
.helpLoginDis a:hover { padding: 5px 10px 5px 0px; font-size: 12px; color: #8e8e8e; text-align: left; text-decoration: none; }
.footerLogin { width: auto; padding-top: 8px; font-size: 12px; color: #ffffff; }
/* end login page */

/* logo and header */
.logo { width: 33px; }
.title { width: 50%; }
.titleRight { width: auto; text-align: right; }
.h1 { font-size: 22px; padding-left: 15px; line-height: 20px; }
.h2 { font-size: 14px; padding-left: 15px; line-height: 18px; }
.titleLinks,
.titleLinks a,
.titleLinks a:hover { padding: 0px 2px 0px 2px; font-size: 12px; text-decoration: none; color: #ffffff; }
.titleLinks a:hover { text-decoration: underline; }
/* end logo and header */

/* main menu */
.menuBg { background: url('menuBg.jpg'); background-repeat: repeat-x; width: auto; line-height: 31px; }
.menuBgR { background: url('menuBgR.gif'); background-repeat: no-repeat; width: 2px; line-height: 31px; }
.menuDiv { width: 8px; line-height: 23px; }

div.mainMenu { padding: 0; line-height: 23px; }
div.mainMenu ul { list-style: none; margin: 0; padding: 0; }

/* ----- Getting Started menu (main menu 0)*/
div.mainMenu li.link0,
div.mainMenu li.link0 a,
div.mainMenu li.link0 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 117px; }
div.mainMenu li.link0 a:hover { color: #000000; background: url('administrationH.jpg'); }

.menu2Link0,
.menu2Link0 a,
.menu2Link0 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 117px; background: url('administrationS.jpg'); }
/* ----- end Getting Started menu */

/* ----- status menu (main menu 1)*/
div.mainMenu li.link1,
div.mainMenu li.link1 a,
div.mainMenu li.link1 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 67px; }
div.mainMenu li.link1 a:hover {	color: #000000; background: url('statusH.jpg');	}

.menu2Link1,
.menu2Link1 a,
.menu2Link1 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 67px; background: url('statusS.jpg'); }
/* ----- end status menu */

/* ----- networking menu (main menu 2) */
div.mainMenu li.link2,
div.mainMenu li.link2 a,
div.mainMenu li.link2 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 96px; }
div.mainMenu li.link2 a:hover {	color: #000000; background: url('networkingH.jpg'); }

.menu2Link2,
.menu2Link2 a,
.menu2Link2 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 96px; background: url('networkingS.jpg'); }
/* ----- end networking menu */

/* ----- wireless menu (main menu 3) */
div.mainMenu li.link3,
div.mainMenu li.link3 a,
div.mainMenu li.link3 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 80px; }
div.mainMenu li.link3 a:hover {	color: #000000; background: url('wirelessH.jpg'); }

.menu2Link3,
.menu2Link3 a,
.menu2Link3 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 80px; background: url('wirelessS.jpg'); }
/* ----- end wireless menu */

/* ----- firewall menu (main menu 4) */
div.mainMenu li.link4,
div.mainMenu li.link4 a,
div.mainMenu li.link4 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 74px; }
div.mainMenu li.link4 a:hover {	color: #000000; background: url('firewallH.jpg'); }

.menu2Link4,
.menu2Link4 a,
.menu2Link4 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 74px; background: url('firewallS.jpg'); }
/* ----- end firewall menu */

/* ----- ProtectLink menu (main menu 5) */
div.mainMenu li.link5,
div.mainMenu li.link5 a,
div.mainMenu li.link5 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 97px; }
div.mainMenu li.link5 a:hover {	color: #000000; background: url('protectlinkH.jpg'); }

.menu2Link5,
.menu2Link5 a,
.menu2Link5 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 97px; background: url('protectlinkS.jpg'); }
/* ----- end ProtectLink menu */

/* ----- vpn menu (main menu 6) */
div.mainMenu li.link6,
div.mainMenu li.link6 a,
div.mainMenu li.link6 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 54px; }
div.mainMenu li.link6 a:hover {	color: #000000; background: url('vpnH.jpg'); }

.menu2Link6,
.menu2Link6 a,
.menu2Link6 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 54px; background: url('vpnS.jpg'); }
/* ----- end vpn menu */

/* ----- administration menu (main menu 7) */
div.mainMenu li.link7,
div.mainMenu li.link7 a,
div.mainMenu li.link7 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 117px; }
div.mainMenu li.link7 a:hover {	color: #000000; background: url('administrationH.jpg'); }

.menu2Link7,
.menu2Link7 a,
.menu2Link7 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 117px; background: url('administrationS.jpg'); }
/* ----- end administration menu */

/* ----- management menu (main menu 8) */
div.mainMenu li.link8,
div.mainMenu li.link8 a,
div.mainMenu li.link8 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 159px; }
div.mainMenu li.link8 a:hover {	color: #000000; background: url('managementH.jpg');	}

.menu2Link8,
.menu2Link8 a,
.menu2Link8 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 159px; background: url('managementS.jpg'); }
/* ----- end management menu */
/* end main menu */

/* ----- ips menu (main menu 9) */
div.mainMenu li.link9,
div.mainMenu li.link9 a,
div.mainMenu li.link9 a:hover { display: block;	text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 54px; }
div.mainMenu li.link9 a:hover {	color: #000000; background: url('vpnH.jpg'); }

.menu2Link9,
.menu2Link9 a,
.menu2Link9 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 54px; background: url('vpnS.jpg'); }
/* ----- end ips menu */

/* left menu */
div.leftMenu1,
div.leftMenu1a,
div.leftMenu2,
div.leftMenu2a,
div.leftMenu2Hide { width: auto; padding: 0px; line-height: 19px; }
div.leftMenu1 { background: url('bullet1.gif') no-repeat; }
div.leftMenu1a { background: url('bullet2.gif') no-repeat; }
div.leftMenu2Hide { display: none; }

div.leftMenu1 ul { padding-left: 15px; list-style: none; margin: 0; }
div.leftMenu1a ul { padding-left: 15px; list-style: none; margin: 0; }
div.leftMenu2a ul { padding-left: 15px; list-style: none; margin: 0; }
div.leftMenu2 ul { padding-left: 27px; list-style: none; margin: 0; }
div.leftMenu2Hide ul { padding-left: 27px; list-style: none; margin: 0; }

/* Commented, based on Kubrick model feedback and added new line above (ref. bug#9810) -----
div.leftMenu2 ul { padding-left: 25px; list-style: none; margin: 0; }
----- */

div.leftMenu1 li.menu, div.leftMenu2 li.menu,
div.leftMenu1a li.menu, div.leftMenu2Hide li.menu,
div.leftMenu1 li.menu a, div.leftMenu2 li.menu a, div.leftMenu2a li.menu a,
div.leftMenu1a li.menu a, div.leftMenu2Hide li.menu a,
div.leftMenu1 li.menu a:hover, div.leftMenu2 li.menu a:hover,
div.leftMenu1a li.menu a:hover, div.leftMenu2Hide li.menu a:hover {
	font-size: 12px; color: #000000; text-indent: 2px; display: block; text-decoration: none; width: 100%; }

div.leftMenu1 li.menu a:hover,
div.leftMenu1a li.menu a:hover,
div.leftMenu2a li.menu a:hover,
div.leftMenu2 li.menu a:hover { color: #0088c2; }
div.leftMenu2Hide li.menu a:hover { color: #0088c2; }

.menu2,
.menu2 a,
.menu2 a:hover {
	width: auto; background-color: #8DB71F; padding-left: 2px; font-size: 12px; color: #ffffff; text-decoration: none; }
/* end left menu */

/* config and display */
/* ----- configurations */
.configH1 { padding: 10px 0px 5px 10px; font-size: 18px; color: #000000; } /* configurations main heading */
.secError1,
.secError1 a,
.secError1 a:hover
 { padding: 5px 0px 5px 10px; font-size: 14px; color: #E9102A; } /* status message */
.secError1 a{padding: 5px 2px 5px 2px;text-decoration: Underline; }
.secError1 a:hover{padding: 5px 2px 5px 2px;text-decoration: none; }
.configH2 { padding: 5px 0px 5px 10px; font-size:12px; font-weight: Bold; color:#000000; } /* configurations section heading */
.config { padding: 0px 10px 0px 10px; } /* main configurations area */
.configL1,
.configL3,
.configL4,
.configL4 a,
.configL4 a:hover,
.configL5 { padding: 5px 0px 5px 10px; font-size: 11px; color: #000000; text-align: right; } /* input field lable */
.configL3 { text-align: left; } /* input field lable */
.configL3 a,
.configL3 a:hover { padding: 0px; font-size: 11px; color: #0088C2; text-decoration: none; }
.configL3 a:hover { text-decoration: underline; }
.configL4,
.configL4 a,
.configL4 a:hover { text-align: left; }
.configL4 a,
.configL4 a:hover { padding: 0px; font-size: 10px; color: #0088C2; text-decoration: none; }  
.configL4 a:hover { text-decoration: underline; }
.configL5 { text-align: center; padding: 0px 0px 0px 0px; }
.configL2 { padding: 5px; } /* input field td */
.secError { padding: 5px; font-size: 11px; color: #E9102A; font-weight: Bold; } /* input field wise error message */
.secError a{padding: 0px;text-decoration: Underline; color: #E9102A;}
.secError a:hover{padding: 0px;text-decoration: none; }

.configF0 { background: #FFFFFF; font-size: 12px; color: #000000; border-style: solid; border-width: 1px; border-color: #999999; padding-left: 3px; } /* Login input field */

.configF1,
.configF1Dis {
	background: #FFFFFF; font-size: 12px; color: #000000; border-style: solid; border-width: 1px;  border-color: #999999; padding-left: 3px; } /* input field */
.configF1Dis {
	background: #dfdfdf; color: #8e8e8e; border-color: #999999; } /* input field disable */

.infoL1 { padding-left: 5px; font-size: 10px; letter-spacing:0.01cm; } /* information text */

.submitBg1 { padding: 5px; } /* submit td */
.submit1,
.submit1Dis,
.submit2,
.submit2Dis,
.submit3,
.submit3Dis,
.submit4,
.submit4Dis {
	cursor:pointer; 
	padding-bottom: 1px;
	font-size: 11px; color: #000000; letter-spacing: 1pt; font-weight: bold;
	border: 1px none #FFFFFF; background-color:#FFFFFF; cursor:pointer; letter-spacing:0.02cm;
	border-top-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF }

.submit1 { background-image: url('submitBg1.gif'); width: 80px; height: 22px; }
.submit2 { background-image: url('submitBg2.gif'); width: 110px; height: 22px; }
.submit3 { background-image: url('submitBg3.gif'); width: 140px; height: 22px; }
.submit4 { background-image: url('submitBg4.gif'); width: 170px; height: 22px; }

.submit1:hover { background-image: url('submitBg10.gif'); }
.submit1Dis {width: 80px; height: 22px; color: #8e8e8e; background-image: url('submitBg1Dis.gif'); }
.submit2:hover { background-image: url('submitBg20.gif'); }
.submit2Dis {width: 110px; height: 22px; color: #8e8e8e; background-image: url('submitBg2Dis.gif'); }
.submit3:hover { background-image: url('submitBg30.gif'); }
.submit3Dis {width: 140px; height: 22px; color: #8e8e8e; background-image: url('submitBg3Dis.gif'); }
.submit4:hover { background-image: url('submitBg40.gif'); }
.submit4Dis {width: 170px; height: 22px; color: #8e8e8e; background-image: url('submitBg4Dis.gif'); }


/* ----- this is onmouseover function for submit button, it requires only for IE, other than IE css hover will work
need to add below code in side input tag for every submit button
onmouseover="this.className='submit10';" onmouseout="this.className='submit1';"  */

.submit10 {
	cursor:pointer; 
	padding-bottom: 1px;
	font-size: 11px; color: #000000; letter-spacing: 1pt; font-weight: bold;
	background-image: url('submitBg10.gif'); width: 80px; height: 22px;
	border: 1px none #FFFFFF; background-color:#FFFFFF; cursor:pointer; letter-spacing:0.02cm;
	border-top-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF }
/* ----- end */

/* ----- end configurations */

/* ----- displays */
.displayTb1 {
	border-left: 1px solid #8499a2; border-right: 1px solid #8499a2;
	border-top: 0px none; border-bottom: 0px none; } /* for display table left and right borders */

.displayH1 { font-size: 12px; color: #000000; font-weight: bold; letter-spacing: 1px; text-align: left;
	padding: 5px; background-color:#a2b9c9; border-top: 1px solid #8499a2; border-bottom: 1px solid #8499a2;
	border-left: 0px none; border-right: 0px none; } /* display table main heading */

.displayH2 {
	font-size: 12px; color: #000000; font-weight: Bold; padding: 4px; text-align: center;
	background-color:#d9e3e9; border-left: 1px solid #a2b9c9; border-right: 1px solid #ffffff;
	border-top: 0px none; border-bottom: 0px none; } /* display tbale column headings */

.displayH3,
.displayH4 {
	padding: 2px; background-color:#d9e3e9;
	border-top: 1px solid #8499a2; border-bottom: 1px solid #8499a2;
	border-left: 0px none; border-right: 0px none; } /* display table buttons bg */

.displayH4 {padding: 0px; border-top: 1px solid #8499a2; border-bottom: 0px; }

.displayOdd,
.displayOdd a,
.displayOdd a:hover,
.displayOdd1,
.displayOdd2,
.displayOdd2 a,
.displayOdd2 a:hover,
.displayEven,
.displayEven a,
.displayEven a:hover,
.displayEven1,
.displayEven2,
.displayEven2 a,
.displayEven2 a:hover {
	font-size: 12px; color: #000000; padding: 3px; text-align: center; background-color:#b0beca; }

.displayEven,
.displayEven a,
.displayEven a:hover { background-color:#c8d2da; } /* records display with Odd and Even rows diffrent bg color */

.displayOdd a { text-decoration: underline; }
.displayOdd a:hover { text-decoration: none; }

.displayEven a { text-decoration: underline; }
.displayEven a:hover { text-decoration: none; }

.displayOdd1 {text-align: left; }
.displayEven1 { background-color:#c8d2da; text-align: left; }

.displayOdd2, .displayEven2 { border-bottom: 1px solid #8499A2; }
.displayOdd2,
.displayOdd2 a,
.displayOdd2 a:hover {text-align: left; }
.displayEven2,
.displayEven2 a,
.displayEven2 a:hover { background-color:#c8d2da; text-align: left; }
.displayOdd2 a { padding: 0px; color: #0088C2; text-decoration: underline; }
.displayOdd2 a:hover { padding: 0px; color: #0088C2; text-decoration: none; }
.displayEven2 a { padding: 0px; color: #0088C2; text-decoration: underline; }
.displayEven2 a:hover { padding: 0px; color: #0088C2; text-decoration: none; }

.borTop {border-top:1px solid #8499A2; }
.borBottom {border-bottom:1px solid #8499A2; }

.scrollDiv { border: 1px solid #000000; margin: 0px; padding: 0px; overflow: auto; width: 800px; height: 300px; text-decoration: none; }

.showList { }
.hideList { display:none; }

.handcursor { cursor: pointer; }
/* ----- end displays */
/* end config and display */

/* HAVP Display */

.havpError,
.havpH1,
.havpH1 a,
.havpH1 a:hover,
.havpTxt1,
.havpTxt1 a,
.havpTxt1 a:hover { font-size: 12px; color: #000000; line-height: 18px; padding: 15px; }
.havpTxt1 a,
.havpH1 a { text-decoration: underline; padding: 5px; }
.havpTxt1 a:hover,
.havpH1 a:hover { text-decoration: none; }

.havpH1 { font-weight: bold; }

.havpError { font-weight: bold; font-size: 16px; color: #E9102A; }

/* HAVP Display End */

/* ProtectLink Display */
.protectLink1  { font-size: 11px; color: #000000; line-height: 16px; padding-top: 8px; padding-left: 8px; }
.protectLink2  { font-size: 16px; color: #FFFFFF; font-weight: bold; line-height: 32px; }
.protectLogo { padding: 10px; text-align: right; }
	
/***************************************************************
Round Corner boxes & contents
****************************************************************/
.r_corner { margin:0 0 10px 0; }
.b1, .b2, .b3, .b4 { font-size:1px; overflow:hidden; display:block; }
.b1 { height:1px; background:#4fa5fa; margin:0 5px; }
.b2 { height:1px; background:#e0f0ff; border-right:2px solid #4fa5fa; border-left:2px solid #4fa5fa; margin:0 3px; }
.b3 { height:1px; background:#e0f0ff; border-right:1px solid #4fa5fa; border-left:1px solid #4fa5fa; margin:0 2px; }
.b4 { height:2px; background:#e0f0ff; border-right:1px solid #4fa5fa; border-left:1px solid #4fa5fa; margin:0 1px; }
.contentb { background: #e0f0ff; border-right:1px solid #4fa5fa; border-left:1px solid #4fa5fa; }
.contentb div { padding:0px 10px; text-align:left;font-size:10px; }
.contentb div td { font-size:9px; padding:4px; }
/* end ProtectLink Display */

/* for help page */
.helpMargin { padding: 0px 10px 0px 10px; } /* help margin */
.helpH1 { padding: 10px 10px 5px 0px; font-size: 16px; color: #FFFFFF; font-weight: bold; } /* help main heading */
.helpBg { padding: 15px; font-size: 12px; color: #000000; background: url('opacity67.png'); } /* help content bg */
.helpBg a,
.helpBg a:hover { color: #000000; text-decoration: none; }
.helpBg a:hover { text-decoration: underline; }
.helpH2 { font-size: 14px; font-weight: bold; } /* help main heading */
.helpNote { color: #FF0000; } /* help note */
/* end help page */

/* for about page */
.aboutTop { line-height: 180px; }
.aboutH1 { padding: 0px 0px 10px 15px; font-size: 22px; color: #FFFFFF; }
.aboutH2 { padding: 0px 0px 15px 15px; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.aboutH3 { padding: 0px 0px 0px 15px; font-size: 12px; color: #FFFFFF; line-height: 15px; }
.aboutUpdate,
.aboutUpdate a,
.aboutUpdate a:hover { padding: 5px 0px 0px 10px; font-size: 10px; color: #0088C2; text-decoration: none; }
.aboutUpdate a:hover { text-decoration: underline; }
.aboutFooter { float: left; padding: 30px 15px 0px 15px; font-size: 12px; color: #ffffff; }
.aboutFooterLogo { float: right; padding: 30px 15px 0px 0px; }
/* end about page */

/* for user portal */
.menuBgUP { background: url('menuBg.jpg'); background-repeat: no-repeat; width: auto; line-height: 31px; font-size: 14px; padding-left: 10px; }
.userPortalIcons { padding: 10px 0px 10px 25px; }
/* end for user portal */

/* for getting started */
.gsH0 {
padding: 10px;
font-size: 18px; color: #FFFFFF;
font-weight: normal;
line-height: 19px;
background-color: #53636A;
}

.gsH1 {
line-height: 22px;
font-size: 15px; color: #000000;
}

.gsL1,
.gsL1 a,
.gsL1 a:hover { padding: 5px 40px 5px 0px; font-size: 12px; color: #0088C2; font-weight: bold; text-decoration: none; }
.gsL1 a:hover { text-decoration: underline; }
/* end for getting started */

/* for info messages */
.infoBr { background:#abb6c1 url('br.gif') no-repeat 100% 100%; }
.infoBl { background:url('bl.gif') no-repeat 0 100%; }
.infoTr { background:url('tr.gif') no-repeat 100% 0; }
.infoTl { background:url('tl.gif') no-repeat 0 0; }
.infoText1 { padding: 5px; font-size: 11px; color: #E9102A; font-weight: Bold; }
.infoArrow { padding: 5px 0px 3px 0px; }
.info1 { padding: 5px; font-size: 12px; color: #000000; font-weight:Bold; width: 100%; }
.infoIcon { padding: 5px; }
/* end info messages */

/* Password Meter */
.pwdStrengthStr { padding-left:5px; font-family:Arial; font-size:10px; color:#000000; font-weight:Bold; }
.pwdMeter { font-family:Arial; font-size:1px; height:10px; width:100px; border:1px solid #8499A2; background-color:#ffffff; }
/* Password Meter End */