/* Site default link styles */
/*a
{
	cursor: pointer;
	cursor: hand;
}
a:link
{
	color: #0066CC;
	text-decoration: underline;
}
a:visited
{
	color: purple;
	text-decoration: underline;
}
a:hover
{
	color: #99CC00;
	text-decoration: none;
}
a:active
{
	color: purple;
	text-decoration: underline;
}
*/
/* Site default table header and hr */
tfoot, thead
{
}

th
{
}

hr.HalfWidth
{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

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

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

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

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

.blue, .blueText
{
	color: #6699FF;
}

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

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

.green, .greenText
{
	color: #99CC00;
}

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

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

.blueBorder
{
	border: solid 1px #6699FF;
}
.blueBorderColor
{
	border-color: #6699FF;
}

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

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

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

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

/* Shaded background using site web palette */
.shaded, .altRow
{
	background-color: #EDEDED;
}
/* other shaded backrounds suitable for headers */
.shadedRed
{
	background-color: #BB3A24;
}
.shadedPurple
{
	/*background-color: #231146;*/
	background-color: #333333;
}
.shadedBlue
{
	/*background-color: #6699FF;*/
	background-color: #333333;
	color:White;
}
.shadedDarkGray
{
	background-color: #555555;
}
.shadedGreen
{
	background-color: #99CC00;
}
.shadedYellow
{
	background-color: Yellow;
}
/*Used on Technical Service page*/

/* line (hr) definitions using site web palette */
/* site default is dark gray */
hr
{
	color: #555555;
	height: 1pt;
	text-align: left;
}
hr.red
{
	color: #FF0000;
}
hr.blue
{
	color: #6699FF;
}
hr.purple
{
	color: #231146;
}
hr.green
{
	color: #99CC00;
}

/* 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 #000000;
	border-left: solid 1px #000000;
}
.debug td
{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}

/* 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, table.gridded th
{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}
table.gridded td td, table.gridded td th
{
	border-width: 0;
}
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;
}
*/



/* Catalog Template classes only */

/* CSS for Templates only */
/*.templateTable
{
	font-size: 12px;
	border: 1px solid #EDEDED;
	padding: 0px;
	white-space:normal;
}
.templateHeader
{
	font-size: small;
	color: white;
	background-color: #663399;
	height: 22px;
	font-weight: bold;
	vertical-align: middle;
}*/
.templateRowHeight
{
	height: 24px;
	vertical-align: middle;
	white-space: nowrap;
	/*position: relative;*/
	white-space:normal;
}
.templateLabelHeader
{
	font-weight: bold;
}

/*1.Vectors 2.Molecular Genomics Host*/


.templateFirstColumn
{
	width: 143px;
	white-space:normal;
}

.templateFirstColumnValue
{
    width:400px;
    white-space:normal; 
}

.templateSecondColumn
{
	width: 70px;
	text-align: left;
	white-space:normal;
}
.templateSecondColumnValue
{
     width:200px; 
    text-align:left;
    white-space:normal;
}
/*2. Cell Biology*/
.templateFC_CB
{
	width: 143px;
	white-space:normal;
}
.templateFCV_CB
{
    width:400px;
    white-space:normal; 
}
.templateSC_CB
{
	width: 70px;
	text-align: left;
	white-space:normal;
}
.templateSCV_CB
{
    width:200px;
    white-space:normal; 
}


.templatePermitsForms
{
	text-align: justify;
	white-space: normal;
}


.templateTblColRowsFirstColumn
{
	width: 143px;
	white-space:normal;
}
.templateTblColRowsFirstColumnValue
{
	text-align: justify;
	white-space: normal;
}


.templateUnorderedList ul
{
	padding: 10;
	line-height: normal;
}
/*margin:5px opx; height:0em;*/
.templateGridviewButton #td
{
	background-image: url( "~/Portals/1/Skins/ATCC/img/bulletPurple_3px.gif" );
}
.templateDisclaimerTable
{
	font-size: 95%;
}

a.templateLink:link
{
	color: #231146;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
a.templateLink:visited
{
	color: #231146;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
a.templateLink:hover
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
a.templateLink:active
{
	color: #231146;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}



a.templateLinkMedia:link
{
	color: #231146;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
a.templateLinkMedia:visited
{
	color: #231146;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
a.templateLinkMedia:hover
{
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
a.templateLinkMedia:active
{
	color: #231146;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

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

.pagerStyle
{
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	text-decoration: none;
	
}

/*Saved Search Module */
.fieldSearchValues
{
	color:White;
	font-size:14px;
	font-weight:bold;
  	
}


/* End of Catalog Tempalate classes */


.Line
{
	background-color: #231146;
	height: 1px;
}

.SiteColor
{
	/*color: #663399;*/
	color:#231145;
}

.SiteColorBold
{
	/*color: #663399;
	font-weight: bold;*/
	margin:0 8px 5px 0;
color:#231145;
font-size:18px;
padding:0 0 0 0;
font-weight:normal;
}


/*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;
}
/**/

/*For content*/
.normalBlue
{
	color: Blue;
}

.bulletCircle
{
	list-style-type: circle;
}
.bulletDisc
{
	list-style-type: disc;
}
.bulletSquare
{
	list-style-type: square;
}
/**/

/* Edit Links */

.MiddleAlign
{
	vertical-align: middle;
}

.leftAlign
{
	text-align: left;
}

/* 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 */


/* start Apoptosis */
table.Apoptosis td, table.Apoptosis th
{
	padding: 10px;
}
table.Apoptosis th
{
	text-align: center;
	font-weight: bold;
}
/* end Apoptosis */

/********* BEGIN   E-Commerce related styles *******************/
.contentTitle {font-size: 1.5em; font-weight: bold; padding-bottom: .5em; padding-top: .7em;}
.color {color: #231146;}
.rowHolder {width:100%; vertical-align:top; padding:0 0 15px 0; border: 0px solid red; }

/*Forms */
.formRowHolder {width:100%; vertical-align:top; padding:0 0 15px 0; }
.FormHeaderBar {padding: .4em 0; border: 1px outset #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 outset #c0c0c0;}
.formRowHolder table td {padding: .5em .1em .5em .5em; border: 1px inset #c0c0c0; vertical-align: top;}
.formRowHolder table table {border: 0px inset #c0c0c0;}
.formRowHolder table table td {border: 0px inset #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;}

/* 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 {border: 1px outset #c0c0c0; padding: .1em .1em .1em .1em; border-width: 0 1px 1px 0!important;}
table#salesOrderHistoryList td {padding: .4em .1em .4em .3em; border: 1px inset #c0c0c0; vertical-align: top; border-width: 1px 0 0 1px!important;}

.FormHeaderBar {background-color: #EBE0F5; text-align:center;}

tr.shade {background-color: #E8F0F5;}

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


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


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


.PageHeaderChar_R
{
    font-size:24px;
    font-weight:bold;
    color:#231146;
}


/*don't change */
div#LoginContainerTitle {
/*	display: inline;*/
	float:left;
	width: auto;
	color: #231146;
}
.noBackground div#LoginContainerTitle {
	font-weight: bold;
	font-size: 120%;/**/
}

.Section div#LoginContainerTitle {
	color: #FFFFFF;
	font-weight: bold;
	background-color: Transparent;
	padding: 5px 0 0 8px;
}
.Links #LoginContainerTitle a, .Links #LoginContainerTitle a:link { color: #231146;text-decoration:none;}
.Links #LoginContainerTitle a:visited {color: #231146;text-decoration:none;}
.Links #LoginContainerTitle a:active {color: #231146;text-decoration:none;}
.Links #LoginContainerTitle a:hover {color: #231146;text-decoration:none;}



/* INTERIOR PAGES TABLE STYLES */



.tablesorter th {
	vertical-align: top;
	border-bottom: #999 thin solid;
}

.templateTable td.templateHeader {
	font-size: 14px;
	font-weight: bold;
	border-bottom: #E8E8E8 thin solid;
}

td.templateFirstColumn, td.templateSecondColumn, td.templateSecondColumnValue, td.templateFirstColumnValue, td.templateTblColRowsFirstColumnValue, td.templateTblColRowsFirstColumn, td.templatePermitsForms {
	vertical-align: top;
	border-bottom: #E8E8E8 thin solid;
}
td.templateFirstColumn a
{
	color:#333333;
	text-decoration:underline;
}
.templateLabelHeader {
	font-weight: bold;
}

.templateDisclaimerTable {
	font-size: 10px;
	line-height: 13px;
	color: #666;
}

.return{
	border-top: #ccc 1px solid;	
	border-bottom: #ccc 1px solid;	
	padding:15px;
	margin-top:20px;
}