/* RESET BROWSER DEFAULTS
--------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
body{
  font:normal 62.5%/1.25 Arial,sans-serif;
  text-align: center;
}
h1,h2,h3,h4,h5,h6 { 
  font-size:100%;
  font-weight:normal;
}
table { 
  border-collapse:collapse;
  border-spacing:0;
  empty-cells: show;
  margin:1em 0;
}
fieldset,img {border:0;}

address,caption,cite,code,dfn,b,i,th,var { 
  font-style:normal;
  font-weight:normal;
}
ul {list-style-type:none;}
caption,th {text-align:left;}
strong {font-weight:bold;}
em {font-style:italic;}

input[type=text],input.txt {padding:1px 1px;}

/* NEW HTML DEFAULTS
--------------------------------------- */
hr, script { 
  display:none;
}
a:link, a:visited { 
  color:#333333;
  text-decoration:underline;
}
a:hover, a:active { 
  color:#9F0029;
}


/* SOME GLOBAL DEFAULTS
--------------------------------------- */
.wai { 
  position:absolute;
  left:-10000em;
}
.shim , .clear{clear:both;}

.keep-together {white-space:nowrap;}

/* IF Javascript isn't enabled... 
a message is displayed like this */
noscript p { 
  width:920px;
  background-color:#282624;
  margin:0 auto;
  padding:4px 20px 0;
  font-size:120%;
  color:#ebe6df;
  border-bottom:2px solid #282624;
}

/* Generic cheveron list */
ul.bullet {margin:1em 0;}

ul.bullet li {
  list-style: none;
  font-size:120%;
  padding-left:15px;
  margin-left: -16px;
  margin-bottom:0.5em;
  background:url(../Content/ui_imgs/bullet_arrow_right.png) no-repeat 0 0px;

}
/* Generic bullet list */
ul.default { 
  font-size:120%;
  line-height:1.35;
  margin:0.25em 0 1.5em 20px;
  list-style-type:square;
}
ul.default li {margin:0.25em;}


/* content styles  */
h1, .h1{
	font-family: Times,"Times New Roman", serif;
	font-weight: bold;
	font-size: 400%;
	color: #621A4B;
	line-height: 0.9em;
}
h2{
  font-size: 200%;
	font-weight: normal;
	color: #333333;
}

legend, h3{
  font-size: 220%;
  font-weight: normal;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 5px;
  color: #621A4B;
}

h4{
  font-size: 170%;
  font-weight: bold;
  padding-top: 15px;
  padding-left: 0px;
  margin-bottom: 5px;
  color: #621A4B;
  letter-spacing: -0.02em;
	width: 100%;
}
h5{
  font-size: 130%;
  font-weight: bold;
  padding-left: 0px;
	padding-bottom: 5px;
}
h6{
  font-size: 120%;
  font-weight: bold;
  padding-left: 0px;
}

