/************Edward Winterberger - http://www.PowerStandards.com - default_tabless.css - Version 2.0, May 30, 2008************/

/**************** Body and tag styles ****************/

html{
height:100%;
}

body{
background:#cfcfcf;
margin:1px;
padding:1px;
}

a{
color:#0033a3
}

a:visited{
color:#1d425c;
}

a:hover{
color:blue;
}

/**************** Containment Unit ****************/
#container{
width:1000px;
height:1050px;
margin:0px auto;
padding:0px 0px;
text-align:left;
background:#ffffff url(../images/Web_background_with_sun_1000x600_pixels-01.png) top center no-repeat;
border:0px solid #a0a0a0;
z-index:1;
}

/**************** Logos ****************/
#PSLLogo{
float:left;
position:relative;
left:3px;
top:27px;
width:66px;
height:43px;
border:0px solid #a0a0a0;
z-index:2;
}

#DefaultLogo{
float:left;
position:relative;
left:164px;
/*top:31px;*/
top:0px;
width:61px;
height:1050px;
background:url(../images/Vbars.png)repeat-y;
border:0px solid #a0a0a0;
z-index:2;
}

/*******************Balloon tool-tip popup code**************************************/
#dhtmltooltip{
position : absolute;
left : -300px;
width : 150px;
border : 1px solid black;
padding : 2px;
background: url(../images/ToolTipBackground3.png);
font-family : arial;
color : #000000;
visibility : hidden;
z-index : 100;
}

#dhtmlpointer{
position : absolute;
left : -300px;
z-index : 101;
visibility : hidden;
}

/**************** Header, Title, Content, and Footer styles ****************/
#PageTitle{
float:left;
width:600px;
height:25px;
position:relative;
left:100px;
top:35px;
font-family: arial, helvetica, sans-serif;
font-size:1.0em;
color:#a0a0a0;
letter-spacing:0px;
font-weight:normal;
border:0px solid #a0a0a0;
z-index:4;
}

#content{
float:left;
position:relative;
left:83px;
top:72px;
width:775px;
height:490px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../images/shadowContent775x490.png) bottom right no-repeat;
font: 12px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#24201f;
border:0px solid #a0a0a0;
z-index:5;
}

#ContentTable{
float:left;
position:relative;
top:0px;
left:0px;
border-top:2px solid #a0a0a0;
border-right:2px solid #808080;
border-bottom:2px solid #808080;
border-left:2px solid #a0a0a0;
background:#e0e0e0;
width:765px;
height:480px;
}

#ContentFourOFour{
float:left;
position:relative;
left:83px;
top:72px;
width:775px;
height:490px;
margin:0px 0px 0px 0px;
padding:0px;
background:none;
font: 12px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#24201f;
border:0px solid #a0a0a0;
z-index:5;
}

.headerstyle
{
display : block;
margin : 10px 0 10px 0;
padding : 5px 0 5px 8px;
background : #000000 url(../images/gradient2.png) repeat-x;
font: 17px arial;
font-variant: normal; /*small-caps*/
color : #003399;
border-top : 1px solid #dddddd;
border-right : 1px solid #bbbbbb;
border-bottom : 1px solid #bbbbbb;
border-left : 1px solid #dddddd;
text-decoration : none;
}

.nopheader{
background:#a0a0a0;
font-family:Verdana;
font-size:12px;
color:#ffffff;
}

.nopentry{
background:#ffffff;
font-family:Verdana;
font-size:12px;
color:#000000;
}

/***************Glossy Menu***********************/
.glossymenu{
float:left;
position:relative;
left:-57px;
top:-355px;
margin: 0px 0;
padding: 0;
width: 185px; /*width of menu*/
height: 100px; /*lock in the height of the menu to keep the vertical scroll bar from showing up when the menu is expanded*/
border: 0px solid #000000;
border-bottom-width: 0;
z-index:4;
}

.glossymenu a.menuitem{
/*background:url(../images/ButtonBackgroundFFFFFFWspace02.png) top left no-repeat;*/
background: url(../images/ButtonBackgroundFFFFFF2Wspace.png) top left no-repeat;
font: 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #303030;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height: 26px;
padding: 3px 0px 0px;
padding-left: 10px;
text-decoration: none;
cursor: pointer;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #303030;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{ /*DIV  for hover background*/
background-image: url(../images/ButtonBackgroundBlue9Wspace.png);
color: #e8eaec;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px dotted #000000;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: url(../images/HoverMenuItem.png);
color: #30303b;
}

/**************** Bottom Tab style (Search Box)****************/
#bottab1{
float:left;
position:relative;
width:110px;
height:18px;
top:85px;
left:624px;
color:#303030;
font:12px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-decoration: none;
background:url(../images/BotTabLightFull.png) bottom left no-repeat;
padding: 0px 0px 5px 0px;
margin:0px 2px 0px 0px;
text-align:center;
border:0px solid #a0a0a0;
border-bottom:0px solid #d6d5d5;
border-left:0px solid #d6d5d5;
border-right:0px solid #ffffff;
border-top:0px solid #d6d5d5;
z-index:1;
visibility:hidden;
}

#bottab1:hover{
color:#ffffff;
background:url(../images/BotTabDarkFull.png) bottom left no-repeat;
border-top:5px solid #a0a0a0;
border-bottom:0px solid #a0a0a0;
border-left:0px solid #a0a0a0;
cursor: pointer;
text-decoration: none;
z-index:4;
}

