/* *****************************************************************************************
* GLOBAL CSS FOR JAGUAR
* /library/css/global.css
*
* Manages the global layout of the whole site
*
* DATE      AUTHOR      CHANGE
* 2003-03-28    Geoff Beaumont    Created
* 2003-07-17    Hemang    Added style for datepicker/ calendar
* 2003-10-21    SB        Made grey1 - grey5 aqua (unusable), colours will be lightgrey, midgrey, darkgrey
* 2003-10-
****************************************************************************************** */
body {
  font-family: Verdana;
  font-size: 62.4%;
  color: #333333;
  scroll:auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-3dlight-color: #8E9196;
  scrollbar-arrow-color: #9E1B34;
  scrollbar-track-color: #FFFFFF;
  scrollbar-darkshadow-color: #8e9196;
}
ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 16px;
}
p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
h2 {
  font-family: Verdana;
  color: #333333;
  font-size: 100%;
  font-weight:bold;
}
td {
  font-family: Verdana;
  font-size: 60%;
  color: #333333;
}
.txt {
  height: 19px;
  padding: 2px 0px 2px 3px;
  border: 1px solid #8E9196;
  font-family: Verdana;
  font-size: 95%;
  color: #333333;
  background-color:White;
}
.txtYellow {
  height: 19px;
  padding: 2px 0px 2px 3px;
  border: 1px solid #8E9196;
  font-family: Verdana;
  font-size: 95%;
  color: #333333;
  background-color:#fffea1;
}
.pagingTxt {
  height: 17px;
  padding: 2px 0px 2px 3px;
  border: 0px;
  font-family: Verdana;
  font-size: 95%;
  color: #333333;
  background-color:White;
}
input.readonlytxt {
  height: 18px;
  border: 1px solid #EDEDED;
  font-family: Verdana;
  font-size: 80%;
  color: #666666;
  background-color: #C0C0C0;
}
input.largest1 {
  font-size: 22px;
  color: #3F656B;
  font-family: Verdana;
  border: 1px solid #535149;
}
select {
  border: 1px solid #EDEDED;
  font-family: Verdana;
  font-size: 95%;
  color: #7A786B;
}
textarea {
  overflow: auto;
  border: 1px solid #EDEDED;
  font-family: Verdana;
  font-size: 95%;
  color: #000000;
  background-color:White;
  scrollbar-face-color: #FFFFFF; 
  scrollbar-highlight-color: #FFFFFF; 
  scrollbar-shadow-color: #FFFFFF; 
  scrollbar-3dlight-color: #8E9196; 
  scrollbar-arrow-color: #9E1B34; 
  scrollbar-track-color: #FFFFFF; 
  scrollbar-darkshadow-color: #8e9196;
}
textarea.mainbodytext {
  line-height: 1.6;
  overflow: auto;
  font-size: 80%;
  font-family: "Arial","sans-serif";
}
div {
  scrollbar-face-color: #FFFFFF; 
  scrollbar-highlight-color: #FFFFFF; 
  scrollbar-shadow-color: #FFFFFF; 
  scrollbar-3dlight-color: #8E9196; 
  scrollbar-arrow-color: #9E1B34; 
  scrollbar-track-color: #FFFFFF; 
  scrollbar-darkshadow-color: #8E9196;
}

img { border:0; }
div.imgThumbBorder {
  background-image: url(/images/brand1/content/personThumbBorder.gif);
  background-repeat: no-repeat;
  padding: 1px 2px 2px 1px;
}
div.thumbImageBorder {
  background-image: url(/images/brand1/content/thumbBorderMid.gif);
  background-repeat: y-repeat;
  padding: 0px 2px 0px 1px;
}
hr.line { display:none; }
div.dottedLine {
  width: 100%;
  height: 1px;
  background-image: url(/images/brand1/generic/dottedline_row.gif);
  background-repeat: repeat-x;
}
.pSpace8 { padding-top: 8px; }
.pSpace14 { padding-top: 14px; }

.headercolour {
  background-color: #D4C674;
}
.headerBG {
  background-image: url(/images/brand1/page/headerBG.gif);
  background-repeat: repeat-x;
}

.mattersBlackBG {
  background-color: #231f20;
}
.mattersYellowBG {
  background-color: #e8d666;
}

