@charset "utf-8";
@import "../css/typography.css";
@import "../css/form.css";
/* CSS Document */

html,body {margin: 0px; padding: 0px; background: #EEE url(../images/bg_highlight.jpg) center top no-repeat;}
.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; visibility: hidden;}
.fl {float: left;}
.fr {float: right;}
a img, img {border: none;}
.hide {height: 0px; visibility: hidden; overflow: hidden;}
.breadcrumbs, .breadcrumbs a {color: #666; text-decoration: none;}
html {overflow: -moz-scrollbars-vertical;height: 101%;}
.link-img {background: none !important;}

#container { width: 790px; margin: 0px auto; position:relative;}
#topmenu { overflow: hidden; padding: 2px 0px 10px 0px;  font-size: 12px; display:block; position:relative;}
#topmenu ul {list-style: none; margin: 0px; padding:0px }
#topmenu li { float: left; margin: 0px 0px 0px 2px; padding-left: 3px;}
#topmenu a { color:#888; text-decoration: none;}
#topmenu li:hover a { color:#FFF; text-decoration: none;}
#topmenu .text { line-height: 35px; display:block; padding: 0px 15px 0px 12px; letter-spacing: -0px;}
#topmenu li:hover{background: url(../images/topmenu2-left.gif) left top; }
#topmenu li:hover .text {background: url(../images/topmenu2-right.gif) right top; color: #FFF}
#topmenu .current, #topmenu .current:hover {background: url(../images/topmenu-left.gif) left top; }
#topmenu .current .text, #topmenu .current:hover .text {background: url(../images/topmenu-right.gif) right top; color: #FFF;}
#topmenu .section, #topmenu .section:hover {background: url(../images/topmenu-left.gif) left top; }
#topmenu .section .text, #topmenu .section:hover .text {background: url(../images/topmenu-right.gif) right top; color: #FFF;}
#search-form-text {position: absolute; top: 2px; line-height: 35px; left: 620px;}

#logo-bar {position: relative; height:105px; display:block; width:790px;}
#company-logo {background:url(../images/logo-pneb.gif) no-repeat; width: 244px; height: 66px; position: absolute; top: 0px; left: -80px;}

#flashmenu { margin: 0px 15px 0px 0px;}
#flashmenu a { color: #FFF; text-decoration: none;}
#flashmenu ul {list-style: none; padding: 0px; margin: 0px; background:url(../images/bannerbtn_mid.gif) repeat-x top; overflow: hidden; display: inline; float:right;}
#flashmenu .cornerleft { float: right; height: 37px; width:3px; background:url(../images/bannerbtn_left.gif) no-repeat left top; }
#flashmenu .cornerright { float: right; height: 37px; width:3px; background:url(../images/bannerbtn_right.gif) no-repeat right top; }
#flashmenu li { float: left; height: 37px; background:url(../images/bannerbtn_seperator.gif) no-repeat right top; }
#flashmenu .last {background: none !important; }
#flashmenu .text { height: 37px; line-height: 37px; font-size: 70%; padding: 0px 16px 0px 14px; display:block; float:left;}
#flashmenu .focus { background:url(../images/bannerbtn_focus.gif) no-repeat left top;}

.page-banner {width: 770px; margin: 0px auto; background:url(../images/banner-middle.jpg) repeat-y; display: block; clear: both; overflow: hidden;}
.page-banner .inner {background:url(../images/banner-top.jpg) top no-repeat;}
.page-banner .container {background:url(../images/banner-bottom.jpg) bottom no-repeat; padding: 5px 3px 1px 3px; text-align: center; overflow: hidden;}

#page-layout-bg {background:url(../images/pagelayout-middle.jpg) repeat-y center; width: 790px; margin: 10px auto 0px;}
#page-layout {background:url(../images/pagelayout-top.jpg) no-repeat top center; overflow: visible; padding-bottom: 50px; position:relative; height: 1%;}
#page-layout-bottom {background:url(../images/pagelayout-bottom.jpg) top no-repeat; height: 13px; width: 770px; margin: 0px auto; position:relative}
#page-layout-side {background:url(../images/pagelayout-side.gif) top no-repeat; height: 74px; width: 900px; position:absolute; top: -50px; left:-65px; z-index: 2;}
#page-tools {position: absolute; top: 10px; left:0px; width: 765px; text-align:right; font-size: 10px; }
#page-tools a{ text-decoration: none; color:#999; float:right;}
#btn-page-print{ background:url(../images/treeicons/print-page.gif) no-repeat; width: 22px; height: 16px; text-indent: -9999em; font-size: 0px; display:block;}
#sub-menu {float: left; width: 168px; display:block; font-size: 11px;}
#sub-menu a {color:#8C8C8C; text-decoration: none;}
#sub-menu ul { list-style: none; padding: 20px 0px; margin: 0px 0px 0px 4px;}
#sub-menu li:hover { background:url(../images/subnav_1.gif) no-repeat;}
#sub-menu .current, #sub-menu .current:hover { background:url(../images/subnav_2.gif) no-repeat;}
#sub-menu li:hover a { color: #8C8C8C;}
#sub-menu .current a, #sub-menu .current:hover a { color:#FFF;}
#sub-menu .text { display: block; line-height: 39px; padding-left: 20px;}

#page-content {width: 530px; display:block; float: left; margin-left: 30px; padding: 20px 0px;}

#bar-footer {background: url(../images/pagefooter-bg.jpg) top center no-repeat; padding: 20px 25px 10px 25px; overflow: hidden; display:block;}
#contact-question-qneb {display: block; width: 302px; line-height:  37px; background:url(../images/contact-question-qneb.gif) no-repeat center; text-indent: -9999em;}
#btn-login .text{ display: block; width: 141px; line-height:  37px; background:url(../images/btn-login.gif) no-repeat; text-indent: -9999em;}
#btn-login:hover .text{ background:url(../images/btn-login-f2.gif) no-repeat;}

#page-footer {padding: 0px 25px 10px 25px; overflow: hidden; color:#A8A8A8;}
#slogo-qneb .text { display: block; width: 50px; line-height:  35px; background:url(../images/logo-small-pneb.gif) no-repeat; text-indent: -9999em;}
#copyright-text {font-size: 11px; color:#A8A8A8; margin-bottom: 6px;}
#designer-company .text {display: block; background: url(../images/logo-gillespie.gif) no-repeat; width: 76px; line-height: 13px; text-indent: -9999em;}

#footer-menu {list-style: none; padding: 0px; margin: 0px; overflow: hidden; display: inline; float:right; font-size: 11px;}
#footer-menu a { text-decoration: none; color: #A8A8A8;}
#footer-menu .text { display:block; padding: 2px 10px;}
#footer-menu li { float: left; height: 37px;}

#find-out-more-button { width:141px; height:38px; display:block; background:url(../images/find-out-more-btn.gif);}

.typography .flash-box { padding-bottom:30px; margin-bottom:40px; background:url(../images/divider.gif) no-repeat bottom center;}
.pave-photo-div { float: right; background:url(../images/photo-frame-bg.gif) top repeat-x #FDFDFD; padding: 10px 10px 6px 10px; border: #E1E1E1 1px solid; margin: 0px 0px 10px 20px; -moz-border-radius: 5px;}
.pave-lphoto-div { float: left; background:url(../images/photo-frame-bg.gif) top repeat-x #FDFDFD; padding: 10px 10px 6px 10px; border: #E1E1E1 1px solid; margin: 0px 5px 10px 5px; -moz-border-radius: 5px;}
.page-photo-text { color: #888; font-size: 11px; line-height: 1.4em; text-align:left; text-transform: uppercase; cursor: pointer;}

#animatedcollapseArea .list-item-shown { width:525px }
#animatedcollapseArea .list-item-shown  h2 { height:25px; display:block; width:515px; font-size:12pt;padding:5px 0 0 10px;}
#animatedcollapseArea .children-box {}

/* ORDER RESOURCE PAGE */
#resource-items {overflow: hidden;}
#resource-items .resource-item {float: left; margin: 0px 10px 10px 0px; background:url(../images/photo-frame-bg.gif) top repeat-x #FDFDFD; padding: 6px; border: #E1E1E1 1px solid;  -moz-border-radius: 5px;}
#resource-items .image { display:block; clear:both; text-align: center; margin-bottom: 10px;}
#resource-items .title {float: left; width: 80px; font-size: 12px; line-height: 1.2em; margin-right: 10px; height: 2.4em; overflow: hidden;}
#resource-items .input { float: left; margin-top: 0.2em;}
#resource-items .item-input {width: 50px; font-size: 1em;}

#tbDocumentPage td { height:50px ; vertical-align:middle}
#tbDocumentPage .header { height:33px; background:url(../images/press-header-bg.gif) repeat-x top left; 
                         border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9; padding:0px;}
						 
#tbDocumentPage .cell-left{ border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding-left:25px;}		
#tbDocumentPage .cell-right{ border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-right:10px;}
#tbDocumentPage .cell-middle { border-bottom:1px solid #e9e9e9; text-align:left;}			
#tbDocumentPage .odd td { background-color:#f8f8f8;}			
#tbDocumentPage .cell-right .view-button { width:81px; height:25px; background:url(../images/view-button.gif) no-repeat top left;}

#SearchNavBar  { background: #F8F8F8; border: #E1E1E1 1px solid; -moz-border-radius: 3px; padding: 4px 10px; overflow: hidden; margin: 2.2em 0px;}
#SearchNavBar a{ background: none !important;}
#SearchNavBar .text {float: left;}
#SearchNavBar .buttons {float: right;}
#SearchNavBar .next { background: url(../images/btn-page-next.gif) bottom no-repeat; width: 15px; height: 17px; margin-left: 15px; text-indent: -99999em; display:block; overflow:hidden; line-height: 1em;}
#SearchNavBar .prev { background: url(../images/btn-page-back.gif) bottom no-repeat; width: 15px; height: 17px; margin-left: 15px; text-indent: -99999em; display:block; overflow:hidden;line-height: 1em;}

.sresult-seperator {margin: 2em 0px !important;}

#btn-ask-question {background:url(../images/bt_ask_0.gif) no-repeat; width: 141px; height: 38px; text-indent: -9999em; display:block;}
#btn-ask-question:hover {background:url(../images/bt_ask_1.gif) no-repeat;}
#btn-order-resource {background:url(../images/bt_order_0.gif) no-repeat; width: 141px; height: 38px; text-indent: -9999em; display:block;}
#btn-order-resource:hover {background:url(../images/bt_order_1.gif) no-repeat;}
.home-child .inner {padding-top: 0px; overflow: hidden;}

#cover-inner span { display: none;}