* {
	font-family: Tahoma, sans-serif;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

h1 {
	font-size: 18pt;
	color: #000;
	padding: 0 8pt;
}

h2 {
	padding: 3pt 8pt;
	font-size: 14pt;
	font-weight: normal;
	color: #333;
	background-color: #FAFAFA;
	border: 1px dashed #DDD;
}

.action-text {
	border-bottom: 1px dashed #BE29A0;
	color: #BE29A0;
	padding-bottom: -1px;
}
.action-text:hover {
	cursor: pointer;
	border-bottom-color: #6f0d5c;
	color: #6f0d5c;
}

.sub {
	font-size: 10pt;
}

.main-logo {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 40px;
}

.center {
	width: 100%;
	text-align: center;
}

.left {
	text-align: left;
	margin: auto;
}

.hidden { display: none }

.copy { font-size: 9pt }

.left8 { margin-left: 8pt }

td.demo-acc {
	background-color: #fffdc0;
	padding: 10pt;
	text-align: center;
}

a.gen {
	margin: 15pt 10pt;
	color: #BE29A0;
	font-size: 12pt;
}



/* ------------------- layout ------------------- */
.container {
	width: 79%;
	margin: 0 10%;
	position: relative;
    min-height: 100%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #fffdc0;
	padding: 15px 8pt;
	
	color: #666;
	font-size: 9pt;
	text-align: center;
}

.footer a {
	color: #ca62b5;
	font-size: 9pt;
}
.footer a:hover { color: #D612AF }



/* ------------------- navigation ------------------- */

.navigation {
	color: #666;
	background-color: #FFFDEA;
	margin-bottom: 25pt;
	padding: 10px 8pt;
	position:absolute;
	top: 0;
	width: 100%;
	height: 20px;
}

.navigation a {
	color: #BE29A0;
	font-size: 11pt;
}
.navigation a.back {
	font-size: 12pt;
}
.navigation a:hover { color: #6f0d5c }


/* ------------------- quotes list ------------------- */
.quote, .quote_pub {
	padding: 15pt 10pt 15pt 10pt;
	width: 100%;
}
.quote:hover {
	background-color: #FCF6B9;
	cursor: pointer;
}

.q-td-q p {
	margin: 0;
	text-indent: 10pt;
}

.q-td-q a { color: #ca62b5; }
.q-td-q a:visited { color: #6f0d5c; }

.q-table {
	width: 100%;
}
.q-td-q {
	width: 80%;
}
.q-td-t {
	width: 20%;
	color: #666;
	padding-left: 20pt;
}

a.tag {
	color: #ca62b5;
	font-size: 11pt;
}

a.tag:hover { color: #D612AF }
	


/* ------------------- login form ------------------- */

#warn_form, #warn_form_alias {
	color: #be294c;
}

.warn-arr {
	color: #be294c;
	font-size: 18pt;
}

.login-inpt {
	width: 180px;
	margin-top: 10pt;
	border: 1px solid #CEAAC7;
	padding: 5pt;
	font-style: none;
	font-size: 11pt;
}

td.hint {
	padding: 8pt 0 0 7pt;
	font-size: 11pt;
}
td.hint a {
	color: #BE29A0;
}
td.hint a:hover { color: #6f0d5c }

table.main-layout {
	width: 100%;
}

td.what-cell {
	padding-right: 20pt;
	width: 50%;
}
td.login-cell {
	padding-left: 20pt;
	width: 50%;
}

td.what-cell p{
	margin-top: 10pt;
}




.search-input {
	width: 230px;
	border: 1px solid #CEAAC7;
	padding: 2pt 5pt;
	font-style: none;
	font-size: 10pt;
}



/* ------------------- add quote form ------------------- */

.add-quote-form {
	margin: 20pt 0 30pt 0;
	padding: 10pt 10pt 20pt 10pt;
	/*border-top: 1px solid #D1C21E;
	background-color: #FFFCD9;
	/*border-top: 2px solid #CEAAC7;
	background-color: #FFF2FC;*/
}

.input-hint{
	color: #888;
	font-style: italic;
}

.add-q-tags, .add-quote-form textarea{
	width: 100%;
	margin-top: 10pt;
	border: 1px solid #CEAAC7;
	/*border: 1px solid #999;*/
	padding: 5pt;
	font-style: none;
	font-size: 12pt;
}
.add-q-tags{
	height: 20px;
}

.button {
	margin-top: 14pt;
}

#tags_container {
	width: 100%;
	position: relative;
	top: 0;
	z-index: 10;
}

.tag-suggest {
	padding: 4pt 10pt;
	font-size: 10pt;
	border: 1px dotted #DDD;
	background-color: #fff;
}
.tag-suggest:hover { 
	background-color: #fffdc0;
	cursor: pointer;
}


.small-hint a { 
	margin: 0;
	text-decoration: none;
}
.small-hint a:hover { text-decoration: underline;}

.small-hint, .small-hint a {
	font-size: 8pt;
	color: #999;
}

/* ------------------- edit quote form ------------------- */

.edit-quote-form textarea{
	width: 70%;
	margin-right: 10pt;
	border: 1px solid #CEAAC7;
	padding: 5pt;
	font-style: none;
	font-size: 12pt;
}

.edit-quote-form textarea.et{
	width: 20%;
	margin-right: 0;
}



/* ------------------- books page ------------------- */

.book-tag {
	width: 100%;
	margin-bottom: 50px;
}

.book-tag td {
	padding-right: 8pt;
}


/* ------------------- book list ------------------- */

.book-list {
	list-style: none;
	padding: 0 8pt;
}
.book-list li {
	margin: 10pt 0;
}

.book-list li a {
	color: #BE29A0;
	font-size: 16pt;
}
.book-list li a:hover/*, .book-list li a:visited*/ { color: #6f0d5c; }


/* ------------------- tag list ------------------- */

.tag-list {
	list-style: none;
	padding: 0 8pt;
}
.tag-list li {
	margin: 5pt 0;
}

.tag-list li a {
	color: #BE29A0;
	font-size: 11pt;
}
.tag-list li a:hover { color: #6f0d5c }



/* ------------------- settings ------------------- */
.pw-change {
	font-size: 11pt;
	margin-left: 8pt;
}
td.label {
	padding: 10pt 10pt 0 0;
}