/*------------------------------------------------------------------
Project:		GOGII
Author:			Jay Contonio | GIRAFFE
Recent edits:	Jason Carlin
Last change:	2009-01-27
-------------------------------------------------------------------*/
html, body {
	height: auto;
}

html {
  background: #5C5D60 url('../images/gradient_bg.png') repeat-x;
}

body {
  font: normal normal normal 62.5%/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.25;
  background: transparent url(../images/bg.png) no-repeat fixed;
}

.allcaps {
  text-transform: uppercase;
}

/* Structure
--------------------------------------------- */
#wrapper { 
	padding-top: 20px; 
}

#bff_header,
#hoopsHeader { 
	position: relative; 
	width: 95em; 
	margin: 0 auto;
	background:url('../images/mast_head2.png') no-repeat; 
}

#content { 
	position: relative; 
	width: 900px; 
	min-height: 634px; 
	margin: 4em auto .5em auto;
	background: url('../images/content-top_bg.png') no-repeat top; 
}

#bff_footer {
	position: relative;
	width: 90em;
	height: 102px; 
	margin: 0 auto 2em auto; 
	clear: both;
	background: url('../images/footerbg.png') no-repeat; 
}

.column { 
  float: left;
}

.right { 
	float: right; 
}

.row	{ 
	clear: both; 
	margin-bottom: 1em;
}

/* Header
--------------------------------------------- */
#bff_header #innerHeader,
#hoopsHeader #innerHeader { 
  width: 80%;
  height: 142px;
}

#hoopsHeader #innerHeader { 
}

#bff_header #innerHeader a,
#hoopsHeader #innerHeader a {
  display: block;
  float: left;
}

#logo {  
  width: 40%;
  height: 100%; 
  text-indent: -7000px; 
}

#hoopsHeader #logo {
	width: 248px;
	margin-left: 142px;
}

#getStarted {
  width: 169px;
  height: 59px;
  margin: 40px 0 0 100px;
  text-indent: -3000em;
  overflow: hidden;
  background: url("../images/sign_up.png") left top no-repeat;
}

#bff_header ul { bottom:2em; position:absolute; right:4em; }
#bff_header li { float:left; margin-left:1.5em; }
#bff_header li a:link, #bff_header li a:visited, #bff_header li a:active { color:#8f9f6e; font-size:1.1em; line-height:1.2em; text-decoration:none; }
#bff_header li a:hover { text-decoration:underline; }


/* Content
--------------------------------------------- */
#content #note {
	color: #ffffff;
	font-size: 13px;
	width: 212px;
	height: 183px;
	position: absolute;
	left: 448px;
	top: 390px;
	background: url("../images/bffNote.png") left top no-repeat;
}

#content #note .noteCopy {
	font-size: 15px;
	width: 142px;
	height: 130px;
	margin: 22px 0 0 27px;
	overflow: hidden;
}

#content #note .noteCopy span {
	font-weight: bold;
	font-size: 13px;
}

#content #note .noteCopy p {
	margin-top: 10px;
}

#content #disclaimer { 
	font-size: 11px;
	color: #333; 
	position: absolute; 
	left: 20px;
	bottom: 20px; 
}

#content form { background:url('../images/form-top_bg.png') no-repeat; float:right; margin:-2.5em 2em 1em 0; width:251px; }
#content form a { color:#41667b; text-decoration:underline; }
#content form a:hover { text-decoration:none; }
#content form h2 { background:url('../images/bff_form-logo.png') no-repeat; height:94px; margin:40px auto 20px auto; text-indent:-7000px; width:243px; }
#content form blockquote { background:url('../images/bff-welcome-text.png') no-repeat; height:144px; margin:2em auto 3em; text-indent:-7000px; width:243px; }
#content form label { 
  color: #41667b; 
  font-size: 1.4em; 
  font-weight: bold; 
  padding-left: 22px; 
  margin: 0 auto;
}

#content form input { background:#ffc; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #779bab; color:#41667b; display:block; font-size:1.5em; margin:0 auto; padding:0; }
#content form fieldset { }
#content form fieldset ul { 
  display: block; 
  width: 219px;
  margin: 1px auto 0 auto; 
  padding: 3px 0 0 0;
  background: #779bab url('../images/fieldset-top_bg.png') no-repeat; 
}

#content form fieldset li input { font-size:1.2em; height:22px; padding:.7em 0 0 .25em; width:210px; }

#content form input#my_phone { 
  display: block; 
  font-weight: bold;
  width: 212px; 
  height: 30px; 
  margin: 0 auto; 
  padding: 12px 0 0 6px;
  border: 0;
  background: url('../images/your-phone_bg.png') left top no-repeat; 
}

