/* CPK Website Template*/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid {width:210px; border-bottom:solid 0px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 0px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;text-decoration:none;border-left:4px solid #f58228;}

.nav3-bullet {width:600px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../_images/templates/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../_images/templates/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.nav4-bullet {width:200px; margin:10px 0 0 10px;}
.nav4-bullet dt a, .nav4-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav4-bullet dd a, .nav4-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav4-bullet dt a:hover {background:url(../_images/templates/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav4-bullet dd a:hover {background:url(../_images/templates/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav5-bullet {width:200px; margin:10px 0 0 10px;}
.nav5-bullet dt a, .nav5-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav5-bullet dd a, .nav5-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav5-bullet dt a:hover {background:url(../_images/templates/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav5-bullet dd a:hover {background:url(../_images/templates/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.loginform {width:250px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.loginform p {clear:both; margin:10px; padding:0;}
.loginform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.loginform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 10px; font-size:110%;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 10px; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.loginform input.field {width:200px; margin:0 0 5px 10px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.checkbox {float:left; margin:5px 0 0 10px !important /*Non-IE6*/; margin:2px 0 0 10px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 10px; padding:1px; 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:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; 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:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform p {clear:both; margin:0; padding:0;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; 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%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitleGold {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(248,146,41); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190) url(../_images/icons/corner.gif) no-repeat top right; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:200%;}
.main-content h1.blockGold {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190) url(../_images/icons/corner.gif) no-repeat top right; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:200%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:0.2em 0 0.2em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/*  Alert Message  */
.alert {background: rgb(225,225,225) url(bioneural/exclamation.png) center no-repeat;background-position: 15px 50%; /* x-pos y-pos */text-align: left;padding: 5px 20px 5px 45px;border-top: 2px solid rgb(190,190,190);border-bottom: 2px solid rgb(190,190,190);}
.dottedLine {background: white url(bioneural/exclamation.png) center no-repeat;background-position: 15px 50%; 
/* x-pos y-pos */text-align: left;padding: 5px 20px 5px 5px;border-top: 1px dotted #999; width:500px;}

table.sortable {clear:both;border-spacing: 0;border: 1px solid #fff;border-collapse: collapse;}
table.sortable th, table.sortable td {height:2.5em;padding: 2px 4px 2px 4px;width: 600px; border:2px solid #fff; text-align:center; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
table.sortable th {border-width: 0px 3px 3px 3px;background-color: #ccc; font-weight:bold;}
table.sortable td#one {border-width: 0px 3px 3px 3px;}
table.sortable td#two {border-width: 0px 3px 3px 3px; width:15%;}
table.sortable td#three {border-width: 0px 3px 3px 3px;width:20%;}
table.sortable td#four {border-width: 0px 3px 3px 3px;width:20%;}
table.sortable tr.odd td {background-color: #ddd;}
table.sortable tr.even td {background-color: #ddd;}
table.sortable tr.sortbottom td {border-top: 1px solid #444;background-color: #ccc;font-weight: bold;font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

table.footcollapse{width:50em;}
table.footcollapse caption{font-size:120%;text-transform:uppercase;text-align:left;padding:.5em 1em;}
table.footcollapse th{text-align:center;height:2em;font-size:110%;}
table.footcollapse,table.footcollapse th,table.footcollapse th{border:none;border-collapse:collapse;font-size:110%;}
table.footcollapse thead th{width:10em;border-style:solid;border-width:1px;border-color:#fff #fff #fff #fff;background:#9cf;padding:2px 10px;}
table.footcollapse tfoot th,table.footcollapse tfoot td{border-style:solid;border-width:1px;border-color:#fff #fff #fff #fff;background:#69c;padding:2px 10px;font-size:110%;}
table.footcollapse tbody{background:#ddd;}
table.footcollapse tbody td{padding:5px 10px;border:1px solid #fff;}
table.footcollapse tbody th{padding:2px 10px;border:1px solid #fff;border-left:none;}
table.footcollapse tbody tr.odd{background:#ccc;}
table.footcollapse tfoot td img{border:none;vertical-align:bottom;padding-left:10px;float:right;font-size:110%;}

/*Block Links*/
#links ul.list {list-style-type: none;width: 400px; list-style: none;} 
#links li {border: 1px dotted #999;border-width: 1px 0;margin: 5px 0;}
#links li a { display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 5px;text-decoration: none;}
* html #links li a {  /* make hover effect work in IE */width: 400px;}
#links li a:hover {background: rgb(225,225,225);}
#links a em { color: #333;display: block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%;}
#links a span {color: #125F15;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:418px; margin:2.0em 0 0 10.0em; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; 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:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; 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:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-subcontent .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; 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%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:0px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main img.left {clear:both; float:left; margin:0px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}
.main img.middle {clear:both; float:center; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
.acrobat { padding:10px 0px 10px 30px; background-image:url(../_images/icons/acrobat.gif); background-position:left; background-repeat:no-repeat;}
.pdf { padding:10px 0px 10px 30px; background-image:url(../_images/icons/pdficon.gif); background-position:left; background-repeat:no-repeat;}
.xls { padding:10px 0px 10px 30px; background-image:url(../_images/icons/xls.gif); background-position:left; background-repeat:no-repeat;}
.ppt { padding:10px 0px 10px 30px; background-image:url(../_images/icons/ppt.gif); background-position:left; background-repeat:no-repeat;}
.word{ padding:10px 0px 10px 30px; background-image:url(../_images/icons/word.gif); background-position:left; background-repeat:no-repeat;}
.txt{ padding:10px 0px 10px 30px; background-image:url(../_images/icons/text.jpg); background-position:left; background-repeat:no-repeat;}
.install { padding:10px 0px 10px 30px; background-image:url(../_images/icons/install.gif); background-position:left; background-repeat:no-repeat;}
.print {padding:10px 0px 10px 35px; background-image:url(../_images/icons/print.gif); background-position:left; background-repeat:no-repeat;}
.read {padding-right: 13px; background-image:url(../_images/icons/readmore.png); background-position:right; background-repeat:no-repeat;}
.tel {padding-left: 20px;background-image:url(../_images/icons/tel1.png); background-position:left; background-repeat:no-repeat;}
.fax {padding-left: 20px;background-image:url(../_images/icons/fax1.png); background-position:left; background-repeat:no-repeat;}
.mail {padding-left: 20px;background-image:url(../_images/icons/mail1.png); background-position:left; background-repeat:no-repeat;}
.email {padding-left: 20px;background-image:url(../_images/icons/email1.png); background-position:left; background-repeat:no-repeat;}

.dropcap {float:left; color:#cc3300;font-size:78px;line-height:62px;padding-top:0px;padding-right:2px;font-family:georgia;}

.backtotop {background-image:url(../_images/templates/top.gif);background-repeat:no-repeat;padding-left:20px; padding-bottom:30px;}
.quote {padding-left:40px;background-image:url(../_images/icons/quoteLeft.gif);background-position:left top;background-repeat:no-repeat;}
.quoteright {padding-right:40px;background-image:url(../_images/icons/quoteRight.gif);background-position:right top;background-repeat:no-repeat;}
.right {text-align:right;}

.BibliographyForm {width:418px; margin:2.0em 0 0 80px; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.BibliographyForm fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.BibliographyForm fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.BibliographyForm label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.BibliographyForm label.right{float:right; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.BibliographyForm select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.BibliographyForm input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.BibliographyForm textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.BibliographyForm input.button {width:5.0em; margin-top: 0.5em; padding:1px; 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:100%;}
.BibliographyForm input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

#bibliography li {padding-bottom:15px; margin:10px 0 0 20px;}
#bibliography strong{color:#009964;}
#bibliography em{color:#666;}


span.dcspan{margin-right:6px;margin-top:5px;float:left;color:#cc3300;background:rgb(225,225,225);border:1px solid rgb(200,200,200);}
span#dc2{font-family: Georgia,serif;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;}


/*Search result page*/
.highlight { background: #FFFF40; }
.searchheading { font-size: 110%; font-weight: bold; margin-top:10px; }
.summary { font-size: 110%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 120%; }
.category { color: #999999; }
.sorting { text-align: right; }
.searchfor {color: #009964;}
.result_title { font-size: 110%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #009964;}

/*.zoom_searchform{font-family: verdana,arial,sans-serif;font-size: 9pt;background-color: #EEEEEE;border-top: 2px solid #AAAAAA;border-bottom: 2px solid #AAAAAA;padding-left: 90px;padding-top: 10px;padding-bottom: 10px;display: block;width: 340px;}*/
.zoom_searchform{width:450px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);font-family: verdana,arial,sans-serif;font-size: 9pt;}
.zoom_searchform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 0 0 10px /*IE6*/; margin:0 0 17px 0; border:solid 1px rgb(220,220,220);}
.zoom_searchform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.zoom_results_per_page { font-size: 100%; margin-top: 10px; display: block; }
.zoom_match { font-size: 100%; margin-left: 35px; display: block;}
.zoom_categories { font-size: 100%; display: block;margin-bottom: 10px;}
.zoom_categories ul { margin-top: 5px; padding: 0px;}
.zoom_categories li { margin-left: 15px; list-style-type: none; }

input.zoom_button {width:3.0em; margin-top: 0.5em; padding:1px; 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:100%;}
input.zoom_button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
		
input.zoom_searchbox {width:153px; height:12px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}		

.result_image { float: left; display: block; height:102px;}
.result_image img { margin: 2px; margin-top: 0px; width: 34px; height: 34px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
.result_pages { font-size: 110%; }
.result_pagescount { font-size: 110%; }
		
.searchtime { font-size: 110%; }
		
.recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; }
.recommended_heading { float: right; font-weight: bold;}
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}


/*Tab menu*/

.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap;font-size:110%;top: 11px;left: 0px; }
.tabset_tabs df	{ margin:0; padding:0; display:inline;}
.tabset_tabs a	{ color:rgb(70,122,167); font-weight:normal; font-size:110%; ! important; background-color:rgb(225,225,225)! important; border:1px solid rgb(200,200,200); text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none;border-top:4px solid rgb(200,200,200); }
.tabset_tabs a:hover	{ font-weight:bold; text-decoration:none; color:rgb(70,122,167); font-size:110%; ! important; background-color:rgb(200,200,200) ! important; border-top:4px solid #f58228; }
.tabset_tabs a.active	{ font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:110%; ! important; background-color:white ! important; border-color:rgb(200,200,200); border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px;border-top:4px solid #f58228; }
.tabset_tabs df.firstchild a	{ border-left-width:1px }
.tabset_content	{ border:1px solid rgb(200,200,200); background-color:white; position:relative; z-index:1; padding:0.5em 1em; display:none;width: 600px;}
.tabset_label	{ display:none }
.tabset_content_active	{ display:block }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}


/*Pagination*/
.pagination {padding: 2px;}
.pagination {margin: 0;padding: 0;text-align: left; /*Set to "right" to right align pagination interface*/font-size:135%;}
.pagination {list-style-type: none;display: inline;padding-bottom: 1px;}
.pagination a, .pagination a:visited{padding: 0 5px;border: 1px solid #9aafe5;text-decoration: none; color: #2e6ab1;}
.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5;color: #000;background-color: #FFFF80;}
.pagination a.currentpage{background-color: #2e6ab1;color: #FFF !important;border-color: #2b66a5;font-weight: bold;cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color: white;cursor: default;color: #929292;border-color: #929292;font-weight: normal !important;}
.pagination a.prevnext{font-weight: bold;}

/*bubble tooltip*/
a.tt{ position:relative;z-index:24;color:rgb(42,90,138);font-weight:bold;text-decoration:none;}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #fff; background:;}
a.tt:hover span.tooltip{display:block;position:absolute;top:0px; left:0;padding: 15px 0 0 0;width:200px;color: #993300;text-align: center;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;}
a.tt:hover span.top{display: block;padding: 30px 8px 0;background: url(../_images/templates/bubble.gif) no-repeat top;}
a.tt:hover span.middle{ /* different middle bg for stretch */display: block;padding: 0 8px; background: url(../_images/templates/bubble_filler.gif) repeat bottom; }
a.tt:hover span.bottom{display: block;padding:3px 8px 10px;color: #548912;background: url(../_images/templates/bubble.gif) no-repeat bottom;}

.link {padding-right: 13px; background-image:url(../_images/icons/Externalink.gif); background-position:right; background-repeat:no-repeat;}
.link:visited  {padding-right: 13px; background-image:url(../_images/icons/LinkVisited.gif); background-position:right; background-repeat:no-repeat;}
.link:hover {padding-right: 13px; background-image:url(../_images/icons/LinkHover.gif); background-position:right; background-repeat:no-repeat;}

/*A to Z block*/
/*Full width*/
/*#azindex {background: rgb(190,190,190);float: left;margin: 0px 0 20px 0px;padding: 0px 5px 15px 5px;width: 600px;}
* html #azindex {padding: 4px 4px 5px 4px;width: 600px;}*/
/*Full width end*/

#azindex {background: rgb(190,190,190);float: left;margin: 0px 0 20px 0px;padding: 0px 5px 15px 5px;width: 291px;}
* html #azindex {padding: 4px 4px 5px 4px;width: 291px;}
#index {font: bold 100% Verdana, Helvetica, sans-serif;margin: 0;padding: 0;}	
#index li {float: left;height: 2em;list-style-type: none;margin: 0.65em 0.3em;padding: 0;width: 1em;}
* html #index li {margin: 0.1em 0.1em;}
#index a:link, #index a:visited {background: #fff;color: navy;display: block;height: 2em;padding: 0.5em 0 0 0;text-align: center;text-decoration: none;width: 2em;}
#index a:hover {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}
#index a:active {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}

/*Dotted Division*/
div.dotted {border: solid 1px #000;border: dotted 2px #646464; border-syle: dotted solid dashed;border-width: 1px 0px 1px 0px;border-color: #ddd #ddd #ddd;}

/*highlight text*/
.highlighted {padding:1px 1px 1px 1px;background-color:#f0f0f0;color:#303030;border:1px solid #b0b0b0;}

.anchors ul li {
	display: inline;
	text-align: center;
	padding: 1px 1px 0px 0px;
	margin: 0;
	float: left;
}

.anchors ul li a {
	background: #ffe;
	width: 25px;
	height: 2em;
	border: 1px solid #036;
	padding: 0;
	margin: 0;
	color: #800000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
} 

.anchors ul li a:hover, #bread ul li a:focus {color: #c98300;background: rgb(225,225,225);border: 1px solid #c98300;}
