/* ****************************************************************************
JAM.BO default theme CSS
2009.12.04 KJD: Document Created
**************************************************************************** */
BODY
{
	font-family: Calibri,"Helvetica Neue",Helvetica;
	font-size: 1em;
	color: #333;
	background-color: #59b;
	text-align: center;
}

BODY.home
{
	/* 2010.01.06 KJD: Updated for stretched background */
	background: #fff url(../images/home_backgradient.jpg) 0px 20px repeat-x;
}

A
{
	text-decoration: none;
	color: #36a5e2;
	
}

A:hover
{
	text-decoration: underline;
	color: #006;
}

h1
{
	font-size:1.6em;
	font-weight:bold;
}

.pagearea
{
	margin: 0px auto 5px auto;
	width: 762px; /*2010.01.08 KJD: was 900px */
	display: block;
	padding: 5px 0px;
	text-align: left;
}

.pagearea.homepage
{
	margin: 20px auto 20px auto;
	width: 800px;
	font-size: 1.05em;
	display: block;
	padding: 0px 0px;
	background: #fff url("../images/homeback20100227.gif") top center no-repeat; /* 2010.02.18 KJD: Updated */
	
	font-family: Calibri,"Helvetica Neue",Helvetica, Calibri,"Helvetica Neue",Helvetica; /* 2010.02.05 KJD: Added Calibri,"Helvetica Neue",Helvetica */
	
	letter-spacing:0.05em;
}

.pagearea .logo
{
	position:relative;
	top:36px;
	/* left:-340px; 2010.01.08 KJD: */
/*	width: 100%; */
	width: 50%;
	text-align: left; /* 2010.01.08 KJD: was center */
	margin-top: -20px;
}

.pagearea .mainpage
{
	background-color: #fff;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px -2px;
}

.quotearea
{
	display: table;
	height: 340px;
	background: url("../images/homepage_background_center.gif") bottom left no-repeat;
}

.quote
{
	float: left;
	width: 29%;
	margin: 15px;
	text-align: center;
	font-size: .8em;
}

.quote.first{}
.quote.second{margin-top: 70px;}
.quote.third{}

.quote STRONG
{
	font-size: 1.2em;
}

.quotearea .loginbox
{
	clear:both;
	display:block;
	*margin: 25px 0px 0px 0px; /* ie7 */
	-margin: 25px 0px 0px 0px;
	text-align:right;
	width:780px;
	height: 170px;
	*height: 180px;
	-height: 180px;
	background: url("../images/homepage_loginback.gif") bottom left no-repeat;
	padding: 30px 0px 0px 0px;
	*padding: 0px 0px 0px 0px;
	-padding: 0px 0px 0px 0px;
	margin-left: 60px;
	*background-position: 0px 25px;
	-background-position: 0px 25px;
}

.pagecontent .signintext
{

	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	/* 2010.01.19 KJD: Updated
	margin:90px 0 0 555px;
	width:200px; */
	margin:85px 0 0 578px;
	width:230px;
	letter-spacing:0.05em;
	
	position:absolute;

	*background-color: #004364;
	*margin-left:575px;
}

.quotes
{
	/* 2010.01.21 KJD: Updated */
	display:block;
	margin:125px 0 0 10px; /* 2010.02.18 KJD: was 65 */
	
	*margin:125px 0 0 0px;
	position:absolute;
	
	width:375px;

	font-size: 16px;
	*font-size: 15px;

}

.quotes H2
{
	font-size: 1.2em;
	color: #023;
	padding-bottom: 8px;
}

.quotes a
{
	color: #444;
}

.quotes UL
{
	/* 2010.02.27 KJD: Updated */
	list-style: none;
	line-height:.65em;
	font-weight: bold;
}

.quotes UL LI
{
	margin: 15px 0px 40px 0px;
	font-size: 1.1em;
	letter-spacing: normal;
}

.quotes .uppertext
{
	margin-left: 10px;
}

.quotes .lowertext
{
	/* 2010.01.21 KJD: Updated */
	letter-spacing:-0.03em;
	margin-left:6px;
	line-height: .8em;
	white-space: nowrap;
}

.quotes .rightarrow
{
	background:url("../images/linkarrow.png") top right no-repeat;
	padding: 0px 10px 0px 0px;
	float: right; /* 2009.12.29 KJD: Added */
	/* margin: -2px 5px 0px 0px; 2010.01.19 KJD: Updated */
	margin: 0px;
	*margin-top: -15px;
}

