/*
Stylesheet for PCL tabs.html
*/

body {
background-color: #e2edff;
font-size:1em;
width:1024px;
margin: 0 auto;
}


#PCLbanner {
position:absolute;
top: 60px;
left: 370px;
height: 48px;
width: 21.45em;
background-image: url(pclbanner.bmp);
}

#noshow {
height: 10px;
width: 10px;
visibility: hidden;
}

#tabs { 
    position: absolute;
    top: 25px;
    float:left; 
    width:92em; 
    background:#DAE0D2 url("bg.gif")
      repeat-x bottom;
    font-size:93%; 
    line-height:normal; 
    }
 #tabs ul { 
    margin:0; 
    padding:0; 
    list-style:none; 
    } 
 #tabs li { 
    float:right; 
    background:url("norm_left.gif") 
     no-repeat left top; 
    margin:0; 
    padding:0 0 0 9px; 
    } 
  #tabs a, #tabs strong, #tabs span { 
    display:block; 
    background:url("norm_right.gif") 
      no-repeat right top; 
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#765;
    } 
  #tabs #current { 
    background-image:url("norm_left_on.gif"); 
    } 
  #tabs #current a { 
    background-image:url("norm_right_on.gif"); 
    padding-bottom:5px; 
    }
#tabs a:hover {
color: #399;
}

a:hover {
 text-decoration: none;
 color: white;
 background-color: royalblue;
}

ul {margin-left: 2.5em; padding-left: 0;} 

body {margin:10px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}
.dropdown {float:left; padding-right:5px}
.dropdown dt {width:120px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
.dropdown dt:hover {background:url(images/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:140px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:136px; border:2px solid #9ac1c9; list-style:none; border-top:none;margin-left:0}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:126px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

#fooObject {
 /* simple box */
 position:relative;
 left: 0px;
 top: -20px;
 height: 170px;
 width: 10em;
 background: none;
background-repeat:no-repeat;
 border:none;
 white-space:nowrap;
 padding:1px;
}

#logo {
position:absolute;
top: 80px;
left: 1%;
width: 10em;
height:100px;
border: none;
padding: 2px;
margin: 0;
background-color:none;
z-index:1;
}

#certs {
position: relative;
top: 100px;
left: 5%;
}

#CertsLink {
position: relative;
top: 180px;
left: 1%;
width: 10em;
}

#ContactForm {
position: relative;
top: 145px;
left: 25%;
width: 40%;
height: 460px;
}

#thanks {
position: relative;
top: -50px;
left: 25%;
width: 40%;
height: 360px;
}

#ttape {
position:absolute;
top: 30px;
left: 10px;
z-index:1;
}

input {
height:20px;
padding:0;
border: 0;
vertical-align:middle;
font-size:small;
background-color:transparent;
}

#intro {
position: absolute;
top: 120px;
left: 140px;
width: 23em;
height: 500px;
border: 1px solid silver;
padding: 5px;
margin: 0;
background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
background-image: url(bg.gif);
background-repeat: repeat-x;
font-family: Arial, Tahoma, serif;
font-size: small;
background-color: white;
}

#whatweoffer {
position: absolute;
top: 120px;
left: 475px;
width: 23em;
height: 500px;
border: 1px solid silver;
padding: 5px;
margin: 0;
background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
background-image: url(bg.gif);
background-repeat: repeat-x;
font-family: Arial, Tahoma, serif;
font-size: small;
background-color: white;
}
#apps {
position: absolute;
top: 120px;
left: 815px;
width: 15em;
height: 380px;
border: 1px solid silver;
padding: 0;
margin: 0;
font-family: Arial, serif;
font-size: small;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
}

#photos {
position: absolute;
top: 670px;
left: 180px;
}

#dloads {
position: absolute;
top: 650px;
left: 0;
width: 13em;
border: 1px solid silver;
padding: 10px;
margin: 5px;
background-image: url(bg.gif);
background-repeat: repeat-x;
font-family: Arial;
font-color: blue; 
font-weight:bold;
font-size: x-small;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#GalleryLink {
position: relative;
top: 640px;
left: 45%;
border: 1px solid silver;
padding: 10px;
margin: 5px;
background-image: url(bg.gif);
background-repeat: repeat-x;
font-family: Arial;
font-color: blue; 
font-weight:bold;
}
#GalleryLink a {
text-decoration:none;
}
#GalleryLink a:hover {
color: #399;
}
#pcl {
position: absolute;
top: 550px;
left: 815px;
width: 15em;
height: 100px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid silver;
padding: 10px;
margin: 0;
font-family: "comic sans ms", courier, arial, serif;
font-size: x-small;
background-color: lavender;
}

#table {
margin: 0;
position: absolute;
top: 115px;
left: 150px;
width: 70%;
border: 0;
padding: 0;
font-family: Arial, Tahoma, serif;
font-size: small;
background-color: #e2edff;
word-wrap:break-word;
}
table.powder {
border-collapse: collapse;
height
}
table.powder th {
border: 1px solid black;
background-color: #e6e6e6;
}
table.powder td {
border: 1px solid black;
padding: 5px;
}

#pics {
position: absolute;
top: 300px;
left: 79%;
margin: 0;
}

.body {margin:25px; font:11px Verdana,Arial; background:#eee}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:relative; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 500;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:1;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
text-decoration: none;
color: green;
margin: 5px 1px;
}
background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;

/* Picture Gallery */
body {margin:0; background:#111; padding:5px; font:11px Verdana,Arial}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#wrapper {position: relative; top: 50px; left: 250px;}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:relative; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:relative; z-index:25; width:auto}
.imgnav {position:relative; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:relative; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:relative; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

#faqheader {
position: absolute;
top: 120px;
left: 150px;
width: 50em;
height: 35px;
background-image: url(bg.gif);
background-repeat: repeat-x;
border: 1px solid silver;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin: 0;
text-align:center;
}

#faqs {
position: absolute;
top: 180px;
left: 150px;
width: 50em;
height: 410px;
background-image: url('PCL Buildings2.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
border: 1px solid silver;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0;
}

#navlist li
{
list-style-type: circle;
margin: 0;
padding: 0.25em;
}

#navlist li a { 
text-decoration: none; }

/* LightBox */
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: white;
z-index:1;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}	 
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 40%;
height: 20%;
padding: 16px;
border: 4px solid silver;
background-color: white;
z-index:2;
overflow: auto;
}

#ContactForm {
position: absolute;
top: 150px;
left:260px;
width:450px;
height: 485px;
}

#inp {
font-family: sans-serif;
font-size:small;
font-style:italic;
background-image: url(bg.gif);
background-repeat: repeat-x;
border: 1px solid silver;
margin: 8px;
}

.txtin {
border: 1px solid silver;
width: 40%;
background-color: white;
}

form.contact {
 padding: 0;
 margin: 0;
 margin-top: -15px; 
} 

form.contact fieldset {
 border: 2px solid navy;
 padding: 10px;
}
form.contact legend {
 font-weight: bold;
 font-size: small;
 color: navy;
 padding: 5px;
}

form.contact label {
 font-weight: bold;
 font-size: small;
 color: blue;
 line-height: 150%;
}

form.contact label.fixedwidth {
 display: block;
 width: 150px;
 float: left; 
}

#WebClinic {
position: absolute;
top: 740px;
left: 35%;
}

#footer {
position:absolute;
top:790px;
left:0;
width:103em;
height:60px;	/* Height of the footer */
background:#ccccff;
font-size:x-small;
}