/**
 * forum.css
 *
 * Define the styles that are used to build the forum pages of anyresa.
 *
 * @project   	anyresa v3
 * @version   	0.1.0
 * @author	  	Sergio Mora - Resavacs
 * @copyright 	2010 by Resavacs
 * @cssdoc		version 1.0-pre
 *
 */


/**
 * Imports
 * 
 * Import all necessary components for the forum module.
 *
 * @section Imports
 */


@import url(../modules/mainnav/mainnav.css);
@import url(../modules/userbar/userbar.css);
@import url(../modules/auxnav/auxnav.css);
@import url(../modules/panel/panel.css);
@import url(../modules/box/box.css);
@import url(../modules/accordion/accordion.css);
@import url(../modules/tabs/tabs.css);
@import url(../modules/gallery/gallery.css);
@import url(../modules/button/button.css);
@import url(../modules/icons/icons.css);
@import url(../modules/modal/modal.css);
@import url(../modules/customselect/customselect.css);
@import url(../modules/tooltip/tooltip.css);



/**
 * Index Panel
 * 
 * Definition of styles for the main panel of forums
 *
 * @section Index Panel
 */


/* Zone Links */
.index-forum .links ul					{ margin: 0 -9px; padding: 10px 9px; overflow:hidden; background:#f9f9f9;  border-bottom:1px solid #d2d2d2; }
.index-forum .links ul					{ border-bottom:1px solid #d2d2d2; }
.index-forum .links ul li				{ float: left; list-style: none; font-size: 0.9166em; }
.index-forum .links ul li a				{ font-size: 1em; text-decoration: none; color:#234f60; }

.index-forum .links ul.hlist			{ padding-top: 0; padding-bottom: 0; min-height:30px; line-height: 30px; }
.index-forum .links ul.hlist li			{ float: left; list-style: none; height:30px; line-height: 30px; margin-right: 10px; font-size: 0.9166em; color:#234f60; }
.index-forum .links ul.hlist li a		{ font-size: 1em; text-decoration: none; color:#234f60; }
.index-forum .links ul.hlist li a:hover	{ text-decoration: underline; }

/* Links top */
.index-forum .links.top					{ overflow: visible; margin-top: -10px; margin-bottom: 20px; }
.index-forum .links.top li.date			{ color: #525252; float: left; }
.index-forum .links.top li.visit		{ color: #525252; float: right; margin-right: 0; }

/* Links bottom*/
.index-forum .links.bottom				{ overflow: visible; margin-bottom: -5px; margin-top: 20px;  }
.index-forum .links.bottom ul			{ border-bottom:none; border-top:1px solid #d2d2d2;   }
.index-forum .links.bottom h5			{ color:#234f60; font-size: 1.0909em; }
.index-forum .links.bottom p.nospacing	{ margin-bottom: 0; }


/**
 * Forum Lists
 * 
 * Definition of styles for the list of sections and subsections inside
 * the main panel of forums.
 *
 * @section Forum Lists
 */

.forumlist					{ margin: 0; list-style: none; margin: 0 -9px; }
.forumlist > li				{ list-style: none; margin:0; padding: 5px 0; overflow: hidden; border-bottom: 1px solid #e1e1e1; }
.forumlist > li.last		{ border: none; }
.forumlist > li dl			{ font-size: 0.9166em; overflow:hidden; margin-bottom: 0; position:relative; }
.forumlist > li dl dt,	
.forumlist > li dl dd 		{ float: left; font-weight:normal; min-height:54px; overflow:hidden; }

.forumlist > li dt			{ width: 298px; padding-left: 52px; padding-right: 5px; margin: 0 4px 0 0; border-right: 1px solid #f1f1f1; }
.forumlist > li dd.topics	{ width: 52px; padding-right: 5px; margin: 0 4px 0 0; border-right: 1px solid #f1f1f1; }
.forumlist > li dd.posts	{ width: 52px; padding-right: 5px; margin: 0 4px 0 0; border-right: 1px solid #f1f1f1;  }
.forumlist > li dd.lastpost	{ width: 166px; margin: 0; }

.forumlist > li dt p.title		{ font-size: 1.0909em; font-weight: bold; margin-bottom: 0; }
.forumlist > li dt p.title a	{ color: #234F60; }
.forumlist > li dt p 			{ margin-bottom: 0; }
.forumlist > li dt p .reported,
.post-title .reported		 	{ width: 16px; height: 16px; line-height: 16px; display: block; float: left; margin-right: 3px; }

.forumlist > li.head			{ padding: 0; border: none; background: #f1f1f1; clear: both; }
.forumlist > li.head dl dt,
.forumlist > li.head dl dd		{ height: 22px; line-height: 22px;  min-height: 0; border:none; }

/* Sub-sections list */
.forumlist > li ul 			{ margin: 0 10px 0 52px; clear: both; font-size:0.9166em; margin-top: 6px; }
.forumlist > li ul li		{ list-style: none; border-top: 1px solid #f1f1f1; line-height: 22px; }
.forumlist > li ul li a		{  }

.forumlist > li ul.actions-moderator 		{ margin: 0 10px 0 0px; overflow:hidden; }
.forumlist > li ul.actions-moderator li 	{ float:left; border:none; margin-right:10px; line-height: 18px; }
.forumlist > li ul.actions-moderator li a 	{ float:left; padding-left:13px; color:#234F60; }

.forumlist a.icon10-lastpost 				{ width:16px; height:11px; display:inline-block;  }
.forumlist a.icon10-lastpost:hover			{ text-decoration:none;  }

.forumlist > li dl dd.section-icon			{ width: 24px; height: 24px; min-height: 24px; margin: 0; position:absolute; top:4px; left:14px; }
dd.section-icon .locked						{ width: 24px; height: 24px; background:url(../img/sprites/sp-icons-forum.png) 0 -640px no-repeat; }


/**
 * Post icons
 * 
 * Styles for the icons representing states for each discussion
 *
 * @section Post icons
 */

.forumlist > li dl dd.post-icon	{ width: 42px; height: 44px; min-height: 44px; border-right: 1px solid #527381; margin: 0; position:absolute; top:2px; left:4px; }

dd.post-icon .a1, 
dd.post-icon .a2,
dd.post-icon .a3, 
dd.post-icon .a4 			{ background: url(../img/sprites/sp-icons-forum.png) 0 0 no-repeat; }

dd.post-icon .a1			{ width: 42px; height: 24px; }
dd.post-icon .a1e1			{ background-position: 0 -360px; }
dd.post-icon .a1e2			{ background-position: 0 -200px; }
dd.post-icon .a1e3			{ background-position: 0 -260px; }
dd.post-icon .a1e4			{ background-position: 0 -230px; }

dd.post-icon .a3			{ width: 32px; height: 20px; margin-left: 10px; padding-top: 4px; }
dd.post-icon .a3e1			{ background-position: 0 -160px;  }
dd.post-icon .a3e2			{ background-position: 0 -100px;  }
dd.post-icon .a3e3			{ background-position: 0 -130px;  }

dd.post-icon .a4			{ width: 20px; height: 17px; margin-left: 7px; background-position: 0 0px; }
dd.post-icon .a4e1			{ background-position: 0 0; }
dd.post-icon .a4e2			{ background-position: 0 -20px; }
dd.post-icon .a4e3			{ background-position: 0 -40px; }

dd.post-icon .a2			{ width: 32px; height: 16px; margin-left: 10px; margin-top: 4px; }
dd.post-icon .a2e1			{ background-position: 0 -360px; }
dd.post-icon .a2e2			{ background-position: 0 -300px; }
dd.post-icon .a2e3			{ background-position: 0 -320px; }
dd.post-icon .a2e4			{ background-position: 0 -340px; }


/**
 * Icons Legends
 * 
 * Styles of the box which contains the explanation legends for the post icons
 *
 * @section Icons Legends
 */

.topic-legends 						{ margin-bottom: 20px; }
.box.titledbelow-alt.topic-legends  { margin-bottom: 20px; } /*hardcoded*/
.topic-legends .hd div h4 			{ font-size: 11px; font-weight: bold; float: left; margin: 0 0 0 9px; line-height: 18px; }
.topic-legends .hd div a.edit		{ display: block; font-size: 10px; font-weight: bold; float: right; margin: 0; line-height: 18px; margin: 0 9px 0 0;}

.topic-legends .legends 			{ overflow: hidden; border-bottom: 1px solid #626262; margin: 0 -10px; padding:8px 10px 0 10px; }

.topic-legends ul.st-activity,	
.topic-legends ul.st-member,
.topic-legends ul.st-general,
.topic-legends ul.st-type			{ margin: 0; overflow:hidden; float: left; }

.topic-legends ul.st-activity li	{ list-style:none; float:left; padding-left:28px; margin-right: 10px; font-size:11px; height:33px; line-height: 14px; background: url(../img/sprites/sp-icons-forum.png) 0 0 no-repeat; }
.topic-legends ul.st-activity li.e1	{ background-position: 0 -440px; }
.topic-legends ul.st-activity li.e2	{ background-position: 0 -400px; }
.topic-legends ul.st-activity li.e3	{ background-position: 0 -480px; }

.topic-legends ul.st-member			{ float: right; }
.topic-legends ul.st-member li		{ list-style:none; float:left; padding-left:36px; margin-right: 10px; font-size:11px; height:33px; line-height: 14px; background: url(../img/sprites/sp-icons-forum.png) 0 0 no-repeat; }
.topic-legends ul.st-member li.e1	{ background-position: 0 -520px; width:60px; }
.topic-legends ul.st-member li.e2	{ background-position: 0 -560px; }
.topic-legends ul.st-member li.e3	{ background-position: 0 -600px; width:50px; margin-right: 0; }

.topic-legends ul.st-general		{ float: left; margin: 8px 30px 0 10px; }
.topic-legends ul.st-general li		{ list-style:none; float:left; padding-left:19px; margin-right: 10px; font-size:11px; height:16px; line-height: 16px; background: url(../img/sprites/sp-icons-forum.png) 0 0 no-repeat; }
.topic-legends ul.st-general li.e1	{ background-position: -16px -300px; }
.topic-legends ul.st-general li.e2	{ background-position: -16px -320px; margin-right: 0;  }

.topic-legends ul.st-type			{ float: left;  margin: 8px 0 0 0; }
.topic-legends ul.st-type li		{ list-style:none; float:left; padding-left:23px; margin-right: 10px; font-size:11px; height:16px; line-height: 16px; background: url(../img/sprites/sp-icons-forum.png) 0 0 no-repeat; }
.topic-legends ul.st-type li.e1		{ background-position: 0 0px; }
.topic-legends ul.st-type li.e2		{ background-position: 0 -20px; }
.topic-legends ul.st-type li.e3		{ background-position: 0 -40px; margin-right: 0;  }


/**
 * Topic
 * 
 * Styles for the pages "topic"
 *
 * @section Topic
 */
 
.topic-title 				{ margin-bottom:18px; }
.topic-title h2				{ font-size: 1.5em; line-height: 1; margin-top: 0.5em; margin-bottom: 0; }
.topic-title p				{ font-size: 0.9166em; line-height: 1.6363em; }

/* Topic actions */

.topic-actions 				{ margin-bottom: 10px; overflow: hidden; }
.topic-actions .buttons		{ float: left; }
.topic-actions .pager		{ float: right; }

.topic-actions ul.actions-moderator			{ margin: 0; margin-left:10px; overflow: hidden; float:right;  }
.topic-actions ul.actions-moderator li		{ list-style: none; overflow: hidden; float: left; margin-right: 10px; }
.topic-actions ul.actions-moderator li a	{ font-size: 0.9166em; line-height:16px; margin-top:2px; display: block;padding-left: 18px; } 

/* Forum pager */

.forum-pager 				{ margin: 2px 0 0 0; }
.forum-pager li				{ margin: 0; list-style: none; float: left; line-height: 18px; font-size: 11px; margin-right: 3px; }
.forum-pager li a			{ display: block; padding: 0 6px; border:1px solid #d2d2d2;  background:#f9f9f9; color: #234F60; }
.forum-pager li a.active	{ background:#d4e8f1; }
.forum-pager li span		{ margin-right: 7px; }


/**
 * Post
 * 
 * Styles for the boxes who represent posts
 *
 * @section Post
 */

.forum-post .post-title				{ margin: 0 -9px; padding: 0 10px 5px 10px; border-bottom: 1px solid #d9e9ef; }
.forum-post .post-title	h4			{ font-size: 1em; font-weight: bold; line-height: 1.5em; margin: 0; }
.forum-post .post-title	p 			{ font-size: 0.9166em; line-height: 1.6363em; margin-bottom:0; }

.forum-post .post-body				{ margin: 0 -10px; padding: 10px 0; overflow: hidden; font-size: 0.9166em; }
.forum-post .cont					{ float: left; width: 466px; min-height:288px; margin: 0 0 0 10px ; padding-right: 9px; border-right: 1px solid #d9e9ef; overflow:hidden; }
.forum-post .cont img				{ max-width: 466px;  }
.forum-post .cont blockquote 		{ margin:0 0 18px 0; padding:18px 10px 18px 20px; background: url(../img/sprites/sp-controls.png) -49px -335px no-repeat; background-color:#F6F9FA; color:#000; }
.forum-post .cont blockquote img	{ max-width: 436px; }
.forum-post .cont blockquote hr		{ display:none; }
.forum-post .cont hr				{ margin:18px 0 0 0; border:none; border-top:1px solid #d4e8f1;  }
.forum-post .cont br				{ line-height:18px;  }

.forum-post .side					{ float: left; width: 146px; padding: 0 10px 0 10px; }

.forum-post .side .actions-moderator		{ clear:both; margin:10px 0 10px 0; }
.forum-post .side .actions-moderator li 	{ list-style:none; }
.forum-post .side .actions-moderator li a	{ display:block; padding-left:20px; line-height:18px; color:#234F60; }

.user-info 							{ margin: 0; }
.user-info li						{ margin: 0; list-style: none; }
.user-info li.avatar				{ height: 128px; }

.user-icons 						{ margin: 0; overflow:hidden; }
.user-icons li						{  }
.user-icons li a					{ display: block; float: left; line-height:18px; padding-left: 19px; }

.forum-post .member-level			{ height: 18px; width:54px; background: url(../img/sprites/sp-controls.png) 0 -320px no-repeat; }
.forum-post .member-level.l1		{ background: url(../img/sprites/sp-controls.png) 0 -320px no-repeat; }
.forum-post .member-level.l2		{ background: url(../img/sprites/sp-controls.png) 0 -300px no-repeat; }
.forum-post .member-level.l3		{ background: url(../img/sprites/sp-controls.png) 0 -280px no-repeat; }
.forum-post .member-level.l4		{ background: url(../img/sprites/sp-controls.png) 0 -260px no-repeat; }
.forum-post .member-level.l5		{ background: url(../img/sprites/sp-controls.png) 0 -240px no-repeat; }

.forum-post .post-footer			{ overflow: hidden;  margin:0 -10px; border-top: solid 1px #ABCCD7; }

.forum-post .post-footer ul			{ margin: 0; margin-left:10px; overflow: hidden;  }
.forum-post .post-footer ul	li		{ list-style: none; overflow: hidden; float: left; margin-right: 10px; }
.forum-post .post-footer ul	li a	{ font-size: 0.9166em; line-height:16px; margin-top:2px; display: block;padding-left: 18px; color:#234F60; } 

.post-footer ul.actions-user		{ float:left; }
.post-footer ul.actions-moderator	{ float:right; }

.forum-post .signature				{ margin-bottom: 18px; border-top: 1px dotted #d9e9ef; color: #666666; }

/* Gallery */
.post-gallery						{ margin: 0 -9px; background: #6a868f; padding:18px 0 18px 0px; overflow:hidden; clear:both; }
.post-gallery .actions				{ overflow: hidden; padding:0 0 20px 10px; }
.post-gallery .gallery				{ padding-left: 51px; } /* Overwrites .gallery container from gallery module */
.post-gallery.horizontal .gallery	{ padding:0 0 0 25px; }

/* Poll */
.post-poll							{ margin: 0 -9px; background: #6a868f; padding:0; overflow:hidden; }
.post-poll h4						{ line-height: 36px; color: #fff; padding-left: 10px; margin: 0; }
.post-poll ol						{ margin:0; }
.post-poll ol li					{ margin: 0; border-top: 1px dotted #b2ced8; list-style: none; overflow: hidden; height:2.6666em; }
.post-poll ol li div				{ float: left; line-height:32px; color:#fff; }
.post-poll .radio					{ width: 42px; margin-right: 10px; }
.post-poll .radio input				{ margin: 0 0 0 20px; }
.post-poll .question				{ width: 238px; margin-right: 10px; }				


/**
 * Quick Reply
 *
 * @section Quick Reply
 * @group 	Quick reply
 */

.quick-reply					{ padding-top: 36px; }
.quick-reply fieldset.form		{ border: none; margin-bottom: 0; }
.quick-reply textarea			{ width:620px; margin-bottom: 0;  height: 168px; }
.quick-reply .entry				{ margin-bottom: 9px; }
.quick-reply .submit			{ margin-bottom: 18px; }
.quick-reply .counter			{ width: 622px; padding: 0 5px; line-height: 18px; height: 18px; background:#cae0ea; margin-top:-2px }
.quick-reply .counter p		{ margin: 0; line-height: 16px; height: 18px; font-size: 11px; float: right; overflow: hidden; color: #717171; }


/**
 * New post form
 * 
 * Styles for the interface to create new posts
 *
 * @section New post form
 */
 
.edit-post								{ margin-bottom:18px; }								
.edit-topic-form .post-title			{ margin: 0 0 9px 0; overflow: hidden; }
.edit-topic-form .post-title label		{ display: block; line-height: 18px; color:#0c3a4b; }
.edit-topic-form .post-title input		{ width: 622px; margin: 0; zoom:1; }
.edit-topic-form .post-title .counter	{ margin-top:-4px; }	
.edit-topic-form label					{ color:#0c3a4b; }
.edit-topic-form .post-title .counter,
.edit-topic-form .post-content .counter		{ width: 622px; padding: 0 5px; line-height: 18px; height: 18px; background:#cae0ea; }
.edit-topic-form .post-title .counter  p,
.edit-topic-form .post-content .counter  p	{ margin: 0; line-height: 16px; height: 18px; font-size: 11px;float: right; overflow: hidden; color: #717171; }
.edit-topic-form .post-content #emoticons	{ margin:0; height:23px; padding-top:5px; padding-left:4px; position:absolute; top:0; right:5px;  }

.edit-topic-form .editor			{ position:relative; }
.edit-topic-form .wysiwyg			{ background:#fff; width:620px; height:324px; margin-bottom:0; }
.edit-topic-form .wysiwyg:focus		{ background:#fff; width:620px; height:324px; }
.edit-topic-form .post-content		{ margin: 0 0 9px 0; overflow: hidden;}
.edit-topic-form .post-type			{ margin: 2px -9px 0 -9px; }
.edit-topic-form .post-options		{ margin: 0 0 18px 0; overflow: hidden; }
.edit-topic-form .post-actions		{ margin: 0 0 4px 0; padding:0 0; overflow: hidden; }

.edit-topic-form .post-options label	{ line-height:18px; }
.edit-topic-form .post-options .cb	{ font-size:11px; }


/**
 * User profile page
 *
 * @section User profile page
 */

.profile-user-name 			{ overflow:hidden; height:3em; }
.profile-user-name h3 		{ margin:0; float:left; font-size: 1.16666em; font-weight: bold; line-height: 1.2857; }
.profile-user-name a 		{ display:block; margin:0 0 0 20px; float:left; font-size: 0.9166em; line-height:1.6363em; }

.profile-avatar 			{ display:block; width:166px; text-align:center;  }
.profile-user-info ul		{ margin:0; }
.profile-user-info ul li	{ margin:0; list-style:none; font-size:0.91666em; line-height:1.6363em; }


/**
 * Administrator
 *
 * @section Administrator
 */

ul.forumadmin-list  			{ margin: 0; }
ul.forumadmin-list li  			{ list-style: none; overflow:hidden; margin: 0 -10px; border-bottom: 1px solid #E1E1E1; }
ul.forumadmin-list li.last		{ border: none; }
dl.forumadmin-row				{ margin: 0; overflow:hidden; }
dl.forumadmin-row dt,
dl.forumadmin-row dd			{ float: left; margin:0; }
dl.forumadmin-row dt a,
dl.forumadmin-row dd a			{ font-size:0.8333em; line-height: 3.2em;  }
dl.forumadmin-row dt			{ width: 331px; padding-left:10px; font-size:0.9166em; line-height: 3.2727em;font-weight:normal; }
dl.forumadmin-row dd			{ margin-right: 6px; }
dl.forumadmin-row dd.up			{ margin-top: 11px; margin-right:4px; float:right; }
dl.forumadmin-row dd.down		{ margin-top: 11px; margin-right:8px; float:right; }
dl.forumadmin-row dd.up a,
dl.forumadmin-row dd.down a		{ display: block; width: 14px; height: 14px; text-indent: -4000px; }
dl.forumadmin-row dd.up a		{ background: url(../img/sprites/sp-controls.png) 0 -410px no-repeat; }
dl.forumadmin-row dd.down a		{ background: url(../img/sprites/sp-controls.png) -20px -410px no-repeat; }

dl.forumadmin-row.header dt			{ width: 315px; font-size:0.9166em; line-height:2.9090em ;font-weight:bold; padding-left:0; }
dl.forumadmin-row.header dt a,
dl.forumadmin-row.header dd a		{ line-height: 2.9090em; color:#0c3a4b; }
dl.forumadmin-row.header dd.up		{ margin-top: 10px; margin-right:4px; float:right; }				
dl.forumadmin-row.header dd.down	{ margin-top: 10px; margin-right:8px; float:right; }	
dl.forumadmin-row.header dd.up a	{ background: url(../img/sprites/sp-controls.png) 0 -390px no-repeat; }
dl.forumadmin-row.header dd.down a	{ background: url(../img/sprites/sp-controls.png) -20px -390px no-repeat; }

.panel-moderator 					{}
.panel-moderator .bd					{ font-size:0.9166em; line-height:1.6363em; }


/**
 * Connected member profile
 *
 * @section Connected member profile
 */

/* We use hidden CSS class for hiding elements */
.hidden {display:none}
.red {color:red}
.green {color:green}