﻿a, a:active, a:hover, a:link, a:visited { color: #0000FF; text-decoration: none; }
body { height: auto; padding: 0px; margin: 0 auto; width: 980px; font-family: Arial;}

/* Master Page Layout */
#container { margin: 0 auto; width: 980px; height: 650px; float: left; background-color: #FFFFFF; background-image: url(../images/main_bg.jpg); background-repeat: repeat-x; }
#header_Logo { background-image: url(../images/header_bg.gif); background-repeat: repeat-x; height: 69px; }
.logo { float: left; padding-top: 16px; padding-left: 31px; }
.header_Middle { float: right; }
.header_Right { float: right; background-image: url(../images/header_right.gif); background-repeat: repeat-x; width: 377px; height: 60px; }
.header_Welcome_Left { float: left; padding-top: 18px; padding-right: 18px; padding-left: 74px; width: 285px; }
.header_Welcome_Img { float: left; background-image: url(../images/welcome.png); height: 19px; width: 82px; background-repeat: no-repeat; }
.header_Welcome_Text { float: left; height: 19px; width: 130px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; line-height: 13px; padding-top: 3px; }
/* Menu */
.header_Menu { float: left; height: 31px; width: 950px; text-decoration: none; padding-left: 45px; padding-right: 45px; padding-top: 4px; }
#menu { line-height: 20px; width: 90%; position: relative; z-index: 2; }
.menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-left: 0px; width: 90%; }
.menu a { color: #1e00ff; }

.menu a:hover { color: #7FBB36; }
.dynamicMenuItemStyle { padding: 1px 2px 1px 2px; font-size: 12px; background-color: #7DBADA; }
.dynamicMenuItemStyle a { color: #000000; }
.dynamicMenuItemStyle a:hover { color: #FFFFFF; }
.staticMenuItemStyle { padding: 1px 3px 1px 3px; text-align: center; }
/* End of Menu */
.float_Right { float: right; }
.language_DropDownList { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; border: 1px solid #9c9c9c; height: 20px; width: 72px; }
.siteMapPath_Left { float: left; }
.siteMapPath_Middle { float: left; background-image: url(../images/siteMapPath_Middle.gif); background-repeat: repeat-x; width: 700px; height: 28px; padding-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #1472e6; text-decoration: none; padding-left: 10px; }
.siteMapPath_Right { float: left; padding-right: 224px; }
#content { clear: both; font-size: 0.8em; min-height: 475px; height: auto !important; height: 475px; width: auto; }
.content { float: left; padding-top: 25px; padding-left: 22px; padding-right: 22px; padding-bottom: 15px; text-decoration: none; width: 976px; }
.footer { color: #273c0c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; padding-top: 8px; background-image: url(../images/footer_bar.gif); background-repeat: repeat-x; height: 30px; }
.footer-left { float: none; }
.footer-right { text-align: right; }
/* End of Master Page Layout */

/* Home Page Layout */
.home_box { float: left; display: inline; white-space: nowrap; padding: 6px 6px 6px 6px; width: 450px; }
.webPartZone_PartStyle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; background-image: url(../images/box_bg.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FAF8F4; height: 200px; width: 450px; vertical-align: top; }
.webPartZone_PartTitleStyle { background-image: url(../images/box_c.gif); background-repeat: repeat-x; background-position: top; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1e00ff; text-decoration: none; padding-top: 15px; padding-left: 5px; height: 15px; }
.webPartZone_PartChromeStyle { color: White; background-color: #F7F6F3; border-color: #E2DED6; border-width: 1px; border-style: Solid; font-family: Verdana; }
/* End of Home Page Layout */

/* Login Page Layout */
.content_Login { float: left; padding-top: 72px; padding-left: 260px; text-decoration: none; }
.login_Middle { float: left; padding-top: 118px; text-decoration: none; padding-left: 76px; width: 308px; padding-right: 78px; }
.login_Label { color: #90C451; font-weight: bold; width: 105px; }
.login_TextBox { border: 1px solid #9c9c9c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; height: 17px; width: 190px; }
/* End of Login Page Layout */

/* Logout Page Layout */
.content_Logout { float: left; padding-top: 70px; padding-left: 250px; text-decoration: none; }
.logout_Text { float: left; padding-top: 105px; text-decoration: none; padding-left: 78px; width: 308px; padding-right: 78px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
/* End of Logout Page Layout */

/* License Key Layout */
.content_LicenseKey { float: left; padding-top: 100px; padding-left: 150px; text-decoration: none; }
/* End of License Key Layout */

/* Details Page Layout */
.content_DetailsView { float: left; padding-top: 33px; text-decoration: none; padding-left: 28px; padding-right: 27px; width: 914px; background: url(../images/details_Background.png); background-position: top; background-repeat: no-repeat; text-align: left; }
/* End of Details Page Layout */

/* GridView Page Layout */
.content_GridView { float: left; padding-top: 15px; text-decoration: none; padding-left: 28px; padding-right: 27px; width: 914px; background: url(../images/details_Background.png); background-position: top; background-repeat: no-repeat; text-align: left; }
/* End of GridView Page Layout */

.actionButton { float: right; width: 20px; text-align: center; }

.actionButton_wide { float: right; width: 60px; text-align: right; }

.modalPopupButton { position: absolute; top: 160px; left: 928px; }

.view_ActionButton { float: right; width: 40px; text-align: center; }

.button { width: 50px; border: 1px solid #2C59AA; color: black; cursor: hand; font-size: 12px; padding: 2px, 2px, 0px, 2px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); }

.linkButton { width: 250px; border: 1px solid #2C59AA; color: #7fbb36; cursor: hand; font-size: 13px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.configuration { position: absolute; left: 300px; width: 130px; height: 20px; text-decoration: none; font-size: 12px; color: #003366; line-height: 20px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; display: inline; }
.configuration2 { position: absolute; left: 300px; width: 400px; height: 20px; text-decoration: none; font-size: 12px; color: #003366; line-height: 20px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; display: inline; }
.configuration_textbox { position: absolute; left: 300px; width: 400px; height: 90px; text-decoration: none; font-size: 12px; color: #003366; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; display: inline; }
.configuration_error_message { position: absolute; left: 450px; text-align: left; vertical-align: middle; }
.configuration_textbox_error_message { position: absolute; left: 730px; text-align: left; vertical-align: middle; }
.detailsView { width: 700px; }
.detailsView_Top { width: 720px; background-image: url(../images/detail_top.gif); background-repeat: repeat-x; background-position: bottom; height: 37px; }
.detailsView_Middle { width: 720px; background-image: url('../images/detail_under_bg.gif'); background-repeat: repeat-x; background-position: 50% bottom; background-color: #faf8f4; text-align: left; }
.detailsView th, .detailsView tr, .detailsView td { padding: 5px 5px 1px 5px; }
.detailsView_AlternatingRow { padding-left: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; text-align: left; vertical-align: bottom; }
.detailsView_CommandRow { font-weight: bold; height: 40px; vertical-align: top; }
.detailsView_EditRow { padding-left: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; text-align: left; vertical-align: bottom; }
.detailsView_EmptyDataRow { }
.detailsView_FieldHeader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #96DB41; text-align: left; height: 30px; width: 300px; vertical-align: bottom; }
.detailsView_Footer { background-color: #5D7B9D; color: #FFFFFF; font-weight: bold; }
.detailsView_Header { background-color: #5D7B9D; color: #FFFFFF; font-weight: bold; }
.detailsView_InsertRow { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; text-align: left; vertical-align: bottom; }
.detailsView_Pager { background-color: #284775; }
.detailsView_Row { padding-left: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; text-align: left; vertical-align: bottom; }
.detailsView_CommandField { clear: left; text-align: right; }
.dropDownList { width: auto; text-decoration: none; height: 20px; font-size: 12px; color: #003366; line-height: 20px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; }
.errorMessage { font-size: 1.5em; color: #FF0000; text-align: left; }
.gridView { width: 100%; }
.gridView th, .gridView tr, .gridView td { padding: 5px; }
.gridView_AlternatingRow { background-color: #FFFFFF; color: #000000; }
.gridView_AlternatingRow td { vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4B4B4; font-size: 12px; }

.control_GridView_AlternatingRow { background-color: #FFFFFF; color: #000000; }
.control_GridView_AlternatingRow td { vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4B4B4; font-size: 12px; }

.gridView_EditRow { background-color: #FAF8F4; font-size: 12px; }
.gridView_EmptyDataRow { }
.gridView_Header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: normal; color: #1e00ff; text-decoration: none; padding-top: 16px; height: 30px; text-align: left; vertical-align: bottom; }

.gridView_Header a { color: #1e00ff; }
.gridView_Header th { background-color: #ffffff; background-image: url(../images/header_Background.gif); background-repeat: repeat-x; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4B4B4; }

.control_GridView_Header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: normal; color: #7fbb36; text-decoration: none; padding-top: 18px; height: 28px; text-align: left; vertical-align: bottom; }

.control_GridView_Header a { color: #7fbb36; }

.control_GridView_Header th { background-color: #ffffff; background-image: url(../images/header_Background.gif); background-repeat: repeat-x; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4B4B4; }

.gridView_Header_Sort_Asc { background: url(../images/arrowUp.gif) no-repeat; }
.gridView_Header_Sort_Desc { background: url(../images/arrowDown.gif) no-repeat; }
.gridView_Footer { background-color: #FAF8F4; font-size: 12px; }
.gridView_Footer a { color: #ADADAD; }
.gridView_SelectedRow { background-color: #5D7B9D; color: #333333; font-weight: bold; }
.gridView_Pager { font-size: 12px; color: #7fbb36; background: #FFFFFF; }
.gridView_Pager table tr td { width: 8px; }
.gridView_Pager a { color: #000000; }
.gridView_Row, .gridView_Row_Under { color: #000000; font-size: 12px; }
.gridView_Row td { vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4B4B4; }
.gridView_Row_AlternativePart td { vertical-align: top; font-size: 12px; }
.control_GridView_Row { color: #000000; font-size: 12px; }

.control_GridView_Row td { vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4B4B4; }

.gridView_Row_Last td { vertical-align: top; padding-bottom: 30px; }
.dynamicSelectedStyle { background-color: #FF9900; }
.label { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; vertical-align: middle; display: block; }
.label2 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; vertical-align: middle; }
.label_SelectSupplier, .label_SelectSubstance, .label_SelectTechnicalDocument, .label_SelectCustomer { color: #1e00ff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: left; vertical-align: middle; display: block; }

.recycleTier { width: 180px; text-decoration: none; font-size: 12px; color: #003366; line-height: 14px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; display: inline; }
.recycleTier_short { width: 130px; text-decoration: none; font-size: 12px; color: #003366; line-height: 14px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; display: inline; }

.checkBoxList { text-decoration: none; font-size: 12px; color: #003366; line-height: 14px; text-align: left; vertical-align: middle; display: inline; }

.searchRow { width: 912px; }
.tabPanelSearchRow { width: 900px; }
.searchRow_Install { width: 600px; }
.searchRow_Popup { width: 550px; }
.searchField { float: left; padding: 0px 5px 0px 5px; display: block; width: auto; }

.homeField { float: left; padding: 6px 6px 6px 6px; display: block; width: auto; }

.searchRowHS { width: 882px; clear: both; line-height: 30px; width: auto; position: relative; }

.textbox_xs { width: 50px; text-decoration: none; font-size: 12px; color: #000000; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_s { width: 100px; text-decoration: none; font-size: 12px; color: #000000; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_Red { width: 100px; text-decoration: none; font-size: 12px; color: Red; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_m { width: 200px; text-decoration: none; font-size: 12px; color: #000000; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_l { width: 300px; text-decoration: none; font-size: 12px; color: #000000; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_xl { width: 400px; text-decoration: none; font-size: 12px; color: #000000; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_box { width: 400px; text-decoration: none; font-size: 12px; color: #000000; height: 100px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
.textbox_ReadOnly { width: 200px; font-weight: bold; background: #D3D3D3; text-decoration: none; font-size: 12px; color: #000000; height: 17px; line-height: 17px; border: 1px solid #9c9c9c; text-align: left; vertical-align: middle; }
#actionButtons { clear: both; float: right; text-align: right; }
#dataArea { clear: both; }
.dataArea { clear: both; }
#fileUploadStatus { clear: both; font-weight: bold; font-size: 12px; left: 320px; color: red; font-family: verdana; position: absolute; top: 200px; text-align: center; }
#footer { background-color: #80D52B; font-size: 0.8em; line-height: 25px; text-align: center; color: #331A00; }
#header { padding: 5px; width: auto; height: 50px; background-color: #80D52B; line-height: 50px; }
#header #title { color: #FFFC52; vertical-align: middle; width: 680px; float: left; font-size: 1.8em; }
#header #language { float: right; width: 100px; }
#header #loginStatus { float: right; width: 70px; }
#header #loginName { float: right; width: 120px; }

#searchArea { clear: both; line-height: 30px; width: auto; position: relative; top: 0px; left: 1px; }

.searchArea { clear: both; line-height: 30px; width: auto; position: relative; }

#searchFields { line-height: 30px; float: left; width: 780px; }
#siteMapPath { background-image: url(../images/tz_r_01.gif); font-size: 0.8em; height: 23px; vertical-align: middle; }
.dropDownList_Details { width: auto; text-decoration: none; font-size: 12px; font-weight: bold; color: #003366; line-height: 20px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle; /*background-color:#75D175;*/ }
.gvBackColorYellow { background-color: #EBEB00; vertical-align: top; font-size: 12px; }
.gvBackColorRed { background-color: #FF7094; vertical-align: top; font-size: 12px; }
.tableTitle { background-color: #75D175; height: 22px; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; border-collapse: collapse; padding-left: 10px; }
.tableRow2 { height: 20px; font-size: 13px; color: #335ca7; text-decoration: none; border-collapse: collapse; font-weight: normal; padding-left: 10px; background-color: #FFFFFF; }
.tableRow1 { height: 20px; font-size: 13px; color: #335ca7; text-decoration: none; border-collapse: collapse; font-weight: normal; padding-left: 10px; background-color: #f0f0f0; }
.clear { clear: both; }
/*TOP Navigation*/

ul#nav { padding: 0px; margin: 0px; list-style: none; }

ul#nav li { float: left; position: relative; }
/*End of Top Navigation Class*/

.labelError { color: Red; }

.ListSearchExtenderPrompt { font-style: italic; color: #FF0000; background-color: #FFFF00; display: block; }

ListBox { border-style: solid; }

.modalPopup { background-color: #FFFFFF; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; }

.modalBackground { background-color: Gray; filter: alpha(opacity=70); }

.ajax__calendar .ajax__calendar_container { line-height: normal; border: 1px solid #646464; background-color: #ffffff; color: #000000; }
.ajax__calendar .ajax__calendar_body table tr td { padding: 0px; font-weight: normal; }
.ajax__calendar .ajax__calendar_footer { border-top: 1px solid #f5f5f5; font-weight: normal; }
.ajax__calendar .ajax__calendar_dayname { border-bottom: 1px solid #f5f5f5; }
.ajax__calendar .ajax__calendar_day { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_month { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_year { border: 1px solid #ffffff; }

.ajax__calendar .ajax__calendar_active .ajax__calendar_day { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_month { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_year { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }

.ajax__calendar .ajax__calendar_other .ajax__calendar_day { background-color: #ffffff; border-color: #ffffff; color: #646464; }
.ajax__calendar .ajax__calendar_other .ajax__calendar_year { background-color: #ffffff; border-color: #ffffff; color: #646464; }

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today { color: #0066cc; }



.sBase { position: relative; width: 100%; height: 100%; overflow: hidden; }

/* HEADERS */
.sHeader { position: absolute; z-index: 3; background-color: #ffffff; }
.sHeaderInner { position: relative; }
.sHeaderInner table { border-spacing: 0px 0px !important; border-collapse: collapse !important; table-layout: fixed !important; background-color: #ffffff; /* Here b/c of Opera 9.25 :( */ }

/* HEADERS - FIXED */
.sFHeader { position: absolute; z-index: 4; overflow: hidden; }
.sFHeader table { border-spacing: 0px 0px !important; border-collapse: collapse !important; width: 1px !important; table-layout: fixed !important; background-color: #ffffff; /* Here b/c of Opera 9.25 :( */ }

/* BODY */
.sData { position: absolute; z-index: 2; overflow: auto; background-color: #ffffff; }
.sData table { border-spacing: 0px 0px !important; border-collapse: collapse !important; width: 1px !important; table-layout: fixed !important; }

/* BODY - FIXED */
.sFData { position: absolute; z-index: 1; background-color: #ffffff; }
.sFDataInner { position: relative; }
.sFData table { border-spacing: 0px 0px !important; border-collapse: collapse !important; width: 1px !important; table-layout: fixed !important; }
.details_row { clear: both; height: 40px; }
.details_label { padding-top: 10px; padding-left: 5px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; vertical-align: bottom; display: block; border-bottom-style: solid; border-bottom-color: #96DB41; border-bottom-width: 1px; width: 285px; float: left; }
.details_input { position: relative; width: 130px; height: 20px; text-decoration: none; font-size: 12px; color: #003366; line-height: 20px; border: 1px solid #CCCCCC; text-align: left; vertical-align: bottom; float: left; display: block; }

.content_Install { float: left; padding-top: 80px; padding-left: 260px; text-decoration: none; width: 500px; }
