/* RESET BROWSER DEFAULTS
--------------------------------------- */
html {
    margin-top:0px;
}

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 auto;
    padding: 0;
}
td { 
    margin:0px;
    padding:1px;
}
body{
    font-size: 65%;
	font-weight: normal;
    font-family: Arial, helvetica, sans-serif;
    color:#333333;
}
h1,h2,h3,h4,h5,h6 { 
    font-size:100%;
    font-weight:normal;
    font-family: Arial, helvetica, sans-serif;
}
table
{
	width: 100%;
	padding: 0px;
	margin: 0px;
    margin-top:0px;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
fieldset,img {border:0;}

address,caption,cite,code,dfn,b,i,th,var { 
    font-style:normal;
    font-size:100%;
    font-weight:normal;
    font-family: Arial, helvetica, sans-serif; 
}
ul {list-style-type:none;}
caption,th {text-align:left;}
strong {font-weight:bold;}
em {font-style:italic;}

input[type=text],input[type=password],input.txt 
{
	padding:1px 1px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	border-top: solid 1px #A8AEB9;
    border-left: solid 1px #A8AEB9;
    border-bottom: solid 1px #A8AEB9;
    border-right: solid 1px #A8AEB9;
}

input[readonly]
{
	border-width: 0;
}

input.number
{
	text-align: right;
	width: 100px;
}

input.postcode
{
	text-align: left;
	width: 50px;
}

.required { 
    color:#aa0000;
}

/* 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;}
.page-break { display:none;}
.nomargin{margin:0px;}
.indent{padding-left: 35px;}

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

/* IF Javascript isn't enabled... 
a message is displayed like this */
noscript div{ 
    width:85%;
    color:#FFF;
    background-color:#9F0029;
    margin:35px auto;
    padding:5px 30px;

    color:#FFF;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
noscript h1, noscript h2, noscript h3, noscript h4, noscript h5, noscript h6{color:#FFF;}
noscript p{color:#FFFFFF;font-size:120%;}

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

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

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


/* content styles  */
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;
}
legend{
    white-space: normal;
    width:100%
}
legend span{
    width:100%;
    display:block;
}

h3{
    padding-left: 0px;
}

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

p
{ 
	font-size: 100%;
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
	color: #333333;
	margin: 5px 0 15px 0; 
	line-height: 1.2em;
}

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

fieldset{ border: none;padding: 0px;margin: 0px;}
label{ display: inline;font-size: 100%;font-weight:bold;color: #333333;padding-bottom: 0px; margin-left: 1px;line-height:0em;}
label.inline{ font-weight: normal;display: inline; vertical-align: 20%; padding-bottom: 0px; padding-right: 10px;}
label.error {display: none;color: #9F0029; font-weight: normal; text-decoration: none; float: none; clear: left;background:url(../images/trim/icon_cross.png) no-repeat left 4px;	padding-left: 12px;}
label.inline-block{display: inline-block;width:95%; float:left; }
label.disabled{color: #888;}
label span{ font-weight: normal;}

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

table{ border-collapse: collapse;border: none;}
th{ font-size: 100%;}
td
{ 
	font-family: Arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
}
td ul li 
{
	font-family: Arial, helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #333333;
}

.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;
}

span.spinner{
    background: url(../images/trim/spinner.gif) no-repeat left top;
    height: 16px;
    padding-left: 22px;
    display: block;
    color:#666666;
    font-size:110%;
    margin: 4px 5px 0px 5px;
    float: left;
}

/* super structure */
#frm-shadow{background:url(../images/trim/shadow_bg_800.png) repeat-y center top; width: 802px;margin: 0 auto; margin-top:0px; }
#frm-shell{width: 760px;margin: 0 auto;text-align: left;}
#frm-header{
    background:url(../images/trim/header_bg.png) no-repeat left top;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    background-color:#333333;
}

#frm-header-fleet{
    background:url(../images/trim/header_bg_fleet.png) no-repeat left top;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    background-color:#333333;
}

#frm-header-harley{
    background:url(../images/trim/header_bg_harley.png) no-repeat left top;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    background-color:#333333;
}

#frm-header-pickles{
    background:url(../images/trim/header_bg_pickles.png) no-repeat left top;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    background-color:#333333;
}

#frm-header-cpa{
    background:url(../images/trim/header_bg_cpa.png) no-repeat left top;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    background-color:#333333;
}

.frm-main{
    position: relative;
    margin: 15px 0px;
    background-color: #DADADA;
    display: block;
    width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

#frm-footer{
    background:url(../images/trim/footer_top.png) no-repeat left top #DADADA;
    margin: 0px;
    border-bottom: solid 1px #DADADA;
    text-align: right;
    clear: both;
    position: relative;
}

/* #frm-header */
#frm-header .inner{ height: 57px; margin-left: 10px;background:url(../images/trim/header_bg.png) no-repeat right top;}
#frm-header-fleet .inner{ height: 57px; margin-left: 10px;background:url(../images/trim/header_bg_fleet.png) no-repeat right top;}
#frm-header-pickles .inner{ height: 57px; margin-left: 10px;background:url(../images/trim/header_bg_pickles.png) no-repeat right top;}
#frm-header-harley .inner{ height: 57px; margin-left: 10px;background:url(../images/trim/header_bg_pickles.png) no-repeat right top;}
#frm-header-cpa .inner{ height: 57px; margin-left: 10px;background:url(../images/trim/header_bg_cpa.png) no-repeat right top;}