#BottomFloatingContainmentUnit1{
float:left;
position:relative;
top:-10px;
left:407px;
width:231px;
height:100px;
background:url(../images/shadowAlphaSearch.png) bottom right no-repeat;
border:0px solid #000000;
z-index:5;
visibility:hidden;
}

#BottomFloatingContent{
float:left;
position:relative;
top:13px;
left:11px;
width:200px;
height:65px;
background:url(../images/BottomFloatingContentBG.png);
/*background:#becfd6;*/
border:1px solid #a0a0a0;
}

/**************** Copywrite ****************/
#Copy{
float:left;
width:180px;
height:25px;
position:relative;
left:232px;
top:510px;
font-family: arial, helvetica, sans-serif;
font-size:0.8em;
letter-spacing:0px;
font-weight:normal;
border:0px solid #a0a0a0;
z-index:2;
}

/*********************FrameBorder********************************/
.FrameBorder{
border-top:2px solid #a0a0a0;
border-right:2px solid #808080;
border-bottom:2px solid #808080;
border-left:2px solid #a0a0a0;
}

/**************** Logos ****************/
#cart{
float:left;
position:relative;
left:0px;
top:0px;
width:19px;
height:18px;
border:0px solid #a0a0a0;
z-index:5;
}

#PQubeFade{
float:left;
position:relative;
left:579px;
top:-516px;
width:175px;
height:79px;
border:0px solid #a0a0a0;
z-index:1;
visibility:visible;
}

/***************** iFrame Print element ***********************/
#iFramePrint{
float:left;
position:relative;
width:0px;
height:0px;
left:18px;
top:25px;
border:0px solid #a0a0a0;
}

/*Image Opacity Roll-Over*/
div.transOFF{
width: 100%;
/*background-color: silver;*/
background:#cfcfcf;
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
border:0px solid black;
}

div.transON{
width: 100%;
/*background-color: silver;*/
background:#cfcfcf;
opacity:.20;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
border:0px solid black;
}
	
.ImageOpacity{
opacity: 0.90;/*Mozilla translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
filter : alpha(opacity=90);/*ie translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
-khtml-opacity: 0.90;/*Konqueror & Opera translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
}

.ImageOpacity:hover{
opacity: 1.00;/*Mozilla translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
filter : alpha(opacity=100);/*ie translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
-khtml-opacity: 1.00;/*Konqueror & Opera translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
}

/******************* Styles Specific to PQube Plug-in Modules and Accessories ********************************/
#ModuleContainer{
float:left;
position:absolute;
left:5px;
top:5px;
width:753px;
height:468px;
background:none;
border:0px solid #a0a0a0;
z-index:1;
}

#ModuleTitle{
float:left;
position:absolute;
left:5px;
top:5px;
width:740px;
height:40px;
background:none;
font:bold 25px arial, 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
color:#660066;
border:0px solid #a0a0a0;
z-index:4;
}

#ModuleTitleShadow{
float:left;
position:absolute;
left:6px;
top:6px;
width:740px;
height:40px;
background:none;
font:bold 25px arial, 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
color:#a0a0a0;
border:0px solid #a0a0a0;
z-index:3;
}

#ModuleAccessorieImage{
float:left;
position:absolute;
left:5px;
top:30px;
width:300px;
height:300px;
text-align:center;
background:none;
border:0px solid #a0a0a0;
z-index:2;
}

#ModuleAccessoriePQubeImage{
float:left;
position:absolute;
left:620px;
top:340px;
width:113px;
height:113px;
text-align:center;
background:none;
border:0px solid #a0a0a0;
z-index:2;
}

#ModuleAccessorieInfoBG{
float:left;
position:absolute;
left:5px;
top:5px;
width:745px;
height:450px;
background:none;
border:0px solid #a0a0a0;
z-index:1;
}

#ModuleAccessorieInfo{
float:left;
position:absolute;
left:300px;
top:50px;
width:400px;
height:400px;
background:none;
border:0px solid #a0a0a0;
z-index:2;
}

#ModuleAccessorieOrder{
float:left;
position:absolute;
left:40px;
top:160px;
width:400px;
height:150px;
background:none;
border:0px solid #a0a0a0;
z-index:2;
}

#DefaultDownloadOptions{/*just used for the Default download tab*/
float:left;
position:absolute;
left:515px;
top:75px;
width:200px;
height:270px;
padding:10px;
background:#BECFD6;
font:11px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#25455c;
border:1px solid #a0a0a0;
z-index:1;
}

#DefaultDistributorAccess{/*just used for the Default download tab*/
float:left;
position:absolute;
left:515px;
top:380px;
width:200px;
height:50px;
padding:10px;
background:#BECFD6;
font:11px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#25455c;
border:1px solid #a0a0a0;
z-index:1;
}

#Fade-Vert-web-page-bkgrnd{
float:right;
position:relative;
width:1000px;
height:400px;
top:-450px;
left:0px;
border:0px solid #a0a0a0;
background:url(../images/Fade-Vert-web-page-bkgrnd-01.png) top left repeat-x;
z-index:0;
}

/*******************************Download Stuff *****************************************/
#PQubeDownloadOptions{/*just used for the PQube download tab*/
float:left;
position:relative;
left:455px;
top:-335px;
width:200px;
height:270px;
padding:10px;
background:#BECFD6;
font:11px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#25455c;
border:1px solid #a0a0a0;
z-index:1;
}

#PQubeDistributorAccess{/*just used for the PQube download tab*/
float:left;
position:relative;
left:233px;
top:-30px;
width:200px;
height:50px;
padding:10px;
background:#BECFD6;
font:11px arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#25455c;
border:1px solid #a0a0a0;
z-index:1;
}