/*@font-face {
	font-family: 'VagBlackDBRegular';
	src: url('vagblack-regular-webfont.eot');
	src: local('?'), url('vagblack-regular-webfont.woff') format('woff'), url('vagblack-regular-webfont.ttf') format('truetype'), url('vagblack-regular-webfont.svg#webfontCAfSHUpk') format('svg');
	font-weight: normal;
	font-style: normal;
} */


html,
body {
  font-size: 14px; } 
html {height:100%}
body {background-color: #323232;}
textarea {height: auto;}
#container { margin-top:2.5rem; margin-bottom:2.5rem;}
form {line-height:1.6}
.formvis {display:none}
.roundedtop { -moz-border-radius-topright: 5px; border-top-right-radius: 5px;-moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
.roundedbottom { -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
div.ui-datepicker{font-size:.75em; margin-bottom: 2em; margin-left:2em;}
@media only screen and (max-width: 900px) {div.ui-datepicker{font-size:.7em; margin-left:0;}}
.top-form {display:none}
.pink, .lgreen, .green, .lblue, .white, .bwhite .blue {border-top:thin solid #323232;}
h3, h4, .green {padding-top:1rem}
.pink {background-color:#f5f5f7;}
.lgreen {background-color:#f4fcef;}
.green {background-color:#8abc5d;}
.lblue {background-color:#eaf6ff;}
.white, .bwhite {background-color:white}

/*.ht1 {background-color:#eaf6ff}*/
.bwhite {background: #ffffff;}
.white {/* fallback */ background: #ffffff;
  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f2f5fa));
  /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f2f5fa, #ffffff);
  /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f2f5fa, #ffffff);
  /* IE 10 */ background: -ms-linear-gradient(top, #f2f5fa, #ffffff);
  /* Opera 11.10+ */ background: -o-linear-gradient(top, #f2f5fa, #ffffff);}

.blue {/* fallback */ background:url(../../images/buttons_etc/blue_grad-long.gif) repeat-x;
  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf4fb), to(#add7ff));
  /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #add7ff, #ebf4fb);
  /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #add7ff, #ebf4fb);
  /* IE 10 */ background: -ms-linear-gradient(top, #add7ff, #ebf4fb);
  /* Opera 11.10+ */ background: -o-linear-gradient(top, #add7ff, #ebf4fb);}

.top-bar-section ul li > a, .top-bar-section ul li > a.button {font-size: 0.9rem;}
.top-bar .name h1 {font-size: 1rem;}
.top-bar, #content {border-left:thin solid #5d5d5d;border-right:thin solid #5d5d5d}
.top-bar .active, .top-bar-section ul li.active>a {background-color:#8abc5d;}
 h1, h2, h3, h4 {font-weight:bold; color:#1584d7; /*font-family:'VagBlackDBRegular', Verdana, sans-serif; */}
 h5 {font-weight:bold; color:red;}
.quiz h3, .quiz h4 {/* font-family: Verdana, sans-serif; font-weight:bold; */ color:black;}
h4 {color:black}
.black {color:black} 
#header {background-color:#5d5d5d;padding-top:1rem}
#header h1 {text-align:center; font-size: 3rem; color:#FFFFFF; line-height:2rem;padding-top:0.5rem; /*font-family:'VagBlackDBRegular', Verdana, sans-serif */}
#header h1 span {font-size:0.3em;}
#header .button {padding:0; border: 1px solid #CCC;background-color:#323232; height:1.5rem; padding-top:0.2rem;margin-bottom:0.8rem; font-size:0.8rem} 
#header .button:hover, #header .button:focus {background-color:#8abc5d;}

.hand, .bidding {padding-top: 1rem; padding-bottom:1rem;}
.hand table, .bidding table {width:25rem; border-collapse:collapse; border:none; margin: 0 auto;padding-top: 0.5rem; padding-bottom:0.5rem;}
.bidding td, .bidding th {background-color:#FFF380} .hand td, .hand th {background-color:#CCFFCC}
.hand th, .bidding th {font-weight:bold; text-align:center;padding-top:1.5em;padding-bottom:0}
.bidding td { text-align:center; width:25%; padding-bottom:1.5em;} .hand td {width:33%}
.bidding table {background-color:#FFF380;} .hand table{background-color:#CCFFCC;}
.hand td, .bidding td, .hand th, .bidding th  {font-family:Arial, Helvetica, sans-serif; font-size:0.85rem; line-height:1.6em; vertical-align:top;}
.hand .compass {background: url(http://www.mrbridge.co.uk/email/images/compass.gif) center center no-repeat; height:66px;}
.hand img {padding-right:0.5rem}
.hand img, .bidding img {vertical-align:top; padding-top:0.4em}
.hand .West {padding-left:1.5em;}
.hand .South {padding-bottom:1.5em;}

ul.pagination li a {color: #1584d7;}
.button.tiny {font-size:0.8rem}
 
.clear {clear:both}

.borderright {border-right: thin solid #323232}

table.article {margin:2em auto;}
table.article td {padding: 1em}
table.article th {text-align:left}

.phone {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size:1.2rem; color:#FFFFFF;font-weight:bold  }/* font-family: 'VagBlackDBRegular', Verdana, sans-serif; 
.phone span {font-family: Verdana, sans-serif; font-weight:bold} */

#footer p, #footer a {background-color:#5d5d5d; color:white; padding:0.5rem; font-size:0.9rem; line-height:1.5;}
#footer a:hover {color:#8abc5d;}


.text-small {font-size:0.8rem}
.text-big {font-size: 1.5rem}

ul.diamond {list-style-image:url(/images/buttons_etc/bullet.gif); list-style-type:none;}

img.right {padding-left:1em}
img.left {padding-right: 1em}
.paddingbottom {padding-bottom:1em}
.paddingtop {padding-top:1.5em}
.red {color:red}

.orbit-container {margin-top: 2em;margin-bottom:2em;}
.orbit-slide-number {display:none;}
#featured img {margin: 0 auto}

.nav_pages {text-align:center}
.nav_pages a, .nav_pages a:link, .nav_pages a:visited {
    border: 1px solid #008CBA; 
    padding: 1px 5px 2px; 
    margin-right: 1px;
    text-decoration: none !important; 
    color: #1376c0;
font-family: Arial, Helvetica, sans-serif;  font-size:12px;
} 
.nav_pages a:hover {
    background-color: #8abc5d;
    color: white;
}
.nav_pages .nav_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #8abc5d; 
    color: #fff;
font-family: Arial, Helvetica, sans-serif; font-size:12px;
} 
.nav_pages .nav_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
font-family: Arial, Helvetica, sans-serif;  font-size:12px;
}

.bridge-session {margin-bottom:0.5rem}

.text-green {color:#090}

#load {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(/assets/images/holidays/ajax-loader.gif);
    width: 43px;
    height: 11px;
    text-indent: -9999em;
}


.blog {background-color:#f5f5f7;border:1px solid #ddd; padding:1rem 2rem 2rem 2rem;}

dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px;}

dl.tabs.contained { margin-bottom: 0; }
dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0 9px 0 20px; width: auto; text-transform: uppercase; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; float: left; padding: 0; margin: 0;}
dl.tabs dd a { display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
dl.tabs dd.active { border-top: 3px solid #3b9ce6; margin-top: -3px; border-bottom:none; }
dl.tabs dd.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
dl.tabs dd:first-child { margin-left: 0; }
.tabs dd a {color: #1584d7}
.tabs-content.contained > div { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; width:100%}




@media only screen and (max-width: 40em) {
#header h1 {text-align:center; font-size: 2rem; color:#FFFFFF; line-height:2rem;padding-top:0.5rem}
#header h1 span {font-size:0.8rem;}

#container {margin-top:0;margin-bottom:0}
}