@import url("Common.css");

html
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt; /*height: 100%;*/ /*width: 100%;*/
}

body
{
	background-image: url("../images/top_line_grey.bmp" );
	background-position: right top;
	background-repeat: repeat-x;
	margin: auto;
	min-width: 1024px;
	padding: 0px 10px 0px 10px;
	text-align: center; /*width: 100%;*/
}

/****** Master page ******/

.SiteLogo
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	width: 127px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -50px;
	position: absolute;
}

.FPLogo
{
	position: absolute;
	left: 300px;
	top: 15px;
	cursor: pointer;
}

#header
{
	height: 70px;
	padding-left: 30px;
	text-align: left;
}

#headlinks
{
	color: #666666;
	float: right;
	font-size: 0.9em;
	padding-top: 46px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 0;
	text-align: right;
	width: 700px;
	font: 8pt verdana;
}

#headlinks a, #headlinks a:link, #headlinks a:visited, #headlinks a:active
{
	color: #666666;
	margin: 0px 2px 0px 2px;
	text-decoration: none;
}

#headlinks a:hover
{
	color: #000;
}

.User
{
	background-image: url("../images/User.png" );
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	padding: 5px 0px 05px 20px;
}

#menuContainer
{
	background-image: url('../images/TopMenu.png');
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 23px;
	text-align: left;
	position: relative;
	width: 100%;
}

#mainContainer
{
	border: 1px solid #C0C0C0;
	min-height: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 1000px;
}

#sitePathContainer
{
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1000px;
}

#outerWrapper
{
	border: thin none #CCC;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	text-align: left;
	width: 1000px;
}

#footer
{
	border: 1px solid #C0C0C0;
	font-size: 0.8em;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 1000px;
}

#footerLeft
{
	color: #5E9239;
	float: left;
	height: inherit;
	font-size: medium;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 6px;
}

#footerRight
{
	float: right;
	height: inherit;
	margin-right: 10px;
	margin-top: 9px;
}

/****** Site path ******/

.SitePath
{
	clear: both;
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	height: 24px;
	margin-left: 10px;
}

.activeMillHeader
{
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	height: 24px;
	font-weight: bold;
	margin-right: 10px;
}

/*
.rounded
{
	border: 1px solid #C0C0C0;
	height: 200px;
	width: 200px;
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
}
*/
.rounded
{
	border-radius: 1ex;
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
}


/****** Login ******/

