﻿/* Elements we want to hide unless we're in print mode in pn_print.css */
#pnEmersonLogoPrintOnly
{
    display:none;
}

.pnSmallMessage 
{
    font-size: 80%;
}
.pnPopup_PasswordHelp 
{
    border: 1px solid black;
    width: 250px;
    height: 200px;
    overflow:auto;
    background-color:silver;
    color:Black;
    padding: 5px;
}

.pnOutlineTextArea {
    border: 1px solid black;
    overflow:auto;
    background-color:silver;
    color:Black;
    padding: 5px;
}

.pnRegistrationTable 
{
    width:600px;
    padding-left: 5px;
    padding-right: 5px;
    border:1px solid gray;
}

.pnRegistrationTableLeft 
{
    width:250px;
    background-color:rgb(240,240,240);
}

.pnRegistrationTableRight 
{
    width: 300px;
    background-color:rgb(255,255,255);
}

.pnRegistrationSectionHeader 
{
    background-color: #808080;
    font-weight: bold;
    font-size: 110%;
    color: White;
}

.pnRegistrationSectionSubHeader 
{
    background-color:rgb(220,220,220);
    font-weight: bold;
    font-size:100%;
    color: Black;
}

.pnRegisterFormFieldVeryLong
{
    width:350px;
}

.pnRegisterFormFieldLong
{
    width:225px;
}

.pnRegisterFormFieldShort
{
    width:100px;
}

.pnRegisterFormFieldVeryShort
{
    width:50px;
}

.pnRegisterFormFieldNoWidth
{
    /* none at this time */
}

.pnSelectedRow 
{
    background-color: silver;
    color: gray;
 }
 
 .pnAlternateRow {
    background-color: #F0F0F0;
 }

.pnBoxedAreaNoBackground 
{
    border:1px solid #c0c0c0;
    padding: 2px;
    background-color: White;
}

.pnSelfRegAppTitle 
{
    color: Blue;
    text-decoration: none;
    font-size:100%;
    font-weight:bold;
}

.pnNoBoxAreaNoBackground
{
    padding: 2px;
    background-color: White;
}

.pnTotalPrice
{
    font-weight:bold;
    border-bottom: 1px double black;
}

.pnErrorMessage
{
    font-weight:bold;
    color: Red;
}
.pnBoldMessage
{
    font-weight: bold;
    color: Black;
}

.pnLoginStatus a
{
    text-decoration: none;
    font-weight:bold;
    color: #808080;
    font-size: 100%;
}

.pnOsOnHold 
{
    background-color: Red;
    color: Black;
}

.pnLoadingMessageBox 
{
    position:fixed;
    background-image:url(/images/backgrounds/semi_transparent_bg_gray.png);
    background-repeat:repeat;
    position:absolute;
    border:2px solid black;
    text-align:center;
    vertical-align:middle;
    color: Black;
    font-weight: bold;
    height:200px;
    width:300px;
}
.pnLanguageSelector
{
    background-image:url(/images/backgrounds/semi_transparent_bg_gray.png);
    background-repeat:repeat;
    text-align:left;
    color:Black;
    font-weight:bold;
}

.pnPromptListCSS 
{
    background-color:White;
    border:1px solid black;
    width:250px;
}

.pnModalBackground 
{
    background-image:url(/images/backgrounds/semi_transparent_bg_gray.png);
}

.pnOSToolsUI
{
    width: 440px;
    text-align: right;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
}

.pnAdvisorTable 
{
    width:300px;
    border: 2px solid #00cc33;
    text-align: left;
}
.pnAdvisorTableHeader
{
    background-color: #00cc33;
    color: White;
    font-weight:bold;
}
.pnReadOnlyFieldLong
{
    border: 1px solid silver;
    background-color: #ddd;
    width: 225px;
}
.pnReadOnlyFieldShort
{
    border: 1px solid silver;
    background-color: #ddd;
    width:50;
}
.pnReadOnlyFieldVeryLong
{
    border: 1px solid silver;
    background-color: #ddd;
    width:300;
}




/* Shopping Cart Checkout Progress Bar */
.pnCurrentStep 
{
    background-color: Orange;
    color:White;
}
.pnNextStep
{
    background-color: Silver;
    color: Gray;
}
.pnCompletedStep
{
    background-color: Green;
    color:White;
    cursor:pointer;
    cursor:hand;
}





/* Order Status Styles */
.osPopup
{
    border: 1px solid #000000;
    background-color: #99FF99;
    overflow: visible;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#000000,strength=5);
}
.osTable
{
    border: 1px solid #33CC33;
}
.osData {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 80%;
    color: Black; 
    border-bottom: 1px solid #33CC33;
}
.osName {
    background-color: #33CC33;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 80%;
    color: Black; 
}

.osHeader3 {
    font-size:100%;
    color: Black;
    font-weight: bold;
}
.osHeader4 {
    font-size: 90%;
    color: Black;
    font-weight: bold;
}

.timeoutMessage {
    background-color: rgb(255,249,189);
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 90%;
    color: Black; 
    position:fixed;
    border:2px solid black;
    text-align:center;
    vertical-align:middle;
    color: Black;
    padding: 5px;
    z-index:999;  
}

.timeoutHomePageMessage {
    border: 2px solid red;
    background-color:White;
    font-weight:bold;
    color: Red;
    padding: 5px;
    position:absolute;
    z-index:999;   
}

.pnWarrantyInfoAgreement {
   width:100%;
   height:200px;
   overflow:auto;
   border:2px inset #ddd;
}

.pnWarrantyInfoAgreement p {
    margin: 5px;
}




/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:1px 1px 1px 1px;
	overflow:auto;
	height:200px;
	color:#333333;
}

.JT_loader{
	background-image: url(/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

/* order status tag column widths */
	.ulColLayout {
      float: left;
      width: 20em;
      margin: 0;
      padding: 0;
      list-style: none;
    }
 
    .liColLayout {
      float: left;
      width: 10em;
      margin: 0;
      padding: 0;
    }
    .divTagPopOut {
     z-index: 10; 
     position: absolute; 
     border:1px solid black; 
     background-color: white;
    }
    
    
/* trying to handle the display of links in GridView Header */
/*.tblHead 
{
    font-size: 12px;
    font-weight : bold;
    color : white;
    background-color : blue;
    text-align : center;
}
*/
.pnRegistrationSectionHeader a:link {
    color : white;
    text-decoration : none;
}

.pnRegistrationSectionHeader a:visited {
    color : white;
    text-decoration : none;
}

.pnRegistrationSectionHeader a:hover {
    color : white;
    text-decoration : underline;
}

.pnRegistrationSectionHeader a:active {
    color : white;
    text-decoration : underline;
}

/* Shopping Cart Notes style */
.pnSCNotes {
    display:none;
}

.pnSCNotes div {
    width:300px;
    height:250px;
    overflow:auto;
}

.pnSCNotes textarea {
    width: 300px;
    height: 250px;
}
