

<style>


.odd{
  background-color: #EEEDF3;
}
.even{
  background-color: #fff;
}

.time_lock{
background-image:url("https://northamericanpharmacal.com/SX2/images/time_lock_off.png");
background-repeat: no-repeat;
background-position:center;
text-align:center;
vertical-align: middle;
font-family: Verdana,sans-serif;
font-size  : 30px;
color:gray;
}


input3, select3 {
        border-top-width   : 1px;
        border-right-width : 1px;
        border-bottom-width: 1px;
        border-left-width  : 1px;
font-family: Verdana,sans-serif;
	font-size  : 10px;

}

.litebisqueback {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #FFE4C4;
 
       }
.litebisqueback2 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #fff7e2;
 
       }
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	width: 95%;
	-moz-border-radius: 5px;
    -webkit-border-radius:5px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	
	border-style: solid;
	border-color: #ccc;;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #DCD9E8;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #EEEDF3;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #ccc;;
	background-color: #ccc;
	font-weight: bold;
}

td.question {
	width: 250px;
}

td.question350 {
	width: 350px;
}

.img-shadow {
   
  }
.img-option  {
  border:1px solid silver;
  }
.img-shadow img {
 border:1px solid silver;
	padding:5px;
  }

body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  } 


a:link, a:visited, a:active {
	text-decoration: none;  
	color: 	#800000;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	 
        }


a:hover { 
	color: 	#800000; 
	text-decoration: underline;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	  
        }

.chapter{ 
	color: #778899; 
 
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 17px; 
        }


#header {
  float:left;
  width:100%;
  background:#ffffff url("https://northamericanpharmacal.com/SX2/images/bg2.png")  repeat-x bottom;
  font-size: 11px;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("https://northamericanpharmacal.com/SX2/images/left.png") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url("https://northamericanpharmacal.com/SX2/images/right.png") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#3F2B80;
  }


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
  color:#333;
  }

#header #current {
  background-image:url("https://northamericanpharmacal.com/SX2/images/left_on1.png");
  }

#header #current a {
  background-image:url("https://northamericanpharmacal.com/SX2/images/right_on1.png");
  color:#333;
  padding-bottom:5px;
  }


#header2 {
  float:left;
  width:770;
  background:#ffffff url("https://northamericanpharmacal.com/SX2/images/bg1.png")  repeat-x bottom;
  font-size: 11px;
  line-height:normal;
  }
#header2 ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header2 li {
  float:left;
  background:url("https://northamericanpharmacal.com/SX2/images/left.png") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header2 a {
  float:left;
  display:block;
  background:url("https://northamericanpharmacal.com/SX2/images/right.png") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
 color:#3F2B80;
  }
  
  
#header2 #current {
    background-image:url("https://northamericanpharmacal.com/SX2/images/left_on1.png");
    }
#header2 #current a {
    background-image:url("https://northamericanpharmacal.com/SX2/images/right_on1.png");
    color:#333;
    padding-bottom:5px;
    }

#header3 {
  float:left;
  width:720;
  background:#ffffff url("https://northamericanpharmacal.com/SX2/images/bg4.png")  repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header3 ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header3 li {
  float:left;
  background:url("https://northamericanpharmacal.com/SX2/images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header3 a {
  float:left;
  display:block;
  background:url("https://northamericanpharmacal.com/SX2/images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
 color:#3F2B80;
  }
  
  
#header3 #current {
    background-image:url("https://northamericanpharmacal.com/SX2/images/left_on1.gif");
    }
#header3 #current a {
    background-image:url("https://northamericanpharmacal.com/SX2/images/right_on1.gif");
    color:#333;
    padding-bottom:5px;
    }


/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header2 a {float:none;}

/* End IE5-Mac hack */


#header2 a:hover {
  color:#333; 
}