#content form input.hiddenInput { border: none; }
#content form .add { background:url('../images/fieldset-bottom_bg.png') no-repeat bottom; height:20px; margin: 0 auto 24px auto; padding-top:.5em; width:219px; }
#content form .add a { background:url('../images/add-icon.png') no-repeat 0 50%; color:#fff; display:block; margin-left:.75em; padding:2px 0 5px 16px; text-decoration:none; }
#content form .add a:hover { text-decoration:underline; }
#content form .submit { padding:0 0 16px; width:251px; }
#content form .submit input,
#content form #previousGroups { 
  cursor: pointer; 
  width: 218px; 
  height: 42px;
  border: none; 
  background: url('../images/make-your-group.png') left top no-repeat; 
}

#content form .submit input:hover,
#content form #previousGroups:hover { 
  background: url('../images/make-your-group.png') left bottom no-repeat; 
}

#content form #previousGroups {
  display: block;
  text-indent: -3000em;
  overflow: hidden;
  margin: 0 auto 10px auto;
  background: url('../images/previous-groups.png') left top no-repeat; 
}

#content form #previousGroups:hover { 
  background: url('../images/previous-groups.png') left bottom no-repeat; 
}

#content form .bottom { background:url('../images/form-bottom_bg.png') no-repeat bottom; height:1em; }




/* Logged in
---------------------------------------------
Add .loggedin to the <form> when the user is logged in to format these fields */

/* #content .logged { display:none; }  */
#content .loggedin p.logged { 
  color: #41667b; 
  display: block; 
  font-weight: bold; 
  padding: 2px 0 2em 22px; 
}

#content .loggedin strong  { font-size:1.3em; margin:auto; padding:1em 0 0 1.25em; }


/* Errors
--------------------------------------------- */
#content form fieldset li.error input { background:#fed4d5 url('../images/error-icon.png') no-repeat 95% 50%; color:#9e1600; }
#content form input.error { background:#fed4d5 url('../images/error-icon.png') no-repeat 95% 50%; color:#9e1600; }
#content form div.error { background:#fed4d5; color:#9e1600; display:block; font-size:1.2em; line-height:1.2em; margin:0 auto 25px; padding:4px 10px; width:224px; }


/* Footer
--------------------------------------------- */
#bff_footer p.copyright { bottom:1.5em; color:#8f9f6e; left:22%; position:absolute; }
#bff_footer #navigation { float:right; height:102px; width:30em; }
#bff_footer #navigation ul { margin: 20px 0 0 40px; }
#bff_footer #navigation li a:link, #bff_footer #navigation li a:visited, #bff_footer #navigation li a:active { color:#fff; display:block; font-size:12px; margin-bottom:6px; padding:1px 4px; text-decoration:none; }
#bff_footer #navigation li a:hover { text-decoration:underline; }


/* Use on elements that contain floated items
--------------------------------------------- */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

p.alignCenter a {
  margin: 1.25em 0;
}

/* Copied over from global.css for Normal Pages
----------------------------------------------- */
#txtsite_wrap {
  width: 900px;
  margin: 20px auto;
  padding: 0 4px;
}

.txtsite_box {
background:url(../images/txtsitebox_bottom.png) no-repeat bottom left;
margin-bottom:25px;
padding-bottom:5px;
text-align:left;
}

.txtsite_box .top_bg {
background:url(../images/txtsitebox_top.png) no-repeat top left;
height:5px;
line-height:0;
margin:0;
overflow:hidden;
padding:0;
}

.txtsite_box h1 {
border-bottom:3px solid #ccc;
color:#333;
margin:0 2px 20px;
padding:4px 10px;
}

.txtsite_box h2 {
  font-size: 24px; 
}

.txtsite_box h3 {
  font-size: 16px;
}

.txtsite_box .box_wrap {
background:#fff;
color:#404143;
font:Arial;
font-size:14px;
margin:0 auto;
padding:10px;
position:relative;
}

.txtsite_box .box_wrap p {
margin:10px 10px 0px 0px;
padding-right:3px;
}

.txtsite_box span {
color:#404143;
line-height:1.2em;
}

.txtsite_box .blackborder {
border:1px solid #444;
margin:10px 0;
}

.listitems li {
  margin-left: 10px;
  padding-left: 15px;
  background: url(../images/square.gif) 0 .5em no-repeat;
}

/* Copied over from global.css for Forgot Password
----------------------------------------------- */
#blockForm {
  margin: 0px 0 0;
  padding: 0px 10px 10px 0;
  width: auto;
}

#blockForm h6,
#success_password h2 {
  font-size: 30px;
  color: #404143;
  text-align: left;
  text-indent: 10px;
  font-weight: normal;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #666;
}

#success_password h4 {
 font-size: 22px;
} 

#result_content { margin: 20px 0; }

.container_c,
#success_password #result_content {
  overflow: hidden;
  width: 350px;
  margin: 0 60px;
}

#success_password #result_content p {
  font-size: 12px;
  margin: 1.25em 0;
}

