@charset "UTF-8";

/** 
 * Flickr CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Flickr
 * @version		beta
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown,
ul.dropdown01,
ul.dropdown02,
ul.dropdown1,
ul.dropdown11,
ul.dropdown12,
ul.dropdown2,
ul.dropdown21,
ul.dropdown22,
ul.dropdown3,
ul.dropdown31,
ul.dropdown32 {
 padding-bottom: 1px;
 /*background: url(images/pattern1.png) 0 100% repeat-x; */
 font: bold 11px/normal Arial, Helvetica, sans-serif;
}

ul.dropdown li,
ul.dropdown01 li,
ul.dropdown02 li,
ul.dropdown1 li,
ul.dropdown11 li,
ul.dropdown12 li,
ul.dropdown2 li,
ul.dropdown21 li,
ul.dropdown22 li,
ul.dropdown3 li,
ul.dropdown31 li,
ul.dropdown32 li {
	 padding: 2px 3px;
	 /* color: #222;*/
	}

	ul.dropdown li.divider,
	ul.dropdown01 li.divider,
	ul.dropdown02 li.divider,	
	ul.dropdown1 li.divider,
	ul.dropdown11 li.divider,
	ul.dropdown12 li.divider,
	ul.dropdown2 li.divider,
	ul.dropdown21 li.divider,
	ul.dropdown22 li.divider,
	ul.dropdown3 li.divider,
	ul.dropdown31 li.divider,
	ul.dropdown32 li.divider	 {
	 border-top: solid 1px #aaa; /* #e5e5e5; */
	}

	ul.dropdown li.hover,
	ul.dropdown01 li.hover,
	ul.dropdown02 li.hover,
	ul.dropdown1 li.hover,
	ul.dropdown11 li.hover,
	ul.dropdown12 li.hover,
	ul.dropdown2 li.hover,
	ul.dropdown21 li.hover,
	ul.dropdown22 li.hover,		
	ul.dropdown li:hover,
	ul.dropdown01 li:hover,
	ul.dropdown02 li:hover,
	ul.dropdown1 li:hover,
	ul.dropdown11 li:hover,
	ul.dropdown12 li:hover,
	ul.dropdown2 li:hover,
	ul.dropdown21 li:hover,
	ul.dropdown22 li:hover,
	ul.dropdown3 li:hover,
	ul.dropdown31 li:hover,
	ul.dropdown32 li:hover {
	 color: #222;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited,
	ul.dropdown01 a:link,
	ul.dropdown01 a:visited,
	ul.dropdown02 a:link,
	ul.dropdown02 a:visited,
	ul.dropdown1 a:link,
	ul.dropdown1 a:visited,
	ul.dropdown11 a:link,
	ul.dropdown11 a:visited,
	ul.dropdown12 a:link,
	ul.dropdown12 a:visited,
	ul.dropdown2 a:link,
	ul.dropdown2 a:visited,
	ul.dropdown21 a:link,
	ul.dropdown21 a:visited,
	ul.dropdown22 a:link,
	ul.dropdown22 a:visited,
	ul.dropdown3 a:link,
	ul.dropdown3 a:visited,
	ul.dropdown31 a:link,
	ul.dropdown31 a:visited,
	ul.dropdown32 a:link,
	ul.dropdown32 a:visited		{ color: #000066; text-decoration: none; }

	ul.dropdown a:hover,
	ul.dropdown01 a:hover,
	ul.dropdown02 a:hover,
	ul.dropdown1 a:hover,
	ul.dropdown11 a:hover,
	ul.dropdown12 a:hover,
	ul.dropdown2 a:hover,
	ul.dropdown21 a:hover,
	ul.dropdown22 a:hover,
	ul.dropdown3 a:hover,
	ul.dropdown31 a:hover,
	ul.dropdown32 a:hover			{ color: #4277e1; text-decoration: none; background-color: #F6FFFF;}

	ul.dropdown a:active,
	ul.dropdown01 a:active,
	ul.dropdown02 a:active,
	ul.dropdown1 a:active,
	ul.dropdown11 a:active,
	ul.dropdown12 a:active,
	ul.dropdown2 a:active,
	ul.dropdown21 a:active,
	ul.dropdown22 a:active,
	ul.dropdown3 a:active,
	ul.dropdown31 a:active,
	ul.dropdown32 a:active		{ color: #0000EE; }


	/* -- level mark -- */

	ul.dropdown ul,
	ul.dropdown01 ul,
	ul.dropdown02 ul,
	ul.dropdown1 ul,
	ul.dropdown11 ul,
	ul.dropdown12 ul,
	ul.dropdown2 ul,
	ul.dropdown21 ul,
	ul.dropdown22 ul,
	ul.dropdown3 ul,
	ul.dropdown31 ul,
	ul.dropdown32 ul	 {
	 width: 180px;
	 padding: 3px 6px;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #f0f0f0 #666 #666 #f0f0f0;
	 background-color: #ddd;
	 font-weight: bold;
	 font-size: 11px;
	}
	

		ul.dropdown ul li,
		ul.dropdown01 ul li,
		ul.dropdown02 ul li,
		ul.dropdown1 ul li,
		ul.dropdown11 ul li,
		ul.dropdown12 ul li,
		ul.dropdown2 ul li,
		ul.dropdown21 ul li,
		ul.dropdown22 ul li,
		ul.dropdown3 ul li,
		ul.dropdown31 ul li,
		ul.dropdown32 ul li		 {
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir,
ul.dropdown01 *.dir,
ul.dropdown02 *.dir,
ul.dropdown1 *.dir,
ul.dropdown11 *.dir,
ul.dropdown12 *.dir,
ul.dropdown2 *.dir,
ul.dropdown21 *.dir,
ul.dropdown22 *.dir,
ul.dropdown3 *.dir,
ul.dropdown31 *.dir,
ul.dropdown32 *.dir {
 padding-right: 10px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-vertical ul {
 top: 0px; 
 left: 100%;
}

ul.dropdown-vertical-rtl ul {
 right: 100%;
}

ul.dropdown-horizontal,
ul.dropdown-horizontal01,
ul.dropdown-horizontal02,
ul.dropdown-horizontal1,
ul.dropdown-horizontal11,
ul.dropdown-horizontal12,
ul.dropdown-horizontal2,
ul.dropdown-horizontal21,
ul.dropdown-horizontal22,
ul.dropdown-horizontal3,
ul.dropdown-horizontal31,
ul.dropdown-horizontal32,
ul.dropdown-linear,
ul.dropdown-upward {
 width: 100%;
}

ul.dropdown-horizontal ul *.dir,
ul.dropdown-horizontal01 ul *.dir,
ul.dropdown-horizontal02 ul *.dir,
ul.dropdown-horizontal1 ul *.dir,
ul.dropdown-horizontal11 ul *.dir,
ul.dropdown-horizontal12 ul *.dir,
ul.dropdown-horizontal2 ul *.dir,
ul.dropdown-horizontal21 ul *.dir,
ul.dropdown-horizontal22 ul *.dir,
ul.dropdown-horizontal3 ul *.dir,
ul.dropdown-horizontal31 ul *.dir,
ul.dropdown-horizontal32 ul *.dir {
 padding-right: 25px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-up.png);
}

ul.dropdown-vertical *.dir {
 background-image: url(images/nav-arrow-right.png);
 background-position: 180px 50%;
}

ul.dropdown-vertical ul *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 25x;
 padding-left: 25px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 5px 50%;
}

ul.dropdown-vertical-rtl ul *.dir {
 padding-right: 0;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}