.maintext { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 11px;
	color: #66737e;}

.maintextreq { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 11px;
	color: black;
		
	 }

.headline { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	 
	font-size: 11px;
	color      : #808080;
	}
.headline_message { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	 
	font-size: 16px;
	color      : #808080;
	}	
.headline2 {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 18px;
	color: #6e6d76;
 
	 
        padding-left:13px;
	
	}
.headline4 {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 15px;
	color: #416072;
	
	
	}	
	
.headline3 {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 14px;
	color: #000000;
	background-color: #DCD9E8;
	border: 1px solid #416072;
	padding-left:2px;
		
	}
.litepurpbxbord {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
color: #416072;
       background-color: #DCD9E8;
       border: 1px solid #ccc;
       
       }	
.purpbxbord {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #DCD9E8;
       border: 1px solid #6B95AA;
       }
.litepurpbx2 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #e8e8e8;
       
        border-bottom: 1px solid #c0c0c0; 
         border-left: 1px solid #c0c0c0;
       }
.litepurpbx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #EEEDF3;background-color: #f8f8f8;
        border-left: 1px solid #c0c0c0; 
        border-top: 1px solid #c0c0c0; 
         border-right: 1px solid #c0c0c0;
       }
.purpbx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 	background-color: #fcfde4;
	border-left: 1px solid #c0c0c0; 
	border-top: 1px solid #c0c0c0; 
	border-right: 1px solid #c0c0c0;
	}
.purpbx2 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       
        border-left: 1px solid #c0c0c0; background-color: #e0fde7;
        border-bottom: 1px solid #c0c0c0; 
         border-right: 1px solid #c0c0c0;
       }
.litepurpbx_message {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #EEEDF3;

-moz-border-radius: 5px;
-webkit-border-radius:5px;
color: #000;
padding: 5px;
 box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px silver;
-webkit-box-shadow: 3px 3px 5px silver;       
 border : 1px solid #c0c0c0;         
       }       

.black_round{font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;

border-top: solid 1px gray;  
color: #fff;
       
   
       
        
       } 

.purpbx3 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 	background-color: #fcfde4;background-color: #ffffff;
	border-left: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	 
	}

.litepurpbx_message2 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #EEEDF3;

         
       }


.elevenpoint{ font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
                
       }       
.lineedit{ font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #ffffff;
 border-left: 1px solid #c0c0c0;
               border-bottom: 1px solid #c0c0c0; 
       }
       
.lineeditactive { font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #DCD9E8;
              
 border-left: 1px solid #c0c0c0;
               border-bottom: 1px solid #c0c0c0; 
       }      
       
.litesmokebx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #F5F5F5;
               border-left: 1px solid #c0c0c0; 
               border-bottom: 1px solid #c0c0c0; 
       } 
.litehighbx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              color:#ffffff;
              background-color: #006400;
               border-left: 1px solid #c0c0c0; 
               border-bottom: 1px solid #c0c0c0; 
       }
       
.jumptable {color: #778899;text-decoration: none; font size: 10px; }

.jumptable A:link {color: #778899;text-decoration: none; font size: 9px;text-transform: uppercase;}
.jumptable A:visited {color: #778899;text-decoration:  none; font size: 9px;text-transform: uppercase;}
.jumptable A:active {color: #778899 ;text-decoration:  none; font size: 9px;text-transform: uppercase;}
.jumptable A:hover {color: #000000;text-decoration:  none; font size: 9px;text-transform: uppercase;}

 .litelowbl {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
                     color:#ffffff;
                     background-color: #99CCFF;
                     text-transform: capitalize;
                      border-left: 1px solid #c0c0c0; 
                      border-bottom: 1px solid #c0c0c0; 
       }      
       
.litelowbx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
                     color:#ffffff;
                     background-color: #608299;
                     text-transform: uppercase;
                      border-left: 1px solid #c0c0c0; 
                      border-bottom: 1px solid #c0c0c0; 
       }
 .litebisquebx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #f8f8f8;  
               border-left: 1px solid #c0c0c0; 
               border-bottom: 1px solid #c0c0c0; 
       }  
 .litebisque_alert {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #fcfde4;
  
 
-moz-border-radius: 5px;
-webkit-border-radius:5px;
color: #000;
padding: 5px 5px 5px 5px;
 box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px silver;
-webkit-box-shadow: 2px 2px 3px silver;             
border: 1px solid #c0c0c0; 
               
       }     
  
 .literosebx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #e0e0e0;
               border-left: 1px solid #c0c0c0; 
               border-bottom: 1px solid #c0c0c0; 
       }  
 .litewhitebx{font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #ffffff;
               border-left: 1px solid #c0c0c0; 
               border-bottom: 1px solid #c0c0c0; 
       }     
  
.litegreybx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #FAFAD2;
               border-left: 1px solid #c0c0c0; 
               border-bottom: 1px solid #c0c0c0; 
       }       
 .whiteboxbrd {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       width: 220px;                                                                                 
       background-color: white;
       border: 1px solid #6B95AA;
      
       padding-left:5px;
       }       
 .whiteboxnosize{font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
          width: 66px;                                                                          
       background-color: white;
       border: 1px solid #6B95AA;
      
       padding-left:5px;
       }          
 .whitebx { margin-left: 5px; margin-bottom: 4px; margin-right: 5px; margin-top: 11px; padding: 9px; font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #ffffff;
       border: 1px solid #c0c0c0;

       }
 .whitebx6 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #ffffff;
       border-top: 1px solid #ccc;
       border-right: 1px solid #ccc;
       border-left: 1px solid #ccc;
       }      
 .whitebx7 {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       background-color: #ffffff;
       border-right: 1px solid #ccc;
       border-left: 1px solid #ccc;
       }      
