﻿
/* DS LAYOUT STYLES */

html,html body 
{
height:100%;
margin:0px;
}

html>body #ohmsdsPageDiv 
{
height: auto;
min-height: 100%;

}

DIV#ohmsdsPageDiv
{
padding: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
height:100%;
}

DIV#ohmsdsBodyDiv
{
text-align:left;
background: transparent;
width: 874px;
height:700px;
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
border: red 0px solid;
}

DIV#ohmsdsHeaderDiv
{
background-image: url(templates/ohmsdsHeaderBg2.gif);
background-repeat: no-repeat;
width: 874px;
height: 96px; 
}

DIV#ohmsdsHeaderPaddingDiv
{
	padding: 64 0 0 125;
}

DIV#ohmsdsMenuPaddingDiv
{
	padding: 0 0 0 10;
}

#ohmsdsHeaderTable
{
}

#ohmsdsHeaderTable td
{
}

#ohmsdsHeaderTdLeft
{
width: 250px;
padding: 40 0 0 12;
}

#ohmsdsHeaderTdRight
{
text-align: right;
width: 600px;
padding: 3 15 0 0;
}

DIV#ohmsdsMainMenuDiv
{
background-color: #e2e0d8;
height: 24px;
text-align: left;
margin-bottom: 3px;
padding-left: 12px;
}

DIV#ohmsdsContentDiv
{
text-align: left;
padding: 40 16 10 26px;
}


#ohmsdsContentTable
{
width: 850px;
}

#ohmsdsContentTdLeft
{
background-color: #FFFFFF;
width: 284px;
border-right: 3px solid #FFFFFF;
height: 100%;
}

#ohmsdsContentTdRight
{
width: 566px;
background-color: #FFFFFF;
padding-left: 12px;
}

DIV#ohmsdsFooterDiv
{
margin: 10 0 0 0;
padding: 0 0 0 18;
text-align: left;
font-weight: normal;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
color: #0f3b4c;
text-decoration: none;
outline: none;
}
/* MAIN MENU STYLES */

#ohmsdsMainMenuTable
{
}

#ohmsdsMainMenuCornerLeft
{
background-image: url(templates/ohmsdsMainMenuCornerLeft.gif);
background-repeat: no-repeat;
width: 6px;
height: 23px; 
}

#ohmsdsMainMenuCornerRight
{
background-image: url(templates/ohmsdsMainMenuCornerRight.gif);
background-repeat: no-repeat;
width: 6px;
height: 23px;
}



#ohmsdsMainMenuCornerLeft2
{

background: url(templates/ohmsdsMainMenuBorder.gif) no-repeat left bottom;
height: 32px; 
overflow: hidden;
padding-top:0;

}
#ohmsdsMainMenuPagging
{


}

#ohmsdsMainMenu
{


 height:30;
}


#ohmsdsMainMenuTable td
{
}



.MainMenuItem
{

font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 13px;
color: #FFFFFF;
height:28px;
text-align:center;
vertical-align:bottom;
margin-top: 3px;
margin-left: 2px;
margin-right: 1px;
 
}

.MainMenuItemActive
{

font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
background-image: url(templates/ohmsdsMainMenuBGActive.gif);
background-repeat:repeat-x;
font-size: 13px;
color: #00546c;
text-align:center;
vertical-align:bottom;
margin-top:3px;
margin-left: 2px;
margin-right: 1px;
 height:28px;
}



/* BUTTON STYLES */

.btn
{
border: 3px double #789ba6; 
background-color: #007f93;
padding-left: 2px;
padding-right: 2px;  
background-image: url('templates/ohmsdsDefaultButtonSlider.gif');
background-repeat: repeat-x; 
color: #FFFFFF; 
font: normal 11px Arial, Helvetica, Verdana, sans-serif;
}


.btnRight
{
border: 3px double #789ba6; 
border-top-color:  #789ba6; 
border-left-color: #789ba6;
background-color: #007f93;
padding-left: 2px;
padding-right: 2px;  
background-color: #eff4f6;
color: #0f3b4c;
font: normal 11px Arial, Helvetica, Verdana, sans-serif;
height: 20px; 
width: 100%;
margin-bottom: 10px;
}

.btnRightActive
{
border: 3px double #789ba6; 
border-top-color: #789ba6; 
border-left-color: #789ba6;
background-color: #007f93;
padding-left: 2px;
padding-right: 2px;  
background-image: url(templates/ohmsdsDefaultButtonSlider.gif);
background-repeat: repeat-x; 
color: #FFFFFF; 
font: normal 11px Arial, Helvetica, Verdana, sans-serif;
height: 20px; 
width: 100%;
margin-bottom: 10px;
}


/* FORM STYLES */


#ohmsdsFormTable
{
	padding: 0 0 0 0;
}

#ohmsdsFormTable td
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #0f3b4c;
font-size: 11px;
text-align: left;
padding-right: 5px;
border: red 0px solid;
}

