/* Site default link styles*/
/*a
{
	cursor: pointer;
	cursor: hand;
}
a:link
{
	color: #6B82B6;
	text-decoration: underline;
}
a:visited
{
	color: purple;
	text-decoration: underline;
}
a:hover
{
	color: #6B82B6;
	text-decoration: none;
}
a:active
{
	color: #6B82B6;
	text-decoration: underline;
}
*/

/* Site default table header and hr */
tfoot, thead
{
}

th
{
}

/*********** Formatting Definitions ***********/

/* Make the font bold */
.bold
{
	font-weight: bold;
}
strong, b
{
	font-weight: bold;
}

/* Color definitions using site web palette */
.Required, .requiredText
{
	color: #BB3A24;
}

.origred
{
	color:#BB3A24;
}

.redText, .red
{
	color: #BB3A24;
}

.purple, .purpleText
{
	color: #330066;
}

.blue, .blueText
{
	color: #6B82B6;
}

.gray, .grayText
{
	color: #999999;
}

.green, .greenText
{
	color: #cccc33;
}

.white, .whiteText
{
	color: #FFFFFF;
}

/* Border definitions using site web palette */
.redBorder
{
	border: solid 1px #BB3A24;
}
.redBorderColor
{
	border-color: #BB3A24;
}

.purpleBorder
{
	border: solid 1px #330066;
}
.purpleBorderColor
{
	border-color: #330066;
}

.blueBorder
{
	border: solid 1px #6B82B6;
}
.blueBorderColor
{
	border-color: #6B82B6;
}

.grayDarkBorder
{
	border: solid 1px #999999;
}
.grayDarkBorderColor
{
	border-color: #999999;
}

.grayLightBorder
{
	border: solid 1px #EDEDED;
}
.grayLightBorderColor
{
	border-color: #EDEDED;
}

.greenBorder
{
	border: solid 1px #cccc33;
}
.greenBorderColor
{
	border-color: #cccc33;
}

/* Shaded background using site web palette */
.shaded, .altRow
{
	background-color: #999999;
}
/* other shaded backrounds suitable for headers */
.shadedRed
{
	background-color: #BB3A24;
}
.shadedPurple
{
	background-color: #330066;
}
.shadedBlue
{
	background-color: #6B82B6;
}
.shadedDarkGray
{
	background-color: #999999;
}
.shadedGreen
{
	background-color: #cccc33;
}

/* line (hr) definitions using site web palette */
/* site default is dark gray */
hr
{
	color: #999999;
	height: 1pt;
	text-align: left;
}
hr.red
{
	color: #BB3A24;
}
hr.purple
{
	color: #330066;
}
hr.homeBlue
{
	color: #6B82B6;
}
hr.green
{
	color: #cccc33;
}

/* Form element definitions */
label, td.Label
{
	text-align: left !important;
}

/* Hiding accessibility items */
.hidden
{
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Use this class on a table will put a debugging border on a table and all the contained nested tables */
table.debug, .debug table
{
	border-top: solid 1px #BB3A24;
	border-left: solid 1px #BB3A24;
}
.debug td
{
	border-bottom: solid 1px #BB3A24;
	border-right: solid 1px #BB3A24;
}

/* apply a border to a table, not not to nested tables */
/* to use a different color use 2 classes:
	class="gridded blueBorderColor" */
table.gridded
{
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
}
table.gridded td
{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}
table.gridded td td
{
	border-width: 0;
}

table.griddedCS
{
	font: Arial;
	/*border: solid 1px lightgrey;*/
}
table.griddedCS td
{
	padding: 3px 3px 3px 3px;
	border: solid 1px #EDEDED;
	text-align: center;
}
table.griddedCS th
{
	padding: 3px 3px 3px 3px;
	/*border: solid 1px lightgrey;*/
	/*text-align: center;*/
	/*vertical-align: bottom;*/
	background-color:#000000;
	color:#FFF;
}

table.search
{
	border-right: black 1px solid ;
}
table.search td
{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	padding: 2px;
}
/* Add custom/module specific definitions below this line */

/* personalized pages menu */
a:link.unSelected, a:visited.unSelected, a:active.unSelected, a:hover.unSelected
{
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	text-decoration: none;
	color: Gray;
	padding: 2px 0 2px 2px;
}
a:link.selected, a:visited.selected, a:link.active, a:link.hover
{
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	color: White;
	text-decoration: none;
	background-color: #5F0BDA;
	padding: 2px 0 2px 2px;
}

/*Suggest a Reagent module*/
.suggestWidht
{
	width: 80%;
}
.fieldSetDesign
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}
.rightAlign
{
	text-align: right;
}
.leftAlign
{
	text-align: left;
}
.centerAlign
{
	text-align: center;
}
.NormalBold
{
	font-weight: bold;
	font-size: 12px;
}
.Small
{
	font-size: 12px;
}
.XSmall
{
	font-size: 10px;
}
.justify
{
	text-align: justify;
}
/**/

