@charset "utf-8";
/* CSS REGISTER */
body {margin: 0px; background-image:url(images/bg-reg.jpg);}
form {margin: 0; padding: 0;}

#wrapper-reg {width:897px; height:100px; margin:auto;}
#wrapper-account {width:897px; height:885px; margin:auto;}
#wrapper-profile {width:897px; height:885px; margin:auto;}

#header-global {background-image:url(images/header-global.jpg); height:109px;}

#body-reg {background-image:url(images/bg-reg-2.jpg); height:850px;}
#body-account {background-image:url(images/header-my-account-duplicate.jpg); height:auto;}
#body-profile {background-image:url(images/bg-my-account.jpg); height:651px;}

#link {float:left;}


#login-global {background-image:url(images/bg-brown-global.jpg); height:31px;}
#login-global {background-image:url(images/bg-brown-global.jpg); height:31px;}
#login {background-image:url(images/bg-brown.jpg); height:31px;}
.login {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; float:left; padding-top:9px; padding-left:62px;}
.logout {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; float:right; padding-top:9px; padding-right:62px;}

#cb-logo {padding-left:46px; padding-top: 20px; padding-right:20px; float:left;}
#swirl-logo {float:right; padding-right:45px; padding-top:30px;}

#footer-reg {
	padding-left:78px;
	width:743px;
	height: 22px;
	float: left;
}
#footer-account {padding-left:78px; float:left; width:743px; padding-top:25px; }
#footer-profile {padding-left:78px; float:left; width:743px; padding-top:100px; }

#title-reg {
	background-image:url(images/header-register.jpg);
	height:94px;
}
#title-edit {background-image:url(images/header-editprofile.jpg); height:94px;}
#title-account {background-image:url(images/header-my-account2.jpg); height:93px;}
#title-account2 {background-image:url(images/header-my-account3.jpg); height:150px;}
#title-profile {background-image:url(images/header-myprofile.jpg); height:94px;}

#info {
	float:left;
	padding-left:160px;
	padding-top:50px;
	width:600px;
	height: 775px;
}
.clr {
	clear: both;
}

#info-profile {float:left; padding-left:160px; padding-top:50px; width:600px; height:460px;}

#account-copy {padding-left:160px; padding-top:50px; height:100px; width:580px;}
#table {padding-left:160px; padding-top:10px; height:250px; width:580px;}

#form-view {padding-top:10px; padding-left:160px; width:580px; height:90px;}
#button {padding-left:160px; padding-top:5px; height:40px; width:571px;}

.black {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.bold-black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000; text-decoration: none;}
a:hover.bold-black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000; text-decoration: none;}
.white {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.bold-white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ad0710; text-decoration: none;}
a:hover.red  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#996633; text-decoration: none;}
a:hover.white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#CCCCCC; text-decoration: none;} 
.yellow {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffc600; text-decoration: none; }
.brown {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#663300; text-decoration: none; padding-right:30px;}
.orange {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF9900;}
a:hover.orange {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFCC33;}
.bold-brown-13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #531b1e; text-decoration: none;}
.bold-brown-11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #531b1e; text-decoration: none;}

.information { border: 1px solid #CCCCCC; width: 180px;}
.information2 { border: 1px solid #CCCCCC; width: 130px;}
.information3 { border: 1px solid #CCCCCC; width: 60px;}
.card{ border: 1px solid #CCCCCC; width: 40px;}
.dash {padding-top:15px; padding-bottom:15px;}
#dash2 {padding-left:160px; width:590px;}
.space {padding-top:10px;}

.bg-top {background-color:#531b1e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;}
.table-top{ padding-top:10px;}
.cell {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.cell-grey {background-color:#f6f4f0;}

.form-box { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 170px;}
.brown2 {
	color:#663333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#title-regb {
	background-image:url(images/header-register.jpg);
	height:64px;
	padding-top: 30px;
	padding-left: 240px;
}

.required-field-note {
	display: block;
	font-style: italic;
	margin: 0px 0px 10px -10px;
}