/* ************************************* */
/* styles from Profile.template       */
/* ************************************* */

.signature h5
{
	font-size: 100%;
	margin-bottom: 10px;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
	padding: 1ex 2ex;
	border: solid;
	border-width: 1px 1px 0 1px;
}

div#profile_error
{
	border-color: red;
	color: red;
	background: #fee;
}

div#profile_error span
{
	text-decoration: underline;
}

div#profile_success
{
	border-color: green;
	color: green;
}

/* ************************************* */
/* styles from BoardIndex.template       */
/* ************************************* */

.categoryframe { margin-top: 0.4em }
.categoryframe h3 { margin: 0 }
table.boardsframe { width: 100% }
table.boardsframe td.icon
{
	text-align: center;
	padding: 0.3em;
	width: 3%;
}
table.boardsframe td.info
{
	width: 50%;
	padding: 0;
}
table.boardsframe td.info h4
{
	padding: 0.4em 0.4em 0 0.4em;
	margin: 0;
}
table.boardsframe td.info p
{
	padding: 0 0.4em 0.5em 0.4em;
	margin: 0;
}
table.boardsframe td.info span.moderators
{
	font-size: 0.8em;
	font-family: verdana, sans-serif;
	font-weight: normal;
}
table.boardsframe td.stats
{
	width: 8%;
	vertical-align: middle;
	text-align: center;
}
table.boardsframe td.lastpost
{
	width: 30%;
	vertical-align: top;
	padding: 0.5em;
}
#posticons
{
	clear: both;
	width: 100%;
}
#posticons .buttonlist
{
	margin-right: 1em;
	float: right;
}
#infocenterframe
{
	margin: 2em 1em 0 1em;
	clear: both;
}
/* each section in infocenter has this class */
.infocenter_section
{
	clear: both;
}
.infocenter_section p.section
{
	display: block;
	margin: 0;
	width: 3%;
	text-align: center;
	float: left;
	padding: 0.5em 0 0 0;
}
.infocenter_section div.sectionbody
{
	margin-left: 3%;
	padding: 0.3em;
	border-left: solid #a0a0a0 1px;
	min-height: 25px;
}
/* recent posts - or just one recent post */
dl#infocenter_recentposts
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
dl#infocenter_recentposts dt
{
	clear: left;
	float: left;
	padding: 0.1em;
	width: 68%;
	white-space: nowrap;
	overflow: hidden;
}
dl#infocenter_recentposts dd
{
	clear: right;
	float: right;
	padding: 0.1em;
	width: 25%;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
}
/* login form */
form#infocenter_login ul.horizlist label
{
	white-space: nowrap;
	font-size: 90%;
	font-weight: bold;
}

/* ************************************* */
/* styles from MessageIndex.template     */
/* ************************************* */
#childboards table
{
	width: 100%;
}
.modbuttons
{
	clear: both;
	width: 100%;
}
.modbuttons .buttonlist, .modbuttons .buttonlist_bottom
{
	margin-right: 1em;
	float: right;
}
#messageindex td.icon1, #messageindex td.icon2
{
	text-align: center;
	padding: 0.3em;
	width: 3%;
}
#messageindex td.subject
{
	padding: 0.3em;
}
#messageindex td.replies
{
	text-align: center;
	padding: 0.3em;
	width: 4%;
}
#messageindex td.lastpost
{
	padding: 0.3em;
	width: 22%;
}
#messageindex td.moderation
{
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#topic_icons p
{
	display: block;
	padding: 0.5em 0.5em 0.1em 0.5em;
	margin: 0;
	border-bottom: none;
}
#message_index_jump_to
{
	margin: 2em 4em 0 2em;
}
.lastpost img
{
	float: right;
}
/* ************************************* */
/* styles from Display.template          */
/* ************************************* */
#events .post
{
	padding: 1em;
}
#postbuttons .nav, #postbuttons_lower .nav, #moderationbuttons
{
	margin: 0.5em 0.5em 0 0;
	text-align: right;
}
#postbuttons_lower .nav
{
	margin: 0em 0.5em 0.5em 0;
}
.voted
{
	font-weight: bold;
}

/* Poll question */
h4#pollquestion
{
	padding: 1em 0 1em 2em;
	font-weight: normal;
	font-size: 110%;
}

/* Poll vote options */
#poll_options ul.options
{
	border-top: 1px solid #696969;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
	clear: both;
	padding: 0 0 1em 2em;
}

#poll_options div.submitbutton.border
{
	border-bottom: 1px solid #696969;
	margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
	border: solid #696969;
	border-width: 1px 0;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options dl.options dt.voted
{
	font-weight: bold;
}
#poll_options dl.options dt.voted small
{
	font-weight: normal;
}
#poll_options dl.options dd
{
	margin: 0.5em 0 1em 0;
}

/* Poll notices */
#poll_options p
{
	margin: 0 1.5em 0.2em 1.5em;
	padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
	margin: 0 0 0 2em;
	padding: 0;
}

.approve_post
{
	margin: 2ex;
	padding: 1ex;
	border: 2px dashed #cc3344;
	color: black;
	font-weight: bold;
}
.poster
{
	width: 15em;
}
.postarea
{
	margin-left: 16em;
}
.messageicon
{
	float: left;
	margin: 0 0.5em 0.5em 0;
}
div.postarea .keyinfo
{
	float: left;
	clear: none;
	width: 60%;
	min-height: 3em;
}
ul.postingbuttons
{
	float: right;
	padding-right: 1em;
	text-align: right;
}
ul.postingbuttons li
{
	display: inline;
}
.modifybutton
{
	float: right;
	padding-left: 4px;
	vertical-align: middle;
}
.attachments hr
{
	clear: both;
	margin: 0.5em 0 0.5em 0;
}
.attachments
{
	padding-top: 1em;
}
.postfooter
{
	margin-left: 16em;
}
.moderatorbar
{
	clear: right;
	margin: 1em 0 0 16em;
}
#quickreplybox
{
	clear: both;
}
#quickReplyOptions div
{
	text-align: center;
	border-left: solid 1px #aaa;
}

#quickReplyOptions #quickReplyWarning
{
	border: none;
	text-align: left;
	margin: 0;
	width: 25%;
	float: left;
}
#quickReplyOptions #quickReplyContent
{
	float: left;
	width: 74%;
}

#quickReplyOptions #quickReplyContent textarea, #quickReplyOptions #quickReplyContent input
{
	margin-bottom: .5em;
}

#verification_control, #verification_control .smalltext
{
	display: inline;
}

/* ************************************* */
/* styles from Recent.template           */
/* ************************************* */
.readbuttons
{
	clear: both;
	width: 100%;
}
.readbuttons .buttonlist, .readbuttons .buttonlist_bottom
{
	margin-right: 1em;
	float: right;
}

/* ************************************* */
/* Common styles for the theme           */
/* ************************************* */

#btop {
	width: 975px;
	margin: 0 auto;
	text-align: left;
}
a:link {
	color: #479;
	text-decoration: underline;
}
a:visited {
	color: #858;
	text-decoration: underline;
}
a:hover {
	color: #b50;
	text-decoration: underline;
}
a img {
	border-width: 0;
}

/* Content
----------------------------------------------- */
#sidebar {
	width: 190px;
	padding: 0 5px;
	background: transparent url(images/black-op4.png) !important; background: none;
}
#sidebar2 {
	clear: both
}
#sidebar ul {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	list-style: none;
}
#sidebar li {
	margin: 0;
	padding: 0 0 .25em 15px;
	text-indent: -15px;
}
#sidebar p {
	color: #666;
}

