body {
  background: #000;
  font-family: arial, helvetica;
  margin: 0;
  padding: 0;
}

p { padding: 0px; margin: 10px 0px; line-height: 18pt;}
a img { border: 0px; }
a, a:visited { color: #ff0000;font-weight: bold;text-decoration: none }
a:hover { color: #ff0000;font-weight: bold;text-decoration: underline }

/* Forms */
.butan {
	color: #fff;
	font-weight: bold;
	width: 144px;
	height: 25px;
    border: none;
    background: url('/lib/img/core/button_bg.png') no-repeat top left;
    padding-bottom:4px;
}

.greybutan {
	color: #fff;
	font-weight: bold;
	width: 144px;
	height: 25px;
    border: none;
    background: url('/lib/img/core/button_grey_bg.png') no-repeat top left;
    padding-bottom:4px;
}

fieldset input { 
  padding: 5px;
  border: 1px solid #bbbab0;
  font-size: 11pt;
  color: #8f8e7c;
}
.input_field { margin: 0 0 20px 0; }
.input_hint { 
  position: relative; 
  top: -10px; 
  margin: 0 0 20px 0; 
  font-size: 9pt; 
  color: #787661; 
  line-height: 16pt;
  padding-right: 20px;
}

fieldset label {
  display: block;
  font-size: 9pt;
  color: #787661;
  font-weight: bold;
  padding: 0 0 10px 0;
}
fieldset { border-width: 0; }


#notice {
  margin-top: 20px; 
  background-color: #fe9;
  padding: 10px;
  color: #f00;
  border: 1px solid #f90;
}

.fieldWithErrors { display: inline; }
.fieldWithErrors input, .fieldWithErrors textarea { border: 1px solid #f00; }
.formError
{
  padding-top: 1px;
  margin-top: 3px;
  font-size: 9pt;
  color: #f00;
  padding-left: 18px; 
  background: url(bullet_error.png) left top no-repeat;
}
.inputBox .formError { margin-left: 145px; margin-bottom: 10px; }

/* Header */

/*#header { 
  width: 489px;
  margin: 0px;
  height: 108px;  
  position: relative;
  margin: auto;
  left:-226px;
  top:0;
  background: transparent url('/lib/img/core/header2.png') center center no-repeat;
}*/

#header { 
  width: 1023px;
  margin: 0px;
  height: 148px;  
  position: relative;
  margin: auto;
  left:0;
  top:0;
  background: transparent url('/lib/img/dawn/header3_dawn.png') center center no-repeat;
}

#join {
	float: left;
	height: 44px;
	width: 480px;
	position:relative;
	background: url('/lib/img/dawn/join_club_dawn.jpg') center center no-repeat;
}

/*#header span#top_nav { 
	top: 10px; 
	right: 20px;
	font-size: 10pt;
	color: #000;
	float:right;
	padding: 0;
	margin: 0;
	float:right;
	position:relative;
	left:450px
}*/

#header_content {
	font-size: 10pt;
	text-align: right; 
	margin: 0 auto;
	color: #fff;
	overflow: auto;
	zoom: 1;
	position:relative;
	padding-right:5px;
	left:2px;
}

#header_content ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top:2px;
}
#header_content ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 10pt;
  display: inline;
}
#header_content span {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 9pt;
}
#header_content a, a:visited { color: #fff;font-weight: bold;text-decoration: none }
#header_content a:hover { color: #fff;font-weight: bold;text-decoration: underline }

/* Content Area */

#content h1 {
  font-size: 16pt;
  margin: 0; 
  padding: 35px 0 0 0;
  color: #fff;
}
#content h2 {
  margin: 0; 
  padding: 15px 0 10px 0;
  font-size: 13pt;
  color: #fff;
  line-height: 18pt;
}
#content h3 {
  margin: 0; 
  padding: 0 0 10px 0;
  font-size: 11pt;
  color: #fff;
  line-height: 18pt;
}
#content h2.big {
  font-weight: normal;
  font-size: 15pt;
  color: #000;
  line-height: 22pt;
  padding-bottom: 30px;
}
#content h1.heading {
  font-size: 16pt;
  margin: 0; 
  padding: 0 0 0 0;
  color: #000;
}
#content h2.heading {
  font-size: 16pt;
  margin: 0; 
  padding: 0 0 0 0;
  color: #000;
}
#content p {
  color: #f6f6e9;
}

#main_content { 
  width: 950px;
  margin: auto;
  min-height: 400px;

  /* IE6 min-height hack */  
  height: auto !important;
  height: 400px;
}

