﻿

/* ######### MASTER PAGE STYLES ######### */

body 
{
	margin:0;
	padding:0;
	border:none;
	background-color: #f8f8ff; 
}

/* ######### WIDTH ######### */


/* ######### CONTENT PLACE HOLDER TABLE ######### */



	
/* ######### END ######### */

.DataEntryFormTableButtons
{
    border-color:  #5695da;  
    background-repeat: repeat-x;
    padding: 4px 5px;
    color: white;
    background-color: #5695da;
    font-size : 10pt;
    font-family : cambria;
    font-weight: bold;
    text-transform: uppercase;
    height: 33px;
}

.DataEntryFormTableButtons_Menu 
{
    border-color: #5E7C94;
    background-repeat: repeat-x;
    padding: 4px 5px;
    color: white;
    background-color: #5E7C94;
    font-size: 10pt;
    font-family: cambria;
    font-weight: bold;
    text-transform: uppercase;
    height: 33px;
}

.DataEntryFormTableButtons_2
{
	font-size : 8pt;
    font-family : Arial, Helvetica, sans-serif;
    width: 100px;
}

.menu_Buttons
{
    border-color: #A6F4FF;
    background-repeat: repeat-x;
    padding: 4px 5px;
    color: black;
    background-color: #A6F4FF;
    font-size: 9.5pt;
    font-family: cambria;
    font-weight: bold;
    width: 90%;
}

.menu_Buttons__2
{
    border-color: #5695da;
    background-repeat: repeat-x;
    padding: 4px 5px;
    color: white;
    background-color: #5695da;
    font-size: 9.5pt;
    font-family: cambria;
    font-weight: bold;
    width: 90%;
}



.ItemSubMenu
{
	background-color: Black; 
	color: Black; 
	text-align: center;
    font-weight: bold;
    font-style: italic;
}

.MenuTable
{
	VERTICAL-ALIGN: top; 
	TEXT-ALIGN: left;
    padding: 0px 6px 0px 6px;
}

.PageHeaderTable 
{
	background-color: #f3efe0;
}


.ThirdTableRow5_FirstTableColumn3_FirstTable
{
	background-color: #f3efe0; /* F5F6F8 */
	WIDTH: 100%;
	border: solid 1px #dcdcdc; /* 617DA6 f8f8f8*/
}

