﻿		.accordion_toggle {
			display: block;
			height: 44px;
			width: 122px;
			background: url(../Imagens/MenuLateral/gradiente_menu_lat.gif) ;
			background-repeat:repeat-x;
			cursor:pointer;
			margin: 0px 0px 0px 0px;
		}
		
		.accordion_toggle_active 
		{
			height: 44px;
			width: 122px;
			background:  url(../Imagens/MenuLateral/userlogin_on_background.jpg) ; 
			margin: 0px 0px 0px 0px;
		}
		
		.accordion_content {
			/*background-color: #ffffff;*/
			/*background: url(imagens/MenuLateral/background_userlogin.jpg);*/
			/*color: #444444;*/
			overflow: hidden;
			margin: 0px 0px 0px 0px;
			display:none;
			}
			
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
			}
			
		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
			} 			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 122px;   
      height: 100px;    
    }


.menuLateral
{
background-image:  url(../Imagens/MenuLateral/userlogin_on_background.jpg); 
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
/*color:#333333;*/
text-align:right;
padding-right:5px;
padding-left:5px;
}
.setas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:right;
padding-right:10px;
}

.textLoginLeft
{
font-family:left, Helvetica, sans-serif;
font-size:9px;
color:#333333;
text-align:left;
margin-top:5px;
margin-bottom:5px;
}

.textLoginRight
{
font-family:left, Helvetica, sans-serif;
font-size:9px;
color:#333333;
text-align:right;
margin-top:5px;
margin-bottom:5px;
}

.alignTop
{
vertical-align:top;
}

.textBoxLogin
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
text-align:left;
width:85px;
}

.bgMenuLateral
{
background-image:  url(../Imagens/MenuLateral/userlogin_on_background.jpg); 
padding-right:15px;
padding-left:15px;
}

.topMenuLateral
{
margin-bottom: -6px;
}

.bottomMenuLateral
{
margin: 0px 0px 0px 0px;
}

.tableMenuLateral
{
width:122px;
margin-top:5px;
}

.errorLogin{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#990000;
}

.linkLogin{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#669900;
}
.linkLogin:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#336666;
}
.linkLogin:active{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#669900;
 }