#ohmsdsFormTable th, #ohmsdsFormTable td
{
	
	padding-bottom:0;
	padding-top:0;
}



#ohmsdsFormTable input[type="text"],  textarea
{
border: #789ba6 1px solid;
background-color: #eff4f6;
color: #0f3b4c;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
border: 1px solid #789ba6; 
font-size: 11px;
}

#ohmsdsFormTable select
{
display: block;
border: #789ba6 1px solid;
background-color: #eff4f6;
color: #0f3b4c;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/* PRODUCTDETAILS STYLES */

#ohmsdsDetailsHeaderCornerLeft
{
position: relative;
background: url(templates/ohmsdsDetailsHeaderCornerLeft.gif) no-repeat left bottom;
height: 19px; 
width: 800px;
overflow: hidden;
padding: 4 0 0 10 ;
}

#ohmsdsDetailsHeaderCornerRight
{
position: relative;
background: url(templates/ohmsdsDetailsHeaderCornerRight.gif) no-repeat right top; 
height: 19px;
overflow: hidden;
}

#ohmsdsProductOverview
{
margin-top: 15px;
 margin-left:4;
 margin-bottom:10;

}

#ohmsdsProduct
{
 width:820;
  
}

#ohmsdsProductGrid
{
 padding-left:1;
 padding-right:1;
  
}

#ohmsdsProductOverviewList
{
margin-top: 2px;
border: #789ba6 1px solid;
padding: 10px;
}

#ohmsdsProductOverviewTable
{
width: 100%;

}

#ohmsdsProductOverviewTable td
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #0f3b4c;
font-size: 11px;
padding-left: 2 0 0 0;
width: 160px;
}


#ohmsdsProductInfo
{
margin-top: 15px;
}

#ohmsdsProductInfoList
{
margin-top: 2px;
border: #789ba6 1px solid;
padding: 20 2 10 10;
}

#ohmsdsProductInfoBorder table
{
border: #789ba6 1px solid;
padding: 20 2 10 10;
}


table .mainTable
{
	width: 100%;
	padding:0 0 0 0;
	
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	
}

.mainTable th, .mainTable td
{
	padding : 1;
}

td .loginCell 
{
	 line-height:20px;
}

.productInfoSeparator
{
	border-bottom:solid 2px #789ba6;
	width:100%;
	
}
table .mainTable  input[type="text"], select, textarea
{
	border: #789ba6 1px solid;
	background-color: #eff4f6;
	color: #0f3b4c;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #789ba6; 
	font-size: 11px;
}


table .ingredientsTable
{
	width: 100%;
	padding:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
}
.ingredientsTable th, .ingredientsTable td
{
	padding : 2;
}

td .title  
{
	text-align:right;
	vertical-align:top;
	padding-right:10;
	width:200;
}



td .content  
{
	text-align:left;
}

td .contentRight  
{
	text-align:right;
}
table .innerTable 
{
	width: 100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	border: 0px;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	border-collapse : collapse;
	
}

table .innerTable  input[type="text"], select, textarea
{
	border: #789ba6 1px solid;
	background-color: #eff4f6;
	color: #0f3b4c;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #789ba6; 
}

.separator
{
	 border-bottom:solid 1px #789ba6;
	width:100%;
	
}



.spacer
{
	height:10;
	width:100%;
}

.innerTable th, .innerTable td
{
	font-weight:normal;
	padding-bottom:0;
	padding-top:0;
}

.txt
{ 
	border: #789ba6 1px solid;
	background-color: #eff4f6;
	color: #0f3b4c;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	border: 1px solid #789ba6;
}

.txtSmall
{ 
	border: #789ba6 1px solid;
	background-color: #eff4f6;
	color: #0f3b4c;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	border: 1px solid #789ba6;
}

table .bottomTable 
{
	
	padding:20 0 0 0;
	border: 0px;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	border-collapse : collapse;
	
}

table .borderTable 
{
	height:314;
	width:812;
	border: #789ba6 1px solid;

}



#ohmsdsWebContent
{
	
	padding:0 0 0 0;
	border: 1px;
	border: #789ba6 1px solid;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	height:700;
	
	
}


.ohmsdsWebMenuCell
{
 
	border: 1px;
	border: #789ba6 1px solid;
	width:160;
	background-color:#eff4f6;
}

#ohmsdsWebMenuDiv
{
 
 padding:20;
}

.ohmsdsWebMainMenu
{
	 height:50;
	 vertical-align:top;
	
	
}

.ohmsdsWebTitleCell
{
	padding : 10;
	border-bottom:solid 1px #789ba6;
	width:100%;
}

.ohmsdsWebNoteCell
{
	padding : 10;
	border-bottom:solid 1px #789ba6;
	border-top:solid 1px #789ba6;
	width:100%;
}

.ohmsdsWebHazardCell
{
	
	border-left: solid 1px #789ba6;

}

.ohmsdsWebTitleFont
{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight:bold;
}

.ohmsdsWebHeaderFont
{
	color:#006981;
}

.ohmsdsWebFont
{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	
}

