body 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    color:#222222;
    margin: 5px 5px 0px 5px;
    
    
} 

FONT
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px
}
.heading
{
    FONT-SIZE: 17px;
    FONT-WEIGHT: bold;
}

.heading_smaller
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
}

.riskEvalReportHeading
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: left;
	vertical-align: middle;
	height: 30px;
	padding-left: 10px;
}

.mediumheading
{
    FONT-SIZE: 15px; 
    FONT-WEIGHT: bold;
}
.list
{
    FONT-SIZE: 12px
}
H1
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}
H2
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
SELECT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.select
{
    FONT-SIZE: 11px
}
.small {  	font: 11px Tahoma;}
input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
table
{
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#275060;
    font-weight: bold;
    border-color:red;
    white-space:nowrap;
}


/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:white;
    text-decoration:none;
    font-weight: bold;
}
/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    /*border-color: black;*/
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    /*background-color: #5376B5;*/
    /*background-color: #8BA9D6;*/
    background-color: #275060;
    /*border-color: black;*/
}

.label
{
	font-weight:bold;
	font-size:11px;
}

span.label_search
{
	font-weight:bold;
	font-size:13px;
	color: Red;
}

.value
{
 font-size:12px;
 font-weight:normal;
}

.tabControl 
{
 border-style:none; 
 border-width:0px;
}
.tabControlItem
{
}
.valueField 
{
	width:100px;
 word-wrap:break-word;
 vertical-align:middle;
}
.columnHeader
{
	font-weight:bold;
	background-color:#275060;
	font-size:12px;
	/*color:White;*/
	color:white;
 width:100px;

}
.docListColHeader
{
	font-weight:bold;
	background-color:#275060;
	font-size:12px;
	color:white;
}
.alternatingRow
{
	background-color:#f3f3f3;
}
.actionButton 
{
	color:#275060;
	font-size:11px;
	
}
A:link,
A:active,
A:visited
{
	text-decoration: none;
	border:none;
}
A:hover
{
  
    text-decoration: none
}
A
{
	text-decoration: none;
	font-size: 10pt
}

tr 
{
	vertical-align:top;
}

.treeview
{
	color:Black;
}
.treeviewRootNode
{
	color:Black;
}
.treeviewNode
{
	color:Black;
	font-size:11px;
}
.treeviewLeafNode
{
}

.treeviewSelectedNode 
{
  /*color: Red;*/
  background-color:#f3f3f3;
  font-weight: bold;
}

tr.row:hover, tr.over  
{ 
	background-color:#f3f3f3;
}

td 
{
 font-size:12px;
}

.CompanyLogo 
{
	border: none;
} 

.innerLogo
{
	border: none;
	background-color:#275060;
}	

.innerLogoCell
{
	background-color:#275060;
	vertical-align: middle;
	padding-left: 10px;

}	

img.link 
{
	border:none;
}

.locationMgmntButton
{
	background-color: #778899;
	color: White;
	font-weight: bold;
	font-family: Verdana,Arial,Sans-serif;
	font-size: 11px;
	border: outset 2px white;
	cursor: pointer;
	height: 25px;
	margin: 3px;
}

.locationManagement
{
	width: 100%;
}

.locationManagementHeader
{
	font-family: Verdana,Arial,Sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-top: solid 1px gray;
}

.locationManagementCell
{
	background-color: #778899;
	border: outset 2px white;
	padding: 2px 8px 2px 8px;

}

.locationManagementCell a
{
	color: White;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana,Arial,Sans-serif;
	font-weight: bold;
}

.locationManagementCell a:hover
{
	text-decoration: underline;
}

.locationManagementDelete
{
	font-family: Verdana,Arial,Sans-serif;
	font-size: 11px;
	margin: 30px;
}

/***** new design elements *****/

.tableMenu
{
	background-color: #778899;
	border-top: solid 1px #68665C;
	border-left: solid 1px #68665C;
	border-right: solid 1px #68665C;
	width: 100%;
}

.tabDefault
{
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #778899;
	padding: 5px;
	white-space: nowrap;
}

.tabDefault:hover
{
	background-color: #275060;
}

.tabSelected
{
	border-right: solid 1px white;
	border-bottom: solid 1px #275060;
	background-color: #275060;
	padding: 5px;
	white-space: nowrap;
}

.tabLeftover
{
	width: 100%;
	border-bottom: solid 1px white;
}

.tabSelectedText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;	
}

.tabLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    text-decoration: none;
    font-weight: bold;	
}

.infoBar
{
	background-color: #275060;
	border-left: solid 1px #68665C;
	border-right: solid 1px #68665C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;	
} 

.optionsBar
{
	background-color: #275060;
	border-left: solid 1px #68665C;
	border-right: solid 1px #68665C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;	
} 

.locationBar
{
	background-color: #778899;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;	
    width: 100%;
}



/***** Risk Matrix *****/

.risk_matrix_infoBar
{
	border-left: solid 1px #68665C;
	border-right: solid 1px #68665C;
	border-bottom: solid 1px #68665C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #275060;
	color: White;
	width: 100%;
}