.frm-header-content{ height: 5px; width: 100%;position: relative;}
.frm-header-logo{ padding-top: 2px;padding-left: 8px;float: left; }
.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: 15px; padding-right: 18px; color: #FFFFFF; font-size: 110%; }
.frm-header-nav span{ color: #FFFFFF; float: left;}
.frm-header-nav ul{ float: left;}
.frm-header-nav ul li
{ 
	font-size: 100%;
	font-weight: normal;
    font-family: Arial, helvetica, sans-serif;
	float: left;
	margin-left: 5px;
	padding-left: 5px; 
	border-left: solid 1px #FFFFFF;
}
.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(../images/trim/panel_header_bg.png) no-repeat 100% 100%;}
.frm-panel-header .inner{ margin-left: 0px; margin-right: 10px; display: block; background:url(../images/trim/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(../images/trim/indicator_header.png) no-repeat 0 0;}

.frm-panel-header  p{ font-size: 100%; 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: 180px;
    display: none;
}

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

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

#frm-content-primary{
    width: 780px;
    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(../images/trim/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-nav-tertiary-9{
    float: left;
    display: block;
}

.frm-type-b #frm-nav-tertiary-safari{
    float: left;
    display: block;
}

.frm-type-b #frm-content-primary{
    margin: 0;
    float: left;
}

.frm-main input.txt, .frm-main  select,.frm-fields select, .frm-main textarea.txt, .frm-panel-header input.txt,
.frm-panel-header select, .frm-panel-header textarea.txt, .frm-main .fit-width {
    /* float: left; */
    padding: 2px;
    margin: 5px 5px 0px 0px;
    font-size: 100%;
    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, .frm-main input.fit-width{
    padding: 3px;
}

.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: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
}
.frm-main input.inline-block{
    vertical-align: top;
    margin-right: 0px;
    margin-top:0px;
    float: left;
}

.frm-main input.txt[disabled]{
    color: #888;
    border: solid 1px #cccccc;
    background-color:#f4f4f4;
}
.frm-main input.txt[readonly] {
    color: #888;
    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 {color: #FFF;text-decoration: none;}
.frm-panel-error   span{ float: left; margin-right: 5px;}
.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%;color: #FFF;font-size: 130%;text-decoration: none;font-weight: bold;}

/* #frm-nav-tertiary */
#frm-nav-tertiary h2{
    font-family: "Trebuchet MS", Times, serif;
    font-weight: bold;
    font-size: 25px;
    color: #555555;
    letter-spacing: -1px;
    margin-top: 38px;
    margin-left: 30px;
}

/* #frm-nav-tertiary-9 */
#frm-nav-tertiary-9 h2{
    font-family: "Trebuchet MS", Times, serif;
    font-weight: bold;
    font-size: 25px;
    color: #555555;
    letter-spacing: -1px;
    margin-top: 41px;
    margin-left: 30px;
}

/* #frm-nav-tertiary-safari */
#frm-nav-tertiary-safari h2{
    font-family: "Trebuchet MS", Times, serif;
    font-weight: bold;
    font-size: 35px;
    color: #555555;
    letter-spacing: -1px;
    margin-top: 42px;
    margin-left: 30px;
}

#frm-nav-tertiary h2 strong{
    color: #333333;
}

#frm-nav-tertiary-9 h2 strong{
    color: #333333;
}

#frm-nav-tertiary-safari h2 strong{
    color: #333333;
}

/* 
#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: #333333;
    font-weight: bold;
    background: url(../images/trim/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: #333333;}
#frm-nav-tertiary  li.selected span, #frm-nav-tertiary  li.complete span{
    color: #333333;
}
#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%;
    font-weight: normal;
    color: #555555;
    line-height: 1.3em;
    width: 160px;
    background: url(../images/trim/bullet_dash.png) no-repeat -1px 1px;
}

#frm-nav-tertiary  ul li ul li.selectedsub{
    color: #333333;
    font-weight: bold;
}

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

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

*/

/* Menu */

#ctl00_MainMenu ul{
    margin-top: 0px;
    margin-left: 20px;
}

#ctl00_MainMenu ul li a
{
	font-family: Arial,"Times New Roman", serif; 
	text-decoration: none;
    padding: 15px 10px 15px 10px;
    margin: 0;
    margin-bottom: 0px;
    font-size: 120%;
    color: #555555;
    line-height: 1.3em;
    display: block;
    overflow: hidden;
    width: 140px;
}

#ctl00_MainMenu ul li a.selected{
    color: #333333;
    font-weight: bold;
    background: url(../images/trim/bullet_arrow_right.png) no-repeat 150px 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;
}

#ctl00_MainMenu ul li a{
    padding-right: 25px;
}

#ctl00_MainMenu ul li.selected ul li a{
    font-weight: normal;
}

