body {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  padding: 0px;
}

#top-content-frame {
  border: none;
  border-collapse: collapse;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#page-popup .bd { padding: 0px; }

#page-popup iframe {
  width: 100%;
  height: 400px;
  border: none;
}

p { margin: 1em 0em; }

#doc { border: 1px solid #888; margin-bottom: 2em; }

/* for inner frames */
#ata-doc {
  margin:auto;text-align:left; /* leave unchanged */
	margin-top: 1em;
	width: 56em;/* non-IE */
	*width: 55em;/* IE */
  min-width:56em;
}

#ata-doc2 {
	padding: 12px 24px 12px 24px;
    width: 26em;/* non-IE */
    *width: 25em;/* IE */
}

#hd {
  height: 118px;
  background: #fff url(../images/customer-header.png) top left;
  border-bottom: 1px solid #888;
}

#hd h1 { display: none; }

#bd { 
	padding: 0px;
}
#bd2 {
	width: 700px;
}
#bd2 h2 {
	font-weight: bold;
	font-size: 110%;
	background:#ddd url(../images/bg_gray.jpg) repeat-x top left;
	padding: 2px 5px;
	border: 1px solid #aaa;
}

#ft {
  background:#ddd url(../images/bg_gray.jpg) repeat-x top left;
  border-top: 1px solid #888;
  padding: 0px;
  padding-right: 5px;
  height: 22px;
}
#ft a { 
  color: #333;
	text-decoration: none;
  /* text-transform: uppercase; */
}
#ft a:hover { 
	color: blue;
	border-bottom: 1px dotted blue; 
}
#ft ul { display: block; margin: 2px 0px; padding: 0px;}
#ft li { display: inline; padding: 0px 10px; margin: 0px;}

#top-links {
  background:#ddd url(../images/bg_gray.jpg) repeat-x top left;
  padding: 2px 5px;
  padding-top: 4px;
  border-bottom: 1px solid #aaa;
  text-align: right;
  font-size: 11px;
  height: 16px;
}
#top-links a {
  color: #333;
		text-decoration: none;
	/* font-weight: bold; */
  text-transform: uppercase;
	padding-left: 8px;
	padding-right: 8px;
}
#top-links a:hover {
  color: blue;
}

.box { border: 1px solid #aaa; margin-bottom: 15px; }

.box-hd {
  background:#ddd url(../images/bg_gray.jpg) repeat-x top left;
  padding: 2px 5px;
  border-bottom: 1px solid #aaa;
}

.plain { background: none; border: none; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.box h2 { font-weight: bold; }
.box-bd { padding-left: 20px; padding-right: 20px; }
.box-bd div {
  margin-bottom: 2em;
}
.box-bd p {
	line-height: 150%;
}
.box-bd li {
	list-style-type: circle;
	margin-left: 3em;
}
.box-bd table { margin-left: auto; margin-right: auto;}

/* slimmer contents for single column layout */
.yui-t7 .box { margin: 1em 8em; background-color: #eee; border: 1px solid #bbb;}

label { display: block; font-weight: bold; padding: 5px 0px;}
label.eg { font-style: italic; font-size: 0.85em; font-weight: normal;}
table label { text-align: right; }
td { padding: 5px; }

textarea { width: 100%; height: 10em; background-color: #fff;}
input, select { background-color: #fff; }
input[type=file] { width: 98%; padding: 5px; border: 1px solid #aaa;}
label.not-required { font-weight: normal; }
select { width: 100%; }

#registration {
}
#registration th {
	white-space: nowrap;
    vertical-align: top;
}
#registration td {
    vertical-align: top;
}
#registration .field {
	width: 20em;
	border: 1px solid #888;
	background-color: #eef;
}
#registration .note {
	font-size: 90%;
}

#payment {
}
#payment .field {
  border: 1px solid #888;
  background-color: #eef;
}
#payment .big-field {
  width: 20em;
  border: 1px solid #888;
  background-color: #eef;
}
	
.field {
    border: 1px solid #888;
    background-color: white;
}
.big-field {
    width: 25em;
    border: 1px solid #888;
    background-color: white;
}
label {
	white-space: nowrap;
}

/* for the payment form */
#month, #year { width: auto; }
#cvv { width: 3em; }

#loginDialog {
	background-color: #f6f6f6;
}
#loginDialog a { font-weight: bold; }
#loginDialog hr { margin-top: 12px; margin-bottom: 12px; }
#loginDialog .field { 
    border: 1px solid #666; width:110px;
    padding-left: 5px;
    background-color: white;
}
#loginDialog .loginfields { margin-top: 12px; border:0px; }
#loginDialog .loginfields td { 
    border: 0px;
    padding-left: 0px; padding-top: 0px;
    padding-right: 8px; padding-bottom: 4px; 
}
#loginDialog .loginfields th { 
    border: 0px;
    white-space: nowrap;
    font-weight: bold; font-size: 115%; 
    text-align: right; 
    padding-left: 0px; padding-top: 0px;
    padding-right: 8px; padding-bottom: 5px; 
}
#loginDialog .note {
    margin-top: 8px;
    font-size: 10px;
    text-align: right;
}
#loginDialog .note .button {
    margin-left:8px; margin-top: 6px;
}
#loginDialog .note .button2 {
    margin-left:8px; margin-top: 2px;
}
#loginDialog .section-1 { 
    text-align: center;
    padding-top: 20px;
    background-image: url('../images/circle_gray1.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
#loginDialog .section-2 { 
    text-align: center;
    padding-left: 20px;
    background-image: url('../images/circle_gray2.png');
    background-repeat: no-repeat;
    background-position: 0px 50px;
}
#loginDialog .section-3 { 
    text-align: center;
    background-image: url('../images/circle_gray3.png');
    background-repeat: no-repeat;
    background-position: left center;
}

#devLinksPanel .bd { background-color: #ffc; text-align: left;}
#devLinksPanel .hd { background-color: #ff8; background-image: none;}
#devLinksPanel .customer-state {
	padding-top: 6px;
}
#devLinksPanel .customer-state input {
    margin-right: 4px;
    margin-left: 8px;
    width: 12px;
}

#popup-content {
  text-align: left;
  padding: 12px;
}

#popup-content h2 {
    font-size: 110%;
    font-weight: bold;
}
#popup-content h3 {
	font-size: 105%;
    font-weight: bold;
}
#popup-content p {
    line-height: 180%;
}