/* Catalog Template classes only */

.templateTable
{
	font-size: 100%;
	border: 1px solid #EFF5F3;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position:relative;
}
/*Added to fix incident 5842*/
.templateTable a:link
{
	color: #330066;
	text-decoration: underline;
}
.templateTable a:visited
{
	color: #330066;
	text-decoration: underline;
}
.templateTable a:hover
{
	color: #cccc33;
	text-decoration: none;
}
.templateTable a:active
{
	color: #cccc33;
	text-decoration: underline;
}

.templateDisclaimerTable
{
	font-size: 100%;
}
.templateHeader
{
	/*font-size: small;*/
	color: white;
	background-color: #330066;
	height: 22px;
	font-weight: bold;
	vertical-align: middle;
	/*Antonio */
	padding-left: 5px;
}
.templateRowHeight
{
	height: 16px;
	vertical-align: middle;
	/*white-space: nowrap;*/
	position: relative;
}
.templateRowHeight2
{
	height: 18px;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
}
.templateLabelHeader
{
	font-weight: bold;
	/*Antonio */
	padding-left: 5px;
	padding-right: 5px;
}
.templateSearchHeader
{
	font-weight: bold;
	color: #330066;
	font-size: medium;
}
.templateUnorderedList ul
{
	padding: 0;
	margin: 0;
}
.templateUnorderedListNR ul
{
	padding: 10;
	line-height: normal;
}
.templateGridviewButton #td
{
	/*background-image: url( "~/Portals/1/Skins/ATCC/img/bulletPurple_3px.gif" );*/
}

/* For styling */
.disabledLink
{
	cursor: pointer;
}
.templateFirstColumn
{
	width: 143px;
	white-space: normal;
	padding-top:2px;
	padding-bottom:2px;
}
.templateFirstColumnValue
{
	width: 450px;
	white-space: normal;
	padding-top:2px;
	padding-bottom:2px;
}

.templateSecondColumn
{
	width: 70px;
	text-align: left;
	padding-top:2px;
	padding-bottom:2px;
}
.templateSecondColumnValue
{
	width: 150px;
	text-align: left;
	white-space: normal;
	padding-top:2px;
	padding-bottom:2px;
}

.templatePermitsForms
{
	text-align: justify;
	white-space: normal;
	/*Antonio */
	padding-right: 5px;
	padding-top:2px;
	padding-bottom:6px;
}


.templateTblColRowsFirstColumn
{
	width: 143px;
}
.templateTblColRowsFirstColumnValue
{
	text-align: justify;
	white-space: normal;
	/*Antonio*/
	padding-right: 5px;
	padding-top:2px;
	padding-bottom:2px;
}

.templateTblColRowsFirstColumnValue1
{
	text-align: left;
	white-space: normal;
	/*Antonio */
	padding-right: 5px;
	padding-top:2px;
	padding-bottom:2px;
}
.templateTblColRowsFirstColumnValue2
{
	text-align: left;
	white-space: normal;
	/*Antonio */
	padding-right: 5px;
	padding-top:2px;
	padding-bottom:2px;
}

