/* Default CSS Stylesheet for a new Web Application project */

html { font-size: 100%; /* IE hack */ }

BODY
{
	font-size:90%;
	width : 100%;
	border : 0;
	margin : 0px;
	padding: 0px;
	color : black;
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial,Verdana, Helvetica, sans-serif;
	text-align:center;
    FONT-WEIGHT: normal;
	font-style:	normal;
	text-decoration:	none;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;


}


TD INPUT, TD P, TD SELECT, TD TEXTAREA, TR TD, TABLE TR LI {font-size:1em}

H1	{	
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	2em;
	FONT-WEIGHT: bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	1.75em;
	FONT-WEIGHT: bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		

A: 
{
	cursor: pointer;
	cursor: hand;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:	underline;
	font-size: 1em;
	FONT-WEIGHT: normal;
	color:	#31cf00;
	background-color:white;
	
}

A:link	{	
	cursor: pointer;
	cursor: hand;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:	underline;
	font-size: 1em;
	FONT-WEIGHT: normal;
	color:	#31cf00;
	background-color:white;

	}	
		
A:visited	
{
	cursor: pointer;
	cursor: hand;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	text-decoration:	underline;
	font-size: 1em;
	
	color:	grey;
	background-color:white;
	}	
		
A:active	{	
	cursor: pointer;
	cursor: hand;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:	underline;
	font-size: 1em;
FONT-WEIGHT: normal;
	color:	black;
	background-color:white;
	}	
		
A:hover	{	
	cursor: pointer;
	cursor: hand;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:	underline;
	font-size: 1em;
	FONT-WEIGHT: normal;
	color:	black;
	background-color:white;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	


IMG 	
{
	border:0;
	margin : 0px;
	
	}
FORM  
{
	display:inline;
}



/***The idea is to use a lower case description***/
/***with hyphens for meaning**********/
/***Note the use of ems*******/

#OrderFormTable
{
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	border:0;
	font-size:	0.85em;
	FONT-WEIGHT: normal;
	color: black;
	z-index:-1;
	height:596px;

margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#FFFFF0;
border-collapse:collapse;
}

#OrderFormTable  TR
{
	vertical-align:top;
	

}

#OrderFormTable  TR TD
{
	vertical-align:top;
		padding:2px 2px 2px 2px;
	
}

#OrderColumn1
{
	vertical-align:top;
	width:280px;
	border-right:dashed 2px #dddddd;
	border-left:dashed 2px #dddddd;
	
}

#OrderColumn2
{
	vertical-align:top;
	width:280px;
	border-right:dashed 2px #dddddd;
	border-left:dashed 2px #dddddd;
}

#OrderColumn3
{
	vertical-align:top;
	width:280px;
	border-right:dashed 2px #dddddd;
	border-left:dashed 2px #dddddd;
}
#imgGiftSmallImage
{ margin:10px 0px 10px 10px;
	
}

#footer tr 
{
	width:100%;
		text-align:center;
}

#footer tr td a
{
	font-size: 0.8em;
	text-align:center;
}

.action-button
{
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.7em;
	FONT-WEIGHT: normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	cursor: pointer;
	cursor: hand;

}
.form-subtitle
{
font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.95em;
	color: White;
	width:100%;
	margin:5px 5px 5px 5px;
	background-color : #00CC33;
	padding:10px 10px 10px 10px;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	FONT-WEIGHT: bold;
	width:100%;
}
.field-label
{ 
	border:0;
	font-weight: bold;
	font-size: 0.75em;
	word-spacing: normal;
	text-transform: none;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration: none;
	vertical-align:middle;
	text-align:right;
	width:80px;
	
}	
.field-desc
{ background-color:mint-cream;
	border:0;
	font-weight: normal;
	font-size: 0.75em;
	word-spacing: normal;
	text-transform: none;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration: none;
	vertical-align:middle;
	border:none;
	

}	
.field-entry
{
	background-color: white;
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	font-weight: normal;
	font-size: 0.75em;
	word-spacing: normal;
	text-transform: none;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration: none;
	vertical-align:middle;
	margin:none;
	padding:none;
}	

.field-star
{
	color:Red;
	display:inline;
	width:10px;
	font-size:1.5em;
}	

.user-message	{	
	color : Black;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size:	0.9em;
	font-weight:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

.error-message{
	color : Red;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.8em;
	font-weight:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
.sub-title
{
	color : #006633;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	1em;
	FONT-WEIGHT: bold;

}

.desc-text{
	color : black;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.9em;
	font-weight:	normal;
	text-decoration:	italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

.small-print{
	color : black;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.8em;
	font-weight:	normal;
	text-decoration:	italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

.popup-text{
	color : black;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.9em;
	font-weight:	normal;
	text-decoration:	italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

.item-title 
{
	color : #006633;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.9em;
	font-weight:	bold;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;

}

.item-price
{
	color : red;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	0.85em;
	font-weight:	bold;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border:none;
}	


/****following added for TestDivPopup only****/
.win-close 
{
	position:absolute;
	cursor:hand;
	cursor:pointer;
}
/**.win-container 
{
	position:absolute;
}
**/
.win-titlebar
{	font-size: 1em;
	position:absolute; 
	left:0px; 
	top:0px;
	width:100%; 
	height:20px;
	background-color:seagreen; 
	cursor:move;
}
.win-title 
{
	position:absolute; 
	left:0px; 
	top:0px;
	width:100%; 
	font-size: 1em;
	font-weight: bold;
	color: White;
	background-color:deep-sky-blue; 
}
.win-text
{
	position:absolute; 
	font-family:arial,verdana,helvetica,sans-serif; 
	font-size:1em; 
	overflow:auto;
	z-index:199;
}

.win-popup
{
	position:absolute; 
	padding:2px 2px 2px 2px;
	left:-1000px; 
	border:3px outset;
	overflow:hidden;
	font-size:1em;
}

.win-label
{ 
	border:0;
	font-weight: bold;
	font-size: 0.75em;
	word-spacing: normal;
	text-transform: none;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration: none;
	vertical-align:middle;
	text-align:center;
	width:100%;
}

#ProcessingPleaseWaitTable
{
	font-family: Arial,Verdana,Helvetica,Sans-serif;
	text-align:center;
	color:White;
	background-color:#33cc00;
	margin:grey;
	margin:4px;

}


#mainmenu
{
width:796px;
margin-left:auto;
margin-right:auto;
padding:90px 0 0 0;
background-image: url(bioimages/logos/newlogo195.jpg);
background-repeat:no-repeat;
background-position:20px 20px;
text-align:left;

}

/**********following for scarletts top subtitle*****/


    .greenLine
	    	{ font-size: 1em;
	    		font-weight: bold;
       font-family: Tahoma;
       color: black;
       border-style: inset;
	    	  border-color: green;
	    	  border-bottom-width: 2px;
	    	  border-top-width: 0px;
	    	  border-left-width: 0px;
	    	  border-right-width: 0px;
	    	  padding: 1px;
    	    }
    .redLine
	    	{ border-style: inset;
	    	  border-color: red;
	    	  border-bottom-width: 2px;
	    	  border-top-width: 0px;
	    	  border-left-width: 0px;
	    	  border-right-width: 0px;
	    	  padding: 1px;
    	    }
    .boldItalic
    		{ font-style: italic;
    			
    		}