/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

/***********************************************/
/* Clearing space beneath floated elements:
/***********************************************/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clearfix:not([class='XXX']) { display: block; } /* Safari */

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* NORMALIZE
--------------------------------------------------------------------------------------------------*/
form.formtastic legend { font-weight: bold; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; text-decoration: none; color: #FF0000; }

/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { display: block; }
form.formtastic fieldset.buttons { padding-left:30%; }

/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { display: block; }
form.formtastic fieldset ol li.string input { width:12.25em; }
form.formtastic fieldset ol li.password input { width:12.25em; }
form.formtastic fieldset ol li.numeric input { width:12.25em; }

/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { font-size: 80%; font-style: italic; margin:0.5em 0 0 30%; }

/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { margin:0.5em 0 0 30%; }
form.formtastic fieldset ol li ul.errors { margin:0.5em 0 0 30%; }


form.formtastic fieldset ol li label { font-weight: bold; width: 30%;}
form.formtastic fieldset ol li li label { font-weight: normal; }
form.formtastic fieldset ol li li label input { font-weight:normal; }

/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:30%; font-weight: normal; }

form.formtastic fieldset ol li.radio fieldset ol li label { font-weight:normal; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { font-weight:normal; }

/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset legend { width:30%; }
form.formtastic fieldset ol li fieldset ol { width:69%; padding:0 0 0 30%; }

/* Custom */
form.formtastic fieldset.boolean_set ol li { margin:0.1em 0 0.5em 0; }


/*

Uniform Theme: Aristo
Version: 1.0
By: 280North / Ported by Josh Pyles
License: Creative Commons Share Alike
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

.aristo div.selector, 
.aristo div.selector span,
.aristo div.checker span,
.aristo div.radio span,
.aristo div.uploader,
.aristo div.uploader span.action {
  background-image: url(../images/sprite-aristo.png);
  background-repeat: no-repeat;
}

.aristo .selector, 
.aristo .radio, 
.aristo .checker, 
.aristo .uploader, 
.aristo .selector *, 
.aristo .radio *, 
.aristo .checker *, 
.aristo .uploader *{
	margin: 0;
	padding: 0;
}

/* SPRITES */

/* Select */

.aristo div.selector {
  background-position: -483px -160px;
  line-height: 32px;
	height: 32px;
}

.aristo div.selector span {
  background-position: right 0px;
  height: 32px;
	line-height: 32px;
}

.aristo div.selector select {
  /* change these to adjust positioning of select element */
  top: 3px;
	left: 3px;
	right: 0px;
	bottom: 3px;
}

.aristo div.selector:active, 
.aristo div.selector.active {
	background-position: -483px -192px;
}

.aristo div.selector:active span, 
.aristo div.selector.active span {
	background-position: right -32px;
}

.aristo div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -224px;
}

.aristo div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -64px;
}

.aristo div.selector.focus:active,
.aristo div.selector.focus.active,
.aristo div.selector:hover:active,
.aristo div.selector.active:hover {
	background-position: -483px -256px;
}

.aristo div.selector.focus:active span,
.aristo div.selector:hover:active span,
.aristo div.selector.active:hover span,
.aristo div.selector.focus.active span {
	background-position: right -96px;
}

.aristo div.selector.disabled,
.aristo div.selector.disabled:active,
.aristo div.selector.disabled.active {
	background-position: -483px -288px;
}

.aristo div.selector.disabled span,
.aristo div.selector.disabled:active span,
.aristo div.selector.disabled.active span {
  background-position: right -128px;
}

/* Checkbox */

.aristo div.checker {
  width: 23px;
  height: 23px;
}

.aristo div.checker input {
  width: 23px;
  height: 23px;
}

.aristo div.checker span {
  background-position: 0px -320px;
  height: 23px;
  width: 23px;
}

.aristo div.checker:active span, 
.aristo div.checker.active span {
	background-position: -23px -320px;
}

.aristo div.checker.focus span,
.aristo div.checker:hover span {
	background-position: -46px -320px;
}

.aristo div.checker.focus:active span,
.aristo div.checker:active:hover span,
.aristo div.checker.active:hover span,
.aristo div.checker.focus.active span {
	background-position: -69px -320px;
}

.aristo div.checker span.checked {
	background-position: -92px -320px;
}

