/*Common*/
body { font-family: Tahoma; background: #fff url(../images/bg.png) repeat-x 0 0; margin: 0; font-size: 70%;}
form {width: 960px; margin: 0 auto;}
.clearfix { border: 0; clear: both; font-size: 0px; height: 0px; margin:0;  padding:0; visibility: hidden; }
#wrapper { padding: 0;  }
#wrapperBottom { width: 960px; margin: 0; height: 22px;}
a { color: #000; text-decoration: none; }
a.link {  color: #cf1e29; text-decoration: none; }
a.link:hover { text-decoration: underline; }
a img { border: 0; cursor: pointer; }
span.bold, p.bold { font-weight: bold; }

/*Home Page */
#homePage { margin-top: 11px; height: 530px; z-index: -1;}
#blackboard {background: transparent url(/theme/images/blackboard.png) no-repeat 0 0; width: 347px; height: 481px; position: absolute; top: 8px; left: -15px;}
#flashContainer { position: absolute; top: 24px; margin: 0 0 0 35px; }
#flashAlternative { background: url(../images/chalkboard.jpg) no-repeat 0 0;  width: 281px; height: 404px; text-align: center; }
#flashAlternative h2 { color: #cfcfcf; font-weight: normal; margin: 13px 0; }
#flashAlternative ul { list-style-type: none; margin: 0; font-size: 130%;  }
#flashAlternative ul li { margin: 12px 0px; }
#flashAlternative ul li a { color: #cfcfcf; }
.homelink { position: absolute; margin-top: 18px; z-index: 10; }

h1.home { display: none; }
.homeImage img { height: 352px; width: 960px; position: relative; top: -1px; }

/*Home Page - people drop down*/
.peopleDropDown 
{
	 background: url(../images/people-dropdown.png) repeat-y 0 0;  
	 width: 323px; height: 183px; color: #fff; position: absolute; z-index: 2; right: 35px; top: 110px;
  }
.peopleDropDown ul { list-style-type: none; padding: 20px 0 0 15px; margin: 0; }
.peopleDropDown ul li { margin-bottom: 12px; cursor: pointer;  }
.peopleDropDown ul li a { color: #fff; font-size: 11px;}
.peopleDropDown ul li a:hover { font-weight: bold;}

/*Home Page - Calendar*/
#calendarContainer { background-color: #f2f2f2; margin: 20px 38px 0 385px; padding: 5px 0; position: relative; width: 575px;}
#calendarIcon { background: url(../images/calendar.png) no-repeat 0 0;  width: 82px; height: 88px; position: absolute; top: -11px; left: -30px; float: left; }
.calendarDatesText { color: #666; font-size: 110%; font-weight: bold; line-height: 150%;}
.calendarDateContainer { font-size: 110%; margin: 0 0 2px 0px; }
.calendarDate { color: #666; margin-right: 10px;  }
.calendarText { color: #666; }


/*Home Page - Content sections at the bottom*/
#homePageContentContainer { margin: 0; height: 149px;}
.homePageContentSectionHeaven { float: left; background: url(../images/real_pub_co_button.png) no-repeat 0 0;  width: 416px; height: 120px; margin-right: 10px; display: block; }
.homePageContentSectionPassion { float: left; background: url(../images/passion-link-small.jpg) no-repeat 0 0;  width: 392px; height: 121px; margin-right: 10px; display: block; }
.homePageContentSectionForYou { float: left; background: url(../images/for-you-link-small.png) no-repeat 0 0;  width: 416px; height: 120px; margin-right: 10px; display: block; }
.homePageContentSectionTimes25 { float: left; background: url(../images/times-25.png) no-repeat 0 0;  width: 108px; height: 149px; display: block; overflow: hidden; text-indent: -5000px; }

/*Header */
.headerContainer { width: 960px; height: 126px; position: relative;}
.headerItems { margin: 0px; list-style-type: none; position: absolute; top: 65px; right: 0; }
.headerItems li { float: left; margin: 0px; padding: 0; }
.headerItems li a { color: #000; display: block; height: 15px; background: transparent no-repeat 0 0; text-indent: -5000px; overflow: hidden;}
.headerItems li.selected { float: left; margin: 0px; padding: 0; }
.headerItems li.selected a {  }

#ctl00__header__liAboutPunch a {width: 77px; background-image: url(/theme/images/navbar.png);}
#ctl00__header__liAboutPunch.selected a { background-position: 0 -15px; }
#ctl00__header__liShowAll a {width: 154px; background-image: url(/theme/images/navbar.png); background-position: -77px 0;}
#ctl00__header__liShowAll.selected a { background-position: -77px -15px; }
#ctl00__header__liOurPeople a {width: 108px; background-image: url(/theme/images/navbar.png); background-position: -231px 0;}
#ctl00__header__liOurPeople.selected a { background-position: -231px -15px; }
#ctl00__header__liOurPubs a {width: 93px; background-image: url(/theme/images/navbar.png); background-position: -339px 0;}
#ctl00__header__liOurPubs.selected a { background-position: -339px -15px; }
#ctl00__header__liTraining a {width: 87px; background-image: url(/theme/images/navbar.png); background-position: -432px 0;}
#ctl00__header__liTraining.selected a { background-position: -432px -15px; }
#ctl00__header__liRewards a {width: 80px; background-image: url(/theme/images/navbar.png); background-position: -519px 0;}
#ctl00__header__liRewards.selected a { background-position: -519px -15px; }

/*Footer */
.footerContainer { font-size: 110%; padding-bottom: 20px; border-top: 1px solid #fff; position: relative;} 
.footerItems { margin: 0 0 0 0; padding: 0; list-style-type: none; color: #666; margin-bottom: 20px; position: absolute; top: -10px; }
.footerItems ul {margin: 0; padding: 0;}
.footerItems li { float: left; margin: 0 8px; }
.footerItems li a { color: #666; font-size: 12px;}


/*Versioning*/
.versionContainer { position: absolute; background-color: Blue; color: #fff; }

/*Internal Pages*/
#innerPage { padding: 25px 0 10px 0;  line-height: 150%; font-size: 100%;  }
.link { color:#f36f21;  }
.link:hover { }
p.utils { width: 426px;}

div.overflowContainer {  padding-right: 10px; }
#innerPageLeft { float: left; width: 410px; }
#innerPageLeft ul, #innerPage ul { padding: 0; margin-left: 20px;  }
#innerPageLeft ul.none { padding: 0; margin-left: 0px; list-style-type: none;  }

#innerPageRight { float: right; width: 534px; padding: 20px 0; }
.innerPageRight { float: right; width: 534px; padding: 20px 0; }
.innerPageRight img {border-top: 1px solid #ccc;}
.punchWindowLeft { padding: 10px 5px 0 0; }
.punchWindowRight { padding: 10px 0 0  5px; }

h1 { color: #cf1e29; font-size: 200%; font-weight: normal; }
h2 { color: #cf1e29; font-size: 170%; font-weight: normal; margin: 20px 0 2px 0; }

/*Passion*/
#passionPage { padding: 25px 0px 10px 40px;  line-height: 150%; font-size: 100%;  }
#passionContainer { position: relative; top: -70px; margin-right: 0; }

/*Is Spirit For Me*/
#meContainer { background: #C5222A url(../images/is-spirit-for-you-bg.png) repeat-x 0 0;  width: 920px; min-height:506px; color: #fff; padding: 20px; font-size: 12px;   }
#meContainer .left { float: left; width: 438px;  }
#meContainer .right { float: right; width: 445px;  }
#meContainer .right img.leftPic { margin-right: 20px; }
p.question { font-weight: bold; margin-top: 0;}
p.answer {  }
.tools { cursor: pointer; display: block; }

/*Admin*/
.loginContainer { background-color: #fde2d3; padding: 5px 5px 10px 15px; width: 530px; }
.loginSubmit { position: relative; top: 5px; }
.label { color: #f36f21;  }
.grid { font-size: 100%;   }
.grid .text { border: Solid 1px #e3e3e3; width: 300px; font-family: Tahoma;  font-size: 100%; }
.textSmall { border: Solid 1px #e3e3e3; width: 150px; font-family: Tahoma;  font-size: 100%; }
.gridHeader { text-align: left;  color: #cf1e29;  }
.update { background-color: Red; color: #fff; padding: 5px; font-weight: bold; }
.error { background-color: Red; color: #fff; padding: 5px; font-weight: bold; }
.insertLink { position: relative; left: -51px; }
.userLink {color: #000; font-weight: bold; }
.userLink:hover { text-decoration: underline;  }

#pubIcons {clear: both;}
#pubIcons ul {margin: 0; padding: 0; list-style-type: none;}
#pubIcons li {width: 94px; height: 94px; float: left; margin-right: 0; margin-bottom: 12px; }
#pubIcons li.last {margin-right: 0;} 
#pubIcons a {display: block; width: 94px; height: 94px; background: #fff no-repeat 0 0; text-indent: -9000px; overflow: hidden;}

a#pubIcon1 {background-image: url(/theme/images/our-pubs/the-real-pub-co.png)}
a#pubIcon2 {background-image: url(/theme/images/our-pubs/chef-and-brewer.png)}
a#pubIcon3 {background-image: url(/theme/images/our-pubs/taylor-walker.png)}
a#pubIcon4 {background-image: url(/theme/images/our-pubs/real-local-pubs.png)}
a#pubIcon5 {background-image: url(/theme/images/our-pubs/2-for-10.png)}
a#pubIcon6 {background-image: url(/theme/images/our-pubs/flaming-grill.png)}
a#pubIcon7 {background-image: url(/theme/images/our-pubs/fayre-and-square.png)}
a#pubIcon8 {background-image: url(/theme/images/our-pubs/roast-inn.png)}
a#pubIcon9 {background-image: url(/theme/images/our-pubs/original.png)}
a#pubIcon10 {background-image: url(/theme/images/our-pubs/good-night-inns.png)}
a#pubIcon11 {background-image: url(/theme/images/our-pubs/wacky-warehouse.png)}

#pubIcons a:hover {background-position: 0 0;}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -425px;
    width: 850px;
    
    background-color: transparent;
    color: #666;
    
    font-size: 12px;
}
.jqmWindow a.jqmClose {color: #fff;}
.jqmWindow a {color: #000;}
.jqmWindow div {background-color: #fff; padding: 30px 30px 20px 150px; width: 670px; background: #fff no-repeat 30px 30px;}
.jqmWindow div h4 {margin-top: 0; color: #000;}
.jqmWindow div a {color: #cf1e29;}
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

a.jqmClose {display: block; margin: 5px 0; color: #fff; text-align: right;}