.pagecontent .searcharea
{
	border-bottom:1px solid #333333;
	height:100px;
	margin:175px 0 0 395px; /* 2010.02.18 KJD: was 450 */
	position:absolute;
	text-align:left;
	width:390px;
}

.homepage .signupbox .text,
.homepage .searcharea .text
{
	color: #fff;
	margin: 8px 0px 3px 7px;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.02em;
}

/* 2010.01.21 KJD: Added */
.signupbox .text
{
	font-size:1em;
	width:auto;
}

.signup_label span { /* jwg 2010-01-07 */
	color: #ffff;
	font-size: .9em;
	font-weight: bold;
}

.searcharea .searchentry
{
	display: inline-block;
	background-color: #59b;
}


.searcharea .searchfield,
.entry input
{
	border:medium none;
	float:left;
	font-size:1.5em;
	height:40px;
	padding:5px 0 0 7px;
	width:300px;
}

.entry input
{
	font-size: 1.3em;
	height: 30px;
	padding-top: 2px;
}

/* jwg 2010-01-06 */
.entryX input
{
	border:medium none;
	float:left;
	font-size:1.0em;
	height:27px; /* 2010.01.21 KJD: Updated */
	margin-top:2px;
	padding:5px 0 0 7px;
	width:180px;
}

/* 2010.01.19 KJD: added */
.entryX .email,
.entryX .twitacct
{
	width: 305px;
	padding: 0px;
}


/* jwg 2010-01-06 */
.signupbox .textX
{
	float:left;
	color: #fff;
	margin: 10px 3px 5px 0px;
	font-size: .8em;
	font-weight: bold;
}
/* jwg 2010-01-06 */
.button.emailsubmitbutton
{
	margin-top:2px;
	text-align:center;
	padding-bottom:20px;
}

/* 2010.01.19 KJD: Added */
.entryX input.button.emailsubmitbutton 
{
	margin-left: 10px;
	width: 70px;
	font-size: .8em;
	padding: 5px 0px 0px 0px;
	*padding: 7px 0px 0px 5px;
}

.button
{
	cursor:pointer;
	font-size:1.15em;
	font-weight:bold;
	height:38px;
	line-height:38px;
	padding-left:10px;

	border: solid #fff 1px;
	
	background:url("../images/button_back_green.jpg") top left repeat-x;
}

.button.green
{
	border: solid # 999 1px;
}


.button.searchbutton,
.button.emailsubmitbutton
{
	float:left;
	background:url("../images/button_back_grey.jpg") top left repeat-x;
	width:75px;
}

.button.emailsubmitbutton
{
	font-size:0.95em;
	font-weight:bold;

	/* 2010.01.09 KJD: Updated */
	padding: 0px 0px 0px 0px;
	*padding-top: 8px;
	line-height: 1em;
	
	width:65px;
}

/* 2010.01.09 KJD: Submit button fix for FF */
@-moz-document url-prefix() {
	.button.emailsubmitbutton
	{
		padding: 4px 0 0;
	}
}

.button.signupbutton
{
	background:url("../images/button_back_green.jpg") top left repeat-x;
	width: 140px;
	font-size: 1.1em;
	text-align: center;
	padding: 0px;
	float: right;
}

.button.signinopen
{
	/* 2010.01.01 KJD: Updated width/height for new button */
	display:inline-block;
	height:30px;
	line-height:29px;
	padding:0px;
	width:79px;
	text-align: center;
	border: none;
	background:url("../images/Sign-in-button.png") top left repeat-x;
	font-size: 1em; /* 2010.01.19 KJD: Updated */
	*display:inline;
	color: #333;
}

.pagecontent .signupbox
{

	height:60px;
	margin:168px 0 0 395px; /* 2010.02.18 KJD: was 450 */
	position:absolute;
	text-align:left;
	width:390px;
	padding: 0px;
	
	background-color: #59b;
}

.pagecontent .signupbox .text
{
	width: auto;
	font-size: 1em;
}

/* 2010.01.05 KJD: Added */
.pagecontent .signupbox .subtext
{
	/* 2010.01.19 KJD: Updated */
	clear: both;
	color: #fff;
	font-size: .9em;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 2px 0px;
	float: left;
	width: 100%;
}


.footer
{
	font-size: .8em;
	color: #AAA;
	text-align: center;
	width: 100%;
	display: inline-block;
	border-top: solid #ddd 1px;
	margin-top: 20px;
}

.homepage .footer
{
	border-top: none;
}

