/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-2               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif; background:url(../images/plancher.jpg) repeat;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../images/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../images/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:40px; background:rgb(240,240,240) url(../images/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:100px; background:rgb(230,230,230) url(../images/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:40px; background:rgb(255,255,255) url(../images/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../images/bg_head_breadcrumbs.jpg) repeat-y;}

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:309px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../images/logoprodel3d.png); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 60px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:#336633; font-size:120%;}
.sitename a {text-decoration:none; color:#336633;}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Firefox*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:10px 0 0 20px;}
.nav1 ul {float:left; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:#336633 ; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:#00ef00;}

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../images/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:20.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:20.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:#336633; font-size:100%;}
.header-breadcrumbs ul a {color:#336633; text-decoration:none;}
.header-breadcrumbs ul a:hover {color:#336633; text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; margin:0 0 0 190px; background:url(../images/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:640px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:#336633; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#336633;}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
.main-content .advsrch { font-size: 0.8em; text-align: center; }
.main-content .alert, .grey { background: #DAE9E9; border: 1px dotted #007; color: #007; margin: 2px 0px; padding: 0px 2px; }
.main-content .bcf { background: #BCF2C9; color: #007; margin: 0; padding: 4px; }
.main-content .brk, .skp .hide{ display: none; font-size: 0.1em; line-height: 0.1em; margin: 0; padding: 0; visibility: hidden; }
.main-content .cat1:visited { background: transparent;  color: #5555AA; font-size: 16px; font-weight: bold; }
.main-content .catbanner { background: #e5ecf9; color: #008; font-weight: bold; margin-top: 15px; padding: 3px; }
.main-content .cfc { background: url(fader.jpg) #CFC; color: #007; margin: 0; padding: 4px; }.cntr { font-size: 1em; margin: 0 auto; text-align: center; }
.main-content .clear { clear: both; height: 1px; overflow: hidden; }
.main-content .cllt { clear: left; }
.main-content .clrt { clear: right; }
.main-content .cntr { margin: 0 auto; text-align: center; }
.main-content .cntr08 { margin: 0 auto; text-align: center;  font-size: 0.8em;}
.main-content .description{ font-size: 0.9em; line-height: 1.4em; margin-left: 20px; padding: 0; width: 85%; }
.main-content .dtd { width: 95%; }
.main-content .dtd dd { margin-left: 19%; }
.main-content .dtd dt { width: 18%; }
.main-content .em, .bd { font-weight: bold; padding: 6px 0px; }
.main-content .evrow { background: #FFF; color: #007; margin: 0; padding: 6px 4px; }
.main-content .headline { background: url(hdline.jpg) #D0E3D1; color: #007; font-weight: bold; margin: 0; padding: 6px 4px; }
.main-content .hl { background: #666; color: #FEFF0B;  padding: 6px;  font-weight: bold;  }
.main-content .hide { display: none; font-size: 0.1em; line-height: 0.1em; margin: 0; padding: 0; visibility: hidden; }
.main-content .home { background: #FFF; color: #007; border: 2px solid #91A682; margin: 0 0 15px 0; padding: 4px; }
.main-content .indent { padding: 6px 4px 6px 40px; }
.main-content .left { text-align: left;} 
.main-content .links, .blue { background: transparent; color: #00F; }
.main-content .ltfloat { float: left; margin-right: 0px; }
.main-content .ltimg {  float: left; margin: 0; padding: 0; }
.main-content .main_cat1 { background: transparent; color: #0000FF; font-size: 1em; font-weight: bold; }
.main-content .main_cat2 { background: transparent; color: #0000FF; font-size: 0.9em; font-weight: bold; }
.main-content .odrow { background: #FFF; color: #007; margin: 0; padding: 6px 4px; }
.main-content .mainlist { background: #FFF; border-top: 2px solid #777; border-right: 1px solid #777; border-left: 1px solid #777; color: #007; font-size: 0.9em; font-weight: bold; margin: 2px 0; padding: 6px 4px; text-align: center;  border-bottom: 1px solid #777;  }
.main-content .odrow, .evrow, .indent { border-bottom: 1px solid #AAA; border-top: 1px solid #FFF; }
.main-content .options { background: #FFF; color: #007; margin: 0; padding: 6px 4px; text-align: center; }
.main-content .panel { background: #FFF; border: 1px solid #CEE1E2; color: #007; margin: 0px auto; padding: 10px 5px; width: 700px; }
.main-content .panel input, .panel textarea { margin-left: 50px; padding: 4px; }
.main-content .plnav { display: block; font: 1em/1.6em Arial,Helvetica,sans-serif; margin: 3px; padding: 0 2px 0 5px; text-align: left; }
.main-content .rtimg { float: right; margin: 0; padding: 0; width: 220px; }
.main-content table .searchBox2 {clear:both; width:300px; margin:0 0 0 0 ; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top .searchBox2 {height:1.5em; padding:0 0 0 0; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th .searchBox2 {height:1.0em; padding:0 0 0 0; background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td .searchBox2 {padding:0 0 0 0; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:80%;}
.main-content .tblhead { background: url(hdline.jpg) #D0E3D1; border: 1px solid #777; color: #007; font-weight: bold; padding: 1px; text-align: center; }
.main-content .sml { font-size: 0.8em; }
.main-content .sphome { background: url(nav.jpg) 2px 0px; border-top: 4px groove #38B087; text-align: center; }
.main-content .stats { background: #FFF; border: 1px solid #777; color: #007; font-size: 0.8em; margin: 10px 0px 0px 0px; padding: 4px; text-align: center; }
.main-content .submenu { background: #FFF; border-bottom: 1px solid #777; color: #007; font-size: 0.9em; font-weight: bold; height: 1em; margin-bottom: 20px; padding: 10px; }
.main-content .submenu li { border-left: 1px solid #007; border-right: 1px solid #007; height: 1.3em; float: left; margin-left: -1px; white-space: nowrap; }
.main-content .submenu li a { background: transparent; color: #00B; font-weight: bold; padding: 6px 4px; text-decoration: none; }
.main-content .submenu li a:hover, a.options:hover { background: #E5ECF9; border: 1px dotted #777; color: #007; font-weight: bold; padding: 5px 3px; text-decoration: underline; }
.main-content .submenu li a:active { border-bottom: 1px solid #FFF; }
.main-content .submenu ul { list-style-type: none; margin: 0 0 0 25px; padding: 0; }
.main-content .tblhead { background: url(hdline.jpg) #D0E3D1; border: 1px solid #777; color: #007; font-weight: bold; padding: 6px; text-align: center; }
.main-content .title { font-size: 1em; line-height: 1.4em; margin: 0; padding: 3px 2px 3px 0px; text-align: left; }
.main-content .url { background: transparent; font-size: 0.7em; color: #7E7E7E; margin: 2px 0 5px 20px; padding: 0;  }
.main-content .w60 { margin: 0 auto; width: 60%; }
.main-content .w75 { margin: 0 auto; width: 75%; }
.main-content .warnadmin, .red { background: #FEFF04; color: #EE3C00; }
.main-content .warn{ background: #bbb; color: #EE3C00; }
.main-content .warn, .red .warnok, .green, .links, .blue { font-weight: bold; padding: 0px 2px; }
.main-content .warnok, .green { background: transparent; color: #008001; }
.main-content .webpagebanner { background: #e5ecf9; color: #666; font-weight: bold; margin-top: 20px; padding: 3px; }
.main-content .wrapper { background: #F0FFF0; border-top: 6px groove #C1FFC2; border-right: 6px ridge #C1FFC2; border-bottom: 6px ridge #C1FFC2; border-left: 6px groove #C1FFC2; color: #007; margin: 0px auto; padding: 10px 10px 2px 10px; width: 730px; }
.main-content .x2 { width: 49.5%; /* all x values used as dividers 1/2, 1/3, 1/4 etc...  */ }
.main-content .x3 { width: 33%; }
.main-content .x4 { width: 25%; }
.main-content .x5 { width: 20%; }
.main-content .x6 { width: 16%; }
.main-content .x8 { width: 12.5%; }
.main-content .y5 { height: 5em; }
.main-content #admin { margin: 0; padding: 10px; text-align: left; }
.main-content #admin p.warn, #admin p.warnok { text-align: center; }
.main-content #cat_main {  background: #FFF; font-size: 0.9em; font-weight: bold; text-align: center; border: 1px solid #AAAAAA; width: 60%;}
.main-content #cat_table { background: #FFF; border: 1px solid #AAAAAA; width: 60%; }
.main-content #didumean { font-size: 1em; margin: 10px; text-align: center; }
.main-content #dbase td, #dbase table, td { border: none; }
.main-content #footer { background: #FFF;  font-size: 0.9em; font-weight: bold; line-height: 1.4em; margin: 4px auto; padding:3px; text-align: center; width: 80%;  border:2px solid #FFF; }
.main-content #footer img { vertical-align: middle; }
.main-content #main { background: #F0FFF0; border: 1px solid #777; clear: both; color: #007; margin-top: -1px; text-align: left; width: 100%; }
.main-content #other_pages, #common_report { background: #FFF; border: 1px solid #777; font-size: 0.8em; color: #007; padding: 6px 2px; text-align: center; }
.main-content #report { background: #F0FFF0; border: 1px solid #777; color: #007; margin: 0; padding: 10px; text-align: left; width: 750px; }
.main-content #result_report { background: #FFF; border: 1px solid #777; font-size: 0.9em; font-weight: bold; color: #007; margin: 0 0 10px 0; padding: 4px; text-align: center; }
.main-content #results{ font-size: 0.8em; width: 100%; }
.main-content #settings { background: #F0FFF0; color: #007; margin: 0 auto; padding: 1px; }
.main-content #settings input, #settings select { display: inline; float: left; padding: 4px; vertical-align: middle; }
.main-content #settings label, #settings p { display: inline; float: left; list-style: none; margin: 0; padding: 6px; text-align: right; vertical-align: middle; width: 500px; }
.main-content #stats dl{ border: 1px solid #777; margin: 0 auto; width: 80%; }
.main-content #sub_cat { font-size: 0.8em; }
.main-content #tabs { clear: both; font-size: 0.7em; padding: 6px; text-align: center; }
.main-content #tabs li { float: left; height: 26px; }
.main-content #tabs ul { display: inline; list-style-type: none; margin: 0; }
.main-content #tabs ul li a { margin: 0 0 0 3px; padding: 7px; width: 69px; }
.main-content #tabs ul li a.default { background: url(nav.jpg) 0px 0px #CFC; border-left: 1px solid #AAA; border-right: 2px solid #AAA; border-top: 1px solid #777; color: #007; float: left; font-weight: bold; position: relative; text-decoration: none; top: 0; }
.main-content .main-content #tabs ul li a.selected { background: url(nav.jpg) 0px -105px #FFF; border-left: 1px solid #777; border-right: 2px solid #777; border-top: 1px solid #777; color: #007; float: left; font-weight: bold; position: relative; text-decoration: none; top: 0; }
.main-content #tabs ul li a:hover { background: url(nav.jpg) 0px -35px #E5ECF9; border-left: 1px solid #777; border-right: 2px solid #777; border-top: 1px solid #777; color: #EE3C00; float: left; position: relative; text-decoration: none; top: 0; }
.main-content #tabs ul li a:active { background: url(nav.jpg) 0px -70px #C6DDC4; border-left: 1px solid #777; border-right: 2px solid #777; border-top: 1px solid #777; color: #007; float: left; position: relative; text-decoration: none; top: 0; }
.main-content #vertmenu { font-weight: bold; margin: 0 2px 0 20px; padding: 0; }
.main-content #vertmenu ul { border: none; list-style: none; margin: 0 2px 4px 2px; padding: 0; }
.main-content #vertmenu ul li { border: 1px solid #777; float: left; line-height: 0.9em; text-align: center; width: 90px; }
.main-content #vertmenu ul li a { background: url(nav.jpg) 0px -10px #FFF; border: 1px solid #969696; color: #007; display: block; font-size: 0.7em; margin: 2px; padding: 2px; text-decoration: none; width: 88%; }
.main-content #vertmenu ul li a:hover { background: url(nav.jpg) 0px -42px #E5ECF9; color: #007; text-decoration: underline; }
.main-content #vertmenu ul li a:active { background: url(nav.jpg) 0px -72px; }