#ctl00_MainMenu  ul li ul li.selectedsub{
    color: #333333;
    font-weight: bold;
}

#ctl00_MainMenu ul li a.level3 
{
	margin-left:10px;
	padding: 5px 10px 5px 10px;
    color: #333333; 
    font-size: 100%
}

#ctl00_MainMenu  ul li ul li a:hover{
    color:#9F0029;
}

#ctl00_MainMenu ul 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;
}
#ctl00_MainMenu ul li.complete{ color: #333333;}
#ctl00_MainMenu ul li.selected span, #frm-nav-tertiary #ctl00_MainMenu ul li.complete span{
    color: #333333;
}

#ctl00_MainMenu ul li.selected span, #frm-nav-tertiary-9 #ctl00_MainMenu ul li.complete span{
    color: #333333;
}

#ctl00_MainMenu ul li.selected span, #frm-nav-tertiary-safari #ctl00_MainMenu ul li.complete span{
    color: #333333;
}

/* #frm-content-primary */
.westpac-secure{font-size: 11px;background:url(../images/trim/icon_secure.png) no-repeat top left transparent; padding-left: 30px; display: block; width: 70px; height: 30px; float: right; margin-top: 10px; line-height:1.2em;}
a .westpac-secure{text-decoration:underline;}
.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-left .link-plain, .group-right .link-prev, .group-right .link-next, .group-right .link-plain{ margin-top: 12px;float: left;}

.link-plain, a.link-plain{
    font-family: Arial, verdana, sans-serif;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    margin: 0;
    padding: 0 15px 0 5px;
    background: none;
    border: none;
    cursor:pointer;
}

.link-next, a.link-next{
    font-family: Arial, verdana, sans-serif;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    margin: 0;
    padding: 0 12px;
    background:url(../images/trim/bullet_all.png) no-repeat -3px 0px;
    border: none;
    cursor:pointer;
}

.link-prev, a.link-prev{
    font-family: Arial, verdana, sans-serif;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    margin: 0;
    padding: 0 12px;
    background:url(../images/trim/bullet_all.png) no-repeat -4px -80px;
    border: none;
    cursor:pointer;
}

button.link-next, button.link-prev, button.link-plain{margin-top: 5px;padding: 0 12px;display: inline-block;}

.link-add, .link-delete, .link-subtract{
    font-family: Arial, verdana, sans-serif;
    color: #333333;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
    margin: 2px 0;
    padding: 0 12px;
    background:url(../images/trim/bullet_all.png) no-repeat 0px 0px;
    border: none;
    cursor:pointer;
    display: inline-block;
}

.link-delete{background-position: -5px -160px;}
.link-add{background-position: -5px -240px;}
.link-subtract{background-position: -5px -320px;}

