html {
height:100%;
overflow-y: scroll;
}
body { height:100%; color: black; background-color: white; background-image: url(SiteImages/MainBG.gif); background-repeat: repeat-x; background-position: 0 50px; margin: 0; }
.Heading { background-image: url(SiteImages/TopSiteBG.gif); background-repeat: repeat-x; background-color: transparent; }
#TopBar { color: #fff; font-size: 15px; font-family: "Century Gothic", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
#TopBar a { color: #fff; font-size: 15px; font-family: "Century Gothic", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
#TopBar a:hover { color: #cedae5; font-size: 15px; font-family: "Century Gothic", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
.Features { background-image: url(SiteImages/Main_ItemsBG.png); background-repeat: no-repeat; background-position: center top; background-color: transparent; }
/*Features refers to cell with header PNG backround. Not Features tabs*/
.background_PN { background-image: url(SiteImages/Package/newsBG.gif); background-repeat: no-repeat; background-position: center top; }
#NPCell { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 18px; background-image: url(SiteImages/Package/SideShadow.gif); background-repeat: no-repeat; background-position: right 0; padding: 10px 20px 10px 0; }
#NPCell h1{ color: #0085cc; font-size: 18px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 20px; text-decoration: none; margin: 0 0 5px; }
#NPCell h2 { color: #0085cc; font-size: 16px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 18px; text-decoration: none; margin: 0 0 3px; }
#NPCell h3 { color: #0085cc; font-size: 14px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 16px; text-decoration: none; margin: 0 0 3px; }
#NPCell p { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 17px; text-decoration: none; }
#NPCell ul { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 17px; background-repeat: no-repeat; background-position: 0 0; padding-left: 20px; }
#NPCell li { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 17px; background-image: url(SiteImages/bullets/CircleBullet.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 20px; list-style-type: none; }
#NPCell a { color: #416196; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
#NPCell a:hover { color: #96b1c5; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
/*Same thing as above but for far right TD*/
#NPCellR { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 18px; background-image: none; background-repeat: no-repeat; background-position: right 0; padding: 10px 10px 10px 0; }
#NPCellR h1{ color: #0085cc; font-size: 18px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 20px; text-decoration: none; margin: 0 0 5px; }
#NPCellR h2 { color: #0085cc; font-size: 16px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 18px; text-decoration: none; margin: 0 0 3px; }
#NPCellR h3 { color: #0085cc; font-size: 14px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 16px; text-decoration: none; margin: 0 0 3px; }
#NPCellR p { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 18px; text-decoration: none; }
#NPCellR ul { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 17px; text-decoration: none; margin-left: 0; padding-left: 0; }
#NPCellR a { color: #416196; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
#NPCellR a:hover { color: #96b1c5; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
#footer { color: #fff; font-size: 12px; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; line-height: 22px; background-color: #006b93; background-image: url(SiteImages/footer.gif); background-repeat: repeat-x; background-position: center 0; height: 100px; padding-top: 20px; }
#footer a { color: #fff; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding-top: 15px; }
#footer a:hover { color: #dee7ff; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; text-decoration: underline; padding-top: 15px; }
#footer h1 { color: #fff; font-size: 17px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: none; padding-top: 15px; }
.CBox_Right { background-image: url(SiteImages/ContentBox/right.gif); background-repeat: repeat-y; background-position: right 0; }
.CBox_left { background-image: url(SiteImages/ContentBox/left.gif); background-repeat: repeat-y; background-position: left 0; }
.CBox_Top { font-size: 1px; background-image: url(SiteImages/ContentBox/top.gif); background-repeat: repeat-x; background-position: left top; }
.CBox_Bottom { background-image: url(SiteImages/ContentBox/bottom.gif); background-repeat: repeat-x; background-position: left bottom; }
#content { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; padding: 10px; }
#content p { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; padding-right: 20px; padding-left: 20px; }
sup { font-size: 7px; line-height: 0; margin: 0; padding: 0; }
#content h1 { color: #0085cc; font-size: 20px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 28px; text-decoration: none; margin: 0 0 5px; padding-left: 20px; }
#content h2 { color: #0085cc; font-size: 18px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 24px; text-decoration: none; margin: 0 0 5px; padding-left: 20px; }
#content h3 { color: #1a8ac7; font-size: 16px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 20px; text-decoration: none; margin: 0 0 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
#content h4 { color: #1a8ac7; font-size: 16px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 20px; text-decoration: none; background-color: #fff; background-image: url(SiteImages/h4_break.gif); background-repeat: no-repeat; margin: 0 0 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
#content h5 { color: #1a8ac7; font-size: 20px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 24px; text-decoration: none; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; margin: 0 0 10px; padding-top: 5px; padding-bottom: 4px; padding-left: 20px; border-bottom: 1px solid #82b1cf; }
#content a { color: #0167a9; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
#content a:hover { color: #9cf; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
#content ul { overflow: hidden; color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; background-repeat: no-repeat; background-position: 0 0; margin-left: 15px; padding-left: 15px; }
#content li { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; background-image: url(SiteImages/bullets/CircleBullet.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 20px; list-style-type: none; }
#division { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(SiteImages/PageDivider.gif); background-repeat: no-repeat; padding: 13px 15px 10px; }
#division p { color: #70726c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#division h1 { color: #0085cc; font-size: 20px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; line-height: 24px; margin: 0 0 5px; }
#division a { color: #416196; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
#division a:hover { color: #96b1c5; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
/*Link Bar*/
#fBar{ color: #fff; font-size: 12px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; background-image: url(SiteImages/buttons/longbutton.gif); background-repeat: no-repeat; background-position: center 0; text-align: center; width: 100%; height: 28px; padding-top: 5px; }
#fBar a{ color: #fff; font-weight: normal; font-style: normal; text-decoration: none; }
#fBar a:hover { color: #bfd9ea; font-weight: normal; font-style: normal; text-decoration: none; }
/* popUpPage */
#body_add { background-image: url(SiteImages/PageDivider.gif); background-repeat: no-repeat; padding: 10px 15px 15px; }
#body_add h1 { color: #0085cc; font-size: 24px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; line-height: 29px; margin: 0 0 10px; }
#body_add h2 { color: #0085cc; font-size: 20px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; line-height: 24px; margin: 0; }
#body_add h3 { color: #0085cc; font-size: 19px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; line-height: 25px; margin: 0; }
.Content_blue { color: #173f7c; font-size: 12px; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; line-height: 16px; background-color: #e4ebf2; text-decoration: none; padding: 5px; }
/* NAVIGATION BUTTONS */
.menu {
height: 100px;
width: 810px;
}
.cssnav { position:relative; float: left; margin: 10px 0 0; padding: 0; font-family: arial, helvetica, sans-serif; background-image: url(SiteImages/Navigation/voice_Over.gif); background-repeat: no-repeat; width: 251px; height: 90px; overflow:hidden;/* for ie to hide extra height*/
}
.cssnav a { display: block; color: #000000; font-size: 13px; width: 251px; height: 90px; display: block; float: left; color: #fff; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; text-decoration: none; overflow:hidden;/* for ie to hide extra height*/
}
.cssnav a:hover {
color: #ffffff;
}
.cssnav img {width: 251px; height: 90px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
font-size: 13px;
color: #ffffff;
font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
position: absolute;
left: 1px;top: 60px;
text-align: center;
width: 251px;
cursor: pointer;
}
/* Internet Button */
.cssnav2 {
position:relative;
float: left;
margin: 15px 0 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
background-image: url(SiteImages/Navigation/IPOver.gif); background-repeat: no-repeat;
width: 274px;
height: 85px;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav2 a { display: block; color: #000000;
font-size: 13px;
width: 274px;
height: 85px;
display: block;
float: left;
color: #fff;
font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav2 a:hover {
color: #ffffff;
}
.cssnav2 img {width: 274px; height: 85px; border: 0; }
* html a:hover {visibility:visible}
.cssnav2 a:hover img{visibility:hidden}
.cssnav2 span {font-size: 13px; color: #ffffff; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; position: absolute; left: 25px; top: 56px; text-align: center; width: 251px; cursor: pointer; }
/* Data Service Button */
.cssnav3 {
position:relative;
float: left;
margin: 8px 0 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
background-image: url(SiteImages/Navigation/Data-Over.gif); background-repeat: no-repeat;
width: 209px;
height: 92px;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav3 a { display: block; color: #000000;
font-size: 13px;
width: 209px;
height: 92px;
display: block;
float: left;
color: #fff;
font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav3 a:hover {
color: #ffffff;
}
.cssnav3 img {width: 209px; height: 92px; border: 0; }
* html a:hover {visibility:visible}
.cssnav3 a:hover img{visibility:hidden}
.cssnav3 span { font-size: 13px; color: #ffffff; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; position: absolute; left: 7px; top: 63px; text-align: center; width: 200px; cursor: pointer; }
/* Technology Button */
.cssnav4 {
position:relative;
float: left;
margin: 0px 0 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
background-image: url(SiteImages/Navigation/technology-Over.gif); background-repeat: no-repeat;
width: 281px;
height: 100px;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav4 a { display: block; color: #000000;
font-size: 13px;
width: 281px;
height: 100px;
display: block;
float: left;
color: #fff;
font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav4 a:hover {
color: #ffffff;
}
.cssnav4 img {width: 281px; height: 100px; border: 0; }
* html a:hover {visibility:visible}
.cssnav4 a:hover img{visibility:hidden}
.cssnav4 span { font-size: 13px; color: #ffffff; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; position: absolute; left: -10px; top: 71px; text-align: center; width: 281px; cursor: pointer; }
/* End Of Navigation */
/*pop up script for what we do window*/
* { margin: 0; padding: 0 }
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
p#cross-links { text-align: center }
p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
a:focus { outline:none }
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
text-align: center; margin: 20px 0; position: relative; width: 100%; }
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
position: relative; overflow: hidden; margin: auto; width: 700px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 300px; clear: both; background: #fff; border-top: 1px solid #96b1c5; }
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 700px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
vertical-align: middle; padding: 10px; }
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
}
.stripNav ul { /* The auto-generated set of links */
list-style: none;
}
.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; text-decoration: none; display: block; padding: 0 15px; }
.stripNav li.tab1 a { background: #96b1c5 }
.stripNav li.tab2 a { background: #96b1c5 }
.stripNav li.tab3 a { background: #96b1c5 }
.stripNav li.tab4 a { background: #96b1c5 }
.stripNav li.tab5 a { background: #96b1c5 }
.stripNav li a:hover {
background: #416196;
}
.stripNav li a.current {
background: #416196;
color: #fff;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("SiteImages/Navigation/left_arrow.gif") no-repeat center;
}
.stripNavR {
background: url("SiteImages/Navigation/right_arrow.gif") no-repeat center;
}
/*End of script for what we do window*/
.serviceImage{ float: left; margin-top: 2px; margin-right: 5px; margin-bottom: 3px; }
.floatleft{ float: left; padding-top: 3px; padding-right: 5px; }
.floatleftP { padding-top: 3px; padding-right: 8px; float: left; }
.floatleft_money { padding-top: 3px; padding-right: 65px; float: left; padding-left: 60px; }
.floatright { padding-top: 3px; padding-right: 5px; float: right; }
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 813px;
}
#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
}
#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 813px;
}
#slideshow .slides ul {
width: 2880px;
z-index:1;
}
#slideshow .slides li {
width: 813px;
float: left;
padding: 0px;
}
#slideshow .slides h2 {
margin-top: 0;
}
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
float: left;
position: absolute;
top: 280px;
z-index:2;
color: #0085cc; font-size: 12px; font-family: "Century Gothic", arial, helvetica, sans-serif; text-decoration: none; }
#slideshow .slides-nav li { float: left; margin-left: 43px; }
#slideshow .slides-nav li a { color: #0085cc; text-decoration: none; display: block; padding: 5px; outline: none medium; }
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a { background-image: url(SiteImages/Navigation/arrowUp.gif); background-repeat: no-repeat; background-position: center top; }
.js #slideshow .slides-nav li.on a { color: #0085cc; text-decoration: none; position: relative; top: -1px; }
/* -------------------------------------------------*/
/* Sub Nav */
/*--------------------------------------------------*/
/* subNav */
#subnavheader { background-image: url(SiteImages/sub/subNav.gif); background-repeat: no-repeat; background-position: left top; margin: 8px 0 0 0; padding: 5px 5px 5px 10px; }
#subnavheader h2 { color: #0085cc; font-size: 18px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 20px; text-decoration: none; margin: 0; }
#subnavfoot { background-image: url(SiteImages/sub/subNav_bottom.gif); background-repeat: no-repeat; background-position: left bottom; height: 10px; }
.subBorder { margin: 0; border-right: 1px solid #bfd9ea; border-left: 1px solid #bfd9ea; }
.subnavBar{ background-image: url(SiteImages/sub/SideShadow_sub.gif); background-repeat: repeat-y; background-position: right 0; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
#rollover a { display:block; width: 192px; padding:6px 3px 3px 10px; font: 12px Arial, "Century Gothic", sans-serif;;
color:#fff; background: url(SiteImages/sub/buttons.gif) no-repeat -2px -3px; text-decoration: none; height: 20px; }
#rollover a:hover {
background-position: -2px -33px;
color: #fff;
}
#rollover #current {display:block; width: 192px; padding:6px 3px 3px 10px; font: 12px Arial, "Century Gothic", sans-serif;;
color:#fff; background: url(SiteImages/sub/buttons.gif) no-repeat -2px -33px; text-decoration: none; height: 20px;
}
.actionSection{ background-image: url(SiteImages/sub/actionsShaddow.gif); background-repeat: repeat-x; border-top: 1px solid #9cf; }
/*Tabs*/
#tabButton { color: #0167a9; font-size: 13px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; background-color: #fff; background-image: url(SiteImages/buttons/tabs.gif); background-repeat: repeat-x; background-position: 0 bottom; margin-right: 5px; margin-bottom: 2px; padding: 5px; border: solid 1px #82b1cf; }
#tabButton a { color: #0167a9; font-size: 13px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; }
#tabButton a:hover { color: #9cf; font-size: 13px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; }
.tabcontent { display: none; background-color: #fff; background-repeat: repeat-x; background-position: 0 bottom; padding: 5px 0 0; border-top: 1px solid #82b1cf; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
.tabcontentD { background-color: #fff; background-repeat: repeat-x; background-position: 0 bottom; padding: 5px 0 0; border-top: 1px solid #82b1cf; }
/*Coloured Tables*/
.TitleBarCell{ color: #0167a9; font-size: 16px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #e4ecf7; text-decoration: none; text-align: center; padding: 5px; }
.CriteriaBarCell{ color: #0167a9; font-size: 14px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #fff; text-align: left; padding: 5px; }
.LightblueCell{ color: #0167a9; font-size: 12px; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-color: #e4ecf7; text-decoration: none; padding: 5px; }
.DarkblueCell { color: #0167a9; font-size: 12px; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #cbdaef; padding: 5px; }
.WhiteCell { color: #0167a9; font-size: 12px; font-family: Arial, "Century Gothic", Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #fff; padding: 5px; }