.LoginStrip
{
	background-color: #E3E3E3;
	height: 130px;
	left: 0px;
	margin: 150px 1px auto 0px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.LoginBox
{
	color: #666;
	font: 8pt verdana;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	text-align: right;
	width: 400px;
}

.LoginBox td
{
	padding: 2px 2px 2px 2px;
}

.LoginButton
{
	color: #333;
	width: 100px;
	margin-right: 7px;
	background-color: #F5F5F5;
	font: 8pt verdana;
	border: 1px solid #999;
	height: 20px;
}

/****** Login ******/
.ContactUsTitle
{
	font: 2em calibri;
	color: #5E9239;
}

.ContactUsTitle2
{
	font: 1.2em calibri;
	text-transform: uppercase;
	color: #666;
}

.ContactUsTitle3
{
	font: 1.2em calibri;
	color: #666;
}

.ContactTitleLeft
{
	float: left;
}

.ContactUsTable
{
	float: left;
	width: 200px;
	position: relative;
}


/****** Common controls ******/

.TextBoxLeft
{
	text-align: left;
}

.TextBoxRight
{
	text-align: right;
}

.TextBoxCenter
{
	text-align: center !important;
}

.TextBox, .TextBoxRight, .TextBoxLeft, .TextBoxCenter
{
	font: 1em verdana;
	border: 1px solid #AFAFAF;
	color: #2A2A2A;
	vertical-align: middle;
	height: 16px;
	cursor: text;
}

input 
{
	font: 9pt verdana;
	color : #2a2a2a
}

.TextBox:hover
{
	font: 1em verdana;
	color: #5E9239;
	border: 1px outset #AFAFAF;
	vertical-align: middle;
	height: 16px;
	cursor: text;
	background-color: #FAFAFA;
}

.ComboBox
{
	font: 10pt verdana;
	border: 1px solid #AFAFAF;
	color: #2A2A2A;
	vertical-align: middle;
	height: 16px;
	cursor: pointer;
}

.ComboBox:hover
{
	font: 10pt verdana;
	color: #5E9239;
	border: 1px outset #AFAFAF;
	vertical-align: middle;
	height: 16px;
	cursor: pointer;
	background-color: #FAFAFA;
}

.HideControl
{
	display: none;
}

.ButtonRight
{
	float: right;
}

.ButtonLeft
{
	float: left;
}

.Button, .ButtonRight, .ButtonLeft
{
	color: #3E4953;
	width: 125px;
	margin: 2px;
	background-color: #E7EAED;
	font: 9pt verdana;
	border: 1px solid #999;
	height: 25px;
}

.Button:hover, .ButtonRight:hover, .ButtonLeft:hover
{
	cursor: pointer;
	color: black;
	background-color: #9CD36F;
	border: 1px solid #3E4953;
}

.Button:disabled, .ButtonRight:disabled, .ButtonLeft:disabled
{
	color: darkgrey;
	width: 125px;
	margin: 2px;
	background-color: lightgray;
	font: 9pt verdana;
	border: 1px solid #999;
	height: 25px;
}

.Button:disabled:hover, .ButtonRight:disabled:hover, .ButtonLeft:disabled:hover
{
    cursor: default;
	color: #3E4953;
	background-color: #E7EAED;
	border: 1px solid #999;
}

.CalendarTextButtonRight
{
	float: right;
}

.CalendarTextButton, .CalendarTextButtonRight
{
	font: 10pt verdana;
	border: 1px solid #AFAFAF;
	color: #2A2A2A;
	vertical-align: middle;
	height: 16px;
	width: 100px;
	cursor: pointer;
	background-image: url("../images/calendar.png" );
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 4px 0px 4px;
	margin-right: 40px;
}

.CalendarTextButton:hover
{
	font: 10pt verdana;
	color: #5E9239;
	border: 1px outset #AFAFAF;
	vertical-align: middle;
	height: 16px;
	cursor: pointer;
	background-color: #FAFAFA;
}

.WatermarkText
{
	color: #C0C0C0;
	font-style: italic;
}

.CheckBox
{
}

.CheckBoxBig input
{
}

.CheckBox:hover
{
	color: #000000;
	border: 1px outset #C0C0C0;
	background-color: #C0C0C0;
}

/***** Top menu *****/

.TopMenu
{
	height: 36px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	text-transform: uppercase;
	z-index: 101;
	position: absolute;
	float: left;
}

.TopMenuItem
{
	background-repeat: no-repeat;
	color: #ffffff;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 36px;
	line-height: 30px;
	margin-left: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 138px;
	z-index: 101;
}

.TopMenuItemHover
{
	background-image: url("../images/nav-bg-over.png" );
	background-repeat: repeat-x;
	display: block;
	text-align: center;
	width: 138px;
	z-index: 101;
}

.TopItemSelected
{
	background-color: transparent;
	background-image: url("../images/MenuItemOn.png" );
	background-repeat: no-repeat;
	color: #99CC00;
	display: block;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 138px;
	z-index: 101;
}

/***** Side menu *****/

#SideMenuMasterPageMenuColumn
{
	clear: left;
	float: left;
	margin-left: 10px;
	width: 176px;
}

#SideMenuMasterPageContentColumn
{
	float: left;
	width: 800px;
}

.SideMenuTopItem
{
	background-color: #3E4953;
	color: white;
	font: bold 11px Verdana;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	text-transform: uppercase;
	width: 170px;
}

.SideMenuTopItem .SideMenuItemSelected
{
	background-position: right center;
	background-repeat: no-repeat;
}

.SideMenuChildItem
{
	background: #E7EAED;
	color: black;
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	height: 40px;
	line-height: 40px;
	text-indent: 20px;
	width: 170px;
}

.SideMenuChildItem .SideMenuItemSelected
{
	background-position: right center;
	background-image: url('../images/side_menu_item_selected.png' );
	background-repeat: no-repeat;
}

.SideMenuChildItem:hover
{
	background-color: #9CD36F;
}

.MenuDescriptionWrapper
{
	padding-left: 20px;
	width: 500px;
}

.MenuDescriptionHeader
{
	background-color: #F3F3F3;
	border-top: solid 1px lightgray;
	color: #333333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em; /*font-weight: bold;*/
	height: 26px;
	line-height: 25px;
	padding-left: 4px;
}

.MenuDescriptionContent
{
	color: #808080;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	height: 30px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-top: 2px;
}

/***** Pages *****/

.RightPageWrapper
{
	border: 1px solid #DCDCDC;
	height: 440px;
	padding-left: 4px;
	padding-right: 4px;
	width: 800px;
}

.FullPageWrapper
{
	border: 1px solid #DCDCDC;
	height: 440px;
	margin: 4px;
	padding-left: 4px;
	padding-right: 4px;
	width: 980px;
}

.SectionHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: White;
	margin-left: 4px;
	margin-right: 2px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #5E9239; /*#51A500;*/
}

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

.SectionHeader2
{
	background: url(../images/sprite.png) repeat-x 0px 0px;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	color: #000;
	padding: 4px 5px 4px 10px;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
}

.ErrorLabel
{
	color: #FF0000;
	margin: 10px 20px 10px 20px;
	font-family: Verdana;
	font-size: x-large; /*font-weight: bold; */
	text-decoration: none;
}

.FullPageLine
{
	border: 1px solid #DCDCDC;
	margin: 10px 20px 10px 0px;
}

.PanelScrollBars
{
	width: 100%;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}

.title
{
	font-size: 12px;
	font-weight: bold;
}

.inspected
{
	float: right;
	margin-right: 4px;
}

/***** Tab Containers *****/

