/* Begin CSS Drop Down Menu */
#menuh
	{
		font-family: Verdana;
		font-size: 17px;	
		width: 100%;
		height:auto;
		margin-top: 0.1px;
		margin-bottom: 0.1px;
		/*border: solid red 1px;*/
	}
#menuh ul
	{
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		width: 7.9em;	/* width of all menu boxes */
	}
#menuh a
	{
		text-align: center;
		display: block;
		border: 1px solid royalblue; /*The color of the border of the menu*/
		white-space: nowrap;
		margin: 0;
		padding: 0.3em;
	}
#menuh li
	{
		position: relative;
		display: block;
	    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
	    vertical-align: bottom; 	/* Sophie Dennis contribution for IE7 */
	    z-index: 500;
	}
#menuh ul ul
	{
		position: absolute;
		display: none;
	}	
#menuh ul ul ul 
	{
		position: absolute;
		top: 0;
		left: 100%;
	}	
  #menuh a:link
, #menuh a:visited
, #menuh a:active	/* menu at rest */
	{
		color: royalblue; /*The color of the text from the menu*/
		background-color: #CCCCFF;
		text-decoration: none;
	}
#menuh a:hover	/* menu at mouse-over  */
	{
		color: royalblue; /*The color of the text from the menu*/
		background-color: #99CCCC;
		text-decoration: none;
	}	
  #menuh a.top_parent
, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
		background-image: url("http://www.Porumbei-Jucatori.ro/themes/default/css/img/menu_arrows/navdown_white.gif");
		background-position: right center;
		background-repeat: no-repeat;
	}
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
		background-image: url(http://www.Porumbei-Jucatori.ro/themes/default/css/img/menu_arrows/nav_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
div#menuh li:hover
	{
		cursor: pointer;
		z-index: 100;	
	}
  div#menuh li:hover ul ul
, div#menuh li li:hover ul ul
, div#menuh li li li:hover ul ul
, div#menuh li li li li:hover ul ul
	{
		display: none;
	}
  div#menuh li:hover ul
, div#menuh li li:hover ul
, div#menuh li li li:hover ul
, div#menuh li li li li:hover ul
	{
		display: block;
	}

<!--[if lt IE 7]>
#menuh
	{
		float: none;
	}
body
	{
		behavior: url(http://www.Porumbei-Jucatori.ro/themes/default/css/csshover.htc); 
		font-size: 100%;
	}
#menuh ul li
	{
		float: left; 
		width: 100%;
	}
#menuh ul li a
	{
		height: 2.5%;
	}
  #menu a
, #menu h2 
	{
		font-family: Verdana;
		font-size: 13px;
	}
<![endif]-->
/*End of the drop down menu*/

/*
Header table & Menu Color: #CCCCFF   	
Menu Highlight color: #99CCCC
Border & Text on menu: royalblue
Link Header & Footer color: #686868
Border Login and Highlight gray in chat color: #E5FFE5
*/

/*The general style for the page header*/
.header
	{
		width: 100%;
		text-align:left;
		border: thin solid black;
	} 
/*The style for Porumbei-Jucatori image displayed in the top left of the page*/	
.header_img
	{
		vertical-align:middle;
	}
/*The style for the page container. The page is structured in 3 zones: HEADER, CONTAINER, FOOTER.
In the container are all components of the page. E.g: for example in index: menu, articles*/
#container
	{
		font-family: Verdana; 
		font-size: 12px;	
		width: 95%;
		float: left;
		margin: 2em;
		margin-top: 0.1px;
		margin-bottom: 0.1px;
		/*border: solid violet 1px;*/
	}
/*The genearal style for the container contents. 
In the container contents may be put the menu and the contents of the pages*/	
.container_contents
	{
		font-family: Verdana; 
		font-size: 12px;			
		width:950px; /*The menu and the page content will be fixed when the browser size is modified*/
		background-color:#FFFFFF;
		border: solid #CCCCFF;
		margin-bottom: 0.1px;
		margin-top: 0.1px;
		/*border: solid green 1px;*/
	}		
.container_contents_menu
	{
		width:950px; /*The menu and the page content will be fixed when the browser size is modified*/
		background-color:#FFFFFF;
		margin-bottom: 0.1px;
		margin-top: 0.1px;
		/*border: solid orange 1px;*/
	}	
/*The area where the messeges are displayed with the scrollbar*/	
.container_scrollbar
	{				
		width: 100%; 	/*In order to make scrolbabr work we need to have a fixed WIDTH*/
		height: 500px;	/*In order to make scrolbabr work we need to have a fixed HEIGHT*/
		overflow: auto;
		border:solid 1px #cccccc;
	}		
/*The general style for the page footer*/	
.footer
	{
		width: 100%;
		float:left;
		text-align:center;
		/*border: thin solid yellow;*/		
	}  	
/*Styles for different types of links*/
.link_header
	{
		font-family: Verdana; 
		font-size: 10px;	
		color: #686868;
		text-decoration: none;		
	}
.link_black
	{
		font-family: Verdana; 
		color: #000000;
	}
.link_royalcolor
	{
		font-family: Verdana;
		font-size: 12px;
		color: royalblue;
		text-decoration: none;		
	}		
.link_footer
	{
		font-family: Verdana;
		font-size: 10px;	 
		color: #686868;
		text-decoration: none;		
	}
	
.link_no_underline
	{
		font-family: Verdana;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
.link_no_underline_white
	{
		font-family: Verdana;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
	}			
/*Used for help lists*/	
.list_style_none
	{
		list-style-type: none;
	} 
/*Styles for the login form*/
/*The style for the login form*/	
.login_contents
	{
		font-family: Verdana;
		font-size: 12px;	
		width:20%;
		background-color:#F0FFF0;
		border: thin solid #cccccc;
	}		
/*The style for the empty div for the login form*/	
.intro_chat_contents
	{
		font-family: Verdana;
		font-size: 12px;	
		background-color:#F0FFF0;
		/*border: thin solid #F00;*/
	}		
/*The row normal color style for a table*/
.tr_color_normal
    {
	    background-color: #FFFFFF;
    }
/*The row colored style for a table*/    
.tr_colored
    {
         background-color: #F0FFF0;
    }
/*The row highlight color style for a table*/       
.tr_color_highlight 
  	{
		background: #d8d8d8;
	} 	
/*Cell style header color for the table*/	
.td_header
	{
		font-family: Verdana;
		font-size: 13px;
		background-color : #CCCCFF;
	}	
/*Cell style normal color for table*/
.td_color_normal
	{
		width: 10%;
		background: #CCCCFF;
		color: #99CCCC;
	}
/*Cell style highlight color for table*/	
.td_color_highlight
	{
		width: 10%;
		background: #99CCCC;
		color: #CCCCFF;
	}
/*Cell style normal color for chat table*/	
.td_color_normal_chat
	{
		background: #CCCCFF;
		color: #99CCCC;
		height: 30px;
	}
/*Cell style highlight color for chat table*/	
.td_color_highlight_chat
	{
		background: #99CCCC;
		color: #CCCCFF;
		height: 30px;
	}    
/*The image width used for images displayed in help*/	
.img_width 
	{
		width: 930px;
	}	
	
/*Styles for chat & chat_private pages*/	
/*The style for the chat page container. The chat page is structured in 3 zones: HEADER, CONTAINER, FOOTER.
In the container are all components of the page. E.g: for example in index: menu, chat content*/
#chat_container
	{
		width: 95%;
		float: left;
		margin-top: 0.1px;
		margin-bottom: 0.1px;
		/*border: solid violet 1px;*/
	}
/*The style of the container that will contain:
- chat messeges area
- send area of the chat 
- emoticons area*/	
.chat_container_contents
    {
        width: 84%;
        float: left;
        padding-top: 0px;
        padding-bottom: 0px;
       	/*border: thin solid orange;*/
	}
.chat_send_container
  	{
		border:solid 1px #cccccc;
   	} 	
.chat_send_text
  	{
		font-family: Verdana;
		font-size: 12px;
    	text-align: left;
    	padding-top: 0px;
    	padding-bottom: 0px;
    	white-space: pre-wrap;       /* css-3 */
	    /*white-space: -moz-pre-wrap;*/  /* Mozilla, since 1999 */
	    /*white-space: -pre-wrap; */     /* Opera 4-6 */
	    /*white-space: -o-pre-wrap;*/    /* Opera 7 */
	    /*word-wrap: break-word;*/       /* Internet Explorer 5.5+ */
  	}  
/*The style for the chat right page menu*/	
.chat_menu_vertical_container
	{
		font-family: Verdana;
		font-size: 12px;
		height: 96%;
		width: 15% ;
		float: right;
		/*border: thin solid violet;*/	
	}  
#art_container
	{
		width: 80%;
		float: left;
		margin: 7em;
		margin-top: 0.1px;
		margin-bottom: 0.1px;
		/*border: solid violet 1px;*/
	}	 	
.font_12px
	{
		font-family : Verdana;
		font-size: 12px;
		text-align:justify
	} 	
textarea
	{
		font-family: Verdana;
		font-size:12px;
	}	

.img_bird
	{
		background: url("http://local.porumbei/themes/default/img/design/design_bird_blue.gif") center left no-repeat;
	}
.text_head
	{
		font-size: 1.5em;	
		color:#0354c2;
		font-family: helvetica, geneva, arial, sans-serif;
	}	
.colorError
	{
		font-family : Verdana;
		color: royalblue;
		font-weight: bolder;
	}