.risk_matrix_top
{
	background-color: #275060;
	width: 100%;
	height: 30px;
	vertical-align: middle;
}

.risk_matrix_mainTable
{
	margin-left: 50px;
	display: block;
}

.risk_matrix_matrixPlaceholder
{
	padding-top: 5px;	
	padding-bottom: 5px;	
}

.risk_matrix_menu_base
{
	background-color: #778899;
	vertical-align: middle;
}

.risk_matrix_tab_menu
{
	vertical-align: top;
	background-color: #275060;
}

.risk_matrix_tab_default
{
	border-right: solid 1px white;
	border-top: solid 1px white;
	background-color: #778899;
	padding: 5px;
}

.risk_matrix_tab_selected
{
	border-right: solid 1px white;
	background-color: #275060;
	padding: 5px;
}

.risk_matrix_tab_leftover
{
	background-color: #778899;
	border-top: solid 1px white;
	vertical-align: middle;
	width: 100%;
	padding-right: 50px;
	text-align: right;
}

.risk_matrix_defaultButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #778899;
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-left: 7px;
	padding-right: 7px;
}

.risk_matrix_defaultButton:hover
{
	text-decoration: underline;
}

.risk_matrix_selectedButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #275060;
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-left: 7px;
	padding-right: 7px;
}

/** Risk Evaluation **/

.risk_eval_menuTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	width: 100%;
	text-align: left;
}

.risk_eval_tabTable
{
	border-left: solid 1px #275060;
	border-top: solid 1px #275060;
}

.risk_eval_mainTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: Black;
	border: solid 1px black;	
	width: 100%;
}

.risk_eval_leftoverTab
{
	width: 100%;	
	background-color: #778899;
	border-bottom: solid 1px white;
	border-top: solid 1px #275060;
}

.risk_eval_mainHeader
{
	background-color: #eeeeee;
	font-weight: bold;
	padding-right: 10px;
}

.risk_eval_mainHeader2
{
	background-color: #275060;
	color: White;
	font-weight: bold;
	padding-right: 10px;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}

.risk_eval_infoField
{
	background-color: #eeeeee;
}

.risk_eval_infoFieldBottom
{
	background-color: #eeeeee;
	border-bottom: solid 1px black;
}

.risk_eval_tableheader
{
	text-align: left;
	background-color: #275060;
	color: White;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

.risk_eval_defaultTab
{
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #778899;
	width: 100px;
	padding: 5px;
}

.risk_eval_selectedTab
{
	border-right: solid 1px white;
	border-bottom: solid 1px #275060;
	background-color: #275060;
	width: 100px;
	padding: 5px;
}

.risk_eval_defaultButton
{
	width: 100%;
	background-color: #778899;
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	cursor: hand;
}

.risk_eval_selectedButton 
{
	width: 100%;
	background-color: #275060;
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	cursor: hand;
}

.risk_eval_defaultButton:hover
{
	text-decoration: underline;	
}

.risk_eval_selectedButton:hover
{
	text-decoration: underline;	
}

.risk_eval_backFill
{
	background-color: #eeeeee;
}

.risk_eval_hazardBottom
{
	padding-bottom: 5px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	padding-right: 20px;
}

.risk_eval_hazardClass
{
	width: 30px;
	margin-left: 10px;
	font-size: 14px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #eeeeee;
}

.risk_eval_overrideButton
{
	padding: 1px;
}

.risk_eval_hazardStatus
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: Red;
	font-weight: bold;
}

.risk_eval_override
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	padding-right: 20px;
}

.risk_eval_exposureTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin-left: 3px;
}

.risk_eval_exposureTableTd
{
	padding-right: 20px;	
}

.risk_eval_docsPanel
{
	border: solid 1px black;	
	background-color: White;
}

.risk_eval_saveButtons
{
	padding: 5px;
	margin-bottom: 10px;	
	font-weight: bold;
}

.expDocLink
{
	color: Blue;
	text-decoration: none;	
}

.expDocLink:hover
{
	text-decoration: underline;	
}

.risk_eval_deleteDocButton
{
	color: Blue;
	text-decoration: none;	
	margin-left: 10px;
}

.risk_eval_deleteDocButton:hover
{
	color: Red;
}

/*** Risk Evaluation List ***/

.eval_list_body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: Black;
}

.eval_list_topTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: Black;
	border-left: solid 1px black;	
	border-right: solid 1px black;	
	border-bottom: solid 1px black;	
	width: 100%;
}

.eval_list_pageHead
{
	text-align: left;
	background-color: #275060;
	color: White;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

.eval_list_pageClose
{
	text-align: right;
	background-color: #275060;
	color: White;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
}

.eval_list_evalTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	border-left: solid 1px black;		
	border-right: solid 1px black;		
	border-bottom: solid 1px black;		
}

.eval_list_infoTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	width: 100%;
	height: 100%;
	border-left: solid 1px black;	
	border-right: solid 1px black;	
	border-bottom: solid 1px black;	
	background-color: #eeeeee;
	padding-bottom: 5px;
}