#main_content_product { 
  width: 930px;
  margin: auto;
  min-height: 400px;

  /* IE6 min-height hack */  
  height: auto !important;
  height: 400px;
}

#content { 
  background: #000;
  zoom: 1;  /* Trigger 'hasLayout' in IE */
  overflow: hidden;
  color:#fff;
}

/* Text Content */

#main_content div.text_content_main {
  width: 440px;
  float: left;
  padding: 30px 0 30px 0;
}

#main_content div.text_content_right {
  width: 275px;
  float: left;
  padding: 30px 0 0 20px;
  color: #787661;
  font-size: 11pt;
  line-height: 20pt;  
}
#main_content div.text_content_main p, #main_content div.text_content_right p { padding-bottom: 15px; }

/* Footer */
#footer {   
  background: #000 url('/lib/img/dawn/footer_bg_dawn.png') repeat-x top left;
  height:53px;
} 

#footer_content {
 	padding-top:20px;
	font-size: 10pt;
	text-align: left; 
	width: 950px;
	margin: 0 auto;
	color: #fff;
	overflow: auto;
	zoom: 1;
}

#footer_content ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}
#footer_content ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 9pt;
  display: inline;
}
#footer_content a, #footer_content a:visited {
  color: #CC0000;
}
#footer_content a:hover {
  color: #ffffff;
}
#footer_content span {
  width: 900px;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 9pt;
}

.learn_nextlink {
  display: block;
  clear: both;
}

/* Buttons */

a.dialog_button span { display: none; }

a.dialog_button { 
  display: block;
  background-repeat: no-repeat;
  border: 0;
  padding: 0;
  margin: 0px 3px;
  text-decoration: none;
  height: 52px;
}

/* my account page */

#acct_content {
  margin: 0 auto;
  width: 980px;
  padding: 20px 0 0 0;
  overflow: auto;
  zoom: 1;
  position: relative;
}

#content div.box h1.site_name {
  padding: 10px 0px;
  margin: 0;
 }

.box {
  position: relative;
  font-size: 9pt;
  zoom: 1;
  color: #787661;
  border: 1px solid #f4e2bd;
  background-color: #fefbf1;
  padding: 20px;
  margin: 0 0 20px 0;
}

#manage_site { 
  position: absolute; 
  top: 15px; 
  right: 40px; 
}
.box span.arc {
  display: block; 
  width: 6px;
  font-size: 1px;
  height: 6px;
  position: absolute;
  background-image: url('arc.png');
  background-repeat: no-repeat;
}
.box span.topleft { top: -1px; left: -1px; background-position: top left; }
.box span.topright { top: -1px; right: -1px; background-position: top right; }
.box span.arc.bottomleft { bottom: -1px; left: -1px; background-position: bottom left; }
.box span.arc.bottomright { bottom: -1px; right: -1px; background-position: bottom right; }


#acct_content .box h2 {
	font-size: 13pt;
	margin: 0 0 15px 0; 
	padding: 0 0 13px 0;
	color: #787661;	
	font-weight: normal;
	border-bottom: 1px solid #f4e2bd;
}

.account_information {
	width: 280px;
	height: 210px;
	float: left;
}
.beta_details {
	width: 600px;	
	height: 210px;	
	float: right;
}

img.top_box_btn {
	position: absolute;
	top: -3px;
	right: 0;
}

img.mini_icon {
	position: relative;
	top: 4px;
}

.box p { line-height: 14pt; }

span.tr,
span.th { float: left; width: 140px; padding: 0 0 0 20px; }
span.th_first { float: left; width: 115px; padding: 0 0 0 0; font-weight: bold; }

/* .first { padding: 0; width: 115px; } */

span.th { font-weight: bold; }
.active { font-weight: bold; color: #5d9f44; }
p.th_p { font-weight: bold; }
p.site_name, 
p.email {
	font-size: 13pt;
	padding: 10px 0 10px ;
}

p.borderline {
	border-bottom: 1px solid #f4e2bd;
	padding: 0 0 12px 0;
	margin: 0 0 10px 0;
	overflow: auto;
	zoom: 1;
}
p.beta_welcome {
	width: 435px;
	float: left;	
	font-size: 12pt;
	line-height: 20pt;
}
p.beta_invites {
	float: left;
	padding: 0 0 0 20px;
}
img.sendbetainvites_btn {
	position: absolute;
	bottom: 15px;
	right: 20px;
}
#three_acct_features {
	font-size: 9pt;
	color: #787661;
	line-height: 16pt;
}
#three_acct_features a { font-size: 10pt; }
#acct_content #three_acct_features h3 { margin: 0; padding: 0; color: #787661; }

