@charset "utf-8";
/* CSS Document */
.odd {
	background-color:#eee;
}
.even {
	background-color:#fff;
}
SELECT, TEXTAREA {
	font-size:10pt;
	font-family:sans-serif, Helvetica, arial;
	border:1px solid #a8a8ff;
	background-color:#fff;
}
OPTION {
	font-size:10pt;
	font-family:sans-serif, Helvetica, arial;
	background-color:#f6f6ff;
}
.button, INPUT[type="button"], INPUT[type="reset"], INPUT[type="submit"] {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dce6f6), to(#b5c3e3));
	background-image: -webkit-gradient(linear, left top, right top, from(#dce6ff), to(#b5c3e3));
	background-image: -webkit-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: -moz-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: -ms-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: -o-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: linear-gradient(left, #dce6ff, #b5c3e3);
	right: 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dce6f6', EndColorStr='#b5c3e3');
	border: 1px solid #777;
	padding: 0 1.6em;
	margin: 0.6em;
	font: bold 1em/2em sans-serif, Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button::gold {
 display: inline-block;
 white-space: nowrap;
 background-color: #ccc;
 background-image: -webkit-gradient(linear, top, bottom, from(#FFFF66), (#CC6600), to(#FF0000));
 background-image: -webkit-gradient(linear, top, bottom, from(#FFFF66), (#CC6600), to(#FF0000));
 background-image: -webkit-linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 background-image: -moz-linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 background-image: -ms-linear-gradient(top, #FFFF66, #CC66000, #FF9900);
 background-image: -o-linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 background-image: linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 right: 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dce6f6', EndColorStr='#b5c3e3');
 border: 1px solid #777;
 padding: 0 1.6em;
 margin: 0.6em;
 font: bold 1em/2em sans-serif. Arial, Helvetica;
 text-decoration: none;
 color: #333;
 text-shadow: 0 1px 0 rgba(255,255,255,.8);
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em;
 border-radius: .4em;
 -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}
.button:active {
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}
.button:focus {
	outline: 0;
	background: #fafafa;
}
.button:before {
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
	pointer-events: none;
}
/* Hexadecimal entities for the icons */

.invite::before {
	content: "\2604";
}
.update::before {
	content: "\21BA";
}
.cancel::before {
	content: "\232B";
}
.infotip::before {
	content: "\2762";
}
.pencil::before {
	content: "\270E";
}
.add::before {
	content: "\271A";
}
.copyedit::before {
	content: "\21AC";
	}
.tools::before {
	content: "\2692";
}
.delete::before {
	content: "\2718";
}
.save::before {
	content: "\2714";
}
.email::before {
	content: "\2709";
}
.onephoto::before {
	content: "\2709";
	}
.photos::before {
	content: "\25A6";
}
.upload::before {
	content: "\2616";
}
.gohome::before {
	content: "\297B";
}
.like::before {
	content: "\2764";
}
.next::before {
	content: "\279C";
}
.star::before {
	content: "\272A";
}
.spark::before {
	content: "\2737";
}
.play::before {
	content: "\25B6";
}
.sun::before {
	content: "\263c";
}
.connect::before {
	content: "\260A";
}
.place::before {
	content: "\2318";
}
.position::before {
	content: "\2316";
}
.circledot::before {
	content: "\2686";
}
.alembic::before {
	content: "\2697";
}
.flag::before {
	content: "\2690";
}
.threegear::before {
	content: "\2699";
}
.advanced::before {
	content: "\26B6";
}
.instant:before {
	content: "\2607";
}
.cool::before {
	content: "\2744";
}
.report::before {
	font-size:2em;
	content: "\03FE";
}
.trygear::before {
	content: "\07F7";
}
.stats::before {
	content: "\219D";
}
.trycircle:before {
	padding-top:2px;
	content: "\A562";
}
.scales:before {
	padding-top:2px;
	content: "\283E";
}
.beng::before {
	content: "\09FA";
}
.logout::before {
	content: "\0277";
}
.feedback::before {
	content: "\2611";
}
.switch::before {
	content: "\21CC";
}
.profile::before {
	content: "\2126";
}
.checked::before {
	content: "\2611";
}
.unchecked::before {
	content: "\2610";
}
.challenge::before {
	content: "\260D";
}
.kinship::before {
	content: "\1D327";
}
.boy::before {
	content: "\2642";
	colour:blue;
}
.girl::before {
	content: "\2640";
	colour:pink;
}
button.button, input.button {
	cursor: pointer;
	overflow: visible; /* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
button::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/* If line-height can't be modified, then fix Firefox spacing with padding */
 input::-moz-focus-inner {
 padding: .4em;
}
/* The disabled styles */
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
	background: #eee;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.spanFormat {
	text-align: right;
	display: table-cell;
	min-width: 10px;
	padding-right: 10px;
	float:right;
}
a:link, a:visited, a:hover {
	color:#626262;
	text-decoration:none;
	font-size:1em;
	text-shadow: 0.01em 0.01em 0.02em #b3c8ea;
	font-weight:600
}
.font2, a:hover {
	color:#332233;
	text-decoration:none;
	text-shadow: 0.02em 0.02em 0.02em #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-family:sans-serif, Helvetica, arial;
	color:#385a73;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
@charset "utf-8";
/* CSS Document */
.odd {
	background-color:#eee;
}
.even {
	background-color:#fff;
}
SELECT, TEXTAREA {
	font-size:10pt;
	font-family:sans-serif, Helvetica, arial;
	border:1px solid #a8a8ff;
	background-color:#fff;
}
OPTION {
	font-size:10pt;
	font-family:sans-serif, Helvetica, arial;
	background-color:#f6f6ff;
}
.button, INPUT[type="button"], INPUT[type="reset"], INPUT[type="submit"] {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dce6f6), to(#b5c3e3));
	background-image: -webkit-gradient(linear, left top, right top, from(#dce6ff), to(#b5c3e3));
	background-image: -webkit-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: -moz-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: -ms-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: -o-linear-gradient(left, #dce6ff, #b5c3e3);
	background-image: linear-gradient(left, #dce6ff, #b5c3e3);
	right: 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dce6f6', EndColorStr='#b5c3e3');
	border: 1px solid #777;
	padding: 0 1.6em;
	margin: 0.6em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button::gold {
 display: inline-block;
 white-space: nowrap;
 background-color: #ccc;
 background-image: -webkit-gradient(linear, top, bottom, from(#FFFF66), (#CC6600), to(#FF0000));
 background-image: -webkit-gradient(linear, top, bottom, from(#FFFF66), (#CC6600), to(#FF0000));
 background-image: -webkit-linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 background-image: -moz-linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 background-image: -ms-linear-gradient(top, #FFFF66, #CC66000, #FF9900);
 background-image: -o-linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 background-image: linear-gradient(top, #FFFF66, #CC6600, #FF9900);
 right: 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dce6f6', EndColorStr='#b5c3e3');
 border: 1px solid #777;
 padding: 0 1.6em;
 margin: 0.6em;
 font: bold 1em/2em Arial, Helvetica;
 text-decoration: none;
 color: #333;
 text-shadow: 0 1px 0 rgba(255,255,255,.8);
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em;
 border-radius: .4em;
 -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}
.button:active {
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}
.button:focus {
	outline: 0;
	background: #fafafa;
}
.button:before {
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
	pointer-events: none;
}
/* Hexadecimal entities for the icons */


.invite::before {
	content: "\2646";
}
.update::before {
	content: "\21BA";
}
.cancel::before {
	content: "\232B";
}
.infotip::before {
	content: "\2762";
	
}
.add::before {
	content: "\271A";
}
.delete::before {
	content: "\2718";
}
.save::before {
	content: "\2714";
}
.email::before {
	content: "\2709";
}
.like::before {
	content: "\2764";
}
.next::before {
	content: "\279C";
}
.star::before {
	content: "\272A";
}
.spark::before {
	content: "\2737";
}
.play::before {
	content: "\25B6";
}
.sun::before {
	content: "\263c";
}
.connect::before {
	content: "\29DD";
}
.place::before {
	content: "\2318";
}
.position::before {
	content: "\2316";
}
.circledot::before {
	content: "\2686";
}
.alembic::before {
	content: "\2697";
}
.flag::before {
	content: "\2690";
}
.threegear::before {
	content: "\2699";
}
.advanced::before {
	content: "\26B6";
}
.instant:before {
	content: "\2607";
}
.cool::before {
	content: "\2744";
}
.report::before {
	font-size:2em;
	content: "\03FE";
}
.trygear::before {
	content: "\07F7";
}
.stats::before {
	content: "\219D";
}
.trycircle:before {
	padding-top:2px;
	content: "\A562";
}
.scales:before {
	padding-top:2px;
	content: "\283E";
}
.beng::before {
	content: "\09FA";
}
.logout::before {
	content: "\0277";
}
.switch::before {
	content: "\2126";
}
.challenge::before {
	content: "\260D";
}
.kinship::before {
	content: "\1D327";
}
.boy::before {
	content: "\2642";
	colour:blue;
}
.girl::before {
	content: "\2640";
	colour:pink;
}

.whiteking::before {
	content: "\2654";
}

button.button, input.button {
	cursor: pointer;
	overflow: visible; /* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
button::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/* If line-height can't be modified, then fix Firefox spacing with padding */
 input::-moz-focus-inner {
 padding: .4em;
}
/* The disabled styles */
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
	background: #eee;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.spanFormat {
	text-align: right;
	display: table-cell;
	min-width: 10px;
	padding-right: 10px;
	float:right;
}
a:link, a:visited, a:hover {
	color:#626262;
	text-decoration:none;
	font-size:1em;
	text-shadow: 0.01em 0.01em 0.02em #b3c8ea;
	font-weight:600
}
.font2, a:hover {
	color:#332233;
	text-decoration:none;
	text-shadow: 0.02em 0.02em 0.02em #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-family:sans-serif, Helvetica, arial;
	color:#385a73;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	text-shadow: 0.02em 0.02em 0.02em #333333;
}
h2 {
	font-size:100%;
	margin:2px;
}
.smallfont {
	font-family:sans-serif, Helvetica, arial;
	font-size:1em;
	color:#383d73;
}
.smallfontTable {
	font-family:sans-serif, Helvetica, arial;
	font-size:8pt;
	color:#383d73;
	margin:7px 0;
}
.button12 {
	font-family:sans-serif, Helvetica, arial;
	border:1px solid #ddd;
	color:#666;
	font-size:12px;
	background-image:url(../images/.button1.jpg);
}
.listItem {
	border:1px solid #ddd;
	width:605px;
	margin:5px 0;
}
.todo {
	font-family:sans-serif, Helvetica, arial;
	color:red;
	border:1px dotted red;
	background-color:#fff;
	font-size:9px;
	width:400px;
	margin:4px;
	padding:2px;
}
.menuitem, .menuitem-last {
	color:#fff;
font-family:font-family:sans-serif, Helvetica, arial;
	font-size:9pt;
	font-weight:700;
	margin:4px;
}

}
h2 {
	font-size:100%;
	margin:2px;
}
.smallfont {
	font-family:sans-serif, Helvetica, arial;
	font-size:1em;
	color:#383d73;
}
.smallfontTable {
	font-family:sans-serif, Helvetica, arial;
	font-size:8pt;
	color:#383d73;
	margin:7px 0;
}
.button12 {
	font-family:sans-serif, Helvetica, arial;
	border:1px solid #ddd;
	color:#666;
	font-size:12px;
	background-image:url(../images/.button1.jpg);
}
.listItem {
	border:1px solid #ddd;
	width:605px;
	margin:5px 0;
}
.todo {
	font-family:sans-serif, Helvetica, arial;
	color:red;
	border:1px dotted red;
	background-color:#fff;
	font-size:9px;
	width:400px;
	margin:4px;
	padding:2px;
}
.menuitem, .menuitem-last {
	color:#fff;
font-family:font-family:sans-serif, Helvetica, arial;
	font-size:9pt;
	font-weight:700;
	margin:4px;
}