.eval_list_tableHead1
{
	background-color: #275060;
	color: White;
	font-weight: bold;
	width: 200px;
	padding: 5px 0px 5px 5px;
}

.eval_list_tableHead2
{
	background-color: #275060;
	color: White;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

.eval_list_tableHead3
{
	font-weight: bold;	
}

.eval_list_bottomCell
{
	padding-bottom: 5px;
}

.eval_list_docsPanel
{
	background-color: White;
	width: 300px;
	font-weight: normal;
	height: 100px;
	overflow: auto;

}

.eval_list_docsTableCell
{
	border-left: solid 1px black;
	background-color: White;	
	font-weight: bold;
	width: 300px;
	padding-left: 5px;
	vertical-align: top;

}

.eval_list_borderBottom
{
	border-bottom: solid 1px gray;	
}

.eval_list_summaryInfoCell
{
	border-bottom: solid 1px black;
}

.eval_list_summaryDocumentCell
{
	background-color: White;
}

.eval_list_summaryBlankCell
{
	border-bottom: solid 1px black;	
	background-color: White;
}


/*** Risk Color Columns ***/

.riskColorColumn
{
	position: absolute; 
	right: 7px;
	bottom: 1px;
	cursor: default;
} 

.riskColorColumnBig
{
	position: absolute; 
	right: 3px;
	bottom: 1px;
	cursor: default;
}

.riskColorColumnHeader
{
	position: absolute; 
	right: 14px;
	/*bottom: 1px;*/
	cursor: default;
}


/*** Contact person search ***/

.contact_main
{
	font-family: Verdana,Arial,Sans-serif;
	font-size: 12px;
	color: Black;	 
	background-color: #eeeeee;
	width: 700px;
	border: solid 1px black;

}

.contact_searchPanel
{
	border: solid 1px black;	
}

/*** Contact person admin page ***/

.contact_body
{
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;

}


/*** Main Admin page ***/

.admin_body
{
	margin: 20px 20px 20px 20px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;	
}

.admin_body a
{
	text-decoration: none;
}

.admin_body a:hover
{
	text-decoration: underline;
}

.admin_body a:visited
{
	color: Blue;
}

.admin_menuTable
{
	border: solid 1px black;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;		
	width: 400px;
}

.admin_menuHeading
{
	background-color: #778899;
	color: White;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px black;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*** Archive search ***/

.panelArchiveSearch
{
	overflow: auto;
	height: 250px;
	margin-left: 10px; 
	margin-right: 10px;
}

/*** New MSDS ***/

.newMsdsTable
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	margin-left: 50px;
	margin-top: 30px;
	border: solid 1px gray;

}

/*** Danger Labelling ***/

.labellingTable
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	border: solid 1px gray;
	background-color: #eeeeee;
	width: 240px;
}


/*** WPI editor ***/

.wpi_menuTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	width: 100%;
	text-align: left;
}

.wpi_tabTable
{
	border-left: solid 1px #275060;
	border-top: solid 1px #275060;
}

.wpi_mainTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: Black;
	border-top: solid 1px black;	
	border-right: solid 1px black;	
	width: 100%;
}

.wpi_tableheader
{
	background-color: #275060;
	color: White;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

.wpi_borderBottom
{
	border-bottom: solid 1px Maroon;
}

.wpi_LinkButton
{
	color: Black;
}

.wpi_leftoverTab
{
	width: 100%;	
	background-color: #778899;
	border-bottom: solid 1px white;
	border-top: solid 1px #275060;
}

.wpi_defaultTab
{
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #778899;
	width: 100px;
	padding: 5px;
}

.wpi_selectedTab
{
	border-right: solid 1px white;
	border-bottom: solid 1px #275060;
	background-color: #275060;
	width: 100px;
	padding: 5px;
}

.wpi_defaultButton
{
	width: 100%;
	background-color: #778899;
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	cursor: hand;
}

.wpi_selectedButton 
{
	width: 100%;
	background-color: #275060;
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	cursor: hand;
}

.wpi_defaultButton:hover
{
	text-decoration: underline;	
}

.wpi_selectedButton:hover
{
	text-decoration: underline;	
}

.wpi_templatePanelDesc
{
	border-top: solid 1px #DDBBBB;
}

.wpi_tempPanelDesc
{
	font-size: 9px;
	padding: 3px;
}

.wpi_templatePanel
{
	padding:10px;
}

.wpi_templatePanelCollection
{
	background-color:#FFEEEE;
	border-left: solid 1px #DDBBBB;
	border-right: solid 1px #DDBBBB;
}

.wpi_locPanel
{
	padding:10px;
	border-bottom: solid 1px #BBBBBB;
}

.wpi_locPanelDesc
{
	font-size: 9px;
	padding: 3px;
}
.wpi_locPanelDescLabel
{
	font-size: 9px;
}
.wpi_locPanelCollection
{
	background-color:#EEEEEE;
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
}

.wpi_textBox
{
	border: solid 1px #CCCCCC;
	padding: 9px;
	font-size: 9px;
	font-family: Verdana;
}