/*@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);*/
@import url(http://fonts.googleapis.com/css?family=Indie+Flower&v1);
/*@import url(http://fonts.googleapis.com/css?family=Just+Another+Hand&v1);*/

@font-face {
font-family: MailFont;
src: url('fonts/moanhand.eot'); /* IE */
}
@font-face {
font-family: MailFont;
src: url('fonts/moanhand.otf') format("opentype"); /* NON-IE */
}

/*** GENERIC ***/
.hidden {
	display: none !important;
}

body {
	padding-top: 1em;
	font: 13px/1.333 Verdana,arial,helvetica,clean,sans-serif;
}

#doc4 {
	background: #F9F7ED;
	/*border: 1px solid #ddd;*/
	/*padding: 0 4px 0 4px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;*/
	-moz-border-radius: 30px;
}

/*
#content {
	background: #fff;
	/*margin-left: 30px;*/
	padding: .75em;
	background-image: url("../img/contentCorner.png");
	background-position: top right;
	background-repeat: no-repeat;
}
*/

#hd {
	background: #660000;
	color: #FEE;
	padding: 0;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:25px;
	-moz-border-radius-topright:25px;
}

#hd.noAds
{
	background-image: url("../img/headSplash.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#ft {
	background: #660000;
	padding: .5em;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
}

h1,h2,h3,h4,h5,h6 {
	color: #900;
	margin: 2em 0 1em 0;
	text-shadow:2px 2px 4px #DDDDDD;
}

h2 {
	background: #990000 url(./../img/bevel990000.png) repeat-x center top;
	border-bottom:1px solid #AAAAAA;
	color:#FAFAFA;
	padding:0 0.2em;
	margin:1.5em 0 0.5em;
	font-weight: normal;
	-moz-border-radius-topright: 1em;
}

h1 {
	color: #B02B2C;
	font-size: 150%;
	margin-bottom: .7em;
	margin-top: .8em;
	text-shadow: 1px 1px 1px #aaa;
	border-bottom:1px solid #EEE;
	background: #FAFAFA url(./../img/gdd.png) repeat-x bottom;
	padding: .2em;
}

a,a:visited {
	text-decoration: none;
	color: #0044BB;
}

a:hover {
	text-decoration: underline;
}

big {
	font-size: 133%;
	font-weight: lighter;
	color: #990000;
}

div.logo {
	padding: 8px 0px 0px 8px;
	}
div.logo,div.logo a {
	font: 32px Georgia;
	color: white;
	text-align: left;
}

div.logo small {
	line-height: 12px;
	font-size: 12px;
}

div.adBanner {
	padding: 0;
	margin: 8px;
	text-align: right;
	width: 468px;
	height: 60px;
	/*background: url("../img/noAdBlocker.gif") no-repeat;*/
	float: right;
}

img.canvas {
	border: 1px solid #666;
	padding: 8px;
	margin: 10px;
	background-color: #FEFAFA;
}

img.tinyCanvas {
	border: 1px solid #666;
	padding: 3px;
	margin: 2px;
	background-color: #FEFAFA;
}

td {
	vertical-align: top;
}

.l {
	text-align: left;
}

.r {
	text-align: right;
}

div.text {
	font-family: Georgia;
	background: #FAFAFA;
	padding: .5em;
	line-height: 1.5;
}

div.text p {
	font-family: Georgia;
	padding: .5em;
	margin: 0;
	background: #FAFAFA;
}

.onlineStatus
{
	font-variant: small-caps;
}

.onlineStatus .online
{
	color: #006600;
}

/*** PAGER ***/
ul.pager {
	margin: 0;
	padding: 0.8em;
	color: #AAAAAA;
}

ul.pager li {
    background: none repeat scroll 0 0 #990000;
    border: 1px solid #990000;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    display: inline;
    /*font-size: 110%;*/
    list-style: none outside none;
    margin: 0 2px;
    padding: 0.1em;
}

ul.pager li.a {
	border: 1px solid #555555;
	background: #ffffff;
}

ul.pager li.a a {
	color: #000;
}

ul.pager li:hover {
	border: 1px solid #999999;
}

ul.pager a {
	padding: 0 4px;
	color: #fff;
}

ul.pager b {
	font-weight: normal;
	padding: 0 4px;
}

ul.pager div {
	clear: left;
}

div.infoTab {
	white-space: nowrap;
	line-height: 1em;
	margin: 0;
	font-size: 1em;
	display: block;
	float: right;
	padding: .2em;
	color: #DDDDDD;
	vertical-align: bottom;
}

/*** MAIN TABS ***/
/*

ul.mainTabs {
	margin-top: 24px;
	margin-left: 30px;
	padding-top: .8em;
	padding-bottom: .4em;
	padding-left: 0;
	white-space: nowrap;
}

ul.mainTabs li {
	display: inline;
	list-style-type: none;
}

ul.mainTabs a {
	padding: .4em;
}

ul.mainTabs a:link,ul.mainTabs a:visited {
	color: #fff;
	background-image: url('../img/mainTabsBg.png');
	background-repeat: repeat-x;
	background-color: #B02B2C;
	border-right: 2px solid #660000;
	text-decoration: none;
}

ul.mainTabs a:hover {
	color: #fff;
	background-color: #bb4748;
	border-right: 2px solid #660000;
	text-decoration: none;
}

ul.mainTabs li.active a {
	color: #3F4C6B;
	background-image: url('../img/mainTabsBgA.png');
	background-repeat: repeat-x;
	background-color: #F9F7ED;
	border-right: 2px solid #220000;
	text-decoration: none;
}
*/

/*** INPUT ***/
form {
	border: none;
	margin: 0;
	padding: 0;
}

input[type=text],input[type=password],select,textarea {
	color: #1111aa;
	background-color: #FFF9DC;
	background: #fff9dd url(./../img/bgInput.png) repeat-x center top;
	padding: .1em;
	border: 1px solid #aaa977;
	font-family: Georgia, Times New Roman, Times, serif;
}

input[type=submit],input[type=button],a.btn {
/*	color: #0044BB;*/
	background-color: #DDD;
	background: -moz-linear-gradient(#FFF,#DDD);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
    padding: .1em 0.5em;
    text-shadow: 1px 1px 1px #EEE;
    border-radius: .3em;
}
input[type=submit]:hover,input[type=button]:hover {
	background-color: #F3F3F3;
	background: -moz-linear-gradient(#FFF,#EEE);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25), 1px 1px 4px rgba(255, 255, 255, .75);
}
input:focus,select:focus
{
	box-shadow: 0px 0px 8px #DDD;
}


textarea
{
	margin: .5em 0;
}

input[type="text"],input[type="password"],textarea {
	width: auto;
}

input.example,textarea.example {
	color: #88A;
	font-style: italic;
	font-variant: small-caps;
}

/*** BOXES ***/
div.infoBox,div.errorBox,div.accessDeniedBox,div.okBox {
	margin: 1em;
	text-align: left;
	padding: 1em 1em 1em 45px;
	box-shadow: 0.1em 0.1em 0.4em #AAA;
}

div.infoBox {
	background: #fce94f url(./../img/infoBox.png) 4px 50% no-repeat;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

div.accessDeniedBox {
	background: #fce94f url(./../img/accessDeniedBox.png) 4px 50% no-repeat;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

div.errorBox {
	background: #fce94f url(./../img/errorBox.png) 4px 50% no-repeat;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

div.okBox {
	background: #8ae234 url(./../img/okBox.png) 4px 50% no-repeat;
	border-top: 2px solid #4e9a06;
	border-bottom: 2px solid #4e9a06;
}

/*** BOXES II ***/
div.tipBox {
	margin: 1em;
	text-align: left;
	padding: .5em;
	background: #CDEB8B;
	/*border: 1px dotted #BDDB7B;*/
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
}

div.warningBox {
	margin: 1em;
	text-align: left;
	padding: .5em;
	background: #FFEE99;
	/*border: 1px dotted #BDDB7B;*/
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
}

/*** TABLES ***/
table.simple {
	width: 100%;
}

th,td {
	border: none;
	padding: 0.25em;
}

tr.input > td {
	background: inherit;
	/* #F9F7ED; url(../img/bgGradient.png) repeat-x bottom;*/
	border-bottom: 1px solid #fff;
}

tr.alt {
	background: #FFFAEA;
}

th {
	background: #990000 url(./../img/bevel990000.png) repeat-x top;
	color: #EEEEEC;
	text-align: left;
}

td.label {
	background: #F9F7ED url(./../img/gd.png) repeat-x bottom;
}

td.value {
	background: #FAFAFA url(./../img/gd.png) repeat-x bottom;
}

/*** PANEL ***/
.panel { /*width: 45em;*/
	background: #Fff8e8;
	padding: 3px;
	/*border: 1px solid #fee;*/
	padding: .25em;
	color: #000000;
}

.panel em {
	font-style: normal;
	font-size: 110%;
	font-weight: bold;
}

.panel .caption {
	background: #990000 url(./../img/bevel990000.png) repeat-x top;
	color: #EEEEEC;
	padding: 0.25em;
/*	margin: -.25em -.25em .5em -.25em;*/
	margin: .5em -.25em;
	padding: .25em;
	border-bottom: 1px solid #ddd;
}

.panel .caption a {
	color: #ffffff;
	text-decoration: underline;
}

.panel .buttons {
	/*background: #990000;*/
	margin-top: .5em;
	padding: 0.25em;
	text-align: right;
}

.panel p.buttons
{
	background: #990000;
}

.panel .errorMsg {
	color: #BB0000;
	font-variant: small-caps;
}

/*** MAILS ***/
.mails .unseen {
	font-weight: bold;
}

.mails .deleted {
	text-decoration: line-through;
}


/*** PROFILE PAGE ***/
.userProfile td.userQuote {
	text-align: center;
	font-size: 2em;
	vertical-align: middle;
	font-family: Geogria;
}

.userProfile h3 {
	background: #F9F7ED  url(./../img/gdd.png) repeat-x bottom;
	border-bottom: 1px solid #E9E7DD;
	margin-bottom: 0;
	-moz-border-radius-topright: 10px;
}

.userProfile table.details {
	width: 100%;
	/*border: 1px solid #F9F7ED;*/
	border: none;
	border-collapse: separate;
	border-spacing: 1px;
}

.userProfile td.label {
	font-variant: small-caps;
	white-space: nowrap;
	width: 1%;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
}
.userProfile td.value {
		-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
}

.userProfile th {
	background: #F9F7ED url(./../img/gdd.png) repeat-x bottom;
	color: #900;
	border-bottom: 1px solid #E9E7DD;
	text-align: left;
	-moz-border-radius-topright: 10px;
}

.userProfile ul
{
	margin: 0;
	padding: 0;
}
.userProfile ul li
{
	list-style: square;
	list-style-position: inside;
}

/*** FOOTER ***/
#ft a,#ft {
	color: #eee;
	text-align: left;
}

/*** WIKI ***/
div.wiki {
	font-family: Georgia;
}
div.wiki p {
	padding: .5em;
	margin: 0;
}

img.splashImg
{
	margin: 0;
	margin-left:-.75em;
}

ul.linklift
{
	width: 240px;
	background: #FFFEFD;
	border: 1px solid #990000;
	list-style-type: none;
	padding: 0.3em;
	margin: 0;
}
ul.linklift li
{
	text-align: left;
	list-style-type: none;
}

ul.tads
{
	width: 240px;
	background: #FFFEFD;
	border: 1px solid #990000;
	list-style-type: none;
	padding: 0.3em;
	margin: 0;
	font-size: 11px;
}
ul.tads li
{
	text-align: left;
	list-style-type: none;
	border-bottom: 1px dotted #eee;
}


div.chat .messages
{
	overflow-y: scroll;
	height: 300px;
	border: 1px solid #999;
	margin: 0;
	background: white;
}

div.chat .name {
	/*font-family: monospace;*/
	width: 100px;
	/*overflow:hidden;*/
	text-align: right;
	display: block;
	background: #FAFAFA;
	padding: .3em;
	display: inline;
	/*display: inline-block;*/
	padding-right: .5em;
	margin-right: .5em;
}

div.chat .name a {
	text-decoration: none;
	color: inherit;
}

div.chat .message {
	margin:0;
	padding: .3em;
	/*border-bottom: 1px solid #F8F8F8;*/
	clear: both;
	/*background: #FFF url(../img/lineBg.png) repeat-x bottom;*/
}

div.chat .sysmessage {
	padding: .3em;
	/*border-bottom: 1px solid #F8F8F8;*/
	font-variant: small-caps;
	font-size: 90%;
	background: #F4F8FF;
}

div.chat .text {
	font-family: Georgia;
}

div.chat .sysmessage .text {
	font-family: Arial;
	font-style: italic;
	/*font-weight: bold;*/
}

div.chat .alt {
	background-color: #FFFEFA;
}

a.button
{
	/*
	border-top:2px solid #f9f9f9;
	border-left:2px solid #f9f9f9;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding: .2em;
	background-color: #eee;
	color: #009;
	*/
	background-color: #DDD;
	background: -moz-linear-gradient(#FFF,#DDD);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
    padding: .1em 0.5em;
    text-shadow: 1px 1px 1px #EEE;
    border-radius: .3em;
}

table.forums
{
	 border-collapse:separate;border-spacing:2px;
}

table.forums th
{
	font-size: 70%;
}

table.forums td
{
	border-right:1px solid #EFEADA;padding-bottom:.6em;padding-top:.6em;border-bottom:1px solid #EFEADA;
}

table.forums tr.alt2
{
	background:#FEFAF8;
}

table.forums .forumCaption
{
	margin-bottom:.5em;font-size:119%;text-decoration:underline;
}

table.forumTopics
{
	 border-collapse:separate;border-spacing:2px;
}

table.forumTopics th
{
	font-size:70%;
}

table.forumTopics td
{
	border-right:1px solid #EFEADA;padding-bottom:.6em;padding-top:.6em;border-bottom:1px solid #EFEADA;
}

table.forumTopics tr.alt2
{
	background:#FEFAF8;
}

table.forumTopics .topicCaption
{
	margin-bottom:.5em;font-size:119%;text-decoration:underline;
}

table.forumEntries
{
	 border-collapse:separate;border-spacing:2px;
}

table.forumEntries th
{
	font-size:119%;
}

table.forumEntries td
{
	border-right:1px solid #EFEADA;padding-bottom:.6em;padding-top:.6em;border-bottom:1px solid #EFEADA;
}

table.forumEntries tr.alt2
{
	background:#FEFAF8;
}

table.forumEntries .entryCaption
{
	margin-bottom:.5em;border-bottom:1px dotted #000;font-size:80%;
}



label
{
	white-space:normal;
}
label
{
	cursor:pointer;
}

.questionary input[type=radio]
{
	margin-left: 1.3em;
	margin-right: 1.3em;
}

.questionary table td
{
	border-right:1px solid #EFEADA;padding-bottom:.6em;padding-top:.6em;border-bottom:1px solid #EFEADA;
}

.questionary table tr.alt
{
	background-color: #FFFAEA;
}

.questionary table td b
{
	color: #990000;
}

span.required{font-size: 85%;vertical-align: top;color:#d00;}

.menu img
{
	/*border-right:1px solid #DDDDDD;*/
	margin:2px 4px 2px 2px;
	padding-right:4px;
	vertical-align:middle;
}

td.ltd
{
	background-color: #FAFAFA;
}

tr.alt td.ltd {
	background: #FAF5E5;
}

div.mailBody {
	font-family: Georgia, serif;
	background: #FAFAFA;
	padding: 30px;
	background: url('../img/letterPaper_bg.png') repeat-y;
	color: #006;
	font-size: 1.3em;
}

.mailFont {
	font-family: "Indie Flower", "Reenie Beanie", Georgia !important;
	font-size: 2.0em !important;
}

.lngSelector
{
	float:right;padding-top:20px;padding-right:30px;font-variant: small-caps;
}

.lngSelector a {color:#666 !important;}

li
{
	margin-bottom: 1em;
}

div.questionText
{
	font-family: Georgia, serif;
	background: #FAFAFA;
	padding: 20px 30px 10px 30px;
	background: url('../img/letterPaper_bg.png') repeat-y;
	color: #009;
	font-size: 1.3em;
}

ul.answers li {
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  display: block;
  list-style-type: none;
  padding: 0.5em;
  box-shadow: 0.1em 0.1em 0.4em #EEE;
}

div.scoreThrobber {
	background: url("../img/score_throbber.gif") no-repeat center  center;
}


div.tooltip {
    background-color: #F9F7ED;
    /*border: 1px solid #DECA7E;*/
    color: #303030;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 13px;
    position: absolute;
    text-align: center;
    z-index: 2;
    font-weight: normal;
    box-shadow: 0.1em 0.1em 0.4em #999;
}

img.tooltip {
	vertical-align: bottom;
}

div.box
{
	background: #eee;
	border: 1px solid #ddd;
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding: 2em;
}

div.scoreBar {
  position: relative;
  margin: 0 0 0 0;
  width: 250px;
  border: 1px solid #CCC;
  padding:1px;
  background: #F9F7ED;
  box-shadow: 0.1em 0.1em 0.2em #ddd;
}

div.scoreBar p {
  position: absolute;
  left: 1px;
  top: 1px;
  line-height: 16px;
  background-color: #999;
  margin: 0;
  padding: 0;
}

div.scoreBar p._80 { background-color: #900;}
div.scoreBar p._90 { background-color: #900;}
div.scoreBar p._100 { background-color: #900;}

div.scoreBar strong {
  position: relative;
  z-index: 10;
  display: block;
  line-height: 16px;
  text-align: center;
  font-size:12px;
  color: #AAA;
  font-variant: small-caps;
  /*text-shadow: 1px 1px 1px black;*/
}

div.scoreBarIcon
{
	width: 30px;
	height: 7px;
	background: url(../img/scoreBar.png);
	margin: 2px 0;
}

span.piMatch b
{
	font-family:serif;
	font-size:110%;
	font-variant: normal;
	font-weight: normal;
}

dl.answers dt {font-family:Georgia,serif;background: #F9F7ED;border-bottom:1px solid #E9E7DD; margin: 1em 0 0 0;font-size:130%;padding: .3em;box-shadow:2px 2px 4px #EEEEEE;border:1px solid #eee;border-bottom:none;}
dl.answers dd {background: #FAFAFA;margin: 0 0 0 1em;padding: .3em;box-shadow:2px 2px 4px #EEEEEE;border:1px solid #eee;border-top:none;padding: 1em;}


ul.questions li
{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    list-style: none;
    padding: 0.5em;
    box-shadow: 1px 1px 2px #eee;
}
ul.questions li a {display: block;}

div.listViewFilters
{
	text-align:right;
	margin: .5em 0;
	font-size: 90%;
	font-variant: small-caps;
	color:#999;
}
div.listViewFilters a.active
{
	/*border-bottom:1px solid #999;*/
	font-weight: bold;
}

img.fullSizeMemberPhoto
{
	box-shadow: 3px 3px 12px #bbb;
}

div.article
{
	font-family: Georgia;
	background-color: #FFFFFB;
	box-shadow: 2px 2px 8px #ddd;
	padding: 1em;
	line-height: 1.5;
}

tr.userDetailed
{
	border-bottom: 1px solid #eee;
/*	background: -moz-linear-gradient(top, #fff, #FFFAEA); */
}

div.quickSearch
{
	background: #900;
	background: -moz-linear-gradient(#900,#600);
	padding:.5em;
	text-align: center;
	border:2px solid #600;
	box-shadow:1px 1px 4px #000;
	color:#FFF;
	font-size:110%;
	font-weight:bold;
	white-space: nowrap;
}

img.photo {
	display:inline;
	padding: 8px 8px 20px 8px;
	background: #F6F6F6;
	border: 1px solid #fff;
	border-color: #FFF #DDD #DDD #FFF;
	box-shadow: 1px 1px 8px rgba(0,0,0,.15);
	margin:20px 20px 10px 20px;
	-webkit-backface-visibility: hidden; /* antialias for chrome */

	/*visibility: hidden;*/
}
img.photo:-moz-loading {visibility: hidden}
img.photo:loading {visibility: hidden}

img.photo.small {
	padding: 6px 6px 14px 6px;
	/*background: #F6F6F6;*/
	border: 1px solid #fff;
	border-color: #FFF #DDD #DDD #FFF;
	box-shadow: 1px 1px 4px rgba(0,0,0,.1);
	margin:10px;
}
img.photo.tiny {
	padding: 2px 2px 4px 2px;
	/*background: #F6F6F6;*/
	border: 1px solid #fff;
	border-color: #FFF #DDD #DDD #FFF;
	box-shadow: 1px 1px 4px rgba(0,0,0,.1);
	margin:6px;
}

.dimmed { opacity: .5; }
.dimmed:hover { opacity: 1; }

a.closeBtn {
	background-color: #900;
	background: -moz-linear-gradient(#B66,#900);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
    font-size:8px;
    padding: .1em .5em;
    border-radius: .3em;
    border: 1px solid #600;
    color:#FFF;
}