.grayTab .ajax__tab_header
{
	font-family: "Helvetica Neue" , Arial, Sans-Serif;
	background: url(../images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
	cursor: hand;
}
.grayTab .ajax__tab_header .ajax__tab_outer
{
	background: url(../images/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}
.grayTab .ajax__tab_header .ajax__tab_inner
{
	background: url(../images/tab.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 3px 10px 2px 0px;
}
.grayTab .ajax__tab_hover .ajax__tab_inner
{
	color: #000;
}
.grayTab .ajax__tab_active .ajax__tab_outer
{
	background: url(../images/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}
.grayTab .ajax__tab_active .ajax__tab_inner
{
	background: url(../images/tab.png) no-repeat right -40px;
	color: #000;
	border-color: #333;
}
.grayTab .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
}
.grayTab .ajax__tab_tab
{
	color: #666666;
	text-decoration: none !important;
}

/***** Reports *****/

.reportCellDate
{
	background-color: White;
	font-weight: bold;
}

.reportCellHeader, .reportCellHeaderValueGreen, .reportCellHeaderValueYellow, .reportCellHeaderValueRed, .reportCellHeaderValueNA
{
	font-size: inherit;
	font-weight: bold;
	height: 20px;
}

.reportCellHeader2, .reportCellHeader2ValueGreen, .reportCellHeader2ValueYellow, .reportCellHeader2ValueRed
{
	font-size: 10.5pt;
	font-weight: bold;
	height: 18px;
}

.reportCellHeaderValueGreen
{
	background-color: #9CD36F;
}

.reportCellHeaderValueYellow
{
	background-color: #FFFF66;
}

.reportCellHeaderValueRed
{
	background-color: #FF4040;
}

.reportCellHeaderValueNA
{
	font-weight: normal;
	font-size: 1em;
	background-color: Window;
}

.reportCellHeader2ValueGreen
{
	background-color: #9CD36F;
}

.reportCellHeader2ValueYellow
{
	background-color: #FFFF66;
}

.reportCellHeader2ValueRed
{
	background-color: #FF4040;
}

.QCAuditReportHeader1, .QCAuditReportHeader1Center
{
}

.QCAuditReportHeader1Center
{
    text-align: center;
}

.QCAuditReportHeader2, .QCAuditReportHeader2Center
{
    font-weight: bold;
    height: 20px;
    border : 0px;
    background-color: #DEDEDE;
}

.QCAuditReportHeader2Center
{
    text-align: center;
}

.DashTableCellHeaderCenter
{
	text-align: center;
}

.DashTableCellHeader, .DashTableCellHeaderCenter
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	color: White;
	margin-left: 4px;
	margin-right: 2px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #5E9239; /*#51A500;*/
}

.DashTableCellHeaderClickableCenter, .Center
{
	text-align: center;
}

.DashTableCellHeaderClickable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	color: White;
	margin-left: 4px;
	margin-right: 2px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #5E9239; /*#51A500;*/
}

.DashTableClickable:hover .DashTableCellHeaderClickable
{
	background-color: #7ea760; /*#51A500;*/
}

.DashTableCellBodyLeft
{
	text-align: left;
}


.DashTableCellBody, .DashTableCellBodyLeft
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* 	border-left: 1px solid #DCDCDC; 	border-right: 1px solid #DCDCDC; */
	height: 20px;
	line-height: 20px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.DashTableCellBodyBottomCenter
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px; /*	border-bottom: 1px solid #DCDCDC;*/
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.DashTableCellBodyBottomLeft
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px; /* 	border-left: 1px solid #DCDCDC; 	border-bottom: 1px solid #DCDCDC; */
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.DashTableCellBodyBottom
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px; /* 	border-left: 1px solid #DCDCDC; 	border-right: 1px solid #DCDCDC; 	border-bottom: 1px solid #DCDCDC; */
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
}


.ReportTitle
{
	font-size: medium;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

.arrow-up
{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7.5px 15px 7.5px;
	border-color: transparent transparent #267f00 transparent;
	-webkit-transform: rotate(360deg);
}

.arrow-down
{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 7.5px 0 7.5px;
	border-color: #ff0000 transparent transparent transparent;
	-webkit-transform: rotate(360deg);
}

.arrow-right
{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7.5px 0 7.5px 15px;
	border-color: transparent transparent transparent #ffd900;
	-webkit-transform: rotate(360deg);
}


/**********************/
.overlay
{
	position: fixed;
	z-index: 100002;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
* html .overlay
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader
{
	z-index: 100;
	position: fixed;
	width: 120px;
	margin-left: -60px;
	top: 50%;
	left: 50%;
}
* html .loader
{
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}
/***********************/

.ConfigTable
{
	width: 960px;
	font: 9pt verdana;
	text-align: left;
	margin: 5px 20px 5px 20px;
}
.ConfigTable tr
{
	height: 20px;
}
.ConfigTable td
{
	padding-top : 2px;
	-webkit-padding-before : 0px;
	
}
.Message
{
	font: 9pt verdana;
	color: RED;
}

.MobileForm
{
	margin-left: 12px; width: 98%; text-align: left; border: 1px solid #E7EAED;
}