html { }
body { font-family: 'Trebuchet MS'; color: rgb(51, 51, 51); font-size: 0.80em; height: 100%; background: #DDD; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F9F9F9),color-stop(1,#D5D5D5)); background: -moz-linear-gradient(top,#F9F9F9,#D5D5D5); background: -o-linear-gradient(#F9F9F9,#D5D5D5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#D5D5D5'); background-image: url('../img/bg_dotted.png'); }

a:link { text-decoration: none; color: #437ECC; /*color: rgb(102, 102, 102);*/ }
a:hover { text-decoration: underline; }
a:visited { }
a:active { }

p { margin-bottom: 10px; line-height: 1.6em; }
.fright { float: right; }
.fleft { float: left; }
.txt-align-center { text-align: center; }
.txt-align-left { text-align: left; }
.txt-align-right { text-align: right; }
.txt-align-justify { text-align: justify; }

.example-block { background: #808080; font-size: 10px; overflow: hidden; margin-bottom: 20px; padding: 10px 0; text-align: center; }

/*.grid-container { padding-bottom: 20px; }
	.grid-container > hr { margin-left: 10px; margin-right: 10px; }*/

div[class*="push-"] section { background: #ddeecc; }
div[class*="pull-"] section { background: #ffccdd; }

.dynamic-px-width { display: block; }

#header { color: rgb(233, 233, 233); background-color: #437ECC; border: 1px solid #224F91; box-shadow: 0 0 15px rgba(0,0,0,.1) inset,0 1px 1px rgba(0,0,0,.3) inset,0 0 0 rgba(0,0,0,.2); -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.50); box-shadow: 3px 3px 25px rgba(0,0,0,0.5); }
	#header h1 { margin: 18px 0 0 0px; padding: 0px 0px 0px 20px; }
	#header h2 { margin: 30px 0 0 0px; text-align: center; }
	#header a { color: rgb(233, 233, 233); text-decoration: none; }
		#header a:visited { text-decoration: none; }
		#header a:hover { text-decoration: underline; }
		#header a:active { text-decoration: none; }
	#header .toplinks { padding: 5px 5px 0 0; text-align: right; }

#lavalamp { margin-bottom: 4px; }
	#lavalamp ul { }
	#lavalamp li { float: left; list-style: none; }
		#lavalamp li.current { font-weight: bold; }
		#lavalamp li.back { border-bottom: 2px solid rgb(233, 233, 233); width: 9px; height: 23px; z-index: 8; position: absolute; }
		#lavalamp li a { padding: 2px 5px; color: rgb(233, 233, 233); text-decoration: none; z-index: 10; position: relative; }
			#lavalamp li a:hover, #lavalamp li a:active, #lavalamp li a:visited { border: none; text-decoration: none; }

.side-nav-header { background: #e9e7e7; padding: 5px 15px; margin: 0; border: solid 1px #c4c4c4; font-size: 1.1em; font-weight: bold; line-height: 2.0em; }
	.side-nav-header .lbl { padding: 5px 0px 0px 8px; text-align: left; }
	.side-nav-header img { position: relative; bottom: 5px; }
.side-nav-content { background: #EFEFEF; background: -moz-linear-gradient(top,#FFFFFF,#EFEFEF); background: -webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#EFEFEF)); margin: 0; padding: 10px 10px 5px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #c4c4c4; border-bottom-color: #c4c4c4; border-left-color: #c4c4c4; }

	.side-nav-content ul { padding: 0; margin: 0px; }
		.side-nav-content ul li { list-style-type: none; display: block; border-bottom: 1px solid #e0e0e0; }
			.side-nav-content ul li:last-child { border-bottom: none; }
			.side-nav-content ul li a { display: block; text-decoration: none; color: rgb(102, 102, 102); line-height: 1.3em; padding: 8px 0 8px 10px; background: url('../img/marker.gif') no-repeat left center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -transition: all .2s ease-in-out; }
				.side-nav-content ul li a:hover { display: block; color: #437ECC; text-indent: 10px; font-weight: bold; background: url('../img/marker1.gif') no-repeat left center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -transition: all .2s ease-in-out; }
				.side-nav-content ul li a.selected { color: #437ECC; font-weight: bold; text-indent: 10px; background: url('../img/marker1.gif') no-repeat 10px center; }

#main-contents { min-height: 632px; background-color: #fff; padding: 5px; margin-top: 5px; margin-bottom: 5px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 15px rgba(0,0,0,.1) inset,0 1px 1px rgba(0,0,0,.3) inset,0 0 0 rgba(0,0,0,.2); -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.50); box-shadow: 3px 3px 25px rgba(0,0,0,0.5); }

#footer { height: 50px; color: rgb(233, 233, 233); border: 1px solid #224F91; background-color: #29599A; box-shadow: 0 0 15px rgba(0,0,0,.1) inset,0 1px 1px rgba(0,0,0,.3) inset,0 0 0 rgba(0,0,0,.2); }
	#footer span { padding: 5px; line-height: 45px; }
	#footer a { color: rgb(233, 233, 233); text-decoration: none; font-weight: bold; }
		#footer a:visited { text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		#footer a:active { text-decoration: none; }
	#footer ul { list-style: none; margin: 0px; padding: 0px; text-align: center; line-height: 45px; }
		#footer ul li { display: inline-block; }
			#footer ul li a { color: rgb(233, 233, 233); text-decoration: none; white-space: nowrap; font-size: 1.0em; }
				#footer ul li a:visited { text-decoration: none; }
				#footer ul li a:hover { text-decoration: underline; }
				#footer ul li a:active { text-decoration: none; }
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }

	ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
		ul.dropdown li.hover,
		ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }

	ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
		ul.dropdown ul li { float: none; }
		ul.dropdown ul ul { top: 1px; left: 99%; }

	ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown-vertical { width: 235px; }
	ul.dropdown-vertical ul { top: 1px; left: 99%; }
	ul.dropdown-vertical li { float: none; }
	
	ul.dropdown li { padding: 7px 10px; border-style: solid; border-width: 1px; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000; }
		ul.dropdown li.hover,
		ul.dropdown li:hover { background-color: #eee; color: #000; }

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #000; text-decoration: none; }
	ul.dropdown a:hover { color: #000; }
	ul.dropdown a:active { color: #ffa500; }

	/* -- level mark -- */
	ul.dropdown ul { width: 150px; margin-top: 1px; }
		ul.dropdown ul li { font-weight: normal; }
	ul.dropdown *.dir { padding-right: 20px; background-image: url('../img/nav-arrow-down.png'); background-position: 100% 50%; background-repeat: no-repeat; }

/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(../img/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown-upward *.dir { background-image: url(../img/nav-arrow-top.png); }
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir { background-image: url(../img/nav-arrow-right.png); }
ul.dropdown-vertical-rtl *.dir { padding-right: 10px; padding-left: 15px; background-image: url(../img/nav-arrow-left.png); background-position: 0 50%; }