/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* sideMenu::base */
#sideMenu, #sideMenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	/*#sideMenu {
		position:relative;
		width: 300px;
		height: 45px;
	}*/
	
	#sideMenu:before,
	#sideMenu:after {
		content: "";
		display: table;
	}
	
	#sideMenu:after {
		clear: both;
	}
	
	#sideMenu {
		zoom:1;
	}
	
	#sideMenu li  {
		position:relative;
		width: 300px;
		height: 45px;
		display:block;
		background-color: #f1f1f2;
	}
	
	.subMenuItemTitle{
		position:relative;
		height: 45px;
		width: 270px;
		padding-left: 15px;
		padding-right: 50px;
		background-color: #f1f1f2;
		display: table-cell;
		vertical-align: middle;
		text-transform: uppercase;
		font-style:italic;
		font-family: "RobotoItalic", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 13px;
		text-decoration: none;
		color: #999999;
	}
		
	#sideMenu a {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #bfbfbf;
		height: 45px;
		width: 300px;
	}
	
	.subMenuItem {
		position:relative;
		height: 45px;
		width: 300px;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #d8d8d8;
		display: table-cell;
		vertical-align: middle;
		text-transform: uppercase;
		font-family: "RobotoRegular", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 13px;
		text-decoration: none;
		color: #666666;
	}
	
	.subMenuItemSelected {
		position:relative;
		height: 45px;
		width: 300px;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #13a9dc;
		display: table-cell;
		vertical-align: middle;
		text-transform: uppercase;
		font-family: "RobotoRegular", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 13px;
		text-decoration: none;
		color: #fff;
	}
	
	#sideMenu li:hover > a {
		color: #fff;
		background-color: #13a9dc;
		-webkit-transition:all .2s ease-in;  
		-moz-transition:all .2s ease-in;  
		-o-transition:all .2s ease-in;  
		transition:all .2s ease-in; 
	}
	
	*html #sideMenu li a:hover { /* IE6 only */
		color: #fff;
		background-color: #13a9dc;
		-webkit-transition:all .2s ease-in;  
		-moz-transition:all .2s ease-in;  
		-o-transition:all .2s ease-in;  
		transition:all .2s ease-in; 
	}*