/* =Styles Import
--------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("hacks.css");
@import url("layout.css");

/* =Links
--------------------------------------------------------------------------------------- */
a { padding: 1px; }
a:hover { background-color:#003399; color:#FFFFFF; text-decoration: none; }

/* =Miscellaneous
--------------------------------------------------------------------------------------- */
.floatleft		{ float:left !important; }
.floatright		{ float:right !important; }

.hr { background:transparent url(../images/doth.gif) repeat-x scroll left top; clear:both; font-size:1px; height:1px; line-height:1px; margin:15px 0pt 10px; }
hr { display: none; }

#domain-expiry { font-size: 48px; font-weight: bold; margin-bottom: 0pt; margin-top: -0.5em; margin-left: 2em; font-family: 'trebuchet MS'; color: #999; }

/* = Home page
--------------------------------------------------------------------------------------- */
#splash { background: #fcf9ac url(../images/splash-bg.gif) repeat-x top; border-bottom: 1px solid #e8e751; float:left; width:99.9%; }
#pefasaur { float: left; width: 100%; background: transparent url(../images/dino.png) no-repeat scroll right 55%; color: #999900; padding-top: 25px; }
#pefasaur h1 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; }
#pefasaur p { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #999900; line-height: normal; }
#pefasaur #copy { margin-top: 40px; margin-bottom: 32px; width: 450px; }
#splash #example-top { background: transparent url(../images/example-bg-top.gif) no-repeat; width: 511px; height: 12px; }
#splash #example-bottom { background: transparent url(../images/example-bg-bottom.gif) no-repeat; width: 511px; height: 12px; }
#splash #example { background: #fff; border-left: 1px solid #f8ecb4; border-right: 1px solid #f8ecb4; width: 502px; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#splash #example span { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #777; }

.wrapper { margin: 0pt auto; text-align: left; width: 850px; }

#ways { float: left; margin-top: 20px; }
#ways .onecolumn { float: left; margin: 0pt 80px 20px 0pt; width: 230px; }
#ways .last { margin-right: 0pt !important; }

.fullcolumn { margin: 0pt; float: left; width: 850px; text-align:center; }

#ways h2 { color: #777; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
#ways p { color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

#emailform fieldset { border: medium none; margin: 0pt 0pt 10px; padding: 0pt; }
fieldset { border-color: #c4e3ff; border-style: solid; border-width:: 0pt 0pt 4px; margin-bottom: 20px; padding-bottom: 25px; }
#emailform input, submit { vertical-align: middle; }
input#email-field { margin: 4px 15px 0pt 0pt; width: 361px; background: #f9f9f9 none repeat scroll 0% 50%;  border: 2px solid #dddddd; color: #777777; }
input#email-field:focus { border: 2px solid #bbb; }
input.textfield, textarea { font-family: "Trebuchet MS"; font-size:150%; padding: 5px 10px; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #c6391c; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777; }

p.error { color: red; }


/* =Content
--------------------------------------------------------------------------------------- */
#container h1				{ font-size:36px; color:#c73c1e; font-weight:bold; margin-bottom:30px; }
#container legend			{ font-size:24px; font-weight:bold; color:#666; padding-bottom:20px; }
#container input:focus		{ border-color:#777; }
#container textarea:focus	{ border:#777; }
#container select:focus		{ border-color:#777; }
#row1						{ padding:0 0 30px 30px; color:#ddd; font-size:36px; font-weight:bold; }
#row1 input					{ border:2px solid #ddd; width:240px; height:25px; color:#000; padding:10px 0 0 10px; }
#row1 select				{ border:2px solid #ddd; width:80px; height:37px; color:#000; padding:0; font-size:22px; }
#row2						{ padding:0 0 30px 30px; }
#row2 input					{ border:2px solid #ddd; width:540px; height:25px; color:#000; padding:10px 0 0 10px; }
#row3						{ padding:0 0 0 30px; }
#container label			{ font-size:20px; font-weight:bold; color:#999; margin-bottom:5px; }
#row3a						{ padding:0 0 20px 30px; }
.r3al						{ width:290px; float:left; margin-bottom:10px; }
.r3ar						{ width:290px; float:left; margin-bottom:10px; }
#row3a label				{ clear:both; }
#row3a input				{ border:2px solid #ddd; width:240px; height:25px; color:#000; padding:10px 0 0 10px; }
#row3b						{ padding:0 0 30px 30px; color:#ddd; font-size:36px; font-weight:bold; }
#row3b label				{ clear:both; display:block; }
#row3b input				{ border:2px solid #ddd; width:240px; height:25px; color:#000; padding:10px 0 0 10px; }
#row3c						{ padding:0 0 20px 30px; }
#row3c label				{ clear:both; }
#row3c input				{ border:2px solid #ddd; width:240px; height:25px; color:#000; padding:10px 0 0 10px; }
#row3d						{ padding:0 0 20px 30px; }
#row3d select				{ border:2px solid #ddd; width:80px; height:37px; color:#000; padding:0; font-size:26px; }
#row3d label				{ clear:both; display:block; }
#row3d input				{ border:2px solid #ddd; width:240px; height:25px; color:#000; padding:10px 0 0 10px; }

#row4				{ padding:0 0 0 30px; }
#row4 p				{ font-size:14px; color:#000; line-height:18px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; }
#row4 label			{ font-size:14px; color:#000; line-height:30px; margin-bottom:15px; font-weight:normal; padding-left:30px; }
.submit				{ margin-left:30px; margin-top:20px; }


/* =Account
--------------------------------------------------------------------------------------- */
#emails { padding-top: 15px; margin-bottom: 10px; font-size: 14px; line-height: 140%; }
#emails table {  width: 100%; margin-bottom: 1em; border-collapse: collapse; }
#emails table tr { border-bottom: 1px solid #ddd; 	vertical-align: top; color: #555; }
#emails table td  { border-bottom: 1px solid #ddd; }
#emails tr.top { font-family: arial; }
#emails tr.top td { padding-left: 30px;   padding-bottom: .55em; }
#emails table td.email { font-size: 18px;   font-family: 'trebuchet MS';   font-weight: bold;   width: 370px; }
#emails table td span { display: block;   margin: 1em 0pt;   padding-left: 35px; }
#emails table td.image img { margin: 1em 0pt; }
#emails table td span.edit a { font-family: arial;  font-size: 14px; font-weight: normal; }
#emails table td.forward { font-size: 18px; font-family: 'trebuchet MS'; font-weight: bold;  color: #999; }