.templateProductInfoCertificate
{
	text-align: left;
	width: 350px;
}
.templateAltRow
{
	background-color: #999999;
}



a.templateLink:link
{
	color: #330066;
	text-decoration: underline;
	/*font-size: small;*/
	font-weight: bold;
}
a.templateLink:visited
{
	color: #330066;
	text-decoration: underline;
	/*font-size: small;*/
	font-weight: bold;
}
a.templateLink:hover
{
	text-decoration: none;
	/*font-size: small;*/
	font-weight: bold;
}
a.templateLink:active
{
	color: #cccc33;
	text-decoration: underline;
	/*font-size: small;*/
	font-weight: bold;
}




/*
a.templateLink:link  { color:  #5F9585; text-decoration: underline; }
a.templateLink:visited   { color:  #5F9585; text-decoration: underline; }
a.templateLink:hover { text-decoration:    none;}
a.templateLink:active { color: #5F9585; text-decoration: underline; }*/

a.inactiveLink:link
{
	color: #000000;
	text-decoration: none;
	cursor: text;
}
a.inactiveLink:visited
{
	color: #000000;
	text-decoration: none;
	cursor: text;
}
a.inactiveLink:hover
{
	color: #000000;
	text-decoration: none;
	cursor: text;
}
a.inactiveLink:active
{
	color: #000000;
	text-decoration: none;
	cursor: text;
}

