/* 
    Document   : bal_panel
    Created on : 2009.10.10., 22:29:06
    Author     : SMID
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/  

#bal_fokat_cell {
    margin: 0;
    font-family:sans-serif;
	list-style: none;
        font-style: oblique;
    padding-left:5px;
    padding-top:15px;
    padding-bottom:15px;
	}


#bal_fokat{
    text-decoration:none;
    font-weight:bolder;
    font-size:28px;
    color:#fff;
    text-shadow: 0px 0px 4px #000000;
}
#bal_fokat:hover{
    text-decoration:none;
    color:rgba(0,60,120,0.8);
    text-shadow: 0px 0px 5px #acc6dd;
}
#fokat{
    letter-spacing:-3px;
    font-size:32px;
    color:#ffffff;
    font-style:italic;
   text-shadow: 1px 1px 6px #aaaaaa;
   line-height: 0.9;
}
#bal_menu{
    background-repeat:no-repeat;
    background-position:left;
    background-repeat:repeat-y;
}

#bal_kat {
	margin: 0;
    font-family:sans-serif;
	list-style: none;
    font-weight:bold;
    color:#333333;
    padding-left:0px;
    padding-top:0px;
    padding-bottom:3px;
    border-radius: 18px 0px 0px 18px;
-moz-border-radius: 18px 0px 0px 18px;
-webkit-border-radius: 18px 0px 0px 18px;
	}


ul {
	margin: 0;
	padding: 0;
    font-family:sans-serif;
	list-style: none;
	width: 150px;
	}
ul li {
	position:relative;
	}

li ul {
	position: absolute;
	left: 160px;
	top: 0px;
	display: none;
    background-color: rgba(132,194,225,0.9);
    background-position:left center;
    background-repeat:repeat-y;
    vertical-align:middle;
    padding-left:0px;
	}

ul li a {
	display: block;
	text-decoration: none;
    color: #333333;
    background-color: rgba(255,255,255,0.0);
    background-position:left center;
    background-repeat:no-repeat;
    vertical-align:middle;
    font-size:16px;
    padding-left:5px;
    padding-bottom:6px;
    padding-top:6px;
	}
    
ul li a:hover {
    display: block;
    text-decoration: none;
	color:#000000;
    background-color: rgba(255,255,255,1);
	background-position:left center;
    background-repeat:no-repeat;
	padding-left:5px;
    padding-bottom:2px;
    padding-top:2px;
    border-bottom-color:#018CE4;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-top-color:#018CE4;
    border-top-style:solid;
    border-top-width:4px;
    box-shadow: inset 0px 0px 30px -20px #000000,0px 0px 0px 0px #242424;
-webkit-box-shadow: inset 0px 0px 30px -20px #000000,0px 0px 0px 0px #242424;
-moz-box-shadow: inset 0px 0px 30px -20px #000000,0px 0px 0px 0px #242424;
-o-box-shadow: inset 0px 0px 30px -20px #000000,0px 0px 0px 0px #242424;
	}
#nyitott{
    display: block;
	text-decoration: none;
    color: #5b5b55;
    vertical-align:middle;
    font-size:14px;
    padding-left:12px;
    padding-bottom:6px;
    padding-top:6px;
}
#nyitott:hover{
    display: block;
    text-decoration: none;
	color:#000000;
	padding-left:12px;
    padding-bottom:4px;
    background-color: rgba(255,255,255,0.8);
    padding-top:3px;
    border-bottom-color:#018CE4;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-top-color:#018CE4;
    border-top-style:solid;
    border-top-width:3px;
    box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
-webkit-box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
-moz-box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
-o-box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
}
#nyitott_kijelolt{
    background-color: #ffffff;
    display: block;
	text-decoration: none;
    color:#000000;
    vertical-align:middle;
    font-size:14px;
    padding-left:12px;
    padding-bottom:4px;
    padding-top:4px;
    border-bottom-color:#aaa;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-top-color:#aaa;
    border-top-style:solid;
    border-top-width:2px;
}
#nyitott_kijelolt:hover{
    display: block;
	text-decoration: none;
    padding-left:12px;
    padding-bottom:3px;
    padding-top:3px;
    border-bottom-color:#018CE4;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-top-color:#018CE4;
    border-top-style:solid;
    border-top-width:3px;
    box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
-webkit-box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
-moz-box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
-o-box-shadow: inset 0px 0px 20px -15px #000000,0px 0px 0px 0px #242424;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	}
li:hover ul { display: block; color:#666666;}