/* CSS Document for the forum class */
div.forumContainer { width: 920px; margin: 0 auto; }

/* Categorie styling */
div.formCategorie { background-image: url(../images/categorie_header.png); width: 920px; height: 30px; background-repeat: none; padding: 0px; }
span.categorieName { text-align: left; font-size: 1.40em; color: #FFF; font-weight: bold; width: 100px; position: relative; top: 5px; left: 30px; }
span.categorieFunctions { float: right; font-size: 0.90em; color: #FFF; font-style: italic; vertical-align: top; font-size: 0.90em; font-weight: bold; position: relative; top: 8px; left: -10px; }
span.categorieFunctions div.formAddTopic a { color: #FFF!important; }

td.topicsItem { background-image: url(../images/topic_bg.png); width: 920px; height: 100px; background-repeat: no-repeat; padding: 20px 60px 2px 55px; }
span.name { text-align: left; font-size: 1.10em; color: #333; font-style: italic;}
span.date { float: right; font-size: 0.95em; color: #333; font-weight: bold; }
div.description { text-align: left; font-size: 0.80em; color: #666; font-weight: normal;}

.yui-overlay { 
	background-color		: #FFF;
	border					: 1px solid #CDCDCD;
	margin					: 10px;
	padding					: 5px;
}
.yui-overlay .hd { 
	font-size				: 1.50em;
	font-style				: italic;
	color					: #ba021b;
	margin-left				: 10px;
	margin-right			: 10px;
	margin-bottom			: 5px;
	padding					: 5px;
	border-bottom			: 1px dotted #CDCDCD;
}
.yui-overlay .bd { 
	margin-left				: 10px;
	margin-right			: 10px;
	padding					: 5px;
}

.yui-overlay .bd  table tr td textarea { height: 150px; font-size: 0.90em; font-family: Arial, Helvetica, sans-serif; }

.yui-overlay .ft { 
	margin-left				: 10px;
	margin-right			: 10px;
	margin-top				: 5px;
	padding					: 5px;
	border-top				: 1px dotted #CDCDCD;
}

.yui-overlay .ft button.btnSave { background-color: #ba021b; color: #FFF; padding: 3px; border: 1px solid #CDCDCD; cursor: pointer; }
.yui-overlay .ft button.btnCancel { background: transparent; border: 0px; color: #ba021b; padding: 3px; text-decoration: underline; cursor: pointer; }

table tr td.catName { padding-left: 15px; }
table tr td.catName h2 { padding-left: 0px; }
table tr td.catDescription { padding-left: 15px; width: 650px; }
table tr td.catDescription p { padding: 0px; padding-bottom: 5px; }
div.subTopics { width: 915px; padding-left: 15px; padding-top: 7px; padding-bottom: 7px; }
div.subTopics ul.subtopics { width: 915px; margin: 0px; padding: 0px; }
div.subTopics ul.subtopics li { list-style-position: inside; list-style-type: none; display: list-item; height: 50px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #CDCDCD; }
div.subTopics ul.subtopics li.first { border-bottom: 1px solid #CDCDCD; height: 16px!important; padding-bottom: 1px; }
div.subTopics ul.subtopics li.last { border-top: 1px solid #CDCDCD; height: 20px!important; }
div.subTopics ul.subtopics li div.url { width: 400px; float: left; }
div.subTopics ul.subtopics li div.url p { float: left; }
div.subTopics ul.subtopics li div.url a { font-size: 130%; text-decoration: underline; font-style:italic; }
div.subTopics ul.subtopics li div.aantalReacties { width: 200px; float: left; padding-left: 5px; padding-top: 5px; }
div.subTopics ul.subtopics li div.laatsteReactie { width: 200px; float: left; padding-left: 5px; padding-top: 5px; }
div.subTopics ul.subtopics li.first div.aantalReacties { width: 200px; float: left; padding-left: 5px; padding-top: 0px; }
div.subTopics ul.subtopics li.first div.laatsteReactie { width: 200px; float: left; padding-left: 5px; padding-top: 0px; }
div.topicDescription ul.subtopics li { list-style-position: inside; list-style-type: none; display: list-item; height: 16px; padding-top: 5px; padding-bottom: 5px; }
div.topicDescription ul.subtopics li.first { border-bottom: 1px solid #CDCDCD; height: 16px!important; padding-bottom: 1px; }
div.topicDescription ul.subtopics li div.url { width: 125px; float: left; }
div.topicDescription ul.subtopics li div.aantalReacties { width: 125px; float: left; padding-left: 5px; padding-top: 0px; }
div.topicDescription ul.subtopics li div.laatsteReactie { width: 485px; float: left; padding-left: 5px; padding-top: 0px; }
div.topicDescription ul.subtopics li.first div.aantalReacties { width: 125px; float: left; padding-left: 5px; padding-top: 0px; }
div.topicDescription ul.subtopics li.first div.laatsteReactie { width: 485px; float: left; padding-left: 5px; padding-top: 0px; }


div.reactionOdd div.reactionHeader { background-image: url(../images/top_reaction_odd.png); background-position: center top; background-repeat: no-repeat; width: 950px; height: 45px; }
div.reactionEven div.reactionHeader { background-image: url(../images/top_reaction_even.png); background-position: center top; background-repeat: no-repeat; width: 950px; height: 45px; }

div.reactionOdd div.reactionHeader h1.reactionTitle { position: relative; top: 0px; left: 15px; font-size: 1.70em; }
div.reactionOdd div.reactionHeader div.reactionFrom { position: relative; top: -26px; left: 727px; width: 138px; }
div.reactionOdd div.reactionHeader div.reactionDate { position: relative; top: -41px; left: 865px; width: 75px; }

div.reactionEven div.reactionHeader h1.reactionTitle { position: relative; top: 0px; left: -20px; font-size: 1.70em; text-align: right; }
div.reactionEven div.reactionHeader div.reactionFrom { position: relative; top: -26px; left: 18px; width: 138px; }
div.reactionEven div.reactionHeader div.reactionDate { position: relative; top: -41px; left: 156px; width: 75px; }


div.reactionDescription { background-image: url(../images/bg_reaction.png); background-position: center; background-repeat: repeat-y; min-height: 40px; width: 950px; }
div.reactionContent { margin-left: 25px; margin-right: 25px; color: #333; font-style: italic; }
div.reactionBottom { background-image: url(../images/bottom_reaction.png); background-position: center; background-repeat: repeat-y; height: 10px; width: 950px; }
button.btnShow { background-image: url(../images/forum_button.png); background-color: transparent; background-repeat: no-repeat; width: 110px; height: 28px; margin-left: 12px; padding-left: 3px; padding-bottom: 6px; vertical-align: top; color: #FFF; border: 0px; font-size: 0.80em; font-weight: bold; cursor: pointer; }
button.btnTerug { background: transparent; border: 0px; color: #ba021b; padding: 3px; text-decoration: underline; cursor: pointer; font-size: 0.90em; font-weight: bold;  padding-top: 6px; padding-left: 0px; }
div.loginDiv { width: 400px; border: 1px solid #CDCDCD; margin-left: 13px; margin-top: 5px; }

#aanmeldForum table { border: 1px solid #CDCDCD; background-color: #FFF; }
#aanmeldForum table td.description { font-style: italic; }
#aanmeldForum table td.left { width: 25%; }
#aanmeldForum table td.right { width: 75%; }
#aanmeldForum table td.button input.btnSave { background-color: #900; border: 1px solid #CDCDCD; color: #FFF; width: auto; padding: 3px; } 

div.mainContainerForm { width: 600px; border: 1px solid #CDCDCD; padding: 10px; background-color: #FFF; }
div.mainContainerForm div.formHeader { font-size: 1.20em; color:#900; padding-bottom: 10px; }
div.mainContainerForm div.formLabel { padding-top: 10px; padding-bottom: 10px; }
div.mainContainerForm div.formButton { padding-top: 10px; }
div.mainContainerForm div.formValue input.formField { border: 1px solid #CDCDCD; width: 300px; }
div.mainContainerForm div.formValue select.formSelect { border: 1px solid #CDCDCD; width: 300px;}
div.mainContainerForm div.formValue textarea.textareaField { border: 1px solid #CDCDCD; width: 300px; height: 150px; }
div.mainContainerForm div.formButton input.formButton { background-color: #900; padding: 5px; color: #FFF; width: auto; }