/* Tables should show empty cells. */
table {
	empty-cells: show;
}

#tophead {
	width: 100%;
	height: 80px;
}

body {
	margin: 0;
	padding: 0;
	font: 12px/15px Verdana, Helvetica, sans-serif;
	text-align: left;
	background: #E7E2D6;
	color: #000;
}

/* lets give all forms zero padding/margins */
form {
	padding: 0;
	margin: 0;
}

/* By default set the color on these tags as black. */
h3, h4, h5, h6, h7 {
	color: black;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* We can define lists to be lists tho! */
ul.normallist {
	padding-left: 2em;
}

ul.normallist li {
	list-style: disc;
}

/* Define strong as bold, and em as italics */
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}

/* Alternative for u tag */
.underline
{
	text-decoration: underline;
}

/* ************************************* */
/* Some handy custom classes             */
/* ************************************* */

.nowrap, .wnw {
	white-space: nowrap;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext /* 0.9em */
{
	font-size: 11px;
	font-family: verdana, sans-serif;
}
.middletext {
	font-size: 0.95em;
}
.normaltext {
	font-size: 1em;
}
.largetext {
	font-size: 1.4em;
}
.smallheight {
	font-size: 8pt;
	line-height: 9.5pt;
}
.small2text {
	font-size: 8pt;
	font-family: Verdana, Tahoma, arial, helvetica, serif;
}
.centertext
{
	margin: 0 auto;
	text-align: center;
}
.righttext
{
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}
.lefttext
{
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

/* This style will make sure all headers use the same padding throughout. */
.headerpadding {
	padding: 0.3em;
}
/* smaller padding used in paragraphs, sections etc */
.smallpadding {
	padding: 0.2em;
}
/* larger padding used in paragraphs, sections etc */
.largepadding {
	padding: 0.5em;
}

/* A small space to the next section. */
.marginbottom {
	margin-bottom: 0.8em;
}
/* On the top too. */
.margintop {
	margin-top: 0.8em;
}
/* remove bold/italic styles */
span.plainstyle {
	font-weight: normal;
	font-style: normal;
}
/* float a list horizontally */
ul.horizlist {
	width: 100%;
}
ul.horizlist li {
	float: left;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
}
/* make a inline-list */
ul.nolist li {
	display: inline;
}
/* Helping style to clear floated items. */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac. \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac. */

/* a quick reset list class. */
ul.reset, ul.reset li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ************************************* */
/* Some specific SMF elements            */
/* ************************************* */

/* Google Maps */
.googleMaps {
	color: #000000;
	font-size: small;
	font-family: tahoma, sans-serif;
}
.googleMapsSidebar {
	color: #000000;
	font-size: x-small;
	font-family: tahoma, sans-serif;
	margin: 0px;
	overflow: auto;
	width: 150px;
	height: 500px;
}
.googleMapsLegend {
	color: #000000;
	font-size: x-small;
	font-family: tahoma, sans-serif;
	margin: 0px;
	overflow: auto;
}
/* Google Maps Links */
a.googleMapsLink:link, a.googleMapsLink:visited, a.googleMapsLink:hover {
	color: #000000;
	font-size: small;
	font-family: tahoma, sans-serif;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea {
	font-size: 9pt;
	font-family: Verdana, Tahoma, arial, helvetica, serif;
}

.button_submit, .button_reset
{
	font-weight: normal;
}

/* Checkboxes/radio buttons
input.check
{
	border: none;
}
*/

.smabu {
	font-size: 7pt;
	max-height: 12pt;
	border: 1px solid black;
	padding: 1px 2px 1px 2px;
	margin: 0
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size: 8pt;
	font-weight: normal;
	font-family: Verdana, Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	height: 1px;
	border: 0;
	color: #999;
	background-color: #999;
}

.hrcolor { margin-top: 0 }

blockquote, .listen {
	border: 1px dotted black;
	border-left: 3px solid #666;
	background: url(images/black-op28.png) !important;
	background: none;
	margin: 8px 5px 6px 6px;
}
.spoiler {
	line-height: 11pt;
	padding: 0;
}
.spoilerbutton {
	max-height: 25px;
	border: 1px solid black;
	font-size: 7pt !important;
	padding: 2px !important;
	margin: 0 4px;
	text-transform: uppercase
}
.quoc { padding: 5px 16px; margin: 0; border: 0 }
.personalmessage .quoc { padding: 5px; margin: 3px }

.post-body blockquote {
	margin: 12px 3px 10px 1px;
	padding: 0;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader, .spoilerheader {
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}

.quoteheader {
	margin: 0;
	padding: 1px 8px;
	background: url(images/blackquo.png) no-repeat right !important;
	background: none;
	border-bottom: 1px solid #BFB5A5;
}

.spoilerheader { font-weight: normal }

/* A code block - maybe even PHP ;). */
code {
	background: url(images/black-op28.png) !important;
	background: none;
	display: block;
	font-family: "lucida console", "courier new", helvetica, "times new roman", serif;
	font-size: 9pt;
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 3px;
	width: 595px;
	overflow: auto;
	white-space: nowrap;
	max-height: 24em;
}

.userbox, .userbox2, .userbox_blog {
	text-align: left;
	padding: 4px;
	overflow: hidden;
	border: solid 1px #bbb;
	border-width: 0 1px 0 0;
	background: url(images/black-op28.png) !important;
	background: none;
}

.userbox_blog {
	border-width: 0;
	background: none !important;
}

.listen {
	clear: both;
	margin: 10px 4px !important;
	padding: 0px !important;
	width: 95% !important;
	border: 1px dotted black !important;
	border-left: 3px solid #666 !important;
}

/* For links to change the code stuff... */
.codeoperation {
	font-weight: normal;
}

/* Styling for BBC tags */
.bbc_color a {
	color: inherit;
}
.bbc_img {
	border: 0;
}
.bbc_table {
	font: inherit;
	color: inherit;
}
.bbc_table td {
	font: inherit;
	color: inherit;
	vertical-align: top;
}
.bbc_u {
	text-decoration: underline;
}

.blog-item .bbc_img, .blog-item embed, .blog-item object {
	max-width: 595px;
}

.forum-item .bbc_img, .forum-item embed, .forum-item object {
	max-width: 606px;
}

.cynabox .bbc_img, .cynabox embed, .cynabox object {
	max-width: 900px;
}

/* Generally, those [?] icons. This makes your cursor a help icon. */
.help {
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor {
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight {
	background-color: yellow;
	font-weight: bold;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
	background-color: #B3F4B0;
	color: black;
}

/* adds the visual divider when post is ignored */
.ignored
{
	overflow: auto;
	line-height: 1.3em;
	width: 100%;
	clear: both;
	float: left;
	padding-top: 0.7em;
	border-top: solid 1px #888;
}

/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature {
	clear: right;
	padding: 1em 8px 3px 8px;
	border-top: solid 1px #888;
	overflow: auto;
	line-height: 1.3em;
}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3
{
	font-style: normal;
	background: #D7D2C6;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg2, tr.titlebg2 td { background: url(/vd.png) repeat-x }

/*	border-bottom: solid 1px #9BAEBF; */
/*	background: url(images/titlebg.jpg) #E9F0F6 repeat-x; */
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	font-style: normal;
}

.titlebg a:hover
{
	color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, tr.catbg td, .catbg2, tr.catbg2 td, .catbg3, tr.catbg3 td, h3.titlebg, h4.titlebg
{
	padding: 4px 10px;
}
.catbg, tr.catbg td, .catbg2, tr.catbg2 td, .catbg3, tr.catbg3 td
{
	background: #E8DED3;
}
/* .catbg3 { border-bottom: solid 1px #8B765D } */
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	text-decoration: none;
}
.catbg3 a:hover { color: #e0e0ff }

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor_disable
{
	background-color: #929191;
}
.bordercolor
{
	background-image: url(images/black-op8.png) !important;
	background-image: none;
	padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #828181;
}
/*	background: #D0D4CC; */

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: #ffffff;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	background: url(images/white-op60.png) !important;
	background: none;
	border-top: solid 1px black;
	text-align: left;
	padding: 12px;
}

#banner
{
	width: 740px;
	border-bottom: 1px solid black;
}

.blogTitle {
	font: 24pt/24pt Georgia, Verdana, "Trebuchet MS", sans-serif;
	font-weight: bold;
	overflow: visible;
}
.blogTitle a {
	text-decoration: none;
	color: #ccc;
}
/* 0.9em/1.4em + 12px/18px */
.introlin, .introlink {
	margin: 0;
	font: 11px/16px "Segoe UI", "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
	letter-spacing: 0.1px;
	padding: 8px 8px 0 8px;
	text-align: justify;
	color: #333;
	position: relative;
}
.introlin {
	font: 15px/18px "Segoe UI", "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
	text-align: right;
	padding: 8px 0 4px 0;
}
/* 100% 120% */
div.post-body {
	font-size: 10pt;
	line-height: 11pt;
	font-family: Georgia,Verdana,"Trebuchet MS",Arial,Sans-serif;
}
div.post-body>div, div.post-body>div>table tr td {
	text-align: justify;
	overflow: hidden;
}
div.post-body>div>table, div.post-body>div div { text-align: left; }
td.aeva_t { text-align: left !important }
td.aeva_q { text-align: right !important }

.right {
	float: right;
	padding-top: 0px;
	padding-right: 10px;
}
.left {
	float: left;
	padding-top: 0px;
	padding-left:10px;
}

.privacy_icon {
	cursor: pointer;
	padding: 3px;
	text-align: center;
	display: inline;
	vertical-align: middle;
	margin: 0;
}

/* Navigation links - for the link tree. */
ul.linktree
{
	display: block;
	padding: 4px 0 4px 8px;
	margin: 0;
	border-bottom: 1px dotted #ABA;
	background-image: url(images/white.png) !important; background-image: none;
}
ul.linktree li { display: inline }
ul.linktree li a { font-size: 9pt }
ul.linktree li a span { font-size: 9pt; font-weight: bold }
ul.linktree a:hover { color: #b00000; }
ul.bottom_linktree
{
	padding: 4px 0 4px 8px;
	margin: 3ex -12px -3.1ex -12px;
	border-top: 1px dotted #ABA;
	border-bottom: 0;
	font-size: 12px;
}

/* Error messages */
.errorbox
{
	padding: 1em;
	border: 1px solid #cc3344;
	color: black;
	background-color: #ffe4e9;
	margin-bottom: 1em;
}
.errorbox h3
{
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-decoration: underline;
}
.errorbox p
{
	margin: 1em 0 0 0;
}
.errorbox p.alert
{
	padding: 0;
	margin: 0;
	float: left;
	width: 1em;
	font-size: 1.5em;
}

/* ************************************* */
/* Real common classes                   */
/* ************************************* */

#preview_body { background-color: #F2F8EF }
.windowbg	{ background: #EEEEEE }
.windowbg2	{ background: #E5E5E5 }
.windowbg3	{ background-color: #DDDDDD }

.msgbg { background-image: none }
.msgbg2 { background-image: url(images/black-op4.png) !important; background-image: none }

#main2, #mainprog, #coldisp {
	padding: 24px 29px 4px 29px;
	margin: 0 -5px;
}
#coldisp { padding: 1px 5px }

#bodyarea { padding: 1ex 5px 3ex 5px; font-size: 10pt; }

.chrome {
	background-repeat: repeat-y;
	background-image: url(images/hrgr4.png) !important;
	background-image: none;
}

.hlight {
	background: url(images/white-op60.png) !important;
	background: none;
}

/* #FEF4F1 #F6F2EF #F5ECE9 */
.s0 {
	background: url(images/white.png) repeat-y !important; background: none;
}
.s1 {
	background: url(images/white.png) !important; background: none;
}
.s2 {
	background: url(images/white-op40.png) !important; background: none;
}

/* Headings
----------------------------------------------- */
.post-date {
	float: left;
	width: 40px;
	font-family: Georgia, "Times New Roman", "Times", serif;
	color: #92897a;
	text-align: center;
	padding: 0 0 6px 0;
}
/* border-right: 4px solid #a79f92; */

.day {
	font-size: 30px;
	line-height: 20px;
}
.month {
	font-size: 23px;
	line-height: 21px;
}
.year {
	font-size: 17px;
	line-height: 8px;
}
h2.sidebar-title {
	padding: 10px 0 0 10px;
	margin: -4px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", "New York", serif;
	font-size: 125%;
	color: #598F9A;
	text-transform: uppercase;
	border: 0;
}

/* Posts
----------------------------------------------- */
.post {
	margin: .5em 0 .6em;
	padding: 1px 4px 0 4px;
}
.post>div {
	margin: 0 0 .75em;
	line-height: 1.4em;
}
.post>img {
	padding: 1px;
	border: 0;
}
.post-title a, .post-title a:visited, .post-title strong {
	color: #c60;
	font-weight: normal;
}
/*	text-decoration:none; */
.post-title b {
	color:#333;
}
.post-title {
	margin: 0;
	padding: 4px 0 0 0;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #c60;
	height: 22px;
	overflow: hidden;
}
.post-title a {
	border: none;
}
.post-title a:hover {
	text-decoration: underline;
	color: #c60;
}
p.post-footer {
	margin: 0 0 4px 0;
	color:#ccc;
}
p.post-footer em, .comment-link {
	font: 11px/15px "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
}
p.post-footer em {
	font-style:normal;
	color:#999;
	margin-right:.6em;
}
.comment-link {
	padding: 2px 0 0 2px;
}
.comment-link input {
	text-transform: none;
}

select.site-type {
	height: 12pt;
	vertical-align: top;
	font: 0.9em/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color:#999;
}

/* 4px, 1px solid #ddd */

.pac { padding: 1px 0px 0px 30px }
.sm { border: 0; vertical-align: middle }

.titreprog { white-space: nowrap; font-family: Tahoma, arial, helvetica; font-size: 16pt; line-height: 20pt; padding: 0; font-weight: bold; }

.menu_back {
}
.menu_active_back {
	font-weight: bold;
}

.bm
{
	vertical-align: middle;
}

.pimg, .pimg_left, .pimg_right, .pimg_center
{
	max-width: 650px;
	display: block;
	padding: 4px !important;
	border: 1px solid #666 !important;
}

.doc
{
	display: block;
}

.doc p
{
	font: 0.9em/1.0em "Segoe UI", "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.pimg_left
{
	margin: 8px 16px 8px 0 !important;
	clear: left;
}

.pimg_right
{
	margin: 8px 0 8px 16px !important;
	clear: right;
}

.pimg_center
{
	margin: 8px auto -12px auto !important;
}

.pimg
{
	margin: 16px auto !important;
}

.cynattimg
{
	display: block;
	margin: 0 auto !important;
	padding: 4px !important;
	border: 1px solid #666 !important;
}

.cynattach
{
	text-align: center;
}

.mc
{
	text-align: center;
}

.mp3
{
	padding: 4px 4px 4px 66px;
}

/* #F6EADD; puis #EEE1D3; */
.mbf1
{
	background: #E6ECEE;
}
.mbf2
{
	background: #DBE3E7;
}

.cat_a a { font-size: 7pt; line-height: 7pt; color: #999; text-decoration: underline }
.colpays { color: #039 }
.coltag { color: #C60 }
.colart { color: #000 }
.plef { padding-left: 2px }
.sel { background: #EEE9E6 }

.isha {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 24px;
	float: right;
}
i.isha a { position: absolute; display: block; top: 0px; text-align: right; text-decoration: none; color: #fff; }

/*	margin: 0 4px -26px 2px; padding: 0; content: ''; */
.isha:before {
	display: block;
	padding: 1px;
	color: #666;
	font-weight: bold;
	text-align: right;
	content: attr(title);
}

a.xt:link {
	text-decoration: none;
	border-bottom: 1px dashed #479;
}

a.xt:visited {
	text-decoration: none;
	border-bottom: 1px dashed #858;
}

a.xt:hover {
	text-decoration: none;
	border-bottom: 1px dashed #b50;
}

.isha a.xt:link, .isha a.xt:visited, .isha a.xt:hover {
	border-bottom: 0;
	color: #fff
}
.isha a:link, .isha a:visited, .isha a:hover {
	text-decoration: none;
	color: #fff
}

a.mar { padding: 0 4px }
a.mar:hover { background: #FFF }
a.hla0, a.hla1, a.hla2, a.hla3 { text-decoration: none }
.hla0, .hla1, .hla2, .hla3 {
	padding: 0;
	margin: 2px;
	border: solid 1px black;
	border-width: 1px 1px 0 1px;
	font-size: 13px;
	font-weight: bold;
	background: url(images/hrs.png) 0 -3px repeat-x;
}
.hla0 { background-color: #E6E6E6 }
.hla1 { background-color: #F1F3EA }
.hla2 { background-color: #EEF2F4 }
.hla3 { background-color: #F1E6D6 }

.vsmalltext
{
	font-size: 9pt;
	line-height: 10pt;
	font-family: Verdana, Tahoma, arial, helvetica, serif;
}
.latesttext
{
	font-size: 7pt;
	line-height: 8pt;
	font-family: Verdana, Tahoma, arial, helvetica, serif;
}
.latesttext a { text-decoration: none; }

.bc1 { background: #FDF7E7 }
.bc2 { background: #EDE7D7 }
.bc3 { background: #F9FAE7 }
.bc4 { background: #E9EAD7 }

/* The AJAX notifier */
#ajax_in_progress
{
	background: #F1F3EA;
	color: #333;
	text-align: center;
	font-size: 14pt;
	padding: 8px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid black;
}

#ajax_in_progress a
{
	color: #666;
	text-decoration: underline;
	font-size: smaller;
	float: right;
}

.button_strip_submit
{
	background: transparent;
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	border: 0;
}

.button_strip_submit:hover
{
	color: #b50;
}

/* Cynamod */

.upc { text-transform: uppercase; }

fieldset.spoiler { border: 1px dashed gray }
fieldset.spoiler > legend { font-size: 1.2em }

div.spoilerheader a
{
	font-size: 9pt;
	font-weight: bold;
}

div.spoilerheader input
{
	color: #3e3e33;
	font-size: 0.9em;
}

div.spoilerbody
{
	color: #0f0f0f;
	border: 1px dotted gray;
	padding: 1em;
	margin: 1em;
}

fieldset.spoiler div.spoilerbody
{
	border: 0px;
	padding: 0em;
}

.couleur_void		{ background: #F7F4E9 }
.couleur_noisen		{ background: #E7E4D9 }
.couleur_white		{ background: #FFFFFF }
.couleur_default	{ background: #ECECEC }
.couleur_gris		{ background: #ECECEC }
.couleur_pomme		{ background: #F2F8EF }
.couleur_argile		{ background: #E4D9C2 }
.couleur_mer		{ background: #E6ECEE }
.couleur_kiwi		{ background: #D3DCC6 }
.couleur_space		{ background: #ACACAC }

/* Color for background of posts requiring approval */
.approvebg
{
	background-color: #F6E0D4;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
	background-color: #E4A17C;
}
.unapproved
{
	margin: 12px;
	padding: 6px;
	border: 2px dashed #cc3344;
	font-weight: bold;
	width: 656px;
	max-width: 656px;
}

.hierar,
.is-admin	{ background: transparent url(http://dossiers.cyna.fr/violet.png) repeat !important; background: none }
.not-admin	{ background: transparent url(images/black-op4.png) repeat !important; background: none }
.anime1		{ background: transparent url(images/black-op4.png) repeat !important; background: none }

.col1_light		{ background: transparent url(http://dossiers.cyna.fr/col1-light.png) repeat !important; background: none }
.col1_strong	{ background: transparent url(http://dossiers.cyna.fr/col1-strong.png) repeat !important; background: none }
.col2_light		{ background: transparent url(http://dossiers.cyna.fr/col2-light.png) repeat !important; background: none }
.col2_strong	{ background: transparent url(http://dossiers.cyna.fr/col2-strong.png) repeat !important; background: none }
.marron_light	{ background: transparent url(http://dossiers.cyna.fr/marron-light.png) repeat !important; background: none }
.marron_strong	{ background: transparent url(http://dossiers.cyna.fr/marron-strong.png) repeat !important; background: none }

.forum-total {
	display: block;
	padding: 0;
	margin-top: 5px;
	list-style: none;
	font-family: Tahoma;
	font-size: 9pt;
	border: 1px solid #909090;
}
.forum-chapo {
	margin: 0;
	padding: 1px 4px 3px 4px;
	font-size: 10pt;
}
.forum-titre {
	font: 9pt/11pt Verdana, helvetica, sans-serif;
	font-weight: bold;
}
.blog-item, .forum-item {
	margin: 0;
	padding: 0.7em 0.9em 0.7em 0.9em;
	color: #303030;
	border-top: 1px dotted #b8b8b8;
	overflow: hidden;
}
/* 13px 15px */
.blog-item {
	font-family: Tahoma;
	font-size: 10pt;
	line-height: 12pt;
}
/* 12px */
.blog-item i {
	font-family: Verdana;
	font-size: 9pt;
}
/* text-align: justify; */
.forum-item {
	font-family: Verdana, Tahoma;
}
.forum-titre a {
	text-decoration: none;
}
.forum-nom {
	padding: 0 3px;
	width: 100px;
	overflow: hidden;
}
.forum-repondre-message {
	text-align: right;
}
.mergedate {
	font-size: 10px;
	text-align: right;
	color: gray;
	padding: 5px 0 0 0;
	margin: 0;
	border-bottom: 1px dashed #999;
}

a.googletag { color: #003399; }
a.googletagged { color: #336699; }

.user-info {
	font-size: 8pt;
	color: #666666;
	padding: 0 5px 3px 3px;
}
/* #D2C3A7 url(/cyna4.jpg) + gradient2 */
#menucyna {
	width: 100%;
	height: 20px;
	border: 1px solid #999;
	border-width: 1px 0;
	background: transparent url(images/white-op40.png) repeat !important;
	background: none;
}
.whatsup {
	font-weight: normal;
	font-size: 7pt;
}

/* sidebar titles */
.c2 { color: #7ad }

/* Credits page */
#credits p, #credits h4
{
	padding: 0 10px;
}

#credits h3
{
	margin: 0;
}

#credits ul
{
	list-style-type: none;
}

#credits ul li
{
	margin-bottom: 0.5em;
}

.cbox {
	width: 225px;
	height: 64px;
	padding: 1px 0;
	margin: 11px 0;
	position: relative;
}

.ava {
	display: block;
	overflow: visible;
	padding: 0;
	margin: 12px 4px 12px 4px;
}

.private {
	border: 1px solid #666;
	background: url(images/red-op60.png) !important;
	background: none;
	padding: 0 2px;
}
.private-header {
	font-size: 7pt;
	color: #999;
}

.custom_fields_above_signature
{
	clear: right;
	padding: 1em 0 3px 0;
	border-top: solid 1px #888;
	width: 100%;
	line-height: 1.3em;
	font-size: 0.85em;
}

.error
{
	color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
	color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
	color: #920AC4;
}

.event
{
	color: #078907;
}

.holiday
{
	color: #000080;
}

/* Colors for warnings */
.warn_mute
{
	color: red;
}

.warn_moderate
{
	color: #FFA500;
}

.warn_watch
{
	color: green;
}

/* Moderation Notes */
.moderation_notes
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	height: 9.5em;
}
.moderation_notes li
{
	padding: 4px 0px 4px 4px;
	border-bottom: 1px solid #cccccc;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

.openid_login
{
	background: white url(images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div
{
	border: 1px solid #505050;
	position: absolute;
	font-size: .7em;
	visibility: hidden;
}

/* An auto suggest item */
.auto_suggest_item
{
	background-color: #FAFAFA;
	padding: 2px;
}

/* hovered auto suggest item */
.auto_suggest_item_hover
{
	background-color: #7897B4;
	padding: 2px;
	cursor: pointer;
	color: white;
}

/**************************/
/* Cyna buttons and menus */
/**************************/

.cnlist, .cnlist_bottom { overflow: auto }
.cnlist ul, .cnlist_bottom ul
{
	padding: 0 4px;
	margin: 0;
	float: right;
}
.cnlist ul.cnt, .cnlist_bottom ul.cnt
{
	float: left;
}
.cnlist ul li, .cnlist_bottom ul li
{
	margin: 0;
	padding: 0;
	display: inline;
	white-space: nowrap;
}
.cnlist ul li a, .cnlist_bottom ul li a
{
	float: left;
	display: block;
	color: black;
	font-size: 0.85em;
	font-family: tahoma, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #828181;
	margin: 0 0.1em 0.1em 0.1em;
	background: transparent url(images/white-op40.png) repeat !important; background: none;
}
.cnlist ul li a { border-top: 0 }
.cnlist_bottom ul li a
{
	border-bottom: 0;
	margin: 0.1em 0.1em 0 0.1em;
}
.cnlist ul li a:hover, .cnlist_bottom ul li a:hover
{
	color: #202000;
	text-decoration: underline;
	background: transparent url(http://dossiers.cyna.fr/white.png) repeat !important; background: none;
}
.cnlist ul li a span, .cnlist_bottom ul li a span
{
	display: block;
	padding: 2px 6px;
}
.cnlist ul li a.active, .cnlist_bottom ul li a.active { background: transparent url(images/white-op60.png) repeat !important; background: none }
.cnlist ul li a.active span, .cnlist_bottom ul li a.active span { font-weight: bold }
.cnlist ul li a.last		{ margin: 0 0.4em 0.2em 0.2em }
.cnlist_bottom ul li a.last	{ margin: 0.2em 0.4em 0 0.2em }

table.mm_td tr td
{
	font: 11px/13px "Segoe UI", "Trebuchet MS", Tahoma, Arial, helvetica;
	text-transform: uppercase;
	color: black;
}

table.mm_td tr td a
{
	padding: 1px 2px;
	display: inline-block;
	text-decoration: none;
}

.noise_n { color: #B87371 }

/******************/
/* Dropdown menus */
/******************/

.dropmenu {
	border-spacing: 5px 2px;
}
.dropmenu td
{
	padding: 0 0 0 1px;
	white-space: nowrap;
}
.dropmenu a
{
	display: block;
	color: #000000;
	text-decoration: none;
	border-bottom: 0 !important;
}
.dropmenu a span.first
{
	display: block;
	padding: 0 0 0 3px;
}
/* the backgrounds first level only */
.dropmenu a.firstlevel span.first
{
	display: block;
	position: relative;
	left: -5px;
	padding-left: 5px;
	height: 20px;
	line-height: 19px;
}

.dropmenu ul
{
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	position: absolute;
	display: block !important;
	left: -999em;
	height: auto;
	width: 19.2em;
	font-weight: normal;
	margin: 0 0 0 -5px;
	border-bottom: solid 1px #999;
	background: url(images/menugfx.png) 0 -100px no-repeat;
	padding: 7px 0 0 0;
	z-index: 90;
}
.dropmenu li
{
	width: 19em;
	margin: 0;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}
.dropmenu li a span
{
	display: block;
	width: 17.2em;
	padding: 0.75em;
}

.dropmenu span.icon
{
	float: left;
	height: 15px;
	padding: 0;
	margin: -1px 3px 0 0;
}

/* the active button */
.dropmenu a.active
{
	background: url(images/menugfx.png) no-repeat 100% 1px;
	color: #ffffff;
	font-weight: bold;
}
.dropmenu a.active span.first
{
	background: url(images/menugfx.png) no-repeat 0 0;
}
.dropmenu span.first span.icon
{
	margin: 2px 3px -2px 0;
}

/* the hover effects */
.dropmenu td:hover
{
	cursor: pointer;
}
.dropmenu a.firstlevel:hover
{
	background: url(images/menugfx.png) no-repeat 100% -30px;
	color: #ffffff;
	text-decoration: none;
}
.dropmenu a.firstlevel:hover span.first
{
	background: url(images/menugfx.png) no-repeat 0 -31px;
}
.dropmenu a.firstlevel:hover span.noise_n, .dropmenu a.active span.noise_n { color: #F8C3C1 }

/* the hover effects on level 2 */
.dropmenu li a:hover
{
	background: #D4DBE4;
	color: #000;
	text-decoration: none;
}

.dropmenu td:hover ul, .dropmenu li:hover ul
{
	left: auto;
}

#menu {
	display: block;
	margin: 0 0 0 10px;
	padding: 0 5px;
	clear: both;
}

#menu a {
	display: block;
	text-decoration: none;
	border-left: 4px solid #C8E2FB;
	padding: 6px 8px;
	margin: 0;
}

#menu h4 {
	margin: 0;
	padding: 7px 20px 3px 5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.85em;
	background: transparent url(images/admin/submenu.gif) no-repeat 98% 50%;
}
/* #F1EFE8 */
/* sumenu.gif */
#menu ul {
	position: absolute;
	display: block;
	border: 1px #666 solid;
	padding: 0;
	z-index: 10;
}

#menu li ul { visibility: hidden }

#menu li li ul {
	position: absolute;
	margin-left: 200px;
	margin-top: -24px;
}

#menu li {
	list-style: none;
	cursor: pointer;
	height: auto;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#menu li li {
	background: url(images/white-op85.png);
	display: block;
	float: none;
	white-space: nowrap;
}

#menu li li li { font-size: 0.95em }
#menu li.chosen>a, #menu li.chosen>h4 { font-weight: bold }
#menu a:hover, a.linkOver { background: #C8E2FB; color: black }
#menu h4.linkOver { background: #F9F9F6 url(images/admin/submenu.gif) no-repeat 98% 50%; color: black }

#menu li.subsection>a {
	padding: 6px 24px 6px 8px;
	background: url(images/admin/subsection.gif) no-repeat 98% 50%;
}
#menu li.subsection>a:hover, #menu li.subsection>a.linkOver {
	background: url(images/admin/subsection.gif) no-repeat 98% 50% #C8E2FB;
}

/* /////////////// */

.pad4 { padding: 4px }
.mb8 { margin-bottom: 8px }
tr.trp td { padding: 2ex }
.logbox td { overflow: hidden; max-height: 80px; color: #000; padding: 0 10px; height: 80px }
.logbox td a { color: #C60; }
.logbox {
	background: url(http://noisen.com/bignoi.png) -30px -20px no-repeat !important;
	background: none;
}
/*	background: url(http://noisen.com/paris.png) 50% 0 no-repeat !important; */
.logbox2 {
	background: url(http://noisen.com/bignoi.png) 660px 10px no-repeat !important;
	background: none;
}

.ntags {
	padding: 16px 0 0 0;
	font: 1em/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif !important;
	font-style: italic !important;
	text-align: center;
	color: #999;
}
.ntags a { text-decoration: none }
.ntags a:link { color: #a88 }
.ntags a:visited { color: #88a }
.ntags a:hover { color: #aaa; text-decoration: underline }
.mg_large { font-family: Georgia; font-size: 14pt; font-weight: normal }
.mg_item_desc { font-family: Georgia; }
.smg_ext { max-width: 665px; margin: 0 6px }
.smg_caption {
	color: #888;
	padding: 0 !important;
	margin: 6px auto 0 auto !important;
	text-align: center !important;
}
.phand { cursor: pointer }
.maeva a:link { border-bottom: 1px dotted #479 !important }
.maeva a:visited { border-bottom: 1px dotted #858 !important }

table.footnotes { border-top: 1px solid #888; margin-top: 20px; padding-top: 4px }
table.footnotes td, div.post-body table.footnotes td {
	font: 8pt/12pt Verdana, Arial, helvetica, sans-serif;
	padding: 0 2px;
}
td.footnum {
	vertical-align: top;
	text-align: right !important;
	width: 30px;
}
td.footnum a { text-decoration: none }
a.fnotel {
	text-decoration: none;
	vertical-align: +5px;
	font-size: 8px;
	line-height: normal;
}
div.post-body a.fnotel {
	vertical-align: +4px;
	font-size: 9px;
}
td.footnum a:target, a.fnotel:target { background-color: #ddeeff !important }

.artist { padding: 0 8px 8px 0 }
.dotted {
	margin-top: 4px;
	padding: 8px;
	border-width: 1px;
	border-style: dotted
}
.dotted a { text-decoration: none }
.dotted a.active { font-weight: bold }
.cent { margin: 4px 8px 4px 0 }
.post-body table.smg_extbox td {
	text-align: justify;
}
.foxy_playlist_name { color: #C60 !important; }
.foxy_stats { color: #999 }
#update_personal_text {
	font-size: 80%;
	white-space: normal;
}
span.thoughtreply img.tq { visibility: hidden }
span.thoughtreply:hover img.tq {
	visibility: visible;
	cursor: pointer;
}
.thought ul {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
}
.thought li {
	margin: 0;
	padding: 0;
}
li.selected {
	padding: 8px 8px 8px 4px !important;
	margin: 0 0 0 4px !important;
	background: #D8DACC !important;
}