.container_c p {
  font-size: 13px;
  text-align: left;
  line-height: 1.4em;
  margin: 0 0 1.5em 0;
  padding: 0;
}

/* Signup - input feild */
.inputform2 {
	float: left;
	height: 52px;
	margin-bottom: 4px;
	padding-left: 10px;
	background: url(../images/input_b_l.gif) left top no-repeat;
}
	
.inputform2 .bbox_r {
	float:left;
	width: 10px;
	height: 52px;
	background: url(../images/input_b_r.gif) right top no-repeat;
}
	
.inputform2 input, .inputform2 input:focus,.inputform2 input:hover{
	float: left;
	border: 0;
	padding: 16px 10px 16px 0;
	font: 11px/13px arial;
	color: #888;
	font: 300 italic 22px sans-serif;
	width: 300px;
	height: 44px;
	padding-left: 0px;
	background: #fff url(../images/input_b_bgd.gif) 0 0 repeat-x;
}

div.greenbtn {
 text-align: center;
 padding: 0px 10px 30px 10px;
 border-bottom: 1px dotted #ccc;
}

div.greenbtn a {
 display: block;
 font-size: 20px;
 text-align: center;
 color: #fff;
 width: 336px;
 height: 34px;
 margin: 0 auto;
 padding: 10px 4px 8px 0;
 line-height: 30px;
 text-decoration: none;
 background: url(../images/button_green_l.png) no-repeat;
}

div.greenbtn a:hover {
 color: #fff;
 background:transparent url(../images/button_green_l.png) no-repeat left -52px;
}

.red_txt {
  font-size: 22px;
  margin: 1.25em 0;
  text-align: center;
}

.center_txt p {
  font-size: 12px;
}

.center_txt a {
  color: #659F3E;
}

.center_txt a:hover {
  color: #809A44;
}

.send_btn {
  display: block;
  margin-bottom: 2px;
  padding-left: 30px;
  text-align: left;
  width: 255px;
  height: 33px;
  border: none;
  background: url(../images/btn_grey.gif) top left no-repeat;
}
.send_btn:hover {
  background: url(../images/btn_grey.gif) 0 -32px no-repeat;
}

.freeBFF {
  color: #ffffff;
  font-size: 14px;
}

/* ================= */
/* = Hoops Landing = */
/* Rounded Corners */
.rcBox {
	width: 900px;
	margin: 1.25em auto;
	padding-top: 3px;
	background: url("../images/roundedCorners.png") left -16px no-repeat;
}

.rcBox .rcContent {
	width: 900px;
	background-color: #ffffff;
}

.rcBox .rcBottom {
	width: 900px;
	height: 129px;
	padding-top: 1px;
	background: url("../images/hoopsCarriers.png") left top no-repeat;
}
.txtPlus .rcBox .rcBottom {
	background-image: url(../images/txtplsCarriers.png);
}
.rcBox .rcBottom a {
	display: block;
	width: 125px;
	height: 46px;
	margin: 38px 0 0 734px;
	text-indent: -3000em;
	overflow: hidden;
}


#hoopsWrapper #header,
#hoopsWrapper #footer {
	margin: 0 auto;
}

#hoopsLanding {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.25;
}

#hoopsLanding a {
	color: #1e931c;
	text-decoration: none;
}

#hoopsLanding a:hover {
	text-decoration: underline;
}

/* Hoops Top */
#hoopsTop { 
	padding-bottom: 40px;
}

#hoopsTop .left {
	width: 357px;
	height: 609px;
	margin: 76px 0 0 50px;
	background: url("../images/hoopsiPhone.png") left top no-repeat;
}
.txtPlus #hoopsTop .left {
    background-image: url(/images/txtplsIphone.png);
    margin-top: 59px;
}
#hoopsTop #iphoneScreen {
	width: 240px;
	height: 345px;
	margin: 105px 0 0 54px;
	overflow: hidden;
	background-color: #000;
}
.txtPlus #hoopsTop #iphoneScreen {
    height: 360px;
    margin-top: 90px;
}
#hoopsTop #iphoneScreen img {
	width: 240px;
	height: 345px;
}
.txtPlus #hoopsTop #iphoneScreen img {
    height: 360px;
}
#hoopsTop #iphoneNav {
	display: block;
	width: 56px;
	height: 23px;
	margin: 106px 0 0 146px;
}

#hoopsTop #iphoneNav a {
	float: left;
	width: 28px;
	height: 23px;
}

#hoopsTop .right {
	width: 426px;
	margin-right: 56px;
}