.mainGreyFadeBG {
  background: url(/images/brand1/page/mainGreyFadeBG.gif) repeat-x;
}
.mainGreyCoffeeFadeBG {
  height: 624px;
  background: url(/images/brand1/page/mainGreyCoffeeFadeBG.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.coffeeBottomRightBG {
  background: url(/images/brand1/page/coffeeBG.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.trailBG {
  background-color:#d8d9db;
}

.mainBG {
  background: url(/images/brand1/page/mainBG.gif) repeat-x;
  background-color:#FFFFFF;
}

.graduateBoxBG {
  height: 137px;
  background-image: url(/images/brand1/page/graduateBoxBG.gif);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #000000;
}
.graduateBoxText {
  width: 151px;
  color: #FFFFFF;
  padding: 6px 0px 6px 0px;
}

.homeBlock2 {
  background-image: url(/images/brand1/page/block2BG.gif);
  background-position: top right;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
}

.greyTopBG {
  height: 212px;
  background-image: url(/images/brand1/page/greyTopBG.gif);
  background-position: top left;
  background-repeat: no-repeat;

}

.contactPannelBG {
  background-image: url(/images/brand1/page/callMeBackBG.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #FFFFFF;
}

.footerBlockBG {
  background: url(/images/brand1/page/footerBG.gif) repeat-x;
  background-color:#D2D3d5;
}

.pagingText {
  color: #333333;
}

.greyText {
  color: #5C5C5C;
}
a.greyLink {
  color: #5C5C5C;
  text-decoration: none;
  font-weight: normal;
}
a.permLink {
  color: #666666;
  font-size: 0.9em;
  text-decoration: none;
  font-weight: normal;
}
a.darkLink {
  color: #333333;
  text-decoration: none;
}
.plainText {
  color: #333333;
  font-weight: normal;
}
.redText {
  color: #B4003F;
}

.largeText {
  font-size: 70%;
}
.largeTextTable {
  font-size: 100%;
}

.titleBannerBG {
  background-color: #B3BCC1;
}

.coffeeCupYellow {
  background-image: url(/images/brand1/content/coffeeCupYellow.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #EAE277;
}

.white {
  background-color: #FFFFFF;
}
.bordergrey {
  background-color: #B2BDBF;
}
.bordergreyright {
  background-color: #E4E8EB;
}
.yellow {
  background-color: #EAE277;
}
.black {
  background-color: #000000;
}
.pagingBG {
  background-color: #D8D9DB;
}


.greyLine {
  background-color: #ACADAF;
}
.lightgrey {
  background-color: #F0F2F1;
}
.midgrey {
  background-color: #F2F0F0;
}
.darkgrey {
  background-color: #A79D9F;
}
.darkergrey {
  background-color: #C2C0C0;
}
.Image {
  background-color: #EDECEA;
}
.ImageInfo {
  background-color: #EDECEA;
}
.adminButton {
  height: 19px;
  padding: 2px 0px 2px 3px;
  border: 1px solid #8e9196;
  font-family: Verdana;
  font-size: 95%;
  color: #B4003F;
  font-weight: bold;
  background-color:White;
}

.prevtrailtext {
  color: #5C5C5C;
  font-size: 0.9em;
  font-weight: normal;
}
.currenttrailtext {
  color: #B50142;
  font-size: 0.9em;
  font-weight: normal;
}
.dateText {
  color: #5C5C5C;
  font-size: 0.6em;
  font-weight:bold;
  white-space: nowrap;
}
a {
  color: #B4003F;
  text-decoration: none;
  font-weight: bold;
}
FORM {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bnorm {
  color: #535149;
  font-family: Verdana;
  font-weight: bold;
}
.norm {
  color: #535149;
  font-family: Verdana;
  font-size: 80%;
}
.caps {
  color: #D4C674;
  font-family: Verdana;
  font-size: 80%;
  font-weight:bold;
  text-transform: uppercase;
}
.selectedtext {
  color: #000000;
  font-weight: bold;
}
.pagingSelectedText {
  color: #000000;
}
.pagingOptionText {
  color: #B4003F;
}
a.pagingOptionText {
  color: #B4003F;
  font-weight: normal;
}
.unavailableText {
  color: #999999;
}
.textlink {
  font-family: Verdana;
  font-size: 80%;
  font-weight: normal;
  color: 7A786B;
  text-decoration: none;
}
.textlink:visited {
  font-family: Verdana;
  font-size: 80%;
  font-weight: normal;
  color: #7A786B;
}
.textlink:hover {
  font-family: Verdana;
  font-size: 80%;
  font-weight: normal;
  color: #5CBA96;
}

.menu {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 0.7em;
}
.menu ul {
  list-style: none;
  padding: 4px 0px 4px 0px;
  margin: 0px 0px 0px 0px;
}
.menu ul li {
  padding: 8px 0px 0px 18px;
  margin: 0px 0px 0px 0px;
  display: block;
}
.menu ul li.selected {
  /* padding: 9px 0px 0px 6px; */
  background-image: url('/images/brand1/page/menuItemSelected.gif');
  background-position: 5 8;
  background-repeat: no-repeat;
}
.menu ul a {
  color: #FFFFFF;
  font-weight: normal;
}
.menu ul a:hover {
  color: #D9C32C;
/*  color: #9E1B34;  */
  font-weight: normal;
}

.redtext {
  color: #9E1B34;
}
.whitetext {
  color: #FFFFFF;
}
.menuoff {
  color: #858585;
}
.homemenu {
  background-color: #E6EBEF;
}

.dottedRow {
  background-image: url(/images/brand1/generic/dottedline_row.gif);
  background-repeat: repeat-x;
}
.dottedCol {
  background-image: url(/images/brand1/generic/dottedline_column.gif);
  background-repeat: repeat-y;
}

.dottedRowGreyOnLight {
  background-image: url(/images/brand1/generic/dottedline_row.gif);
  background-repeat: repeat-x;
  background-color: #F8F8F8;
}
.dottedColGreyOnLight {
  background-image: url(/images/brand1/generic/dottedline_column.gif);
  background-repeat: repeat-y;
  background-color: #EDECEA;
}

.dottedRowWhite {
  background-image: url(/images/brand1/generic/dottedline_row_white.gif);
  background-repeat: repeat-x;
}
.dottedColWhite {
  background-image: url(/images/brand1/generic/dottedline_column_white.gif);
  background-repeat: repeat-y;
}

.homeBoxTitleText {
  font-size: 1.6em;
  color: #000000;
  font-weight: bold;
  font-family: Verdana;
}
.homeBoxTitleTextLink {
  font-size: 1.6em;
  color: #b50040;
  font-weight: bold;
  font-family: Verdana;
}

.bigtitlefont {
  font-size: 130%;
  color: #3F656B;
  font-family: "Arial Narrow","Arial","sans-serif";
}

.smalltitlefont {
  font-size: 100%;
  color: #374534;
  font-family: "Arial","sans-serif";
}

.othertitlefont {
  font-size: 100%;
  color: #535149;
  font-family: "Arial","sans-serif";
}

.mainbodyfont {
  font-size: 80%;
  color: #535149;
  font-family: "Arial","sans-serif";
}

.pagetitle {
  font-size: 150%;
  color: #D4C674;
  font-family: Arial;
}

.altpagetitle {
  font-size: 120%;
  color: #ffffff;
  background-color:#446962;
  font-family: Arial;
  width:760px;
}

td.datepickercell {
  font-family: Arial;
  font-size: 80%;
  color: #666666;
  background-color: #ffffff;
}
th.datepickercell {
  font-family: Arial;
  font-size: 80%;
  background-color: #444444;
  color: #ffffff;
}
th.datepickertitle {
  font-family: Arial;
  font-size: 80%;
  background-color: #444444;
  color: #ffffff;
}
td.datepickerselected {
  font-family: Arial;
  font-size: 80%;
  background-color: #B4003F;
  color: #ffffff;
}
td.datepickercurrent {
  font-family: Arial;
  font-size: 80%;
  font-weight: bold;
  border: #B4003F 2px solid;
  color: #666666;
  background-color:#ffffff;
}
.graduatecolor {
  background-color:#9E1B34;
}
.sideouter {
  font-family: arial;
  font-size: 80%;
  background-color: #A79D9F;
}
.sideim {
  position: absolute;
  border: 1px solid black;
  width: 200px;
  height: 200px;
  vertical-align: middle;
}
.combocell {
  color: #333333;
  text-decoration: none;
  font-weight: normal;
}
.comboborder {
  background-color: #FFFFFF;
  border:1px solid #8e9196; 
}
.combobutton {
  border-left:1px solid #8e9196;
}
.sideline {
  cursor: hand;
  width: 100%;
  text-decoration: none;
  color: #FFFFFF;
}
.sidelineinactive {
  width: 100%;
  text-decoration: none;
  color: #FFFFFF;
}

.border {
  border: 1px solid;
  border-color: #EDEDED;
}
.borderlight {
  border: 1px solid #ff0000; 
}
.borderdark {
  border: 1px solid #ff0000;
}

.toptxt {
  font-family: Verdana;
  font-size: 80%;
  color: #535149;
}
.footertxt {
  font-family: Verdana;
  font-size: 80%;
  color: #535149;
}

li {
  margin-top:0px;
  margin-bottom:15px;
}

@media print {
  .hideforprint { display: none; visibility: hidden; }
  .sideouter { display: none; visibility: hidden; }
}