/* ## -- general -- ## */
html, body, form, fieldset { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
html { overflow: -moz-scrollbars-vertical; background: url('../images/pb-background.png') repeat-x 0 bottom fixed; } 
body { display:block; min-height:800px; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; z-index:0; }
table, table tr td { margin:0; padding:0; border:none; }
ul, ul li { margin:0; padding:0; list-style-type:none; }
a { text-decoration:none; color:#80c74d; }
hr { margin:0 0 21px 0; padding:0; height:0; size:1; color:#d9d9d9; background:none; }
p { margin:0; padding:0; line-height:16px; }

div.clearboth { clear:both; margin:0; padding:0; height:0; }

/* ## -- div background -- ## */
div#background-left { width:340px; height:750px; /* background:url('../images/pb-background-left.png') no-repeat bottom left; */ position:absolute; top:165px; left:1px; z-index:1; }
div#background-right { width:340px; height:750px; /* background:url('../images/pb-background-right.png') no-repeat bottom left; */ position:absolute; top:165px; right:1px; z-index:1; }

/* ## -- div page -- ## */
div#page { text-align:left; margin:10px auto auto; padding:0px; width:792px; min-height:800px; position:relative; z-index:2; }

/* ## -- div header -- ## */
div#header { margin:0 auto; width:774px; min-height:52px; padding-bottom:10px; }
div#header span { float:right; color:#7f7f7f; margin:15px 4px 0 0; }
div#header a.mail { float:right; text-decoration:none; margin:15px 0 0 4px; }
div#header a.logo { float:left; background:url('../images/pb-logo-transparent.png') no-repeat; width:178px; height:52px; }
div#header a.logo { _background:url('../images/pb-logo-.jpg') no-repeat; }
div#header a:hover { text-decoration:underline; }

/* ## -- div timeline -- ## */
a.button-resize { left:753px; top:9px; display:block; position:absolute;  width:12px; height:12px; }
a.button-resize.plus { background:url('../images/pb-button-resize-plus.gif') no-repeat; }
a.button-resize.min { background:url('../images/pb-button-resize-min.gif') no-repeat; }

a.button-resize-dark { width:12px; height:12px; display:block; float:right; } 
a.button-resize-dark.plus { background:url('../images/pb-button-resize-min-dark.gif') no-repeat; }
a.button-resize-dark.min { background:url('../images/pb-button-resize-min-dark.gif') no-repeat; }

div#timeline { width:774px; margin:0 auto; padding:0px; background:url('../images/pb-timeline.jpg') no-repeat; border:0; height:250px; position:relative;  font-family:verdana; font-size:11px; color:#ff0000; overflow:hidden; }

table.scrollbar { position:absolute; left:10px; top:214px; width:754px; height:20px; padding:0; margin:0; }
table.scrollbar .left-border { width:5px; }
table.scrollbar .middle-border { position:relative; }
table.scrollbar .right-border { width:45px; }

table.scrollbar a.button { width:20px; height:20px; display:block; float:left; margin-left:1px; text-align:center; line-height:20px; text-decoration:none; }
table.scrollbar a.button.scrollLeft { margin-left:4px; }
table.scrollbar a.button.scrollLeftDown { background:url('../images/pb-scroll-left.png') no-repeat; }
table.scrollbar a.button.scrollRightDown { background:url('../images/pb-scroll-right.png') no-repeat; }

table.scrollbar a.handler { background:url('../images/pb-handler-left.png') no-repeat; height:20px; width:244px; position:relative; left:0px; display:block; color:#ffffff; text-align:center; }
table.scrollbar span { background:url('../images/pb-handler-right.png') no-repeat right 0; margin:0 0 0 10px; display:block; }
table.scrollbar span span { background:url('../images/pb-handler-middle.png') repeat-x; margin:0 10px 0 0; display:block; height:20px; }
table.scrollbar span span img { border:0; }

table.scrollbar tr td { overflow:hidden; height:10px; }

div#projects { position:relative; top:25px; height:185px; width:774px; overflow:hidden; } 
div#projects ol { background:url('../images/pb-timeline-date.jpg') repeat-x 0 -10px; margin:0; position:relative; top:90px; padding:0px; height:30px; } 

div#projects ol li { list-style:none; float:left; display:block; background:url('../images/pb-timeline-date.jpg') no-repeat center -10px; position:relative; top:5px; margin-left:80px; }
div#projects ol li span { display:block; color:#539332; font-weight:bold; width:60px; text-align:center; margin:10px 0; }
div#projects ol li.first { margin-left:20px; } 
div#projects ol li.new-year { background-position:center -5px; } 
div#projects ol li.new-year span { margin-top:15px; } 

div#projects ol li ul { margin:0 25px 0; padding:0; position:absolute; top:-88px; } 
div#projects ol li ul li { margin:0; padding:0 0 0 10px; list-style:none; display:block; min-width:110px; position:absolute; } 
div#projects ol li ul li a:hover { text-decoration:underline; }
div#projects ol li ul li a { font-family:verdana; font-size:11px; color:#ffffff; text-decoration:none; text-align:center; width:auto; padding:0; position:relative; margin:0 0 5px; } 
div#projects ol li ul li.top { background:url('../images/pb-timeline-project.gif') no-repeat 0 top; }  
div#projects ol li ul li.top a { top:-8px; } 
div#projects ol li ul li.bottom { background:url('../images/pb-timeline-project.gif') no-repeat 0 bottom; } 
div#projects ol li ul li div.project-info { display:none; }

div.gradient-left { position:absolute; /* background:transparent url(../images/pb-gradient-left.png) no-repeat; */ width:35px; height:185px; z-index:5; top:24px;  }
div.gradient-right { position:absolute; /* background:transparent url(../images/pb-gradient-right.png) no-repeat; */ width:35px; height:185px; z-index:5; top:24px; left:739px;  }

table#messages-top { width:792px; }
table#messages-top td.left { width:18px; height:35px; }
table#messages-top td.left span { display:block; width:18px; height:35px; /* background:url('../images/pb-messages-top-left.png') no-repeat; */ }
table#messages-top td.middle { width:100%; background:url('../images/pb-messages-top-middle.png') repeat-x; }
/* table#messages-top td.middle img { margin-top:4px; } */
table#messages-top td.right { width:18px; height:35px; }
table#messages-top td.right span { display:block; width:18px; height:35px; /* background:url('../images/pb-messages-top-right.png') no-repeat; */ }

/* ## -- div projectsTicker -- ## */
div#projectsTicker { position:absolute; height:30px; width:670px; display:none; }
div#projectsTicker label { display:block; width:70px; padding-left:10px; line-height:27px; font-family:Verdana, arial; color:#FFF; font-size:12px; font-weight:bold; }
div#projectsTicker div.content { margin:0; padding:0; float:right; width:580px; height:27px; overflow:hidden;  }
div#projectsTicker div.content ul{ padding:0; margin:0; font-family:Verdana, arial; color:#FFF; font-size:12px;  }
div#projectsTicker div.content ul li{ padding:0; margin:0; list-style:none; line-height:27px; }
div#projectsTicker div.content ul li a{  color:#ffffff; text-decoration:none; }
div#projectsTicker div.content ul li a:hover{  text-decoration:underline; }
div#projectsTicker div.content ul li div.project-info { display:none; }

/* ## -- div messages -- ## */
table#messages tr td.left { width:9px; height:1px; /* background:url('../images/pb-messages-middle-left.png') 0 0; */ }
table#messages tr td.middle { width:774px; height:1px; }
table#messages tr td.right { width:9px; height:1px; /* background:url('../images/pb-messages-middle-right.png') 0 0; */ }

table#messages tr td.middle ul li { font-size:12px; color:#7f7f7f; clear:both; }
table#messages tr td.middle ul li img { float:left; margin:0 10px; }
table#messages tr td.middle ul li span { font-size:12px; color:#3d3b3c; padding-left:16px; }
table#messages tr td.middle ul li.zebra-dark { background:#eaf2db; }

table#messages-footer tr td.left { width:682px; height:54px; background:url('../images/pb-messages-footer-left.png') -1px 0; position:absolute; top:0px; left:0px; }
table#messages-footer tr td.top { width:94px; height:12px; background:url('../images/pb-messages-footer-top.png') 0 0; position:absolute; top:0px; right:17px; }
table#messages-footer tr td.middle { width:92px; height:19px; position:absolute; top:12px; right:17px; }
table#messages-footer tr td.bottom { width:94px; height:23px; background:url('../images/pb-messages-footer-bottom.png') 0 0; position:absolute; top:31px; right:17px; }
table#messages-footer tr td.right { width:18px; height:54px; background:url('../images/pb-messages-footer-right.png') 0 0; position:absolute; top:0px; right:-1px; }

table#messages-footer tr td.middle a { position:absolute; }
table#messages-footer tr td.middle a.left { width:53px; height:19px; background:url('../images/pb-messages-buttons-left.jpg') 0 0; left:-2px; }
table#messages-footer tr td.middle a.middle { width:20px; height:19px; background:url('../images/pb-messages-buttons-middle.jpg') 0 0; left:51px; }
table#messages-footer tr td.middle a.right { width:21px; height:19px; background:url('../images/pb-messages-buttons-right.jpg') 0 0; left:71px; }

a.movedown { display:block; position:absolute; left:754px; top:12px; background:url('../images/pb-scrollupdown.gif') no-repeat -25px -25px; width:20px; height:20px; }
a.movedown-down { background:url('../images/pb-scrollupdown.gif') no-repeat -25px 1px; }
a.moveup { display:block; position:absolute; left:736px; top:12px; background:url('../images/pb-scrollupdown.gif') no-repeat 0 -25px; width:19px; height:20px; }
a.moveup-down { background:url('../images/pb-scrollupdown.gif') no-repeat 0px 1px; }

div#shoutbox { position:relative; width:100%; height:165px; overflow:hidden; background:#ffffff; border-bottom:1px solid #9f9f9f; }
div#shoutbox table { color:#3D3B3C; font-size:12px; font-family:Verdana, arial; }
/* div#shoutbox table tr.zebra-dark { background:#eaf2db; } */
/* div#shoutbox tr td.image { width:58px; height:55px; text-align:center; }
div#shoutbox tr td.shout { padding:4px 4px 0 0; text-align:left;  }
div#shoutbox tr td.shouter { padding:0 4px 4px 0;  font-size:11px; color:#7F7F7F; }
div#shoutbox tr td.shouter span.shouter { display:block; width:100%; height:20px; padding-top:10px; vertical-align:text-bottom; background:#EAF2DB; } */

ul.shoutbox li { float:left; width:100%; height:50px; padding-top:5px; display:block; }
ul.shoutbox li fieldset { margin-right:10px; }
ul.shoutbox li span.shouter-name { float:left; }
ul.shoutbox li span.shout { clear:both; float:left; background:#eaf2db; width:100%; height:30px; }

ul.shoutbox li table.shout { clear:both; float:left; width:100%; height:30px; background:#eaf2db url('../images/pb-shoutbox-pointer.gif') no-repeat 0 0; }
ul.shoutbox li table.shout td { vertical-align:middle; padding-left:16px; line-height:13px; }

table#messages tr td.middle ul.shoutbox li span.shouter-picture { float:left; margin-right:2px; width:45px; height:45px; margin:0 2px 0 10px; }
table#messages tr td.middle ul.shoutbox li img.shouter-picture { float:left; margin-right:2px; width:45px; height:45px; margin:0 2px 0 10px; }

table#messages tr td.middle ul.shoutbox li span.shouter { float:left; width:35px; margin-left:10px; }
/* table#messages tr td.middle ul.shoutbox li img.shouter-picture { display:block; width:35px; margin-left:10px; } */
table#messages tr td.middle ul.shoutbox li span#shouter-picture { display:block; width:35px; margin-left:10px; }

div.messages-bottom { position:relative; z-index:1; }
table#messages-bottom { width:792px; position:absolute; }
table#messages-bottom td.left { width:18px; height:54px; overflow:hidden; vertical-align:top; }
table#messages-bottom td.left span { display:block; width:18px; height:54px; }
table#messages-bottom td.middle { width:100%; height:54px; overflow:hidden; }

table#messages-bottom td.middle img { width:758px; height:54px; margin:0 -3px 0 0; }

table#messages-bottom td.right { width:18px; height:54px; overflow:hidden; vertical-align:top; }
table#messages-bottom td.right span { display:block; width:18px; height:54px; }

/* ## -- div columns -- ## */
div.columns { margin:30px auto 0 auto; width:774px; position:relative; }
table#columns { background:#e9f1d9; }
table#columns tr td.left { background:#e9f1d9 url('../images/pb-column-line.gif') repeat-y; vertical-align:top;  }
table#columns tr td.left div.caption { background: url('../images/column-products-header.jpg') no-repeat 0 0; margin:31px 0 10px 0; height:20px; border-bottom:1px solid #7f7f7f; }
table#columns tr td.left ul li { background:url(../images/pb-news-icon.gif) no-repeat 0 5px; }

table#columns tr td.middle { background:#cecece; width:1px; }

table#columns tr td.right { background:#ffffff url(../images/pb-column-line.gif) repeat-y right 0;  vertical-align:top; }
table#columns tr td.right div.caption { background: url(../images/column-jobs-header.jpg) no-repeat 0 0; margin:31px 0 10px 0; height:20px; border-bottom:1px solid #7f7f7f; }
table#columns tr td.right ul li { background:url(../images/pb-jobs-icon.gif) no-repeat 0 5px; }

table#columns tr td ul { margin-left:15px; }
table#columns tr td ul li { padding:0px 25px; line-height:18px;  color:#7f7f7f; font-size:12px; margin-bottom:10px; }
table#columns tr td ul li.small { background:transparent; padding:0 10px 0 0; }

table#columns tr td h2 { font-size:12px; font-family:Verdana, arial; margin:0; }
table#columns tr td a { color:#7f7f7f; text-decoration:underline; }
table#columns tr td p { margin:0; font-family:Verdana, arial; } 

table#columns tr td.right a.changeToOverview { position:absolute; display:block; height:18px; width:22px; top:13px; left:535px; background:url(../images/pb-jobs-button.gif) no-repeat -69px -22px; }
table#columns tr td.right a.changeToOverview-down { background:url(../images/pb-jobs-button.gif) no-repeat -69px 0; }
table#columns tr td.right a.changeToJobs { position:absolute; display:block; height:18px; width:69px; top:13px; left:466px; background:url(../images/pb-jobs-button.gif) no-repeat 0 -22px; }
table#columns tr td.right a.changeToJobs-down { background:url(../images/pb-jobs-button.gif) no-repeat 0 0; }

table#columns tr td.left a.changeToOverview { position:absolute; display:block; height:18px; width:18px; top:13px; left:0px; background:url(../images/pb-news-button.gif) no-repeat 0 -22px; }
table#columns tr td.left a.changeToOverview-down { background:url(../images/pb-news-button.gif) no-repeat 0 0; }
table#columns tr td.left a.changeToNews { position:absolute; display:block; height:18px; width:88px; top:13px; left:18px; background:url(../images/pb-products-button.gif) no-repeat -18px -22px; }
table#columns tr td.left a.changeToNews-down { background:url(../images/pb-products-button.gif) no-repeat -18px 0; }

table#columns tr td div.changeToBar { position:relative; width:100%; min-width:553px; border-bottom:1px solid #9f9f9f; height:38px; margin:0 0 10px 0; overflow:hidden; }

/* -- # list item # -- */
table#columns tr td.left ul.list-items li { background:none; list-style-type:disc; padding:0 25px 0 5px; color:#414141; }

div.corner { position:absolute; }
img.column-corner-left { position:absolute; left:0px; bottom:0px; }
img.column-corner-right { position:absolute; right:-774px; bottom:0px; }

table#columns tr td div.item-content { font-size:12px; font-family:Verdana, arial; color:#414141; margin:13px 10px 0 10px; display:none; }

table.ticker { position:relative; width:100%; margin:0 0 10px 0; padding:0; border-bottom:1px solid #7f7f7f; }
table.ticker tr td { vertical-align:top; }
table.ticker tr td.titleNews { width:75px; }
table.ticker tr td.titleJobs { width:100px; }
table.ticker tr td.headline { line-height:20px; display:none; }
table.ticker tr td.close { width:12px; text-align:right; }
table.ticker tr td.close a { text-decoration:none; }

/* ## -- table footer -- ## */
table#footer { width:776px; margin:0 auto 20px; clear:both; font-size:11px; color:#7f7f7f; }
table#footer tr#top td.left span { width:10px; height:10px; background:url('../images/pb-footer-top-left-.png') no-repeat top left; display:block; overflow:hidden; }
table#footer tr#top td.middle { width:100%; height:10px; background:#ffffff url('../images/pb-footer-top-middle.jpg') repeat-x; overflow:hidden; }
table#footer tr#top td.right span { width:10px; height:10px; background:url('../images/pb-footer-top-right-.png') no-repeat top right; display:block; overflow:hidden; }

table#footer tr#middle td.left { width:10px; height:1px; background:#ffffff url('../images/pb-footer-middle-left.jpg') repeat-y; }
table#footer tr#middle td.middle { background:#ffffff; }
table#footer tr#middle td.right { width:10px; height:1px; background:#ffffff url('../images/pb-footer-middle-right.jpg') repeat-y; }

table#footer tr#middle td.middle div.footer-page { clear:both; height:0; overflow:hidden; }
table#footer tr#middle td.middle div.footer-page a.footer-close { display:block; background:transparent url(../images/ipopup/close.gif) no-repeat scroll 0 -13px; margin-top:10px; float:right; height:12px; width:12px; }
table#footer tr#middle td.middle div.footer-page a.close-down { background: url('../images/ipopup/close.gif') no-repeat top; }
table#footer tr#middle td.middle div.footer-page a.close-over { background: url('../images/ipopup/close.gif') no-repeat bottom; }

table#footer tr#middle td.middle p { clear:both; text-align:justify; padding-top:4px; }
table#footer tr#middle td.middle h1 { margin:0; padding-top:10px; }
table#footer tr#middle td.middle h2 { margin-bottom:1px; }
table#footer tr#middle td.middle span.left { float:left; }
table#footer tr#middle td.middle span.right { float:right; }
table#footer tr#middle td.middle a:hover { text-decoration:underline; }

table#footer tr#bottom td.left span { width:10px; height:10px; background:url('../images/pb-footer-bottom-left.png') no-repeat top left; display:block; overflow:hidden; }
table#footer tr#bottom td.middle { width:100%; height:10px; background:#ffffff url('../images/pb-footer-bottom-middle.jpg') repeat-x; overflow:hidden; }
table#footer tr#bottom td.right span { width:10px; height:10px; background:url('../images/pb-footer-bottom-right.png') no-repeat top right; display:block; overflow:hidden; }

/* ## -- table ipopup -- ## */
div.content { float:left; vertical-align:top; width:333px; }
div.content fieldset a.popup-link { display:block; margin-top:5px; font-weight:bold; } 
div.content fieldset a.popup-link:hover { text-decoration:underline; } 

table#ipopup { width:380px; margin:0 auto; position:absolute; z-index:6; top:50px; display:none; }
table#ipopup img.picture { border:1px solid #808080; float:left; margin-right:10px; }
table#ipopup fieldset { border:none; vertical-align:top; }

table#ipopup a.close { float:right; width:12px; height:12px; display:block; background: url('../images/ipopup/close.gif') no-repeat 0px -13px; }
table#ipopup a.close-down { background: url('../images/ipopup/close.gif') no-repeat top; }
table#ipopup a.close-over { background: url('../images/ipopup/close.gif') no-repeat bottom; }

div#navigate { clear:both; }
table#ipopup a.navigate-left { display:block; float:right; /* position:absolute; left:754px; top:12px; */ background:url('../images/pb-navigation-leftright.gif') no-repeat -25px -25px; width:20px; height:20px; }
table#ipopup a.navigate-left-down { display:block; float:right; background:url('../images/pb-navigation-leftright.gif') no-repeat -25px 1px; width:20px; height:20px; }
table#ipopup a.navigate-right { display:block; float:right; /* position:absolute; left:736px; top:12px; */ background:url('../images/pb-navigation-leftright.gif') no-repeat 0 -25px; width:19px; height:20px; }
table#ipopup a.navigate-right-down { display:block; float:right; background:url('../images/pb-navigation-leftright.gif') no-repeat 0px 1px; width:19px; height:20px; }

table#ipopup h1 { margin:0 0 5px 0; padding:0; }

table#ipopup td.top-left { width:19px; height:32px; background: url('../images/popup-top-left.png') repeat-x 0 14px; }
table#ipopup td.top-left { _height:32px; _background: url('../images/popup-top-left.gif') repeat-x 0 14px; }

table#ipopup td.top-middle { height:32px; background: url('../images/popup-top-middle.png') repeat-x 0 14px; }
table#ipopup td.top-middle { _background: url('../images/popup-top-middle.gif') repeat-x 0 14px; }

table#ipopup td.top-middle-slurf { height:32px; background: url('../images/pb-pointer-wide-up-.png') repeat-x -700px 0; }
table#ipopup td.top-middle-slurf { _height:32px; _background: url('../images/pb-pointer-wide-up-.gif') repeat-x -700px 0; _border-top:none; }

table#ipopup td.top-right { width:19px; height:32px; background: url('../images/popup-top-right.png') repeat-x 0 14px; }
table#ipopup td.top-right { _height:32px; _background: url('../images/popup-top-right.gif') repeat-x 0 14px; }

table#ipopup td.middle-left { width:9px; background: url('../images/popup-middle-left.png') repeat-y; }
table#ipopup td.middle-left { _background: url('../images/popup-middle-left.gif') repeat-y; }
table#ipopup td.middle-left-inner { width:10px; background:#ffffff url('../images/middle-background.png') repeat-x bottom left; }
table#ipopup td.middle-center { background:#ffffff url('../images/middle-background.png') repeat-x bottom left; font-family:Verdana, Geneva, sans-serif; font-size:11px; /*width:325px;*/ }
table#ipopup td.middle-right-inner { width:10px; background:#ffffff url('../images/middle-background.png') repeat-x bottom left; }
table#ipopup td.middle-right { width:9px; background: url('../images/popup-middle-right.png') repeat-y; }
table#ipopup td.middle-right { _background: url('../images/popup-middle-right.gif') repeat-y; }

table#ipopup td.bottom-left { width:19px; height:22px; vertical-align:top; background:url('../images/popup-bottom-left.png') no-repeat; }
table#ipopup td.bottom-left { _background:url('../images/popup-bottom-left.gif') no-repeat; }
table#ipopup td.bottom-upper { width:auto; height:10px; background:url('../images/popup-bottom-upper.jpg') repeat-x; }
table#ipopup td.bottom-middle { background:transparent url('../images/popup-pointer-wide.png') repeat-x scroll 0 0; height:38px; width:auto; }
table#ipopup td.bottom-middle { _background: url('../images/popup-pointer-wide.gif') repeat-x scroll 0px 0; }
table#ipopup td.bottom-middle-slurf { background:transparent url('../images/popup-pointer-wide.png') repeat-x scroll -433px 0; height:38px; width:auto; }
table#ipopup td.bottom-middle-slurf { _background: url('../images/popup-pointer-wide.gif') repeat-x scroll -433px 0; }
table#ipopup td.bottom-right { width:19px; height:22px; vertical-align:top; background:url('../images/popup-bottom-right.png') no-repeat; }
table#ipopup td.bottom-right { _background:url('../images/popup-bottom-right.gif') no-repeat; }

table#ipopup td.pointer { width:28px; height:28px; background: url('../images/popup-pointer-.png') no-repeat; }
table#ipopup td.pointer { _background: url('../images/popup-pointer-3.gif') no-repeat; }
/* ## -- table ipopup -- ## */