.footer .footerinfo
{
	margin: 0px auto;
	display: inline-block;
	*width: 520px;
	-width: 520px;
	white-space: nowrap;
}

/* 2010.01.07 KJD: Added */
.footer .footerinfo A
{
	color: #00476A;
}

.footer UL{}
.footer UL LI
{
	float: left;
	margin: 7px 0px 0px 10px;
}


.labelOver
{
	position: absolute;
	color: #ccc;
}

.labelOver.search
{
	margin: 40px 0px 0px 10px;
	*margin: 40px 0px 0px -375px;
	-margin: 10px 0px 0px 10px;
	
	font-size: 1.2em;
	clear:both;
	display: block;
}

.header
{
	display: table;
	width: 100%;
}

.header .links
{
	display: table;
	background-color: #fff;
	float: right;
	font-size: .75em;
	margin: -5px 0px 3px 10px;
	padding: 5px 10px 5px 10px;
	*padding-bottom: 0px;
	
	width: auto;
	height: 2em;
	white-space: nowrap;
	line-height: 2em;
}


.header .links UL {}
.header .links UL LI
{
	float: left;
	padding: 0px 2px 3px 5px;
	*padding: 5px 5px 3px 5px;
}

/* 2009.12.14 KJD: set up logo */
.header .logo
{
	width: 210px;
	height: 45px;
	background: url('../images/logo.png') 3px center no-repeat;
	float: left;
}

.header .logo A
{
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 3px;
}


.pagecontent
{
	margin-left: 20px; /* 2010.01.20 KJD: added */
}


.homepage .pagecontent
{
	height: 500px;
	margin-left: 0px;
	letter-spacing: -.03em;
}

.pagecontent .jambo.logo
{
	display:block;
	height:65px;
	margin:10px 5px 0 0;
	right:55px;
	width:190px;
	float: right;
	*right:100px;
	cursor: pointer;
}

.pagecontent .text
{
	/* 2010.01.21 KJD: Updated */
	float: left;
	/* margin: 10px 0px 5px 10px; 2010.01.19 KJD: updated */
	margin: 8px 0px 2px 0px;
	line-height: 1.5em;
	width: 95%;
	
	font-weight:normal;
}

.pagecontent .text.contact
{
	/* line-height: 1.3em; 2010.01.07 KJD: Not used */
}

.pagecontent .text.contact H2
{
	margin-top: 1em;
}

.pagecontent .text.about,
.pagecontent .text.privacy,
.pagecontent .text.terms
{
	text-align: justify;
}

.pagecontent H1,
.pagecontent #content H1
{
	font-size: 1.7em;
	padding: 18px 0px 5px 0px; /* 2010.01.21 KJD: Updated */
	color: #023; /* 2010.01.07 KJD: Added */
}

.pagecontent #content H1
{
	padding: 2px;
	margin: 10px 0px -20px 0px;
}

.pagecontent P
{
	margin: 10px 0px 15px 0px;
}

/* 2010.01.09 KJD: Created */
.pagecontent P.error
{
	float: left;	/* 2010.01.11 KJD: Added */
	/* margin: 40px 0px -25px 0px; 2010.01.11 KJD: Updated */
	margin: 30px 0px -10px 0px;
}

.pagecontent .text.register
{
}

.pagecontent .text.register TABLE
{
	margin: 10px 0px 0px 50px;
}

.pagecontent .text.register TABLE TR TD
{
	padding: 10px 0px 5px 5px;
	vertical-align: middle;
}

.pagecontent .text.register TABLE TR TD.left
{
	/* 2010.01.06 KJD: Updated */
	padding-top:16px;
	text-align:right;
	vertical-align:top;
}

.pagecontent .text.register TABLE TR TD.right
{
	text-align: left;
}

.pagecontent .register .input,
.pagecontent .register INPUT[type=text],
.pagecontent .register INPUT[type=password]
{
	font-size: 1.4em;
	width: 12em; /* 2010.01.28 KJD: was 15 */
}

.pagecontent .register textarea
{
	font-family:Calibri,"Helvetica Neue",Helvetica;
	font-size:0.8em;
	height:6em;
	width:30em;
}

.pagecontent .register .labelOver
{
	font-size: 1.3em;
	margin: 5px 0px 0px 7px;
}

.pagecontent .register label.error
{
	/* 2010.01.06 KJD: Updated */
	clear:both;
	color:#AA0000;
	display:block;
	font-weight:bold;
	margin-left:10px;
	margin-top:-21px;
}

/* 2010.01.06 KJD: Remove register button background */
.pagecontent .register .button
{
	background-image: none;
	background-color: #eee;
	border: solid #ccc 1px;
}