p{ font-size: 120%;color: #333333;margin: 5px 0 15px 0; line-height: 1.4em;}

p.salutation{color: #333333;font-size: 220%;font-weight: normal;padding-top: 10px;padding-bottom: 5px;letter-spacing: -0.02em;}
.mandatory{color: #9F0029;}

fieldset{ border: none;padding: 0px;margin: 0px;}
label{ display: block;font-size: 120%;font-weight: bold;color: #333333;padding-bottom: 2px; margin-left: 1px;line-height: 1.4em;}
.books
{
	display:inline;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	padding-bottom: 2px;	
	line-height: 1.4em;
	margin: 25px 10px 10px 20px;
	width: 30px;
}

.books2
{
	margin: 25px 10px 10px 20px;
	padding-bottom: 2px;		
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	line-height: 1.4em;
	width: 128px;
	
}
/* Modified by Shobha on dated 07/06/2011. Updated font-weight value to Bold */
.displayerror
{
	display:block;color: #9F0029; font-weight: bold; text-decoration: none; float: none; clear: left;background:url(../ui_imgs/icon_cross.png) no-repeat left 4px;	padding-left: 12px;
	
}


.feesTotal
{
	margin: 10px 0px 5px 0px;
	padding-bottom: 2px;		
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	line-height: 1.4em;
	width: 150px;
	
}

.booksAll
{
	margin: 25px 10px 10px 20px;
	padding-bottom: 2px;		
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	line-height: 1.4em;
	width: 128px;
	
}

label.totalbooks
{
	width: 150px;
	margin-left: 10px;
}

.serial
{
	display: inline;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	padding-bottom: 2px;
	line-height: 1.4em;
	margin-top: 25px;
	margin-left: 25px;
}

.serial2
{
	margin: 10px 10px 10px 20px;
	padding-bottom: 2px;		
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	line-height: 1.4em;
	width: 200px;
	
	
}

.lastserial
{
	display: inline;
	font-size: 120%;
	font-weight: bold;
	color: #808080;
	padding-bottom: 2px;
	line-height: 1.4em;
	margin-top: 25px;
	margin-left: 20px;
}
label.inline{ font-weight: normal;display: inline; vertical-align: 10%; padding-bottom: 0px;width:300px;}
label.inlineclearright{ font-weight: normal;display: inline; vertical-align: 10%; padding-bottom: 0px; clear:right;}
/* Modified by Shobha on dated 07/06/2011. Updated font-weight value to Bold */
label.error {display: none;color: #9F0029; font-weight:bold; text-decoration: none; float: none; clear: left;background:url(../ui_imgs/icon_cross.png) no-repeat left 4px;	padding-left: 12px;}
label span{ font-weight: normal;}

textarea{ font-family: arial, verdana, sans-serif; height: 6em;}

table{ border-collapse: collapse;border: none;}
th{ font-size: 120%;}
td{ font-size: 115%;}

.nolabel{ padding-top: 18px;}
.inline{display: inline;}
.disclaimer{font-size: 110%; color: #666666;}
.xlarge {font-size: 280%;}
.grey{ color: #333333; }

ul li legend{padding-top: 5px;padding-left: 0px; font-size: 160%;}

span.error-label{
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	font-weight:bold;
}

/* super structure */
#frm-shadow{background:url(../Content/ui_imgs/shadow_bg_800.png) repeat-y center top; width: 802px;margin: 0 auto;}
#frm-shell{width: 760px;margin: 0 auto;text-align: left;}
#frm-header{
  background:url(../Content/ui_imgs/header_bg.png) no-repeat left top;
}
.frm-main{
  position: relative;
  margin: 15px 0px;
  background-color: #EBE6DF;
  display: inline-block;
  width: 100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#frm-footer{
  background:url(../Content/ui_imgs/footer_top.png) no-repeat left top #EBE6DF;
  margin: 0px;
  text-align: right;
}

/* #frm-header */
#frm-header .inner{ height: 57px; margin-left: 10px;background:url(../Content/ui_imgs/header_bg.png) no-repeat right top;}

.frm-header-content{ height: 45px; width: 100%;position: relative;}
.frm-header-logo{ padding-top: 15px;padding-left: 8px;float: left;background:url(../Content/ui_imgs/header_logo.png) no-repeat 8px 15px; }
.frm-header-logo a{height: 25px;width: 56px;display: block;}
.frm-header-logo img{ display: none; color: #FFF; font-size: 200%;}
.frm-header-nav{ float: right; padding-top: 20px; padding-right: 18px; color: #FFFFFF; font-size: 110%; }
.frm-header-nav span{ color: #898480; float: left;}
.frm-header-nav ul{ float: left;}
.frm-header-nav ul li{ float: left;margin-left: 5px;padding-left: 5px; border-left: solid 1px #898480;}
.frm-header-nav ul li.first { border: none;}
.frm-header-nav ul li a, .frm-header-nav ul li a:visited, .frm-header-nav ul li a:active{ color: #FFFFFF;}
.frm-header-nav ul li a:hover{ text-decoration: none;}

/* frm-panel-header */
.frm-panel-header{ display: none; position: block; background:url(../Content/ui_imgs/panel_header_bg.png) no-repeat 100% 100%;}
.frm-panel-header .inner{ margin-left: 0px; margin-right: 10px; display: block; background:url(../Content/ui_imgs/panel_header_bg.png) no-repeat 0 100%;}
.frm-panel-header .frm-panel-content{ font-size: 100%; color: #999; font-weight: normal; margin: 0; padding: 20px 0px 40px 30px; width: 96%;}
.frm-panel-header .frm-clicktophone, .frm-panel-header .frm-clicktophone-status{ display: inline-block; }
.frm-panel-header .frm-clicktophone-content{width: 390px; float: right; display: block;}
.frm-panel-header .h1{ width: 320px; display: inline-block; float: left; padding-bottom: 0.25em;}

#frm-header .indicator{ display: none; background:url(../Content/ui_imgs/indicator_header.png) no-repeat 0 0;}

.frm-panel-header  p{ font-size: 120%; color: #333333;float: none; display: block;}
.frm-panel-header  .disclaimer{ font-size: 110%; color: #999999;}

a.btn-close, a.btn-close:visited{
  display: inline-block;
  color: #999;
  text-decoration: none;
  padding-top: 10px;
}

/* frm-main */
#frm-nav-tertiary{
  width: 240px;
  display: none;
}

#frm-content-primary{
  width: 690px;
  margin: 0 auto;
	overflow: hidden;
  padding-bottom: 20px;
}

/* 2 column setup to be defined in the <body class="frm-type-b"> */
.frm-type-b #frm-shadow{background:url(../Content/ui_imgs/shadow_bg_1024.png) repeat-y center top; width: 1024px;margin: 0 auto;}
.frm-type-b #frm-shell{
  width: 960px;
}
.frm-type-b #frm-nav-tertiary{
  float: left;
  display: block;
}
.frm-type-b #frm-content-primary{
  margin: 0;
  float: left;
}

.TotalFee
{
    color:Gray;
    font-size:150%;
    font-weight:800;
}

.frm-main input.txt, .frm-main  select, .frm-main textarea.txt, .frm-panel-header input.txt, .frm-panel-header select, .frm-panel-header textarea.txt,.frm-expand1 input.txt ,.frm-expand3 input.txt{
	float: left;
  padding: 2px;
  margin: 0px 0px 0px 0px;
  font-size: 140%;
	border: solid 1px #aaa;
/*  border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
	background-color: #f1f1f1;*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
	display: inline-block;
}
.frm-main input.txt{
	padding: 3px;
}

.frm-expand1 input.txt
{
	margin-left:15px;
	margin-right:60px;
}

.frm-expand3 input.txt
{
	margin-left:15px;
	margin-right:0px;
}

.frm-main input.txt:focus, .frm-main textarea.txt:focus{
  border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

.frm-main input.cb, .frm-main input.rb, .frm-main input[type=radio], .frm-main input[type=checkbox]{
  margin: 3px 4px 0px 0px;
  padding: 0px;
  border: none;
}

.frm-main input[disabled] {
  border: solid 1px #cccccc;
  background-color:#f4f4f4;
}

.frm-main .btn input[disabled], .frm-main .btn-arrow input[disabled], .frm-main .btn .disabled, .frm-main .btn-arrow .disabled{
  color: #aca899;
  border: none;
  background-color:transparent;
}

/* error styles */
.error-highlight{ padding: 0px; margin-left: 0px; margin-right: 2px;display: inline-block;float: left; border: solid 2px #9F0029;background-color: #9F0029;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}

#error-message{ font-size: 110%;color: #FFF;float: left; width: 560px; padding-bottom: 5px;}
.frm-panel-error  a, .frm-panel-error  a:visited, .frm-panel-error  a:active, .frm-panel-error   p{ color: #FFF;}
.frm-panel-error  a:hover {text-decoration: none;}
.frm-panel-error   span{ float: left;}
.frm-panel-error   ol{ float: none;list-style: none;}
.frm-panel-error   ol li{ float: left;margin-right: 3px; white-space: nowrap;}
.frm-panel-error   ol li.hideErrorItem{ display: none;}
.frm-panel-error   h4 a,.frm-panel-error   h4 a:visited, .frm-panel-error   h4 a:active, .frm-panel-error   h4 a:hover{ font-size: 120%;text-decoration: none;font-weight: bold;}
#error-message h4{padding: 0px;  font-size: 110%}

/* #frm-nav-tertiary */
#frm-nav-tertiary h2{
  font-family: Times,"Times New Roman", serif;
  font-weight: bold;
  font-size: 290%;
  color: #555555;
  letter-spacing: -1px;
  margin-top: 71px;
  margin-left: 30px;
}
#frm-nav-tertiary h2 strong{
  color: #2D373E;
}
#frm-nav-tertiary ul{
  margin-top: 13px;
  margin-left: 20px;
}
#frm-nav-tertiary  li {
  padding: 15px 0px 10px 0px;
  margin: 0;
  margin-bottom: 5px;
  font-size: 120%;
  color: #555555;
  line-height: 1.3em;
	display: block;
	overflow: hidden;
	width: 220px;
}

#frm-nav-tertiary  li.selected{
  color: #2D373E;
  font-weight: bold;
	background: url(../Content/ui_imgs/bullet_arrow_right.png) no-repeat 97% 15px #FFFFFF;
	-khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
}

#frm-nav-tertiary  li a{
	padding-right: 25px;
}

#frm-nav-tertiary  li.selected ul li a{
	font-weight: normal;
}

#frm-nav-tertiary  li span{
  font-family: Times,"Times New Roman", serif;
  font-weight: bold;
  font-size: 240%;
  color: #555555;
  padding-right: 15px;
  float: left;
	  padding-top: 1px;
  padding-bottom: 5px;
	margin-left: 10px;
}
#frm-nav-tertiary  li.complete{ color: #2D373E;}
#frm-nav-tertiary  li.selected span, #frm-nav-tertiary  li.complete span{
	color: #2D373E;
}
#frm-nav-tertiary ul li ul{
	padding: 0px;
	margin: 5px 0px 0px 40px;
	float:left;
	display: inline-block;
}
#frm-nav-tertiary  ul li ul li{
  margin: 0;
  padding: 0px 0px 0px 10px;
	margin-bottom: 8px;
  font-size: 95%;
  color: #555555;
  line-height: 1.3em;
	width: 160px;
	background: url(../Content/ui_imgs/bullet_dash.png) no-repeat -1px 1px;
}

#frm-nav-tertiary  ul li ul li a{
	margin-right: 0px;
	color: #555555;
}

