/* Access Safety CSS File */
body{
	color: Black;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	background-color: #eeeeee; /* Background Gray */
	font-size: 10px;
	margin-top: 0px;
}

td, th, p{
	color: Black;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 8pt;
	border-width:0px;
}

select{
	font-size: 8pt;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

input{
	font-size: 8pt;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

tr{
	background-color: #eeeeee; /* Background Gray */
}

th.header{

	border-left-width:1px;
	/* line-height: 2ex; */
	border-left-color:#51667b;
	vertical-align: middle


}

tr.header{
	background-color: #f9c067; /* Orange */
}

.span1{
background-color: #f9c067; /* Orange */
}

tr.header2{
	background-color: #51667b; /* Header Blue */
}

td.search_bar{
color: #f9c067;
}

/* Start List page row colors */
tr.list_data{
	background-color: #eeeeee; /* Background Gray */
}
tr.list_odd{
	background-color: #dddddd; /* Dark Gray */
}

/* -- Best methid for alternating row color but it won't work in IE 6-8
tr.data:nth-child(odd) {
  background-color: #dddddd;
}
*/

tr.list_highlight { 
background-color: #bccced; /* Header Blue */
}
/* End List page row colors */

/* Start Archive page row colors */
tr.archive_data{
	background-color: #eeeeee; /* Background Gray */
}
tr.archive_odd{
	background-color: #dddddd; /* Background Gray */
}

tr.archive_highlight { 
background-color: #bccced; /* Header Blue */
}
/* End Archive page row colors */

/* Start Index page row colors */
tr.index_data{
	background-color: #eeeeee; /* Background Gray */
}
tr.index_odd{
	background-color: #dddddd; /* Background Gray */
}

tr.index_highlight { 
background-color: #bccced; /* Header Blue */
}
/* End Index page row colors */

/* Start Master Index page row colors */
tr.master_index_data{
	background-color: #eeeeee; /* Background Gray */
}
tr.master_index_odd{
	background-color: #dddddd; /* Background Gray */
}

tr.master_index_highlight { 
background-color: #bccced; /* Header Blue */
}
/* End Master Index page row colors */

/* Start Master Archive page row colors */
tr.master_archive_data{
	background-color: #eeeeee; /* Background Gray */
}
tr.master_archive_odd{
	background-color: #dddddd; /* Background Gray */
}

tr.master_archive_highlight { 
background-color: #bccced; /* Header Blue */
}
/* End Master Archive page row colors */

table.list{
	border: 0px;
	border-collapse: collapse; /* removed the border lines */
	border-spacing: 0;
	border-top: 0;
	border-width: 0px;
	border-bottom: 0;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* Settings for header.php */
table.header{	/* bottom header table (contains icons) */
	width:100%;
}

table.header2{	/* right icon set table (contains icons) */
	width:30%;
}
table.header1{	/* left icon set table (contains icons) */
	width:100%;
	text-align: left;
}

table.header3{ /* top header table (contains location and logo) */
	width:100%;
	text-align: left;
}

table.header_logo{
	width:100%;
}

/* Logo */
td.header{
	width:10%;
	text-align: center;
	vertical-align: bottom;
}

/* Menu (logout, Admin Area...) */
td.menu{
	width: 36%;
	text-align: center;
	/*
	background-image: url('../images/location.png');
	background-repeat: no-repeat;
	background-position:left center;
	*/
}

a.logo_icon{
	vertical-align: center;
	text-align: center;
}

td.menu2{
	text-align: left;
	margin: 0 auto;
	vertical-align: center;
}

td.breadcrumb{
	text-align: left;
	margin: 0 auto;
	vertical-align: center;
	white-space:nowrap;
}

td.logo_image{
	text-align: right;
	margin: 0 auto;
	vertical-align: center;
	white-space:nowrap;
}

td.logo{
	text-align: center;
	margin: 0 auto;
	vertical-align: bottom;
	white-space:nowrap;
	width: 10%;
}

td.menu3{
	width:10%;
	text-align: center;
}

td.middle{
	width: 40%;
}

/* working with breadcumb */
td.location{
	width: 20%;
	text-align: center;
}
/* End header.php */

/* Start AS Menu */
table.as_menu{
	background-color: #51667b; /* Header Blue */
	position:relative;
	top:10px;
}

tr.as_menu{
	background-color: #eeeeee; /* Background Gray */
}

td.as_menu{
	background-color: #eeeeee; /* Background Gray */
}

div.as_menu{
	background-color: #51667b; /* Header Blue */
	color: #f9c067; /* Orange */
}
/* End AS Menu */

/* Tree view setting - some settings are under msds_treeview/jquery.treeview.css */
ul.filetree{
	background-color: #eeeeee; /* Background Gray */
}

/* Start MSDS Books Menu*/
table.book_menu{
	background-color: #51667b; /* Header Blue */
	position:relative;
	top:10px;
}

tr.book_menu{
	background-color: #eeeeee; /* Background Gray */
}

td.book_menu{
	background-color: #eeeeee; /* Background Gray */
}

div.book_menu{
	background-color: #51667b; /* Header Blue */
	color: #f9c067; /* Orange */
}

div.book_menu2{
	background-color: #51667b; /* Header Blue */
	color: black; /* Orange */
}
/* End MSDS Books Menu*/

/* Start Login */
table.login1{
	background-color: #eeeeee; /* Background Gray */
	color: #51667b; /* Header Blue */
	position:relative;
	top:30px;
	left: -20px;

}

tr.login1{
	background-color: #eeeeee; /* Background Gray */
}

div.login1{
	text-align: left;
	font-size:12px;
}

tr.login3{
	background-color: #51667b; /* Header Blue */
}

tr.login2{
	background-color: #f9c067; /* Orange */
}

td.login1{
	background-color: #eeeeee; /* Background Gray */
}
/* End Login */

/* Start Add Page */
table.add{
border-collapse: collapse; /* removed the border lines */
background-color: #eeeeee;
border: 1px #51667b solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}

tr.add{ /* Column Header */
background-color: #51667b;
}

td.add{	/*	Field names */
font-family: Verdana;
font-weight: normal;
font-size: 12px;
}

td.head_font{ /* Column Header */
color: #f9c067;
font-size: 15px;
font-family: Verdana;
}

input.add{ /* Text input fields */
	font-family: Arial, Sans-Serif;
    font-size: 13px;
    /* background-color: #d6e5f4; */
}

select.add{ /* drop down input fields */
	font-family: Arial, Sans-Serif;
    font-size: 13px;
   /*  background-color: #d6e5f4; */
}
/* End Add Page */

/* Start Edit Page */
table.edit{
border-collapse: collapse; /* removed the border lines */
background-color: #eeeeee;
border: 1px #51667b solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}

tr.edit{ /* Column Header */
background-color: #51667b;
}

td.edit{	/*	Field names */
font-family: Verdana;
font-weight: normal;
font-size: 12px;
}

td.head_font2{ /* Column Header */
color: #f9c067;
font-size: 15px;
font-family: Verdana;
}

input.edit{ /* Text input fields */
	font-family: Arial, Sans-Serif;
    font-size: 13px;
    /* background-color: #d6e5f4; */
}

select.edit{ /* drop down input fields */
	font-family: Arial, Sans-Serif;
    font-size: 13px;
    /* background-color: #d6e5f4; */
}
/* End Edit Page */

/* Start Export Page */
table.export{
background-color: #eeeeee;
border: 1px #51667b solid;
border-spacing: 0px;
margin-top: 0px;
}

tr.export_head{ /* Column Header */
background-color: #51667b;
}

td.export_head{ /* Column Header */
color: #f9c067;
font-size: 15px;
font-family: Verdana;
}
/* End Export Page*/

/* Start Import Page*/
table.import{
background-color: #eeeeee;
border: 1px #51667b solid;
border-spacing: 0px;
margin-top: 0px;
}

table.import2{
background-color: #51667b;
border: 1px #51667b solid;
width: 343px;
margin-top: 50px;
}

tr.import_head{ /* Column Header */
background-color: #51667b;
}

td.import_head{ /* Column Header */
color: #f9c067;
font-size: 15px;
font-family: Verdana;
}
/* End Import Page*/

/* Start Expand Page*/
table.code{
position:relative;
top:10px;
border-width: 2px;
background-color: #eeeeee;
border-color:#51667b;
width: 100%;
}

th.code_n{
	width: 5%;
	border-width:1px;
	background-color:#51667b;
	vertical-align: middle;
	text-align: center;
	color: #f9c067;
	font-size: 15px;
	font-family: Verdana;
}
th.code_pn{
	width: 30%;
	border-width:1px;
	background-color:#51667b;
	vertical-align: middle;
	text-align: center;
	color: #f9c067;
	font-size: 15px;
	font-family: Verdana;
}

th.code_fn{
	width: 65%;
	border-width:1px;
	background-color:#51667b;
	vertical-align: middle;
	text-align: center;
	color: #f9c067;
	font-size: 15px;
	font-family: Verdana;
}

tr.code{
background-color: #eeeeee;
}

p.code_n{
color: #black;
font-size: 15px;
font-family: Verdana;
text-align: center;
}

p.code{
color: #black;
font-size: 15px;
font-family: Verdana;
text-align: left;
}
/* End Expand Page */

/* Start Access Log */
table.aslog{
border-width: 2px;
background-color: #eeeeee;
border-color:#51667b;
}

th.aslog{
	border-width:1px;
	background-color:#51667b;
	vertical-align: middle;
	text-align: center;
	color: #f9c067;
	font-size: 15px;
	font-family: Verdana;
}

th.aslog2{
	border-left-width:1px;
	border-bottom-width:1px;
	border-color: #51667b;
	background-color:#eeeeee;
	vertical-align: middle;
	text-align: center;
}

th.aslog3{
	border-bottom-width:1px;
	border-color: #51667b;
	background-color:#eeeeee;
	vertical-align: middle;
	text-align: center;
}

div.aslog{
	vertical-align: middle;
	text-align: center;
	background-color:#51667b;
	color: #f9c067;
	font-size: 15px;
	font-family: Verdana;
}
/* End Access Log */
.footer, .push {
height: 4em;
}