/* 2009.12.28 KJD: Added for error */
.signinform label.error
{
	color: #a00;
	font-weight: bold;
	float: left;
}

.signinspinner
{
	display: none;
	margin: 55px 0px 0px 110px;
}

/* 2010.01.21 KJD: Added */
.top10open
{
	margin-bottom: -2px;
	cursor: pointer;
}

.popup
{
	position: absolute;
	width: 285px;
	height: 230px;
	background: #c0deed;
	display: none;
	color: #333;
	font-size: .8em;
	text-align: left;
}


.popup A:hover
{
	color: #aaf;
}

.popup.signinpopup
{
	margin: 60px 0 0 500px;
	padding: 10px 10px 10px 10px;
	font-family: Arial, Calibri,"Helvetica Neue",Helvetica;/* 2010.04.06 KJD: Added for opera */

}

.popup.signinpopup .close,
.errormsg .close,
.errormsg2 .close
{
	margin: -5px -7px 0px 0px;
	*margin: -5px -3px 0px 0px;
	float: right;
	cursor: pointer;
	background:url("../images/popupclose.png") top left no-repeat;
	width: 22px;
	height: 22px;
}

.popup.signinpopup H2
{
	font-size: 1.7em;
}

.popup.signinpopup .input
{
	width: 100%;
	font-size: 1.5em;
	padding-left: 5px;
}

.popup.signinpopup P
{
	margin: 1em 0em 1.6em 0em;
	line-height: 1.6em;
}

.popup.signinpopup .forgot
{
	float: right;
	margin: -10px 0px 0px 0px;
}

.popup.signinpopup .button.signin
{
	/* 2010.01.01 KJD: updated for new sign in button */
	float: right;
	margin-top: 20px;
	background:url("../images/Sign-in-button.png") top left repeat-x;
	color: #333;
	padding: 0px 0px 0px 0px;
	width: 64px;
	*width:79px;
	height: 30px;
	line-height: 29px;
	border: none;
	font-family: Calibri,"Helvetica Neue",Helvetica;
	font-size: 1.1em;
}

.popup.signinpopup .remember
{
	margin-top: 30px;
	float: left;
}

.popup.signinpopup a
{
	color: #6aa7c5;
}

.popup.signinpopup input.input
{
	border: solid #6aa7c5 1px !important;
}

.popup A:hover
{
	color: #aaf;
}

.popup.top10popup
{
	position:absolute;
	top:50px;
	left:150px;
	width: 500px;
	height:400px;
	background-color:#FFFFFF;
	border:1px solid #000080;
	padding: 20px;
	z-index:200;
}
.popup.top10popup li {
	line-height:110%;
}

.popup.top10popup .close
{
	margin: -5px -7px 0px 0px;
	*margin: -5px -3px 0px 0px;
	float: right;
	cursor: pointer;
	background:url("../images/popupclose.png") top left repeat-x;
	width: 22px;
	height: 22px;
}
.popup.top10popup H2
{
	font-size: 1.7em;
}
.popup.top10popup P
{
	margin: 1em 0em 1em 0em;
	line-height: 1.6em;
}

.registrationProgress
{
	float: right;
	margin: -50px -10px 0px 0px;
}

.registrationProgress .selected
{
	font-weight: bold;
}

.registrationProgress UL
{
	list-style: none;
}

.registrationProgress UL LI
{
	display: inline-block;
	padding: 0px 0px 0px 10px;
}

.profilePhoto
{
	border: solid #aaa 1px;
	width: 80px;
	height: 80px;
	background-color: #eee;
}

.profileName
{
	font-weight: bold;
	font-size: 1.4em;
	padding: 0px 0px 10px 0px;
}

/* 2010.01.08 KJD: Added */
.errormsg
{
	background-color:#C0DEED;
	border:1px solid #6AA7C5;
	color:#002233;
	font-family:Calibri,"Helvetica Neue",Helvetica;
	font-size:1.3em;
	font-weight:bold;
	height:60px;
	left:420px;
	padding:10px;
	position:absolute;
	text-align:left;
	top:10px;
	width:360px;
	z-index:50;
}

.errormsg2
{
	background-color:#C0DEED;
	border:1px solid red;
	color:red;
	font-family:Calibri,"Helvetica Neue",Helvetica;
	font-size:1.3em;
	font-weight:bold;
	height:100px;
	left:420px;
	padding:10px;
	position:absolute;
	text-align:left;
	top:10px;
	width:360px;
	z-index:50;
	display: none;
}