#frm-nav-tertiary  ul li ul li a:hover{
	color:#9F0029;
}

/* #frm-content-primary */
.westpac-secure{font-size: 110%;background:url(../Content/ui_imgs/icon_secure.png) no-repeat top left transparent; padding-left: 30px; display: block; width: 70px; height: 30px; float: right;}
.group-left{ display: inline;position: relative;float: left; }
.group-right{ display: inline;position: relative;float: right;}
.group-left .link-prev, .group-left .link-next, .group-right .link-prev, .group-right .link-next{ margin-top: 12px;float: left;}

.link-next, a.link-next{
  font-family: Arial, verdana, sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  margin: 0;
  padding: 0px 0px;
  background:url(../Content/ui_imgs/bullet_arrow_right.png) no-repeat 4px 0px;
  border: none;
  cursor:pointer;
}

.link-next-serials{
  font-family: Arial, verdana, sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  margin: 0;
  padding: 0px 5px;
  background:url(../Content/ui_imgs/bullet_arrow_right.png) no-repeat 4px 0px;
  border: none;
  cursor:pointer;
  position:inherit;
}

.link-prev, a.link-prev{
  font-family: Arial, verdana, sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  margin: 0;
  padding: 0 15px;
  background:url(../Content/ui_imgs/bullet_arrow_left.png) no-repeat 3px 0px;
  border: none;
  cursor:pointer;
}

a.link-prev:hover, a.link-next:hover{
	color: #333333;
}