.aristo div.checker:active span.checked, 
.aristo div.checker.active span.checked {
	background-position: -115px -320px;
}

.aristo div.checker.focus span.checked,
.aristo div.checker:hover span.checked {
	background-position: -138px -320px;
}

.aristo div.checker.focus:active span.checked,
.aristo div.checker:hover:active span.checked,
.aristo div.checker.active:hover span.checked,
.aristo div.checker.active.focus span.checked {
	background-position: -161px -320px;
}

.aristo div.checker.disabled span,
.aristo div.checker.disabled:active span,
.aristo div.checker.disabled.active span {
	background-position: -184px -320px;
}

.aristo div.checker.disabled span.checked,
.aristo div.checker.disabled:active span.checked,
.aristo div.checker.disabled.active span.checked {
	background-position: -207px -320px;
}

/* radio */

.aristo div.radio {
  width: 23px;
  height: 23px;
}

.aristo div.radio input {
  width: 23px;
  height: 23px;
}

.aristo div.radio span {
  height: 23px;
  width: 23px;
  background-position: 0px -343px;
}

.aristo div.radio:active span, 
.aristo div.radio.active span {
	background-position: -23px -343px;
}

.aristo div.radio.focus span, 
.aristo div.radio:hover span {
	background-position: -46px -343px;
}

.aristo div.radio.focus:active span,
.aristo div.radio:active:hover span,
.aristo div.radio.active:hover span,
.aristo div.radio.active.focus span {
	background-position: -69px -343px;
}

.aristo div.radio span.checked {
	background-position: -92px -343px;
}

.aristo div.radio:active span.checked,
.aristo div.radio.active span.checked {
	background-position: -115px -343px;
}

.aristo div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -138px -343px;
}

.aristo div.radio.focus:active span.checked, 
.aristo div.radio:hover:active span.checked,
.aristo div.radio.focus.active span.checked,
.aristo div.radio.active:hover span.checked {
	background-position: -161px -343px;
}

.aristo div.radio.disabled span,
.aristo div.radio.disabled:active span,
.aristo div.radio.disabled.active span {
	background-position: -184px -343px;
}

.aristo div.radio.disabled span.checked,
.aristo div.radio.disabled:active span.checked,
.aristo div.radio.disabled.active span.checked {
	background-position: -207px -343px;
}

/* uploader */

.aristo div.uploader {
  background-position: 0px -366px;
  height: 32px;
}

.aristo div.uploader span.action {
  background-position: right -494px;
  height: 24px;
  line-height: 24px;
}

.aristo div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 4px 0px 4px 4px;
  line-height: 24px;
}

.aristo div.uploader.focus,
.aristo div.uploader.hover,
.aristo div.uploader:hover {
  background-position: 0px -430px;
}

.aristo div.uploader.focus span.action,
.aristo div.uploader.hover span.action,
.aristo div.uploader:hover span.action {
  background-position: right -526px;
}

.aristo div.uploader.active span.action,
.aristo div.uploader:active span.action {
  background-position: right -558px;
}

.aristo div.uploader.focus.active span.action,
.aristo div.uploader:focus.active span.action,
.aristo div.uploader.focus:active span.action,
.aristo div.uploader:focus:active span.action {
  background-position: right -590px;
}

.aristo div.uploader.disabled {
  background-position: 0px -398px;
}

.aristo div.uploader.disabled span.action {
  background-position: right -462px;
}

/* PRESENTATION */

/* Select */
.aristo div.selector {
  margin-bottom: 20px;
  width: 190px;
  font-weight: bold;
  color: #464545;
  font-size: 14px;
}

.aristo div.selector select {
  width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: solid 1px #fff;
}

.aristo div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

.aristo div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

.aristo div.selector.disabled span {
	color: #bbb;
}

/* checker */
.aristo div.checker {
  margin-right: 10px;
}

/* radio */
.aristo div.radio {
  margin-right: 10px;
}

/* uploader */
.aristo div.uploader {
  width: 190px;
  margin-bottom: 20px;
  cursor: pointer;
}

.aristo div.uploader span.action {
  width: 83px;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  background-color: #fff;
  font-weight: bold;
  color: #1c4257;
}

.aristo div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #567c91;
  font-size: 90%;
  font-size: 11px;
}

.aristo div.uploader input {
  width: 190px;
}

.aristo div.uploader.disabled span.action {
  color: #aaa;
}

