/*
BNB gate css 
works with YUI
http://developer.yahoo.net/yui/license.txt
version: 0.12.0

12/10/2006
*/

body {background-color: #E0EFD5; }
#hd {margin: 0; padding: 0; background-color: #E0EFD5;}
#ft{text-align: center; }
#bd {clear: both; padding-top: 15px; background-color: #E0EFD5;}
.yui-t7 p{*font-size: small; font-size: 13px;*font-weight: normal;}

/*----------------------------- Gate page -----------------------------*/

/*----------------------------- Gate - header and logo -----------------------------*/
.title {margin:0; padding: 0;}
.title h1 { margin: 0; padding: .5em 0 0 0;}
.title p {font-weight: bold; font-size: 110%; color: #000;}



.ital {font-style: italic;}
strong {font-weight: bold;}
.magN {font-style: italic; font-weight: bold;}
.lft {text-align: left;}
.lft2 {padding-right: 6em;}

.mgtop {margin-top: 2em;}
em {font-style: italic;}
.rgt {text-align: right;}
.or2 {float: right;}

/*----------------------------- Gate page - returning subscriber -----------------------------*/
.sectionL {width: 77%; float:left; border: 1px solid #369; background-color: #fff; padding: 1em 1em 0 1em; }

.sectionL2 {width: 85%; float:left; border: 1px solid #369; background-color: #fff; padding: 1em; }

/*----------------------------- Gate page - international subscriber -----------------------------*/
.sectionInt {width: 40%; float: left; margin-left: 100px; border: 1px solid #369; background-color: #fff; padding: 1em;  text-align:right;}

.mr3 p {text-align: right; margin-right: 25em;}


.mr p {text-align: right; margin: 0 1em .4em 0; clear: right;}
.mr2 p {text-align: left; margin-left: 8em;}
.lft3 {padding-right: 3em;}

/*----------------------------- Gate page - first time subscriber -----------------------------*/
.sectionR {width: 80%; float: left; border: 1px solid #369; background-color: #fff; padding: .5em; text-align: right;}
.sectionR2 {width: 85%; float: right; border: 1px solid #369; background-color: #fff; padding: 1em; text-align: right;}

.sectionR ul {margin: .5em 0 0 2em; text-align: left;}

.sectionM {width: 5%; float: left; margin-left: 5px;}

/*----------------------------- Gate page - embedded order form -----------------------------*/
.gEOFbgz {margin-top: 2em; background: transparent url(/Gate/images/or.gif) top left no-repeat; }

.gEOF {float: right;  padding: 1.5em 0 0 0; }
.gEOF img {float: left; padding: 0 .5em .5em 0;}
.gEOF h1 {font-size: 142%; font-weight: bold; color: #b91654; margin-bottom: 0;}
.gEOF h2 {font-size: 110%; font-weight: bold; color: #000; margin: 0 0 1% 0;}

.gEOFinfo { width: 50%; float: right; text-align: right;}
.gEOFinfo p {margin: 0 0 .25em 0; padding: 0;}

/*----------------------------- Gate page - divider-----------------------------*/
.or {background: transparent url(/Gate/images/or.gif) top center no-repeat;}

.req {color: #F00; font-weight: bold;}


/* header - Logo and tagline */
.logo {margin: 0; padding: 0 1em 0 0; float: left;}

td { padding: 5px 0; }

/*----------------------------- Generic classes -----------------------------*/

h1 {font-size: 133%; font-weight: bold; color: #4e873c; margin: 0; padding: 0;}
h2 {font-size: 110%; font-weight: bold; color: #000; margin-bottom: 1%;}
h3 {font-size: 105%; font-weight: bold; color: #009900; margin-bottom: 1%;}
h4 {font-size: 100%; *font-size: small; font-weight: bold; color: #009900; margin-bottom: 1%;}

.callout {font-size: 150%; font-weight: normal;}
.callout2 {font-size: 200%;}
.join {color: #b91654;}

p {color: #000; margin-bottom: 2%; }
em {font-style: italic;}

.center {text-align: center;}
.subftl {float: left; margin-left: 10px; }
.bullet {list-style: disc; margin: 0 0 1em 2em;}
.left {text-align: left;}

.clrself{zoom:1;}
.clrself:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fltlt{float:left;}
.fltrt{float:right; padding: 0 0 .5em .5em;}
.clrlt{clear:left;}
.clrrt{clear:right;}
.clrbt{clear:both;}
.name {font-style: italic;}

a:link, a:visited { text-decoration: none; color: #369;}
a:hover { text-decoration: underline; color: #c09326;}