.paginationTable
{
	font-size: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.templatePageHeader
{
	font-size: 130%;
	font-weight: bold;
	color: #330066;
}
.templateCheckboxHeader
{
	font-size: 100%;
	color: #330066;
	font-weight: bold;
}

/* End of Catalog Tempalate classes */
.SiteColor
{
	color: #330066;
}

.SiteColorBold
{
	color: #330066;
	font-weight: bold;
}
.Line
{
	background-color: #330066;
	height: 1px;
}

/* Edit Links */

.MiddleAlign
{
	vertical-align: middle;
}

/**/
.greenBEI
{
	color: #330066;
}


/* Start CTi_Security */
div.CTi_Security table.Form
{
	margin: 5px 0;
}
div.CTi_Security table.Form td
{
	padding: 2px 5px 2px 0;
}
div.CTi_Security table.Form td.Right
{
	text-align: right;
}
div.CTi_Security ul.Form
{
	margin-left: 0;
}
div.CTi_Security li
{
	margin-left: 15px;
}
/* End CTi_Security */



/************* E-Commerce related styles */

.contentTitle
{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: .5em;
	padding-top: .7em;
}

/*this was the color in current site. Changed to mimic new color
.color {color: #0033CC;} */
.color
{
	color: #330066;
}

/********* profile and sales order sections ************/

/* overriding styles added by HM and KB */
#divCart table
{
	border: solid 1px gray;
	border-width: 0 1px 1px 0;
}
#divCart table td
{
	border: solid 1px gray;
	border-width: 1px 0 0 1px;
	padding: 2px;
}

table.sectionHTML, table.sectionHTML td, table.sectionHTML td table, table.sectionHTML td table td
{
	border-width: 0 !important;
}
/* END-----overriding styles added by HM and KB */

table.sectionHTML
{
	width: 100%;
	border: 0px solid green;
}
table.sectionHTML .leftSide
{
	width: 33%;
	vertical-align: top;
	border: 0px solid red;
}
table.sectionHTML td
{
	border: 0px solid green;
	padding: .2em .1em .2em .2em;
}
table.sectionHTML td table
{
	border: 0px solid green;
	padding: .2em .1em .2em .2em;
}
table.sectionHTML .sectionTitle
{
	font-weight: bold;
	padding-bottom: .5em;
}
table.sectionHTML .explaintion
{
	font-size: .7em;
	font-weight: bold;
	vertical-align: top;
}
div.pageExplaination
{
	padding-bottom: .5em;
	width: 100%;
}

table#salesOrderHistoryList
{
	padding: 0;
	border: 1px solid #c0c0c0;
	border-width: 1px 0 0 1px !important;
}
table#salesOrderHistoryList td
{
	padding: .4em .1em .4em .3em;
	border: 1px solid #c0c0c0;
	vertical-align: top;
	border-width: 0 1px 1px 0 !important;
}

/*Forms */
.formRowHolder
{
	width: 100%;
	vertical-align: top;
	padding: 0 0 15px 0;
}
.FormHeaderBar
{
	padding: .4em 0;
	border: 1px solid #c0c0c0;
	text-align: center;
	font-weight: bold;
}
.formRowHolder .formTitle
{
	font-size: 1.25em;
	font-weight: bold;
}
.formRowHolder .explaination
{
	font-size: .8em;
	font-weight: normal;
}
.formRowHolder table
{
	width: 100%;
	border: 1px solid #c0c0c0;
}
.formRowHolder table td
{
	padding: .5em .1em .5em .5em;
	border: 1px solid #c0c0c0;
	vertical-align: top;
}
.formRowHolder table table
{
	border: 0px solid #c0c0c0;
}
.formRowHolder table table td
{
	border: 0px solid #c0c0c0;
	vertical-align: top;
}
.formRowHolder br
{
	padding: 1em 0;
}

/*for form parts that have mulitple possibilities, such as 3 end user forms, we want the background color to stick out */
.formRowHolder .subHeadingBackColor
{
	background-color: silver;
	font-weight: bold;
}

.rowHolder
{
	width: 100%;
	vertical-align: top;
	padding: 0 0 15px 0;
	border: 0px solid red;
}
.FormHeaderBar
{
	padding: .4em 0;
	border: 1px solid #c0c0c0;
	text-align: center;
	font-weight: bold;
	background-color: #000000;
	color:#FFF;
}
.shade
{
	background-color: #FFFFCC;
}

/********* End E-Commerce related styles */


.AlphaNumericbuttons
{
	font-size: 12px;
	color: #FFFFFF;
	width: 40px;
	height: 40px;
	background-color: #330066;
	border-style: none;
	border-color: #FFFFFF;
}
.AlphaNumericbuttonsClicked
{
	font-size: 12px;
	color: #FFFFFF;
	width: 40px;
	height: 40px;
	background-color: #CCCC33;
	border-style: none;
	border-color: #FFFFFF;
}

.exportToExcelHeader
{
	background-color: #66BBAA;
}

.stmtforProdsheetCOA
{
	 color:#330066;
	 font-weight:bold;
}


#tableHMP
{
	font-size: 11px;
	font-family:Arial;
	color: Black;
	
}

#tableHMP th
{
	height: 22px;
	font-weight: bold;
	vertical-align: top;
	padding-left:5px;
}

#tableHMP td
{
	height: 22px;
    vertical-align: middle;
    padding-left:5px;
    padding-right:5px;
}

#tableHMP td li
{	
    margin-left:-22px; 
}


#tableHMP .close
{
     background: url(img/guidelines.png) no-repeat;
    float:left;
    padding-left:18px;
    margin-left: 180px;   
    width:351px;
    height:36px;
}

#tableHMPList
{
	border: 1px solid #000; border-collapse: collapse; 
	font-size: 11px;
	font-family:Arial;
	color: Black;
	width:100%;
}
#tableHMPList td
{
    border: 1px solid #000; border-collapse: collapse; 
    height: 22px;
    vertical-align: middle;
    padding-left:5px;
    padding-right:5px;
}
#tableHMPList th
{
	background-color: #E5B8B7;
	height: 22px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #000; border-collapse: collapse;
	padding-left:5px;
}

table.searchhelp
{
	border-right: black 1px solid ;
}
table.searchhelp td
{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	padding: 2px;
}