/* 0780314 B.C. Ltd. CSS (C) 2007 */
/* fs 03/01/2006 - font-size makes medium font 10 px. as per http://www.clagnut.com/blog/348 */
/* fs 05/03/2010 - much change, next generation is appearing slowly */
/* fs 09/18/2010 - clean up and add xml carousel */
/* fs 08/05/2011 - make it happen */
/* 2012/08/30 gta */
/* Style for all
- 1px high, light grey, no shade - replaces obsolete
*/
a { color:#000; }
a:link { color:#258; text-decoration:none; }
a:visited { color:#88B; text-decoration:none; }
a:hover { color:#F00; text-decoration:underline; }
hr { height:1px; background-color:#CCC; color:#CCC; border:none;}
/* Moved from help.css 2012/08/28 gta */
/* This is the style for the "Was this page helpful?" box (see collect.org.pagefeedback.html) */
div.comment { font-weight:normal; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size:1.0em; display:block; padding:0.7em; width:90%; text-align:center; border:solid 1px gray; border-radius:9px; box-shadow:2px 2px 2px #888; background-color:#EEE; margin-top:20px;}
/* Moved from the collectsoftware.com-side PHP script that serves up the partners pages 2012/08/28 gta */
.partners { font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif;}
h2.partners { background:#CCC; border-radius:6px; box-shadow:1px 1px 2px #000; font-size:24px; padding:12px; text-align:center;}
hr.partners { height:1px; color:#CCC; background-color:#CCC; border:#CCC; clear:both; }
div.partners { clear:left;}
div.partners .logo { float:left; width:210px; margin:8px;}
div.partners p { margin-left:250px;}
div.partners ul { margin-left:250px;}
div.partners h4 { margin-left:250px;}
.iconbox {}.iconboxicon { padding-bottom:16px; padding-top:16px; vertical-align:top;}
/* added 2012/06/26 gta - modernises look of input fields */
input, select, textarea, .inputbuttonstyle { border-style: solid; border-width: 1px; border-color: #CCC; /*border-radius: 6px;*/ font-weight:normal; font-size:10pt; background-color:white; /*background-image:url("/img/inputbg.png");*/ background-repeat:repeat-x; }
input, textarea, .inputbuttonstyle { padding: 4px; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif;}
.inputbuttonstyle:hover { cursor:pointer;}
/* Select renders with 1 more pixel on each side than input, so pad one less pixel and the controls will be the same height. */
select { padding: 3px; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif;}
/* 2012/06/26 gta - makes an exception to the above input styles for image buttons which are assumed to have their own shape */
input[type="image"] { border-style: none; border-width: 0; border-radius: 0px; background:none; }
/* Top line banner menu *//* 0.8 em is 8 pixel font height */
div.bannermenu { padding: 4px; margin: 0px; margin-top: 2px; float:right; height: 1.1em; font-size: 1em; font-weight:normal; color:white; border:none;}
td.bannermenu { padding: 4px; margin: 0px; margin-top: 2px; float:right; height: 1.1em; font-size: 1em; font-weight:normal; color:white; border:none;}
.bannermenu { padding: 0px; padding-left: 4px; padding-right: 4px; text-align: center; text-decoration: none; color: white; /*text-shadow: 1px 1px 1px white;*/ border:none; font-size:12px; line-height:14px;}
.bannermenu a { padding: 0px; padding-left: 4px; padding-right: 4px; text-align: center; text-decoration: none; /*color: white; text-shadow: 1px 1px 1px white;*/ border:none; font-size:12px; line-height:14px;}
.bannermenu a:visited { padding: 0px; padding-left: 4px; padding-right: 4px; text-align: center; text-decoration: none; /*color: #fff; text-shadow: 1px 1px 1px white;*/ border:none; font-size:12px; line-height:14px;}
.bannermenu a:hover { padding: 0px; padding-left: 4px; padding-right: 4px; border-radius:20px; color:#FFA500; /*background:#F0F8FF; /*box-shadow: 1px 1px 1px 0px #ccc;*/ border:none; }
/* 2012/08/15 gta *//* Styles for the Bread Crumb Trail in the banner */
.breadcrumbtrail { font-size:10px; color: #FFF; /*text-shadow:1px 1px 1px #FFF;*/ text-decoration:none;}
.breadcrumbtrail a { color:#fff; padding-left:3px; padding-right:3px; text-decoration:none; }
.breadcrumbtrail a:hover { color:#000; /*background:#fff; border-radius:20px; /*box-shadow:1px 1px 1px #CCC;*/ text-decoration:none;}
.breadcrumbtrail a:visited { color:#fff; /*background:#fff; border-radius:20px; /*box-shadow:1px 1px 1px #CCC;*/ text-decoration:none;}
/* 2012/08/15 gta *//* used in quicktour.html and training-videos.html to mimic the member center pages */
p.box { display:block; margin-left:180px; padding:4px; width:540px; border:solid 1px #CCC; background:url("/img/buttons/box-template-middle-darker-bluer.png") repeat-x; border-radius:6px; box-shadow:1px 1px 1px #888;}
p.boxc { display:block; text-align:left; padding:2px; height:200px; border:solid 1px gray; }
td.boxc { width:33%; min-height:180px; text-align:left; vertical-align:top; padding:10px; background: #4C4847; /*repeat-x;*/ font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; color:#fff; }
table.datagrey { width:100%; border-collapse:collapse; }
/* 2012/08/13 gta */
/* Needed to approximate appearance of text boxes in select elements in Opera (works around a known Opera problem) */
.opera-select-container-2col { /* To get rounded corners, the select must be enclosed in a div with this class */ height:25px; margin-left:6px; background:white; border-radius:6px; border-width:1px; border-style:solid; border-color:#CCCCCC; width:288px; }
.opera-select-container-1col { /* To get rounded corners, the select must be enclosed in a div with this class */ height:25px; margin-left:6px; background:white; border-radius:6px; border-width:1px; border-style:solid; border-color:#CCCCCC; width:348px; }
.opera-select { /* The select must have this class to be styled (almost) right */ height:21px; border:none; margin:2px 4px 1px 4px; width:97.5%; }/* 2012/08/13 gta */
.main { width:100%; font-size:14px; line-height:19px; /*margin:0px auto;*/ /*margin-left:auto; margin-right:auto;*/ padding-left:25px; padding-right:50px; }
.main a { text-decoration:none; color:#147; }
.main a:visited { text-decoration:none; color:#606; }
.main a:hover { text-decoration:underline; color:#F00;}
/* 2012/08/08 gta - used in the news articles we import live from collectsoftware.com wordpress*/
.news-title { font-size:1.5em; font-weight:bold; margin:10px 0px 0px 0px; padding:6px 6px 0px 6px; border-radius:9px 9px 0px 0px; background:#CCC; color:#000; text-shadow:1px 1px 3px #FFF; text-decoration:none;}
.news-title a { color:black; text-decoration:none; background:#CCC;}
.news-title a:visited { color:black; text-decoration:none; background:#CCC;}
.news-title a:hover { background:#CCC; color:white; text-shadow:1px 1px 1px black; text-decoration:none;}
p.news-title-main a { font-size:1.3em;text-decoration:none;font-weight:700;color:white;font-family:Segoe UI,Tahoma,Verdana,Arial; }
p.news-title-main a:visited { font-size:1.3em;text-decoration:none;font-weight:700;color:white;font-family:Segoe UI,Tahoma,Verdana,Arial; }
p.news-title-main a:hover { font-size:1.3em;text-decoration:none;font-weight:700;color:black;font-family:Segoe UI,Tahoma,Verdana,Arial; }
/* 2012/08/08 gta */
.news-date { font-size:0.85em; font-style:italic; font-weight:bold; margin: 0px; padding:0px 6px 6px 6px; background:#CCC; color:white; border-radius:0px 0px 0px 9px; text-shadow:1px 1px 2px black;}
/* 2012/08/08 gta */
.news-body { padding: 6px 6px 14px 14px; margin:0px 0px 0px 10px; border-radius: 0px 0px 9px 9px; background:#EEE;}
/* 2012/08/08 gta - used in the marketing pages we imported offline from marketing PDF sources */
.subhead { font-size:1.25em; font-weight:bold; line-height:1.4em; padding-top:10px; padding-bottom:10px; margin-bottom:-6px;}
.normal { font-size:15px; line-height:22px;}
.pad20r { padding-right:20px;}
.pad20l { padding-left:20px;}
.market-testimonial-box { background:#CCD; border-radius:9px; padding:14px; margin: 0px 20px 10px 0px; box-shadow:3px 3px 6px #222; width:350px;}
.market-testimonial-box-narrower { background:#CCD; border-radius:9px; padding:14px; margin: 0px 20px 10px 0px; box-shadow:3px 3px 6px #222; width:220px; margin-top:24px;}
.market-testimonial-quote { font-size:22px; font-style:italic; font-weight:bold; line-height:32px; color:#000; background:#CCD; }
.market-testimonial-quote-smaller { font-size:18px; font-style:italic; font-weight:bold; line-height:26px; color:#000; background:#CCD; }
.market-testimonial-author { font-size:14px; font-style:italic; font-weight:900; color:#FFF; background:#CCD; text-shadow:1px 1px 2px #000; text-align:right;}
.market-tlist { margin-top:-4px; margin-bottom:-4px; list-style-image: url("/img/listcheck.png"); font-size:10px; line-height:14px;}
.market-ulist { margin-top:-4px; margin-bottom:-4px; list-style-image: url("/img/listcheck.png"); font-size:15px; line-height:22px;}
.market-list { margin-top:14px; margin-bottom:-4px; font-size:15px; line-height:22px;}
.market-bullet-header { font-weight:bold; font-size:1.1em;}
.market-image-caption { font-size:12px; font-weight:bold; padding-right:8px;}
.market-majorsection { /*border-style:solid; border-width: 1px; border-radius:9px; border-color:#DDD; */ padding:12px; padding-top:0px; }
.market-img { box-shadow:3px 3px 6px #222;}
.center { text-align:center;}
/* 2012/07/04 gta */
.featurecell { text-align:center; vertical-align:middle;}
/* 2012/07/04 gta */
.featurecaption { padding:2px;}
.featurecaption a { cursor:help; color: #258; text-decoration:none;}
/* 2012/06/27 gta Style for the section headers in the footer boxes (style defined immediately above) */
.footerboxhead { font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-weight:bold; font-size:13pt; color:#FFFFFF;}
/* 2012/06/26 gta - text fields in the download and contact forms */
.downloadform { margin:0px 0px 0px 6px; width:340px;}
/* 2012/06/26 gta - select fields in the download and contact forms */
.downloadform-select{ margin:0px 0px 0px 6px; width:350px;}
/* 2012/06/26 gta - text fields in the footer download box */
.downloadform-footer { margin:0px 0px 0px 6px; width:280px;}
/* 2012/06/26 gta - select fields in the footer download box */
.downloadform-footer-select{ margin:0px 0px 0px 6px; width:290px;}
/* 2012/06/26 gta - download-form fields where we want the form to specify the field width */
.downloadform-general { margin:0px 0px 0px 6px; }
/* 2013/04/17 RK added a splash div to handle the splash image*/
div.splash { font-size:14px; line-height:19px; /*margin:0px auto;*/ margin-left:auto; margin-right:auto; background:#FFF; text-align:left; }
/*body { max-width :960px; width :960px; margin :0px auto; padding :0px; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-weight :normal; font-size :62.5%; text-align :center; color :black; background :#99BADD; }
2013-02-15 RK updated page width*/
body { /*min-width:960px;*/ max-width:100%; width:100%; /*margin:0px auto;*/ margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto; padding:0px; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-weight:normal; font-size:62.5%; text-align:center; color:black; background:#FFF; /*background:#99BADD;*/ }
.nb { margin:0px; padding:0px; border:none;}
.fl { float:left;}
.fr { float:right;}
.bred { border:1px solid red; }
.bblue { border:1px solid blue; }
.bgreen { border:1px solid green; }
.blg { border-left:1px solid gray;}
#pagecontent { width:80%; text-align:center; margin:0px auto; /*padding-bottom:6px;*/ background:#FFF; /*border-radius:0px 0px 10px 10px;*/ /*margin-bottom:-4px;*/}
#pagecontenthelp { width:100%; text-align:center; margin:0px auto; /*padding-bottom:6px;*/ background:#FFF; /*border-radius:0px 0px 10px 10px;*/ /*margin-bottom:-4px;*/}
/* General defines */
img { border: 0px;}
img.imgmain { /*width:100%;*/ vertical-align:middle; }
img.imgmainr { float:right; /*width:100%;*/ padding-right:50px; }
/* Tables */
table { border: none; padding: 0px; margin: 0px; }
table.splashtbl { padding-left:45px; padding-right:50px; max-width:90%; width:90%; padding-bottom:50px; }
table.maintb1 { /*padding-left:50px;*/ padding-right:50px; /*max-width:95%;*/ border:none; width:100%; /*margin-left:auto; margin-right:auto;*/ }
table.mainbl { max-width:80%; /*width:80%; /*padding-left:15%;*/ }
table.featuretable { border-style:solid; border-color:#CBCCCC; border-radius:6px; border-width:0px; background:#CCCCCC; padding:2px; }
table.featuretable td { padding:4px;}
table.featuretable td.more { display:none; padding:0; font-style:italic;}
table.newfeaturetable { border-style:solid; border-color:#CBCCCC; border-radius:6px; background:#CCCCCC; border-width:0px;}
table.newfeaturetable td { padding:8px; }
table.newfeaturetable th { border:none;}
table.newfeaturedetailstable { border-style:solid; border-color:#CCC; border-radius:6px; border-width:0px;}
table.newfeaturedetailstable th { border-radius:6px;}
table.newfeaturedetailstable td { border-radius:6px; background-color:#fff;}
/* Table headers */
thead { background: #CCC; }
th { color: black; background:#CCC; padding: 8px; text-align: center; font-size: 15px; border-radius: 6px; text-shadow: 1px 1px 1px #EEE;}
th.sub { color: black; background:#CCC; padding:2px 8px 2px 8px; text-align:center; font-size:12px; text-shadow:1px 1px 1px #EEE; border-radius:0px;}
td.sub { color: black; background:#CCC; padding:2px 8px 2px 8px; text-align:center; font-size:12px; text-shadow:1px 1px 1px #EEE; border-radius:0px;}
th.r { border-bottom: solid 1px gray; color: black; text-align: right; background:#bbbbbb;}
/* Sadly, HTML tables do not strictly allow more than one thead - but some of our tables have several. */
/* To get HTML5 compliance, I changed them to regular tr's (and the th's to td's) with class names similar */
/* to the selectors above. gta 2012/08/27 */
tr.thead { background:none;}
td.th { color: black; background: #CCC; padding: 6px 8px 6px 8px !important; text-align: center; font-size: 15px; text-shadow: 1px 1px 1px #EEE; font-weight:bold; border-radius:6px;}
td.thtop { color: black; background: #CCC; padding: 8px 8px 8px 8px !important; text-align: center; font-size: 15px; text-shadow: 1px 1px 1px #EEE; font-weight:bold; border-radius:6px 6px 0 0; /* same as .th but only top corners rounded */}
td.sub { color: black; background: #CCC; padding: 2px 8px 2px 8px !important; text-align: center; font-size: 12px; text-shadow: 1px 1px 1px #EEE; border-radius:0;}
td.thr { border-bottom: solid 1px gray; color: black; text-align: right; background:#bbbbbb;}
/* Table cells */
td { padding: 0px; margin: 0px; border: none; vertical-align: top; font-weight: normal; }
td.splashtd { padding: 0px; /*margin: 0px;*/ margin-left:auto; margin-right:auto; border: none; vertical-align:top; font-weight: normal; text-align:center; }
td.maintd { max-width:400px; width:50%; }
.big { font-size:1.8em;}
h1 { font-size:2.55em; font-weight:bold; /*padding-left:100px;*/ line-height:40px; text-align:left}
h2 { font-size:1.6em; font-weight:bold; line-height:30px;}
h3 { font-size:1.4em; font-weight:bold; line-height:30px;}
h4 { font-size:1.2em; line-height:30px;}
/* The collect wordmark and google search section */
div.bannerlogo { width: 100%; /* height: 100px; */ /* let height adjust automagically - gta 2012/06/29 */ padding: 0px; padding-bottom: 10px; margin: 0px; border: none; overflow: hidden; background: #FFFFFF; /*margin-top:6px;*/ color:#FFF; }
div.bannericons { padding: 0px; margin: 0px; margin-top: 12px; font-size: 1em; font-weight: normal; vertical-align: bottom; color:black;}
img.bannericon { padding:0px; margin:0px; padding-right:4px; padding-left:4px; padding-top:4px;}
img.bannerlogo { padding:0px; margin:0px; padding-left:50px; padding-top:12px;}
div.bannerquery { float:right; padding: 0px; padding-top:3px; margin: 0px; font-size: 1em; font-weight: normal; vertical-align: bottom; color:black;}
/* The content after all the banners and menu bars at the top */
table.master { padding-left:50px; padding-right:50px; padding: 0px; margin: 0px; width: 100%; clear: both; text-align: left; background: white;}
table.indexmaster { padding-left:50px; padding-right:50px; padding: 0px; margin: 0px; width: 100%; clear: both; text-align: left; background:none; border:none; }
tbody { padding: 0px; margin: 0px; border:none;}
div.content { width:100%; padding: 0px 16px 0px 16px; margin: 0px; z-index:0; background-color:#FFFFFF;}
table.content { margin: 0px; padding: 0px; border-collapse: collapse; z-index:0;}
td.leftside { width: 12em; overflow: hidden;}
td.content { font-size:12px; line-height:1.4em; border-collapse: collapse; padding: 0px 16px 0px 16px; margin: 0px;}
td.partners { text-align:left; padding:3px;}
td.partnerslogo { width:230px; padding:3px;}
td.back { z-index:0;}
OBJECT.back { z-index:0;}
.padtop { padding-top: 14px; margin-top: 14px;}
.padtop2 { padding-top: 4px; margin-top: 4px;}
p.header { border-top: 1px solid #CCC; padding-top: 4px; font-size: 1.75em; font-weight: bold;}
/* and the happy boxes with the nice title bars */
table.newbox { width: 220px; padding: 8px; margin: 8px; border-collapse: collapse;}
.newbox th { height: 28px; border: none; margin: 0px; padding: 0px; padding-top: 4px; color: #FEFFFF; font-size: 1.2em; font-weight: bold; overflow: hidden;}
th.left {background: url("/img/textboxtopleft.gif") top left no-repeat; width:10px; height:28px;}
th.mid {background: url("/img/textboxtopmid.gif") top repeat-x; height:28px; text-align:center;}
th.right {background: url("/img/textboxtopright.gif") top right no-repeat; width:14px; height:28px;}
td.nbleft {background: url("/img/textboxmiddleleft.gif") left repeat-y; width:10px;}
td.nbmid {background: url("/img/textboxmiddlemid.gif") left repeat;}
td.nbright {background: url("/img/textboxmiddleright.gif") right repeat-y; width:14px;}
td.nbbleft {background: url("/img/textboxbottomleft.gif") top left no-repeat; width:10px; height:14px;}
td.nbbmid {background: url("/img/textboxbottommid.gif") top repeat-x; height:14px;}
td.nbbright {background: url("/img/textboxbottomright.gif") top right no-repeat; width:14px; height:14px;}
td.newbox { padding: 8px; border: none; font-size: 1em; text-align: left; overflow: hidden;}
td.newboxlbl { padding: 0px; padding-left: 2px; padding-right: 1px; border: none; margin: 0px; border-right: 1px solid gray; font-size: 1em; overflow: hidden;}
td.newboxbold { font-size: 1.1em; font-weight: bold; border-right: 1px solid gray;}
td.newboxbigbold { font-size: 1.6em; font-weight: bold; text-align: center;}
tr.topline { border-top: 1px solid gray;}
td.botline { border-bottom: 1px solid gray; margin: 0px; padding-top: 0px; padding-bottom: 2px;}
td.topline { border-top: 1px solid gray;}
td.newboxdata { padding: 0px; padding-left: 4px; padding-right: 4px; margin: 0px; font-size: 1em;}
.newbox td a { text-decoration: none;}
tr.shade1 { background-color: #bbbbbb; border: none;}
tr.shade2 { background-color: #cccccc; border: none;}
tr.d0 { background-color: #dddddd;}
tr.d1 { background-color: #eeeeee;}
td.right { float: right;}
table.right { margin-left: 18px;}
/* testimonial section */
table.testimonial { padding: 0px; padding-left: 10px; margin: 0px; margin-left: 10px; width: 232px; border: none;}
th.testimonial { padding: 0; margin: 0; width: 100%; font-size: 1.2em; font-weight: bold; border: none; /*background:#99BADD;*/ color: black;}
td.testimonial { padding: 4px; margin: 0px; margin-top: 10px; width: 100%; font-size: 1.2em; font-weight: normal; vertical-align: middle;}
td.testimoniallbl { padding: 4px; margin: 0; font-size: 1.1em;}
/*2013-05-05 RK modfied author
.testimonial-author { width:80%; float:right; text-align:right; font-size:0.675em; text-shadow: 1px 1px 2px white; font-style:italic; clear:both;}*/
.testimonial-author { font-style:italic; font-size:18px; }
.testimonial-content { text-align:left; line-height:30px; font-size:18px; }
.footertestimonial { /*width:100%;*/ text-align:left; margin:0px; padding:0px; margin-top:6px; padding-bottom:10px; /* compensates for the rounded-corner image */ /*background:#1C91A7; background-color:#1C91A7;*/ border:none; border-radius:10px; }
.footertestimonialtable { text-align:left; /*background:#1C91A7; background-color:#1C91A7;*/ font-size:20px; line-height:23px; text-shadow: 1px 1px 1px white; margin:0px; padding:0px; /*margin-top:10px; padding-top:20px;*/ width:80%;}
/* and happy pull down menu stuff */
div.menu { width: 100%; height: 40px; text-align:center; margin:0px; padding:0px;}
div.menuinside { height: 40px; /*text-shadow: 1px 1px 1px gray;*/ text-align:center; margin:0px auto; background:#4C4847 /*url("/img/menuback1.png")*/;}
.dropdownmenu li { /* Stops the "collapse button" images used in the help contents from also appearing in the dropdown menu 2012-08-07 gta */ list-style-image:none;}
.menu { width:100%; position:relative; font-size:1.1em; z-index:100; text-align:center; margin:0px auto; padding:0px; }
/* remove bullets, borders, padding from default list style */
.menu ul { font-weight: bold; list-style-type:none; text-align:center; margin:0px auto; padding: 0px; }
/* define the submenu width */.menu ul ul { width:100%; font-weight: normal; /*text-shadow: 1px 1px 1px white;*/ color:black; }
/* Correct IE5.5 faulty box model */
* html .menu ul ul { width:100%;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; width:160px; position:relative; padding:0px; }
span.menuinner { padding-left:0px;}
/* Correct IE5.5 faulty box model */
* html .menu li { width:160px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul ul li { float:left; width:100%; position:relative; }
/* Correct IE5.5 faulty box model */
* html .menu ul ul li { width:160px;}
/* style the links for the top level */
.menu a, .menu a:visited { display:block; text-decoration:none; color:#FEFFFF; /*text-shadow: 1px 1px 1px black;*/ font-size:1.1em; overflow: hidden; width:100%; height:26px; padding-top:12px; padding-bottom:2px;}
/* Correct IE5.5 faulty box model */
* html .menu a, * html .menu a:visited { width:100%;}
/* style the second level background */
.menu ul ul drop, .menu ul ul drop:visited { background: #4C4847/*#A2BCD5 url("/img/arrowmenuright-new.png")*/ center right no-repeat; /*box-shadow: 2px 2px 1px 0px #666;*/ }
/* style the second level hover */
.menu ul ul drop:hover { background: #A6A4A3/*url("/img/menuback2hi.png")*/ repeat-x; /*box-shadow: 2px 2px 1px 0px #666;*/ }
.menu ul ul :hover > drop { background: #A6A4A3/*url("/img/menuback2hi.png")*/ repeat-x; /*box-shadow: 2px 2px 1px 0px #666;*/ }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { /* background: #C9C8C3; */ background:#4C4847/*#A2BCD5; box-shadow: 2px 2px 1px 0px #666;*/ }
/* style the third level hover */
.menu ul ul ul a:hover { background: #A6A4A3/*url("/img/menuback2hi.png")*/ repeat-x; /*box-shadow: 2px 2px 1px 0px #666;*/ }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; left:0; top:40px; width:154px; font-size:1em; padding:0px;}
/* hack for IE5.5 */
* html .menu ul ul { top:2.0em;}
/* position the third level flyout menu */
.menu ul ul ul { font-size:1em; top:0; padding-top:0px; width:174px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { font-size:1em; /* moved to right */ left:159px;}
/*left:-99%;lef\t:-98%;*/
* html .menu ul ul ul.left { /* left:-179px; /* original left position */ left:158px; /* moved to right */}
.menu ul ul ul.right { font-size:1em; left:159px;}
/*left:105%;lef\t:105%;*/
* html .menu ul ul ul.right { left:158px; lef\t:154px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
/* padding:5px 10px; */
.menu ul ul a, .menu ul ul a:visited { color:white; /*text-shadow: 1px 1px 1px #EEE;*/ background:#4C4847/*#A2BCD5*/; height:auto; line-height:1em; width:100%; overflow:hidden; padding:8px 3px 8px 3px; /* GA 2012-06-26 - this provides more whitespace / better UI without screwing up the horizontal positioning and size of flyouts */ /* box-shadow: 2px 2px 1px 0px #666;*/ }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:100%; }
/* style the top level hover */
.menu a:hover { color:#FEFFFF; /*text-shadow: 1px 1px 1px black;*/ background: #A6A4A3/*url("/img/menuback2hi.png")*/ repeat-x; /*box-shadow: 2px 2px 1px 0px #666;*/ }
.menu ul ul a:hover { color:#FEFFFF; /*text-shadow: 1px 1px 1px black;*/ background: #A6A4A3/*url("/img/menuback2hi.png")*/ repeat-x; /*background:#cccccc;*/}
.menu :hover > a { color:#FEFFFF; /*text-shadow: 1px 1px 1px black;*/ background: #A6A4A3/*url("/img/menuback2hi.png")*/ repeat-x; /*box-shadow: 2px 2px 1px 0px #666;*/ }
.menu ul ul :hover > a { color:#FEFFFF; /*text-shadow: 1px 1px 1px black;*/}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.roundtoponly { /*border-radius: 6px 6px 0px 0px;*/}
.roundlevel3top { /*border-radius: 0px 6px 0px 0px;*/}
.roundbottomonly { /*border-radius: 0px 0px 6px 6px; */ }
.roundlevel3solo { /* apply this style to level 3 menu items that are all alone, i.e. no siblings */ /* border-radius: 0px 6px 6px 0px;*/ /* only the right corners are round */}
.toplevel { /*border-radius: 6px 6px 0px 0px;*/ }
/* fs 04/17/2010 - add control buttons now too */
.controlbutton { vertical-align: middle; padding:0px; margin:0px; margin-top:8px; width:202px; height:38px; background: url("/img/buttons/b2010-1png") bottom; border: none; color: #0f0f66; overflow:hidden;}
.controlbutton:hover { background: url("/img/buttons/b2010-2png") bottom; color: #0f0f66;}
.cblink { text-decoration: none;}
.cbimg { float:right; padding:0px; margin:0px; margin-top:4px; margin-right:6px; width:32px; height:32px;}
.cbtext { position:relative; float:left; text-align: left; vertical-align: middle; text-decoration: none; font-weight: bold; font-size:1.2em; padding:0px; padding-top:12px; padding-left:15px; margin:0px; width:160px; text-shadow: 1px 1px 1px white;}
.cbtext:hover { text-decoration: none;}
.sh {display:none}
sleek { width:236px; margin:0px; padding:0px; border:none;}
td.sleekleft { width:10px; height:148px; margin:0px; padding:0px; border: none;}
.sleekright { width:10px; height:148px; margin:0px; padding:0px; border: none;}
.sleekmiddle { background: url("/img/buttons/box-template-middle.png") repeat-x; margin:0px; padding:0px; border: none; vertical-align: top;}
.sleekbox { width: 220px; padding: 0px; margin: 0px; border-collapse: collapse; text-align:center;}
.sleekbutton { line-height:40px; vertical-align:middle; text-align:center; position: relative; top:0px; left:0px; padding:0px; margin:0px; margin-top:6px; margin-left:10px; margin-right:10px; width:202px; height: 40px; padding-top:0px; /*background: url("/img/menuback1.png")*/ /*repeat-x;*/ border: none; color: #FFFFFF; background-color:#FFA500; overflow:hidden; text-decoration: none; border-style:none; /*border-radius:8px;
/* by gta 2012/06/28 */}
.sleekbutton:hover { /*background: url("/img/menuback2hi.png")*/ /*repeat-x;*/ color: #FFFFFF; text-decoration: none; background-color:#A6A4A3;}
.wide { width:275px;}
.realwide { width:325px;}
.sleektext { position:relative; font-weight: bold; font-size:9.5pt; padding:0px; padding-top:10px; padding-left:10px; margin:0px; top:10px; width:140px; /*text-shadow: 1px 1px 1px black;*/ text-decoration: none; color:#FFFFFF; text-align:center;}
/* Compatible version of above */
.sleektextc { font-weight: bold; font-size:9.5pt; margin:0px; width:140px; /*text-shadow: 1px 1px 1px black;*/ text-decoration: none; vertical-align: middle; color:#ffffff; text-align:center;}
.sleektextc a,.sleektextc a:visited,.sleektextc a:link,a:visited.sleektextc,a:link.sleektextc,sleektextc{ color:#FFFFFF; text-decoration: none; font-weight: bold; vertical-align: middle;}
.leftbox { width:220px;}
.sleekimg { float:left; padding:0px; margin:0px; margin-top:4px; margin-left:8px; margin-right:8px; width:32px; height:32px;}
.sleekmiddle a { text-decoration: none;}
/* fs 08/05/2011 */
table.download { background:#1C91A7; width:98%; padding:2px; border-radius:5px;}
th.download { text-align:center; font-size:2.0em; margin:0px; margin-bottom:10px;}
td.download { background:#1C91A7; padding: 1px 6px 1px 1px; vertical-align:middle; font-size:11px; color:#FFF;}
.download { padding: 0px; vertical-align:middle;}
download { text-decoration: none; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; border-radius:6px; border-style:none; background-image:url("/img/menuback1.png"); color:#FEFFFF; text-shadow:1px 1px 1px #000; font-size: 11px; font-weight:bold;}
download:hover { text-decoration: none; text-shadow: 2px 2px 1px #000;}
.dwn { background:url("/img/main/dwnh.png"); width:183px; text-align:center;}
.dwn:hover { opacity:.5; }
.l { text-align:left;}
.r { text-align:right;}
.downloadbox { width:100%; text-align:center; vertical-align:middle; margin:0px; padding:0px; margin-top:6px; padding-bottom:10px; /* compensates for the rounded-corner image */ background:#1C91A7; background-color:#1C91A7; border:none; border-radius:10px;}
/* footer */
div.footer { width: 100%; padding: 0px; margin: 0px; margin-top:6px; margin-bottom:0px; padding-top:10px; padding-bottom:10px; font-size: 18px; text-align: center; color: white; background:#4C4847; background-color:#4C4847; /*border-radius:10px;*/ }
.boxtop { width: 100%; height:10px;}
div.footercontent { padding: 0px; margin: 0px; color:#fff; padding-left:50px; padding-right:50px; text-align:center; }
/* 2012/06/27 gta Style for the table cells that make up the contact info and news panel in the footer */
/*td.footerbox { width:33%; min-height:180px; text-align:left; vertical-align:top; padding:10px; border-style:solid; border-width:1px; border-color:#CCC; border-radius:13px; background: white; background: url("/img/buttons/box-template-middle-darker-bluer.png") repeat-x; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; }*/
/*2013/02/15 RK Added Europe - adj width to 25%*/
td.footerbox { width:25%; min-height:180px; text-align:left; vertical-align:top; padding:10px; /*border-style:solid; border-width:1px; border-color:#CCC;*/ /*border-radius:13px;*/ background: #4C4847;/*white; background: url("/img/buttons/box-template-middle-darker-bluer.png")*/ /*repeat-x;*/ font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; color:#fff; }
footer { color: white; text-decoration: none;}
.footer a { color: white; text-decoration: none;}
.footer a:hover { color: #000; text-decoration: none;}
.footer a:visited { color: white; text-decoration: none;}
/*copyright { color: black; text-decoration: none;}
.copyright a { color: black; text-decoration: none;}
.copyright a:hover { color: black; text-decoration: none;}
.copyright a:visited { color: black; text-decoration: none;}*/
.inset1 { border-style:inset; border-width:1px;}
div.footermenu { width: 80%; text-align:left; margin:0px; padding:3px; text-align:left; margin-left:auto; margin-right:auto;}
table.footermenu { width: 80%; text-align:left; margin:0px; padding:3px; margin-left:auto; margin-right:auto; color:#FFF}
.footermenu ul { top:0; padding-top:0px; padding-bottom:2px; text-align:left; /*background: #C8C3FF;*/}
.footermenu ul li { text-align:left; /*background: #FFC8C9;*/}
.footermenu ul li ul { top:0; padding-top:0px; text-align:left; /*background: #C9FFC3;*/}
.footermenu ul li.menuinner { top:0; padding-top:0px; text-align:left; }
.footermenu ul ul.right { text-align:left;}
/* 2012/08/30 gta - moved items using screen-only properties (like cursor) to here */
@media screen,handheld,projection {
/* 2012/06/26 gta - change cursor when hovering images used as submit buttons */
input[type="submit"]:hover { cursor:pointer; }}
/* @media screen,handheld,projection*/
@media print {
body { font-size:62.5%; color:black; background:white; font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-weight:normal; }
td { font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-weight:normal; }
th { text-shadow:none; }
div.bannermenu {display:none}
span.bannermenu {display:none}
.bannerlogo {display:none}
.menu {display:none}
.leftside {display:none}
.newbox {display:none}
.testimonial {display:none}
.ph {display:none}
.sh {display:block;border-bottom:1px solid black;height:62px;}
table.master {background:white}
table.datagrey { background-color:#e6e6e6; width: 99%; }
td.boxc { width: 33%; min-height:180px; text-align:left; vertical-align:top; padding:10px; background: #4C4847; /*repeat-x;*/ font-family:"Segoe UI","Myriad Pro",Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; color:#fff; }
.boxc1 { width: 33%; text-align:left; padding:2px; height:200px; }
table.master { border:none; text-align:left; }
table.indexmaster { border:none; }
footer {background:white;color:black}
div.footer { border-top: 1px solid black; font-family: times; font-size: 0.65em; text-align: left; background: white; color:black; }
/* Hide the download footer box for print */
.downloadbox { display:none; }
/* Hide the left button box for print */
.leftboxprintexclusion { display:none; width:0px; }
/* Hide the rounded-corner images for print */
img[class="fl"] { display:none; }
img[class="fr"] { display:none; }
/* Hide the carousel for print (all clickables no content) */
.partners-carousel { display:none; }
.testimonial-author { text-shadow:none; } } /* @media print */