﻿/* default styles */
* {margin:0; padding:0; border:none; font-family:Arial, sans-serif; }
body
{
	width: 680px;
	height: 426px;
	color: #fff;
	font-size: .7em;
	background-color: black;
}
h1 {text-indent:-6000px; background:url('/library/images/blueandme/h1-want-to-know-more.gif') top left no-repeat; font-size:5.4em; margin-bottom:29px; position:relative; left:-5px; }
p {margin-bottom:10px; }
.formrow {/*margin-bottom:6px;*/ }

/* panel backgrounds */
#blueandme-panel1-wrapper, #blueandme-panel2-wrapper, #blueandme-panel3-wrapper {width:655px; height:380px; padding:40px 0 0 25px; position:relative; }
#blueandme-panel1-wrapper, #blueandme-panel2-wrapper {background:#000 url('/library/images/blueandme/bg-blueandme-popup1.jpg') top left no-repeat; height:426px;}
#blueandme-panel3-wrapper {background:#000 url('/library/images/blueandme/bg-blueandme-popup3.jpg') top left no-repeat; }

/* panels 1 and 2 */
#blueandme-panel1-wrapper p {font-weight:bold; }
#blueandme-panel2-wrapper #column1 p {font-weight:bold; margin-bottom:25px; }
#blueandme-panel1-wrapper #btn {position:relative; top:10px; left:-8px; }
#blueandme-panel2-wrapper #btn {position:relative; top:5px; left:-8px; }
#column1 {float:left; width:300px; margin-right:55px; }
#column1 .formrow label {width:110px; min-width:110px; max-width:110px; }
#column1 input {font-size:1em; width:180px; height:16px; }
#column1 select {font-size:1em; width:140px; margin-left:40px; height:17px; }
#column1 p.footnote {font-weight:normal; clear:both; position:relative; left:110px; top:-3px; }
#column2 {float:left; width:290px; }
#column2 input {margin-right:5px; position:relative; top:2px; }
#column2 div#yourinfo p {font-weight:normal; }
#column2 div.checkboxes {margin-bottom:10px; }
#column2 div.checkboxes label {margin-right:15px; }
#blueandme-panel2-wrapper #column1 .formrow {clear:both; /*padding-bottom:6px;*/ line-height:2; }
#blueandme-panel2-wrapper #column1 #pnlTestDriveA .formrow {line-height:1.1; }
#blueandme-panel2-wrapper #column1 .formrow label {position:relative; top:-5px; }
#blueandme-panel2-wrapper #column1 label, #blueandme-panel2-wrapper #column1 input, #blueandme-panel2-wrapper #column1 select {float:left; }
#blueandme-panel2-wrapper h2 {font-size:1em; color:#fff; margin-bottom:7px; }

/* panel 3 */
#blueandme-panel3-wrapper h2 {text-indent:-6000px; background:url('/library/images/blueandme/h2-alldone.gif') top left no-repeat; font-size:1.3em; margin-bottom:15px; position:relative; left:-5px; }
#blueandme-panel3-wrapper p {width:300px; }
#blueandme-panel3-wrapper #btn {position:relative; top:5px; left:-8px; }

/* error handling */
.error {color:#c00; }
#error {height:12px; overflow:hidden; color:#c00; position:absolute; top:158px; left:25px; font-weight:bold; }
#error-signup {height:12px; overflow:hidden; color:#c00; position:absolute; bottom:135px; right:117px; font-weight:bold; }
.formrow span {float:left; margin-left:5px; font-weight:bold; }

/* Download Popup */
#downloadContainer	{position:relative; color:#e6e6e6;}
#bgDownload			{background:#000 url('/library/images/blueandme/bgDownload.jpg') top left no-repeat;width:680px;height:426px;}
#bgDownload h2		{background:#000 url('/library/images/blueandme/headerBlueAndMe.gif') top left no-repeat;width:202px;height:37px;text-indent:-2000px;position:absolute;top:62px;left:26px;}
#downloadContent	{position:absolute;top:145px;left:26px;}
#downloadContent ul			{list-style-type:none;}
#downloadContent li.left	{float:left;width:200px;margin-right:30px;margin-bottom:30px;}
#downloadContent li.right	{float:left;width:350px;margin-bottom:30px;}
#downloadContent li img		{margin-top:17px;}
#logos						{background:#000 url('/library/images/blueandme/logos.gif') top left no-repeat;width:211px;height:57px;text-indent:-2000px;position:absolute;top:369px;left:469px;}