/***
layout.css
***/

/* body hacks */
html, body		{ height: 100%; }
body			{ background: #fff !important; font-family: "Arial", sans-serif; }
#body			{ min-height: 100%; _height: 100%; background: url('/tpl/i/page-bg-left.jpg') left bottom no-repeat; }


/* quickedit hack */
#QE_Toolbar h1		{ margin: 0 !important; }


/* header */
#header			{ width:100%; height:157px; margin:0; bbackground:url('/tpl/i/panoram-2-bg.jpg') left center repeat-x; }
#panoram		{ height: 157px; background: #9dcdf5 url('/tpl/i/panoram-3.jpg') right center no-repeat; }
#logo			{ display: block; left: 5%; top: 35px; position: relative; width: 324px; height: 77px; }
#logo img		{ width: 324px; height: 77px; }
#waves			{ height: 100%; background: url('/tpl/i/waves.png') 3.5% top no-repeat; bborder: 2px solid #c00; }
body.index #header	{ height: 180px; bbackground: url('/tpl/i/panoram-1-bg.jpg') left bottom repeat-x; }
body.index #panoram	{ height: 180px; background: url('/tpl/i/panoram-index.jpg') left bottom no-repeat !important; }
body.index #logo	{ top: 55px; left: 50%; margin-left: -142px; }
body.index #waves       { background-position: center top; }


/* navigation, level 1 */
#nav1			{ width: 100%; height: 30px; margin: 0; background: #666 url('/tpl/i/nav1-bg.png') bottom left repeat-x; font-size: 1.1em; }
#nav1 ul		{ margin: 0 5%; }
#nav1 li		{ float: left; height: 30px; list-style: none; margin: 0; border-right: 1px solid #555; }
#nav1 li.first		{ border-left: 1px solid #555; }
#nav1 li img            { margin-top: -1px; }
#nav1 li.right, #nav1 li.alt { float: right; }

#nav1 a, #nav1 b 	{ float: left; display: block; height: 25px; padding: 5px 10px 0 10px; color: #fff !important; }
#nav1 a:hover	 	{ background: #777 url('/tpl/i/nav1-bg.png') top left repeat-x; }

#nav1 li.current        { background: #fff url('/tpl/i/nav1-current-bg.png') left top repeat-x; position: relative; margin-top: -5px; height: 35px; border-left: 1px solid #fff; border-right: 1px solid #bbb; }
#nav1 li.current a,
#nav1 li.current a:hover,
#nav1 li.current b	{ background: url('/tpl/i/nav1-arrow-current.png') 2px 11px no-repeat; color: #444 !important; text-decoration: none !important; font-weight: bold !important; border-top: 2px solid #fff; padding-top: 2px; padding-left: 16px; line-height: 28px !important; }

#nav1 li.alt.current b,
#nav1 li.alt.current a,
#nav1 li.alt.current a:hover,
body.index #nav1 li.current b,
body.index #nav1 li.current a,
body.index #nav1 li.current a:hover  { background: none !important; padding-left: 10px; }


/* main section's spacing */
#left			{ padding-top: 40px; }
#page			{ padding-top: 35px; }


/* left column */
#left			{ font-size: 0.9em; ppadding-top: 40px !important; padding-bottom: 100px; bbackground: url('/tpl/i/grid-text-14px.png') 0 8px; }
#left .section		{ margin: 0 0 68px 10px; zoom: 1; bbackground: #f8f8f8; bborder: 1px solid #eee; }
#left h3		{ padding-bottom: 10px; }

/* navigation, level 2 */
.nav2 a,
.nav2 b			{ display: block; float: left; line-height: 16px; padding: 2px 15px; margin-bottom: 2px; clear: left; background: url('/tpl/i/nav2-arrow.png') left center no-repeat; }
.nav2 b			{ color: #666; }
.nav2 li		{ font-size: 1.3em; list-style: none; margin: 0 0 10px -15px; overflow: hidden; }
.nav2 a:hover,
.nav2 li.current>a	{ background-image: url('/tpl/i/nav2-arrow-current.png'); }
.nav2 li.current>a	{ font-weight: bold !important; }
.nav2 li ul		{ }
.nav2 li li		{ font-size: 11px; font-family: "Tahoma", sans-serif; margin: 0px 0 0px 15px; clear: both; background: none !important; }
.nav2.smaller           { }
.nav2.smaller li        { font-size: 11px !important; font-family: "Tahoma", sans-serif; margin: 0 0 0 -15px; }
.nav2 li.all a          { background: url('/tpl/i/nav2-docs.png') 1px center no-repeat; font-style: italic; }
.nav2 li.all a:hover    { background-image: url('/tpl/i/nav2-docs-current.png'); }

/* page */
#page			{ padding-bottom: 168px; bbackground: url('/tpl/i/grid-text-16px.png') 0 -1px; }
.breadcrumbs            { padding-top: 5px; margin-bottom: 5px; }
.breadcrumbs a.home     { padding: 0 1px; }
.breadcrumbs a.home img { border-bottom: 1px solid #07b; vertical-align: -2px; }
.breadcrumbs a.home:hover img  { border-color: #fff; }
.breadcrumbs a.B_crumb  { background: url('/tpl/i/breadcrumbs-arr.png') 5px top no-repeat; padding-left: 17px; }
h1#title		{ font-size: 1.9em; line-height: 1.2; font-weight: normal; color: #888; margin-right: 5%; }
h1#title:first-line	{ font-size: 1.1em; }
#page * { bbackground: #fcfcfc; }


/* footer */
#footer_bg		{ background: #888 url('/tpl/i/footer-bg.png') left top repeat-x; margin-top: -90px; position: absolute; width: 100%; }
#footer_bg .container_12{ bbackground: url('/tpl/i/footer-bg-lines.png') left top no-repeat; }
#footer			{ font-size: 0.8em; color: #ddd; margin: 0; width: 100%; height: 70px; padding-top: 20px; background: transparent !important; }
#footer div		{ }
#footer .first p	{ padding-left: 10px; }
#footer a		{ color: #fff !important; }
#footer form, 
#footer fieldset	{ float: left; width: auto; background: #fff; margin: 0; padding: 0; }