@import url("styles.css"); 

/* general classes */
*.printOnly, .layered{display:none;}
.activeLink{cursor:hand; cursor:pointer;}
.inactiveLink{cursor:wait;}
.note{padding-left:10px; background:transparent url(/gfx/common/note.gif) no-repeat center left;}
.productBanner{margin-bottom:10px; clear:both;} 
.eventTable{position:absolute; left:-1000px; top:-1000px;}
*.underlined{background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left;} 

/* layers */
div.container{display:block; clear:none;}
div.clear{height:1px; clear:both; font-size:1px; line-height:1px;}
div.noMargin{margin:0px; background:transparent;} 
div.summary{padding-bottom:1px; background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left;}

/* misc */
span.estimate{display:inline-block; padding:0em 0.2em 0em 0.2em; line-height:1.2em;}
#more{padding:0 0 0 13px; background:transparent url(/gfx/common/more_arrow.gif) no-repeat 0px 4px;}
div.table{position:static; display:block;}

#main div.extendLeft{margin-left:10px;}

div.linkDescription{padding:0 0 0 16px; margin:-1px 0px 0px 0px;}
p.linkDescription{padding:0 0 0 16px; margin:-4px 0 7px 0;}

table.rightPadded{margin-bottom:10px; width:100%;}
table.rightPadded td{font-weight:bold; padding-right:8px;}
table.rightPadded td.narrow{width:1%; white-space:nowrap;}

#productListFilter a{margin-left:20px; position:relative; top:5px;}
#productListFilter a img{display:inline;} 

/* standard elements */ 
p, .p, dl, object{margin:0 0 8px 0;}
body {margin:0; padding:0;} 
form, fieldset{margin:0; padding:0; border:0px;} 
br{clear:both;} 
dd{margin:0;}
dt.first{margin-top:0px;}
dt{margin-top:6px;} 

