@charset "UTF-8";


/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */


	/********* First-level expected directory tag - li 

	ul.dropdown li {
	 padding: 5px;
	}

	ul.dropdown *.dir {
	 padding-right: 30px;
	}

		****---- Non-first level ----****
		ul.dropdown ul *.dir {
		 padding-right: 15px;
		 background: url(../../images/core/arrow_pink.gif) right no-repeat;
		}

		ul.dropdown ul ul *.dir {
		background: url(../../images/core/arrow_pink.gif) right no-repeat;
		}


	****--- Components override ----****

	ul.dropdown-vertical *.dir {
	background: url(../../images/core/arrow_pink.gif) right no-repeat;
	}

	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 15px;
	 background: url(../../images/core/arrow_pink.gif) right no-repeat;
	}

*/

/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */



	/* ALL LEVELS (incl. first) */

	ul.dropdown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

		ul.dropdown li {
		 /*background-color: #ffffff;*/
		 color: #666666;
		 
		}
                                ul.dropdown li.hover,
                                ul.dropdown li:hover {
                                /*background-color:#F2F2F2;*/
                                }
                                
                                ul.dropdown li ul li:hover {
                                background-color:#F2F2F2;
                                }


		/* Links */

		ul.dropdown a:link,
		ul.dropdown a:visited {color: #666666; text-decoration: none;}
		ul.dropdown a:hover {/*background-color:#F2F2F2;*/ color: #666666;}

		ul.dropdown ul a.dir:hover { /* proposal */
		 background-color: #F2F2F2;
		 color: #666666;
		}

		ul.dropdown a:active {
		 background: #ffffff /*url(../../images/core/arrow_dropdown.gif) right no-repeat !important;*/
		 color: #666666;
		}


		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 right: auto;
		 left: 0;
		 width: 150px;
		 margin-top: -3px;
		 font-family:Gill Sans MT, Arial;
		 font-size:11px;
		 font-weight:normal;
		 color:#666666;
		 border:1px solid #896476;
		}

			ul.dropdown ul li {
			 background-color: #ffffff;
			 color:#666666;
			 border-bottom:1px solid #cccccc;
			}

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: -1px;
		 font-weight: normal;
		 border:1px solid #896476;
		}

			ul.dropdown ul ul li {
			 background-color: #ffffff;
			 
			 
			}

		ul.dropdown ul ul ul li {
		 background-color: #ffffff;
		 color:#666666;
		}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 0px;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #cccccc #cccccc #cccccc; border-left: none; }

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #cccccc #cccccc #cccccc; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #cccccc #cccccc #cccccc; }



.arrow_dir { background:url(../../images/core/arrow_dropdown.gif) right no-repeat;}


/* Custom elements 

#n-movies { width: 250px; text-align: center; }
#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
#n-movies ul ul { left: 249px; width: 150px; }
#n-movies ul a { width: 232px; }
#n-movies ul a.dir { width: 210px; }
#n-movies ul ul a { width: 133px; }
#n-movies ul ul a.dir { width: 111px; }
#n-movies ul ul ul { left: 100%; }

*/



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 0px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding:5px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding:0;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #ffffff;
}
ul.dropdown ul *.open {
 background:#FFFFFF url(../../images/core/arrow_pink.gif) right no-repeat;
 color: #666666;
}
ul.dropdown ul ul *.open {
 background: #ffffff url(../../images/core/arrow_pink.gif) right no-repeat;
 color: #666666;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #ffffff;
 color: #666666;
}
ul.dropdown ul a.open:hover {
 background: #ffffff url(../../images/core/arrow_pink.gif) right no-repeat;
 color: #666666;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #ffffff;
}
ul.dropdown ul li:hover > *.dir {
 background: #ffffff url(../../images/core/arrow_pink.gif) right no-repeat;
}
ul.dropdown ul ul li:hover > *.dir {
 background: #ffffff url(../../images/core/arrow_pink.gif) right no-repeat;
 color: #666666;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #ffffff;
 color: #666666;
}
ul.dropdown ul li:hover > a.dir:hover {
 color: #666666;
 background: #ffffff url(../../images/core/arrow_pink.gif) right no-repeat;
}




/*------------------------------helper.css-------------------------*/
cite { float: right; }
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }
.table1 { float: right; margin-bottom: 2em; border: solid 1px #eee; }
.table1 caption { color: #fff; text-align: center; padding-bottom: 5px; }
.table1 th, .table1 td { padding: 7px; }
.table1 th, .table1 thead td { background-color: lightyellow; color: #000; }
.table1 tbody td { background-color: #fff; color: #000; }
.table1 tbody th { text-align: right; }