/* .frm-header-sectional */
.frm-header-sectional{ height: 120px;}
.frm-header-sectional h1{margin-left: 28px;padding-top: 35px; padding-bottom: 3px;}
.frm-header-sectional h1 span {font-family: Arial, verdana, sans-serif; font-size: 38%; font-weight: normal; color: #59524c; display: block; padding-top: 2px;}
.frm-header-sectional h2{ font-size: 150%; color: #59524c;font-weight: normal;margin-left: 30px; padding-top: 5px; padding-bottom: 1px;}
.promo-image{background:url(../Content/ui_imgs/header_sectional_star.png) no-repeat top right transparent;}

/* frm-panel-error */
.frm-panel-error{ background-color: #9c1c2d;display: none;}
.frm-panel-error .frm-panel-content{ padding: 10px 3px 10px 10px;display: block; width: 96%; overflow: hidden;}
.frm-panel-error .frm-panel-top{ background:url(../Content/ui_imgs/panel_error_top.png) no-repeat 0 0;height: 10px;}
.frm-panel-error .frm-panel-bot{ background:url(../Content/ui_imgs/panel_error_bot.png) no-repeat 0 100%;}
.frm-panel-error .indicator{ display: block;background:url(../Content/ui_imgs/indicator_error.png) no-repeat 80px 0;}
.frm-panel-error .icon-rev{ margin-top: 0px; margin-left: 10px;margin-right: 20px;margin-bottom: 0px;}

/* frm-panel-top-alert */
.frm-panel-top-alert{ background-color: #959595;display: none;}
.frm-panel-top-alert .frm-panel-content{ padding: 10px 30px 15px 10px;display: inline-block;}
.frm-panel-top-alert .frm-panel-top{ background:url(../Content/ui_imgs/panel_top_alert_top.png) no-repeat 0 0;height: 10px;}
.frm-panel-top-alert .frm-panel-bot{ background:url(../Content/ui_imgs/panel_top_alert_bot.png) no-repeat 0 100%;}
.frm-panel-top-alert  .indicator{ display: block;background:url(../Content/ui_imgs/indicator_top_alert.png) no-repeat 80px 0;}
.frm-panel-top-alert .icon-rev{ margin-left: 15px;margin-right: 20px;}
.frm-panel-top-alert  .inner{ font-size: 110%;color: #FFF;float: left; width: 560px;}
.frm-panel-top-alert   p{color: #FFF;}
.frm-panel-top-alert   h4{color: #FFF; padding-left: 0; padding-top: 5px;}


/* frm-panel */
.frm-panel{ 
	position: relative;
	width: 690px;
	color: #333333;
	background-color: #FFFFFF;
	display: block;
	padding: 15px -5px 20px 0px; 
	min-height: 100px;
	margin-bottom: 20px;	
	-khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

/* makes sure that the nw corner is not rounded on first step */
.frm-panel.hide-nw{
	-khtml-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}
.frm-panel.hide-ne{
	-khtml-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
}
.frm-panel.hide-se{
	-khtml-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
.frm-panel.hide-sw{
	-khtml-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
}

.frm-panel ul{ margin-bottom: 0px; margin-left: 16px; list-style-type: disc;}
.frm-panel ol{ margin-left: 18px;}
.frm-panel li{ color: #333333; margin-bottom: 0.5em;}

.frm-content{display: block; overflow: hidden; margin: 0px 30px 15px 30px;}
.frm-content h3{padding-left: 0px;}
.frm-content ul, .frm-content ol{font-size: 120%;}

/* form styles  */
.form-row{ display: inline-block;width: 90%; padding-bottom: 16px;padding-left: 30px;padding-right: 30px;}
.form-item{	float: left;padding-right: 15px;vertical-align: top;}

ul.frm-fields{padding: 0px; margin: 0px 30px 0px 30px;overflow: hidden;}
ul.frm-fields li{float: none; list-style: none; overflow: hidden; display:inline-block; padding:  0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
ul.frm-fields li.first{}
ul.frm-fields li.last{margin:0px;}
ul.frm-fields>li{width: 99%;}
ul.field-group-col{width: 100%; padding: 0px; margin: 0px 30px 0px 0px;overflow: hidden; display: inline-block; font-size: 100% !important;}
ul.field-group-col li{float: left; list-style: none; padding: 0px 5px 0px 0px; margin: 0px;overflow: hidden;}

ul.field-group-row{padding: 0px; margin: 0px 0px 0px 0px;overflow: hidden; display: inline-block;}
ul.field-group-row li{float: none; display: block; list-style: none; padding: 0px 5px 1px 0px; margin: 0px;overflow: hidden;}

/* column styles */
ul.field-group-col.col-2 li input, ul.field-group-col.col-3 li input, ul.field-group-col.col-4 li input, ul.field-group-col.col-5 li input, ul.field-group-col.col-6 li input{float: left;}
ul.field-group-col.col-2 li label, ul.field-group-col.col-3 li label, ul.field-group-col.col-4 li label, ul.field-group-col.col-5 li label, ul.field-group-col.col-6 li label{float: left; width: 80%; margin-top: 2px; margin-left:5px;}

ul.field-group-col.col-2 li{width: 48%; float: left;}
ul.field-group-col.col-3 li{width: 32%; float: left;}
ul.field-group-col.col-4 li{width: 23%; float: left;}
ul.field-group-col.col-5 li{width: 18%; float: left;}
ul.field-group-col.col-6 li{width: 15%; float: left;}

.txt{
	width: 220px;
}

.serialnumbers
{
	width: 100px;
	margin-left: 10px;	
	height: 15px;
}

.endserialnumbers
{
	width: 100px;
	margin-left: 100px;		
}

.errorlabelhidden
{
	width: 0px;
	height:0px;
	margin-left: 0px;	
	visibility:hidden;
	display:none;	
}

label.errorlabelshown
{
    
    margin-left: 35px;
    
}

.endserialnumbersAll
{
	width: 100px;
	margin-left: 50px;	
	
}

.txtaccountname{
	width: 440px;
}

.narrow{
	width: 90px;
}

.narrow2
{
	width: 50px;
	margin-right: 50px;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

.narrowbooks
{
	width: 50px;		
	height: 15px;
}

.autonarrowbooks
{
	width: 50px;		
	height: 15px;
}

.narrow2border
{
	width: 50px;
	margin-right: 50px;
	margin-left: 28px;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-width: 2px;
	border-color: #aaa #AAAAAA #AAAAAA #aaa;
}
.wide{
	width: 470px;
	margin-bottom:15px;
}

.bsbChargingAcc
{
    margin-left:15px;
    margin-right:0px;
}
.accountnumberChargingAcc
{
    margin-left:15px;
}

.placeholder{color: #999;}

.status-icon{width: 16px; height: 20px;display: block; float: left;visibility: hidden; margin: 0px 0px 0px 1px; }
.status-icon-hidden{}
.error-item span.status-icon{background:url(../Content/ui_imgs/icon_cross.gif) no-repeat 0px 2px; visibility: visible; }
.valid-item span.status-icon{background:url(../Content/ui_imgs/icon_tick.gif) no-repeat 0px 2px; visibility: visible;}
label.error span.status-icon{background:url(../Content/ui_imgs/icon_cross.gif) no-repeat 0px 0px; visibility: visible;margin: 0px}
label.error>span.status-icon{margin: 0px 3px 0px 0px;}

.error-item  input.txt, .error-item  select{
border-top: solid 1px #9F0029;
border-left: solid 1px #9F0029;
border-bottom: solid 1px #9F0029;
border-right: solid 1px #9F0029; }

input.txtnarrow{
border-top: solid 1px #9F0029;
border-left: solid 1px #9F0029;
border-bottom: solid 1px #9F0029;
border-right: solid 1px #9F0029;
margin-right: 70px;
height: 20px;
 }

.frm-expand-top{ position:relative;width: 690px;height: 18px; background-color: #FFFFFF;background:url(../Content/ui_imgs/panel_bot.png) no-repeat 0 0;}
.expand-content
{
	margin: 30px 45px 30px 30px;
	background-color: #FFFFFF;
	
	
}

.staticnumbersoption
{
	
	margin: 30px 45px 5px 30px;
	background-color: #FFFFFF;
	}

.expand-content h3, .expand-content h4, .expand-content h5{padding-top: 20px;}
.expand-content p, .expand-content ul{margin: 0px 30px;}
.expand-content ul li ul, .expand-content ul li ul li ul{margin: 0px}
.expand-content-icon{ padding: 10px 30px 0px 30px; margin: 0;}
.expand-content-icon p{padding-left: 50px;}
.expand-content-icon h3, .expand-content-icon h4, .expand-content-icon h5{padding-left: 50px;margin: 0px;}
.frm-expand-bot{ margin-top: 3px; width: 690px;height: 8px;  background-color: #EBE6DF;background:url(../Content/ui_imgs/panel_bot.png) no-repeat 0 100%;}
.indicator{ position: relative; display: none; height: 18px;background:url(../Content/ui_imgs/indicator_expand1.png) no-repeat 0 0; width: 50%;}

/* frm-expand-plain */
.frm-expand-plain{ width: 690px;position: relative;}
.frm-expand-plain .frm-expand-top{ background: none; height: 0px;}
.frm-expand-plain .frm-expand-bot{ background: none; height: 0px;}

/* frm-expand1 */
.frm-expand1 ul, .frm-expand2 ul{	padding: 5px 0px 0px 0px;}
.frm-expand1 li, .frm-expand2 li{ margin-bottom: 0.5em;}

.frm-expand1
{
	
	width: 690px;
	background-color: #D3CCC3;
	position: relative;
	
}
.frm-expand1 .frm-expand-bot{ background:url(../Content/ui_imgs/panel_expand1_bot.png) no-repeat 0 100% #FFF;}
.frm-expand1 .indicator{ background:url(../Content/ui_imgs/indicator_expand1.png) no-repeat 0 0;}


/* frm-expand2 */
.frm-expand2{	width: 690px;background-color: #b6b2aa;position: relative;}
.frm-expand2 .frm-expand-top{ background:url(../Content/ui_imgs/panel_expand1_bot.png) no-repeat 0 0;}
.frm-expand2 .frm-expand-bot{ background:url(../Content/ui_imgs/panel_expand2_bot.png) no-repeat 0 100% #FFF;}
.frm-expand2 .indicator{ left: 80px; display: block; background:url(../Content/ui_imgs/indicator_expand2.png) no-repeat 0 0;}
.frm-expand2 legend, .frm-expand2  h3{ color: #524d48;}

/* frm-panel-submit */
.frm-panel-submit{ padding-top: 10px; overflow: hidden; width: 100%;}
.frm-panel-submit .btn-arrow, .frm-panel-submit .btn{ float: left;}

/* frm-box */
.frm-box{
  margin: 0px 30px 10px 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 625px;
  background-color: #EBE6DF;
  position: relative;
  display: block;
  overflow: hidden;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.frm-box h3{ padding-left: 0px;padding-bottom: 1.0em;}
.frm-box h4, .frm-box p{ padding-left: 0px; padding-right: 0px;}
.frm-box .inner{ width: 580px; margin: 0px; padding-left: 20px; padding-right: 20px; display: block;clear: left;}
.frm-box .inner h3{ padding-left: 0px;padding-bottom: 10px;}
.frm-box .inner p{ padding-left: 0px;}
.frm-box ul, .frm-box ol{font-size: 120%;margin-bottom: 15px;}
.frm-box.with-icon  .inner{ width: 530px;  padding-left: 70px;}

.plain{background-color: #ffffff;}

/* frm-panel-alert */
.frm-panel-alert{ background-color: #FFFFFF; margin-bottom: 30px;}
.frm-panel-alert .frm-panel-content{padding: 25px 35px 10px 70px;display: inline-block;}
.frm-panel-alert .frm-panel-top{ height: 18px;background:url(../Content/ui_imgs/panel_alert_top.png) no-repeat 0 0;}
.frm-panel-alert .frm-panel-bot{ height: 18px;	background:url(../Content/ui_imgs/panel_alert_bot.png) no-repeat 0 100%;}
.frm-panel-alert .indicator{ display: block; background:url(../Content/ui_imgs/indicator_alert.png) no-repeat 80px 0;}
.frm-panel-alert p{ font-size: 120%; margin-bottom: 0.5em;}
.frm-panel-alert h3{ margin-top: -8px; margin-bottom: 0; padding-bottom: 0;}
.frm-panel-alert ul{ margin-left: 16px;}
.frm-panel-alert li{ font-size: 120%; margin-bottom: 0px}

/* frm-panel-account */
.frm-panel-account{ width: 550px; margin-top: 0px; padding-left: 70px; display: block;}
.frm-panel-account h3{ padding-left: 0px;padding-bottom: 5px;}
.frm-panel-account p{ font-size: 120%; margin-bottom: 0.5em;}
.frm-panel-account ul{ margin-left: 16px;}
.frm-panel-account li{ font-size: 120%; margin-bottom: 0px}

/* confirmation page styles */
.account-table{ width: 100%;}
.account-table th{color: #6f5f5f; text-transform: uppercase;font-size: 98%;padding-bottom: 2px;}
.account-table td{font-size: 130%; color: #333333; padding-top: 3px;}
.account-label span, .account-date span{ text-transform: uppercase; font-size: 75%; font-weight: normal; color: #6f5f5f; padding-right: 8px;}
.account-label, .account-date{ font-size: 130%; font-weight: bold; color: #333333; margin-top: 0px;}

/* frm-footer */
#frm-footer .inner{ display: inline-block;padding-top: 30px;overflow: hidden;width: 97%;	background:url(../Content/ui_imgs/footer_top.png) no-repeat right top;}
.frm-footer-content{ width: 71%;float: left;text-align: left;padding-bottom: 30px; font-size: 95%}
.frm-footer-logo{ padding-right: 40px;padding-bottom: 80px;width: 20%;float: right;text-align: right;}

/* checklist */
.checklist-item{margin-left: 30px;position: relative;}
.checklist-box{ width: 20px; height: 20px; position: absolute; left: -30px; top: 0px;text-align: center; font-size: 13pt;}

/* icons */
.icon{ float: left; margin-top: -5px;margin-left: -50px;margin-right: 0px;margin-bottom: 0px;height: 40px;width: 40px;background:url(../Content/ui_imgs/icon_all.png) no-repeat 0 0;}
.icon-rev{ float: left;margin-top: -5px;margin-left: -50px;margin-right: 0px;margin-bottom: 0px;height: 40px;width: 40px;background:url(../Content/ui_imgs/icon_rev_all.png) no-repeat 0 0;}

.icon-alert{background-position: 0px 0px;}
.icon-timer{background-position: 0px -40px;}
.icon-tick{background-position: 0px -80px;}
.icon-cross{background-position: 0px -120px;}
.icon-refresh{background-position: 0px -160px;}
.icon-account{background-position:  0px -200px;}
.icon-group{background-position: -40px 0px;}
.icon-person{background-position: -40px -40px;}
.icon-lightbulb{background-position: -40px -80px;}
.icon-telephone{background-position: -40px -120px;}
.icon-laptop{background-position: -40px -160px;}
.icon-bank{background-position: -40px -200px;}

/* Styled buttons
Avoid only using <input type="submit"> and use <button type="submit"> instead - the button wraps a span
<button type="submit" class="btn-arrow"><span>Submit</span></button>

Note: If you use input to wrap a span it will not validate.
--------------------------------------- */


/* btn */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space:pre-wrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


button.btn { 
	padding: 0px 15px 0px 0px; 
	margin-right:0px; 
	font-size: 130%;
  font-weight: bold;
  text-align: center;
  color: #45525b;
	overflow: visible; /* removes extra side padding in IE */
	background: transparent url(../Content/ui_imgs/btn_arrow_right.png) no-repeat right top; 
	text-decoration: none;
}

button.btn span {
	padding: 13px 2px 0 17px; 
	height:37px; 
	background: transparent url(../Content/ui_imgs/btn_left.png) no-repeat left top; 
	color:#45525b; 
	text-decoration: none;
}

/* btn-arrow */
button.btn-arrow{ 
	padding: 0 40px 0 0; 
	margin-right:0px; 
	font-size: 130%;
  font-weight: bold;
  text-align: center;
  color: #45525b;
	overflow: visible; /* removes extra side padding in IE */
	background: transparent url(../Content/ui_imgs/btn_arrow_right.png) no-repeat right top; 
}
	
button.btn-arrow span {
	padding: 13px 0 0 17px; 
	height:37px; 
	background: transparent url(../Content/ui_imgs/btn_left.png) no-repeat left top; 
	color:#45525b; 
}

/* btn-sm */
button.btn-sm
{
	background-position: right top;
	margin-left: 10px;
	font-size: 88%;
	font-weight: bold;
	text-align: center;
	color: #45525b;
	overflow: hidden; /* removes extra side padding in IE */
	background: transparent url(../Content/ui_imgs/btn_sm_arrow_right.png) no-repeat right top;
	padding-top:-1px;
	padding-right: 14px;
	margin-top:-4px;
	
	
	
}
	
button.btn-sm span {
	padding: 8px 2px 0 17px; 
	height:31px; 
	background: transparent url(../Content/ui_imgs/btn_sm_left.png) no-repeat left top; 
	color:#45525b; 
	width:125px;
}

/* btn-sm-arrow */
button.btn-sm-arrow{ 
	padding: 0 35px 0 0; 
	margin-right:0px; 
	font-size: 130%;
  font-weight: bold;
  text-align: center;
  color: #45525b;
	overflow: visible; /* removes extra side padding in IE */
	background: transparent url(../Content/ui_imgs/btn_sm_arrow_right.png) no-repeat right top; 
}
	
button.btn-sm-arrow span {
	padding: 8px 0 0 17px; 
	height:31px; 
	background: transparent url(../Content/ui_imgs/btn_sm_left.png) no-repeat left top; 
	color:#45525b; 
}

/* btn-states */
button.btn:hover, button.btn-arrow:hover, button.btn-sm:hover, button.btn-sm-arrow:hover, button.hover{ /* the redundant class is used to apply the hover state with a script */
	background-position: 100% -50px; 
}
	
button.btn:hover span, button.btn-arrow:hover span, button.btn-sm:hover span, button.btn-sm-arrow:hover span, button.hover span{
	color: #63194b;
	background-position: 0 -50px;
}

button.selected, button.selected:hover, button.mousedown{
  background-position: 100% -100px !important;
}
button.selected span, button.selected :hover span, button.mousedown span{
  color: #63194b !important;
  background-position: 0 -100px !important;
}

button.inactive, button.inactive:hover{
  background-position: 100% -150px;
}
button.inactive span, button.inactive :hover span{
  color: #b8aca9 !important;
  background-position: 0 -150px !important;
}

/* lists */
ul.doc{ list-style: none; margin-top: 10px;}
ul.doc li{background:url(../Content/ui_imgs/icon_doc.png) no-repeat 0 0;padding-left: 22px;padding-bottom: 3px;font-size: 110%;display: inline-block;width: 95%;}
ul.doc li a{	font-weight: bold;}


.small-text{color: #666666;font-size: 110%;}
.hint-text{
	color: #666666;
	font-size:  110%;
	padding-left: 5px;
	padding-top: 3px;
	display: block;
	float: left;
}

.small-text-margin
{
	color: #666666;
	font-size: 110%;
	margin-top:22px;
}

/* help-link */
a.help-link, a.help-link:active, a.help-link:link, a.help-link:visited{
  color: #666666;
  font-size: 110%;
  margin-top: 16px;
  margin-right: 2px;
  margin-left: 0px;
  display: inline-block;
}

/* help-bubble */
a.help-bubble, a.help-bubble:active, a.help-bubble:link, a.help-bubble:visited{
  font-size: 110%;
  color: #666666;
	margin-top: 0px;
  margin-left: 0px;
  padding-top: 6px;
  padding-left: 30px;
  padding-bottom: 6px;
  min-height: 13px;
  text-decoration:none;
  background: url('../Content/ui_imgs/helpbubble_icon.png') repeat-y -6px -3px;
  display: inline-block;
  vertical-align: top;
	float: left;
}

a.help-bubble:hover {
  text-decoration:none;
  background-position: -6px -53px;
}
a.help-bubble:focus{
	outline: none;
}

a.help-bubble.inline{margin-left: 2px;margin-top: -1px !important;}

/* help bubble wrapper */
#help-bubble-wrapper{
  position: absolute;
  display: block;
  z-index: 50;
  text-align: left;
  padding: 0;
  margin: 0;
  width:281px;
}
#help-bubble-content{
  margin-left: 10px;
  padding: 15px 15px 4px 15px;
  font-size: 110%;
  color:#69635d;
	min-height:45px;
}
#help-bubble-wrapper .inner-top{
  display: block;
  margin: 0px;
  padding: 0px;
  background: url('../Content/ui_imgs/helpbubble_bg.png') no-repeat 0 0;
  width:100%;
}

#help-bubble-wrapper .inner-bot{
  display: block;
  margin: 0px;
  padding: 0px;
  background: url('../Content/ui_imgs/helpbubble_bg.png') no-repeat 0 100%;
  width:100%;
  height: 12px;
}
#iframe-mask{
  border: solid 0px white;
}

/* corner injection bg */
.cnr{ 
  position:absolute;
  height:10px;
  width:10px;
  background:url(../Content/ui_imgs/corners_white_sprite.png) no-repeat right bottom;
}
.ne { 
  top:0;
  right:0;
  background-position:right top;
}

.nw { 
  top:0;
  left:0;
  background-position:left top;
}

.se { 
  bottom:0;
  right:0;
  background-position:right 100%;
}

.sw { 
  bottom:0;
  left:0;
  background-position:left 100%;
}

#wp-lu-overlay-backing {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:#FFF;
  z-index:1000;
  opacity:0;
}

#wp-lu-overlay {
  position:fixed;
  background-color: #f0ede8;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  top:60px;
  left:2
clear:right;	5%;
  width:500px;
  height:auto;
  z-index:1001;
  color:#472a2b;
  -webkit-box-shadow: 0 0 15px #000;
  -moz-box-shadow: 0 0 15px #000;
  -ms-box-shadow: 0 0 15px #000;
  box-shadow: 0 0 15px #000;
}

#wp-lu-overlay  h1{
	margin-left: 0px;padding-top: 35px; padding-bottom: 3px;
}
#wp-lu-overlay  h1 span{
  font-family: Arial, verdana, sans-serif; font-size: 38%; font-weight: normal; color: #59524c; display: block; padding-top: 7px;
}

#wp-lu-overlay-scroller {margin:20px; text-align: left;}
#wp-lu-overlay-content {overflow:hidden;}

#wp-lu-overlay .closebox {
  position:absolute;
  top:10px;
  right:15px;
  padding:0;
  margin:0;
  border:none;
  line-height:18px;
  background:url(../Content/ui_imgs/lu_icon_closebox.png) no-repeat right center;
  font-size:130%;
  cursor:pointer;
  font-weight: bold;
  color:#928b86;
  text-align: right;
}
/* Hides content that is only for print */
.printonly{display:none !important;}

.genericdiv
{
	padding:5px;
	width:500px;
	
}

.divmessage3
{
	padding: 10px;
	
}

.inlineimage
{
	display: inline;
	margin: 10px;
	float: left;
	
}

.inlinetext
{	
	float: left;
	width: 125px; 
	height: 50px;
	margin:20px;
}

.inlinetext2
{	
	float: left;
	width: 180px; 
	height: 50px;
	margin:20px;
}


.inlinetext3
{	
	float: left;
	width: 155px; 
	height: 50px;
	margin:20px;
}


.showdiv
{
	visibility:hidden;
}

.noshow
{
	cursor: pointer;
	font-style: italic;
	color: #808080;
	text-decoration: none;
}

label.booksize
{
	color: #9F0029;
	font-weight: normal;
}
/* Modified by Shobha on dated 07/06/2011. Updated font-weight value to Bold */
label.autoerror
{
	color:#9F0029;
	font-weight:bold;
}
/* Modified by Shobha on dated 07/06/2011. Updated font-weight value to Bold */
label.autoerrorAll
{
	color:#9F0029;
	font-weight:bold;
}

label.errorChargingAcc
{
	color:#9F0029;
	font-weight:Bold;
}

label.show
{
    visibility:visible;
}

label.hide
{
    visibility:hidden;
}

.frm-expand1 input.redborder
{
	border: 1px solid #9F0029;
}

.frm-expand3 input.redborder
{
	border: 1px solid #9F0029;
}

.frm-expand1 input.small
{	
	width: 50px;
	
}

.frm-expand1 input.small2
{	
	width: 50px;
	
}

.frm-expand1 input.medium
{	
	width: 100px;
	
}

.autogenerated
{	
	margin: 30px 45px 20px 30px;
	background-color: #FFFFFF;
}

.numbercount
{
	display:inline-block; width:15px
}

.endserialnumbersauto
{
	width: 100px;
	margin-left: 5px;		
}

.endserialnumbersconsec
{
	width: 100px;
	margin-left: 20px;		
}

.summarynobooks
{
	width: 100px;
	margin-left: 20px;
	margin-right: 20px;
	font-weight:normal;	
		
}

.summarynobookstitle
{
	width: 100px;
	margin-left: 20px;
	margin-right: 20px;
			
}

.summarycount
{
	width: 20px;
	margin-left: 20px;
	margin-right: 20px;		
	font-weight:normal;
}

.summarytotal
{
	width: 20px;
	margin-left: 40px;
	margin-right: 20px;		
}

label.notbold
{
	font-weight:normal;
}

.summarystartserial
{
	width: 140px;	
	margin-right: 20px;	
	font-weight:normal;	
}

.summarystartserialtotal
{
	width: 140px;	
	margin-right: 20px;	
		
}

.summarystartserialtitle
{
	width: 140px;	
	margin-right: 20px;	
	
}

.summaryendserial
{
	width: 200px;	
	margin-right: 20px;	
	font-weight:normal;	
}

.summaryendserialtitle
{
	width: 200px;	
	margin-right: 20px;	
}

.endserialnumbersamnual
{
	width: 100px;
	margin-left: 5px;		
}

.total
{
	border: 2px solid #C0C0C0;
	margin-left: 35px;
	margin-top: 20px;
	padding: 5px;
	width: 45px;
	margin-right: 30px;
}

.totalbooksauto
{
	border: 2px solid #C0C0C0;
	margin-left: 28px;
	margin-top: 20px;
	padding: 5px;
	width: 135px;
}