﻿body
{
	background-color:white;
	text-align: center; /* Hack for IE5/Win */
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #494949;
}
/* Container to centre design */
#maincontainer { 
  text-align: left; /* Counteract to IE5/Win Hack */
  width: 780px;
  border: 0px dashed #ff0000;
  height: auto;
  z-index: 1;
  margin: 0px auto;  /* Right and left margin widths set to "auto" */
}
/*
GeneralClasses
*/
a
{
    border:none;
}
/*
******************************************************************
******************************************************************
******************************************************************
Main page layout
******************************************************************
******************************************************************
******************************************************************
*/
.headerWrapper
{
    background-color:white;
    width:800px;
    background-image: url('/foodline/Images/FLWLogoLFRVersion.jpg'); 
    background-repeat: no-repeat;
    background-position: left top;
    height: 73px;
}
.menuWrapper
{
    background-color:white;
    width:800px;
}
.contentWrapper
{
    background-color:white;
    width:800px;
    /*padding-right:20px;*/
   /* padding-left:10px;*/
}
p {
    color:#597786;
    font-family:Arial;
    font-size:small;
}
strong {
    color:#597786;
    font-family:Arial;
    font-size:small;
    font-weight:700;
}

/*
******************************************************************
******************************************************************
******************************************************************
Search page genral functions
******************************************************************
******************************************************************
******************************************************************
*/
.resultsWrapper
{
    text-align:left;
}

/*
all headers info on the page
*/
.largeInfoItem
{
 color:#597786;
 font-family:Arial;
 font-size:large;
}

.mediumInfoItem
{
 color:#597786;
 font-family:Arial;
 font-size:medium;
}

.smallInfoItem
{
 color:#597786;
 font-family:Arial;
 font-size:x-small;
}

/*
the search Button 
*/
asp:Button
{
	background-color:White;
	font-family:Arial;
	border:solid 1px #597786;
	color:#597786;
	cursor:pointer;
	width:90px;
}
button
{
	background-color:White;
	font-family:Arial;
	border:solid 1px #597786;
	color:#597786;
	cursor:pointer;
	width:90px;
}
.searchButton
{
	background-color:#5D88A2;
	color:White;
	font-family:Arial;
	cursor:pointer;
}

/*
******************************************************************
******************************************************************
******************************************************************
results styles
******************************************************************
******************************************************************
******************************************************************
*/

td
{
    padding-top:2px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:2px;
    border-bottom:solid 1px white;
  
}
/*
  these are used for the results section on the bottom of the search page and saved searches this why it
  in this section and not on the page
*/
.resultsBlockContainer
{
    border-bottom:solid 1px #597786;
    border-top:solid 1px #597786;
    background-color:#E8EEF1;
}

.resultsContainer
{
    background-color:#E8EEF1;
}
.resultsTitle
{
    color:#597786;
    font-family:Arial;
    font-size:medium;
}

.titleText
{
    color:#597786;
    font-family:Arial;
    font-size:medium;
}

.headerText
{
    color:White;
    font-family:Arial;
    font-size:small;
   
}

.smallHeaderText
{
    font-family:Arial;
    font-size:x-small;
    color:White;
}

.resultsText
{
   font-family:Arial;
   color:#597786;
   font-size:medium;      
}
.pageText
{
    font-family:Arial;
    color:#597786;
   font-size:10pt;
}

.header
{
    background-color:#597786;
}

.market
{
    background-color:#F1F9E8;
}

.science
{
    background-color:#e2f4f8;
   
}

.legal
{
    background-color:#fef0db;
}

.news
{
    background-color:#d4e4f3;
}
.sciencenow
{
    background-color:#e2f4f8;
   
}

/*
******************************************************************
******************************************************************
******************************************************************
results colum Widths
******************************************************************
******************************************************************
******************************************************************
*/

.thSet
{
    width:100px;
}

.thType
{
    width:100px;
}

.thSearch
{
    
}

.thHits
{
    width:20px;
}
.thSave
{
    width:20px;
}



/*remove the borders*/
img
{
    border:none;
}

/*
******************************************************************
******************************************************************
******************************************************************
Thess
******************************************************************
******************************************************************
******************************************************************
*/


.addItem
{
	cursor:pointer;
}

.linkItem
{
	cursor:pointer;
}

/*
******************************************************************
******************************************************************
******************************************************************
MENU
******************************************************************
******************************************************************
******************************************************************
*/