.ThirdTableRow5_FirstTableColumn3_FirstTableRow
{
	VERTICAL-ALIGN: top;
	text-align: left;
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTable
{
	WIDTH: 100%;
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol1
{
	background-color: #5695da;
	height: 1px;
}
.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol2
{
	background-color: #5695da;
	height: 30px;
	color: White;
	font: bold 14px cambria;
}
.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol3
{
	background-color: White;
	height: 3px;
}
.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol4
{
	background-color: #5695da;
	height: 3px;
	
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol5
{

}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol5Table
{
	width: 100%;
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol5TableSeparator
{
	height: 10px;
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol5TableCol1
{
	width: 1%;
	height: 25px
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol5TableCol2
{
	width: 24%;
	VERTICAL-ALIGN: top;
	text-align: left;
    font-family: Cambria;
    color: #333; 
    font-size: 10pt;
    font-weight: bold;
}

.ThirdTableRow5_FirstTableColumn3_FirstTableSecondTableCol5TableCol3
{
	width: 75%;
	VERTICAL-ALIGN: top;
	text-align: left;
}

.ErrorMessageTable
{
	width: 100%;	
}
.ErrorMessageTableRow1
{
    height: 10px;
}

.loggedInMainTable
{
	BORDER-RIGHT: #85b1ee 1px solid; 
	BORDER-TOP: #85b1ee 1px solid; 
	BORDER-LEFT: #85b1ee 1px solid; 
	BORDER-BOTTOM: #85b1ee 1px solid; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 4px; 
	PADDING-TOP: 4px; 
		
	WIDTH: 100%; 
	HEIGHT: 550px; 
	BACKGROUND-COLOR: ghostwhite; 
	
	}
	
	
	.loggedInMainTable2
{
	BORDER-RIGHT: #85b1ee 1px solid; 
	BORDER-TOP: ghostwhite 1px solid; 
	BORDER-LEFT: #85b1ee 1px solid; 
	BORDER-BOTTOM: #85b1ee 1px solid; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 4px; 
	PADDING-TOP: 4px; 
		
	WIDTH: 100%; 
	HEIGHT: 550px; 
	BACKGROUND-COLOR: ghostwhite; 
	
	}
	
	
	
	.loggedInMainTable_New
{
	BORDER-RIGHT: #85b1ee 1px solid; 
	BORDER-TOP: #85b1ee 1px solid; 
	BORDER-LEFT: #85b1ee 1px solid; 
	BORDER-BOTTOM: #85b1ee 1px solid; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 4px; 
	PADDING-TOP: 4px; 
	
		
	WIDTH: 100%; 
	/* HEIGHT: 550px; */
	BACKGROUND-COLOR: ghostwhite;
	
	}

.Hysys
{
	/* (Arial,Tahoma,Verdana,sans-serif), Algerian Britannic Bold Castellar Wide Latin #e5e6e8 

       italic   normal
 */

    font-family:  Cambria;
    color: firebrick;
    font-size: 26pt;
    font-style: italic;
    font-weight: bold;
}

.Hysys2
{
    font-size: 10pt;
    font-style: normal;
}


.ErrorMessageTableRow2
{
	VERTICAL-ALIGN: top;
	text-align: center;
    font-family: Arial,Tahoma,Verdana,sans-serif;
    color: Red; 
    font-size: 8pt;
}

.ErrorMessageTableRow3
{
	height: 10px;
}

.leftnav
{
	width: 98%;
    padding: 3px 10px 0px 5px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 8pt;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}

.leftnav a
{
    color: #617DA6;
}

.leftnav a:hover
{
    color: #ff9900;
}

.logoutbutton
{
	
    padding: 3px 10px 0px 5px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 8pt;
    text-align: left;
    font-weight: bold;
    color: #617DA6;
	
	}


/* ######### SITE PAGE HEADER FORM ######### */

.PageHeaderTable
{
	
	border-top: #B1B5B9 1px solid;
	border-left: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
	border-bottom: #B1B5B9 1px solid;
	
}

.PageHeaderTableHeaderRow
{
	text-align : left;
	padding-left: 5px;
}

.PageHeaderTableContentRow
{
	 text-align : left;
	 padding: 5px;
	 height: 20px;
	 font-size : 8pt;
     font-family : Arial, Helvetica, sans-serif;
     font-weight : normal;
}

.PageHeaderSearchTableContentRow
{
	 text-align : center;
	 font-size : 9pt;
     font-family : Cambria;
     font-weight : bold;
     padding: 10px 0px 10px 0px;
}

.PageHeaderSearchTableContainerTable
{
	  width: 100%;
}

.PageHeaderSearchTableRowSeparator
{
	  height: 0px;
}

/* ######### SITE MAIN ENTRY DATA FORM ######### */

.OuterTableRowSeparators
{
	height: 20px;
}

.DataEntryFormTable
{
	border-top: #B1B5B9 1px solid;
	border-left: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
}

.DataEntryFormTableNew
{
	
/*border-top: #dcdcdc 1px solid; 0F2543 EFEFEF */
	border-left: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid; 
	
	background-color: #f3efe0; /* F5F6F8 dcdcdc f5f5f5 e5e6e8 f3efe0  */
}

.DataEntryFormTableNew_2
{
    border-bottom: #B1B5B9 1px solid; 
    background-color: #f3efe0; 
    
   
	border-left: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid; 
 	border-top: #B1B5B9 1px solid; 
    
}

.TableHeader
{
	font-family : cambria;
    font-size : 9pt;
    font-weight : bold;
    background-color : #f3efe0;
    height: 25px;
    font-weight: bold;
}

.TableHeader_GridRecordOptions
{
    font-family: cambria;
    font-size: 9pt;
    font-weight: bold;
    background-color: #f3efe0;
    height: 25px;
    font-weight: bold;
    
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #b1b5b9;
    border-right-color: #b1b5b9;
    border-left-color: #b1b5b9;
}

.TableHeaderNew
{
	font-family : cambria;
    font-size : 10pt;
    font-weight : bold;
    background-color : #5695da;
    color : white;
    height: 25px;
}

.TableHeaderExtra
{
	text-transform: uppercase;
}

.TableHeaderExtraNew
{
	border-color: #5695da; /* b1b5b9*/
	border-style: solid;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	
	text-transform: uppercase;
}

.DataEntryFormTableHeader
{
	 text-align : center;
}

.DataEntryFormTableColumn1
{
	height: 25px;
	border-bottom: #B1B5B9 1px solid;
}

.DataEntryFormTableColumn2
{
	border-bottom: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
	text-align : left;
    vertical-align: top;
    font-size : 10pt;
    font-family : cambria; /* (Arial, Helvetica, sans-serif) */
    font-weight : normal;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
}

.DataEntryFormTableColumn2Test
{
	height: 25px;
	width: 12%;
	
	border-bottom: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
	text-align : center;
    vertical-align: middle;
    font-size : 9pt;
    font-family : cambria; /* (Arial, Helvetica, sans-serif) */
    font-weight : normal;
    padding: 2px 2px 2px 2px;
}

.DataEntryFormTableColumn2Test1
{
	height: 25px;
	width: 2%;
	
	border-bottom: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
	text-align : center;
    vertical-align: middle;
    font-size : 9pt;
    font-family : cambria; /* (Arial, Helvetica, sans-serif) */
    font-weight : normal;
    padding: 2px 2px 2px 2px;
}

.DataEntryFormTableColumn2Test2
{
	height: 25px;
	width: 2%;
	
	border-bottom: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
	text-align : center;
    vertical-align: middle;
    font-size : 9pt;
    font-family : cambria; /* (Arial, Helvetica, sans-serif) */
    font-weight : normal;
    padding: 2px 2px 2px 2px;
}


.DataEntryFormTableNewTest
{
	
   /* border-top: #dcdcdc 1px solid; 0F2543 EFEFEF */
	border-left: #B1B5B9 1px solid;
	/* border-right: #B1B5B9 1px solid; */
	
	background-color: #f3efe0; /* F5F6F8 dcdcdc f5f5f5 e5e6e8 f3efe0  */
}

.DataEntryFormTableColumn3
{
	width: 1%;	
	border-bottom: #B1B5B9 1px solid;
}

.DataEntryFormTableColumn4
{
    width: 70%;
    border-bottom: #B1B5B9 1px solid;
    text-align: left;
    vertical-align: top;
    padding: 2px 0px 5px 0px;
}

.DataEntryFormTableColumn5
{
	width: 3%;		
	border-bottom: #B1B5B9 1px solid;
	text-align : left;
    vertical-align: middle;
}



.DataEntryFormTableButtonRow
{
	text-align : left;
    vertical-align: middle;
	Height: 60px;
	border-bottom: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
}

.DataEntryFormTableButtonRowTable
{
	text-align : left;
    vertical-align: middle;
	Height: 60px;
	border-top: #B1B5B9 1px solid;
	border-bottom: #B1B5B9 1px solid;
	border-right: #B1B5B9 1px solid;
}

.DataEntryFormTableTextboxView
{
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    height: 14px;
    border: #7F9DB9 1px solid;
    font-weight: bold;
    background-color: #f5f5f5;
    border: #f5f5f5;
}

.TextToUpper
{
	 text-transform: uppercase;
}

.DataEntryFormTableTextbox
{
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    
    border: #7F9DB9 1px solid;
    font-weight: bold;
    background-color: #f8f8ff; /*LightGoldenrodYellow */
    
    
    color: #000080;
    height: 20px;
}

.DataEntryFormTableTextboxWidth
{
	width: 90%;
}

.ViewData
{
	background-color: #f5f5f5;
	border: solid 1px #f5f5f5;
	width: 98%;
}

.GridFilters
{
	vertical-align : middle; 
	text-align: center; 
    }

.SystemDropdownListSearchTable
{
	border: #7F9DB9 1px solid;
	font-size : 10pt;
    font-family : Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; Trebuchet MS, Verdana, Helvetica, sans-serif;  */
    
	height: 25px;
	font-weight: normal;
	background-color: #f8f8ff;
    font-weight: bold;
    color: #000080;
}

.SystemDropdownListOthers
{
	border: #7F9DB9 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f8f8ff;
	
	font-size: 10pt;
	font-weight: bold;
	height: 25px;
	color: #000080;
}

.filterControlsWidth
{
	width: 90%;
}

.CenterTextBoxText
{
	text-align: center;
	}
	
	.TopRedirectTable
{
	border-bottom: #B1B5B9 1px solid;
	border-top: #B1B5B9 1px solid;
	padding: 3px 0px 3px 0px;
}



/* ######### SITE GRID ######### */

.GridHeaderStyle
{
    font-family  : Cambria;
    font-size : 8pt;
    font-weight : bold;
    background-color : #0070B9;
    color : White;
	vertical-align: middle; 
	text-align: left;
	height: 18px;
	border-color: #e5e6e8;
	border-style: solid;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;	
	
	VERTICAL-ALIGN: middle; 
	TEXT-ALIGN: left;
	height: 18px;
    text-transform: uppercase;
	
}

.GridFooterStyle
{
	background-color: #5D7B9D;
	font-weight : bold;
	color: White;
}

.GridEditItemStyle
{
	background-color: #999999;
}

.GridSelectedItemStyle
{
	background-color: #E2DED6;
	font-weight : bold;
	text-decoration: underline;
	color: #333333;
}

.GridPagerStyle
{
	background-color: #A6F4FF;
	color: black;
	text-align: center;
	font-family: cambria; 
	font-size: 11pt;
	font-size: 12pt;
	 font-weight : bold;
}

.GridItemStyle
{
	background-color: White;
	color: #284775;
}

.GridItemStyle2 {
    background-color: White;
    color: Red;
}

.GridAlternatingItemStyle
{
	background-color: #F7F6F3;
	color: #333333;
}

.GridAlternatingItemStyle2 {
    background-color:  LightSkyBlue;
    color: black;
}

.GridRows
{
	font-family: tahoma,sans-serif; 
    font-size: 10pt;
    height: 6px;
    text-align: left;
    vertical-align: top;
}

.GridButtonColumnItemStyle
{
	text-decoration: underline;
	font-size : 8pt;	
}

.UpdatePanelLabel
{
	font-family: Cambria;
    font-size: 12pt;
	font-weight: bold;
	color: #002061;	
}

/************ ajax calendar ***********************/

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: blue;
    z-index:10;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


/************ ajax Collapsible Panel ***********************/

.collapsePanel 
{
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader 
{
    width: 100%;
    height: 30px;
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}





/************ ######### OTHER STUFF ######### */

.RadMenu_Styling
{
    z-index:8;
}

.AlgRgh
{
  text-align:center;
}


/*
a:active  ==== Set the appearance of a hyperlink when clicked.
a:hover   ==== Set the appearance of a hyperlink when the pointer is over the hyperlink.
a:link    ==== Set the appearance of hyperlinks that haven't been clicked.
a:visited ==== Set the appearance of hyperlinks that have been

.MasterData_HyperLink:active { color:green;}
.MasterData_HyperLink:hover { color:green;}
.MasterData_HyperLink:link { color:green;}
.MasterData_HyperLink:visited { color:green;}

.MasterData_HyperLink:active { color:inherit;}
.MasterData_HyperLink:hover { color:inherit;}
.MasterData_HyperLink:link { color:inherit;}
.MasterData_HyperLink:visited { color:inherit;}

 font-family: Cambria; font-size: 10pt;  font-weight: bold; color : royalblue;  	

*/

.MasterData_HyperLink
{
  text-decoration: none;
  text-decoration: underline;
  font-size: 11pt;
}

.Menu_Parent
{
    font-weight: bold;
}

.Menu_Child
{
    
}

.WebbControlPanelCells

{
	
	PADDING-BOTTOM: 10px; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 25%; 
	PADDING-TOP: 10px; 
	TEXT-ALIGN: center
	
	}









	


	
	