/* headings */
#content h1, #contentLeft h1{margin:0 0 4px 0;}
h2, h3, span.boldText{padding:0px; margin:0 0 5px 0;}
h2, span.boldText{clear:both;} 
h2{margin:0px;}
h4{padding:0px; margin:0 0 0 0;}
h5{color:#818181; padding:0px; margin:0 0 4px 0;}
h1.date{margin-bottom:5px;} 
h6, .h6{display:block; margin:0 0 7px 0; padding:10px 0 0 0;}
h6 table, .h6 table{margin:0; padding:0; width:100%;}
h6.firstHeading, .h6.firstHeading{padding:0 0 0 0;}
h6.underlined, .h6.underlined{padding-bottom:1px; margin:0 0 10px 0;}
h6.noMargin{margin:0px; padding:0px;} 

/* images */ 
img             {border:0px; display:block;}
img.alignLeft   {float:left;  margin:9px 15px 8px 0px;}
img.alignRight  {float:right; margin:9px 0px 8px 15px;}
img.alignTopLeft{float:left;  margin:3px 15px 15px 0; }

/* anchors */
a.button, span.button, button.button{padding:1px 4px 1px 4px;}
a.button, button.button{position:relative; top:2px;}
a.sortAscending {padding-right:8px; background:transparent url(/gfx/common/sort_ascending.gif) no-repeat center right;}
a.sortDescending{padding-right:8px; background:transparent url(/gfx/common/sort_descending.gif) no-repeat center right;}

/* link layers */
div.customBullet a, div.default a, div.externalLink a, div.pdf a, 
		 div.ppt a, div.xls a, div.video a{display: block; margin:0 0 5px 0;} 
div.pdf a.big{margin-bottom:0px;}
div.pdf a, div.xls a, div.video a{display:inline-block;}
div.pdf, div.ppt, div.xls, div.video, div.priceAlert, 
		 div.arrowDown, div.default, div.externalLink{background:transparent no-repeat 0px 0px; padding:0 0 0 15px;}
div.pdf          {background-image:url(/gfx/common/pdf_download.gif);}
div.ppt          {background-image:url(/gfx/common/ppt_download.gif);}
div.xls          {background-image:url(/gfx/common/xls_download.gif);}
div.video        {background-image:url(/gfx/common/video_download.gif);}
div.arrowDown    {background-image:url(/gfx/common/arrow_down.gif);}
div.priceAlert	 {background-image:url(/gfx/common/price_alert.gif);}
div.priceAlert.alertOff{background-image:url(/gfx/common/price_alert_off.gif);}
div.priceAlertAuto{background-image:url(/gfx/common/price_alert_auto.gif);} /*Note: This doesn't use the "div.priceAlert." notation as using this naming convention would make the javascript apply an onclick event to the div which isn't required as can't change an auto price alert */
div.default, div.externalLink {background-position: 0px 2px;}
div.default      {background-image:url(/gfx/common/internal_link.gif);}
div.externalLink {background-image:url(/gfx/common/external_link.gif);}
/* This style is for when want to display just the link image with no text */
div.pdf.imageOnly, div.xls.imageOnly, 
   div.priceAlert, div.priceAlertAuto, div.arrowDown {width:12px; height:13px; cursor: pointer;margin-top: 2px;}
	
/* lists */ 
ul, ol  {margin:0 0 10px 18px; padding:0px;} 
li      {margin:0 0 3px 0;}
ul li ul{margin:5px 0 5px 18px;} 

/* table elements */
table{border-collapse:collapse;} 
tr.footer, caption{background:transparent;}
td, th{vertical-align:top;} 
td.rightAlign, th.rightAlign{text-align:right;}
table tr.last td.checkbox{width:16px; width:1%;}
table tr.last td.open{width:24px; width:1%;} 
caption span{float:right; margin-right:80px;} 
caption h3{float:left;} 
tr.footer td{background-image:none;}

/*product range*/
#prTable td{vertical-align:middle; padding:7px; margin:0px;}
#prTable td.prRange{width:15%;}
#prTable td.prType{vertical-align:top; width:28%;}
#prTable td.prSeparationcol{ width:8px; padding:0px;}

/* sitemap */
#siteMap a.flip, #siteMap a.flipEmpty{height:9px; width:9px;}

/* flash */
.flashDetect{display:none;}
#flashContent{margin-bottom:10px;}
table #flashContent{margin:0px;}
#flashContent object{margin:0px;}

/* alerts */
#alerts{display:block; clear:left; margin-top:15px; float:left; width:100%;}
#alerts img{display:inline;}

/* heading */
#headingColumn{margin-bottom:14px; width:100%;}
#headingColumn img{margin-left:0px;} 
#headingColumn h1{margin:0 0 18px 0;}
#headingColumn .h1{float:left; _margin:0 0 0 -3px;}
#headingContent{margin:5px 0 0 0; float:right; vertical-align:top;}
#headingContent div.container{display:inline-block; _display:inherit; position:relative; _position:inherit; right:0px;}
#headingContent div.container div.pdf,#headingContent div.container div.xls,#headingContent div.container div.video,#headingContent div.container div.default{display:inline-block; _display:block;}
#headingContent div.container div.default a{display:inline-block;}
#headingContent .topLeft{margin-left:10px;}
#headingContent .topLeft div{float:left;}
#headingContent .topLeft p.linkDescription{margin-top:1px; padding-left:8px; float:left;}
#headingContent span.linkDescription{margin-top:1px; padding-left:8px;}

 /* search */
#topSearch{background:transparent; border:0px; float:right;}
#topSearch form{line-height:1px;}
#topSearch input{height:17px; width:75px; margin:0 5px 0 0;}

/* top banner */
#topImage{margin-bottom:6px; height:110px;}
.external #topImage{margin-bottom:0;}
table#topImage{width:100%;}
img.filler{position:absolute; height:110px; width:100%; z-index:-1;}
table#topImage td{vertical-align:middle; padding:0;background-color:#FFF;}
#logo{width:206px;}

/* footer */
#footer{height:13px; background:transparent url(/gfx/common/hdot.gif) repeat-x 0 33px; padding:35px 0 0 0; margin:0px 10px 10px 10px; clear:both;} 
#footer.indent{margin:0 10px 10px 181px;}
#footer.indent #bottomNav a.first{margin:0 5px 0 0;}
#bottomNav{float:left;}
#bottomNav a{margin:0px 5px;}
#copyright{float:right;}

/* small style text, disclaimer, sup, sub */ 
.sup{position:relative; top:-3px;}
.disclaimer, .smallText, a.smallText, a.smallText:hover{ margin-bottom:5px;}
.firstDisclaimer{margin-top:26px;}
p.small{margin:0;}

/* popup */
#outerPop h1{ display:block; padding:8px 15px 8px 15px; margin:0;}
#innerPop{margin-left:15px; margin-right:15px; padding-top:15px; padding-bottom:15px; background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left;}
#closePop{display:block; padding:2px 15px 4px 29px; background:transparent url(/gfx/common/close_box.gif) no-repeat 15px 5px;}

/* scrolling tables */
div.scrollableTable *{position:relative;}
div.scrollableTable table{position:relative;}
div.scrollableTable th a{display:inline-block;}

/* scrolling layer */ 
div.scrollingLayer{height:300px; padding:10px; overflow:auto; margin-bottom:10px;}

/* home */
table.home *.homeRight{background:url(/gfx/common/vdot.gif) repeat-y top left}

/* feature */
.feature ul, .feature li{padding:0px; list-style-type:none;}
.feature ul{margin:6px 0 6px 6px; text-indent:-6px;}
.feature li{margin:0px 0px 3px 0px;}
div.feature{background-position:top left; background-repeat:no-repeat;}
div.feature div{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
#main div.feature div div{padding:7px 7px 5px 7px; background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left;}
#main div.feature div div div{background:none; padding:0px;}
#main div.feature span.nonLink{background-image:none; padding:0px;}
#main div.feature p{ margin:0px; padding:0;}
#main div.feature div a{margin-right:8px;}
#main div.feature a, #main div.feature span.nonLink{margin-right:10px;} 
#main #rightColumn div.feature a, #main #rightColumn div.feature span.nonLink{margin-right:0px;} 
table.feature{float:left; width:181px; margin:9px 12px 8px 0px;}
table.wideFeature{margin:0 0 8px 0; float:none; width:558px;}
table.feature td.header{padding:0px;}
table.feature td.header h2{padding:3px 5px 0px 5px; margin:0 0 1px 0; display:block;}
table.feature td.underlined h2{padding:3px 5px 1px 5px; margin:0 0 4px 0;}
table.feature td.content{padding:2px 5px 0px 5px; background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left;}
table.feature td.content a{margin:3px 0 5px 0;}
table.feature td p{margin:0 0 5px 0;}

/* list tables/divs */
table.list{width:100%;}
table.list td, table.list th{background:transparent url(/gfx/common/hdot.gif) repeat-x top left; padding:6px 5px 6px 5px; color:#818181;}
div.list{background:transparent url(/gfx/common/hdot.gif) repeat-x top left; padding:8px 0px 4px 0px;}
div.list div.default{background:none;}
div.list div.default a{padding:0px;}
div.list div a{text-decoration:underline;}
div.list p{margin:0px; padding:0px;}
table.list tr th{background:transparent url(/gfx/common/hdot.gif) repeat-x top left; text-align:right;} 
table.list td h2{margin:0 0 3px 0;}
table.list td p{clear:both; margin:0px;}
table.list td.right, table.list td.right50{width:50%;}
table.list .subHeader{display:block; margin:0 0 10px 0; padding:0;}
table.list td.indent{padding-right:85px;}
table.list td.indent a{float:left; margin:0 10px 4px 0;}
table.list td.indent div.default a{float:none; margin-top:5px;}
table.list td.left{width:1%; white-space:nowrap;}
table.list td.img{padding:9px 6px 2px 0px;}
table.list td.imgTop{padding-left:0px; padding-top:1px; padding-bottom:0px;}
table.list tr.odd td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
table.list tr.darkOdd td{ padding-top:4px; padding-bottom:4px;}
table.list tr.nobg td{background-color:transparent;}
table.list tr td.short{padding-right:40px;} 
table.list.narrowList tr td.img{padding:4px 1px 0 2px; width:1px;}
table.narrowList td, table.narrowList th{padding:2px 5px 2px 5px;}
table.narrowList table{width:90%;}
table.generated tr th{text-align:left;}
table.generated tr.heading th{white-space:normal;}

/* standard table styles */
.standardTable {clear: both; width: 100%;}
.standardTable tr.header {text-align: left;}
.standardTable th, .standardTable td {padding: 1px 10px 1px 5px;}
.standardTable.less_padding th, .standardTable.less_padding td {padding: 1px 3px;}

/* products table */
.productList tr td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;} 
.productList td, .productList th{text-align:right;} 
.productList td img{margin-top:3px;}
.productList tr.header td, .productList tr th, .list .heading td, .list .heading th{padding-top:2px; padding-bottom:2px; white-space:nowrap;}
.productList .heading td, list .heading td{text-align:left; padding-top:5px; vertical-align:bottom;}
.productList tr.tableComment td, .productList tr.tableComment th, .statementList tr.tableComment td{background:transparent;}
.productList tr.tableComment td.tableComment, .statementList tr.tableComment td.tableComment{text-align:left; background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
.productList tr.alerts td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left; text-align:left;}
.productList .alerts td.img{padding:0 3px 0 3px;}
.productList .alerts td.right{text-align:right;}
.productList tr.heading td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
.productList td.left input{border:none; width:13px; height:13px; margin:2px 0 0 0;}
.productList td.input input{float:right; width:35px; margin:0px;}
.productList tr.changed td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
.productList tr.last td{height:9px;}
table.productList tr td.left, table.productList tr th.left{text-align:left;}
table.productList tr td.center, table.productList tr th.center{text-align:center;}
table.productList td.empty{width:20px;} 
table.productList{border-collapse:collapse; width:100%;}
table.productList tr td, table.productList tr th{padding:1px 3px 2px 3px; margin:0px;} 
table.productList tr.noLine td{background:transparent;} 
table.productList tr.tableComment td.tableComment{background:transparent;}
table.productList tr td.input,table.productList tr th.input,table.productList tr td.input input{width:35px;}
table.productList tr td.input{background:transparent url(/gfx/common/hdot.gif) repeat-x top left; padding:0 4px 0 4px;}
table.productList tr td.input input{margin-top:2px;}
table.productList tr.heading td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
table.productList tr.heading td div{position:absolute;}

/* statement table */
table.statementList{margin-bottom:10px;}
table.statementList tr.header td{padding-top:10px;}
table.statementList tr td{text-align:right;}
table.statementList tr td.leftAlign, table.statementList tr th.leftAlign{text-align:left;}
table.leftAlign tr td{text-align:left;}
table.statementList tr.smallHeader td{padding-top:10px; padding-bottom:3px;}
table.statementList tr.nameHeader td{background:transparent; padding-top:15px;}
table.statementList tr.overlined td{background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
table.statementList tr.total td{padding-top:5px; padding-bottom:5px;}
table.statementList tr.information td{text-align:left; background:transparent; padding-top:30px; padding-bottom:10px;}
#main table.statementList tr.noOverline td{background:transparent; padding-bottom:30px;}
#main table.statementList tr.noBottomPadding td{padding-bottom:0px;}
#main table.statementList tr.noLine td{background:transparent;} 

/* My Portfolio table */
table#myPortfolio   {margin-bottom: 4px;}
table#myPortfolio a {float:left; margin-left:12px;}
#myPortfolioFooter  {margin-bottom: 10px;}

/* key stats */ 
table#keyStats{width:90%; margin-bottom:20px}
table#keyStats td, table#keyStats th, table#keyStats tr{text-align:left}

/* forms */ 
input, .inputDiv{padding:0px 3px 0px 3px; height:17px;}
.inputDiv{overflow:hidden; _position:relative;} /*Note: This style has an IE specific HACK in it which should be reviewed*/
textarea{padding:0 0 0 3px;}
fieldset.hidden, .offscreen{position:absolute; top:-1000px; left:-1000px;}
.outerForm{margin:0 0 12px 0; background:transparent url(/gfx/common/hdot.gif) repeat-x top left;}
.outerForm fieldset{padding:0 0 10px 0; clear:both;}
.outerForm fieldset.last{padding:0; clear:both;} 
.outerForm input, .outerForm select, .outerForm .inputDiv{margin:1px 3px 2px 0;}
.outerForm input, .outerForm .inputDiv{width:167px; height:17px; padding:0px;}
.outerForm a.topRight{margin-left:10px;} 
.innerForm{background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left; padding:10px 12px 10px 8px;} 
.topRight{float:right;}
.topLeft{float:left;}
.formRow{width:303px; margin-bottom:0px; clear:both;}
.wide .formRow{width:457px; margin-bottom:0px; clear:both;}
.wide .formRow.wide{width:538px;} 
.formRow.wide{width:345px;}
.formRow.wide a.button{float:right;} 
.requiredLeft{padding:0px 65px 0px 3px; margin:0px 0px 12px 0px;} 
.formRow textarea{width:170px; _width:180px; height:80px; overflow:auto;}
.formRow input, .formRow select, .formRow textarea, .formRow .inputDiv{float:left; margin:1px 2px 3px 0px;}
.formRow label{width:117px; display:block; margin-top:3px; margin-right:8px; float:left;}
.formRow label.required{margin-right:3px; _margin-right:8px;}
fieldset.fixedWidth select{width:167px;}
fieldset.fixedWidth textarea{width:167px; padding:0px;} 
.formRow.checkbox{width:318px; margin-top:5px;}
.formRow.checkbox input{margin:3px 0 3px 0; height:15px; width:13px; border:0px none transparent; float:left; padding:0px;}
.formRow input.checkbox{margin:3px 0 3px 0; height:15px; width:13px; border:0px none transparent; padding:0px;}
.formRow.checkbox label{margin-left:5px; width:280px; float:left;}
.formRow.checkbox label.after{float:right;}

/* right column */
#rightColumn{margin:2px 0 35px 16px; width:166px; float:left; clear:none;}
#rightColumn td.right, #leftColumn td.right{text-align:right;}

/* default containers */
#main{width:750px; overflow:hidden; position:relative;} 
#centerColumn{width:379px; float:left; clear:both;}
#leftColumn{float:left; padding:0 0 0 10px; width:154px; _width:164px;} 
div.leftColumn *.alignCentre{padding-left:6px;}

/* wide pages */
#main.wide{width:842px;}
#main.wide #centerColumn{width:467px;}
#main.wide .fullWidthContent{width:822px; margin:0 10px 0 10px;}
#main.wide #content{width:661px;}
#main.wide #content.wide{width:auto;}
#main.wide #content.wide #centerColumn{display:inline; width:651px;}
#main.wide #topNavRight{padding-right:110px;}
#main.wide #headingColumn{width:651px;}
#main.wide #content.appSummary #centerColumn{display:inline; width:380px;}


/*#minHeight{height:346px; float:left; width:0.1%;} Note: If make a change to the width of this div must make an eqivelent change to the width of #mainContainer (see below style) */
#mainContainer{float:left; width:99.9%;} /* Note: The width can't be 100% as needs to take into account the width of the #minHeight div (see style above) */

/* external pages */
#main.external #content{float:lef;}
/*#main.external #minHeight{height:255px; width:0.1px; float:left;}*/
#main.external div.fullWidth{margin-left:10px;}
.external #content.fullWidth #centerColumn{width:710px;}
.external #content.fullWidth div.centerRightWide{padding-right:40px; width:358px; _width:398px;} 
.external #footer{margin-left:20px; margin-right:20px;} 
.external #copyright{float:left;} 

/* standard content area */
#content{_display:inline;}
#content{float:left; width:562px; margin-left:16px; margin-right:0px;}

/* content leaving space on LHS */
#main .noNav{margin-left:180px !important; display:inline !important;}

#main *.wideLeft, #content.fullWidth{margin-left:10px; float:none;}
/* widest content */
#content.fullWidth #centerColumn{width:730px;}
#content.fullWidth div.centerLeft{width:343px;}
#content.fullWidth div.centerRight{width:343px;}
#content.fullWidth div.centerLeftNarrow{width:298px;}
#content.fullWidth div.centerRightWide{width:398px;} 

/* content extending to left */
#main *.wideLeft{width:730px;}
#main *.wideLeft div.centerLeftFloat{padding-left:7px; width:213px; _width:220px;}
#main *.wideLeft div.centerRightFloat{padding-right:7px; width:213px; _width:220px;}
#main *.wideLeft #centerColumn, *.fullWidthContent #centerColumn.wideLeft{width:490px; margin-right:13px;} 
#main *.wideLeft #rightColumn{width:196px;}

*.fullWidthContent #centerColumn.wideLeft{margin-left:0px; float:left;}
.fullWidthContent{width:730px; margin:0 9px 0 10px; padding:10px 0 10px 0;} 

/* content extending to right */
#content.wide #centerColumn{width:559px;}
#content.wide div.centerLeft{width:110px;}
#content.wide div.centerRight{width:423px;}
#content.wide div.centerRightFloat{width:433px; float:right;}
#content.wide table.list td.right{width:75%;}

/* alternative containers */ 
div.leftColumn *.alignCentre img{margin-top:3px}
div.centerLeft{margin-top:3px; float:left; width:182px}
div.centerLeftNarrow{width:110px}
div.centerRight{margin-top:3px; float:right; width:181px}
div.centerRightWide{width:253px}
#pseudoLeft{width:379px; float:left}
#pseudoRight{margin:2px 0 35px 14px; width:166px; float:left}
div.centerLeftFloat{width:110px; float:left}
div.centerLeftFloat img{margin-top:3px}
div.centerRightFloat{width:253px; float:right} 
.outerHighlight{padding:1px 0 0 0; margin:0 0 10px 0; background:transparent url(/gfx/common/hdot.gif) repeat-x top left}
.innerHighlight{padding:5px 12px 5px 8px; background:transparent url(/gfx/common/hdot.gif) repeat-x bottom left}
#rightNav .innerHighlight{padding:3px 0px 3px 4px} 
#rightNav a{display:block; margin-bottom:0px} 
.innerHighlight li{margin:0 0 0px 0} 
.innerHighlight div.centerLeftFloat{width:100px}
.innerHighlight div.centerRightFloat{width:251px; float:right} 
div.alignCentre{text-align:center}
div.alignCentre *{margin:auto} 
div.row{display:inline}
div.cell{float:left}

/* left navigation */
#leftNav li a, #leftNav li img{display:inline-block !important}
#leftNav li a, #leftNav li img{display:block !important}
#leftNav{overflow:hidden; width:154px}
#leftNav ul, #leftNav li, .tabbedLinks ul, .tabbedLinks li{margin:0px; padding:0px}
#leftNav li{list-style-type:none; vertical-align:top; width:154px; padding:0px}
#leftNav li a:hover{background-color: transparent;} /*Note: Do not remove this style. IE6 requires this style for the "#leftNav li a:hover img" style below to be applied.*/
#leftNav a.sel img, #leftNav li a:hover img{margin-left:-154px;}

/* tabbed style nav and content */
#topNav {width:100%; height:100%; padding:0px;}
#topNavLeft {padding: 0px 10px;}
#topNavLeft a {float:left;}
#topNavLeft a.navRight {float:right;}
#topNav img, .tabbedLinks img{position:relative; display:inline;}
#topNav a:hover, .tabbedLinks a:hover {background-color: transparent;} /*Note: Do not remove this style. IE6 requires this style for the "#topNav a:hover img" style below to be applied.*/
#topNav a.sel img, .tabbedLinks img.sel, #topNav a:hover img, .tabbedLinks a:hover img{top:-20px;}
#topNavRight{padding-right:20px; float:right;}
#topNavRovHide, .tabbedLinks{height:20px; overflow:hidden; margin:0 0 20px 0; position:relative;}
.tabbedLinks{margin:0 0 10px 0; background:transparent url(/gfx/common/hdot.gif) repeat-x 0px 18px; width:100%;}
.tabbedLinks ul{width:166px; overflow:hidden;}
.tabbedLinks li{width:166px; float:left; list-style-type:none; vertical-align:top; _font-size:1px;} 
.vertTabbed .tabbedLinks{float:left; width:166px; height:auto; background:transparent url(/gfx/common/vdot.gif) repeat-y 165px 0px;}
.vertTabbed{padding-top:1px; background:transparent url(/gfx/common/hdot.gif) repeat-x top left; margin-bottom:10px;}
.vertTabbedContent{float:right; margin:7px 5px 5px 5px; width:372px;}
.vertTabbedContent table{margin-bottom:10px;}
.vertTabbedContent table td{width:48%; padding:1px 5px 1px 0px;}
.vertTabbedContent h2, .vertTabbedContent h3{margin-bottom:0px;}
.vertTabbed img{position:static; display:block;}
.vertTabbed a.sel img{margin-left:-166px;}

/* AJAX loading message div */
#ajaxStatusMsg {
	visibility: hidden;
}

/* floating dropdown menu */
.dynamicSelectBox {border-color: #000; border-style: solid; border-width: 0px 1px 1px 1px; position: absolute; width: 65px; z-index: 2; cursor: pointer;}
.dynamicSelectBox span {display: block; padding: 0px 2px 0px 2px; border-top: 1px solid #000;}
.dynamicSelectBox span:hover {color: #FFFFFF;}

div#PAHelp, div#RAHelp {padding: 6px 8px 6px 8px; float: left; width: 220px; height: 280px;}
#PAHelp.column, #RAHelp.column {width: 190px; height: auto; margin: 0px;}
#RAHelp {margin-right: 10px;}
#RAHelp.column {margin-bottom: 10px;}
#PAHelp .h1, #RAHelp .h1 {margin: 0px 0px 12px 0px;}
#PAHelp .sample{padding: 0px; margin: 19px 0px 17px 0px;}
#PAHelp p{padding: 0px; margin: 0px 0px 5px 0px;}

