/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		FRONTPAGE stylesheet				                                       	  			*/
/* Site name:		Internet 2009 Promens Care				                                         	  		*/
/* Date created:		11-03-2009							                                         	  		*/
/************************************************************************************************/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* Colors	                                                                 										*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* 	Red			=	#cc1737
/* 	Yellow		=	#e8cf00
/* 	Black			=	#000
/* 	Grey			=	#8a8a89

/************************************************************************************************/
/* Screen styles                                                                 										*/
/************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =Content																*/
	/*******************************************************************************************/
		
	/*******************************************************************************************/
	/* =Reactions															*/
	/*******************************************************************************************/	
	
	#content #reactions
	{
		width:					425px;
		overflow:				hidden;
	}
	
	#content #reactions  h2
	{
		float:					left;
		width:					425px;
		clear:					both;
		font-weight:			normal;
	}
	
	

	#content #reactions .number
	{
		float:					left;
	}

		#content #reactions a#reactButton
		{
			text-decoration:		underline;

		}

			#content #reactions a#reactButton:hover
			{
				text-decoration:		underline;
				color:					#8a8a89;	
			}
		

		#content #reactions ul.reactionList 
		{
			margin:					14px 0 0 0;
		}

			#content #reactions ul.reactionList  li
			{
				clear:					both;
				position:				relative;
				
				background-image:		none;
				margin:					0 0 24px 0;
				padding:				7px 10px 11px 10px;
				
				height:					10px;
				background-color:		#f5f5f5;	
				
			}
			*>#content #reactions ul.reactionList  li
			{
				min-height:				10px;
				height:					auto;
			}
		
				#content #reactions ul.reactionList  li p
				{
					margin:				0;
				}
		
				#content #reactions ul.reactionList  li .by
				{
					color:					#999;
					text-align:				right;
				}
		
					#content #reactions ul.reactionList  li  .by a
					{
						
					}
					
						#content #reactions ul.reactionList  li  .by a:hover
						{
							
						}
				
				#content #reactions ul.reactionList  li  img
				{
					display:			inline;
					border:				none;
					float:				none;
					
					margin:				0;
					padding:			0;
					
					background-color:	transparent;
				}

	
	/* Paging overrides */
	#content #reactions .paging
	{
		width:				425px;
	}
	
	
	/* Form */
	#replierForm #postReactionOptions
	{
		clear:			both;
	}

		#replierForm #postReactionOptions li
		{
			float:				left;
			display:			inline;
			
			margin:				0;
			padding:			0 4px 0 0;
			
			background-image:	none;
		}
		
			#replierForm #setStyleB
			{
				font-weight:		bold;
			}
			
			#replierForm #setStyleU
			{
				text-decoration:	underline;
			}
			
			#replierForm #setStyleI
			{
				font-style:			italic;
			}
			
			#replierForm #postReactionOptions input
			{
				font-size:			1em;
				padding:			2px;
				
			}
		
	/* Smileys*/	
	#replierForm #smileyList
	{

	}

	
		#replierForm #smileyList li
		{
			float:				left;
		
			padding:			0 2px 0 0;
		
			background-image:	none;
		}
		
			#replierForm  textarea
			{
				font-family:		Arial, Verdana, Helvetica;
			}

			#replierForm #smileyList li a
			{
				display:			block;
				
			    text-align: 		center;
			    vertical-align: 	middle;

				margin:				0;
				padding:			2px;

				border:				1px solid #fff;
			}	

				#replierForm #smileyList li a:hover
				{
					background-color:	#f8f8f8;	/* light */;
					
					border:				1px solid #dadada;
				}
							
				#replierForm #smileyList li a img
				{
					padding:			0;
					margin:				0;
					border:				0px solid transparent;
				}
				
				#replierForm .fieldRow 
				{
					float:				left;
				}
				
	/* toolbox*/
	#replierForm #toolbox
	{
		clear:				both;
		padding:			26px 0 13px 0;
	}
	
		#replierForm #toolbox ul
		{
			margin-left:		0px;
		}	
	
	
}


/************************************************************************************************/
/* =Print styles                                              											          */
/************************************************************************************************/
@media print
{
}