/* 2010.01.12 KJD: Added for 7 reasons */
DIV.reasons H1
{
	margin-left: 2.1em;
	margin-bottom: 1em;
}

UL.reasons
{
	margin-top: .8em;
}

UL.reasons LI
{
	display: block;
	clear: both;
	border-bottom: solid #ccc 1px;
	float: left;
	width: 100%;
}

UL.reasons LI DIV.number
{
	font-size: 4em;
	float: left;
	font-weight: bold;
	color: #bbb;
	line-height: 1em;
	padding: 0px 10px 10px 0px;
}

UL.reasons LI DIV.number .pound
{
	font-size: .4em;
	float: left;
	margin-top: -10px;
}

UL.reasons LI DIV.info
{
	float: left;
	width: 90%;
}

UL.reasons LI DIV.heading
{
	font-weight: bold;
	font-size: .8em;
	line-height: 1.3em;
	margin-top: 10px;
}

UL.reasons LI DIV.thistext
{
	font-size: .8em;
	line-height: 1.25em;
}

.reasons h2
{
	float: left;
	width: 100%;
	margin-top: 1.5em;
}

table.invite
{
	font-size: .8em;
	font-weight: bold;
}

table.invite .left
{
	text-align: right;
	padding-right: 1em;
}

/* 2010.02.03 KJD: Registration pages */
.pagecontent .text.register table tr td.right 
{
	width: 260px;
}

#form_register td.status
{
	background-color: none;
	width: 200px;
	
	color: #333;
	font-size:.9em;
	font-weight: normal;
	padding: 5px;
}

#form_register td.status.thisSuccess
{
	background-color: #9d9;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

#form_register td.status.thisError
{
	background-color: #F7E8E8;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

.pagecontent .register label.thisError
{
	margin: 0px;
	background-color: transparent;
	font-weight: normal;
}

.pagecontent .register .button
{
	font-size: .8em;
}

.pagecontent .register tr.urlinfo input
{
	width: 100%;
}

tr.urlinfo a
{
	float: right;
}

.step3 li div.tab
{
	padding: 10px;
	width: auto;
	display: inline;
	background-color: #fff;
	z-index: 4;
}

.step3 li div.tab.selected
{
	border:1px solid #999999;
	padding:10px;
	border-bottom: none;
}

.step3 li div.info
{
	display: none;
	padding:10px;
	width:400px;
	
}

.step3 li div.info.selected
{
	border: solid #999 1px;
	display:block;
	margin: -1px 0px 10px 0px;
	background-color: #fff;
	z-index: 2;
}

.step3 li label
{
	font-weight: normal;
	padding: 5px;
}
	
.step3 .infoInbox
{
	display: inline-block;
	*display: block;
	width: auto;

	*float: left;
	margin-left: 10px;
}
	
.pagecontent  .step3 .infoInbox .input
{
	font-size: 12px;
	width: 10em;
}
	
.colorOuter
{
	display: inline-block;
	width: 100%;
}
	
.thisColorpicker
{
	
	display: inline-block;
	font-size: 8px;
	float: left;
}
	
.colorpicker
{
	position: relative;
	display: block;
	width: 210px;
}
	
.colorOuter .colorInputs
{
	border: solid #ccc 1px;
	display: inline-block;
	width: 225px;
	margin-left: 10px;
}

.colorOuter .colorInputs .mycolorItem
{
	background-color: #fff;
}

.colorOuter .colorInputs .mycolorItem.selected
{
	background-color: #eee;
}


.colorOuter .colorInputs .colorText
{
	display: inline-block;
	width: 100px;
}
	
.colorOuter .colorInputs .myColor
{
	display: inline-block;
	border: solid #000 1px;
	width: 17px;
	height: 17px;
	margin: -3px 0px 0px 5px;
	vertical-align: middle;
	background-color: #fff;
}
	
.pagecontent .register .step4 .input,
.pagecontent .register .step4  input[type=text],
.colorOuter .colorInputs .input
{
	font-size: 14px;
	width: 60px;
	
}
	
.colorOuter .sample
{
	border: solid #ccc 1px;
	display: inline-block;
	width: 225px;
	display: none;
}	
	
.global_nav li.selected
{
	font-weight: bold;
}

.step5
{
	font-size: .8em;
	line-height: 1.2em;
}

.step5 .getstarted
{
	font-weight: bold;
	color:#006;
	font-size:1.5em;
	float: right;
	margin-right: 25px;
}