/*******************
	Page Layout
********************/
body{ background:url("../images/register/header-small.gif") repeat-x; text-align:center; }
#page-wrapper{ width:970px; margin:0 auto; text-align:left; }
	#header{ width:970px; position:relative; height:130px; }
		a#brialto-logo{ position:absolute; top:26px; left:0; }
		#header ul.utilitary{ position:absolute;top:20px; right:-20px; width:480px; float:right; margin:0; padding:0; }
		#header ul.utilitary li{ float:left; width:120px; text-align:center; margin:0; padding:0; list-style:none; }
		#header ul.utilitary li a{ color:#fff; text-decoration:none; font-size:13px; display:block; }
		form#search{ width:230px; }
		form#search input#for{ background:url("../images/backgrounds/search.gif") no-repeat; color:#888; width:115px; padding:4px 0 0 8px; border:none; height:20px; position:relative; z-index:10; font-size:100%; }
		form#search #what-to-search{width:100px;}
	#content{ width:970px; float:left; }
		#steps{ width:970px; float:left; padding:24px 0; }
			#steps ul{ margin:0; padding:0; }
			#steps ul li{ margin:0; padding:0; list-style:none; font-size:17px; font-weight:bold; float:left; }
			#steps ul li a em{ display:block; background:url("../images/register/nav-pointer.gif") no-repeat; padding-left:25px; font-style:normal; }
			#steps ul li a, #steps ul li a:link, #steps ul li a:visited{ display:block; line-height:31px; padding:0 25px 0 0; color:#b2b2b2; text-decoration:none; background:url("../images/register/nav-pointer.gif") no-repeat bottom right; }
			#steps ul li a.current, #steps ul li a.current:link, #steps ul li a.current:visited{ background-position:right center; }
			#steps ul li a.current em, #steps ul li a.current:link em, #steps ul li a.current:visited em{ background-position:left bottom; color:#fff; }
			#steps ul li a em.blank{ background:none !important; }
			#steps ul li.register{ background:url("../images/register/pen.gif") no-repeat left center; line-height:31px; padding-left:32px; margin-right:30px; }
		#list{ width:970px; float:left; }
		.profileeditor{ width:970px; float:left; font-size:12px; }
			.profileeditor h2{ background:#4d4d4d; color:#f6a632; padding:10px 12px; margin:0; font-size:14px; font-family:Lucida Grande, 'Lucida Grande', sans-serif; font-weight:normal; }
			.profileeditor h2 label{ color:#999; margin-right:6px; font-size:10px; font-weight:normal; }
			.profileeditor h2 input.checkbox{ vertical-align:middle; }
			.profileeditor h3{ font-size:12px; }
			.location{ width:100%; float:left; background:url("../images/backgrounds/dotted.gif") repeat-x left bottom; margin-bottom:12px; }
				.location ul{ margin:0; padding:0; }
				.location ul li{ margin:0; padding:10px; float:left; list-style:none; display:inline-block; }
				.location ul li.image{ text-align:center; width:56px; }
				.location ul li.image img{ border:1px solid #666; display:block; margin:0 auto; }
				.location ul li.image a{ color:#999; text-decoration:none; font-size:10px; }
				.location ul li.locations{}
				.location ul li.locations label{ display:block; float:left; width:80px; font-weight:bold; font-size:11px; padding-top:2px; }
				.location ul li.locations br{ clear:right; }
	#blankbar{ width:100%; background-color:#D0C8B6; height:20px; border-top:1px solid #e8e4db; float:left; }
	.wide{ width:100%; }
	.wide.footer{ float:left; margin-top:10px; }
	.wide.underfooter{ float:left; background:url("../images/backgrounds/footer.gif") repeat-x; line-height:39px; }
		.centered{ width:970px; margin:0 auto; text-align:left; }


/*************************
	Site wide elements
**************************/
#authorinfo{ width:206px; float:right; color:#a2a2a2; margin-top:28px; }
	#authorinfo p{ margin:16px 0 0 0; }
	#authorinfo strong{ color:#fff; }
	#authorinfo a, #authorinfo a:link, #authorinfo a:visited{ color:#a2a2a2; text-decoration:none; }
	#authorinfo a:hover, #authorinfo a:active{ color:#fff; }

.mright{ margin-right:12px; }

ul.copyright{ margin:0; padding:0; float:right; }
ul.copyright li{ margin:0 8px 0 0; padding:0; float:left; font-size:85%; color:#a2a2a2; list-style:none; }
ul.copyright li a, ul.copyright li a:link, ul.copyright li a:visited{ color:#a2a2a2; text-decoration:none; }
ul.copyright li a:hover, ul.copyright li a:active{ color:#fff; }

ul.sitemap{ margin:0; padding:0; }
ul.sitemap li{ margin:0 12px 0 0; padding:0; float:left; list-style:none; }
ul.sitemap li a, ul.sitemap li a:link, ul.sitemap li a:visited{ color:#a2a2a2; text-decoration:none; }
ul.sitemap li a:hover, ul.sitemap li a:active{ color:#fff; }
a#redbrialto, a#redbrialto:link, a#redbrialto:visited{ background:url("../images/icons/b.png") no-repeat; width:21px; height:21px; float:left; display:block; margin-top:8px; }
a#redbrialto:hover, a#redbrialto:active{ background-position:left bottom !important; }

form.withhelp{ background-color:#e9e6dd; padding:20px 16px; margin-bottom:1em; overflow:auto; font-size:12px; }
form.withhelp fieldset{ position:relative; margin-bottom:0; }
.ie form.withhelp fieldset{ width:936px; float:left; }
form.withhelp label{ color:#fa6432; display:block; width:680px; clear:both; font-weight:bold; margin-bottom:6px; }
form.withhelp label.inliner{ display:inline; color:#000; font-weight:normal; margin:0 16px 0 8px;line-height:20px;  }
form.withhelp label em{ color:#999; float:right; font-style:normal; font-size:9px; }
form.withhelp label em span{ }
form.withhelp label strong{ color:#808080; }
form.withhelp input.text{ border:0; padding: 6px 8px; width:666px; }
form.withhelp input.text.small{ width:230px; }
form.withhelp input.text.half{ width:333px; }
form.withhelp input.radio{ vertical-align:middle; }
form.withhelp input.checkbox{ vertical-align:middle; }
form.withhelp input.threem{ width:193px; }
form.withhelp p{ padding-bottom:18px; margin-bottom:0; width:100%; float:left; clear:both; }
form.withhelp .spacerbottom{ margin-bottom:18px; }
form.withhelp p.submita{ text-align:right; margin:0; padding:10px 0 0 0; border-top:2px dotted #a09e9a; }
.ie6 form.withhelp p.submita{ margin-right:-3px; }
form.withhelp p.submita a{ float:right; }
form.withhelp p.submita strong{ color:#999; float:left; font-weight:normal; font-size:85%; padding-top:10px; }
form.withhelp p.tags{ width:680px; line-height:160%; overflow:hidden; }
form.withhelp p.tags a{ background:url("../images/icons/remove-tag.gif") no-repeat right center; display:inline-block; padding-right:16px; text-decoration:none; color:#000; margin-right:12px; }
form.withhelp p.tags a:hover{ text-decoration:underline }
form.withhelp p.addtag input{ width:200px; padding:4px 8px; border:none; float:left; margin-right:8px; }
form.withhelp div.w25percent{ width:175px; float:left; margin-bottom:16px; margin-right:20px; }
form.withhelp div.w25percent input{ width:140px; }
form.withhelp p.sidebyside label{ width:256px; float:left; clear:none; }
form.withhelp p.sidebyside input{ width:230px; float:left; margin-right:10px; }
form.withhelp p.threecols{ width:678px; }
form.withhelp p.threecols label{ width:209px; float:left; clear:none; margin-right:25px; }
form.withhelp p.threecols input{ width:193px; float:left; margin-right:25px; }
.ie6 form.withhelp p.threecols input{ margin-right:23px; }
form.withhelp textarea{ border:0; padding: 6px 8px; width:666px; height:152px; }
form.withhelp textarea.medium{ border:0; padding: 6px 8px; width:666px; height:100px; }
form.withhelp div.border{ border:2px solid #fff; padding:12px; margin-bottom:18px; width:654px; }
form.withhelp div.border a{ color:#666; }
form.withhelp div.border table{ margin-bottom:0; }
form.withhelp div.border table td{ vertical-align:middle; }
form#eventdetails textarea{ height:75px; }

.safari form.withhelp div.selects{ overflow:auto; }

.helpbubble{ width:212px; float:right; background:url("../images/backgrounds/helper-bottom.gif") no-repeat right bottom; position:absolute; right:0; }
.helpbubble .rounded{ width:212px; float:left; background:url("../images/backgrounds/helper-top-simple1.gif") no-repeat right top; }
.helpbubble .rounded .innerbub{ width:175px; float:left; background:url("../images/arrows/help-pointer2.gif") no-repeat left center; padding:15px 15px 15px 27px; }
.ie6 .helpbubble .rounded .innerbub{ padding-left:27px; width:165px; }
.helpbubble .rounded .innerbub h3{ margin:0 0 10px 0; padding:0; }
.helpbubble .rounded .innerbub p{ margin:0; padding:0; }

.withhelp .helpbubble{ display:none; }

table.calendarBox{ width:100%; background-color:#E9E6DD; margin-bottom:2em; }
table.calendarBox tr td{ border-bottom:1px dotted #666; padding:6px 10px; vertical-align:middle; }
table.calendarBox td.calendarTD{ width:50px; }
table.calendarBox td h3{ margin:0; padding:0; font-size:13px; font-weight:bold; }
table.calendarBox td h4{ margin:0; padding:0; color:#808080; font-size:11px; font-weight:normal; }

table.preamble{ width:100%; background:url("../images/register/table-bg.gif") repeat-y right top; color:#262626; }
table.preamble thead{  }
table.preamble thead th{ padding:10px; vertical-align:top; }
table.preamble thead th h2{ font-size:17px; margin:12px 0; }
table.preamble thead th h3{ font-size:12px; margin:0 0 12px 0; font-weight:normal; }
table.preamble thead th p{ font-weight:normal; font-size:12px; }
table.preamble thead th a{ width:160px; margin:0 auto; }
table.preamble tbody{  }
table.preamble tbody td{ padding:10px; }
table.preamble tbody td h2{ margin:10px 0; }
table.preamble tbody td p{ margin:0 0 10px 0; padding:0; }
table.preamble tr th, table.preamble tr td{ border-bottom:1px dotted #666; }
table.preamble thead.nobrd tr th{ border-bottom:none; }
table.preamble .graybg{ /*background-color:#e9e6dd;*/ text-align:center; width:214px; }
table.preamble .yellowbg{ /*background-color:#fcf3c0;*/ text-align:center; width:210px; }

#createbod{ width:682px; overflow:hidden; background-color:#fff; margin-bottom:18px; }
#createbod ul{ margin:16px; padding:0; width:666px; overflow:auto; }
#createbod ul li{ margin:0; padding:0; list-style:none; float:left; text-align:center; }
#createbod ul li h4{ margin:4px 0; color:#999; font-size:11px; font-weight:normal; }
#createbod ul li#bod{ margin:6px 40px 0 10px; }
#createbod ul li#bod div{ padding:10px; border:1px solid #999; }
#createbod ul li#bod div a{  }
#createbod ul li#bod a#reset{ color:#999; text-decoration:none; font-size:9px; display:block; margin:5px 0 0 0; }
#createbod ul li#sex{ margin-right:20px; }
#createbod ul li#sex a{ margin:0 4px; }
#createbod ul li#skin{ border-left:1px solid #aaa; border-right:1px solid #aaa; padding:0 30px; margin:0 20px 0 0; }
#createbod ul li#skin a{ margin:0 4px; }
#createbod ul li#colour{}
#createbod ul li#colour a{ margin:0 4px; }
#createbod ul li p{ width:auto; }

#cardimage{ width:662px; overflow:auto; background-color:#fff; margin-bottom:18px; color:#999; padding:20px 10px 17px 10px; }
#cardimage p{ font-size:11px; margin-left:100px; clear:none; float:none; width:auto; }
#cardimage div{ width:90px; float:left; text-align:center; }
#cardimage div img{ border:1px solid #999; margin-bottom:3px; }
#cardimage div a{ color:#999; text-decoration:9; font-size:9px; text-decoration:none }

#table-summary{color:#555;}
#table-summary td{padding:3px 0;}

.t1{ font-size:14px !important; }
.t2{ font-size:16px !important; }
.t3{ font-size:18px !important; }
.t4{ font-size:20px !important; }
.t5{ font-size:24px !important; }
.t6{ font-size:28px !important; }
.t7{ font-size:34px !important; }
.t8{ font-size:40px !important; }
.t9{ font-size:48px !important; }

.gray{ color:#666 !important; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.upper{ text-transform:uppercase; }
.caps{ text-transform:capitalize; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.smalltext{ font-size:9px; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */