/* GENERAL CONTENTS */
* { padding:0; margin:0; }

a { text-decoration:none; color: #243B8E;}
a:hover { }

.blue { color: #00c }

body { background:#E6E7DA; font-family:Arial, helvetica, Sans-Serif; font-size:11px; color:#78797A; }
.bold { font-weight: bold; }
.breaker { float: left; height: 20px; clear: both;}

.centered { text-align: center; }
.clear { clear:both; }

h1 { color: #243B8E; font-size: 30px; font-family:Arial, helvetica, Sans-Serif;}
h2 { color: #243B8E; font-size: 24px; font-family:Arial, helvetica, Sans-Serif;}
h3 { color: #243B8E; font-size: 16px; font-family:Arial, helvetica, Sans-Serif;}
h4 { color: #243B8E; font-size: 14px; font-family:Arial, helvetica, Sans-Serif;}
h5 { color: #243B8E; font-size: 10px; font-family:Arial, helvetica, Sans-Serif;}

img { border:0; }

li { margin:10px 0; }

.noborder { border:0 !important; }

p { margin:10px 0; line-height:16px; }

.red { color: #c00; }

ul { margin:10px 0; }

/* LAYOUT */
#container { width:770px;  margin:10px auto 10px auto; padding: 10px 20px; position:relative; background: #fff;}

#content { width: 770px; clear: both; margin-top: 5px; }
#content .chkBox { float: left; margin-right: 15px; margin-top: 10px;}
#content .chkLabel { float: left; margin-top: 10px; margin-right: 15px; width: 100px;}
#content #contentTop { margin-top: 5px; }
#content #contentTop #topImg
{
	float: left;
	width: 470px;
	text-align: center;
	height: 100%;
	padding: 10px 0 0 0;

}
#content #contentTop #topImg p { margin-left: 20px; width: 250px; font-size: 14px; }
#content #contentTop #topRight { float: left; width: 300px; margin-top: 5px;}
#content #ctl00_cphTopRight_pnlIDEntry { background: #CEDFF2; float: left; width: 255px; height: 140px; margin-bottom: 10px; margin-left: 5px; padding: 5px 20px;}
#content #ctl00_cphTopRight_pnlIDEntry p { margin-top: 5px; margin-bottom: 5px; }
#content #ctl00_cphTopRight_pnlIDEntry .btnSubmit { float: left; clear: both; margin-top: 5px; }
#content #ctl00_cphTopRight_pnlLogin { background: #E6E7DA; float: left; width: 255px; height: 140px; margin-left: 5px; padding: 5px 20px; }
#content #ctl00_cphTopRight_pnlLogin #ctl00_cphTopRight_Login1_UserName { width: 180px; }
#content #ctl00_cphTopRight_pnlLogin #ctl00_cphTopRight_Login1_Password { width: 180px; }
#content #ctl00_cphTopRight_pnlLogin .btnLogin { clear: both; float: left; margin-top: 5px; }
#content #ctl00_cphTopRight_pnlLogin .forgotPW { clear: both; float: left; margin-top: 5px; color: #243B8E;}
#content #ctl00_cphTopRight_pnlLogin .forgotPW a { color: #243B8E; }
#content #ctl00_cphTopRight_pnlLogin .forgotPW a:hover { color: #14256A; }
#content #ctl00_cphTopRight_pnlLogin h4 { color: #949494; }
#content .label { text-align: left; margin-top: 5px; clear: both; float: left; font-size: 12px; width: 200px;}
#content #leftcol { width: 470px; float: left; clear: both; }
#content #leftcol h3 { padding: 0 15px 0 5px; font-size: 16px; margin-top: 20px; }
#content #leftcol p { padding: 0 15px 0 5px; width: 410px; }
#content #rightcol { width: 295px; float: right; clear: right; padding-left: 5px;}
#content #rightcol img { margin-bottom: 5px; }
#content #secureImg { margin-top: 20px; }
#content .txtInput { width: 180px; clear: both; float: left; }

#footer { width: 770px; margin-top: 30px; height: 26px; clear: both; padding-left: 5px;}
#footer a { color: #243B8E; }
#footer a:hover { color: #000; }
#footer #atomic { float: right; text-align: right; }
#footer #copy { float: left; width: 500px; text-align: left; }

#header {  width: 770px; }
#header #logo { height: 70px; width: 770px; background: #fff;}
#header #logo img { float: left; }
#header #logolinks { list-style: none outside none; float: right; margin: 0; padding-bottom: 10px;}
#header #logolinks li { display: inline; width: 50px; margin: 0;}
#header #logolinks li a { color: #243B8E; font-weight: bold;}
#header #logolinks li a:hover { color: #000; }

#mainnav { background: url(../images/nav_bg.jpg) no-repeat top left; height: 33px; width: 770px; clear: both;}
#mainnav #toplinks {  float: left; height: 33px; }
#mainnav #toplinks ul { list-style: none outside none; margin: 0; line-height: 33px; }
#mainnav #toplinks ul li { display: inline; padding:5px 20px; border-right: 1px solid #0D5EA9; }
#mainnav #toplinks ul li a { color: #fff; font-size: 12px;}
#mainnav #toplinks ul li a:hover { color: #fff;}

/* MEMBER CARDS */
#content #ctl00_cphTopRight_pnlLoginLarge { background: url(/images/login_large_bg.jpg) no-repeat top left; float: left; width: 255px; height: 287px; margin-left: 5px; padding: 10px 20px; }
#content #ctl00_cphTopRight_pnlLoginLarge .btnLogin { clear: both; float: left; margin-top: 5px; }
#content #ctl00_cphTopRight_pnlLoginLarge .forgotPW { clear: both; float: left; margin-top: 5px; color: #243B8E;}
#content #ctl00_cphTopRight_pnlLoginLarge .forgotPW a { color: #243B8E; }
#content #ctl00_cphTopRight_pnlLoginLarge .forgotPW a:hover { color: #14256A; }
#content #ctl00_cphTopRight_pnlLoginLarge h4 { color: #949494; width: 200px;}
#content .step { float: left; margin-right: 10px; margin-left: 5px; }
#content .steptext { float: left; line-height: 25px; }

/* PRIVACY */
#content #leftcol h4 { padding: 0 15px 0 5px; font-size: 12px; }
#content #leftcol a { color: #243B8E; }
#content #leftcol a:hover { color: #243B8E; }

/* REGISTER */
#content #ctl00_cphLeftCol_registerForm { margin-left: 5px; }
#content #ctl00_cphLeftCol_registerForm .acctDiv { float: left; width: 210px; }
#content #ctl00_cphLeftCol_registerForm .acctDiv .ddlInput { width: 190px; float: left; clear: both;}
#content #ctl00_cphLeftCol_registerForm .acctDiv .txtInput { width: 180px; }
#content #ctl00_cphLeftCol_registerForm .breaker { margin-left: -10px; width: 450px; height: 2px; margin-top: 20px; margin-bottom: 10px;}
#content #ctl00_cphLeftCol_registerForm .btnRegister { margin-top: 15px; margin-left: 10px; margin-bottom: 50px;}
#content #ctl00_cphLeftCol_registerForm .chkBox { margin-left: 10px; }
#content #ctl00_cphLeftCol_registerForm h4 { color: #A4A5A3; font-size: 12px; margin-top: 3px; padding: 0px;}
#content #ctl00_cphTopRight_Login1_LoginButton { float: left; font-size: 0px; line-height: 9999px; border: 0px; cursor: hand; cursor: pointer; background: url(/images/btn_login.jpg) no-repeat top left; height: 22px; width: 68px; margin-top: 5px; }

/* CONTACT */
#content #ctl00_cphLeftCol_lblSuccess { float: left; }
#content #ctl00_cphLeftCol_formContainer { clear: both; float: left; padding-left: 5px;}
#content #contactForm .btnSubmit { margin-top: 15px; }
#content #contactForm .ctDiv { float: left; width: 240px; }
#content #contactForm .ctDiv .txtInput { width: 215px; }
#content #contactForm .txtBox { width: 400px; height: 100px; clear: both; float: left;}
#content #rightcol #contactPostit { background: url(/images/contact_postit_bg.jpg) no-repeat top left; height: 172px; width: 300px;}
#content #rightcol #contactPostit a { float: left; clear: both; width: 170px; color: #47529D; text-decoration: none; padding-left: 20px;}
#content #rightcol #contactPostit a:hover { color: #47529D; text-decoration: none; }
#content #rightcol #contactPostit h3 { float: left; width: 170px; padding-left: 20px; margin-top: 20px;}
#content #rightcol #contactPostit p { float: left; clear: both; width: 165px; line-height: 14px; padding-left: 20px;}

/* EDIT PROFILE */
#content .btnUpdateProfile { float: left; margin-left: 5px; margin-top: 15px; clear: both; }
#content #ctl00_cphLeftCol_lblSuccess { margin-left: 5px; margin-top: 10px; float: left; clear: both; font-weight: bold; }
#content #rightcol #ctl00_cphRightCol_ChangePassword1 { width: 295px; margin-left: 5px; }
#content #rightcol #nonDisplayData { background: #CEDFF2; width: 275px; margin-left: 5px; padding:10px 0px 0px 20px;}
#content #rightcol #nonDisplayData .ddlInput { width: 220px; float: left; clear: both;}
#content #rightcol #nonDisplayData p { margin-bottom: 0px; }
#content #rightcol #nonDisplayData .txtInput { width: 215px; float: left; clear: both;}
#content #topRight #h3Name { float: left; width: 175px; font-size: 20px;}
#content #topRight #ctl00_cphTopRight_pnlProfileFields { background: #E6E7DA; float: left; width: 255px; height: 300px; margin-left: 5px; padding: 5px 20px; }
#content #topRight .btnLogout { position: relative; top: 3px; }
#content #topRight #profileLinks { float: left; clear: both; width: 250px; margin-top: 15px; color: #243B8E; font-size: 12px;}
#content .txtBigInput { padding: 3px; border: 1px solid #7B7EBA; float: left; clear: both; width: 445px; height: 100px; margin-top: 5px; margin-bottom: 10px; margin-left: 5px; }

/* EDIT PHOTOS */
#content #photoUpload { margin-top: 10px; width: 275px; height: 80px; text-align: center;  float: right; background: #CEDFF2 no-repeat top left; padding: 20px;}
#content #photoUpload #ctl00_cphTopPhotos_btnSaveChanges { position: relative; top: 7px; }
#content #topPhotos #btnBackToProfilePhoto img { margin-top: 20px; margin-left: 15px; }
#content #topPhotos #ctl00_cphTopPhotos_pnlPhotoGallery { float: left; width: 425px; margin-left: 20px; }
#content #topPhotos .photoDiv { }
#content #topPhotos .photoDiv .buttonControls { text-align: center; margin-top: 10px; margin-bottom: 10px; width:425px; height: 30px; background: #E6E7DA no-repeat top left;}
#content #topPhotos .photoDiv .buttonControls input { cursor: hand; cursor: pointer; }
#content #topPhotos .photoDiv input { margin-top: 3px; clear: both; color: #243B8E; border: 0px; }
#content #topPhotos .photoDiv .imgDiv { text-align: center; clear: both; }
#content #topPhotos .photoDiv .imgDivPrimary { border: 1px solid #f00; text-align: center; clear: both; }
#content #topPhotos #photoRight { float: right; clear: none; width: 315px; }
#content #topPhotos #photoInfo { float: right; width: 275px; background: #CEDFF2; padding: 20px;}
#content #topPhotos #photoUpload { float: right; clear: both; }
#content #topPhotos #photoUpload h4 { margin-top: 0px; }
#content #topPhotos #uploadBlurb { margin-top: 0px; }

/* VIEW PROFILE */
#content #topRight #ctl00_cphTopRight_pnlViewProfileFields { background: #E6E7DA; float: left; width: 255px; height: 293px; margin-left: 5px; padding: 10px 20px; }
#content #topRight #ctl00_cphTopRight_pnlViewProfileFields #h3Name { font-size: 20px; margin-bottom: 20px; float: left; width: 210px;}
#content #topRight #ctl00_cphTopRight_pnlViewProfileFields .label { font-size: 14px; width: 150; font-weight: bold;}
#content #topRight #ctl00_cphTopRight_pnlViewProfileFields .profileField { font-size: 14px; clear: both; float: left; margin-top: 5px; margin-left: 0px; width: 210px;}
#content #topRight #ctl00_cphTopRight_pnlViewProfileFields a { float: left; width: 210px; margin-top: 15px; }
#content #leftcol #viewProfileFields2 h3 { font-size: 16px; }
#content #leftcol #viewProfileFields2 .profileField { margin-left: 5px; font-size: 12px; }

/* PRINT CARDS */
#content #topPhotos #cardHolder { width: 700px; margin-top: 20px; }
#content #topPhotos .cardDiv { height: 181px; width: 317px; float: left; }
#content #topPhotos h4 { margin-top: 20px; }
#content #topPhotos .memberName { color: #000; font-size: 12px; text-align:center; position: relative; top: -71px; left: 71px;}
#content .print { font-weight: bold; }
#content .print a { font-weight: bold; cursor: pointer; cursor: hand; }

/* ADMIN */
#content #ctl00_cphLeftCol_btnCancel { float: left; margin-left: 20px; clear: none; }
#content #ctl00_cphLeftCol_btnSave { float: left; clear: both; }
#content #ctl00_cphLeftCol_pnlMemberInfo .header { float: left; width: 140px; font-size: 14px; margin-top: 15px; border-bottom: 2px solid black;}
#content #ctl00_cphLeftCol_pnlMemberList .section { float: left; width: 140px; font-size: 10px; margin-top: 5px; border-bottom: 1px solid black; padding-bottom: 3px; height: 25px; line-height: 25px;}
#content #leftAdminCol { clear: both; width: 780px; }
#content #leftAdminCol .txtBigInput { margin-left: 0px; }

/* MANAGE BILLING */
#content #ctl00_cphLeftCol_pnlManageBilling { margin-left: 5px; }
#content #ctl00_cphLeftCol_pnlManageBilling .acctDiv { float: left; width: 210px; margin-left: 10px; }
#content #ctl00_cphLeftCol_pnlManageBilling .acctDiv .ddlInput { width: 190px; float: left; clear: both;}
#content #ctl00_cphLeftCol_pnlManageBilling .acctDiv .txtInput { width: 185px; }
#content #ctl00_cphLeftCol_pnlManageBilling .breaker { margin-left: -10px; width: 450px; height: 2px; margin-top: 20px; margin-bottom: 10px;}
#content #ctl00_cphLeftCol_pnlManageBilling .btnRegister { margin-top: 15px; margin-left: 10px; margin-bottom: 50px;}
#content #ctl00_cphLeftCol_pnlManageBilling #cancelSub { width: 420px; background: #CEDFF2; padding:15px; margin-top: 30px;}
#content #ctl00_cphLeftCol_pnlManageBilling #cancelSub h3 { margin-top: 0px; }
#content #ctl00_cphLeftCol_pnlManageBilling .chkBox { margin-left: 10px; }
#content #ctl00_cphLeftCol_pnlManageBilling h4 { color: #A4A5A3; font-size: 12px; margin-top: 3px; padding: 0px;}
#content #ctl00_cphLeftCol_pnlManageBilling #membershipPricing { margin-left: 10px; }
#content #ctl00_cphLeftCol_btnUpdateBilling { margin-top: 20px; clear: both; }