.aristo div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}

/* Select */

.aristo div.selector {
	position: relative;
	padding-left: 10px;
}

.aristo div.selector span {
	display: block;
	float: left;
}

.aristo div.selector select {
	position: absolute;
	opacity: 0;
}

/* checker */

.aristo div.checker {
	position: relative;
	float: left;
}

.aristo div.checker span {
	display: block;
	float: left;
	text-align: center;
}

.aristo div.checker input {
  opacity: 0;
  display: inline-block;
}

/* radio */

.aristo div.radio {
	position: relative;
	float: left;
}

.aristo div.radio span {
	display: block;
	float: left;
	text-align: center;
}

.aristo div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
}

/* uploader */

.aristo div.uploader {
  position: relative;
  float: left;
  overflow: hidden;
}

.aristo div.uploader span.action {
  float: left;
  display: inline;
  padding: 4px 0px;
  overflow: hidden;
  cursor: pointer;
}

.aristo div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aristo div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
}

body { font-size: 13px; }html { background-color: #999999; }.inline_block {  display: inline-block;  *display: inline;  *zoom: 1;}.inline_list {  padding: 0;  margin: 0;  list-style: none;}.inline_list li {  display: inline-block;  *display: inline;  *zoom: 1;  list-style-type: none;}h1 { color: #333333; }h1, h2, h3 {  font-family: verdana;  font-weight: normal;  margin-top: 0;}pre {  white-space: pre-wrap;  white-space: -moz-pre-wrap;  white-space: -pre-wrap;  white-space: -o-pre-wrap;  word-wrap: break-word;}textarea.rte { width: 40em; }.simple_form .fieldWithErrors { display: inline; }.simple_form .fieldWithErrors input { background-color: #ffdddd; }.errorExplanation, .formError { color: red; }.simple_form .required label:after {  content: " *";  color: #ff0000;}.buttons { padding: 1em; }form.button-to {  display: inline-block;  *display: inline;  *zoom: 1;}form.button-to div {  display: inline-block;  *display: inline;  *zoom: 1;}.rounded_corners_top {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;}.rounded_corners_bottom {  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;}.rounded_corners {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;}.box_shadow {  -moz-box-shadow: 7px 7px 7px #333333;  -webkit-box-shadow: 7px 7px 7px #333333;  box-shadow: 7px 7px 7px #333333;}a.button {  background: transparent url(/images/bg_yellow_button_a.png) no-repeat scroll top right;  display: block;  float: left;  font: bold 13px arial, sans-serif;  height: 30px;  margin-right: 6px;  padding-right: 18px;  text-decoration: none;  outline: none;}a.button span {  color: #000000;  background: transparent url(/images/bg_yellow_button_span.png) no-repeat;  display: block;  line-height: 20px;  vertical-align: middle;  padding: 5px 0 5px 18px;}a.button span img {  display: inline;  vertical-align: middle;}a.button:active {  background-position: bottom right;  outline: none;}a.button:active span { background-position: bottom left; }a.button:hover span { color: #ffffff; }ul.menu_bar {  padding: 0;  margin: 0;  list-style: none;}ul.menu_bar li {  display: inline-block;  *display: inline;  *zoom: 1;  list-style-type: none;}ul.menu_bar li {  float: left;  margin-left: 0;  margin-right: 2em;}li ul { margin-top: 0; }.stateless_link:active { color: #0000ee; }.stateless_link:visited { color: #0000ee; }a.user {  color: #0000bb;  text-decoration: none;}a.user:active { color: #0000bb; }a.user:visited { color: #0000bb; }a.user:hover { text-decoration: underline; }.flash_good {  font-family: verdana;  padding: 10px;  font-size: 110%;  font-weight: bold;  color: #009900;  border: 2px solid #009900;  background-color: #aaffaa;}.flash_bad {  font-family: verdana;  padding: 10px;  font-size: 110%;  font-weight: bold;  color: #990000;  border: 2px solid #990000;  background-color: #ffaaaa;}.simple_form .field label {  font-weight: bold;  width: 140px;  display: inline-block;  padding: 4px 0;}.simple_form p.submit { padding-left: 150px; }.simple_form .field { padding: 0 0 5px 1em; }.simple_form .field .errorExplanation {  padding-left: 140px;  margin: 5px 0;}.simple_form .field .help {  padding-left: 140px;  margin: 5px 0;  font-size: 80%;  color: #333333;  font-style: italic;}a.action {  color: red;  text-decoration: underline;  padding: 2px;}a.action:visited {  color: red;  text-decoration: underline;  padding: 2px;}a.action:active {  color: red;  text-decoration: underline;  padding: 2px;}a.action:hover {  color: white;  background-color: red;}.clear { clear: both; }#doc3 { margin: 0; }#header {  height: 117px;  position: relative;  background: #050569 url(/images/header_bg.png);  margin: 0;}#body { padding: 1em; }#logo {  border: 0;  margin: 0;  padding: 0;  position: absolute;  top: 25px;  left: 1em;  width: 359px;  height: 53px;  background: transparent url(/images/logo.png);}#logo h1 { display: none; }#header #login {  position: absolute;  top: 10px;  right: 20px;  color: white;}#header #login a {  color: white;  font-size: 1.3em;}#header #login a:visited {  color: white;  font-size: 1.3em;}#center_box {  margin: 2em auto;  width: 30em;  background-color: #ffffff;  padding: 1em;  border: 1px solid black;}#login input[type=password] { width: 15em; }#login input[type=text] { width: 15em; }#main_nav {  font-family: verdana;  position: absolute;  height: 38px;  bottom: 0px;  left: 400px;  background: #999999 url(/images/tab_left.png) top left no-repeat;  text-align: center;  margin: 0 !important;  margin: 0 0 -5px 0;}#main_nav ul.menu_bar { padding: 1em; }#main_nav li { margin: -0.5em 1em 0 1em; }#main_nav li a {  text-decoration: none;  position: relative;  font-size: 138%;}#main_nav li a { color: #333333; }#main_nav li a:visited { color: #333333; }#main_nav li a:hover { color: #ffff00; }#main_nav .right_edge {  top: 0;  width: 17px;  height: 38px;  background: url(/images/tab_right.png) top right no-repeat;  position: absolute;  right: 0;  margin: 0 !important;  margin: 0 -1px 0 0;}.page {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;  -moz-box-shadow: 7px 7px 7px #333333;  -webkit-box-shadow: 7px 7px 7px #333333;  box-shadow: 7px 7px 7px #333333;  background-color: #ffffff;}.page .page_header {  background-color: #c1e0ff;  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;}.page .page_header h1 {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  background-color: #c1e0ff;  margin: 0;  padding: 0.5em;  border-bottom: 1px #c9c1ff solid;}.page .page_header h1 img.icon {  position: absolute;  top: 0.3em;  right: 1em;}.page .page_content { padding: 1em; }.page .small_page_column {  float: left;  width: 160px;  margin-right: 20px;}.page .large_page_column {  float: left;  width: 490px;}#sec_nav { float: right; }#sec_nav li {  list-style: none;  float: left;  margin-right: 1em;}#sec_nav a {  font-size: 90%;  color: #ffffff;  font-family: helvetica;  font-weight: normal;  padding: 2px;}#sec_nav a:hover {  background-color: #ffffff;  color: #000066;}#sec_nav a:active {  font-size: 90%;  color: #ffffff;  font-family: helvetica;  font-weight: normal;  padding: 2px;}#sec_nav a:active:hover {  background-color: #ffffff;  color: #000066;}#sec_nav a:visited {  font-size: 90%;  color: #ffffff;  font-family: helvetica;  font-weight: normal;  padding: 2px;}#sec_nav a:visited:hover {  background-color: #ffffff;  color: #000066;}#sec_nav a.upgrade { color: #ff0000; }#unread_message_count.unread_messages a {  color: #ffff00;  padding-left: 20px;  background: url(/images/email_sm.png) top left no-repeat;}#notice_selector {  background-color: #c1e0ff;  padding: 0.5em;}#notice_selector label {  font-size: 110%;  font-weight: bold;  color: #333333;  vertical-align: middle;}.badge {  color: #ffffff;  font-family: Arial, Helvetica;  display: inline-block;  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(71, 181, 255)), color-stop(1, rgb(0,133,222)));  background: -moz-linear-gradient(center top, rgb(71, 181, 255) 25%, rgb(0,133,222) 100%);  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  padding: 1px 5px;  position: relative;  text-align: center;  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);}.badge.small { font-size: 75%; }#home h3.date {  color: #999999;  border-bottom: 1px solid #999999;}#journals h3.date {  color: #999999;  border-bottom: 1px solid #999999;}#messages { border: 1px #000000 solid; }#messages.no_messages {  padding: 1em;  text-align: center;  font-size: 130%;}#messages li {  padding: 0.5em;  border-bottom: 1px #999999 solid;}#messages li input { margin-right: 2em; }#messages li .sender {  width: 10em;  display: inline-block;  vertical-align: top;}#messages li .recipient {  width: 10em;  display: inline-block;  vertical-align: top;}#messages li .subject {  width: 22em;  display: inline-block;}#messages li .created_at {  width: 12em;  text-align: right;}#messages .unread {  font-weight: bold;  background-color: #cccccc;}#new_message #message_subject { width: 26em; }#new_message textarea {  height: 15em;  width: 26em;}#message_thread h2 { margin-left: 260px; }#message_thread .message {  clear: left;  border-bottom: 1px solid #999999;  margin-bottom: 1em;}#message_thread .message .user_widget { width: 260px; }#message_thread .message .created_at {  font-size: 80%;  color: #666666;}#message_thread .message .body {  margin-left: 260px;  width: 26em;  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}#message_thread .message .column { float: left; }#message_menu { text-align: right; }#character_menu {  background-color: #c1e0ff;  margin: 0;  padding: 0.6em 0 0.6em 1em;  border-bottom: 1px #c9c1ff solid;  overflow: auto;}ul.radiogroup {  margin: 0;  display: inline-block;}ul.menu { list-style: none; }ul.in_roles, ul.plain_list {  margin-left: 1em;  list-style: none;}ul.in_roles li { list-style-type: none; }ul.plain_list li { list-style-type: none; }ul.menu li { list-style-type: none; }ul.in_roles h2 {  margin: 0;  float: left;}ul.in_roles a.withdraw { float: right; }#new_met_character .type li { list-style-type: none; }#new_met_character .type li label {  font-weight: bold;  float: none;  display: inline;}#edit_character h1#character_name { background-color: #ffffff; }#show_character h1#character_name { background-color: #ffffff; }#show_character .section_group { clear: left; }#edit_character .section_group { clear: left; }#edit_character input[type=text] { width: 10em; }#edit_character input[type=submit] {  clear: both;  display: block;}#edit_character .quantity input[type=text] { width: 2em; }#edit_character #health label {  font-weight: bold;  width: 10em;}#edit_character #character_info {  float: none;  width: 100%;}#edit_character #character_info fieldset {  width: 100%;  padding: 0;  margin: 0;}#edit_character #character_info p {  float: left;  width: 33%;  margin: 2px 0;}#edit_character #character_info li {  float: left;  width: 33%;  margin: 2px 0;}#edit_character #met_character_npc_check_box { float: right; }#edit_character #met_character_npc_check_box #spinner { display: inline-block; }#edit_character .met_character_section {  float: left;  margin-top: 2em;  margin-right: 0.5em;  width: 215px;}#edit_character .met_character_section label {  font-weight: bold;  width: 6em;  display: block;  float: left;}#edit_character .met_character_section h2 {  font-size: 100%;  text-decoration: underline;}#edit_character .met_character_section h3 {  font-size: 100%;  text-decoration: underline;}#edit_character .met_character_section h2 {  font-size: 100%;  text-decoration: underline;}#edit_character .trait_container h2 { float: left; }#edit_character .trait_container .section_menu { margin: 0; }#edit_character .trait_container .section_menu li {  float: left;  list-style-type: none;  margin: 0 0 0 1em;  padding: 0;}#edit_character .trait_container p.trait {  clear: both;  margin: 0.5em 0;  padding: 0.5em;  border: 1px dashed #aaaaaa;}#edit_character .trait_container div.trait { clear: both; }#edit_character .trait_container .sort_submit {  float: right;  background-color: #c1e0ff;  border: 1px solid #ddd9ff;  padding: 0.2em;  margin: 0.5em;}#edit_character div.trait {  margin: 5px;  padding: 5px;}#edit_character .trait .name { width: 10em; }#edit_character #meta_info .trait .name { font-weight: bold; }#edit_character #character_info .trait .name { font-weight: bold; }#edit_character #path .trait .name { font-weight: bold; }#edit_character #virtue .trait .name { font-weight: bold; }#edit_character #path { clear: left; }#edit_character #note_section { clear: both; }#edit_character #met_character_notes { width: 50em; }#edit_character .unsaved { background-color: #f0f9ff; }#edit_character .ui-sortable .sort_placeholder {  margin: 5px;  padding: 5px;  border: 1px dashed #aaaaaa;}#new_transfer_invitation textarea { width: 24.5em; }#transfer_invitation_target_user_login { width: 18em; }#edit_character .identity {  border-bottom: 1px solid #000000;  margin-bottom: 1em;  height: 1%;}#edit_character .identity h1 {  float: left;  padding: 0;  margin: 0;  font-weight: bold;}#edit_character .identity h1 a {  font-weight: normal;  font-size: 13px;}#edit_character .identity h3 {  float: right;  padding: 0;  margin: 0;  font-weight: bold;  color: #333333;}#show_character .identity {  border-bottom: 1px solid #000000;  margin-bottom: 1em;  height: 1%;}#show_character .identity h1 {  float: left;  padding: 0;  margin: 0;  font-weight: bold;}#show_character .identity h1 a {  font-weight: normal;  font-size: 13px;}#show_character .identity h3 {  float: right;  padding: 0;  margin: 0;  font-weight: bold;  color: #333333;}#show_character p {  padding: 0;  margin: 0;}#show_character .trait .name { width: 10em; }#show_character .negative .trait { font-style: italic; }#show_character .negative { padding-top: 0.5em; }#show_character h2 {  clear: left;  padding-top: 1em;  text-decoration: underline;  font-size: 100%;}#show_character .met_character_section h3 {  clear: left;  padding-top: 1em;  text-decoration: underline;  font-size: 100%;}#show_character .attributes h3 { padding-top: 0; }#show_character #meta_info p {  float: left;  width: 33%;}#show_character #character_info p {  float: left;  width: 33%;}#show_character #meta_info .trait .name { font-weight: bold; }#show_character #character_info .trait .name { font-weight: bold; }#show_character #character_info {  clear: left;  float: left;  width: 100%;}#show_character #attribute_section {  clear: left;  float: left;  width: 100%;}#show_character #attribute_section { margin-top: 2em; }#show_character .attributes {  float: left;  width: 33%;}#show_character .section_group .met_character_section {  float: left;  width: 33%;}#xp_log {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;  background-color: #ddd9ff;  position: relative;  border: 0;}#xp_log h2 {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  margin: 0;  padding: 0.25em 0;  font-size: 14pt;  font-weight: normal;  background-color: #cccccc;  font-family: verdana;  text-align: center;  color: #333333;}#xp_log .entries { padding: 1em; }#xp_log .xp_log_entry {  border-bottom: 1px solid #999999;  margin-bottom: 1em;}#xp_log label { font-weight: bold; }#xp_log div.expenditure { display: inline-block; }#xp_log div.points { display: inline-block; }#xp_log div.points input { width: 2em; }#xp_log div.reason {  clear: left;  padding-top: 0.5em;}#xp_log div.reason label {  font-weight: bold;  display: block;}#xp_log textarea {  width: 99%;  height: 5em;}#xp_log .delete {  position: absolute;  right: 1em;}#footer {  margin: 0;  clear: both;  padding: 0.5em;  background-color: #333333;  text-align: left;}#footer a {  font-size: 80%;  color: white;  text-decoration: underline;}#footer a:active {  font-size: 80%;  color: white;  text-decoration: underline;}#footer a:visited {  font-size: 80%;  color: white;  text-decoration: underline;}#met_character_list .met_character {  padding: 0 0.5em;  margin-bottom: 1em;  border-bottom: 1px solid #cccccc;}.character_widget, .character_in_role_widget {  padding: 0 0.5em;  margin-bottom: 1em;  border-bottom: 1px solid #cccccc;}#chronicle_list .chronicle {  padding: 0 0.5em;  border-bottom: 1px solid #cccccc;  margin-bottom: 1em;  width: 45%;  position: relative;}#chronicle_list .left {  float: left;  clear: both;}#chronicle_list .right { float: right; }#chronicle_list .chronicle h1 {  font-family: verdana;  font-weight: normal;}#met_character_list .met_character h2 {  font-family: verdana;  font-weight: normal;}.character_widget h2 {  font-family: verdana;  font-weight: normal;}.character_in_role_widget h2 {  font-family: verdana;  font-weight: normal;}#chronicle_list .chronicle .menu_bar {  position: absolute;  top: 0;  right: 0;}#chronicle_description {  background-color: #eeeeee;  border-bottom: 1px #999999 solid;  padding: 10px;}#chronicle_description h1 {  overflow: auto;  background-color: transparent;  margin: 0.5em 0;  padding: 0;  border: 0;}#new_chronicle .details {  float: left;  width: 50%;}#edit_chronicle .details {  float: left;  width: 50%;}#new_chronicle .sharing {  float: right;  width: 45%;}#edit_chronicle .sharing {  float: right;  width: 45%;}.character_in_role_widget { position: relative; }.character_in_role_widget .menu_bar {  position: absolute;  top: 0;  right: 0;}.sidebar_box {  background-color: white;  padding: 0.5em;  margin-bottom: 1em;  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;}.sidebar_box .title {  padding-top: 0;  color: #333333;  border-bottom: 1px solid #333333;}.ac_results {  padding: 0px;  border: 1px solid black;  background-color: white;  overflow: hidden;  z-index: 99999;  text-align: left;}.ac_results ul {  width: 100%;  list-style-position: outside;  list-style: none;  padding: 0;  margin: 0;}.ac_results ul li {  margin: 0px;  padding: 2px 5px;  cursor: default;  display: block;  font: menu;  font-size: 12px;  line-height: 16px;  overflow: hidden;}.ac_odd { background-color: #eeeeee; }.ac_over {  background-color: #0a246a;  color: white;}.user_widget, .storyteller_widget {  margin-bottom: 10px;  width: 100%;}.storyteller_widget { position: relative; }.user_widget img.avatar {  float: left;  margin-right: 10px;}.storyteller_widget img.avatar {  float: left;  margin-right: 10px;}img.avatar { border: 2px solid #999999; }input#post_title { width: 40em; }form.status {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;  background-color: #dddddd;  padding: 1em;}form.status .defaultTextActive {  font-style: italic;  color: #999999;  font-size: 120%;}form.status fieldset ol li.text textarea {  width: 100%;  height: 50px;}form.status fieldset.buttons li { margin: 0; }.post {  margin-bottom: 1em;  padding: 1em;  border-bottom: 1px solid #cccccc;}.post div.avatar {  float: left;  margin-right: 1em;  width: 120px;}.post .author {  font-family: Verdana, sans-serif;  margin: 0;}.post .title {  margin-bottom: 0;  font-family: Verdana, sans-serif;}.post .date {  color: #666666;  font-size: 80%;  font-family: Verdana, sans-serif;}.post .content {  float: left;  width: 75%;}.post .content .menu { float: right; }.post .comment_count { margin-top: 1em; }.post.deleted { opacity: 0.5; }.post.deleted .body { color: #ff3333; }#post__ { border-bottom: 0; }#post__ form.post { border-bottom: 0; }#show_post div.comment {  margin-bottom: 1em;  padding: 1em;  border-bottom: 1px solid #cccccc;}#show_post div.comment div.avatar {  float: left;  margin-right: 1em;  width: 120px;}#show_post div.comment .author {  font-family: Verdana, sans-serif;  margin: 0;}#show_post div.comment .title {  margin-bottom: 0;  font-family: Verdana, sans-serif;}#show_post div.comment .date {  color: #666666;  font-size: 80%;  font-family: Verdana, sans-serif;}#show_post div.comment .content {  float: left;  width: 75%;}#show_post div.comment .content .menu { float: right; }#show_post div.comment .comment_count { margin-top: 1em; }#show_post #new_comment { border: 0; }#chronicle_announcements .notice .content { margin-left: 120px; }#statuses .status .content { width: 65%; }#statuses .comment textarea { height: 3em; }#statuses .menu_bar {  margin-left: 120px;  padding-left: 1em;}div.pagination {  margin-top: 50px;  text-align: center;  font-family: verdana;}span.user_tag img.avatar {  position: relative;  top: 5px;}span.met_character_tag { font-weight: bold; }.notice {  display: block;  padding: 5px 5px 0 5px;  margin: 0 0 5px 20px;}.notice.new { background-color: #ffffcc; }.notice .content {  display: inline-block;  width: 70%;}.notice .parent {  display: inline-block;  text-align: right;  width: 29%;}div.avatar_menu {  display: inline-block;  float: left;  border: 2px solid #ffffff;  padding: 2px;}div.avatar_menu img.avatar { margin-right: 2px; }div.avatar_menu a.pull_tab {  display: block;  float: left;  background: #cccccc url(/images/black_pull_tabs.png) 0 27px no-repeat;  width: 15px;  height: 68px;}div.avatar_menu a.pull_tab:hover { background: #ffff00 url(/images/black_pull_tabs.png) 0 27px no-repeat; }div.avatar_menu.active, div.avatar_menu.hover {  border-top: 2px solid #cccccc;  border-left: 2px solid #cccccc;  border-right: 2px solid #000000;  border-bottom: 2px solid #000000;}div.avatar_menu.active a.pull_tab { background: #cccccc url(/images/black_pull_tabs.png) -15px 27px no-repeat; }div.avatar_menu.active a.pull_tab:hover { background: #ffff00 url(/images/black_pull_tabs.png) -15px 27px no-repeat; }ul.avatar_menu_items {  display: none;  list-style: none;}.avatar_menu.active ul.avatar_menu_items {  display: block;  background: #eeeeee;  border-top: 1px solid #cccccc;  border-left: 1px solid #cccccc;  border-right: 1px solid #000000;  border-bottom: 1px solid #000000;  position: absolute;  margin: 0;  padding: 0;  top: 68px;  left: 0px;  z-index: 99;}ul.avatar_menu_items li {  display: block;  border-top: 1px solid #999999;}ul.avatar_menu_items form {  display: block;  padding: 0.5em;}ul.avatar_menu_items a {  display: block;  padding: 0.5em;  text-decoration: none;  font-weight: bold;}ul.avatar_menu_items a:hover { background-color: #ffff00; }#new_xp_grant .field { padding: 0; }#new_xp_grant input.quantity { width: 2em; }#new_xp_grant table { border: 0; }#new_xp_grant th {  background-color: #cccccc;  text-align: left;  border: 0;}#new_xp_grant tr.defaults td { background-color: #eeeeee; }#new_xp_grant tr { border-bottom: 1px solid #999999; }#new_xp_grant td {  border: 0;  vertical-align: top;  text-align: left;}#new_xp_grant td.points { width: 8em; }#user_profile ul#profile_menu {  margin: 0 0 1em 0;  padding: 0;}#user_profile ul#profile_menu li {  list-style: none;  border-bottom: 1px solid #000000;}#user_profile ul#profile_menu li a {  display: block;  text-decoration: none;  padding: 2px;  color: #000000;  background-color: #ffffff;}#user_profile ul#profile_menu li a:hover {  color: #ffffff;  background-color: #000000;}#user_profile .follow {  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;  background-color: #f6f6f6;  border: 1px #eeeeee solid;  padding: 5px;}#user_profile .follow.active span {  display: inline-block;  min-height: 16px;  background: url(/images/check_sm.png) no-repeat;  padding-left: 24px;}#user_profile .followers { margin-bottom: 1em; }#user_profile .followers ul {  padding: 0;  margin: 0;  list-style: none;}#user_profile .followers ul li {  display: inline-block;  *display: inline;  *zoom: 1;  list-style-type: none;}#user_profile .followers h2 { text-decoration: underline; }#user_profile .following { margin-bottom: 1em; }#user_profile .following ul {  padding: 0;  margin: 0;  list-style: none;}#user_profile .following ul li {  display: inline-block;  *display: inline;  *zoom: 1;  list-style-type: none;}#user_profile .following h2 { text-decoration: underline; }p.filler_text {  padding: 1em;  background-color: #dddddd;  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;}#account .subscription_plan {  font-size: 120%;  background-color: #ffffcc;  border: 2px solid #eeeebb;  padding: 1em;  font-weight: bold;  color: #666666;}#subscription_plans h1 {  font-family: helvetica;  color: #000000;  font-size: 24px;  text-align: center;}#subscription_plans h2 {  font-color: #000000;  text-align: center;}#subscription_plans h3 {  font-size: 80%;  font-color: #999999;}#subscription_plans .subscriptions_plans { text-align: center; }#subscription_plans .subscription_plan {  width: 40%;  float: left;  background-color: #ffffcc;  border: 2px solid #eeeebb;  padding: 1em;  margin: 1em;}