.whitebx5 {
font: normal 13px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
color: #416072;
background-image:url(https://northamericanpharmacal.com/SWAMIGenoType/bg4.jpg);
border-right: 1px solid #c0c0c0;
border-top: 1px solid #fff;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
             
} 

.whitebx4 {
font: normal 13px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
color: #416072;
background-image:url(https://northamericanpharmacal.com/SWAMIGenoType/bg4.jpg);
 
             
} 


.whitebx3 {
font: normal 14px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background-color: #ffffff;
border-right: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #000;
 }
 
.titlebx {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
              background-color: #EEEDF3;
              border: 1px solid #c0c0c0;
             
       }
.whitepage {border: 1px solid #c0c0c0;
 background-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
color: #000;
padding: 3px  ;
 box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px silver;
-webkit-box-shadow: 3px 3px 5px silver;
 
}
.whitepage2 {color: #000; border: 1px solid #c0c0c0;
 background-color: #faffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
color: #000;
padding: 5px 5px 5px 5px;
 box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px silver;
-webkit-box-shadow: 3px 3px 5px silver;
 
}
.whitepage3 {border: 1px solid #c0c0c0;
 background-color: #FAFAD2;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
color: #000;
padding: 5px 5px 5px 5px;
 box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px silver;
-webkit-box-shadow: 3px 3px 5px silver;
 
}	
.whitepage_basic {border: 1px solid #c0c0c0;
 background-color: #FAFAD2;
 
color: #000;
 }
 
}
.beigepage {background-color: #faffff;
       font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       padding-left:13px;
       padding-right:13px;
       border: 1px solid #c0c0c0;
}


.filefolder { border-bottom-style: solid ;
border-left-style: solid ;
border-right-style: solid ;
border-bottom-color: #b5b2ad;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-left-color: #b5b2ad;
border-right-color: #b5b2ad;
 
 
}
 



body, table, td {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 11px;
	 
	color      : #333333;
}



	
..covertext1{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:18px; color: black;}

.covertext2n{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:11px; color: black;font-style:italic;}

.covertext2i{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:11px; color: black;}

.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	color:#000 ;
	                                      
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #f0e7ff;
	border: 1px solid #aca1bb; 
	width: 580px; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
	padding: 5px; 
}

a {
	color: #e16500;
}
	a:hover {
		color: #c95a00;
	}

label {
	display: block;
	font-size: 2em;
	font-family: Georgia, serif; 
	color: #444;
}

.asmHighlight {
	color: #777; 
}

.asmSelect {
	margin: 1em 0 0.25em 0;
}

#footer, #footer li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

#footer {
	border-top: 1px solid #ccc; 
	padding-top: 1em;
	margin-top: 2em;
}

.copyright {
	font-size: 10px; 
}



</style>
 
      

   