@font-face {
	font-family: 'InconsolataMedium';
	src: url('inconsolata-webfont.eot');
	src: local('☺'), url('inconsolata-webfont.woff') format('woff'), url('inconsolata-webfont.ttf') format('truetype'), url('inconsolata-webfont.svg#webfontfw69DfJK') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background: #dde url('/images/background.png') repeat scroll top center;
}
p {
	text-align: center;
	line-height: 22px;
}
h1 {
	font-size: 30px;
	font-weight: normal;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
input[type="text"] {
	border: 1px solid #B3B3B3;
	padding: 4px 0 4px 2px;
	font-size: 18px;
	line-height: 18px;
}
/* Common site */
.container {
	width: 768px;
	margin: 0 auto;
	display: block;
	line-height: 24px;
}
.hr {
	height: 1px;
	background-color: #b3b3b3;
	border-bottom: 1px solid #777;
	margin: 12px 0;
	-moz-box-shadow:0 0 12px #444444;
	-webkit-box-shadow:0 0 12px #444444;
	box-shadow:0 0 12px #444444;
}
.align-left {
	text-align: left;
}
#header {
	background: #133855;
	background: -moz-linear-gradient(top, #111, #133855); /* gecko */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #111), color-stop(1, #133855));
	border-bottom: 6px solid #111;
}
#header h1 {
	font-size: 1px;
}
#header .container {
	overflow: hidden;
	background: transparent url('/images/logo.png') no-repeat scroll center;
	height: 90px;
	line-height: 90px;
	text-indent: 1000px;
}
#content {
	background: transparent url('/images/shadow.png') repeat-x scroll top left;
	padding-top: 30px;
}
#content .container {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 24px;
	color: #eee;
	width: 720px;
	background: transparent url('/images/bg50.png') repeat scroll top left;
}
#different_address {
	padding-top: 24px;
	text-align: center;
}
.clickable {
	color: #FAEBD7;	
	cursor: pointer;
}
.clickable:hover {
	text-decoration: underline;
}
#content .container a {
	color: #FAEBD7;
}
#footer {
	padding: 24px 0;
	text-align: center;
	color: #626262;
	font-size: 13px;
	overflow: hidden;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
#footer li {
	float: right;
	display: block;
	margin-left: 24px;
}
#footer a {
	color: #626262;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #323232;
}
/* Success page */
.email_wrap,
.big {
	display: block;
	text-align: center;
	font-size: 30px;
	padding: 24px 0;
	text-decoration: none;
}
.big:hover {
	text-decoration: underline;
}
.address {
	font-family: 'InconsolataMedium', monospace;
	font-weight:normal;
	text-decoration:none;
	text-shadow:0 -1px 2px #000000;
}
.address:hover {
	text-decoration: underline;
}
.display_email {
	margin-bottom: 24px;
}
#settings ul {
	padding:  0 24px;
	line-height: 28px;
}
#settings ul ul {
	padding: 0 0 0 24px;
}
#settings label {
	cursor: pointer;
}
#settings p {
	padding: 24px;
}
.buttons {
	padding-top: 12px;
	text-align: center;
}
.buttons span,
.buttons input {
	margin: 0 6px;
}
/* Privacy Policy*/
.legal h2 {
	text-align: center;
	padding: 12px 0;
	color: #FAEBD7;
}
.legal h2 span {
	border-bottom: 1px dotted #bbb;
}
.legal p {
	margin-bottom: 24px;
}
.legal p.align-left {
	text-indent: 36px;
}
/* Filepath sorting */
#settings .sortable {
	display: block;
	overflow: hidden;
	border: 1px solid #ddd;
	padding: 12px;
	margin: 6px 24px;
	height: 30px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#settings .sortable li {
	float: left;
	display: block;
}
#settings .sortable li span {
	float: left;
	padding: 0px 8px;
	background-color: #FAEBD7;
	border: 1px solid #626262;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border-radius: 12px; 
	color: #626262;
	margin: 0 6px;
	cursor: pointer;
	-webkit-background-clip: padding;
}
#settings .sortable li span:hover {
	background-color: #fff9f2;
}
#settings .sortable li span.special {
	border-color: #B5FFC8;
	background-color: #CAFFD8;
	cursor: default;
}
#settings .sortable li span.slash {
	background-color: #E9F4FF;
	border-color: #AACCEE;
	cursor: default;
}
#available .slash {
	display: none;
}
#save .slash {
	display: inline
}
#settings h2 {
	padding-bottom: 12px;
}
label.sort {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.structions {
	font-size: 14px;
}
.message {
	width: 716px;
	padding: 12px 24px;
	border: 2px solid;
	position: fixed;
	top: 12px;
	left: 50%;
	margin-left: -384px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.message.success {
	background: #E6EFC2; 
	color: #264409;	
	border: 2px solid #C6D880; 
	text-align: center;
	overflow: hidden;
	z-index: 20;
}
#paypal {
	margin-top: 12px;
	text-align: center;
}
.shade {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0;
}
#modal {
	width: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 8px;
	background: rgba(255,255,255,.5);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	opacity: 0;
}
#modal .content {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #133855;
	height: 100%;
	width: 100%;
	color: #EEEEEE;
	background: url("/images/background.png") repeat scroll center top #DDDDEE;
	color: #111;
}
#modal .content p {
	padding: 12px 0;
	text-align: center;
}
div.notice {
	border-color: #FFD324;
	border-color : rgba(255, 211, 36, .9);
    background-color : #FFF6BF;
	color : #514721;
	border: 3px solid;
	padding: 8px 24px;
	margin-bottom: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-background-clip: padding;
	border-radius: 12px;
}
#modal .content p.notice {
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
}
#modal .content .clickable {
	color: #111;
	vertical-align: middle;
}
#modal .content .clickable:hover {
	color: #333;
}
#graph {
    background-color: #eee;
    padding: 12px;
    margin-bottom: 12px;
}
#graph .holder {
    height: 400px;
}
ul.margin-bottom {
    margin-bottom: 24px;
}
#settings {
    overflow: hidden;
}
#period, #display, #other {
    float: left;
}
#other table td {
    padding: 0 24px;
    line-height: 28px;
}