.link-plain:hover, .link-prev:hover, .link-next:hover, .link-add:hover, .link-delete:hover, .link-subtract:hover{color: #9F0029;text-decoration: none;}

button.link-add, button.link-delete, button.link-subtract{
    font-weight: bold;
    padding: 0 12px;
}
/* .frm-header-sectional */
.frm-header-sectional{ height: 83px;background:url(../images/trim/header_sectional_star.png) no-repeat top right transparent;}
.frm-header-sectional h1{margin-left: 28px;padding-top: 10px; padding-bottom: 3px;}
.frm-header-sectional h1 span {font-family: Arial, verdana, sans-serif; font-size: 50%; font-weight: normal; color: #333; display: block; padding-top: 0px;}
.frm-header-sectional h2{ font-size: 150%; color: #333;font-weight: normal;margin-left: 30px; padding-top: 5px; padding-bottom: 1px;}
.campaign-image {height:120px;}

/* frm-panel-error */
.frm-panel-error{ display: none;}
.frm-panel-error .frm-panel-content{ background-color: #9c1c2d; padding: 10px 3px 10px 10px;display: block; width: 100%; overflow: hidden;}
.frm-panel-error .frm-panel-top{ background:url(../images/trim/panel_error_top.png) no-repeat 0 0 #9c1c2d; height: 10px;}
.frm-panel-error .frm-panel-bot{ background:url(../images/trim/panel_error_bot.png) no-repeat 0 100% #FFFFFF;}
.frm-panel-error .indicator{ display: block; background:url(../images/trim/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(../images/trim/panel_top_alert_top.png) no-repeat 0 0;height: 10px;}
.frm-panel-top-alert .frm-panel-bot{ background:url(../images/trim/panel_top_alert_bot.png) no-repeat 0 100%;}
.frm-panel-top-alert  .indicator{ display: block;background:url(../images/trim/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: 750px;
    color: #333333;
    background-color: #FFFFFF;
    display: block;
    padding: 15px 0px 15px 0px;
    min-height: 100px;
    margin-bottom: 20px;
    overflow: hidden;
    -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;
}

/* hides rounded corners for IE  */
.frm-panel.hide-nw span.nw, .frm-panel.hide-ne span.ne, .frm-panel.hide-se span.se,.frm-panel.hide-sw span.sw{display:none;}
.frm-panel.hide-nw .frm-box span.nw,.frm-panel.hide-ne .frm-box  span.ne,.frm-panel.hide-se .frm-box  span.se,.frm-panel.hide-sw .frm-box  span.sw{display:block;}
.frm-panel.hide-nw .white-box span.nw,.frm-panel.hide-ne .white-box  span.ne,.frm-panel.hide-se .white-box  span.se,.frm-panel.hide-sw .white-box  span.sw{display:block;}

.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-panel h3, .frm-panel h4, .frm-panel h5, .frm-panel h6{padding-left: 30px;}

.frm-content{display: block; overflow: hidden; margin: 0px 20px 5px 20px;}
.frm-content h3, .frm-content h4, .frm-content h5, .frm-content h6{padding-left: 0px;}
.frm-content ul, .frm-content ol
{
	font-size: 100%;
	}
.disclaimer ul, .disclaimer ol, .disclaimer p{color: #666666;font-size: 100%; line-height: 1.2em;}
.disclaimer li{color: #666666;font-size: 100%; margin-bottom: 0.25em;}

/* 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; 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 0px 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; width: 100%;}
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,, ul.field-group-col.col-7 li input,, ul.field-group-col.col-8 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,, ul.field-group-col.col-7 li label,, ul.field-group-col.col-8 li label{float: left; width: 79%; margin-top: 2px;}

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;}
ul.field-group-col.col-7 li{width: 12%; float: left;}
ul.field-group-col.col-8 li{width: 10%; float: left;}

.txt
{
    width: 220px;
}
.narrow{
    width: 90px;
}
.wide{
    width: 470px;
}
/* asset details module */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    display: inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}


.grid-1{width: 50px;}
.grid-2{width: 100px;}
.grid-3{width: 150px;}
.grid-4{width: 200px;}
.grid-5{width: 250px;}
.grid-6{width: 300px;}
.grid-7{width: 350px;}
.grid-8{width: 400px;}
.grid-9{width: 450px;}
.grid-10{width: 500px;}
.grid-11{width: 550px;}
.grid-12{width: 600px;}
.grid-8 select{width: 390px;}

.grid-1 label.inline-block {width:15px;}
.grid-2 label.inline-block {width:65px;}
.grid-3 label.inline-block {width:115px;}
.grid-4 label.inline-block {width:165px;}
.grid-5 label.inline-block {width:215px;}
.grid-6 label.inline-block {width:265px;}
.grid-7 label.inline-block{width:315px;}
.grid-8 label.inline-block {width:365px;}
.grid-9 label.inline-block {width:415px;}
.grid-10 label.inline-block {width:465px;}
.grid-11 label.inline-block {width:515px;}
.grid-12 label.inline-block {width:565px;}

.grid-1 label, .grid-2 label, .grid-3 label, .grid-4 label,
.grid-5 label,.grid-6 label, .grid-7 label, .grid-8 label,
.grid-9 label,.grid-10 label,.grid-11 label,.grid-12 label {
    padding-right: 5px;
}

.grid-1 .fit-width, .grid-1 textarea.fit-width{
    width: 35px;
}
.grid-2 .fit-width, .grid-2 textarea.fit-width{
    width: 85px;
}
.grid-3 .fit-width, .grid-3 textarea.fit-width{
    width: 135px;
}
.grid-4 .fit-width, .grid-4 textarea.fit-width{
    width: 185px;
}
.grid-5 .fit-width, .grid-5 textarea.fit-width{
    width: 235px;
}
.grid-6 .fit-width, .grid-6 textarea.fit-width{
    width: 285px;
}
.grid-7 .fit-width, .grid-7 textarea.fit-width{
    width: 335px;
}
.grid-8 .fit-width, .grid-8 textarea.fit-width{
    width: 385px;
}
.grid-9 .fit-width, .grid-9 textarea.fit-width{
    width: 435px;
}
.grid-10 .fit-width, .grid-10 textarea.fit-width{
    width: 485px;
}
.grid-11 .fit-width, .grid-11 textarea.fit-width{
    width: 535px;
}
.grid-12 .fit-width, .grid-12 textarea.fit-width{
    width: 585px;
}
/*--Drop Down List--*/
.grid-1 select.fit-width{
    width: 43px;
}
.grid-2 select.fit-width{
    width: 93px;
}
.grid-3 select.fit-width{
    width: 143px;
}
.grid-4 select.fit-width{
    width: 193px;
}
.grid-5 select.fit-width{
    width: 243px;
}
.grid-6 select.fit-width{
    width: 293px;
}
.grid-7 select.fit-width{
    width: 343px;
}
.grid-8 select.fit-width{
    width: 393px;
}
.grid-9 select.fit-width{
    width: 443px;
}
.grid-10 select.fit-width{
    width: 493px;
}
.grid-11 select.fit-width{
    width: 543px;
}
.grid-12 select.fit-width{
    width: 593px;
}

/* address modules */
.module-address .streetaddress input.txt{}
.module-address .state select{width: 90px;}
.module-address .suburb  input.txt{width: 260px;}

.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(../images/trim/icon_cross.gif) no-repeat 0px 2px; visibility: visible; }
.valid-item span.status-icon{background:url(../images/trim/icon_tick.gif) no-repeat 0px 2px; visibility: visible;}
label.error span.status-icon{background:url(../images/trim/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, .error-item  select.error{
    border-top: solid 1px #9F0029;
    border-left: solid 1px #9F0029;
    border-bottom: solid 1px #9F0029;
    border-right: solid 1px #9F0029; }

.frm-expand-top{ position:relative;width: 690px;height: 18px; background-color: #FFFFFF;background:url(../images/trim/panel_bot.png) no-repeat 0 0;}
.expand-content{ padding: 10px 0px 0px 0px; margin: 0;}
.expand-content h4, .expand-content h5, .expand-content h6{ padding-left: 30px; padding-right: 30px;}
.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: 13px; width: 690px;height: 8px; background-color: #EBE6DF;background:url(../images/trim/panel_bot.png) no-repeat 0 100%;}
.indicator{ position: relative; display: none; height: 18px;background:url(../images/trim/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 ul.field-group-col, .frm-expand2 ul.field-group-col{padding: 0;}
.frm-expand1 li, .frm-expand2 li{ margin-bottom: 0em;}

.frm-expand1{	width: 690px;background-color: #D3CCC3;position: relative; margin-top: 0; margin-bottom: 15px;}
.frm-expand1 .frm-expand-bot{ background:url(../images/trim/panel_expand1_bot.png) no-repeat 0 100% #FFF;}
.frm-expand1 .indicator{ background:url(../images/trim/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(../images/trim/panel_expand1_bot.png) no-repeat 0 0;}
.frm-expand2 .frm-expand-bot{ background:url(../images/trim/panel_expand2_bot.png) no-repeat 0 100% #FFF;}
.frm-expand2 .indicator{ left: 80px; display: block; background:url(../images/trim/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-white{
    margin: 15px 30px 5px 30px;
    padding-top: 15px;
    padding-bottom: 0px;
    width: 660px;
    background-color: #ffffff;
    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 */
.frm-box{
    margin: 15px 30px 15px 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 660px;
    background-color: #E4E4E4;
    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-top: 10px;padding-left: 0px;padding-bottom: 1.0em;}
.frm-box h4, .frm-box h5, .frm-box h6, .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: 100%;margin-bottom: 15px;}
.frm-box.with-icon  .inner{ width: 530px;  padding-left: 70px;}
.frm-box ul.frm-fields, .frm-box ul.frm-fields .field-group-col, .frm-box ul.frm-fields .field-group-row{font-size: normal;}
.frm-box ul.frm-fields{margin:0;}

.frm-box .white-box {
    width:545px;
    background-color: #fff;
    padding:20px;
    margin:10px 0;
    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;

}
.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(../images/trim/panel_alert_top.png) no-repeat 0 0;}
.frm-panel-alert .frm-panel-bot{ height: 18px;	background:url(../images/trim/panel_alert_bot.png) no-repeat 0 100%;}
.frm-panel-alert .indicator{ display: block; background:url(../images/trim/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(../images/trim/footer_top.png) no-repeat top right;}
.frm-footer-content{ width: 95%;float: left;text-align: left;padding-bottom: 30px; font-size: 95%}
.frm-footer-content-alt{ width: 30%;float: left;text-align: left;padding-bottom: 30px; font-size: 95%}
.frm-footer-logo{ padding-right: 30px;padding-bottom: 80px;float: right;text-align: right;}
.frm-footer-logo-2{ float: right;text-align: right;}

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

/* icons */
.icon{ float: left; margin-top: 0px;margin-left: 0px;margin-right: 10px;margin-bottom: 0px;height: 40px;width: 40px;background:url(../images/trim/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(../images/trim/icon_rev_all.png) no-repeat 0 0;}
.with-icon .icon{margin-top: -5px;margin-left: -50px;margin-right:0px;}

p .icon{margin-top: 5px;}

.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,.icon-safe{background-position:  0px -200px;}
.icon-lightbulb{background-position: 0px -240px;}
.icon-laptop{background-position: 0px -280px;}
.icon-bank{background-position: 0px -320px;}
.icon-piggybank{background-position: -40px -320px;}
.icon-group{background-position: -40px 0px;}
.icon-person{background-position: -40px -40px;}
.icon-group-3{background-position: -40px -80px;}
.icon-stopwatch{background-position: -40px -120px;}
.icon-email{background-position: -40px -160px;}
.icon-protect{background-position: -40px -200px;}
.icon-laptop-tick{background-position: -40px -240px;}
.icon-tick-small{background-position: -80px 0px;}



.frm-main input.rb.with-icon, .frm-main input.cb.with-icon{margin-top: 5px;}
.frm-fields .icon-group{background-position: -47px 0px; width: 22px; margin-right: 5px;}
.frm-fields .icon-person{background-position: -51px -40px;width: 14px; margin-right: 5px;}

.icon-middle{margin-top: 6px;}
.icon-middle span.icon{margin-top: -6px;}
.icon-bottom{margin-top: 12px;}
.icon-bottom span.icon{margin-top: -12px;}

/* 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: nowrap;
}

@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 10px 0px 0px;
    margin-right:0px;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #45525b;
    overflow: visible; /* removes extra side padding in IE */
    background: transparent url(../images/trim/btn_arrow_right.png) no-repeat right top;
    text-decoration: none;
}

button.btn span {
    padding: 10px 2px 0 15px;
    height:27px;
    background: transparent url(../images/trim/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;
    margin-bottom: 0px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #45525b;
    overflow: visible; /* removes extra side padding in IE */
    background: transparent url(../images/trim/btn_arrow_right.png) no-repeat right top;
}

button.btn-arrow span {
    padding: 13px 2px 0 17px;
    height:27px;
    background: transparent url(../images/trim/btn_left.png) no-repeat left top;
    color:#45525b;
}

/* btn-sm */
button.btn-sm{ 
    padding: 0 14px 0 0;
    margin-right:0px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #45525b;
    overflow: visible; /* removes extra side padding in IE */
    background: transparent url(../images/trim/btn_sm_arrow_right.png) no-repeat right top;
}

button.btn-sm span {
    padding: 8px 2px 0 17px;
    height:24px;
    background: transparent url(../images/trim/btn_sm_left.png) no-repeat left top;
    color:#45525b;
}

/* btn-sm-arrow */
button.btn-sm-arrow{ 
    padding: 0 35px 0 0;
    margin-right:0px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #45525b;
    overflow: visible; /* removes extra side padding in IE */
    background: transparent url(../images/trim/btn_sm_arrow_right.png) no-repeat right top;
}

button.btn-sm-arrow span {
    padding: 8px 0 0 17px;
    height:24px;
    background: transparent url(../images/trim/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;
}

button:active span{
    -ms-background-position-x: 0px;
    -ms-background-position-y: 0px;
}

/* lists */
ul.doc{ list-style: none; margin-top: 10px;}
ul.doc li{background:url(../images/trim/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, .prefix-text, .suffix-text{
    color: #666666;
    font-size:  110%;
    padding-left: 2px;
    padding-top: 4px;
    display: block;
    float: left;
}
.prefix-text, .suffix-text{
    padding-top: 5px;
    padding-right: 5px;
}

/* 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 */
label.help-bubble-label{float: left;margin-top: 5px;margin-right: 5px;}
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('/images/trim/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; display: inline-block;}
a.help-bubble.inline-block { float:none !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: 0 1px;
    padding: 4px 15px 2px 15px;
    font-size: 110%;
    color:#666;
    min-height:45px;
    float: left;
    display: inline;
    background-color: #FFF;
}
#help-bubble-wrapper .indicator{
    background: url('/images/trim/helpbubble_indicator.png') no-repeat 0 0;
    position: absolute;
    width: 10px;
    top: 45px;
    display: block;
}
#help-bubble-wrapper .inner-top{
    display: block;
    margin: 0px;
    padding: 8px 0px 0px 0px;
    background: url('/images/trim/helpbubble_bg.png') no-repeat 0 0;
    float: right;
    text-align: left;
    overflow: hidden;
    width:272px;
}

#help-bubble-wrapper .inner-bot{
    display: block;
    margin: 0px;
    padding: 0px;
    background: url('/images/trim/helpbubble_bg.png') no-repeat 0px 100%;
    float: right;
    overflow: hidden;
    width:272px;
    height: 12px;
}

#help-bubble-wrapper.bubble-left  .inner-top, #help-bubble-wrapper.bubble-left  .inner-bot{
    float: left;
}

#help-bubble-wrapper.bubble-right .indicator{
    left: 0px;
    background-position: 0px 0px;
}
#help-bubble-wrapper.bubble-left .indicator{
    right: 0px;
    background-position: 0px -20px;
}

#iframe-mask{
    border: solid 0px white;
}
/* date picker */
table.jCalendar {
    background: #fbfaf9;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 9px;
    margin: 0;
}
table.jCalendar th {
    background: #f3f0ec;
    color: #333;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ebe6df;
    color: #333;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #f7f5f2;
    color: #aaa;
}
table.jCalendar td.today {
    background: #444;
    color: #fff;
}
table.jCalendar td.selected {
    background: #621a4b;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #621a4b;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #333;
}
table.jCalendar tr.selectedWeek td {
    background: #621a4b;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #FFF;
    color: #333;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #FFF;
    color: #333;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #f7f5f2;
    border: solid 1px #999;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}

.dp-calendar{
    padding-top: 17px;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #333;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 110px;
    background-color: #621A4B;
    padding-left: 5px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#dp-nav-label-month{
    float: left;
    font-size: 11px;
    padding: 3px 5px;
    color: #fff;
    font-weight: bold;
}
#dp-nav-label-year{
    float: right;
    font-size: 11px;
    padding: 3px 5px;
    color: #fff;
    font-weight: bold;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 60px;
    background-color: #621A4B;
    padding-right: 5px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
div.dp-popup a.dp-nav-prev-month, div.dp-popup a.dp-nav-next-month, div.dp-popup a.dp-nav-prev-year, div.dp-popup a.dp-nav-next-year{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
div.dp-popup a.dp-nav-prev-month.disabled, div.dp-popup a.dp-nav-next-month.disabled, div.dp-popup a.dp-nav-prev-year.disabled, div.dp-popup a.dp-nav-next-year.disabled{
    color: #621A4B !important;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../images/trim/icon_calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}

/* corner injection bg */
span.cnr{ 
    position:absolute;
    height:10px;
    width:10px ;
    padding: 0 !important;
    margin: 0 !important;
    background:url(../images/trim/corners_white_sprite.png) no-repeat right bottom;
}

.frm-panel span.cnr{
    background:url(../images/trim/corners_ebe6df_sprite.png) no-repeat right bottom;
}
.frm-box span.cnr{
    background:url(../images/trim/corners_white_sprite.png) no-repeat right bottom;
}
.white-box span.cnr{
    background:url(../images/trim/corners_ebe6df_sprite.png) no-repeat right bottom;
}

span.ne { 
    top:0;
    right:0;
    background-position:right top !important;
}

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

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

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

/* popup overlay styles */

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

/* Create drop shadow effect for MSIE */ 
#popup-shadow{
    background-color: #333333;
    position:fixed;
    top:60px;
    left:25%;
    width:500px;
    height:auto;
    z-index:1000;
    -ms-filter: progid:DXImageTransform.Microsoft.dropShadow(color=#333333,offX=0,offY=0, positive=true) progid:DXImageTransform.Microsoft.Blur(pixelradius=9);
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#333333,offX=0,offY=0, positive=true) progid:DXImageTransform.Microsoft.Blur(pixelradius=9);
}

#popup-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:25%;
    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;

}

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

#popup-overlay-scroller {margin: 30px 20px 10px 20px; text-align: left; outline: none;}
#popup-overlay-content {overflow:hidden;}

#popup-overlay .closebox {
    position:absolute;
    top:10px;
    right:15px;
    padding:0;
    margin:0;
    border:none;
    line-height:18px;
    background:url(../images/trim/lu_icon_closebox.png) no-repeat right center;
    font-size:130%;
    cursor:pointer;
    font-weight: bold;
    color:#928b86;
    text-align: right;
    z-index: 50;
}

#popup-overlay .tabindexloop{
    position:absolute;
    top:10px;
    right:15px;
    padding: 0;
    margin: 0;
    z-index: 5;
    color: #F0EDE8;
    background-color: transparent;
}

.popup-overlay-submit{ margin: 10px 20px; overflow: hidden;}
/* Hides content that is only for print */
.printonly{display:none !important;}

.grid-text div {
    margin-top: 1px;
}

li.grid-0,li.grid-1,li.grid-2,li.grid-3,li.grid-4,li.grid-5,li.grid-6,
li.grid-7,li.grid-8,li.grid-9,li.grid-10,li.grid-11,li.grid-12, li.grid-text {
    padding: 0px !important;
}
/*-------Ordered List--------*/
.frm-content ol, .frm-content ul, .frm-box ul, .frm-box ol {
    font-size: 100%;
    margin-bottom: 15px;
    margin-top: 10px;   
}
.frm-content ol, .frm-box ol {
    margin-left:22px;
}
ul.decimal {
    list-style-type: decimal;    
}
ul.lower-alpha {
    list-style-type: lower-alpha;
}
ul.upper-alpha {
    list-style-type: upper-alpha;
}
ul.lower-greek {
    list-style-type: lower-greek;
}
ul.lower-roman {
    list-style-type: lower-roman;
}
ul.upper-roman {
    list-style-type: upper-roman;
}
.frm-content ul.ticks {
    list-style-type: none;
    margin-left:0;
}
.frm-content ul.ticks li {
    background: url("images/trim/bullet_tick.png") no-repeat scroll 0 0px transparent;
    padding-left: 16px;
}
.left {
    float: left;
}
.right {
    float: right;
}
.with-help-bubble input.rb, .with-help-bubble label  {
    margin-top: 2px;
}
div.number
{
	text-align: right;
	width: 103px;
}
input.number
{
	text-align: right;
	width: 100px;
}

/* Master Page Layout */
#master_header
{
	margin: -1px auto 0 auto;
	width: 800px;
}

#master_headertop
{
	background: url(../images/headertop_img.jpg) no-repeat left top;
}

#master_headerbottom
{
	background: url(../images/headerbottom_img.png) no-repeat left top;
}

#master_page
{
	margin: 5px auto 20px auto;
	width: 800px;
}

#master_menu
{
	float: left;
	width: 240px;
	padding-right: 10px;
}

.sidebar
{
	width: 100%;
	margin-bottom: 10px;
}

.sidebarheader
{
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(../images/sidebar_header.png) no-repeat left top;
	color: #FFF;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebarcontent
{	
	border: 1px solid #0F2543;
	padding: 20px 20px 20px 30px;
	line-height: 1.5em;
	font-weight: bold;
}

#master_sidebarSamples
{	
	padding-top: 72px;
	background: #FFF url(../images/samples_bg.gif) no-repeat left top;
}

#master_sidebarWalkthroughs
{
	padding-top: 72px;
	background: #FFF url(../images/walkthrough_bg.gif) no-repeat left top;
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #5377A9;
	text-decoration: none;
}

.sidebarcontent a:hover
{
	background-color: #0F2543;
	color: #FFF;
}

.sidebarcontent a:visited
{
	font-weight: normal;
}

#master_content
{
	float: left;
	width: 550px;
	margin-right: -550px;
	color: #666666;
}

#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_content ul li ul li
{
	list-style-type: disc;
}

#master_contentheader
{
	height: 19px;
	background: url(../images/rightcoltop.gif) no-repeat right top;
}

#master_contentplaceholder
{
	padding: 30px 20px 40px 20px;
	border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	background-color: #EFEFEF;
	line-height: 1.5em;
}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* Content Page Layout */
.demoarea {
	padding:20px;
	background:#FFF url(../images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(../images/demobottom.png) no-repeat left bottom;
}


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

.codeReference
{
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
}

pre, code {
	display:block;
	margin:15px 15px 15px 0;
	padding:10px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
}

.releaseList {
	list-style-type:disc;
}


/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */

autocomplete_even
{
	background-color:#b0c4de;
}

autocomplete_odd
{
	background-color:White;
}

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    z-index : 999999;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	
	background-color: #ffff99;
	border-color: #ffff99; 
	display:block;
	border: 2px;
	color: black;
	padding: 2px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/

/* DropShadow */

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}


.dropShadowPanel 
{
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(../images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.overflowHidden {overflow:hidden;}

.overflowScroll {overflow:hidden;}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(../images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    text-decoration:none;
}
.unselectIndex {
    font-weight:normal;
    text-decoration:underline;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
}

.modalPopup p {
    padding: 5px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(../images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(../images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.dragVisualContainer li  {
    list-style:none;
	background-image:url(../images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}


/* Rounded Corners*/

.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/* ResizableControl */

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(../images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

.handleText
{
	width:16px;
	height:16px;
	background-image:url(../images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}


/*Toggle Button*/

/*Setup*/
.walkthrough li {padding-bottom:5px;}

/*Using a sample extender*/

/*Creating a new extender*/
.walkthroughNote {
	padding-left:25px;
	font-style:italic;
}

/*Other neat stuff*/





/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(../images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}



.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/* SlideShow styles */

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}

.slideDescription
{
	font-size:small;
	font-weight:bold;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

.ajax__multi_slider_custom .outer_rail_horizontal
{
    position:absolute;
    background:url('Images/rail_dark.gif') no-repeat;
    width:321px;
    height:25px;
    z-index:100;
}

.ajax__multi_slider_custom .inner_rail_horizontal
{
    position:absolute;
    background: url('Images/rail_light.gif') no-repeat;
    width:321px;
    height:25px;
    z-index:100;
}

.ajax__multi_slider_custom .handle_horizontal_left
{
    position:absolute;
    background:url('Images/handle_left.gif') no-repeat;
    width:13px;
    height:25px;
    z-index:200;
    cursor:w-resize;
}

.ajax__multi_slider_custom .handle_horizontal_right
{
    position:absolute;
    background:url('Images/handle_right.gif') no-repeat;
    width:13px;
    height:25px;
    z-index:200;
    cursor:w-resize;
}

/* ComboBox styles */

#master_content .ajax__combobox_itemlist
{
    margin: 0px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    background-image: url(ComboBox/images/toolkit-bg.gif);
    background-position: top left;
    border: 0px none;
    color: #FFFFFF;
    padding: 4px 0px 3px 5px;
    font-size: 13px;
    height: 16px;
    width: 240px;
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(ComboBox/images/toolkit-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 23px;
    width: 23px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist
{
    border-color: #0F2543;
    background-color: #EFEFEF;
}

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    background-image: url(ComboBox/images/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 2px 0px 0px 8px;
    font-size: 11px;
    height: 17px;
    width: 150px;
}
.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(ComboBox/images/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 19px;
    width: 19px;
}
.AquaStyle .ajax__combobox_itemlist
{
    border-color: #000000;
    background-color: #FFFFFF;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 13px;
    height: 18px;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    margin: 0;
    padding: 0;
    background-image: url(ComboBox/images/windows-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 21px;
    width: 21px;
}
.WindowsStyle .ajax__combobox_itemlist
{
    border-color: #7F9DB9;
}

.loading 
{    
    background-image:  url('../images/trim/ui-anim_basic_16x16.gif');
    background-position: right;    
    background-repeat: no-repeat;
}

.xmlverb-default
{
	color: #333333;
	background-color: #ffffff;
	font-family: monospace;
}
.xmlverb-element-name
{
	color: #990000;
}
.xmlverb-element-nsprefix
{
	color: #666600;
}
.xmlverb-attr-name
{
	color: #660000;
}
.xmlverb-attr-content
{
	color: #000099;
	font-weight: bold;
}
.xmlverb-ns-name
{
	color: #666600;
}
.xmlverb-ns-uri
{
	color: #330099;
}
.xmlverb-text
{
	color: #000000;
	font-weight: bold;
}
.xmlverb-comment
{
	color: #006600;
	font-style: italic;
}
.xmlverb-pi-name
{
	color: #006600;
	font-style: italic;
}
.xmlverb-pi-content
{
	color: #006666;
	font-style: italic;
}