/**
 * TYPOlight webCMS
 * Copyright (C) 2005-2009 Leo Feyer
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at http://www.gnu.org/licenses/.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2009
 * @author     Leo Feyer <leo@typolight.org>
 * @license    LGPL
 * @version    1.0
 */

/* Container */

#sfsApplications {clear:both}

#sfsApplications ul
    { background-image: url(/tl_files/Layout/bg_vgradient_grey50x50_02.jpg); background-repeat: repeat-x; background-position: 0 0 }


#sfsApplications ul
{

	width:100%;
	margin:0;
	padding-left:0;
	border:1px solid #DFDFDF;
	border-width:1px 0;
	height:30px;
}


#sfsApplications ul li
{
	list-style:none;
	display:inline;
	margin:0em;
	padding:0em;

}
#sfsApplications ul li a,#sfsApplications ul li.active 
{
background-color:#efefef;	
height:20px;
	float:right;
	color:gray;
	padding:6px 6px 4px 6px;
	text-decoration:none;
	border-left:1px solid #dfdfdf;
}
#sfsApplications ul li a:hover,#sfsApplications ul li.active 
{
	color:black;
	background-color:#fff;
	border-bottom:3px solid #666;
	padding-bottom:0px;
}


#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	

#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}	

#submenu     { list-style-type: none; margin: 0; width: 100%; border-top: 1px solid #efefef; border-right: 1px solid #efefef; overflow-x: hidden; overflow-y: hidden   }
#submenu ul {
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
#submenu ul li       { background-image: url('(EmptyReference!)'); background-position: center; text-align: left; margin: 0; padding: 0; width: 100%; float: left }

#submenu a, #submenu strong   { color: #444444; text-decoration: none; background-color: #ffffff; display: block; padding: 3px 0 3px 10%; width: 100%; border-bottom: 1px solid #eeeeee }
#submenu li#title {
background-color:#FFFFFF;
border-bottom-color:#888888;
border-bottom-style:solid;
border-bottom-width:4px;
color:#444444;
font-weight:700;
padding-bottom:3px;
padding-left:10%;
padding-right:0;
padding-top:3px;
width:90%;
}
#submenu li span     { color: #ffffff; font-weight: 700; background: #0099cc; display: block; padding: 8px 0 3px 10%; width: 100%; height: 25px; border-bottom: 1px solid #dddddd; border-left: 5px solid #efefef; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto    }
#submenu li#active, #submenu li strong  { color: #ffffff; font-weight: 700; background-color: #4e5155; padding: 3px 0 3px 10%; width: 90%; border-bottom: 1px solid #eeeeee }
#submenu li a       { color: #0099cc; padding-top: 8px; padding-left: 5%; width: 100%; height: 25px; border-left: 4px solid #0099cc }
#submenu li a:focus, #submenu li a:hover, #submenu li a:active     { color: #09c; background-color: #efefef }
#submenu li ul li a, #submenu li ul li#active, #submenu li ul li strong, #submenu li ul li span   { padding-left: 10%; width: 100% }
#submenu li ul li a    { color: #666; background-color: #efefef; border-bottom: 1px solid #fff; border-left: 6px solid #0099cc  }
#submenu li ul li a:focus, #submenu li ul li a:hover, #submenu li ul li a:active   { color: #ffffff; background-color: #ccc; border-bottom: 1px solid #fff }
#submenu li ul li ul li a, #submenu li ul li ul li#active, #submenu li ul li ul li strong, #submenu li ul li ul li span   { padding-left: 15%; width: 100% }
#submenu li ul li ul li a {
background-color:#EDF0ED;
color:#333333;
}
#submenu li ul li ul li a:focus, #submenu li ul li ul li a:hover, #submenu li ul li ul li a:active  { color: #0099cc; background-color: #ccc }
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li#active, #submenu li ul li ul li ul li strong, #submenu li ul li ul li ul li span  { padding-left: 40%; width: 100% }
#submenu li ul li ul li ul li a {
background-color:#FFFFFF;
color:#AAAAAA;
}
#submenu li ul li ul li ul li a:focus, #submenu li ul li ul li ul li a:hover, #submenu li ul li ul li ul li a:active {
background-color:#AA1124;
color:#FFFFFF;
}

#navcontainer
        { background-color: #efefef; margin-right: auto; margin-left: auto; z-index: 1; width: 100%; height: 35px; border-top: 1px solid #999; border-right: 0 solid #fff; border-left: 0 solid #fff }

#navcontainer ul
    { font-size: 10px; text-align: center; list-style-type: none; margin-top: 10px; margin-bottom: 10px; padding: 0; position: relative; z-index: 2 }

#navcontainer li
   { background-color: #fff; text-align: center; display: inline; margin-left:5x;margin-right:5px;padding: 1px 7px; border: solid 1px #999 }


#navcontainer li a:link
  { text-decoration: none; background-color: #fff; padding: 1px 7px; width: 100px }
   #navcontainer li a:visited
  { text-decoration: none; background-color: #fff; padding: 1px 7px }