.ohmsdsWebItalicNotes
{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-style:italic;
	color:#999999;
}

.ohmsdsWebSearchTerms
{
	color:#777777;
}

.ohmsdsWebNotes
{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	color:#999999;
}

.ohmsdsWebRequiredField
{
	 color:#ff0000;
}

.ohmsdsWebTitleLable 
{
	color:#006981;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.ohmsdsWebTitle
{
	color:#006981;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	
}

table .ohmsdsRequestInnerTable 
{
	padding:0 0 0 10;
	width:100%;
}

.HeaderRow
{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	text-align:center;
}

table .ohmsdsWebTable
{
	padding-top:10px;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
}

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

.ohmsdsHazardLink:link { text-decoration:underline; color:#006981}
.ohmsdsHazardLink:visited { text-decoration:underline; color:#006981}
.ohmsdsHazardLink:active { text-decoration:underline; color:#006981}
.ohmsdsHazardLink:hover { text-decoration:underline; color:#006981}

.ohmsdsFileLink:link{ text-decoration:none; color:#006981;}
.ohmsdsFileLink:visited{ text-decoration:none; color:#006981; }
.ohmsdsFileLink:active{ text-decoration:none; color:#006981; }
.ohmsdsFileLink:hover{ text-decoration:none; color:#006981; }


.ohmsdsLink:link{ text-decoration:none; color:#006981;}
.ohmsdsLink:visited{ text-decoration:none; color:#006981; }
.ohmsdsLink:active{ text-decoration:none; color:#006981; }
.ohmsdsLink:hover{ text-decoration:none; color:#006981; }


.ohmsdsButtonLink:link
{ 
	text-decoration:none;
	border: 3px double #789ba6; 
	background-color: #007f93;
	padding-left: 2px;
	padding-right: 2px;  
	background-image: url('templates/ohmsdsDefaultButtonSlider.gif');
	background-repeat: repeat-x; 
	color: #FFFFFF; 
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
}



table .buttonTable 
{
	padding:5 5 5 5;
	border: 1px;
	border: #789ba6 1px solid;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	
	
}

.buttonTable th, .buttonTable td
{
	padding : 2;
	
}

.selectedMenuItem
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 3px double #789ba6; 
	border-top-color: #789ba6; 
	border-left-color: #789ba6;
	background-color: #eff4f6;
	background-repeat: repeat; 
	color: #789ba6;
	text-align:center;
	font: normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	height:25px;
	width:165px;
}

.menuItem
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 3px double #789ba6; 
	border-top-color: #789ba6; 
	border-left-color: #789ba6;
	background-image: url(templates/ohmsdsDefaultButtonSlider.gif);
	background-repeat: repeat; 
	background-color: #eff4f6;
	text-align:center;
	color: #FFFFFF;
	font: normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	width:165px;
	height:25px;
}

.submitBtn
{
	border: 3px double #789ba6; 
	border-top-color: #789ba6; 
	border-left-color: #789ba6;
	background-color: #007f93;
	padding-left: 0px;
	padding-right: 0px;  
	background-image: url(templates/ohmsdsDefaultButtonSlider.gif);
	background-repeat: repeat-x; 
	color: #FFFFFF; 
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	height: 22px;
	width:120; 
}
.deleteBtn
{
	border: 3px double #6b6b6b; 
	border-top-color: #6b6b6b; 
	border-left-color: #6b6b6b;
	background-color: #969696;
	padding-left: 0px;
	padding-right: 0px;  
	background-image: url(templates/ohmsdsDeleteButtonSlider.gif);
	background-repeat: repeat-x; 
	color: #FFFFFF; 
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	height: 21px;
	width:120; 
}

.gridSelectedRow
{
 background-color:#789BA6;
}

.gridHeader
{
	border: #789ba6 1px solid;
	background-color: #eff4f6;
	color: #0f3b4c;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #789ba6;
}

.grid
{
	border: #789ba6 1px solid;
	width:812;
}

.checkBox
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border: 0px;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	
}
.italicCheckBox
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border: 0px;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-style:italic;
	
}

.dropDownBtn
{
	border: #789ba6 1px solid;
	margin:0 0 0 0;
	padding:0 0 0 0;
	padding-right: 2px;  
	background-image: url(templates/ohmsdsDropDownArrow.gif);
	background-repeat:no-repeat; 
	height: 17px; 
	width: 18px; 
}


#toggleBtn
{
	
 text-align:center;
 padding:0 0 0 50;
 margin:0  0 0 0;
 
}

#contentTable
{
	padding:5 5 5 5;
}

.gridRow
{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
}


table .loginTable
{
	width: 100%;
	padding:0 0 0 0;
	
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	
}

.loginTable th, .loginTable td
{
	padding-bottom:5px;
	padding-top:5px;
}

DIV#ohmsdsLoginTitleDiv
{
	padding-left:42px
}

.authoritiesTree
{
	border: #789ba6 1px solid;
	background-color: #eff4f6;
	
}