#three_acct_features img.big_icon { padding: 0 15px 60px 0; }

#three_acct_features .mfirst, 
#three_acct_features .msecond, 
#three_acct_features .mthird {
	width: 280px;
	padding: 20px;
	float: left;
	margin: 0 0 20px 0;
}
#three_acct_features .msecond { 
	border-right: 1px solid #f4e2bd;
	border-left: 1px solid #f4e2bd;	
}

#three_acct_features .msecond img { 
        padding-bottom: 0; 
}

.clear { clear: both; }


/* ennd my account page */


.small { font-size: 12px}
.compact { font-size: 11px; color:#FF7300; font-weight:bold}
/* NEW */
.main_column
{
	float: left;
	padding-left: 20px;
}
.main_home_left      { font: 19px Arial; color: #696767; margin-left: 15px; margin-right: 15px; text-align: justify; }
.main_home_left_bott { font: 12px Arial; color: #696767; margin-left: 5px; margin-top: 10px; padding-left: 52px; height: 48px;
					   background: url(../images/main_ui/home_lbottom.gif) no-repeat 0px 0px; }
.main_home_left_bott b { display: block; color: #56a30c; font-size: 20px; padding-top: 2px; }

/* boxes */
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1100px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/lib/img/dawn/box_dawn.png) no-repeat top right;
 _background-image:url(/lib/img/dawn/box_dawn.png);
}

.dialog .content {
 position:relative;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}
.col {
 float:left;
 display:inline;
 width:49%;
 _width:48%;
 margin:0px 0.5% 0px 0.5%;
}
.col.wide {
 margin-right:0px;
 _margin-left:0px;
}
.col.last {
 margin-right:0px;
}
.col.small {
 _margin:0px;
}
/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:155px; /* minimum content height, so bottom shade fills in nicely - can ignore if no gradient in dialog, etc. */
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

/* black boxes booya */

.dark_dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dark_dialog .content,
.dark_dialog .t,
.dark_dialog .b,
.dark_dialog .b div {
 background:transparent url(/lib/img/core/box-black.png) no-repeat top right;
 _background-image:url(/lib/img/core/box-black.png);
}

.dark_dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dark_dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dark_dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dark_dialog .b,
.dark_dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dark_dialog .b {
 background-position:bottom right;
}

.dark_dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dark_dialog .hd,
.dark_dialog .bd,
.dark_dialog .ft {
 position:relative;
}

.dark_dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dark_dialog h1,
.dark_dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dark_dialog h1 {
 padding-bottom:0px;
}

/* content-specific */

.dark_dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dark_dialog .wrapper {
 min-height:155px; /* minimum content height, so bottom shade fills in nicely - can ignore if no gradient in dialog, etc. */
}

.dark_dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

.dialog a, a:visited { color: #cc0000;font-weight: bold;text-decoration: none }
.dialog a:hover { color: #cc0000;font-weight: bold;text-decoration: underline }

/* fancy text boxes booya */
.textboxdiv {
	margin:0;
	height:29px;
	width:174px;
	background:url(/lib/img/dawn/textbox_bg_dawn2.png) no-repeat bottom;
	float:right;
}

.textboxsmalldiv {
	margin:0;
	height:29px;
	width:110px;
	background:url(/lib/img/dawn/textbox_bg_short_dawn.png) no-repeat bottom;
	float:right;
}

.textbox {
	background:none;
	border:none;
	width:160px;
	height:20px;
	margin:0;
	padding: 8px 7px 0px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* message boxes */
#msgbox2{
	font-size: 0.9em;
	padding: 5px;
	border: 1px solid #DAD8D9;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	background: url('/lib/img/core/bg-msgbox.jpg') repeat-x;
}
#msgbox{
	padding: 5px;
	font-size: 0.9em;
	border: 1px solid #FAC03A;
	text-align: center;
	color: #333;
	font-weight: bold;
	background-color: #FBD685;
	margin-bottom: 10px;
	float: left;
	width: 98%;
}
#errbox{
	padding: 5px;
	font-size: 0.9em;
	border: 1px solid #710000;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color: #9B0000;
	margin-bottom: 0px;
	float: left;
	width: 98%;
}
#errbox a{
	color: #FFF;
	text-decoration: underline;
}
#errbox a:hover{
	text-decoration: none;
}