#hoopsLogo {
	margin: 69px auto 0 auto;
	text-indent: -99999px;
	overflow: hidden;
	background: url("../images/hoopsLogo.png") left top no-repeat;
}
.txtPlus #hoopsLogo {
    background-image: url(../images/txtplsLogo.png);
    height: 127px;
    line-height: 127px;
    margin: 60px 20px 25px;
    _margin-left: 10px;
}
#hoopsTop .hoopsCopy {
	margin: 50px 0;
}
.txtPlus #hoopsTop .hoopsCopy {
	margin: 18px 0 34px;
}

#hoopsTop .right h1 {
	font-size: 16px;
	margin: 1em 0 .5em 0;
}
.txtPlus #hoopsTop .right h1 {
	margin-left: 17px;
	color: #333;
}
#hoopsTop .right p {
	color: #666666;
	margin-left: 17px;
}
.txtPlus #hoopsTop .right p {
    color: #555;
}
#hoopsGet a, #hoopsAppStore a {
	display: block;
	height: 52px;
	text-indent: -3000em;
	overflow: hidden;
}

#hoopsGet {
	float: left;
	width: 250px;
	height: 79px;
	background: url("../images/hoopsGet.png") left top no-repeat;
}
.txtPlus #hoopsGet {
    background-image: url(../images/txtplsGet.png);
    width: 201px;
    height: 79px;
}
#hoopsAppStore {
	float: right;
	width: 156px;
	height: 79px;
	background: url("../images/hoopsAppStore.png") left top no-repeat;
}
.txtPlus #hoopsAppStore {
    background-image: url(../images/txtplsAppStore.png);
    width: 158px;
    height: 85px;
    float: left;
    margin-left: 13px;
    _margin-left: 7px;
}

/* Hoops Middle */
#hoopsMiddle {
	width: 900px;
	height: 226px;
	background: url("../images/hoopsMiddle.png") left top repeat-x;
}
#hoopsMiddle .left {
	width: 392px;
	height: 226px;
	background: url("../images/hoopsPhoneLove.png") 52px 18px no-repeat;
}

#hoopsMiddle .right {
	width: 478px; /* 408px - 30px of padding = 378px width */
	height: 226px;
	padding-right: 30px;
	overflow: hidden;
}

#hoopsMiddle h1 {
	font-size: 26px;
	font-weight: normal;
	color: #ffffff;
	margin: 50px 0 0 0;
}

#hoopsMiddle p {
	font-size: 18px;
	color: #505050;
	margin-top: 10px;
}
.txtPlus #hoopsMiddle p { font-size: 22px;}
/* Hoops Bottom */
.txtPlus #hoopsBottom {
    background: #eaeaea;
}
#hoopsBottom .column {
	float: left;
	color: #333333;
	width: 534px;
	margin: 42px 0 42px 42px;
}
#hoopsBottom .column .column {
	width: 246px;
	margin-top: 0;
	
}
#hoopsBottom .disclaimer {
    font-size: 11px;
    padding-top: 20px;
}
#hoopsBottom .column h1 {
	font-size: 20px;
	margin: .5em 0 0;
	border-bottom: 4px solid #b8b8b8;
}
#hoopsBottom .column .column h1 {
	margin-bottom: .5em;
}
#hoopsBottom .column h2 {
	font-size: 16px;
	margin: 12px 0 8px 0;
}

#hoopsBottom .column h3 {
	font-size: 14px;
	margin: .5em 0;
}

#hoopsBottom .column p {
	margin: .5em 0 1em;
}
#hoopsBottom .column {
	margin-bottom: 1.5em;
}
#hoopsBottom .column li {
	margin-left: 20px;
	list-style: disc;
	padding: 0 0 5px;
}
#hoopsBottom .column ol li {
	list-style: decimal;
}
#hoopsBottom .column span {
	font-size: 12px;
	margin-left: 1.25em;
}
/* ================= */
.wrapbox {
    background: url(/images/xtras-bot.png) no-repeat;
    font-size: .01em;
    height: 8px;
}
#footer {
	background: url(../images/footerbg.png) no-repeat;/* replace this with txtplus-footer.png when we can reinstate the logos */
	height:102px;
	width: 900px;
	margin: 20px auto;
}
#footer .carriers {
	width: 294px;
	float: left;
}
#footer .carriers p {
	padding: 76px 0 0 40px;
	font-size: 12px;
	color: #fff;/* remove this line when we can reinstate the logos */
	
}
#footer .carriers p a {/* remove this whole block from here */
	color: #809A44;
	text-decoration: none;
}/* to here, when we can reinstate the logos */
#footer .carriers a {
	color: #0f72ac;
}
#footer #footerlinks {
	float: right;
	width: 246px;
	color: #999;
	font-size: 10px;
	padding-top: 16px;
}
#footer #footerlinks a {
	color: #fff;
	text-decoration: none;
}
#footer #footerlinks a:hover {
	text-decoration: underline;
}
#footer #footerlinks ul {
	width: 50%;
	float: left;
	font-size: 12px;
	padding-bottom: 12px;
}