#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background: white;
	color: #567133;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px arial}

#sddm div a:hover
{	background: #49A3FF;
	color: #FFF}


.errorStyle
{
	font-weight:bolder;
	color:Red;
	font-family:Arial;
}

/************************************************************************

* 

* Menu Squares

*

************************************************************************/

#sddsq

{     margin: 0;

      padding: 0;

      z-index: 10;

      background: #f6f6f6;

}

#sddsq li

{     margin: 0;

      padding: 0;

      list-style: none;

      float: right;

      font-size: 11px;

        font-family: arial, sans-serif;

        font-weight: bold;

        width: 50px;

}

#sddsq li a

{    display: block;

      margin: 0px;

      padding: 0px;

      width: auto;

      background: #f6f6f6;

      color: #39708F; /*m blue*/

      text-align: right;

      text-decoration: none

 

}

#sddsq li a:hover

{     background: #f6f6f6; /*l bluegrey*/

} 

#sddsq div

{     position: absolute;

      visibility: hidden;

      margin: 0;

      padding: 0;

      background: #ffffff; /*white*/

        width: 132px;

        border-bottom: 1px solid #83AEB2;

        border-left: 1px solid #83AEB2;

        border-right: 1px solid #83AEB2;

        padding-bottom: 10px;

}

#sddsq div a

{     position: relative;

      display: block;

      margin: 0;

      padding: 3px 4px;

      width: auto;

      white-space: nowrap;

      text-align: left;

      text-decoration: none;

      background: #ffffff; /*m grey*/

      color: #494949; /*d grey*/

      font-size: 12px;

        font-family: arial, sans-serif;

        font-weight: bold;

}

#sddsq div a:hover

{     background: #B6D2E2; /*l bluegrey*/

      color: #4a4a4a;

}
/*--------------------*/
#sddsq1

{     margin: 0;

      padding: 0;

      z-index: 10;

      background: #f6f6f6;

}

#sddsq1 li

{     margin: 0;

      padding: 0;

      list-style: none;

      float: right;

      font-size: 11px;

        font-family: arial, sans-serif;

        font-weight: bold;

        width: 50px;

}

#sddsq1 li a

{    display: block;

      margin: 0px;

      padding: 0px;

      width: auto;

      background: #f6f6f6;

      color: #39708F; /*m blue*/

      text-align: right;

      text-decoration: none

 

}

#sddsq1 li a:hover

{     background: #f6f6f6; /*l bluegrey*/

} 

#sddsq1 div

{     position: absolute;

      visibility: hidden;

      margin: 0;

      padding: 0;

      background: #ffffff; /*white*/

        width: 132px;

        border-bottom: 1px solid #83AEB2;

        border-left: 1px solid #83AEB2;

        border-right: 1px solid #83AEB2;

        padding-bottom: 10px;

}

#sddsq1 div a

{     position: relative;

      display: block;

      margin: 0;

      padding: 3px 4px;

      width: auto;

      white-space: nowrap;

      text-align: left;

      text-decoration: none;

      background: #ffffff; /*m grey*/

      color: #494949; /*d grey*/

      font-size: 12px;

        font-family: arial, sans-serif;

        font-weight: bold;

}

#sddsq1 div a:hover

{     background: #B6D2E2; /*l bluegrey*/

      color: #4a4a4a;

}

#helpLink a
{
	position: relative;
    display: block;
    margin: 0;
    padding: 4px 4px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #ffffff; /*m grey*/
    color: #696969;/*d grey*/	
    font-size: 11px;
    padding-bottom:8px;
    font-family: arial, sans-serif;
    font-weight: bold;
    
}
#helpLink a:hover
{
	background: #B3DCDC; /*l bluegrey*/
	}
	
	
#usageLink a
{
	position: relative;
    display: block;
    margin: 0;
    width: auto;
    padding: 4px 4px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #ffffff; /*m grey*/
    color: #696969;/*d grey*/	
    font-size: 11px;
    padding-bottom:8px;
    font-family: arial, sans-serif;
    font-weight: bold;
    
}
#usageLink a:hover
{
	background: #B3DCDC; /*l bluegrey*/
	}
	
	
	/*Gridview styles*/
	.userGVClass	
	{
		color:#597786;
		font-family:Arial;
		font-size:x-small;
		background-color:White;
	}
