<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.customersignup_tabnav{
margin-bottom: 1em;
}

.customersignup_tabnav ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.customersignup_tabnav li{
display: inline;
margin: 0;
}

.customersignup_tabnav li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font-size: 13px;
background: #ECEEEC url(media/tabright.gif) top right no-repeat;
}

.customersignup_tabnav li a:visited{
color: black;
}

.customersignup_tabnav li a:hover{
background-color: #CDDADA;
color: navy;
}

.customersignup_tabnav li a.active{
background-color: #CDDADA;
color: navy;
}

a.squarebutton{
background: transparent url('media/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

.squarebutton{
background: transparent url('media/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}


a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('media/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

span.button2 {
    background: transparent url('media/square-blue-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
 
}
span.button2 input.formbutton {
    background: transparent url('media/square-blue-left.gif') no-repeat top left;
    background: transparent url('media/square-blue-right.gif') no-repeat top right;
    display: block;
    padding-right: 3px;
    padding-left: 2px;
    white-space: nowrap;
    border: 0;
    margin: 0;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    text-shadow: #ffffff 1px 1px 0;
    padding-top: 0;
    font: normal 12px Arial;
    color: #494949; /*button text color*/
    cursor: pointer;
}


span.button2:hover{
    
    color: black;
    background-position: bottom left;

}
span.button2 input.formbutton:hover {
    cursor: pointer;
    color: black;
    background-position: bottom right;
}
span.formbutton:active {
    background-position: right -35px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
span.formbutton input.formbutton:active {
    text-shadow: #ffffff -1px -1px 0;
    padding-top: 1px;
    background: none;
    outline: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*paul */
label{color: #85859c;}



.th{
     color: #fff;
	 font-size: 9px;

}

/*.errorExplanation {
     background-color:#FFEAE8;
     border:1px solid #FF8B7F;
     color:#000;
     text-align:left;
     vertical-align:top;
     padding-top:5px;
     padding-left:20px;
     padding-bottom:10px;
     margin-top:3px;
     margin-bottom:10px;
}
.errorExplanation h2 {
     color:#F0775E;
}
.errorExplanation ul {
     list-style-type: disc;
     list-style-image: url('/images/error.png');
     list-style-position: inside;
     margin: 15px;
     padding: 3px;
}*/

info, .success, .warning, .errorExplanation, .miniErrorExplanation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.errorExplanation {
color: #D63301;
background-color: #FFEAE8;
background-image: url('/images/knobs/error.png');
list-style-type: none;
list-style-position: inside;
text-align:left;
width:400px;
}

.minierrorExplanation{
    color: #D63301;
background-color: #FFEAE8;
background-image: url('/images/knobs/error.png');
list-style-type: none;
list-style-position: inside;
text-align:left;
width:220px;
font-size:12px;
}

.success{
color: GREEN;
background-color: #DFF2BF;
background-image: url('/images/knobs/success.png');
list-style-type: none;
list-style-position: inside;
text-align:left;
width:400px;
}



.customerprofile_tabnav{
margin-bottom: 1em;
}

.customerprofile_tabnav ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.customerprofile_tabnav li{
display: inline;
margin: 0;
}

.customerprofile_tabnav li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font-size: 13px;
background: #ECEEEC url(media/tabright.gif) top right no-repeat;
}

.customerprofile_tabnav li a:visited{
color: black;
}

.customerprofile_tabnav li a:hover{
background-color: #CDDADA;
color: navy;
}

.customerprofile_tabnav li a.active{
background-color: #CDDADA;
color: navy;
}
.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 800px; /*width of form rows*/
 
overflow: hidden;
padding: 5px 0;
margin-left: -30px;

}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 400px; /*width of label (left column)*/
/*text-transform: uppercase; */
/*border-bottom: 1px solid red;*/
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
margin-left: 200px;
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
 


/*background: #e1dfe0;*/
}


.shiftcontainer{
position: relative;

left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 300px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

root {
    display: block;
}


* {
	margin: 0px;
	padding: 0px;
}



td {
font-family: tahoma, arial, sans-serif;
font-size: 12px;
color: black;
}




.black_overlay{
			display: none;
		/*	position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80); */
		}

.white_content
{
        display: none;
        position: absolute;
        height: 250px;
        padding: 16px;
        border: 16px solid orange;
        background-color: white;
        z-index:1002;
        overflow: auto;
  }


 .black_overlay1{
   display: none;
   position: fixed;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: #000;
   z-index:1001;
   -moz-opacity: 0.3;
   opacity:.30;
   filter: alpha(opacity=30);
   overflow:auto;
  }
   .black_overlay_card{
   display: none;
   position: fixed;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: #000;
   z-index:4;
   -moz-opacity: 0.3;
   opacity:.30;
   filter: alpha(opacity=30);
   overflow:auto;
  }
.white_content1
{

    display: none;
    background: #fff;
	padding: 2px;
	border: 10px solid orange;
    float: right;
	width: 420px;
	position: fixed;
	top: 40%;
	left:35%;
    z-index:1002;
    overflow:auto;


    
}

*html .black_overlay1 {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}
*html .black_overlay_card {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}

*html .white_content1 {
	position: absolute;

    top:expression(eval(document.compatMode &&
    document.compatMode=='CSS1Compat') ?
    documentElement.scrollTop
    +((documentElement.clientHeight-this.clientHeight)/2 )
    : document.body.scrollTop
    +((document.body.clientHeight-this.clientHeight)/2));}
    
}

</style>