/* pagination lol */
#pagination-holder{
	float: left;
	width: 100%; 
	margin: 5px;
	font-size:11px;
}
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #4F4F4D;
	
	text-decoration: none; 
	color: #ccc;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #4F4F4D;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #4F4F4D;
	color: #ccc;
}
.float_right {
float:right !important;
position:relative;
}
.float_left {
float:left;
position:relative;
}
.float_none {
float:none;
position:relative;
}
.clear_left {
clear:left;
}
.clear_right {
clear:right;
}
.clear_both {
clear:both;
}
.text_center {
text-align:center;
}
.text_left {
text-align:left;
}
.text_right {
text-align:right;
}
/*Register*/
/*Form*/
#normform fieldset {
  margin: 10px 0;
  padding: 0px;
  border: 0px solid #DDD;
  color: #333;
}

#normform legend {
  font-weight: bold;
  color: #1B1D6B;
}
#normform div{
	margin-bottom: 5px;
}
#normform label{
	float: left;
	width: 240px;
	FONT-SIZE: 0.9EM;
}
#normform #note{
	font-size: 0.8em;
	margin-top: -5px;
	margin-bottom: 5px;
	float: right;
	width: 308px;
}

#normform input, textarea{
	width: 180px;
	margin-bottom: 5px;
}

#normform textarea{
	width: 250px;
	height: 150px;
}
#normform em{
	color: #FF0000;
	font-size: 1.1em;
}
#normform .boxes{
	width: 1em;
}
#normform .radio{
	width:20px;
	padding-top:15px;
}
#normform #submitbutton{
	margin-left: 160px;
	margin-top: 5px;
	width: 90px;
}
/*Form*/
/*corner Form*/
#cornform fieldset {
  margin: 10px 0;
  padding: 0px;
  border: 0px solid #DDD;
  color: #333;
}

#cornform legend {
  font-weight: bold;
  color: #1B1D6B;
}
#cornform div{
	margin-bottom: 5px;
}
#cornform label{
	float: left;
	width: 260px;
	FONT-SIZE: 0.9EM;
}
#cornform #note{
	font-size: 0.8em;
	margin-top: -5px;
	margin-bottom: 5px;
	float: right;
	width: 408px;
}

#cornform input, textarea{
	width: 260px;
	margin-bottom: 5px;
}

#cornform textarea{
	width: 250px;
	height: 150px;
}
#cornform em{
	color: #FF0000;
	font-size: 1.1em;
}
#cornform .boxes{
	width: 1em;
}
#cornform .radio{
	width:20px;
	padding-top:15px;
}
#cornform #submitbutton{
	margin-left: 160px;
	margin-top: 5px;
	width: 90px;
}
/*Form*/
/*Event Form*/
#eventform fieldset {
  margin: 5px 0 0 25px;
  border: 0px solid #DDD;
  color: #333;
}

#eventform legend {
  font-weight: bold;
  color: #1B1D6B;
}
#eventform div{
	margin-bottom: 5px;
}
#eventform label{
	float: left;
	width: 240px;
	font-size: 0.9em;
}
#eventform #note{
	font-size: 0.8em;
	margin-top: -5px;
	margin-bottom: 5px;
	float: right;
	width: 308px;
}

#eventform input, textarea{
	text-align:center;
	margin-bottom: 5px;
}

#eventform textarea{
	width: 250px;
	height: 150px;
}
#eventform em{
	color: #FF0000;
	font-size: 1.1em;
}
#eventform .boxes{
	width: 1em;
}

#eventform #submitbutton{
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}
/*Event Form*/
/*MyAccount*/
#account-details{
	height: 640px; 
	width: 440px; 
	float: left; 
	padding: 0px 10px 5px 10px; 
	margin-top: 0px;
}
#account-details .option{
	font-size: 0.8em; 
	margin-bottom: 25px;
}
.option .account-content{
	margin-left: 30px; 
	margin-right: 10px
}
.option .account-content span{
	font-size: 1.1em; 
	font-weight: bold
}
#account-order-details{
	height: 340px; 
	width: 440px; 
	float: right; 
	padding: 0px 10px 5px 20px; 
}
strong {
	font-weight:bolder;
}
#ftr-info{
	border-top: 1px solid #DAD8D9;
	font-size: 0.8em; 
	padding: 8px; 
	margin: 20px 0 0 10px; 
	float: left;
	width: 750px;
}
ul.real{
	padding:10px;
	margin:10px;
	border:1px solid #999;

}
ul.real li {
	list-style-type:disc;
	margin-left:10px;
}
.botmsignup	{
	width:348px;
	float:left;
	border:0px solid #999;
	padding:10px;
}
.botmsignup img {
	border:1px solid #999;
	margin-left:20px;
}
.botmsignup ul {
	height:100px;
}
.botmsignup form input {
	margin-left:200px;
}
#botmleft {
	float:left;
}
#botmright {
	float:right;
	border-left:1px solid #999;
}